/* CSS Document */

body{
	background-color: #817a7a;
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #404040;
}

.popup{
	background-color: White;
}
/* floating Div workarounds */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0 !important; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* clearfix workaround for IE7 */
.clearfix {display: inline-block;}

#fixFloatingDiv, .fixFloatingDiv{
	clear: both !important;
	height: 0px !important;
	margin: 0 0 0px 0; 
	border: 0px solid #ea6346 !important;
	background-image: none !important;
	visibility: collapse;
	line-height: 1% !important; /* for IE: anders is deze div +- 20px hoog */
	}
/* ##### main building blocks ##### */
#maincontainer{
	position: absolute;
	display: block;
	width: 800px;
	height: 578px;	
	left: 50%;
	top: 50%;
	margin-top: -288px;  /* width/2 */ 
	margin-left: -400px; /* height/2 */
	background-color: white;
	background-image: url(../gfx/back.main.gif);
	background-repeat: no-repeat;
	text-align: left;}
	
#content{
	display: block;
	width: 688px;
	margin-left: 56px;
	height: 538px;
	}
	
#leftcolumn{
/*	background-color: Orange;
*/	width: 394px;
	float: left;
	padding-top: 76px;}

#rightcolumn{
	/*background-color: Gray;
	*/width: 293px;
	height: 465px !important;
	height: 468px;
	float: right;}
	
#footer{
	display: block;
	height: 25px;
	padding: 15px 0 0 56px;
	background-color: #9e9fa4;
	color: white;
	vertical-align: middle;}

/* ##### footer ##### */
#footer a{
	color: White;
	text-decoration: none;}
	
#footer a:visited{
	color: white;}
	
#footer a:hover{
	color: #95b8ed;}

#footer a:active{
	color: red;}
	

	
/* ##### topnavig ##### */
#topnavig{
	display: block;
/*	background-color: Lime;
*/	margin-left: 0;
	padding-left: 0;
	height: 10px;
	margin-top: 21px;
	padding-bottom: 2px !important;
	padding-bottom: 0px;
	border-bottom: 1px solid #404040;
	width: 395px;
}

#topnavig img{
	border: 0;
}

#topnavig ul{
	display: block;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#topnavig li{
	display: inline;
	text-indent: -200px;
}

#ndl #top1, #ndl #top2, #ndl #top3, #ndl #top4{
	display: block;
	float: left;
	margin-right: 36px;
	overflow: hidden;
}
#ndl #top5{
	display: block;
	float: left;
	overflow: hidden;
}

#fr #top1, #fr #top2, #fr #top3, #fr #top4{
	display: block;
	float: left;
	margin-right: 28px;
	overflow: hidden;
}
#fr #top5{
	display: block;
	float: left;
	overflow: hidden;
}


#top1{width: 32px; background-image: url(../gfx/nav-home.gif); background-repeat: no-repeat;}
#ndl #top2{width: 55px; background-image: url(../gfx/nav-klanten.gif); background-repeat: no-repeat;}
#ndl #top3{width: 61px; background-image: url(../gfx/nav-creaties.gif); background-repeat: no-repeat;}
#ndl #top4{width: 47px; background-image: url(../gfx/nav-nieuws.gif); background-repeat: no-repeat;}
#top5{width: 55px; background-image: url(../gfx/nav-contact.gif); background-repeat: no-repeat;}

#fr #top2{width: 55px; background-image: url(../gfx/nav-clients.gif); background-repeat: no-repeat;}
#fr #top3{width: 68px; background-image: url(../gfx/nav-creations.gif); background-repeat: no-repeat;}
#fr #top4{width: 72px; background-image: url(../gfx/nav-nouvelles.gif); background-repeat: no-repeat;}


#ndl a:hover, #ndl a:active, #ndl .selected, #fr a:hover, #fr a:active, #fr .selected{background-position: -150px 0px !important;}
/*#ndl #top1:hover, #ndl #top1:active, #ndl .top1selected{background-position: -150px !important;}
#ndl #top2:hover, #ndl #top2:active, #ndl .top2selected{background-position: -150px !important;}
#ndl #top3:hover, #ndl #top3:active, #ndl .top3selected{background-position: -150px !important;}
#ndl #top4:hover, #ndl #top4:active, #ndl .top4selected{background-position: -150px !important;}
#ndl #top5:hover, #ndl #top5:active, #ndl .top5selected{background-position: -150px !important;}*/

#butmain{
	
}

#butpf, #butnews, #butcontact{
	margin-left: 56px;
}

/* ##### clienttable ##### */
#clienttable{
	display: block;
	margin-top: 25px;
	height: 300px;
	background-image: url(../gfx/back.clienttable.gif);
	background-repeat: no-repeat;
	background-color: #f5f5f5;
}

#clienttablebig{
	display: block;
	margin-top: 25px;
	height: 313px;
	background-image: url(../gfx/back.clienttablebig.gif);
	background-repeat: no-repeat;
	width: 690px;
	background-color: #f5f5f5;
}

#clientcol1, #clientcol2, #clientcol3, #clientcol4, #clientcol5{
	/*background-color: Orange;
	*/list-style: none;
	list-style-image: none;
	margin-top: 20px;
	width: 110px;
	padding-left: 0;
	float: left;
}

#clientcol1{
	margin-left: 20px !important;
	margin-left: 10px;
}
#clienttablebig #clientcol1{
	margin-left: 20px !important;
	margin-left: 10px;
}
#clientcol2, #clientcol3{
	margin-left: 10px;
}
#clienttablebig #clientcol2, #clienttablebig #clientcol3, #clienttablebig #clientcol4, #clienttablebig #clientcol5{
	margin-left: 25px;
}


#clienttable li, #clienttablebig li{
	color: #5f5f5f;
	line-height: 145% !important;
	line-height: 150%;
}

#clienttable a{
	color: #5f5f5f;
	text-decoration: none;/*
	font-weight: bold;*/
}

#clienttable a:link, #clienttable a:visited{
	color: #5f5f5f;
}


#clienttable a:hover, #clienttable a:active{
	color: #95b8ed;
 /*color: #e0e8f3; /* hovers to this color, then fade to definite color with js-script */
}

#clienttable .selected{
	color: #95b8ed !important;
}
/* ##### portfolio column right ##### */

#flashblock{
/*	background-color: Orange;
*/	display: block;
	height: 409px !important;
	height: 412px;
	vertical-align: bottom;
}
#flashblock img{
	border: 0;
}
#flashblock div{
	/*background-color: Teal;
	*/display: block;
	position: absolute;
	bottom: 200px !important;
	bottom: 195px;
	width: 293px;
	text-align: center;
}
#poplink1, #poplink2, #poplink3, #poplink4, #poplink5 {
	/*background-color: Orange;
	*/display: none;
	position: absolute;
	bottom: 170px !important;
	bottom: 164px;
	text-align: right;
	padding: 0;
	width: 293px;
}

#detailblock{
/*	background-color: Aqua;
*/	background-image: url(../gfx/back.detail.gif);
	display: block;
	height: 56px;
	overflow: hidden;
}

#row{
	display: block;
/*	background-color: Orange;
*/	margin: 7px 8px 0 20px;
}


#clientname{
	font-weight: bold !important;
	float: left;
	
}

#linkrow{
	display: block;
	float: right;
}


#linkrow a{
	text-decoration: none;
	color: #a4a5a6;
	margin-right: 8px;
}
#linkrow .selected{
	font-weight: bold;
	color: #404040 !important;
}
#linkrow a:hover, #linkrow a:active{
	color: red;
}


#titel, #media{
	/*background-color: Orange;
	*/padding: 0 16px 0 20px;
	margin-top: 4px;
}
/* ##### fading stuff #### */
/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:30000;
	visibility:hidden;
	}

	
	
	/* video stuff */
	
	#video1, #video2, #video3, #video4, #video5{
		/*background-color: Orange;
		*//*display: hidden;*/
	}
	
	
	/* #####popup ##### */
	
.popup img{
		margin: 40px 0 40px 0;
	}
.popup #video{
	/*background-color: Orange;	
	*/margin: 40px 0 40px 0;
	display: block;
}	
.popup #detailblock{
/*	background-color: Aqua;
*/	background-image: url(../gfx/back.detail.popup.jpg);
	background-position: right;
	background-repeat: no-repeat;
	display: block;
	height: 56px;
	overflow: hidden;
}

.popup #row{
	display: block;
/*	background-color: Orange;
*/	margin: 7px 8px 0 20px;
text-align: left;
}

/* ##### news ##### */
#news1, #news2, #news3, #news4, #news5, #news6, #news7{
	display: none;
}
#newssummary{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#newssummary li{
	margin-left: 25px;
	margin-right: 25px;
	border-bottom: 1px solid #aaa6a6;
	padding: 22px 0 8px 0;
	color: #5f5f5f;
}

.news #rightcolumn{
	/*background-color: Orange;
*/
}

.news #newscontainer{
	/*background-color: teal;
	*/background-image: url(../gfx/back.newsdetail.gif);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	bottom: 113px !important;
	bottom: 110px;
	width: 293px;
	height: 300px;
	overflow: hidden;
}

#newscontainer div{
	/*background-color: Orange;
	display: nonek;
	*/display: bloc;
	margin: 18px  25px 0 25px;
}

#newscontainer .newstitel{
	color: #0066ff;
	display: block;
	margin-bottom: 20px;
}

#newscontainer div{
}

#plan{
	margin-left: -20px;
	margin-right: 0 !important;
	border: 0px solid black;
	padding: 0 !important;
}

.linkpdf, .linkpdf:visited{
	color: #0066ff;
	text-decoration: none;
}

.linkpdf:hover, .linkpdf:active{
	color: Red;
}


/* ##### main ##### */
.main #content{
	display: block;
	width: 688px;
	margin-left: 0px;
	height: 538px;
	/*background-color: Fuchsia;
*/}
#maincolumn{
/*	background-color: Orange;
*/	width: 394px;
	float: left;
	padding-top: 76px;
	padding-left: 56px;
	}
	
#mainintro{
	display: block;
	margin-top: 25px;
	margin-left: -56px;
	height: 177px;
	width: 799px;
	background-image: url(../gfx/back.mainhome.gif);
	background-repeat: no-repeat;
	background-color: #817a7a;
}
#mainintrotekst{
	display: block;
	width: 394px;
	color: white;
	margin: 0 0 0 56px;
	padding-top: 60px;/*
	background-color: Orange;*/
}
#introtable{
	display: block;
	margin-top: 25px;
	height: 300px;/*
	background-color: Orange;*/
}
#introtext{
	display: block;
	color: #999999;
	padding: 50px 0 20px 0;
	line-height: 150%;
}