html, body {margin:0; padding:0; width:100%; height:100%;
background-color:#040361; }

.p-txt{    font-size:14px;  line-height:20px; font-family: Tahoma, Helvetica,Arial;
     letter-spacing:0.13mm;  word-spacing:0.5mm; text-align:justify; color: #030489;  margin-bottom:20px;  margin-top:20px;margin-left:20px; margin-right:20px;}
 .h1-txt{    font-size:18px; font-weight:bold; line-height:23px; font-family: Tahoma, Helvetica,Arial;
     letter-spacing:0.13mm;  word-spacing:0.5mm; text-align:left; color: #030489;  margin-bottom:20px;  margin-top:20px;margin-left:20px; margin-right:20px;}

      .txt-xl{    font-size:18px; font-weight:bold; line-height:23px; font-family: Tahoma, Helvetica,Arial;
     letter-spacing:0.13mm;  word-spacing:0.5mm; text-align:left; color: #030489;  margin-bottom:20px;  margin-top:20px;margin-left:20px; margin-right:20px;}
#hintergrund {position:absolute; top:0px; z-index:1; width:100%; border-color:#040361;}
#hintergrund-1 {position:absolute; top:0px; z-index:1; width:100%; border-color:#040361;min-width: 800px}
#hintergrund-2 {position:absolute; top:0px; z-index:1; width:100%; border-color:#040361; min-width: 1020px;}
.hg-start {overflow:hidden; }
#fest {position:absolute; top:0px; left:32%; margin-left:0; z-index:10;
border:0px solid #000; width:35%; padding:10px;}


#info-termine {position:absolute; top:35%; left:5%; margin-left:0; z-index:10;
border:0px solid #000; width:20%; padding:10px;}

#kontakt-seite {position:absolute; top:20%; left:15%; margin-left:0; z-index:10;
border:0px solid #000; width:70%; height:70%; padding:10px; background:#ffffff;}

 #start {position:absolute; top:26%; left:2%; margin-left:0; z-index:6;
border:0px solid #000; width:10%; }

#video {position:absolute; top:40%; left:2%; margin-left:0; z-index:6;
border:0px solid #000; width:10%; }

#info {position:absolute; top:54%; left:2%; margin-left:0; z-index:6;
border:0px solid #000; width:10%;}

#kontakt {position:absolute; top:68%; left:2%; margin-left:0; z-index:6;
border:0px solid #000; width:10%;}
 #oktoberfestmusik {position:absolute; bottom:20%; left:20%; margin-left:0; z-index:6;
border:0px solid #000; width:60%;}

#scrollbar {position:absolute; width:100%; height:100%; top:0; left:0;
overflow:auto; z-index:2;}

#logo {position:absolute; top:0px; width:100%;}

#menuepunkt {position:absolute; top:0px; width:100%;}

#kontaktfeld {position:absolute; top:0px; height:100%;}

   #zeile-unten {position:fixed; bottom:0px; left:0px; margin-left:0; z-index:10;
border:0px solid #000; width:100%; height:30px; padding-top:6px; text-align:center; background:#21450f;}

  #wechselfoto {position:absolute; top:26%; right:2%; width:40%;  z-index:8;}
   #oktoberfestvideo {position:absolute; bottom:45px; right:3%; width:68%; height:68%; z-index:7; border-left-width:0,5%, border-color:#ff0000;}

  #video-hg  {position:absolute; bottom:30px; right:2%; width:70%; height:72%; z-index:4;, background:#ff0000;}
    #start-textfeld  {position:absolute; top:26%; left:14%; width:300px; height:300px; z-index:3;, }
    #start-text {position:absolute; top:26%; left:14%; width:280px; height:300px; z-index:3; margin-left:0px; margin-right:20px;
     }
    #info-text1  {position:absolute; top:20px; left:20px; width:410px;  z-index:4;, margin-left:30px}
     #info-text2  {position:absolute; top:20px; left:430px; width:410px; z-index:4;, margin-left:30px}
    #info-textfeld  {position:absolute; top:26%; left:14%; width:870px; height:1400px; z-index:3;, }

    #info-text-2spalten {position:absolute; top:26%; left:14%; width:900px; height:1400px; z-index:3;, }

     #k-daten {position:absolute; top:23%; left:18%; width:360px; height:600px; z-index:3; }

    .textgrafik  {position:absolute; top:0px; right:0px; width:400px; z-index:3;, }
   .textfeldweiss  {position:absolute; bottom:0px; right:0px; width:100%; height:100%; z-index:3;, }
   .text  {position:absolute; bottom:30px; right:2%; width:70%; height:72%; z-index:4;, background:#ff0000;}
  #video-hg-img  {position:absolute; bottom:0px; right:0px; width:100%; height:100%; z-index:3;, background:#ff0000;}

   #textfeld-s {position:absolute; top:135%; left:5%; width:90%;  z-index:8; background:#ffff89; z-index:3;}

  #wf-hg {position:absolute; top:35%; right:2%; width:40%; height:300px; background:#000089; z-index:8; border-bottom:1%; border-left:12%}

     .next { position: absolute; top: 0;  opacity: 0; filter:alpha(opacity=0);  width:100%;  }
        #meinFader { position: relative; }
        .wf-foto-1  { position: absolute; top: 0;  width:100%; }

      .a-w a {   margin-left: 2px;   font-weight: bold;  padding-left: 2px; padding-top: 18px; padding-bottom: 2px; text-align:center; }

        .a-w a:link { text-decoration:none; font-weight:bold; letter-spacing:0.13mm; color:#ffffff;  font-size:14px;  line-height:17px;font-family:  Helvetica,Arial;}
.a-w a:visited { text-decoration:none;  font-weight:bold;  letter-spacing:0.13mm; color:#eeeeee; font-size:14px;  line-height:17px;  font-family: Helvetica,Arial;}
.a-w a:hover { text-decoration:none; font-weight:bold; letter-spacing:0.16mm; color:#ffffff; background-color:#940306; font-size:14px;   line-height:17px;  font-family: Helvetica,Arial;}
.a-w a:active { text-decoration:none; font-weight:bold; letter-spacing:0.16mm; color:#effa6a6;   font-family: Helvetica,Arial; font-size:14px;   line-height:17px; }