@import url('https://fonts.googleapis.com/css?family=Tangerine');
@import url('https://fonts.googleapis.com/css?family=Open+Sans|Raleway');
/* reset css */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; } 
table { border-collapse: collapse; border-spacing: 0; }
q:before, blockquote:before { content: ''; }
q:after, blockquote:after  { content: ''; }

/* site css */
html {
    background			: #f1f8e1 url(../images/topback.png) top center; background-repeat: no-repeat; 
}

body {
	font-family			: 'Open Sans', sans-serif;
	font-size			: 14px;
	color				: #141414;
	line-height			: 150%	
}
p { 
	padding-left		: 0px;
	padding-right		: 15px;
	padding-bottom		: 11px;	
}
p.nieuwsinleiding{
	font-family			: 'Open Sans', sans-serif;
	padding-bottom		: 2px;
	padding-right		: 5px;
	font-size			: 14px;
	overflow			: hidden;
}
p.nieuwstussen {
	padding-bottom		: 5px;
	overflow			: hidden;
}
p.birdtext {
	padding-left: 8px;
	font-size: 13px;
	padding-top: 20px;
	color:#000000;
}
td {
	padding				: 0px;
}
th {
	color				: #31410f;
	border-left			: 1px solid #afafaf; padding-top: 5px; padding-bottom: 5px;
	font-size			: 0.90em;
}
table.prijs {
	border-spacing: 0px; border-collapse: separate; border-top: 1px solid #afafaf;; border-right: 1px solid #afafaf;; border-bottom: 1px solid #afafaf; margin-top: 15px;
}
table.prijs td {
	padding-top			: 5px;
	padding-left		: 5px;
	padding-bottom		: 5px;
	border-top			: 1px solid #afafaf;
	border-left			: 1px solid #afafaf;;
	font-size			: 0.90em;
	color				: #404040;
}
.tdleft{
	width				: 50%;
	padding				: 0px;	
	vertical-align		: top;
}
.tdright {
	width				: 50%;
	padding				: 0px;	
}
.tdcenter {
	width				: 980px;
	padding				: 0px;
	vertical-align		: top;	
}
.top {
	width				: 980px;
	height				: 122px;
	border-bottom		: 1px solid white;
}
.navigation {	
	float				:  left;
	width				:  178px;
	height				:  296px;	
	background-color	: #e6f9bd;
	border-left			: 2px solid white;
	border-right		: 2px solid white;
	border-bottom		: 2px solid white;	
}
.hfdimage {
	float				:  right;
	width				:  796px;
	height				:  296px;
	border-right		: 2px solid white;
	border-bottom		: 2px solid white;
	background-color: white;
}

.jugend {
 	display             : block;
    position            : absolute;    
    left				: 852px;
    top                 : 40px;
    z-index             : 10;
    width               : 140px;
    height              : 415px;
    text-indent         : -900em;
    background          : url(../images/jugend.png) no-repeat left top;
}
h1 { 
	padding-top			: 0px;
	padding-left		: 0px;
	padding-right		: 0px;
	padding-bottom		: 5px;
	font-family			: 'Open Sans', sans-serif;
	font-size			: 16px;
	color				: #698d1d;

}
h2 { 
	padding-top			: 0px;
	padding-left		: 0px;	
	font				: 11pt 'Open Sans', sans-serif;
	font-weight			: bold;	
	padding-bottom		: 3px;
}
h2.nieuwsonderwerp {
	font-family			: 'Open Sans', sans-serif;
	font-size			: 14px;
	color				: #698d1d;
	font-weight			: bold;
	padding-top			: 2px;
	padding-left		: 0px;
	background-image	: url(../images/interhome.png); background-position: left top; background-repeat: repeat;		
}
h3 { 
	padding-top			: 5px;
	padding-left		: 15px;
	padding-right		: 5px;
	padding-bottom		: 5px;
	font				: 10pt Lucida Sans unicode,Lucida Grande;
	font-style			: italic;
	font-weight			: bold;
	color				: #0182c6;
}
.tekst { height: 10px; text-align: center; color: #000000; font-family: 'Open Sans', sans-serif;  font-size: 8pt;
}
td.tekst { height: 10px; text-align: center; color: #000000; font-family: 'Open Sans', sans-serif;  font-size: 8pt; background-color: #f2f2f2;
}
table.maand {
	border-spacing: 0px; border-collapse: separate; border-left: 1px solid #afafaf;; border-bottom: 1px solid #afafaf; margin-top: 0px;
}
table.maand td {
	padding: 2px;	
	border-top: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	text-align: center;	
}table.monitor{
	border-collapse: separate;	border-spacing: 8px;
}
.omheen {
	border-collapse: separate;	border-spacing: 5px;
}
td.grachter {
width: 20px; height: 20px;  background-color: #6f8f21; 
}
td.rachter {
width: 20px; height: 20px;  background-color: #c10808; 
}
.groen { width: 10px; height: 10px; text-align: center; background-color: #6f8f21;  color: #FFFFFF; font-family: 'Open Sans', sans-serif;  font-size: 8pt;
}
.rood { width: 10px; height: 10px; text-align: center; background-color: #c10808;  color: #FFFFFF; font-family: 'Open Sans', sans-serif;  font-size: 8pt; 
}
.wit { width: 10px; height: 10px; text-align: center; background-color: #FFFFFF;  font-family: 'Open Sans', sans-serif;  font-size: 8pt;
}

#outer {
	border-spacing: 0px; border: 0px; width: 100%; height: 100%; margin:0 auto;
}
ul {
	margin-bottom: 11px;
}
/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container {
	position			: relative;
	width				: 980px;
	margin				: 0 auto;
	overflow			: hidden;	
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header {
	  
	height				: 422px;
	width				: 980px;
	overflow			: hidden;
	position			: relative;   
}
/*#midden{
	position			: relative;
	width				: 999px;
	background          : url(../images/midden.png) repeat-y left top;
	min-height			: 250px;
	overflow			: hidden;	
}
*/
.intertext{
	float				: left;
	width				: 583px;
	margin-right		: 0px;
	margin-left         : 0px;
	margin-top        	: 0px;
	margin-bottom       : 0px;
	overflow			: hidden;
	text-align			: center;
	font-size			: 0.985em;
	letter-spacing		: -0.0525em;
}
.middenhome{
	float				: left;
	width				: 535px;
	margin-right		: 20px;
	margin-left         : 30px;
	margin-top        	: 10px;
	margin-bottom       : 0px;
	overflow			: hidden;
}
.rechtshome {
	float				: left;
	width				: 211px;
	margin-left         : 0px;
	margin-top        	: -74px;
	margin-bottom       : 0px;
	overflow			: hidden;
}
#menu{
	float				: left;
	margin-left         : 2px;	
	width				: 178px;	
	min-height			: 250px;
	border-top-style	: solid;
	border-top-color	: #ffffff;
	border-top-width	: 0px;
	padding-top			: 5px;
	font-size			: 10pt;			
}
.content{
	position			: relative;
	width				: 980px;	
	/*min-height			: 200px;*/
	background-color	: #fff;
	overflow			: hidden;
	background-image	: url(../images/achtercontent.png); background-position: right bottom; background-repeat: no-repeat; 	
}
.rechts {
	float				: left;
	width				: 720px;
	margin-left         : 30px;
	margin-top        	: 18px;
}
.links {
	float				: left;
	width				: 181px;	
}
.greenblok{		
	width				: 179px;	
	height				: 33px;
	margin-left			: 2px;	
	background-color	: #83b221;
}
.greenblokrechts{		
	width				: 209px;	
	height				: 33px;
	margin-left			: 2px;	
	background-color	: #83b221;
	overflow			: hidden;
}
.whiteblok{		
	width				: 179px;	
	min-height			: 85px;
	margin-left			: 2px;
	padding-top			: 5px;	
}
.newsblok{		
	width				: 209px;	
	min-height			: 60px;
	margin-left			: 2px;
	padding-top			: 5px;
	overflow			: hidden;		
}
.textblok{
	margin-top			: -2px;
	padding-left		: 10px;
	overflow			: hidden;
	font-size			: 0.90em;
	min-height			: 86px;
	padding-bottom		: 5px;			
}
.textblokrechts{
	padding-top			: 0px;
	padding-left		: 0px;
	overflow			: hidden;
	padding-bottom		: 3px;			
}
.textblokrechts p{
	padding-bottom		: 3px;			
}

.videoblok{
	padding-top			: 6px;	
	height				: 135px;
	padding-left		: 4px;
	text-align			: center;			
}

.linkblok1{
	padding-top			: 4px;	
	padding-left		: 4px;
	text-align			: center;
	overflow			: hidden;
	height				: 122px;				
}
.linkblok2{
	padding-top			: 5px;	
	padding-left		: 4px;
	text-align			: center;
	overflow			: hidden;
	height				: 255px;				
}
.linkbloklinks{
	padding-top			: 4px;	
	padding-left		: 3px;
	text-align			: center;
	height				: 103px;				
}
.navwhitetext{
	padding-top			: 5px;
	padding-left		: 10px;	
	font				: 12pt 'Open Sans', sans-serif;
	font-weight			: bold;
	color				: #ffffff;
	overflow			: hidden;			
}
.vgfoto {float: left; width: 187px; background-color: #fff; overflow: hidden;}
.vgfoto2 { float: left; width: 187px; background-color: #ebebeb; overflow: hidden;} 
.vgtekst {float: left; width: 178px; padding: 0px; background-color: #fff; vertical-align: middle; overflow: hidden;}
.vgtekst2 {float: left; width: 178px; padding: 0px; background-color: #ebebeb; vertical-align: middle; overflow: hidden;}
.omvogels {position: relative; padding-bottom: 5px; width: 730px; background-color: #fff; overflow: hidden; }

#contentgroot{
	float				: left;	
	width				: 616px;	
	min-height			: 240px;	
	margin-top			: 20px;
	margin-bottom		: 20px;	
}
#nieuws {
	width				: 227px;
	margin-left			: 2px;	
	
}
.nieuwskop {	
	height				: 20px;
	font				: 11pt Lucida Sans unicode,Lucida Grande;	
	background-color	: #dbe5ef;
	text-align			: left;
	padding-left		: 5px;
	padding-top			: 3px;
	color				: #0182c6;
	font-weight			: bold;
}
.nieuwscontent {
	min-height			: 40px;
	padding-bottom		: 5px;
	border-bottom		: 1px solid;
	border-color		: #dbe5ef;
	background-color	: #f4f7fa;
}
.nieuwscontent p{
	padding-left		: 5px;
	padding-right		: 5px;
}
.actieblok {
	padding-top			: 5px;
}
.actieblok p{
	padding-left		: 5px;
	padding-right		: 5px;
}
#rmenu{
	float				: left;	
	width				: 151px;	
	min-height			: 250px;
	border-top  		: 1px solid;
	border-color		: #FFFFFF;
	padding-top			: 5px;			
}
.footer{
	position			: relative;
	width				: 980px;
	background          : url(../images/footer.png) repeat-y left top;
	height				: 359px;
	overflow			: hidden;
}
.infooter {
	padding-top			: 189px;
	text-align			: right;
	width				: 960px;	
	color				: #ffffff;
	font				: 11px Lucida Sans unicode,Lucida Grande;	
}
.home {
	color				: #FFF;
	font				: 10pt Lucida Sans unicode,Lucida Grande;
	text-align			: right;
		
}
.toplogo {
	position: absolute;
	width: 147px;
	top: 20px;
	left: 20px;
}
.toptekst {
	position: absolute;	
	top: 50px;
	left: 570px;
	color: #fff;
	font-family: 'Tangerine', cursive;
	font-size: 40pt;	
}
.toptekstklein {
	position: absolute;	
	top: 90px;
	left: 720px;
	color: #fff;
	font-family: 'Open Sans';	
	font-size: 12pt;	
}
.topvogel {
	position: absolute;	
	top: 5px;
	left: 350px;
	background: url(../images/vogels.png) no-repeat;
	width: 236px;
	height: 109px;
}
.gast input {
	width: 310px;
} 

.tekstgast {
	width: 570px;
	padding-top: 6px;
	padding-bottom: 10px;
	border-bottom: #bebebe 1px solid;
}
.heading {
	width: 570px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.head {
	 width: 580px;
	 padding-top: 0px;
	 padding-bottom: 5px;
	 text-align: right;
}
.headerunder {
	position: relative;
	margin-top: 78px;
	height: 247px;
}	
.hlinks {
	position: absolute;	
	width: 343px;
	height: 247px;
}
#hrechts {
	position: absolute;
	left: 344px;
	width: 638px;
	height: 247px;
	border-left: 1px solid #ffffff;	
}
.pics {
	width:  794px; 
    height: 296px; 
    padding: 0; 
    margin:  0;
}
.pics img{
	width:  794px; 
    height: 296px; 
    top:  0; 
    left: 0;
 }
.fotos {
	position	: relative;
	width	: 690px;
	min-height: 220px;
	overflow: hidden;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
}
.foto {
	float : left;		
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	border: 1px solid #c6c6c6;
	text-align: center;
	margin: 3px;
	overflow: hidden;
}
.foto img {
	height: 93px;
	max-width:  120px;
}

A:link { color: #404040; text-decoration:underline;}
A:visited { color: #404040;text-decoration:underline;}
A:active{ color:#dd0000;text-decoration:underline;}	
A:hover{ color:#dd0000; text-decoration:none;}

A.witf:link { color:#ffffff;text-decoration:none;}
A.witf:visited { color:#ffffff;text-decoration:none;}
A.witf:active{ color:#ffffff;text-decoration:underline;}	
A.witf:hover{ color:#ffffff; text-decoration:underline;}

A.wit_over:link { color:#ffffff;text-decoration:underline;}
A.wit_over:visited { color:#ffffff;text-decoration:underline;}
A.wit_over:active{ color:#ffffff;text-decoration:underline;}	
A.wit_over:hover{ color:#ffffff; text-decoration:underline;}

a.fotos:link { color:#302a00; text-decoration:underline; font-weight: bold;}
a.fotos:visited { color:#302a00; text-decoration:underline;font-weight: bold; }
a.fotos:active{ color:#302a00;text-decoration:underline;font-weight: bold;}	
a.fotos:hover{ color:#302a00; text-decoration:none;font-weight: bold;}
a.fotosin:link { color:#dd0000; text-decoration:underline; font-weight: bold;}
a.fotosin:visited { color:#dd0000; text-decoration:underline;font-weight: bold; }
a.fotosin:active{ color:#dd0000;text-decoration:underline;font-weight: bold;}	
a.fotosin:hover{ color:#dd0000; text-decoration:none;font-weight: bold;}

.interlist a.inter:link { text-decoration:none;}
.interlist a:visited { color:#302a00; text-decoration:underline; }
.interlist a:active{ color:#302a00;text-decoration:underline;}	
.interlist a:hover { color: #ffffff; text-decoration:none; background-image: url(../images/backnavover.png); background-position: left top; background-repeat: repeat-x;}
a.active:link { color: #ffffff; text-decoration:none; background-image: url(../images/backnavover.png); background-position: left top; background-repeat: repeat-x;}
a.active:visited { color: #ffffff; text-decoration:none; background-image: url(../images/backnavover.png); background-position: left top; background-repeat: repeat-x;}
a.active:active{ color: #ffffff; text-decoration:none; background-image: url(../images/backnavover.png); background-position: left top; background-repeat: repeat-x;}	
a.sctive:hover{ color: #ffffff; text-decoration:none; background-image: url(../images/backnavover.png); background-position: left top; background-repeat: repeat-x;}

.interhome {
	float				: left;
	width				: 583px;
	margin-right		: 0px;
	margin-left         : 2px;
	margin-top        	: 1px;
	margin-bottom       : 0px;	
	overflow			: hidden;
	height				: 33px;
	background-image	: url(../images/interhome.png); background-position: left top; background-repeat: repeat-x; 	
	text-align			: center;	
}
ul.interlist
{
width: 583px;
margin-top: 5px;
}
.interlist li
{
display: inline;
/* for IE5 and IE6 */
}
.interlist
{
width: 583px;
text-align: center;
}
.interlist a
{
display: inline;
text-align: center;
text-decoration: none;
color: #000000;
padding-left: 20px;
padding-right: 20px;
padding-top: 1px;
padding-bottom: 1px;
line-height: 19px;;
font-size: 1.24em;
font-weight: bold;
border: 1px solid;
border-color: #a5a5a5;
background-image: url(../images/backnav2.png); background-position: left top; background-repeat: repeat-x; 
}

.navlist a:link { color: #404040; text-decoration:none;}
.navlist a:visited { color: #404040; text-decoration:none;}
.navlist a:active { color: #404040; text-decoration:none;}


ul.navlist{
	margin-bottom: 0px;
}

.navlist li
{
display: inline;
/* for IE5 and IE6 */
}
.static li
{
display: inline;
/* for IE5 and IE6 */
}
.blokrechts ul,li, li a{
margin:0;
padding: 0;
line-height: 0; 
}
.navlist
{
width: 166px;
font-family: Lucida Sans unicode,Lucida Grande;
margin: 0 0 10px 0;
}
.navlist a
{
width: 166px;
display: block;
text-align: left;
text-decoration: none;
color: #10385d;
padding-left: 10px;
line-height: 20px;
font-size: 1.05em;
}

.navlist a:link { color: #404040; text-decoration:none;}
.navlist a:visited { color: #404040; text-decoration:none;}
.navlist a:active { color: #404040; text-decoration:none;}
.navlist a:hover { color: #ffffff; background-color: #698d1d; text-decoration:none;}

/*
.static a:visited { color: #10385d; text-decoration:none;}
.static a:hover { color: #ffffff; background-color: #255078; background-image: url(); text-decoration:none;}

.subnav a:hover { color: #10385d; background-image: url(../images/pijl.png); background-repeat: no-repeat; background-color: #edf2f7; text-decoration:none;}
*/
ul.navlist li.active a:hover
{
	color: #ffffff;
	background-color: #698d1d;				 
}
ul.navlist li.active a:active
{
	color: #ffffff;
	background-color: #698d1d;		 
}
ul.navlist li.active a:visited
{
	color: #ffffff;
	background-color: #698d1d;		 
}
ul.navlist li.active a:link
{
	color: #ffffff;
	background-color: #698d1d;
	background-image: url();
	margin-bottom: 0px;
}

.text li {
	padding-left: 0px;
	padding-right: 40px;
	line-height: 150%;	
    list-style-type: disc;
    margin-left: 40px;	
}
ul.text a:link{
	text-decoration:none;
}
ul.text li a:hover{
	text-decoration:none;
}ul.text li a:visited{
	text-decoration:none;
}ul.text li a:active{
	text-decoration:none;
}
.textofferte li {
	padding-left: 0px;
	padding-right: 0px;
	line-height: 200%;	
    list-style-type: disc;
    margin-left: 30px;	
}
ul.textofferte a:link{
	text-decoration:none;
}
ul.textofferte li a:hover{
	text-decoration:none;
}ul.textofferte li a:visited{
	text-decoration:none;
}ul.textofferte li a:active{
	text-decoration:none;
}
#links {
	float: left; margin-top: 0px; margin-left: 15px;
}
/*
div.form {width: 440px; background-color: #f2f2f2; border: 1px dotted #143e63; padding: 5px; margin: 0px auto; margin-bottom: 20px; overflow: hidden; position: relative;}
div.row {
  clear: both;
  padding-top: 5px;
  }
div.row div.label {
  float: left;
  width: 120px;
  text-align: left;
  color: #143e63;
  padding-top: 0px;
  font-size: 12px;
  }
div.row div.labelkl {
  float: left;
  width: 118px;
  text-align: left;
  color: #143e63;
  padding-top: 0px;
  font-size: 11px;
  text-align: right;
  
  }  
div.row div.formw {
  float: right;
  width: 320px;
  text-align: left;
  font-size: 11px;
  color: #143e63;
  }
div.row span.formw {
  float: right;
  width: 300px;
  text-align: left;
  font-size: 11px;
  color: #000000;
  }  
div.row span.red {
  color: red; font-size: 8pt; padding-left: 5px;
}
div.row div.tussencijfers{
	float: left;
	text-align: center;
	width: 25px;	
}
div.row div.voorradio{
	float: left;
	text-align: center;
	width: 1px;		
}
.radiobutton {
	margin: 0;
	padding: 0;
}
.checkbox{
	float: left;
	width: 23px;	
}
*/
.radiobutton {
	margin: 0px;
	padding: 0px;
	padding-right: 5px;
}
input[type=radio] {
	margin: 0;
	padding: 0;
}
.message {
	margin-left: 10px; padding-top: 15px; padding-bottom: 10px; color: #374f84; font-size: 12px; display: block; height: 100px;
}
.messagered {
	margin-left: 10px; padding-top: 15px; padding-bottom: 10px; color: #ff0000; font-size: 12px; display: block; height: 100px;
}
.inputcontact {
	width: 160px; font-family: arial, helvetica, sans-serif; height: 14px; font-size: 12px
}
.input {
	background-color: #ffffff; font-family: arial, helvetica, sans-serif; height: 13px; font-size: 11px
}
.inputreserveren {
	width: 215px; font-family: arial, helvetica, sans-serif; height: 14px; font-size: 12px
}
textarea {
	width: 255px; font-family: arial, helvetica, sans-serif; font-size: 12px; margin-left: 5px; height: 210px;
}
textarea.contactarea {
	width: 264px; font-family: arial, helvetica, sans-serif; font-size: 12px
}
.text_select {
	font-size: 11px; color: #374f84; width: 185px; font-family: arial, helvetica, sans-serif; height: 20px;
}
.textcheckbox {
	float: left;
	width: 290px;
}
.boek {	position: relative; top: 10px; z-index: 1;  width: 100%; height: 136px;  padding-right: 0px; padding-left: 10px; margin: 0px;  padding-top: 10px; padding-bottom: 20px; background-color: #e8f2a5; overflow: hidden;}
.album { POSITION: relative; LEFT: 0px; TOP: 10px; Z-INDEX: 1;  HEIGHT: 132px;  PADDING-LEFT: 0px; margin: 0px;  PADDING-TOP: 0px; PADDING-BOTTOM: 7px; overflow: hidden;}
img { border: 0px;}
.kolom1 { z-index: 1; position: absolute; width: 147px; height: 127px;}
.kolom2 { z-index: 1; position: absolute; left: 147px; width: 147px; height: 127px;}
.kolom3 { z-index: 1; position: absolute; left: 294px; width: 147px; height: 127px;}
.kolom4 { z-index: 1; position: absolute; left: 441px; width: 147px; height: 127px;}
.kolom5 { z-index: 1; position: absolute; left: 588px; width: 147px; height: 127px;}
.kol1 {	 float: left; width: 170px; height: 127px; margin-left: 4px; margin-right: 4px;}
.kol2 {	 float: left;width: 170px; height: 127px; margin-left: 4px; margin-right: 4px;}
.kol3 {	 float: left;width: 170px; height: 127px; margin-left: 4px; margin-right: 4px;}
.kol4 {	float: left;width: 170px; height: 127px; margin-left: 4px; margin-right: 4px; }
.kol5 {	float: left;width: 170px; height: 127px; margin-left: 5px; margin-right: 5px;}
.kt {	z-index: 1;  position: relative;  width: 160px; height: 20px; text-align: center; color: #302a00;}
.afb {	z-index: 1;  position: relative;  width: 160px; height: 120px; text-align: center;}