/********************************
general
*********************************/
#content{
	display: block;
	width: 920px;
	padding:  0px 0px 0px 0px;
	margin: 0 auto;
}

H1, h2, h3, h4, h5, h6{
}
H1{
	font-size: 22px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}
H2{
	font-size: 20px;
	font-weight: normal;
}
H3{
	font-size: 14px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}
H4{
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}
H5{
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}
H6{
	font-size: 16px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}

p{
	margin: 0px 0px 0px 0px;
	line-height: 1.7em;
}

b, strong{font-weight: bold}
i{font-style: italic}


.column2{
	float:left;
	display: block;
	width: 47%;
	overflow:hidden;
	margin: 0px % 0px 0px;
	padding:  0px 0px 0px 0px;
}

.column2.column2last{margin-right: O}
/********************************
form basics
*********************************/
select{
	
-webkit-appearance: menulist;
box-sizing: border-box;
-webkit-box-align: center;
}

/********************************
homepage
*********************************/
#logo_overlay{  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999999;
    background-color: white;
    cursor: pointer;
  }

 
#logo_overlay .overlay_img       
	{
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
	}

#logo_overlay .overlay_img img    
	{
	margin-left: -156.5px;
	position: absolute;
	top: -190px;
	left: 50%;
 	width: 300px;
 	height: 373px;
	visibility: visible;
	}
 
.homepage_carousel{
	margin-top: 30px;
}

.slideshow_wrapper{position: relative;}
.homepage_carousel_line{
	display: block;
	width: 35px;
	height: 10px;
	border-bottom: 1px solid #b7b6b7;
	position: absolute;
	left: 0;
	bottom: 3px;
	cursor: pointer;
}
.homepage_carousel_line.homepage_carousel_line_right{right: 0; left: auto;}

.homepage_carousel .owl-item img{width: 100%}
/********************************
pages
*********************************/
.crumble{
	text-transform: uppercase;
	margin: 30px 0px 30px 0px;
	font-size: 11px;
}
.page_kleur{
	display: block;
	width: 22px;
	height: 28px;
	margin: 0px 0px 40px 0px;
	background-color: #2c2f3c;
}
/****** info *******/
.info_block{
	margin-bottom: 40px;
}
.infoLeft{

	margin: 0px 5% 20px 0px;
}


.infoLeft p{margin-bottom: 30px;}

.column2.column2last.inforight{ margin-right: 0;}
.inforight img{width: 100%;}

.dries_naamkaartje{
	margin: 20px 0px 0px 0px;
}
.naamkaartje{
	display: inline-block;
	width: 49%;
	font-size:  13px;
	margin: 0px 0px 5px 0px;
}
.naamkaartje.nk_naam{text-transform: uppercase; font-size: 16px;}
.naamkaartje.nk_mail{}
.naamkaartje.nk_title{text-transform: uppercase;}
.naamkaartje.nk_gsm{}


/****** contact *******/
.contacttitle{}
.contacttitle h1{
	text-transform: uppercase;
	font-size: 22px;
	letter-spacing: 2px;
	margin: 0px 0px 10px 0px;
}
.contacttitle h2{
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 2px;
	margin: 0px 0px 10px 0px;
}
.contactspecs{
	margin: 20px 0px 0px 200px;
	font-size: 15px;
}


.contactspecs p{
	margin: 0px 0px 20px 0px;
	padding:  0px 0px 0px 48px;
	background-image: url(https://www.ontwerpbureaudries.be/images/interface/lijn.png);
	background-position: bottom left;
	background-repeat: no-repeat;
}

.copyspecs{
	margin: 50px 0px 0px 0px;
	line-height: 1.5em;
	font-size: 11px;
}

/****** projects *******/
.project_item{
	float:left;
	display: block;
	width: 207px;
	height: 270px;
	overflow:hidden;
	margin: 0px 30px 20px 0px;
	padding:  0px 0px 0px 0px;
}
.project_item.vier{margin-right: 0}
.project_img{
	display: block;
	width: 207px;
	height: 230px;
	overflow:hidden;
	
}
.project_item a img{width: 100%}
.project_item a:hover img{
	width: 100%; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
.project_item a:hover{
	text-decoration: none;
}
.project_title{
	padding:  10px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}
/****** projects detail *******/

.project_detail_left, .project_detail_right{
	float:left;
	display: block;
	width: 210px;
	overflow:hidden;
	margin: 0px 30px 0 0px;
	padding:  0px 0px 0px 0px;
}

.project_detail_right{
	margin-right: 0;
	width: 680px;
}
.project_detail_left h1{
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	margin: 0px 0px 30px 0px;
}
.project_detail_left .detail_credit,
.project_detail_left .detail_omschrijving{
	margin: 0px 0px 30px 0px;
	font-size: 12px;
}

.detail_slide{
	width: 100%;
	text-align: center;
	overflow: hidden;
}

.detail_slide img{
	height: 460px;
}