/* Author: Malte Kaldewey */


/* DEFINIERTE STARTWERTE FÜR ALLE HTML-ELEMENTE */
* { 
 margin: 0; 
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
}
 
/* HINTERGRUND FÜR DIE BROWSERSEITE */
html, body {
 height: 100%;
 margin: 0;
 padding: 0;
 background-color: #9b9b9b;
 /* background-color: #efeded;
 background-image: url(./images/fahrbahn_hintergrund.jpg);
 background-repeat: no-repeat;
 background-position: center center; */
 font-size: 12px;
 line-height: 150%;
}

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

/* Sonstige Formatierungen */


h1 {
 color: #005e2e;
 font-size: 17px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
 color: #005e2e;
 font-size: 15px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3 {
 color: #005e2e;
 font-size: 12px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

h4 {
 color: #005e2e;
 font-size: 10px;
 font-weight: bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {

 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: gray;

}

a:hover {
 text-decoration: overline;
}

li {
 /* list-style-type:circle; */
 margin-left: 5px; 
}




 
/****************************************************************
* NACHFOLGENDE DIV TAGS LEGEN DAS AUSSEHEN DER WEBSEITE FEST
* BANNER, 2 x NAVIGATION, INHALT MITTE, NEWS RECHTS, FUSSZEILE
****************************************************************/
#container {
 position: relative;
 width: 1000px;
 min-height:600px;
 margin: 20px auto;
 background-color: #f9fff9;
 /* color: #333; */
 border: 1px solid white;
 /* line-height: 130%; */
 z-index:1;
}
 
#banner {
 height: 100px;
 padding: .5em;
 background-color: #005e2e;
 
 border-bottom: 1px solid silver;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 /* line-height: 0%; */
 background-image: url(./images/farbverlauf_banner.png);
 background-repeat:repeat;
 background-position: 10px center;
}

#logo-banner {
 height: 100px;
 background-image: url(./images/logo_jasper_original.png);
 background-repeat: no-repeat;
 /* background-position: 10px center; */
}

.h1-banner {
 color: #edffed;
 font-size: 12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin-top: 6px;
 margin-left: 760px;
 
}

#verband {
width: 190px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}

img#dsgs {

width:100px;
height:68px;
}

img#pqz {

width:75px;
height:75px;
}


/* Titelzeile Überschrift unter Logo */

#description {
 height: 30px;
 padding-top: 0px;
 background-color: #edffed;
 border-bottom: 1px solid silver;
 
 
}

#h1-description-id {
 height: 20px;
 border: 1px;
 background-color: #edffed;
 
}

.h1-description {
 font-size: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 margin-top: -10px;
 margin-left: 10px;
 padding-top: 5px;
 color: #005e2e;
 
}


/* +++++++++++++++++++++++++++++++ */
/*   Navigation		           */
/* +++++++++++++++++++++++++++++++ */  

#navigation1 {
 float: right;
 width: 230px;
 padding: 1em;
 padding-top: 55px;
 text-align: left;
}

#navigation_background {
 background: #edffed;
 width: 190px;
 min-height: 400px;
 padding: 1em;
 background-image: url(./images/markierung_strasse.png);
 background-repeat:no-repeat;
 background-position: center center;
 width:190px;height:400px;
 text-align: left;
}

#menu-1 {
 width: 190px;
 padding-right; 80px;
 text-align: left;
 

}


 
/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES OBEREN MEN?S
* AUSRICHTUNG, KEINE LISTENSYMBOLE, AKTIVE ELEMENTE IN WEISSER SCHRIFT
***************************************************************************/
#navigation1 ul li {
 /* display: inline; */
 color:#005e2e;
 font-size: 15px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 /* display:list-item; */
 list-style-type: none;
 text-align: left;
 /* list-style-image: url(./images/arrow_menu.png); */
}

 
#navigation1 ul li a {
 float: right;
 font-size: 90%;
 font-weight: 700;
 text-decoration: none;
 padding: 0 1em;
 color:#005e2e;
 text-align: left;
}

#navigation1 ul li a:hover, #navigation1 ul li a:active {
color: gray;
padding: 0 1em;
text-decoration: underline;
text-align: left;
/* list-style-image: url(./images/arrow_menu.png); */
}

#navigation1 ul li.menu-top.menu-0 {
 font-size: 15px;
}

#navigation1 ul li.menu-1 {
 font-size: 12px;
 padding-right: 15px;
 color: gray;
}



 
#navigation2 {
 float: right;
 left: 10px;
 width: 165px;
 padding: 1em;
 padding-top: 65px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 
}
 
#news {
 float: right;
 width: 160px;
 padding: 1px;
}
 
#inhalt {
 margin-left: 10px;
 border-left: 1px solid silver;
 margin-right: 265px;
 border-right: 1px solid silver;
 padding: 10px;
 /* max-width: 36em; */
 min-height:600px;
 
 font-size: 97%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: gray;
}
 
#fusszeile {
 clear: both;
 margin-left: auto;
 margin-right: auto;
 padding: .5em;
 color: #ededed;
 background-color: #ddd;
 border-top: 1px solid silver;
 font-size: 9px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#fusszeile a {
color: #ededed;
text-decoration: none;

}
 



 
/**************************************************************************
* NACHFOLGENDE CSS ANWEISUNGEN DIENEN DER FORMATIERUNG DES HAUPTMENüS
* KEINE LISTENSYMBOLE, ABST?NDE ZU DEN R?NDERN
**************************************************************************/
#navigation2 p, #news p { margin: 0 0 1em 0; }
 
#navigation2 ul li {
display: block;
padding-top: 40px;

}
 
#navigation2 ul li a {
/* color: red; */
text-decoration: none;
font-weight: bold;
padding: 0 1em;
}
 
#navigation2 ul li a.aktiv,#navigation2 ul li a:hover,
#navigation2 ul li a:active {
text-decoration: underline;
}
 
#inhalt h2 { margin: 0 0 .5em 0; }

.tabelle_menu {

}