body {
        font-family: sans-serif;
        font-size: 11px;
        color: #333333;
        background-color: #DDDDDD;
        text-align: left;
        margin-top: 0px;
}
span#rahmen {
        position: absolute;
        left: 50%;
        margin-top: 0px;
        margin-bottom: 30px;
        margin-left: -390px;
        width: 780px;
}


/* Schriftformatierung */

a:link, a:visited {
        font-weight: bold;
        text-decoration: none;
        color: #000000;
}
a:hover {
        text-decoration: none;
        color: #C9D5EE;
        }
a:active {
        text-decoration: none;
        color: #C9D5EE;
        }
h1 {
        padding-left: 5px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        margin: 0px 0px 5px 0px;
        font-family: sans-serif;
        font-weight: 900;
        font-size: 18px;
        color: #333333;
}
h2 {
        padding-left: 5px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        margin: 0px 0px 5px 0px;
        font-family: sans-serif;
        font-weight: bold;
        font-size: 13px;
        color: #333333;
}
h3 {
        padding-left: 5px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        margin: 0px 0px 5px 0px;
        font-family: sans-serif;
        font-weight: normal;
        font-size: 11px;
        color: #333333;
}
h4 {
        padding-left: 5px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 2px;
        margin: 0px 0px 5px 0px;
        font-family: sans-serif;
        font-weight: normal;
        font-size: 9px;
        color: #333333;
}
.text-hell{
        color: #FFFFFF;
        font-weight: bold;
}
.bold{
        font-weight: bold;
}
.bold-orange{
        font-weight: bold;
        color: #e46200;
}


/* Bildformatierung */

.float{
        float:left;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-right: 5px;
}


/* Oberer Bereich */

div#oben{
        position: relative;
        margin-top: 0px;
        vertical-align: bottom;
        width: 780px;
        height: 120px;
        background-color: #cccccc;
        background-image: url(../bilder/oben.jpg);
}
div#leiste{
        position: relative;
        margin-top: -20px;
        padding-top: 2px;
        padding-left: 190px;
        width: 780px;
        height: 20px;
        text-align: left;
}

div#leiste1{
        position: relative;
        margin-top: -2px;
        padding-top: 4px;
        padding-left:10px;
        width: 770px;
        height: 20px;
        text-align: left;
        background-color: #555555;
}




/* Popdown menu */

div#rahmen1 {
        margin-left: 0px;
        margin-top: 8px;
        position: absolute;
        width: 112px;
        height: 550px;
        background-color: #666666;
        background-image: url(../bilder/pop.gif);
        padding: 0px 0px 0px 0px;
}

ul#menulink {
display: block;
}

ul:target {
display: block;
}

ul: not(:target) {
display: block;
}


#menulink {
display: block;
}




/* Das Menü */

div#rahmen {
        margin-left: 0px;
        margin-top: 8px;
        position: absolute;
        width: 112px;
        height: 550px;
        background-color: #666666;
        background-image: url(../bilder/menu.gif);
        padding: 0px 0px 0px 0px;
}
ul#menu {
        text-align: left;
        margin-left: 0px;
        margin-top: 0px;
        padding: 0px 0px 0px 0px;
}
ul#menu li{
        list-style: none;
        position: relative;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border-top: 1px solid #777777;
}
ul#menu li ul{
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 5px;
        position: relative;
        left: 0px;
        display: none;
        margin-top: 0px;
}
ul#menu li:hover ul {
   display: block;
        margin-top: 0px;
}
ul#menu li ul li {
   /* float: none; */
   display: block;
   margin-bottom: 0px;
        margin-top: 0px;
        border-top: 1px solid #666666;
}
ul#menu a {
        display: block;
        width: 100px; /* Breite den in li enthaltenen Elementen zuweisen */
        padding: 3px 3px 3px 3px;
        text-decoration: none;
        font-weight: normal;
        color: #CCCCCC;
        font-family: sans-serif;
        font-size: 11px;
}
ul#menu a:hover {
        display: block;
        width: 100px; /* Breite den in li enthaltenen Elementen zuweisen */
        padding: 3px 3px 3px 3px;
        font-weight: bold;
        color: #C9D5EE;
}


/* Spalten für Index */

span#inhalt1{
        position: absolute;
        margin-top: 8px;
        margin-left: 120px;
        width: 438px;
        height: 400px;
}
span#inhalt2{
        position: absolute;
        margin-top: 8px;
        margin-left: 564px;
        width: 216px;
        height: 400px;
}

span#inhalt3{
        position: absolute;
        margin-top: 8px;
        margin-left: 400px;
        width: 660px;
        height: 600px;

}
div#block{
        background-color: #FFFFFF;
        width: 438px;
        margin-bottom: 8px;
        margin-top: 0px;
}

div#block2{
        background-color: #FFFFFF;
        width: 216px;
        margin-bottom: 8px;
        margin-top: 0px;

}

div#block2_1{
        background-color: #FFFFFF;
        width: 216px;
        margin-bottom: 8px;
        margin-top: 8px;

}


div#block3{
        background-color: #666666;
        width: 438px;
        margin-bottom: 8px;
}
div#block4{
        background-color: #FFFFFF;
        width: 660px;
        margin-bottom: 8px;
        margin-top: 8px;
}


div#block4_1{
        background-color: #FFFFFF;
        width: 660px;
        margin-bottom: 8px;
        margin-top: 0px;
}

div#block4_2{
        background-color: #FFFFFF;
        width: 660px;
        margin-bottom: 0px;
        margin-top: 8px;
}
div#block4_3{
        background-color: #FFFFFF;
        width: 660px;
        margin-bottom: 0px;
        margin-top: 0px;
}

div#block6{
        background-color: #FFFFFF;
        width: 200px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-top: 600px;
        padding: 5px;
        float: left;


}


div#block10{
        background-color: #FFFFFF;
        width: 438px;
        margin-bottom: 8px;
        margin-left: 221px;
        margin-top: 0px;
        padding: 5px;



}

div#block11{
        background-color: #FFFFFF;
        width: 660px;
        margin-bottom: 8px;
        margin-top: 8px;
}

div#block11.1{
        background-color: #FFFFFF;
        width: 660px;
        margin-bottom: 8px;
        margin-top: 189px;
}




div#block5{
        background-color: #FFFFFF;
        width: 438px;
        margin-bottom: 8px;
        margin-right: 0px;
        margin-left: 220px;
        margin-top: 500px;
}

div#block6{
        background-color: #FFFFFF;
        width: 200px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-top: 500px;
        padding: 5px;
        float: left;


}

div#platte{
        background-color: #FFFFFF;
        width: 438px;
        margin-bottom: 8px;
        margin-top: 530px;
        margin-left: 220px;
}










div#sonja{
        background-color: #FFFFFF;
        width: 440px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-left: 219px;
        margin-top: 550px;
        padding: 5px;
        font-family: sans-serif;
        font-size: 11px;
}




div#sonja1{
        background-color: #FFFFFF;
        width: 200px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-top: 590px;
        padding: 5px;
        float: left;
}

div#sonja2{
        background-color: #FFFFFF;
        width: 440px;
        margin-bottom: 8px;
        margin-left: 219px;
        margin-top: 0px;
        padding: 5px;
}

div#sonja3{
        background-color: #FFFFFF;
        width: 200px;
        height: 330px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-top: 240px;
        padding: 5px;
        float: left;
}


div#beschriftung{

        width: 200px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-top: 245px;
        padding: 0px;
        float: left;
}

div#sonja4{
        background-color: #FFFFFF;
        width: 440px;
        margin-bottom: 8px;
        margin-right: 0px;
        margin-left: 219px;
        margin-top: 240px;
        padding: 5px;
}



div#plakat{
        background-color: #FFFFFF;
        width: 440px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-left: 219px;
        margin-top: 90px;
        padding: 0px;
}

div#plakat1{
        background-color: #FFFFFF;
        width: 200px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 8px;
        padding: 0px;
        float: left;
}

div#plattendruck1{
        background-color: #FFFFFF;
        width: 200px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 245px;
        padding: 0px;
        float: left;
}


div#plakat2{
        background-color: #FFFFFF;
        width: 440px;
        margin-bottom: 8px;
        margin-left: 219px;
        margin-top: 0px;
        padding: 5px;
}

div#plakat3{
        background-color: #FFFFFF;
        width: 200px;
        height: 258px;
        margin-bottom: 8px;
        margin-right: 8px;
        margin-top:8px;
        padding: 5px;
        float: left;
}

div#plakat4{
        background-color: #FFFFFF;
        width: 438px;
        margin-bottom: 8px;
        margin-right: 0px;
        margin-left: 219px;
        margin-top: 8px;
        padding: 0px;
}
div#plattendruck{
        background-color: #FFFFFF;
        width: 438px;
        margin-bottom: 8px;
        margin-right: 0px;
        margin-left: 219px;
        margin-top: 245px;
        padding: 5px;
}

div#plakat5{
        background-color: #666666;
        width: 200px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 270px;
        padding: 5px;
        float: left;
}


div#plakat6{
        background-color: #FFFFFF;
        width: 195px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-left: -200px;
        margin-top: 280px;
        padding: 5px;
        float: left;
}

div#plakat6_1{
        background-color: #FFFFFF;
        width: 200px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 515px;
        padding: 5px;
        float: left;
}

div#plakat7{
        background-color: #FFFFFF;
        width: 200px;
        margin-bottom: 0px;
        margin-right: 0px;
        margin-top: 565px;
        padding: 0px;
        float: left;
}



/* Spalten für Produktseiten */




span#facebook{
        position: absolute;
        margin-top: 8px;
        margin-left: 780px;
        width: 216px;
        height: 400px;

}




span#inhalt3{
        position: absolute;
        margin-top: 0px;
        margin-left: 119px;
        width: 216px;
        height: 400px;
}
span#inhalt4{
        position: absolute;
        margin-top: 8px;
        margin-left: 342px;
        width: 432px;
        height: 400px;
}

span#inhalt4.2{
        position: absolute;
        margin-top: 400px;
        margin-left: 342px;
        width: 432px;
        height: 400px;
}

span#inhalt4.1{
        position: absolute;
        margin-top: 335px;
        margin-left: 342px;
        width: 432px;
        height: 800px;
}
span#inhalt5{
        position: absolute;
        margin-top: 8px;
        margin-left: 119px;
        width: 668px;
}

span#inhalt9{
        position: absolute;
        margin-top: 0px;
        margin-left: 119px;

}

span#inhalt10{
        position: absolute;
        margin-top: 0px;
        margin-left: 119px;
        height: auto;
        width: 200px;

}

 span#inhalt_beschriftung{
        position: absolute;
        margin-top: 5px;
        margin-left: 224px;

}
/* Tabellenformatierung */

td {
        border-bottom: 1px solid #000000;
        font-size: 11px;
        padding-left: 5px;
        padding-top: 2px;
}

td#1 {
        border-bottom: 1px solid #888888;
        font-size: 11px;
        padding-left: 5px;
        padding-top: 2px;
}








tr#zeile1{
        background-color: #FF8040;    <!--orange-->
}

tr#zeile2{
        background-color: #FFFFFF;
}

tr#zeile3{
        background-color: #FFDDCC;  <!--hellorange-->
}

tr#zeile4{
        background-color: #81CE39;  <!--grün-->
}