/*--CSS Stylesheet Copyright 2008 by Jutta Kemperle --*/
/*--www.jukemedia.de  www.frische-zitronen.de --*/
/*Fahrschule Grunwald*/

html body {margin:0; padding:0;}
/*eric meyer's browser reset----------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;
font-family: inherit;	}

/* remember to define focus styles! */
:focus 			{	outline: 0;}
body 			{	color: black;	background: white;}
ol, ul 			{	list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table 			{	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q 	{	quotes: "" "";}

/*struktur------------------------------------------------------------------------------struktur-------------------*/

body {
margin:0; padding:0;
font-size: 62.5%;
background-color: #D6D6D6;
}

#bgtop {
width: 100%; height:22em;
background: #D6D6D6 url(images/bg-top-002.jpg) 0px 0px repeat-x;
padding-top:4px;
}

#wrapper {
position:relative;
width:82em; 
margin: 0 auto 0 auto;
text-align:center;
padding: 20px;
background-color: #f0f0f0; 
border: 1px solid #D6D6D6;
border-top: none;
}

#header {
position:relative;
width: 96em;height:20em;
margin: 20px auto 0 auto;
background: transparent url(images/bg-header-013.png) no-repeat ; 
text-align:center;
}



  #sidebar-rgt {
  float:right;
  width:22em;
  background-color: transparent;
  margin:1em 0 0 15px; padding: 0 0 0 10px;
  text-align:left;
    padding-bottom:30px;}

#content {
float:left;
width: 55em; min-height: 600px;
margin-bottom: 40px; padding-right: 2em;
background: transparent url(images/bg-content.jpg) no-repeat left center;
text-align:left;
border-right: 1px solid #ccc;
}


  #footer {
  clear: both;
  overflow: hidden;
  position:relative;
  height:23em;
  width:100%;padding: 10px 0 10px 0;
  text-align:left;
  background:#E0E6EB url(images/bg-foo.jpg) no-repeat bottom left;}
  
  
/*hauptnavigation-----------------------------------------------------------------------hauptnavigation------------*/

/*subnavigation-------------------------------------------------------------------------subnavigation--------------*/

/*links----------------------------------------------------------------------------------links---------------------*/

#content a {
padding:4px;
color:#666;background-color: transparent;
text-decoration:none;
font: bold 1.2em Verdana, sans-serif;}

#content a:hover {
background-color:#f4f4f4;}

#footer a {
padding:4px;
color:#666;background-color:transparent;
text-decoration:none;}

#footer a:hover {
text-decoration: underline;}


/*Listen--------------------------------------------------------------------------------listen---------------------*/
#header img.brand {
position: absolute;
top:85px; right:20px;}

#header img.corner-left {
position: absolute; top:0px; left:0px;}

#header img.corner-right {
position: absolute; top:0px; right:0px;}


#header ul#images {
position:absolute;
top:7.7em; right:10px;
background-color: transparent;
text-align:center;}




#header ul#images li {
float:left;
margin: 0.5em 2.5em 0.5em 0;
height:76px; 
background-color:transparent;
}

#content li {
list-style-type:square;
font : normal 0.9em/14pt Verdana, sans-serif;
color:#666;
margin-bottom:4px;}

#content ul, #content ol {
margin: 0 0 2em 1em;}

#content img {
padding: 5px;
background-color: #fff;
border: 3px solid #A8AFB5;}





/*absätze-------------------------------------------------------------------------------absätze--------------------*/
#sidebar-rgt p {
font: normal 1.2em verdana, sans-serif;
text-align:right;
color:#626477;background-color:transparent;
margin: 0 0 1em 0;}


#content p {
font : normal 1.4em/15pt Verdana, sans-serif;
color:#666;
margin-bottom:30px;}

#footer p#design{
position:absolute;
left:10px; top:10px;
font : normal 1.0em Verdana, sans-serif;
color:#666666;
text-decoration: underline;
padding:0;}


#footer p#adresse {
position: absolute;
top:10px; right:10px;
text-align:right;
font: normal 1.2em/13pt Verdana, sans-serif;
color: #445A6B;}

#footer strong {
font-weight: bold;
margin-top: 1em 0 0.5em 0;}




/*überschriften-------------------------------------------------------------------------überschriften--------------*/
h1#title {
position:absolute; top: 50px; left: 340px;
font : bold 3.5em Lucida, sans-serif;
margin: 0 0 1em 0;
text-transform: uppercase;
letter-spacing: 3px;
text-align:left;
color:#A0B3C3;}

p#subtitle {
position:absolute; top: 100px; left: 340px;
font : bold 1.3em/180% Verdana, serif;
color:#394C5A;
text-align:left;
letter-spacing: 1px;}

#content h1 {
font : normal 1.8em Verdana, sans-serif;
color:#435C6A;
border-bottom:1px solid #eeeeee;
margin: 0 0 0.4em 0;}

#content h2 {
font : normal 1.8em Verdana, sans-serif;
color:#435C6A;
border-bottom:1px solid #eeeeee;
margin: 0 0 0.4em 0;}

#content h3 {
font : bold 1.6em Verdana, sans-serif;
color:#435C6A;
border-bottom:1px solid #eeeeee;
margin: 0 0 0.4em 0;}

#content h4 {
font : normal 1.6em Verdana, sans-serif;
color:#644A31;
border-bottom:1px solid #eeeeee;
margin: 0 0 0.4em 0;}

#content h5 {
font : normal 1.4em Verdana, sans-serif;
color:#644A31;
border-bottom:1px solid #eeeeee;
margin: 0 0 0.4em 0;}

#content h6 {
font : bold 1.4em Verdana, sans-serif;
color:#644A31;
border-bottom:1px solid #eeeeee;
margin: 0 0 0.4em 0;}




#sidebar-rgt h1 {
font: bold 1.4em Verdana, sans-serif;
text-align:right;
color:#435C6A;
border-bottom:1px dashed #006634;}

#sidebar-rgt h2 {
font: bold 1.4em Verdana, sans-serif;
text-align:right;
color:#435C6A;;
border-bottom:1px dashed #006634;
margin-top:2em;}

/*images--------------------------------------------------------------------------------images---------------------*/




/*forms---------------------------------------------------------------------------------forms----------------------*/

/*x-tra-classes-------------------------------------------------------------------------x-tra-classes--------------*/
#content .tsmall { font: normal 0.7em Verdana, sans-serif;}
#content .tmiddle {font: normal 0.9em Verdana, sans-serif;}
#content .tbig {font: normal 1.2em Verdana, sans-serif;}


#content .zitat1{
display:block;
margin:0 auto;
background-color:transparent; color:silver;
font:bold italic 1.4em 'Times New Roman', sans-serif;
text-align:center;
padding: 10px 10px 10px 20px;
text-decoration:none;
border-top: 3px solid silver;
border-bottom: 3px solid silver;}

#content .zitat2 {
display:block;
background-color:transparent; color:#3A4D5B;
font:italic 1.0em 'Times New Roman', sans-serif;
text-align:center;
padding: 10px 10px 10px 20px;
text-decoration:none;}

#content .merken {
background-color:#D7DCDF;color:#3A4D5B;	
font: bold 1.1em Verdana, sans-serif ;
padding: 15px;
border:1px dashed #3A4D5B;
text-align:center;}




.clr-bth {clear: right;}
/*div-classes---------------------------------------------------------------------------div-classes----------------*/


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;}
    
#sidebar-rgt a.weiterlesen {
font: bold 11px "Verdana", sans-serif;
text-align:right;
color:#435C6A;background-color:transparent;
text-decoration:none;}

#sidebar-rgt a.weiterlesen:hover {
background-color:#C0CCD7;}





/*----------------------------------------------------------------------------*/
/*MainMENUE  oben*/
/*----------------------------------------------------------------------------*/

ul#menu {margin-top: 0px;}
ul#menu li {float:right;}

ul#menu a {
display:block; width:6em; 
padding:0.6em;
font: normal 0.7em Verdana, sans-serif;
text-decoration:none;
color:#f4f4f4;
text-align:center;}





/*----------------------------------------------------------------------------*/
/*SubMENUE  RECHTS*/
/*----------------------------------------------------------------------------*/
ul#OLM {
float:right;
background-color: #f0f0f0;
text-align: left;
margin-bottom: 2em;}

ul#OLM li a, ul#OLM li#OLMactive span, ul#OLM ul li a, ul#OLM ul li#OLMactive span {
font: bold 1.2em Verdana, sans-serif;
color:#697983;
text-decoration: none;
border-bottom: 1px solid #919EA6;}

ul#OLM li {margin-bottom: 1px;}

ul#OLM li a {
display: block;
width:19em; 
background-color: #D7DCDF;
padding: 5px 0 5px 2px;}

ul#OLM li a:hover {
background-color: #B8C2C7;
color:#485259;}

ul#OLM li#OLMactive span {
display: block;
width:19em; 
background-color: #D1CEC9;
margin-bottom: 1px;
padding: 5px 0 5px 2px;
color: #485259;}

ul#OLM ul {margin-top:2px;}


ul#OLM ul li a {
padding: 5px 0 5px 20px;
width:17.5em;
background: #f0f0f0 url(images/list-style-image.gif) 0.4em 0.8em no-repeat;
font-weight: normal;}

ul#OLM ul li a:hover {
padding: 5px 0 5px 20px;
width:17.5em;
background-color: #EBEEF0;
font-weight: normal;
color: #485259;}

ul#OLM ul li#OLMactive span{
padding: 5px 0 5px 20px;
font-weight:normal;
width: 17.5em;
color: #485259;
background-color: #E9E7E5;
}