body {
        font-family: Verdana, sans-serif;
        text-align: center;
        font-size: small;
        background: #C0C0C0;
        color: #000033;
}

#maincontent a:link,#maincontent a:visited {
        color: #241A73;
}
#maincontent a:hover {
        color: #F41D29;
}

a:hover {
        color: #F41D29;
}


ul, li {
        margin: 0;
        padding: 0;
}
img {
        padding: 20px;
}

h1 {
        text-decoration: underline;

}

#wrapper {margin: 0 auto;
          width: 1200px;
          border: 5px solid #162963;
          -webkit-border-radius: 10px;
          -khtml-border-radius: 10px;
          -moz-border-radius: 10px;
          border-radius: 10px;
}
#head {position: absolute;
       margin: -6px;
}

#head img {padding: 5px; width:1202px;}

#logo {
        z-index: 1;
         float: left;
}

#himmel {position: absolute;
         z-index: -1;
}

#content {
          margin: 199px auto 0 auto;
          background: #1e3368;
          /*width: 740px;*/
          min-height: 460px;

}

#navi {
        position: relative;
        width: 200px;
        height: 460px;
        background: #1e3368;
        z-index: 1;
        float: left;
        text-align: center;
        font-weight: bold;
}

#navi  a:link, a:visited {
        color: #FFFF00;
}

#navi ul{margin: 30px 0;
}

#navi li {
          padding: 5px;
          margin: 10px;
          background: #006699;
          list-style-type: none;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

}


#navi li ul {
        display: none;
        margin: -30px 0 0 175px;
        position: absolute;
        background: #1e3368;


}


#navi li:hover ul {
        display: block;
        position: absolute;
}

#navi li:hover ul li {
        margin: 10px 10px 10px 5px;
}

li a.aktiv {
        background: #FFFF00;
        color: #000000;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        -moz-border-radius: 1px;
        border-radius: 1px;
}


#maincontent {margin: 0 0 0 200px;
              background: #EBEDF9;
              padding: 20px;
              min-height: 450px;
}
#maincontent p { text-align: justify;  }

#listenblock li {text-align: left;
              margin: 0 0 0 350px;
}
table {
       cellspacing: 30px;
       border: 1px solid #000033;
       text-align: left;
       margin: 0 auto;
}


.imgmi, #maincontent p.imgmi {text-align: center;}

.imgli {float: left;
}

.imgri {float: right;
         border: none;
}

.imp {color: #0000dd;
      padding:10px ;
      width: 230px;
      valign: top;


}

.left   {text-align: left;
}

.underline {text-decoration: underline;
             text-align: left;

}

.input1 {width: 150px
         maxlength: 10;     <!-- funktioniert nicht-->
}

.noframe  {border: none;
}

.rand {padding: 0 100px 0 230px;}


<!-- #pic ul{margin: 30px 0;
}

#pic li {
          padding:0px;
          margin: 0px;
          list-style-type: none;

}

#pic li ul {
        display: none;
       margin: -30px 0 0 175px;
        position: absolute;
        background: #1e3368;


}


#pic li:hover ul {
        display: block;
        position: absolute;
}
#pic li:hover ul img {

     padding: 0;

}

#pic li:hover ul li {
      margin: 10px 10px 10px 5px;
}
-->