
<!--

  html, body {
  	width: 100%;
  	height: 100%;
  	margin: 0;
  	border: 0;
  	padding: 0;
  }
  body {
  	background-color: #A9AFF9;
  	overflow: hidden;  /* Scrollbalken im Fenster unterbinden */
  }
  #oben {
  	position: absolute;
	top: 0;			/* Abstand zum oberen Fensterrand */
  	left: 0px;		/* Abstand zum linken Fensterrand */
  	right: 0px;		/* Abstand zum rechten Fensterrand */
  	height: 110px;		/* Blockhöhe */
  	padding: 0;		/* Interpretation Boxmodell! */
   margin:0px 0px 0px 0px;
  	background-color: #A9AFF9;
	background-image: url(bilder/top.jpg);
  	/*overflow: hidden;*/	/* Scrollbalken unterbinden */
  	z-index: 5;		/* höchste z-Ebene! */
  }
  * html #oben {
  	width: 100%;
  	height: 100px;
  }
  #oben .inhaltDiv {
  	margin: 10px;		/* Abstand des Inhalts zum Blockrand */
  }
	#mitte {
	position:absolute;
		z-index: 1;
		background-color: #A9AFF9;
    margin:0px 0px 0px 0px;
  	top: 110px;		/* Abstand zum oberen Fensterrand */
  	left: 2px;		/* Abstand zum linken Fensterrand */
  	bottom: 2px;		/* Abstand zum unteren Fensterrand */
  	right: 2px;		/* Abstand zum rechten Fensterrand */
  	overflow: auto;		/* Scrollbalken, falls notwendig */
  }
  * html #mitte {
  	top: 0;
  	left: 0;
  	width: 100%;
  	height: 100%;
  	border-top-width: 110px;	/* = Kopfzeilenhöhe */
  	border-left-width: 0px;	/* = Spaltenbreite links */
  	border-bottom-width: 2px;	/* = Fußzeilenhöhe */
  	border-right-width: 2px;	/* = Spaltenbreite rechts */
  	border-style: solid;
  }
  #mitte .inhaltDiv {
  	margin: 10px;		/* Abstand des Inhalts zum Blockrand */
  }
  #links {
  	position: absolute;
  	z-index: 3;
  	top: 110px;		/* Abstand zum oberen Fensterrand */
  	left: 0;		/* Abstand zum linken Fensterrand */
  	bottom: 2px;		/* Abstand zum unteren Fensterrand */
  	width: 0px;		/* Blockbreite */
  	padding: 0;		/* Interpretation Boxmodell! */
  	background-color: #A9AFF9;
  	overflow: auto;		/* Scrollbalken, falls notwendig */

  }
  * html #links {
  	top: 0;
  	width: 0px;
  	height: 100%;
  	border-top-width: 110px;	/* = Kopfzeilenhöhe */
  	border-left-width: 0;
  	border-bottom-width: 2px;
  	border-right-width: 0;
  	border-style: solid;
  }
  #links .inhaltDiv {
  	margin: 1px;		/* Abstand des Inhalts zum Blockrand */
  }
  #unten {
  	position: absolute;
  	z-index: 4;
		left: 0px;		/* Abstand zum linken Fensterrand */
  	bottom: 0;		/* Abstand zum unteren Fensterrand */
  	right: 0;		/* Abstand zum rechten Fensterrand */
  	height: 2px;		/* Blockhöhe */
  	padding: 0;		/* Interpretation Boxmodell! */
  	background-color: #A9AFF9;
  	overflow: hidden;	/* Scrollbalken unterbinden */
  }
  * html #unten {
  	left: 0;
  	width: 100%;
  	height: 2px;
  	border-top-width: 0;
  	border-left-width: 0;	/* = Spaltenbreite links */
  	border-bottom-width: 0;
  	border-right-width: 0;
  	border-style: solid;
  }
  #unten .inhaltDiv {
  	margin: 0px;		/* Abstand des Inhalts zum Blockrand */
  }
  #rechts {
  	position: absolute;
  	top: 110px;		/* Abstand zum oberen Fensterrand */
  	bottom: 5px;		/* Abstand zum unteren Fensterrand */
  	right: 0;		/* Abstand zum rechten Fensterrand */
  	width: 2px;		/* Blockbreite */
  	padding: 0;		/* Interpretation Boxmodell! */
  	background-color: #A9AFF9;
  	overflow: hidden;	/* Scrollbalken unterbinden */
  	z-index: 2;
  }
  * html #rechts {
  	top: 0;
  	width: 2px;
  	height: 100%;
  	border-top-width: 110px;	/* = Kopfzeilenhöhe */
  	border-left-width: 0;
  	border-bottom-width: 2px;	/* = Fußzeilenhöhe */
  	border-right-width: 0;
  	border-style: solid;
  }
  #rechts .inhaltDiv {
  	margin: 1px;		/* Abstand des Inhalts zum Blockrand */
  }
	
	#topmenue {
	position:relative;
	left: 120px;
	top: 45px;
	z-index: 5;
	}
	* html #topmenue {
	position:relative;
	left: 10px;
	top: 45px;
	}	
	#madshark {
	float: left;
	width: 112px;
	height: 100px;
	position:fixed;
	background-image:url(bilder/madsharkhai.png);
	}
	* html #madshark {
	background-image:url(bilder/iehai.jpg);
	}
	#news{
	position:relative;
	left: 60px;
	top: 20px;
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	font-style: arial;
	color:#000066;
	}
	* html #news {
	position:relative;
	left: 5px;
	top: 20px;
	}
	
	#cssdropdown, #cssdropdown ul, #cssdropdown ul ul {
	position: absolute;
	padding: 0;
	margin: 0;
	list-style: none;
	}
		
	#cssdropdown li {
	float: left;
	position: relative;
	}
	
	
	#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	}
	
	#cssdropdown li ul ul {
	margin: -1em 0 0 7.7em;
	}

	#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}

	#cssdropdown li:hover ul ul, #cssdropdown li.over ul ul {
	display: none;
	}

	#cssdropdown li:hover ul, #cssdropdown li li:hover ul, #cssdropdown li.over ul, #cssdropdown li li.over ul {
	display: block;
	width: 8em;
	position: absolute;
	top: 1.0em;
	left: 0;
	text-align: left;
	background-color: #898FF9;
	border: 1px solid black;
	}


	.subuls{
	display: none;
	width: 5em;
	position: absolute;
	top: 1.2em;
	left: 0;
	background-color: #898FF9;
	border: 1px solid black;
	}
		
	.subuls li{
	display: block;
	width: 100%;
	}
	
	.subuls li a{
	text-decoration: none;
	}


	.mainitems{
	text-align: center;
	vertical-align:middle;
	margin: 1px;
	border: 1px solid black;
	/*background-image:url(Bilder/button.png);*/
	background-color: #999FF9;
	}
	
	.mainitems a{
	display: block;
	font-family: Arial;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
	text-shadow:White;
	color:black; 
	}
	.mainitems a:visited { 
	font-weight:bold;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
	text-shadow:White;
	color:black; 
	}
	.mainitems a:hover {
	background-color: #646FFA;
	font-weight:bold;
	margin-left: 3px;
	margin-right: 3px;
	text-decoration: none;
	text-shadow:White;
	color:black; 
	}

	
	#restofcontent { /*wrap rest of content of the page inside this div*/
	clear: left;
	}
	#personaldetail {
		position: absolute;
		width: 750px;
	}

	#personaldata {
		position: absolute;
		background-color:#898FF9;
		border: 1px solid black;
		border-style:solid;
		left: 320px;
		top: 20px;
		width: 330px;
		empty-cells:hide;
	}

	#tauchpaket {
		position: absolute;
		background-color:#898FF9;
		border: 1px solid black;
		border-style:solid;
		left: 3px;
		top: 20px;
		width: 280px;
		empty-cells:hide;
	}
	

	#submitbutton {
		position: absolute;
		top: 440px;
		left: 580px;
	}
	
	#personaldata2 {
		position: absolute;
		top: 100px;
		left: 30px;
		background-color:#898FF9;
		border: 1px solid black;
		width: 400px;
		empty-cells:hide;
	}
	
	#bookedpakage {
		position: absolute;
		top: 100px;
		left: 450px;
		background-color:#898FF9;
		border: 1px solid black;
		width: 300px;
		empty-cells:hide;
	}
	
		#infotext {
		position: absolute;
		top: 50px;
		left: 50px;
		background-color:#898FF9;
		border: 1px solid black;
		width: 620px;
	}
	#bookedhotel {
		position: absolute;
		top: 50px;
		left: 30px;
		background-color:#898FF9;
		border: 1px solid black;
		width: 400px;
		empty-cells:hide;
	}
		#textbox {
		position: absolute;
		top: 50px;
		left: 470px;
		background-color:#898FF9;
		border: 1px solid black;
		width: 300px;
		empty-cells:hide;
	}
	#bookingtable {
		position: absolute;
		left:20;
		border: 1px solid black;
		empty-cells:hide;
	}
	
	/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a .preview1
{
	display: none;
}
.hoverbox a .preview2
{
	display: none;
}
.hoverbox a .preview3
{
	display: none;
}
.hoverbox a .preview4
{
	display: none;
}
.hoverbox a .preview5
{
	display: none;
}
.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -50px;
	z-index: 1;
}
.hoverbox a:hover .preview2
{
	display: block;
	position: absolute;
	top: -150px;
	left: -5px;
	z-index: 1;
}
.hoverbox a:hover .preview1
{
	display: block;
	position: absolute;
	top: -130px;
	left: -502px;
	z-index: 1;
}
.hoverbox a:hover .preview3
{
	display: block;
	position: absolute;
	top: -33px;
	left: -300px;
	z-index: 1;
}
.hoverbox a:hover .preview4
{
	display: block;
	position: absolute;
	top: -130px;
	left: -402px;
	z-index: 1;
}
.hoverbox a:hover .preview5
{
	display: block;
	position: absolute;
	top: -50px;
	left: -5px;
	z-index: 1;
}
.hoverbox img
{
	background: #A9AFF9;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 0px;
	vertical-align: top;
	width: 100px;
	height:75px;
}

.hoverbox li
{
	background: #A9AFF9;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: left;
	margin: 10px;
	margin-right: 20px;
	padding: 0px;
	position: relative;
}
.hoverbox re
{
	background: #A9AFF9;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 0px;
	color: inherit;
	display: inline;
	float: right;
	margin: 10px;
	margin-right: 20px;
	padding: 0px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 400px;
	height: 300px;
	z-index: 7;
}

.hoverbox .preview1
{
	border-color: #000;
	width: 600px;
	height: 450px;
	z-index: 7;
}

.hoverbox .preview2
{
	border-color: #000;
	width: 300px;
	height: 400px;
	z-index: 7;
}

.hoverbox .preview3
{
	border-color: #000;
	width: 400px;
	height: 300px;
	z-index: 7;
}
.hoverbox .preview4
{
	border-color: #000;
	width: 600px;
	height: 450px;
	z-index: 7;
}
.hoverbox .preview5
{
	border-color: #000;
	width: 300px;
	height: 400px;
	z-index: 7;
}
#spacer {
	position:inherit;
	clear: both;
	height:200px;
	background-color: #A9AFF9;
}
	
#bilderrahmen {
	position: relative;
	width: 700px;
	left: 50px;
}
  -->