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

html { 	

	padding: 0px;
	margin: 0px;
	overflow-x: hidden;
	overflow-y: scroll;
	width:100%;
}

body { 	
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 10pt;
	padding: 0px;
	margin: 0 auto;	
	width:100%;
}
#main{
	width:100%;
	padding: 0px;
	margin: 0 auto;	
}
#mainFO a{text-decoration:none;outline: none; color:#d31145;}
#mainTech a{text-decoration:none;outline: none; color:#77a22e;}
#mainServ a{text-decoration:none;outline: none; color:#009ddc;}
#mainInf a{text-decoration:none;outline: none; color:#f58428;}
#mainWerk a{text-decoration:none;outline: none; color:#f58428;}

img{border-style: none;}

#header{
	width:100%;
	height:192px;
	padding: 0px;
	margin: 0 auto;	
}
#mainFO #header{background-color:#d31145;}
#mainTech #header{background-color:#77a22e;}
#mainServ #header{background-color:#009ddc;}
#mainInf #header{background-color:#f58428;}
#mainWerk #header{background-color:#f58428;}

#banner_top{
	width:1000px;
	padding: 0px;
	margin: 0 auto;
	height:192px;
}
#mainFO #banner_top{background-image:url('../images/bannertop_FO.jpg');background-repeat: no-repeat;}
#mainTech #banner_top{background-image:url('../images/bannertop_Tech.jpg');background-repeat: no-repeat;}
#mainServ #banner_top{background-image:url('../images/bannertop_Serv.jpg');background-repeat: no-repeat;}
#mainInf #banner_top{background-image:url('../images/bannertop_Inf.jpg');background-repeat: no-repeat;}
#mainWerk #banner_top{background-image:url('../images/bannertop_Werk.jpg');background-repeat: no-repeat;}

#topmenu {padding:10px 0px;margin:0px 0px 0px 422px;}
#topmenu li{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}
#topmenu li a {color:#FFFFFF; font-size:17px;}

#menu2FO{
	position:absolute;
	margin-left:285px;
	top:159px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	width:170px;
	height:23px;
}
#mainFO #menu2FO{color:#d31145;background-color:#FFFFFF;}
#mainTech #menu2FO{color:#FFFFFF;background-color:#d31145;}
#mainServ #menu2FO{color:#FFFFFF;background-color:#d31145;}
#mainInf #menu2FO{color:#FFFFFF;background-color:#d31145;}
#mainWerk #menu2FO{color:#FFFFFF;background-color:#d31145;}

#menu2Tech{
	position:absolute;
	margin-left:465px;
	top:159px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	width:170px;
	height:23px;
}
#mainFO #menu2Tech{color:#FFFFFF;background-color:#77a22e;}
#mainTech #menu2Tech{color:#77a22e;background-color:#FFFFFF;}
#mainServ #menu2Tech{color:#FFFFFF;background-color:#77a22e;}
#mainInf #menu2Tech{color:#FFFFFF;background-color:#77a22e;}
#mainWerk #menu2Tech{color:#FFFFFF;background-color:#77a22e;}

#menu2Serv{
	position:absolute;
	margin-left:645px;
	top:159px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	width:170px;
	height:23px;
}
#mainFO #menu2Serv{color:#FFFFFF;background-color:#009ddc;}
#mainTech #menu2Serv{color:#FFFFFF;background-color:#009ddc;}
#mainServ #menu2Serv{color:#009ddc;background-color:#FFFFFF;}
#mainInf #menu2Serv{color:#FFFFFF;background-color:#009ddc;}
#mainWerk #menu2Serv{color:#FFFFFF;background-color:#009ddc;}

#menu2Inf{
	position:absolute;
	margin-left:840px;
	top:159px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	font-size:18px;
	width:170px;
	height:23px;
}
#mainFO #menu2Inf{color:#FFFFFF;background-color:#f58428;}
#mainTech #menu2Inf{color:#FFFFFF;background-color:#f58428;}
#mainServ #menu2Inf{color:#FFFFFF;background-color:#f58428;}
#mainInf #menu2Inf{color:#f58428;background-color:#FFFFFF;}
#mainWerk #menu2Inf{color:#f58428;background-color:#FFFFFF;}

#container{
	position:absolute;
	left:50%;
	top:192px;
	width:1050px;
	margin-left:-500px;
}
#menu{
	float:left;
	margin-left:15px;
	margin-top:-36px ;
	padding-right:20px;
	width:212px;
	height:500px;
	background-image:url('../images/menudiv.png');
	background-repeat: no-repeat;
}
#content{
	float:left;
	margin-left:15px;
	padding-right:5px;
	min-height:400px;
	width:500px;
	overflow-x:auto;
}
#contentwerken{
	float:left;
	margin-left:35px;
	padding-right:10px;
	min-height:400px;
	width:700px;
	overflow-x:auto;
}
#mainFO #content{background-image:url('../images/bglogoFO.png');background-repeat: no-repeat;
	background-position:right bottom;}
#mainTech #content{background-image:url('../images/bglogoTech.png');background-repeat: no-repeat;
	background-position:right bottom;}
#mainServ #content{background-image:url('../images/bglogoServ.png');background-repeat: no-repeat;
	background-position:right bottom;}
#mainInf #content{background-image:url('../images/bglogoInf.png');background-repeat: no-repeat;
	background-position:right bottom;}
#mainWerk #content{background-image:url('../images/bglogoInf.png');background-repeat: no-repeat;
	background-position:right bottom;}
	
#blocks{
	float:left;
	width:280px;
	height:700px;
	background-image:url('../images/bg_infobloqs.png');
	background-repeat: repeat-x;

}
.block{
	width:218px;
	height:123px;
	margin-left:15px;
	margin-bottom:5px;
	background-image:url('../images/block.png');
	background-repeat: no-repeat;
	color:#7a7a7a;
	padding:20px;
	text-align:center;
}
#blockwud{
	width:194px;
	height:123px;
	margin-left:17px;
	margin-bottom:10px;
	color:#fff;
	padding:20px;
	font-size:12pt;
	text-align:left;
}
#mainFO #blockwud{background:#d31145;}
#mainTech #blockwud{background:#77a22e;}
#mainServ #blockwud{background:#009ddc;}
#mainInf #blockwud{background:#f58428;}
#mainWerk #blockwud{background:#f58428;}

#blockwud a{
	color:#000;
}
.contentsplit{
	margin-bottom:10px;
}
.inleiding{
	color:#000;
	font-family: Tahoma;
	line-height:160%;
	margin-bottom:20px;
}

#mainFO ul li{list-style-image:url("../images/bulletFO.png");}
#mainTech ul li{list-style-image:url("../images/bulletTech.png");}
#mainServ ul li{list-style-image:url("../images/bulletServ.png");}
#mainInf ul li{list-style-image:url("../images/bulletInf.png");}
#mainWerk ul li{list-style-image:url("../images/bulletInf.png");}

h1{
	font-size:15pt;
}
#mainFO h1{color:#d31145;}
#mainTech h1{color:#77a22e;}
#mainServ h1{color:#009ddc;}
#mainInf h1{color:#f58428;}
#mainWerk h1{color:#f58428;}

h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13pt;
	font-weight:bold;
	padding: 0px;
	margin: 0 auto;	
	margin-top:20px;
}
p{
	margin:0px;
}
#location{
	margin-top:20px;
	margin-bottom:20px;
}

#footer{
	width:100%;
	float:left;
	margin-bottom:10px;
}




#splitter_ref {
	margin-top:40px;
	height:20px;
	width:890px;
	background-image: url('../images/splitter_ref.png');
	background-repeat: no-repeat;
}
#img_logo_small{
float:left;
margin-left:170px;
margin-right:20px;
}
#adres {
float:left;
margin-top:15px;
font-size:11px;
}
#adres a{
color:#666666;	
}

/*MENU*/

.menu		{ color: black;}
.menu ul li	{margin-left:-20px;list-style-type: none;}
/* Frontoffices */
#mainFO .menu a		{
	display: block;
	color: black;
	padding: 0px 0 0px 20px;
	text-decoration: none;
	background: url(../images/bulletFO.png) no-repeat left center;
	font-weight: normal;
}
#mainFO .menu .open  a{color:#d31145;background: url(../images/bulletFO.png) no-repeat left center;}
#mainFO .menu .open .active a{color:#d31145;padding: 10px 0 10px 20px;background: url(../images/bulletFO.png) no-repeat left center;}
#mainFO .menu .open .inactive a{font-weight: normal;color:#000; padding: 10px 0 10px 20px;background: url() no-repeat left center;}
#mainFO .menu .open .inactive a:hover{font-weight: normal;color:#d31145; padding: 10px 0 10px 20px;}
#mainFO .menu a:hover	{color:#d31145; }
#mainFO .menu ul li{list-style-image:url("");}

#mainFO .menu#menutechniek, 
#mainFO .menu#menuservices, 
#mainFO .menu#menuinfacilities	{ display: none; }

/* Techniek */
#mainTech .menu a		{
	display: block;
	color: black;
	padding: 0px 0 0px 20px;
	text-decoration: none;
	background: url(../images/bulletTech.png) no-repeat left center;
	font-weight: normal;
}
#mainTech .menu .open  a{color:#77a22e;background: url(../images/bulletTech.png) no-repeat left center;}
#mainTech .menu .open .active a{color:#77a22e;padding: 10px 0 10px 20px;background: url(../images/bulletTech.png) no-repeat left center;}
#mainTech .menu .open .inactive a{font-weight: normal;color:#000; padding: 10px 0 10px 20px;background: url() no-repeat left center;}
#mainTech .menu .open .inactive a:hover{font-weight: normal;color:#77a22e; padding: 10px 0 10px 20px;}
#mainTech .menu a:hover	{color:#77a22e; }
#mainTech .menu ul li{list-style-image:url("");}

#mainTech .menu#menufrontoffices, 
#mainTech .menu#menuservices, 
#mainTech .menu#menuinfacilities	{ display: none; }

/* Services */
#mainServ .menu a		{
	display: block;
	color: black;
	padding: 0px 0 0px 20px;
	text-decoration: none;
	background: url(../images/bulletServ.png) no-repeat left center;
	font-weight: normal;
}
#mainServ .menu .open  a{color:#009ddc;background: url(../images/bulletServ.png) no-repeat left center;}
#mainServ .menu .open .active a{color:#009ddc;padding: 10px 0 10px 20px;background: url(../images/bulletServ.png) no-repeat left center;}
#mainServ .menu .open .inactive a{font-weight: normal;color:#000; padding: 10px 0 10px 20px;background: url() no-repeat left center;}
#mainServ .menu .open .inactive a:hover{font-weight: normal;color:#009ddc; padding: 10px 0 10px 20px;}
#mainServ .menu a:hover	{color:#009ddc; }
#mainServ .menu ul li{list-style-image:url("");}

#mainServ .menu#menutechniek, 
#mainServ .menu#menufrontoffices, 
#mainServ .menu#menuinfacilities	{ display: none; }

/* Infacilities */
#mainInf .menu a		{
	display: block;
	color: black;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	background: url(../images/bulletInf.png) no-repeat left center;
	font-weight: normal;
}
#mainInf .menu .open  a{color:#f58428;background: url(../images/bulletInf.png) no-repeat left center;}
#mainInf .menu .open .active a{color:#f58428;padding: 10px 0 10px 20px;background: url(../images/bulletInf.png) no-repeat left center;}
#mainInf .menu .open .inactive a{font-weight: normal;color:#000; padding: 10px 0 10px 20px;background: url() no-repeat left center;}
#mainInf .menu .open .inactive a:hover{font-weight: normal;color:#f58428; padding: 10px 0 10px 20px;}
#mainInf .menu a:hover	{color:#f58428; }
#mainInf .menu ul li{list-style-image:url("");}

#mainInf .menu#menutechniek, 
#mainInf .menu#menuservices, 
#mainInf .menu#menufrontoffices	{ display: none; }

/* Werken Bij*/
#mainWerk .menu a		{
	display: block;
	color: black;
	padding: 0px 0px 0px 20px;
	text-decoration: none;
	background: url(../images/bulletInf.png) no-repeat left center;
	font-weight: normal;
}
#mainWerk .menu .open  a{color:#f58428;background: url(../images/bulletInf.png) no-repeat left center;}
#mainWerk .menu .open .active a{color:#f58428;padding: 10px 0 10px 20px;background: url(../images/bulletInf.png) no-repeat left center;}
#mainWerk .menu .open .inactive a{font-weight: normal;color:#000; padding: 10px 0 10px 20px;background: url() no-repeat left center;}
#mainWerk .menu .open .inactive a:hover{font-weight: normal;color:#f58428; padding: 10px 0 10px 20px;}
#mainWerk .menu a:hover	{color:#f58428; }
#mainWerk .menu ul li{list-style-image:url("");}

#mainWerk .menu#menutechniek, 
#mainWerk .menu#menuservices, 
#mainWerk .menu#menufrontoffices	{ display: none; }



#search{
	padding:15px;
}
#shademenu{
	position:absolute;
	top:192px;
	width:1085px;
	height:14px;
	background-image:url(../images/menu2shade2.png);
}

#login_back 
{
	display: none;
	background-color: #000000;
	height: 100%; 
	z-index: 12;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	opacity: .75; 
	filter: alpha(opacity=75); 
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: .75;
	-moz-opacity: .75;	
}

#login_box {
	color:#000;
	display: none;	
	z-index: 15;
	width: 473px; 
	height: 200px;  
	background-image: url('../images/login.png'); 
	background-repeat: no-repeat;
	background-position: top center;
	text-align: left;	
	font-size: 10px;
	font-size: 12px;
	font-family: Tahoma, Geneva, sans-serif;
}
.foto{
	width:471px;
	height:264px;
	background: url('../images/fotoshade.png') no-repeat;
}
#contentupload {
	float:left;
	margin-left:15px;
	padding-right:5px;
	min-height:400px;
	width:90%;
	overflow-x:auto;
}
#containerpost {
	position:absolute;
	left:50%;
	top:192px;
	width:1050px;
	margin-left:-500px;
}
#contentvacatures {
	float:left;
	margin-left:15px;
	padding-right:5px;
	min-height:400px;
	width:710px;
	overflow-x:auto;
	text-align: justify;
}
.tabelreferenties {
	border: thin dotted #CCCCCC;
}