@CHARSET "ISO-8859-1";
/*
Menü für die Mitte (nur Startseite)
*/
#menublock {
	width: 800px;
	margin: 20px auto;
}

#menublock1, #menublock2, #menublock3 {
	position: relative;
	width: 200px;
	height: 300px;
	border: 1px solid #000000;
	background: #FFFFFF;
}

#menublock1bg, #menublock2bg, #menublock3bg {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

#menublock1bg {
	background: #ffffff url(/media/menubackground1.jpg) no-repeat;
}

#menublock2bg {
	background: #ffffff url(/media/menubackground2.jpg) no-repeat;
}

#menublock3bg {
	background: #ffffff url(/media/menubackground3.jpg) no-repeat;
}

#menublock1 {
	float: left;
	z-index: 1000;
}

#menublock2 {
	margin: 0 auto;
	z-index: 1000;
}

#menublock3 {
	float: right;
	z-index: 1000;
}

#menu1:hover, #menu2:hover, #menu3:hover {
	-moz-opacity: 1;
	filter:alpha(opacity=100)
}

#menu1, #menu2, #menu3 {
	position: relative;
	background-color: #eeeeee;
	bottom: -220px;
	padding: 15px 0;
	text-align: center;
	border-width: 1px 0;
	border-style: solid;
	border-color: #000000;
	-moz-opacity: 0.50;
	filter:alpha(opacity=50)
}

#menu1 a, #menu2 a, #menu3 a {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px dotted #000000;
	text-decoration: none;
}

#menu1 a:hover, #menu2 a:hover, #menu3 a:hover {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

#menu1.active, #menu2.active, #menu3.active {
	bottom: 0;
	height: 270px;
}