/*Haupt CSS File Andreas Wirth*/

* {
  margin: 0px;
  padding: 0px;
}

body{
	behavior:url('http://www.andreaswirth.com/css/htc/csshover.htc');
  font-family: Arial;
  text-align:center;
  font-size: 100.01%;
  background:url(../images/backround_carbon.gif) black;
}

img{
	border: none;
}

#center {
	width:815px;
	text-align:left;
  margin:0px auto; /*auto zentriert den Container*/
}

/*
.main,
#left,
#right{
	border: 1px solid black;
}*/

 
.main{
	position:relative;
	top: 0;
  width:815px;
  height: 612px;
  background:url(../images/backround_body.gif);
}

	#header{
		position: relative;
		top: 10px;
		width: 794px;
		height: 72px;
		background:url(../images/navi_bar_top.gif) no-repeat;
		margin: 0 11px 0 10px;
	}
		
		#navi a,
		span.topic{
			font-size: 10px;
			text-transform: uppercase;
			text-decoration: none;
			color: red;
		}
		
		#navi a:hover{
			color: white;
		}
		
		ul#navi{
			position: absolute;
			top: 55px;
			left: 5px;
			height: 14px;
			line-height: 14px;
		}
		
			ul#navi li{
				float: left;
				margin-right: 30px;
				height: 25px;
				list-style:none;
			}
						
			
				ul#navi ul.level2{
					position: absolute;
					top: 15px;
					visibility: hidden; /*visibility statt display, dass das Hintergrundbild schon geladen wird*/
					background: black top left;
					border: 1px solid red;
					width: 150px;
					z-index:2;
				}
				
				.ueberandreas{
					left: 60px;
				}
				
				.saison{
					left: 350px;
				}
				
				.season{
					left: 315px;
				}
							
				.fanclub{
					left: 575px;
				}
				
				.fanclub_en{
					left: 535px;
				}
								
					ul#navi ul.level2 li{
						clear: both;
						width: 100%;
						margin: 0;/*Vererbtes Margin & Padding löschen*/
						padding: 0;
						height: 15px;
					}

						ul#navi ul.level2 li a{
							color: red;
							display: block;
							text-decoration: none;
							padding-left: 5px; /*0.3125em;*/
							height: 20px;
						}
				
						ul#navi ul.level2 li a:hover{
							color: white;
						}

						/*3. Level Sichtbar machen, 
						deklaration für Kindelement von li:hover*/
						ul#navi li:hover ul.level2{
							visibility: visible;
						}

	ul.flaggen{
		position: absolute;
		top: 65px;
		left: 730px;
		width: 80px;
		clear: both;
		float: right;
		margin: 0;
		padding: 0;
	}
	
	ul.flaggen li{
		float: left;
		margin: 0;
		margin-left: 8px;
		display: inline; /*IE6 Double Margin Bug*/
		padding: 0;
	}

	div.impressum{
		position: absolute;
		top: 590px;
		left: 690px;
		text-align: right;
		width: 120px;
	}
	
		div.impressum a{
			display: inline;
			text-decoration: none;
			font-size: 10pt;
			color: gray;
		}

		div.impressum a:hover{
			text-decoration: underline;
		}
	
	#left,
	#right{
		margin-top: 16px; /*kein position:relative, da sonst menu verdeckt*/
		height: 513px;
	}
	
	#left{
		float: left;
		width: 403px;
		margin-left: 10px;
		display: inline;
	}
	
		.foto{
			border: none;
			margin-bottom: 5px;
			z-index:1;
		}
		
		a#logo,
		.head_img{
			margin-bottom: 5px;
		}
		
		a#logo{
			float: left;
			border: none;
		}
		
		.head_img{
			float: right;
		}
		
		.news{
			clear: both;
			width: 403px;
			height: 65px;
			background: url(../images/navi_bar_bottom.gif);		
		}
		
		.news form{
			text-transform: uppercase;
			color: white;
			font-size: 12px;
			margin-top: 5px;
		}
				
		form#newsticker{
			float: left;
			width: 150px;
			margin-left: 5px;
		}
		
			form#newsticker a{
				color: white;
				text-decoration: none;
			}
		
			form#newsticker a:hover{
				text-decoration: underline;
			}
		
		form#newsletter{
			color: white;
		}
		
			#left form#newsletter{
				float: right;
				width: 125px;
				margin-right: 25px;
				display: inline;
			}
			
			#left a#twitter{
				float: right;
			}
			
			#right form#newsletter{
				width: 250px;
				margin-top: 15px;
			}
						
				#right form#newsletter input{
					float: left;
					margin: 5px 5px 0 0;
				}
	
		
	#right{
		float: right;
		margin-right: 5px;
		width: 395px;/*-2px wegen Border*/
		height: 520px;
	}
		
		.content{
			margin: 0;
			margin-bottom: 10px;
			padding: 20px 5px 0 35px;
			height: 420px;	/*450-padding*/	
			overflow: auto;
			font-size: 10pt;
		}

		.content h1{
			font-size: 12pt;
			margin: 15px 0 5px;
		}
		
		.content h2{
			font-size: 10pt;
		}
		
		.content h1,
		.content h2{
			color: white;
			font-weight: bold;
		}
	
		.content p{
			color: white;
			margin-bottom: 15px;
		}
		
			.content p.nachricht{
				margin-top: 10px;
				margin-bottom: 40px;
			}
			
			.content p.kalender{
				margin: 5px 0 10px 10px;
			}
			
			.content a.news_backlink{
				display: block;
				padding-top: 10px;
				margin-top: 15px;
				border-top: 1px solid white;
			}
			
		.content a{
			color: white;
			text-decoration: none;
		}
		
			.content a:hover{
				text-decoration: underline;
			}
							
		ul.bio{
			color:white;
			list-style-type: none;
		}					
		
			ul.bio li{
				margin: 0 0 10px;
			}
			
			ul.abstand li{
				margin: 0 0 15px;
			}
			
		ul.nachrichten{
			color: white;
			list-style: disc inside;
		}
		
		ul.start{
			font-size: 12pt;
			list-style: none inside;
		}
		
			ul.start li a{
				font-weight: bold;
			}
				
			ul.nachrichten li{
				margin: 0 0 10px;
			}
		
		ul.karriere{
			color: white; 
			list-style: disc inside;
		}
		
			ul.karriere li{
				margin: 0 0 20px;
			}
		
		ul.downloads{
			float: left;
			clear: both;
			list-style: none inside;
			margin: 10px;
			margin-bottom: 30px;
			color: white;
		}
			
			ul.downloads li{
				float: left;
				display: inline; /*IE6 Bug*/
				text-align: center;
				width: 140px;
				margin: 5px 0 15px 0;
				line-height: 20px;
			}
			
				ul.downloads li img{
					
					padding-bottom: 10px;
				}
		
		ul.sponsors{
			list-style: none;
			margin: 0;
			margin-left: 15px;
			padding: 0;
		}
		
			ul.sponsors li{
				float: left;
				margin-top: 10px;
				margin-right: 8px;
			}
		
		ul.sponsoren_bilder{
			width: 350px;
			margin-left: 0; 
			margin-top: 0;
			list-style: none;
		}	
			
			ul.sponsoren_bilder li{
				width: 110px;
				margin: 8px 0;
				padding: 0 3px;
				float: left;
				text-align: center;
			}
			
			ul.sponsoren_bilder li a{
				margin: 0;
				padding: 0;
			}
				
		div.kontaktform{
			float: left;
			color: white;
			width: 300px;
			padding: 5px 0;
		}
		
			div.kontaktform label{
				display: block;
				float: left;
				width: 100px;
			}
			
			div.kontaktform input,
			div.kontaktform select{
				float: right;
			}
		
		ul.racing{
			margin: 0;
			margin-left: 45px;
		}
				
			ul.racing li{
				margin: 10px 8px 10px 0;
			}
			
			ul.racing li a{
				vertical-align: top;
				margin-left: 10px;
			}
			
		table.season{ color: white; margin-bottom: 35px;}
			table.season th{text-align: left;}
			table.season .col1, table.season .col2{width: 60px;}
			table.fourcols .col3{width: 100px;}