html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {list-style: none; }

strong {
	font-weight: bold;


	
}

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}


/* ----------------  algemeen  -------------------- */


body {
	background: #6F926D url(../images/bg.png);
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
	font-size:9pt;
	color:#332821;
}
#container { position:absolute; height:600px; width:960px; margin:-300px 0px 0px -480px; top: 50%; left: 50%; text-align: left; background: #332c25 url(../images/glasnost_bg_flt.png) top left no-repeat;}

#container2 {
	position:absolute;
	height:600px;
	width:960px;
	margin:-300px 0px 0px -480px;
	top: 50%;
	left: 50%;
	text-align: left;
	background: url(../images/glasnost_bg_3_flt.png) top left no-repeat;
}

#container_xl { position:absolute; height:1000px; width:960px; margin:-300px 0px 0px -480px; top: 50%; left: 50%; text-align: left; background: #332c25 url(../images/glasnost_bg_xl.jpg) top left no-repeat;}

#content {
	margin-top:15px;
	padding-right:25px;
	min-height: 410px;
}

#content_xl {
	margin-top:15px;
	padding-right:25px;
	min-height: 410px;
}

#content p {text-align:justify; margin-bottom:8px; font-family: "sans serif","Trebuchet MS",Verdana,Arial,Helvetica;  }
#content h1 {
	margin:8px 0 10px 0;
	font-weight:700;
}
#content h1.right {text-transform:uppercase; margin:8px 0 10px 0; font-weight:700; text-align:right;}

#content a {
	color:#000;
}

em {color:#f7f6f6;}

/* -----------  png overlay large  --------------- */

#pic_rotator {float:left; width:600px; }

.pan_wrap {background: repeat; margin:0; position: relative; width: 587px; height: 415px;}
.pan_frame_home { background: url(../images/overlay_home_flt.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 587px; height: 415px; z-index:101; text-align:right;}
.pan_frame, .pan_frame3 { background: url(../images/overlay_flt.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 587px; height: 415px; z-index:90; text-align:right;}

/* -----------  png overlay small  --------------- */

#pic_rotator2 {float:left; width:375px; }

.pan_wrap2 {background:  repeat; margin:0; position: relative; width: 360px; height: 415px;}
.pan_frame2 {
	background: url(../images/overlay_flt.png) no-repeat;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0px;
	width: 360px;
	height: 415px;
	z-index:101;
}/*101*/

#gallery2 { position: relative; width:360px; height:415px; margin:0; padding:0;  }
#gallery2 img {padding:0; margin:0; }
#gallery2 li { display: block; }


/* ----------------  nav  -------------------- */

#navcontainer {margin-left:20px; }
#navlist {}
#navlist li {display: block; float:left; list-style-type: none; padding:0 9px 0 0; }
#navlist li a {
	display:block;
	text-transform:uppercase;
	color:#FFC;
	text-decoration:none;
	line-height:94px;
	height:66px;
	padding:28px 3px 0 3px;
}
#navlist li a:hover, #currentpage {display:block; text-transform:uppercase; color:#fff; text-decoration:none; line-height:94px; height:66px; background:url(../images/nav_over.png) top left no-repeat; }

#nav2 {
	margin-left:20px;
	width:380px;
	float:left;
}
#navlist2 {}
#navlist2 li {display: block; float:left; list-style-type: none; padding:0 9px 0 0; }
#navlist2 li a {
	display:block;
	text-transform:uppercase;
	color:#FFC;
	text-decoration:none;
	line-height:26px;
	height:34px;
	padding:8px 3px 0 3px;
}
#navlist2 li a:hover, #currentpage2 {
	display:block;
	text-transform:uppercase;
	color:#FFF;
	text-decoration:none;
	line-height:26px;
	height:26px;
	background:url(../images/nav2_over.png) bottom left no-repeat;
}


#opjeklompen {color:#5d5549; text-decoration:none; line-height:36px; }
#opjeklompen:hover {color:#bfbca5; text-decoration:underline; }
#space2 {padding:0 40px 0 40px;}


#space {padding:0 40px 0 100px;}

#subnav {height:415px; margin-left:10px; width:120px; padding-top:15px;}
#subnav2 {height:415px; margin-left:10px; width:140px; padding-top:15px;}
#subnav li,#subnav2 li {
	background:#BFB294;
	margin-bottom:6px;
	border-right:2px solid #BFB294;
	border-left:2px solid #BFB294;
}
#subnav li a,#subnav2 li a {
	color:#fff; /*text-transform:uppercase;*/
	text-decoration:none;
	line-height:18px;
	margin-right:6px;
	font-size:8.5pt;
}
#subnav li a:hover,#subnav2 li a:hover {color:#332C25; margin-right:10px;}

#subnav_rechts {
	height:415px;
	margin-left:220px;
	width:140px;
	padding-top:15px;
}

#subnav_rechts li {
	background:#BFB294;
	margin-bottom:6px;
	border-right:2px solid #BFB294;
	border-left:2px solid #BFB294;
}

#subnav_rechts li a {
	color:#fff; /*text-transform:uppercase;*/
	text-decoration:none;
	line-height:18px;
	margin-right:6px;
	font-size:8.5pt;
}

#subnav_rechts li a:hover {color:#332C25; margin-right:10px;}


/* -------------  tarieven  ----------------- */


#tarieven {
	width:330px;
	margin: 0px 0px 0px 30px;
}
th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; border: 1px solid #999;text-align: left; color: #332821; padding: 3px 6px 3px 6px;  }
th.noborder {border-top:0; border-right:0; border-left:0;}	 		
th.left {border-right:1px solid #999; border-top:0; border-left:0;}
th.col {text-align: center; color: #332821; border-left:0; background:#C4BBA5;}

th.row {border-top:0; background:#C4BBA5; padding:0 10px 0 3px;}
th.row2 {border-top:0; border-left:0; border-bottom:0; border-right:0; padding:12px 10px 12px 3px; text-transform:lowercase;}
th.row3 {border-top:0; border-left:0; border-right:0; padding:12px 10px 12px 3px; text-transform:lowercase;}
td.row2 {border-right:0; border-left:0; border-top:0; padding:12px 10px 12px 3px; }

td {
	color: #3328211;
	border: 0.5px solid #999;
	font-size:10pt;
	font-size:9pt;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica;
	border-top:0;
}

/* -------------  kamers  ----------------- */


#kamers {
	width:520px;
	border:0;
}

th.noborder {border-top:0; border-right:0; border-left:0; border-bottom:0;}	 		
td.noborder {border-top:0; border-right:0; border-left:0; border-bottom:0;}	 		
tr.noborder {border-top:0; border-right:0; border-left:0; border-bottom:0;}	 		
table.noborder {border-top:0; border-right:0; border-left:0; border-bottom:0;}	 		

#subnav3 {height:415px; margin-left:10px; width:180px; padding-top:15px;}
#subnav3 li{background:#807E6E; margin-bottom:6px; border-right:2px solid #7C7A6B; border-left:2px solid #7C7A6B; }
#subnav3 li a {color:#fff; text-transform:uppercase; text-decoration:none; line-height:18px; margin-right:6px; font-size:8pt; }
#subnav3 li a:hover {color:#332C25; margin-right:10px;}


/* ----------------  reserveren  -------------------- */

#glasnostform {margin-right:0px; font-size:8pt; text-align:right; margin-bottom:4px; font-family: "sans serif","Trebuchet MS",Verdana,Arial,Helvetica; line-height:9pt; }
#glasnostform input {
	border:0;
	color:#000;
	padding:4px 5px;
	margin:0 0 3px 10px;
	width:255px;
	font-size:8pt;
	background: #CCC;
}
#glasnostform input.smaller {
	background:#CCC;
	border:0;
	color:#000;
	padding:4px 5px;
	margin:0 0 3px 7px;
	width:120px;
	font-size:8pt;
}

#glasnostform input.small {
	background:#CCC;
	border:0;
	color:#000;
	padding:4px 5px;
	margin:0 0 3px 0px;
	width:255px;
	font-size:8pt;
}

#glasnostform select {
	background:#CCC;
	border:0;
	color:#000;
	padding:4px 5px;
	margin:0 0 3px 7px;
	width:130px;
	font-size:8pt;
}

#glasnostform input.steengoed_of_b_en_b {
	background:#CCC;
	border:0;
	color:#000;
	padding:4px 5px 0px 0px;
	margin:0 0 3px 0px;
	width:10px;
	font-size:8pt;

}
#glasnostform label {
	vertical-align:middle;
}
#glasnostform textarea {
	background:#CCC;
	color:#000;
	border:1px solid #464646;
	width:540px;
	height:40px;
	overflow:hidden;
	font-family:"Trebuchet MS", Verdana, Arial;
	padding:0;
	margin:0 0 5px 0;
	font-size:8pt;
}
#glasnostform input.submitgeneral {
	border:1px solid #000;
	background:#999;
	color:#000;
	width:100px;
	letter-spacing:2px;
	font-size:8pt;
	text-align:center;
	padding:2px 0 2px 0;
} 

td.days {background:#3E342B; text-align:center; font-size:8pt; font-weight:bold;}
td.pointers {background:#3E342B;color:#fff; text-align:center; font-size:10pt; font-weight:bold;}
#mns {color:#fff; background:#3E342B;text-align:center; font-size:10pt; font-weight:bold;}

div.formelements1 {
	float:left;
	padding-left:20px;
	padding-right:0px;
	border-right:0px solid #8E856E;
}
div.formelements2 { float:right:}

p.slim {font-style:italic; font-size:7.5pt;}

/* Contact form */

#contactform {
	margin-right:0px;
	font-size:8pt;
	text-align:left;
	margin-bottom:4px;
	font-family: "sans serif","Trebuchet MS",Verdana,Arial,Helvetica;
	line-height:9pt;
}
#contactform input {
	border:0;
	color:#000;
	padding:4px 5px;
	margin:0 0 3px 0px;
	width:255px;
	font-size:8pt;
	background: #CCC;
}
#contactform input.smaller {
	background:#CCC;
	border:0;
	color:#000;
	padding:4px 5px;
	margin:0 0 3px 7px;
	width:120px;
	font-size:8pt;
}
#contactform select {
	background:#CCC;
	border:0;
	color:#000;
	padding:4px 5px;
	margin:0 0 3px 15px;
	width:130px;
	font-size:8pt;
}
#contactform label {
	vertical-align:middle;
}
#contactform textarea {
	background:#CCC;
	color:#000;
	border:1px solid #464646;
	width:400px;
	height:120px;
	overflow:hidden;
	font-family:"Trebuchet MS", Verdana, Arial;
	margin:0 0 5px 0px;
	font-size:8pt;
}
#contactform input.submitgeneral {
	border:1px solid #000;
	background:#999;
	color:#000;
	width:100px;
	letter-spacing:2px;
	font-size:8pt;
	text-align:center;
	padding:2px 0 2px 0;
} 

td.days {background:#3E342B; text-align:center; font-size:8pt; font-weight:bold;}
td.pointers {background:#3E342B;color:#fff; text-align:center; font-size:10pt; font-weight:bold;}
#mns {color:#fff; background:#3E342B;text-align:center; font-size:10pt; font-weight:bold;}

div.formelements1 {
	float:left;
	padding-left:20px;
	padding-right:0px;
	border-right:0px solid #8E856E;
}
div.formelements2 { float:right:}

p.slim {font-style:italic; font-size:7.5pt;}




#imageholder {
	height: auto;
	width: auto;
	margin-bottom: 1px;
	float: left;
	margin-top: 485px;
	margin-left: 50px;
}

#tekstcontent {
	margin-top:15px;
	padding-left: 25px;
}

#tekstcontent_xl {
	margin-top:15px;
	padding-left: 25px;
	min-height: 875px;
}

#imageholder3 {
	width: 210px;
	margin-bottom: 1px;
	float: right;
}

#imageholder4 {
	width: 400px;
	margin-bottom: 1px;
	
}


#tariefcontainter1 {
	width: 440px;
	margin-bottom: 1px;
	float: none;
	padding-top: 3px;
}

#tariefcontainter_rechts {
	width: 400px;
	float: right;
}

.imagespacer {
	padding-left: 8px;
	padding-right: 8px;
}

#arrangementcl {
	width: 400px;
	margin-bottom: 1px;
	float: none;
	padding-top: 3px;
}

#arrangementcr {
	width: 440px;
	float: right;
}

#arrangementtekst {
	width: 440px;
	
}

#testimg{
	float: right;
	padding: 5px 0px 0px 0px;
	margin: 5px 5px 0px 5px;
} 

#arrangementtekstafb {
	width: 100px;
	float:right;
}

#contactcontainer1 {
	width: 440px;
	margin-bottom: 1px;
	float: none;
	padding-top: 3px;
}

#contactcontainer_rechts {
	width: 345px;
	float: right;
	margin-top: 63px;
}

#data_container_rechts {
	width: 500px;
	float: right;
}

#topmenu {
	width: 560px;
	float: right;
	height: 20px;
}


/* B&B menu */
#subnav_top_bb{
	background: url(../images/menu_bb/bb_back.png) no-repeat;
	list-style: none;
	height: 20px;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	overflow: hidden;
	padding: 0;
}
#subnav_top_bb li{
	float: left;
}
#subnav_top_bb a{
	display: block;
	text-decoration: none;
	border-top: none;
	line-height: 400px;
	overflow: hidden;
}
#subnav_top_bb a#bb{
	background: url(../images/menu_bb/bb-off.png) no-repeat;
	width: 100px;
}
#subnav_top_bb a#bb:hover,#subnav_top_bb a#bb.active{
	background: url(../images/menu_bb/bb-on.png) no-repeat;
}
#subnav_top_bb a#bb_overnachtingen{
	background: url(../images/menu_bb/overnachtingen-off.png) no-repeat;
	width: 100px;
}
#subnav_top_bb a#bb_overnachtingen:hover,#subnav_top_bb a#bb_overnachtingen.active{
	background: url(../images/menu_bb/overnachtingen-on.png) no-repeat;
}

/*living*/
#subnav_top_bb a#bb_living{
	background: url(../images/menu_bb/bb_living-off.png) no-repeat;
	width: 50px;
}
#subnav_top_bb a#bb_living:hover,#subnav_top_bb a#bb_living.active{
	background: url(../images/menu_bb/bb_living-on.png) no-repeat;
}

/* Steengoedweekend menu*/

#subnav_top_ws{
	background: url(../images/menu_ws/ws_back4.png) no-repeat;
	list-style: none;
	height: 20px;
	font-family: 'Lucida Grande', Arial, sans-serif;
	font-size: 12px;
	margin: 0px auto;
	overflow: hidden;
	padding: 0;
}
#subnav_top_ws li{
	float: left;
}
#subnav_top_ws a{
	display: block;
	text-decoration: none;
	border-top: none;
	line-height: 400px;
	overflow: hidden;
}

/*workshops*/
#subnav_top_ws a#ws{
	background: url(../images/menu_ws/ws-off.png) no-repeat;
	width: 100px;
}
#subnav_top_ws a#ws:hover,#subnav_top_ws a#ws.active{
	background: url(../images/menu_ws/ws-on.png) no-repeat;
}
/*programma*/
#subnav_top_ws a#programma{
	background: url(../images/menu_ws/programma-off.png) no-repeat;
	width: 80px;
}
#subnav_top_ws a#programma:hover,#subnav_top_ws a#programma.active{
	background: url(../images/menu_ws/programma-on.png) no-repeat;
}

/*data*/
#subnav_top_ws a#data{
	background: url(../images/menu_ws/data-off.png) no-repeat;
	width: 40px;
}
#subnav_top_ws a#data:hover,#subnav_top_ws a#data.active{
	background: url(../images/menu_ws/data-on.png) no-repeat;
}

/*overnachtingen*/
#subnav_top_ws a#overnachtingen{
	background: url(../images/menu_ws/overnachtingen-off.png) no-repeat;
	width: 100px;
}
#subnav_top_ws a#overnachtingen:hover,#subnav_top_ws a#overnachtingen.active{
	background: url(../images/menu_ws/overnachtingen-on.png) no-repeat;
}

/*living*/
#subnav_top_ws a#ws_living{
	background: url(../images/menu_ws/ws_living-off.png) no-repeat;
	width: 50px;
}
#subnav_top_ws a#ws_living:hover,#subnav_top_ws a#ws_living.active{
	background: url(../images/menu_ws/ws_living-on.png) no-repeat;
}

/*atelier*/
#subnav_top_ws a#ws_atelier{
	background: url(../images/menu_ws/ws_atelier-off.png) no-repeat;
	width: 50px;
}
#subnav_top_ws a#ws_atelier:hover,#subnav_top_ws a#ws_atelier.active{
	background: url(../images/menu_ws/ws_atelier-on.png) no-repeat;
}


/*tarieven*/
#subnav_top_ws a#ws_tarieven{
	background: url(../images/menu_ws/tarieven-off.png) no-repeat;
	width: 60px;
}
#subnav_top_ws a#ws_tarieven:hover,#subnav_top_ws a#ws_tarieven.active{
	background: url(../images/menu_ws/tarieven-on.png) no-repeat;
}

.guestbook{
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
background-color: #F5F5F5 ;
border-bottom: 3px solid #FFFFFF;
overflow: auto;
height:240px;
max-height: 240px;


}

.guestbook_top{
padding: 3px;
background-color:#E9E9E9 ;
border-bottom: 1px solid #660000;

}

#gastboek_container {
	width:500px;
	min-height: 300px;
	max-height: 350px;
	float: left;}

#gastboek_afbeelding_rechts {
	width: 400px;
	float: right;
}

#gastenboek_afbeelding_container{
	padding: 4px 0px 0px 0px;
	overflow: auto;
	min-height: 300px;
	max-height: 300px;
}

#opjeklompen {float:right; padding-right:20px;}
#opjeklompen a {
	
	text-decoration:none;
	color: #5d5549;
}
#opjeklompen a:visited {text-color:5d5549; text-decoration:none;}
#opjeklompen:hover {
	color:#5d5549;
	text-decoration:underline;}

#wrapper {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/extra-top.png);
	}
 
.accordionButton {
	width: 190px;
	float: left;
	background: url(../images/extra-top.png);
	/*border-bottom: 1px solid #FFFFFF;*/
	cursor: pointer;
	}
 
.accordionContent {
	width: 190px;
	float: left;
	background: #fff;
	display: none;
	padding: 2px;
	/*margin: 0 0.5em;*/
	}
.floating-menu {
	position:fixed;
	/*background:#fff;*/
	/*border:1px solid #ccc;*/
	width:200px;
	z-index:100;
}
.floating-menu , div.floating-menu h3 {display:block;margin:0 0.5em;}

.floating-menu h3 {font-weight:bold; margin:0px auto;}

strong.left {
	font-weight: bold;
	text-align: left;
	padding-left: 0px;
	float: left;

}