/**********************************/
/* Screen-CSS für NABU-WESEL.de   */
/* Datum: 19.04.04                */
/* Copyright: Anita Paulißen      */
/* Kontakt: www.javagirl.de       */
/**********************************/
html, body {  /* Screen, gesamt */
 background-color:white;
 text-align:center;
 margin:0;
 padding:0;
 color:black;
 font-family:Helvetica,Arial,Verdana,sans-serif;
 font-size:12px;
 height:100%;
 scrollbar-base-color:#DFE5EB;
 scrollbar-3dlight-color:#DFE5EB;
 scrollbar-arrow-color:#DFE5EB;
 scrollbar-darkshadow-color:#093267;
 scrollbar-face-color:#839099;
 scrollbar-highlight-color:white;
 scrollbar-shadow-color:#093267;
 scrollbar-track-color:#DFE5EB;
}
#container { /* Inhaltsbereich, gesamt */
 background-color:white;
 width:769px;
 height:100%;
 text-align:left;
 margin:0;
 padding:0;
 min-width:500px;
 margin-left:auto;
 margin-right:auto;
}
#header { /* Kopfzeile */
 background-color:white;
 width:100%;
}
#mainnav {  /* Hauptmenü  */
 background-color:white;
 width:100%;
}
#menu {    /* linke Menüleiste */
 float:left;
 position:relative;
 width:140px;
 z-index:1;
 margin-left:-140px;
 margin-right:1px;
}
#outer {  /* Hilfskonstr. */
 border:solid white 0px;
 /*/*/ border-left-width: 140px ;  /* left column width.
    NN4 hack to hide borders */
 border-left-color:#DFE5EB;   /* left column colour */
 border-left-style: solid;
 /*/*/ border-right-width: 140px; /* right column width.
    NN4 hack to hide borders */
 border-right-color:#DFE5EB;  /* right column colour */
 border-right-style: solid;
 background-color:white; /* center column colour */
 width: auto;
}
#pictures {  /* rechte Spalte */
 width:140px; /* hack keeps NN4 right column right? */
 float:right;
 position:relative;
 margin-right:-140px;
 margin-left:1px;
}
#footer {  /* Fußzeile */
 background-color:#DFE5EB;
 width:100%;
 border-bottom-width:12px;
 border-bottom-color:#093267;
 border-bottom-style:solid;
}
#inner {  /* Hilfskonstr. */
 margin:0;
 width:100%;
}
#contents {  /* mittlere Spalte */
 float:left;
 width:100%;
 height:100%;
 position:relative;
 margin: 0 -8px 0 -1px;
}
#contentinner { /* Container für Inhalt */
 margin: -9px 0 -1px 0;
 border-width:thin;
 border-color:#839099;
 border-style:dotted;
 min-height:850px;
 overflow:visible;
}
#outer>#inner {  /* Hilfskonstr. */
 border-bottom:1px solid white;
}
.clear {  /*  Abbruch Textumfluß */
 clear:both;
}
.content {  /*padding for content */
 padding:0px;
}
#header.content {  /*padding bottom 0 to remove space in IE5 Mac*/
 padding-bottom:0;
}
#infoline {   /* Statuszeile, mitte */
 background-color:white;
 width:100%;
 height:30px;
}
#infoline2 { /* Statuszeile, links */
 background-color:white;
 width:100%;
 height:30px;
}
#top {     /* LOGO Untertitel */
 position:absolute;
 top:83px;
 padding-left:70px;
 width:769px;
 height:15px;
}
img {  /* deco-Grafiken */
 border-style:none;
 margin:0px;
 display:block;
}
h1 {    /* Überschrift 1 - blau, groß und fett */
 font-size:20px;
 font-weight:bold;
 color:#104A94;
 margin-top:12px;
 margin-left:12px;
 margin-right:12px;
}
#header h1  {    /* LOGO Untertitel schwarz, kursiv, ohne Rand */
 font-size:12px;
 color:black;
 font-style:italic;
 margin-top:0px;
 margin-left:0px;
 margin-right:0px;
}
#mainnav h1  {    /* Hauptmenü wie h1 aber kleiner */
 font-size:15px;
}
#menu h1 {    /* Untermenü wie h1 aber kleiner als Hauptmenu */
 font-size:11px;
 margin:0;
 margin-left:6px;
}
h2 {    /* Überschrift 2 bzw. Menüspaltentext - blau, normalgroß, fett */
 font-size:12px;
 font-weight:bold;
 color:#104A94;
 margin-top:0px;
 margin-bottom:12px;
 margin-left:12px;
 margin-right:12px;
}
h3 {    /* Überschrift 3 - blau, normalgroß, fett, kein Abstand unten */
 font-size:12px;
 font-weight:bold;
 color:#104A94;
 margin-top:0px;
 margin-bottom:0px;
 margin-left:12px;
 margin-right:12px;
}
h4 {    /* Infoline-Text - rot, noch kleiner und fett */
 font-size:10px;
 font-weight:bold;
 color:#C2000F;
 margin-top:0px;
 margin-left:12px;
 margin-right:12px;
}
h5 {    /* Bild-Unterschrift bzw. Labeltext- blau, kleiner als h3 und fett */
 font-size:9px;
 font-weight:bold;
 color:#093267;
 margin-left:12px;
 margin-right:12px;
 margin-top:6px;
 margin-bottom:6px;
}
.rechtsD h5 {    /* rechtes Bild-Unterschrift wie h5 aber zentriert */
 font-size:9px;
 font-weight:bold;
 color:#093267;
 margin-left:12px;
 margin-right:12px;
 margin-top:6px;
 margin-bottom:6px;
 text-align:center;
}
.linksD h5 {    /* linkes Bild-Unterschrift wie h5 aber zentriert */
 font-size:9px;
 font-weight:bold;
 color:#093267;
 margin-left:12px;
 margin-right:12px;
 margin-top:6px;
 margin-bottom:6px;
 text-align:center;
}
h6 {    /* Bild-Überschrift - blau, etwas kleiner und fett */
 font-size:11px;
 font-weight:bold;
 color:#104A94;
 margin-top:6px;
 margin-left:12px;
 margin-right:12px;
 margin-bottom:2px;
}
p {    /* Standard-Absatz - schwarz */
 margin-top:0px;
 margin-bottom:12px;
 margin-left:12px;
 margin-right:12px;
}
b {    /* fett */
 font-weight:bold;
}
strong {    /* fett */
 font-weight:bold;
}
a {    /* Link  */
 font-weight:bold;
 text-decoration:none;
}
a:link {
 color:#104A94;
}
a:visited {
 color:#839099;
}
#contentinner a:visited {    /* Link im Text */
 color:black;
 text-decoration:none;
}
a:hover {
  color::#175BB1;
  background-color:#B7F0CA;
}
a:active {
 color:#104A94;
}

#secondnav {    /* Navigationscontainer */
 position:relative;
 top:-313px;
 z-index:2;
 width:100px;
 padding-left:12px;
 padding-top:1px;
 padding-bottom:6px;
 padding-right:6px;
}
.link {    /* SecondNav-Links */
 margin: 0px 0px 4px 0px;
 height:24px;
 line-height:9pt;
}
#rest {    /* Rest vom linken Menücontainer */
 position:absolute;
 top:502px;
 z-index:3;
 width:140px;
}
#secondnav a {
 color:white;
}
#secondnav a:hover {
 color:#175BB1;
}
#suche {
 display:inline;
}
#foto {  /* Bildcontainer1 */
 background-color:white;
 margin-top:24px;
 border-width:thin;
 border-color:#839099;
 border-style:dotted;
 border-left-width:0px;
}
#foto img {
 display:inline;
 float:right;
 vertical-align:text-top;
}
#bild {
 margin:12px;
 border-width:1px;
 border-color:black;
 border-style:solid;
}
#foto2 {  /* Bildcontainer2 */
 background-color:white;
 margin-top:42px;
 border-width:thin;
 border-color:#839099;
 border-style:dotted;
 border-left-width:0px;
}
#foto2 img {
 display:inline;
 float:right;
 vertical-align:text-top;
}
#bild2 {
 margin:12px;
 border-width:1px;
 border-color:black;
 border-style:solid;
}
#footer img {
 margin:0 370px 6px 370px;
}
.links { /* zentrales Bild linksbündig */
 float:left;
 margin:12px 12px 12px 0px;
 border-width:1px;
 border-color:black;
 border-style:solid;
}
.linksU { /* zentrales Bild linksbündig, mit Untertitel */
 margin:0px 0px 12px 0px;
 border-width:1px;
 border-color:black;
 border-style:solid;
}
.linksD { /* zentrales Bild linksbündig, Bereich mit Untertitel */
 float:left;
 margin:0px 0px 12px 0px;
}
.rechts { /* zentrales Bild rechtsbündig */
 float:right;
 margin:12px 0px 12px 12px;
 border-width:1px;
 border-color:black;
 border-style:solid;
}
.rechtsU { /* zentrales Bild rechtsbündig, mit Untertitel */
 margin:12px 0px 12px 12px;
 border-width:1px;
 border-color:black;
 border-style:solid;
}
.rechtsD { /* zentrales Bild rechtsbündig, Bereich mit Untertitel */
 float:right;
 margin:12px 0px 12px 12px;
}
.wesel {
 float:right;
 margin-top:2px;
 vertical-align:top;
}
#contents ul {    /* Aufzählungsliste - ohne Background-Color, mit Punkten */
 list-style-type:disk;
 list-style-position:outside;
 margin-left:12px;
 margin-top:0px;
 margin-right:12px;
 margin-bottom;0px;
}
.ohne { /* Liste ohne Bullet */
 list-style-type:none;
}
#contents li {
 margin-left:20px;
 margin-bottom:0px;
}
#contents ol {    /* nummerierte Liste - ohne Background-Color, 1,2,3,4 usw. */
 list-style-type:decimal;
 list-style-position:outside;
 margin-left:18px;
 margin-top:0px;
 margin-right:12px;
 margin-bottom;0px;
}
hr {    /* Trennlinie - grau, 1 Pixel, 95%, no shadow */
 color:#DFE5EB;
 width:95%;
 height:2px;
 text-align:center;
}
.grau {    /* Tabelle - grauer Hintergrund, weiße Netzlinien */
 caption-side:top;
 float:none;
 width:auto;
 background-color:white;
 border:12px solid #DFE5EB;
 border-spacing:0px;
 text-align:center;
 margin-left:12px;
 margin-top:12px;
 margin-right:12px;
 margin-bottom;12px;
 padding:2px;
}
.graucapt {    /* Tabellenüberschrift: graue Tabelle */
 font-weight:bold;
 color:#104A94;
 margin-top:0px;
 margin-bottom:12px;
 margin-left:0px;
 margin-right:0px;
}
.grauth {    /* Legende: graue Tabelle */
 border:2px solid white;
 background-color:#DFE5EB;
 padding:6px;
}
.grautd {    /* Zelle: graue Tabelle */
 border:2px solid white;
 background-color:#DFE5EB;
 padding:6px;
 vertical-align:top;
 text-align:center;
 valign:top;
}