/* 	=======================================================================
	=== fahrschule-warschun.de | default screen style                  ====
	=== by www.breitnerundbreitner.de                                  ====
	*/

* {
	margin: 0; 
	padding: 0; 
	font-family: Arial, sans-serif; 
	font-size: 12px; 
	line-height: 130%; 
	color: rgb(88,88,90); 
	}
html, body {
	height: 100%;
	}
body {
	text-align: center;
	background-color: white; 
	position: relative; 
	}
#distance { 
	margin-bottom: -350px; 
	width: 1px; 
	height: 50%; 
	float: left;
	}
#container {
	position: relative; 
	text-align: left;
	height: 700px;
	width: 1000px;
	margin: 0 auto;
	clear: left;
	border: 1px solid silver; 
	background: transparent url(bg_8.png) no-repeat 0 0; 
	background: transparent url(bg2.png) no-repeat 0 0; 
	background: transparent url(bg2.jpg) no-repeat 0 0; 
	}


#signet, 
#navigation,
.container,  
#content,
#contact, 
#footer {
	position: absolute; 
	}


#signet {
	top: 69px; 
	left: 69px; 
	}
#signet a {
	text-indent: -9999em; 
	overflow: hidden; 
	display: block; 
	border: none; 
	width: 338px; 
	height: 165px; 
	}
#signet p {
	visibility: hidden; 
	}

#navigation ul, 
#content, 
#contact {
	padding: 10px 5px 5px 5px; 
	}

#navigation {
	top: 242px; 
	left: 69px; 
	width: 339px; 
	height: 338px; 
	}
#navigation * {
	color: rgb(88,88,90);
	}
#navigation ul {
	position: absolute; 
	top: 0; 
	left: 0; 
	display: block; 
	width: 155px; 
	list-style-type: none; 
	text-transform: uppercase; 
	}
#navigation ul ul {
	top: 0; 
	left: 174px; 
	text-transform: none; 
	}
#navigation li, 
#navigation a {
	display: block; 
	}
#navigation li a {
	text-decoration: none; 
	height: 2em;
	line-height: 2em;  
	}
#navigation li li a {
	height: auto; 
	line-height: 1.75em;   
	}
#navigation a:hover {
	text-decoration: underline; 
	}
.bkf-qualifikation #navigation li li a {
	letter-spacing: -1px; 
	}
#navigation .currentfolder {
	color: rgb(209,209,211);
	}
#navigation a:hover, 
#navigation .currentpage {
	color: rgb(249,106,0);	
	}

	
.container  {
	top: 69px; 
	left: 418px;
	width: 511px;
	height: 511px; 
	background-color: transparent; 
	background-repeat: no-repeat; 
	background-position: 0 0;
	}

#content {
	top: 171px; 
	left: 0;
	width: 328px; 
	height: 325px; 
	overflow: auto;
	}
h2 {
	color: rgb(249,139,0); 
	}
#content em {
	font-style: normal; 
	font-weight: bold; 
	}
#content h2, 
#content table, 
#content ul, 
#content ol, 
#content p {
	margin-bottom: 1em; 
	}
#content ul, 
#content ol {
	margin-left: 2em; 
	}
#content li {
	margin: 5px 0; 
	}
#content a:link, 
#content a:visited, 
#content a:hover, 
#content a:active {
	color: #0014A4;
	}
#content table {
	width: 100%; 
	border-collapse: collapse; 
	}

#content th, 
#content td {
	padding: 3px 5px; 
	text-align: left; 
	border-width: 1px 0; 
	border-style: solid; 
	border-color: silver; 
	vertical-align: top; 
	}
#content th {
	font-weight: bold; 
	}



#contact {
	top: 349px; 
	left: 347px;; 
	width: 154px; 
	height: 149px; 
	overflow: auto;
	}
#contact * {
	font-size: 11px; 
	}

.index #container p, 
#contact p {
	margin: 10px 0; 
	}
#contact h3 {
	text-transform: uppercase; 
	}
.index #container th, 
#contact th {
	font-weight: normal; 
	padding-right: 7px; 
	}
#contact a {
	display: block; 
	} 

#footer {
	left: 764px;
	top: 587px;
	width: 16px; 
	height: 2em; 
	}
#footer ul {
	padding: 10px 5px; 
	list-style-type: none; 
	}
#footer a {
	color: gray; 
	font-size: 9px; 
	text-decoration: none; 
	}
#footer a:hover {
	text-decoration: underline; 
	}

/* === goto / goto-back   ================================================= */

.top {
	display: block; 
	width: 30px; 
	margin: 10px 0 10px 270px; 
	font-size: 11px;
	color: #0014A4; 
}

.goto a {
	background: transparent url(table.png) no-repeat 2px 50%;
	padding-left: 22px; 
	border: none; 
	padding-bottom: 1px; 

}
.goto-map:hover, 
.goto a:hover {
	text-decoration: none; 
	border-width: 0 0 1px 0; 
	border-color: rgb(88,88,90); 
	border-color: #0014A4;
	border-style: solid; 
}

.goto-back a {
	position: absolute; 
	top: 0; 
	right: 0; 
	display: block; 
	width: 10em;
	text-align: center; 
	padding: 4px 0; 
	color: #0014A4; 
	background-color: #F3F3F4;
	}

.goto-map {
	padding-left: 24px; 
	background: transparent url(google-maps-icon2.png) no-repeat 2px 50%;
	}	


/* === grosse Darstellungen ================================================ */
.standorte-uebersichtskarte #navigation, 
.mindestalter-personenverkehr-uebersichtstabelle #navigation, 
.mindestalter-gueterkraftverkehr-uebersichtstabelle #navigation {
	display: none; 
	}

.standorte-uebersichtskarte #content, 
.mindestalter-personenverkehr-uebersichtstabelle #content, 
.mindestalter-gueterkraftverkehr-uebersichtstabelle #content {
	background-color: #B9BCC3; 
	left: -350px; 
	width: 677px; 
	}
.mindestalter-personenverkehr-uebersichtstabelle #content table caption, 
.mindestalter-gueterkraftverkehr-uebersichtstabelle #content table caption {
	font-weight: bold; 
	border-width: 1px 1px 0 1px; 
	border-style: solid; 
	border-color: gray; 
	margin-left: -1px; 
	padding: 4px 0;	
	}	
.mindestalter-personenverkehr-uebersichtstabelle #content table th, 
.mindestalter-personenverkehr-uebersichtstabelle #content table td, 
.mindestalter-gueterkraftverkehr-uebersichtstabelle #content table th, 
.mindestalter-gueterkraftverkehr-uebersichtstabelle #content table td {
	border-color: gray; 
	border-style: solid; 
	border-width: 1px; 
	text-align: center; 
	}

/* === variabel ============================================================ */

.index #navigation ul ul 		{ top:  0em; }
.wir-ueber-uns #navigation ul ul 	{ top:  2.4em; }
.service #navigation ul ul 		{ top:  4.3em; }
.bkf-qualifikation #navigation ul ul 	{ top:  6.3em; }
.extras #navigation ul ul 		{ top:  8.5em; }



.wir-ueber-uns .container,
.aktuelles .container 	 				{ background-image: url(wir-ueber-uns.png); }
.fahrschule-fuer-behinderte .container 			{ background-image: url(fahrschule-fuer-behinderte.png); }
.standorte .container 					{ background-image: url(standorte.png); }
.team .container 					{ background-image: url(team.png); }
.partner .container 					{ background-image: url(partner_8.png); }
.sponsoring .container 					{ background-image: url(sponsoring-3.png); }

.service .container 					{ background-image: url(service.png); }
.ausbildung .container 					{ background-image: url(ausbildung_8.png); }
.foerderungen .container 				{ background-image: url(foerderungen.png); }
.fuehrerscheinklassen .container 			{ background-image: url(fuehrerscheinklassen.png); }
.bootsfuehrerschein .container 				{ background-image: url(bootsfuehrerschein.png); }
.intensivkurse .container 				{ background-image: url(intensivkurse.png); }
.fahrzeuge .container 					{ background-image: url(fahrzeuge.png); }

.bkf-qualifikation .container 				{ background-image: url(bkf-qualifikation.png); }
.mindestalter-gueterkraftverkehr .container 		{ background-image: url(mindestalter-gueterkraftverkehr.png); }
.mindestalter-personenverkehr .container 		{ background-image: url(mindestalter-personenverkehr.png); }
.beschleunigte-grundqualifikation .container 		{ background-image: url(beschleunigte-grundqualifikation.png); }
.grundqualifikation-pruefung-ihk .container 		{ background-image: url(grundqualifikation-pruefung-ihk.png); }
.bkf-qualifikationsrichtlinien .container		{ background-image: url(bkf-qualifikation2.png); }
.weiterbildung .container 				{ background-image: url(weiterbildung_8.png); }

.fortbildungsseminar-fsf .container 			{ background-image: url(fortbildungsseminar-fsf.png); }
.aufbauseminar-asf .container 				{ background-image: url(aufbauseminar-asf.png); }
.punkteabbauseminar-asp .container 			{ background-image: url(punkteabbauseminar-asp.png); }
.sicherheitstraining .container 			{ background-image: url(sicherheitstraining.png); }
.energiesparkurse .container 				{ background-image: url(energiesparkurse.png); }





/* === aktuelles  ============================================================ */

 
.aktuelles .container #content {
	background-color: #ECEDEF; 
	left: -180px; 
	width: 508px; 
	}



/* === home     ============================================================ */

.index #container { 
	background-image: url(bg_home.png); 
	background-image: url(bg-home3.jpg); 
	}

.index #container #navigation {
	display: none; 
	}

.index #content a {
	text-decoration: none; 
	}
.index h2, 
.index #content a:hover {
	color: rgb(249,106,0);	
	}
.index #content a:hover {
	text-decoration: underline; 
	}
.index h2, 
.index h3, 
.index h3 a {
	text-transform: uppercase; 
	}
.index #content h3 a, 
.index #content li a {
	display: block; 
	line-height: 1.6em;
	color: rgb(88,88,90); 
}
.index #container ul {
	list-style-type: none;  
	margin-top: 15px; 
	}

.index #container * {
	padding: 0; 
	margin: 0; 
	position: static; 
	}


.index #container #signet {
	z-index: 3; 
	position: absolute; 
	top: 238px; 
	left: 417px; 
	}
.index #container #footer {
	z-index: 4; 
	position: absolute; 
	top: 580px; 
	left: 769px; 
	}
.index #container #contact, 
.index #container .container #content div {
	z-index: 2; 
	position: absolute; 
	width: 160px; 
	height: 150px; 
	padding: 15px 0 0 5px; 
	}

.index #container .container div#h-aktuelles {
	top: 64px; 
	left: 244px;
	}
	
.index #container .container div#h-aktuelles a {
	text-decoration: none; 
	font-weight: bold; 
	line-height: 1.4em; 
	color: #F96A00; 
	}

.index #container .container div#h-home {
	top: 64px; 
	left: 70px; 
	}
.index #container .container div#h-ueberuns {
	top: 64px;
	left: 590px;  
	}
.index #container .container div#h-service {
	top: 238px; 
	left: 244px;
	}
.index #container .container div#h-extras {
	top: 238px;
	left: 764px;
	}
.index #container .container div#h-bkf {
	top: 414px;
	left: 244px;
	}
.index #container .container div#h-bkf li a {
	letter-spacing: -1px; 

} 
.index #container .container div#contact {
	z-index: 1;
	top: 411px; 
	left: 764px;
	}