body{
    font-family:verdana,arial,helvetica,sans-serif; font-size:10pt;
    color:white; background-color:black;
    padding:0; border:0px;
    margin:0px 0px 0px 400px;
    max-width:1000px;
    background-image:url(bilder/back.jpg);
    background-repeat:no-repeat;
    background-position:left top;
}

h1,h2,h3,h4,h5,h6{font-family:arial,verdana,helvetica,sans-serif; font-weight:bold;}
h1{font-size:18pt;margin-top:0px;}
h2{font-size:17pt;}
h3{font-size:16pt;}
h4{font-size:13pt;}
h5{font-size:12pt;}
h6{font-size:11pt;}

a:link{   color:#009600; background-color:transparent; text-decoration:underline;}
a:visited{color:#009600; background-color:transparent; text-decoration:underline;}
a:hover{  color:#00C800; background-color:transparent; text-decoration:none;}

ul{
    margin-top:2px;
    margin-bottom:0px;
    margin-right:0px;
    list-style:square;
}

img{
    border-style:none;
    vertical-align:middle;
}

#headline{
    font-size:32px;
    margin:0px;
    padding:20px;
    background:url(bilder/headline.png) repeat-x left bottom rgba(0,0,0,0.7);
    font-variant:small-caps;
    color:white;
}

.headchar{color:#DDD; background-color:transparent;}

#seitenueberschrift{
	display:block;
    font-size:50%;
    color:#CCC;
    font-variant:normal;
    font-weight:normal;
}  

#menu{
    padding:10px 0 10px 20px;
    margin:0;
    font-size:12pt;
    font-weight:bold;
    font-family:arial,verdana,helvetica,sans-serif; 
    color:white;
    background-color:#030;
    background-image:url(bilder/menu.png);
    background-repeat:repeat;
}

#menu li{
    display: inline;
    list-style: none;
}

#menu li:after{
    content:'·';
}

#menu li:last-child:after{content:'';}

#menu a{text-decoration:none; padding:0px 3px;}
#menuactive{color:#0E0;}

#content{
    background:url(bilder/headline.png) repeat-x left top rgba(0,0,0,0.7);
    margin:0;
    padding:20px 20px 40px 20px;
    text-align:justify;
}

footer{
    clear:both;

    background:url(bilder/headline.png) repeat-x left top rgba(0,0,0,0.7);

    padding:10px 20px;
    
    font-size:8pt;
    text-align:center;
}

.albumbild{
  vertical-align:top;
  padding-top:25px;
}

.albumtext{
  vertical-align:top;
  padding-top:20px;
  padding-left:10px;
}

.leftfloat{
    float:left;
    margin:0 10px 10px 0;
}

.rightfloat{
    float:right;
    margin:0 0 10px 10px;
}

.nobullet{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

fieldset{
    border:1px solid #090;
    padding:8px;
}

legend{
    font-weight:bold;
}

fieldset input, fieldset textarea{
    margin:1px;
    border:1px solid #090;
    color:white;
    background-color:#030;
    background-image:url(bilder/menu.png);
    background-repeat:repeat;
}

fieldset #protect{
    display:none;
}

label{
    vertical-align:top;
    text-align:right;
    font-weight:bold;
    display: inline-block;
    width: 5em;
}

input{
    font-family:monospace;
    padding:1px;
}

textarea{
    padding:1px;
    width:500px;
    height:200px;
    font-family:monospace;
}

#player{
    float:right;
    margin:0px 0px 10px 10px;
    width:430px;
    height:330px;
    background-image:url(bilder/ajax.gif);
    background-position:center;
    background-repeat:no-repeat;
}

@media (max-width: 725px){
body{
	background-size: 100% auto;
	margin:400px 0 0 0;
}
}
