html {height: 101%;}
body
{
    margin: 5px;
    color: rgb(0, 0, 0); /* Schriftfarbe fuer Text */ 
    /*    background-color: rgb(251, 252, 250);   /* #fbfcfa;  fast weiss 251, 252, 250 */ 
    /*    background-color: green;   /* #fbfcfa;  fast weiss 251, 252, 250 */
    background-color: #995500;   /* Hintergrundfarbe des Containers (Außenbereich) */
    font-family: "Arial", "Helvetica", sans-serif;
    font-size: 80%; /*10pt;*/
    line-height: 1.3em; /*12pt;*/
    text-align: center;
}

/*---------------
Layout-Bloecke
---------------*/
#container
{
    width: 900px;
    text-align: left;
    background-color: white;
    position: absolute;
    left: 50%;
    margin-left: -450px; /* halbe Breite, damit zentriert */
    padding: 5px;
    -moz-box-shadow:    5px 5px 6px #663300;
    -webkit-box-shadow: 5px 5px 6px #663300;
    box-shadow:         5px 5px 6px #663300;
}
	
#header
{
    height: 144px;
    background-color: #cc9900;
    text-align:center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: medium ridge #ff9900;    /* Farbe der Linie unter dem Header */
    margin-bottom: 7px;
}

#header_logoWgff
{
    width: 150px;
    float: left;
}
#header_letterWgff /*Schriftzug WGfF */
{
    width: 750px; /* container - header_logoWgff */
    float:left;
    margin-top:11px;
}
#header_letterBG   /* Schriftzug BG */
{
    width: 600px; /* container - header_logoWgff - header_logoBG */
    float:left;
    margin-top:11px;
}
#header_logoBG
{
    width: 150px;
    float: right;
}
	
#navi_block
{
	width: 170px;
	/*background-color: yellow;*/
	float: left;
}

#contents
{
    margin: 0px 5px 0px 170px;
    /*background-color: aqua;*/
}

#footer	
{
	/*background-color: lime;*/
 /*   margin: 0px 5px 0px 170px;*/
    margin: 0px;
}

/*---------------
Fuss 
---------------*/
#footer .seite{
    margin-left:170px;
    margin-top:10px;
    height:25px; 
}
#footer div>div:first-child {
    float:left;
    }
#footer div>div {
    float:right;}

#footer .kom {
    font-size: 0.85em; /*8pt;*/
    line-height: 1.4em; /*11pt;*/
    height:20px;
    border-top:medium ridge #ff9900;    /* Farbe der Trennlinie ueber der Fusszeile */
    padding-top:10px;
}
/*---------------
div
---------------*/
div.navh
{
    margin-top: 0px;
    border-style: solid;
    border-width: 0px;
    border-color: #cc9900;
    width: 155px;
    color: #FFFFFF;
    text-align: left;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    /*padding: 5px 0px 5px 0px;*/
    /*text-indent: 5px;*/
    line-height: 1.2em; /*11pt;*/
    font-weight: 600;
    vertical-align: top;
    background-image: url(images/verlauf.gif);
    background-repeat: repeat-y;
    background-position: top left;
}
div.nav
{
    width: 160px;
    line-height: 1.2em;/*11pt;*/
    color: #cc9900;/*#428802;*/
    text-align: left;
    padding-left: 1mm;
    padding-top: 1mm;
    padding-bottom: 1mm;
    border-style: solid;
    border-width: 0px;
    border-color: #cc9f00;
    font-weight: 400;
    vertical-align: top;
}

div.rechts
{
    text-align: right;
}

table
{
    color: #000000;    /* Schriftfarbe Text in Tabelle */
    text-align: left;
    font-size: 1em; /*10pt;*/
    border: none;
    border-spacing: 0;
}
#contents table{ 
    margin-top: 0.5em;
}
table.liste
{
    width: 100%;
    background-color: #EFFEED;
    border-color: #B7D2C9;
    border-width: 2px;
    border-style: solid;
}
table.liste th{
    padding:1px 5px 1px 5px;
    font-weight: bold;
    }
table.liste td{
    padding:0px 5px 0px 5px;
    }

tr {
    vertical-align: top;
}
td {
    vertical-align: top;
    }

h1
{
    display: block;
    padding: 3px;
    font-size: 1.2em;/*12pt;*/
    font-weight: bold;
    color: #ffffff;  /* Schriftfarbe der Hauptüberschriften im Inhaltsblock */
    text-align: left;
    line-height: 1.3em;/*14pt;*/
    vertical-align: top;
    background-color: #cc9900; /* Hintergrund der Hauptüberschriften im Inhaltsblock */
    margin: 0px 0px 10px -3px;
}
h2
{
    display: block;
    font-size: 1.1em; /*10pt;*/
    font-weight: bold;
    color: #cc9900;
    text-align: left;
    line-height: 1.2em; /*12pt;*/
    vertical-align: top;
    margin-bottom: 5px;
    margin-top: 20px;
}
p
{
    text-align: justify;
    margin-top: 0.5em; /*5px;*/
    margin-bottom: 1em;
    display:block;
}

hr
{
    height: 2px;
    border-width: 0;
    background-color: #cc9900;
}

.no {display:none;}/* Fuer verkapselte eMail-Adressen */
/*---------------
a
---------------*/
#contents a {
    font-weight: bold;
}

/* für externe Links */
a[href^="http"], a[href^="HTTP"] {
    background: url("images/extern.png") 0% 50% no-repeat transparent;
    padding-left: 20px;
}
/* Fuer Link zur wgff */
a[href*="wgff"], a[href*="WGFF"], a[href*="WGfF"]{
    background-image:none;
    padding-left: 0px;
}

/* Fuer pdf-Dateien */
a[href$=".pdf"], a[href$=".PDF"] {
    background: url("images/pdf.png") 0% 50% no-repeat transparent;
    padding-left: 20px;
}
/* Fuer rtf-Dateien */
a[href$=".rtf"], a[href$=".RTF"]{
    background: url("images/rtf.png") 0% 50% no-repeat transparent;
    padding-left: 20px;
}
/* Fuer xls-, xlsx-Dateien */
a[href$=".xls"], a[href$=".XLS"], a[href$=".xlsx"], a[href$=".XLSX"]{
    background: url("images/xls.png") 0% 50% no-repeat transparent;
    padding-left: 20px;
}
/* Fuer zip-Dateien */
a[href$=".zip"], a[href$=".ZIP"]{
    background: url("images/zip.png") 0% 50% no-repeat transparent;
    padding-left: 20px;
}
/* Fuer doc-, docx-Dateien */
a[href$=".doc"], a[href$=".DOC"], a[href$=".docx"], a[href$=".DOCX"]{
    background: url("images/doc.png") 0% 50% no-repeat transparent;
    padding-left: 20px;
}
/* Fuer jpg-Dateien */
a[href$=".jpg"], a[href$=".JPG"]{
    background: url("images/download.png") 0% 50% no-repeat transparent;
    padding-left: 20px;
}


a:link, a:visited
{
    color: #cc9900;     /* Farbe eines links */
    text-decoration: none;
}
a:hover
{
    color: #ddaa00;     /* Farbe eines links mit mouse over */
    text-decoration: underline;
}
a:active
{
    color: #ddaa00;     /* Farbe eines gerade angeklickten links */
    text-decoration: underline;
}

/*---------------
img
---------------*/
img
{
    border: none;
}

img.imgright {
    padding-left: 10px;
    float: right;
}

img.imgleft {
    padding-right: 10px;
    float: left;
}

/*---------------
ul, li
---------------*/
ul {
    margin-top:0px;
}
li {
    margin-bottom:5px;
    margin-top:5px;
}

/*---------------
neue Veröffentlichungen
---------------*/
.neu {
    font-weight: bold;
    color: #FF0000;
}

/*---------------
a.lism Alte Seiten
---------------*/
a.lism {
    font-weight: 400;
    font-size: 9pt;
    line-height: 11pt;
}

/*--------------------------------------------*/
/* Navigation über Listenelemente mit Submenü */
/*------------------------------------------- */
#navigation {width:160px;}
#navigation ul {margin:0px; padding:0px; background-color: #ddaa00;   /* Hintergrundfarbe des Hauptmenüs */
}
#navigation li {list-style: none;}

ul.top-level {background:white;}
ul.top-level li {
 margin-bottom: 0px;
 margin-top: 0px;
}

#navigation a {
 color: #ffffff; /* Farbe des Menuepunktes */
 cursor: pointer;
 display:block;
 min-height:20px;
 line-height: 20px;
 text-decoration:none;
 padding-left: 5px;
 padding-right: 5px;
}
#navigation a:hover{
 text-decoration:underline;
}

#navigation li:hover {
 background: #cc9900; /* hellgrau: #E9E9E9 */
 position: relative;
}

ul.sub-level {
  display: none;
  -moz-box-shadow:    5px 5px 6px #999;
  -webkit-box-shadow: 5px 5px 6px #999;
  box-shadow:         5px 5px 6px #999;
  width:220px;
}
li.subh{
    /*background-image:url(images/verlauf.jpg);*/
    background: #cc9900;   /* Hintergrund eines aufgeklappten Submenus */
    padding-left: 1mm;
    padding-top: 1mm;
    padding-bottom: 1mm;
    line-height: 1.2em; /*11pt;*/
    font-weight: 600;
    color:White;

}
#navigation li.subh:hover{
    /*background-image:url(images/verlauf.jpg);*/
    background: #cc9900;
}

.linksub {
    background-position: right;
    background-image: url(images/right.png); /* Pfeil nach rechts */
    background-repeat: no-repeat;
}

li:hover .sub-level
{
    background: White;
    border: 1px solid #cc9900;  /* Hintergrund eines aufgeklappten Submenus, wenn mouse-over */
    display: block;
    position: absolute;
    left: 120px;
    top: 5px;
}

/*ul.sub-level li {
    border: none;
    float:left;
    width:145px;
}*/

/*-------------------------------*/