* {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 }

BODY {FONT-SIZE: 10px; LINE-HEIGHT: 16px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #e5ddcf}
A:link {COLOR: #c8b18b}
A:visited {COLOR: #c8b18b}
A:hover {COLOR: #e3d1ab}
A:active {COLOR: #e3d1ab}
IMG {DISPLAY: inline}
INPUT.text {FONT-SIZE: 10px; COLOR: #f8f3ea; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #524848}
TEXTAREA {FONT-SIZE: 10px; COLOR: #f8f3ea; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #524848; overflow : auto ;}
EM {FONT-WEIGHT: bold; FONT-STYLE: normal}


.clearer {CLEAR: both; HEIGHT: 0.1em}
#container {LEFT: 50%; MARGIN: -261px auto 0px -415px; WIDTH: 830px; POSITION: absolute; TOP: 50%; HEIGHT: 555px}
#wrapper {BACKGROUND: url(../images/bg_middle.gif)}
#page {BACKGROUND-IMAGE: url(../images/bg_top.gif)}
#page_top {PADDING-RIGHT: 5px; BACKGROUND-POSITION: left bottom; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(../images/bg_bottom.gif); PADDING-BOTTOM: 4px; PADDING-TOP: 5px}
#page_bottom {BORDER-RIGHT: #ded1b8 1px solid; BORDER-TOP: #ded1b8 1px solid; BORDER-LEFT: #ded1b8 1px solid; BORDER-BOTTOM: #ded1b8 1px solid}
#real_page {BORDER-RIGHT: #bbb2a4 9px solid; BORDER-TOP: #bbb2a4 9px solid; BACKGROUND: #f8f3ea; OVERFLOW: hidden; BORDER-LEFT: #bbb2a4 9px solid; BORDER-BOTTOM: #bbb2a4 9px solid; POSITION: relative; HEIGHT: 494px}
H1 {Z-INDEX: 10000; LEFT: 416px; WIDTH: 174px; POSITION: absolute; TOP: 218px; HEIGHT: 174px}
H1 A {DISPLAY: block; BACKGROUND: url(../images/logo.gif); OVERFLOW: hidden; WIDTH: 100%; TEXT-INDENT: -3000px; HEIGHT: 100%}
H2 {RIGHT: 0px; OVERFLOW: hidden; WIDTH: 246px; TEXT-INDENT: -3000px; POSITION: absolute; TOP: 0px; HEIGHT: 248px; background-repeat: no-repeat;}
H3 {font-weight: normal; color: #FFF; height: 14px; padding-bottom:10px;}
H4 {FONT-SIZE: 10px}
H5 {RIGHT: 0px; OVERFLOW: hidden; WIDTH: 246px; TEXT-INDENT: -3000px; POSITION: absolute; TOP: 0px; HEIGHT: 248px; background-repeat: no-repeat;}
H6 {RIGHT: 0px; OVERFLOW: hidden; WIDTH: 246px; TEXT-INDENT: -3000px; POSITION: absolute; TOP: 0px; HEIGHT: 248px; background-repeat: no-repeat;}

#main_menu {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 603px; PADDING-BOTTOM: 0px; WIDTH: 142px; PADDING-TOP: 1px; POSITION: absolute; TOP: 250px;}
#main_menu LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 100%; PADDING-TOP: 0px}
#main_menu A {text-decoration: none;}
#main_menu A:link {COLOR: #bbb0a3}
#main_menu A:visited {COLOR: #bbb0a3}
#main_menu A:active {COLOR: #6f1200}
#main_menu A:hover {COLOR: #6f1200}
#main_menu A#hovered:link {BACKGROUND-POSITION: 5px 6px}
#main_menu A#hovered:visited {BACKGROUND-POSITION: 5px 6px}
#main_menu A#hovered:active {BACKGROUND-POSITION: 5px 6px}
#contents_wrapper {OVERFLOW: hidden; WIDTH: 494px; POSITION: absolute; HEIGHT: 494px}
#contents {WIDTH: 3952px; POSITION: relative; HEIGHT: 100%}
.content {OVERFLOW: hidden; WIDTH: 494px; POSITION: absolute}

#home {LEFT: 0px; TOP: 0px}

#welkom {LEFT:494px; PADDING-RIGHT:0px; PADDING-LEFT:0px; BACKGROUND-IMAGE:url(../images/welkom01.jpg); background-repeat: no-repeat; PADDING-BOTTOM:0px; PADDING-TOP:248px; TOP:0px; BACKGROUND-COLOR: #524848}
#welkom H2 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/welcome-h2.gif)}
#welkom H5 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/welcome-h2-fr.gif)}
#welkom H6 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/welcome-h2-en.gif)}
#welkom .loading {BACKGROUND-IMAGE: url(../images/loader_rezervari.gif); COLOR: #5b423b}
#welkom .description {PADDING-RIGHT: 105px; PADDING-LEFT: 30px; PADDING-BOTTOM: 28px; COLOR: #c8b18b; PADDING-TOP: 28px; HEIGHT: 190px; BACKGROUND-COLOR: #746c6a; text-align:justify}

#reservatie {LEFT: 988px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../images/reservatie01.jpg); background-repeat: no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 248px; TOP: 0px; BACKGROUND-COLOR: #524848}
#reservatie H2 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/reservatie01-h2.gif)}
#reservatie H5 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/reservatie01-h2-fr.gif)}
#reservatie H6 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/reservatie01-h2-en.gif)}
#reservatie .description {PADDING-RIGHT: 105px; PADDING-LEFT: 30px; PADDING-BOTTOM: 28px; COLOR: #c8b18b; PADDING-TOP: 28px; HEIGHT: 190px; BACKGROUND-COLOR: #746c6a}

#fotogalerij {LEFT: 1482px; OVERFLOW: hidden; TOP: 0px; HEIGHT: 494px}

#fotos_nav {Z-INDEX: 20; LEFT: 0px; POSITION: absolute; TOP: 218px}
#fotos_nav LI {CLEAR: left; FLOAT: left; MARGIN-BOTTOM: 1px; WIDTH: 87px; HEIGHT: 86px}
#fotos_nav A {DISPLAY: block; WIDTH: 87px; CURSOR: pointer; HEIGHT: 86px}
#foto_inapoi {BACKGROUND-IMAGE: url(../images/up.png); VISIBILITY: hidden}
#foto_inainte {	BACKGROUND-IMAGE: url(../images/down.png)}
#fotos_wrapper {LEFT: 0px; OVERFLOW: hidden; WIDTH: 494px; POSITION: absolute; TOP: 0px; HEIGHT: 494px}
#fotos {LEFT: 0px; WIDTH: 494px; POSITION: absolute; TOP: 0px}
#fotos LI {CLEAR: left; LEFT: 0px; FLOAT: left; POSITION: relative; TOP: 0px}
#fotos LI IMG {	DISPLAY: block}
#fotos LI SPAN {DISPLAY: block; FONT-WEIGHT: normal; LEFT: 0px; WIDTH: 247px; COLOR: #fff; BOTTOM: 0px; TEXT-INDENT: 8px; LINE-HEIGHT: 23px; POSITION: absolute; HEIGHT: 23px; BACKGROUND-COLOR: #000}
#fotos_nav2 {MARGIN-TOP: 225px; Z-INDEX: 200; LEFT: 50%; VISIBILITY: hidden; MARGIN-LEFT: -400px; WIDTH: 494px; POSITION: fixed; TOP: 50%; HEIGHT: 23px}
#fotogalerij:hover #fotos_nav2 {VISIBILITY: visible}
#fotos_nav2 UL {PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 5px; PADDING-TOP: 5px}
#fotos_nav2 LI {PADDING-RIGHT: 1px; FLOAT: left}
#fotos_nav2 LI A:link {DISPLAY: block; BACKGROUND-IMAGE: url(../images/nav_bg.png); WIDTH: 13px; COLOR: #fff; LINE-HEIGHT: 13px; FONT-FAMILY: 'Trebuchet Ms'; HEIGHT: 13px; TEXT-ALIGN: center}
#fotos_nav2 LI A:visited {DISPLAY: block; BACKGROUND-IMAGE: url(../images/nav_bg.png); WIDTH: 13px; COLOR: #fff; LINE-HEIGHT: 13px; FONT-FAMILY: 'Trebuchet Ms'; HEIGHT: 13px; TEXT-ALIGN: center}
#fotos_nav2 LI A:active {DISPLAY: block; BACKGROUND-IMAGE: url(../images/nav_bg.png); WIDTH: 13px; COLOR: #fff; LINE-HEIGHT: 13px; FONT-FAMILY: 'Trebuchet Ms'; HEIGHT: 13px; TEXT-ALIGN: center}
#fotos_nav2 LI A#selectat {DISPLAY: block; BACKGROUND-IMAGE: url(../images/nav_bg.png); WIDTH: 13px; COLOR: #fff; LINE-HEIGHT: 13px; FONT-FAMILY: 'Trebuchet Ms'; HEIGHT: 13px; TEXT-ALIGN: center}
#fotos_nav2 LI A:hover {BACKGROUND-IMAGE: none! important; BACKGROUND-COLOR: #000! important}
#fotos_nav2 LI A#selectat {BACKGROUND-IMAGE: none! important; BACKGROUND-COLOR: #000! important}
#fotos_nav2 H4 {FONT-WEIGHT: normal; FLOAT: left; WIDTH: 247px; COLOR: #fff; TEXT-INDENT: 8px; LINE-HEIGHT: 23px; HEIGHT: 23px; BACKGROUND-COLOR: #000
}

#menu {LEFT: 1976px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../images/menu01.jpg); background-repeat: no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 248px; TOP: 0px; BACKGROUND-COLOR: #524848}
#menu H2 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/menu01-h2.gif)}
#menu .description {PADDING-RIGHT: 105px; PADDING-LEFT: 30px; PADDING-BOTTOM: 28px; COLOR: #c8b18b; PADDING-TOP: 28px; HEIGHT: 190px; BACKGROUND-COLOR: #746c6a}
#menu UL {LINE-HEIGHT: 14px; padding-left:14px;padding-top:4px;}
#menu LI {list-style-type: square;}
#menu a {text-decoration: none;}
#menu img {vertical-align:text-bottom;}


#pers {LEFT: 2470px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(../images/pers01.jpg); background-repeat: no-repeat; PADDING-BOTTOM: 0px; PADDING-TOP: 248px; TOP: 0px; BACKGROUND-COLOR: #524848}
#pers H2 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/pers01-h2.gif)}
#pers H5 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/pers01-h2-fr.gif)}
#pers H6 {BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/pers01-h2-en.gif)}
#pers .description {PADDING-RIGHT: 105px; PADDING-LEFT: 30px; PADDING-BOTTOM: 28px; COLOR: #c8b18b; PADDING-TOP: 28px; HEIGHT: 190px; BACKGROUND-COLOR: #746c6a}
#pers DL {float: left; width: 360px; FONT-SIZE: 8px; LINE-HEIGHT: 9px; text-transform:uppercase;}
#pers DT {float: left; width: 70px; COLOR: #fff; clear: left;}
#pers DD {float: left; width: 280px;}
#pers P {LINE-HEIGHT: 9px}
#perslijst {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}

#contact {LEFT: 2964px; OVERFLOW: hidden; TOP: 0px; HEIGHT: 494px}
#formular_contact {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: 0px; BACKGROUND-IMAGE: url(../images/contact01.jpg); background-repeat: no-repeat; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 494px; PADDING-TOP: 248px; POSITION: absolute; TOP: 0px; HEIGHT: 246px; BACKGROUND-COLOR: #524848;}
#formular_contact H2 {	BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/contact01-h2.gif)}
#formular_contact H5 {	BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/contact01-h2-fr.gif)}
#formular_contact H6 {	BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../images/contact01-h2-en.gif)}
#formular_contact .description {PADDING-RIGHT: 105px; PADDING-LEFT: 30px; PADDING-BOTTOM: 28px; COLOR: #c8b18b; PADDING-TOP: 28px; HEIGHT: 190px; BACKGROUND-COLOR: #746c6a}
#contact_link {MARGIN-TOP: 3px; DISPLAY: block; BACKGROUND-IMAGE: url(../images/locatie-off.gif); OVERFLOW: hidden; WIDTH: 96px; TEXT-INDENT: -3000px; HEIGHT: 33px}
#contact_link:hover {BACKGROUND-IMAGE: url(../images/locatie.gif);}
#locatie {LEFT: 0px; WIDTH: 494px; POSITION: absolute; TOP: 494px; HEIGHT: 494px; BACKGROUND-COLOR: #585047}
#locatie IMG {CURSOR: pointer; border:0px}

.formular {WIDTH: 333px}
.formular LABEL {CLEAR: both; DISPLAY: block; FLOAT: left; WHITE-SPACE: nowrap}
.formular SPAN {PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 3px; FLOAT: right; PADDING-BOTTOM: 3px; MARGIN: 0px 0px 4px; PADDING-TOP: 3px;}
.formular INPUT.text {DISPLAY: block; WIDTH: 243px; COLOR: #f8f3ea; BACKGROUND-COLOR: #746c6a}
.formular TEXTAREA {DISPLAY: block; WIDTH: 243px; COLOR: #f8f3ea;}
.formular2 {FLOAT: left; WIDTH: 193px}
.formular2 INPUT.text {WIDTH: 147px}
.formular2 TEXTAREA {WIDTH: 147px}

INPUT.button {FLOAT: right}

IFRAME {Z-INDEX: 999; LEFT: -5000px; VISIBILITY: visible; OVERFLOW: hidden; WIDTH: 205px; POSITION: absolute; TOP: -5000px; HEIGHT: 194px}
SELECT {DISPLAY: block; LEFT: 87px; WIDTH: 246px; POSITION: absolute; TOP: 0px}
SELECT.replaced {DISPLAY: none}
UL.selectReplacement {Z-INDEX: 100; LEFT: 87px; FLOAT: right; OVERFLOW: visible; WIDTH: 246px; POSITION: absolute; TOP: 0px}
UL.selectReplacement LI {DISPLAY: none; PADDING-LEFT: 5px; FONT-SIZE: 10px; BACKGROUND: #432c26; CURSOR: pointer; COLOR: #fff}
UL.selectOpen LI {DISPLAY: block}
UL.selectReplacement LI.selected {BACKGROUND-POSITION: right center; DISPLAY: block; BACKGROUND-IMAGE: url(../images/select_arrow.gif); COLOR: #fff; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #524848}
UL.selectOpen LI.selected {DISPLAY: block; BACKGROUND: #301d17}
UL.selectOpen LI:hover {BACKGROUND: #301d17; COLOR: #fff}
UL.selectOpen LI.hover {BACKGROUND: #301d17; COLOR: #fff}
UL.selectOpen LI.selected:hover {BACKGROUND: #301d17; COLOR: #fff}

#footer {PADDING-RIGHT: 5px; PADDING-LEFT: 0px; FONT-SIZE: 9px; BACKGROUND: #e5ddcf; LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #bbb2a4; PADDING-TOP: 8px; POSITION: relative; TOP: 0px
}
#footer P {PADDING-RIGHT: 10px; BACKGROUND-POSITION: left center; PADDING-LEFT: 6px; FLOAT: right; BACKGROUND-IMAGE: url(../images/footer_bg.gif); PADDING-BOTTOM: 0px; MARGIN: -1px 0px 0px; LINE-HEIGHT: 16px; PADDING-TOP: 0px}
#footer A:link {COLOR: #bbb2a4}
#footer A:visited {COLOR: #bbb2a4}
#footer A:hover {COLOR: #6d6e71}
#footer A:active {COLOR: #6d6e71}

#lang {DISPLAY: inline; FLOAT: left; MARGIN: 0px 0px 0px 15px}
#lang LI {PADDING-RIGHT: 13px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}

#bs-counter {LEFT: -5000px; POSITION: absolute; TOP: -5000px;}

.footer:after {CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."}
.loading {BACKGROUND-POSITION: center 50%; DISPLAY: block; WIDTH: 370px; HEIGHT: 120px}

#contact .loading {BACKGROUND-IMAGE: url(../images/loader_contact.gif); COLOR: #4c413f}
.foto {BACKGROUND-POSITION: center 50%; BACKGROUND-IMAGE: url(../images/loader_contact.gif); BACKGROUND-COLOR: #4c413f}
#contact_div {WIDTH: 370px; display:inline}
#contact_form {PADDING-LEFT: 0px; FLOAT: left; DISPLAY: block;  WIDTH: 218px; LINE-HEIGHT: 12px; WHITE-SPACE: normal;}
#contact_info {PADDING-LEFT: 15px; FLOAT: left; DISPLAY: block;  WIDTH: 125px; LINE-HEIGHT: 18px; WHITE-SPACE: normal;}

.cssform p{width: 138px; clear: left;margin: 0;padding: 5px 0 5px 0; LINE-HEIGHT: 12px;
padding-left: 70px; /*width of left column containing the label elements*/
border-top: 1px dashed DimGray;
height: 1%;
}
.cssform label{font-weight: bold;float: left;
margin-left: -70px; /*width of left column*/
width: 65px; /*width of labels. Should be smaller than left column (70px) to create some right margin*/
}
.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 120px;
color: #f8f3ea;
BACKGROUND-COLOR: #524848
}
.cssform textarea{
width: 130px;
height: 50px;
color: #f8f3ea;
BACKGROUND-COLOR: #524848
}
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
* html .threepxfix{
margin-left: 3px;
}