@charset "utf-8";
/* css document */

* 		{ margin:0px; padding:0px; border:none;}
html 	{ overflow-y:scroll; overflow-x:hidden; /* permanent scrollbar in Firefox */}
body 	{ font:12px/19px  Arial, Verdana, Helvetica, sans-serif; color:#b6b6b6; background:#1b1b1b url(../images/body-bg.jpg) repeat-x;}

p   	{ margin-bottom:20px;}
a		{ color:#6199ca; text-decoration:underline;}
a:hover	{ text-decoration:none;}



/* -------------- */
/* layoutelements */
/* -------------- */

div#outcontainer 	    			{ width:100%; height:520px; background:url(../images/outcontainer-bg.jpg) center no-repeat;}
div#container 	    				{ width:990px; margin:0 auto;}

/* header */
#intro 								{ width:990px; height:519px; position:absolute; top:0; left:4px; z-index:1;  }
body#index div#header				{ height:516px; background:url(../images/bg-header.jpg) no-repeat; position:relative;}
div#header							{ height:519px; background:url(../images/bg-header.jpg) no-repeat; position:relative;}
h1#branding							{ padding:142px 0 0 115px;}
h1#branding a						{ width:232px; color:#4e5e64; height:129px; display:block; overflow:hidden; background:url(../images/logo.jpg) no-repeat; text-indent:-9000px;}

/* content */
body#index #contentMain2 h1			{ background:url(../images/h1/willkommen.jpg) no-repeat 3px 0; text-indent:-9999px; padding:16px 0 35px 0;}
body#fahrschule #contentMain2 h1	{ background:url(../images/h1/fahrschule.jpg) no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}
body#team #contentMain2 h1			{ background:url(../images/h1/team.jpg) no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}
body#leistungen #contentMain2 h1	{ background:url(../images/h1/leistungen.jpg) no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}
body#fahrerlaubnisklassen #contentMain2 h1	{ background:url(../images/h1/fahrerlaubnis.jpg) no-repeat; text-indent:-9999px; padding:16px 0 20px 0;}
body#galerie #contentMain2 h1		{ background:url(../images/h1/galerie.jpg) no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}
body#kontaktpage #contentMain2 h1	{ background:url(../images/h1/kontakt.jpg) no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}
body#danke #contentMain2 h1			{ background:url(../images/h1/danke.jpg) no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}
body#anfahrt #contentMain2 h1		{ background:url(../images/h1/anfahrt.jpg) 3px 0 no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}
body#gbook #contentMain2 h1			{ background:url(../images/h1/gbook.jpg) 0 0 no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}
body#aktuelles #contentMain2 h1		{ background:url(../images/h1/aktuelles.jpg) 0 0 no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}
body#impressum #contentMain2 h1		{ background:url(../images/h1/impressum.jpg) 0 0 no-repeat; text-indent:-9999px; padding:16px 0 30px 0;}



div#contentContainer				{ width:1000px; position:relative; background:url(../images/bg-contentcontainer.jpg) no-repeat;}
div#contentMain	 					{ width:284px; padding:30px 0 0 13px; float:left;background:url(../images/bg-contentmain.jpg) no-repeat;}
div#contentMain1	 				{ width:677px; padding-bottom:40px; float:left; background:#313131;}
div#contentMain2	 				{ background:url(../images/content-bg.jpg) no-repeat; min-height:460px; height:auto !important; height:460px; padding:71px 0 0 40px;}
div#contentMain2 p	 				{ padding-left:9px; }

div#contentMain2 a						{ color:#e95902;}

div#contentMain2 ul						{ padding:0 0 20px 11px;}
div#contentMain2 li						{ background:url(../images/li.gif) no-repeat 13px 7px; list-style:none; padding-left:30px;}
div#contentMain2 .nolist				{ background:none; padding:3px 0 3px 10px; margin-bottom:5px; background:#393939;color:#fff;}

div#aktuelles						{ position:absolute; right:37px; top:0; text-indent:-9999px; overflow:hidden;}
div#aktuelles a						{ background:url(../images/aktuelles.jpg) no-repeat; display:block; height:80px; width:220px;}
div#aktuelles a:hover				{ background-position:0 -80px;}

#oeffnungszeiten					{ background:url(../images/oeffnungszeiten-bg.jpg) no-repeat; height:257px; line-height:21px; padding-bottom:25px;}
#oeffnungszeiten p					{ padding:0 0 0 30px;}
#oeffnungszeiten h2					{ background:url(../images/oeffnungszeiten.jpg) no-repeat; text-indent:-9999px; padding:12px 0 20px 0;}

#kontakt							{ background:url(../images/kontakt-bg.jpg) no-repeat; line-height:20px; height:224px;}
#kontakt p							{ padding:0 0 0 30px;}
#kontakt h2							{ background:url(../images/kontakt.jpg) no-repeat; text-indent:-9999px; padding:12px 0 20px 0;}

.leftbox							{ float:left; width:300px;}
.leistungenp						{ background:#383838; padding:5px 0; width:590px;}
.klassen							{ background:#383838; padding:5px 0 5px 5px; width:570px; display:block;}
.bemerkung							{ padding:5px 0 5px 0; font-size:11px; width:590px;}

/* footer */
div#footer							{ background:url(../images/footer-bg.jpg) no-repeat; height:47px; padding:0 0 40px 20px; margin:23px 0 0 14px;}
div#footer	ul						{ float:right; list-style:none; padding:8px 65px 0 0}
div#footer	li						{ float:left; padding:5px 2px 0 2px}
div#footer	a						{ font-weight:bold; color:#989898; text-decoration:none; display:block; height:30px; padding:0 10px 0 10px;}
div#footer	a:hover					{ color:#6199ca; background:url(../images/footer-navi-bg.gif) 0 -5px repeat-x; }

/* navigation */
ul.nav  		   			{ height:81px; margin-left:4px; padding:5px 0 0 68px; width:990px; background:url(../images/navi-bg.jpg) no-repeat}
ul.nav li	   				{ list-style:none; float:left; text-indent:-9999px; overflow:hidden;}

ul.nav li.m1				{ width:155px;}
ul.nav li.m1 a 				{ background: url(../images/navigation.jpg) no-repeat;  height:59px; display:block;}
ul.nav li.m1 a:hover 		{ background:url(../images/navigation.jpg) no-repeat 0 -59px;}	

ul.nav li.m2				{ width:104px;}
ul.nav li.m2 a 				{ background: url(../images/navigation.jpg) no-repeat -155px 0; width:104px; height:59px; display:block;}
ul.nav li.m2 a:hover 		{ background:url(../images/navigation.jpg) no-repeat -155px -59px;}	

ul.nav li.m3				{ width:230px;}
ul.nav li.m3 a 				{ background: url(../images/navigation.jpg) no-repeat -259px 0; width:230px; height:59px; display:block;}
ul.nav li.m3 a:hover 		{ background:url(../images/navigation.jpg) no-repeat -259px -59px;}	

ul.nav li.m4				{ width:90px;}
ul.nav li.m4 a 				{ background: url(../images/navigation.jpg) no-repeat -489px 0; width:90px; height:59px; display:block;}
ul.nav li.m4 a:hover		{ background:url(../images/navigation.jpg) no-repeat -489px -59px;}	

ul.nav li.m5				{ width:120px;}
ul.nav li.m5 a 				{ background: url(../images/navigation.jpg) no-repeat -579px 0; width:181px; height:59px; display:block;}
ul.nav li.m5 a:hover		{ background:url(../images/navigation.jpg) no-repeat -579px -59px;}	

#fahrschule ul.nav li.m1 a		{ background:url(../images/navigation.jpg) no-repeat 0 -59px;}	
#leistungen ul.nav li.m2 a		{ background:url(../images/navigation.jpg) no-repeat -155px -59px;}	
#fahrerlaubnisklassen ul.nav li.m3 a	{ background:url(../images/navigation.jpg) no-repeat -259px -59px;}	
#galerie ul.nav li.m4 a		{ background:url(../images/navigation.jpg) no-repeat -489px -59px;}	
#kontaktpage ul.nav li.m5 a		{ background:url(../images/navigation.jpg) no-repeat -579px -59px;}	

/* ----------------------- */
/* classes ans other stuff */
/* ----------------------- */

/* color and fonts */
.blue						{ color:#6199ca;}


/* site-elements */
.top				{}
.image 				{ padding:1px; background:#313131; border:1px solid #686868;}
div#declaration 	{ width:500px; background:#383838; padding:20px; margin:0 0 25px 0; border:1px solid #565656; font-size:11px;}
.thanks 			{ width:400px; background:#383838; padding:10px; margin:0 0 25px 0; border:1px solid #565656;}
.pdf				{ padding:0 0 10px 26px; background:url(../images/icon-pdf.gif) no-repeat;}
.pdfText			{ font-size:11px; border-top:1px solid #808080; padding-top:20px; margin-top:30px;}
.content-pic		{ border:1px solid #686868;}
.fotobox			{ width:220px; float:left; padding:5px 0 0 8px;}
.block				{ display:block;}
iframe				{ text-align:left;}
.center				{ text-align: center;}
/* floats */
.clear		  		{ clear:both; font-size:0.0001em; line-height:0.00001em;}
.floatRight 		{ float:right;}
.floatLeft 			{ float:left;}

/* margin */
.mT5 				{ margin-top:5px !important;}
.mT10 				{ margin-top:10px !important;}
.mT20 				{ margin-top:20px !important;}
.mT30				{ margin-top:30px !important;}
.mT40				{ margin-top:40px !important;}
.mT50				{ margin-top:50px !important;}

.mB0 				{ margin-bottom:0px !important;}
.mB5 				{ margin-bottom:5px !important;}
.mB10 				{ margin-bottom:10px !important;}
.mB20 				{ margin-bottom:20px !important;}
.mB30 				{ margin-bottom:30px !important;}
.mB40 				{ margin-bottom:40px !important;}
.mB50 				{ margin-bottom:50px !important;}

.mL5 				{ margin-left:5px !important;}
.mL10 				{ margin-left:10px !important;}
.mL20 				{ margin-left:20px !important;}
.mL30 				{ margin-left:30px !important;}
.mL40 				{ margin-left:40px !important;}
.mL50 				{ margin-left:50px !important;}

.pL10				{ padding-left:10px;}
.pL20				{ padding-left:20px;}
.pL0				{ padding-left:0px;}

.mR5 				{ margin-right:5px !important;}
.mR10 				{ margin-right:10px !important;}
.mR12 				{ margin-right:12px !important;}
.mR20 				{ margin-right:20px !important;}
.mR30 				{ margin-right:30px !important;}
.mR40 				{ margin-right:40px !important;}
.mR50 				{ margin-right:50px !important;}

/* --- */
/* CMS */
/* --- */
.ewcms_loopline 			{ height:30px; background:#6e6e6e; padding-left:10px; border-top:solid 1px #666; border-bottom:solid 1px #666; margin-bottom:20px;}
.ewcms_loopline img 		{ float:none;}
.ewcms_loopend 				{ height:30px; background:#6e6e6e; padding-left:10px; border-top:solid 1px #666; border-bottom:solid 1px #666; margin-top:20px;}
.ewcms_loopline_delimg 		{ margin-top:4px; border:none;}
.ewcms_loopline_upimg 		{ margin-top:4px; border:none;}
.ewcms_loopline_downimg 	{ margin-top:4px; border:none;}
.ewcms_loopend_newimg 		{ margin-top:4px; border:none;}
.ewcms_edit_img 			{ border:none;}
.ewcms_loopend_newimg 		{ border:none;}
.ewcms_loopline_delimg 		{ border:none;}
.ewcms_edit_content			{ border:solid 1px #ccc; }
.ewcms_a					{ border:solid 1px #ccc; }
.cmspicbox					{ float:left;}
.cmspic						{ border:1px solid #000; }