* 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*  ==================================================================== COMMON  */

p
{
	font-size: 12pt;
	color: #919191;
	line-height: 25px;
	font-family: Candara, 'Trebuchet MS', sans-serif;
	padding: 0px 0px 7px 0px;
}
a 
{
	font-size: 12pt;
	color: #919191;
	font-family: Candara, 'Trebuchet MS', sans-serif;
}
a img 
{
	border-width:0px;
	
}
div.readMore
{
	text-align:right;
}
.readMore span
{
	font-weight: bold;
	font-size: 12pt;
	color: #8a0f00;
	font-family: Candara, 'Trebuchet MS', sans-serif;
	text-decoration: none;
	cursor:pointer;
}
.readMore span:hover
{
	text-decoration: underline;
}
img.grayBorder
{
	border: #bdbdbd 5px solid;
}
img.orangeBorder
{
	border-right: goldenrod 5px solid;
	border-top: goldenrod 5px solid;
	border-left: goldenrod 5px solid;
	border-bottom: goldenrod 5px solid;
}
img.inText 
{
	float:left;
	margin: 8px 15px 5px 0px;	
}
img.inTextRight 
{
	float:right;
	margin: 8px 0px 5px 15px;	
}
.orangeText
{
	font-weight: bold;
	font-size: 12pt;
	color: #dc4201;
	line-height: 26px;
	font-family: Candara, 'Trebuchet MS', sans-serif;
}
.smallText
{
	font-size: 10pt;
	font-family: sans-serif;
}
div.smallContainerText
{
	font-size: 10pt;
	color: #919191;
	line-height: 20px;
	font-family: Candara, 'Trebuchet MS', sans-serif;
	text-decoration: none;
	padding: 15px 15px 15px 15px;
}
a.orangeButton
{
	padding: 0px 0px 0px 0px;
	/*background: url(buttonOrangeLeftBackground.png) no-repeat left top;*/
}
a.orangeButton span 
{
	padding: 0px 14px 0px 14px;
	background: url(buttonOrangeBackground.png) no-repeat right top;
}

hr 
{
	border: none 0; 
	border-top: 1px solid #e9e9e9;
	height: 0px;
	margin: 10px 0px 10px 0px;
}
div.hr {
	height: 14px;
	background: url(hrStyle2.png) no-repeat center center;
	margin: 15px auto 15px auto;
	width: 400px;
}
div.hr hr {
	display: none;
}


div.space 
{
	padding: 10px 0px 10px 0px;
}
div.space2
{
	padding: 15px 0px 15px 0px;
}
#reservationFrame
{
	width: 100%;
	height: 820px;
}
.textHeader
{
	padding: 5px 0px 20px 0px;
}
ul.intext
{
	padding: 0px 0px 10px 20px;
	list-style-type: none;
}
ul.intext li
{	
	padding: 0px 0px 0px 12px;
	background: url(rightMenuBulet.png) no-repeat 0px 9px;
}
/*  ==================================================================== DEFAULT PAGE  */
#defaultCenter
{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;

}
#defaultCenterContainer
{
	width: 464px;
	height: 653px;
	margin-left: -232px; 
	position: absolute;
	top: -326px;
	left: 50%;
	
}
#defaultCenterContainer ul {
	width:100%;
	height:60px;
	list-style:none;
	margin-top:15px;
}
#defaultCenterContainer ul li {
	float:left;
	margin-left:110px; /* centering the buttons */
}
#defaultCenterContainer ul li a {
	display:block;
	height:60px;
	width:60px;
	position:relative;
}
#defaultCenterContainer ul li a.nl 
{
	background:url(defaultPageButtonNlOff.png) no-repeat top left;
	
}
#defaultCenterContainer ul li a.en 
{
	background:url(defaultPageButtonEnOff.png) no-repeat top left;
	
}
#defaultCenterContainer ul li a.fr 
{
	background:url(defaultPageButtonFrOff.png) no-repeat top left;
	
}
#defaultCenterContainer ul li a.de 
{
	background:url(defaultPageButtonDeOff.png) no-repeat top left;
	
}
#defaultCenterContainer ul li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
	cursor:pointer;
}
#defaultCenterContainer ul li a.nl span 
{
	background:url(defaultPageButtonNlOn.png) no-repeat top left;
}
#defaultCenterContainer ul li a.en span 
{
	background:url(defaultPageButtonEnOn.png) no-repeat top left;
}
#defaultCenterContainer ul li a.fr span 
{
	background:url(defaultPageButtonFrOn.png) no-repeat top left;
}
#defaultCenterContainer ul li a.de span 
{
	background:url(defaultPageButtonDeOn.png) no-repeat top left;
}

/*  ==================================================================== BODY  */
body
{
	font-size: 100%;
	vertical-align: baseline;
	background: url(bodyBackground.png) #911700 fixed left top;
}
#bodyShadow
{
	position:fixed;
	left:0px;
	top:0px;
	width: 100%;
	height: 700px;
	/*background: url(bodyVerticalGradient.png) fixed repeat-x left top;*/
	overflow:hidden;
}
#bodyContent
{
	margin: 0px auto;
	padding-top: 20px;
	width: 1000px;
	position: relative;
}
#bodyContentBackground
{
	position: relative;
	width: 960px;
	padding: 0px 20px 0px 20px;
	background: url(bodyContentShadow.png) repeat-y 4px top;
}
#contentBody
{	
	position: relative;
	width: 960px;
	background-color: white;
	
}
#hulleHutText
{
	background: url(hulleHutBG.jpg) repeat-y;
	padding-bottom:30px;
}
/*  ==================================================================== HEADER  */
#header
{
	position: relative;
	width:100%;
	height:176px;
	background-color: #ebebeb;
}
#headerLogo
{
	height: 176px;
	width: 440px;
	background: url(headerLogo.png) no-repeat center center;
}
#headerBanner
{
	position:absolute;
	top:83px;
	right:20px;
	height: 76px;
	width: 494px;
	background: url(headerBanner.png) no-repeat center center;
}
#languages
{
	position:absolute;
	top:22px;
	right:36px;
	list-style-type: none;
}
#languages li
{
	float:left;
	padding-left:10px;
}
#languages a
{
	display:block;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	color: black;
	font-family: Arial;
	text-decoration: none;
}
#languages a.current
{
	color:#dc4200;
	cursor:default;
}
#languages a:hover
{
	color:#dc4200;
}
#availabilityButton
{
	position:absolute;
	top:15px;
	right:120px;
	width:200px;
	height:36px;
}
/*  ==================================================================== TOP MENU  */
#topMenu
{
	width: 960px;
	height: 60px;
	position: relative;
	background: url(topMenuBackground.png) #ebebeb repeat-x left top;
}
#topMenuLeftCorner
{
	position: absolute;
	left: -10px;
	top: 0px;
	width: 10px;
	height: 60px;
	background: url(topMenuLeftCorner.png) no-repeat left top;
}

#topMenuRightCorner
{
	position:absolute;
	right:-10px;
	top:0px;
	width:10px;
	height:60px;
	background: url(topMenuRightCorner.png) no-repeat top left;
}
#topMenu ul
{
	list-style:none;
}
#topMenu li
{
	float: left;
}
#topMenu a
{
	float: left;
	padding: 0px 0px 3px 0px;
	cursor: pointer;
	font-weight: bold;
	font-size: 11pt;
	text-transform: uppercase;
	color: white;
	font-family:Candara, 'Trebuchet MS', sans-serif;
	text-decoration: none;
}
#topMenu .topMenuItemBackground
{	float: left;
	
}
#topMenu .topMenuItemRightBackground
{	
	float: left;
	display: block;
	padding: 15px 17px 20px 17px;
	
}
#topMenu a:hover, #topMenu a.current
{
	background: url(topMenuItemTriangle.png) no-repeat center 47px;
}
#topMenu a:hover .topMenuItemBackground, #topMenu a.current .topMenuItemBackground
{
	background: url(topMenuItemBackground.png) repeat-x left top;	
}
#topMenu a:hover .topMenuItemRightBackground, #topMenu a.current .topMenuItemRightBackground
{
	background: url(topMenuItemRightCorner.png) no-repeat right top;	
}

/*  ==================================================================== CONTENT  */
#content
{
	padding: 12px 0px 17px 8px;
	background: url(contentContainerBackground.jpg) repeat-x left top;	
}
.contentClear
{
	clear:both;
}
/*============================================================ LEFT CONTENT  */
#leftContent
{
	width: 704px;
	padding-right:15px;
	float: left;
}
#leftContentPicture 
{
	/*width: 690px;	/*702*/
	padding: 6px 6px 6px 6px;
	margin-bottom: 7px;
}
#leftContentText
{
	padding: 18px 18px 18px 18px;
	margin-bottom: 16px;
	/*width: 666px;*/
	font-size: 12pt;
	color: #919191;
	line-height: 22px;
	font-family: Candara, 'Trebuchet MS', sans-serif;
}
#leftOrderRoom 
{
	position:relative;
	float: left;
	width:360px;
	min-height:230px
}
#leftOrderRoomHeader
{
	position:relative;
	height:30px;
	width:341px;
	left:-9px;
	padding: 7px 0px 0px 30px;
	background: url(leftOrderRoomHeaderBackground.png) repeat-x left top;
	
}
#leftOrderRoomHeaderCorner
{
	position:absolute;	
	left:-11px;
	top:0px;
	height:44px;
	width:11px;
	background: url(leftOrderRoomHeaderCorner.png) no-repeat left top;
	
}
#leftVisitPallieterland
{
	position:relative;
	float: left;
	width:340px;
	min-height:230px
}
#leftVisitPallieterlandHeader
{
	position:relative;
	height:30px;
	width:321px;
	left:-1px;
	padding: 7px 0px 0px 20px;
	background: url(leftVisitPallieterlandHeaderBackground.png) repeat-x left top;	
}
#leftOrderRoom .smallImage, #leftVisitPallieterland .smallImage
{
	float:left;
	margin: 20px 20px 20px 20px;
}
.moreDetails 
{
	position:absolute;
	right:20px;
	bottom:20px;
	text-align:right;
}
#contactHeader
{
	position:relative;
	left:-37px;
	top:-20px;
	margin-bottom:-10px;
	width:276px;
	height:44px;
}
#roomsHeader
{
	position:relative;
	left:-37px;
	top:-20px;
	margin-bottom:-10px;
	width:276px;
	height:44px;
}

#BottomBanner
{
	margin-left: 118px;  
}

/*========================================================= ROOMS  */
ul.roomsList
{
	list-style-type: none;
}
ul.roomsList li
{
	margin: 0px 16px 30px 0px;
	float:left;
	width:154px;
}
ul.roomsList .roomsListTitle
{
	font-size: 12pt;
	color: #e57140;
	line-height: 22px;
	font-family: Candara, 'Trebuchet MS', sans-serif;
	font-weight: bold;
}
ul.roomsList .roomsListOrange
{
	padding: 2px 2px 2px 2px;
	background-color: #e64500;
	cursor:pointer;
}
ul.roomsList span
{
	padding-right: 16px;
	background: url(roomsLinkArrow.png) no-repeat 97% center;
	display:block;
	font-size: 10pt;
	color: white;
	font-family: Candara, 'Trebuchet MS', sans-serif;
	text-decoration: none;
	text-align:right;
	
}
ul.roomsList span:hover
{
	text-decoration:underline;
}
/*========================================================= CONTACT FORM  */

#contactForm
{
	border: #ebebeb 1px solid;
	margin-top:10px;
	padding: 20px;
	width:350px;
	min-height: 350px;
}
#contactForm input, #contactForm textarea, #contactForm select
{
	border: lavender 1px solid;
	font-size: 12px;
	color: #919191;
	line-height: 26px;
	font-family: Arial;
	padding: 0px 3px 0px 3px;
	margin-bottom:15px;
	width:100%;
}
#contactForm select
{
	width:102%;	
}

#contactForm input, #contactForm select {height:26px;}

#contactForm textarea {height:200px;}

#contactForm .button
{
	width:100px;
	border: #b5b5b5 1px solid;
	font-weight: bold;
	font-size: 12px;
	color: #929292;
	font-family: Arial;
	background: url(buttonSubmitBackground.jpg) repeat-x left top;
	height:28px;
	cursor:pointer;
}
#contactImage
{
	position:absolute;
	right:20px;
	top:82px;
}
/*============================================================ RIGHT CONTENT  */
#rightContent
{
	width: 233px;	
	float: left;
}
.framedContainer
{	position: relative;
	background: url(framedContainerBottomBackground.png) white repeat-x left bottom;
	border-right: #e2e2e2 1px solid;
	border-left: #e2e2e2 1px solid;
}
#rightMenu 
{
	width: 224px;
	padding: 0px 0px 3px 0px;
	margin-bottom:18px;
}
.rightMenuHeader
{
	position:relative;
	top:0px;
	left:0px;
	width:212px;
	height:29px;
	background: url(rightMenuHeaderBackground.png) repeat-x left top;
	padding: 8px 0px 0px 20px;
}

.rightMenuHeaderCorner
{
	position:absolute;	
	right:-10px;
	top:0px;
	height:44px;
	width:10px;
	background: url(rightMenuHeaderCorner.png) no-repeat left top;
}
.rightMenuText
{
	padding: 10px 20px 20px 20px;	
}
.rightMenuText p
{
	padding: 0px 0px 5px 0px;	
	line-height:25px;
	font-size: 11pt;
}
#rightMenu ul
{
	padding: 0px 0px 20px 0px;
	list-style-type: none;
}
#rightMenu li
{	
	padding: 10px 0px 0px 40px;
	background: url(rightMenuBulet.png) no-repeat 20px 17px;
	font-size: 11pt;
	color: #919191;
	font-family: Candara, 'Trebuchet MS', sans-serif;
}

#rightMenu a
{
	text-decoration: none;
}
#rightMenu a:hover
{
	text-decoration: underline;
}
#rightBanner
{
	width: 218px;
	padding: 3px 3px 6px 3px;
}
/*  ==================================================================== RIGHT MENU EXTRAS  */
#rightMenuExtras {
	width:180px;
	height:240px;
	list-style:none;
}
#rightMenuExtras li {

	margin-left:0px;
}
#rightMenuExtras li a {
	display:block;
	height:60px;
	width:180px;
	position:relative;
	background:url(rightMenuExtrasItems.jpg) no-repeat top left;
}
#rightMenuExtras li a.giftCoupon 
{
	
}
#rightMenuExtras li a.arrangement 
{
	background-position: 0px -120px;
	
}
#rightMenuExtras li a.photos 
{
	background-position: 0px -240px;
	
}
#rightMenuExtras li a.hulleHut 
{
	background-position: 0px -360px;
	
}
#rightMenuExtras li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
	cursor:pointer;
	background:url(rightMenuExtrasItems.jpg) no-repeat top left;
}
#rightMenuExtras li a.giftCoupon span 
{
	background-position: 0px -60px;
}
#rightMenuExtras li a.arrangement span 
{
	background-position: 0px -180px;
}
#rightMenuExtras li a.photos span 
{
	background-position: 0px -300px;
}
#rightMenuExtras li a.hulleHut span
{
	background-position: 0px -420px;
}

/*  ==================================================================== FOOTER  */
#footer
{
	clear:both;
	height:135px;
	font-size: 9pt;
	color: #919191;
	font-family: Candara, 'Trebuchet MS', sans-serif;
	background-color:#505050;
}
#footer p 
{
	font-size: 9pt;
	line-height: 17px;
}

#footerLeftColumn
{
	float: left;
	width: 340px;
	height: 64px;
	padding: 17px 0px 0px 108px;
	background: url(footerLeftBackground.png) no-repeat 28px 0px;
}
#footerLeftColumn a
{
	color: #919191;
	text-decoration: none;
	font-size: 9pt;
}
#footerLeftColumn a:hover
{
	color: #919191;
	text-decoration: underline;
}
#footerRightColumn
{
	float: left;
	width: 480px;
	height: 80px;
	padding: 0px 0px 0px 22px;
	background: url(footerRightBackground.png) no-repeat left 8px;
}

#partnerLinks {list-style:none;}

#partnerLinks * {float: left;}

#partnerLinks a {padding: 5px 20px 0px 0px;}

/*  ==================================================================== BOTTOM MENU  */
#bottomMenu
{
	width:960px;
	height:44px;
	position:relative;
	background: url(bottomMenuBackground.png) repeat-x top left;
}
#bottomMenuLeftCorner
{
	position:absolute;
	left:-10px;
	top:0px;
	width:10px;
	height:44px;
	background: url(bottomMenuLeftCorner.png) no-repeat top left;
}

#bottomMenuRightCorner
{
	position:absolute;
	right:-10px;
	top:0px;
	width:10px;
	height:44px;
	background: url(bottomMenuRightCorner.png) no-repeat top left;
}
#bottomMenu ul
{
	list-style-type: none;
}
#bottomMenu li
{
	float: left;
}
#bottomMenu span.bullet
{
	float: left;
	padding: 15px 2px 0px 2px;
	background: url(bottomMenuBullet.png) no-repeat center 15px;
}
#bottomMenu a
{
	float: left;
	padding: 10px 16px 0px 16px;
	font-size: 10pt;
	text-transform: uppercase;
	color: white;
	font-family: Candara, 'Trebuchet MS' , sans-serif;
	text-decoration: none;
}
#bottomMenu a:hover
{
	text-decoration:underline;
}

/*  ==================================================================== GIFT COUPON  */

div.giftCouponFlyer
{
	background: url(giftCouponFlyer.jpg) no-repeat center;
	width:100%;
	height:465px;
	padding: 0px 0px 0px 0px;
}
#giftCouponSample
{
	float:right;
	width:260px;
	height:200px;
	padding-left:20px;
}

#giftCouponSample span.sideR 
{
	background:url(LogeerBonRs.jpg) no-repeat top left;

}
#giftCouponSample span.sideV 
{
	background:url(LogeerBonVs.jpg) no-repeat top left;
	
}
#giftCouponSample span {
	display:block;
	float:left;
	top:0;
	left:0;
	height:161px;
	width:120px;
	cursor:pointer;
}
#giftCouponSample span.sideR span 
{
	background:url(LogeerBonRsa.jpg) no-repeat top left;
}
#giftCouponSample span.sideV span 
{
	background:url(LogeerBonVsa.jpg) no-repeat top left;
}

/*  ==================================================================== LINK BUTTONS  */
div.orange-button, div.red-button 
{
	height: 29px;
	margin: 2px 2px 2px 2px;
}
.pcb, .pcb span {
	background: url(linkButtonSkin.png) no-repeat;
	height: 29px;
	line-height: 29px;
	padding: 5px 0 6px 0;
}
.pcb, a.pcb:link, a.pcb:visited {
	color: #fff;
	padding-left: 14px;
	text-decoration: none !important;
}
/* ie 6 hack */
* html div#frame .pcb {
	color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}
/* ie 7 hack */
*:first-child+html .pcb {
	color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	text-decoration: none;
}
.pcb span {
	padding-right: 14px;
}
a.orange-button, a.orange-button:link, a.orange-button:visited, a.red-button, a.red-button:link, a.red-button:visited {
	color: #fff !important;
	font-size: 13px;
	font-weight: bold;
	font-family: Arial;
}
a.orange-button {background-position: left 0px;}
a.orange-button span {background-position: right -27px;}
a.orange-button:hover {background-position: left -54px;}
a.orange-button:hover span {background-position: right -81px;}
a.orange-button:active {background-position: left -108px;}
a.orange-button:active span {background-position: right -135px;}

a.red-button {background-position: left -162px;}
a.red-button span {background-position: right -189px;}
a.red-button:hover {background-position: left -216px;}
a.red-button:hover span {background-position: right -243px;}
a.red-button:active {background-position: left -270px;}
a.red-button:active span {background-position: right -297px;}