body,html {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

a {text-decoration:none; color:#FF8000;}
a:active {text-decoration:none; color:#FF8000;}
a:focus {text-decoration:none; color:#FF8000;}
a:hover {text-decoration:none; color:#FF8000;}
a:visited {text-decoration:none; color:#FF8000;}

#greybackground {
	background-color: black;
	opacity: 0.85;
	filter: alpha(opacity=85);
	position:fixed;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	z-index: 200;
}
#menuframe {
	position:fixed;
	width: 940px;
	height: 300px;
	left: 50%;
	top: 50%;
	margin-left: -470px;
	margin-top: -150px;
	z-index: 201;
	text-align: center;
	font-size: 28px;
}

#menuframe #Startseite {
	background-color: white;
	float: left;
	height: 300px;
	width: 160px;
	margin-right: 80px;
	margin-left: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#menuframe #Schule {
	background-color: white;
	float: left;
	height: 300px;
	width: 160px;
	margin-right: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#menuframe #Charter {
	background-color: white;
	float: left;
	height: 300px;
	width: 160px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#mainframe {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -470px;
	z-index: 199;
}

.ro {
	background:url(hhb_ro.jpg) top right no-repeat;
	margin:0;
	padding:0;
}

.lo {
	background:url(hhb_lo.jpg) top left no-repeat;
	margin:0;
	padding:0;
}

.ru {
	background:url(hhb_ru.jpg) bottom right no-repeat;
	margin:0;
	padding:0;
}

.lu {
	background:url(hhb_lu.jpg) bottom left no-repeat;
	margin:0;
	padding:0;
}