/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
img {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}

body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables benodigen nog 'cellspacing="0"' in de markup */
table {border-collapse:collapse; border-spacing:0;}

/* MAIN */

html, body {font-family:"Georgia"; font-size:12px; color:#959595; line-height:18px; overflow-x:hidden;}
body {background-color:#bd0006;}
/* Hide all cufon replacement items on loading */
.cufon-loading {visibility: hidden !important;}

/* LAYOUT */

#background {position:absolute; top:0; width:100%; height:100%; z-index:0;}
#outerWrap {position:absolute; top:0; left:50%; width:871px; margin-left:-435px; z-index:2;}
#wrap {width:871px; margin:0 auto; background:url("../images/wrapShadow.png") repeat-y; position:relative;}
	#main {margin:0 30px; padding-bottom:20px;}
		#leftCol {width:580px; margin-right:20px; float:left;}
			#mainmenu {height:67px; position:relative;}
			.topleft, #content {clear:both;}
		#rightCol {width:211px; float:left; padding-bottom:20px;}
			#logo_R {width:211px; height:258px;}
	#footer {clear:both; min-height:156px; padding:10px; background-color:#e5e5e5;}

/* MAIN MENU */

#mainmenu ul {position:absolute; top:30px; left:0px;}
#mainmenu a {background-position:left top; background-repeat:no-repeat; text-transform:uppercase; font-size:18px; color:#535353; font-weight:bold; letter-spacing:2px; border:0 !important;}
#mainmenu a:hover, #mainmenu a.selected {color:#ff2222; background-position:left bottom;}
#mainmenu li {float:left; padding:0 14px; background:url("../images/mainmenuSeparator.png") no-repeat right 5px;}
#mainmenu li.menuitem_5 {background:none; padding-right:0;}
#mainmenu li.menuitem_0 {padding-left:0;}

/* NEWS */

#newsitems {margin-bottom:10px;}
.newsitem {clear:both; margin-bottom:20px;}
.socialBar, .infoBar {text-transform:uppercase; font-size:10px; letter-spacing:1px;}
.socialBar a, .infoBar a {color:#000; border:0 !important;}
.socialBar {height:30px; background:url("../images/line.png") repeat-x left bottom;}
	.readmore {float:left;}
	.social {float:right;}
.infoBar {padding:10px 0; background:url("../images/lineSolid.png") repeat-x left bottom;}
	.infoBar div {float:left; }
		.infoBar .separator {width:15px; height:18px; background:url("../images/infoBarSeparatorBg.png") no-repeat center 4px;}
		.infoBar .tags {width:250px;}
			.infoBar .tags a {color:#000;}
			.infoBar .tags dt {float:left; width:37px !important; font-weight:normal !important;}
			.infoBar .tags dd {float:left; width:210px; color:#000;}
		.infoBar .title {padding-right:5px;}
		.infoBar .comma {padding-right:3px;}
	.infoBar .reactions {float:right;}

/* Social sharing links */
.social a {display:inline-block; height:16px; line-height:16px; margin-left:3px; background-image:url("../images/social-icons.png"); background-repeat:no-repeat; text-indent:-9999px;}
.social span {margin-right:15px;}
.facebook {width:16px; background-position:0 bottom;}
.facebook:hover {background-position:0 top;}
.digg {width:18px; background-position:-16px bottom;}
.digg:hover {background-position:-16px top;}
.twitter {width:15px; background-position:-34px bottom;}
.twitter:hover {background-position:-34px top;}
.delicious {width:16px; background-position:-49px bottom;}
.delicious:hover {background-position:-49px top;}
.hyves {width:16px; background-position:-65px bottom;}
.hyves:hover {background-position:-65px top;}
.blogger {width:16px; background-position:-81px bottom;}
.blogger:hover {background-position:-81px top;}

/* REACTIONS */

#comments {margin:0 0 5px 0;}
	#comments h3 {text-transform:uppercase; font-size:24px; height:24px; padding:20px 0 10px 0;}
	#comments h3 span {padding-left:32px;}
	.comment {background-color:#e5e5e5; padding:10px;}
		.commentInfo {width:97px; margin-right:10px; float:left;}
			.commentInfo p {margin:0 !important;}
		.commentContent {width:453px; float:left; position:relative;}
			.commentDate {position:absolute; right:0; top:0;}
			.commentContent h4 {font-family:"Georgia"; font-size:12px; font-weight:bold;}
			.extraInfo {margin-bottom:20px; width:370px; letter-spacing:1px;}
	.commentSeparator {height:35px; background:url("../images/line.png") repeat-x left center;}
	#addComment {display:none; background:url("../images/line.png") repeat-x left bottom; padding-bottom:20px;}
		#addComment form {padding:10px 10px 2px 10px; background:#e5e5e5;}
			#addComment .row {margin-bottom:10px;}
				#addComment form label {width:124px;}
				#addComment form .field {width:180px;}
				#addComment form .titleField {width:420px;}
				#addComment form textarea {width:420px; height:100px;}
				#addComment form .captchaImg {margin-left:127px;}
				#addComment form .button {margin-left:127px; background-image:url("../images/button-bg.png");}

/* EMPLOYEES ROTATOR */

#employeesRotator {margin-bottom:20px; background:#fff;}
#employeesRotator h2 {line-height:60px;}
#employeesRotator div {float:left;}
#employeesRotator .employeeImage {width:279px;}
#employeesRotator .employeeContent {width:281px; padding-left:20px;}
	#employeesRotator h3, #employeesRotator h4 {text-transform:uppercase; letter-spacing:1px;}
	#employeesRotator h3 {font-size:16px; line-height:11px; margin-bottom:8px;}
	#employeesRotator h4 {font-size:10px;}
	#employeesRotator blockquote {font-size:16px; letter-spacing:1px; font-style:italic; line-height:20px; margin-top:17px; padding:15px 20px 0 0; min-height:69px; background:url("../images/line.png") repeat-x left top;}
	#employeesRotator .readmore {text-align:right; width:100%; padding-bottom:7px; background:url("../images/line.png") repeat-x left bottom;}
		#employeesRotator .readmore a {color:#000; font-size:10px; text-transform:uppercase; border:0 !important;}

/* FOOTER */

#footer a {color:#959595; border:0 !important;}
#footer ul a {font-size:11px;}
#footer #topBar {height:37px; margin-bottom:8px; background:url("../images/logoFooter.png") no-repeat; border-bottom:#aaaba5 1px solid;}
	#footerMenu {float:right; padding-top:5px;}
		#footerMenu li {float:left;}
		#footerMenu li.separator {margin:0 7px; line-height:20px;}
		#footerMenu a {font-family:"Tahoma"; letter-spacing:1px; font-size:12px !important; text-transform:uppercase;}
#footerContent ul {float:left; width:195px;}

/* BLOCKS */

/* Default styles blocks right column */
#rightCol .block {background:url("../images/line.png") repeat-x left top; width:100%; margin-bottom:30px;}
	#rightCol .block h3 {text-transform:uppercase; font-size:24px; height:20px; padding:12px 0 12px 0; background-position:left 12px; background-repeat:no-repeat; width:100%; overflow:hidden;}
#rightCol .html .contentBlock {letter-spacing:1px;}

/* Top Right (logo "R") */
#rightCol .topright {margin:0; margin-bottom:-1px; background:none;}

/* Background block */
.background-default {position:fixed; top:0; left:0; width:100%; height:100%; z-index:1; background-image:url("../images/bodyBg.jpg"); background-color:#bd0006; background-repeat:repeat-x; background-position:bottom;}
.blockBackground {position:fixed; top:0; left:0; width:100%; height:100%; z-index:2;}

/* Logo blocks */
.blockLogo {position:absolute; width:72px; height:315px; margin:0; background:none;}
	.blockLogo a {display:block; border:0 !important;}
.blockLogoLeft {top:258px; left:-73px;}
.blockLogoRight {top:258px; right:-73px;}

/* Header img */
#headerImg {min-height:2px; background:url("../images/line.png") repeat-x left bottom; padding-bottom:2px; margin-bottom:20px;}

/* Search */
#rightCol .search .field {margin-bottom:10px;}
#rightCol .search label {display:block; font-family:"Tahoma"; cursor:pointer; background:url("../images/line.png") repeat-x left bottom; line-height:22px !important; height:22px !important; padding:0 !important; color:#959595; font-size:10px !important; text-transform:uppercase;}
#rightCol .search label:hover, #rightCol .search label.selected {color:#ff2222;}
#rightCol .search input.radiobutton {width:15px; display:none;}

#blockSearch ul {padding-bottom:10px; margin-top:5px; background:none !important;}
	#blockSearch a {display:block; cursor:pointer; background:url("../images/line.png") repeat-x left bottom; line-height:22px !important; height:22px !important; padding:0 !important; color:#959595; font-size:10px !important; text-transform:uppercase;}
	#blockSearch a.selected {color:#ff2222 !important;}

/* Tags */
#rightCol .tags {overflow:hidden;}
#rightCol .tags a {color:#959595; padding:0 1px; border:0 !important;}

/* Rss */
.rss {margin-bottom:0px !important;}
.rss h3 a {position:relative; bottom:-1px; display:inline-block; border:0; width:16px; height:16px; background:url("../images/icon_rss.png") no-repeat; margin-left:10px;}
.rss h3 span {display:none;}

/* LinkedIn */
.linkedin {margin-bottom:0px !important; background:none !important;}
.linkedin h3 a {position:relative; bottom:-1px; display:inline-block; border:0; width:16px; height:16px; background:url("../images/icon_linkedin.png") no-repeat !important; padding:0 !important; margin-left:10px;}
.linkedin h3 span {display:none;}

/* Tweets */
#blockTweets {width:211px; height:305px; overflow:hidden;}
#tweets, #tweet {background:url("../images/line.png") repeat-x left bottom;}
.tweet {background:url("../images/line.png") repeat-x left top; padding:9px 5px 2px 0;}
.tweetAvatar {float:left; width:47px; height:47px; overflow:hidden; margin-right:7px; margin-bottom:6px;}
.tweetContent {float:left; width:152px; font-family:"Georgia";}
	.tweetContent p {line-height:16px;}
	.tweetContent .message {font-size:14px; font-style:italic; color:#000; height:33px; overflow:hidden;}
	.tweetContent .readmore {line-height:12px;}
		.tweetContent .readmore a {color:#959595; font-size:10px; text-transform:uppercase; border:0;}

/* Blogroll */
#rightCol .block ul {background:url("../images/line.png") repeat-x left top; width:211px;}
	#rightCol .block ul a {font-family:"Tahoma"; font-size:11px; display:block; background:url("../images/line.png") repeat-x left bottom; line-height:15px; height:15px; padding:6px 0 2px 0; color:#959595; letter-spacing:1px; text-transform:uppercase; border:0 !important;}

/* EMPLOYEE */

#employee .topright {position:absolute; top:0; left:630px;}
/*#employee #blockTweets {position:absolute; top:258px; left:630px;}*/
#employee #blockTweets {margin:258px 0 130px 0;}
#employee .linkedin {position:absolute; top:655px; left:630px;}
#employee #content {}

/* OVERVIEW */

#overview {clear:both; padding:30px 0; background:url("../images/lineSolid.png") repeat-x left top;}
#detailView #overview {background:none; padding-top:5px;}
	#overview .last {margin-right:0;}
	.overviewItem {width:235px; height:auto; float:left; margin:0 53px 10px 0;}
		.overviewItemImage {background:url("../images/line.png") repeat-x left bottom; padding-bottom:6px;}
		.overviewItemImage a {border:0 !important;}
		.overviewItemContent {height:65px; overflow:hidden; letter-spacing:1px;}
			.overviewItemContent h3 {text-transform:uppercase; font-weight:bold; margin-top:7px; height:20px; overflow:hidden;}
			.overviewItemContent h3 a {color:#000; border:0;}
		.overviewItemBottom {background:url("../images/lineSolid.png") repeat-x left bottom; height:10px;}
	.overviewItemEmployee .overviewItemContent {height:45px;}

/* DETAIL PAGES */

/* Intro heading and text */
#intro {background:url("../images/line.png") repeat-x left bottom; height:193px;}
	#intro p {margin-bottom:10px !important;}
	#intro h1 {background:url("../images/line.png") repeat-x left top; margin:0; line-height:60px;}
		#intro h1 span {font-size:14px;}
	#intro .content {padding-right:20px; height:90px; overflow:hidden;}
	#intro .back {text-align:right;}
		#intro .back a {font-size:11px; letter-spacing:2px; color:#000; text-transform:uppercase; border:0;}

/* Media rotator */
.mediaRotator {position:relative; width:580px; height:370px; margin-bottom:20px;}
	.mediaRotator h2 {height:60px; line-height:60px; margin:0 !important; overflow:hidden;}
	.mediaRotatorContent {width:580px; height:310px;}
	.mediaRotatorContent img {border:#dcdcdc 1px solid;}
	.mediaRotator .nav {width:211px; height:66px; position:absolute; bottom:0; right:-231px;}
	#projectDetails .mediaRotator .nav {height:24px; width:211px; overflow:hidden;}
	.mediaRotator .nav .links {height:24px; line-height:21px; background:url("../images/projectrotatorNavBg.png") repeat-x;}
	.mediaRotator .nav a {font-family:"Tahoma"; color:#959595; font-size:11px !important; text-transform:uppercase; border:0;}
	.mediaRotator .nav span {padding:0 4px; font-size:10px;}
	.mediaRotator h3 {text-transform:uppercase; font-size:24px; padding:9px 0;}
	#projectDetails h3 {display:none;}
	#projectDetails .mediaRotatorContent h2 {display:none;}
	#projectDetails .mediaRotator {height:310px;}

/* Project details */
#projectDetails {background:url("../images/line.png") repeat-x left bottom;}
	#projectDetails dt {font-weight:normal !important;}
	#projectDetails .back {text-align:right; padding:10px 0 8px 0;}
		#projectDetails .back a {font-size:11px; letter-spacing:2px; color:#000; text-transform:uppercase; border:0;}

/* Project info */
.projectInfo {background:url("../images/line.png") repeat-x left top; padding-top:7px; margin-top:25px; position:relative;}
	.clientLogo {position:absolute; top:0; right:-231px;}
	.separatorLine {clear:both; height:11px; background:url("../images/line.png") repeat-x left center;}
	.projectInfo dt {float:left; width:110px; font-size:10px; text-transform:uppercase; letter-spacing:1px;}
	.projectInfo dd {float:left; width:470px;}
	.projectName, .projectYear, .projectCategories {font-size:10px; color:#000; text-transform:uppercase; letter-spacing:1px;}
		.projectCategories a {color:#000;}
		.projectCategories span {padding:0 5px;}

/* SEARCH PAGE */

#searchPage label {width:140px; line-height:22px;}
#searchPage form {margin-bottom:20px;}
#searchPage .field {width:200px;}
#searchPage .button {color:#000; width:100px; background:none; text-transform:uppercase; font-weight:bold;}
#searchPage .button:hover {color:#ff2222;}
#searchPage a {color:#000;}

.searchInfo {background:#e5e5e5; padding:10px 10px 1px 10px; margin-bottom:20px;}
.searchInfo .closest {font-weight:bold;}
.searchInfo .resultsAmount {margin-bottom:10px !important;}

.searchResult {border-bottom:#e5e5e5 1px solid; padding-bottom:10px; margin-bottom:10px;}
.searchResult .number {display:inline-block; width:25px;}
.searchResult .result {font-weight:bold;}
.searchResult .highlight {background:#ff2222; color:#fff;}
.searchResult .path {padding-left:25px; font-style:italic;}
.searchResult .resultcontent {padding-left:25px;}
.searchResult .gotofoundpage {padding-left:25px;}

.searchNav {text-align:right; list-style-type:none !important; padding:0 !important; margin:0 !important; margin-bottom:10px !important;}
.searchNav li {display:inline; margin-right:5px;}
.searchNav a.selected {color:#ff2222 !important;}

/* FORMS */

form {}
fieldset {}
label {display:inline-block; vertical-align:top; padding-top:2px; letter-spacing:1px;}
input, textarea, select {font-family:"Georgia"; font-size:12px; width:150px;}
select {}

.field, textarea {border:#959595 1px solid; padding:3px;}
.button {display:block; width:80px; height:22px; background-color:transparent; background-image:url("../images/button-bg.png"); background-position:top; background-repeat:no-repeat; text-indent:-9999px; color:#fff; border:0; cursor:pointer;}
.button:hover {background-position:bottom;}

/* Basicform */
.basicForm {margin-bottom:20px;}
.basicForm p {margin:0 !important;}
.basicForm .row {margin-bottom:10px;}
.basicForm #captcha {margin-bottom:10px;}
.basicForm #captcha p {margin-bottom:10px !important;}
.basicForm #captchaImage {margin-bottom:5px;}
.basicForm #captchaImage img {border:#959595 1px solid;}
.basicForm .file {width:250px !important;}
.form-send-txt {font-weight:bold;}

/* Basicform in left column */
#leftCol .basicForm label {width:150px;}
#leftCol .basicForm .field {width:250px;}
#leftCol .basicForm textarea {width:250px; height:150px;}
#leftCol .basicForm .requiredFields, #leftCol .basicForm #captcha {padding-left:150px;}
#leftCol .basicForm .button {margin-left:150px;}

/* CLEARFIX */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* CLASSES */

.go-back a {font-size:10px !important; color:#000 !important; border:0 !important; letter-spacing:1px !important; text-transform:uppercase;}
.go-back a:hover {color:#ff2222 !important;}
.clearer {clear:both;} /* 'clearen' van voorafgaande floats */
.error {}
.required {}

/* ELEMENTS */

h1, h2, h3, h4 {color:#000; font-weight:normal;}
h1, h2 {font-size:30px; line-height:40px; font-style:italic; margin-bottom:15px; letter-spacing:1px;}
h2.linesTopBottom {text-transform:uppercase; font-size:26px; background:url("../images/linesTopBottom.png") repeat-x; height:42px; line-height:38px; margin-top:25px;}
h2.blog-title {background:url("../images/line.png") repeat-x bottom; text-transform:uppercase; font-size:24px; line-height:20px; height:20px; padding:10px 0 13px 0; width:100%;}

a {color:#959595; border-bottom:1px solid; text-decoration:none;} /* algemene links */
a:hover {color:#ff2222 !important; border-bottom:2px solid;}

#content p {margin-bottom:20px; letter-spacing:1px;}

#content a {} /* links binnen content area */
#content a:hover {}

#content ol {list-style-type:decimal; padding:0 0 20px 17px; letter-spacing:1px;} /* ordered lists in div "content" */
#content ul {list-style-type:disc; padding:0 0 20px 17px; letter-spacing:1px;} /* unordered lists in div "content" */

#content dt {float:left; width:100px; font-weight:bold;}
#content dd {float:left;}

strong {font-weight:bold;}
italic {font-style:italic;}
em {font-style:italic;}
u {text-decoration:underline;}
sup {vertical-align:super;}
sub {vertical-align:sub;}