body {
background-color: #fff;
margin: 0;
padding: 0;
text-align: center;
font-family: Verdana, Helvetica, sans-serif;
font-size: 1.0em;
color: #000;
}
img {
border: 0;
}

/* --- Grundstruktur --- */
/* --------------------- */
#topnav {
margin: auto;
padding: 0;
text-align: left;
width: 820px;
background-color: #ccd8e0;
}
#logo {
margin: auto;
text-align: right;
padding: 36px 7px;
width: 806px; height: 17px; /* die Höhe des Logos */
background-color: #fff;
background-color: #f2f5f7;
}
#logo2 {
margin: auto;
text-align: right;
padding: 0 7px;
width: 806px; height: 89px; /* die Höhe des Logos */
background-color: #fff;
background-color: #f2f5f7;
}
#logoPrint {display: none;}
#logo.funk {
padding: 29px 7px 24px 7px; height: 36px;
}
* html #logo, * html #logo2 {
width: 820px;
w\idth: 806px;
}
#top {
margin: auto;
text-align: right;
width: 812px; 
background-color: #003b67;
padding: 2px 8px 2px 0;
}
* html #top {
width: 820px;
w\idth: 812px;
}
#top h1 {
margin: 5px 0 3px 0;
padding: 0 0 3px 0;
font-size: 11px;
color: #fff;
font-weight: normal;
}

#container {
clear: both;
margin: auto;
text-align: left;
width: 820px;
background-color: #ccd8e0;
}
#container #nav {
width: 180px;
padding: 0 0 0 10px;
float: left;
background-color: #003c66;
}
* html #container #nav {
width: 190px;
w\idth: 180px;
}
#container #content {
width: 625px;
margin: 5px 0px 0px 5px; /* 5px hellblauer Rand links und oben*/
float: right;
background-color: #ccd8e0;
background-color: #fff;
background-image: url(../img/css/bg_content.gif);
background-repeat: repeat-y;
background-position: top left;
}
#container #end {
height: 5px;
font-size: 5px;
clear: both;
background-color: #ccd8e0;
}

.nofloat {
clear: both;
height: 0px;
font-size: 0px;
line-height: 0px;
}

/* Topnavigation */
img.topnav {
border: 0;
float: left;
padding-top: 0.2em;
margin-right: 3px;
}
a.topnav {
float: left;
margin: 0;
padding: 1px 10px 3px 10px;
font-size: 0.6em;
color: #003366;
text-decoration: none;
border-right: 1px solid #fff;
}
a.topright {
float: right;
margin: 0;
padding: 1px 14px 3px 14px;
font-size: 0.6em;
color: #003366;
text-decoration: none;
border-left: 1px solid #fff;
}
a.topnav:hover, a.topright:hover {
background-color: #e5ebef;
}

/* Suche */
#nav form {
width: 160px;
margin: 10px 0;
padding: 4px;
background-color: #336385;
}
#nav input.suche {
width: 110px; height: 14px;
margin-right: 5px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 13px;
color: #003366;
background-color: #d9e2e8;
border-color: #dbedfb;
}
#nav input.submit {
width: 30px;
font-family: Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #fff;
background-color: #003b67;
border: 1px solid #809db3;
cursor: pointer;
}

/* Hauptnavigation linke Seite */
/* --------------------------- */
#nav h3 {
margin: 0 0 2px 0;
padding: 0;
font-size: 0.7em;
font-weight: bold;
color: #e5ebef;
}
#nav ul {
list-style-type: none;
margin: 0 0 12px 2px;
padding: 0;
}
#nav li {
border-bottom: 1px solid #809eb3;
margin: 0;
padding: 0;
}
#nav li.home {
border-bottom: 1px solid #bfced9;
margin: 0;
padding: 0;
}
#nav li.bereich {
border-bottom: 1px solid #809eb3;
border-top: 1px solid #809eb3;
/*border-top: 1px solid #4a7592;*/
margin: 2px 0 0 0;
padding: 0;
}
#nav li.sub {
border-bottom: 1px solid #809eb3;
margin: 0 0 0 8px;
padding: 0;
}
#nav li.subsub {
border-bottom: 1px solid #809eb3;
margin: 0 0 0 17px;
padding: 0;
}

/* für Tel und Email: */
/* -------------------- */
#nav a.text { color: #fff; }
#nav p { 
font-size: 0.7em;
color: #fff;
font-weight: normal;
line-height: 1.4em;
border-top: 1px solid #809eb3; 
border-bottom: 1px solid #809eb3;
margin: 20px 0 10px -10px;
padding: 5px 10px;
}
/* -------------------- */

a.nav, a.subnav, a.bereich, a.home, a.home:hover, a.subsubnav {
display: block;
width: 169px;
margin: 0;
font-size: 12px;
line-height: 16px;
padding: 1px 0 2px 0;
font-weight: normal;
color: #fff;
text-decoration: none;
}
a.subnav, a.home, a.home:hover, a.subsubnav {
padding-left: 9px;
background-image: url(../img/css/pfeil.gif);
background-repeat: no-repeat;
background-position: center left;
}
a.subnav {
width: 161px;
}
a.subsubnav {
width: 152px;
}
a.bereich, a.bereich:hover {
font-weight: bold;
}
a.home, a.home:hover {
background-image: url(../img/css/pfeil_home.gif);
}

* html a.nav, * html a.subnav, * html a.subsubnav, * html a.bereich, * html a.home {
line-height: 16px;
}

a.nav:hover, a.subnav:hover, a.subsubnav:hover, a.home:hover {
background-color: #336385;
padding-left: 21px;
margin-left: -12px;
}
a.nav:hover, a.subnav:hover, a.subsubnav:hover {
width: 178px;
padding-left: 12px;
margin-left: -12px;
}
a.subnav:hover, a.subsubnav:hover {
background-image: url(../img/css/pfeil-on.gif);
background-repeat: no-repeat;
background-position: center left;
}
a.subnav:hover {
width: 161px;
padding-left: 29px;
margin-left: -20px;
background-image: url(../img/css/pfeil_sub-on.gif);
}
a.subsubnav:hover {
width: 152px;
padding-left: 38px;
margin-left: -29px;
background-image: url(../img/css/pfeil_subsub-on.gif);
}
a.home:hover {
background-image: url(../img/css/pfeil_home-on.gif);
}
a.navon, a.bereichon {
display: block;
background-color: #336385;
width: 178px;
margin-left: -12px;
padding: 1px 0 2px 12px;
font-size: 12px;
line-height: 16px;
font-weight: normal;
color: #fff;
text-decoration: none;
}
a.navon { font-weight: bold; }
a.bereichon {
width: 169px;
padding-left: 21px;
background-image: url(../img/css/pfeil_bereich-on.gif);
background-repeat: no-repeat;
background-position: center left;
font-weight: bold;
}
a.subnavon {
display: block;
background-color: #336385;
width: 161px;
margin-left: -20px;
padding: 1px 0 2px 29px;
font-size: 12px;
line-height: 16px;
font-weight: normal;
color: #fff;
text-decoration: none;
background-image: url(../img/css/pfeil_sub-on.gif);
background-repeat: no-repeat;
background-position: center left;
}
a.subsubnavon {
display: block;
background-color: #336385;
width: 152px;
margin-left: -29px;
padding: 1px 0 2px 38px;
font-size: 12px;
line-height: 16px;
font-weight: normal;
color: #fff;
text-decoration: none;
background-image: url(../img/css/pfeil_subsub-on.gif);
background-repeat: no-repeat;
background-position: center left;
}
* html a.navon, * html a.bereichon, * html a.subnavon, * html a.subsubnavon {
line-height: 16px;
}

/* Seitenende page up */
a.end {
display: block;
width: 820px;
background-image: url(../img/css/page-up.gif);
background-repeat: no-repeat;
background-position: top left;
text-decoration: none;
}
a.end:hover {
background-color: #003c66;
background-image: url(../img/css/page-up-on.gif);
background-repeat: no-repeat;
}

/* copyright */
#container #copy {
padding: 3px 0  7px 0px;
font-size: 0.7em;
color: #336385;
text-align: right;
background-color: #fff;
}

/* --- Inhalte in #container #content --- */
/* Bild ist auf allen Contentseiten, deshalb 
auch Bestandteil der Grundstruktur  */
#content img.topbild {
margin: 0;
}
* html #content img.topbild {
margin-bottom: -3px;
}
/* --- Ende Grundstruktur --- */
