@charset "";

body {
	text-align:center;
	background-color:#DEDDDD;
	margin:0px auto;
	margin-top: 30px;
}

#hauptcontainer {
	position: relative;
	text-align:center;
	margin:0px auto;
	width: 800px;
	height: 600px;
	background-image:url(../images/hg_startseite_sylt.jpg);
	background-repeat: no-repeat;
	z-index:0;
}

#logo {
	position: absolute;
	width: 323px;
	height: 62px;
	left:238px;
	top:5px;
	z-index: 1;
}
#logo h1 {
	background-image: url(../images/logo.jpg);
	height: 62px;
	background-repeat: no-repeat;
	line-height: 500px;
	overflow: hidden;
}


#slogan1 {
	position: absolute;
	width: 546px;
	height: 23px;
	left:10px;
	top:180px;
	z-index: 2;
}
#slogan1 h2 {
	background-image: url(../images/slogan1.gif);
	height: 23px;
	background-repeat: no-repeat;
	line-height: 500px;
	overflow: hidden;
}


#slogan2 {
	position: absolute;
	width: 376px;
	height: 36px;
	left:424px;
	top:460px;
	z-index: 3;
}
#slogan2 h3 {
	background-image: url(../images/slogan2.jpg);
	background-repeat: no-repeat;
	height: 33px;
	line-height: 500px;
	overflow: hidden;
}


#weiter {
	position: absolute;
	width: 276px;
	left:484px;
	top:530px;
	z-index: 4;
}

#weiter a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: blink;
}

#roterstreifen {
	position: absolute;
	width: 100%;
	height: 17px;
	left:0px;
	top:583px;
	background-color:#FF0000;
	z-index: 5;
}

#roterstreifen a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
}