@charset "UTF-8";
* { 
	margin:0;
	padding: 0;
}
/* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
option { padding-left: 0.4em; }
select { padding: 1px; }

* html body * { overflow:visible; }
/* * html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; } */
* html input { overflow: hidden; }
/** html textarea { overflow:scroll; overflow-x: hidden; }*/
* html textarea { overflow:scroll; }

/* (de) Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
html { height: 100%; margin-bottom: 1px; }
html * { font-size: 100.01%; }

body {
background: #4d87c7 url("../images/css/bg_blue.png") repeat-x top left fixed;
/* background: #109c0b url("images/bg.png") repeat-x top left fixed; */
color: #444;
padding: 10px 0; 
font-family:  Arial, Helvetica, sans-serif;
font-size: 95%;
/* (de) Zentrierung des Layouts in alten IE-versionen */
text-align: center;
}

/*--- Links ----------------------------------------------------------------------------------------- */
a { color: #4D87C7; background:transparent; text-decoration:none; }
/*a:visited  { color: #036; } */

a:focus,
a:hover,
a:active { color:#182E7A; text-decoration:underline; }  

/* (de) Rahmen für <fieldset> und <img> Elemente löschen */
fieldset, img { border: 0 solid; margin: 3px; }

h1,h2,h3,h4,h5,h6 {
font-weight:bold;
color:#222;
margin: 0 0 0.25em 0;
}

h1 { font-size: 250%; }                       /* 30px */
h2 { font-size: 200%; }                       /* 24px */
h3 { font-size: 150%; }                       /* 18px */
h4 { font-size: 133.33%; }                    /* 16px */
h5 { font-size: 116.67%; }                    /* 14px */
h6 { font-size: 116.67%; }                    /* 14px */


/* (de) Neue Standardwerte für Listen & Zitate */
ul, ol, dl { margin: 0 0 1em 1em } /* LTR */
li {
	margin-left: 0.8em; /* LTR */
	line-height: 1.5em;
}

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em; }
ul li { list-style-type: disc; }
ul ul li { list-style-type: circle; }

ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-latin; }

li { margin-left: 0.8em; line-height: 1.5em; }

/* dt { font-weight: bold; }
dd { margin: 0 0 1em 0.8em; } */

p { line-height: 1.5em; margin: 0 0 1em 0; }


blockquote { margin: 0 0 0 1.5em; } 

/*
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, cite,q {
font-family: Georgia, "Times New Roman", Times, serif;
font-style:italic;
}
blockquote { margin: 0 0 1em 1.6em; color: #666; }
*/
strong,b { font-weight: bold; }
em,i { font-style: italic; }

pre, code, kbd, tt, samp, var { font-size: 100%; }
pre, code { color: #800; }
pre { line-height: 1.5em; margin: 0 0 1em 0; }
kbd, samp, var { color: #666; }
var { font-style: italic; }

acronym, abbr {
border-bottom: 1px #aaa dotted;
font-variant: small-caps;
letter-spacing: .07em;
cursor: help;
}

hr {
  border-style: none none solid;
  border-color: #e0e0e0;
  border-width: 0 0 4px;
  background: transparent none repeat scroll 0% 50%;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}

/*------------------------------------------------------------------------------------------------------*/

#container { 
	text-align:left;
	margin: 0 auto; 
	min-width: 740px;
	max-width: 1000px;
	background: #fff;
	padding: 10px 10px 0px 10px; 
}

#header, #main, #footer { clear:both; }

#header {
	position:relative;
	/*color: #000;*/
	background: #fff repeat-x top left;
	padding:0.8em;
	text-align:center;
}

#header h1 {
	font-weight:bold;
	font-size:2em;
	letter-spacing:-1px;
	padding-top: 4px;	
}

#main { background: #fff;padding:10px 0; }

#col1 { 
float: left;  
width: 25%;
}

#news  h3{
padding: 3px 0px 3px 0px; /* LTR */
margin:0;
color: #444;
font-weight: bold;
}

#news {
background-color:#BDE3FC;
border:4px solid #4BB4FA;
margin:20px;
padding:15px;
}

#col3 { 
width:75%; 
float: left;
}

#col1_content { position:relative; }
/*#col3_content { position:relative; }*/
#col1_content { padding: 10px 10px 10px 20px; }

#col3_content { 
	padding: 10px 10px 10px 10px; 
	min-height: 450px;
}

#footer {
	color:#666;
	background: #f9f9f9;
	padding: 10px 20px;
	border-top: 5px #efefef solid;
	line-height: 1.5em;
}

.cont_tabelle {
  border: 1px solid #cccccc;
  margin: 0.4em 0;
  padding: 0.2em;
}

.cont_tabelle td {background: #f2f2f2;}

.cont_tabelle th {background: silver;}

.cont_tabelle th, .cont_tabelle td {padding: 0.4em 1em;}

/* div Tabelle der Fahrlehrer */
.FL { 
/*position:inherit;*/
border-bottom: 2px #ddd solid;
clear: both;
/*display: block;*/
}

.FLtext {
margin-top: 10px;
float: left;  
width: auto; 
}

.FLpic { 
float: right;  
margin: 5px; 
/*width: 200px;*/
}

/*------------------------------------------------------------------------------------------------------*/
/*Navigation Horizontal */

#nav-hor{
width: 100%;
float: left;
overflow: hidden;
display: inline;
position:relative;

/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
background: #c0c0c0 url("../images/css/background.png") repeat-x center right;
border-top: 1px #333 solid;
border-bottom: 1px #333 solid;
line-height: 0;
}

#nav-hor ul {
	/* (de) Abstand des ersten Buttons vom linken Rand  */
	margin: 0 0 0 20px;
	padding: 0;
	clear:both;
	border-left: 1px #aaa solid;
	border-right: 1px #fff solid;
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
	display: inline;
	float: left;
}

#nav-hor ul li {
	border-left: 1px #fff solid;
	border-right: 1px #aaa solid;
	/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
	display: inline;
	float: left; 
	font-size: 1.0em;
	line-height: 0.7em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#nav-hor ul li a,
#nav-hor ul li strong {
	background: transparent;
	color: #000;
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0.8em 0.5em 0.8em;
	text-decoration: none;
	width: auto;
}

#nav-hor ul li a:focus,
#nav-hor ul li a:hover,
#nav-hor ul li a:active  { background: #eee; color: #333; text-decoration: none; }

#nav-hor ul li.active {
	/* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
	background: #272727 url("../images/css/background_active.png") repeat-x center right;
	border-left: 1px #444 solid;
	border-right: 1px #888 solid;
}

#nav-hor ul li.active strong,
#nav-hor ul li.active a:focus,
#nav-hor ul li.active a:hover,
#nav-hor ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }

/*------------------------------------------------------------------------------------------------------*/
/* Navi vertikal*/

/* title */
h6.vlist {
font-family:  Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
width: 90%;
padding: 3px 0px 3px 10%; 
margin:0;
color: #444;
background-color: #fff;
border-top: 2px #ddd solid;
border-bottom: 4px #888 solid;
}

.vlist {
width: 100%;
overflow: hidden;
margin: 0 0 1em 0;
list-style-type: none;
border-bottom: 2px #ddd solid;
border-top: 3px #ddd solid;
}

.vlist ul {
list-style-type: none;
margin:0;
padding: 0;
}

.vlist li {
float:left; 
width: 100%;
margin:0;
padding: 0;
border-bottom: 1px #ddd solid;
}

.vlist a,
.vlist strong,
.vlist span {
display:block;
padding: 3px 0px 3px 10%;
text-decoration: none;
}

.vlist a,
.vlist a:visited {
color: #444;
}

.vlist li span {
display:block;
font-weight: bold;
border-bottom: 1px #ddd solid;
}

/* active list element */
.vlist li.active {
color: #fff;
background-color:#042264;
font-weight: bold;
}

/* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span { width: 90%; padding-left: 10%; } 

.vlist li a:focus,
.vlist li a:hover,
.vlist li a:active { background-color:#fcf2cc; color: #000; }

/* Level 2 */
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span { width: 80%; padding-left: 20%; } 

.vlist li ul li a, 
.vlist li ul li a:visited { background-color:#f8f8f8; color: #333; }
.vlist li ul li a:focus,
.vlist li ul li a:hover,
.vlist li ul li a:active { background-color:#fcf2cc; color: #000; }

/* Level 3 */
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span { width: 70%; padding-left: 30%; } 

.vlist li ul li ul li a,
.vlist li ul li ul li a:visited{ background-color:#f0f0f0; color: #222; }
.vlist li ul li ul li a:focus,
.vlist li ul li ul li a:hover,
.vlist li ul li ul li a:active { background-color:#fcf2cc; color: #000; }

/* Level 4 */
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span { width: 60%; padding-left: 40%; } 

.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li a:visited { background-color:#e8e8e8; color: #111; }
.vlist li ul li ul li ul li a:focus,
.vlist li ul li ul li ul li a:hover,
.vlist li ul li ul li ul li a:active { background-color:#fcf2cc; color: #000; }

/* --------------------------- */

/* active2 list element  -> nur Ebene 2 Führerschein klassen */
.vlist li.active2 {
color: #fff;
background-color:#042264;
font-weight: bold;
width: 80%; padding-left: 20%; 
}