@charset "utf-8";

html {
	height:101%;
}
* {
	margin: 0;
	padding: 0;
}
ul,li, li ul, li ul li {
	padding: 0;
	margin:0;
	}
ul li,li ul li {
	list-style: none;
	
}
a {
	text-decoration: none;
	color: #0000FF;
}
p {
	margin: 0 0 10px 0;
}
img {
	border:none;
}
body {
	
	font: 62.5%/1.26 Verdana, Arial, tahoma, sans-serif;
	font-size: 12px;
	background: #e6eaed;
}

h2,h3 {
	display: block;
	color: #666666;
	background: url(../images/h2_bg.gif) bottom left no-repeat;
	padding: 0 0 0 22px;
	font-weight: bold;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
}
h2 {
	margin: 0 0 47px 0;
}
h3 {
	margin: 30px 0 26px 0;
}

div.error{
	padding: 10px;
	font-size: 11px;
}
div#container {
	margin: 0 auto 0 auto;
	width: 909px;
	background: #f2f2f2 url(../images/content_bg.gif) repeat-y;
}
div#top-container {
	height: 188px;
	overflow: hidden;
	background: url(../images/top.jpg) no-repeat;
}

/* - language select  */
div#language-links
{
	display: none;
}
body#over-ons div#language-links,
body#about-us div#language-links,
body#logistieke-oplossingen div#language-links,
body#logistic-solutions div#language-links {
	display: block;
}
 

div#language-links {
	float: right;
	margin: 7px 10px 0 0;
	height: 30px;
	width: 34px;
}
div#language-links a#nl {
	display: block;
	margin: 0 0 8px 0;
	background: url(../images/nl_link.gif) no-repeat 0 0;
	width: 34px;
	height: 11px;
}
div#language-links a#eng {
	display: block;
	background: url(../images/eng_link.gif) no-repeat 0 0;
	width: 34px;
	height: 11px;
}
	h1#logo {
		margin: 71px 0 0 67px;
		text-indent:-999999px;
		background:url(../images/logo.gif) no-repeat;
		width:360px;
	}
	
	div#logo {
		float: left;
	}
	div#top-container div#meta {
		margin:	27px 0 0 67px;
		color:#FFFFFF;
	}
	div#copyright {
		margin:	0 0 0 67px;
	}
	div#menu {
		padding: 0px 0 0 54px;
		height: 43px;
		overflow: hidden;
		background:url(../images/menu_bg.gif) no-repeat;
	}
	div#menu ul li{
		float:left;
		background: url(../images/menu_item_bg.gif) right top no-repeat;
	}
		div#menu ul li a {
			display: block;
			padding: 13px 31px 0 29px;
			height: 30px;
			overflow: hidden;
			color: #fff;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 14px;
			font-weight:bold;
			float:left;
		}
		div#menu ul li.final {
			background: none;
		}
		div#menu ul li a:hover {
		}
div#content-container {
	padding: 10px 35px 10px 50px;
	width: 820px;
	overflow: hidden;
}
div#content-main {
	width: 800px;
	overflow: hidden;
}
div#footer {
	height: 99px;
	background:url(../images/footer.jpg) no-repeat;
	font-size: 9px;
	line-height: 15px;
}
div#footer div#url {
	float: left;
	width: 87px;/*120px*/
	overflow: hidden;
	padding: 66px 0 0 37px;
	color: #fff;
	font-weight: bold;
}
div#footer div#contact {
	float: left;
	padding: 35px 0 0 11px;
	width: 354px; /*365px;*/
	overflow: hidden;
	color: #fff;

}
div#footer div#rights-reserved {
	float: left;
	padding: 4px 0 0 11px;
	width: 390px;/*378px;*/
	overflow: hidden;
	color: #b1b3b5;
}
/* forms */

div.form-container {
	border:1px solid #B5B5B5;
	margin:20px 0 0;
	padding:10px;
	width: 500px;
}
form div.field, form div.field-submit {
	margin:0 0 5px;
	overflow:hidden;
	width:500px;
}
form label {
	float:left;
	width:240px;
}
form input, form select {
	float:right;
	width:250px;
}
form span.radio-field input {
	float:left;
	width:10px;
}
form div.field-submit input {
	width:80px;
}
form textarea {
	float:right;
	height:80px;
	width:250px;
}

/* - adverteren - */
form#adverterenform {
overflow:hidden;
width:500px;
}

/*-- -- -- -- -- Home -- -- -- -- -- */
#logistieke-oplossingen div#content-container,
#logistic-solutions div#content-container {
	padding-top: 52px;
	padding-bottom: 47px;
	background:url(../images/home_bg.gif) repeat-y 4px 0px;
}
#logistieke-oplossingen div#content-left,
#logistic-solutions div#content-left {
	float: left;
	width: 461px;/*501px;*/
	height: 331px;/* 367px */
	overflow: hidden;
	border:3px solid #455560;
	background: #e5f2f9 url(../images/home_map.jpg) bottom right no-repeat;
	padding: 18px 22px;
}
#logistieke-oplossingen div#content-left h2,
#logistic-solutions div#content-left h2 {
	background: none;
	color: #007dc3;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 23px 0;
}
#logistieke-oplossingen div#content-right,
#logistic-solutions div#content-right {
	float: left;
	width: 251px;
	overflow: hidden;
	padding: 0 0 0 48px;
	background:url(../images/home_hor.gif) left top no-repeat;
}
#logistieke-oplossingen div#content-right div#actueel-nieuws,
#logistic-solutions div#content-right  div#actueel-nieuws {
	margin: 0 0 33px 0;
	padding: 9px 0;
	width:245px;/*245px*/
	height: 146px;/*164px*/
	overflow: hidden;
	border:3px solid #455560;
	background: #f4edea;
}
	#logistieke-oplossingen div#content-right div#actueel-nieuws h3 ,
	#logistic-solutions div#content-right div#actueel-nieuws h3 {
		margin: 0 0 7px 11px;
		border: none;
		background: none;
		padding: 0;
		color: #904a2d;
		font-weight: bold;
		font-family: Trebuchet,Arial, Helvetica, sans-serif;
		font-size:14px;
	}
	#logistieke-oplossingen div#content-right div#actueel-nieuws ul#nieuws-lijst li a,
	#logistic-solutions div#content-right div#actueel-nieuws ul#nieuws-lijst li a {
		display: block;
		height: 15px;
		overflow: hidden;
		margin: 0 0 5px 0;
		padding: 3px 0 2px 35px;
		background:url(../images/list.gif) left top no-repeat;
		font-size: 11px;
		text-decoration: none;
	}
	#logistieke-oplossingen div#content-right div#actueel-nieuws ul#nieuws-lijst li a:hover,
	#logistic-solutions div#content-right div#actueel-nieuws ul#nieuws-lijst li a:hover {
		text-decoration: underline;
	} 
		#logistieke-oplossingen div#content-right div#actueel-nieuws ul#nieuws-lijst li a.p,
		#logistic-solutions div#content-right div#actueel-nieuws ul#nieuws-lijst li a.p {
			background: #ecdcd4 url(../images/list_p.gif) left top no-repeat;
		}
#logistieke-oplossingen div#content-right img,
#logistic-solutions div#content-right img {
	width:245px;
	height: 164px;
	border:3px solid #455560;
}
ul#nieuws-lijst li a {
	color: #974807;
	text-decoration: underline;
}

/* ---- nieuwsrubriek ----*/
body#nieuwsrubriek ul#nieuws-lijst li a {
	display: block;
	margin: 0 0 20px 0;
	overflow:hidden;
	width: 750px;	
	color: #666666;
	text-decoration:none;
}
body#nieuwsrubriek ul#nieuws-lijst li a span.datum, 
body#nieuwsrubriek ul#nieuws-lijst li a span.titel{
	font-weight: bold;
}
body#nieuwsrubriek ul#nieuws-lijst li a:hover span {
	color:#974807;
}
body#nieuwsrubriek ul#nieuws-lijst li a span.inhoud {
	display: block;
	width: 750px;
	overflow: hidden;
}


/* ---- nieuwsartikel ----*/
div#nieuwsartikel h2 {
	margin:0 0 17px;	
}
div#titel-bron a {
	color: #666666;
	font-weight: bold;
	margin: 0 0 7px 0;
}
div#nieuwsartikel img {
	display:block;
	margin: 8px 0;
}