/* BASIC 
* {
        margin:0;
        padding:0;
}*/

body {
        background: #D4E7FF;
        color: #000;
        font-family: Arial, Tahoma, Helvetica, sans-serif;
        font-size: 85%; /* alt 93% */
        text-align: center;
}

/* Überschriften */
h1 {
        font-size: 123%;
        line-height: 200%;
        font-weight: bold;
}
h1.klein {
        line-height: 133%;
}
h2 {
        font-size: 113%;
        line-height: 190%;
        font-weight: bold;
}
h2.klein {
        line-height: 123%;
}
h3 {
        font-size: 103%;
        line-height: 180%;
        font-weight: bold;
}
h3.klein {
        line-height: 113%;
}
/* für FAQ-Überschriften, Zeilenhöhe geringer  [sonst wie h3] */
h4 {
        font-size: 103%;
        line-height: 120%;
        font-weight: bold;
}
/* für lange Überschriften (mehrere Zeilen), mit Zeilenhöhe geringer [sonst wie h2] */
h5 {
        font-size: 113%;
        line-height: 120%;
        font-weight: bold;
}
/* für Einstiegsseite die Überschrift  [sonst wie h1]*/
h6 {
        font-size: 123%;
        line-height: 133%;
        font-weight: bold;
}
h9 {
        line-height: 133%;
}

/* LAYOUT, DIV-Container */
#komplett {
        Z-INDEX: 0;
        POSITION: relative;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        text-align: left;
        min-width: 780;
        max-width: 1024;
        /* workaround fuer MSIE: min-width, max-width */
        width:expression(document.body.clientWidth > 1024? "1024px": document.body.clientWidth < 780? "780px":document.body.clientWidth );
}
#oberenavi {
        Z-INDEX: 44;
        POSITION: absolute;
        TOP: 23px;
        HEIGHT: 20px;
        LEFT: 230px;
        BACKGROUND-COLOR: #004d7a;
}
/* rechts fliessender Hintergrund */
#dzlogox {
        Z-INDEX: 5;
        POSITION: absolute;
        width: 90%;
        HEIGHT: 140px;
        TOP: 15px;
        left: 15px;
        BACKGROUND-IMAGE: url(../_syspic/LogoRepeat.jpg); BACKGROUND-REPEAT: repeat-x;
}
/* Standorte-Logo rechts */
#dzlogo {
        Z-INDEX: 6;
        POSITION:absolute;
        HEIGHT: 140px;
        width: 85%;
        TOP: 15px;
        RIGHT: 15px;
        BACKGROUND-IMAGE: url(../_syspic/dzlogo.jpg); BACKGROUND-REPEAT: no-repeat;
        background-position: right;
}

#tvleiste {
        Z-INDEX: 8;
        POSITION:absolute;
        HEIGHT: 140px;
        width: 85%;
        TOP: 25px;
        RIGHT: 15px;
        BACKGROUND-IMAGE: url(../_syspic/680101.jpg); BACKGROUND-REPEAT: no-repeat;
        background-position: right;
}

/* TV-Logo links */
#tvlogo {
        Z-INDEX: 9;
        POSITION: absolute;
        width: 230px;
        HEIGHT: 140px;
        TOP: 65px;
        left: 25px;
        BACKGROUND-IMAGE: url(../_syspic/TV_Logo.gif); BACKGROUND-REPEAT: no-repeat;
}

#bfflogo {
        Z-INDEX: 8;
        POSITION: absolute;
        width: 230px;
        HEIGHT: 140px;
        TOP: 15px;
        left: 15px;
        BACKGROUND-IMAGE: url(../_syspic/bffLogo.gif); BACKGROUND-REPEAT: no-repeat;
}
#rechts {
        POSITION: absolute;
        TOP: 170px;
        RIGHT: 30px;
        width: 155px;
        max-width: 155px;
        z-index: 20;
}
#hintergrund {
        Z-INDEX: 8;
        POSITION: absolute;
        TOP: 155px;
        LEFT: 15px;
        RIGHT: 15px;
        BACKGROUND-COLOR: #ffffff;
        BACKGROUND-IMAGE: url(../_syspic/NaviRepeat.jpg); BACKGROUND-REPEAT: repeat-y;
        /* workaround fuer MSIE: float-Versatz
        right: expression("23px"); */
}
#links {
        z-index: 10;
        background-color: #04659c;
        width: 200px;
        float: left;
}



#linkenavi {
        z-index: 11;
        width: 200px;
        margin-top: 15px;
}

#navigation {
	margin-left:0px;
}
	
#content {
        Z-INDEX: 15;
        right: 0px;
}

/* fuer die Startseite zusaetzlich */

#rechtsbalkennavi {
        background-color: #004d7a;
        z-index: 21;
}
#rechtsnavi {
        border: 2px solid #004d7a;
        background-color:#0085d2;
        z-index: 22;
}
#contentrechtsnavi {
        margin: 5px 5px 5px 5px;
}
#rechtsbalkennews {
        margin-top: 15px;
        background-color: #004d7a;
        z-index: 23;
}
#rechtsnews {
        border: 2px solid #004d7a;
        background-color: #0085d2;
        z-index: 24;
}
#contentrechtsnews {
        margin: 5px 5px 5px 5px;
}

* html #inhalt {
        display: inline-block;
        width: 100%;
        overflow-x: auto;
}
* html #inhaltnewsseite {
        display: inline-block;
        width: 100%;
        overflow-x: auto;
}

/* MODULE, Formatierungen in den DIV-Containern */
#oberenavi a {
        text-decoration: none;
}
#oberenavi a:link, #oberenavi a:visited, #oberenavi a:active {
        color: #FFF;
        text-align: right;
}
#oberenavi a:hover {
        color: #04659c;
        background-color: #FFF;
        text-align: right;
}
#oberenavi span {
        color: #FFF;
        font-size: 90%;
        font-weight: bold;
        font: Verdana;
        text-align: right;
}
#links ul, #links li {
        list-style-type: none;
}
#links a {
        text-decoration: none;
}


 <style>
    #linkenavi ul {margin-left:10px; margin: 0; padding: 0; list-style-type: none;}
    #linkenavi li {list-style-position:inside; list-style-image:url(../_syspic/pfeil_aus.gif); }
    #linkenavi li a {font-size: 97%; border-bottom:none; display:inline; font: Verdana; margin: 10; padding: 0; color: #000;} 
    #linkenavi li li {padding-left: 1.5em;} /* erst die zweite Ebene einruecken */
    #linkenavi li.active a {font-weight: bold;} /* jede aktive Ebene einfaerben */
    #linkenavi li.active li.active a {font-weight: bold;}
    #linkenavi li.active li.active li.active a {font-weight: bold;}
    #linkenavi li.active li a {color: #FFF;} /* eine nicht aktive Unterebene wird in der urspruenglichen Farbe dargestellt */
</style>


#linkenavi a {
        margin-left: 0px;
        padding: 0px;
        font-size: 97%;
        border-bottom:none;
        display:inline;
        font: Verdana;
}
#linkenavi a:link, #linkenavi a:active, #linkenavi a:visited {
        color: #FFF;
}


#rechts a {
        text-decoration: none;
}
#rechts a:link, #rechts a:visited, #rechts a:active {
        color:#FFF;
        background-color: #0085d2;
        font-size: 90%;
        border-bottom:none;
        display:inline;
        font: Verdana;
}
#rechts a:hover {
        color:#0085d2;
        background-color: #fff;
}
#rechts h1 {
        color:#fff;
        background-color: #004d7a;
        font-size: 90%;
        text-weight: bold;
        padding: 0.3em;
        margin: 0px;
        font: Verdana;
}
#stand .h5, #footer .h5 {
        font-size: 100%;
}
#stand .h6, #footer .h6 {
        font-size: 92%;
}
#inhalt a:link, #inhalt a:visited, #inhalt a:active, #inhaltnewsseite a:link, #inhaltnewsseite a:visited, #inhaltnewsseite a:active {
        text-decoration: underline;
        color: #004d7a;
}
/*#inhalt a:hover, #inhaltnewsseite a:hover {
        color: #FFF;
        background: #04659c;
}*/
#inhalt ul, #inhalt li, #inhalt ol, #inhaltnewsseite ul, #inhaltnewsseite li, #inhaltnewsseite ol {
        margin-left: 15px;
}
#inhalt dir, #inhaltnewsseite dir {
        margin-left: 30px;
}
#inhalt p, #inhaltnewsseite p {
        margin-top: 15px;
}
#inhalt td, #inhalt th, #inhaltnewsseite td, #inhaltnewsseite th {
        font-size: 85%;
}
#inhalt h2, #inhalt h5, #inhaltnewsseite h2, #inhaltnewsseite h5 {
        color: #464646;
}
#inhalt h3, #inhalt h4, #inhaltnewsseite h4 {
        color: #464646;
}


/* fuer oberes Menue */
.menuO {
        background-color: #0085d2;
}
/* fuer linkes Menue */
.menu {
        margin-left: 10px;
        color: #FFF;
        font: Verdana;
}
.menuH {
        margin-left: 10px;
        color: #FFF;
        background-color: #0085d2;
        font: Verdana;
}
.menu2 {
        margin-left: 20px;
        color: #FFF;
        font: Verdana;
}
.menu2H {
        margin-left: 20px;
        color: #FFF;
        background-color: #0085d2;
        font: Verdana;
}
.submenu {
        margin-left: 30px;
        color: #FFF;
        font: Verdana;
}
.submenuH {
        margin-left: 30px;
        color: #FFF;
        background-color: #0085d2;
        font: Verdana;
}

/* mehr Informationen */
p.mehr {
        margin-top: 0px;
        margin-bootom: 0px;
        margin-left: 14.0pt;
        text-indent: -14.0pt;
        mso-list: l0 level1 lfo4;
        tab-stops: list 14.0pt;
}
span.mehr {
        font-size:7.0pt;
        font-family: Times New Roman;
}



/* rechte Ausrichtung */
.RECH {
  text-align: right;
}

#inhalt {
        z-index: 18;
        display: block;
        margin: 0px 0px 0px 0px;
        margin-left: 200px;
        padding-left: 10px;
        padding-right: 15px;
}

#inhaltnewsseite {
        z-index: 18;
        display: block;	
        margin: 0px 0px 0px 0px;
        margin-left: 200px;
        padding-left: 10px;
        padding-right: 182px;
}

.aktuelles {
	margin: 14px 10px 12px 14px; 
	border: 1px solid #004d7a; 
	}

.aktuelles P {
       	font-size: 90%;
	padding: 4px;
        font: Verdana;
	}

.aktuelles a {
       	font-size: 90%;
	padding: 4px;
        font: Verdana;
	}
	
.aktuelles H3 {
	font-size:90%;
	margin: 0px -1px 0px -1px;
	background: #004d7a; 
	border: 1px solid #004d7a; 
	color: white; 
	}

.table{
	margin: 14px 10px 12px 14px; 
	margin: 17px;
	}

.table a {
       	font-size: 100%;
	}

.table tr {
	font-size:90%;
	}
	
.table H3 {
	font-size:125%;
	margin: 0px -1x 0px -1px;
	}

.tztvr  {
	margin: 12px 10px 12px 10px; 
	margin: 10px;
	}

.tztvr a {
       	font-size: 80%;
	color: white; 
	}
.tztvr tr {
	font-size:90%;
	}
.tztvr td {
	border: 1px solid #004d7a; 
	}
.tztvr b {
	margin: 0px;
	text-align: left;
	}
	
.tztvr H3 {
	font-size="110%";
	margin: 0px 0px 0px 0px; 
	padding: 0px;
	background: #004d7a;
	border: 1px solid #004d7a; 
	color: #00072BB; 
	}
#layer_logo {
	z-index:1; 
	position:absolute; 
	width:180px; 
	height:61px; 
	top:17px; 
	left:17px; 
	text-align:left;
	}