﻿/*** RESET ***/
*{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

img
{
    border: 0;
}
a {
	text-decoration: none;
	color: #ddd2c0;
}
a:hover {
	color: #ddd2c0;
	text-decoration: underline;
}
body{
	font-family: arial, sans-serif;
	font-size: 1em;
	line-height: 1.2em;
	background: url("../images/bg.jpg");
	color: #fefcfb;
	
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}

a:active { outline: 0; }

.clearfloats {clear: both;}

/*** END RESET ***/

/*** BASIC LAYOUT ***/

#bg 
{
	background: url("../images/bg_home.jpg") no-repeat;
	width: 100%;
	height: 900px;
	min-width: 960px;
	position: absolute;
	z-index: 0;
	overflow: hidden;
}

#container 
{
	width: 860px;
	margin: 0 auto;
	position: relative;
	z-index: 4;
}

/*** TOP ***/

#quicklinkcontainer 
{
	float: right;
	margin-bottom: 20px;	
}

#quicklinks 
{
	float: right;
	margin-right: 10px;
}

#quicklinks ul li
{
	float: left;
	padding: 0 2px 0 2px;
}

#talen 
{
	float: right;
	background-color: #ffffff;
	color: #4a4038;
	text-align: center;
	font-size: 10px;
	padding: 0 8px 0 8px;
}

#talen ul li
{
	float: left;
}

#talen ul li a
{
	text-decoration: none;
	color: #4a4038;
}

#talen ul li a:hover
{
	text-decoration: none;
	color: #4a4038;
}

#logo 
{
	width: 186px;
	height: 81px;
	float: left;
	margin-left: 70px;
}

#menu 
{
	float: left;
	margin: 44px 0 0 30px;
}

#menu ul li
{
	float: left;
	position: relative;
	z-index: 50;
}

#menu ul li a
{
	display: block;
	text-decoration: none;
	padding: 4px 5px 4px 5px;
}

#menu ul li a:hover
{
	display: block;
	text-decoration: none;
	background-color: #4a4038;
}

#menu ul li ul.subnav 
{
	position: absolute;
	top: 3px;
	left: 0px;
	background-color: #4a4038;
	border-top: 4px solid #27211d;
	width: 180px;
	font-size: 12px;
	margin-top: 17px;
	display: none;
	z-index: 50;
}

#menu ul li ul.subnav li
{
	float: none;
	width: 180px;
	border-bottom: 1px solid #584f48;
}

#menu ul li ul.subnav li a
{
	color: #ffffff;
	font-size: 12px;
	display: block;
	border: none !important;
	background: 10px 11px url("../images/submenuarrow.png") no-repeat;
	padding-left: 20px;
}

#menu ul li ul.subnav li a:hover
{
	background-color: #584f48;
	border: none !important;
	display: block;
	width: 155px;
	color: #f2f2f2;
}

#booknow 
{
	position: absolute;
	background-color: #1d1512;
	border: 1px solid #7b7775;
	top: 40px;
	right: 0;
	padding: 6px 10px 6px 10px;
}

/*** CONTENT ***/

#content 
{
	padding-top: 20px;
}

#slideshow img 
{
	border: 1px solid #949290;
	width: 856px; 
	height: 220px;
}

#truecontent 
{
	margin-top: 30px;
	margin-bottom: 60px;
}

#leftcontent 
{
	float: left;
	width: 430px;
}

#leftcontentbinnen 
{
	float: left;
	width: 280px;
}

#casinoeyecatcher 
{
	background: url("../images/casinoeyecatcher.png") no-repeat;
	width: 335px;
	height: 57px;
	margin-bottom: 10px;
	padding: 8px 0 0 90px;
}

#onthaaleyecatcher 
{
	background: url("../images/onthaaleyecatcher.png") no-repeat;
	width: 335px;
	height: 57px;
	margin-bottom: 10px;
	padding: 8px 0 0 90px;
}

#ontbijteyecatcher 
{
	background: url("../images/ontbijteyecatcher.png") no-repeat;
	width: 335px;
	height: 57px;
	padding: 8px 0 0 90px;
}

#casinoeyecatcherbinnen 
{
	background: url("../images/casinoeyecatcherbinnen.png") no-repeat;
	width: 247px;
	height: 36px;
	margin-bottom: 10px;
	padding: 71px 0 0 10px;
}

#casinoeyecatcherbinnen .cufon 
{
	margin-bottom: 3px;
}

#onthaaleyecatcherbinnen 
{
	background: url("../images/onthaaleyecatcherbinnen.png") no-repeat;
	width: 247px;
	height: 36px;
	margin-bottom: 10px;
	padding: 71px 0 0 10px;
}

#onthaaleyecatcherbinnen .cufon 
{
	margin-bottom: 3px;
}

#ontbijteyecatcherbinnen 
{
	background: url("../images/ontbijteyecatcherbinnen.png") no-repeat;
	width: 247px;
	height: 36px;
	margin-bottom: 10px;
	padding: 71px 0 0 10px;
}

#ontbijteyecatcherbinnen .cufon 
{
	margin-bottom: 3px;
}

.eyecatchertext 
{
	font-size: 11px;
	color: #bbae9e;
	line-height: 14px;
	margin-top: 2px;
}

#rightcontent 
{
	float: left;
	width: 410px;
	margin-left: 20px;
}

#rightcontentbinnen 
{
	float: left;
	width: 560px;
	margin-left: 20px;
}

.maintitle 
{
	margin-bottom: 10px;
}

.maintext 
{
	margin-bottom: 10px;
	font-size: 12px;
	color: #fefcfb;
}

.mainsubsubtitle
{
	margin: 2px 0 6px 0;
}

.maintextbinnen 
{
	margin-bottom: 30px;
	font-size: 12px;
	color: #fefcfb;
}

.maintextbinnen ul, .maintextbinnen ol
{
    list-style-type: disc !important;
    list-style-position: inside;
}

/*** FOOTER ***/

#footercontainer
{
	width: 100%;
	position: fixed;
	height: 36px;
	background-color: #ffffff;
	bottom: 0;
	color: #1f1f1f;
	font-size: 10px;
	padding: 14px 0 0 0;
	z-index: 100;
}

#footer 
{
	margin: 0 auto;
	width: 860px;
}

#footer a
{
	color: #1f1f1f;
}

#leftfooter 
{
	float: left;
}

#rightfooter 
{
	float: right;
}

.business, .images
{
    width: 150px;
    text-align: left;
    margin-right: 15px;
    
}

#stardekk 
{
	font-size: 0.9em;
	color: #c9bdb6;
}

.textarea 
{
	font-size: 1em;
	background-color: #251f1c;
	border: 1px solid #2f2824;
	color: #c9bdb6;
	padding: 2px 0 0 4px;
	width: 305px;
	font-family: Arial, Sans-Serif;
}

.textbox 
{
	margin-bottom: 6px;
	width: 150px;
	background-color: #251f1c;
	border: 1px solid #2f2824;
	color: #c9bdb6;
	padding: 2px 2px 2px 2px;
}

.contactbutton 
{
	background-color: #251f1c;
	border: 1px solid #2f2824;
	color: #c9bdb6;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.85em;
	margin-top: 6px;
}

.fotoviewer
{
    width: 160px;
    margin-right: 10px;
    margin-bottom: 5px;
    float: left;
}

.mainsubtitle
{
    margin-bottom: 12px;
}
