* {
        font-family: Verdana, Arial, san-serif;
         border:none;
         color:white;
         margin:0px;
         padding:0px;
        }

body {
         background:#000000;
         text-align:center;
         }
/*-------------Layout Anfang------------------------*/
#center {
         position:relative;
         width:980px;
         margin:auto auto;
         text-align:center;
         overflow:hidden;
         }

#top {
         position:relative;
         overflow:hidden;
         background-repeat:no-repeat;
         width:980px;


         /*background-image:url(../pics/top.jpg);
         height:315px;*/


         background-image:url(../pics/edit_2009-01/top_2.jpg);
         height:271px;


        }

#logo {
         position:relative;
         background-image:url(../pics/logo2.gif);
        width:380px;
         height:90px;
         top:57px;
         margin:auto auto;
         background-repeat:no-repeat;
        }

#utilities {
        padding:0;
        margin:0;
        position:absolute;
        top:58px;
        left:825px;
        background:none;
        height: 10px;
        width: 115px;
        color:#000000;
        overflow:hidden;
         }
.utilities {
         display:block;
         height:10px;
         padding:0;
         margin:0;
         verttical-align:top;
         }
#player {
        float: right;
         margin-right: 50px;
         height: 30px;
         width: 80px;
         background-color: white;}

#menu {
         position:absolute;
         top:164px;
         left:70px;
         width:910px;
         overflow:hidden;
        }

#text {
         position:relative;
         background-image:url(../pics/middle.jpg);
         margin-top: -10px;

         left:0px;
         width:980px;}


#bottom {
        position:relative;
        background-image:url(../pics/bottom.jpg);
        height:41px;
        width:980px;
        background-repeat:no-repeat;
        }


#content {
         position:relative;

         padding: 10px 75px 10px 0px; /*abstandsangaben damit inhalt nicht an den Rand geklatscht bzw. auf dem Rand geschrieben, stickerbilder unterscheiden sich leider sehr in Breite, daher mit padding-left/right etwas spielen*/
        text-align: left; /*text-align wieder auf left setzten, würde von oben vererbr werden*/
         min-height: 450px;
         font-size: 12px;
         line-height: 16px;}

#content_space_top {     /*neu, als spacer, weil mit absoluter positionierung verschibts das div immer bei jedem nachladen um den top wert*/
        position:relative;
         height:10px;}

#newsletter {
         position:absolute;
         left:600px;
         top:270px;
         width:340px;

         }

/*-------------Layout Ende------------------------*/




/*-------------Menü Drehregler Anfang------------------------*/
.button {
         position:relative;
         float:left;
        width:55px;
         height:60px;
         text-align:center;
         font-size:12px;
         }
.space {
               position:relative;
         float:left;
        width:20px;
         height:60px;
        }

.group {
        position:relative;
         float:left;
        }

.groupname {
        position:relative;
        margin:auto;
         height:15px;
         border-bottom: solid 2px #000000;
         overflow:hidden;
        }

.label {
         position:relative;
         top:40px;
         margin:auto;
        }


/* Drehregler mit hover definieren*/
a {
                color:#000000;
                text-decoration:none;
                font-weight:normal;
                font-variant:small-caps;
        }

a.but {
         display:block;
        width:55px;
         height:60px;
         margin:auto;
         line-height:13px;
         background-image:url(../pics/knopf_web4.gif);
        background-repeat:no-repeat;
         /*overflow:hidden;*/
         text-align:center;
        }

a.but:hover {
         background-image:url(../pics/knopf_web_a4.gif);
        background-repeat:no-repeat;
         color:#ffffff;
         font-weight:bold;
         }

a.but#akt {
         background-image:url(../pics/knopf_web_aa4.gif);
         background-repeat:no-repeat;
         color:#bb0000;
         font-weight:bold;
         }


/*-------------Menü drehregler Ende------------------------*/



/*-------------Style, Struktur, Anfang------------------------*/
#content p {
        margin-top:0px;} /*zur behebung von IE Fehler bei repeat von background-image #text, damit kein sprung entsteht*/

#content h1 {
        font-size: 15px;
         margin: 0px 0px 30px; /*zur behebung von IE Fehler bei repeat von background-image #text, damit kein sprung entsteht*/
         color: #E8BC4C;}

#content h2 {
        font-size: 13px;
         margin: 0px 0px 18px;  /*zur behebung von IE Fehler bei repeat von background-image #text, damit kein sprung entsteht*/
         }

#content h3 {                  /*news header*/
        font-size: 16px;
         margin-top: 0px;    /*zur behebung von IE Fehler bei repeat von background-image #text, damit kein sprung entsteht*/
         margin-bottom: 8px;  /*um optisch guten abstand nach unten zu haben*/
         color: #E8BC4C;
         }

li {
        margin-left:13px;
}
/*-------------Linkvereinbarung verschiedene------------------------*/
a {
        text-decoration: none;
        color: #f8ca59;
        font-variant: normal;} /*aufhebung der smallcaps von menü*/

a#akt {
         color: #dd0000;
         font-weight:bold;
         /*font-size:14px;*/
         }
a:visited {
         color: #f8ca59;
         /*color: silver;*/
         }
a:hover {
        text-decoration: underline;
        color: #fffbd0;
         }


a:active {
         color: #fffbd0;
         /*color: #dd0000;*/
         }

.lyriclink {

         font-size:10px;
         margin-left:15px;
        }


         /*
#content #lyricliste a {
        text-decoration: none;
        color: white;}

#content #lyricliste a:hover {
        text-decoration: none;
        font-weight:none;}

#content #lyricliste a:visited {
        text-decoration: none;
        color: silver;}

-------------Linkvereinbarung verschiedene Ende------------------------*/

#content #sticker {
        float: right;  /*rechts in den Verstärker einsetzen*/

         }

#content #inhalt {
         margin-left:55px;
         width: 445px; /*breite damit text nicht mit sticker zusammenrammelt*/
         padding: 15px;

         } /*für noch schönere abstände zu allen seiten*/

#content #inhalt2 {   /*rechte spakte unterm sticker*/
         position:absolute;
         width: 370px;

         top:430px;
         left:550px;
         }

#content #lyricliste {
         width: 270px; /*breite damit text nicht mit sticker zusammenrammelt*/
         padding: 15px;
         font-size:13px;
        }

#content #lyric {
         width: 460px; /*breite damit text nicht mit sticker zusammenrammelt*/
         margin-top:60px;
         padding-left: 30px;
         /*background:red;*/
         float:right;
         border-left: 2px solid #E8BC4C; }

#content table {   /*da bei einer tabelle immer wieder die angaben aus dem sternchen vom anfang ignoriert werden*/
        font-family: Verdana, Arial, san-serif;
        font-size: 13px;
         line-height:20px;
         }

#content .member {
         display:block;
         height: 90px;  /*zu wenig text zu den personen macht height angabe notwendig, da sonst mit den bildern in konflikt*/
        margin-bottom: 24px;} /*Abstand nach unten zum nächsten Member*/

#content .bild-member {
         float: left;
         margin-right: 10px;} /*Abstand zum text daneben*/

#content #goback {
        float: right;}


.shop_left {
         float:left;
         width:450px;
         display:inline-block;

         }
.shop_right {
         width:350px;
         overflow:hidden;
         float:right;

         }
.shop_item {
         height:250px;
         width: 100%;
         }
.shop_description {

         padding-left:10px;
         }

.l90 {
         width:80%;
         float:left;
         overflow:hidden;
         vertical-align:bottom;

         }

.r10 {
         width:20%;
         float:right;
         overflow:hidden;
         text-align:right;
       }

input, textarea, select {
         border:none;
         border-color: #000000;
         background-color:#fdeabf;
         border: 1px solid #666666;
         margin-bottom:10px;
         color:#000000;
         font-size:12px;
        }
input.contact {
         width:200px;
         margin-right:10px;
         }
textarea.contact {
         width:445px;
         height:50px;
         margin-right:10px;
         }
input.shop {
         font-size:14px;
         text-align:center;
         padding:0px;
         margin:0px;
         vertical-align:middle;
         }

input.shop2 {

         left:650px;
         width:180px;
         margin:0px;
         padding:0px;
         border:0px;

         }
textarea.shop {
         width:400px;

         }
select.shop {
         width:50px;
         border: 1px solid #777777;
         }
option {
         color:#000000;
         }
input.button {
         float:right;
         width:100px;
         height:20px;
         margin-right:42px;
         margin-top:10px;
         }

input.shop_button {

         width:80px;
         height:20px;
         text-align:center;
         font-weight:bold;
         color:#dd0000;
         }

input.shop_button2 {

         width:130px;
         height:30px;
         text-align:center;
         font-weight:bold;
         color:#dd0000;
         font-size:14px;
         }
.red {
         color:#dd0000;
     }
input.newsletter {
         margin-top:6px;
         padding:1px;
         width:210px;
         }
input.newsletter_button {
         margin-top:6px;
         width: 60px;
         padding:1px;
         }



#containerul, #containerul ul{
  text-align:left;
  margin:0;                          /* browser default margins überschreiben */
  padding:0;                         /* browser default padding überschreiben */
}

#containerul li{
margin:0 0 0 20px;                   /* left margin für Einrückung */
color: #ffffff;
font-size:12px;
text-decoration:none;
text-transform: none;
padding:0;
margin-top:1px;
margin-bottom:3px;                           /* browser default margins überschreiben */
list-style-type:none;                /* browser default padding überschreiben */
}

#containerul .symbols{               /* styles positionierung symbole */
  float:left;
  width:15px;
  height:1em;
  background-position:0 70%;
  background-repeat:no-repeat;
}

#iiitdi {
         padding: 20px;
         float:left;
         }




/*-------------Style, Struktur, Ende------------------------*/