/** START EDITOR **/

body {
	font-size:70%;
	line-height:2;
	margin: 5px;
	}

body, h1, h2, h3, input, select, option, button, textarea {
	font-family: "Trebuchet MS", Geneva, Helvetica, Verdana, sans-serif;
	color: #5d5b5e;
	}

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

h1 { font-size: 24px; }
h2, .h2 { font-size: 22px; color: #dbdbdb; text-transform: uppercase; margin-bottom: 10px; }
h3, .h3 { font-size: 16px; font-weight: normal; margin-bottom: 10px; }
h3 strong { font-weight: normal; }

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

a { color: #1b181c; }
a:hover, a:focus { color: #1b181c; }

p { margin: 0; }

/** END EDITOR **/

/** COLOR
orange		#f39912
*/


/** BASIC STYLES **/

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

body {
	background-color: #19171c;
	}

form legend {
	width: 300px;
	margin: 0;
	font-weight: bold;
	}
form p.requiredField {
	}
form p.missing {
	}
form *:focus {
	}
form input,
form textarea {
	border: 1px solid #CECECE;
	font-size: 100%;
	}
form fieldset {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	}
form p {
	overflow: hidden;
	clear: both;
	}
form label {
	display: block;
	width: 12em;
	float: left;
	}
form input {
	display: block;
	width: 480px;
	float: left;
	}
form textarea {
	width: 480px;
	height: 10em;
	}
form strong {
	margin-left: 5px;
	}
form input[type='hidden'] {
	display:none;
	}
form input[type='checkbox'] {
	width:auto;
}
form label.error {
	width:480px;
	float:right;
	margin-right:5px;
	color:#F39912;
}
form .fbCheckbox {
	margin-top:10px;
}

form .fbCheckbox input {
	margin-left:12em;
}

form .fbCheckbox label {
	width:450px;
}

form .fbElement {
	clear:both;
	overflow:hidden;
}


/** CLASSES **/

#reactions {
	margin-top:20px;
	border-top: 1px solid #CECECE;
	padding-top:20px;
	}

.reaction {
	margin-bottom: 20px;

	}

.reactionForm {
	margin-top:20px;
	border-top: 1px solid #CECECE;
	padding-top:20px;
}

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

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

#header .width { width: 964px; padding: 0px; }
#footer .width { width: 960px; padding: 0px; }
.width {
	width: 940px;
	margin: 0px auto;
	padding: 0px 10px;
	}

ul.styled,
ul.styled ul,
ul.styled li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.styled li a {
	}

.coll {
	width: auto;
	clear: both;
	overflow: hidden;
	}
.coll-right {
	float: right !important;
	}
.coll2,
.coll3,
.coll4,
.coll5,
.coll6 {
	float: left;
	overflow: hidden;
	}
.coll2 {
	width: 220px;
	}
.coll3 {
	width: 34%;
	padding-righ: 3.5%;
	}
.coll4 {
	width: 47%;
	padding-right: 3%;
	}
.coll5 {
	width: 60%;
	padding-right: 2.5%;
	}
.coll6 {
	width: 700px;
	}
.coll8 {
	margin-right: 20px;
	}

.fixHeight .content {
	height: 220px;
	height: 170px;
	}

.darkgray .content,
.darkshadow .content {
	background: #757376 url('/image/bg-darkgray.png') no-repeat left top;
	}
.lightgray .content {
	background: #f3f3f3;
	}
.orange .content {
	background: #f59c17;
	}
.border .content {
	border: 1px solid #dddddd;
	/* background-color: #f0f0f0; */
	}
.darkgray .content * {
	color: #ffffff;
	}
.darkshadow .content * {
	color: #a4a2a4;
	}
.orange .content * {
	color: #ffffff;
	}

.darkgray .content input,
.darkshadow .content .input,
.orange .content input {
	color: gray;
	}

.white .content,
.darkgray .content,
.darkshadow .content,
.lightgray .content,
.orange .content,
.border .content,
.white .content {
	overflow: hidden;
	margin-bottom: 40px;
	padding: 15px 20px 30px 20px;
	}
.content .content {
	padding: 0px;
	margin-bottom: 0px;
	}
#twitter {
	margin-bottom: 0px;
	}

.overview .readmore,
.overview .archive {
	margin-left: 115px;
	}

.figure {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	}
.td2 .figure {
	float: none;
	}
.figure a,
.figure img {
	display: block;
	}
.orange .figure img {
	border-color: #ffffff;
	}
.figure img {
	border: 1px solid #c3bbbb;
	}

.orange hr {
	height: 1px;
	border: 0px;
	margin: 15px 0px;
	color: #f4d291;
	overflow: hidden;
	background-color: #f4d291;
	}

dl.tbl {
	overflow: hidden;
	}
dl.tbl dd {
	margin-bottom: 1.4em;
	}
dl.tbl dt {
	font-weight: bold;
	}
dl.tbl .small {
	float: left;
	width: 50%;
	margin-bottom: 0px;
	}

input.submit,
#send,
p.readmore {
	border: 0;
	height: 19px;
	line-height: 14px;
	text-align: right;
	margin-top: 25px;
	background: url('/image/readmore.png') no-repeat right top;
	}
input.submitWhite,
.orange p.readmore,
.darkgray p.readmore {
	background-image: url('/image/readmore-white.png');
	}
p.readmore a {
	color: #e5e4e4;
	font-size: 11px;
	text-decoration: none;
	padding: 4px 21px 0px 20px;
	}
.orange input.submitWhite,
.orange p.readmore a {
	color: #f59c17;
	}
.darkgray input.submitWhite,
.darkgray .readmore a {
	color: #757376;
	}
.darkshadow .readmore a {
	color: #eeeeee;
	}

#send {
	float: right;
	color: #E5E4E4;
	height: 26px;
	padding-right: 25px;
	background-position: right bottom;
	}
input.submit {
	width: 100%;
	height: 26px;
	font-size: 11px;
	line-height: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 35px;
	margin-top: 10px;
	background-position: right bottom;
	}
.button {
	overflow: hidden;
	}
#container .button a {
	float: left;
	display: block;
	width: 85px;
	height: 19px;
	line-height: 14px;
	color: #f59c17;
	padding-left: 15px;
	text-decoration: none;
	background: url('/image/readmore-white.png') no-repeat right top;
	}

ul.styled,
ul.styled ul,
ul.styled li {
	margin: 0px;
	padding: 0px;
	}
ul.archive {
	margin-top: 20px;
	}


/** LAYOUT **/

#container {
	}
#siteBg {
	background: #ffffff;
	}
#wrapper {
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 20px;
	}
#hp #wrapper {
	padding-bottom: 0px;
	}


/** HEADER **/

#header {
	clear: both;
	height: 214px;
	height: 150px;
	background: url('/image/header.jpg') no-repeat 0px -50px;
	}

#logo {
	height: 160px;
	height: 70px;
	height: 56px;
	margin-left: 12px;
	padding-top: 90px;
	padding-top: 40px;
	}
#logo a {
	width: 372px;
	display: block;
	text-decoration: none;
	}


/** NAVIGATION **/

#navigation {
	clear: both;
	height: 54px;
	overflow: hidden;
	padding-left: 5px;
	}
#nav {
	overflow: hidden;
	}
#nav,
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav ul {
	display: none;
	background-color: skyblue;
	}
#nav a {
	width: 160px;
	height: 41px;
	color: #636363;
	line-height: 41px;
	display: block;
	padding-top: 7px;
	padding-right: 4px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: url('/image/nav.png') no-repeat -164px 0px;
	}
#nav li {
	float: left;
	width: 164px;
	height: 48px;
	padding-top: 6px;
	margin-right: -6px;
	}
#nav .active, #nav .open {
	height: 54px;
	}
#nav .active a, #nav .open a {
	height: 48px;
	color: #515151;
	padding-top: 6px;
	background: url('/image/nav.png') no-repeat -164px -54px;
	}
#nav li.first a {
	background-position: 0px 0px;
	}
#nav li.first.active a {
	background-position: 0px -54px;
	}

#nav li.last a {
	background-position: -328px 0px;
	}
#nav li.last.active a {
	background-position: -328px -54px;
	}

#nav li ul {
	position: absolute;
	width: 20em;
	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;
	}


/** CONTENT - DEFAULT **/
#breadcrumb .active {
	color: #f39912;
	}
.blogDetails img {
	margin-top:10px;
}

/** CONTENT - NAVBAR **/

#navbar {
	float: left;
	width: 300px;
	background: url('/image/navbar-mdl.gif') repeat-y left top;
	}
#navbar .content {
	background: url('/image/navbar-top.gif') no-repeat left top;
	}
#navbar .nav {
	padding: 20px 20px 40px 20px;
	background: url('/image/navbar-btm.gif') no-repeat left bottom;
	}
#navbar .open a,
#navbar .active a,
#navbar .open ul .active a {
	color: #f39912;
	}
#navbar ul ul {
	display: none;
	}
#navbar li.open ul,
#navbar li.active ul {
	display: block;
	}
#navbar ul a,
#navbar .open ul a,
#navbar .active ul a {
	font-size: 16px;
	line-height: 32px;
	color: #cecece;
	display: block;
	border-bottom: 1px solid #7b797c;
	text-decoration: none;
	}
#navbar ul ul {
	padding: 8px 0px;
	border-bottom: 1px solid #7b797c;
	}
#navbar ul ul li {
	color: #cecece;
	/*
	margin-left: 14px;
	list-style: square;
	padding-left: 10px;
	*/
	padding-left: 22px;
	background: url('/image/navbar-bullet.gif') no-repeat 3px 13px;
	}
#navbar ul ul a,
#navbar .open ul a,
#navbar .active ul a {
	font-size: 11px;
	border-bottom: 0px;
	}


/** CONTENT - HOMEPAGE **/

#flashIntro {
	}

h1#slogan {
	height: 3.2em;
	height: 1.6em;
	height: 40px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.6;
	font-weight: normal;
	}

#homeIntro {
	height: 224px;
	height: 260px;
	margin-bottom: 20px;
	overflow: hidden;
	background: url('/image/dot.gif') repeat-y 300px 0px;
	}
#homeIntro h3 {
	color: #f59c17;
	}
#homeIntro a {
	color: #000000;
	text-decoration: none;
	}

#newsletter .content {
	color: #ffffff;
	/* height: 165px; */
	}

#sideNewsltr p,
#newsletter p {
	margin-top: 5px;
	}


#newsletter .content h3 {
	color: #ffffff;
	}
#newsletter form {
	margin-top: 20px;
	}
#newsletter input {
	width: 98.5%;
	}
#newsletter .submit {
	width: 100%;
	}
#sideNewsltr input {
	width: 175px;
	}
#sideNewsltr .submit {
	width: 180px;
	}

#contact .content {
	height: 220px;
	}
#contact .readmore {
	margin-top: 10px;
	}

#homeNewsContent {
	height: 255px;
	background: #403d41 url('/image/bg-darkshadow-home.png') no-repeat;
	}
#news .content h3 {
	margin-bottom: 15px;
	}
#news .content h3 a {
	color: #fefefe;
	}
#news .content .date {
	color: #f59c17;
	}

#poll .content {
	min-height: 187px;
	}
#poll .content h3 {
	color: #ffffff;
	}
#poll .question {
	font-weight: bold;
	margin-bottom: 10px;
	}
#poll .bar {
	height: 15px;
	background: #ffffff;
	}
#poll .bar-container strong {
	color: gray;
	margin-top: -19px;
	margin-left: 5px;
	position: absolute;
	}


/** CONTENT - GENERATOR **/

#content {
	float: left;
	width: 640px;
	}
.cp #content {
	width: 620px;
	margin-left:20px;
}

#sidebar {
	float: left;
	width: 300px;
	}
#sidebarContact {
	padding-left: 20px;
	}
#hp .content {
	margin-bottom: 20px;
	}


/** CONTENT - WORK **/

.td2 div.workBlock1,
.td2 div.workBlock3 {
	float: right;
	padding-right: 0px;
	}

#workPorjects .clear {
	padding-top: 5px;
	}

.parentOfProjects .content {
	overflow: hidden;
	}
.parentOfProjects .item {
	width: 415px;
	float: left;
	}
.parentOfProjects .item2 {
	float: right;
	}

#projectLinks {
	list-style:none;
	margin-left:0px;
}

#projectLinks li {
	float:left;
	width:195px;
	background: url(/image/navbar-bullet.gif) no-repeat left;
	padding-left:10px;
}

/** OPDRACHTGEVERS **/

.client {
	float: left;
	width: 184px;
	height: 125px;
	border-left: 1px solid #e5e5e5;
	}
.clientFirst {
	border-left: 0;
	}

.client .figure {
	float: none;
	display: block;
	text-align: center;
	height: 125px;
	line-height: 125px;
	}
.client .figure a {
	height: 125px;
	line-height: 125px;
	}
.client .figure img {
	border: 0px;
	display: inline;
	vertical-align: middle;
	}
.client .tooltip {
	left: -999em;
	z-index: 10;
	width: 230px;
	padding: 38px 0px 0px 0px;
	margin-left: -22px;
	position: absolute;
	background: url('/image/client-tooltip.png') no-repeat left top;
	}
.client .tooltipInlay {
	padding: 0px 20px 20px 20px;
	background: url('/image/client-tooltip-btm.png') no-repeat left bottom;
	}
.client:hover {
	background: #ffffff;
	}
.client:hover .tooltip,
.sfhover .tooltip {
	left: auto;
	}
.client .tooltip h3 {
	color: #ffffff;
	}
.client .tooltip,
.client .tooltip p {
	color: #f39912;
	}

.clientSeperator {
	clear: both;
	height: 40px;
	background: url('/image/client-line.gif') repeat-x left center;
	}


/** CONTACT **/

#addrContainer h3 {
	color: #f39912;
	margin-top: 30px;
	margin-bottom: 5px;
	}
#addrContainer a {
	color: #f39912;
	}


#map {
	float: none;
	clear: both;
	margin-top: 10px;
	}


/** CONTENT ABOUT  **/

#workContent {
	height: 267px;
	background: url('/image/bg-darkshadow-wij.png') no-repeat;
	}
#workContent h3 {
	color: #f39912;
	margin-top: 10px;
	}

#aboutPersonInfo h3,
#aboutPersonInfo .h3 {
	}

.orange #aboutPersonInfo h3,
.orange #aboutPersonInfo .h3 {
	color: #f39912;
	color: black;
	}

#aboutPersonInfo h3 {
	padding: 10px 0px;
	font-weight: bold;
	}
#aboutPersonInfo h4.h3 {
	}
#aboutPersonInfo .figure {
	float: none;
	clear: both;
	margin-bottom: 20px;
	}

#aboutPersonInfo .button a {
	margin-left: 30px;
	}

#aboutBuilding,
#aboutBuilding ul {
	width: 595px;
	height: 573px;
	}
#aboutBuilding {
	float: right;
	margin-right: -25px;
	}
#aboutBuilding ul,
#aboutBuilding li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#aboutBuilding ul {
	position: relative;
	background: url('/image/about-building.png') no-repeat;
	}
#aboutBuilding li,
#aboutBuilding a {
	width: 20px;
	height: 90px;
	display: block;
	}
#aboutBuilding li {
	position: absolute;
	}
#aboutBuilding a {
	text-indent: -999em;
	}
#aboutLink-1 { top: 153px; left: 43px; }
#aboutLink-2 { top: 153px; left: 230px; }
#aboutLink-3 { top: 153px; left: 357px; }
#aboutLink-4 { top: 153px; left: 450px; }
#aboutLink-5 { top: 300px; left: 25px; }
#aboutLink-6 { top: 300px; left: 80px; }
#aboutLink-7 { top: 300px; left: 225px; }
#aboutLink-8 { top: 300px; left: 315px; }
#aboutLink-9 { top: 300px; left: 388px; }
#aboutLink-10 { top: 300px; left: 465px; }
#aboutLink-11 { top: 460px; left: 157px; }
#aboutLink-12 { top: 460px; left: 208px; }
#aboutLink-13 { top: 460px; left: 438px; }


/** NEWS **/

.darkshadow .newsItem h3 {
	color: #ffffff;
	}
.darkshadow .newsItem h3 strong {
	color: #f39912;
	}

.newsItem {
	margin: 7px 0px 13px 0px;
	}
.newsItem a {
	text-decoration: none;
	}

#newsContent {
	height: 489px;
	background: url('/image/bg-darkshadow-news.png') no-repeat;
	margin-bottom:0px;
	}
#newsContent .archive {
	clear:both;
}
#newsContent .styled a {
	text-decoration: none
	}
#newsContent .archive li strong {
	font-weight: normal;
	color: #f39912;
	}

#blog ul.styled a {
	color: gray;
	}
#hp #blog .content {
	height: 280px;
	}

#newsSidebar {
	padding-top: 1px;
	}
#newsSidebar h3 {
	margin-top: 20px;
	}
#newsSidebar .readmore {
	margin-top: 10px;
	}

#pollQuestion {
	color: #ffffff;
	}

.tweet {
	overflow: hidden;
	display: block;
	padding-left: 60px;
	}
.tweet .figure {
	margin-left: -60px;
	position: absolute;
	}
.tweet em {
	font-size: 90%;
	}


/** FOOTER **/

#hp #footCopy {
	padding: 0px;
	margin-top: -45px;
	position: relative;
	}

#footCopy {
	padding: 10px 0px;
	}
#cp #footCopy {
	overflow: hidden;
	}
#footCopy strong {
	color: #f59c17;
	}
#footCopy img {
	width: 15px;
	height: 15px;
	vertical-align: middle;
	}
#footCopy p,
#footCopy a {
	color: #b3b1b1;

	}
#footCopy p {
	float: left;
	width: 363px;
	}

#footer {
	clear: both;
	overflow: hidden;
	border-top: 20px solid #ffffff;
	padding-top: 30px;
	}

#footer h4,
#footer p,
#footer a {
	color: #73797d;
	font-size: 12px;
	text-decoration: none;
	}

.footerList {
	float: left;
	width: 150px;
	padding: 10px;
	margin: 0px 10px;
	border: 1px solid #373437;
	background: #1f1c20;
	}
.footerList h4 {
	font-weight: bold;
	margin-bottom: 8px;
	}
.footerList ul.styled li {
	padding-left: 7px;
	background: url('/image/footliststyle.gif') no-repeat 0px 10px;
	}

#rssfeeds {
	width: 100px;
	float: left;
	}
#rssfeeds li:hover ul,
#rssfeeds li.sfhover ul {
	left: auto;
	}
#rssfeeds ul {
	padding: 5px 10px;
	left: -999em;
	margin-top: -10px;
	margin-left: 10px;
	position: absolute;
	background: #ffffff;
	border: 1px solid #DDDDDD;
	}
#rssfeeds a {
	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;
	}
form .FormCheckbox input,
form .FormRadioButton input {
	width: auto;
	}


/** INFO BOX **/
.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 */
	}

/** GENERATOR **/
.td2 .fixHeight{
	padding-right:3%;
	width:97%;
}


.parentOftypeImage {
	overflow: hidden;
}
	
#socialbar {
    margin-top: 40px;
	list-style: none;
	padding: 0;
	margin-left: 0;
	height: 2px;
}

#socialbar li {
	margin: 0;
	padding: 0;
	padding-right: 14px;
	display: inline;
	float: left;
}

#socialbar a {
	display: block;
	text-indent: -999em;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center center;
}

#socialbar a.twitter { background-image: url(/image/socialmedia_icons/disabled/twitter.png); }
#socialbar a.google { background-image: url(/image/socialmedia_icons/disabled/google.png); }
#socialbar a.linkedin { background-image: url(/image/socialmedia_icons/disabled/linkedin.png); }
#socialbar a.facebook { background-image: url(/image/socialmedia_icons/disabled/facebook.png); }
#socialbar a.nujij { background-image: url(/image/socialmedia_icons/disabled/nujij.png); }
#socialbar a.delicious { background-image: url(/image/socialmedia_icons/disabled/delicious.png); }
#socialbar a.hyves { background-image: url(/image/socialmedia_icons/disabled/hyves.png); }

#socialbar a.twitter:hover { background-image: url(/image/socialmedia_icons/twitter.png); }
#socialbar a.google:hover { background-image: url(/image/socialmedia_icons/google.png); }
#socialbar a.linkedin:hover { background-image: url(/image/socialmedia_icons/linkedin.png); }
#socialbar a.facebook:hover { background-image: url(/image/socialmedia_icons/facebook.png); }
#socialbar a.nujij:hover { background-image: url(/image/socialmedia_icons/nujij.png); }
#socialbar a.delicious:hover { background-image: url(/image/socialmedia_icons/delicious.png); }
#socialbar a.hyves:hover { background-image: url(/image/socialmedia_icons/hyves.png); }