@charset "UTF-8";
body {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #495677 url(/images.bz/bg_main.jpg) top repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
img{
	border: 0;
	border-color: #495677; /* for cases when border is set in the cms images */
}
h2{
	color: #bb2902;
	font-family: "Times New Roman";
	font-size: 18px;
	font-style: italic;
	background: url(/images.bz/icon.gif) left 10px no-repeat;
	padding-left: 15px;
	margin: 0;
}
h3{
	color: #495677;
	font-size: 14px;
	margin: 0;
}
a{
	text-decoration: none;
	color: #000;
}

a:hover{
	text-decoration: underline;
	color: #000;
}

#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 28px auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#menu {
	height: 30px;
	margin-bottom: -5px;
}

#menu_container {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 30px;
  margin-left: 10px;
}

#menu_container li{
  float: left;
  cursor: pointer;	
}

#menu_container a {
  display: block;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}

#menu_container a div.left {
  clear: none;
  float: left;
  background: url(/images.bz/menu_left.png) left top no-repeat;
  height: 30px;
  width: 5px;
}
#menu_container a div.mid {
  color: #FFF;
  font-size: 14px;
  clear: none;
  float: left;
  background: url(/images.bz/menu_mid.png) left top repeat-x;
  height: 27px;
  padding: 5px 0 0;
  
}
#menu_container a div.right {
  clear: none;
  float: left;
  background: url(/images.bz/menu_right.png) left top no-repeat;
  height: 30px;
  width: 6px;
}
#menu_container a:hover div.left {
  clear: none;
  float: left;
  background: url(/images.bz/menu_left_h.png) left top no-repeat;
  height: 30px;
  width: 5px;
}
#menu_container a:hover div.mid {
  color: #FFF;
  font-size: 14px;
  clear: none;
  float: left;
  background: url(/images.bz/menu_mid_h.png) left top repeat-x;
  height: 27px;
  padding: 5px 0 0;
  
}
#menu_container a:hover div.right {
  clear: none;
  float: left;
  background: url(/images.bz/menu_right_h.png) left top no-repeat;
  height: 30px;
  width: 6px;
}

#menu_container a.selected div.left {
  clear: none;
  float: left;
  background: url(/images.bz/menu_left_h.png) left top no-repeat;
  height: 30px;
  width: 5px;
}
#menu_container a.selected div.mid {
  color: #FFF;
  font-size: 14px;
  clear: none;
  float: left;
  background: url(/images.bz/menu_mid_h.png) left top repeat-x;
  height: 27px;
  padding: 5px 0 0;
  
}
#menu_container a.selected div.right {
  clear: none;
  float: left;
  background: url(/images.bz/menu_right_h.png) left top no-repeat;
  height: 30px;
  width: 6px;
}


#header {
	height: 189px;
	background: url(/images.bz/bg_header.gif) left top repeat-x;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	//padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#head_left {
	float: left;
	padding: 15px 0 0 60px;
}
#head_left_text{
	color: #FFF;
	margin: 10px 0 0 8px;
	font-size: 12px;
}
#head_right {
	float: right;
	padding: 9px 20px 0 0;
}
#head_right_left {
  	float: left;
	height: 163px;
	width: 50px;
	background: url(/images.bz/head_adv_bg.gif) left top no-repeat;
}
#head_right_right {
	float: left;
	width: 385px;
}
#head_right img{
	border: 1px solid #495677;
}


#mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #f2efe6;
	font-size: 12px;
}
#mainContent p {
	//margin: 0;
	//padding: 0;
}
#content_header{
	padding: 12px 0 0 16px;	
}
#content_text{
	margin: 25px 0 0 45px;
	min-height: 200px;	
}


#footer {
	background:#FFF;
	height: 245px;
}
#footer_header{
	background: url(/images.bz/footer_header_bg.gif) left top repeat-x;
	height: 35px;
}
#footer_text{
	float: right;
	width: 310px;
	margin: -27px 50px 0 0;
	color: #495677;
}
#foto_gal_container{
  	float: left;
	background: url(/images.bz/fotogal_bg.png) 60px top no-repeat;
	height: 233px;
	width: 298px;
	margin: -32px 0 0 0;
	padding-left: 60px; 	
	cursor: pointer;
}
#foto_gal_content{
	height: 189px;
	width: 281px;
	margin: 5px 0 0 5px;
}
#gal_slide{
	width: 281px;
	height: 189px;
}

#map{
	width: 280px;
	height: 200px;
	border: 2px solid #BB2902;
}

#photo_gal_list{
	margin: 0;
}

#photo_gal_list a{
	text-decoration: underline;
	font-weight: bold;
}

/* -----------------------------------------------
	guest book
----------------------------------------------- */
#overlayDiv{ position: absolute; top: 0; left: 0; z-index: 80; width: 100%; height: 500px; background-color: #FFFFFF; }
.gb					{ font-family: Arial; font-size: 12px; }

.gb_write			{ position: relative; width: 675px;  height: 220px; margin-bottom: 25px; background: #d9e2ed;}
.gb_write .name		{ position: absolute; top: 5px; left: 12px; }
.gb_write .plaats	{ position: absolute; top: 5px; left: 350px; }
.gb_write .email	{ position: absolute; top: 50px; left: 12px; }
.gb_write .website	{ position: absolute; top: 50px; left: 350px; }
.gb_write .msg		{ position: absolute; top: 95px; left: 12px;}
.gb_write .send		{ position: absolute; top: 192px; height:24px; width: 671px; background: #495677; padding:2px; text-align: right; }
.gb_write .input	{ background: #FFFFFF; border: 1px solid #808080; width: 306px; height: 18px;} 
.gb_write .textarea	{ background: #FFFFFF; border: 1px solid #808080; width: 645px; height: 60px;}
.gb_write .submit	{ height: 24px; width: 90px; }

.gb_message					{ position: relative; width: 675px;	border: 0px solid #d9e2ed; margin-bottom: 20px; }
.gb_header					{ position: relative; height:24px;width: 675px; background: #495677; border-bottom: 0px solid #FFB754; }
.gb_header div				{ padding-right: 8px; padding-left: 8px; padding-top: 3px; font-weight: bold; color: #ffffff; }
.gb_content					{ position: relative; left: 0px; width: 675px; background: #d9e2ed; }
.gb_reply					{ color: #BB2902; }
.gb_content div				{ padding-top: 4px;	padding-right: 8px;	padding-bottom: 8px; padding-left: 8px;	}

.gb_pages					{ position: relative; width: 675px;  height: 60px; background: #d9e2ed;}
.gb_pages div				{ padding: 8px;}