html, body{
height: 100%; 
width: 100%;
margin: 0;
padding: 0;
font-family: arial, verdana, helvetica, arial, san-serif;
font-size: 12px;
line-height: 20px;background-image: url(bilder/hg-3spaltig-3.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
}

#kopf{
top: 0;
left: 0;
height: 150px;
width: 979px;
padding: 0;
margin: 0;
padding-left: 16px;
position: fixed;
}

#navigation{
left:0;
top: 170px;
width: 220px;
height: auto;
color: #000000;
float: left;
display: inline;
position: fixed; 
}

#inhalt{
width: 490px;
height: auto;
position: relative;
top: 150px;
left: 454px;
padding-right: 10px;
color: #5a5b5d;
}

*html #inhalt{ 
width: 500px; 
height: auto; 
position: absolute; 
top: 150px; 
left: 450px; 
padding-right: 10px; 
color: #5a5b5d;
}

#rechtespalte{
top: 170px;
width: 225px;
height: auto;
left: 220px;
float: left;
display: inline;
position: fixed;
}

/* Navigation */

#navigation ul, #navigation ul li, #rechtespalte ul, #rechtespalte ul li{
list-style: none;
margin: 0px;
padding: 0;
}

#navigation ul li a:link, #navigation ul li a:active, #navigation ul li a:visited{
color: #000000;
text-decoration: none;
padding-left: 30px;
}

#navigation ul li a:hover{
color: #27407f;
text-decoration: none;
padding-left: 30px;
background-image: url(bilder/quadrat_grau.gif);
background-repeat: no-repeat;
background-position: 10px 2px;
}

#navigation ul li a.on{
color: #27407f;
text-decoration: none;
padding-left: 30px;
background-image: url(bilder/quadrat_blau.gif);
background-repeat: no-repeat;
background-position: 10px 2px;
}

*html #navigation ul li a:hover{
color: #27407f;
text-decoration: none;
padding-left: 30px;
background-image: url(bilder/quadrat_grau.gif);
background-repeat: no-repeat;
background-position: 10px 3px;
}

*html #navigation ul li a.on{
color: #27407f;
text-decoration: none;
padding-left: 30px;
background-image: url(bilder/quadrat_blau.gif);
background-repeat: no-repeat;
background-position: 10px 3px;
}

#navigation img, #navigation form {
margin: 5px 0px 20px 30px;
}

#navigation h4{
padding-top: 40px;
color: #5a5b5d;
margin: 0;
margin-left: 30px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
}

#navigation h4.anzeige_bottom{
padding-top: 0px;
color: #5a5b5d;
margin: 0;
margin-left: 30px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
}

#navigation h4.newsletter{
padding-top: 0px;
color: #5a5b5d;
margin: 0;
margin-left: 30px;
font-weight: normal;
font-size: 12px;
line-height: 15px;
}

#navigation img {
margin-left:23px; 
margin-top:10px;
}

/* Sub-Navigation */

#rechtespalte ul li a:link, #rechtespalte ul li a:active, #rechtespalte ul li a:visited{
color: #000000;
text-decoration: none;
padding-left: 20px;
}

#rechtespalte ul li a:hover{
color: #375297;
text-decoration: none;
background-image: url(bilder/quadrat_hellgrau.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 20px;
}

#rechtespalte ul li a.on{
color: #375297;
text-decoration: none;
background-image: url(bilder/quadrat_blau.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 20px;
}

*html #rechtespalte ul li a:hover{
color: #375297;
text-decoration: none;
background-image: url(bilder/quadrat_hellgrau.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
}

*html #rechtespalte ul li a.on{
color: #375297;
text-decoration: none;
background-image: url(bilder/quadrat_blau.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 20px;
}


/* Inhalt */

#inhalt h1{
font-size: 16px;
color: #375297;
margin: 0;
font-weight: bold;
}

#inhalt h1.einzeilig{
font-size: 16px;
color: #375297;
margin: 20px 0px 0px 0px;
font-weight: bold;
}

#inhalt h4{
color: #5a5b5d;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 12px;
line-height: 12px;
}

#inhalt p.nachh4{
margin: 10px 0 25px 0;
padding: 0;
}

#inhalt ul, #inhalt ul li{
list-style-image: url(bilder/quadrat_blau.gif);
margin-left:9px;
padding: 0;
}

*html #inhalt ul, #inhalt ul li{
list-style-image: url(bilder/quadrat_blau_ie.gif);
margin-left:11px;
padding: 0;
}

#inhalt table tr td ul li a:link, #inhalt ul table tr td li a:active, #inhalt table tr td ul li a:visited{
color: #375297;
}

#inhalt table tr td ul li a:hover{
color: #000000;
}

address{
margin-top: 40px;
margin-bottom: 20px;
font-style: normal;
font-size: 11px;
line-height: 15px;
color: #959595;
}

span.small{
margin-top: 40px;
margin-bottom: 20px;
font-style: normal;
font-size: 11px;
line-height: 15px;
color: #adadac;
}

#inhalt a:link, #inhalt a:active, #inhalt a:visited, #fuss a:link, #fuss a:active, #fuss a:visited {
color: #375297;
text-decoration: none;
}

#inhalt a:hover, #inhalt a.on, #fuss a:hover{
color: #5a5b5d;
text-decoration: none;
}

#inhalt table{
font-size: 12px;
color: #5a5b5d;
line-height: 20px;
}

#inhalt table tr td img.blau{
margin-top: 0px;
}

#inhalt table tr td img.grau{
margin-top: 4px;
}

*html #inhalt table tr td img.blau{
margin-top: 1px;
}

*html  #inhalt table tr td img.grau{
margin-top: 5px;
}

#inhalt table tr td ul { 
margin-top: 0px;
}


/* Eingabefelder - Buttons */

.eingabe-newletter{
width: 130px;
margin-bottom: 7px;
font-size: 10px;
}

.eingabe-newletter-select{
width: 135px;
margin-bottom: 7px;
font-size: 10px;
}

.senden-newsletter{
font-size: 10px;
}

/* Formularfelder */



.suche {
width: 185px;
margin-bottom: 3px;
margin-right: 5px;
}


.eingabe {
width: 200px;
margin-bottom: 3px;
margin-right: 5px;
}

.eingabe_1 {
width: 160px;
margin-bottom: 3px;
margin-right: 5px;
}

.eingabe_2 {
width: 30px;
margin-bottom: 3px;
}

.eingabe_3 {
width: 140px;
margin-bottom: 3px;
}

.eingabe_4 {
width: 50px;
margin-bottom: 3px;
margin-right: 5px;
}

.eingabe_5 {
width: 430px;
margin-bottom: 3px;
}

.eingabe_area {
width: 425px;
}

.eingabe_select {
width: 205px;
margin-bottom: 3px;
}

.sprache-land{
width: 100px;
margin-bottom: 3px;
}

/* Bredcrums */

#inhalt ul.bredcrums{
margin: 0;
padding: 0;
list-style: none;
}


#inhalt ul.bredcrums li{
margin: 0;
padding: 0;
float: left;
display: inline;
}

#inhalt ul.bredcrums li a:link , #inhalt ul li a:active , #inhalt ul li a:visited{
color: #000000;
text-decoration: none;
padding-right: 15px;
}

#inhalt ul.bredcrums li a:hover{
color: #27407f;
text-decoration: none;
padding-right: 15px;
}


/* Sprachen */

#navigation a.sprachen:link, #navigation a.sprachen:active, #navigation a.sprachen:visited{
color: #000000;
text-decoration: none;
padding-left: 30px;
}

#navigation a.sprachen:hover{
color: #27407f;
text-decoration: none;
padding-left: 30px;
}
