* { margin:0; padding:0; }

html, body { height:98%; }
body {  background-color:#666666;
  background-image: url(bilder/hg-verlauf.jpg);
  background: #333333 url(bilder/hg-verlauf.jpg) fixed center center;
  scrollbar-arrow-color:#333333;    /* pfeil und rand links oben */
  scrollbar-base-color:#ededed;
  scrollbar-3dlight-color:#eeeeee;   /* weg  */

  scrollbar-darkshadow-color:#666666;  /* schatten rechts unten */
  scrollbar-face-color:#999999;        /* balken und pfeilkasten */
  scrollbar-highlight-color:#cccccc;

  scrollbar-shadow-color:#666666;  /* rand weg */
  scrollbar-track-color:#666666;   /* hintergrund weg */
  }

#distanz {
  width:1px;
  height:50%;
  margin-bottom:-280px; /* half of container's height */
  float:left;   }

#container {
  margin:0 auto;        /*   background-color:#999999;     */
  position:relative; /* puts container in front of distance */
  text-align:left;
  height:560px;
  width:980px;
  clear:left;   }

#mitte
{ position:absolute;       /*   background-color:#999999;       */
  top:50%;
  left:50%;
  width:980px;
  height:560px;
  margin-left:-490px;
  margin-top:-280px;   }

body, td, p, div
{ font-family: Helvetica,  Helvetika, Arial, sans-serif;
  font-size: 12px;
  color: #FFFFB3;
  letter-spacing: normal;
  word-spacing: normal;   }
.eng  { font-size: 11px; line-height: 12px; }
.schatten { text-shadow: #c0c0c0 3px 3px 5px; }

.dkl
{ color: #999999;
  letter-spacing: normal;
  word-spacing: normal;   }

img, table { border:0; }

/*   */
h1     { font-family: "Times New Roman", Helvetica,  Helvetika, Arial, sans-serif;
         font-weight: bold; color:#FFFFB3; font-size:26px;
         font-style:italic; letter-spacing:1px;}
h2     { font-size:18px;font-family: "Times New Roman", Helvetica,  Helvetika, Arial, sans-serif;
         font-weight: normal; color:#FFFFB3;
         font-style:italic; letter-spacing:1px;}
h3     { font-family: "Times New Roman", Helvetica,  Helvetika, Arial, sans-serif;
         font-weight: bold; color:yellow; font-size:24px;
         font-style:italic; letter-spacing:1px;}


h1, h2, h3 { text-shadow: gray 0.2em 0.2em 0.3em ; }
.hh3 { font-family: "Times New Roman", Helvetica,  Helvetika, Arial, sans-serif;
         font-weight: bold; color:yellow; font-size:24px;
         font-style:italic; letter-spacing:1px;
         text-shadow: gray 0.2em 0.2em 0.3em ; }

.mark1 { font-weight: bold; color:#E8DCF4; font-size:12px; letter-spacing:1px; } /* helllila DCC9EE  0.1em */
.mark2 { font-weight: bold; font-size:14px; color: #FF0000; letter-spacing:1px; }
.klein { font-size: 10px; line-height: 14px; }
.gross { font-size: 12px; line-height: 22px; }
.rot   { color:#cc0000; }

a {   font-weight: bold; }
a:link     { color:yellow;  text-decoration: none; font-weight: normal; }    /* FF6666 */
a:visited  { color:yellow; text-decoration: none;  font-weight: normal; }           /* D6C695 */
a:active   { color:yellow;  text-decoration: none; font-weight: normal; }           /* FF6666 */
a:hover    { color:#FFFFB3;  text-decoration: none; font-weight: normal; }            /* FF1A1A  cc0000 */


/*  background-color:#999999;     */
.hg   { position:absolute; left:125px; top:0px;   z-index:1; }
.fuss  { position:absolute; left:10px; top:540px; width:960px; z-index:2;  }

.balken { position:absolute; left:116px; top:120px;  z-index:1; }

#menu
{  z-index:30;
   font-size: 13px; line-height: 16px;
   position:absolute;
   left:10px; top:110px;
}
#menu a:link    {color:yellow;  text-decoration:none; font-weight: bold; }
#menu a:visited {color:yellow;  text-decoration: none; font-weight: bold; }
#menu a:hover   {color:#FFFFB3; text-decoration:none; font-weight: bold; }      /* FFA07A */
#menu a:focus   {color:yellow;  text-decoration: none; font-weight: bold; }
#menu a:active  {color:yellow;  text-decoration:none; font-weight: bold; } /* kurz beim klick */

#menu2
{  z-index:30;
   font-size: 13px; line-height: 24px;
}
#menu2 a:link    {color:yellow;  text-decoration:none;font-weight: bold; }
#menu2 a:visited {color:yellow;  text-decoration:none; font-weight: bold; }
#menu2 a:hover   {color:#FFFFB3; text-decoration:none; font-weight: bold; }      /* FFA07A */
#menu2 a:focus   {color:yellow;  text-decoration:none; font-weight: bold; }
#menu2 a:active  {color:yellow;  text-decoration:none; font-weight: bold; } /* kurz beim klick */

.aktiv
{ color:#FFFFB3;
  font-weight: bold;
  font-style: italic;
  font-size:14px;
}

.stefan {
   position:absolute;
   left:10px; top:480px;
}

.sonnenblume
{  position:absolute;
   left:680px; top:310px;

}

hr {
border:none;
border-top: 1px dotted #FFFFB3;

height: 1px;
}

/* Startseite  */
.zitat  { position:absolute; left:150px;  width:300px; top:236px; text-align:center; z-index:1; }
.startbild  { position:absolute; left:343px; top:470px;  z-index:1; }


/*  background-color:#999999;     */
.musik { position:absolute; overflow:auto;    /*    background-color:#999999;       */
         left:130px; top:80px; width:800px;  height:460px; z-index:101; }
.trans {  position:absolute; left:130px; top:0px; width:850px; height:560px;
          background-image: url(bilder/seite/s30.png); }
.trans2 {  position:absolute; left:130px; top:0px; width:800px; height:560px;
          background-image: url(bilder/seite/s30.png); }

.titel { position:absolute; overflow:no;     /*    background-color:#999999;      */
         left:150px; top:30px; width:800px; z-index:100; }

.titel2 { position:absolute; overflow:no;    /*    background-color:#999999;       */
         left:132px; top:50px; width:306px; z-index:100;
         text-align:center;}


.bild { position:absolute; overflow:no;     /*    background-color:#999999;      */
         left:295px; top:20px; z-index:100; }
.vorschau {  position:absolute;  overflow:no; left:129px; top:185px; width:800px; height:370px;
           z-index:101;     }
.bild2 { position:absolute; overflow:no;     /*    background-color:#999999;      */
         left:440px; top:1px; z-index:100; }

.bildhoch { position:absolute; overflow:no;     /*    background-color:#999999;      */
         left:400px; top:1px; z-index:100; }
.bildquer { position:absolute; overflow:no;     /*    background-color:#999999;      */
         left:300px; top:25px; z-index:100; }

.rahmen { border-width:1px;   border-style:dotted;
  border-color:#FFFFB3;
  padding:0.1em;
}

/* Formular */
.feld  { background-color:#FFFFCC;
         font-family: Arial, sans-serif;
         color:#333333;
         font-size:12px;
         border: 0 ;  /* border: solid 1px #ffffff; */
         height:20px; width:100%;
         padding-left:2px;
       }
.textfeld { background-color:#FFFFCC;
         font-family: Arial, sans-serif;
         color:#333333;
         font-size:12px;
         border: 0 ;  /* border: solid 1px #ffffff; */
         width:100%;
         padding-left:2px;
       }
.internet { background-color:#2e363f;
         color:#2e363f;
         font-size:2px;
         border: 0 ;
         height:8px; width:2px;
         padding-left:0px;
       }