/* Styleangaben fuer die Website www.WSV.de */

/*public styles*/

/* Styles fuer 'gestreifte' Datentabellen */

 /*Listen/Aufzaehlungen*/
ul, li{ marker-offset:0.95em; line-height:160%;}
/*Listen*/
.horizontal {display: inline; list-style-type: none;  padding-right: 1.25em;}
.none{list-style-type:none;}
/*wsd-s*/

 /* Schriftgroeszen fuer Standartschriftart */
.normal60 { font-size:0.8em; }
.normal70 { font-size:0.85em; }
.normal80 { font-size:0.9em; }
.normal100 { font-size:1.0em; }
.normal120 { font-size:1.2em; }
.normal150 { font-size:1.4em; }
.normal180 { font-size:1.6em; }

/* Schrift fuer Fehler- und Ok-Meldungen */
.error {color:rgb( 167,25,48);} /*WSV  S6*/
.ok {color:rgb( 133,135,5);}  /*WSV A8*/

/* layout and design styles*/
/* neu-Anfang */


/* class="bodyweiss" muss im body stehen, damit dieser nicht editiert werden kann */
.bodybackground {
  background-color:rgb(255,255,255);
}

.withoutstyles
 {display:none;}

#logowsv {
 float:left;
 background-color:white;
 width:210px;
}

#logo {
 margin: 20px 0 0 56px;
 border:0;
}

#homepage {
 background-color:white;
 margin:0 0 0 210px;
}

#header {
 height:124px;
 background-color:white;

}

#pagetitle {
 background-color:white;
 float:left;
 font-size:1.3em;
 padding: 78px 0 0 0;
}

#date {
 height:25px;
 background-color:transparent;
 float:right;
 text-align:right;
 vertical-align:bottom;
 padding:91px 10px 0px 0;
 font-size:0.8em;
 line-height:1.3em;
}

/* Navigation oben*/
#nav {
 padding:0;
 margin:0;
 background-color:rgb(102,102,102);
 height:25px;
}

/* Button-Navigation oben*/

#buttonnav {
 margin:0;
 padding:0;
 float:right;
 width:198px;
 font-size:0.8em;
 background-color:rgb(102,102,102);
 height:25px;

}

#buttonnav ul {
 list-style-type:none;
 margin:0;
 padding:0;
 text-align:left;
}

#buttonnav ul li {
 display:block;
 text-align:center;
 float:left;
 margin-left:0;
 padding:3px 0 0 10px;
 height:18px;
 width:20px;
}

#buttonnav ul li a {
 width:20px;
 height:18px;
 padding:0;
 margin:0;
 color:rgb(255,255,255);
 text-decoration:none;
 display:block;
 text-align:left;
}


#buttonnav a:link { color:rgb(51,0,0); text-decoration:none;}
#buttonnav a:visited {color:rgb(51,0,0); text-decoration:none; }
#buttonnav a:hover {color:rgb(51,0,0); text-decoration:underline; }
#buttonnav a:active {color:rgb(51,0,0); text-decoration:underline; }

#buttonnav ul li a.pics10 { background-image:url("../../Grafiken/icons/home.gif"); }
#buttonnav ul li a.pics20 { background-image:url("../../Grafiken/icons/sitemap.gif"); }
#buttonnav ul li a.pics30 { background-image:url("../../Grafiken/icons/search.gif"); }
#buttonnav ul li a.pics40 { background-image:url("../../Grafiken/icons/email.gif"); }
#buttonnav ul li a.pics50 { background-image:url("../../Grafiken/icons/print.gif"); }
#buttonnav ul li a.pics60 { background-image:url("../../Grafiken/icons/seite_empfehlen.gif"); }

#buttonnav ul li a.pics10:hover { background-image:url("../../Grafiken/icons/home_active.gif"); }
#buttonnav ul li a.pics20:hover { background-image:url("../../Grafiken/icons/sitemap_active.gif"); }
#buttonnav ul li a.pics30:hover { background-image:url("../../Grafiken/icons/search_active.gif"); }
#buttonnav ul li a.pics40:hover { background-image:url("../../Grafiken/icons/email_active.gif"); }
#buttonnav ul li a.pics50:hover { background-image:url("../../Grafiken/icons/print_active.gif"); }
#buttonnav ul li a.pics60:hover { background-image:url("../../Grafiken/icons/seite_empfehlen_active.gif"); }

#buttonnav ul li a.pics10:active { background-image:url("../../Grafiken/icons/home_active.gif"); }
#buttonnav ul li a.pics20:active { background-image:url("../../Grafiken/icons/sitemap_active.gif"); }
#buttonnav ul li a.pics30:active { background-image:url("../../Grafiken/icons/search_active.gif"); }
#buttonnav ul li a.pics40:active { background-image:url("../../Grafiken/icons/email_active.gif"); }
#buttonnav ul li a.pics50:active { background-image:url("../../Grafiken/icons/print_active.gif"); }
#buttonnav ul li a.pics60:active { background-image:url("../../Grafiken/icons/seite_empfehlen_active.gif"); }

/* Kruemel-Navigation oben*/
#kruemelnav {
 margin:0px 150px 0px 0px;
 padding:5px 0 6px 12px;
 color:rgb(255,255,255);
 font-size:0.85em;
 text-align:left;
}

#kruemelnav a.kruemelweiss { color:rgb(255,255,255); }
#kruemelnav a.kruemelweiss:visited { color:rgb(255,255,255); }
#kruemelnav a.kruemelweiss:hover { color:rgb(249,67,32); }
#kruemelnav a.kruemelweiss:active { color:rgb(255,255,255);}


#homemenue {
 height:340px;
 width:100%;
 background-color:rgb(204,204,204);
 margin:5px 0 0 0;
 float:left;
}

/* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Bug \*/
* html #homepage {
 height:1%;
}
/* Ende von IE5/mac verstecken*/



#gb {
 float:left;
 width:22.85em;/*width:293px;  */
 background-color:rgb(204,204,204);
}

/*nur für die Startseite, da Rasterbild im Hintergrund*/
#menuestart {
 /* height:340px; */
 height:26.53em;
 /* width:293px; */
 width:22.85em;
 background-image:url('../../Grafiken/icons/raster.jpg');
 background-repeat:no-repeat;
 background-position:bottom;
 background-color:rgb(204,204,204);
}


/* --------------Menue links - Startseite------------ */

ul#maintopics {

 padding:0;
 margin:0;
 list-style:none;
 background-color:white;
}

ul#maintopics li {
 list-style: none;
 margin: 0;
 padding: 0;
 border-bottom:5px solid white;
        }

ul#maintopics li.dropdown {
 list-style:none;
 margin:0;
 padding:6px 8px 6px 12px;
 background-color:rgb(204,204,204);
 border-bottom:5px solid white;
}

ul#maintopics a.lihomemaintopics {
 display:block;
 margin:0;
 padding:3px 8px 3px 12px;
 background-color:rgb(204,204,204);
 text-decoration:none;
 font-weight:bold;
 }

ul#maintopics a.lihomemaintopics:link {color:black;}
ul#maintopics a.lihomemaintopics:visited {color:black;}
ul#maintopics a.lihomemaintopics:hover {color: black; background-color:rgb(255,161,0);}
ul#maintopics a.lihomemaintopics:active {color: black; background-color:rgb(255,161,0);}

select {
 margin:0;
 font-size:1em;
 border:1px solid #666666;
 width:20em;
}

#infobox {
 background-color:rgb(204,204,204);
 margin:5px 0px 0px 210px;
 padding:5px 0 6px 12px;
 font-size:0.85em;
 text-align:left;
}

#infobox a { color:black; }
#infobox a:visited { color:black; }
#infobox a:hover { color:rgb(167,25,48); }  /* Sekundaerfarbe WSV S6 */
#infobox a:active { color:rgb(167,25,48); }  /* Sekundaerfarbe WSV S6 */

#footer {
 background-color:white;
 height:50px;
}
#bmvbs {
 float:left;
 width:208px;
 padding:0 0 0 45px;
}

#logobmvbs {
 border:0;
}

#copyright {
 float:right;
 text-align:right;
 padding:10px 10px 0 0;
 font-size:0.8em;
 color:rgb(102,102,102);
 line-height:1.3em;
}
#copyright a:link { color:rgb(102,102,102); }
#copyright a:visited { color:rgb(102,102,102); }
#copyright a:hover { color:rgb(255,161,0); }
#copyright a:active { color:rgb(255,161,0); }

.withoutstyles {
                display:none;
}


/* neu Ende


/* Inhalt fuer die Vorlage Standard_small_window */
#globalstandard { margin:6px; }

#globalcontent {
  clear:left;
  margin:0 4px 0 4px;
  padding:0;
}

#globalcontent h1.withoutstyles,
#globalcontent h2.withoutstyles,
#globalcontent h3.withoutstyles {display:none;}

#content {
  width:auto;
  text-align:left;
  padding:4px;
  margin:0 0 0 25%;
  height:auto;
}

#content h1 { margin-top:0px; }


#footnavi {
 margin:4px 0 5px 0;
 padding:0;
 color:rgb(102,102,102); /*WSV S2 */
 text-align:center;
 font-size:0.85em;
 clear:both;
}

#footnavi a:link { color:rgb(102,102,102); }    /*WSV S2 */
#footnavi a:visited {color:rgb(102,102,102); } /*WSV S2 */
#footnavi a:hover {color:rgb(255,161,0); }   /*WSV S8 */
#footnavi a:active {color:rgb(255,161,0); } /*WSV S8 */
#footnavi span.printnonedisplay { display:inline; }

#foot hr.withoutstyles,
#foot span.withoutstyles,
#footnavi h1.withoutstyles,
#footnavi h2.withoutstyles,
#footnavi h3.withoutstyles {display:none;}

/* Stile fuer die Sitemaps */
#sitemap { margin:0px; padding:0px; list-style-type:none; }

#sitemap li { padding:1px 2px 1px 0px; }

#sitemap li.ebene1 { margin:30px 0px 10px 0px; list-style:none; }
#sitemap a.ebene1 { font-size:1.2em; }
#sitemap li.ebene2 { margin:1px 0px 1px 30px; list-style-image:url("../../Grafiken/icons/sitemap_ebene01.gif"); }
#sitemap li.ebene3 { margin:1px 0px 1px 60px; list-style-image:url("../../Grafiken/icons/sitemap_ebene02.gif"); }
#sitemap li.ebene4 { margin:1px 0px 1px 90px; list-style-image:url("../../Grafiken/icons/sitemap_ebene03.gif"); }
#sitemap li.ebene5 { margin:1px 0px 1px 120px; list-style-image:url("../../Grafiken/icons/sitemap_ebene04.gif"); }
#sitemap li.ebene6 { margin:1px 0px 1px 150px; list-style-image:url("../../Grafiken/icons/sitemap_ebene05.gif"); }
#sitemap li.ebene7 { margin:1px 0px 1px 180px; list-style-image:url("../../Grafiken/icons/sitemap_ebene06.gif"); }

#sitemap span.withoutstyles {display:none;}

html { margin:0px; padding:0px; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size:100.01%; color:rgb(0,0,0); }
body { margin:0px; padding:0px; font-size:0.8em; background-color: rgb(255,255,255); }
pre, tt { font-family:Courier New,Courier,Serif,monospace; color:rgb(14,54,62); }
tt { font-weight:bold; }
table, pre, input, select {font-size:100%;}
textarea { font-size:100%; font-family:Verdana,Arial,Helvetica,Sans-Serif; }

/* Gestaltung der "Wasser- und Schifffahrtsverwaltung des Bundes" */
/* ist nur auf den Dienststellensites im Kopf sichtbar */
a.wsvlink:link { color:rgb(10,82,169); text-decoration:none; }
a.wsvlink:visited { color:rgb(10,82,169); text-decoration:none; }
a.wsvlink:hover { color:rgb(255,159,0); text-decoration:underline; }
a.wsvlink:active { color:rgb(120,172,235); text-decoration:underline; }

/* Gestaltung aller "Brotkruemel" Leiste */
td.kruemel { font-size:0.8em; color:rgb(255,255,255); background-color:rgb(10,82,169); }
a.kruemelweiss:link { color:rgb(255,255,255); }
a.kruemelweiss:visited { color:rgb(255,255,255); }
a.kruemelweiss:hover { color:rgb(120,172,235); }
a.kruemelweiss:active { color:rgb(255,255,255); }

/* Festlegung der Schriftart fuer "h1"..."h6" */
h1 { font-size:1.3em; }
h2 { font-size:1.25em; }
h3 { font-size:1.2em; }
h4 { font-size:1.15em; }
h5 { font-size:1.1em; }
h6 { font-size:1.0em; }

abbr, acronym { border-bottom:1px dotted rgb(10,82,169); cursor: help; }

/* Gestaltung aller "normalen" Links */
a:link { color:rgb(0,0,0); }
a:visited { color:rgb(0,0,0); }
a:hover/*WSV S8*/ { color:rgb(255,161,0); }
a:active /*WSV S8*/ { color:rgb(255,161,0); }

/* Focusierter Menueeintrag */
.focusedmenueitem {  background-color:rgb(203,214,232); height:30px; }