@charset "utf-8";

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



/* -------------------------------------------------------
	|							site structure								|
    ------------------------------------------------------- */
html {
	background-color:#000;
}

body {
	background:url(../images/bg-body.jpg) top center repeat-x;
	color:#d4d4d4;
	font:80%/1.5em Verdana,Tahoma, Arial, Helvetica, sans-serif;
}


div#container {
	margin:0 auto;
	padding:0 0 40px 0;
	width:960px;
}




/* -------------------------------------------------------
	|							 	header									|
    ------------------------------------------------------- */
div#header {
	background:url(../images/bg-header.jpg) bottom left no-repeat;
	height:696px;
	position:relative;
}

div#header-animation {
	background:url(../images/bg-header-animation.jpg) no-repeat;
	height:696px;
}

h1#branding {
	font-size:1px;
	left:20px;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	top:35px;
	width:230px;
}

h1#branding a {
	display:block;
	height:96px;
}





/* -------------------------------------------------------
	|							 	navigation								|
    ------------------------------------------------------- */
ul#navi {
	background:url(../images/bg-navi.jpg) 0 -312px no-repeat;
	height:312px;
	left:206px;
	list-style:none;
	position:absolute;
	top:236px;
	width:691px;
}

ul#navi li {
	position:absolute;
}

ul#navi a {
	background:url(../images/bg-navi.jpg) no-repeat;
	display:block;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

ul#navi a:hover, ul#navi li.current a {
	background:none;
}



/* ---------- Buttons ---------- */
li#team {
	top:20px;
}
li#team a {
	background-position:0 -20px !important;
	height:205px;
	width:135px;
}

li#fahrschulen {
	left:490px;
	top:130px;
}
li#fahrschulen a {
	background-position:-490px -130px !important;
	height:180px;
	width:144px;
}

li#fahrzeuge {
	left:450px;
	top:20px;
}
li#fahrzeuge a {
	background-position:-450px -20px !important;
	height:114px;
	width:130px;
}

li#ausbildung {
	left:580px;
	top:46px;
}
li#ausbildung a {
	background-position:-580px -46px !important;
	height:160px;
	width:112px;
}

li#links {
	left:133px;
	top:92px;
	z-index:1;
}
li#links a {
	background-position:-133px -92px !important;
	height:128px;
	width:88px;
}

li#aktuelles {
	left:180px;
	top:40px;
	z-index:0;
}
li#aktuelles a {
	background-position:-180px -40px !important;
	height:110px;
	width:90px;
}

li#kontakt {
	left:270px;
	top:54px;
}
li#kontakt a {
	background-position:-270px -54px !important;
	height:93px;
	width:74px;
}





/* ---------- additional navigation 01 ---------- */
ul#navi-add01, ul#navi-add02 {
	background:url(../images/bg-navi-add01.jpg) 0 -61px no-repeat;
	height:61px;
	left:275px;
	list-style:none;
	position:absolute;
	bottom:86px;
	width:345px;
}

ul#navi-add01 li, ul#navi-add02 li {
	float:left;
}

ul#navi-add01 a, ul#navi-add02 a {
	background:url(../images/bg-navi-add01.jpg) no-repeat;
	display:block;
	height:60px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
}

ul#navi-add01 a:hover, ul#navi-add01 li.current a, ul#navi-add02 a:hover, ul#navi-add02 li.current a {
	background:none;
}


/* ---------- Buttons ---------- */
li#dunningen a {
	width:103px;
}

li#boehringen a {
	background-position:-103px 0;
	width:116px;
}

li#trossingen a {
	background-position:-219px 0;
	width:108px;
}







/* ---------- additional navigation 02 ---------- */
ul#navi-add02 {
	background:url(../images/bg-navi-add02.jpg) 0 -62px no-repeat;
	width:685px;
}

ul#navi-add02 a {
	background:url(../images/bg-navi-add02.jpg) no-repeat;
}


/* ---------- Buttons ---------- */
li#klasse-b a {
	background-position:0 -1px;
	width:124px;
}

li#klasse-a a {
	background-position:-124px -1px;
	width:99px;
}

li#klasse-m a {
	background-position:-223px -1px;
	width:122px;
}

li#klasse-l a {
	background-position:-345px -1px;
	width:98px;
}

li#klasse-c a {
	background-position:-443px -1px;
	width:132px;
}

li#klasse-t a {
	background-position:-575px -1px;
	width:108px;
}












/* -------------------------------------------------------
	|							 	content									|
    ------------------------------------------------------- */
div#content-container {
	background:url(../images/bg-content-main.jpg) top center repeat-y;
	margin:0 0 0 48px;
	width:880px;
}


div#content-main {
	background:url(../images/bg-content-container.jpg) top center no-repeat;
}




/* ---------- h2 headings ---------- */
h2 {
	height:81px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:488px;
	text-indent:-9999px;
	width:275px;
}


h2.index {
	background:url(../images/h2/bg-index.png) no-repeat;
}
h2.team {
	background:url(../images/h2/bg-team.png) no-repeat;
}
h2.fahrschulen {
	background:url(../images/h2/bg-fahrschulen.png) no-repeat;
}
h2.fahrzeuge {
	background:url(../images/h2/bg-fahrzeuge.png) no-repeat;
}
h2.ausbildung {
	background:url(../images/h2/bg-ausbildung.png) no-repeat;
}
h2.links {
	background:url(../images/h2/bg-links.png) no-repeat;
}
h2.aktuelles {
	background:url(../images/h2/bg-aktuelles.png) no-repeat;
}
h2.kontakt {
	background:url(../images/h2/bg-kontakt.png) no-repeat;
}
h2.impressum {
	background:url(../images/h2/bg-impressum.png) no-repeat;
}






/* ---------- h3 headings ---------- */
h3 {
	color:#f76a00;
	font:bold 1.55em "Trebuchet MS",Arial,Helvetica,Tahoma,Verdana,sans-serif;
	margin:0 140px 20px 140px;
}

h3 strong {
	color:#4ebf1b;
	display:block;
	font-size:1.2em;
}




/* ---------- h4 headings ---------- */
h4 {
	font:bold 1.3em "Trebuchet MS",Arial,Helvetica,Tahoma,Verdana,sans-serif;
	margin:0 0 5px 0;
}

h4.version01 {
	color:#4ebf1b;
}

h4.version02 {
	color:#f76a00;
}





/* ---------- paragraphs ---------- */
div#content-container p {
	margin:0 0 1.2em 0;
}



/* ---------- horizontal rulers ---------- */
div.hr {
	background:url(../images/bg-hr.png) no-repeat;
	clear:both;
	height:10px;
	margin:15px 0;
}



/* ---------- text formatting ---------- */
strong {
	color:#fff;
	font-weight:bold;
}




/* ---------- hyperlinks ---------- */
div#content-container a {
	color:#4FBE21;
	text-decoration:underline;
}

div#content-container a:hover {
	color:#f76a00;
	text-decoration:overline;
}





/* ---------- unordered lists ---------- */
div.content-column01 ul, div.content-column02 ul {
	background:url(../images/bg-ul.png) repeat-y;
	list-style:none;
	margin:0 0 1.2em 0;
	padding:15px;
}

div.content-column01 ul li, div.content-column02 ul li {
	background:url(../images/bg-li.png) 0 0.4em no-repeat;
	margin:2px 0;
	padding:0 0 0 20px;
}






/* ---------- content column ---------- */
div.content-column01 {
	float:left;
	margin:0 10px 0 140px;
	position:relative;
	width:285px;
	z-index:1;
}

div.content-column02 {
	float:left;
	margin:0 20px;
	position:relative;
	width:285px;
	z-index:1;
}


div.content-column03 {
	clear:both;
	margin:0 auto;
	position:relative;
	width:600px;
	z-index:1;
}






/* -------------------------------------------------------
	|							      footer  								|
    ------------------------------------------------------- */
div#footer {
	background:url(../images/bg-footer.jpg) no-repeat;
	height:148px;
	margin:-100px 0 0 0;
	padding:254px 0 0 0;
	position:relative;
	z-index:0;
}


div#footer div {
	float:left;
	margin:0 15px 0 0;
	overflow:hidden;
	position:absolute;
	text-indent:-9999px;
	width:145px;
}





/* ---------- footer navigation ---------- */
ul#navi-footer {
	height:208px;
	list-style:none;
	position:absolute;
	right:0;
	top:145px;
	width:152px;
}

ul#navi-footer a {
	background:url(../images/bg-navi-footer.png) no-repeat;
	display:block;
	height:208px;
	overflow:hidden;
	text-decoration:none;
	text-indent:-9999px;
	width:152px;
}






/* -------------------------------------------------------
	|							  misc. styles								|
    ------------------------------------------------------- */


div#euroweb {
	width:100% !important;
}

div#euroweb a {
	background:none !important;
	display:block;
	float:left;
	margin:0 15px 0 0;
	padding:0 !important;
	width:151px;
}

.center {
	text-align:center;
}

img.middle {
	margin:0 40px;
}

a.download {
	background:url(../images/bg-download.png) no-repeat;
	display:block;
	height:60px;
	overflow:hidden;
	text-indent:-9999px;
	width:119px;
}

.floatright {
	float:right;
	margin:0 0 5px 10px;
}


.image {
	border:2px solid #111;
}



/* ---------- float clearing ---------- */
div.content-column02:after {
	clear:both;
	content:'.';
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
}