/* CSS Document */

@font-face {
	font-family: 'fontinSansRegular';
	src: url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_r.eot');
	src: url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_r.eot?#iefix') format('embedded-opentype'),
		 url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_r.woff') format('woff'),
		 url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_r.ttf') format('truetype'),
		 url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_r.svg#sintonyregular') format('svg');
	font-weight: normal;
	font-style: normal; 
	}
	
@font-face {
	font-family: 'fontinSansItalic';
	src: url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_i.eot');
	src: url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_i.eot?#iefix') format('embedded-opentype'),
		 url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_i.woff') format('woff'),
		 url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_i.ttf') format('truetype'),
		 url('http://www.werkenzonderbaas.nl/style-wzb/fonts/fontin_sans_i.svg#sintonyregular') format('svg');
	font-weight: normal;
	font-style: normal; 
	}


html{ height:100%; }	


body{ font-family: 'fontinSansRegular', Arial, Helvetica, sans-serif; color:#FFF; line-height:25px; background-color:#000; margin:0px; height:100%; padding:0px; -webkit-text-size-adjust: 100%; }

h1{ margin:0px; margin-top:4px; padding:0px; margin-bottom:20px; font-family: 'fontinSansRegular'; line-height:30px; }
	
*{ margin:0px; padding:0px; }

a{	text-decoration:none; color:#7d9ed9; outline: 0; }
a:hover{ text-decoration:none; color:#466ec9; }
a img, img{border:none !important;}		

.mother{  width:100%; min-width:1000px; height:auto; position:relative;}
.child{	 width:80%; min-width:960px; max-width:1200px; margin-right:auto; margin-left:auto; position:relative; 	}


.header{ height:144px; background-color:#FFF; overflow:hidden; }
.header .logo{ min-width:135px; width:15%; height:87px; margin-top:30px; margin-bottom:30px; float:left;}
.header .logo a{ width:114px; height:87px; display:inline-block; background: url(/style-wzb/logo.png); background-repeat:no-repeat;}

.menu { width:85%;float:left; min-width:765px; }

/*.mother.header{ background-color:#F30;}.child{ background-color:#0F3;}.header .logo{ background:#03C;}.header .menu{ background:#CF0;}*/

.menu ul{ height:144px; width:auto; float:right; list-style:none; display:inline; }
.menu ul li{ white-space:nowrap !important; position:relative; float:left !important; width:auto; display:inline; list-style:none; padding-right:10px; padding-left:10px; }
.menu ul li a{ font:15px 'fontinSansRegular', Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; color:#344825; float:left; height:144px; line-height:144px; }

.menu ul li.menu-current a, .menu ul li.menu-parent a{ font-weight:bold; background: url(/style-wzb/menu-current.jpg) repeat-x;  background-position:0% 66%; color:#344825; } 
.menu ul li a:hover{ background: url(/style-wzb/menu-current.jpg) repeat-x;  background-position:0% 66%; } 
.menu ul li.menu-current a ul{ position:absolute; }


.submenu.mother{ background:#333;}
.submenu.child { text-align:center; }
.submenu.child ul{ margin-left:auto; margin-right:auto; display:inline-block; overflow:hidden;padding-top:4px; text-align:center;}
.submenu.child li{ float:left; margin-right:4px;  list-style:none;}
.submenu.child li a{ padding-top:6px; border-bottom:3px solid #333; padding-bottom:6px; padding-right:20px; padding-left:20px; display:inline-block; color:#f6ee3b; background-color:#444; font-size:16px; font-family: 'fontinSansItalic'; }
.submenu.child li a:hover, .submenu.child li.menu-current a{border-bottom:3px solid #f6ee3b;}

.shadowT, 
.shadowB{height:7px; width:100%; position:absolute; background:url(/style-wzb/shadow.png);}

.shadowT{top:0px; } 
.shadowB{bottom:0px;}

.media{ background-color:#3CF; min-height:350px; height:auto; background:#333 url(/style-wzb/eigen_baas.jpg) no-repeat; background-size:100%; background-position:50%; overflow:hidden; }

.main-container{ background-color:#333;overflow:hidden; }	
.main-content{ position:relative; margin-left:auto; margin-right:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; }	

.rij1_titel_container{ width:100%; overflow:hidden;background:url(/style-wzb/dots.png); background-repeat:repeat-x;background-position:0px 56px;  }
.rij1_titel{ text-align:center;margin-top:40px; margin-bottom:20px; }
.rij1_titel h1{ font:30px 'fontinSansItalic', Arial, Helvetica, sans-serif; font-weight:bold; color:#f6ee3b; background:#333; display:inline-block; margin:0; padding:0; padding-left:50px; padding-right:50px; }
.rij1{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-top:40px; padding-bottom:40px; position:relative; z-index:20; overflow:hidden;}
.rij1{padding-top:20px; padding-bottom:40px; background-color:#f6ee3b; color:#000; padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:20px; margin-top:30px; margin-bottom:50px;}
.rij1 h1{font:26px 'fontinSansItalic', Arial, Helvetica, sans-serif; font-weight:normal; line-height:30px; border-left:5px solid #000; padding-left:25px; margin-left:-30px;}
.rij1 h3{font:18px 'fontinSansItalic', Arial, Helvetica, sans-serif; font-weight:bold; line-height:25px; border-left:5px solid #000; padding-left:25px; margin-left:-30px;}
.rij1 a{ display:inline-block; padding:4px; padding-left:10px; padding-right:10px; background:#fff; border-right:2px solid #bdcc80; border-bottom:2px solid #bdcc80; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#7a730c;}
.rij1 a:hover{ border:none; border-left:2px solid #fff; border-top:2px solid #fff; background:#bdcc80; color:#fff;}

.rij2-container{  background:#d2e38f url(/style-wzb/shadow.png) repeat-x; overflow:hidden; /* border-bottom: 7px solid #bdcc80; */}	
.rij2-content{ position:relative; margin-left:auto; margin-right:auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden; }	

.rij2_titel_container{ width:100%; overflow:hidden;background:url(/style-wzb/dots_grey.png); background-repeat:repeat-x;background-position:0px 56px; }
.rij2_titel{ color:#333; text-align:center;margin-top:47px; }
.rij2_titel h1{ font:30px 'fontinSansItalic', Arial, Helvetica, sans-serif; font-weight:bold; color:#333; background:#d2e38f; display:inline-block; margin:0; padding:0; padding-left:50px; padding-right:50px; }
.rij2{ color:#333; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;position:relative; z-index:20; overflow:hidden;}
.rij2{background-color:transparent; color:#000; margin-top:30px; margin-bottom:50px;}
.rij2 h1{font:26px 'fontinSansItalic', Arial, Helvetica, sans-serif; font-weight:normal; line-height:30px; border-left:5px solid #000; padding-left:25px; margin-left:-30px;}
.rij2 h3{font:18px 'fontinSansItalic', Arial, Helvetica, sans-serif; font-weight:bold; line-height:25px; border-left:5px solid #000; padding-left:25px; margin-left:-30px;}


#camera_wrap_4{ height:380px; background:#666 url(/style-wzb/eigen_baas.jpg) no-repeat; background-size:100%; background-position:50%; }

.footerContent{ padding-top:40px;padding-bottom:40px; color:#f6ee3b; }
.footerContent span{ color:#f3f07a;}
.footerContent a{ color:#d2e38f;}

.rij1{
	background-image:url(/style-wzb/Shadow_grey.jpg); 
	background-position:bottom;
	background-size: 100% 20px;
	background-repeat:no-repeat;
	
	}

.inleiding-container{position:absolute; width:100%;pointer-events: none;}
.inleiding-wrapper{position:relative;}
.inleiding{width:66%; pointer-events:auto; background:url(/style-wzb/inleidingBG.png); margin-top:47px; padding-top:30px; padding-bottom:30px; max-height:285px; color:#333; padding-left:30px; padding-right:30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inleiding h1{font:30px 'fontinSansItalic', Arial, Helvetica, sans-serif; font-weight:normal;border-left:5px solid #d2e38f; border-right:5px solid #d2e38f; padding-left:25px; margin-left:-35px; margin-right:-30px;}

.shadow{
	width:66%;
	height:20px;
	background-image:url(/style-wzb/shadowinleiding.png); 
	background-position:bottom;
	background-size: 100% 20px;
	background-repeat:no-repeat;
	}


/*.slider img{width:100%;}
 template */


/*.media.template{ min-height:240px; }
.pageTitle{ margin-top:47px; margin-bottom:0px; padding-bottom:0px;}
.pageTitle h1{ width:50%; border-left:5px solid #f6ee3b; padding-left:30px; padding-top:3px; padding-bottom:3px;text-shadow: 0px 0px 6px rgba(150, 150, 150, 1);}
*/

/*.pageTitle{ margin-top:47px; margin-bottom:0px; padding-bottom:0px;position:absolute; z-index:9999;}
.pageTitle h1{ width:50%; border-left:5px solid #f6ee3b; padding-left:30px; padding-top:3px; padding-bottom:3px;text-shadow: 0px 0px 6px rgba(150, 150, 150, 1);}

.inleiding-tmpl{width:100%; overflow:hidden;pointer-events:auto; background:url(/style-wzb/inleidingBG_tmpl.png); margin-top:120px; padding-top:30px; max-height:285px; color:#333; padding-left:30px; padding-right:30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inleiding-tmpl h1{ margin-top:0px; border-left:4px solid #000; padding-left:30px; margin-left:-32px; }
.media.template{ min-height:240px; }

.template .imgonly{ width:100%; height:240px;}
.template .imgonly img{ width:100%; margin-top:-12%;}*/


.media.template{ min-height:240px; height:auto; background-size:cover; background-position:50%; } 
.pageTitle{ margin-top:40px; margin-bottom:30px; padding-bottom:0px;position:relative; }
.pageTitle h1{ float:left; margin-left:25px; width:50%; border-left:5px solid #f6ee3b; padding-left:30px; padding-top:3px; padding-bottom:3px;text-shadow: 0px 0px 6px rgba(150, 150, 150, 1);}


.inleiding-tmpl{width:100%; overflow:hidden;pointer-events:auto; background:url(/style-wzb/inleidingBG_tmpl.png); padding-top:30px; padding-bottom:30px; max-height:285px; color:#333; padding-left:30px; padding-right:30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.inleiding-tmpl h1{ margin-top:0px; border-left:4px solid #000; padding-left:30px; margin-left:-32px; }
.media.template .shadow{
	width:100%;
	height:20px;
	background-image:url(/style-wzb/shadowinleiding.png); 
	background-position:bottom;
	background-size: 100% 20px;
	background-repeat:no-repeat;
	}
.template .inleiding-container{position:relative; width:100%; pointer-events: none; margin-bottom:40px;}
.breadcrumb{float:right; width:40%; text-align:right; color:#333;margin-top:6px;}
.breadcrumb a{display:inline-block; padding:4px; padding-left:10px; padding-right:10px; background-color:#d2e38f;margin-right:3px; color:#000; }
.breadcrumb .crumb{display:inline-block; padding:4px; padding-left:10px; padding-right:10px; background-color:#f6ee3b; color:#000; }
.breadcrumb .title{margin-right:10px; }
SPAN.separator{display:none;}
.wrapper{width:100%; height:auto; overflow:hidden;}

.template.main-container{ background-color:#f6ee3b;overflow:hidden; }	
.template  .rij1_titel {    margin-bottom: 0px;}.template .rij1_titel_container{ background:url(/style-wzb/dots_grey.png); background-repeat:repeat-x;background-position:0px 56px;  }
.template .rij1_titel h1{ color:#333; background:#f6ee3b; }
.template .rij1{background-color:#d2e38f; /*margin-top:60px;*/ margin-top:60px;}
.template .rij1{background-image:url(/style-wzb/shadowyellow.png);  background-position:bottom;background-size: 100% 20px;background-repeat:no-repeat;}
.template .rij1_titel h1{ /*margin-bottom:-30px;*/ position:relative;   }
.main-content{background:transparent !important;} 
.template .rij1 a{ display:inline-block; padding:4px; padding-left:10px; padding-right:10px; background:#fff; border-right:2px solid #f6ee3b; border-bottom:2px solid #f6ee3b; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#7a730c;}
.template .rij1 a:hover{ border:none; border-right:2px solid #f6ee3b; border-bottom:2px solid #f6ee3b; background:#bdcc80; color:#fff;}

.twothird{ width:65%;  float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-top:40px; padding-bottom:40px; position:relative; z-index:20; overflow:hidden;}
.twothird{padding-top:20px; padding-bottom:40px; background-color:#d2e38f; color:#000; padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:20px; margin-top:50px; margin-bottom:50px;}
.twothird h1{font:26px 'fontinSansItalic', Arial, Helvetica, sans-serif; font-weight:normal; line-height:30px; border-left:5px solid #000; padding-left:25px; margin-left:-30px;}

.onethird{ width:31%; position:relative; float:right; background:#FFF;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-top:40px; padding-bottom:40px; position:relative; z-index:20; overflow:hidden; color:#000; padding-left:30px; padding-right:30px; padding-top:20px; padding-bottom:20px; margin-top:50px; margin-bottom:50px;}
.onethird h1{font:26px 'fontinSansItalic', Arial, Helvetica, sans-serif; font-weight:normal; line-height:30px; border-left:5px solid #000; padding-left:25px; margin-left:-30px;}

input[type='submit']{ margin:0; float:right; display:inline-block; padding:4px; padding-left:10px; padding-right:10px; background:#fff; border-right:2px solid #bdcc80; border-bottom:2px solid #bdcc80; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#7a730c;}
input[type='submit']:hover{  background:#bdcc80; color:#fff; cursor:pointer;}

.rij2-container a{	text-decoration:underline; color:#000000; outline: 0; }

.blogmother{background-color:#333 !important;}
.media.mother.template.blog{ min-height:110px;}

.child.blog{padding-top:60px;padding-bottom:60px;overflow:hidden; }
.child.blog .rgroups{float:right; width:32%; max-width:300px;}
.child.blog .rgroups .advertentie{width:100%; margin-bottom:10px;}
.child.blog .groups{/*float:right; width:25%;*/ margin-bottom:30px; margin-top:30px; height:auto; background-color:#f6ee3b; padding:30px;-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
.child.blog .groups h3{ color:#000; margin-bottom:20px; }
.child.blog .groups li{ list-style:none; }
.child.blog .groups li a{ color:#000; }
.child.blog .blogs{float:left; width:62%; height:auto; overflow:hidden; }
.child.blog .blogs .loop{width:100%; height:auto; overflow:hidden; padding-bottom:40px; margin-bottom:40px; border-bottom: dotted #000 2px; }
.child.blog .blogs .title{ font-size:35px;width:100%; margin-bottom:20px;color:#f6ee3b;}
.child.blog .blogs .title a{ color:#f6ee3b;}
.child.blog .blogs .title h3{ line-height:34px; margin-bottom:0px; padding-bottom:0px;}
.child.blog .blogs .date{ font-size:12px;width:100%; margin-bottom:10px; color:#bdcc80; }
.child.blog .blogs a img{  display:inline-block; /*width:35%;*/ height:auto; border:2px solid #FFF;   }
.child.blog .blogs .loop a img{  border:2px solid #FFF !important;   }
.child.blog .blogs .loop .more a,
.child.blog .backlink{  background-color:#bdcc80;color:#000; font-size:16px; display:inline-block; padding:12px; margin-top:20px; padding-left:20px; padding-right:25px;  }
.child.blog .blogs .loop .more a:hover,
.child.blog .backlink:hover{  background-color:#FFF; }
.backlink{margin-top:30px;}


.newspost .child{width:100%;}
.newspost .child .left{width:65%; float:left;}
.newspost .child .right{width:30%; float:right;}
.postheader{margin-bottom:40px; width:60%;}
.postheader h1{color:#f6ee3b; font-size:34px;}
.datumwijziging{color:#bdcc80; font-size:14px;}
.child.blog .post_images{ width:100%; float:left;}

.archive2{ float:right; width:100%; margin-bottom:40px;}


.post_images{
	width:30%;
	float:right;
	height:auto;
	position:relative;
	}
	
.post_images a{
	margin:0;
	padding:0;
	}
.post_images img{
	margin:0;
	padding:0;
	}
.post_images .main_image{
	width:100%;
	height:auto;
	overflow:hidden;
	border: 5px solid #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
.post_images .main_image:hover{
	border: 5px solid #8CBE22;
	}
	
.post_images .main_image img{
	width:100%;
	height:auto;
	margin-bottom:-4px;
	border:none !important;
	
	}
	
.post_images .thumb{
	width:100%;
	height:auto;
	}
	
.post_images .thumb li{
	display:inline-block;
	float:left;
	list-style:none;
	width:32.33%;
	margin-right:1%;
	border: 5px solid #FFF;
	margin-top:4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;height:150px;
	overflow:hidden;
	}
.post_images .thumb li:hover{
	border: 5px solid #8CBE22;
	}
	
.post_images .thumb li a{
	display:inline-block;
	width:100%;
	}
.post_images .thumb li a img{
	width:100%;
	height:auto !important;
	border:none !important;
	/*//min-height:100%;*/
	}
	
.post{
	width:50%;
	margin-top:15px;
	float:right;
	}
.video iframe{
	width:97% !important;
	border:5px solid #FFF;
	background-color:#000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.video iframe:hover{
	border:5px solid #8CBE22;
	}
	
.socials{
	display:block;
	overflow:hidden;
	width:100%;
	
	margin-top:40px;
}	
.socials .social{
	float:left;
	margin-right:10px;
}