/*________RESET________________________________*/


/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		/*font-size: 100.01%; */
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	/* eigenes Styles*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	line-height:1.4em;
	} 
	
	h1, h2{
		font-size:16px;
		line-height:1.4em;
	}
	
	/* Standardrahmen zurücksetzen */
	fieldset, img, div{ border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	a{
	color:#666666;
}



/*________BASE________________________________*/

#wrapper{
	width:800px;
	margin:0 auto;
	background-color:#f8e086;
}


#header{
	height:300px;
	position:relative;
}


#content{
	width:620px;
	float:right;
	margin:10px 0;
}

#mainNav{
	 width:180px; 
 	float:left; 
	margin:10px 0;
}


#col1{	
	width:370px;
	float:left;
}

#col2{
	width:250px; 
 	float:right;
	/*text-align:right;*/
}	

#footer{
	clear: both;
	background: #666666;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	line-height:14px;
	height:101%;
}


/*________HEADER________________________________*/

#header ul{
	margin-left:550px;
}


#header ul li{
	color:#FFFFFF;
	float:left;
	list-style:none;
	padding:5px 
}

#header img{
	display:block;
}

/*________NAVIGATION________________________________*/



#mainNav li a:hover, #mainNav li a:active, #mainNav li a:focus{
	font-weight:bold;
	background-image:url(images/nav/bullet.jpg);
	background-repeat:no-repeat;
	display:block;
	width:157px;
	height:30px;
	line-height:30px;
	text-indent:20px;
}

#mainNav li a:link, #mainNav li a:visited{
	display:block;
	width:157px;
	height:30px;
	line-height:30px;
	text-indent:20px;
}

#mainNav ul{
	margin-left:10px;
	list-style:none;
}

#mainNav ul li{
	background-image:url(images/nav/bg_line_nav.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
	margin-right:20px;
}

#subNav{
	background-color:#666666;
	height:16px;
	color:#FFFFFF;
}

#subNav a{
	color:#FFFFFF;
}

#subNav ul{
	display:none;
}


.active{
	font-weight:bold;
	background-image:url(images/nav/bullet.gif);
	background-repeat:no-repeat;
	display:block;
	width:157px;
	height:16px;
	line-height:16px;
	text-indent:20px;
}


/*________CONTENT________________________________*/

#col1 p{
	width:350px;
	
}

#col2 img{
	display:block;
	margin:20px 0;
	
}

#infobox img{
	margin:0 0 5px 0;
}

#infobox ul{
	margin:0 0 10px 0;
	list-style:none;
	text-indent:5px;
	line-height:16px;
}

#infobox li a:hover, #infobox li a:active, #infobox li a:focus{
	background-color:#F5C3C3;
	display:block;
	width:242px;
	font-weight:bold;	
}

#infobox{
	border:1px solid #D01F19;
	margin:0 0 10px 7px;
	width:242px;
}

#infobox .picbox img{
	float:left;
	margin-right:5px;
}

#infobox .picbox{
	margin-bottom:10px;
}

#col1 ul{
	list-style-position:inside;
}


/*________FOOTER________________________________*/

#footer p{
	padding:10px 30px;
}

/*________TABELLE________________________________*/
#col2 table{
	border:0px solid #CCCCCC;
	margin-bottom:10px;
}

#col1 table{
	width:370px;
	font-size:11px;
}

table.table1 table{ 
	margin-left:-10px;
	width:auto !important;
}

td, th{
	padding:5px 0 5px 5px;
	vertical-align: top;
}

table img{
	padding-left:20px;
}

table .dunkel{
	background-color:#CCCCCC;
}

table .hell{
	background-color:#ebebeb;
}

table th{
	text-align:left;
}