a:link {color: #ff9df7; text-decoration: None}
a:visited {color: #ff9df7; text-decoration: None}
a:active {color: #ff9df7; text-decoration: None}
a:hover {color:#ff9df7; text-decoration:underline}

a { outline: none; }

html{ height:101%;
        }

body {
        background-position: center top;
        background-repeat: repeat-y;
        background-color: #000;                /*
 #334455 das geht vielleicht auch als farbe
*/
        color: white;
        margin: 0;
        padding: 0;
        text-align: center;
		font-family: 'Amatic SC', cursive;
		font-size:40px;




}

#page {
         max-width: 960px;
         margin:0 auto;
	     margin-top:400px;


  }


#headNavi {
        width: 96%;
        padding: 2% 2%;
        /* background-color: #FF6; */

        /* position: fixed; */

        z-index: 20;
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        color:#ff9df7;
        font-weight: normal;
        letter-spacing: 0.8pt;
        font-style: normal;
        /*text-transform:uppercase; */




}

.navi {
        font-size: 11px;
        margin-right:2em;
        float:left;


}

#headNavi span{
        text-decoration:line-through;
        color:#ffcafb;
        }


#content {

        width: 96%;
        padding: 0 2%;
        float: left;
        text-align: left;
}



#kopfschrift {
        position: absolute;
        top: 15px;
        visibility: visible;
        z-index: 20;
        right: 37px;
        text-align: right;
        width: 720px;
}

#kopfschrift p {margin: 0.5em 0;}

.artistbox {

        /* background-color:#dddddd; */
        z-index: 9;

        font-family:  Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #222;
        letter-spacing: 0.8pt;
        font-style: normal;
        font-weight: normal;
        text-align: left;
        margin-bottom:35px;


        }

.clear {
        clear: both;
        }


.artistbox p{

        margin: 0;
        line-height: 1.5em;

        }

.artistbox span{

        font-weight: bold;
        text-align: left;
        color: #000;
        /*#159*/
        }



/*.artistbox h2{
        background-color:#00FFFF;

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 25px;
        font-style: normal;
        font-weight: normal;
        text-align: left;
        } */

.artistbox a:link {color: #666666; text-decoration: None}
.artistbox a:visited {color: #666666; text-decoration: None}
.artistbox a:active {color: #666666; text-decoration: None}
.artistbox a:hover {color:#666666; text-decoration:underline}



#footer {
    background-color:#111111;

    bottom:0px;
        z-index:24;
        width: 720px;
        margin-left: 20px;
        position: fixed;
}

h1 {
        font-family:  Arial, Helvetica, sans-serif;
        font-size: 10em;
        color: #222;
        letter-spacing: 0.8pt;
        font-style: normal;
        font-weight: normal;
        text-align: left;
        margin-bottom:35px;
}

/* h2 nur für überschriften in der lightbox nutzen */
h2 {
        font-family:  Arial, Helvetica, sans-serif;
        font-size: 11px;
        letter-spacing: 0.8pt;
        font-style: normal;
        font-weight: bold;
        text-align: left;
        color: #000;
        margin: 0;
        line-height: 1.5em;
}

h3 {
        font-size: 12px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#111111;
        font-weight: normal;
        position: absolute;
        top: 110px;
        visibility: visible;
        z-index: 20;
}

        h4 {

        font-size: 26px;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#111111;
        margin: 0px;
}


        h5 {
        font-size: 16px;
        font-weight: bold;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color:#111111;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 20px;
}


ul{
        list-style:none;
        margin-top: 10px;
        margin-bottom: 20px;
        margin-left:0px;
        padding: 0px;


        }
li{
        display:inherit;
        margin:0px;
        padding: 0px;

        }


p { margin:0.7em 0;

	    font-family: 'Amatic SC', cursive;    

}


@media screen and (orientation:portrait) and (max-width:480px) {
        #content {
                width: 93.750%;
                float: none;
        }
}

#content img {
        max-width: 100%;
        height: auto;
        border-style: none;
        margin-right: 1%;
        margin-top: 1%;

        }

video {
    max-width: 100%;
    height: auto;
		}