<style type="text/css">

body {
	color: #FFFFFF;
	font-family: sans-serif;
	text-align: left;
	height: 100%;
	background: url(images/bg.jpg);
}

a:link { color:#a36f32; text-decoration:none; font-weight: normal }
a:visited { color:#a36f32; text-decoration:none; font-weight: normal }
a:hover { color:#a36f32; text-decoration:underline; font-weight: normal }

.invbox {
	width: 983px;
	font-family: sans-serif;
	font-size: 14px;
	text-align: left;
	color: #4c3f3c;
	padding: 0px;
}

.whitebox {
	width: 983px;
	font-family: sans-serif;
	font-size: 14px;
	text-align: left;
	background: #FFFFFF;
	border: 8px solid white;
	margin-top: 8px;
}

.menu {
	font-size: 16px;
}

.alink {
	color: #a36f32;
}

.alink a:link { color:#a36f32; text-decoration:none; font-weight: normal }

.menu a:link { color:#4c3f3c; text-decoration:none; font-weight: normal }
.menu a:visited { color:#4c3f3c; text-decoration:none; font-weight: normal }
.menu a:hover { color:#a36f32; text-decoration:none; font-weight: normal }

.slideshow {
	width: 983px;
	height: 144px;
	margin-top: 291px;
}

.slidepic {
	border: 1px #4c3f3c solid;
	margin-left: 28px;
}

.rightpic {
	border: 1px #4c3f3c solid;
	margin-left: 28px;
	float:right;
}

.leftpic {
	border: 1px #4c3f3c solid;
	margin-right: 28px;
	float:left;
}

.galpic {
	border: 1px #4c3f3c solid;
	margin: 10px;
}

.centername {
	font-family: sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #4c3f3c;
	padding: 0px;
}

.pic {
	border: 1px #4c3f3c solid;
}

#pic1 {
	background: url(images/sun-island-strandbar-leverkusen.jpg) no-repeat;
	width: 983px;
	height: 578px;
}

#pic1new {
	background: url(images/sun-island-strandbar-leverkusen.jpg) no-repeat;
	width: 983px;
	height: 1100px;
}

#pic2 {
	background: url(images/sun-island-strandbar-leverkusen2.jpg) no-repeat;
	width: 983px;
}

.innerbg {
	width: 983px;
	background: url(images/innerbg.jpg);
}

.innerbgbottom {
	width: 983px;
	height: 15px;
	background: url(images/innerbgbottom.jpg);
}

.hours {
	text-align: left;
}

.highlight {
	font-weight: bold;
	font-size: 15px;
}

.content {
	padding: 50px;
	margin-top: 150px;
}

h1 {
	font-family: sans-serif;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	color: #4c3f3c;
	padding: 0px;
}

h2 {
	font-family: sans-serif;
	border-bottom: 2px #4c3f3c dotted;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	color: #4c3f3c;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.normtext {
	font-family: sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #4c3f3c;
	padding: 0px;
	line-height: 1.5;
}

.csstable { display:table; }
.csstr { display:table-row; }
.csstd { display:table-cell; vertical-align:top;}

.credits {
	font-family: sans-serif;
	font-size: 12px;
	text-align: center;
	color: #574739;
	margin: 5px;
	padding: 0px;
}

.musik {
	font-family: sans-serif;
	font-size: 10px;
	text-align: left;
	color: #574739;
	margin: 5px;
	padding: 0px;
}

.oeffnungsstatus {
	font-family: sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #574739;
	margin: 5px;
	margin-top: 15px;
	padding: 0px;
}

.picnav {
	font-family: sans-serif;
	font-size: 20px;
	text-align: center;
	color: #000000;
	margin: 5px;
	padding: 0px;
}

.picmain {
	font-family: sans-serif;
	font-size: 20px;
	text-align: center;
	color: #000000;
	margin: 5px;
	padding: 0px;
}

.preistable {
	border: 1px #4c3f3c solid;
	border-right: 0px;
	border-bottom: 0px;
}

.preisinfo {
	margin-top: 5px;
	font-style: italic;
}

.closed {
	color: #d70000;
}

.opened {
	color: #099e25;
}

.tdheader {
	border-right: 1px #4c3f3c solid;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 12px;
	background: #4c3f3c;
	color: #ffe6c8;
}

.td {
	border-right: 1px #4c3f3c solid;
	border-bottom: 1px #4c3f3c solid;
	font-family: sans-serif;
	font-weight: normal;
	font-size: 12px;
}

.tdc {
	border-right: 1px #4c3f3c solid;
	border-bottom: 1px #4c3f3c solid;
	font-family: sans-serif;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
}

.picmain a:link { color:#000000; text-decoration:none; font-weight: bold }
.picmain a:visited { color:#000000; text-decoration:none; font-weight: bold }
.picmain a:hover { color:#000000; text-decoration:none; font-weight: bold }

#thumbnail_wide {
	font-family: sans-serif;
	font-size: 12px;
	text-align: center;
	color: #574739;
	padding: 5px;
	margin: 0px;
	padding-top: 22px;
	padding-bottom: 22px;
	border: 1px solid #574739;
	background: #000000;
}

#thumbnail {
	font-family: sans-serif;
	font-size: 12px;
	text-align: center;
	color: #574739;
	padding: 5px;
	margin: 0px;
	border: 1px solid #574739;
	background: #000000;
}

#thumbnail_high {
	font-family: sans-serif;
	font-size: 12px;
	text-align: center;
	color: #574739;
	margin: 0px;
	padding: 5px;
	padding-right: 22px;
	padding-left: 22px;
	border: 1px solid #574739;
	background: #000000;
}

.tablehead {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: justify;
	color: #574739;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #574739;
}

.tablenorm {
	font-family: sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #4c3f3c;
	margin: 0px;
	padding: 0px;
}

.preisehead {
	font-family: sans-serif;
	font-size: 14px;
	text-align: left;
	color: #eaa569;
	margin: 0px;
	margin-bottom: 0px;
	padding: 5px;
	border-bottom: 1px solid #574739;
	background: #44260b;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;

}

.preiseouterbox {
	font-family: sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #574739;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	border: 1px solid #574739;
	border-top: 0px;
}

.preiseleft {
	font-family: sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #574739;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	border-right: 1px solid #574739;
}

.preiseright {
	font-family: sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #574739;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
}

.preisenorm {
	font-family: sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #574739;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	border: 1px solid #574739;
	border-top: 0px;
}

.preisenorm2 {
	font-family: sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #574739;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	border: 1px solid #574739;
	border-top: 0px;
	border-left: 0px;
}

.preisefoot {
	font-family: sans-serif;
	font-size: 10px;
	text-align: left;
	color: #574739;
	margin: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 5px;
	padding-top: 2px;
}


.guestbookhead {
	font-family: sans-serif;
	font-size: 14px;
	text-align: left;
	color: #eaa569;
	margin: 5px;
	margin-bottom: 0px;
	padding: 5px;
	border-bottom: 1px solid #574739;
	background: #44260b;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;

}

.guestbookhead a:link { color:#eaa569; text-decoration:none; font-weight: bold }
.guestbookhead a:visited { color:#eaa569; text-decoration:none; font-weight: bold }
.guestbookhead a:hover { color:#f8caa2; text-decoration:none; font-weight: bold }


.guestbooknorm {
	font-family: sans-serif;
	font-size: 14px;
	text-align: justify;
	color: #574739;
	margin: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 5px;
	border: 1px solid #574739;
	border-top: 0px;
}

.guestbookdate {
	font-family: sans-serif;
	font-size: 10px;
	text-align: left;
	color: #574739;
	margin: 5px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 5px;
	padding-top: 2px;
}

.textarea {
	font-size: 12px;
	color: #574739;
	margin: 2px;
	padding: 2px;
	border:1px #574739 solid;
	background-color: #FFFFFF;
}

.formtitle {
	font-family: sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #574739;
	margin: 5px;
	padding: 0px;
}

#fader{
background: #000000;
height: 100%;
width: 100%;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
position:absolute;
z-index: 1;
visibility: visible;
}

#flashobj{
position:absolute;
z-index: 10;
visibility: visible;
}

#location {
	display:block;
	width:105px;
	height:135px;
	background-image: url(images/menu_location.jpg); 
	background-position: bottom;
	float: left;
}

#location:hover {
	display:block;
	width:105px;
	height:135px;
	background-image: url(images/menu_location_over.gif); 
	background-position: bottom;
	float: left;
}

#events {
	display:block;
	width:82px;
	height:135px;
	background-image: url(images/menu_events.jpg); 
	background-position: bottom;
	float: left;
}

#events:hover {
	display:block;
	width:82px;
	height:135px;
	background-image: url(images/menu_events_over.gif); 
	background-position: bottom;
	float: left;
}

#gaestebuch {
	display:block;
	width:120px;
	height:43px;
	background-image: url(images/menu_gaestebuch.jpg); 
	background-position: bottom;
	float: left;
}

#gaestebuch:hover {
	display:block;
	width:120px;
	height:43px;
	background-image: url(images/menu_gaestebuch_over.jpg); 
	background-position: bottom;
	float: left;
}

#idee {
	display:block;
	width:97px;
	height:135px;
	background-image: url(images/menu_idee.jpg); 
	background-position: bottom;
	float: left;
}

#idee:hover {
	display:block;
	width:97px;
	height:135px;
	background-image: url(images/menu_idee_over.gif); 
	background-position: bottom;
	float: left;
}

#preise {
	display:block;
	width:103px;
	height:43px;
	background-image: url(images/menu_preise.jpg); 
	background-position: bottom;
	float: left;
}

#preise:hover {
	display:block;
	width:103px;
	height:43px;
	background-image: url(images/menu_preise_over.jpg); 
	background-position: bottom;
	float: left;
}

#links {
	display:block;
	width:120px;
	height:43px;
	background-image: url(images/menu_links.jpg); 
	background-position: bottom;
	float: left;
}

#links:hover {
	display:block;
	width:120px;
	height:43px;
	background-image: url(images/menu_links_over.jpg); 
	background-position: bottom;
	float: left;
}

#pictures {
	display:block;
	width:97px;
	height:135px;
	background-image: url(images/menu_pictures.jpg); 
	background-position: bottom;
	float: left;
}

#pictures:hover {
	display:block;
	width:97px;
	height:135px;
	background-image: url(images/menu_pictures_over.gif); 
	background-position: bottom;
	float: left;
}

#kontakt {
	display:block;
	width:125px;
	height:135px;
	background-image: url(images/menu_kontakt.jpg); 
	background-position: bottom;
	float: left;
}

#kontakt:hover {
	display:block;
	width:125px;
	height:135px;
	background-image: url(images/menu_kontakt_over.gif); 
	background-position: bottom;
	float: left;
}

#presse {
	display:block;
	width:86px;
	height:43px;
	background-image: url(images/menu_presse.jpg); 
	background-position: bottom;
	float: left;
}

#presse:hover {
	display:block;
	width:86px;
	height:43px;
	background-image: url(images/menu_presse_over.jpg); 
	background-position: bottom;
	float: left;
}

#dropmenudiv{
position:absolute;
border:1px solid #4D3F3E;
border-top-width: 0;
font:normal 10px Arial;
text-align: center;
padding: 2px;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
border-bottom: 0px solid black;
padding: 0px 0;
color: #574739;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:link { color:#574739; text-decoration:none; font-weight: bold }
#dropmenudiv a:visited { color:#574739; text-decoration:none; font-weight: bold }
#dropmenudiv a:hover{ color: #c99857; }

</style>