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

BODY{
	margin: 55px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/* CONTAINER */

#container{
	width: 990px;
	margin: auto;
	background: #FFF url(../images/bg_container.gif) repeat-y top left;
	}
	

/* SLIDER HEADER -------------------------------------------------------- */

#slider{ position: absolute; top: 55px; left: 795px; }
#slider ul, #slider li{	margin:0; padding:0; list-style:none; }
#slider li{ width:160px; height:100px;}	

	
/* HOOFD NAVIGATIE -------------------------------------------------------- */

#nav{ list-style: none; width: 200px; height: 250px; margin: 0 ; padding: 0;	background: url(../images/bg_nav.gif) no-repeat top left; text-align: left; }
#nav li{ margin: 0 15px 0 15px;	}
#nav li span{ display: none;}
#nav li a{ width: 170px; height: 36px; display: block; background: no-repeat top left; }

#nav li a.home{ background: url(../images/nav_home.gif); }
#nav li a.wiezijnwij{ background: url(../images/nav_wiezijnwij.gif); }
#nav li a.diensten{ background: url(../images/nav_diensten.gif); }
#nav li a.referenties{ background: url(../images/nav_referenties.gif); }
#nav li a.vacatures{ background: url(../images/nav_vacatures.gif); }
#nav li a.contact{ background: url(../images/nav_contact.gif); }

#nav li a:hover{ background-position: 0 -36px; }


/* DIENSTEN NAVIGATIE -------------------------------------------------------- */

#diensten{ list-style: none; height: 335px; margin: 0 ; padding: 0;  text-align: left; }
#diensten li{ margin: 12px 0 0 5px; float: left;}
#diensten li span{ display: none;}
#diensten li a{ width: 170px; height: 335px; display: block;  background: no-repeat top left; }

#diensten li a.spoorwegveiligheid{ background: url(../images/diensten_spoorwegveiligheid.jpg); width: 253px; }
#diensten li a.integrale{ background: url(../images/diensten_integrale_veiligheid.jpg); width: 249px; }
#diensten li a.beveiliging{ background: url(../images/diensten_beveiliging.jpg); width: 253px; }

#diensten li a:hover{ background-position: 0 -335px; }


/* BLOK BEREIKBAARHEID ------------------------------------------------------ */

#bereikbaar{
	width: 200px;
	height: 120px;
	background: url(../images/bg_bereikbaarheid.gif) no-repeat top left;
	margin: 5px 0 0 0;
	text-align: center;
	}
#bereikbaar p{
	font-size: 11px;
	font-weight: bold;
	color: #505050;
	padding: 15px 15px 10px 15px;
	margin: 0;
	}
#bereikbaar H3{
	padding: 0 15px 0 15px;
	margin: 0;
	font-size: 22px;
	color: #001d63;
	}
	



/* NAVIGATIE RECHTS -------------------------------------------------------- */

#nav_right{ list-style: none; width: 200px; margin: 0; padding: 0; text-align: left; }
#nav_right li{ margin: 0; }
#nav_right li span{ display: none;}
#nav_right a{ width: 200px; height: 120px; display: block; background: no-repeat top left; }

#nav_right li a.spoorweg{ background: url(../images/bg_dienst_spoorwegveiligheid.jpg); }
#nav_right li a.integrale{ background: url(../images/bg_dienst_integrale.jpg); margin: 5px 0 0 0; }
#nav_right li a.beveiliging{ background: url(../images/bg_dienst_beveiliging.jpg); margin: 5px 0 0 0; }

#nav_right li a:hover{ background-position: 0 -120px; }


/* BREADCRUMS --------------------------------------------------------------- */

#breadcrums{
	color: #505050;
	padding: 10px 0 0 20px;
	}
#breadcrums a{
	color: #505050;
	}
#breadcrums a:hover{
	text-decoration: none;
	}


/* HEADER ------------------------------------------------------------------ */
	
#header{
	padding: 10px 0 0 10px;
	margin: 0 0 5px 0;
	height: 140px;
	background: url(../images/bg_header.gif) no-repeat top left;
	position: relative;
	}
	
	
/* SUBHEADER --------------------------------------------------------------- */
	
#sub_header{
	margin: 0 10px 0 10px;
	height: 60px;
	background: #ecb500 url(../images/bg_sub_header.gif) no-repeat top left;
	position: relative;
	}
	
#taalkeuze{
	position: absolute;
	top: 20px;
	left: 15px;
	vertical-align: text-top;
	}
	
#logo_home{
	position: absolute;
	left: 200px;
	}
	
	
/* MAIN */

/* COLUMNS */

#right{
	margin: 5px 10px 0 780px;
	color: #000;
	font-size: 18px;
	}
#mid{
	width: 530px;
	float: left;
	color: #000;
	font-size: 11px;
	line-height: 18px;
	padding: 20px;
	background: url(../images/bg_mid.gif) no-repeat top left;
	}
#mid H1{
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 25px 0;
	padding: 0;
	color: #021b62;
	}
#mid a{
	color: #021b62;
	}
#mid a:hover{
	text-decoration: none;
	}
	
#mid_diensten{
	width: 770px;
	float: left;
	color: #000;
	font-size: 11px;
	line-height: 18px;
	background: url(../images/bg_mid_diensten.gif) no-repeat top left;
	}
	
/* DOWNLOADS ------------------------------------------------------- */

#downloads{
	height: 95px;
	background: url(../images/bg_downloads.gif) no-repeat top left;
	padding: 60px 15px 15px 15px;
	margin: 25px 0 0 0;
	}
#downloads a{
	color: #505050;
	}
#downloads a:hover{
	text-decoration: none;
	}
	
#left{
	width: 200px;
	float: left;
	color: #000;
	font-size: 18px;
	margin: 0 0 0 10px;
	}
	
/* RIGHT */

.diensten_home{
	list-style: none;
	margin: 0;
	padding: 0;
	}
.diensten_home li{
	width: 200px;
	height: 120px;
	background: #CCCCCC;
	}
.diensten_home li a:hover{
	background-position: 0 -120px; 
	}
a#spoorweg{
	background: url(../images/bg_dienst_spoorwegveiligheid.jpg) 0 0 no-repeat;
	cursor: pointer;
	}
a#spoorweg:hover{
	background-position: 0 -120px;
	}


#btn_1{
	width: 200px;
	height: 120px;
	background: url(../images/btn_spoorwegveiligheid_off.jpg) no-repeat top left;
	margin: 0 0 5px 0;
	cursor: pointer;
	}
#btn_1:hover{
	background: url(../images/btn_spoorwegveiligheid_on.jpg) no-repeat top left;
	}

#btn_2{
	width: 200px;
	height: 120px;
	background: url(../images/btn_integrale_veiligheid_off.jpg) no-repeat top left;
	margin: 0 0 5px 0;
	cursor: pointer;
	}
#btn_2:hover{
	background: url(../images/btn_integrale_veiligheid_on.jpg) no-repeat top left;
	}
	
#btn_3{
	width: 200px;
	height: 120px;
	background: url(../images/btn_beveiliging_off.jpg) no-repeat top left;
	cursor: pointer;
	}
#btn_3:hover{
	background: url(../images/btn_beveiliging_on.jpg) no-repeat top left;
	}
	

#nav{
	margin: 0;
	padding: 0;
	list-style: none;
	height: 250px;
	background: url(../images/bg_nav.gif) no-repeat top left;
	}
#nav li{
	width: 170px;
	height: 36px;
	padding: 0 15px 0 15px;
	margin: 0;
	}
	
	
	
#footer{
	padding: 10px 25px 15px 25px;
	background: #FFFFFF url(../images/bg_footer.gif) no-repeat top left;
	font-size: 11px;
	color: #a7a7a7;
	clear: both;
	}
	
#footer a{
	color: #a7a7a7;
	}
#footer a:hover{
	text-decoration: none;
	}
	
img{ border: none; }

td{ vertical-align: text-top; border-bottom: #DEDEDE 1px solid; }