@charset "utf-8";
/* Stylesheet for Jos Jansen, by Media Solutions */

/* Table of Contents
1. Base Elements
2. Site
3. Header
4. Page
 4.1. Content
 4.2. Sidebar
5. Footer
6. Misc.

/* 1. Base Elements */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
form,
fieldset,
input {
	margin:0;
	padding:0;
}

html {
	background:#fff url(../images/background.jpg) center 0 no-repeat;
}

body {
	font-family:tahoma, geneva, sans-serif;
	font-size:100%; /* 16pt */
}

a {
	text-decoration:none;
}
a.link {
	color: #627296;
	font-family:tahoma, geneva, sans-serif;
	font-size:16px; 
}

a img {
	border:0;
}

li {
	list-style:none;
}

/* START: Site */
#site {
	margin:15px auto 0;
	width:981px;
	font-size:0.625em; /* 10 / 16 = 0.625 */
	background:#fff;
}

/* START: Header */
#header {
	position:relative;
	height:150px;
	background:#00457c url(../images/header.png) 0 0 no-repeat;
}

	#header h1 {
		float:left;
	}
	
		#header h1 a {
			display:block;
			overflow:hidden;
			width:441px;
			height:143px;
		}
	
	#header ul {
		margin:0;
	}
	
	#slogan {
		float:left;
		margin:9px 0 0 27px;
	}
	
#menu {
	position:absolute;
	top:10px;
	right:2px;
	margin:0;
	padding:0;
	height:90px;
	list-style:none;
}

	#menu li {
		margin-right:20px;
		float:left;
		font-family:"Times", "Times New Roman", serif;
		font-size:16px;
		text-align:center;
	}
	
	#menu a {
		display:inline-block;
		width:85px;
		height:105px;
		text-transform:uppercase;
		background:url(../images/menu.png) 0 -95px no-repeat;
	}
	
	#menu a:hover {
		text-decoration:none;
	}
	
		#menu #ontwerp a span {
			display:block;
			overflow:hidden;
			width:86px;
			height:0;
			padding-top:20px;
			background:url(../images/ontwerp.gif) 0 0 no-repeat;
		}
		
		#menu #reclame a span {
			display:block;
			overflow:hidden;
			width:86px;
			height:0;
			padding-top:20px;
			background:url(../images/reclame.gif) 0 0 no-repeat;
		}
	
		#menu #media a span {
			display:block;
			overflow:hidden;
			width:86px;
			height:0;
			padding-top:20px;
			background:url(../images/media.gif) 0 0 no-repeat;
		}
	
	#ontwerp a {
		color:#ff5a00;
	}
	
	#ontwerp a:hover, #ontwerp .active{
		background-position:0 20px;
	}
	
	#reclame a {
		color:#76b700;
		background-position:-85px -95px;
	}
	
	#reclame a:hover, #reclame .active{
		background-position:-85px 20px;
	}
	
	#media a {
		color:#0097dc;
		background-position:-170px -95px;
	}
	
	#media a:hover, #media .active {
		background-position:-170px 20px;
	}
	
/* END: Header */
/* START: Page */
#page {
	overflow:hidden;
	min-height:400px;
}
/* START: Sidebar-left */
#sidebar-left {
	float:left;
	width:204px;
}

#sidebar-left .menu {
	margin:0 0 0 22px;
}

	.menu li {
		padding-left:18px;
		font-family:verdana;
		font-size:1.5em;
		line-height:2em;
		text-transform:uppercase;
		background:url(../images/li-style.gif) left 12px no-repeat;
	}
	
		.menu li a {color:#627296;}
		.menu li a:hover, .menu li a.active {color:#ed174f;}
		
	
		.menu li ul.submenu li {
			padding-left:16px;
			font-size:1em;
			text-transform:capitalize;
			background:none;
		}
/* END: Sidebar-left */
/* START: Content */
#content.extra {
	float:left;
	width:776px;
}
#content {
	float:left;
	width:546px;
}
#contentx {
	float:left;
	width:776px;
}

	#content h2 {
		margin:0 0 13px;
		color:#ed174f;
		font-size:2.1em;
		font-weight:normal;
	}
	
		#content h2 span {
			color:#627296;
			font-size:0.571em;
	}
	
	#content h3 {
		margin-bottom:9px;
		color:#ed174f;
		font-size:1.2em;
		font-weight:normal;
	}
	
		#content h3 a {
			color:#ed174f;
		}
	
	#content h4 {
		margin-top:18px;
		padding-left:36px;
		color:#627296;
		font-size:1.2em;
		background: url(../images/li-style4.gif) left center no-repeat;
	}
	
	#content p {
		margin:0 0 19px;
		color:#627296;
		font-size:1.2em;
		line-height:1.75em;
	}
	
		#content p a {color:#ed174f;}
		#content p a:hover {color:#627296;}
		
	#content p.italic {
		margin-bottom:53px;
		color:#ed174f;
		font-style:italic;
	}

#content .box-container {
	overflow:hidden;
	padding-top:11px;
}
		
	#content .box {
		float:left;
		width:255px;
		margin-left:35px;
	}
	
	#content.extra .box {
		width:377px;
		margin-left:22px;
	}
	
	#content .box.first-child, #content.extra .box.first-child {margin-left:0;}
		
		#content .box p {
			margin-bottom:10px;
		}
		
			#content .box p a {
				color:#627296;
			}
			
	#content a.klant-site {
		display:block;
		width:90px;
		padding-left:19px;
		margin:24px 0 19px;
		color:#f14572;
		font-size:1.4em;
		background:url(../images/li-style.gif) left center no-repeat;
	}
	#content.extra a.klant-site:hover {color:#627296;}
		
		
	#content.extra .box .portfolio-box {
		width:361px;
		clear:both;
		overflow:hidden;
		padding-right:24px;
		margin-bottom:35px;
	}
		
		#content.extra .portfolio-box .left {float:left;}
		#content.extra .portfolio-box .right {float:right;}
		
		#content.extra .portfolio-box img {width:163px;}
			
	#content ul.nieuws-items {
		margin-top:33px;
		padding:21px 0 27px;
		border-top:1px solid #ed174f;
	}
	
		#content ul.nieuws-items li {
			color:#a5b0c7;
			font-size:1.2em;
			line-height:1.75em;
		}
		
			#content ul.nieuws-items li a {
				margin-left:12px;
				padding-left:15px;
				color:#627296;
				background:url(../images/li-style3.gif) left center no-repeat;
			}
			#content ul.nieuws-items li a:hover, #content ul.nieuws-items li a.active {color:#ED174F;}
			
	#content ul.faq-items {
		margin-top:33px;
		padding:21px 0 27px;
		border-top:1px solid #bbc3ca;
	}
	
		#content ul.faq-items li {
			font-size:1.2em;
			line-height:2.41em;
			font-weight:bold;
		}
		
			#content ul.faq-items li a {
				display:block;
				padding-left:36px;
				color:#627296;
				background:url(../images/li-style4.gif) left 10px no-repeat;
			}
			#content ul.faq-items li a:hover, #content ul.faq-items li a.active {color:#ED174F;}
			
	#content form.route {
		overflow:hidden;
		margin:-8px 0 38px;
	}
	
		#content form.route fieldset {
			border:none;
		}
		
			#content form.route input.text {
				float:left;
				width:179px;
				height:23px;
				margin-right:10px;
				padding-left:7px;
				color:#bbc3ca;
				font-size:1.2em;
				line-height:1.91em;
				font-family:Tahoma;
				border:1px solid #898989;
			}
	
	#content.extra .klanten-box {
		clear:both;
		margin-top:36px;
	}
	
		#content.extra .klanten-box .row {
			margin-bottom:40px;
		}
		
	
	.work {
		float:left;
		width:150px;
		border: 1px solid #627296;
		margin: 5px;
		padding: 5px;
	}
	
/* END: Content */
/* START: Sidebar-right */
#sidebar-right {
	float:left;
	width:209px;
	padding-left:22px;
}

	#sidebar-right p {
		color:#627296;
		font-size:1.2em;
		line-height:1.75em;
	}

	#sidebar-right .logo-box {
		
	}
		
		#sidebar-right .logo-box a { 
			display:block;
			margin-bottom:15px;	
		}
		
		#sidebar-right .logo-box a.margin-top {
			margin-top:60px;
		}
		
	#sidebar-right ul { 
		margin-bottom:21px;
	}
	
		#sidebar-right ul li {
			color:#627296;
			font-size:1.2em;
			line-height:1.75em;
		}
		#sidebar-right ul li.titel {color:#ed174f; font-weight:bold;}
		
		#sidebar-right ul li a {color:#ed174f;}
		#sidebar-right ul li a:hover {color:#627296;}
		
	#sidebar-right .route-box {
		width:188px;
		margin-top:29px;
		padding-top:21px;
		border-top:1px solid #bbc3ca;
	}
	
	#sidebar-right .route-box h3 {
		margin-bottom:5px;
		color:#ed174f;
		font-size:1.4em;
	}
		
	#sidebar-right form.route {
		overflow:hidden;
		margin:0px 0 38px;
	}
	
		#sidebar-right form.route fieldset {
			border:none;
		}
		
			#sidebar-right form.route input.text {
				float:left;
				width:179px;
				height:23px;
				padding-left:7px;
				color:#bbc3ca;
				font-size:1.2em;
				line-height:1.91em;
				font-family:Tahoma;
				border:1px solid #898989;
			}
			
			#sidebar-right form.route .submit {
				float:right;
				margin:11px 0 0 0;
			}
			
/* END: Sidebar-right */
/* START: Slide-container */
#slide-container {
	position:relative;
	clear:both;
	overflow:hidden;
	width:981px;
	height:217px;
	margin:0 auto;
	border-top:1px solid #bbc3ca;
}
	
	#slide-container a {
		margin:0;
		padding:0;
	}
	
	#slide-container a img {
		float:left;
		height: 207px;
	}
	
	#shadows {
	position:relative;
	height:0;
	width:981px;
}
	
	#shadows div {
		position:absolute;
		top:0;
		z-index:20;
		width:12px;
		height: 350px;
		background:url(../images/shadows.png)repeat-y;
	}

	#shadows div:first-child {
		left:0;
		background-position:-14px -14px;
	}
	
	#shadows div + div {
		right:0;
		background-position:0 -14px;
	}

	#slider {
		position:relative;
		width:600%;
		height:207px;
		margin:0;
		padding:0;
		
	}
	
		.slide {
			float:left;
			display: block;
			margin:10px !important;
			width:auto;
			height:207px;
		}
/* END: Slice-container */
/* END: Page */
/* START: Footer */
#footer {
	clear:both;
	overflow:hidden;
	height:24px;
	margin-top:18px;
	padding-top:13px;
	border-top:1px solid #ed174f;
}

	#footer p.copy {
		float:left;
		width:386px;
		margin:0 0 0 24px;
		color:#bbc3ca;
		font-size:1.2em;
	}
	
	#footer ul {
		float:left;
	}
	
		#footer ul li {
			float:left;
			margin-left:5px;
			padding-left:7px;
			font-size:1.2em;
			background: url(../images/li-style2.gif) left center no-repeat;
		}	
		
		#footer ul li.first-child {
			margin:0;
			padding:0;
			background:none;
		}
	
			#footer ul li a {
				color:#bbc3ca;
			}
			#footer ul li a:hover, #footer ul li a.active {color:#ed174f;}
	
	#footer a.media-solutions {
		float:right;
		margin-right:23px;
		color:#bbc3ca;
		font-size:1.2em;
	}
	#footer a.media-solutions:hover {color:#ed174f;}
	
	
/* END: Footer */	
/* END: Site */
/* START: Misc */
.space {margin-top:20px;}
.none {display:none !important;}
.block {display:block;}
.inlineB {display:inline-block;}
.hidden {visibility:hidden;}
hr.clear {clear:both;display:none;visibility:hidden;width:100%;}
hr.show {display:block !important;}
a.button {display:inline-block;padding:2px 6px;font-size:1.3em;right:0 !important;}
/* START: Forms */
input.text {
	border:1px solid #d3d3d3;
}

.form {
	width:410px;
	font-size:12px;
}

.right .form {
	width:100%;
}

dt.nowidth{
	width:auto;
}
dd.nowidth{
	width:auto;
}
.checkbox{
	clear:both;
	float:left;
}
.floatleft{
	float:left;
}
.clearfloatleft{
	float:left;
	clear:left;
}

.form dd.long{
	width:350px;
}
			
	.form div {
		position:relative;
	}
	
	.form dl {
	}
	
	form.form:after {
		content:"u00A0";
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}
	
	.form dl:after {
		content:"u00A0";
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}

	.form dt,
	.form dd {
		margin-bottom:5px; /* Spacing between the rows */
		margin-left:0;
	}

	.form dt {
		clear:both;
		float:left;
		width:130px;
		height:21px;
		color:#627296;
		font-size:1em;
		line-height:21px;
	}

	.form dd {
		float:right;
		padding-right:30px;
		width:250px;
		height:21px;
		line-height:21px;
	}
	
	.form dt.message {
		height:105px;
	}
	.form dd.message {
		height:105px;
	}
	
	.form dt.wide,
	.form dd.wide {
		float:none;
		width:auto;
		height:auto;
	}
	
	.form dd.radios {
		line-height:17px;
	}
	
		.form dd.radios span {
			
		}
	
	.form input.text {
		margin:0;
		padding:0 2px 3px;
		width:246px;
		height:16px;
		font-size:1em;
		/* Simpele border */
		border:1px solid #898989;
		/* Mooie border
		border-top:1px solid #7c7c7c;
		border-left:1px solid #c3c3c3;
		border-right:1px solid #c3c3c3;
		border-bottom:1px solid #dddddd;
		background:#fff url(../images/input-background.gif) repeat-x;
		*/
	}
	
	.form input.long {
		width:370px;
	}
	
	.form .error {
		border:1px solid #9e0226 !important;
	}
	
	.form select {
		width:253px;
		height:21px;
		font-size:1em;
		line-height:17px;
		border: 1px solid #898989;
	}
	
	.form input#name {
		float:right;
		position:relative;
		right:-2px;
		width:185px;
	}
	
	.form input#postcode {
		float:left;
		width:50px;
	}
	
	.form input#city {
		float:right;
		position:relative;
		right:-2px;
		width:185px;
	}
	
	.form textarea {
		position:relative;
		z-index:10;
		overflow:auto;
		margin:0;
		padding:1px;
		width:248px;
		height:101px;
		border:1px solid #898989;
	}
	
	.form .wide textarea {
		width:378px;
	}
	
	.form input#submit {
		font-size:1em;
	}
	
	.form input.button,
	a.button {
		float:right;
		position:relative;
		right:-2px;
		border:0;
		color:#fff !important;
		background:#000;
		cursor:pointer;
	}
	
	.form input.radio {
		vertical-align:middle;
	}
	
	.form select#sex {
		float:left;
		width:56px;
	}
	
	.form label:after {
		content:":";
	}
	
	.form .nolabelafter:after {
		content:"";
	}
	
	.form .nolabelafter{
		font-size:1em;
		height:16px;
		margin:0;
		padding:0 5px 3px;
	}
	
	.form label[for=postcode]:after {
		content:"";
	}
	
	.form .route-field {
		position:relative;
	}
	
	.form .overlabel,
	.form .overlabel-apply {
		position:absolute;
		left:4px;
		top:2px;
		z-index:10;
		color:#9fa4a6;
		cursor:text;
	}
/* END: Forms*/
/* END: Misc */

.ticker a {

}

.acc-js p {
	display: none;
}

.acc-js h2 a:hover,
.acc-js h2 a.active {
	color: #ED174F;
}

.sitemap {
	float:left;
	margin:0 0 0 50px;
}

.sitemap li {
	padding-left:14px;
	font-family:verdana;
	font-size:1.4em;
	line-height:2em;
	text-transform:uppercase;
		background:url(../images/li-style.gif) left 12px no-repeat;
}

	.sitemap li a {color:#627296;}
	.sitemap li a:hover, .sitemap li a.active {color:#ed174f;}
	
	
	.sitemap li ul.submenu li {
		padding-left:20px;
		font-size:1em;
		text-transform:capitalize;
		background:none;
		background:url(../images/li-style.gif) left 12px no-repeat;
	}
	

a.links {
	font-size: 14px;
	font-family: tahoma;
	color: #627296;
}
	a.links:hover, a.links:active{color:#ed174f;}
	
.contact-left {
	margin: 20px 0px 0px 20px;
	font-size: 1.2em;
}

	.contact-left ul li.titel {
		color: #ED174F !important;
		font-weight: 700;
	}
	
	.contact-left .space {
		margin: 0;
	}
	
	.contact-left a {
		color: #ED174F !important;
	}