html body {
	margin: 0;
	background-color: #7FDBF2;
	font: 13px/14px Arial, Helvetica, sans-serif;
	color: #671000;
	height: 100%;
	min-width: 955px;
}

html body.netbar {
	padding-top:32px;
}

img {
	border: none;
	display: block;
}

.span-highlight {
	color:#A10800;
	font-weight:bold;
}
 
p { 
	color: #671000;
	font-size: 13px;
	padding: 15px 15px 0 15px;
}

.content-bg-2 .inner-content p.tip-dl { 
	font-weight:bold;
	font-size:11px;
	margin:15px 0 0;
	padding:0;
}

a {  
	color:#A10800;
	text-decoration: none;
}

a:hover { 
	text-decoration: underline;
}

a:focus {
	outline:none; 
}
form {
	margin: 0;
	padding: 0;
}
.page {
	background: url(../img/container-bg.jpg) repeat-y 50% 0;
	min-height: 100%;
	overflow: hidden;
}
* html .page {
	height: 100%;
	overflow: visible;
}
.header-wrapper {
	background: url(../img/header-bg.jpg) no-repeat 50% 0;
	height: 345px;
}
/* header start */
#header {
	margin: 0 auto;
	width: 930px;
	height: 342px;
	overflow: hidden;
	position: relative;
}
/* logo */
.logo {
	position: absolute;
	top: 0;
	left: 363px;
	background: url(../img/logo.png) no-repeat;
	width: 252px;
	height: 149px;
	text-indent: -9999px;
	overflow: hidden;
}
.header-box {
	width: 534px;
	margin: 172px 0 0 199px;
	overflow: hidden;
}
/* top navigation start */


.top-nav {
	overflow: hidden;
	height: 51px;
	margin:  0 0 0 0;
	padding: 0 0 0 11px;
	width: 100%;
}

* html .top-nav {
	height: 55px;
}

*+html .top-nav {
	height: 53px;
}


.top-nav li {
	float: left;
	list-style: none;
	display: inline;
	height: 25px;
	color: #2b0600;
	width: 170px;
	font-weight:bold;
	font-size: 12px;
	line-height: 14px;
	padding: 0 0 0 0;
	margin: 0 0 0 0px;
}

.top-nav li span {
	float: left;
	height:35px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 18px;
	width: 23px;
	line-height:38px;
}
.top-nav li a {
	height: 35px;
	text-decoration: none;
	color: #2b0600;
	text-align: center;
	float: left;
	position: relative;	
	}

.top-nav li a:hover {
	text-decoration: underline;
}

a.char {
	line-height:36px;
	width:122px;
	height:35px;
	padding: 0px;
	margin: 0 0 0 0px;	
}

a.char:hover {
	background: url(../img/headnav-bg.jpg) no-repeat;
}

a.kostenlos {
	margin: -35px 0 0 42px;
	padding: 3px 0 0 4px;
	text-align: center;
	line-height: 14px;
	width:115px
}

a.kostenlos:hover {
	background: url(../img/headnav-bg.jpg) no-repeat;
}
.logged {
	background: url(../img/headerlogged.jpg) no-repeat;
	height: 148px;
	margin: -22px 0 0 3px;
	position:absolute;
	width: 521px;
}
 
.welcome {
	color: #691E1A;	
	display: inline;
	float: left;
	font-size: 13px;
	font-weight: bold;
	height:37px;
	margin: 25px 0 0 40px;
}

.credit {
	color: #691E1A;
	font-size: 11px;
	font-weight: bold;
	float:right;
	margin: 23px 0 0 0;
	padding-right: 40px;
	text-align: right;
	height:25px;

	
}

.credit img {

	margin:-6px 0 0 -40px;
	position:absolute;
}

.menulogged {
	height:52px;
	margin:0 0 0 18px;
	width: 512px;
	
}

.menulogged li {
	display:block;
	float:left;
	text-align:center;
}

.menulogged li a {
	background: url(../img/loggedbutton.gif) no-repeat;
	display:block;
	color: #2B0600;
	font-size:11px;
	float:left;
	height:52px;
	text-decoration:none;
	padding: 0 0 0 32px;
	line-height: 50px;
	text-align:center;
	width: 130px;
}

.menulogged a:hover {
	text-decoration: underline;
	background-position: 0 -52px;
}

.menulogged .user {
	background: url(../img/user.gif) no-repeat;
}

.menulogged .charge {
	background: url(../img/charge.gif) no-repeat;
}

.menulogged .logout {
	background: url(../img/logout.gif) no-repeat;
}

.logged p {
	color:#EDDF84;
	font-size: 11px;
	line-height: 9px;
	margin: 0 0 0 31px;
	padding:0;
}


#err-register {
	background: #EBDB8E;
	border: 1px dotted #691E1A;
	color:#691E1A;
	font-size:11px;
	height:28px;
	left: 625px;
	padding: 0 0 0 5px; 
	position:absolute;
	top:195px;
	width:200px;
}

/* top navigation end */
/* form start */
.form {
	clear: both;
}
.form fieldset {
	background: url(../img/header-box.jpg) no-repeat;
	width: 530px;
	height: 45px;
	margin: 7px 0 0 0px;
	padding: 0 0 0 0px;
	border: none;
}
.form label {
	color: #eddf84;
	font-size: 11px;
	margin: 0px 0 0 37px;
	padding-bottom:5px;
	display: inline;
	line-height: 14px;
}

.agb-label {
	color: #eddf84;
	font-size: 11px;
	margin: 0px 0 0 40px;
	padding-bottom:5px;
	display: inline;
	line-height: 14px;
}

.agb-text {
	color: #eddf84;
	font-size: 11px;
	margin: 0px 0 0 5px;
	display: inline;
	line-height: 14px;
}

.agb-text a {
	color: #FF8400;
}

.form label a {
	color: #ff8400;
	text-decoration: none;
}
.form label a:hover {
	text-decoration: underline;
}
.form label input {
	width: 15px;
	height: 13px;
	margin: -14px 4px 0 355px;
	float: left;
}
* html .form label {
	margin-top: -5px;
}
*+html .form label {
	margin-top: -5px;
}
* html .form label input {
	height: 15px;
	margin-right: 2px;
	
}
*+html .form label input {
	height: 15px;
	margin-right: 2px;
}
.form fieldset label {
	color: #fef6aa;
	font-size: 10px;
	line-height: 13px;
	margin: -8px 0 0 10px;
	position:relative;
	float: left;
}
.form fieldset .box {
	float: left;
	width: 141px;
	margin:-4px 0 0 1px;
}
.form fieldset .input {
	background: url(../img/input-bg-1.gif) no-repeat;
	width: 120px;
	height: 18px;
	margin: 0px 0 0 12px;
	float: left;
	display: inline;
}
.form fieldset .input-2 {
	background: url(../img/input-bg-1.gif) no-repeat;
}
.form fieldset .input-3 {
	background: url(../img/input-bg-1.gif) no-repeat;
}
.form fieldset .input input {
	background: none;
	border: none;
	color: #FEF6AA;
	font: 11px/14px Arial, Helvetica, sans-serif;
	width: 109px;
	margin: 0 0 0 4px;
	padding: 2px 0 0;
	height: 15px;
	float: left;
	display: inline;
}
/* all buttons styles */
.button {
	
	background: url(../img/button-bg-right.gif) no-repeat;
	border-style:none;
	color: #2b0600;
	display: inline;
	float: left;
	font-size: 11px;
	font-weight:bold;
	height:29px;
	margin: 0px 0 0 0px;
	text-decoration: none;
	width:95px;
}
.button span {
	float: left;
	height: 21px;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	padding: 8px 15px 0 13px;
	cursor: pointer;
}

.btn {
	background: url(../img/button-bg-2.gif) no-repeat;
	width: 154px;
	height: 29px;
	text-align: center;
	color: #2B0600;
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	float:left;
	border-style:none;
}

.btn2 {
	background: url(../img/button-bg-2.gif) no-repeat;
	width: 154px;
	height: 29px;
	text-align: center;
	color: #2B0600;
	display: block;
	margin: 4px 0 0;
	padding: 0px;
	text-decoration: none;
	font-size: 12px;
	line-height: 30px;
	font-weight: bold;
	float:left;
	border-style:none;
}

.btn3 {
	background: url(../img/button-bg.gif) no-repeat;
	width: 129px;
	height: 29px;
	text-align: center;
	color: #2B0600;
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	float:left;
	border-style:none;
}

.btn-right {
	float:right;
}

.btn-center {
	height:32px;
	width:500px;
	margin: 0 0 0 15px;
}

.btn-form {
	height:32px;
	width:328px;
	margin: 0;
}

.btn-back {
	background: url(../img/btn-back.jpg) no-repeat;
	width: 154px;
	height: 29px;
	text-align: center;
	color: #2B0600;
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 28px;
	font-weight: bold;
	float:left;
	border-style:none;
}

.inner-content .btn-center ul {
	padding:0;
	float:left;
	display:block;
}

.inner-content .btn-center ul li {
	background:none;
	float:left;
	height:29px;
	padding:0;
	margin:0;
	width: 164px;
}

.inner-content .btn-form ul {
	padding:0;
	float:left;
	display:block;
}

.inner-content .btn-form ul li {
	background:none;
	float:left;
	height:29px;
	padding:0;
	margin:0;
	width: 164px;
}


.button:hover,
.button:hover span,
.btn2:hover,
.btn:hover {
	text-decoration: underline;
	background-position: 0px -29px;
}

.form-score .btn {
	margin-left: 4px;
	background: url(../img/button-bg-3.gif) no-repeat;
	color: #dfbf8b;
}

.inner-content .tab1, 
.inner-content .tab2,
.inner-content .tab3,
.inner-content .tab4  {
	margin:0 0 0 5px;
	padding:0 0 0px;
	width:507px;
	height:42px
}

.inner-content .tab1 {
	background: url(../img/tab1-active.jpg) no-repeat;
}

.inner-content .tab2 {
	background: url(../img/tab2-active.jpg) no-repeat;
}

.inner-content .tab3 {
	background: url(../img/tab3-active.jpg) no-repeat;
}

.inner-content .tab4 {
	background: url(../img/tab4-active.jpg) no-repeat;
}

.inner-content .tab1 li,
.inner-content .tab2 li,
.inner-content .tab3 li,
.inner-content .tab4 li
{
	background: none;
	display:block;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:  0 0 0 10px;
	padding: 0;
	width: 111px;
}

.inner-content .tab1 a,
.inner-content .tab2 a,
.inner-content .tab3 a,
.inner-content .tab4 a 
{
	color:#7B1300;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:23px;
	line-height:34px;
	overflow:hidden;
	padding:0;
	text-align:center;
	text-decoration:none;
	width:122px;
}

/* form end */
/* header end */
/* footer start  */
.footer-wrapper {
	background: url(../img/footer-bg.gif) no-repeat 50% 0;
	height: 250px;
	margin: -166px 0 0;
	float: left;
	width: 100%;
}
#footer {
	margin: 0 auto;
	width: 956px;
	overflow: hidden;
}

/* list */
#footer ul {
	margin: 194px 0 0 0px;
	padding: 15px 10px 0 0;
	height: 29px;
	text-align: center;
	font-size: 10px;
	line-height: 13px;
}
#footer ul li {
	display: inline;
	list-style: none;
	color: #703a00;
	background: url(../img/sep.gif) no-repeat 0 7px;
	padding: 0 5px 0 13px;
}
#footer ul li.first {
	background: none;
}
#footer ul li a {
	color: #703a00;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}
/* footer end  */

/* main container */
.container-wrapper {
	background: url(../img/container-bg-top.jpg) no-repeat 50% 0;
	float: left;
	width: 100%;
	padding: 0 0 0;
}
.container {
	margin: 0 auto;
	width: 956px;
	position: relative;
}

.inner-content p.home-intro {
	margin:15px;
	padding:0;
}

/* left column */
.col-1,
.col-3 {
	float: left;
	width: 188px;
	margin: -65px 0 0 0px;
	position: relative;
	display: inline;
}
/* right column */
.col-3 {
	float: right;
	width: 203px;
	margin: -68px 0 0 0px;
	position: relative;
}
.contentmodulbox {
	position:relative;
	margin:-100px 0 0 0px;
}


.boxes-bottom2 {
	background: url(../img/box-bottom2.png) no-repeat;
	width: 189px;
	height: 174px;
	margin:0 0 0;
}

.salebutton {
	background:url(../img/sale.gif);
	height: 91px;
	width: 137px;
	margin: -14px 0 0 0;
	display:block;
}

a.salebutton:hover{
	background:url(../img/salehover.gif);
}

.downloadbutton {
	background:url(../img/download.gif);
	height: 89px;
	width: 132px;
	margin: -11px 0 0 0;
	display:block;
}

a.downloadbutton:hover{
	background:url(../img/downloadhover.gif);
}

.inner-collumn-left {
	float:left;
	width:290px;
}

.clientdownload {
	float:right;
	margin:32px 12px 0 0;
	padding: 0;
	width: 182px;	
}

.clientdownload span {
	width: 200px;
	margin: 15px 0 0 0;
	color:#691E1A;
	padding: 0 0 0;
	font-size:13px;
	line-height: 16px;
}

.client {
	background:url(../img/client.gif);
	height: 63px;
	width: 174px;
	margin: 15px 0;
	display:block;
}

.client2 {
	background:url(../img/client2.gif);
	height: 63px;
	width: 174px;
	margin: 15px 0;
	display:block;
}

a.client2:hover,
a.client:hover {
	background-position: 0px -63px;
}

.float-img {
	position:relative;
	margin:0;
	padding:0;
	width:490px;
}

.float-right {
	overflow: hidden;
	float:right;
	margin:0 0 15px 15px;
}


.modul-box-bg-bottom .boxes-middle {
	margin: 0 0 0 -24px;
	position:relative;
}

.modul-box-right {
	width: 189px;
	background: url(../img/modul-box-right-bg.jpg) repeat-y;
	margin: 0 0 0 15px;
	min-height:133px;
	position:relative;
}

.modul-box-right h3 {
	background: url(../img/main-mav-bg-right.gif) no-repeat;
	width: 131px;
	height: 26px;
	padding: 8px 0 0;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
	color: #fef6aa;
	text-decoration: none;
	display: block;
	font-size: 12px;
	margin: 0 0 0;
	line-height: 15px;
}

.modul-box-right .modul-box-bg-bottom {
	width: 100%;
	min-height: 280px;
	padding: 0 0 5px;
}

* html .modul-box-right .modul-box-bg-bottom {
	height: 170px;
	overflow: visible;
}

.register {
	margin: 15px 0 0 0;
}

/* right column end*/

/* right and left boxes styles start */
.boxes-top {
	background: url(../img/box-top-1.jpg) no-repeat;
	width: 189px;
	height: 143px;
}
.col-3 .boxes-top {
	background: url(../img/box-top-2.jpg) no-repeat;
	margin: 4px 0 0 15px;
	position:relative;
}
.boxes-bottom {
	background: url(../img/box-bottom.jpg) no-repeat;
	width: 189px;
	height: 174px;
	margin: -100px 0 0;
}

.col-3 .boxes-bottom {
	background: url(../img/box-bottom2.png) no-repeat;
	width: 189px;
	height: 174px;
	position:relative;
	margin: -110px 0 0 15px;
}

.boxes-middle {
	background: url(../img/box-middle.jpg) no-repeat;
	width: 183px;
	height: 32px;
	margin: 0 0 0 14px;
}
.modul-box {
	width: 189px;
	background: url(../img/modul-box-bg.jpg) repeat-y;
}
.col-3 .modul-box {
	background: url(../img/modul-box-right-bg.jpg) repeat-y;
	margin: 0px 0 0 15px;
	min-height:100px;
	position:relative;
}

.col-3 .modul-box-2 {
	background:transparent url(../img/modul-box-right-bg.jpg) repeat-y scroll 0 0;
	margin:0 0 0 15px;
	min-height:20px;
	position:relative;
}


.col-3 .modul-box-bg {
	margin:-122px 0 0 23px;
	position:absolute;
}

.col-3 .modul-box-bg-dl {
	margin:0 0 0 23px;
	position:relative;
}

.col-3 .modul-box-bg-2 {
	margin:0px 0 0 23px;
}

.modul-box .modul-box-bg-bottom {
	width: 100%;
	min-height: 180px;
	padding: 0 0 5px;
}

.modul-box .modul-box-bg-bottom-right {
	width: 100%;
	padding: 0 0 5px;
}

* html .modul-box .modul-box-bg-bottom {
	height: 170px;
	overflow: visible;
}

/* right and left boxes styles end */
/* main navigation start */
.main-nav {
	position:absolute;
	margin: -120px 0 0 35px;
	padding: 0 0 16px;
}
.main-nav li {
	list-style: none;
	padding: 0 0 0;
}
.main-nav li a,
.linked {
	background: url(../img/main-mav-bg.gif) no-repeat;
	width: 131px;
	height: 26px;
	padding: 8px 0 0;
	font-weight: bold;
	overflow: hidden;
	text-align: center;
	color: #fef6aa;
	text-decoration: none;
	display: block;
	font-size: 12px;
	line-height: 15px;
}

.linked {
	background: url(../img/main-mav-bg-right.gif) no-repeat;
}

a.linked:hover {
	background-position: 0 -34px;
	color: #fffde8;
}

.modul-box h3 {
	margin: 0 0 0;
}
.main-nav li a:hover,
.main-nav li a.active {
	background-position: 0 -34px;
	color: #fffde8;
}
/* main navigation end */
/* login form start */
.form-login {
	margin: -150px 0 0 0;
	width: 129px;
	padding: 0 0 12px;
	display: inline;
}
.form-login label {
	color: #691e1a;
	font-size: 11px;
	line-height: 14px;
	padding:0 0 0 10px;
}
.form-login .input {
	background: url(../img/input-bg-4.gif) no-repeat;
	width: 129px;
	height: 28px;
	margin: 2px 0 0;
	padding: 0 0 10px;
}

.form-login .input-lost {
	background: url(../img/lostpassform.gif) no-repeat;
	width: 267px;
	height: 28px;
	margin: 2px 0 0;
	padding: 0 0 10px;
}

.form-login .input input {
	border: none;
	background: none;
	color: #691E1A;
	font: 11px/13px Arial, Helvetica, sans-serif;
	margin: 7px 0 0 6px;
	width: 115px;

}

.form-login .input-lost input {
	border: none;
	background: none;
	color: #691E1A;
	font: bold 14px/13px Arial, Helvetica, sans-serif;
	margin: 7px 0 0 6px;
	width: 250px;
}

.agb-login-txt {
	font-size:11px;
}

/* login form end */
/* Passwort vergessen start */
.lostpassword {
	margin: 0 0 0 15px;
}

.password {
	
	color: #a10800;
	display: block;
	font-size: 10px;
	height: 25px;
	line-height: 15px;
	margin: 36px 0 0 0px;
	text-align: center;
	text-decoration: none;
	width: 132px;
}

.error {
	background: url(../img/error-small.jpg) no-repeat;
	margin: 15px 0 15px 20px;
	width: 180px;
	padding-left: 20px;
}

.error-tip {
	background: url(../img/error.jpg) no-repeat;
	width: 210px;
	height: 75px;
	padding-left: 65px;
}

.error-tip,
.error {
	font-size: 11px;
	color:#A10800;	
}

/* Passwort vergessen end */
/* hightscore box start */
.form-score {
	margin: 5px 0 0 0;
	padding: 0 0 100px;
}
.form-score select {
	background-color: #5c5211;
	border: 1px solid #FFF09F;
	width: 125px;
	color:#d9cb70;
	padding: 0;
	font-size: 13px;
	margin: 0 0 0 4px;
}
.form-score ul {
	margin: 6px 1px 0 0;
	padding: 0 0 1px;
}
.form-score ul li {
	list-style: none;
	color: #4a1e00;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 0 2px 9px;
}
.form-score ul li.light {
	background: url(../img/shadow.gif) no-repeat;
	padding: 3px 0 3px 9px;
}
.form-score ul li strong {
	color: #b00900;
	margin: 0 2px 0 0;
}
.form-score ul li a {
	color: #691e1a;
	text-decoration: none;
	margin: 0 0 0 2px;
} 
.form-score ul li a.first {
	color: #943b00;
}
.form-score ul li a:hover {
	text-decoration: underline;
}
/* hightscore box end */
/* center column */
.col-2 {
	float: left;
	position:relative;
	width: 550px;
	overflow:hidden;
	margin: -23px 0 0 13px;
	display: inline;
	min-height:700px;
}
/* two boxes holder start */
.two-boxes {
	background: url(../img/two-boxes-bg.jpg) repeat-y;
	width: 548px;
}
.two-boxes .two-boxes-top {
	background: url(../img/two-boxes-top.jpg) no-repeat;
}
.two-boxes .two-boxes-bottom {
	background: url(../img/two-boxes-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	width: 100%;
	padding: 0 0 15px;
}
/* welcome box */
.box {
	float: left;
	width: 246px;
	margin: 0 0 0 11px;
	display: inline;
}
.box-right {
	float: right;
	margin: 0 14px 0 0;
}
.box h2,
.content h2 {
	margin: 11px 0 0;
	text-align:center;
	padding: 0 0 7px 0px;
	color: #FEF6AA;
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
}

.box .body {
	margin: 8px 16px 0 26px;
}
.box p {
	margin: 0;
	padding: 0 0 7px;
	color: #691e1a;
	text-align: left;
	font-size: 13px;
	line-height: 16px;
}
/* video */
.video {
	width: 223px;
	margin: 37px 0 0 15px;
}
.video .video-bg {
	overflow: hidden;
	padding: 3px 0 3px 3px;
	width: 220px;
}
.video a {
	background: url(../img/video.jpg) no-repeat 0 100%;
	float: left;
	height: 149px;
	width: 213px;
	border: 1px solid #eae0c6;
}

.video a:hover {
	background: url(../img/videohover.jpg) no-repeat 0 100%;
}

/* two boxes holder end */
.content {
	background: url(../img/content-box-bg.jpg) repeat-y;
	width: 550px;
	margin: 5px 0 0;
}
.content .content-bg {
	background: url(../img/content-box-top.jpg) no-repeat;
}

.content .content-bg-2 {
	background: url(../img/content-box-top2.jpg) no-repeat;
	margin: -7px 0 0;
	position:relative;
}

.content .content-bg-bottom {
	background: url(../img/content-box-bottom.jpg) no-repeat 0 100%;
	overflow: hidden;
	width: 539px;
	padding: 0 0 0 11px;
}

.content-inner {
	background: url(../img/content-inner-bg.jpg) repeat-y;
	width:507px;
	margin: 0 0 0 5px;
}

.content-inner-top {
	background: url(../img/content-inner-top.jpg) no-repeat;
	width:507px;
}

.content-inner-top2 {
	background: url(../img/content-inner-top2.jpg) no-repeat;
	width:507px;
	
}

.content-inner-top-first {
	width:507px;
}

.content-inner-bottom {
	background: url(../img/content-inner-bottom.jpg) no-repeat;
	width:507px;
	height:16px;
}

.content-inner-bottom2 {
	background: url(../img/content-inner-bottom2.jpg) no-repeat;
	width:507px;
	height:30px;
}

/* screenshots list */
.screen	{
	margin:0 15px 0 0;
	padding:0 0 15px;
	overflow: hidden;
}

.screenshots {
	margin: 20px 0 0 25px;
	padding: 0 0 17px;
	overflow: hidden;
	width: 100%;
}

.screenshots img {
	border: none;
	display: block;
	margin:1px 0 0 10px;
}
.screenshots li {
	float: left;
	list-style: none;
	width: 118px;
	height: 93px;
	padding: 4px 0 0 0;
	margin: 0 0 0 0px;
	display: inline;
	background: url(../img/screeshot-border-2.gif) no-repeat;
}

.wallpaper-links {
	float:left;
	line-height:18px;
	margin-left:30px;
	text-align:center;
	width:87px;
}

.wallpaper-links ul li {
	background: none;
}

.screen-nav {
	background:transparent url(../img/arrowleft.gif) no-repeat scroll 0 0;
	height:30px;
	left:16px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:357px;
	width:15px;
}

.screen-nav2 {
	background:transparent url(../img/arrowright.gif) no-repeat scroll 0 0;
	height:30px;
	left:517px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:357px;
	width:15px;
}

/* content start */
.inner-content {
	margin: 25px 15px 0 5px;
	padding: 0 0 18px;
}
.inner-content p {
	margin: 0;
	color: #691e1a;
	padding: 0 0 10px;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
}

.content-bg-2 .inner-content p {
	margin: 15px;
	color: #691e1a;
	padding: 0 0 0 2px;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
}

.content-bg-2 .inner-content .song {
	font-size:11px;
	font-weight: bold;
}

.inner-galerie h3 {
	margin: 3px 0 0 32px;
	padding: 12px 0 0 18px;
	color: #7b1300;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
}
.inner-content h3 {
	margin: 0;
	padding: 12px 0 0 52px;
	color: #7b1300;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
}

.inner-content h3.first {
	background:url(../img/star.jpg) no-repeat;
	height:22px;
	line-height:24px;
	margin: 0 0 0 15px;
	padding: 0 0 0 30px;
}

.inner-content h3.datum {
	float:left;
	margin: 0;
	padding: 12px 0 0 50px;
}

.inner-content ul {
	margin: 0;
	padding: 15px 15px 0 15px;
	font-size: 13px;
	line-height: 16px;
	text-align: left;
}
.inner-content ul li {
	list-style: none;
	color: #691e1a;
	background: url(../img/bullet.gif) no-repeat;
	padding: 0 0 13px 25px;
}

.galerie {
	margin: -15px 0 0 -10px;
}

.inner-galerie {
	margin: 25px 25px 0 5px;
	padding: 0 0 18px;
}

.galerie ul li {
	background: url(../img/screeshot-border-2.gif) no-repeat;
	list-style-type: none;
	margin: 15px 0 0 0;
}

.ticketlist {
	margin: 15px; 
	font-weight:bold;
	line-height:20px;
}

.reg-agb {
  width: 30px;
  display: block;
}

.content-bg-2 .inner-content .reg-agb-text {
	font-size:13px;
	line-height:16px;
	margin: 0;
	padding: 0;
	text-align:left;
}

.register-agb-box2 { 
	float:left;
	height:25px;
	width: 30px;
}

.agb-txt {
	font-size:11px;
	height:41px;
	width:200px;
}

.agb-form {
	display:block;
	height:41px;
}


.back {
	height: 29px;
	margin: 50px 0 0 180px;
	width:156px;
}

/* Capture */

.content-bg-2 .captcha-container p {color:#A10800; font-size:11px; margin:15px 0;}
.captcha-container img {border:1px solid #A10800;}
.form-login .captcha-container .input-lost {margin:15px 0;}


/* COL-3 Inhalt */
.tip {
	color:#FEF6AA;
	display:block;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	width:131px;
}
.tip img {
	display:inline;
	margin-top:10px;
}

p.login-text {
	font-size:10px;
	line-height:16px;
	margin-top:10px;
	padding:0;
	text-align:center;
	width: 132px;
}


/* Rangliste start */
.rangliste {
	margin: 0 0 0 5px;
	width: 507px;
}


.select-rank {
	float: left;
	height: 45px;
	margin: 10px 0 0 10px;
	width: 120px;
	display: inline;
}

.select-rank label {
	color: #671000;
	font-weight: bold;
	margin: 0 0 0 5px;
	font-size:11px;
}

.select-rank select {
	background-color: #cbc17b;
	border: 1px solid #FFF09F;
	color: #691E1A;
	font-size: 13px;
	margin: 0 0 0 4px;
	padding: 0;
	width: 120px;
}

.select-rank input {
	background-color: #cbc17b;
	border: 1px solid #FFF09F;
	color: #691E1A;
	font-size: 13px;
	margin: 0 0 0 4px;
	padding: 0;
	width: 110px;
}

.rangbutton {
	float:left;
	height:45px;
	margin-top:14px;
	width:50px;
}

.rangbutton a {
	background: url(../img/button-bg-inner.gif) no-repeat;
	height:23px;
	padding:6px 0 0 28px;
	width:68px;
	font-weight:bold;
	font-size:12px;
}

.rank-th-1 {
	background-image:url(../img/rank-head-1-bg.jpg);
	width:60px;
	height:43px;
}

.rank-th-2 {
	background-image:url(../img/rank-head-2-bg.jpg);
	width:157px;
	height:43px;
}

.rank-th-3 {
	background-image:url(../img/rank-head-3-bg.jpg);
	width:56px;
	height:43px;
}

.rank-th-4 {
	background-image:url(../img/rank-head-4-bg.jpg);
	width:219px;
	height:43px;
	padding: 0 15px 0 0;
	text-align:right;
}

.rank-td-1-1 {
	background-image:url(../img/rank-td-1-1-bg.jpg);
	text-align:center;
	width:60px;
	height:29px;
}

.rank-td-1-2 {
	background-image:url(../img/rank-td-1-2-bg.jpg);
	text-align:center;
	width:157px;
	height:29px;
}

.rank-td-1-3 {
	background-image:url(../img/rank-td-1-3-bg.jpg);
	text-align:center;
	width:56px;
	height:29px;
}

.rank-td-1-4 {
	background-image:url(../img/rank-td-1-4-bg.jpg);
	text-align:right;
	padding: 0 15px 0 0;
	width:219px;
	height:29px;
}

.rank-td-2-1 {
	background-image:url(../img/rank-td-2-1-bg.jpg);
	text-align:center;
	width:60px;
	height:29px;
}

.rank-td-2-2 {
	background-image:url(../img/rank-td-2-2-bg.jpg);
	text-align:center;
	width:157px;
	height:29px;
}

.rank-td-2-3 {
	background-image:url(../img/rank-td-2-3-bg.jpg);
	text-align:center;
	width:56px;
	height:29px;
}

.rank-td-2-4 {
	background-image:url(../img/rank-td-2-4-bg.jpg);
	text-align:right;
	padding: 0 15px 0 0;
	width:219px;
	height:29px;
}

.rank-td-last {
	background-image:url(../img/rank-td-last.jpg);
	font-weight:bold;
	text-align:right;
	padding: 0 15px 0 0;
	width:492px;
	height:74px;
}

.prev-next {
	height:15px;
	font-weight:bold;
}

.previous {
	float:left;
}

.forward {
	float:right;
}

.ranks-input-noservers {
	margin:3px 0 0 40px;
}


/* Rangliste end*/

.content-bg-2 .inner-content p.news {
	color:#691E1A;
	font-size:13px;
	line-height:16px;
	margin:15px 0 0 15px;
	padding:0 15px 0 3px;
	text-align:left;
}

.date {
	float:right;
	color:#691E1A;
	padding: 15px 25px 0 0;
	font-size: 13px;
}

table {
	color: #691e1a;
}

td {
	background:transparent none repeat scroll 0 0;
	border:0 none;
	font-size:11px;
	margin:0;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:middle;
	text-align:left;
}

.archiv {
	padding: 5px 0 0 0;
}

.archiv-btn {
	background:url(../img/archiv-btn.jpg);
	text-align:center;
	color:#FEF6AA;
	display:block;
	font-size:12px;
	font-weight:bold;
	height:23px;
	line-height:18px;
	overflow:hidden;
	padding: 0;
	text-align:center;
	text-decoration:none;
	width:63px;
}

a.archiv-btn:hover {
	color:#FFF;
	background-position: 0 23px;
}

.archiv-table-1-1 {
	background-image:url(../img/archiv-top-1.jpg);
	width:83px;
	height:22px;
}

.archiv-table-1-2 {
	background-image:url(../img/archiv-top-2.jpg);
	text-align:center;
	width:346px;
	height:22px;
}

.archiv-table-1-3 {
	background-image:url(../img/archiv-top-3.jpg);
	text-align:center;
	width:78px;
	height:22px;
}

.archiv-row-1-1 {
	background-image:url(../img/archiv-row-1-1.jpg);
	text-align:center;
	width:83px;
	height:29px;
}

.archiv-row-1-2 {
	background-image:url(../img/archiv-row-1-2.jpg);
	width:346px;
	height:29px;
}

.archiv-row-1-3 {
	background-image:url(../img/archiv-row-1-3.jpg);
	width:78px;
	height:29px;
}
.archiv-row-2-1 {
	background-image:url(../img/archiv-row-2-1.jpg);
	text-align:center;
	width:83px;
	height:29px;
}

.archiv-row-2-2 {
	background-image:url(../img/archiv-row-2-2.jpg);
	width:346px;
	height:29px;
}

.archiv-row-2-3 {
	background-image:url(../img/archiv-row-2-3.jpg);
	width:78px;
	height:29px;
}

.archiv-table-last {
	background-image:url(../img/archiv-bottom.jpg);
	height:70px;
	text-align:right;
	padding: 0 9px 0 0;
	width:502px;
}

.rankfirst {
	font-weight:bold;
}

.table {
	padding: 15px 0 0 15px;
	width: 285px;
}
.load-link {
	color:#A10800;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
}
.load-link:hover {
	text-decoration:underline;
}
.load-link:visited {
	color:#943B00;
}

.clearfloat {
	clear: both;
	height:0px;
}

#warning {
	background:transparent none repeat scroll 0 0;
	border:1px solid #CC0000;
	color:#CC0000;
	font-size:12px;
	line-height:18px;
	margin:15px;
	padding:5px;
}

#warning strong {
	font-size: 16px;
}

/* content end */

/***************************************
   =cluetipClass: 'Nostale' 
-------------------------------------- */
.cluetip-nostale {
	background-color:#F0E596;
	height:200px;
	border:1px solid #333;
}

.cluetip-nostale h3#cluetip-title {
  margin: 0 0 5px;
  padding: 8px 10px 4px;
  font-size: 1.1em; 
  font-weight: bold;
  background-color: #87A704;
  color: #FEF6AA;
}
.cluetip-nostale #cluetip-title a {
  color: #d9d9c2;
  font-size: 0.95em;
}  
.cluetip-nostale #cluetip-inner {
  padding: 10px;
}
.cluetip-nostale div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
}

/***************************************
   Overlay JQuery Tools: 'Nostale' 
-------------------------------------- */
#gallery {
	display:none;
	z-index:10000;
	background-color:#333;
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
#gallery .close {
	background:url(../img/overlay/icons.gif) no-repeat 0 -60px;
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#gallery .next, #gallery .prev {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:black url(../img/overlay/icons.gif) no-repeat scroll 0 0;
	border:1px solid #C97221;
	color:#C97221;
	cursor:pointer;
	font-size:12px;
	font-weight:700;
	height:30px;
	position:absolute;
	top:40%;
	text-align:center;
	text-indent:-9999px;
	width:50px;
}
#gallery .next {
	-moz-border-radius-bottomright:0;
	-moz-border-radius-topright:0;
	border-right:0 none;
	right:0;
}
#gallery .prev {
	-moz-border-radius-bottomleft:0;
	-moz-border-radius-topleft:0;
	background-position:right -30px;
	border-left:0 none;
	left:0;
}

.info {
	background:#000;
	border-top:1px solid #C97221;
	bottom:0;
	color:#FFF;
	font-size:11px;
	left:0;
	padding:10px 15px;
	position:absolute;
}
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}

/* TASKFORCE CHANGES*/
#authenticated .input-data-box,
#authenticate .input-data-box {background:none;}

#activateAccount a {
     font-weight:bold;
     text-decoration:none;
}

#activateAccount a:hover {text-decoration:underline;}

#activateBox {
     margin:0 0 20px;
}

#activateBox p {width:auto;}

#activateAccount a.client {
     float:left;
     font-size:16px;
     margin:0 0 0 20px;
     text-decoration:none;

}
#activateAccount a#downloadLink:hover {
     background-position: 0 -63px;
	 color:#FFF;
}

#steps {
     border:1px solid #622400;
     float:right;
     font-size:12px;
	 margin-bottom:15px;
     padding:5px;
     width:190px;
}

#steps h3 { margin:0 0 15px; padding:0; font-size:14px;}

#steps ol {margin:10px; list-style:decimal inside none;}
#steps ol li {margin:5px 0 0;}

#resend {
     background:url("../img/valid-icon.gif") no-repeat scroll 5px 3px #260B01;
     border:1px solid #622400;
     padding:0 5px 2px 30px;
}
.inner-form-border {
	margin:15px auto;
	width:auto;
}

.inner-form-box {
	color:#4a1e00;
	padding:10px 20px;
}

.inner-form-box h3 {
	background:none repeat scroll 0 0 transparent;
	color:#7B1300;
	font-size:13px;
	margin:0 0 25px;
	padding:0 0 0 37px;
}

#activateBox .resend { 
     background:#260B01 url("../img/valid-icon.gif") no-repeat scroll 5px 3px ; 
     border:1px solid #622400; 
     padding:0 5px 2px 30px; 
} 
#bigDownload {
	background:url("../img/big-download.jpg") no-repeat scroll 0 0 transparent;
	color:#FEF6AA;
	display:block;
	font-size:30px;
	font-weight:bold;
	height:92px;
	line-height:34px;
	margin:0 auto;
	padding:20px 0 0 120px;
	text-align:left;
	text-decoration:none;
	text-shadow:2px 2px 5px black;
	width:310px;
}
#bigDownload:hover {background-position:0 -116px; color:#FFF;}

#teaseDownload {
	background:none;
	color:#7B1300;
	font-size:20px;
	margin:15px 0;
	padding:0 20px;