/*fix default browserspaces between elements*/
* {
  padding:0px;
  margin:0px;
  font-size:101%;
}

body{background-color :#ddddee;}
body,td{font-family:Verdana,Geneva,Arial,Helvetica;font-size:9pt;color:black;}

h1{font-size:16pt;font-weight:bold;margin-bottom:6px;margin-left:2px;margin-top:6px;color:#2420aa;}
h2{font-size:13pt;font-weight:bold;margin-bottom:6px;margin-left:12px;margin-top:15px;color:#2420aa;}
h3{font-size:10pt;font-weight:bold;margin-bottom:6px;margin-left:30px;margin-top:8px;color:#2420aa;}
h4{font-size:8pt;font-weight:bold;margin-bottom:6px;margin-left:30px;margin-top:8px;color:#2420aa;}

p {margin-top:10px; line-height:1.2; margin-left:2px;}

.nospace {margin:0px;}
.smalltext {font-family:Verdana,Geneva,Arial,Helvetica;font-size:7pt;}
.verysmalltext {font-family:Arial,Verdana;font-size:6pt;font-weight:bold;}
*.smallbold {font-family:Verdana,Geneva,Arial,Helvetica;font-size:8pt;font-weight:bold;}
.brightred {color:#ff0000;}
.brightblue {color:#0000ff;}

.spacer {margin-top:7px;}
.bluebox {border:solid 1px #bbbbee; margin:2px; padding:2px;}

td {padding:2px;}
td.narrow {padding:0px;}

th {font-family:Verdana,Geneva,Arial,Helvetica;font-size:8pt;background-color:#bbbbee}
input, select, textarea
       {font-family:Verdana,Geneva,Arial,Helvetica;
       font-size:8pt;
       background-color:#eeeeff;
       margin-top:4px;}

hr {height:0px; margin:6px; text-align:right; border:solid 1px #bbbbee;}
form{margin:0;}
img{border:0;margin:0px;}
li{line-height:1.5;}

a, a:visited, a:link, a:active{
                      padding-left:3px;
                      padding-right:3px;
                      color:#555555;
                      text-decoration:none;
                      font-weight:bold;
}

a:hover{text-decoration:none;
        border-top: solid 1px #222222;
        border-bottom: solid 1px #222222;
}

.nostyle a, .nostyle a:hover {text-decoration:none; border:none;}


.impressumadresse p, .impressumadresse a{
  color  : #666666;
  font-size     : 85%;
  margin-top: 0pt;
}

#container{ text-align:left; margin:2px auto; width:980px;}

#fuss{
  clear: left;
  padding       : 2px;
  text-align    : center;
  background-color : #bbbbee;
  margin-top : 3px;
  margin-bottom : 8px;
  width: 980px;

  border-top:1px solid rgb(0,0,0);
      }

#fuss td{
  color  : #444444;
  font-size     : 70%;
}

/** Unterbrecher, um floats aufzuheben **/
.unterbrecher{
  overflow  : hidden;
  clear     : both;
}

.right {float:right;}
.left {float:left;}



/**   --------------- messagebox --------------------   **/
.messagebox{
  border       : #FF0000 dotted 2px;
  padding      : 10px;
  line-height  : 130%;
  margin       : 10px;
}



/**   --------------- verticalmenu --------------------   **/
.vmenu1,.vmenu2,.vmenu3{
    padding:1px;
    margin-top: 1px;
    font-weight:normal;
    color:#000000;
    font-size:8pt;
    text-decoration:none;
    width:100%;
    padding-right: 20px;}

.vmenu1{padding-left: 10px; }
.vmenu2{padding-left: 25px; }
.vmenu3{padding-left: 40px; }

.spacer1,.spacer2,.spacer3{line-height:4px; height:3px; border-bottom:solid 1px #000000; margin-right: 20px; margin-bottom:1px;}
.spacer1{margin-left: 10px;}
.spacer2{margin-left: 25px;}
.spacer3{margin-left: 40px;}

.vmenu1 a,.vmenu2 a,.vmenu3 a{
    font-weight:normal;
    color:#000000;
    text-decoration:none;
    width:170px;
}

.vmenu1 a, .vmenu1 a:visited, .vmenu1 a:link, .vmenu1 a:active  {text-decoration:none; font-weight:normal;}
.vmenu2 a, .vmenu2 a:visited, .vmenu2 a:link, .vmenu2 a:active  {text-decoration:none; font-weight:normal;}
.vmenu3 a, .vmenu3 a:visited, .vmenu3 a:link, .vmenu3 a:active  {text-decoration:none; font-weight:normal;}
.vmenu1 a:hover,.vmenu2 a:hover, .vmenu3 a:hover{text-decoration:none;
                                border-top: solid 1px #eeeeee;
                                border-bottom: solid 1px #eeeeee;
                                }



/**   --------------- breadcrumb --------------------   **/
.breadcrumb{
  background-color :#c0c0c0;
}


.newstitle{padding:2px; margin-top:8px; font-family:Verdana,Arial;font-size:9pt;font-weight:bold;background-color :#e9e9ee;color:#444444}
.newsteaser{font-family:Verdana,Arial;font-size:7pt;text-decoration:none;}
.newstext{font-family:Verdana,Arial;font-size:9pt;text-decoration:none;}




.hoppala-situation { font-style: normal; margin-top: 5px; margin-left: 60px; margin-right: 60px;
                       font-size: 8pt; color:#333399; font-weight:bold;background-color:#dddddd}
.hoppala-controller { font-style: italic; margin-top: 5px; margin-left: 5px; margin-right: 5px;
                       font-size: 8pt; color:#000055; font-weight:bold; background-color:#dddddd; border:solid 1px}
.hoppala-dialog { color:#101010; margin-top: 8px;}


.phrase-pic, .phrase-lotse{ font-style: italic;
                           margin-top: 10px;
                           margin-left: 20px;
                           margin-right: 20px;
                           padding: 4px;
                           color:#0000aa;
                           font-weight:bold;
                           background-color:#dddddd}