/* ALGEMEEN */

* { -moz-box-sizing: border-box; }

body {
	margin: 0px;
	padding: 0px;
	background: #ffffff none; /*url(../img/bg-tile.jpg) repeat-x;*/
	text-align: center;
	overflow: hidden;
}

table, td { text-align: left; }
p { margin: 0px; padding: 0px; }
/*strong { color: #0f218b; }*/

#container {
	position: relative;
	width: 976px;
	height: 600px;
	margin: auto;
	text-align: left;
}

#header {
	position: absolute;
	top: 0px;
	left: 0px;
	border-top: solid 30px #cc3333;
	width: 100%;
	height: 130px;
	background: #fff url(../img/headerbg.jpg) no-repeat right;
}
#header embed{
	overflow:hidden;
	margin-top:-60px;
}
#logo {
	margin: 23px 40px;
}

#naw {
	position: absolute;
	bottom: 20px;
	left: 15px;
	z-index: 100;
	color: #fff;
	font-family: arial;
	font-size: 13px;
}



/* HOOFDPAGINA */

#videoContainer {
	position: absolute;
	top: 166px;
	left: 0px;
	z-index: 1;
}
#silosFoto {
	position: absolute;
	top: 166px;
	right: 0px;
	background: url(../img/foto-hoofdpagina_silos.png);
	height:241px;
	width:488px;
	z-index:2;
}

#rechterfoto {
	position: absolute;
	top: 166px;
	right: 0px;
	border-left: solid 1px #fff;
}

#foto-hoofdpagina {
	position: absolute;
	top: 166px;
	left: 0px;
	z-index: 1;
}

#fotoknoppen {
	position: absolute;
	top: 406px;
	left: 0px;
	height: 120px;
	width: 976px;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	background: #cf433f;
	z-index: 1;
}
#fotoknoppen.n7 {
	height:103px;
}

#fotoknoppen .middelste { margin: 0px 7.4px; }
#fotoknoppen .laatste { margin-left: 7.4px; position:absolute; right:0;}
#fotoknoppen.n7 .middelste { margin: 0px 7px; }
#fotoknoppen.n7 .laatste { margin: 0 0 0 0;}

#fotoknoppen a h1 {
	font-family: arial; font-size: 10px; color: #fff;
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	display:block;
	width:100px;
}

#nieuwsbalk {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 100%;
	height: 76px;
	background: #063096;
	text-align: center;
	padding-top: 30px;
}

#nieuwsbalk a { font-family: arial; font-size: 13px; color: #fff;text-decoration: none; margin-top: -6px; }
#nieuwsbalk #nieuws { margin-right: 50px; margin-bottom: -5px; }
#nieuwsbalk .nieuws-stipje { margin: 0px 20px -6px 20px; }



/* HOOFDMENU */

#hoofdmenu {
	position: absolute;
	top: 127px;
	height: 29px;
	width: 976px;
	background: #0f218b;
	padding-left: 30px;
	z-index: 1;
	border-bottom: solid 0px #fff;
}

#hoofdmenu a {
	float: left;
	font-family: arial;
	font-size: 14.5px;
	color: #fff;
	text-decoration: none;
	font-variant: small-caps;
	font-weight: bold;
	height: 29px;
	margin-left: -1px;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	padding: 5px 12px 0px 12px;
}

#hoofdmenu a.active {
	color: #0f218b;
	background: #d2d2e6;
}

#onderbalk {
	position: absolute;
	top: 155px;
	left: 0px;
	height: 22px;
	width: 976px;
	background: #d2d2e6;
}



/* SUBMENU */

#submenu {
	position: absolute;
	top: 177px;
	left: 0px;
	width: 160px;
	height: 413px;
	background: #d96965 url(../img/bg-submenu.gif) no-repeat top;
}

#submenu a {
	text-decoration: none;
	display: block;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	font-variant: small-caps;
	background: #cf433f;
	border-bottom: solid 1px #fff;
	color: #fff;
	padding: 3px 10px;
}

#submenu a.active {
	background: #fff;
	color: #000;
}



/* RECHTERVLAK */

#rechtervlak {
	position: absolute;
	top: 127px;
	right: 0px;
	width: 194px;
	height: 463px;
	background: #d2d2e6;
	z-index: 0;
	text-align: right;
}

#rechtervlak2 {
	position: absolute;
	top: 127px;
	right: 0px;
	width: 194px;
	height: 50px;
	background: #d9dadc;
	z-index: 0;
	text-align: right;
}

#rechtervlak img.border { border-left: solid 1px #fff; }
#afgeleverdetrucks { margin-right: -1px; }

#recent {
	display: block;
	background: #d9dadc;
	height: 29px;
	padding-top: 2px;
	text-align: right;
	border-bottom: solid 1px #fff;
}

#routeplanner {
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
}

#taalkeuze {
	display: block;
	background: #0f218b;
	height: 29px;
	padding-top: 2px;
	text-align: right;
	z-index: 100;
}




/* TEKSTEN */

#tekst {
	position: absolute;
	top: 177px;
	left: 160px;
	height: 413px;
	width: 622px;
	overflow: auto;
	background: #fff;
	padding: 30px 35px 30px 30px;
	overflow-x: hidden;
}

#tekst, table, td {
	font-family: arial;
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
} 

#titel {
	position: relative;
	width: 80%;
	float: left;
	font-family: arial;
	font-size: 22px;
	color: #000;
}

#printer {
	position: relative;
	width: 20%;
	float: left;
	text-align:right;
}

#tekst .koptekst { 
	color: #0f218b; 
	font-weight: bold; 
	font-size: 14px;	
}
#tekst a { color: #0f218b; }

#tekst_monteur{
position:relative;
margin-left:-25px;
margin-top:-95px;

}
#tekst_transportplanner{
position:absolute;
background-color:#FFFFFF;
width:621px;
left:161px;
top:177px;
overflow:auto;
padding:0px 10px 10px 10px;
}

#tekst_logistiek{
position:absolute;
background-color:#FFFFFF;
width:621px;
overflow:auto;
padding:0px 30px 10px 10px;
margin-left:-30px;
margin-top:-95px;
}


	/* WIE IS WIE */
	
	div.medewerkers {
		position: relative;
		border: solid 1px #d9dadc;
		padding: 20px;
	}
	
	span.naam {
		font-size: 15px;
		font-weight: bold;
		color: #0f218b;
		margin-bottom: -5px;
		display: block;
	}
	
	span.vestiging {
		color: #0f218b;
		font-size: 16px;
		font-weight: bold;
		display: block;
		margin-left: 20px;
		margin-bottom: 5px;
	}
	
	img.foto {
		margin: 0px 15px 0px 0px;
	}
	
	
	/* VESTIGINGEN */
	
	#vestigingen td.kop { font-weight: bold; color: #fff; /*border-bottom: solid 1px #8f97c8; */ }
	#vestigingen span.routeplanner { font-weight: bold; background: #fd0303; padding: 4px 6px; color: #fff; }
	#vestigingen span.routeplanner a { color: #fff; text-decoration: none; }
	#vestigingen td.naw { padding-right: 5px; color: #000; font-size: 11px;  line-height: 14px; }
	#vestigingen td.contactpersonen { background: #0f218b; padding: 4px 8px; }
	#vestigingen table td.persoon { line-height: 12px; font-size: 11.5px; }
	#vestigingen table td.persoon a { color: #fff; }
	#vestigingen table td.functie { color: #fff; line-height: 12px; font-size: 11.5px; }

	/* VACATURES */
	#reageren { font-family:arial; font-size:10pt; }
	#reageren h3 { font-size:12pt;}
	#reageren span.directReageren { font-weight: bold; background: #fd0303; padding: 4px 6px; color: #fff; text-transform:uppercase; font-size:12px;}
	#reageren span.directReageren a { color: #fff; text-decoration: none; }
	
	/* NIEUWS */
	
	td.datum { color: #0f218b; font-weight: bold; padding-right: 30px; font-size: 14px; }
	#tekst td.titel a { color: #000; font-weight: bold; font-size: 14px; }
	#tekst td.titel a:hover { color: #0f218b; }
	

	/* DE SCHAKEL */
	
	#deschakel span.datum a { color: #000; font-weight: bold; font-size: 14px; }
	#deschakel img { margin: 3px 0px -5px 5px; }

		
	/* LINKS */
	
	td.url { padding: 0px 15px 0px 0px; }
		
	
	/* HIGHLIGHTS */
	
	tr.normal td { background: #fff; }
	tr.highlight td { background: #fcffca; } 

.fotoboek-foto
{
	float:left; 
	padding: 5px; 
	margin: 5px;
}

a.foto-nummer-normaal
{
	border: solid 1px #CCCCCC;
	text-align:center;
	text-decoration:none;
	background-color: #FFFFFF;
	height: 20px;
	width: 20px;
	font-size: 11px;
	color:#000066;
	margin-right: 5px;
}

a.foto-nummer-actief
{
	border: solid 1px #CCCCCC; 
	text-align:center; 
	text-decoration:none; 
	background-color: #D2D2E6; 
	height: 20px; 
	width: 20px;
	font-size: 11px;
	color:#FFFFFF;
	margin-right: 5px;
}