img { border:0px; }

body { padding-bottom:50px;font-size:14px;font-family:'Open Sans'; margin:0px; padding:0px; color:#19171C; }

input, select, textarea { outline-color:#987501; }

.wrapper1 { width:1335px; padding:0 25px; margin:0 auto; }

.xheader .wrapper1 { max-width:1200px; }

.header { height:140px; }
.header .logo { z-index:2; position:absolute;float:left;  margin:0 3% 0 0;top:50px; }
.header .logo img { margin:0; width:100%; max-width:247px; }

.header .contact2 {color:#fff;background:#987501;padding:8px 0; width:100%; float:right; text-align:right; margin:0; }
.header .contact2 a.phone,
.header .contact2 a.email { line-height:100%; margin:0 0 0 20px; display:inline-block; height:20px; font-family:'Philosopher', Arial; font-weight:bold; font-size:20px; color:#fff; padding:0 0 0 22px; background:url(../images/phone.png) 0 1px no-repeat; text-decoration:none; }
.header .contact2 a.email { color:#987501; padding:0 0 0 30px; background:url(../images/mail.png) 0px 2px no-repeat; }

.header .menu { text-transform:uppercase; float:right; margin:60px 60px; 0 0; text-align:right; }
.header .menu ul { margin:0; padding:0; list-style-type:none; }
.header .menu li { margin:0; display: inline-block; }
.header .menu li:last-child { padding:0 0 10px 0; }
.header .menu li a { font-family:'Philosopher', Arial; font-size:18px; color:#515151; text-decoration:none;font-weight:600;  padding:70px 15px 0 15px;}
.header .menu li a.active,
.header .menu li:hover a,
.header .menu li a:hover { color:#987501; text-decoration:none;background:url(../images/hover.png) no-repeat top center; }

.header .menu ul li ul { display:none; position:absolute; background:#fff; z-index: 10002;  border-bottom:5px solid #987501; padding-top:30px; }
.header .menu ul li ul li,
.header .menu ul li ul li:last-child  { display:block; text-align:left; float:none;  }
.header .menu ul li:hover ul li a,
.header .menu ul li ul li a {background:none; font-family:'Open Sans';font-weight:200;color:#19171C; font-size:14px;padding:8px 15px;display:block; }
.header .menu ul li ul li a.active,
.header .menu ul li ul li a:hover { color:#987501; }

.header .menu ul li:hover ul { display:block; }




/* home */

.slider { position:relative;   overflow: hidden;  }
ul.bxslider { margin:0px; padding:0; }
ul.bxslider li { margin:0px; padding:0; }
ul.bxslider li div.title { width:100%; position:absolute; text-align:center; bottom:141px; font-family:'Philosopher', Arial; color:#ffffff; font-size:48px; text-shadow:2px 2px #525252; }
ul.bxslider li div.button { width:100%; position:absolute; text-align:center; bottom:73px;  }
ul.bxslider li div.button span { display:inline-block; height:48px; line-height:48px; padding:0 25px 0 25px; background:#987501; }
ul.bxslider li div.button a { font-family:Arial; font-weight:lighter; color:#ffffff; font-size:17px; padding:0 25px 0 0; display:inline-block; text-decoration:none; background:url(../images/arrowslide.png) center right no-repeat; }
ul.bxslider li div.button a:hover { text-decoration:underline; }
.bx-wrapper {  }
.bx-wrapper img{-webkit-filter: grayscale(0.1) sepia(0.35); }
.shadow { box-shadow:inset 0px 2px 2px #19171C; position:absolute; width: 100%; height: 2px; z-index: 1;top:0;opacity:0.25; }

.titel1 { margin:40px 0 45px 0; }
.titel1 h1 { text-transform:uppercase;font-family:'Philosopher', Arial; font-size:33px; color:#19171C; font-weight:lighter; margin:0; }

.blokken4 { margin:0; }
.blokken4 .blok { width:22.75%; float:left; margin:0 3% 45px 0; }
.blokken4 .blok.nr4 { margin:0 0 45px 0; }
.blokken4 .blok .image { xheight:202px; }
.blokken4 .blok .image img { width:100%; }
.blokken4 .blok h2 { margin:20px 0 14px 0; font-family:'Philosopher', Arial; color:#987501; font-weight:lighter; }
.blokken4 .blok h2 a { color:#987501; text-decoration:none; }
.blokken4 .blok h2 a:hover { text-decoration:underline; }
.blokken4 .blok p { margin:0 0 17px 0; font-size:14px; line-height:175%; color:#666666; }

.blokken5 { margin:0; }
.blokken5 .blok { width:23.5%; float:left; margin:0 2% 45px 0; }
.blokken5 .blok.nr4 { margin:0 0 45px 0; }
.blokken5 .blok .image { xheight:202px; }
.blokken5 .blok .image img { width:100%; }
.blokken5 .blok h2 { margin:20px 0 14px 0; font-family:'Philosopher', Arial; font-size:22px; color:#987501; font-weight:lighter; }
.blokken5 .blok h2 a { color:#987501; text-decoration:none; }
.blokken5 .blok h2 a:hover { text-decoration:underline; }
.blokken5 .blok p { min-height:200px; margin:0 0 17px 0; font-size:14px; line-height:175%; color:#666666;  }


a.button1,
.cmscontent2 a.button1:link,
.cmscontent2 a.button1:visited { display:inline-block; height:37px; padding:0 20px; line-height:37px; font-family:Arial; font-size:14px; background:#987501; text-decoration:none; color:#ffffff; }

.cmscontent2 a.button1:hover,
.cmscontent2 a.button1:active,
a.button1:hover { text-decoration:underline; }

.devider { opacity:0.5;border-top:1px solid #987501; margin:0 0 37px 0; }

.blokken2 { margin:0;overflow:hidden; }
.blokken2 .blok.nieuwswrapper{overflow:hidden;position:relative;margin:0;}
.blokken2 .blok { width:48.5%; float:left; margin:0 3% 45px 0; }
.blokken2 .blok.nr2 { margin:35px 0 45px 0;width:75%; }
.blokken2 .blok.nr3{width:40%;margin:0;position:absolute; top:0; right:0;}
.blokken2 .blok h2 { font-family:'Philosopher', Arial; font-size:30px; color:#19171C; font-weight:lighter; margin:0 0 23px 0; }
.blokken2 .blok p { font-family:'Open Sans'; font-size:15px; line-height:175%; color:#19171C; margin:0; }

.blokken2 .blok.nieuws { background:#19171C; }
.blokken2 .blok.nieuws .nieuws_container { padding:29px 36px; }
.blokken2 .blok.nieuws .nieuws_container h2 { font-size:28px; color:#fff; padding:0 0 10px 0; border-bottom:1px solid #987501; font-weight:lighter; margin:0 0 17px 0;width:78%; }
.blokken2 .blok.nieuws .nieuws_container .nieuwsblock { }
.blokken2 .blok.foto .image { margin: 0; float:left;  }
.blokken2 .blok.foto .image img { width:100%; border-left:6px solid #fff;border-bottom:6px solid #fff; }
.blokken2 .blok.nieuws .nieuws_container .nieuwsblock .text { float:left; width:78%; }
.blokken2 .blok.nieuws .nieuws_container .nieuwsblock .text h3 { font-family:'Philosopher', Arial; font-size:20px; font-weight:bold; line-height:125%; margin:0 0 8px 0; color:#987501; }
.blokken2 .blok.nieuws .nieuws_container .nieuwsblock .text h3 a { color:#fff; text-decoration:none; }
.blokken2 .blok.nieuws .nieuws_container .nieuwsblock .text h3 a:hover { text-decoration:underline; }
.blokken2 .blok.nieuws .nieuws_container .nieuwsblock .text p { margin:0 0 15px 0; color:#ccc; }

a.button2 { display:inline-block; height:37px; padding:0 20px; line-height:37px; font-family:'Open Sans'; font-size:14px; background:#ffffff; text-decoration:none; color:#987501; }
a.button2:hover { text-decoration:underline; }


/* vervolg */





.sfeer { height:318px; background:url(../images/header.jpg) center left no-repeat; box-shadow:inset 0px 2px 2px #cccccc; margin:0 0 47px 0; }
.sfeer .text { position:relative; top:235px; left:40px; font-family:'Philosopher'; font-size:33px; color:#ffffff; text-shadow:1px 1px #525252; font-style:italic; }
.main.opacity{background:url(/images/transparant90.png);padding:3% 7% 3% 3%;border:2px solid #987501;}
img.mainpict{right:5%; position:absolute; width:23.6%;border:6px #987501 solid;}
.vervolg { background-size:cover;background:url(../images/backgroundi.png) top center;padding-top:30px;padding-bottom:30px;position:relative; }

.vervolg .links { float:right; width:23%; margin:0 3% 37px 0; }
.vervolg .links .blok .titel { background:#987501; font-family:Arial; font-size:16px; color:#ffffff; padding:11px 20px; }
.vervolg .links .blok ul { margin:0; padding:0; list-style-type:none; }
.vervolg .links .blok ul li { margin:0; padding:11px 20px; border-bottom:1px solid #f3f3f3; }
.vervolg .links .blok ul li a {  display:inline-block; color:#383838; font-family:Arial; font-size:16px; color:#383838; line-height:125%; text-decoration:none; }
.vervolg .links .blok ul li a.active,
.vervolg .links .blok ul li a:hover { color:#987501; text-decoration:none; display:block; }
.vervolg .links .blok ul li a.active { background:url(../images/arrowsub.png) center right no-repeat; }
.vervolg .links .blok ul li ul { display:none; }

.vervolg .main { float:left; width:66%; margin:37px 0; }
.vervolg .main .breadcrumbs { font-size:12px; color:#987501; margin:0 0 30px 0; }
.vervolg .main .breadcrumbs ul {  margin:0; padding:0; list-style-type:none; }
.vervolg .main .breadcrumbs ul li { margin:0; padding:0; float:left; }
.vervolg .main .breadcrumbs ul li.sep { background:url(../images/brcr-devider.png) center center no-repeat; width:16px; }
.vervolg .main .breadcrumbs a { color:#666666; text-decoration:none; }
.vervolg .main .breadcrumbs a:hover { text-decoration:none; }
.vervolg .main h1 { margin:0 0 20px 0; font-family:'Philosopher', Arial; font-size:40px; color:#19171C; font-weight:lighter;text-transform:uppercase; }


/* footer */

.footer1 { background:#987501; padding:0 0 10px 0;}
.footer1 .blokken1 ul { margin:0; padding:0; list-style-type:none; }
.footer1 .blokken1 ul.links { float:right; margin:0; padding:0; list-style-type:none; }
.footer1 .blokken1 ul.links li { margin:10px 20px 0 0px; padding:0; float:left; }
.footer1 .blokken1 ul.links li a { font-family:Arial; font-weight:bold; font-size:13px; color:#ffffff; text-decoration:none; }
.footer1 .blokken1 ul.links li a:hover { text-decoration:underline; }
.footer1 .blokken1 ul.links li ul { margin:5px 0 0 0; }
.footer1 .blokken1 ul.links li ul li { margin:0; float:none; padding:3px 0; }
.footer1 .blokken1 ul.links li ul li a { font-family:Arial; font-weight:normal; font-size:13px; color:#ffffff; text-decoration:none; }
.footer1 .blokken1 ul.links li ul li a:hover { text-decoration:underline; }

.footer1 .blokken1 ul.links li.credits2  { float:right; }
.footer1 .blokken1 ul.links li.credits2 a { font-weight:lighter; }



.footer2 { background:#987501; padding:10px 0; }
.footer2 .credits { text-align:left; color:#e4ecfd; font-size:12px; }
.footer2 .credits a { color:#e4ecfd; font-size:12px; text-decoration:none; }
.footer2 .credits a:hover { text-decoration:underline; }

.wrapper1 { width:90%; padding:0 5%;overflow:hidden; }


.refs { }
.refs .blok1 { background:#F4F4F4; padding:25px; margin:37px 0 0 0; }
.refs .blok1 .fotos { float:left; width:48%; }
.refs .blok1 .fotos img.groot { width:300px; height:300px; margin:0 2px 2px 0; float:left; }
.refs .blok1 .fotos img.klein { width:149px; height:149px; margin:0 2px 2px 0; float:left; }
.refs .blok1 .reftext { float:right; width:48%; }
.refs .blok1 .reftext h2 { font-family:'Open Sans'; color:#000000; font-size:22px; font-weight:400; margin:0 0 10px 0; }
.refs .blok1 .reftext span { font-family:'Open Sans'; color:#987501; font-size:16px; font-weight:400; margin:0 0 10px 0; display:block; }
.refs .blok1 .reftext p { font-family:Arial; color:#666666; font-size:14px; line-height:150%; font-style:italic; }

.refs .blok1.odd .fotos { float:right; }
.refs .blok1.odd .reftext { float:left;  }

/* overig */

@media only screen and (max-width:1600px) 
{
	.blokken5 .blok p { min-height:200px; }
}

@media only screen and (max-width:1500px) 
{
	.xheader { height:120px; }
	.xheader .logo img { margin:15px 0 0 0; width:auto; }
	
	.blokken5 .blok p { min-height:280px; }
	
}

@media only screen and (max-width:1300px) 
{
	.blokken5 .blok h2 { font-size:18px; }
}


@media only screen and (max-width:1275px) 
{
	.header { height:120px; }

	.header .contact2 a.phone, .header .contact2 a.email { font-size:18px; }
	
	.header .menu { margin:45px 0 0 0; }
	.header .menu li a { font-size:16px; }
	.header .menu li a{padding-top:55px;}
	.blokken5 .blok p { min-height:320px; }
}

@media only screen and (max-width:1250px) 
{
	.blokken5 .blok h2 { font-size:17px; }
}

@media only screen and (max-width:1195px) 
{
	.blokken5 .blok p { min-height:340px; }
}

@media only screen and (max-width:1200px) 
{
	ul.bxslider li div.title { font-size:34px; }
	ul.bxslider li div.title { bottom: 121px; }
	ul.bxslider li div.button { bottom: 63px; }
	ul.bxslider li div.button span { height: 38px; line-height: 38px; }
	ul.bxslider li div.button a { font-size: 14px; }
}

@media only screen and (max-width:1150px) 
{
	.blokken5 .blok h2 { font-size:16px; }
		.bx-controls { display:none; }
	.shadow{position:fixed;top:70px;box-shadow:inset 0px 2px 2px #987501;opacity:0.75;}
	ul.bxslider li div.title { font-size:30px; }
	ul.bxslider li div.title { bottom: 91px; }
	ul.bxslider li div.button { bottom: 33px; }
	ul.bxslider li div.button span { height: 38px; line-height: 38px; }
	ul.bxslider li div.button a { font-size: 14px; }

	.vervolg .xlinks { width:90%; margin:0 0 37px 0; float:left; padding:0 5%; }
	.vervolg .links { width:100%;  }
	
    .header{background:#19171C;height:70px;width:100%; position:fixed; z-index:10; }
	.header .logo { text-align:center; margin:0;top:0;z-index:1000000;left:40%; }
	.header .logo img { margin: 5px 0 0 0;max-width:177px; }
	
	.header .contact2 { display:none;}
	
	.header .menu { margin:0px; display:none; }
	.header .menu ul { position:absolute; z-index:10000; top:70px; left:0; background:#FAFAFA; width:100%;  border-bottom:2px solid #987501; }
	.header .menu ul li { float:none; border-bottom:1px solid #f3f3f3; padding:0; display:block; text-align:left; }
	.header .menu ul li a { display:block; font-size:16px; padding:15px 15px; }
	.header .menu li a.active, .header .menu li:hover a, .header .menu li a:hover{background:none;}
	.header .menu ul li:hover ul { display:none; }
	.header .menu li:last-child{padding-bottom:0;}
	.opvulling{height:70px;display:block;}
	a.hamburger { display:inline-block !important; position:absolute; top:13px; left:10px; height:50px; width:50px; background:url(../images/hamburger.png) center center no-repeat;z-index:100000; }
	a.bellen { display:inline-block; position:absolute; top:13px; right:10px; height:50px; width:50px; background:url(../images/bellen.png) center center no-repeat;z-index:100000; }
	.blokken2 .blok.nr2{width:90%;}
	 .blokken2 .blok.nieuws .nieuws_container .nieuwsblock .text{padding-top:20px; width:100%;}
	 .blokken2 .blok.nieuws .nieuws_container h2{width:55%;}
	.sfeer { height: 218px; }
	.sfeer .text { top: 145px; left:20px; font-size: 23px; }
}


@media only screen and (max-width:1100px) 
{

	.blokken5 .blok p { min-height:220px;  }

	.blokken5 .blok h2 { font-size:22px; } 
}

@media only screen and (max-width:1050px) 
{
	.header .menu ul li:hover ul li a, .header .menu ul li ul li a { font-size:14px; }
	.header .menu li a { font-size:15px; }
}

@media only screen and (max-width:1000px) 
{
	
	.header .menu { margin:10px 0 0 0; }
	.header .menu li  { padding:20px 5px; }
	
	
	
	
}

@media only screen and (max-width:975px) 
{

	.blokken5 .blok.nr3,
	.blokken5 .blok { width:47.5%; margin:0 3% 45px 0; }
	.blokken5 .blok.nr2,
	.blokken5 .blok.nr4 { margin:0 0 45px 0; }
	
	.blokken5 .blok p { min-height:initial; }
}


/* */

@media only screen and (max-width:800px) 
{.vervolg .wrapper1{width:100%; padding:0;}
.header .logo{left:36%;}
	.blokken2 .blok { width:100%; margin:0 0 45px 0; }
	
	.blokken4 .blok { width:47.5%; margin:0 3% 45px 0; }
	.blokken4 .blok.nr2 { margin:0 0 45px 0; }
	
	
	img.mainpict{display:none;}
	.vervolg .main{width:auto; }
	.main.opacity{border:none;margin:0;}
	ul.bxslider li div.title { font-size:36px; }
	ul.bxslider li div.button span { height:34px; line-height:34px; }
	ul.bxslider li div.button a { font-size:16px; }
	
	.refs .blok1 .fotos,
	.refs .blok1 .reftext { width:auto; float:left;  }
	.refs .blok1 .reftext { margin:25px 0 0 0;  }
	
	.vervolg { padding-top:0; }
	
}

.rotated {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg); /* IE 9 */
  -moz-transform: rotate(90deg); /* Firefox */
  -webkit-transform: rotate(90deg); /* Safari and Chrome */
  -o-transform: rotate(90deg); /* Opera */
}

a.hamburger { display:none; }



/* normaal 800 */

@media only screen and (max-width:950px) 
{

}

@media only screen and (max-width:650px) 
{
	.header .logo img { margin:5px 0 0 0;  }
	ul.bxslider li div.title { font-size:24px; }
	
}
@media only screen and (max-width:600px) 	
{
.blokken2 .blok.nr3{display:none;}
.blokken2 .blok.nr2{width:100%;}
.blokken2 .blok.nieuws .nieuws_container h2{width:100%;}
.header .logo{left:33%;}
}
@media only screen and (max-width:500px) 
{	
	.refs .blok1 .fotos { width:auto; min-width:280px; }
	.refs .blok1 .fotos img.groot { width:100%; height:auto; margin:0 0 2px 0; float:none; }
	.refs .blok1 .fotos img.klein { width:49%; height:auto; margin:0 2px 2px 0; float:left; }
	
}
	
@media only screen and (max-width:480px) 
{	
	
	ul.bxslider li div.title { font-size:18px; }
	ul.bxslider li div.title { bottom: 41px; }
	ul.bxslider li div.button { display:none; }
	
	.blokken4 .blok { width:100%; margin:0 0 45px 0; }
	
	.blokken5 .blok.nr3,
	.blokken5 .blok { width:100%; margin:0 0 45px 0; }
	.header .logo{left:28%;}
	.footer2 .credits { text-align:center; }
}

@media only screen and (max-width:400px) 
{
	.header { min-width:320px; }
	.header .logo img { width:175px; }
	.header .menu ul { position:absolute; z-index:10000;  }
	a.hamburger {top:15px; left:0; }
	a.bellen { top:15px; right:0 }
	
	.blokken2 .blok.nieuws .nieuws_container .nieuwsblock .image { max-width:100%; width:100%; }
	.blokken2 .blok.nieuws .nieuws_container .nieuwsblock .text { width:100%; }
	.header .logo{left:24%;}
}