@charset "utf-8";
/* CSS Document written by protolan.be */
/*        ALL RIGHTS RESERVED          */
/*      NO MODIFICATION ALLOWED        */

/*-- FONTS --*/

/*-- HTML ELEMENTS --*/
body{
	margin: 0 auto;
	background:#505050;
	font-family: Lato;
	width: 100%;
	font-size: 1.5em;
}

h1, h2, h3, h4{color:#818183; text-transform:uppercase; width: 100%; margin: 0px; padding: 0px; float: left; font-weight: bold; padding-bottom: 20px; word-wrap: break-word;}

p{
	color:#BABABD;
	font-weight: 300;
	position:relative;
	line-height: 1.2em;
}

/*-- FONT SIZES DECLARED IN MEDIAQUERIES.CSS --*/
h1{font-family:Dosis; font-weight: 300; text-align:left;}
h2{font-family:Dosis; font-weight: 300; text-align:left;}
h3{font-family:Dosis; font-weight: 700;}
h4{font-family:Dosis; font-size: 1.2em; font-weight: 300;}

a:link, a:visited, .subfont:link{ color:#BABABD; text-decoration: underline; font-weight: 300;}
a:hover, a:active, .subfont:hover{color:#BABABD; text-decoration: none;}

/*-- GENERAL ELEMENTS --*/
.fullwidth{
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	position:relative;
}
.strong{font-weight: 700;}
.light{font-weight: 300;}

/*-- BLOCKQUOTE --*/
blockquote{quotes:"\201C" "\201D";}
blockquote:before, blockquote:after{font:bold 45px/1px Times, serif; color:#ffffff; position:absolute; }
blockquote:before{content:open-quote; font-size: 3em; margin:10px 0 0 -40px;}
blockquote:after{content:close-quote; font-size: 3em; margin:35px 10px 0; }

/*-- HEADER --*/
#top{ padding: 40px 0px 20px 0px; background: #FFFFFF url(../htmimg/top-bg.jpg) top right repeat-y;}
#header{height: 280px; background:url(../htmimg/header-bg.jpg) top right repeat-x; position:relative; z-index: 1;}
#header h1{ float: left; color:#FFFFFF; text-transform:uppercase; font-weight: light; line-height: 1.5em; position:absolute; margin-top: 120px;}
#slogan{ padding: 20px 0px 0px 0px; color:#818183; font-size: 1.8em; background:#E8E8E8; text-align:center; font-weight:300;}
#slogan h1{ font-family:Lato; font-weight: 100; text-transform:none; padding-bottom: 0px; font-size: 1.3em;}
#logo{float: left; width: 100%; border: 0px;}

/*-- MENU --*/
#menu{background:#99CA3C url(../htmimg/menu-top.png) top right no-repeat; padding:20px 0px 20px 0px; text-transform: uppercase; font-weight: 700; position:absolute; z-index: 1000; left: 0; right: 0; margin-left: auto; margin-right: auto;}
#menu a:link, #menu a:visited{ color:#FFFFFF; text-decoration: none; font-weight: bold;} 
#menu a:hover, #menu a:active{ color:#FFC008; text-decoration: none;}
#menu-bg{height: 23px; margin: 0 auto; float:left;}
#menu ul li{border-left: 1px solid #FFFFFF; margin: 0px 10px 0px 10px;}
#menu.rmm .rmm-toggled ul li, #menu ul li:first-child{border: none;}

/*-- LANGUAGE SELECTION --*/
.languages{ position:absolute; right: 0; float: right; top: 50px; background:#D8D8D8; width: 35px; z-index:999; padding: 5px 0px 5px 0px;border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px;}
.languages a{ float: left; padding: 0px 3% 0px 3%; font-size:1em; color:#76777A; text-transform: uppercase; width: 94%; text-align:center; text-decoration:none;}
.languages a:hover{color:#FFFFFF;}

/*-- SEARCHBOX --*/
#frmSearch{position: relative; bottom: 0;}
#fldSearch{padding: 5px 5px 5px 10px; float: left; width: 100%; height:30px; border-radius: 10px; margin-top: 40px;}
#btnSearch{width: 20px; height: 30px; float: right; margin-top: -45px; border: 0px; background:url(../htmimg/search-button.png) top right no-repeat;}

/*-- BREADCRUMBS --*/
#breadcrumbs{background:#FFFFFF; padding-top: 0px;}
#breadcrumbs .row{margin-bottom: 0px;}
#breadcrumbs p{margin-bottom: 0px;}

/*-- CONTENT --*/
.content{padding: 40px 0px 40px 0px; background:#FFFFFF;}
.content h2{font-size: 3em; text-align: left;}

/*-- ACTIVITEITEN --*/
#activiteiten{}
#activiteiten h2{font-size: 3em; text-align: center;}
#activiteiten p{font-weight: bold; text-align: center;}
#activiteiten a:link, #activitenten a:visited{text-decoration:none; width: 100%; float: left;}
#activiteiten .three, #activiteiten .three p{text-align: center; font-size: 1.1em; padding-top: 10px; font-weight: 300;}
.listact, .listact ul{list-style-type: none; float: left; margin-top: 0px;}
.listact li{padding: 5px 0 5px 0; margin: 0; border-bottom: 1px solid #BABABD; float: left; width: 100%;}
.listact li ul li{border: 0; padding: 0;}
.listact li a{color:#BABABD; font-weight: bold; float: left; width: 100%;}
.listact li ul li a{font-weight: normal; float: left; width: 100%;}
.listact a:link{text-decoration:none;}
.listact .actief a:link, .listact .actief a:visited, .listact a:hover, .listact .actief:link, .listact .actief:visited{color:#93C83C; font-weight: bold;}

/*-- SUBACTIVITENTEN --*/
.activiteit a{width: 30%; margin: 0 2% 2% 0; float: left; overflow:hidden;}
.activiteit img{width: 100%; float: left; border: 0;}
.activiteit a p{float: left; width: 100%; margin: 5px 0 0 0; text-align:center; font-weight: bold;}

/*-- ALGEMENE TEKSTPAGINA --*/
#algemeen h1{font-size: 3em; padding-bottom: 0px;}

/*-- FANCYBOX GALLERY --*/
#gallery a{width: 22%; margin: 0 2% 2% 0; float: left; overflow:hidden; position:relative;}
#gallery img{width: 100%; float: left; border: 0;}
#gallery .filter{position:absolute; width: 30%; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto;}
#gallery .mousearea{position:absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 100;}

/*-- JOBS --*/
.job{ background: #FFFFFF; padding: 40px 0px 40px 0px;}
.job h3{border-bottom: 1px solid #999999; padding-bottom: 10px; margin-bottom: 10px;}
.job a:link, .job a:visited{ padding: 10px; background:#93C83C; color:#FFFFFF; text-decoration:none;}
.job a:hover, .job a:active{ background: #505050; color:#FFFFFF; color:#FFFFFF; }

/*-- DOWNLOADS --*/
.download{ background: #FFFFFF; padding: 40px 0px 40px 0px;}
.download h3{border-bottom: 1px solid #999999; padding-bottom: 10px; margin-bottom: 10px;}
.download a:link, .download a:visited{ padding: 20px 20px 20px 70px; width: auto; background:#93C83C url(../htmimg/icon-download.png) top left no-repeat; float: left; margin: 0px 20px 20px 0px; color:#FFFFFF; text-decoration:none;}
.download a:hover, .download a:active{ background: #505050 url(../htmimg/icon-download.png) top left no-repeat; color:#FFFFFF; }
.gray{ background:#E8E8E8; }

/*-- REALISATIES --*/
#realisaties{position: relative; background:#FFFFFF;}
#realisaties h2, #realisaties h1{padding-bottom: 0px; font-size: 3em;}
.realisatie{width: 300px; height: 200px; float: left; margin: 0; padding: 0; position:relative; cursor:pointer;}
.realisatie img{position:absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 50;}
.realisatie .filter{position:absolute; top: 0; left: 0; right: 0; bottom: 0; background:#99CA3C; z-index: 80; opacity:0; filter:alpha(opacity=0);} 
.realisatie .area{position:absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 120; opacity:0; filter:alpha(opacity=0);} 
.realisatie p{position:absolute; width: 90%; bottom: 20px; text-align:center; font-size: 2em; padding: 5%; color:#FFFFFF; z-index: 100; opacity:0; filter:alpha(opacity=0);}
#filters p{width: auto; font-weight: bold; text-transform:uppercase; float: left; padding: 10px 0px 10px 0px;}
#filters a{ padding: 5px 20px 5px 20px; background:#99CA3C; float: left; margin: 0px 10px 0px 10px; border-radius: 15px; color:#FFFFFF; text-decoration:none;}
#filters a:hover{background: #505050; color:#FFFFFF; }

/*-- GEZICHTEN --*/
#gezichten img{width: 100%; float: left; border: 0px; padding: 0;}
#gezichten p, a, h4{margin: 0; padding: 0;}
#gezichten h4{margin-top: 5px;}
#gezichten a{margin-bottom: 20px; float: left;}

/*-- ZOEKRESULTATEN --*/
.zoekresultaat{width: 100%; float: left; border-bottom: 1px solid #CCCCCC; margin-bottom: 20px;}
.zoekresultaat h3{ padding: 5px 20px 5px 20px; background:#99CA3C; float: left; margin: 0px 10px 10px 0px; border-radius: 15px; color:#FFFFFF; text-decoration:none; font-size: 1em; width: auto;}
.zoekresultaat p, .zoekresultaat a{float: left; width: 100%;}

/*-- CONTACT --*/
#contact{ padding-top: 0px; }
#contact h1, h4{margin: 0; padding: 0; color:#99CA3C; font-size: 1em; font-weight: bold;}
#contact #onzemensen a{margin: 0 0 20px 0; padding: 0; float: left;}
#contact p{margin: 0; padding: 0; float: left; width: 100%;}
#contact .label{ padding: 5px 0px 0px 0px; width: 100%; float: left; margin: 0 0 5px 0; border: 0; border-bottom: 1px solid #BABABD; border-radius: 0px; color:#BABABD; font-family: Lato;}
.btn:link, .btn:visited{ padding: 10px; background:#93C83C; color:#FFFFFF; text-decoration:none; float: left; text-transform:uppercase;}
.btn:hover, .btn:active{ background: #505050; color:#FFFFFF; color:#FFFFFF; }
#contactform p{float: left; width: 100%;}
#frmWait, #frmSucces{display:none;}

/*-- REFERENTIES --*/
#referenties{position: relative; background:#FFFFFF;}
.referentie{width: 300px; height: 200px; float: left; margin: 0; padding: 0; position:relative; cursor:pointer;}
.referentie img{position:absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
.referentie .filter{position:absolute; top: 0; left: 0; right: 0; bottom: 0; background:#99CA3C; z-index: 100; opacity:0.6; filter:alpha(opacity=60);} 
#referenties #info{background:#99CA3C;}
#referenties #info p{position:absolute; width: 90%; bottom: 0; text-align:left; padding: 5%; color:#FFFFFF;}

/*-- SUBFOOTER --*/
#subfooter{ background:#E8E8E8; padding: 40px 0px 40px 0px;}
#subfooter a:link, #subfooter a:visited{ color:#99CA3C; }
#subfooter a:hover, #subfooter a:active{ color:#FFC008; }
#subfooter .datum{background:#99CA3C; border-radius:10px; float: left; width: 10%; padding: 2%; color:#FFFFFF; text-align:center; text-transform:uppercase;}
#subfooter .desc{float: left; width: 80%; padding-left: 5%;}
#subfooter .nieuws{float: left; width: 100%; margin-bottom: 20px;}

/*-- NIEUWSBRIEF --*/
#nieuwsbrief input{ padding: 0px; float: left; width: 100%; background:#B9B9B9; border-radius: 10px; text-align:center; color:#505050; margin: 0; text-transform: uppercase;}
#nieuwsbrief a{width: 100%; float: left; text-transform:uppercase; text-align:center; margin-top: 5px;}

/*-- FOOTER --*/
#footer{ padding: 40px 0px 40px 0px;}
#footer #frmNieuwsbrief{ width: 100%; float: left; }
#footer #footerKlaar, #footer #footerGeduld{ width: 100%; float: left; display: none;}
#footer #btn-top{ position:absolute; right: 10px; top: 80px; border: 0px; z-index: 1000;}
#credits{font-size: 0.8em; }