/* HOMEPAGE STYLESHEET HOTEL*/

/*@import url("homepage-kaders.css");*/


*{
margin:0;
padding:0;
border:none;
}


body{
	margin:0px 0 20px 0;
	background-image: url(../images/woodbg_dark.jpg);
	text-align:center;
	/*min-width:840px;for netscape browsers*/
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	background-color: #000;
}

#outer_wrapper{
margin:0 auto;
width:825px;
text-align:left;
}

#inner_wrapper{
width:792px;
padding:2px;
background:#000000;
border:2px solid #FFFFFF;
}


#subfooter{
text-align:center;
margin-top:10px;
color:#FFFFFF !important;
}

#subfooter a,
#subfooter a:visited,
#subfooter a:hover{
color:#FFFFFF !important;
font-size:10px;
}



/* Navagation Specific CSS */

#nav {
	height:21px;
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
	border-bottom:1px solid #000000;
	z-index:5;
	}

#nav ul { /* all lists */
	padding: 0px;
	margin:-1px 0px 0px -1px;
	width:189px;
	list-style: none;
	z-index:1;
	border:none;
	border-top:2px solid #000000;
	z-index:4;
	background:#828838;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	border-top: 0px;
	z-index:1;
	display:block;
	padding:0;
	height:21px;
}

#nav a {
	display:block;
	height:21px;
}

#nav a:hover {
	color:#000;
}
#nav li ul a {
	color:#000;
	width:100%;
}

#nav li ul a:hover {
	color:#FFFFFF;
	display:block;
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	left: 0px;
	cursor:pointer;
	background-color:#848A39;
	}

#nav li ul li {
	display: block;
	border:1px #000 solid;
	border-top:none;
	width:188px;
}


#nav 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;
}

#nav li:hover, #nav li.over, #nav li.stay  {
	color:#000000;
	background-color:#848A39;
}

#nav li:hover ul, #nav li.over ul, #nav li.stay ul { /* lists nested under hovered list items */
	display: block;
	top: 22px;
	border-top:1px;
}

#nav li:hover ul li, #nav li.over ul li, #nav li.stay ul li {
	font-weight:normal;
	padding:2px 0px 2px 0px;
	margin:0;
}

#nav li.home {
	border-right:0;
	cursor:pointer;
}

#nav li ul li.divider {
	border-top: 1px solid #000;
	}

.bottomNavButtons {
	display:block;
	float:right;
}

/* Navagation Elements */

#nav img.divider {
	display:block;
	float:left;
	margin:0;
	padding:0;
}

#reservations {
	height:8px;
	width:100px;
	background-image:url(../buttons/home-a.gif);
	border-right:solid 1px #000;
}

#reservations:hover, #reservations.over, #reservations.stay {
	background-image:url(../buttons/home-b.gif);
}


/*=END OF NAVIGATION
*************************************************************/


#content_wrapper{
border-top:2px solid #828838;
padding-bottom:1px;
background: url(../images/hp-tekst-rechtsonder.gif) bottom right no-repeat #FFFFFF;
}

#contentNav{
text-align:right;
padding-right:160px;
padding-top:10px;
width:587;
list-style:none;
}

#contentNav li{
display:inline;
padding-top:2px;
height:20px;
}

#contentNav li img{
padding-top:2px;
}

#hp_contact a{
text-decoration:none;
color:#000000;
text-indent:-1000px;
background:url(../buttons/contact_home.gif) left top no-repeat;
}

#hp_press a{
color:#000000;
text-decoration:none;
text-indent:-1000px;
background:url(../buttons/press-home.gif) left top no-repeat;
}


#content_text{
	height:230px;
	padding:20px 145px 0px 5px;
}
#content_text img{
margin-right:15px;
}


#content_pic_right{
	position:absolute;
	margin:250px 0px 0px 700px;
	z-index:1000;
	background:none;
}

#video_pic_right{
	position:absolute;
	margin:-150px 0px 0px 670px;
	z-index:1000;
	background:none;
}

#kader_pic_left{
	position:absolute;
	margin:55px 0px 0px -95px;
	z-index:1000;
	background:none;
}

#saxman_pic_left{
	position:absolute;
	margin:-200px 0px 0px -170px;
	z-index:1000;
	background:none;
	width: 122px;
}

#footer{
height:18px;
padding:3px 5px 0px 5px;
text-align:center;
margin-top:2px;
background:#828838;
clear:both;
color:#000000;
}


#footer a{
color:#F8D060;
}

#hm_02 {
	height: 136px;
	width: 146px;
	position: absolute;
	margin:75px 0px 0px -200px;
	background-image: url(../images/hm_div_02.jpg);
	padding-left: 35px;
	padding-top: 65px;
	text-align: left;
	list-style-position: outside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	z-index: 1000;
}
/* Specials */

#hm_02 ul {
	list-style-type: none;
	padding: 0;
	list-style-image: url(../images/specnav_bullet.gif);
	margin-left: 12px;
}
#hm_02 ul ul {
	list-style-type: none;
	list-style-image: url(../images/sidenav_line.gif);
	list-style-position: outside;
}
#hm_02 li {
	list-style-type: none;
}
.hm_02Bullethi {
	color: #af5500;
	list-style-image: url(../images/specnav_bullet.gif);
}
.hm_02Linehi {
	color: #af5500;
	list-style-image: url(../images/sidenav_line_hi.gif);
}
a.hm_02			{
	color: #aad7be;
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
	line-height: 16px;
} 

a.hm_02:link {
	text-decoration: none;
}
a.hm_02:visited {
	text-decoration: none;
	color: #aad7be;
}
a.hm_02:hover {
	text-decoration: none;
	color: #dc6e00;
}
a.hm_02:active {
	text-decoration: none;
	color: #aad7be;
}

#hm_06 {
	height: 70px;
	width: 146px;
	position: absolute;
	margin:175px 0px 0px 820px;
	background-image: url(../images/hm_div_06.jpg);
	padding-left: 35px;
	padding-top: 170px;
	text-align: left;
	list-style-position: outside;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 8px;
	z-index: 1000;

}
/* Specials */

#hm_06 ul {
	list-style-type: none;
	padding: 0;
	list-style-image: url(../images/specnav_bullet.gif);
	margin-left: 12px;
}
#hm_06 ul ul {
	list-style-type: none;
	list-style-image: url(../images/sidenav_line.gif);
	list-style-position: outside;
}
#hm_06 li {
	list-style-type: none;
}
.hm_06Bullethi {
	color: #af5500;
	list-style-image: url(../images/specnav_bullet.gif);
}
.hm_06Linehi {
	color: #af5500;
	list-style-image: url(../images/sidenav_line_hi.gif);
}
a.hm_06			{
	color: #000000;
	text-decoration: none;
	font-family: Verdana;
	font-size: 12px;
	line-height: 16px;
} 

a.hm_06:link {
	text-decoration: none;
}
a.hm_06:visited {
	text-decoration: none;
	color: #000000;
}
a.hm_06:hover {
	text-decoration: none;
	color: #dc6e00;
}
a.hm_06:active {
	text-decoration: none;
	color: #000000;
}

/** JUMBOTRON **/

#jumbotronContainer { position: relative; left: 0px; overflow: hidden;}
#homeJumbotron { height: 370px; width: 790px; margin-bottom: 4px; border: 0px solid #999; }

#jumbotronShow { height: 352px; width: 790px; background: #000000; overflow: hidden; }
#jumbotronShow .hovered { cursor: pointer; }

.jumbotronOverlay { display: none; position: absolute; width: 790px; height: 330px; }
.jumbotronOverlay a { display: none; width: 790px; height: 430px; }

.jumbotronImage { width: 790px;}

#jumbotronNav, #jumbotronPager { position: absolute; top: 355px; z-index: 10; height: 21px;} /** plaats van onderbalk **/

#jumbotronNav {
	width: 110px;
	padding-left: 10px;
	left: 1px;
	background-image: url(../images/jumbotron-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#jumbotronNav ul { display: inline; }
#jumbotronNav li { display: inline; float: left; }
#jumbotronNav a { width: 20px; display: block; color: #d9d9d9; text-decoration: none; text-align: center;  margin: 0px 2px; }
#jumbotronNav a:hover, #jumbotronPager a.activeSlide { background: #97C942; color: #323738; }

#jumbotronPager { background: #828838; width: 670px; left: 121px; padding: 0; text-align: right; line-height: 21px; overflow: hidden; }
#jumbotronPager a { width: 20px; color: #d9d9d9; text-decoration: none; text-align: center; padding: 4px 6px; margin: 0px 2px; }

/**.jumbotronText { padding: 25px 15px 5px 15px; }
.jumbotronText p { font: 12px/1.3em "Lucida Grande", "Lucida Sans Unicode", Verdana, Geneva, Helvetica, Arial, sans-serif; color: #333; }88?

