@charset "utf-8";
/* CSS Document */

html, body	{ margin: 0; background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; }
body	{ overflow-y: scroll; }
img		{ border: 0; }
a		{ color: #FFFFFF; text-decoration: none; }
a:hover	{ color: #000000; }
.clear	{ display: block; float: none; clear: both; font-size: 1px; line-height: 1px; }

h1	{ width: 560px; }

#container	{ width: 970px; margin: auto; }

/* MENU */
#menu		{ width: 300px; height: 20px; position: absolute; z-index: 10; margin: 19px 0 0 628px; }
a.menuitem			{ position: absolute; /*background: #000000; padding: 1px 2px;*/ font-size: 12px; color: #FFFFFF; text-decoration: none; }
a.menuitem:hover	{ position: absolute; /*background: #000000;*/ }

#missie			{ top: 0; left: 72px; }
#mogelijkheden	{ top: 20px; left: 92px; }
#projecten		{ top: -5px; left: 170px; }
#mensen			{ top: 42px; left: 16px; }
#merken			{ top: 62px; left: 0; }
#logoMenu		{ position: absolute; top: 38px; left: 92px; }
#meer			{ position: absolute; background: #ed1c24; /*padding: 1px 2px;*/ font-size: 12px; color: #FFFFFF; top: 83px; left: 155px; }
#contact		{ top: 126px; left: 150px; font-size: 9px; padding: 2px; }
#jobs			{ top: 101px; left: 187px; font-size: 9px; padding: 2px; }
#nieuws			{ color: #FFFFFF; top: 121px; left: 220px; font-size: 9px; }

/* CONTENT */
#content	{ width: 725px; min-height: 355px; /*max-height: 355px;*/ float: left; float: left; margin: 130px 0 0 0; background: url(../images/dummyblock.gif) repeat-y left top; }
#leftRow	{ width: 145px; height: 355px; max-height: 355px; float: left; }
#rightRow	{ float: left; background: #ed1c24; height: 355px; max-height: 355px; }

.merk	{ width: 140px; height: 85px; float: left; text-align: center; margin: 0 5px 5px 0; font-weight: bold; }
.mens	{ width: 140px; height: 85px; float: left; margin: 0 5px 5px 0; }
.smallbrand	{ font-size: 12px; }
a.block		{ text-decoration: none; color: #FFFFFF; }

.floatblockLt	{ display: none; position: absolute; z-index: 10; margin: 0 0 0 145px; }
.floatblockRt	{ display: none; position: absolute; z-index: 10; margin: 0 0 0 -290px; }
.floatblockLb	{ display: none; position: absolute; z-index: 10; margin: -90px 0 0 145px; }
.floatblockRb	{ display: none; position: absolute; z-index: 10; margin: -90px 0 0 -290px; }

.oneblock	{ width: 140px; height: 85px; background: #ed1c24; }

#leftRow img	{ margin: 0 0 5px 0; }
#rightRow h1	{ margin: 9px 0 11px 13px; font-size: 14px; text-transform: uppercase; color: #FFFFFF; }
#rightRow span	{ display: block; width: 417px; margin: 0px 150px 11px 13px; font-size: 11px; color: #FFFFFF; padding: 0; }
#rightRow p		{ margin: 0 0 11px 0; }

/* people */
.people 	{ }
.peopleInfo	{ width: 285px; height: 175px; background: #ed1c24; }
.people h1	{ margin: 3px 5px 5px 5px; font-size: 14px; color: #FFFFFF; }
.people span	{ display: block; margin: 0 5px 10px 5px; font-size: 11px; color: #FFFFFF; }
.people p	{ margin: 0 0 10px 0; }
.people a	{ margin: 0 !important; }

/* cases */
.case	{ }
.caseBinary	{ width: 140px; height: 85px; background: #999999; float: left; margin: 0 5px 5px 0; }
.caseText	{ width: 575px; height: 85px; background: #ed1c24; float: left; margin: 0 5px 5px 0; }
.caseText h1	{ margin: 7px 13px 3px 13px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; }
.caseText span	{ display: block; margin: 0 13px 7px 13px; font-size: 11px; color: #FFFFFF; }
.caseText p		{ margin: 0 0 7px 0; }

.caseText a		{ color: #FFFFFF; font-size: 10px; text-decoration: none; padding: 2px 3px 3px 3px; text-transform: lowercase; background: #000000; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; float: right; margin: 66px 0 0 0; }
.caseText a.normal		{ color: #FFFFFF; font-size: 11px; text-decoration: underline; padding: 0; text-transform: lowercase; background: none; border: none; float: none; margin: 0; }
.caseText a.normal:hover		{ background: none; }


.navigatie { float: right; margin: -19px 0 0 0; }
.navigatie a { color: #FFFFFF; font-size: 10px; text-decoration: none; padding: 2px 3px 3px 3px; text-transform: lowercase; background: #000000; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; float: right; margin: 0 0 0 0; }

.navigatie a:hover,
.caseText a:hover	{ color: #000000; background: #FFFFFF; }

.werkenbijText		{ width: 575px; height: 85px; background: #ed1c24; float: left; margin: 0 5px 5px 0; }
.werkenbijText h1	{ margin: 7px 13px 3px 13px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; }
.werkenbijText span	{ display: block; margin: 0 13px 7px 13px; font-size: 11px; color: #FFFFFF; }
.werkenbijText p	{ margin: 0 0 7px 0; font-size: 11px; color: #FFFFFF; }
.werkenbijText .vac	{ margin: 0 13px 7px 13px; font-size: 11px; color: #FFFFFF; float: left; }

.werkenbijText ul	{ margin: 0; padding: 0 0 0 27px; }
.werkenbijText li	{ font-size: 11px; padding: 0; }

#rightRow ul	{ margin: 0; padding: 0 0 15px 27px; }
#rightRow li	{ width: 260px; color: #FFFFFF; font-size: 11px; line-height: 12px; }
#rightRow span li	{ width: 395px; color: #FFFFFF; font-size: 11px; line-height: 12px; }

/* acteurs */
#acteursMenu	{ width: 720px; height: 76px; background: #ed1c24; padding: 9px 0 0 0; margin: 0 0 5px 0; }
#acteursMenu h1	{ margin: 0 13px 3px 13px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; }
#acteursMenu span	{ display: block; margin: 0 13px 7px 13px; font-size: 11px; line-height: 9px; color: #FFFFFF; }
#acteursMenu p	{ margin: 0 0 7px 0; }

#acteursTekst	{ width: 145px; float: left; }
#acteurs		{ width: 575px; float: left; }
#acteurs a			{ width: 140px; font-size: 11px; color: #FFFFFF; float: left; }

.acteurBinary	{ width: 140px; height: 85px; background: no-repeat; float: left; margin: 0 5px 5px 0; }
.acteurText		{ width: 575px; height: 85px; background: #ed1c24; float: left; margin: 0 5px 5px 0; }
.acteurText h1	{ margin: 7px 13px 3px 13px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; }
.acteurText span	{ display: block; margin: 0 13px 7px 13px; font-size: 11px; color: #FFFFFF; }
.acteurText p	{ margin: 0 0 7px 0; }
.acteurText	a	{ }

#iframeActeurs	{ width: 725px; height: 270px; overflow: hidden; }

/* FORM */
form	{ position: absolute; font-size: 11px; margin: 26px 0 0 285px; color: #FFFFFF; }
input, textarea	{ border: 0; font-size: 11px; color: #000000; padding: 1px 2px; margin: 3px 0; }
dt	{ margin: 0; padding: 0; }
dd	{ margin: 0; padding: 0; }
.formbtn		{ background: #000000; color: #FFFFFF; padding: 3px; margin: 0; }
.formbtn:hover	{ background: #ed1c24; }

/*form ul	{ position: absolute; z-index: 10; list-style: none; margin: 0; padding: 0; }
form li	{ margin: -17px 0 0 1px; z-index: 20; padding: 0; color: #ed1c24; }*/
form ul	{ list-style: none; margin: 0; padding: 0; }
form li	{ font-size: 10px; width: 228px; padding: 2px; background: url(../images/errorarrow.gif) no-repeat center right #000000; color: #FFFFFF; }
p#bedankt	{ position: absolute; z-index: 10; margin: -168px 0 0 285px; }

#routebeschrijving	{ padding: 73px 0 0 0; }

span.oneliner		{ font-style: italic; color: #000000 !important; font-size: 14px!important; padding: 40px 0 20px 0 !important; }
span.disciplines	{ padding: 20px 0 !important; }

#lefCasetBtns	{ position: absolute; margin: 336px 0 0 0; }

a.caseLink			{ position: absolute; color: #FFFFFF; font-size: 10px; text-decoration: none; padding: 2px 3px 3px 3px; text-transform: lowercase; background: #000000; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; float: right; margin: 336px 0 0 526px; }
a.caseLink:hover	{ background: #FFFFFF; color: #000000; }
a.caseLinkLeft			{ color: #FFFFFF; font-size: 10px; text-decoration: none; padding: 2px 3px 3px 3px; text-transform: lowercase; background: #000000; border-right: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; float: left; }
a.caseLinkLeft:hover	{ background: #FFFFFF; color: #000000; }

ul#archief		{ width: 548px; }
ul#archief li	{ width: 500px; }
ul#archief p	{ display: inline; margin: 0; padding: 0; }

a.archiefBtn	{ color: #FFFFFF; font-size: 10px; text-decoration: none; padding: 2px 3px 3px 3px; text-transform: lowercase; background: #000000; border-left: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; float: right; margin: -24px 5px 0 0; }
a.archiefBtn:hover	{ color: #000000; background: #FFFFFF; }

/* NEW STYLE */
.newstyle	{ background: none !important; width: 730px !important; }
#left	{ width: 140px; min-height: 355px; float: left; background: #FFFFFF; margin: 0 5px 5px 0; }
#right	{ width: 580px; min-height: 355px; float: left; background: #FFFFFF; margin: 0 0 5px 0; }

#left h1	{ width: auto; margin: 0; padding: 7px 13px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; background: #ee1c24; }
#left p	{ display: block; font-size: 11px; margin: 0; padding: 10px 0; line-height: 17px; border-right: 1px solid #e7e7e7; }
#left a	{ display: block; color: #000000; padding: 4px 13px 6px 13px; border-bottom: 1px solid #e7e7e7; }
#left a:hover	{ color: #ee1c24; }
#left a.archiefBtn	{ display: block !important; float: none; background: none; color: #000000; margin: 0; padding: 0 13px; border: none; font-size: 11px; text-transform: none; }
#left a.archiefBtn:hover	{ color: #ee1c24; }
#left a.active	{ color: #ee1c24; }

#right h1	{ width: auto; margin: 0; padding: 7px 0 7px 13px; font-size: 14px; color: #FFFFFF; text-transform: uppercase; background: #ee1c24; margin: 0 4px 0 0; }
#right p	{ display: block; font-size: 11px; margin: 0; padding: 10px 0; line-height: 17px; }
#right span	{ display: block; font-size: 11px; margin: 10px 4px 5px 0; padding: 0 13px 10px; line-height: 17px; border-bottom: 1px solid #e7e7e7; }
#right span a	{ color: #ee1c24; }
#right span a:hover	{ color: #000; }

.smallThumb		{ width: 140px; height: 85px; margin: 0 3px 3px 0; }
.mediumThumb	{ width: 188px; height: 114px; margin: 0 3px 3px 0; }
.bigThumb		{ width: 283px; height: 172px; margin: 0 3px 3px 0; }
.largeThumb		{ width: 576px; height: 346px; margin: 0 3px 3px 0; }

.thumb_20 img	{ width: 112px; margin: 0 4px 4px 0; float: left; }
.thumb_25 img	{ width: 142px; margin: 0 3px 4px 0; float: left; }
.thumb_25 img	{ width: 142px; margin: 0 3px 4px 0; float: left; }
.thumb_30 img	{ width: 170px; margin: 0 4px 4px 0; float: left; }
.thumb_33 img	{ width: 190px; margin: 0 3px 4px 0; float: left; }
.thumb_40 img	{ width: 228px; margin: 0 4px 4px 0; float: left; }
.thumb_50 img	{ width: 286px; margin: 0 4px 4px 0; float: left; }
.thumb_66 img	{ width: 378px; margin: 0 4px 4px 0; float: left; }
.thumb_100 img	{ width: 576px; margin: 0 4px 4px 0; float: left; }

.playerBtn		{ position: absolute; margin: 132px 242px; }

#right form	{ position: static; font-size: 11px; margin: 0 13px; color: #000000; }
#right input	{ border: 1px solid; }

/* LIGHTBOX VERSIE 2 */
body {margin: 0;}
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index:11;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
	z-index:12;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}