html{
	overflow-y:scroll;
	
}
html, body {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#3e3e3e;
	font-size:12px;
	line-height:18px;
	padding:0;
	margin:0;
	background:url(../images/layout/bgBody.gif) repeat-x;
}
div#topSpacer{
	height:7px;
	overflow:hidden;
	width:100%;
	background:#00334d;
}
div.wrap{
	width:941px;
	margin:0 auto;
}

/* Header */
header{
	height:120px;
}
body.home header{
	margin:-399px 0 0 0;
	padding:0 0 280px 0;
}

header a#logo{
	position:absolute;
	display:block;
	width:267px;
	height:111px;
	background:url(../images/layout/imgLogoMultimove.png) no-repeat;
	margin:5px 0 0 -33px;
}
a:focus, input:focus{
	outline:none;
}

@font-face {
	font-family: 'ff-dinpro-b';
	src: url('type/dinpro_b.eot');
	src: local('?'), url('type/dinpro_b.woff') format('woff'), url('type/dinpro_b.ttf') format('truetype'), url('type/dinpro_b.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'ff-dinpro-m';
	src: url('type/dinpro_m.eot');
	src: local('?'), url('type/dinpro_m.woff') format('woff'), url('type/dinpro_m.ttf') format('truetype'), url('type/dinpro_m.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ff-dinpro-l';
	src: url('type/dinpro_l.eot');
	src: local('?'), url('type/dinpro_l.woff') format('woff'), url('type/dinpro_l.ttf') format('truetype'), url('type/dinpro_l.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/**/
nav, .DINProM {
	font-family: 'ff-dinpro-m';
}
h2, h6, .DINProB {
	font-family: 'ff-dinpro-b';
}

.printer_ico{
	vertical-align:top;
	float:left;
	cursor:pointer;

}
header div#search{
	float:right;
	margin:18px 0 0 0;

}
header div#calltekst{
	margin:24px 40px 0 0;
	float: right;
	padding-bottom: 16px;
	color: #00334d;
	font-size: 15px;
	vertical-align: middle;
}
div#calltekstcontent{
	padding-top: 7px;
	float: left;
	padding-bottom: 4px;
	color: #00334d;
	font-size: 15px;

	background: #fdbc36;

	padding-left: 10px;
	padding-right: 10px;
	font-size: 15px;
}
div#buttonfooter div.footerbuttonbutton1 a{
	margin-right:43px;
}
div#buttonfooter div.footerbuttonbutton2 a{
	margin-right:36px;
}
div#buttonfooter div.footerbuttonbutton3 a{
	margin-right:29px;
}
input#formzend{
	margin-right: 8px;
}
header div#calltekst p{
	margin: 0;
	padding: 0;
}
header nav{	
	float:right;
	font-size:14px;
	margin:20px 0px 0 0;
}
header nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
header nav ul li{
	display:inline;
	margin-left:10px;
	margin:0 0 0 10px;
}
header nav ul li a{
	position:relative;
	padding:4px 12px 6px 12px;
	text-align:center;
	font-weight:normal;
}
header nav ul li a:hover{
	color:#206f8b;
	text-decoration:none;
}
header nav ul li.active a{
	color:#fff;
	background:#00334d;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}


header nav ul li:last-child{
	color:#fff;
	background:#fdbb35;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-weight: normal;
	padding-left: 4px;
	padding-right: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
    position: relative;
    text-align: center;
}

header nav ul li:last-child.active{
	color:#fff;
	background: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	font-weight: normal;
    padding: 4px 0px 6px;
    position: relative;
    text-align: center;
}

table#contactme tr td a.sendme{
		color:#fff;
	background:#00334d;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px 5px 5px 5px;
	    font-weight: bold;
    padding: 4px 5px 4px;		
    position: relative;
	font-size: 13px;
    text-align: center;
	display: block;
	width: 135px;
	margin: auto;
	
}
form table .contactsubmit{
	color:#fff;	
	background:#00334d;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px 6px 6px 6px;
	    font-weight: bold;
    padding: 3px 15px 3px;		
    position: relative;
	font-size: 13px;
    text-align: center;
	margin-right: 9px;

}

table#contactme tr td a.maillink{
	margin-top: 5px;
		color:#00334d;
	font-weight: normal;
    position: relative;
	font-size: 12px;
    text-align: center;
	
	
}
table#contactme {
	text-align: center;
}

#contactpageform{
	
}
#contactpageform input{

}

/* Cases slideshow homepage */
div#cases{
	height:399px;
	width:100%;
	overflow:hidden;
	background-color:#fff;
}
div#cases ul{
	margin:0; 
	padding:0;
	height:399px;
}
div#cases ul li{
	height:399px;
	overflow:hidden;
	background-color:#ececec;
}
div#cases ul li div.section{
	position:relative; 
	width:300px; 
	left:54%; 
	top:65%; 
	text-align:right; 
	color:#fff;
	font-size:14px;
}

div#cases ul li div.section a{
	
	text-align:right; 
	color:#fff;
	font-size:14px;
	text-decoration:none;
}

div#casesNavigation div.jcarousel-prev{
	position:absolute;
	z-index:99; 
	margin:200px 0 0 0; 
	border:0; 
	background:url(../images/layout/butPrev.png); 
	width:28px; 
	height:44px;
	cursor:pointer;
}
div#casesNavigation div.jcarousel-prev:hover{
	background:url(../images/layout/butPrevHover.png);
}
div#casesNavigation div.jcarousel-next{
	position:absolute;
	z-index:99; 
	margin:200px 0 0 913px; 
	border:0; 
	background:url(../images/layout/butNext.png); 
	width:28px; 
	height:44px;
	cursor:pointer;
}
div#casesNavigation div.jcarousel-next:hover{
	background:url(../images/layout/butNextHover.png);
}
div#casesNavigation img.loading{
	position:absolute;
	margin:200px 0 0 454px; 
}

/* News headlines homepage */
div#newsHeadlines{
	height:230px;
}
div.newsHeadline{
	display:none;
}
div.newsHeadline img{
	border:1px solid #d7d7d7;
	margin:0 0 10px 0;
}
div#newsHeadlinesNav{
	height:9px; 
	width:100%;
	text-align:center;
}
div#newsHeadlinesNav a{
	display:inline-block;
	width:9px;
	height:9px;	
	margin:4px;
	background:url(../images/layout/butBul.gif) no-repeat;
}
div#newsHeadlinesNav a.show{
	background:url(../images/layout/butBulActive.gif) no-repeat;
}

/* Article sections and asides */
article{
	background:#fff;
	padding:0 0 20px 0;
}
article nav{	
	font-size:14px;
}
article nav ul{
	list-style:none;
	margin:0;
	padding:0;
}
article nav ul li a{
	font-size:17px;	
	padding:8px 0 18px 19px;
	display:block;
	font-weight:normal;
	margin-top: 10px;
}
article nav ul li a:hover{
	text-decoration:none;
	background:url(../images/layout/floaterHover.png) no-repeat;

}
article nav ul li.active a{
	color:#00334d;

	background:url(../images/layout/floaterHover.png) no-repeat;
}
article nav,
article section.post section.image{
	float:left;
	width:320px;
}
article section.post{
	padding:0 0 30px 0;
}
article section.post section.content,
article section.content621{
	float:left;
	width:621px;
	padding:16px 0 0 0;
}
article section.post section.content{
	padding:0 0 0 0;
}
article section.post ul{
	list-style:none;
	margin:0;
	padding:0;
}
article section.post ul li{
	display:inline;
	border-left:1px solid #3e3e3e;
	padding:0 8px 0 8px;
}
article section.post ul li:first-child {
	padding:0 8px 0 0;
	border-left:none;
}
article section.column.last{
	padding:0 31px 0 0;
}
article div.portfolio{
	width:299px;
	min-height:220px;
	padding:0 22px 0 0;
	margin:0 0 10px 0;
	float:left;
}
article div.portfolio.last{
	padding:0 0 0 0;
}
article div.portfolio img{
	border:1px solid #d7d7d7;
	margin:0 0 10px 0;
}
article div.portfolio h1{
	margin:0 0 10px 0;
	color:#01344e;
}

div#portfolioList{
	float:right; 
	margin:-50px 0 0 0;
	padding:0 18px 0 0;
	background:url(../images/layout/iconArrowDown.gif) right no-repeat;
}
div#portfolioList a{
	color:#464646;
}

/* Footer */
footer{
	height: 484px;
	background: url("../images/footerbar.jpg") repeat-x #fff;
	position: relative;
}
footer ul{
	list-style:none;
	margin:0;
	padding:0;
}
#footer_ul li{
	display:inline;
	border-left:1px solid #3e3e3e;
	padding:0 5px 0 5px;
}

.footerbuttonwrap{
	position: absolute;
	top: 230px;
	float: right;
}
.paperlink{
	float: left;
}
.papertext{
	float: left;
	margin-left: 15px;
}


footer h2{
    border-bottom: 1px solid #A0A0A0;
    font-size: 20px;
    margin: 30px 0 15px;
    padding: 0 0 13px;
}
#footer_ul li:first-child {
	padding:0 5px 0 0;
	border-left:none;
}
footer aside.column.last{
	padding:0 31px 0 0;
}
div#darkfooter{
	width: 100%;
	margin: auto auto;
	margin-top: 26px;
	color: #fff;
	font-size: 13px;
	padding-top: 0px;
	
}

div#buttonfooter{
	width: 941px;
	position: relative;
	left: 50%;
	margin-left: -471px;
	bottom: 7px;
	color: #fff;
	font-size: 13px;
	padding-top: 0px;
	float: left;
	height: 30px;
}

div#buttonfooter div.footerbuttonbutton1{
	float: left;
	width: 313px;
	height: 3px;
	text-align: right;

}
div#buttonfooter div.footerbuttonbutton2{
	float: left;
	width: 313px;
	height: 3px;
	text-align: right;
	

}

div#buttonfooter div.footerbuttonbutton3{
	float: left;
	width: 313px;
	text-align: right;
	height: 3px;
	
}

div#logofooter{
	width: 940px;
	margin: auto auto;
	margin-top: 60px;
	font-size: 13px;
	height: 50px;
}

div.logoimgleft{
	float: left;
	width: 235px;
	text-align: left;
}
div.logoimgmids{
	float: left;
	width: 235px;
	text-align: center;
}
div.logoimgright{
	float: left;
	width: 210px;
	text-align: right;
	padding-right: 25px;
	}

div#footerfooter{
	width: 910px;
	margin: auto auto;
	text-align: right;
	padding-right: 30px;
	margin-top: 50px;
	font-size: 13px;

	
}
footer #footerfooter a{
	text-decoration: none;
	font-weight: normal;
	color: #3e3e3e;
}
/* Fonts and headers and other elements */
h1{
	font-size:18px;
	margin:0 0 15px 0;
	padding:0;
}
h2{
	font-size:20px;
	border-bottom:1px solid #d7d7d7;
	margin:30px 0 15px 0;
	padding:0 0 13px 0;
}
h3{
	font-size:16px;
	margin:0 0 5px 0;
}
h4{
	font-size:12px;
	margin:0 0 2px 0;
	padding:0;
}
h5{
	font-size:19px;
	margin:0 0 10px 0;
	padding:0;
	color:#01344e;
	font-weight:normal;
}
h6{
	font-size:30px;
	border-bottom:1px solid #d7d7d7;
	margin:40px 0 30px 0;
	padding:0 0 13px 0;
}

p{
	margin:0 0 15px 0;
	padding:0;
}
a{
	text-decoration:none;
	border:0;
	color:#01344e;
	font-weight:bold;
}
a:hover{
	text-decoration:underline;
}
hr {
	height:1px;
	border:none;
	margin:3px 0 10px 0;
	background:url(../images/layout/bgHr.gif) center repeat-x;
}

/* Forms */
form input#searchInput{
	position:relative;
	width:135px;
	height:16px;
	border: solid 1px #a9a9a9;
	padding:3px 7px 5px 9px;
	color:#fff;
	font-weight:bold;
	margin:0 10px 0 0;
}
form input#searchInput:hover,
form input#searchInput:focus{
color: #000;
}
form input#searchSubmit{
	position:relative;
	width:17px;
	height:22px;
	background:url(../images/layout/bgSearchSubmit.png) no-repeat;
	border:0;
	cursor:pointer;
	margin:2px 0 0 0;
}


form input#searchSubmit:hover{
	background:url(../images/layout/bgSearchSubmitHover.png) no-repeat;
}

form input.newsletter{
	width:180px;
	color:#ababab;
	border:none;
}



input[type="text"], textarea, input[type="password"]{
	position:relative;
	border:1px solid;
	height:18px;
	padding:3px 3px 2px 9px;
	color:#ababab;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}


/* General classes */
div.clear{
	clear:both;
}
.blue{
	color:#01344e;
}
.nowrap{
	white-space:nowrap;
}
aside.column,
section.column{
	width:270px;
	float:left;
	padding:0 50px 0 0;
	position: relative;
}

span.date{
	display:block;
	margin:0 0 4px 0;
	font-size:15px;
}
body.home span.date{
	font-size:12px;
	margin:0 0 2px 0;
}

div.call2action{
	font-size:17px;
	font-weight:bold;
	margin-top:18px;
	overflow:hidden;
	white-space:nowrap;
}
p.readmoreRight{
	margin:22px 0 0;
	text-align:right;
	
}

p.readmoreRight_blog{
	margin:0;
	text-align:right;
	
}

/* HTML5 */
section, article, header, footer, nav, aside, hgroup{ 
	display:block; 
}

#newsletterFields{
	display:none;
	padding:2px 0 0;
}
.contact_table{
	border-spacing:0;
	border:none;
	width:540px;
	padding:0;
}

.contact_img{
	padding-left:5px;
	border:0;
}

.contact_td{
	vertical-align:top;
}

/* rotator in-page placement */
 div#rotator {
 position:relative;
 height:145px;
 /*margin-left: 15px;*/
}
/* rotator css */
 div#rotator ul li {
 float:left;
 position:absolute;
 list-style: none;
}
/* rotator image style */
 div#rotator ul li img {
 border:0px;
 padding: 0px;
 background: #FFF;
 z-index:99;
}
div#rotator ul li.show {
 z-index:500;
} 

/*.input_nieuwsbrief{
	background:url(../images/layout/bgSearchInput.png) no-repeat;
	width:135px;
	height:16px;
	border:0;
}*/

.twitter{
	margin:5px 0 0 15px;
	border:none;
}
.img_news{
	padding:0 25px 15px 0;
	float:left;
}
.table_news{
	width:100%;
	padding:0;
	margin:0;
}

.td_news{
	vertical-align:top;
}

.table_contact{
	margin:2px;
}

.pagination{
	float:right;
}

#nav_map{
	float:left;
}

#gmapholder{
	width:350px;
	height:250px;
}

.error{
	color:#F00;
}

.bot{
	display:none;
}

/*	New 120116	Blog changes	*/
#follow {
	float: right;
	text-align: right;
	min-width: 300px;
}
#follow a {
	font-size: 12px;
	padding: .75em 3.5em .75em .4em;
	background-position: right center;
	background-repeat: no-repeat;
	font-weight:normal;
}
#follow a:hover {
	color:#206f8b;
	text-decoration:none;
}
#twitter {
	background-image: url('../images/layout/blog_twitter.png');
}
#rss {
	margin-left: 2em;
	background-image: url('../images/layout/blog_rss.png');
}	

/*	New Blog layout	*/
article.blogpost hgroup p,
article.blogpost hgroup h2 {
	border: 0;
	margin: 0;
	padding: 0;
	color: #3E3E3E;
}
article.blogpost #title {
	font-size: 21px;
}	
article.blogpost #author {
	font-size: 12px;
	margin-top: .4em;
}
article.blogpost #bio {
	font: italic normal 10px 'ff-dinpro-m', Arial, Helvetica, sans-serif;
	width: 600px;
	margin-top: .1em;
}
article.blogpost #twitter {
	background-image: url('../images/layout/blog_twitter.png');
}
article.blogpost #rss {
	margin-left: 2em;
	background-image: url('../images/layout/blog_rss.png');
}	
article.blogpost > aside img {
	float: left;
	margin-right: 1.4em;
	width: 80px;
	height: 108px;
}
article.blogpost > aside section {
	float: right;
	text-align: right;
	min-width: 300px;
}
article.blogpost > aside section a {
	font-size: 12px;
	padding: .75em 3.5em .75em .4em;
	background-position: right center;
	background-repeat: no-repeat;
	font-weight:normal;
}
article.blogpost > aside section a:hover,
article.blogpost #title a:hover {
	color:#206f8b;
	text-decoration:none;
}
article.blogpost > section {
	clear: both;
	padding-top: 15px;
}
article.blogpost > section aside {
	font-size: 15px;
	margin-bottom: 1em;
}


/*	New Blog overview */
div.bloglist > aside {
	float: right;
	text-align: right;
	min-width: 300px;
}
div.bloglist > aside a {
	font-size: 12px;
	padding: .75em 3.5em .75em .4em;
	background-position: right center;
	background-repeat: no-repeat;
	font-weight: normal;
}
div.bloglist > aside a:hover {
	color:#206f8b;
	text-decoration:none;
}
div.bloglist #twitter {
	background-image: url('../images/layout/blog_twitter.png');
}
div.bloglist #rss {
	margin-left: 2em;
	background-image: url('../images/layout/blog_rss.png');
	width: 200px;
}
div.bloglist article.blogpost > aside #author {
	margin-top: 1.4em;
}
div.bloglist article.blogpost > aside img {
	width: 40px;
	height: 54px;
}
div.bloglist article.blogpost + article.blogpost {
	margin-top: 2em;
}
div.bloglist article.blogpost > section > aside {
	font-size: 14px;
}
div.bloglist article.blogpost > section a.readmore {
	background-color: #1c374e;
	color: #FFFFFF;
	padding: 2px 6px;
	border-radius: 4px;
	white-space: nowrap;
	text-decoration: none;
}

#paper_delivery_signup {
	width: 280px;
}
#paper_delivery_signup > div {
	margin: 6px 0;
}
#paper_delivery_signup input[type="text"]{
	width: 92%;
	border: 1px solid #aaaaaa;
	border-radius: 8px;
}
#paper_radio > input  {
	display: none;
}
#paper_radio > label {
	padding-left: 20px;
	line-height: 15px;
	background: transparent url('../images/layout/paper_radio_btn.png') left top no-repeat;
}
#paper_radio > label.checked {
	background-position: left -15px;
}

/*
	Styling the HTML5 placeholder
	First two are webkit and mozilla specific rules.
	Third is for the jQuery placeholder plugin
	
	True placeholders cant be fully styled, see http://blog.ajcw.com/2011/02/styling-the-html5-placeholder/ for reference
*/
input::-webkit-input-placeholder {
	color: #1c374f;
}
input:-moz-placeholder {
	color: #1c374f;
}
._input_placeholder label {
	color: #1c374f;
}
/* End placeholder style */

.box_yellow {
	color: #1d374f;
	text-decoration: none;
	background-color: #eeb83c;
	border-radius: 4px;
	padding: 2px 10px 4px;
	white-space: nowrap;
	margin-left: 10px;
	line-height: 15px;
	font-size: 14px;
}
a.btn, input.btn {

	display: inline-block;

	font: bold 13px Arial;

	text-decoration: none;

	padding: 4px 14px;

	border-width: 1px;

	border-style: solid;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);

	-webkit-border-radius: 6px;

	-moz-border-radius: 6px;

	border-radius: 6px;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .3), 0px 1px 3px 0px rgba(0, 0, 0, .3);

	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .3), 0px 1px 3px 0px rgba(0, 0, 0, .3);

	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, .3), 0px 1px 3px 0px rgba(0, 0, 0, .3);

}

a.btn.blue, input.btn.blue  {

	border-color: #00334d;	

	color: #FFFFFF;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);

	background: #00334d url('../images/layout/btn_blue.png') repeat-x left top;

	background-image: -moz-linear-gradient(top,  rgba(0,80,121,1) 50%, rgba(255,255,255,0) 50%); /* FF3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(0,80,121,1)), color-stop(50%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

	background-image: -webkit-linear-gradient(top,  rgba(0,80,121,1) 50%,rgba(255,255,255,0) 50%); /* Chrome10+,Safari5.1+ */

	background-image: -o-linear-gradient(top,  rgba(0,80,121,1) 50%,rgba(255,255,255,0) 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(top,  rgba(0,80,121,1) 50%,rgba(255,255,255,0) 50%); /* IE10+ */

	background-image: linear-gradient(top,  rgba(0,80,121,1) 50%,rgba(255,255,255,0) 50%); /* W3C */

}

a.btn.gray, input.btn.gray  {

	border-color: #666666;

	color: #FFFFFF;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);

	background: #666666 url('../images/layout/btn_gray.png') repeat-x left top;

	background-image: -moz-linear-gradient(top,  rgba(126,126,126,1) 50%, rgba(255,255,255,0) 50%); /* FF3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(126,126,126,1)), color-stop(50%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

	background-image: -webkit-linear-gradient(top,  rgba(126,126,126,1) 50%,rgba(255,255,255,0) 50%); /* Chrome10+,Safari5.1+ */

	background-image: -o-linear-gradient(top,  rgba(126,126,126,1) 50%,rgba(255,255,255,0) 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(top,  rgba(126,126,126,1) 50%,rgba(255,255,255,0) 50%); /* IE10+ */

	background-image: linear-gradient(top,  rgba(126,126,126,1) 50%,rgba(255,255,255,0) 50%); /* W3C */

}

a.btn.yellow, input.btn.yellow{

	border-color: #efb93d;

	color: #00334d;

	text-shadow: 1px 1px 1px rgba(255, 255, 255, .4);

	background: #efb93d url('../images/layout/btn_yellow.png') repeat-x left top;

	background-image: -moz-linear-gradient(top,  rgba(255,216,125,1) 50%, rgba(255,255,255,0) 50%); /* FF3.6+ */

	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(255,216,125,1)), color-stop(50%,rgba(255,255,255,0))); /* Chrome,Safari4+ */

	background-image: -webkit-linear-gradient(top,  rgba(255,216,125,1) 50%,rgba(255,255,255,0) 50%); /* Chrome10+,Safari5.1+ */

	background-image: -o-linear-gradient(top,  rgba(255,216,125,1) 50%,rgba(255,255,255,0) 50%); /* Opera 11.10+ */

	background-image: -ms-linear-gradient(top,  rgba(255,216,125,1) 50%,rgba(255,255,255,0) 50%); /* IE10+ */

	background-image: linear-gradient(top,  rgba(255,216,125,1) 50%,rgba(255,255,255,0) 50%); /* W3C */

}