/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


body {
				background-color: #EEEEEE;
				font-family: Arial, Helvetica, sans-serif;
                margin: 0px;
                padding: 0px;
                
                
}

        
.musik { 
            display: none;
        } 

article {
				position: relative;
				margin: 3px 3px 30px 3px;
                max-width: 500px;
                min-width: 300px;
                top:68px;
				width: auto;
				height: auto;
                color: #666666;
                padding-bottom: 40px;
}  


img
            {
                width: 80%;
                min-width: 300px;
                max-width: 540px;
            }

article p {margin: 0px 0px 10px 0px}

footer { position: fixed;
         bottom: 0px;
	     color: #666666;
	     font-size: medium;
	     width: 100%;
	     text-align: center;
	     opacity: 1.0;
	     background-color: #DDDDFF;
	     z-index: 1;
	     padding: 5px 0px 5px 0px;
}

@media (min-width: 570px)
        {
            

        
.musik {
                display: block;
				font-style: italic;
				font-size: small;
				color: #333333;
				padding: 3px 0px 3px 0px;
                margin: 0px;
				text-align: left;
    }
    
article {
                top:105px;
         }

footer{
	position: relative;
	top: 40px;
	text-align: left;
	
}
}



header {
				position: fixed;
				text-align: left;
				margin: 0px;
                padding: 2px;
				font-family: Sebastian;
				width: 100%;
                height: auto;
				vertical-align: top;
                opacity: 1.0;
                background-color: #EEEEEE;
                z-index: 1;
                top: 0px;
                border-bottom: 1px solid #333399;
}


footer a{color: #666699;}

nav {
                position:relative;
				text-align: left;
                clear:both;
				font-family: Arial, Helvetica, sans-serif;
				margin: 10px 0px 10px 3px;
				width: auto;
				left: 0px;
				color: #333333;
				text-transform: uppercase;
				font-size: 10pt;
				font-weight: bold;
				text-decoration: none;
}


.headline {
				font-size: xx-large;
				text-decoration: none;
				color: #CCCCCC;
				font-family: Sebastian;
}

nav a{
				text-decoration: none;
				color: #CCCCFF;
                
}

.loptext a:visited {
				color:#333333;
}

.loptext a:link {
				color:#333333;
                
}

.loptext a:active  {
				text-decoration: underline;			
}

.loptext a:hover  {
				text-decoration: underline;			
}

.loptext a:active {
				text-decoration: none;
				background-color: #333333;
}

nav a:visited{
				background-color: #666699;
}

nav a:link{
				background-color: #666699;
                padding:8px 1px 8px 1px;
                border:1px solid #666699;
                border-radius:6px;
                box-shadow: 1px 1px 1px #666666;
                margin: 0px 1px 0px 0px;
}

nav a:hover {
				text-decoration: none;
				background-color: #9999FF;
}
.headtext {
				font-size: medium;
				color: #CCCCCC;
				font-weight: bold;
				background-color: #111111;
}
.namntext {
				font-family: Arial, Helvetica, sans-serif;
				color: #732F10;
				font-size: x-large;
				text-decoration: none;
}