/*

Wir legen sehr viel Wert auf Behindertengerechte Gestaltung der Seiten und haben deshalb diese Seite barrierefrei gestaltet.
Layout und Inhalt sind getrennt. Die Struktur dieser Seite wird durch Cascarding Style Sheets erzeugt 

(c) Sehen-Design 2003 

*/

/*
  allgemeine Angaben des CSS2-Styles
*/

body {
  background-color: white;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
}
ol, td, div {
  font-family: verdana, arial, helvetica, sans-serif;
  color: black;
}
ul, li {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  font-family: verdana, arial, helvetica, sans-serif;
  color: black;
  font-size: 1em;
}
img {
  border: 0px;
}
a:active, a:visited, a:link {
  text-decoration: none;
  color: #25335A;
}
a:hover {
  text-decoration: underline;
  color: #25335A;
}
h1 {
  font-size: 1.5em;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}


/*
  ab hier wird das komplette obere Menü definiert
*/

.headnav_image {
  float: left;
  padding: 0px;
}
.headnav_linie {
  background-color: black;
  float: left;
}
.headnav_linie2 {
  background-color: #25335A;
  float: left;
}
.headnav_schatten {
  background: url(../images/schatten_rechts.jpg);
  background-repeat: repeat-y;
  float: left;
}
.headnav {
  float: left;
  font-weight: bold;
  background: url(../images/menue_hintergrund_passiv.jpg);
  background-repeat: repeat-x;
  background-color: #4C4C4C;
  display: block;
  width: 78px;
  font-size: 11px;
  border-top: 1px solid black;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  text-decoration: none;
  color: black;
}
.headnav a:active, .headnav a:visited, .headnav a:link {
  color: black;
  text-decoration: none;
}
.headnav a:hover {
  color: black;
  text-decoration: none;
}
.headnav_aktiv {
  color: white;
  float: left;
  font-weight: bold;
  background-color: #25335A;
  display: block;
  width: 86px;
  font-size: 11px;
  border-top: 1px solid black;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.headnav_aktiv a:link, .headnav_aktiv a:active, .headnav_aktiv a:visited {
  color: white;
  text-decoration: none;
}
.headnav_aktiv a:hover {
  color: white;
  text-decoration: none;
}
.headnav_aktiv_start {
  color: white;
  float: left;
  font-weight: bold;
  background-color: #25335A;
  display: block;
  width: 75px;
  font-size: 11px;
  border-top: 1px solid black;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.headnav_aktiv_soft {
  color: white;
  float: left;
  font-weight: bold;
  background-color: #25335A;
  display: block;
  width: 88px;
  font-size: 11px;
  border-top: 1px solid black;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.headnav_aktiv_soft a:link, headnav_aktiv_soft a:active, .headnav_aktiv_soft a:visited, .headnav_aktiv_start a:link, .headnav_aktiv_start a:visited, headnav_aktiv_start a:active {
  color: white;
  text-decoration: none;
}

/*
  Leiste unterhalb des oberen Menüs
  willkommen - erster Teil
  willkommen2 - zweiter Teil mit History
*/

.willkommen {
  background-color: #25335A;
  color: white;
  font-size: 11px;
  border-bottom: 1px solid black;
  padding-top: 2px;
  padding-left: 0px;
  padding-bottom: 2px;
  width: 153px;
  float: left;
}
.willkommen2 {
  background-color: #25335A;
  color: white;
  font-size: 11px;
  border-bottom: 1px solid black;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 635px;
  float: left;
}
.willkommen2 a:link, .willkommen2 a:visited, .willkommen2 a:active {
  color: white;
}
.willkommen2 a:hover{
  text-decoration: underline;
}

/*
  Menü links mit Hover-Effekt
*/

.menu_bg {
  background-image: url(../images/menue_oben.jpg); 
  background-repeat: no-repeat;
  vertical-align: top;
  width: 152px;
}
.menu_ueberschrift {
  font-weight: bold;
  font-size: 9px;
  color: #25335A;
  background-image: url(../images/menue_hauptpunkt.gif); 
  background-repeat: no-repeat;
  padding-left: 12px;
  padding-bottom: 2px;
  width: 135px;
}
.menu_link {
  font-size: 9px;
  font-weight: bold; 
  padding-top: 2px;
  padding-bottom: 2px;
  color: #25335A;
  width: 135px;
}
.menu_link a:active, .menu_link a:visited, .menu_link a:link {
  color: #25335A;
  padding-left: 20px;
  background-image: url(../images/menue_passiv.gif); 
  background-repeat: no-repeat;
  background-position: 10px 3px;
  text-decoration: none;
}
.menu_link a:hover {
  padding-left: 20px;
  color: #25335A;
  background-image: url(../images/menue_aktiv.gif); 
  background-repeat: no-repeat;
  background-position: 10px 3px;
  text-decoration: none;
}
.menu_link_aktiv {
  font-size: 9px;
  font-weight: bold; 
  padding-top: 2px;
  padding-bottom: 2px;
  color: #25335A;
  width: 135px;
}
.menu_link_aktiv a:active, .menu_link_aktiv a:visited, .menu_link_aktiv a:link {
  color: #25335A;
  padding-left: 20px;
  background-image: url(../images/menue_aktiv.gif); 
  background-repeat: no-repeat;
  background-position: 10px 3px;
  text-decoration: none;  
}
.menu_link_aktiv a:hover {
  color: #25335A;
  text-decoration: none;
}

/*
  Submenü mit Hover-Effekt
*/

.submenu_ueberschrift {
  font-weight: bold;
  font-size: 9px;
  color: #25335A;
  background-image: url(../images/menue_subpunkt.gif); 
  background-repeat: no-repeat;
  padding-left: 12px;
  padding-bottom: 2px;
  width: 93px;
}
.submenu_kein_eintrag {
  font-size: 9px;
  color: black;
  font-style: italic;
}
.submenu_verlauf {
  width: 1px;
  height: 100%; 
  vertical-align: top;
  padding: 0px;
}
.submenu {
  width: 108px;
  height: 100%;
  vertical-align: top; 
  color: #25335A
}
.submenu_link {
  font-size: 9px;
  font-weight: bold; 
  padding-top: 2px;
  padding-bottom: 2px;
  color: #25335A;
  width: 93px;
}
.submenu_link a:active, .submenu_link a:visited, .submenu_link a:link {
  color: #25335A;
  padding-left: 20px;
  background-image: url(../images/menue_passiv.gif); 
  background-repeat: no-repeat;
  background-position: 10px 3px;
  text-decoration: none;
}
.submenu_link a:hover {
  padding-left: 20px;
  color: #25335A;
  background-image: url(../images/menue_aktiv.gif); 
  background-repeat: no-repeat;
  background-position: 10px 3px;
  text-decoration: none;
}
.submenu_link_aktiv {
  font-size: 9px;
  font-weight: bold; 
  padding-top: 2px;
  padding-bottom: 2px;
  color: #25335A;
  width: 93px;
}
.submenu_link_aktiv a:active, .submenu_link_aktiv a:visited, .submenu_link_aktiv a:link {
  color: #25335A;
  padding-left: 20px;
  background-image: url(../images/menue_aktiv.gif); 
  background-repeat: no-repeat;
  background-position: 10px 3px;
  text-decoration: none;  
}
.submenu_link_aktiv a:hover {
  color: #25335A;
  text-decoration: none;
}
.verlauf_schatten {
  height: 100%;
  background-image: url(../images/schatten.jpg); 
  background-repeat:repeat-y; 
  padding: 0px;
  vertical-align: top;
  border: 0px;
  width: 6px;
}

/*
  Formulareingaben
*/

form {
  font-size: 1em;
  font-family: verdana, arial, helvetica, sans-serif;
  margin-bottom: 0px;
  margin-top: 0px;
}
.feld {
  background-color: white;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid black;
  font-family: verdana, arial, helvetica, sans-serif;
  height: 18px;
  background-image: url(../images/form_rand.jpg); 
  background-repeat: no-repeat;
  vertical-align: middle;
}	
.button {    
  background-color: white;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid #25335A;
  font-family: verdana, arial, helvetica, sans-serif;
  height: 18px;
  vertical-align: middle;
}
.button2 {    
  background-color: white;
  font-size: 0.75em;
  font-weight: bold;
  border: 1px solid #25335A;
  font-family: verdana, arial, helvetica, sans-serif;
  vertical-align: middle;
}
.textarea {
  background-color: white;
  font-size: 1em;
  font-weight: bold;
  border: 1px solid black;
  width: 500px;
  height: 150px;
  font-family: verdana, arial, helvetica, sans-serif;
  background-image: url(../images/form_rand.jpg); 
  background-repeat: no-repeat; 
}

/*
  Content-Bereich mit Definitionen der Tabellen
*/

.content_table {
  padding: 0px;
  border: 0px;
  height: 410px;
  color: black;
  width: 793px;
}
.content_abstand_rest {
  width: 3px; 
  height: 100%; 
  background-image: url(../images/content_hintergrund_3pixel.jpg);  
  background-repeat: repeat-x; 
}
.content {
  padding-top: 19px;
  font-size: 0.75em;
  width: 513px; 
  height: 100%; 
  vertical-align: top; 
  background-image: url(../images/content_hintergrund.jpg); 
  background-repeat: no-repeat;
  background-position: top left;
}
.content_schatten {
  background: url(../images/schatten_rechts.jpg);
  background-repeat: repeat-y;
}
.tabelle {
  font-size: 1em;
}
.tabelle_2_oben_links {
  width: 10px;
  height: 15px;
  background-image: url(../images/content_links.gif); 
  background-repeat: no-repeat;  
}
.tabelle_2_oben_mitte {
  height: 15px;
  background-color: #25335A;
  color: white;
  font-size: 1em;
  font-family: verdana, arial, helvetica, sans-serif;  
  margin-left: 2px;
}
.tabelle_2_oben_rechts {
  width: 10px;
  height: 15px;
  background-image: url(../images/content_rechts.gif); 
  background-repeat: no-repeat; 
}
.tabelle_2_mitte_links {
  width: 10px;
  background-image: url(../images/content_links_linie.gif);
  background-repeat: repeat-y;
}
.tabelle_2_mitte_mitte {
  margin-left: 2px;
}
.tabelle_2_mitte_rechts {
  width: 10px;
  background-image: url(../images/content_rechts_linie.gif);
  background-repeat: repeat-y;
}
.tabelle_2_unten_links {
  width: 10px;
  height: 1px;
  background-color: #25335A;
}
.tabelle_2_unten_mitte {
  height: 1px;
  background-color: #25335A;
}
.tabelle_2_unten_rechts {
  width: 10px;
  height: 1px;
  background-color: #25335A;
}
.tabelle_2_oben_mitte a:link, .tabelle_2_oben_mitte a:active, .tabelle_2_oben_mitte a:visited {
  color: white;
}
.anleser_tabelle_links {
  background: url(../images/anleser_tabelle_bg.gif);
  width: 4px;
}
.anleser_tabelle_oben {
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: white; 
  background-color: #243553;
  width: 496px;
  font-family: Verdana, Herlvetica, sans-serif;
  font-size: 0.75em;
}
.anleser_tabelle_unten {
  padding-left: 3px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-right: 6px;
  color: black; 
  background-color: #A9B4D0;
  width: 496px;
  font-family: Verdana, Herlvetica, sans-serif;
  font-size: 0.75em;
  text-align: right;
}
.anleser_tabelle_anleser {
  padding-left: 3px;
  padding-top: 2px;
  background-color: #DCDCEA;
  font-family: Verdana, Herlvetica, sans-serif;
  font-size: 0.75em;
  vertical-align: top;
  padding-right: 3px;
  padding-bottom: 2px;
}
.anleser_tabelle_katbild {
  background-color: #C3C3D5; 
  vertical-align: top;
  font-size: 0.75em;
  font-family: Verdana, Herlvetica, sans-serif;
}

/*
  Ende der Seite
*/
.copyright {
  font-size: 0.7em;
  width: 154px;
  height: 60px;
  color: #25335A;
  text-align: center;
  vertical-align: bottom;
  padding-bottom: 3px;
}
.copyright a:link, .copyright a:active, .copyright a:visited {
  color: #25335A;
}
.druck_schick {
  width: 628px;
  height: 60px;
  text-align: center;
  vertical-align: top;
  font-size: 0.7em;
}
.unten_linie {
  height: 1px;
  background-color: black;
}