﻿/* Styleangaben fuer die Website www.WSV.de */

/*public styles*/

/* Styles fuer 'gestreifte' Datentabellen */

table.coloredtable { border-collapse:collapse; }

.coloredtablecell {margin:0px; padding:4px 14px; text-align:left; color:black; border:1px solid rgb(255,255,255);}

tr.coloredtablehead { background-color:rgb(153,191,194); border-bottom:10px solid rgb(255,255,255);}
tr.coloredtablerow1 { background-color:rgb(204,204,204); }
tr.coloredtablerow1:hover { background-color:rgb(139,139,139); }
tr.coloredtablerow2 { background-color:rgb(235,235,235); }
tr.coloredtablerow2:hover { background-color:rgb(139,139,139); }

/* Gestaltung aller "Tabellenkopfzeilen" Links */
a.coloredtablehead:link { color:rgb(0,0,0); }
a.coloredtablehead:visited { color:rgb(0,0,0); }
a.coloredtablehead:hover{ color:rgb(255,255,255);  }
a.coloredtablehead:active { color:rgb(255,255,255); }

/*Downloadtabelle CD-Toolbox*/
.download {        line-height: 1.8em; }

 /*Listen/Aufzaehlungen*/
ul, li{ marker-offset:0.95em; line-height:160%;}
.anstrich {list-style-image:url("../../Grafiken/icons/liste_anstrich.gif"); }
/*Listen*/
.horizontal {display: inline; list-style-type: none;  padding-right: 1.25em;}
.none{list-style-type:none;}
/*wsd-s*/
.rotrechteck {list-style-image:url("../../Grafiken/icons/rechteck_rot.gif"); }
.blaurechteck {list-style-image:url("../../Grafiken/icons/rechteck_blau.gif"); }
/*wsa-sw*/
.gruenrechteck {list-style-image:url("../../Grafiken/icons/rechteck_gruen.gif"); }

/*Trennlinien*/
.hrli {color:rgb(0,0,0); height:1px; border:solid 1px;}
.hrwsvblau {color:rgb(88,145,153); height:1px; border:solid 1px;} /*WSV A3*/
.hrli2 {color:rgb(21,101,112); height:1px; border:solid 1px;}  /*WSV A2*/
.leiste {color:rgb(119,36,50); height:2px; border:solid 1px;}  /*wsd-s- WSV S5*/
.hrgruen {color:rgb(133,135,5); height:2px; border:solid 1px;} /*wsa-sw- WSV A8*/

/*allg*/
.b1 {border-collapse:collapse;}
.b2 /*WSV S2*/ {border-left:dotted 1px rgb(102,102,102); border-right:dotted 1px rgb(102,102,102); border-bottom:dotted 1px rgb(102,102,102); padding:6px;}
.b3 /* WSV S2*/{border-left:solid 1px rgb(102,102,102); border-right:solid 1px rgb(102,102,102);padding:4px 4px 4px 4px;}
.b4 /*WSV Blau A2*/{border:solid 1px rgb(21,101,112);padding:6px;  border-collapse:collapse;}

.b5 {border:solid 1px rgb(0,0,0);padding:6px; border-collapse:collapse;}/*Tabellen*/
.b6 {padding:4px;}
.b7 {border:dashed 1px rgb(0,0,0);}
.b8 {border:solid 1px rgb(255,255,255); padding:6px; border-collapse:collapse;}
.b9 {border:solid 1px rgb(0,0,0);}/*schwarzer Rahmen z. B. für Bilder*/
.b10 {border:solid 1px rgb(154,154,154);}/*grauer Rahmen z. B. für Bilder*/

/* Farben aus dem WSV-Corporate-Design-Farben (als Schrift- bzw. als Hintergrund*/
.c1 {color:rgb(0,34,68);} /*WSV Blau A1*/
.c2 {color:rgb(250,250,250); } /*hellgrau*/
.c3 {color:rgb(204,204,204); }/*WSV S4*/
.c4 {color:rgb(21,101,112); } /*WSV A2*/
.c5 {color:rgb(255,161,0); }/*WSV S8*/
.c6 {color:rgb(123,164,217); } /*WSV A5*/
.c7 {color:rgb(119,36,50); } /*WSV S5*/
.c8 {color:rgb(167,25,48); } /*WSV S6*/
.c9 {color:rgb(245,70,65); } /*WSV S7/*/
.c10 {color:rgb(88,145,153); } /*WSV A3*/
.c11 {color:rgb(153,191,194); } /*WSV A4*/
.c12 {color:rgb(250,120,70); } /*WSV A6*/
.c13 {color:rgb(186,212,5); } /*WSV A7*/
.c14 {color:rgb(133,135,5); } /*WSV A8*/
.c15 {color:rgb(51,51,51); } /*WSV S1*/
.c16 {color:rgb(102,102,102); } /*WSV S2*/
.c17 {color:rgb(153,153,153); } /*WSV S3*/

.f1 {background-color:rgb(0,34,68);} /*WSV Blau A1*/
.f2 {background-color:rgb(250,250,250); } /*hellgrau*/
.f3 {background-color:rgb(204,204,204); }/*WSV S4*/
.f4 {background-color:rgb(21,101,112); } /*WSV A2*/
.f5 {background-color:rgb(255,161,0); }/*WSV S8*/
.f6 {background-color:rgb(123,164,217); } /*WSV A5*/
.f7 {background-color:rgb(119,36,50); } /*WSV S5*/
.f8 {background-color:rgb(167,25,48); } /*WSV S6*/
.f9 {background-color:rgb(245,70,65); } /*WSV S7/*/
.f10 {background-color:rgb(88,145,153); } /*WSV A3*/
.f11 {background-color:rgb(153,191,194); } /*WSV A4*/
.f12 {background-color:rgb(250,120,70); } /*WSV A6*/
.f13 {background-color:rgb(186,212,5); } /*WSV A7*/
.f14 {background-color:rgb(133,135,5); } /*WSV A8*/
.f15 {background-color:rgb(51,51,51); } /*WSV S1*/
.f16 {background-color:rgb(102,102,102); } /*WSV S2*/
.f17 {background-color:rgb(153,153,153); } /*WSV S3*/

/* Ausrichtungen */
.links  {text-align:left;}
.rechts {text-align:right;}
.hmitte {text-align:center;}

.oben   {vertical-align:top;}
.vmitte {vertical-align:middle;}
.unten  {vertical-align:bottom;}

.u1 {border-bottom:solid 1px rgb(0,0,0);}
.u2 {border-bottom:1px solid rgb(255,255,255);}
.u3 {border-bottom:1px solid rgb(21,101,112);}/*wsvblau*/
.u4 {border-bottom:1px dashed rgb(180,180,180);}
.u5 {border-bottom:1px solid rgb(119,36,50);}/*rot*/

/* Gestaltung aller "normalen" Links */
a.link80:link { color:rgb(0,0,0); font-size:0.8em; }
a.link80:visited { color:rgb(0,0,0); font-size:0.8em; }
a.link80:hover{ color:rgb(255,161,0); font-size:0.8em; }  /*WSV S8*/
a.link80:active { color:rgb(255,161,0); font-size:0.8em; } /*WSV S8*/

/* Gestaltung von "schwarzen" Links */
a.blacklink:link { color:rgb(0,0,0); }
a.blacklink:visited { color:rgb(0,0,0); }
a.blacklink:hover{ color:rgb(255,161,0); }/*WSV S8*/
a.blacklink:active { color:rgb(255,161,0); } /*WSV S8*/


/* Gestaltung von "wei&szlig;en" Links */
a.whitelink:link { color:rgb(255,255,255); }
a.whitelink:visited { color:rgb(255,255,255); }
a.whitelink:hover { color:rgb(255,161,0); } /*WSV S8*/
a.whitelink:active{ color:rgb(255,161,0); }/*WSV S8*/


/* Gestaltung vonr "schwarzen" Links ohne underline*/
a.blackwsvlink:link {color:rgb(0,0,0); text-decoration:none;}
a.blackwsvlink:visited {color:rgb(0,0,0); text-decoration:none;}
a.blackwsvlink:hover{color:rgb(255,161,0); text-decoration:underline;} /*WSV S8*/
a.blackwsvlink:active{color:rgb(255,161,0);  text-decoration:underline;} /*WSV S8*/


/* Gestaltung aller "webmaster@wsv.de" E-Mail Links */
a.webmaster:link { color:rgb(0,0,0); }
a.webmaster:visited { color:rgb(0,0,0); }
a.webmaster:hover { color:rgb(255,161,0); } /*WSV S8*/
a.webmaster:active { color:rgb(255,161,0); }/*WSV S8*/



 /* Schriftgroeszen fuer Standartschriftart */
.normal60 { font-size:0.8em; }
.normal70 { font-size:0.85em; }
.normal80 { font-size:0.9em; }
.normal100 { font-size:1.0em; }
.normal110 { font-size:1.1em; }
.normal120 { font-size:1.2em; }
.normal150 { font-size:1.4em; }
.normal180 { font-size:1.6em; }

/* Weisse Schrift, verdschiedene Schriftgroeszen */
.weissnormal {color:rgb(255,255,255); }
.weiss70 {font-size:0.85em; color:rgb(255,255,255); }
.weiss80 {font-size:0.9em; color:rgb(255,255,255); }
.weiss120 {font-size:1.2em; color:rgb(255,255,255); }

/* Schrift in WSV blau, versch. Groeszen */
.wwwwsvblau { color:rgb(21,101,112); }    /*WSV Blau -> wichtig fuer make_gallery*/
.wsvblau { color:rgb(21,101,112); }    /*WSV Blau*/
.wsvblau60 { font-size:0.8em; color:rgb(21,101,112); } /*WSV  A2 Blau*/
.wsvblau70 { font-size:0.85em; color:rgb(21,101,112); } /*WSV  A2 Blau*/
.wsvblau80 { font-size:0.9em; color:rgb(21,101,112); } /*WSV  A2 Blau*/
.wsvblau110 { font-size:1.1em; color:rgb(21,101,112); } /*WSV  A2 Blau*/
.wsvblau120 { font-size:1.2em; color:rgb(21,101,112); }/*WSV  A2 Blau*/
.wsvblau150 { font-size:1.4em; color:rgb(21,101,112); }/*WSV  A2 Blau*/
.wsvblau180 { font-size:1.6em; color:rgb(21,101,112); } /*WSV  A2 Blau*/


/* dunkelblaue Tabellen(-kopf-)zeilen */
.dunkelblau { color:rgb(255,255,255); background-color:rgb(0,34,68); font-weight:bold; } /*WSV Blau*/

/* hellblaue Tabellenzeilen */
tr.hellblau{ background-color:rgb(123,164,217); } /*WSV A5*/

/* Link-Icons fuer orangen (WSV S8) Hintergrund */
a.amail:link {color:rgb(0,0,0); padding-left:14px; background:url("../../Grafiken/icons/icon_mail.gif") left center no-repeat transparent; font-style: italic; }
a.amail:visited {color:rgb(0,0,0);padding-left:14px; background:url("../../Grafiken/icons/icon_mail.gif") left center no-repeat transparent; font-style: italic; }
a.amail:hover/*WSV S8*/ {color:rgb(255,161,0);padding-left:14px; background:url("../../Grafiken/icons/icon_mail_w.gif") left center no-repeat transparent; font-style: italic; }
a.amail:active/*WSV S8*/ {color:rgb(255,161,0);padding-left:14px; background:url("../../Grafiken/icons/icon_mail_w.gif") left center no-repeat transparent; font-style: italic; }

a.ahome:link {color:rgb(0,0,0);padding-left: 14px; background:url("../../Grafiken/icons/icon_home.gif") left center no-repeat transparent; font-style: italic; }
a.ahome:visited {color:rgb(0,0,0);padding-left: 14px; background:url("../../Grafiken/icons/icon_home.gif") left center no-repeat transparent; font-style: italic; }
a.ahome:hover/*WSV S8*/ {color:rgb(255,255,255); padding-left: 14px; background:url("../../Grafiken/icons/icon_home_w.gif") left center no-repeat transparent; font-style: italic; }
a.ahome:active/*WSV S8*/ {color:rgb(255,255,255); padding-left: 14px; background:url("../../Grafiken/icons/icon_home_w.gif") left center no-repeat transparent; font-style: italic; }

/* Link-Icons für Seiten*/
a.aextern:link {color:rgb(0,0,0); padding-right:14px; background:url("../../Grafiken/icons/icon_outside.gif") right center no-repeat transparent;}
a.aextern:visited {color:rgb(0,0,0); padding-right:14px; background:url("../../Grafiken/icons/icon_outside.gif") right center no-repeat transparent;}
a.aextern:hover/*WSV S8*/ {color:rgb(255,161,0); padding-right:14px; background:url("../../Grafiken/icons/icon_outside.gif") right center no-repeat transparent;}
a.aextern:active/*WSV S8*/ {color:rgb(255,161,0); padding-right:14px; background:url("../../Grafiken/icons/icon_outside.gif") right center no-repeat transparent;}

a.aintern:link{color:rgb(0,0,0); padding-right:16px; background:url("../../Grafiken/icons/icon_inside.gif") right center no-repeat transparent;}
a.aintern:visited {color:rgb(0,0,0); padding-right:16px; background:url("../../Grafiken/icons/icon_inside.gif") right center no-repeat transparent;}
a.aintern:hover/*WSV S8*/ {color:rgb(255,161,0); padding-right:16px; background:url("../../Grafiken/icons/icon_inside.gif") right center no-repeat transparent;}
a.aintern:active/*WSV S8*/ {color:rgb(255,161,0); padding-right:16px; background:url("../../Grafiken/icons/icon_inside.gif") right center no-repeat transparent;}

a.mail:link {color:rgb(0,0,0); padding-left:14px; background:url("../../Grafiken/icons/icon_mail.gif") left center no-repeat transparent; font-style: italic;}
a.mail:visited {color:rgb(0,0,0); padding-left:14px; background:url("../../Grafiken/icons/icon_mail.gif") left center no-repeat transparent; font-style: italic;}
a.mail:hover/*WSV S8*/ {color:rgb(255,161,0); padding-left:14px; background:url("../../Grafiken/icons/icon_mail.gif") left center no-repeat transparent; font-style: italic;}
a.mail:active/*WSV S8*/ {color:rgb(255,161,0); padding-left:14px; background:url("../../Grafiken/icons/icon_mail.gif") left center no-repeat transparent;font-style: italic;}

a.home:link {color:rgb(0,0,0); padding-left:14px; background:url("../../Grafiken/icons/icon_home.gif") left center no-repeat transparent;font-style: italic; text-decoration: none;}
a.home:visited {color:rgb(0,0,0); padding-left:14px; background:url("../../Grafiken/icons/icon_home.gif") left center no-repeat transparent;font-style: italic; text-decoration: none;}
a.home:hover/*WSV S8*/ {color:rgb(255,161,0); padding-left:14px; background:url("../../Grafiken/icons/icon_home.gif") left center no-repeat transparent;font-style: italic; text-decoration: none;}
a.home:active/*WSV S8*/ {color:rgb(255,161,0); padding-left:14px; background:url("../../Grafiken/icons/icon_home.gif") left center no-repeat transparent;font-style: italic; text-decoration: none;}

  /* Link- PDF Icon */
a.apdf:link {padding-right:1.6em; background:url("../../Grafiken/icons/pdf_icon.gif") right center no-repeat transparent; }
a.apdf:visited {padding-right:1.6em; background:url("../../Grafiken/icons/pdf_icon.gif") right center no-repeat transparent;}
a.apdf:hover {padding-right:1.6em; background:url("../../Grafiken/icons/pdf_icon.gif") right center no-repeat transparent; }
a.apdf:active{padding-right:1.6em; background:url("../../Grafiken/icons/pdf_icon.gif") right center no-repeat transparent;}

 /* Link- Pfeil oben */
a.atop:link {padding-right:1.6em; background:url("../../Grafiken/icons/a_top.gif") right center no-repeat transparent;}
a.atop:visited {padding-right:1.6em;  background:url("../../Grafiken/icons/a_top.gif") right center no-repeat transparent;}
a.atop:hover {padding-right:1.6em; background:url("../../Grafiken/icons/a_top.gif") right center no-repeat transparent;}
a.atop:active {padding-right:1.6em;  background:url("../../Grafiken/icons/a_top.gif") right center no-repeat transparent;}

 /* Link- Pfeil unten */
a.abottom:link {padding-right:1.6em; background:url("../../Grafiken/icons/anker_bottom.gif") right center no-repeat transparent;}
a.abottom:visited {padding-right:1.6em; background:url("../../Grafiken/icons/anker_bottom.gif") right center no-repeat transparent;}
a.abottom:hover {padding-right:1.6em;background:url("../../Grafiken/icons/anker_bottom.gif") right center no-repeat transparent;}
a.abottom:active {padding-right:1.6em; background:url("../../Grafiken/icons/anker_bottom.gif") right center no-repeat transparent;}

 /* Link - zip Icon */
a.azip:link {padding-right:1.6em; background:url("../../Grafiken/icons/icon_zip.gif") right center no-repeat transparent; }
a.azip:visited {padding-right:1.6em; background:url("../../Grafiken/icons/icon_zip.gif") right center no-repeat transparent; }
a.azip:hover {padding-right:1.6em; background:url("../../Grafiken/icons/icon_zip.gif") right center no-repeat transparent; }
a.azip:active {padding-right:1.6em; background:url("../../Grafiken/icons/icon_zip.gif") right center no-repeat transparent; }

  /* Link- DOC Icon */
a.adoc:link {padding-right:1.6em; background:url("../../Grafiken/icons/doc_icon.gif") right center no-repeat transparent; }
a.adoc:visited {padding-right:1.6em; background:url("../../Grafiken/icons/doc_icon.gif") right center no-repeat transparent;}
a.adoc:hover {padding-right:1.6em; background:url("../../Grafiken/icons/doc_icon.gif") right center no-repeat transparent; }
a.adoc:active{padding-right:1.6em; background:url("../../Grafiken/icons/doc_icon.gif") right center no-repeat transparent;}

  /* Link- PPT Icon */
a.appt:link {padding-right:1.6em; background:url("../../Grafiken/icons/ppt_icon.gif") right center no-repeat transparent; }
a.appt:visited {padding-right:1.6em; background:url("../../Grafiken/icons/ppt_icon.gif") right center no-repeat transparent;}
a.appt:hover {padding-right:1.6em; background:url("../../Grafiken/icons/ppt_icon.gif") right center no-repeat transparent; }
a.appt:active{padding-right:1.6em; background:url("../../Grafiken/icons/ppt_icon.gif") right center no-repeat transparent;}

  /* Link- PPS Icon */
a.apps:link {padding-right:1.6em; background:url("../../Grafiken/icons/pps_icon.gif") right center no-repeat transparent; }
a.apps:visited {padding-right:1.6em; background:url("../../Grafiken/icons/pps_icon.gif") right center no-repeat transparent;}
a.apps:hover {padding-right:1.6em; background:url("../../Grafiken/icons/pps_icon.gif") right center no-repeat transparent; }
a.apps:active{padding-right:1.6em; background:url("../../Grafiken/icons/pps_icon.gif") right center no-repeat transparent;}

  /* Link- WMV Icon */
a.awmv:link {padding-right:1.6em; background:url("../../Grafiken/icons/icon_wmv.gif") right center no-repeat transparent; }
a.awmv:visited {padding-right:1.6em; background:url("../../Grafiken/icons/icon_wmv.gif") right center no-repeat transparent;}
a.awmv:hover {padding-right:1.6em; background:url("../../Grafiken/icons/icon_wmv.gif") right center no-repeat transparent; }
a.awmv:active{padding-right:1.6em; background:url("../../Grafiken/icons/icon_wmv.gif") right center no-repeat transparent;}

  /* Link- XLS Icon */
a.axls:link {padding-right:1.6em; background:url("../../Grafiken/icons/xls_icon.gif") right center no-repeat transparent; }
a.axls:visited {padding-right:1.6em; background:url("../../Grafiken/icons/xls_icon.gif") right center no-repeat transparent;}
a.axls:hover {padding-right:1.6em; background:url("../../Grafiken/icons/xls_icon.gif") right center no-repeat transparent; }
a.axls:active{padding-right:1.6em; background:url("../../Grafiken/icons/xls_icon.gif") right center no-repeat transparent;}

/* Link- XML Icon */
a.axml:link {padding-right:1.6em; background:url("../../Grafiken/icons/icon_xml.gif") right center no-repeat transparent; }
a.axml:visited {padding-right:1.6em; background:url("../../Grafiken/icons/icon_xml.gif") right center no-repeat transparent;}
a.axml:hover {padding-right:1.6em; background:url("../../Grafiken/icons/icon_xml.gif") right center no-repeat transparent; }
a.axml:active{padding-right:1.6em; background:url("../../Grafiken/icons/icon_xml.gif") right center no-repeat transparent;}

/* Link- mit deutscher Flagge */
a.alangde:link {padding-right:1.75em; background:url("../../Grafiken/icons/flag_de.png") right center no-repeat transparent; }
a.alangde:visited {padding-right:1.75em; background:url("../../Grafiken/icons/flag_de.png") right center no-repeat transparent;}
a.alangde:hover {padding-right:1.75em; background:url("../../Grafiken/icons/flag_de.png") right center no-repeat transparent; }
a.alangde:active{padding-right:1.75em; background:url("../../Grafiken/icons/flag_de.png") right center no-repeat transparent;}

/* Link- mit GB-Flagge */
a.alangen:link {padding-right:1.75em; background:url("../../Grafiken/icons/flag_en.png") right center no-repeat transparent; }
a.alangen:visited {padding-right:1.75em; background:url("../../Grafiken/icons/flag_en.png") right center no-repeat transparent;}
a.alangen:hover {padding-right:1.75em; background:url("../../Grafiken/icons/flag_en.png") right center no-repeat transparent; }
a.alangen:active{padding-right:1.75em; background:url("../../Grafiken/icons/flag_en.png") right center no-repeat transparent;}

/* Link- mit franzoesischer Flagge */
a.alangfr:link {padding-right:1.75em; background:url("../../Grafiken/icons/flag_fr.png") right center no-repeat transparent; }
a.alangfr:visited {padding-right:1.75em; background:url("../../Grafiken/icons/flag_fr.png") right center no-repeat transparent;}
a.alangfr:hover {padding-right:1.75em; background:url("../../Grafiken/icons/flag_fr.png") right center no-repeat transparent; }
a.alangfr:active{padding-right:1.75em; background:url("../../Grafiken/icons/flag_fr.png") right center no-repeat transparent;}

/* Link- mit tschechischer Flagge */
a.alangcz:link {padding-right:1.75em; background:url("../../Grafiken/icons/flag_cz.png") right center no-repeat transparent; }
a.alangcz:visited {padding-right:1.75em; background:url("../../Grafiken/icons/flag_cz.png") right center no-repeat transparent;}
a.alangcz:hover {padding-right:1.75em; background:url("../../Grafiken/icons/flag_cz.png") right center no-repeat transparent; }
a.alangcz:active{padding-right:1.75em; background:url("../../Grafiken/icons/flag_cz.png") right center no-repeat transparent;}

/* Link- mit polnischer Flagge */
a.alangpl:link {padding-right:1.75em; background:url("../../Grafiken/icons/flag_pl.png") right center no-repeat transparent; }
a.alangpl:visited {padding-right:1.75em; background:url("../../Grafiken/icons/flag_pl.png") right center no-repeat transparent;}
a.alangpl:hover {padding-right:1.75em; background:url("../../Grafiken/icons/flag_pl.png") right center no-repeat transparent; }
a.alangpl:active{padding-right:1.75em; background:url("../../Grafiken/icons/flag_pl.png") right center no-repeat transparent;}

/* Schrift fuer Fehler- und Ok-Meldungen */
.error {color:rgb( 167,25,48);} /*WSV  S6*/
.ok {color:rgb( 133,135,5);}  /*WSV A8*/

/* Tide-Button*/
/*ul.tidebutton { list-style-type:none; margin:0; padding:0; }
li.tidebutton { margin:0; padding:0; } */
a.tidebutton { width:18px; height:15px; padding:0; margin:0; text-decoration:none; display:block; background-image:url("../../Grafiken/icons/button_ganglinie.gif"); }
a.tidebutton:visited { width:18px; height:15px; padding:0; margin:0; text-decoration:none; display:block; background-image:url("../../Grafiken/icons/button_ganglinie.gif"); }
a.tidebutton:hover { width:18px; height:15px; padding:0; margin:0; text-decoration:none; display:block; background-image:url("../../Grafiken/icons/button_ganglinie_over.gif"); }
a.tidebutton:active { width:18px; height:15px; padding:0; margin:0; text-decoration:none; display:block; background-image:url("../../Grafiken/icons/button_ganglinie.gif"); }
/* layout and design styles*/
/* neu-Anfang */

/* Anordnung für Bilder*/
/* Bildercontainer*/
.box{
width:90%;
}

.bildbox {
float: left;
}

/* Bild rechtsstehend*/
.bildrechts {
float: right;
width:300px;
margin: 0px 0px 10px 10px;
font-size: 0.9em;
font-style: italic ;/*Bildunterschrift*/
text-align: right;
}

/* Bild linkssstehend*/
.bildlinks {
float: left;
width:300px;
margin: 0px 10px 10px 0px;
font-size: 0.9em;
font-style: italic ;/*italicBildunterschrift*/
}

/* Bilderreihe*/
.bildreihe {
float: left;
width: 220px;
margin: 0px 10px 10px 0px;
font-size: 0.9em;
font-style: italic; /*Bildunterschrift*/
}

/* Textausrichtung oben für Bilderreihe*/
p.textoben{
margin-top:0px;
}

/* Umbruch für Bilderreihe*/
.textfluss{
 clear:both;
}


.bodybackground {
  background-color:rgb(255,255,255);
}

.withoutstyles
 {display:none;}

#linksoben {
 float:left;
 background-color:white;
 width:16.1em;
 margin:0;
}

div.trenner {
 clear:both;
 width:100%;
 margin:0;
 padding:0;
 line-height:0.1em;
}

#linksunten {
 float:left;
 background-color:white;
 width:16.1em;
 margin:0;
}

#logo {
 margin: 1.6em 0 0 4.48em;
}

/* --------------Menue links - Ebene hoeher------------ */
ul#levelup {
 padding:0;
 margin:0;
 list-style:none;
 width:16.1em;
}

ul#levelup li {
 list-style: none;
 margin: 0;
 padding: 0;
 border-bottom:1.0em solid white;
}


ul#levelup a.levelup {
 display:block;
 margin:0;
 padding:0.3125em 0.5em 0.25em 3.5em;
 background-color:rgb(204,204,204);
 background-image:url("../../Grafiken/icons/level_up.gif");
 background-repeat:no-repeat;
 background-position:0.3125em 0.3125em;
 text-decoration:none;
 font-weight:normal;
 font-size:0.85em;
}

ul#levelup a.levelup:link { color:black; }
ul#levelup a.levelup:visited { color:black; }
ul#levelup a.levelup:hover { color: black; background-color:rgb(204,204,204); background-image:url("../../Grafiken/icons/level_up_active.gif"); background-repeat: no-repeat; }
ul#levelup a.levelup:active { color: black; background-color:rgb(204,204,204); background-image:url("../../Grafiken/icons/level_up_active.gif"); background-repeat: no-repeat; }

/* --------------Ende Menue links - Ebene hoeher------------ */

ul#menue {
 padding:0;
 margin:0;
 list-style:none;
 width:16.1em;
}

ul#menue li {
 list-style: none;
 margin:0;
 padding:0;
 border-bottom:0.35em solid white;
}

ul#menue a.menueitemfocused {
 display:block;
 margin:0;
 padding:0.32em 0 0.3em 0.5em;
 text-decoration:none;
 color:black;
 background-color:rgb(255,161,0);
 font-weight:bold;
}

ul#menue a.menueitemtitle {
 display:block;
 margin:0;
 padding:0.32em 0.5em 0.3em 0.5em;
 background-color:rgb(204,204,204);
 text-decoration:none;
 font-weight:bold;
}

ul#menue a.menueitemtitle:link { color:black; }
ul#menue a.menueitemtitle:visited { color:black; }
ul#menue a.menueitemtitle:hover { color: black; background-color:rgb(255,161,0); }
ul#menue a.menueitemtitle:active { color: black; background-color:rgb(255,161,0); }
/* --------------Ende Menue ------------ */


/* --------------Untermenue links - Folgeseiten------------ */
ul#menueitemsubtitle {
 padding:0.325em 0 0.325em 0;
 margin:0.32em 0 0 0;
 list-style:none;
 background-color:rgb(204,204,204);
 width:16.1em;
}

ul#menueitemsubtitle li {
 list-style: none;
 margin:0;
 padding:0 0 0 0.625em;
 border:0;
 width:15.45em;
}

ul#menueitemsubtitle a.menueitemsubtitle {
 display:block;
 margin:0;
 padding:0.35em;
 background-color:rgb(204,204,204);
 text-decoration:none;
 font-weight:normal;
}

ul#menueitemsubtitle a.menueitemsubtitle:link { color:black; }
ul#menueitemsubtitle a.menueitemsubtitle:visited { color:black; }
ul#menueitemsubtitle a.menueitemsubtitle:hover { color: white; background-color:rgb(153,153,153); }
ul#menueitemsubtitle a.menueitemsubtitle:active { color: white; background-color:rgb(153,153,153); }

/* --------------Ende Menue links - Startseite------------ */


/* --------------Suche ------------ */

#suche {
 margin:0 0 0 0;
 padding:0.1em 0.1em 0 0;
}

#suche input.eingabesuche {
 margin:0.2em 0 0.1em 0.5em;
 width:9.5em;
 background-color:rgb(250,250,250);
 border:1px solid rgb(51,51,51);
 font-size:0.85em;
 height:19px;
 vertical-align:bottom;
}

#suche input.button {
 margin:0.2em 0 0.1em 0.2em;
 vertical-align:bottom;
}

.suchformular{
 background-color:rgb(204,204,204);
 border-right:1px solid white;
 margin-top:0.7em;
 padding-top:0.35em;
 padding-bottom:0.35em;
}

/* --------------Ende Suche ------- */


#maincontent {
                margin:0 0 0 16.4062em;
                padding:10px;
}


#header {
                margin:0 0 0 16.4062em;
                height:9.25em;
                background-color:rgb(204,204,204);
                background-image:url('../../Grafiken/icons/raster2.jpg');
                background-repeat:no-repeat;
                background-position:right 0;
                border-bottom:0.5em solid white;
}

/* nur fuer IE (unterer Rand etwas weniger) */
* html #header {
   margin:0 0 0 16.200em;
  }

#headerleft {
                float:left;
                height:8.75em;
                background-color:rgb(204,204,204);
                margin:0;
                padding:0 0 0.5em 0;
}

/* nur fuer IE und IE mac 5.x verstecken. \*/
* html #headerleft {
                height:9.25em;
}
/* Ende von IE5/mac verstecken*/



#jump {
                font-size:0.85em;
                padding:1em 0.6em 0 1.2em;
}

#dienststelle {
                font-size:1.3em;
                padding:1.5em 0.3em 0 0.75em;
}

#pagetitle {
                float:left;
                font-size:1.3em;
                padding:0;
                margin:5.45em 0 0 -20.95em;
}

#date {
                height:1.5625em;
                background-color:transparent;
                float:right;
                text-align:right;
                white-space:nowrap;
                vertical-align:bottom;
                padding:8.85em 0.95em 0 0;
                font-size:0.8em;
}

#nav {
                padding:0 0 0.35em 0;
                margin:0 0 0.3em 16.4062em;
                background-color:rgb(102,102,102);
}


/* Button-Navigation oben*/

#buttonnav {
                margin:0;
                padding:0 0.95em 0 0;
                float:right;
                font-size:0.8em;
                background-color:rgb(102,102,102);
                height:1.95em;

}

#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:0.4em 0 0 0.8em;
                height:1.95em;
                width:1.95em;
}

#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.pics70 { background-image:url("../../Grafiken/icons/bitv_ls.gif"); }
#buttonnav ul li a.pics80 { background-image:url("../../Grafiken/icons/bitv_gv.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.pics70:hover { background-image:url("../../Grafiken/icons/bitv_ls_active.gif"); }
#buttonnav ul li a.pics80:hover { background-image:url("../../Grafiken/icons/bitv_gv_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"); }
#buttonnav ul li a.pics70:active { background-image:url("../../Grafiken/icons/bitv_ls_active.gif"); }
#buttonnav ul li a.pics80:active { background-image:url("../../Grafiken/icons/bitv_gv_active.gif"); }


#kruemelnav {
 margin:0 9.375em 0 0;
 padding:0.45em 0 0.375em 1.2em;
 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(255,161,0); }
#kruemelnav a.kruemelweiss:active { color:rgb(255,161,0);}



#footer{
 background-color:white;
 text-align:center;
 font-size:0.8em;
 margin:1.25em 0 1.5em 0;
 color:rgb(102,102,102);
 line-height:1.5em;
}

#footer a { color:rgb(102,102,102); }
#footer a:visited { color:rgb(102,102,102); }
#footer a:hover { color:rgb(255,161,0); }
#footer a:active { color:rgb(255,161,0);}
#footer span.dateinfo { padding:0 1.0em 0 0; }   /* Abstand zwischen Datums- und Copyright-Info */

/* Stile fuer die Sitemaps */
#sitemap { margin:0px; padding:0px;}

#sitemap ul { list-style-type:none;marker-offset:0.95em; }
#sitemap li { padding:1px 2px 1px 0px; line-height:160%; }

#sitemap li.ebene1 { margin:10px 0px 10px 0px; list-style:none;}
#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 a.ebene1 { font-size:1.1em; font-weight:bold; color:rgb(21,101,112); }/* WSV A2 */


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(88,145,153); text-decoration:none; }
a.wsvlink:visited { color:rgb(88,145,153); 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; }
.b { font-weight:bold; }

/* 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; }

/* spezielle Stile fuer Leichte Sprache (BITV) */
.bitv_ls_headline { font-size:1.7em; font-weight:bold; line-height:1.6em; margin-top:2.0em; }
.bitv_ls_headline2 { font-size:1.5em; font-weight:bold; line-height:1.5em; margin-top:2.0em; }
.bitv_ls_text_normal { font-size:1.3em; font-weight:normal; line-height:1.5em; color: rgb(100,100,100); }
.bitv_ls_text_fett { font-weight:bold; }
.bitv_ls_text_bild { font-size:1.2em; font-weight:normal; line-height:1.0em; color: rgb(100,100,100); }

a.bitv_ls_url:link { color:rgb(14,71,118); font-weight:bold; text-decoration:underline; }
a.bitv_ls_url:visited { color:rgb(14,71,118); font-weight:bold; text-decoration:underline; }
a.bitv_ls_url:hover { color:rgb(255,161,0); font-weight:bold; text-decoration:underline; }
a.bitv_ls_url:active { color:rgb(255,161,0); font-weight:bold; text-decoration:underline; }

/* spezielle Stile fuer FPI-Applikation */
.fpi_InhaltContainerHead {clear: both; background: #CCCCCC; border-color: #CCCCCC; border-width: 1px; border-style: solid; padding: 5; }
.fpi_InhaltContainer { border-color: #CCCCCC; border-width: 1px;	border-style: solid; }
.fpi_Inhalt1 { float: left; padding-left: 5px; }
.fpi_Inhalt2 { clear: left; padding: 5px; }