body {
        background-color: #3A1300;
        font-family: Tw Cen MT, Calibri, Helvetica, Verdana, Arial, sans-serif;
        color: #FFFFFF;
        background-image:url(pix/hintergrund.png);
		font-size: x-large;

}
#impressum{
        color: #000000;	
		font-size: small;
}
* {
        margin: 0;
        padding: 0;
        color: #000000;
}
img {

}
#anzeigebereich {
         padding-top: 5%;
        margin: 10px auto;
        max-width: 1000px;
}
#kopf {
        width: 1000px;
        
        padding-top: 0%;
        height: 166px;
         background-image:url(pix/LogoFreigestelltOrangerSchatten975.png);
         background-repeat:no-repeat;
}

#inhalt {
        float: right;
        width: 80%;
        padding-left: 00%;
         padding-right: 00%;
         height: 533px;
         color: #000000;

         background-image:url(pix/frontcover600.jpg);
		background-repeat:no-repeat;
         text-align: center;
}
#startinhalt {
        float: right;
        width: 80%;
        padding-left: 0%;
         padding-right: 0%;

        height: 533px;
         color: #000000;
          overflow-y: scroll;
         background-image:url(pix/boden.gif);


}


/*Navigation */
nav {
        float: left;
        width: 20%;
        
        color: #000000;
        min-height: 25px;
        margin-bottom: 0px;
         display: block;
         height: 533px;
         font-size: x-large;
         


}
nav ul li {
        display: block;
}
nav ul li a, nav ul li a:visited {

        text-decoration: none;
        color: #000000;
        padding: 1%;
}
nav ul li a:hover, nav ul li a:focus {
        color: #000000;
        text-decoration: underline;
}
nav ul li a:active {
        color: #000000;
        text-decoration: bold;
}
nav ul li:last-of-type a {
        border: none;
}




@media only screen and (max-width: 1024px) {
#anzeigebereich {
        width: 90%;
}
#kopf {

        padding-top: 0%;
         
         background-image:url(pix/LogoFreigestelltOrangerSchatten500.png);
         background-repeat:no-repeat;
         background-position: center;
         height: 88px;
         width: 100%;
}


hl1 {
 font-size: large;
}
hlb1 {
 font-size: large;
 font-weight: bold;
}

hlb2 {
 font-size: larger;
 font-weight: bold;
}
hl2 {
 font-size: larger;
}
hl3 {
 font-size: larger;


}
hl4 {
 font-size: medium;
 font-weight: bold;

}

/*Navigation */
nav {
        float: left;
        width: 40%;

        color: #000000;
        min-height: 25px;
        margin-bottom: 0px;
         display: block;

         font-size: medium;


}
nav ul li {
        display: block;
}
nav ul li a, nav ul li a:visited {

        text-decoration: none;
        color: #000000;
        padding: 1%;
}
nav ul li a:hover, nav ul li a:focus {
        color: #000000;
        text-decoration: underline;
}
nav ul li a:active {
        color: #000000;
        text-decoration: bold;
}
nav ul li:last-of-type a {
        border: none;
}

#inhalt {
        font-size: smaller;
        float: right;
        width: 60%;
        padding-left: 5%;
         padding-right: 5%;
         height: 510px;
		background-image:url(pix/frontcover1.jpg);
         overflow: auto;
         text-align: left;


}

}
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
#anzeigebereich {
        width: 95%;
}
#kopf {

        
        padding-top: 0%;


         background-image:url(pix/LogoFreigestelltOrangerSchatten350.png);
         background-repeat:no-repeat;
         background-position: center;
         height: 55px;
         width: 100%;
}
#inhalt {

         height: 510px;
        font-size: small;
        float: right;
        width: 70%;
        padding-left: 5%;
         padding-right: 5%;
		background-image:url(pix/frontcover1.jpg);

         overflow: auto;
         }

nav {
        height: 510px;
         font-size:small;

}
nav ul li {
        display: block;
}
nav ul li a {
        border-right: none;

        width: 98%;
        display: block;
}
hl2 {
 font-size: medium;
}
hlb2 {
 font-size: medium;
}
hl3 {
 font-size: small;


}



}