@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
html, body{
	width:100%;
	height:100%;
}
html{
	background:transparent url(../images/layout/html-bgr.jpg) 0 0 repeat;
}
body{
	background:transparent url(../images/layout/body-bgr.jpg) 0 0 repeat-x;
	font-family:"trebuchet MS", Verdana, Arial;
	font-size:12px;
	color:#FFFFFF;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
a, h1, h2, h3{
	color:#fd2567;
	font-weight:normal;
	letter-spacing:1px;
}
h1{
	font-size:34px;
}
h2{
	font-size:18px;
}
h3{
	font-size:16px;
}

h4{
	font-size:14px;
}
a{
	outline:none;
	text-decoration:none;
	letter-spacing:normal;
}
a:hover{
	text-decoration:underline;
}
p, ul{
	line-height:18px;
}
ul{
	list-style:none;
}
img{
	border:none;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -160px; /* the bottom margin is the negative value of the footer's height */
	width:950px;
	background:url(../images/layout/wrapp-bgr.png) -30px bottom no-repeat;
	behavior:url("js/iepngfix.htc");
}
	#header{
		width:950px;
		height:320px;
		background:transparent url(../images/layout/header.jpg) 0 0 no-repeat;
	}
		#logo{
			width:158px;
			height:123px;
			padding:56px 0 0 71px;
			text-indent:-9999px;
			float:left;
		}
			#logo a{
				display:block;
				width:158px;
				height:123px;
			}
			
		#online-anmeldung{
			width:181px;
			height:69px;
			float:right;
			padding:12px 20px 0 0;
		}
		#fuehrerschein{
			float:right;
			clear:right;
			width:181px;
			height:125px;
			padding:47px 20px 0 0;
			text-indent:-9999px;
		}
			#fuehrerschein a{
				display:block;
				width:181px;
				height:60px;
				position:relative;
				top:-41px;
			}

/* ========== TOP NAVIGATION STYLE ========== */

	#top-navigation{
		width:950px;
		height:43px;
		background:transparent url(../images/layout/top-navigation.jpg) 0 0 no-repeat;
		clear:both;
	}
		#top-navigation ul#top-nav{
			width:600px;
			height:43px;
			padding:0 0 0 71px;
		}
			#top-navigation li{
				float:left;
			}
				ul.subnav{
					height:95px;
					background:none;
					position:absolute;
					visibility:hidden;
				}
					ul.subnav li, ul.subnav div{
						clear:both;
						position:absolute;
					}

			#top-navigation a{
				display:block;
				background:transparent url(../images/layout/top-navi-links.jpg) 0 0 no-repeat;
				height:43px;
				text-indent:-9999px;
			}
				ul.subnav a{
					background:none !important;
				}
				
			#top-navigation a.fahrschule, #top-navigation a.fahrschule-hl{
				width:161px;
				background-position:-8px 0;
			}
			#top-navigation a.fahrschule:hover, #top-navigation li.active a.fahrschule, #top-navigation a.fahrschule-hl{
				background-position:-8px -43px;
			}
			
				div.fahrlerer, div.fahrlerer-hl{
					width:180px;
					height:33px;
					left:-7px;
				}
					div.fahrlerer, div.fahrlerer-hl{
						width:180px;
						height:33px;
						background:transparent url(../images/layout/fahrlerer.png) 0 0 no-repeat;
						behavior:url("js/iepngfix.htc") !important;
					}
					div.fahrlerer-hl{
						background-position:-180px 0;
					}
						div.fahrlerer a, div.fahrlerer-hl a{
							width:180px;
							height:33px !important;
						}

				div.fahrschulen, div.fahrschulen-hl{
						width:179px;
						height:37px;
						top:27px;
						left:-4px;
						background:transparent url(../images/layout/fahrschulen.png) 0 0 no-repeat;
						behavior:url("js/iepngfix.htc") !important;
				}
				div.fahrschulen-hl{
					background-position:-179px 0;
				}
				
					div.fahrschulen a, div.fahrschulen-hl a{
						width:179px;
						height:37px !important;
					}
					
				div.fahrzeuge, div.fahrzeuge-hl{
					width:181px;
					height:33px;
				}
					div.fahrzeuge, div.fahrzeuge-hl{
						width:181px;
						height:33px;
						top:58px;
						left:-7px;
						background:transparent url(../images/layout/fahrzeuge.png) -1px 0 no-repeat;
						behavior:url("js/iepngfix.htc") !important;
					}
					div.fahrzeuge-hl{
						background-position:-182px 0;
					}
						div.fahrzeuge a, div.fahrzeuge-hl a{
							width:181px;
							height:33px !important;
						}
			
			#top-navigation a.wir-bilden-aus{
				width:213px;
				background-position:-169px 0;
			}
			#top-navigation a.wir-bilden-aus:hover, #top-navigation li.active a.wir-bilden-aus{
				background-position:-169px -43px;
			}
			
			#top-navigation a.service, #top-navigation a.service-hl{
				width:128px;
				background-position:-382px 0;
			}
			#top-navigation a.service:hover, #top-navigation li.active a.service, #top-navigation a.service-hl{
				background-position:-382px -43px;
			}
				
				div.bussgeldkatalog, div.bussgeldkatalog-hl{
					width:181px;
					height:33px;
				}
					div.bussgeldkatalog, div.bussgeldkatalog-hl{
						width:180px;
						height:33px;
						left:27px;
						background:transparent url(../images/layout/bussgeldkatalog.png) 0 0 no-repeat;
						behavior:url("js/iepngfix.htc") !important;
					}
					div.bussgeldkatalog-hl{
						background-position:-180px 0;
					}
						div.bussgeldkatalog a, div.bussgeldkatalog-hl a{
							width:180px;
							height:33px !important;
						}
						
				div.voraussetzungen, div.voraussetzungen-hl{
					width:200px;
					height:38px;
				}
					div.voraussetzungen, div.voraussetzungen-hl{
						width:200px;
						height:38px;
						left:21px;
						top:27px;
						background:transparent url(../images/layout/voraussetzungen.png) 0 0 no-repeat;
						behavior:url("js/iepngfix.htc") !important;
					}
					div.voraussetzungen-hl{
						background-position:-200px 0;
					}
						div.voraussetzungen a, div.voraussetzungen-hl a{
							width:200px;
							height:33px !important;
						}
				
				div.asktuelles, div.asktuelles-hl{
					width:181px;
					height:33px;
				}
					div.aktuelles, div.aktuelles-hl{
						width:181px;
						height:33px;
						left:28px;
						top:58px;
						background:transparent url(../images/layout/aktuelles.png) 0 0 no-repeat;
						behavior:url("js/iepngfix.htc") !important;
					}
					div.aktuelles-hl{
						background-position:-181px 0;
					}
						div.aktuelles a, div.aktuelles-hl a{
							width:181px;
							height:33px !important;
						}
	
/* =========== END TOP NAVIGATION STYLE =========== */

	#content{
		width:552px;
		padding:35px 10px 24px 72px;
		float:left;
		background:transparent url(../images/layout/content-bgr.jpg) 0 0 no-repeat;
		min-height: 400px;
	}
		#content h1{
			height:32px;
			text-indent:-9999px;
			margin:0 0 0 1px;
		}
		#content ul {
			line-height: 18px;
			list-style-type: square;
			margin-bottom: 25px;
			padding-left: 17px;
			padding-top: 10px;
		}
		
		#content ul li {
			padding-bottom: 10px;
		}
		
		h1.startseite{
			background:transparent url(../images/layout/h1-startseite.jpg) 0 0 no-repeat;
		}
		h1.fahrlerer{
			background:transparent url(../images/layout/h1-fahrlerer.jpg) 0 0 no-repeat;
		}
		h1.fahrschulen{
			background:transparent url(../images/layout/h1-fahrschulen.jpg) 0 0 no-repeat;
		}
		h1.fahrzeuge{
			background:transparent url(../images/layout/h1-fahrzeuge.jpg) 0 0 no-repeat;
		}
		h1.wir-bilden-aus{
			background:transparent url(../images/layout/h1-wir-bilden-aus.jpg) 0 0 no-repeat;
		}
		h1.voraussetzungen{
			background:transparent url(../images/layout/h1-voraussetzungen.jpg) 0 0 no-repeat;
		}
		h1.kontakt{
			background:transparent url(../images/layout/h1-kontakt.jpg) 0 0 no-repeat;
		}
		h1.danke{
			background:transparent url(../images/layout/h1-danke.jpg) 0 0 no-repeat;
		}
		h1.anfahrt{
			background:transparent url(../images/layout/h1-anfahrt.jpg) 0 0 no-repeat;
		}
		h1.impressum{
			background:transparent url(../images/layout/h1-impressum.jpg) 0 0 no-repeat;
		}
		h1.aktuelles{
			background:transparent url(../images/layout/h1-aktuelles.jpg) 0 0 no-repeat;
		}
		h1.anmeldung{
			background:transparent url(../images/layout/h1-anmeldung.jpg) 0 0 no-repeat;
		}
		
		#content h2.sunheading{
			color:#FFFFFF;
			line-height:18px;
			margin:0 0 3px -1px;
		}
		#content p{
			margin:0 0 18px 0;
			position:relative;
		}
		#content p.bottom{
			padding:12px 0 0 0;
		}
				#content h3.down-wave{
					padding:0 0 10px 12px;
					margin:0 0 6px 0;
					position:relative;
					left:-12px;
					background:transparent url(../images/layout/down-wave.jpg) left bottom no-repeat;
				}
				#content h3.up-wave{
					padding:0 0 11px 10px;
					margin:0 0 5px 0;
					position:relative;
					left:-10px;
					background:transparent url(../images/layout/up-wave.jpg) left bottom no-repeat;
				}
				#content h3.left-wave{
					padding:0 0 10px 15px;
					margin:0 0 6px 0;
					left:-15px;
					position:relative;
					background:transparent url(../images/layout/left-wave.jpg) left bottom no-repeat;
				}
				img.with-border{
					width:62px;
					height:45px;
					background:transparent url(../images/layout/img-bgr.gif) 0 0 no-repeat;
					padding:4px;
					float:left;
					position:relative;
					margin:1px 11px 0 1px;
				}
				
			#left-content{
				width:242px;
				float:left;
				margin:30px 48px 0 0;
				
			}
			
			#right-content{
				float:left;
				margin:30px 0 0 0;
				width:244px;
			}
			
			#content #right-content #slideshow_div {
				width: 235px;
				height: 160px;
				border: #ffffff 1px dashed;
				padding: 2px;
				margin-top: 10px;
			}
				
		
	#right{
		width:316px;
		background:transparent url(../images/layout/right-bgr.jpg) 0 0 no-repeat;
		float:left;
	}
		#geblitzt{
			height:100px;
			text-indent:-9999px;
		}
		a.bussgeld-rechner{
			display:block;
			width:160px;
			height:60px;
			text-indent:-9999px;
			margin:0 0 43px 28px;
		}
		#adresse{
			padding:0 0 0 41px;
		}
			#adresse h2{
				margin:0 0 6px 0;
			}
			#adresse ul{
				margin:0 0 18px 0;
			}
				#adresse li{
					padding:0 0 0 1px;
				}

	#pusher{
		height:160px;
		float:none;
		clear:both;
	}

#footer{
	height:160px;
	width:950px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
	#fragen{
		width:348px;
		float:left;
		text-indent:-9999px;
	}
	form#footer-form{
		width:260px;
		float:left;
		background:transparent url(../images/layout/bottom-form.gif) 0 22px no-repeat;
		padding:5px 0 0 0;
	}
	* html form#footer-form{
		padding:2px 0 0 0;
	}
	*+html form#footer-form{
		padding:2px 0 0 0;
	}
		form#footer-form input, form#footer-form textarea, form#footer-form fieldset{
			border:none;
			color:#FFFFFF;
			font-family:"trebuchet MS", Verdana, Arial;
			font-size:11px;
		}
		input.black{
			width:121px;
			height:17px;
			background:none;
			padding:2px 4px;
		}
		form#footer-form fieldset{
			width:128px;
			float:left;
			font-size:12px;
		}
		form#footer-form fieldset.submit{
			padding:1px 0 0 169px;
		}

		*html form#footer-form fieldset.submit{
			margin-left: 84px;
			padding: 0px;
			width: 80px;
		}
		
		form#footer-form label{
			padding:0 0 0 3px;
		}
		form#footer-form textarea{
			overflow:auto;
			width:252px;
			height:52px;
			background:none;
			padding:2px 4px;
		}
	
	ul#bottom-navigation, ul#bottom-navigation-noform{
		padding:13px 0 0 67px;
		float:left;
		background:transparent url(../images/layout/dotes.gif) 67px 22px no-repeat;
		line-height:30px;
		width:141px;
	}
	ul#bottom-navigation-noform{
		padding:13px 0 0 327px;
		background-position:327px 22px;
	}
	
	*html ul#bottom-navigation-noform{
		line-height: 25px;
		padding-top: 17px;
	}
	

	
	
		ul#bottom-navigation li{
			float:left;
			clear:both;
			padding:0 0 0 1px;
		}
			ul#bottom-navigation a, ul#bottom-navigation-noform a{
				color:#FFFFFF;
				display:block;
				padding:0 0 0 17px;
				background:transparent url(../images/layout/arrow.gif) 2px 10px no-repeat;
			}
			
				*html ul#bottom-navigation-noform a{
		line-height: 20px;
		padding-left: 19px;
		margin-bottom: -21px;
	}
			ul#bottom-navigation a:hover, ul#bottom-navigation li.active a, ul#bottom-navigation-noform a:hover, ul#bottom-navigation-noform li.active a{
				background-position:6px 10px;
				text-decoration:underline;
			}
			
			
.hiddenfield {
	display: none;
}
.error {								/* Stil für die Gestaltung der als fehlerhaft markierten Felder */
	color:#f00 !important;
	font-weight:bold !important;
}

p#fehlermeldung-f {			/* Die Fehlermeldung */
	display:none;
	background: #000000;
	border:1px solid #FFFFFF;
	padding:20px;
	margin:0 0 15px 0;
	z-index: 10000;
	margin-top: -115px;
	width: 250px;
	position:absolute;
	left:330px;
}

.cleardiv {
	clear: left;
}