* {
		margin:0;
		padding:0;
		}
 
	html, body {
		height:100%;
		}
 
	body {
		text-align:center; /* horizontal centering for IE Win quirks */
		background:#750075 url(/pictures/Hintergruende/HG_Swing_02_Violett_Rot_Q70_1920.jpg) center center fixed no-repeat;
  		-webkit-background-size: cover;
  		-moz-background-size: cover;
  		-o-background-size: cover;
  		background-size: cover;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
		-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
		font-family:Georgia, 'Times New Roman', Times, serif;
		font-size:24px;
		color:#FFFFFF;
		}
 
	#distance {
		width:1px;
		height:50%;
		float:left;
		}
 
	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:center;
		height:auto;
		width:100%;
		}

#mainbox {
		position:relative;
		margin:50px auto 0 auto;
		height:auto;
		width:800px;
		text-align:left;
		line-height:34px;
		padding:20px;
		color:#000099;
		background-image:url(/pictures/Hintergruende/HG_Noten_Gelb_300_198.jpg);
		background-repeat:repeat;
		border-radius:20px;
		}
#mainbox li {
		margin:0 0 10px 60px;
		}
h3 {	margin-left:25px;
		background:linear-gradient(#F9E2FF,#F8D4FF,#F9E2FF);
		padding:2px 5px;
		}
#mainbox ul {
		margin-left:35px;
		}
h1 {	text-align:center;
		}
h2 { 	border-top:1px solid #000099;
		border-bottom:1px solid #000099;
		text-align:center;
		}

#mainbox a:link		{ color:#000099; text-decoration:none; }
#mainbox a:visited	{ color:#000099; text-decoration:none; }
#mainbox a:hover	{ color:#FF0000; text-decoration:none; }

#mainbox #login {
		position:relative;
		top:0;
		right:0;
		height:auto;
		width:auto;
		}


.red 	{ color:red; }
.ml35 	{ margin-left:35px; }
sup 	{ font-size:70%; line-height:0; }


#hymns 		{ display:none; }
#symphonies	{ display:none; }
#orchestra 	{ display:none; }
#solo 		{ display:none; }
#archaic 	{ display:none; }
#avant 		{ display:none; }
#music 		{ display:none; }
#medicine 	{ display:none; }
#science 	{ display:none; }
#education 	{ display:none; }
#mythology 	{ display:none; }
#critical 	{ display:none; }



#quotation {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#330000;
	font-weight:bold;
	font-size:38px;
	text-align:center;
	line-height:54px;
	padding:125px 0 180px 0;
	}

#copyright {
	position:relative;
	width:100%;
	text-align:center;
	margin:85px 0 25px 0;
	padding-top:25px;
	font-size:10px;
	color:#000099;
	clear:both;
	border-top:2px solid #CCCCCC;
	}