@import url('photobox.css');

/*BOXES*/	
html, body { 
	margin: 0; padding: 0; height: 100%;
	text-align: center;
	background: #032660 url("/images2006/back_top.gif") 0px 90px repeat-x;}
* html {
	scrollbar-3dlight-color: #032660;
	scrollbar-arrow-color: #fff;
	scrollbar-base-color: #fff;
	scrollbar-darkshadow-color: #032660;
	scrollbar-face-color: #032660;
	scrollbar-highlight-color: #fff;
	scrollbar-shadow-color: #fff; }

body {
		behavior:url("/styles/csshover.htc");	
		min-width: 778px; }


#wrapper {
	background: url("/images2006/back_wrapper.gif")  top center repeat-y;
	width: 836px; clear: both;
	margin: 0px auto; padding: 0; border: 0;height: 100%;	
	text-align: left;}
td#wrapper_top {
	background: url("/images2006/back_top.gif") 0px 90px repeat-x;
	height: 100%; padding: 0 48px 0 48px;}
td#wrapper_bottom {
	background: url("/images2006/back_bottom.gif") center bottom no-repeat;
	height: 30px;}

#clear {
	position: relative;
	clear: both;}	

#vacature_banner {
	position: absolute;
	top: 20px;
	left: 180px;
}

div#top { 	
	background: url("/images2006/back_top.jpg") top center no-repeat;
	position: relative;
	margin: 0px auto; padding: 0; border: 0;
	height: 90px; width: 740px; text-align: left;	
	clear: both; }
	div#top #button_home {
	position: relative; left: 250px;
	display: block; 
	height: 90px; width: 250px;	}
div#top2{ 	
	background: url("/images2006/back_top.gif") top center repeat-x;
	margin: 0 0 1px 0; padding: 0; border: 0;	
	height: 23px; text-align: center;}	
	* html div#top2 {
	margin: 0;}

table#middle {
	background: none; 
	width: 740px; min-height: 280px;
	margin: 0; padding: 0; border: 0;	}
	* html table#middle{	
	height: 280px;	}
#middle_left {
	margin: 0; padding: 0 0 0 8px;
	width: 138px;
	text-align: left;}
	* html #middle_left {
	widht: 146px; w\idth: 138px;	}
#middle_center {
	padding: 0 0 10px 0;
	width: 448px;	
	text-align: left;}
#middle_right{
	margin: 0; padding: 0 0 0 8px;
	width: 138px;
	text-align: left;}
	* html #middle_right {
	widht: 146; w\idth: 138px;	}

#language_menu {
	position: relative; float: right;
	margin: 0; padding: 8px 15px 0 0;}
	#language_menu img {
	margin: 0 5px 0 0; }


/*	MENU'S	*/
div#topmenu1{
	position: relative; float: left;
	padding: 8px 0 0 15px;
	text-align: left;
	font: normal 10px Arial, Helvetica, Verdana, sans-serif;color: #02438b;
	text-transform: uppercase;line-height: 10px;}
	div#topmenu a {}
	div#topmenu a:hover, div#topmenu a.link_active {}

div#topmenu2 {
	margin: 0px auto; padding: 1px 0 0 0; border: 0;	
	width: 740px;
	color: #ECC109;
	font: bold 10px Arial, Helvetica, Verdana, sans-serif;
	clear: both;		
	line-height: 13px;z-index: 4;	}
ul#nav {
	position: relative;
	float: none;
	margin:0; padding: 0; border: 0;
	width: 740px; left: 0px;
	list-style: none; 
	z-index: 8;
	font-style: normal;}
* html #nav {}
#nav ul { /* all lists */
	margin: 0 0 0 0; padding: 0 0 0 0; border: 0 0 0 0;
	list-style: none;	font-style: normal;  }
#nav li { /* all list items */
	position: relative; 
	float: left; 
	padding: 0 0 1px 0; margin: 0 0 0 0; border: 0 0 0 0;
	text-align: left;z-index: 8;}
* html #nav li{	}
#nav li a {
	position: relative;
	margin: 0; padding: 0; 
	text-decoration: none; }
#nav li a img {
	display: block;
	margin: 0; padding: 0;
	text-decoration: none; }
* html #nav li a {
	width:auto;}
#nav li a:hover, #nav li .link_active{
	color: #FAD104;
	text-decoration: none;}
	li>a {
	float:none;	}
	
#nav li:hover ul {
	display: block !important;}
/*#nav li:hover ul, #nav li ul:hover {
	display: block;}*/
#nav #li:hover ul li ul {  
	display: none;}
#nav li ul { /* second-level lists */
	position: absolute;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	background-color: none;
	margin: 0 0 0 0;	padding: 0 5px 5px 5px; border: 0 0 0 0;
	width: 150px;
	text-align: left;height: auto;
	top: 22px;
	left: -1px; 
	z-index: 9;}
	* html #nav li ul {
	top: 21px;}
* html #nav ul li {	
	width: 160px;
	w\idth: 150px;}
#nav ul li {	
	position: relative;
	float: left;
	list-style: none; 
	margin: 0 0 0 0;	padding: 0 0 0 0; border: 0; border-bottom:1px #fff solid;z-index: 9;}
	#nav ul li.first {
	padding: 0; margin: 0; line-height: 5px;
	height: 5px;background:#fff;
	filter:alpha(opacity=1);
	-moz-opacity:0.01;
	-khtml-opacity: 0.01;
	opacity: 0.01;}
	#nav ul li.between {
	padding: 0; margin: 0; line-height: 1px;
	height: 1px;background:#fff;
	filter:alpha(opacity=1);
	-moz-opacity:0.01;
	-khtml-opacity: 0.01;
	opacity: 0.01;}
#nav li ul li a {
	display: block;
	background-color: #02438B;
	margin: 0 0 0 0; padding: 5px 2px 5px 8px; border: 0;
	line-height: 15px;
	width: 140px;
	color: #fff; text-transform: none;
	font: normal 11px Arial, Helvetica, Verdana, sans-serif;
	text-decoration: none;z-index: 9;}
* html #nav li ul li a{
   width: 150px;
   w\idth: 140px;}
#nav li ul li a:hover,#nav li ul li .link_active  {
	margin: 0 0 0 0;
	color: #ECC109;
	text-decoration: none; }	
html>body #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: 21px auto;	
	left: -1px auto; }
	
#leftmenu {
	position: relative;
	left: 21px;
	height: 130px;
	padding: 32px 0 0 0;}	
/* functie toch de achtergrond op een bepaalde positie te krijgen:
#menu a:hover{
	margin-left: -157px; de achtergrond(box) naar links
	text-indent: 157px;} de tekst naar rechts	*/
 
 
/*OPMAAK*/	
 .opmaak_table{
	text-align: left;
	padding: 0; margin: 0;
	width:  100%;clear: both;}
 .opmaak_table .td_left{
	margin: 0;}
 .opmaak_table .td_right{	
 	display: none;}

/* RIGHT */
 .td_right .opmaak_table .td_top{
	background: url("/images2006/back_top.gif") top center repeat-x;
	margin: 0;
	background-color: #E8D49E;
	text-transform: uppercase;
	color: #195391;
	font: bold 12px Verdana, Arial, sans-serif;}
 .td_right .opmaak_table{
	background: #F0E5C4 url("/images2006/back_rightmenu.gif") bottom right no-repeat;
	text-align: left;
	color: #195391;
	padding: 0;
	margin: 0 0 10px 0;
	font: 11px Verdana, Arial, sans-serif;}
 .opmaak_table td{
	padding: 18px 18px 5px 18px;}
   .opmaak_table td table td  {
   margin: 0; padding: 0; 
   line-height: 14px;}
 .td_right .opmaak_table ul{
	list-style-image: url("/images2006/element_ol_right.jpg");}



.opmaak_table .opmaak_table_producten{
	background: url("/images2006/back_producten_middle.jpg") top left repeat-y;
	padding: 0;margin: 0 0 10px 0;}
.opmaak_table .opmaak_table_producten td {
	margin: 0;padding: 5px 17px 5px 17px;}
.opmaak_table .opmaak_table_producten td p, .opmaak_table .opmaak_table_producten td span, .opmaak_table .opmaak_table_producten td div{
	margin: 0;padding: 5px 17px 5px 17px;font: normal 13px "Times New Roman", Times, serif;color: #02438B;
	line-height: 18px;}
.opmaak_table .opmaak_table_producten .td_top{
	background: url("/images2006/back_producten_top.jpg") top left no-repeat;
	margin: 0;padding: 14px 17px 5px 17px;
	text-align: center;}	
.opmaak_table .opmaak_table_producten .td_top, .opmaak_table .opmaak_table_producten .td_top p, .opmaak_table .opmaak_table_producten .td_top span{
	font: bold 18px "Times New Roman", Times, serif;color: #0365B7;
	text-align: center;line-height: 20px;}
.opmaak_table .opmaak_table_producten .td_bottom{
	background: url("/images2006/back_producten_bottom.jpg") bottom left no-repeat;
	height:12px; line-height: 1px;}
 .opmaak_table .opmaak_table_producten{
	width:  265px;}
.prijs-rood, .opmaak_table_producten h3{ 	
	font: bold 18px "Times New Roman", Times, serif;color: #c33;
	line-height: 19px;vertical-align: middle;	}	

.opmaak_table_producten{
	text-align: center;
	
}
.opmaak_table .opmaak_table_lijst{
	background: #F0E5C4 url("/images2006/back_rightmenu.gif") bottom right no-repeat;
	text-align: left; line-height: 18px; color: #195391;
	padding: 0;	margin: 0 0 10px 0;
	font: 11px Verdana, Arial, sans-serif;}
.opmaak_table .opmaak_table_lijst td{
	margin: 0; padding: 5px 15px 5px 5px;}
.opmaak_table .opmaak_table_lijst .td_top{
	background: #195391 url("/images2006/back_arrangementen.gif") top center repeat-x;
	text-align: left;
	color: #FCB814;
	vertical-align: middle;
	line-height: 14px;
	font: 11px Verdana, Arial, sans-serif;}
.opmaak_table .opmaak_table_lijst .td_top .class4{
	color: #FCB814;}
 .opmaak_table .opmaak_table_lijst .tr2{
	background-color: #EEE0B8;}

 .opmaak_table .opmaak_table_producten .opmaak_table_datum {
 	margin: 0;padding: 0; width: 100%; }
 .opmaak_table .opmaak_table_producten .opmaak_table_datum td{
	font: normal 11px "Times New Roman", Times, serif;color: #02438B;
	margin: 0; padding: 0;}
  .opmaak_table.opmaak_table_producten .opmaak_table_datum td.td_right {
	text-align: right;}
	

/* AANBIEDINGEN/ARRANGEMENTEN */

/* ROOMS/ARRANGEMENTEN */
.opmaak_table_rooms,.opmaak_table_rooms_noborder {
	text-align: left; line-height: 18px;
	border-top: 1px #EBD29C solid; border-left: 1px #EBD29C solid; border-right: 1px #EBD29C solid;
	padding: 0;	margin: 5px 0 0 0; clear: both;
	font: 11px Verdana, Arial, sans-serif;}
.opmaak_table_rooms td, .opmaak_table_subrooms td, .opmaak_table_rooms_noborder td{
	margin: 0; padding: 4px !important;
	border-bottom: 1px #EBD29C solid; }
	.opmaak_table_rooms_noborder {border: 0;}
	.opmaak_table_rooms_noborder td {border: 0;}
.opmaak_table_rooms td.left{
	width: 140px;}
.opmaak_table_rooms td.right,  .opmaak_table_subrooms td.right{}
.opmaak_table_rooms tr.tr_top td{
	background-color: #EBD29C;
	font-weight: bold; }
 .opmaak_table_subrooms {
	width:100%;padding: 0;	margin: 4px 0 0 0; 	border: 0;clear:both;}	
 .opmaak_table_subrooms td  {
 	background-color: #F0E5C4;
 	border: 0;	font: 10px Verdana, Arial, sans-serif;}
.opmaak_table_subrooms tr.tr_top td{
	font-weight: bold; }
.opmaak_table_subrooms td.left{
 	background: none;}
 .opmaak_table_subrooms_wrapper {
	background: url("/images2006/back_table_subroom_wrapper.gif") 30px 100% no-repeat;}
	
.opmaak_table_rooms_wrapper{
	margin: 0;}
.opmaak_table_rooms_wrapper td{
	padding: 0;}
.opmaak_table_rooms_wrapper .wrapper_td_center{
	width: 20px;}
.opmaak_table_rooms_wrapper .wrapper_td_left{
	width: 440px;}
.opmaak_table_rooms_wrapper .wrapper_td_right{
	width: 200px;}

#totalprice {
	clear: both;border: 0;}
#totalprice td {
	border: 0;}
td.totalprice{
	background-color: #EBD29C; border: 0;
	font-weight: bold; }
#buttons.opmaak_table_rooms, #buttons.opmaak_table_rooms td {
	border: 0;clear: both;}


.Sidebar {
	background-color: #EDDCB2;
	padding: 0; margin: 0px auto; margin: 10px 0 0 0px;}
.Sidebar td, .Sidebar td td {
		background-color: #EDDCB2;
		margin: 0;padding: 0 4px 0 4px;	
		font: normal 10px Verdana, sans-serif;	
		text-align: left; line-height: 15px; font-size: 11px;}
	.Sidebar td a {
		font-weight: normal; }
	.Sidebar .class3, .Sidebar .class3 a, .Sidebar a {}
	.Sidebar .class3, .Sidebar .class3 a {}
	.Sidebar a:hover {
		color: #ED7926; text-decoration: none;	}
.Sidebar .SidebarTop {
	margin: 0; padding: 4px 4px 2px 4px;
	font: bold 11px Verdana, sans-serif;}
.Sidebar .SidebarBottom {
	margin: 0; padding:0 0 0 0;  line-height: 0;}
.Sidebar {
	width: 128px;}
.Sidebar img {
	margin: 0 0 0 0;}

#ReservationForm td {
	padding: 1px 0 1px 0;
	font: normal 10px Verdana, sans-serif;	}

#change_content {}
#counter { 
	position:absolute;
	width:1px;
	height:1px;
	z-index:1;
	left: 1px; 
	top: 1px;
	visibility: hidden; }


body,table,div,span{		
	font: normal 11px Verdana, sans-serif;	
	color: #032660; line-height: 17px;}
	
p{ padding: 0; margin: 0;}
h1,h2,h3,h4,h5,h6 {	margin: 0;	padding: 0;	}

.class1, h5{ 
	font-size: 9px; }
.class2, h4{ 
	font-size: 11px; }
.class3, h3{ 	
	color: #11609e; 
	line-height: 14px;
	font: bold 12px Helvetica, Arial, sans-serif; 
	vertical-align: middle;	}
.class4, h2{	
	color: #11609e; 
	font: bold 15px Helvetica, Arial, sans-serif; 
	letter-spacing:1px;
	margin-bottom: 10px;	
	padding: 0; }
h1{
	font: bold 12px Verdana, Arial, sans-serif;
	text-align: left;
	margin: 0 0 4px 0;	
	padding: 0 0 0 0;
	letter-spacing: 0;
`	line-height: 15px;
	color: #032660;}
.class5{ 
	font-size: 22px;
	line-height: 22px; 
	font-weight: bold; }

a {  
	color: #02438b; 
	font-weight: bold; 	
	text-decoration: none; }
a:hover {  
	color: #d01422;
	text-decoration: none;	  }

ul {
	list-style-image: url("/images2006/element_ol.jpg");
	line-height: 18px;
	padding-left: 22px;
	color: #02438B;
	text-align: left;
	font-style: italic;}
ul li{
	text-align: left;
}
blockquote {	
	padding-left: 0;}
ol	{
	line-height: 18px;
	color: #02438B;
	font-style: italic;}
* html ul, * html ol, *html blockquote {
	padding: 0;
	margin-left: 17px;}	


hr {	
	clear: both;
	height: 1px;
	width: 100%;
	line-height: 10px;
	border-bottom:  #11609e 1px solid;
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 1px;
	margin-bottom: 1px; }

img {
	margin: 0; padding: 0;}

form{
	margin: 0;
	padding: 0;	}

.pointerhand { 
	cursor: hand; cursor: pointer;}

/*INPUT:hover, INPUT:focus, TEXTAREA:hover, TEXTAREA:focus {
	background-color: #F0E5C4;border: 1px #02448C solid; font-weight: normal;}*/
/* werkt niet met IE
INPUT:focus,TEXTAREA:focus {background: #A25332;color:#fff;}
INPUT:focus:hover,TEXTAREA:focus:hover {background: #A25332;color: #fff;}*/

.Form-Text-Box, .Form-Text-Box-Error {
	background-color: #F0E5C4;
	font: normal 12px Arial, sans-serif;
	padding: 1px; margin: 1px 0 1px 0; border: 1px #02448C solid; 
	color: #032660;
	width: 190px;}

	
.Form-Button {
	background: #02448C url("/images2006/button_off.gif") center center repeat-x;
	padding: 1px 0 1px 0; margin: 0; border: 1px #032660 outset; 
	font: normal 11px Arial, sans-serif;
	color: #fff; }
.Form-Button:hover {
	background: #02448C url("/images2006/button_on.gif") center center repeat-x;}
.Form-Button-Reservation, .Form-Button-Reservation:hover {
	display: block; 
	background: none; border: 0; 
	font: normal 11px Verdana, sans-serif;color: #fff;text-align: center;}


.Form-Menu-Box, .Form-Text-Menu-Error {
	background-color: #fff;
	font: normal 10px Arial, sans-serif; line-height: 11px;
	padding: 0; margin: 1px 0 1px 0; border: 1px #032660 outset; 
	color: #032660;letter-spacing: 0;}
	.Form-Menu-Box option {
	margin: 0;padding: 0;}

.Form-Text-Box-Error,.Form-Text-Menu-Error {
	background-color: #FFF5F5;
	border-color: #c00;}
.Form-Text-Box-Error:hover, .Form-Text-Box-Error:focus,.Form-Text-Menu-Error:hover, .Form-Text-Menu-Error:focus {
	background-color: #FFF5F5;border: 1px #c00 solid; font-weight: normal;}

input.Form-Text-Box-Total { 
	padding: 0; margin: 1px 0 1px 0; border: 0;
	width: 80px;
	background: transparent;
	color: #032660; text-align:right; 
	font: bold 11px Verdana, sans-serif;}	
input.Form-Text-Box-Price { 
	background: transparent;
	border: 0; width: 80px; text-align:right; 
	font: normal 11px Verdana, sans-serif; color: #032660; }	
	
#reservations .Form-Button {
	padding: 3px 2px 3px 2px; margin: 0; border: 1px #032660 outset; 
	font: normal 11px Arial, sans-serif;}	
input#reserveren {
	background-image: url("/images2006/button2_off.gif");}
input#reserveren:hover {
	background-image: url("/images2006/button2_on.gif");}


.fotogallery_title {display: block;}
.fotogallery_maintable {margin: 0;padding:0;clear:both;z-index:0; }
.fotogallery_subtable {margin: 0;padding:0;}
.fotogallery_show {border: 0;margin: 0;padding:0;}
.fotogallery_omschrijving {display: none;}
.fotogallery_left {
	padding-left: 3px;}
.fotogallery_left a {	}
.fotogallery_center {}
.fotogallery_Form-Text-Box {
background-color: transparent;border: transparent 0px solid;font-size: 11px;font-weight: bold;color:#d01422;text-align:center;}
.fotogallery_right {
	padding-right: 3px;}
.fotogallery_right a{}