/* Basis für alle Seiten */

body {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #000000;
  color: #999999;
  overflow: auto;
  width: 850px;
  margin: 85px 0 0 30px;
  box-shadow: #808080
}
/* Seitenüberschrift im Rahmen */

fieldset {
  border: 1px solid;
  color: #999999;
}

legend {
  padding: 0.2em 2.2 em;
  color: #999999;
  font-size: 125%;
  text-align: right;
}

p, h1, button{
  border: 0;
  margin: 0;
  padding: 0;
}
#form{
  width: 730px;
  margin: 5px 0 0 5px;
  border: 0;
  padding: 0;

}

 h2{
  color: #999999;
  font-size:18  px;
  font-weight: normal;
  padding-left: 0px;
}
 h3{
  color: #999999;
  font-size:16 px;
  font-weight: normal;
  padding-left: 0px;
}
 h4{
  color: #999999;
  font-size:14  px;
  font-weight: normal;
  padding-left: 0px;
}

h5{
  color: #999999;
  font-size:12px;
  font-weight: normal;
  padding-left: 0px;
/*  border-bottom:1px groove #202020;  Rahmen nur unten als Unterstrich  */
}
h6{
  color: #666666;
  font-size:9px;
  padding-left: 20px;
}
/* Zwischenstrich */

.spacer{
  clear: both;
  height: 1px;
}
/* ----------- My Form für alle Formulare und Menus ----------- */

.my.spacerform{
  margin: 0 auto;
  width: 340px;
  padding: 10px;
}
/* ----------- stylized ist quasi wrapper für das ganze Formular oder Menu -- */

/*Navigation */

#nav {font-size:12px; color: d0d0d0; background-color: #000000; width:214px;}
#nav ul {margin:0px; padding:0px;}
#nav li {list-style: none;}

ul.top-level {}
ul.top-level li {}
ul.sub-level li a{}
 #nav ul.sub-level {}
 #nav ul.sub-level li a:hover{border:none;}

#nav a {
 color: #d0d0d0;
 background: #000000 url(../bdsg/img/nav_button_1_black.png) no-repeat;
 cursor: pointer;
 display:block;
 height:28px;
 line-height: 24px;
 text-indent: 10px;
 text-decoration:none;
 width:100%;
 }
#nav a:hover{
 text-decoration:underline;
 color: #333333;
 background: #000000 url(../bdsg/img/nav_button_1_yellow.png) no-repeat;
 margin-left: 0px;

}
#nav a:active{
 text-decoration:underline;
 color: #d0d0d0;
 background: #000000 url(../bdsg/img/nav_button_1_green.png) no-repeat;
 margin-left:0px;

}

#nav li:hover {
 background: #000000;
  color: #333333;
 position: relative;
}
ul.sub-level {
    display: none;
}
li:hover .sub-level {
    background: #000000;
    display: block;
    position: absolute;
    left: 120px;
    top: 5px;
}
ul.sub-level li {
  color: #d0d0d0;
  background-color: #000000;

    border: none;
    float:left;
    width:220px;
}

#nav .sub-level {
    background: #000000;

}
/*  Reguläre Form für Formulare zur Dateneingabe */

#regular{
  background: #000000;
  color: #c0c0c0; /* Labelfarbe und Texte */
}
#regular h1{
  font-size:14px;
 font-weight: normal;
  margin-bottom: 8px;
}

#regular button{
  clear: both;
   float: left;
 margin:5px 0px 0px 210px;
  width: 65px;
  height: 65px;
  background: #333333 url(../bdsg/img/button_black2.png) no-repeat;
  text-align: center;
  line-height: 55px;
  color: #999999;
  font-size: 10px;
  font-weight: normal;
}

#regular button:hover{
  margin:5px 0px 0px 210px;
  width: 65px;
  height: 65px;
  background: #999999 url(../bdsg/img/button_white2.png) no-repeat;
  text-align: center;
  line-height: 55px;
  color: #000000;
}
#regular button:active{
  margin:5px 0px 0px 210px;
  width: 65px;
  height: 65px;
  background: #999999 url(../bdsg/img/button_green2.png) no-repeat;
  text-align: center;
  line-height: 55px;
  color: #000000;
}

#regular label{
  line-height:15px;
  float: left;
  display:block;
  color: #999999;
  font-size: 11px;
  font-weight: normal;
  text-align: right;
  width: 180px;
  clear:both;
  margin-bottom:5px;

 }
 #regular input{
  float: left;
  font-size: 12px;
  border:none;
  background-color: #333333;
  color: #c0c0c0;
  display:block;
  margin-left:3px;
 }
 #regular textarea{
    float: left;
	width: 330px;
	height: 40px;
    border:none;
   	background-color: #333333;
    color:#c0c0c0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow:hidden;
    margin-top:2px;
    margin-left:3px;}

/*  Form für kleine Formulare */
#stylized{
  background: #000000;
  color: #c0c0c0;/* Labelfarbe und Texte */
}
/* Logo */

#stylized h1 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
}
/* alle P Ausgaben */

#stylized p{
  font-size: 11px;
  color: #999999;
}
/* Label */

#stylized label{
  color: #999999;
  display: block;
  font-weight: normal;
  text-align: left;
  width: 180px;
  float: left;
}
/* Kommentare zum Label */

#stylized .small{
  color: #999999;
  display: block;
  font-size: 8px;
  font-weight: normal;
  text-align: left;
  width: 220px;
}

/* Eingabefelder */

#stylized input{
  float: left;
  font-size: 12px;
  padding: 2px 2px;
  border: solid 1px #000000;
  background-color: #333333;
  color: #c0c0c0;
/*  width: 200px; */
  height: 16px;
  margin: 3px 0 3px 5px;
}

#stylized textarea{
	width: 330px;
	height: 80px;
   	padding: 2px 2px;
    border:none;
   	background-color: #333333;
    color:#c0c0c0;
    margin: 2px 0 5px 5px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    overflow:hidden;}

/* Button */

#stylized button{
  clear: both;
 margin:5px 0px 0px 185px;
  width: 65px;
  height: 65px;
  background: #999999 url(../bdsg/img/button_black2.png) no-repeat;
  text-align: center;
  line-height: 55px;
  color: #999999;
  font-size: 10px;
  font-weight: normal;
}

#stylized button:hover{
  margin:5px 0px 0px 185px;
  width: 65px;
  height: 65px;
  background: #999999 url(../bdsg/img/button_white2.png) no-repeat;
  text-align: center;
  line-height: 55px;
  color: #000000;
}
#stylized button:active{
  margin:5px 0px 0px 185px;
  width: 65px;
  height: 65px;
  background: #999999 url(../bdsg/img/button_green2.png) no-repeat;
  text-align: center;
  line-height: 55px;
  color: #000000;
}

.bildlinks {
  position: absolute;
  top: 25px;
  left: 32px;
  width: 60px;
  height: 60px;
}
.pc_system{
  position: absolute;
  top: 240px;
  left: 550px;
  width: 190px;
  height: 125px;
}
.bilderror {
  position: absolute;
  top: 25px;
  left: 32px;
  width: 60px;
  height: 300px;
}
.bannerlinks {
  position: absolute;
  top: 25px;
  left: 32px;
  width: 300px;
  height: 60px;
}
select {
  position: relative;
}

/* Style by class. Effects the text of the contained options. */
.selecttext {
background-color: #333333;
color: #999999;
border:none;
font-size: 11px;
}

/* Style by id. Effects position of the select drop down. */

#styledselect {
  left:  12px;
}


/* Zeilenfarbe ungerade */
.zeile_odd{
  background-color: #003300;
  color: #b0b0b0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align:left;
  width:120px;

}
 /* Zeilenfarbe gerade */
.zeile_even{
  background-color: #006600;
  color: #c0c0c0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align:left;
  width:120px;
}
.zeile_ueber{
  font-size: 13px;
  background-color: #000000;
  color: #d0d0d0;
  width:120px;
}

#screenliste{
    float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    border: 1px solid #333333;
    margin-left:5px;
    width:820px;}
#screenliste a{
    color: #d0d0d0;}
#screenliste a:hover{
    color: #ffffff;
    margin-left:3px;}
#screenliste a:active{
    color: #003300;}
#screenliste a:visited{
    color: #ffcc00;
    text-decoration: none;}
/* Buttons und Steuerungselemente */

.buttoninfo{
  position: absolute;
  top: 116px;
  left: 310px;
  width: 35px;
  height: 35px;
  background: url(../bdsg/img/button_info_black.png) no-repeat;
 }
 .buttoninfo a:hover{
  position: absolute;
  top: 116px;
  left: 310px;
  width: 35px;
  height: 35px;
  background: url(../bdsg/img/button_info_white.png) no-repeat;
 }
 #infobox{
   float:left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    border: 1px solid #999999;
    margin-left:5px;
  }
#infocontainer1{
background-color:#101010;
border: solid 1px #303030;
width:410px;
height:300px;
padding:0px;
margin:0px;
color:#b0b0b0;
float:left;
}

#infocontainer1 p{
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin-left: 5px;
color: #b0b0b0;
font-size: 10px;
}
#infocontainer2{
background-color:#101010;
border: solid 1px #303030;
width:410px;
height:300px;
padding:0px;
margin-left:420px;
color:#b0b0b0;
}
.infoclass{
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
margin-left: 5px;
color: #a0a0a0;
font-size: 10px;
}