@charset "utf-8";
/* CSS Document */

/* ----- position ----- */

*{
    margin:0px;
    padding:0px;
    color: #4a423c;
}


	html,
	body{
		margin:0;
		padding:0;
		height:100%;
		font-size:12px;
		color: #4a423c;
		line-height: 20px;
        font-family:Verdana, Geneva, sans-serif;

	}

	a{color: #000;}

	#bgHoler{
	height:100%;
		position:fixed;
		width: 100%;

		background:  url('/img/bg.jpg');
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	
	#container {
		/*height:100%;*/
		/*position:absolute;*/
		width: 100%;

		/*background:  url('/img/bg.jpg');
		-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
 }

	#adminMenu{
		position: fixed;
		right: 10px;
		top: 350px;
		width: 150px;
		background: #fff;
		padding: 20px;
		border-radius: 15px;
		border: 2px solid #dbd1c8;
	}

	#adminMenu h1{
		color: #dbd1c8;
		font-weight: bold;
		margin-top: 0px;
		padding-top: 0px;
	}
		
	#body {
		padding-bottom:150px;	/* Height of the footer */
		width: 940px;
		margin-right: auto;
		margin-left: auto;
		padding-top: 25px;
	}
	
	#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:150px;			/* Height of the footer */
		background:#4a423c;
        background-repeat:no-repeat;
        background-image: url('/img/footer_nl.png');
        background-position: 50% 25%;
		}

	#footer.en{
		 background-image: url('/img/footer_en.png');
	}
	
	#footer.fr{
		 background-image: url('/img/footer_fr.png');
	}

	/* other non-essential CSS */
	#header p,
	#header h1 {
		margin:0;
		padding:0px 0 0 0px;
	}

	#footer p {
		margin:0;
		padding:0px;
	}

	.ffbh{
		width: 70px;
		height: 70px;
		position: absolute;
		left: 50%;
		top: 10px;
		margin-left: 335px; 
	}

	.fcnh{
		width: 70px;
		height: 70px;
		position: absolute;
		left: 50%;
		top: 37px;
		margin-left: 379px; 
	}

	.sbp{
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 20px;
		line-height: 20px;
		text-align: center;
		background: #7d6a55;
		color: #fff;
	}

	#wrapper { 
            position:relative;
            margin:0px;
            padding:0px;
            padding-top:40px;
            padding-left:30px;
            padding-right:30px;
            padding-bottom: 30px;
            background: #fff;
            /*paddin-right:35px;*/
            width:960px; 
            margin:auto;
             box-sizing:border-box;
  			-moz-box-sizing:border-box; /* Firefox */
	}


#slider p{
	margin: 0px;
}

/* ----- position -----*/

/* ----- ALGEMEEN ----- */

h1 {
	font-family: "Times New Roman", Times, serif;
	font-size:21px;
	color:#4a423c;
	font-weight:bold;
        margin-top:20px;
        margin-bottom:20px;
	}
        
        h2{
            font-size:18px;
            font-weight:bold;
            margin-top:15px;
            margin-bottom:15px;
        }
        
         h3{
            font-size:15px;
          /*  font-weight:bold;*/
            margin-bottom:10px;
        }

p{
	font-size: 12px;
	color:#4A423C;
        margin-top:10px;
        margin-bottom:10px;
	}
        
        

span {
	color:#000;
	}

a {
	text-decoration:none;
	}

a:hover {
	text-decoration:none;
	}

a:visited {
	text-decoration:none;
	}

/* ----- EINDE ALGEMEEN ----- */


/* ----- EINDE LINKERZIJDE ---- */

/* ----- HEADER ----- */

#head {margin:auto;
	width:920px;
	height:221px;
        position:relative;
        padding-left:25px;
        padding-right:25px;
	}

#logo{
	width:180px;
	height:155px;
	float:left;
	margin-top:8px;
	}

        
.myh ul{
	list-style-type:none;
	text-decoration:none; 
	float: right;
	}
	
.myh ul li{
        display:block;
        float:left;
        height:26px;
       /* width: 105px;*/
        text-align: right;
        margin-top: 25px;
        margin-left: 40px;
	}
        
 .myh ul li a:hover, .myh ul li a.current{
        background: #fff;
        color: #4a433d;
   -webkit-box-shadow: 6px 6px 4px 0px rgba(61,61,61,0.7);
-moz-box-shadow: 6px 6px 4px 0px rgba(61,61,61,0.7);
box-shadow: 6px 6px 4px 0px rgba(61,61,61,0.7);
}      
        
 .myh  ul li a{
            display: inline-block;
            height:42px;
            padding: 5px;
            color: #fff;
            font-weight: bold;
        }
	

#breadcrumb{
	width:903px;
	height:20px;
	padding-top:194px;
	padding-left:17px;
	}

/*----- EINDE HEADER -----*/


/* ----- HOME ----- */

#productgamma{
	width:825px;
	height:255px;
	margin-left: auto;
	margin-right: auto;
	/*float:left;*/
	}

.gamma {
	width:87px;
	height:255px;
	float:left;
	margin-right:17px;
	}

.last{
	margin-right: 0px;
}

.gamma img {
	padding-bottom:15px;
	}

.gamma p {
	text-align:center;
	font-weight:200;
	}

.gamma a:link{
	text-decoration:none;
	color:inherit;
	}

.gamma a:hover{
	text-decoration:underline;
	}

.gamma a:visited{
	color:inherit;
	}

#powertekst{
	width:305px;
	height:570px;
	float:left;
	border:1px solid #000;
	}

#kaart_home{
	float:left;
	}


/*----- EINDE HOME -----*/

/* ----- FOOTER ----- */
	


#footer_logo{
	float:left;
	width:440px;
	height:80px;
	}

#footer_content{
	width:960px;
	height:100px;
	padding-top:100px;
	margin:auto;
	}

#hoofdkantoor{
	width:85px;
	float:left;
	font-size:10px;
	color:#FFF;
	line-height:15px;
	padding-top:22px;
	padding-left:20px;
	}

#social{
	width:75px;
	height:50px;
	float:left;
	padding-right:20px;
	}

#linkedin{
	width:75px;
	height:20px;
	float:left;
	padding-top:25px;
	}

#youtube{
	width:75px;
	height:20px;
	float:left;
	padding-left:75px;
	padding-top:10px;
	}


#plenso{
	margin:auto;
	font-size:12px;
	color:#000;
	width:960px;
	text-align:center;
	position: absolute;
	bottom: 5px;
	}

#plenso a {
	text-decoration:none;
	color:#000;
	}

#plenso a:hover{
	 text-decoration:underline;
	 color:#ffffff;
	 }
	 
#plenso a:visited{
	text-decoration:none;
	color:#ffffff;
	}

#footer a:link {
	text-decoration:none;
	color:#FFF;
	}

#footer a:visited{
	text-decoration:none;
	color:#FFF;
	}

#footer a:active {
	text-decoration:none;
	color:#FFF;
	}

/*----- EINDE FOOTER -----*/




hr{
	border: none;
	border-top: 1px solid #e3e3e3;
	height: 1px;
	color: #e3e3e3;
}

h3{
	font-size:14px;
	color:#000;
}

.meer {
    margin-right:10px;
}

.meer a{
	color: #fe9623;
	text-decoration: underline;
}

#socialTop{
	position: fixed;
	left: 0px;
	top: 281px;
}


/*
#st{
	border: 1px solid #cecece;
	width: 240px;
   height:  30px;
	overflow: hidden;
	background: url('../img/content/selectArrow.png') no-repeat right;
}

#st select{
	border: none;
 background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   height: 34px;
   -webkit-appearance: none;
}
#st select option{
		border: 1px solid #cecece;
		width: 150px;
		background: green;
		border: none;
}*/

.selectedType
{
	width: 280px;
	height: 50px;
	border: 1px solid #cecece;
	background: url('../img/content/selectArrow.png') no-repeat right;
        cursor:pointer;
}

.selectedOptionsHolder{
	margin-top: -1px;
	position: absolute;
	z-index: 999999;
	width: 280px;
	display: none;
	border: 1px solid #cecece;
	background: #fff;
         cursor:pointer;
}

.dopbutton{
    color:#fff;
    margin-top: 15px;
    padding:10px;
}

.selOption, .selOption1{
	border-bottom: 1px solid #cecece;
}

.selOption #txt, .selOption1 #txt{
	padding-top: 15px;
	margin-left: 65px;
	font-weight: bold;
	font-size: 14px;
}

.selectedOptionsHolder .selOption:hover , .selOption1 .selOption:hover{
	background: #bbb;
}

.selectedType .selOption1{border: none;}



.search{
	height: 35px;
	width: 250px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid black;
}

.vest{
	font-size: 10px;
	color: #969696;
	line-height: 15px;
}

.vestRep{
	margin-right: 30px;
}

.vestRep:nth-child(3n+3){
	margin-right: 0px;
}

.pm{
	position: absolute;
	display: none;
	margin-top: -175px;
	margin-left: 0px;
	width: 255px;
	height: 188px;
	background: url('../img/content/popup.png');
	z-index: 999;
}

.pm img{
	margin-left: 18px;
	margin-top: 14px;
}

.vestRep:hover .pm{
	display: block;
}

.popme:hover .pm{
	display: block;
}

.vestRepPart{
	margin-right: 30px;
}

a .vestRepPart:hover .pm{
	display: block;
}

.faqCat{
    margin-bottom:30px;
    font-size: 20px;
    padding:10px;
    border:1px solid #ccc;
    cursor:pointer;
    margin-top:5px;
}

.vragen{
    margin-bottom:30px;
}

.faqTitle{
	font-size: 15px;
    margin-bottom:15px;
    cursor:pointer;
    line-height: 35px;
    padding-left: 25px;
    background: url('/img/up.jpg');
    border-bottom: 1px solid #49423c;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 18px;
}

.faqTitle:hover{
   
}

.faqAnswer{
	display: none;
	font-size: 14px;
	margin-top: 15px;
        margin-left:20px;
}

.faqAnswer p{
    margin:0;
    padding:0;
}


.vraagzelf{
	width: 290px;

	background: url('../img/content/vraagMid.png');
}

.vraagzelfEnd{
	position: relative;
	width: 290px;
	height: 32px;
	background: url('../img/content/vraagBot.png');
}
.vraagzelfBegin{
	position: relative;
	width: 290px;
	height: 294px;
	background: url('../img/content/vraagTop.png');
}

.vraagzelf #txt{
	padding: 10px;
	margin-left: 10px;
}

#bedrijfInfo{
	background: #bcc721;
 margin-bottom: 0px;
 height: 366px;
	padding-left: 25px;
	color: #fff;
	font-size: 16px;
	width: 255px;
	margin-left: 15px;
}

#bedrijfInfo p{
    color: #FFFFFF;
}


.tt{
	color: #bcc721;
	font-size: 30px;
	line-height: 35px;
        width:275px;
        overflow:hidden;
}

.tt ul, .tt li{
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
    display:block;
}
.tt li {
    width:275px;
    overflow:hidden; 
}


.newsItem{
	float: left;
	width: 220px;
	margin-bottom: 26px;
	height: 375px;
        margin-right:13px;
}

.newsItem:nth-child(4n){
	margin-right: 0px;
}

a img{
	border: none;
}



            /* CONTACT */
            
            
input[type=text] {
    width:120px;
    height:20px;
    padding:5px;
    font-size:13px;
    margin-right:10px;
    margin-bottom:10px;
}




input.input_nl{
	background: url('/img/flags/nl.png');
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding-left: 27px;
}

input.input_fr{
	background: url('/img/flags/fr.png');
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding-left: 27px;
}

input[name*='_nl']{
	background: url('/img/flags/nl.png');
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding-left: 27px;
}

input[name*='_fr']{
	background: url('/img/flags/fr.png');
	background-repeat: no-repeat;
	background-position: 3px 50%;
	padding-left: 27px;
}

.introScherm{
	width: 455px;
	height: 412px;
	padding-top: 20px;
	background: #374140;
	float: left;
	position: relative;
	color: #B9D53B;
    z-index: 100;
}

	#video_pattern {
    background-image: url("/images/pattern.png");
    position: fixed;
    opacity: 0.8;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}

#video_background {
    position: absolute;
    bottom: 0px;
    right: 0px;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    overflow: hidden;
}

.introPijl{
	position: absolute;
	bottom: -20px;
	z-index: 1;
	width: 100%;
	text-align: center;
	font-size: 28px;
	font-family: 'Dancing Script', cursive;
	color: #00701d;
}

.introScherm:hover{
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.65);
	-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.65);
	box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.65);
}

#centerThis{
	position: absolute;
	width: 946px;
	height: 512px;
	
	margin-top: -256px;
	top: 50%;
	margin-left: -473px;
	left: 50%;
}


@media all and (max-width: 1000px) {
	#centerThis
	{
		position: static;
		margin-top: 50px;
		margin-left: 0;
		height: auto;
		width: auto;
	}

	.introScherm
	{
		float: none;
		margin: 1em auto;
		width: 45%;
		height: auto;
		display: inline-block;
		padding-bottom: 80px;
	}

	#container
	{
		position: absolute;
		top: 0;
		text-align: center;
	}

	.introScherm > div
	{
		width: auto !important;
	}

	#container .introPijl
	{
		width: 100% !important;
	}
}



@media all and (max-width: 725px) {
	video, #video_pattern
	{
		display: none;
	}

	.introScherm > img:first-child
	{
		width: 100%;
		max-width: 300px;
	}

	.introScherm > div
	{
		margin-left: 0 !important;
	}

	.introScherm
	{
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding-left: 1em;
		padding-right: 1em;
		width: 100%;
		display: block;
		margin-right: auto !important;
		margin-top: 50px;
	}
}
.cb{
	clear: both;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

.pl0{
	padding-left: 0px;
}

.ml0{
	margin-left: 0px;
}

.p0{
	padding: 0px;
}

.m0{
	margin: 0px;
}

.mr5{
	margin: 5px;
}

.mr10{
	margin: 10px;
}

.mr15{
	margin: 15px;
}

.mb5{
	margin-bottom: 5px;
}

.mb10{
	margin-bottom: 10px;
}

.mb15{
	margin-bottom: 15px;
}

.ml5{
	margin-left: 5px;
}

.ml10{
	margin-left: 10px;
}

.ml15{
	margin-left: 15px;
}

.ml30{
	margin-left: 30px;
}

.ml50{
	margin-left: 50px;
}

.mt0{
	margin-top: 0px
}

.mt10{
	margin-top: 10px;
}

.mt15{
	margin-top: 15px;
}

.mt30{
	margin-top: 30px;
}

.mt50{
	margin-top: 50px;
}

.pt0{
	padding-top: 0px
}

.p2{
	padding: 2px;
}

.p3{
	padding: 3px;
}

.brd{
	border: 1px solid #ccc;
	-moz-box-shadow: 3px 3px 2px #888;
	-webkit-box-shadow: 3px 3px 2px #888;
	box-shadow: 3px 3px 2px #888;
}

.pr{
    position:relative;
}



#adminMenu{
		position: fixed;
		right: 10px;
		top: 350px;
		width: 150px;
		background: #fff;
		padding: 20px;
		border-radius: 15px;
		border: 2px solid #dbd1c8;
	}

	#adminMenu h1{
		/*color: #dbd1c8;
		font-weight: bold;*/
		margin-top: 0px;
		padding-top: 0px;
	}

	.hideme{
		display: none;
	}
#loginScherm{
	height: 620px;
	width: 640px;
	position: absolute;
	top:50%;
	margin-top: -335px;
	left: 50%;
	margin-left: -320px;
	background: #fff;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.60);
	-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.60);
	box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.60);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 10px;
}

#loginScherm2{
	min-height: 660px;
	height: auto;
	width: 640px;
	position: absolute;
	top:50%;
	margin-top: -365px;
	left: 50%;
	margin-left: -320px;
	background: #fff;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.60);
	-moz-box-shadow:    3px 3px 5px 0px rgba(50, 50, 50, 0.60);
	box-shadow:         3px 3px 5px 0px rgba(50, 50, 50, 0.60);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#disclaimer{
	width: 591px;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	padding: 10px;
	border: 1px solid #00701d;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: left;
}


.txtLogin{
	border: 1px solid #7eae23;
	width: 298px;
}

#loginBtn{
	width: 310px;
	border: 1px solid #00701d;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: 30px;
	line-height: 10px;
	color: #00701d;
	font-weight: bold;
	margin-left: -30px;
}
h1 {
	color: #00701d;
	font-family: 'Dancing Script', cursive;
	font-size: 26px;
}

h2{
	color: #00701d;
	font-family: 'Dancing Script', cursive;
	font-size: 20px;
}

.inschrijven{
	border: 1px solid #00701d;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: 30px;
	line-height: 10px;
	color: #00701d;
	font-weight: bold;
	width: 80%;
}

#loginScherm2 label{
	color: #00701d;
	text-align: left;
	padding-left: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


#container label{
		color: #00701d;
}


.afrondenBtn{
	width: 150px;
	height: 30px;
	line-height: 30px;
	border: 2px solid #00701d;
	border-bottom-left-radius:5px;
  	border-bottom-right-radius:5px;
  	border-top-left-radius:5px;
  	border-top-right-radius:5px;
  	text-align: center;
  	float: right;
  	background: #fff;
  	margin-right: 10px;
}