/*
* FILE NAME:			main.css
* FILE DESCRIPTION:		central css file which includes all other styles
* FILE AUTHOR:			Achim Rosenhagen
* DATE CREATED:			2008-08-05
* DATE MODIFIED:		2008-08-05
*/

/* ----------------------------------- */
/* ---------->>> IMPORTS <<<----------- */
/* ----------------------------------- */

@import url("reset.css");
@import url("helper.css");
@import url("hacks.css");
/* -----------------------------------*/

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

body {background: url(../images/body-bg.jpg) repeat-y 0 0;font-size:70.00%;font-family:arial, sans-serif;margin:0;padding:0;}

h1, h2, h3, h4, h5, h6 {}
a {color:#E0241E;text-decoration:none;}
a:link {}
a:visited {}
a:active {}
a:hover {text-decoration:underline;}

ul, ol, dl {line-height:1.5em;margin:0 0 1em 0em;}
li {margin-left:0em;line-height:1.5em;list-style-type:none;}
dt {font-weight:bold;}
dd {margin:0 0 1em 2em;}
cite, blockquote {font-style:italic;}
blockquote {margin:0 0 1em 1.5em;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
pre, code {font-family:monospace;font-size:1.1em;}
acronym, abbr {letter-spacing:.07em;border-bottom:.1em dashed #ffcd00;cursor:help;}

/* -----------------------------------*/
/* ---------->>> LAYOUT <<<-----------*/
/* -----------------------------------*/

/* ---------->>> INTRO (DEPRECATED) <<<-----------*/
/*
body#intro div#spotlight {
	position: absolute;
	left: 0;
	top: 200px;
	height: 360px;
	width: 100%;
	background: #000;
}
body#intro div#spotlight div#imagebg {
	margin: 0 auto;
	width: 540px;
	height: 360px;
	background: url(../images/intro-imagebg.jpg) no-repeat 0 0;
}
body#intro div#spotlight div#imagebg div#logo {
	width: 330px;
	height: 225px;
	position: relative;
	top: 100px;
	left: -700px;
	background: url(../images/intro-logo.png) no-repeat 0 0;
}
body#intro div#welcome {
	position: absolute;
	top: 565px;
	width: 100%;
	text-align: center;
	font:  14px/120% "Trebuchet MS", sans-serif;
	opacity: 0;
}
*/

/* ---------->>> INTRO <<<-----------*/
body#intro { background: #d2d2d2; font: 14px "Trebuchet MS", arial, sans-serif;}
body#intro object {
	display: block;
	width: 1000px;
	height: 297px;
	margin: 160px auto 0 auto;
}
body#intro p {
	text-align: center;
	padding: 15px 0 0 0;
}
body#intro p a {
	color: #E1241E;
}


/* ---------->>> STYLE / SUBSTYLE <<<-----------*/

div#translayer {
	height: 148px;
	background: url(../images/greytrans.png) 0 0;
}
h1 {
	width: 233px;
	height: 157px;
	position: absolute;
	top: 10px;
	left: 10px;
	background: url(../images/h1.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
}
h1 a {
	width: 233px;
	height: 157px;
	display: block;
}

ul#pnav {
	position:  absolute;
	top: 85px;
	left: 155px;
	width: 715px;
	font:  14px/120% "Trebuchet MS", sans-serif;
	padding:  0 0 0 44px;
}
ul#pnav li {
	float:  left;
	margin: 0 30px 0 0;
}
ul#pnav li a {
	color: #fff;
}
div#body {
	position:  absolute;
	top: 110px;
	left: 155px;
	width:  715px;

}

div#imagespace {
	width: 715px;
	height: 315px;
	background: url(../images/imagespace-bg.png) no-repeat 0 0;
	padding: 15px 15px 0 15px;
}
div#imagespace img {
	border: #6E6E6E 1px solid;
}

div#content {
	background: transparent url(../images/content-bg.png) repeat-y 0 0;
	padding: 0 0 35px 0;
	margin: 0 0 25px 0;
}
body#bildergalerie div#content, body#fahrzeuge div#content {
	background: transparent url(../images/content-bg-bildergalerie.png) repeat-y 0 0;
}
div#content p {
	font: 13px/20px "Trebuchet MS", sans-serif;
	margin:  0 0 10px 0;
}
div#content div.left {
	float: left;
	width: 395px;
	padding:  30px 15px 0 15px;
}
div#content div.left h2 {
	width: 395px;
	height: 30px;
	margin:  0 0 15px 0;
}
body#fahrschule div#content div.left h2 {
	background: url(../images/h2l-fahrschule.png) no-repeat 0 0;
}
body#theorie div#content div.left h2 {
	background: url(../images/h2l-theorie.png) no-repeat 0 0;
}
body#fahrlehrer div#content div.left h2 {
	background: url(../images/h2l-fahrlehrer.png) no-repeat 0 0;
}
body#gaestebuch div#content div.left h2 {
	background: url(../images/h2l-gaestebuch.png) no-repeat 0 0;
}
body#kontakt div#content div.left h2 {
	background: url(../images/h2l-kontakt.png) no-repeat 0 0;
}


/* ---------->>> STYLE / SUBSTYLE <<<-----------*/
div#content div.right {
	float: left;
	width: 260px;
	padding:  0 15px 0 15px;
}
div#content div.right div.section {
	border-bottom: #6E6E6E 1px solid;
}
div#content ul.a01 a {
	font: 13px/20px "Trebuchet MS", sans-serif;
	padding: 0 0 0 12px;
	background: url(../images/arrow01.png) no-repeat 0 50%;
	color: #000;
}
div#content ul.a01 a:hover, div#content ul.a01 a.active {
	font: 13px/20px "Trebuchet MS", sans-serif;
	padding: 0 0 0 12px;
	background: url(../images/arrow02.png) no-repeat 0 50%;
	color: #E0241E;
}
div#content div.right div.section h2 {
	width: 260px;
	height: 30px;
	margin:  30px 0 15px 0;
}
div#content div.right div.section h2.h2r-aktuell {
	background: url(../images/h2r-aktuell.png) no-repeat 0 0;
}
div#content div.right div.section h2.h2r-unterrichtszeiten {
	background: url(../images/h2r-unterrichtszeiten.png) no-repeat 0 0;
}
div#content div.right div.section h2.h2r-schrittfuerschritt {
	background: url(../images/h2r-schrittfuerschritt.png) no-repeat 0 0;
}
div#content div.right div.section h2.h2r-infosfuehrerschein {
	background: url(../images/h2r-infosfuehrerschein.png) no-repeat 0 0;
}
div#content div.right div.section h2.h2r-bussgeldrechner {
	background: url(../images/h2r-bussgeldrechner.png) no-repeat 0 0;
}
div#content div.right div.section h2.h2r-eintragschreiben {
	background: url(../images/h2r-eintragschreiben.png) no-repeat 0 0;
}
div#content div.right div.section h2.h2r-anschrift {
	background: url(../images/h2r-anschrift.png) no-repeat 0 0;
}
div#content div.right div.section h2.h2r-impressum {
	background: url(../images/h2r-impressum.png) no-repeat 0 0;
}

div#content div.left h3 {
	font: 16px/20px "Trebuchet MS", sans-serif;
	color: #E0241E;
	margin:  15px 0 15px 0;
}
div#content div.left h4 {
	font: 14px/20px "Trebuchet MS", sans-serif;
	color: #E0241E;
	margin:  15px 0 15px 0;
}
div#content div.left h5 {
	font: 13px/20px "Trebuchet MS", sans-serif;
	color: #313131;
	margin:  20px 0 5px 0;
	border-bottom: #313131 1px solid;
}
div#content div.left h4.h4l-anmeldung {
	width: 260px;
	height: 30px;
	margin:  15px 0 15px 0;
	text-indent: -5000px;
	background: url(../images/h4l-anmeldung.png) no-repeat 0 0;
}
div#content div.left h4.h4l-theoretischer-unterricht {
	width: 260px;
	height: 30px;
	margin:  15px 0 15px 0;
	text-indent: -5000px;
	background: url(../images/h4l-theoretischer-unterricht.png) no-repeat 0 0;
}
div#content div.left h4.h4l-theoretische-pruefung {
	width: 260px;
	height: 30px;
	margin:  15px 0 15px 0;
	text-indent: -5000px;
	background: url(../images/h4l-theoretische-pruefung.png) no-repeat 0 0;
}
div#content div.left h4.h4l-praktische-fahrstunden {
	width: 260px;
	height: 30px;
	margin:  15px 0 15px 0;
	text-indent: -5000px;
	background: url(../images/h4l-praktische-fahrstunden.png) no-repeat 0 0;
}
div#content div.left h4.h4l-praktische-pruefung {
	width: 260px;
	height: 30px;
	margin:  15px 0 15px 0;
	text-indent: -5000px;
	background: url(../images/h4l-praktische-pruefung.png) no-repeat 0 0;
}

body#fahrschule .roar
{
	margin: 330px 0 0 540px;
}

body#theorie div#content div.left ul {
	padding: 0 0 0 20px;
}
body#theorie div#content div.left ul li {
	font: 12px/20px "Trebuchet MS", sans-serif;
	list-style: disc;
	margin: 0 0 5px 0;
}
body#theorie div#content div.left ul.red li {
	color: #E0241E;
}
body#theorie div#content div.left table tr td {
	font: 12px/20px "Trebuchet MS", sans-serif;
}


body#bildergalerie div#content, body#fahrzeuge div#content {
	height: 500px;
}

body#bildergalerie div.pagination {
	font: 13px "Trebuchet MS", sans-serif;
	text-align: center;
	padding: 10px 0 0 0;
}
body#bildergalerie div.pagination a.previous {
	background: url(../images/previous.png) no-repeat 0 3px;
}
body#bildergalerie div.pagination a.previous span {
	width: 5px;
	height: 10px;
	display: inline-block;
}
body#bildergalerie div.pagination a.next {
	background: url(../images/next.png) no-repeat 0 3px;
}
body#bildergalerie div.pagination a.next span {
	width: 5px;
	height: 10px;
	display: inline-block;
}


body#gaestebuch div.eintrag {
	background: url(../images/bubble-bg.png) no-repeat 0 0;
	padding:  15px 15px 0 15px;
	margin:  0 0 60px 0;
}
body#gaestebuch div.eintrag div.text {
	margin:  0 0 -40px 0;
}
body#gaestebuch div.eintrag div.meta {
	position: relative;
	top:  40px;
	left:  -15px;
	height: 28px;
	width:  330px;
	background: url(../images/bubble-footer-bg.png) no-repeat 0 0;
	padding: 12px 65px 0 0;
	text-align:  right;
	font: 11px/14px "Trebuchet MS", sans-serif;
	color: #6E6E6E;
}

body#kontakt div.form { width: 395px; margin: 0 0 25px 0 }
body#kontakt div.form #commentform { width: 395px; margin: 0; padding: 0 }
body#kontakt div.form #commentform p { margin: 0 0 10px }
body#kontakt div.form #commentform div.submitarea { width: 395px; float: left }

div#body div#content div.right div.section div.vcard {
	margin: 0 0 15px 0;
}
div#body div#content div.right div.section div.vcard p {
	margin: 0;
	padding: 0;
}

body#kontakt div#poweredby span {
	display: none;
}


/* ---------->>> STYLE / SUBSTYLE <<<-----------*/
div#footer {
	color:  #5E5E5E;
	margin: 0 0 25px 0;
	text-align: center;
}

span.org a.ffuenf{display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEoAAAAQCAYAAAHGwtl2AAACd0lEQVRYw81YsXHDMAzUCOpyl0ojaAQ2qdK4T6MNoglyzAQaQV1ajYARPIJG0AgM6QN1LxikaVnxhXc4yyANPV4g+HL18/qyeHPBKj8+Pr/GSgzvc1Vc5K3xRt5peHJeF4WB0eLn1eBFJ7xFiOit5e8Wb+lEVOJFproxLoEQVi5YzIGvrSQhF4zYP27IyCPrc6i6yGxBIJKBeggk0wppdJCSSwUy/LlkAk2bIskgShqURB9vFoguTb+AnuaqODO2IHXR//327iJdIbtYr1i7fH2GdTXSzDZKXwrUmGGKAjjl5lfXANbh8xaPywHrlGNqxoYRQdwAZfn7WQE4s9EjoFSWeH3NgG2sg5KuUVhXc3GhK70Pa6M+CNC6tXeB0rbyEaBk5inrRZGvc4XF2+IOZd+k/XbT+DJtoGE7lzCVAKX5SLQLW8qUuffxpUAJMwIU3QOKjgKlHWx7QTV7QCm1MmLHfxTULkvIp9DXzuIpBMlQe1sY9MIA2+ofDI9jAIJD3Q/PIGri+UEpLXcRYf9oeDynSJAmmA8niivJQDWFNmy84DEg8y5ECYEe52uRgOqH5Cybyag1A+t6WcE8P0IlmTXeTlJC8gP3jXVrCaLCnGUNFAWa9URZ0DiOgVkpsmXC0s9bd4Z+07HNqBxF9U685iTOuha1E2gtm30hyliokE4c1suNrUdSJN5DSIaoCRIiYXItJWLS5oVuK1Rp79brNNle0KP+iigqFbzPJqrnrZSanw4i6mrrJIjq4MQ0Wq85mqjlDrJCRbVCaM3474lC1MDrWwWkKgm40RLIh7i9Qj9r5J8q4k13kev4uCeleUd/B76OfZtT+hfrMiE5zClLkAAAAABJRU5ErkJggg%3D%3D) no-repeat 0 0;width:74px;height:16px;margin:15px 0 10px 0;text-indent:-9999px;}