/* 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, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
img {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:"Verdana"; font-size:11px; line-height:18px; color:#87888a;}
body {background-image:url("../images/bodyBg.png"); background-repeat:repeat-x;}
html, body, #wrap {height:100%;}
body > #wrap {height:auto; min-height:100%;}
body#home, #body #wrap, body#home >wrap {height:auto;}
.cufon-loading {visibility: hidden !important;} /* Hide all cufon replacement items on loading */

/* LAYOUT */

#wrap {width:960px; margin:0 auto; background:url("../images/wrapBg.png") repeat-y;}
#home #wrap {background:none; width:740px;}
	#logos {padding-left:160px; background:#fff;}
		#logos div {float:left;}
		#logos a {display:block; width:360px; height:139px; text-indent:-9999px;}
		#logoBrandInterieurs a {background:url("../images/logoBrandInterieurs.png") no-repeat;}
		#logoBrandControl a {background:url("../images/logoBrandControl.png") no-repeat;}
	#home #main {width:740px; margin:0 auto; position:relative;}
	#content-left {width:328px; padding:0 20px 20px 0; float:left; }
	#content-right {width:376px; float:right;}
	#mainmenu {height:43px; background:#e2001a;}
	#left {float:left; width:170px; padding:0 1px;}
	#right {float:left; width:788px; background:#f1f1f1;}
		#content {padding:20px 20px 0 20px; margin:12px; background:#fff; position:relative;}

/* MAINMENU */

#mainmenu ul {float:center; position:relative; z-index:10;}
#mainmenu li {float:left; height:43px;}
#mainmenu li.backLava {background:url("../images/mainmenuSelect.png") no-repeat top center; z-index:8; position:absolute; height:43px;}
#mainmenu li a {font-size:16px; color:#fff; text-transform:uppercase; z-index:10; display:block; float:left; height:43px; width:auto; position:relative; overflow:hidden; padding:0 9px;}
#mainmenu li a:hover, #mainmenu li.selected a {background:url("../images/mainmenuSelect.png") no-repeat top center;}
#mainmenu span {display:block; padding-top:16px;}

/* Searchbutton/box */
.searchButton {position:relative;}
.searchBox {position:absolute; right:-20px; top:43px; width:248px; height:30px; padding:0 20px 20px 20px; background:url("../images/searchBoxBg.png") no-repeat 20px 0; z-index:20;}
.searchBoxContent {position:relative;}
.searchBoxContent label {z-index:10; position:absolute; top:3px; left:13px; display:block; width:214px; height:19px; font-size:11px; color:#858585; font-style:italic;}
.searchBoxField {position:absolute; top:7px; left:5px; width:204px; height:17px; border:0; background:none; margin-left:8px;}
.searchBoxButton {position:absolute; top:4px; right:0; width:20px; height:20px; border:0; background:none; cursor:pointer;}

/* SUBMENU */

#submenu {padding-bottom:20px; background:url("../images/dottedLine.png") repeat-x bottom;}
	#submenu h3 {color:#e2001a; font-size:16px; height:35px; line-height:35px; padding-left:13px; margin-bottom:20px; background:url("../images/dottedLine.png") repeat-x bottom; font-weight:normal; text-transform:uppercase;}
	#submenu a {color:#87888a; display:block; line-height:20px; width:159px; padding-left:13px;}
	#submenu a:hover, #submenu .selected a {color:#000;}

/* BLOCKS */

.block h3 {font-size:16px; font-weight:normal; color:#58585a; text-transform:uppercase;}
#left .block {background:url("../images/dottedLine.png") repeat-x bottom;}
#left .block h3 {color:#e2001a; height:37px; line-height:37px; padding-left:13px; margin-bottom:10px; background:url("../images/dottedLine.png") repeat-x bottom;}
#left .contentBlock {padding:0 13px 13px 13px;}
.block a {color:#87888a;}
.block a:hover {color:#000;}

/* Image */
#images-left-wrap {width:328px; margin-right:20px; background:#000;}
.imageBlock {width:328px; background:#000; margin:0 20px 0 0;}
.imageBlock p {padding:0 10px !important; font-style:italic; line-height:20px; border-top:#fff 5px solid;}

#images-left-wrap {height:247px;}
#images-left {width:328px; height:215px;}
#images-left-wrap a {border:0 !important;}
#images-left-wrap .nav {border-top:#fff 7px solid; position:relative; z-index:20; bottom:0; left:0; width:328px; height:25px; line-height:25px; background:#f1f1f1; text-align:center;}
#images-left-wrap .nav a {color:#58585a; font-size:13px; margin:0 3px;}
#images-left-wrap .nav span {padding:0 5px;}
#images-left-wrap .nav a:hover {color:#e2001a !important;}

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

/* Most viewed pages */
.toppageviews .contentBlock {padding-bottom:25px !important;}

/* footer */
#footerWrap {background:#fff; padding:12px;}
#footer {width:736px; padding:12px; border:#f6f6f6 2px solid;}
#footerMenu {margin-bottom:5px;}
	#footerMenu li {display:inline; color:#58585a;}
	#footerMenu li.separator {font-size:17px; margin:0 5px 0 0;}
	#footerMenu a {font-size:16px; color:#58585a; text-transform:uppercase;}
	#footerMenu a:hover {border-bottom:1px solid;}
#footerContent {}
	#footerContent ul {width:140px; margin-right:8px; float:left; border-right:#ededed 1px solid;}
	#footerContent ul.last {margin:0; border:0;}
	#footerContent li {line-height:25px;}
	#footerContent a:hover {color:#e2001a;}

/* BLOCKS HOME */

#home #curtainLeft {z-index:999; position:absolute; top:0; left:0; height:700px; width:360px; background:#fff;}
#home #curtainRight {z-index:999; position:absolute; top:0; right:0; height:700px; width:360px; background:#fff;}

#home .blockHome {width:360px;}
#home #blockHomeLeft {float:left;}
#home #blockHomeRight {float:left;}
#home #blockSeparator {float:left; width:20px; height:200px; background:#fff;}
#home h3, #home .enter {position:relative; z-index:2;}
#home .logo {width:360px; height:139px; background:#fff;}
	#home .logo h2 a {display:block; width:360px; height:139px; background-repeat:no-repeat; text-indent:-9999px;}
#home #logoBrandInterieurs h2 a {background-image:url("../images/logoBrandInterieurs.png");}
#home #logoBrandControl h2 a {background-image:url("../images/logoBrandControl.png");}
#home .enter {position:relative;}
	#home .enter .menuSelect {position:absolute; top:0; left:171px; width:18px; height:9px; background:url("../images/homeMenuSelect.png") no-repeat;}
	#home .enter a {display:block; width:100%; height:43px; background-color:#e2001a; color:#fff; font-size:16px; text-align:center; text-transform:uppercase;}
		#home .enter a span {display:block; padding-top:16px;}
#home .img {position:relative; margin-bottom:-15px;}
	#home .img h3 {background:#fff; position:absolute; bottom:5px; height:25px; line-height:25px; width:340px; padding-left:20px; font-weight:normal; font-size:15px; text-transform:uppercase; color:#e2001a;}
	#home .img h3 span {}
#home .newsItemsHome {margin:10px 0; padding:10px; background:#e5e5e5;}
	#home .newsItemSeparator {height:2px; background:url("../images/blockHomeSeparatorBg.png") no-repeat;}
	#home .newsItemHome {position:relative; background:url("../images/blockHomeNewsItemBg.png") repeat-y; padding-top:10px;}
	#home .postDateHome {position:absolute; top:20px; left:0; display:block; width:50px; padding-left:10px; height:18px; background:#606060; color:#fff; font-size:10px;}
	#home .newsItemContentHome {padding:8px 10px 20px 90px;}
	#home .newsItemHome h3 {color:#58585a; font-size:16px; background-color:#fff; font-weight:normal; text-transform:uppercase; padding-bottom:3px;}
	#home .newsItemHome .postInfoHome {color:#e2001a; font-size:10px; font-style:italic; padding-bottom:10px;}
		#home .newsItemHome .postInfoHome span {color:#58585a;}
		#home .newsItemHome .postInfoHome a {color:#e2001a;}
		#home .newsItemHome .postInfoHome a:hover {border-bottom:1px solid;}
	#home .newsItemHome .contentHome {padding-bottom:10px;}
	#home .newsItemHome .readmoreHome {text-align:right; padding-top:10px;}
		#home .newsItemHome .readmoreHome a {color:#fff; padding:3px 5px; background:#e2001a;}
		#home .newsItemHome .readmoreHome a:hover {background:#000;}

/* LIST VIEW */

#listItemsView #content {padding:0; margin:0 0 20px 0; background:#f1f1f1;}
#listItemsWrap {margin-top:10px;}
.listItem {padding:30px 25px 0 25px; margin:20px 25px 0 25px; background:url("../images/listItemBg.gif") repeat-y; position:relative;}
	.listItemContent {min-height:188px; padding:0 20px 0 325px; position:relative;}
	.listItemContent .readon {position:absolute; bottom:-18px; right:-25px;}
	.listItemContent .readon a {color:#fff !important; font-style:italic; padding:3px 10px 4px 10px; background:#e2001a; border:0 !important;}
	.listItemContent .readon a:hover {background:#000;}
	.listItemImg {width:328px; height:188px; position:absolute; top:30px; left:0;}

/* NEWS VIEW */

#newsItems {margin:12px;}
.newsItem {height:207px; width:764px; margin-bottom:9px;}
	.newsItemInfo {float:left; width:70px; height:207px; background:#fff; margin-right:9px; font-size:10px; position:relative;}
		.newsItemInfo span, .newsItemInfo a {display:block; width:60px; height:17px; line-height:16px; color:#fff; text-align:center;}
		.postDate {position:absolute; top:5px; left:5px; background:#606060;}
		.reactionsCount {position:absolute; bottom:26px; left:5px; background:#e2001a; color:#fff !important; border:0 !important;}
			.reactionsCount:hover {background:#000;}
		.reactionsLabel {position:absolute; bottom:5px; left:5px; background:#e2001a;}
	.newsItemImg {float:left; height:207px; width:332px; margin-right:9px; background:#fff;}
	.newsItemContent {float:left; height:167px; width:304px; background:#fff; padding:20px; position:relative;}
		.newsItemContent h2 {padding:0; padding-bottom:10px;}
		.postInfo {color:#e2001a; font-size:10px; font-style:italic; padding-bottom:10px !important;}
		.postInfo span {color:#606060;}
		.intro {height:90px; overflow:hidden;}
		.newsItemLink {position:absolute; bottom:-14px; right:0;}
#newsItemsNav {font-size:13px; color:#58585a; text-transform:uppercase; text-align:center; padding:5px 0;}
	#newsItemsNav li {display:inline;}
	#newsItemsNav a {color:#58585a !important; border:0 !important;}
		#newsItemsNav a:hover {color:#e2001a !important;}
	#newsItemsNav span.inactive {color:#c0c0c0;}
.newsroom {margin-bottom:20px;}

/* REACTIONS */

#comments {padding-bottom:10px;}
	.reactionsTitle {margin-bottom:10px;}
	.reactionsTitle a {text-transform:lowercase; float:right;}
	.comment {width:724px; margin-bottom:10px; background:url("../images/commentBg.png") repeat-y; position:relative;}
		.commentInfo {width:214px; padding:5px; float:left; min-height:100px; margin-right:10px;}
			.commentInfo p {padding:0 !important;}
			.commentName {background:#606060; color:#fff; text-align:center;}
			.commentDate, .commentTime {width:214px; position:absolute; left:5px; color:#87888a; text-align:center;}
			.commentDate {bottom:28px;}
			.commentTime {bottom:5px;}
		.commentContent {width:470px; padding:10px; float:left;}
	#addComment {display:none; margin-bottom:10px; border-top:1px dotted; border-bottom:1px dotted;}
		#addComment h2 {margin-top:10px;}
			#addComment .row {margin-bottom:10px;}
				#addComment form label {width:104px;}
				#addComment form .field {width:200px;}
				#addComment form .titleField {width:440px;}
				#addComment form textarea {width:440px; height:100px;}
				#addComment form .captchaImg {margin-left:108px;}
				#addComment form .button {width:100px; margin-left:108px;}

/* PROJECTS */

.overviewItem {width:156px; height:175px; float:left; margin-right:25px;}
	.overviewItem a {display:block; border:0 !important;}
	.overviewItem a:hover h3, .overviewItem a:hover h4, .overviewItem h3 a:hover, .overviewItem h4 a:hover {color:#e2001a;}
	.overviewItem img {border-bottom:#fff 3px solid; margin-bottom:-4px;}
	.overviewItem a:hover img {border-bottom:#e2001a 3px solid;}
		.overviewItem a h3, .overviewItem a h4, .overviewItem h3 a, .overviewItem h4 a {color:#87888a; font-size:11px; line-height:18px; height:36px; overflow:hidden;}
		.overviewItem h3 {font-weight:bold;}
		.overviewItem h4 {font-weight:normal;}

/* project, product */
#projectView #overview, #productView #overview {background:#fff; padding:15px 0 0 32px;}
#project, #product {margin-bottom:10px; position:relative;}
	#imageRotatorNavPopupWrap {width:328px; min-height:230px; margin-right:37px; float:left; background:url("../images/imageRotatorNavPopupWrap-bg.gif") repeat-x;}
	#imageRotatorNavPopup a {border:0 !important;}
	#project #nav, #product #nav {width:328px; height:25px; margin-top:2px; line-height:25px; background:#f1f1f1; text-align:center;}
	#project #nav a, #product #nav a {color:#58585a; font-size:13px; margin:0 3px;}
	#project #nav span, #product #nav span {padding:0 5px;}
	#project #nav a:hover, #product #nav a:hover, .activeSlide {color:#e2001a !important;}
	#projectInfo, #productInfo {width:359px; min-height:230px; float:left;}
		#projectInfo h1, #productInfo h1 {padding-bottom:0;}
		#participants {color:#606060; font-style:italic; font-size:10px; padding-bottom:10px !important;}
			#participants {color:#e2001a;}
			#participants span {color:#87888a;}
			#participants a.selected {border-bottom:1px solid;}

/* FORMS */

label {display:inline-block; vertical-align:top; padding-top:2px;}
input, textarea, select {font-family:"Verdana"; font-size:11px; color:#87888a; width:150px;}

.field, textarea {border:#87888a 1px solid; padding:3px;}
.button {height:23px; line-height:23px; background:#000; color:#fff; border:0; cursor:pointer;}
.button:hover {background:#e2001a;}

/* 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 .button {width:auto; padding:0 10px;}
.basicForm #captchaImage {margin-bottom:5px;}
.basicForm #captchaImage img {border:#959595 1px solid;}

/* MEDIA ROTATOR */
.imageRotatorNavWrap {width:788px; height:260px; position:relative; background:#000;}
.imageRotatorNavWrap h2 {display:none;}
.imageRotatorNavWrap h3 {position:absolute; bottom:15px; left:15px; z-index:15; color:#3a3a3a; font-size:16px; text-transform:uppercase;}
.imageRotatorNavWrap .nav {height:44px; width:773px; padding:15px 15px 0 0; text-align:right; background:url("../images/mediaRotatorNavBg.png") no-repeat; position:absolute; bottom:-10px; right:0; z-index:10;}
.imageRotatorNavWrap .nav a {color:#3a3a3a !important; border:0 !important; font-size:16px; margin-left:5px; font-size:15px;}
.imageRotatorNavWrap .nav a:hover, .imageRotatorNavWrap .nav a.activeSlide {color:#e2001a !important;}
.imageRotatorContent, .imageRotatorContent img { height:260px;}
/* SEARCH PAGE */

#searchPage {margin-bottom:20px;}
#searchPage label {width:140px; line-height:22px;}
#searchPage form {margin-bottom:20px;}
#searchPage .field {width:200px;}
#searchPage .button {font-weight:bold; height:21px; line-height:18px;}
#searchPage .button:hover {}

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

.searchResult {border-bottom:#f1f1f1 1px solid; padding-bottom:10px; margin-bottom:10px;}
.searchResult .number {display:inline-block; width:25px;}
.searchResult .result {font-weight:bold;}
.searchResult .highlight {background:#e2001a; 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;}

/* SITEMAP */

ul#sitemap {margin-bottom:20px;}
ul#sitemap a {font-size:12px; font-weight:bold;}
ul#sitemap ul {margin-left:20px;}
ul#sitemap ul a {font-size:11px; font-weight:normal; color:#87888a;}
ul#sitemap ul a:hover {color:#e2001a;}

/* CLASSES */

.last {margin:0;}

/* Button: vorige pagina */
.back {position:absolute; bottom:-19px; right:-12px;}

/* Button: blockLink */
.blockLink a {color:#fff !important; font-style:italic; padding:3px 10px 4px 10px; background:#e2001a; border:0 !important;}
.blockLink a:hover {background:#000;}

/* ELEMENTS */

h1, h2 {color:#58585a; font-size:16px; font-weight:normal; padding-bottom:10px; text-transform:uppercase;}
a {text-decoration:none;}
#content a {color:#e2001a;}
#content a:hover {border-bottom:1px solid;}
#content p {padding-bottom:20px;}
#content ul {list-style-type:disc; padding:0 0 20px 13px;}
#content ol {list-style-type:decimal; padding:0 0 20px 17px;}

/* 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%;}

/* NYROMODAL */

div#nyroModalFull {font-size:12px; color:#777;}
div#nyroModalFull div#nyroModalLoading {
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url("../images/ajaxLoader.gif") no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {background:#fff;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	top: -16px;
	right: 0;
	outline: 0;
	color:#fff;
	display:block;
	line-height:16px;
	font-size:10px;
	padding:0 5px;
	background:#e2001a;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut:hover {color:#e2001a; background:#fff;}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {display:none; margin:0; padding:0; position:absolute; top:-22px; left:5px; font-size:12px; color:#ddd;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent {overflow:auto;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding:5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position:relative; overflow:hidden; text-align:center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align:baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	display:none;
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity:0.5; cursor:help;}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {height:60%; width:20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {left:0;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {background-image:url("../images/prev.png");}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {right:0; background-position:right 20%;}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {background-image:url("../images/next.png");}