body {
	margin: 0;
	padding: 0;
	background: url(img/dasganze-bg.gif) no-repeat 950px 0;	
}


#dasganze { 
	position: relative;
	float:left;
	top:0;
	width: 950px;
	height:900px;
	background: #fff url(img/pics/sky.jpg) no-repeat;
	z-index:0;
}


h1 {position:absolute; top:0; left: 0; margin: 0; padding: 0; width: 950px; height: 120px; text-indent: -9999px; float: left;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus  {background:url(img/bg/header.png) no-repeat;text-decoration:none;display:block;border:none;margin:0;padding:0;width:100%;height:100%; z-index: 100;}


#text {
	position: absolute;
	width: 300px;
	height:500px;
	top:250px;
	left: 10px;
	margin:0;
	padding:0;
	background: url(img/bg/liste.PNG);
	color:#fff;
	z-index:10;
}

#text h2 {
	font: italic 22px/1.2 Palatino Linotype, Palatino, Times New Roman, serif;
	margin: 10px;
	color: #000;
}




#reisen { 
	position: absolute;
	width: 620px;
	height:800px;
	top:300px;
	left: 320px;
	margin:0;
	padding:0;
	background: url(img/bg/liste.PNG);
	color:#fff
	z-index:10;
}

#reisen ul {
	list-style:none;

}


#reisen ul li {
	margin:0; padding: 0; 
	width: 200px; 
	height: 140px; 
	position:absolute;
	top: 10px;
	left: 10px;
}

#reisen ul li a:link, 
#reisen ul li a:visited, 
#reisen ul li a:active, 
#reisen ul li a:hover, 
#reisen ul li a:focus {
	text-decoration:none;
	display:block;
	border:none;
	margin:0;
	padding:100px 5px 5px 20px;
	width:170px;
	height:30px;
	text-align:left;
	position: absolute;
	font: italic 25px/40px Gill Sans; 
	color: #fff;
}


#reisen ul li a:link span,
#reisen ul li a:visited span,
#reisen ul li a:focus span {
	text-indent:-99999px;
	position: absolute;
	font: italic 14px/1.2 Gentium, Palatino Linotype, Palatino, Times New Roman, serif;
	color:#000;
	border:0px solid red;
	margin:0;
	padding:0;
	display: none;
	z-index: -10;
	width: 950px;
	height: 700px;
}


#reisen ul li.zypern {top:10px;left:10px;}
#reisen ul li.zypern a {background:url(img/reisen/zypern.gif);}
#reisen ul li.zypern a:hover {background:url(img/reisen/zypern.gif) 0 0;}

#reisen ul li.zypern a:hover span,  #menu ul li.zypern a:active span
{display: block; text-indent:0; top:-310px; right:-425px; background:url(img/pics/zypern.jpg) no-repeat;}



#reisen ul li.schottland {top:10px;left:215px;}
#reisen ul li.schottland a {background:url(img/reisen/schottland.gif);}
#reisen ul li.schottland a:hover {background:url(img/reisen/schottland.gif) 0 0;}

#reisen ul li.schottland a:hover span,  #menu ul li.schottland a:active span
{display: block; text-indent:0; top:-310px; right:-220px; background:url(img/pics/schottland.jpg) no-repeat;}




#reisen ul li.juist {top:10px;left:420px;}
#reisen ul li.juist a {background:url(img/reisen/juist.gif);}
#reisen ul li.juist a:hover {background:url(img/reisen/juist.gif) 0 0;}

#reisen ul li.juist a:hover span,  #menu ul li.juist a:active span
{display: block; text-indent:0; top:-310px; right:-15px; background:url(img/pics/juist.jpg) no-repeat;}










#footer {
	clear:both;
	float:left;
	width: 900px;
	height:292px;
	background: url(img/footer.jpg);
	position:relative;
}

#footer p{
	font: normal 12px/2 Palatino Linotype, Palatino, Times New Roman, serif;
	position:absolute;
	bottom:5px;
	padding: 0 7px;
	right: 10px;
	color: #000;
	background: #fff
}

#footer a{
	color: #ab921c;
}