/* CSS Document 
Author: Torsten Zander info@znetz.de */
body	{
	background: #000;
	margin: 0 0 0 8px;
	padding: 0;
	border: 0;
	font-family: Verdana, arial, helvetica, sans-serif;
}
p,li,td{
	font-size: 11px;
	text-decoration: none;
}
th{
	color:#fff;
	font-size: 12px;
}
strong{
	color:#FF9933;
}
a{
	color:#fff;
	font-size: 11px;
	text-decoration: none;
}

}
/*** ( andere Links )***/
a.klein{
	color: #FF9933;
	font-size: 10px;
	text-decoration: none;
}
a.klein:hover{
	color: #E52F02;
}
.kl{
	font-size: 9px;
	float: right;
}
/***( Inhalts Seiten )***/
.hellbraunbg{
	background-color: #996600;
	color: #fff;
}
.bildlinie{
	background: #000000 url(../img/bg_klickleiste.jpg) no-repeat right;
	padding: 2px 10px 1px 10px;

}
.viereck{
	width: 10px;
	height: 10px;
	margin-right: 7px;
	background-color: #FFCC33;
	float: right;
	padding: 0px;
	cursor: pointer;
}
.viereckon{
	width: 10px;
	height: 10px;
	margin-right: 7px;
	background-color: #FF8C00;
	float: right;
	cursor: pointer;
}
.beschreibungtext{
	padding: 4px 4px 0px 0px;
}
#supporttop{
	margin: 20px 0 0 20px;
	background: url(../img/bg_sup_top.jpg) no-repeat;
	font-size: 11px;
	color: White;
	padding: 20px 0 0 30px;
	height: 660px;
	width: 220px,
}
#impressum{
	margin: 20px 0 0 20px;
	background: url(../img/bg_impressum.jpg) no-repeat;
	font-size: 11px;
	color: White;
	padding: 20px 0 0 30px;
	height: 460px;
	width: 540px,
}
#highscore{
	margin: 20px 0 0 20px;
	background: url(../img/bg_highscore.jpg) no-repeat;
	font-size: 11px;
	color: White;
	padding: 5px 0 0 20px;
	height: 460px;
	width: 520px,
}
#highscoreliste{
	margin: 20px 0 0 20px;
	background: url(../img/bg_highscoreliste.jpg) no-repeat;
	font-size: 11px;
	color: White;
	padding: 10px 0 0 20px;
	height: 460px;
	width: 520px,
}
/***( Banner )***/
#banner{
	background: #000000  url(../img/bg_top.jpg) repeat-x;
	width: 968px;
	height: 93px;
	text-align: center;
}
#banner img.logo1{
	margin: 10px 350px 0 0;
}
#banner img.logo2{
	margin: 0 0px 20px 300px;
}

/********************************************/
/***( Top Navi )******/
#topnavi{
	background: #000  url(../img/bg_topnavi.jpg) no-repeat left;
	height: 24px;
	clear: both;
	border: 0px;
}
#topnavi a {
   background: transparent;
   color: #fff;  
   padding:6px 10px 4px 15px;
   margin: 0px 2px 0px 2px; 
   text-decoration: none;
   font-size: 12px;
   float: left;
   }
#topnavi a.aktiv {
   background: transparent;
   color: #ffcc66; 
   }
#topnavi a:hover {
   background: transparent;
   color: #fff; 
   }
 /***( Home Geschichte )******/  
#home{
	background:transparent;
}
#home a {
   background: transparent;
   color: #fff;  
   padding: 6px 0px 3px 0px;
   margin: 0px 90px 0px 10px; 
   text-decoration: none;
   font-size: 12px;
   float: left;
   }
#home a.aktiv {
   background: transparent;
   color: #fff; 
}
#home a:hover {
   background: transparent;
   color: #fff; 
   }
/****( linke Navigation )*******/ 
#leftnavi{
	background: #000 url(../img/bg_navi_links.jpg) no-repeat top;
	width: 187px;
	height: 1000px;
}
/****( linke Navigation für Charaktere )*******/ 
#charanavi{
	background-color: #996600;
	width: 187px;
}
/****( linke Navigation )*******/ 
a.info{
	color: #FF9933;
	font-size: 11px;
	text-decoration: none;
	margin: 5px;
}
#leftnavi{
	background: #000 url(../img/bg_navi_links.jpg) no-repeat top;
	width: 187px;
	margin: 0;
}
#infonavi{
	background-color: #D28701;
	width: 187px;
}
#a:hover.info{
	color: #E52F02;
	text-decoration: none;
}
#leftnavi .navi {
   color: #fff;
   border-top: 1px solid  #B35F00;
   padding: 5px 5px 2px 8px;
   margin: 0px 1px 2px 0px; 
   text-align: left; 
   text-decoration: none;
   display: Block;
   font-size: 11px;
   width: 170px;
   height: 22px;
   voice-family: "\"}\""; 
	voice-family:inherit;
	height: 16px	
   }
 html>a.navi{
 	width: 195px;
	height: 16px;
 }
#leftnavi .navi.a:hover {
   border-top: 1px solid  #B35F00;
   border-top: 1px solid  #B35F00;
   color:  #B35F00;
}
#leftnavi .naviaktiv {
   color: #ccc;
   border-top: 1px solid   #B35F00;
   padding: 5px 5px 2px 8px;
   margin: 0px 1px 2px 0px; 
   text-align: left; 
   text-decoration: none;
   display: Block;
   font-size: 11px;
   width: 173px;
   height: 22px;
   voice-family: "\"}\""; 
	voice-family:inherit;
	height: 16px	
   }
 html>a.naviaktiv{
 	width: 195px;
	height: 16px;
 }
.navi.a:hover {
   border-top: 1px solid  #B35F00;
   border-top: 1px solid  #B35F00;
   color:  #B35F00;
}
/****( rechte Leiste )*******/ 
#right .angebottop{
 	background-color: #E0810F;
 } 
 
#right .angebotlinks{
 	background: #000 url(../img/bg_braun.gif) repeat-x bottom;
	text-align: right;
 } 
#right .mehrlinks{
	text-align: right;
	padding: 3px;
	size: 11px;
 } 
#right .angebot{
	background: url(../img/bg_angebote.png) no-repeat;
	height: 240px;
	text-align: center;
	margin-top: -1px;
}
#right .angebot1{
	background: url(../img/bg_angebote2.png) no-repeat;
	height: 440px;
	text-align: center;
	margin-top: -1px;
}
#right img{
	position: relative;
	top: 30px;
}
.headline{
		position: relative;
	 color: #FFCC33;
	 font-size: 12px;
	 font-weight: normal;
	 float: left;
	 padding: 10px 0 0px 10px;
}
/*** ( Startseite ) ****/
.teaser{
	position: relative;
	background-color: transparent;
	text-align: left;
	font-size: 10px;
	color: White;
	height: 50px;
	top: 117px;
	width: 190px;
}
.mehrinfo{
	background-color: transparent;
	font-size: 10px;
	color: White;
	float: right;
}
.start1{
		background: url(../img/bg_start_1.jpg) no-repeat;
		height: 165px;
		margin: 20px 0 0 15px;
		padding: 5px 10px 0 5px;
		text-align: left;
		width: 260px;
		float: left;
}
.start2{
		background: url(../img/bg_start_2.jpg) no-repeat;
		height: 165px;
		margin: 20px 0 0 15px;
		padding: 5px 10px 0 5px;
		text-align: left;
		width: 260px;
		float: left;
}
.start3{
		background: url(../img/bg_start_3.jpg) no-repeat;
		height: 165px;
		margin: 20px 0 0 15px;
		padding: 5px 10px 0 5px;
		text-align: left;
		width: 260px;
		float: left;
}
.start4{
		background: url(../img/bg_start_4.jpg) no-repeat;
		height: 165px;
		margin: 20px 0 0 15px;
		padding: 5px 10px 0 5px;
		text-align: left;
		width: 260px;
		float: left;
}
.start5{
		background: url(../img/bg_start_5.jpg) no-repeat;
		height: 165px;
		margin: 20px 0 0 15px;
		padding: 5px 20px 0 5px;
		text-align: left;
		width: 250px;
		float: left;
}
.start6{
		background: url(../img/bg_start_6.jpg) no-repeat;
		height: 165px;
		margin: 20px 0 0 15px;
		padding: 5px 10px 0 5px;
		text-align: left;
		width: 260px;
		float: left;
}
/*****( Formulare ) *********/
.box{
	margin: 40px 0  0  -45px;
	width: 520px;
}
.bez{
	color:  #B35F00;
	font-size: 11px;
	padding: 0px 0px 0px 23px;
	margin: 0px 0px 0px 23px;
	float: left;
	width: 110px;
 }
 .bez2{
	color:  #B35F00;
	font-size: 11px;
	padding: 15px 4px 0px 24px;
	margin: 0px 4px 0px 24px;
	float: left;
	width: 100px;
 }
.bez3{
	color:  #B35F00;
	font-size: 11px;
	width: 150px;
 }
.ab{
	height: 30px;
	width: 470px;
	padding: 4px 0 0 0;
}
.ab2{
	height: 120px;
	width: 480px;
	padding: 3px 0 0 0;
	margin: 3px 0 0 -5px;
}
.ab3{
	background: transparent;
	height: 40px;
	width: 560px;
	padding: 0px 0 0 0;
	margin: 0px 0 0 0;
}
.ab5{
	text-align: right;
	width: 440px;
	padding: 4px 0 0 0;
}
.text{
	font-size: 10px;
	color: #E52F02;
	margin: 2px 0 4px  60px;
	padding: 0px;
}
.formw{
	float: left;
	text-align: right;
}	
.forml{
	text-align: right;

}

.button{
 	background-color: #FFCC33;
	border: 0px;
	color: #ff6600;
	text-align: center;
	size: 10px; 
	margin: 8px 0px 0px 8px;
} 

.feld{
	background-color: #E0810F;
	border: 0px solid #fff;
	width: 250px;
	color:  #B35F00;
	margin: 4px;
	padding: 5px;
}
/**helpers*/
.h1{
	height: 50px:
}
.h2{
	background: #000 url(../img/bg_braun.gif) repeat-x bottom;
	clear:both;
}