/* August 2005 Copyright vektorrausch - Digitale Medien, Kiel */
/* CSS fuer Hotel "Der Seehof" */

/* Struktur-TAGs*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	height: 100%;
	width: 100%;
	top: 0px;
	right: 0px;
	left: 0px;
}

#lioben {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(layout/lioben.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 80%;
	width: 80%;
	z-index: 4;
}

#reoben {
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(layout/reoben.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 80%;
	width: 80%;
	z-index: 3;
}

#liunten {
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(layout/liunten.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 80%;
	width: 80%;
	z-index: 2;
}

#reunten {
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(layout/reunten.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 80%;
	width: 80%;
	z-index: 1;
}

#pano {
	position: absolute;
	z-index: 6;
	top: 50%;
	height: 188px;
	width: 100%;
	margin: -50px -1px 0 0;
	background-image: url(bilder/pan_index-neu.jpg);
	background-position: top left;
	background-repeat: no-repeat;
}

#cover {
	float: right;
	z-index: 7;
	height: 188px;
	width: 14px;
	background-image: url(bilder/pan_indexr.jpg);
	background-repeat: repeat-y;
	background-position: top left;
}

#buttons {
	position:absolute;  
	z-index: 6;
	height: 20px;
	width: 500px;
	left: 50%;
	margin: -23px 0 0 -140px;	
}

#logo {
	position:absolute;  
	z-index: 8;
	height: 135px;
	width: 396px;
	left: 50%;
	margin: -200px 0 0 -198px;	
}

#foot2 {
	position: absolute;
	z-index: 10;
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	bottom: 40px;
	font-size: 10px;
	color: #A29675;
}

.invis {
	position: absolute;
	left: -10000px;
	top: -10000px;
	font-size: 1px;
}

/* Font-TAGs */

.language {
	float: left;
	display: block;
	color: #404270;
	height: 20px;
	width: 220px;
	padding: 0 0 5px 4px;
	border-left: solid #D1C39C 1px;
	text-decoration: none;
}

a.language:hover {
	float: left;
	display: block;
	color: #404270;
	height: 20px;
	width: 220px;
	padding: 0 0 5px 4px;
	border-left: solid #D1C39C 1px;
	text-decoration: none;
	font-weight: bold;
}