BODY {
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

h2 {
	font-size:15px;
}

a {
	color:#666666;
	text-decoration:none;

}

a:hover {
	color:#666666;
	text-decoration:underline;

}


.background{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -300px; /* make this half your image/element height */
	margin-left: -400px; /* make this half your image/element width */
	width: 800px;
	height: 600px;
	background-image:url(../pics/hintergrund.png);
}

.frau {
	position: absolute;
	left: 10px;
	top: 100px;
	width: 136px;
	height: 121px;
	border:0;
	background-image:url(../pics/strandbad.png);
	z-index:2;
}

.frau:hover {
	background-image:url(../pics/strandbad_hover.png);
}

.landschaft {
	position: absolute;
	left: 10px;
	top: 236px;
	width: 139px;
	height: 121px;
	border:0;
	background-image:url(../pics/camp.png);
	z-index:2;
}

.landschaft:hover {
	background-image:url(../pics/camp_hover.png);
}

.hendl {
	position: absolute;
	left: 10px;
	top: 372px;
	width: 139px;
	height: 121px;
	border:0;
	background-image:url(../pics/gh.png);
	z-index:2;
}

.hendl:hover {
	background-image:url(../pics/gh_hover.png);
}

.headline {
	position: absolute;
	left: 50px;
	top: 70px;
	width: 200px;
	height: 40px;
	border:0;
	z-index:2;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}

.name {
	position: absolute;
	right: 70px;
	color:#666666;
	top: 85px;
	width: 200px;
	height: 40px;
	border:0;
	z-index:2;
	text-align:right;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
}

.home {
	position: absolute;
	right: 50px;
	color:#666666;
	top: 45px;
	width: 250px;
	height: 40px;
	border:0;
	z-index:2;
}

.textArea {
	position: absolute;
	left: 250px;
	top: 100px;
	width: 500px;
	height: 400px;
	border:0;
	z-index:2;
	font-size:13px;
	line-height:17px;
	overflow:auto;
	
}

div .subheadline {
	position: absolute;
	left: 620px;
	top: 530px;
	width: 135px;
	height: 40px;
	border:0;
	z-index:2;
	font-weight:normal;
	font-style:italic;
	font-size:14px;
	text-align:Left;
}

div .subheadline a {
	text-decoration:none;
}

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

.kontakt {
	position: absolute;
	left: 50px;
	top: 560px;
	width: 200px;
	height: 40px;
	border:0;
	z-index:2;
	font-weight:normal;
	font-style:bold;
	font-size:12px;
}

.topmenu {
	position: absolute;
	left: 50px;
	top: 35px;
	width: 600px;
	height: 40px;
	border:0;
	z-index:2;
	font-weight:normal;
	font-style:bold;
	font-size:12px;
}



.kind {
	position: absolute;
	left: 250px;
	top: 520px;
	width: 78px;
	height: 68px;
	border:0;
	background-image:url(../pics/kind.png);
	z-index:2;
}

.kind:hover {
	background-image:url(../pics/kind_hover.png);
}


.tarife {
	position: absolute;
	left: 343px;
	top: 520px;
	width: 78px;
	height: 68px;
	border:0;
	background-image:url(../pics/parkuhr.png);
	z-index:2;
}

.tarife:hover {
	background-image:url(../pics/parkuhr_hover.png);
}

.beimessen {
	position: absolute;
	left: 436px;
	top: 520px;
	width: 78px;
	height: 68px;
	border:0;
	background-image:url(../pics/beimessen.png);
	z-index:2;
}

.beimessen:hover {
	background-image:url(../pics/beimessen_hover.png);
}

.radl {
	position: absolute;
	left: 529px;
	top: 520px;
	width: 78px;
	height: 68px;
	border:0;
	background-image:url(../pics/radl.png);
	z-index:2;
}

.radl:hover {
	background-image:url(../pics/radl_hover.png);
}

.oeffnungszeiten {
	position: absolute;
	left: 436px;
	top: 520px;
	width: 78px;
	height: 68px;
	border:0;
	background-image:url(../pics/kind.png);
	z-index:2;
}

.oeffnungszeiten:hover {
	background-image:url(../pics/kind_hover.png);
}

.speisekarte {
	position: absolute;
	left: 436px;
	top: 520px;
	width: 78px;
	height: 68px;
	border:0;
	background-image:url(../pics/essen.png);
	z-index:2;
}

.speisekarte:hover {
	background-image:url(../pics/essen_hover.png);
}

.tarife_strandbad {
	position: absolute;
	left: 529px;
	top: 520px;
	width: 78px;
	height: 68px;
	border:0;
	background-image:url(../pics/parkuhr.png);
	z-index:2;
}

.tarife_strandbad:hover {
	background-image:url(../pics/parkuhr_hover.png);
}