/* DEFAULT
------------------------------------------------------ */ 

html,body{
	width:100%: height:100%;
	margin:0; padding:0;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;}

body{
	background:#3f3f3f;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	font-size:0.8em;
	overflow:auto;
	overflow-x:hidden;
	overflow-y:auto;
}

h1{
	margin:0; padding:0;
	position:absolute; left:50%; margin-left:-420px; top:150px; z-index:100;
	width:178px;
	height:185px;
	
}

h2{
	font-size:20px;
	line-height:20px; height:20px;
	margin:20px 0 10px 0;padding:0;
	color:#3f3f3f;
	border-bottom:1px solid #888;
}

h2 span{
	background:#fff;
	position:relative;
	top:3px;
	padding: 0 20px 0 0;
}

h2 span a{
	text-decoration:none;
}

h3{
	margin:0; padding:0;
	font-size:100%;
}

h4{
	margin:0; padding:0;
	font-size:90%;
}

h5{
	margin:0; padding:0;
	font-size:80%;
}

a{
	color:#508e99;
	text-decoration:underline;
}

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

td{
	line-height:22px;
}

.content li{
	line-height:22px;
	}

td.left{
	width:50px;
	font-weight:bold;
	color:#3f3f3f;
}

td strong{
	color:#3f3f3f;
	}
/* SECUNDARY NAV
------------------------------------------------------ */ 

div#nav-sec{
	height:49px;
	line-height:50px;	
	display:block; width:100%;
	background:#222;
	position:fixed; top:0;
	z-index:500;
	border-bottom:1px solid #666;
}

div#nav-sec div{
	width:850px;
	margin:auto;
}

div#nav-sec ul{
	margin:auto;
	padding:0;
	float:right;

}

div#nav-sec ul li{
	color:#fff;
	display:table-cell;
	list-style-type:none;	
	float:left;
}

div#nav-sec ul li a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	padding: 4px 20px 4px 30px;
	background-repeat:no-repeat;
	background-position: 10px 2px;
}

div#nav-sec ul li a:hover{
	text-decoration:underline;
}

div#nav-sec ul li a.selected{
	color:#e4c760;
}

div#nav-sec ul li a.home{
	background-image:url(../img/ico_home.png);
}
div#nav-sec ul li a.onze-organisatie{
	background-image:url(../img/ico_onze-organisatie.png)	;
}
div#nav-sec ul li a.vacatures{
	background-image:url(../img/ico_vacatures.png);
}
div#nav-sec ul li a.contact{
	background-image:url(../img/ico_contact.png);
	background-position:6px 8px;	
}

div#nav-sec ul li a.english{
	background-image:url(../img/ico_uk.gif);
	background-position:6px 8px;	
}

div#nav-sec ul li a.nederlands{
	background-image:url(../img/ico_nl.gif);
	background-position:6px 8px;
}

/* BACKGROUND SLIDESHOW
--------------------------------------------------*/

div.slideshow{
	position:absolute; left:50%; margin-left:-840px; z-index:10; 
	width:1680;
	top:50px;
	height:302px;
}

/* PRIMARY NAV
--------------------------------------------------*/

div.nav-prim{

	background:url(../img/bg_nav-prim.jpg) top center repeat-x #fff;
	height:50px;
	margin-top: 352px;
	text-align:center;

}

div.nav-prim ul{
	margin:auto; padding:0;
	white-space:no-wrap;
}

div.nav-prim ul li{
	list-style-type:none;
	display:inline;
	margin:0 25px 0 0;
	padding:0;
}

div.nav-prim ul li img{
	border-style:none;
}

div.nav-prim ul li.last{
	margin-right:0px !important;
}

div.nav-prim ul li a.netwerken img{
	width:266px; height:50px;
	background:url(../img/btn_netwerken.png);
}

div.nav-prim ul li a.netwerken-select img{
	width:266px; height:50px;
	background:url(../img/btn_netwerken_select.png);
}

div.nav-prim ul li a.netwerken:hover img{
	background:url(../img/btn_netwerken_hover.png)
}

/* english */

div.nav-prim-en ul li a.netwerken img{
	background-image:url(../img/btn_netwerken_en.png) !important;
}

div.nav-prim-en ul li a.netwerken-select img{
	background-image:url(../img/btn_netwerken_en_select.png) !important;
}

div.nav-prim-en ul li a.netwerken:hover img{
	background-image:url(../img/btn_netwerken_en_hover.png) !important;
}


div.nav-prim ul li a.infrastructuur img{
	width:268px; height:50px;
	background:url(../img/btn_infrastructuur.png);
}

div.nav-prim ul li a.infrastructuur-select img{
	width:268px; height:50px;
	background:url(../img/btn_infrastructuur_select.png);
}

div.nav-prim ul li a.infrastructuur:hover img{
	background:url(../img/btn_infrastructuur_hover.png);
}

/* english */

div.nav-prim-en ul li a.infrastructuur img{
	background-image:url(../img/btn_infrastructuur_en.png) !important;
}

div.nav-prim-en ul li a.infrastructuur-select img{
	background-image:url(../img/btn_infrastructuur_en_select.png) !important;
}

div.nav-prim-en ul li a.infrastructuur:hover img{
	background-image:url(../img/btn_infrastructuur_en_hover.png) !important;
}

div.nav-prim ul li a.security img{
	width:266px; height:50px;
	background:url(../img/btn_security.png);
}

div.nav-prim ul li a.security-select img{
	width:266px; height:50px;
	background:url(../img/btn_security_select.png);
}

div.nav-prim ul li a.security:hover img{
	background:url(../img/btn_security_hover.png);
}


/* CONTENT CONTAINER
--------------------------------------------------*/

div.container{
	background:#fff;
}


/* CONTENT 
--------------------------------------------------*/

div.content{
	width:850px;
	margin:auto;
}


div.content p{
	margin:0; padding:0;
	line-height:25px;
}


/* CONTENT LEFT
--------------------------------------------------*/

div.content-left{
	float:left;
	width:266px;
	padding:25px 0 0 0;
	margin:0 0 50px 0;
}

div.content-left ul{
	margin:0; padding:0;
}

div.content-left ul li{
	margin:0; padding:0;
	list-style-type:none;
	line-height:25px;
}

div.content-image{
	width:266px;
	height:184px;
	background:url(../img/tmp/amsterdam.jpg) no-repeat;
}


div.content-left ul li a{
	padding:0 0 0 50px;
	font-size:150%;
	font-weight:bold;
	background:url(../img/ico_dot.png) no-repeat 15px 5px;
}

div.content-left ul li a:hover{
	background:url(../img/ico_arrow.png) no-repeat 15px 5px;
}

div.content-left ul li a.selected{
	background:url(../img/ico_arrow.png) no-repeat 15px 5px;
	text-decoration:none;
	color:#3f3f3f;
}

/* CONTENT RIGHT
--------------------------------------------------*/

div.content-right{
	float:right;
	width:559px;
	padding:25px 0 0 0;
	margin:0 0 50px 0;
}

div.intro{
	padding:25px;
	font-size:150%;
	color:#fff;
	height: 134px; /* -50 px padding */
	line-height:35px;
	font-style: italic;7
}

div.intro p{
	padding:0; margin:0;
}

div.homepage{
	background:#3f3f3f;
}
div.netwerken{
	background:#508e99;
}
div.infrastructuur{
	background:#e4c760;
	color:#3f3f3f !important;
}
div.security{
	background:#b86923;
}


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

div.footer-container{
	height:100px;
	line-height:100px;
	display:block;
	clear:both;	
	background:url(../img/bg_footer.jpg) repeat-x top;
}


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

div.footer{
	width:850px;
	margin:auto;
	font-size:85%;
}


/* LEFT
--------------------------------------------------*/

div.footer-left{
	float:left;
	width:266px;
}

div.footer-left ul{
	margin:0; 
	padding:0;
}

div.footer-left ul li{
	list-style-type:none;
	padding:0; margin:0 10px 0 0;
	display:inline;
	line-height:100px;
}

div.footer-left ul li img{
	position:relative;
	top:15px;
}


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

div.footer-right{
	float:right;
	width:559px;
	text-align:right;
}

div.footer-right ul{
	margin:0; padding:0;
}

div.footer-right ul li{
	list-style-type:none;
	padding:0; margin:0;
	display:inline;
	color:#fff;
}

div.footer-right ul li a{
	color:#fff;
}

/* HOMEPAGE
--------------------------------------------------*/

div.clients ul{
		margin:0; padding:0;
		display:inline;
	}
	
div.clients ul li{
		margin:0 20px 0 0 ; padding:0;
		float:left;
		list-style-type:none;
	}