@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

html { }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #282828; background: url(../images/bgBody.jpg) top center no-repeat #e9e9e9; z-index: 0; }

#holder { position: relative; margin: 0 auto; padding-bottom: 7px; width: 100%; height: auto; overflow: hidden; text-align: center; background: url(../images/bgHolder.gif) 0 0 repeat-x; z-index: 1; }
#holder .holder { position: relative; margin: 0 auto; width: 904px; height: auto; overflow: hidden; text-align: center; z-index: 2; }

/* header */
#header { position: relative; float: left; padding-left: 254px; width: 650px; height: 114px; z-index: 3;} 
#header a.logo img { position: absolute; top: 25px; left: 503px; border: none; z-index: 4; } 
#header a.logo span { display: none; } 

#header ul { position: relative; float: right; margin: 73px 0px 0px 0px; height: 36px; list-style: none; }
#header ul li { float: left; display: inline; margin-left: 5px; width: 128px; height: 36px; font-size: 11px; color: #ffffff; text-align: left; }
#header ul li a,
#header ul li a:visited { display: block; width: 128px; height: 36px; text-decoration: none; background: url(../images/tabLeft.gif) 0 0 no-repeat #b3997f; }
#header ul li a span,
#header ul li a:visited span { margin-left: 4px; display: block; width: 124px; height: 36px; color: #ffffff; text-decoration: none; text-align: center; line-height: 36px; background: url(../images/tabRight.gif) right 0 no-repeat #b3997f; cursor: pointer; }
#header ul li a:hover,
#header ul li a.active { display: block; width: 128px; height: 36px; text-decoration: none; background: url(../images/tabHoverLeft.gif) 0 0 no-repeat #fff; }
#header ul li a:hover span,
#header ul li a.active span { margin-left: 4px; display: block; width: 124px; height: 36px; color: #c5995b; text-decoration: none; text-align: center; line-height: 36px; background: url(../images/tabHoverRight.gif) right 0 no-repeat #fff; cursor: pointer; }
#header ul li.node0 { width: 112px; overflow: hidden; }
#header ul li.node0 a { width: 112px; }
#header ul li.node0 a span { width: 108px; }
#header ul li.node2 { margin-left: 137px; }

/* body */
#body { position: relative; float: left; width: 904px; background: url(../images/bgBody.gif) right repeat-y; }
#body .menu { position: relative; float: left; margin-right: 15px; padding-top: 19px; width: 245px; }
#body .menu img { position: relative; float: left; }
#body .menu ul { position: relative; float: left; padding-bottom: 15px; width: 245px; background: #887766; list-style: none; }
#body .menu ul li { padding-left: 38px; text-align: left; line-height: 24px; background: url(../images/bgMenu.gif) right bottom no-repeat;}

#body .menu ul li.subheader { line-height: 24px; background: none; background-color: #fa71a7; color: #FFFFFF; font-weight: bold;} 

#body .menu ul li.subheader2 { line-height: 24px; background: none; background-color: #a78c71; color: #FFFFFF; font-weight: bold;} 
#body .menu ul li.subitem { height: 22px; background: none; background-color: #9f8e7e; color: #FFFFFF; font-weight: normal; font-size: 11px;} 
#body .menu ul li.pink { padding-left: 38px; text-align: left; line-height: 24px; background: none; background-color: #fa71a7;}

#body .menu ul li a,
#body .menu ul li a:visited { font-size: 14px; color: #ffffff; text-decoration: none; }
#body .menu ul li a:hover,
#body .menu ul li a.active { font-size: 14px; color: #ffffff; text-decoration: underline; }

#body .menu ul li.subitem a,
#body .menu ul li.subitem a:visited { margin-left: 10px; font-size: 11px; color: #ffffff; text-decoration: none; }
#body .menu ul li.subitem a:hover,
#body .menu ul li.subitem a.active { margin-left: 10px; font-size: 11px; color: #ffffff; text-decoration: underline; }


#body .menu ul.accomodatie li a.active { font-weight: bold; }


#body .menu ul.accomodatieMenu { position: relative; float: left; padding: 30px 0px 25px 0px; width: 245px; background: #b3997f/*#c5995b*/; list-style: none; }
#body .menu ul.accomodatieMenu li { padding-left: 38px; text-align: left; line-height: 24px; background: none; }
#body .menu ul.accomodatieMenu li a,
#body .menu ul.accomodatieMenu li a:visited { font-size: 14px; color: #ffffff; text-decoration: none; }
#body .menu ul.accomodatieMenu li a:hover,
#body .menu ul.accomodatieMenu li a.active { font-size: 14px; color: #ffffff; text-decoration: underline; }
#body .menu ul.accomodatieMenu li.firstNode a,
#body .menu ul.accomodatieMenu li.firstNode a:visited { font-size: 18px; font-weight: bold; color:#FFF; }
#body .menu ul.accomodatieMenu li.firstNode a:hover,
#body .menu ul.accomodatieMenu li.firstNode a.active { font-size: 18px; font-weight: bold; color:#FFF; }

#body .menu address { position: relative; float: left; padding: 10px 10px 10px 38px; width: 197px; color: #ffffff; font-style: normal; text-align: left; background: #887766; }

#body .body { position: relative; float: left; width: 644px; }
#body .header { position: relative; float: left; }
#body .header img { position: relative; float: left; }

/* content */
#content { position: relative; float: left; padding-bottom: 50px; width: 644px; }
#content .content { position: relative; float: left; padding: 18px 27px; width: 342px; text-align: left; }
#content .content h1 { font-family: Pristina,"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 35px; font-weight: normal; color: #e50a62; }
#content .content h2 { font-family: Pristina,"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 15px; font-weight: bold; color: #e50a62; }
#content .content h3 { font-family: Pristina,"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 22px; font-weight: bold; color: #e50a62; }
h4 { font-size: 18px; font-weight: bold; color:#FFF; text-align:left; margin-left:38px; }
#content .content p { margin-bottom: 15px; color: #282828; }
#content .content a,
#content .content a:visited { color: #282828; text-decoration: underline; }
#content .content a:hover { color: #282828; text-decoration: none; }

#content .rail { position: relative; float: left; padding-top: 10px; width: 248px; }
#content .rail img { position: relative; float: left; margin-bottom: 4px; border: 0; }

#body .footer { position: relative; float: left; width: 644px; height: 26px; background: #d7d4d5; }
#body .footer ul { position: relative; float: right; list-style: none; }
#body .footer ul li { padding: 0px 12px; display: inline; line-height: 24px; background: url(../images/bgFooterDiv.gif) 0 3px no-repeat; }
#body .footer ul li.firstNode { background: none; }
#body .footer ul li a,
#body .footer ul li a:visited { font-size: 10px; color: #887766; text-decoration: none; }
#body .footer ul li a:hover,
#body .footer ul li a.active { font-size: 10px; color: #887766; text-decoration: underline; }


/* lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(/skins/default/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/skins/default/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }