body{
        background-color:#FDEE56;
        margin: 0;
        padding: 0;
         font-family:verdana,arial,sans-serif;
        }


#header {
        height: 80px;
        background-image: url(Kopfleiste.jpg);
        padding: 0px;
        }
#content {
        height: 1500px;
        background-image: url(hintergrund.jpg);
        }
   #navcontainer1{position: absolute;
            top:81px;
            left:0px}

#navcontainer2{position: absolute;
            top:140px;
            left:0px}


#navcontainer1
{
font-family: verdana;
margin:  auto;
width: 100%;
border-bottom: 1px solid #000000;
}

#navlist1
{
width: 100%;
text-align: center;
margin: 0px;
padding: 0;
list-style-type: none;
}

#navlist1 li
{
padding: 0px;
margin: 4px;
text-indent: 0;
display: inline;
}

#navlist1 li a
{
letter-spacing: 2px;
text-decoration: none;
color: #000000;
font-size: 13px;
padding: 0px;
margin: 3px;
border-top: 3px solid #fdec3b;
}

#navlist1 li a:hover,
#navlist1 a#current
{
color:#000000;
border-top: none;
font-size: 18px;
}




#navlist2 a#current { color: #000000; }

#navcontainer2 { width: 160px; }

#navcontainer2 ul
{
margin-left: 0;
padding-left: 0;
list-style-type: square ;
font-family: verdana;
}

#navcontainer2 a
{
display: block;
padding: 3px;
width: 100px;
background-color: #FdEC3B;
border-bottom: 0px solid #FdEC3B;
}

#navcontainer2 a:link, #navlist a:visited, #navlist2 a:visited
{
color:#000000;
text-decoration: none;
}


#navcontainer2 a:hover
{
/* background-color:#FdEC3B;     */
background-color:#FFFF00;
color:#000000;
}




#main{position: absolute;
width:70%; height:1000px;
            top:90px;
            left:90px;
            right:1210px
            }
#main {font-family: verdana;
   padding: 30px;
   border: 0px solid #000000;
   margin: 20px; /* 200px;1400px; */
   }

#zeitung {
         /*
         position:absolute;
         top:20px;
         left:490px;
         */
         position:relative;
         top:10px;
         left:0px;
         width:490px;
         height:627px;
            }


/*Formatierung f�r den body in dem die Zeitung abgebildet wird. padding regelt den abstand zum
container nach rechts*/

#zeitung {
   padding: 0px;
   border: 0px solid #000000;
   margin: 0px; /*200px;1400px; */
}




#wechsel{position: absolute;
            top:20px;
            left:29px}

#wechsel a {
    background: url(anima_kopfzeile.jpg) no-repeat;
    display:block; width:426px; /* Linkbereich begrenzen */
  }
  #wechsel img {
    display:block; width:426px; height:21px; border:solid 1px #000;
  }
  #wechsel a:hover img {
    visibility: hidden;
  }
  #wechsel a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel a {
    margin-right:1px;
  }
  * html #wechsel a:hover {
    width:560px; margin-right:0; /* Workaround fuer IE 5.01 */
  }




#wechsel2{position: absolute;
            top:45px;
            left:95px}
  #wechsel2 a {
    background: url(anima_hauptzeile.jpg) no-repeat;
    display:block; width:222px; /* Linkbereich begrenzen */
  }
  #wechsel2 img {
    display:block; width:222px; height:38px; border:0;
  }
  #wechsel2 a:hover img {
    visibility: hidden;
  }
  #wechsel2 a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel2 a {
    margin-right:1px;
  }
  * html #wechsel2 a:hover {
    width:222px; margin-right:0; /* Workaround fuer IE 5.01 */
  }



#wechsel3{position: absolute;
            top:85px;
            left:95px}
    #wechsel3 a {
    background: url(anima_unterzeile.jpg) no-repeat;
    display:block; width:215px;height:16px; /* Linkbereich begrenzen */
  }
  #wechsel3 img {
    display:block; width:215px; height:16px; border:0;
  }
  #wechsel3 a:hover img {
    visibility: hidden;
  }
  #wechsel3 a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel3 a {
    margin-right:1px;
  }
  * html #wechsel3 a:hover {
    width:215px; margin-right:0; /* Workaround fuer IE 5.01 */
  }


#wechsel4{position: absolute;
            top:49px;
            left:14px}
  #wechsel4 a {
    background: url(anima_ecke.jpg) no-repeat;
    display:block; width:77px; /* Linkbereich begrenzen */
  }
  #wechsel4 img {
    display:block; width:77px; height:129px; border:0;
  }
  #wechsel4 a:hover img {
    visibility: hidden;
  }
  #wechsel4 a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel4 a {
    margin-right:1px;
  }
  * html #wechsel4 a:hover {
    width:129px; margin-right:0; /* Workaround fuer IE 5.01 */
  }


#wechsel5{position: absolute;
            top:109px;
            left:172px; }
  #wechsel5 a {
    background: url(anima_bild.jpg) no-repeat;
    display:block; width:139px; /* Linkbereich begrenzen */
  }
  #wechsel5 img {
    display:block; width:139px; height:64px; border:0;
  }
  #wechsel5 a:hover img {
    visibility: hidden;
  }
  #wechsel5 a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel5 a {
    margin-right:1px;
  }
  * html #wechsel5 a:hover {
    width:139px; margin-right:0; /* Workaround fuer IE 5.01 */
  }


#wechsel6{position: absolute;
            top:115px;
            left:100px}
  #wechsel6 a {
    background: url(anima_seite.jpg) no-repeat;
    display:block; width:57px; /* Linkbereich begrenzen */
  }
  #wechsel6 img {
    display:block; width:57px; height:65px; border:0;
  }
  #wechsel6 a:hover img {
    visibility: hidden;
  }
  #wechsel6 a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel6 a {
    margin-right:1px;
  }
  * html #wechsel6 a:hover {
    width:57px; margin-right:0; /* Workaround fuer IE 5.01 */
  }


#wechsel7{position: absolute;
            top:306px;
            left:12px}
  #wechsel7 a {
    background: url(anima_bruch.jpg) no-repeat;
    display:block; width:459px; /* Linkbereich begrenzen */
  }
  #wechsel7 img {
    display:block; width:459px; height:20px; border:0;
  }
  #wechsel7 a:hover img {
    visibility: hidden;
  }
  #wechsel7 a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel7 a {
    margin-right:1px;
  }
  * html #wechsel7 a:hover {
    width:459px; margin-right:0; /* Workaround fuer IE 5.01 */
  }


#wechsel8{position: absolute;
            top:432px;
            left:28px}
  #wechsel8 a {
    background: url(anima_aufsetzer.jpg) no-repeat;
    display:block; width:407px; /* Linkbereich begrenzen */
  }
  #wechsel8 img {
    display:block; width:433px; height:174px; border:0;
  }
  #wechsel8 a:hover img {
    visibility: hidden;
  }
  #wechsel8 a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wechsel8 a {
    margin-right:1px;
  }
  * html #wechsel8 a:hover {
    width:433px; margin-right:0; /* Workaround fuer IE 5.01 */
  }


   #code {
   font-size: 18px;
   font: 18px Verdana;
   background-color: #AF00FF;
   color: #FFFFFF;
   padding: 0px;
   margin:0px; /* 500px; */
   border:2px solid #000000;
   }




   h1 {
   font: 10px  Verdana;
   padding: 20px;
   }
h1 code {
   font-weight: bold;
   color: #000000;
   }

  #footer{ font: 10px  Verdana;
   padding: 20px; color: #000000;
   }