/*******************************************************
*-----------------------  general -----------------------
********************************************************/

/*******************************************************
*-----------------------  header -----------------------
********************************************************/
/*******************************************************
*-----------------------  section -----------------------
********************************************************/


/*******************************************************
*-----------------------  footer -----------------------
********************************************************/
/*******************************************************
*----------------------- navigatie---------------------
********************************************************/
nav.mainnav{

}
ul#mainnav{
	text-align: right;
}

ul#mainnav li{
	display: inline-block;
	margin-left: 20px;
	text-align: left;
}
ul#mainnav li a{
	letter-spacing: 0.05em;
	width: 92px;

}

/*******************************************************
*----------------------- main nav ---------------------
********************************************************/



/*******************************************************
*-----------------------  content -----------------------
********************************************************/
/***** home ****/

.home_info{
	display: block;
	width: 675px;
	height: 250px;
	overflow:hidden;
	position: absolute;
	left: 50%;
	left:    -moz-calc(50% - 337.5px);
	left: -webkit-calc(50% - 337.5px);
	left:      -o-calc(50% - 337.5px);
	left:         calc(50% - 337.5px);
	top: 50%;
	top:    -moz-calc(50% - 115px);
	top: -webkit-calc(50% - 115px);
	top:      -o-calc(50% - 115px);
	top:         calc(50% - 115px);
	color: white;
	font-size: 16px;
		letter-spacing: 0.05em;
}
.home_generaties{
	padding: 20px 10px 40px 10px;
	width: 590px;
}
.home_generaties h3{
	font-size: 28px;
	margin: 0px 0px 10px 0px;
}
.home_generaties h1{
	font-size: 36px;
	text-align: center;
		font-weight: 300;
}
.home_occ{
	width: 368px;
	text-align: center;
	font-weight: 300;
	margin-left: 305px;
}
.home_occ h2{
	font-size: 24px;
	margin-bottom: 15px;
}

.home_occ h3{
	font-weight: 300;
	font-style: italic;
	font-size: 16px;
}

/******* ons-verhaal *********/
.verhaal_left{
	width: 39%;
	margin: 20px 0% 0px 4%;
	padding:  0px 0px 0px 0px;
}
.verhaal_right{
	width: 49%;
	margin: 10px 2% 0px 5%;
}

.verhaal_left h1{
	padding: 15px 10px 15px 10px;
	width:100%;
	width:    -moz-calc(100% - 20px);
	width: -webkit-calc(100% - 20px);
	width:      -o-calc(100% - 20px);
	width:         calc(100% - 20px);
}

.generatie h2{
	margin: 25px 0px 0px 0px;
	font-size: 22px;

}


/********** realisatie detail **********/
.verhaal_left.realisatie{
	width: 53%
}

.verhaal_right.realisatie{
	margin: 20px 0px 0px 0px;
	width: 44%;
		width:    -moz-calc(44% - 30px);
		width: -webkit-calc(44% - 30px);
		width:      -o-calc(44% - 30px);
		width:         calc(44% - 30px);
}
.realisatie_info{
	background-color: rgba(197, 69, 69, 0.8);
	font-size: 14px;
	padding:  40px 10% 40px 10%;
	margin: 0px 0px 0px 30px;
	color: white;
	display: block;
}


.realisatie_info p{
	margin: 0px 0px 20px 0px;
	line-height: 1.9em;
	letter-spacing: 0.05em;
}

.realisatie_pic img{
	display: block;
	margin: 0px 0px 20px 0px;
	width: 100%;
}

.realisatie_nxt_prev{

}
.realisatie_nxt{
	margin: 0px 0px 20px 0px;
}
.realisatie_nxt a{
	display: block;
	padding:  20px;
	background-color: rgba(35, 35, 35, 0.8);
	color: white;
	text-decoration: none;
	text-align: center;
	background-image: url(https://www.parketeycken.be/images/interface/arrow-right.png);
	background-position: 95% center;
	background-repeat: no-repeat;
}

.realisatie_nxt.realisatie_prev a{
	background-image: url(https://www.parketeycken.be/images/interface/arrow-left.png);
	background-position: 5% center;
}

.realisatie_nxt.realisatie_top a{
	background-image: url(https://www.parketeycken.be/images/interface/arrow-up.png);
	background-position: 5% center;
}
.realisatie_nxt a:hover{

	background-color: rgba(35, 35, 35, 1);
}