/** START EDITOR **/

@import url(socialbar.css);

body {
	font-size:80%;
	line-height:1.6;
	margin: 5px;
	}

body, h1, h2, h3, input, select, option, button, textarea, td {
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	color: #666666;
	}

h1, h2, h3 	{
	font-style: normal;
	font-weight: bold;
	color: #666666;
	line-height: 1.2;
	}

h1, h2 { font-size: 22px; }
h3 { font-size: 16px; }

#visual h2 {
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	line-height: 90px;
	text-indent: 20px;
	border: 0px;
	background: none;
	}
#cp #portfolio h2,
#sidebar .banner h2 {
	background: none;
	text-indent: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
h1,
#hp h2,
#sidebar h2,
#content h2,
#visual .ajaxAdded h2,
#visual .ajaxAdded2 h2 {
	margin-bottom: 25px;
	padding-bottom: 16px;
	background: url('/image/h2-line.gif') repeat-x left bottom;
	}
#hp h2 {
	margin-bottom: 10px;
	}
#sidebar h2 {
	margin-bottom: 2px;
	}

h1 a, h2 a, h3 a {
	color: #666666;
	text-decoration: none;
	}

a { color: #01b5dd; text-decoration: none; }
a:hover, a:focus { color: #00437a; }

p { margin: 0; }


ul {
	margin: 0px;
	padding: 0px;
	}
ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	padding-left: 17px;
	overflow: hidden;
	background: url('/image/bullet.gif') no-repeat 0px 6px;
	}
ul li p {
	padding: 2px 0px;
	border-bottom: 1px solid silver;
	}

.quote {
	color:#01b5dd;
	display:block;
	margin:10px 0px;
	font-size:22px;
	}

/** END EDITOR **/



/** BASIC STYLES **/

html, body { margin: 0px !important; }

body {
	background: #e2de20 url('/image/bgfix.gif') repeat-x left top;
	}

.fbContainer .require,
.fbElement .require {
	color: #01b5dd;
	}
form legend {
	width: 300px;
	margin: 0;
	font-weight: bold;
	}
form p.requiredField {
	}
form p.missing {
	}
form *:focus {
	}
form p input,
form textarea {
	border: 1px solid #aaaaaa;
	font-size: 100%;
	}
form fieldset {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	}
form p {
	overflow: hidden;
	clear: both;
	}
form label {
	color:#FFF;
	display: block;
	width: 116px;
	}
form label.error, #wrapper form label.error {
	color: #01B5DD;
	width:200px;
	}
form .fbTextarea label {
	width:100%;
	}
form input {
	display: block;
	border: 0px;
	width: 290px;
	padding:2px;
	margin-right:20px;
	margin-bottom:3px;
	}

form textarea {
	width: 296px;
	height: 64px;
	border:none;
	margin:0px;
	}
form .error .label {
	display:none;
	}
form .fbElement {
	float:left;
}
form strong {
	margin-left: 5px;
	}
form input[type='hidden'] {
	display:none;
	}
#login .button, .route .button, #contact .button, #offerte-aanvraag .button, button[type='submit'] {
	width:116px;
	color:#FFF;
	border:none;
	float:left;
	background: #01b5dd url('/image/btn-login.gif') no-repeat top left;
	padding:1px;
	}

	#loginForm .fbElement {
	clear: none;
	}
	#loginForm .fbButton label {
		width: 0px;
	}

#contact div{
	float:left;
	color:#FFF;
	width: 200px;
	margin-right: 19px;
	}
#route .button, #contact .button {
	float:right;
	margin-right:0px;
}
#forgotPW {
	float:left;
	display:block;
	width:156px;
	overflow:hidden;
	clear:none;
	background: #037aa9 url('/image/btn-forgotpw.gif') repeat-x top left;
	color: #FFF;
	margin:0px;
}

/** CLASSES **/
.header {
	line-height:30px;
	margin-top:30px;
}

#login, #contact {
	overflow: hidden;
	margin: 0px 20px;
	}
#contact {
	margin-top:10px;
	background: url('/image/h2-line.gif') repeat-x left top;
	padding-top:20px;
	margin-right:0px;
}

#ajaxLoginHtml h1 {
	margin-left: 20px;
	margin-right: 20px;
}
#routeForm{
	position:relative;
	margin-top: 15px;
	width: 920px;
	}
#GM_address{
	width: 276px;
	}
#GM_city {
	width: 290px;
	}
#FB_Send {
	width:300px;
	background: url("/image/btn-login.gif") repeat-x;
	}
#routeForm .require{
	color: #e2de20;
}
#routeForm .route {
	float: left;
	}
#routeForm p{
	display:none;
	}
#routeContainer{
	width:300px;
	}
#cityContainer{
	width:290px;
	margin-right: 30px;
	}
#calculationContainer{
	width:300px;
	}
#calculationContainer input{
	margin-top:20px;
	}
#calculationContainer label{
	float:right;
	position: absolute;
	width: 60px;
	top:48px;
	right:0px;
	}
#routeForm h2 {
	cursor: pointer;
	margin-bottom: 10px;
	line-height: 0;
	text-indent: 0;
	background:url("/image/h2-line.gif") repeat-x scroll left bottom transparent;
	margin-top:2px;
	margin-bottom:18px;
	padding-bottom:16px;
	}
#buttonUpDown{
	background: url("/image/arrow-down.png") no-repeat;
	position:absolute;
	height: 19px;
	width: 19px;
	right: 0px;
	top: 0px;
	}
#formContact.ajaxAdded #buttonUpDown{
	background: url("/image/arrow-up.png") no-repeat;
}
#buttonUpDown.up{
	background: url("/image/arrow-up.png") no-repeat;
}
#buttonUpDown.down{
	background: url("/image/arrow-down.png") no-repeat;
}
.styled,
.styled ul,
.styled ol,
.styled li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	}

.coll {
	float: left;
	width: 300px;
	margin-left: 20px;
	position: relative;
	}
.portfolioPopup .coll {
	width:400px;
	}
.collFirst {
	margin-left: 0px;
	}
.collBig {
	float: left;
	width: 630px;
	}
.coll .play-movie {
	position: absolute;
	right: 15px;
	bottom: 0;
	}
.nav a:hover {
	color: #00437a;
	}

ul.listnav a {
	color: #666666;
	display: block;
	padding-left: 14px;
	background: url('/image/arrow-listnav.gif') no-repeat 0px 4px;
	}
ul.listnav .active a {
	color: #01b5dd;
	font-weight: bold;
	background-image: url('/image/arrow-listnav-active.gif');
	}
ul.listnav li,
ul.accordion li {
	padding: 2px 0px;
	border-bottom: 1px solid #dddddd;
	}
ul.accordion li p {
	border: 0px;
	}
ul.accordion li .content {
	overflow: hidden;
	}
.accordion a {
	display: block;
	color: gray;
	}
ul.accordion li .content p {
	overflow: hidden;
	}
ul.accordion li .newsimage a {
	float: left;
	}
ul.accordion li .date,
.typeNews-list .item .date{
	color: #999999;
	}
ul.accordion li .text {
	color: #666666;
	}
ul.accordion li .content img {
	float: left;
	margin-right: 10px;
	clip: rect(0px, 120px, 76px, 0px);
	}
.js ul.accordion li .title {
	cursor: pointer;
	margin-right: 4px;
	background: url('/image/arrow-expand-closed.gif') no-repeat right 5px;
	}
.js ul.accordion li.open {
	background: #fbfbfb;
	}
.js ul.accordion li.open .title {
	background-image: url('/image/arrow-expand-opened.gif');
	}
.js ul.accordion li strong {
	display: block;
	margin-right: 10px;
	font-weight: normal;
	}
.js ul.accordion li.open strong {
	color: #01b5dd;
	font-weight: bold;
	}
.js ul.accordion li .content {
	height: 0px;
	}

.tagcloud {
	width: 300px;
	margin-top: 38px;
	background: url('/image/corners-sidebar-tagcloud-content.png') repeat-y left top;
	}
.tagcloud .top {
	margin-bottom: 0px;
	/*min-height: 39px;*/
	width: 309px;
	background: url('/image/corners-sidebar-tagcloud-top.png') no-repeat left top;
	}
.tagcloud .bottom {
	/*padding: 10px 10px 25px 10px;*/
	padding: 20px 20px 25px 0px;
	position: relative;
	width:300px;
	background: url('/image/corners-sidebar-tagcloud-bottom.png') no-repeat left bottom;
	}
.tagcloud .content{
	color:#ababab;
	text-align: center;
	overflow: hidden;
	position: relative;
	}
.tagcloud .content a{
	color:#ababab;
	line-height: 24pt;
	text-decoration: underline;
	}
	.tagcloud .content a.small{
		font-size: 18px;
		}
	.tagcloud .content a.medium{
		font-size: 20px;
		}
	.tagcloud .content a.large{
		font-size: 22px;
		}
	.tagcloud .content a.regular{
		font-weight: normal;
		}
	.tagcloud .content a.bold{
		font-weight: bold;
		}
.banner {
	width: 300px;
	margin-top: 38px;
	background: #01b5dd url('/image/banner-bg.gif') repeat-x left top;
	}
.banner .top {
	margin-bottom: 0px;
	background: url('/image/corners-sidebar-top.png') no-repeat center top;
	}
.banner .bottom {
	padding: 10px 10px 25px 10px;
	padding: 20px 20px 25px 20px;
	position: relative;
	background: url('/image/corners-sidebar-bottom.png') no-repeat center bottom;
	}
.banner h2 {
	margin: 0px;
	padding: 0px;
	line-height: 1;
	background: none;
	}
.banner h2 a,
.banner a.body {
	display: block;
	}
.banner p,
.banner a {
	color: #ffffff;
	}
.banner p {
	margin-top: 5px;
	}
.banner a {
	zoom: 1;
	display: block;
	background: transparent;
	}
.banner .arrowLink,
.banner .readmore {
	clear: both;
	height: 14px;
	}
.banner .readmore span,
.banner .arrowLink span {
	right: 20px;
	/* bottom: 20px; */
	position: absolute;
	width: 14px;
	height: 14px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	background: url('/image/arrow-banner.gif') no-repeat;
	}

.imageBanner .content {
	overflow: hidden;
	height: 10em;
	position: relative;
	}
.imageBanner .content a.body {
	display: block;
	height: 10em;
	}
.imageBanner .readmore {
	right: 0px;
	bottom: 0px;
	}
.imageBanner .cheat {
	height: 156px;
	}
.imageBanner .cheat a {
	display: block;
	height: 156px;
	}

.item .socialIcons a,
.socialIcons a {
	width: 12px;
	height: 12px;
	overflow: hidden;
	margin: 0px;
	margin-left: 3px;
	padding: 0px;
	display: inline-block;
	text-indent: -999em;
	background: url('/image/icons-sprite.png') no-repeat 0px 0px;
	}
.socialIcons a:hover {
	background-position: 0px -13px;
	}

.socialIcons a.rss { background-position: -14px 0px; }
.socialIcons a.rss:hover { background-position: -14px -13px; }
.socialIcons a.twitter { background-position: -59px 0px; }
.socialIcons a.twitter:hover { background-position: -59px -13px; }
.socialIcons a.linkedin { background-position: -29px 0px; }
.socialIcons a.linkedin:hover { background-position: -29px -13px; }
.socialIcons a.skype { background-position: -104px 0px; }
.socialIcons a.skype:hover { background-position: -104px -13px; }
.socialIcons a.facebook { background-position: -134px 0px; }
.socialIcons a.facebook:hover { background-position: -134px -13px; }
.socialIcons a.google { background-position: -179px 0px; }
.socialIcons a.google:hover { background-position: -179px -13px; }

.errorMessage {
	color: red;
	border: 1px solid red;
	background: #FFC0CB;
	padding: .5em;
	display: block;
	}

.clearfix {
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	}

.clear {
	clear: both;
	display: block;
	}

.info {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	z-index:1000;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 1px solid #ffd324;
	border-bottom: 1px solid #ffd324;
	}
.info-error{
	background: #fff6bf url(/image/exclamation.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	}


/** LAYOUT **/

div.td1,
table.td1,
table.td2,
table.td3 {
	clear: both;
	float: none;
}

#container {
	min-width: 1020px;
	background: #ffffff;
	}

.width {
	width: 960px;
	padding: 0px 20px;
	margin: 0px auto;
	}
#wrapper {
	overflow: hidden;
	}


/** HEADER **/

#header {
	left: 0px;
	width: 100%;
	z-index: 1000;
	clear: both;
	min-height: 95px;
	position: absolute;
	}
#header .bg {
	padding-bottom: 46px;
	position: relative;
	background: url('/image/subnav-transp.png') no-repeat center bottom;
	}
#cp #header .bg {
	background-image: url('/image/subnav.png');
}

#grats {
	width: 240px;
	height: 75px;
	margin-left: 190px;
	background: url('/image/10jaar.gif') no-repeat;
	position: absolute;
}
#grats strong {
	display: block;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
#grats a {
	display: block;
	width: 240px;
	padding-top: 36px;
	height: 39px;
	text-align: right;
}

#logo {
	top: 2px;
	width: 200px;
	height: 74px;
	position: absolute;
	}
#logo a {
	display: block;
	text-decoration: none;
	}


/** NAVIGATION **/

#navigation {
	/*
	height: 74px;
	height: 34px;
	*/
	min-height: 44px;
	width: 480px;
	clear: both;
	overflow: hidden;
	padding-top: 30px;
	padding-left: 360px;
	padding-left: 515px;
	overflow: hidden;
	}

#nav #navitem21 { width: 60px; }
#nav #navitem25 { width: 113px; }
#nav #navitem26 { width: 74px; }
#nav #navitem27 { width: 80px; }
#nav #navitem28 { width: 69px; }

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav {
	margin-top: 8px;
	}
#nav ul {
	margin-top: 10px;
	background: #ffffff;
	background: none;
	}
#nav li {
	padding-left: 0px;
	background: none;
	overflow: visible;
	}
.js #nav a {
	font-weight: bold;
}
.js #nav ul a,
.js #nav .open ul a,
.js #nav .active ul a {
	font-weight: normal;
}
#nav a {
	color: #666666;
	display: block;
	font-size: 16px;
	text-decoration: none;
	}

#nav li.open a,
#nav li.active a {
	color: #01b5dd;
	}
#nav li a:hover,
#nav ul a:hover,
#nav .open ul a:hover,
#nav .active ul a:hover {
	color: #00437a;
	}
#nav ul a,
#nav .open ul a,
#nav .active ul a {
	color: #666666;
	font-size: 13px;
	padding: 5px 0px 5px 15px;
	background: url('/image/arrow-nav.gif') no-repeat 0px 8px;
	}
#nav li {
	float: left;
	width: auto;
	}
#nav ul li {
	float: none;
	}
#nav li ul {
	position: absolute;
	width: 150px;
	left: -999em;
	}
#nav li ul ul {
	margin: -1em 0 0 20em;
	}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
	}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left: auto;
	float: none;
	position: static;
	}


/** VISUAL **/

#visual {
	padding-top: 95px;
	position: relative;
	border-bottom: 1px solid #ffffff; /* bugfix */
	}
#visualTop,
#visualBottom {
	top: 95px;
	left: 0;
	height: 23px;
	width: 100%;
	z-index: 500;
	position: absolute;
	background: url('/image/visual-mask-top.png') no-repeat center top;
	}
#visualTop {
	}
#visualBottom {
	top: auto;
	bottom: 31px;
	bottom: 66px;
	height: 9px;
	background: url('/image/visual-mask-bottom.png') no-repeat center top;
	}

#visualHolder {
	height: 280px;
	overflow: hidden;
	position: relative;
	}
#visualHolder * {
	/* display: block; */
	}

#cp #visualHolder {
	height: 90px;
	}

#visualHolder .ajaxAdded {
	/*top: 0;*/
	/*left: 0;*/
	width: 100%;
	/*height: 300px;*/
	overflow: hidden;
	position: absolute;
	}

	/* layers */
		.ajaxAdded2 {
			top: 0px;
			width: 960px;
			height: 600px;
			z-index: 99;
			position: absolute;
		}
	#ajaxSlideshowHtml {
		background: url(/image/slideshow_bg.jpg) no-repeat top left;
		z-index: 100;
	}
	#slideshow a {
		z-index: 99999;
		top: 0;
		left: 0;
		display: block;
	}
	#ajaxBigvideoHtml {
		/*background: orange;*/
	}
	#ajaxContactHtml {
		/*background: green;*/
	}
		#ajaxContactHtml {
			/*filter: none !important;*/
			background-color: transparent !important ;
			top:0px;
		}
		#ajaxContactHtml .header{
			margin-top:10px;
		}
	#ajaxLoginHtml {
		background: #00437a url('/image/visual-default-bg.png') no-repeat center top;
	}



#visualHolder #contactFormResult {
	color: #FFF;
	}
#visualHolder #formContact {
	top: auto;
	left: 0;
	bottom: 0;
	height: 240px;
	width: 100%;
	z-index: 400;
	padding-top: 9px;
	position: absolute;
	background: url('/image/visual-contact-bg.png') no-repeat center top;
	}
	#visualHolder a,
	#visualHolder h1,
	#visualHolder h1 a,
	#visualHolder h2,
	#visualHolder h2 a {
		color: #ffffff;
		}

#cp #visualHolder {
	background: #00437a url('/image/visual-default-bg.png') no-repeat center top;
	}
#cp .special #visualHolder {
	background-image: url('/image/visual-10jr.jpg');
}




/** CONTENT - DEFAULT **/
.td2_0, .td2_1 {
	width:320px;
}
.td2_1 {
	padding-left:20px;
}

.td2_parentOftypeImage h2 {
	width: 49%;
	float: left;
	}

.parentOfImageRight div.td2_1 {
	width: 300px;
	padding:0px;
	margin-top:70px;
}
.parentOfImageRight div.noMargin {
	margin-top:0px;
}

.contentBanner .mask {
	background: url('/image/banner-mask.png') no-repeat left top;
	position: absolute;
	z-index:200;
	width:630px;
	height:170px;
	}
.contentBannerNav {
	margin: 0px;
	width: auto;
	height: 15px;
	padding: 10px 10px 20px 0px;
	overflow: hidden;
	}
.contentBannerNav a {
	float: left;
	width: 12px;
	height: 15px;
	display: block;
	margin-right: 5px;
	text-indent: -99em;
	background: url('/image/pager.png') no-repeat 0px 0px;
	}
.contentBannerNav a.activeSlide {
	background-position: -17px 0px;
	}


#meta {
	height: 30px;
	margin-bottom: 35px;
	border-bottom: 1px solid #dddddd;
	}
#meta object {
	float: left;
	margin-top: 5px;
	}
#meta p {
	float: right;
	width: auto;
	line-height: 30px;
	}
#meta p,
#meta a {
	color: #666666;
	}
#meta a:hover,
#meta a.active:hover {
	color: #00437A;
	}
#meta a.active {
	color: #01B5DD;
	font-weight: bold;
}

#meta #breadcrumb {
	float: left;
	font-size: 11px;
	}
#meta #breadcrumb,
#meta #breadcrumb a {
	color: #999999;
	}


/** CONTENT - HOMEPAGE **/




/** CONTENT - GENERATOR **/

.quoteBlue {
	width: 300px;
	padding-top: 10px;
	margin-bottom: 20px;
	background: url('/image/quote-blue.gif') no-repeat -300px 0px;
}
.quoteBlue blockquote {
	width: 300px;
	background: url('/image/quote-blue.gif') repeat-y;
}
.quoteBlue blockquote p {
	color: #01b5dd;
	font-size: 24px;
	width: 270px;
	line-height: 1;
	padding: 5px 15px 25px 15px;
	background: url('/image/quote-blue.gif') no-repeat -600px bottom;
}
.quoteBlue cite {
	font-weight: bold;
}


.flow li {
	width: 280px;
	height: 58px;
	padding: 10px;
	margin-bottom: 5px;
	position: relative;
	background: url('/image/step.png') no-repeat;
	}
.flow li h3 {
	font-size: 18px;
	line-height: 1;
	}
.flow li p {
	height: 3.2em;
	overflow: hidden;
	margin-top: 2px;
	line-height: 1.4;
	}
.flow li.step .arrow {
	width: 25px;
	width: 280px;
	height: 16px;
	display: block;
	top: 75px;
	position: absolute;
	background: url('/image/step.png') no-repeat center bottom;
	}
.flow li.stepLast .arrow {
	display: none;
	}
.flow .step1 { z-index: 100; }
.flow .step2 { z-index: 99; }
.flow .step3 { z-index: 98; }
.flow .step4 { z-index: 97; }
.flow .step5 { z-index: 96; }
.flow .step6 { z-index: 95; }
.flow .step7 { z-index: 94; }
.flow .step8 { z-index: 93; }
.flow .step9 { z-index: 92; }
.flow .step10 { z-index: 91; }
.flow .step11 { z-index: 90; }
.flow .step12 { z-index: 89; }
.flow .step13 { z-index: 88; }
.flow .step14 { z-index: 87; }
.flow .step15 { z-index: 86; }


/** CONTENT - PORTFOLIO **/

#portfolio {
	position: relative;
	}
#portfolio .ajaxLoader {
	top: 0px;
	left: 0px;
	width: 630px;
	height: 600px;
	z-index: 20;
	position: absolute;
	background: url('/image/overlay-white.png');
	background: rgba(255,255,255,0.7);
	}
#portfolio .ajaxLoader p {
	font-size: 30px;
	text-align: center;
	height: 100px;
	line-height: 100px;
	}

#formPortfolio {
	}
#formPortfolio ul li {
	padding: 2px 0px;
	border-bottom: 1px solid #dfdfdf;
	}
#formPortfolio ul ul li {
	border-bottom: 0px;
	}
#formPortfolio ul li p {
	padding: 0px;
	border: 0px;
	}
#formPortfolio a {
	font-weight: bold;
	padding-left: 13px;
	background: url('/image/arrow-listnav.gif') no-repeat 0px 3px;
	}
#formPortfolio ul ul {
	margin-left: 13px;
	}
#formPortfolio input {
	width: auto;
	margin-right: 5px;
	}
#formPortfolio label {
	float: none;
	width: auto;
	cursor: pointer;
	color: #666;
	}
#formPortfolio label.active {
	color: #01b5dd;
	font-weight: bold;
	}
#formPortfolio label input {
	border: 0px;
	padding: 0px;
	margin: 0px;
	float:left;
	margin-right:5px;
	margin-top:5px;
	}
.js #formPortfolio label input {
	display: none;
	}
#formPortfolio label .fakecheckbox {
	width: 15px;
	height: 17px;
	margin-bottom: -2px;
	margin-right: 5px;
	display: inline-block;
	background: url('/image/checkbox.gif') no-repeat 0px -24px;
	}
#formPortfolio label.active .fakecheckbox {
	background-position: 0px 0px;
	}

.portfolioPopup {
	width: auto
	}
.ajax .portfolioPopup {
	width:835px;
	margin: 15px 10px;
}

.portfolioPopup h2 {
	margin: 20px 0 30px 0;
	}

#portfolioPopupSlideshow .mask {
	display: none;
	}
#portfolioPopupSlideshow #slider {
	height: 240px;
	width:402px;
	}
#portfolioPopupInfo {
	width: 420px;
	clear: both;
	margin-left: 0px;
	}
.ajax #portfolioPopupInfo {
	float: right;
	clear: none;
	}
p.back {
	clear: both;
}

.portfolioPopup dl {
	overflow: hidden;
	border-top: 1px solid silver;
	}
.portfolioPopup dt,
.portfolioPopup dd {
	float: left;
	width: 120px;
	height: 1.6em;
	border-bottom: 1px solid silver;
	}
.portfolioPopup dt span {
	display: inline-block;
	width: 110px;
	}
.portfolioPopup dd {
	width: 300px;
	}
.portfolioPopup dd a {
	font-weight: bold;
	}
#portfolioPopupInfo .coll {
	margin-top: 20px;
	margin-left: 0px;
	}


.newsimage a {
	position: relative;
	display: inline-block;
	}
.newsimage .mask {
	width: 100px;
	height: 100px;
	display: block;
	top: 0px;
	left: 0px;
	position: absolute;
	background: url('/image/news-img-mask.png') no-repeat;
	}
.open .newsimage .mask {
	background: url('/image/news-img-mask-last.png') no-repeat !important;
	}
.item {
	float: left;
	width: 200px;
	height: 178px;
	margin-left: 15px;
	margin-bottom: 15px;
	overflow: hidden;
	}
.typeNews-list .item {
	/*margin-left:20px;*/
}
.itemFirst, .typeNews-list .itemFirst {
	margin-left: 0px;
	}

.paging{
	    text-align: center;
	}

.item a, .employeeItem {
	width: 200px;
	height: 178px;
	display: block;
	background: #ffffff url('/image/portfolio-item.gif') no-repeat -215px 0px;
	}
.textualItem,
.textualItem a{
	height:auto !important;
	width:auto !important;
	background:none;
	}
.item a:hover {
	background-position: 0px 0px;
	}
.item .figure {
	height: 128px;
	line-height: 128px;
	text-align: center;
	display: block;
	}
.item .figure img {
	clip: rect(0px,164px,95px,0px);
	vertical-align: middle;
	}
.employeeItem {
	position: relative;
	}
.employeeItem .figure .mask {
	top: 0px;
	left: 0px;
	width: 200px;
	height: 10px;
	position: absolute;
	background: url('/image/item-roundcorner-mask.png') no-repeat;
	}
.item br {
	display: none;
	}
.item .text {
	color: #666666;
	padding: 5px 12px;
	display: block;
	font-size: 12px;
	line-height: 1.4;
	height: 30px;
	overflow: hidden;
	}
.item .text strong {
	color: #01b5dd;
	}

.typeNews-list .item {
	width:630px;
	margin-left: 0px;
}
.typeNews-list .item .figure {
	float:left;
	margin-right:10px;
}

.typeNews-list .item a {
	background: none;
	width:auto;
	height:auto;
}
.employeeItem {
	position: relative;
	}
.portfolioItem .figure,
.employeeItem .figure {
	padding-top:15px;
	height:113px;
	line-height:113px;
	}
.employeeItem .figure {
	padding-top: 3px;
	padding-bottom: 12px;
	}
.portfolioItem img,
.employeeItem img {
	margin:auto;
	}
.employeeItem .socialIcons {
	position: absolute;
	bottom: 6px;
	right: 6px;
	width: auto;
	padding: 0px;
	display: inline-block;
	height: 12px;
	line-height: 12px;
	overflow: hidden;
	}
div.slides{
	border: 1px solid #dddddd;
	}

/** FOOTER **/

#social {
	margin-top: 50px;
	}
#social ul {
	padding-top: 8px;
	border-top: 1px solid #dddddd;
	}
#social li {
	float: right;
	margin-left: 1px;
	}

#footer {
	clear: both;
	height: 200px;
	background: #e2de20 url('/image/footer.png') no-repeat center top;
	}
#footer .width {
	padding-top: 80px;
	}
#footer .contact {
	float: right;
	width: 530px;
	}
#footer .telnr strong {
	color: #ffffff;
	font-size: 35px;
	font-weight: bold;
	text-align: right;
	}

#footer .twitter {
	margin-top: 13px;
	color: #888513;
	height: 50px;
	width: 375px;
	float: left;
	padding-left: 50px;
	background: url('/image/twitter-icon.png') no-repeat 0 5px;
	position: relative;
	}
#footer .twitter a.iconlink {
	position: absolute;
	width: 50px;
	height: 50px;
	display: block;
	left: 0;
	top: 0;
	}
#footer .twitter h3 {
	width: 400px;
	color: #888513;
	font-size: 18px;
	line-height: 18px;
	bottom: 0;
	position: absolute;
	}
#footer .twitter h3 a {
	border-bottom: 1px solid #888513;
	color: #888513;
}
#footer .twitter .time {
	color: #888513;
	font-size: 11px;
	left: 50px;
    position: absolute;
    top: 60px;
	}

#footer p {
	color: #333333;
	font-size: 11px;
	text-align: right;
	}
#footer a {
	color: #333333;
	text-decoration: none;
	}


/** FORM BUILDER **/

p.FormRadioButton input {
	width: auto;
	border: 0;
	}
p.FormRadioButton label {
	margin: 4px auto auto;
	}
form p.FormTextArea label,
form p.FormSubmit label,
form p.msg label {
	display: none;
	}
form p.FormCheckbox label {
	width: auto;
	}
form label.value {
	width: auto;
	}

/**** GOOGLE MAPS ****/
.adp-placemark {
	border:none;
	color:#666;
	background:none;
	width:100%;
}
.adp-placemark td {
	vertical-align: middle;
}
.adp-directions {
	width:100%;
	border-bottom:1px solid #ddd;
	}
.adp-step, .adp-stepicon, .adp-substep  {
	border-top:1px solid #ddd;
}
.adp-distance {
	text-align:right;
	}
.adp-legal {
	margin-top:50px;
	color:#999;
}
.adp-summary {
	font-weight:bold;
	color: #01b5dd;
	text-align:right;
}
.adp-text {
	width:70%;
}



/** EASY SLIDER **/

#slider{ height:170px; overflow:hidden;}
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li{
	width:630px;
	height:170px;
	overflow:hidden;
	}
#prevBtn, #nextBtn{
	display:none;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	}
#nextBtn{
	left:630px;
	}
#prevBtn a, #nextBtn a{
	display:block;
	width:30px;
	height:77px;
	background:url(/image/btn_prev.gif) no-repeat 0 0;
	}
#nextBtn a{
	background:url(image/btn_next.gif) no-repeat 0 0;
	}

/** ROUNDED CORNERS IMAGES **/

div.figure {
	position:relative;
	}
div.image span{
	display:block;
	width:8px;
	height:8px;
	position:absolute;
	}
div.image {
	float: left;
	display:inline-block;
	margin-bottom: 15px;
	}
div.image-right, div.td2_1{
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	}

div.image span.tl{
	top:0;
	background:url('/image/corners.png') no-repeat 0px 0px;
	}
div.image span.tr{
	top:0;
	right:0;
	background:url('/image/corners.png') no-repeat -8px 0px;
	}
div.image span.bl{
	bottom:0;
	background:url('/image/corners.png') no-repeat 0px -8px;
	}
div.image span.br{
	bottom:0;
	right:0;
	background:url('/image/corners.png') no-repeat -8px -8px;
	}

/** Form styles **/

#wrapper form label {
	color: #666;
	}
#wrapper h1 {
	color:#666;
	line-height:1.2em;
	}
#wrapper #contact .fbButton {
	clear:left;
	}

form.fbForm {
	position:relative;
	}
form#offerte-aanvraag .require{
	color: #01B5DD;
	}
form#offerte-aanvraag .hiddenField{
	display:none;
	}
#wrapper form input,
#wrapper form textarea {
	border: 1px solid #ccc;
	}
form#offerte-aanvraag .label,
form#offerte-aanvraag label.error,
form#offerte-aanvraag .fbCheckboxContainerTitle,
form#offerte-aanvraag .fbFileUpload label,
form#offerte-aanvraag input{
	width: 290px;
	border-color: #cccccc;
	}
form#offerte-aanvraag input.attachment{
	width: 500px;
	clear:left;
	}
form#offerte-aanvraag .fbElement{
	margin: 5px 0px;
	}
form#offerte-aanvraag .fbCheckbox{
	width: 150px;
	}
form#offerte-aanvraag .fbCheckbox label{
	width: 150px;
	}
form#offerte-aanvraag .fbRadio label{
	width: 80px;
	}
form#offerte-aanvraag .fbFileUpload {
	clear:both;
	}
form#offerte-aanvraag input.radio,
form#newsletter input.checkbox,
form#offerte-aanvraag .checkbox{
	float:left;
	width:10px;
	margin-right:5px;
	border:0;
	}
div#personal_details{
	margin-right:17px;
	}
div#personal_details,
div#extra_details{
	width: 306px;
	float:left;
	overflow:hidden;
	position:relative;
	}
input#p_concerns_other{
	margin-left: 3px;
	}
div#attachments,
div#newsletter{
	width: 630px;
	float:left;
	overflow:hidden;
	position:relative;
	}

div#attachments .fbElement,
div#newsletter .fbElement{
	width: 630px;
	float:left;
	overflow:hidden;
	position:relative;
	}
div#newsletter .fbCheckbox label,
div#newsletter label{
	width:400px;
	}
#p_description{
	width: 628px;
	height: 200px;
	}
#p_reference{
	width: 285px;
	height: 150px;
	}
div.clearAttachment{
	width: 250px;
	height: 16px;
	cursor: pointer;
	background:url("/image/bin.png") no-repeat;
	margin: 0px 0px 20px 0px;
	}
div.clearAttachment p {
	margin-left: 25px;
	}
/** End of Form styles **/

#formulier2 .fbContainer,
#formulier1 .fbContainer {
	clear: both;
}

.fbForm .fbRadio,
.fbForm .fbCheckbox {
	width: auto !important;
}
form.fbForm div.fbRadio {
	float: left;
	clear: none;
	margin-right: 1em;
}
.fbForm .fbRadio input,
.fbForm .fbCheckbox input,
.fbForm .fbRadio label,
.fbForm .fbCheckbox label {
	float: left;
	width: auto;
	margin-right: 5px;
	margin-left: 0px !important;
	display: inline;
}

#congratsForm .fbContainerTitle,
#congratsForm .fbTextarea label {
	font-weight: bold;
}
#congratsForm .fbElement {
	margin-top: 1em;
}
#congratsForm #FB_Next {
	width: 100px;
	border: 0px;
	height: 20px;
	line-height: 10px;
	color: #ffffff;
	font-weight: bold;
	background: url('/image/btn-login.gif') no-repeat 0px 0px;
}

#html5player {
	width: 630px;
	height: 355px;
}

/* news navigation and archive */
#newsNavigation p {
	float: right;
}

.archiveDate {
	color: rgb(105,105,105);
}

.newsItem .date {
	color: #999;
	float: left;
	font-weight: bold;
}

/**
 * 	brands
 */

#brands {
	margin-top: 20px;
	
}

#brands li {
	width: 133px;
	height: 115px;
	
	float: left;
	
	margin-right: 12px;
	margin-bottom: 12px;
	
	padding-top: 15px;
	padding-left: 15px;
	
	background-image: url('/image/brand-border.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

#brands li:hover, #brands li:active {
	background-image: url('/image/brand-border-active.gif');
}

.brandImage {
	width: 133px;
	height: 115px;
	
	float: left;
	
	margin-right: 10px;
	margin-bottom: 10px;
	
	padding-top: 15px;
	padding-left: 15px;
	
	background-image: url('/image/brand-border.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.brandDetails {
	max-width: 500px;
}

.brandItemSub {
	clear: left;
	padding-top: 16px;
}

.brandItems {
	padding-top: 12px;
}


.brandItems li {
	background: none;
	padding-left: 0;
}

.brandItems li a {
	color: #000000;
}

.brandsSidebar {
	margin-top: 30px;
}

.brandsSidebar ul {
	margin-top: 20px;
	margin-bottom: 20px;
}

.brandsSidebar ul li {
	float: left;
	background: none;
}

.brandsSidebar .readon {
	display: block;
	clear: both;
	padding-left: 14px;
	background: url('/image/arrow-listnav.gif') no-repeat 0px 4px;
	color: #666666;
}