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

html {
	overflow: scroll;
	overflow-x: auto;
}
body {
	line-height: 16px;
	color: #282828;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
* {
	margin: 0px;
	padding: 0px;
}
.clear {
	clear: both;	
}
h1 {
	color: #282828;
	padding: 0 0 7px 0;
	margin: 0 0 20px 0;
	font-size: 18px;
	text-transform: uppercase;
	line-height: 20px;
	border-bottom: 1px solid #5cb4dd;
}
h3 {
	z-index: 20;
}
h3 span {
	color: #d37124;
}
p { 
	margin: 0 0 20px 0;
}
a {
	cursor: pointer;
	color: #5d5d5d;
}

/****************************************** HEADER ( FLASH / WRAPPER ) ****************************/
#flash-header { 
	height: 370px; /*457px;*/
}
.wrapper  {
	margin: 0 auto;
	width: 905px;
	padding: 80px 0 0 0;
}
.wrapper.content {
	padding: 0px;
}
#header-top {
	width: 100%;
	background: url(/img/bg-menu.jpg) bottom left repeat-x;
}
#header-top .wrapper {
	padding: 100px 0 0 0;
	
}
#main-box {
	height: 100%;
	overflow: hidden;
	line-height: 24px;
	font-size: 14px;
}

/********************* SIDEBAR **********************************************/
#sidebar {
	width: 200px;
	height: 100%;
	padding: 25px 15px 15px 0;
	float: left;
}
#sidebar p {
	margin: 10px 0 25px 0;
}

/********************* MAIN INFORMATION / CONTENTBOX **********************************************/
#main {
	float: right;
	width: 620px;
	color: #282828;
	padding: 30px 0px 40px 0px;
}
#maincontact {
	float: right;
	width: 620px;
	padding: 30px 0px 40px 0px;
	line-height: 24px;
	font-size: 14px;
}
#main.content {
	float: left;
	width: 100%;
	padding: 0px 0px 40px 0px;
	line-height: 24px;
	font-size: 14px;
}
#main em, #main strong {
	font-size: 14px;
}
#main span { 
	color: #282828; 
	font-weight: bold;
	float: left; 
}
#main p {
	line-height: 24px;
	font-size: 14px;
	margin: 0 0 20px 0;
}
#main p img {
	float: left;
}
#main a, #main p a {
	float: none;
	color: #d16a19;
	text-decoration: none;
}
#main a.fg-button {
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
}
#main a:hover, #main p a:hover {
	color: #6d3000; 
}
#main h2 {
	color: #d16a19;
	font-weight: bold;
	line-height: 24px;
	font-size: 15px;	
}
#main form.nieuwsbrief {
	margin: 0 0 25px 0;
}
#main form.nieuwsbrief .email {
	margin: 15px 0 0 10px;
	color: #000000;
	border: 1px solid #414040;
	font-size: 11px;
	padding: 5px;
	width: 180px;
}
#main form.nieuwsbrief .submit {
	background: #d16a19;
	color: #ffffff;
	border: none;
	font-size: 11px;
	padding: 5px;
	cursor: pointer;
}
#main form.nieuwsbrief table tr td {
	padding: 5px 10px 0 0px;
}
#main img.thumb {
	float: left;
	margin: 4px 8px 0 0;
	max-width: 200px;
}
#main img.thumb {
	max-width: 530px;
}
.tbl_search {
	border-bottom: 1px solid #0e0e0e;
	border-left: 1px solid #0e0e0e;
}
.tbl_search tr:hover {
	background: #0e0e0e;
}
.tbl_search tr.firstrow:hover {
	background: #000000;
}
.tbl_search tr td.col-0 { width: 250px; font-size: 15px; text-transform: uppercase; font-weight: bold; border-right: 1px solid #0e0e0e; border-left: 1px solid #0e0e0e; }
.tbl_search tr td { padding: 3px 0 2px 10px; border-right: 1px solid #0e0e0e; width: 160px; }
.tbl_search tr td strong { }
.tbl_search tr td a { text-decoration: none; color: #414040; }
.tbl_search tr td a:hover { text-decoration: none; color: #000000; }
.tbl_search tr.firstrow td {
	background: #0e0e0e;
	border-bottom: 2px solid #0e0e0e;
	border-right: none;
	border-left: none;
}

/****************************************** PROJECTEN DETAIL *********************************/
#inner-box {
	background: url(/img/inner-box-middle-shadow.jpg) top left repeat-y;
	margin: 0 0 0 -5px;
}
#inner-box-top {
	background: url(/img/inner-box-top-shadow.jpg) top left no-repeat;
	height: 20px;
}
#inner-box-bottom {
	background: url(/img/inner-box-bottom-shadow.jpg) top left no-repeat;
	height: 20px;	
}
#inner-box-inhoud {
	padding: 10px 20px 0 30px;
}
#inner-box-inhoud h1 {
	font-size: 23px;
	border: none;
	text-transform: none;
	margin: 30px 0 0 0;
	line-height: 18px;
}
#inner-box-inhoud h2 {
	font-size: 12px;
	border: none;
	font-weight: normal;
	text-transform: none;
	color: #8a8a8a;
	margin: 0 0 25px 0;
}

#frm_product_groep {
	width: 100%;
	padding: 0 0 30px 0;
}
#main a.terug {
	text-transform: uppercase;
	display: block;
	color: #555555;
	text-align: right;
	padding: 0 20px 12px 0;
	border-bottom: 1px solid #111111;
	margin: 0 6px 10px 10px; 
	position: relative;
}
#main a.terug img {
	border: none;
	position: absolute;
	right: 230px;
	top: 0px;
	*top: -3px;
}

/****************************************** SUBITEMS (DIENSTEN) ******************************/
.subitem, .subitem-small {
	position: relative;
	float: left;
	height: 143px;
}
.subitem, .subitem-small { margin: 0 0 20px 14px; width: 292px; }
.subitem-small { margin: 0 0 10px 0px; width: 224px; }

/* DIENSTEN */
.subitem.lichtconcept, .subitem-small.lichtconcept { background: url(/img/lichtconcept-bg.jpg) top left no-repeat; }
.subitem.installatie, .subitem-small.installatie { background: url(/img/installatie-bg.jpg) top right no-repeat; }
.subitem.maatwerk, .subitem-small.maatwerk { background: url(/img/maatwerk-bg.jpg) top left no-repeat; }
.subitem.productie, .subitem-small.productie { background: url(/img/productie-bg.jpg) top left no-repeat; }
.subitem.programmeren, .subitem-small.programmeren { background: url(/img/programmeren-bg.jpg) top left no-repeat; }
.subitem.werkwijze, .subitem-small.werkwijze { background: url(/img/werkwijze-bg.jpg) top left no-repeat; }

/* NIEUWS */
.subitem.nieuwsarchief-2007, .subitem-small.nieuwsarchief-2007 { background: url(/img/nieuwsarchief-2007-bg.jpg) top left repeat-x; }
.subitem.nieuwsarchief-2008, .subitem-small.nieuwsarchief-2008 { background: url(/img/nieuwsarchief-2008-bg.jpg) top left repeat-x; }
.subitem.nieuwsarchief-2009, .subitem-small.nieuwsarchief-2009 { background: url(/img/nieuwsarchief-2009-bg.jpg) top left repeat-x; }
.subitem.nieuwsarchief-2010, .subitem-small.nieuwsarchief-2010 { background: url(/img/nieuwsarchief-2010-bg.jpg) top left repeat-x; }

/* PRODUCTEN */
.subitem.led, .subitem-small.led { background: url(/img/led-bg.jpg) top left no-repeat; }
.subitem.fiber-optics, .subitem-small.fiber-optics { background: url(/img/fiber-optics-bg.jpg) top left no-repeat; }
.subitem.fluorescents, .subitem-small.fluorescents { background: url(/img/fluorescents-bg.jpg) top left no-repeat; }
.subitem.onderwaterspots, .subitem-small.onderwaterspots { background: url(/img/onderwaterspots-bg.jpg) top left no-repeat; }
.subitem.trendarmaturen, .subitem-small.trendarmaturen { background: url(/img/trendarmaturen-bg.jpg) top left no-repeat; }

/* PROJECTEN */
.subitem.ibg-optx, .subitem-small.ibg-optx { background: url(/img/ibg-optx-bg.jpg) top left no-repeat; }
.subitem.in-uitvoering, .subitem-small.in-uitvoering { background: url(/img/in-uitvoering-bg.jpg) top left no-repeat; }
.subitem.inspirations, .subitem-small.inspirations { background: url(/img/inspirations-bg.jpg) top left no-repeat; }

/* OVER IBG OPTX PAGES */
.subitem.van-idee-tot-ontwerp-tot-uitvoering, .subitem-small.van-idee-tot-ontwerp-tot-uitvoering { background: url(/img/van-idee-tot-ontwerp-tot-uitvoering-bg.jpg) top left no-repeat; }
.subitem.over-fiber-optics, .subitem-small.over-fiber-optics { background: url(/img/over-fiber-optics-bg.jpg) top left no-repeat; }
.subitem.over-ledtechnologie, .subitem-small.over-ledtechnologie { background: url(/img/over-ledtechnologie-bg.jpg) top left no-repeat; }
.subitem.licht--sfeer, .subitem-small.licht--sfeer { background: url(/img/licht--sfeer-bg.jpg) top left no-repeat; }
.subitem.art-of-living-well, .subitem-small.art-of-living-well { background: url(/img/art-of-living-well-bg.jpg) top left no-repeat; }
.subitem.licht--sfeer, .subitem-small.licht--sfeer { background: url(/img/licht--sfeer-bg.jpg) top left no-repeat; }
.subitem.in1project, .subitem-small.in1project { background: url(/img/in1project-bg.jpg) top left no-repeat; }

.subitem.first, #sidebar .subitem, #sidebar .subitem.first {
	margin: 0 0 20px 0;
}
.subitem a img, .subitem-small a img { 
	border: none;
}
.subitem .sub-overlay, .subitem-small .sub-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 292px;
	height: 143px;
	cursor: pointer;
}
.subitem .sub-overlay { background: url(/img/kader.gif) top left no-repeat; }
.subitem-small .sub-overlay { background: url(/img/kader-small.gif) top left no-repeat; }
.subitem .sub-overlay a, .subitem-small .sub-overlay a {
	width: 100%;
	height: 100%;
	display: block;
}
.subitem h4, .subitem-small h4, .subitem-small h5 {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 280px;
	text-transform: uppercase;
}
.subitem-small h4 {
	width: 200px;
}

/********************************************* MAIN MENU **************************************/
/**** OVERIGE PAGINAS ****/
#menu {
	height: 166px;
	background: url(/img/header-image.jpg) top left no-repeat;
}
/**** HOMEPAGE ****/
.wrapper #main-menu {
	background: url(/img/bg-main-menu-left-right.png) top right no-repeat;
	_background: url(/img/bg-main-menu-left-right.gif) top right no-repeat;
	padding: 0 6px 0 9px;
}
.wrapper #main-menu-inner {
	height: 55px;
	width: 890px;
	background: url(/img/bg-main-menu.png) top left repeat-x;
	_background: url(/img/bg-main-menu.gif) top left repeat-x;
}
.wrapper #main-menu-inner li {
	float: left;
	list-style: none;
	background: url(/img/main-menu-divider.png) top left no-repeat;
	_background: url(/img/main-menu-divider.gif) top left no-repeat;
}
.wrapper #main-menu-inner li.first {
	background: none;
}
.wrapper #main-menu-inner li a {
	display: block;
	padding: 0px 19px 0px 19px;
	_padding: 0px 19px 0px 18px;
	line-height: 50px;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.wrapper #main-menu-inner li.first a {
	padding: 0px 19px 0px 23px;
	_padding: 0px 19px 0px 19px;
}
.wrapper #main-menu-inner li a:hover,
.wrapper #main-menu-inner li a.selected {
	color: #d37124;
}
#projecten {
	height: 152px;
	width:905px;
}

/****************************************** TAGCLOUD ****************************/
#tag-cloud { 
	float: left;
	height: 250px;
	text-align: center;
	margin: 8px 0 0 0;
	padding: 0 15px 0 15px;
	width: 390px;
}
#tag-cloud span { text-transform: uppercase; line-height: 27px; padding: 0 3px 0 3px; }
#tag-cloud span a { text-decoration: none; }
#tag-cloud span a:hover { text-decoration: none; color: #ffffff; }

#tag-cloud span.small, #tag-cloud span.small a { font-size: 10px; }
#tag-cloud span.medium, #tag-cloud span.medium a { font-size: 12px; }
#tag-cloud span.large, #tag-cloud span.large a { font-size: 20px; }


#tag-cloud span.kleur-een, #tag-cloud span.kleur-een a { color: #999999; }   /* donker */
#tag-cloud span.kleur-twee, #tag-cloud span.kleur-twee a { color: #6b6b6b; } /* lichtdonker */
#tag-cloud span.kleur-drie, #tag-cloud span.kleur-drie a { color: #3d3d3d; } /* licht */
#tag-cloud span.kleur-vier, #tag-cloud span.kleur-vier a { color: #d16a19; } /* oranje */

/************************************* INTRO BOX (HOMEPAGE) ****************************************/
#introbox {
	margin: 60px 0 0 0; 
	float: left;
	width: 464px;
	background: url(/img/shadow-bottom-introbox.jpg) bottom left no-repeat;
}
#introbox .introbox-top {
	height: 12px;
	width: 464px;
	font-size: 2px;
	background: url(/img/shadow-top-introbox.jpg) top left no-repeat;
}

#introbox h2 a {
	display: block;
	padding: 7px 0 0 25px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 25px;
	color: #d37124;
}
#introbox p a {
	display: block;
	padding: 0 65px 25px 25px;
	line-height: 20px;
	color: #595959;
	letter-spacing: 1px;
	text-decoration: none;
}

/************************************* BREADCRUMBS ****************************************/
#breadcrumbs { 
	padding: 15px 0 25px 0;
	color: #595959;
	text-transform: uppercase;
}
#breadcrumbs a {
	text-decoration: none;
	font-size: 10px;
	color: #595959;
	letter-spacing: 1px;
}
#breadcrumbs a.active {
	color: #ffffff;
}
#breadcrumbs a:hover, #breadcrumbs a.active:hover {
	color: #000000;
}

/******** PROJECTEN / PRODUCTEN INHOUD *********************************************/
#producten {
	padding: 0 0 0 5px;
}
.product {
	background: #050505;
	margin: 0 0 15px 15px;
	width: 100px;
	float: left;
	text-align: left;
}
.productfirst {
	background: #050505;
	width: 100px;
	float: left;
	text-align: left;
	margin: 0 0 15px 0;
}
.productfirst img, .product img {
	border: none;
	width: 100px;
	height: 100px;
	margin: 0px;
}
.productfirst .product-title, .product .product-title {
	background: #5cb4dd;
	padding: 4px 0 4px 10px;
	width: 90px;
	margin: 0px;
	font-size: 12px;
}
#productimages {
	width: 560px;
}
#productimg {
	float: left;
	text-align: center;
}
#productimg img {
	float: left; 
	margin: 0 25px 36px 0;
	border: 1px solid #ededed;	
	width: 370px;
	height: 370px;
	background: #000000;
	max-width: 370px;
	max-height: 370px;	
}
.productimg_detail {
	width: 45px;
	height: 45px;
	float: left;
	border: 1px solid #ededed;	
	margin: 0 5px 5px 0;
	cursor: pointer;
}
.gebruikte_producten {
	float: left;	
}
.pdf {
	margin: 0 5px 0 0;
	border: none;
}

/******** NIEUWS INHOUD *********************************************/
.nieuwsitem {
	height: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.nieuwsitemfirst {
	height: 100%;
	margin: 20px 0 30px 0;
	clear:both;
	border-bottom: 1px solid #5cb4dd;
	padding: 0 0 30px 0;
}
.nieuwsitemfirst .date, .nieuwsitem .date {
	float: left; 
	width: 120px;
	text-align: right;
	padding: 0 25px 0 0;
	color: #757575;
	font-weight: normal;
	height: 100%;
	font-size: 13px;
	line-height: 18px;
}
.nieuwsitemfirst .tekst, .nieuwsitem .tekst {
	float: left;
	line-height: 18px;
	width: 400px;
}
.nieuwsitemfirst .tekst img {
	max-width: 400px;
}
#inner-box-inhoud p {
	width: 560px;
}
.nieuwsitemfirst .tekst p {
	width: 400px !important;
	font-size: 12px !important;
}
#inner-box-inhoud .nieuwsitemfirst .tekst h1 {
	margin: 0 0 15px 0;
	padding: 0px;
	line-height: 18px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	color: #d16a19;
}
#inner-box-inhoud .nieuwsitem .tekst h1 {
	font-size: 15px;
	line-height: 18px;
	margin: 0 0 0 0;
	color: #d16a19;
}

/********************************* CONTACT ***********************/
.contactgegevens {
	line-height: 20px;
	border-bottom: 1px dotted #5cb4dd;
	padding: 0 0 15px 0;
}
#map {
	width: 550px;
	height: 315px;
	border: 1px solid #5cb4dd;
}
.frm_contact input { 
	color: #282828;
	background-color: #c9eaf3;
	padding: 5px;
	border: 1px solid #5cb4dd;
}
.frm_contact input.submitbtn { 
	color: #ffffff;
	background-color: #d37124;
	padding: 5px;
	border: 1px solid #d37124;
	cursor: pointer;
}

.frm_contactformulier label {
	float: left;
	width: 150px;
}
.frm_contactformulier input {
	float: left;
	width: 400px;
	padding: 5px;
	margin: 0 0 5px 0;
	color: #282828;
	background-color: #c9eaf3;
	border: 1px solid #5cb4dd;
}
.frm_contactformulier textarea {
	width: 400px;
	padding: 5px;
	margin: 0 0 5px 0;
	color: #282828;
	background-color: #c9eaf3;
	border: 1px solid #5cb4dd;
}
.frm_contactformulier input.submitbtn {
	float: left;
	width: auto;
	background-color: #d37124;
	border: none;
	color: #ffffff;
	font-size: 12px;
	padding: 5px;
	cursor: pointer;
	margin: 0 0 5px 150px;
}
/************************************* WERKWIJZE BOX *************************************/
#werkwijze {
	float: left;
	width: 905px;
	background: url('/img/shadow-middle-informatiebox.jpg') bottom left repeat-y;
	position: relative;
	overflow: hidden;
}
#werkwijze .werkwijze-top {
	height: 14px;
	width: 905px;
	font-size: 2px;
	background: url('/img/shadow-top-informatiebox.jpg') top left no-repeat;
}
#werkwijze .werkwijze-bottom {
	width: 905px;
	height: 14px;
	background: url('/img/shadow-bottom-informatiebox.jpg') top left no-repeat;
}

#werkwijze h1 {
	display: block;
	padding: 7px 0 7px 25px;
	margin: 0 8px 35px 8px; 
	color: #282828;
	font-size: 21px;
	border-bottom: 1px solid #5cb4dd;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 25px;
}
#werkwijze .werkwijze-intro {
	float: left;
	display: block;
	width: 280px;
	padding: 0 35px 25px 30px;
	line-height: 20px;
	letter-spacing: 1px;
	text-decoration: none;
}
#werkwijze .werkwijze-intro p {
	line-height: 20px;
}
#werkwijze .werkwijze-extra {
	float: left;	
	width: 540px;
	margin: 0 20px 20px 0;
	overflow: hidden;
}
#werkwijze .werkwijze-extra a span.smallballoon {
	padding: 20px 0 0 18px;
	margin: 0 20px 10px 0;
	height: 48px;
	width: 222px;
	float: left;
	display: block;
	color: #000000;
	cursor: pointer;
	font-size: 17px;
	text-decoration: none;
	background: url('/img/balloon-small.jpg') top left no-repeat;	
}
#werkwijze .werkwijze-extra a:hover span.smallballoon {
	background: url('/img/balloon-small.jpg') center left no-repeat;
	color: #ffffff;
}
#werkwijze .werkwijze-extra a.active span.smallballoon {
	background: url('/img/balloon-small.jpg') bottom left no-repeat;	
	color: #ffffff;
}

#werkwijze .werkwijze-extra a span.largeballoon {
	padding: 20px 0 0 18px;
	margin: 0 0 10px 0;
	height: 48px;
	width: 483px;
	display: block;
	color: #666;
	font-size: 17px;
	text-decoration: none;
	background: url('/img/balloon-large.jpg') top left no-repeat;	
	clear: both;
}

#werkwijze .werkwijze-extra a:hover span.largeballoon {
	background: url('/img/balloon-large.jpg') center left no-repeat;
	color: #ffffff;
}
#werkwijze .werkwijze-extra a.active span.largeballoon {
	height: 48px;
	color: #ffffff;
	background: url('/img/balloon-large.jpg') bottom left no-repeat #000000;
}
#werkwijze .werkwijze-extra a span.largeballoon span {
	font-size: 17px;
	color: #666;
	padding: 0 15px 0 0;
	border-right: 1px solid #666;
	margin: 0 15px 0 0;
}
#werkwijze .werkwijze-extra a:hover span.largeballoon span, 
#werkwijze .werkwijze-extra a.active span.largeballoon span {
	font-size: 17px;
	color: #000000;
	padding: 0 15px 0 0;
	border-right: 1px solid #000000;
	margin: 0 15px 0 0;
}
#werkwijze .werkwijze-extra p {
	padding: 0 35px 0 18px;
	line-height: 20px;
	letter-spacing: 1px;
}

/*** WERKWIJZE formulieren etc ***/
#stap-een, #stap-twee, #stap-drie {
	padding: 0 0 10px 0;
}
.inspiratie {
	height: 90px; 
	margin: 0 0 15px 18px;
}
.inspiratie img.w {
	width: 90px;
	height: 90px;
	float: left;
	margin: 0px 8px 0 0; 
}
.inspiratie_keuze, img.inspiratie_keuze_processed {
	width: 90px;
	height: 90px;
	float: left;
	margin: 0px 8px 0 0; 
}
img.inspiratie_keuze_processed {
	margin: 11px 8px 0 0;
}
.tbl_plan {
	margin: 5px 0 0 18px;
	width: 480px;
}
.tbl_plan.processed tr td {
	padding: 0 0 5px 0;
	line-height: 26px;
	vertical-align: top;
}
.tbl_plan.processed tr td.small {
	font-size: 10px;
	line-height: 20px;
	padding: 0px;
}
.tbl_plan.processed tr td.inspiratie {
	border-bottom: 1px solid #5cb4dd;
	padding: 10px;
	line-height: 22px;
}
#soort_ruimte {
	display: none;
}
#soort_ruimte.active {
	display: block;
}
.tbl_plan tr td {
	padding: 0 0 10px 0;
	line-height: 26px;
	vertical-align: top;
}
.tbl_plan tr td .nostyle {
	width: auto;
	height: auto;
	margin-bottom: -2px;
}
.tbl_plan tr td input {
	height: 22px;
	line-height: 24px;
	padding: 3px 0 0 0;
}
.tbl_plan tr td input.submitbtn {
	background: #d16a19;
	color: #ffffff;
	border: none;
	font-size: 11px;
	padding: 0 5px 5px 5px;
	cursor: pointer;
}
.tbl_plan tr td textarea.small {
	width: 250px;
	height: 90px;	
	color: #282828;
	background-color: #e4f6fb;
	border: 1px solid #5cb4dd;
}
textarea.large {
	width: 345px;
	height: 90px;
	margin: 0 5px 0 8px;
	color: #282828;
	background-color: #e4f6fb;
	border: 1px solid #5cb4dd;
}
.tbl_plan tr td input.small { 
	width: 50px; 
	color: #282828;
	background-color: #e4f6fb;
	border: 1px solid #5cb4dd;
}
.tbl_plan tr td input.medium { 
	width: 150px; 
	color: #282828;
	background-color: #e4f6fb;
	border: 1px solid #5cb4dd;
}
.tbl_plan tr td input.large { 
	width: 350px; 
	color: #282828;
	background-color: #e4f6fb;
	border: 1px solid #5cb4dd;
}
span.verplicht { 
	color: #d16a19;
}

/************************************* FOOTER *******************************************/
#footer {
	margin: 20px 0 50px 0;
}
#footer .newsletter, 
#footer .search {
	float: left;
	width: 240px;
	font-size: 11px;
	color: #ffffff;
}
#footer span.newsletter { width: 240px; border-bottom: 1px solid #ffffff; margin: 0 0 6px 0; line-height: 20px; }
#footer span.search { width: 665px; border-bottom: 1px solid #ffffff; margin: 0 0 6px 0; line-height: 20px; }
	
#footer #footerbalk {
	padding: 0 0 6px 0;
	border-bottom: 1px solid #ffffff;
	clear: both;
	height: 24px;
}
input.input-tekst {
	background: url(/img/bg-input-footer.jpg) top left no-repeat;
	color: #9c9c9c;
	border: none;
	font-size: 11px;
	padding: 5px;
	float: left;
	width: 180px;
}
input.input-submit {
	width: 24px;
	height: 24px;
	background: url(/img/newsletter-search-btn.jpg) center center no-repeat #d16a19;
	border: none;
	float: left;
	cursor: pointer;
}
#footer #footerbalk .copy {
	float: right;
	font-size: 11px;
	line-height: 25px;
	color: #ffffff;
}
#footer #footerbalk .copy a {
	font-size: 11px;
	text-decoration: none;
	color: #d9f2f8;
}
#footer #footerbalk .copy a:hover {
	color: #ffffff;
}

/***************************************** UITKLAPBARE TOPBAR **********************************/
#topbar {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	cursor: pointer;
	
}
#topbar_wrapper {
	background: url(/img/bg-topbar.jpg) top left repeat-x;
	/*background: #000000;*/
	height: 480px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#topbar_content {
	width: 915px;
	margin: 0 auto;
	/*background: url(/img/ibg-portal.jpg) bottom left no-repeat;*/
}
#topbar_content #content-left {
	float: left;
	width: 665px;
	height: 480px;
}
#topbar_content #content-right {
	float: left;
	width: 250px;
	height: 480px;
}
#topbar_content #content-right img.header  {
	color: #d16a19; 
	font-size: 20px; 
	letter-spacing: 1px; 
	font-weight: normal;
	text-transform: uppercase;
	margin: 50px 0 3px 0;
	padding: 0 0 0 20px;
}
#topbar_content #content-right p { 
	font-size: 13px;
	width: 210px;
	line-height: 20px;
	padding: 0 0 0 20px;
	height: 220px;
	color: #5d5d5d;
}
#topbar_content #content-right #ibgbox {
	background: url(/img/ibg-box-topbar.png) top left no-repeat;
	_background: url(/img/ibg-box-topbar.gif) top left no-repeat;
	padding : 20px 20px 20px 20px;
	width: 210px;
	height: 105px;
	margin: 0 0 0 0px; 
}
#topbar_content #content-right #ibgbox img.header {
	margin: 0 0 10px 0;
	padding: 7px 0 0 0;
}
#topbar_content #content-right #ibgbox p {
	padding: 0 0 0 0;
	height: auto;
	color: #5d5d5d;
}

#topbar #topbar_balk {
	height: 76px;
	display: block;
	margin: 0 auto;
	width: 100%;
	background-image: url(/img/topbar.png);	
	_background-image: url(/img/topbar.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
#topbar #topbar_buttons {
	height: 40px;
	display: block;
	margin: 0 auto;
	width: 980px;
}
#topbar .chat { 
	font-size: 11px;
	float: right;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1px 5px 0 0px;
	border-right: 1px solid #000000; 
	margin: 11px 0 0 0;
} 
#topbar .contact {
	float: right;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 1px 5px 0 5px;
	border-left: 1px solid #282828; 
	margin: 12px 0 0 0;
	color: #8a8a8c;
}
#topbar .ibg {
	display: block; 
	width: 150px; 
	height: 40px;
	float: left;
	text-decoration: none;
}
#topbar .search-small {
	float: right;
	padding: 0 5px 0 5px;
	border-left: 1px solid #282828; 
	margin: 8px 45px 0 0; 
	_margin: 8px 15px 0 0; 
}
#topbar .search-small .inputtekst {
	float: left; 
	border: 1px solid #282828;
	background: #000000;
	font-size: 11px;
	padding: 5px 3px 4px 4px;
	width: 150px;
	text-transform: uppercase;
	color: #8a8a8c;
}
#topbar .search-small .inputsubmit {
	float: left; 
	width: 27px;
	height: 24px;
	background: url(/img/newsletter-search-btn.jpg) center center no-repeat #d16a19;
	border: none;
	margin: 0 0 0 0;
	cursor: pointer;
}
#printscreens { 
	margin: 75px 0 0 0;
}
.printscreen {
	float: left; 
	position: relative; 
	text-decoration: none;
	display: block;
	width: 218px;
	height: 176px;
}
.printscreen a.website-overlay {
	position: relative; 
	text-decoration: none;
	display: block;
	width: 218px;
	height: 176px;
	z-index: 999;
}
.printscreen.gemeente a.website-overlay:hover { background: url(/img/printscreen-overlay-top-left.png) top left no-repeat; _background: url(/img/printscreen-overlay-top-left.gif) top left no-repeat; }
.printscreen.architecten a.website-overlay:hover { background: url(/img/printscreen-overlay-top-center.png) top left no-repeat; _background: url(/img/printscreen-overlay-top-center.gif) top left no-repeat; }
.printscreen.zwembaden a.website-overlay:hover { background: url(/img/printscreen-overlay-top-right.png) top left no-repeat; _background: url(/img/printscreen-overlay-top-right.gif) top left no-repeat; }
.printscreen.domotica a.website-overlay:hover { background: url(/img/printscreen-overlay-bottom-left.png) top left no-repeat; _background: url(/img/printscreen-overlay-bottom-left.gif) top left no-repeat; }
.printscreen.optx a.website-overlay:hover { background: url(/img/printscreen-overlay-bottom-center.png) top left no-repeat; _background: url(/img/printscreen-overlay-bottom-center.gif) top left no-repeat; }
.printscreen.particulieren a.website-overlay:hover { background: url(/img/printscreen-overlay-bottom-right.png) top left no-repeat; _background: url(/img/printscreen-overlay-bottom-right.gif) top left no-repeat; }
	
.printscreen span.website {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 218px;
	height: 176px;
	z-index:99; 
}
.printscreen.gemeente span.website { background: url(/img/printscreen-gemeente-top-left.gif) top left no-repeat; }
.printscreen.architecten span.website { background: url(/img/printscreen-architecten-top-center.gif) top left no-repeat; }
.printscreen.zwembaden span.website { background: url(/img/printscreen-zwembaden-top-right.gif) top left no-repeat; }
.printscreen.domotica span.website { background: url(/img/printscreen-domotica-bottom-left.gif) top left no-repeat; }
.printscreen.optx span.website { background: url(/img/printscreen-optx-bottom-center.gif) top left no-repeat; }
.printscreen.particulieren span.website { background: url(/img/printscreen-particulieren-bottom-right.gif) top left no-repeat; }


/* Autosuggest */
#search { z-index: 99999; }
html body div.autocomplete-w1 { position:absolute; top:0px; left:0px; margin:8px 0 0 6px; _margin:0; width: 200px; }
html body div.autocomplete { background:#000; color: #fff; cursor:pointer; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
html body div.autocomplete .selected { background:#F0F0F0; }
html body div.autocomplete div { padding:2px 5px; white-space:nowrap; }
html body div.autocomplete strong { font-weight:normal; color:#d16b19; }


.inspirationVideo {
	float: left; 
	margin: 0 0 20px 21px;
}
.inspirationVideofirst {
	float: left; 
	margin: 0 0 15px 0;
}
.inspirationItem {
	float: left; 
	margin: 0 0 20px 21px;
}
.inspirationItemfirst {
	float: left; 
	margin: 0 0 15px 0;
}
#captcha { 
	float: left;
	margin-top: 10px;
}
#captcha_input { 
	margin: 10px 0 0 10px;
	width: 150px;
}