/* ============================================================	*/ 
/* ========	GENERAL	  	===============================	*/
/* ============================================================	*/ 

html {height:100%; width:100%; overflow-y:scroll; /**//*overflow: -moz-scrollbars-vertical;*/}
body {margin:0 0 0 0; width:100%; height:100%; text-align:center;}
	
img, div{_behavior: url(baseCss/iepngfix.htc);}
img {border:0px solid #000000;}
	
body, table, th, td, p, input, textarea, select {font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px;}
h1, h2, h3, h4, h5, h6 {margin:0 0 0 0; padding:0 0 0 0;}

.w35 { width:30px;display:inline-block;}

a:focus {outline:none;}
a {color:#666666; text-decoration:none;}
.mainContent a {text-decoration:underline;}
a:hover {text-decoration:underline; cursor:hand;}

span.pageTitle {font-size:20px; font-family:"Trebuchet MS", Helvetica; display:block;}
	
h1 {font-family:"Trebuchet MS", Helvetica; font-size:20px; font-weight:normal;}
h1.small {font-family:"Trebuchet MS", Helvetica; font-size:12px; font-weight:bold;}
h2 {font-size:20px; color:#FFFFFF;}
h3 {font-family:"Trebuchet MS", Helvetica; font-size:18px; font-weight:normal; margin:0 0 7px 0;}

p {margin:0 0 0 0; padding:0 0 18px 0;}
	
hr {display:block; border-top:0px solid #FFFFFF; border-right:0px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-left:0px solid #FFFFFF; background-color:#FFFFFF; line-height:1px; font-size:1px; height:1px; margin:0 0 0 0; #margin:-7px 0 -7px 0; padding:0 0 0 0; overflow:hidden; clear:both;}
.contentBlock hr {margin:auto !important; position:relative; top:-10px;}

ul {	list-style:disc inside;}
	
.button {line-height:22px; height:22px; padding:0px 25px 0 25px; display:block; float:right; color:#FFFFFF; text-decoration:none;
         position:absolute;bottom:10px;
         }
.button:hover {text-decoration:none;}
.button span {display:block; font-weight:bold; padding:0 0 3px 16px; position:relative; top:-1px; _margin-bottom:-3px; _height:1px; _float:left;}

.left {float:left;}

a.nextProject {position:absolute; line-height:16px; padding:0 22px 0 0; top:18px; right:17px; text-decoration:none; font-weight:bold; font-family:"Trebuchet MS", Helvetica;	}
a.nextProject:hover {text-decoration:underline;}

strong.productTitle {font-size:14px;}
strong.projectTitle {font-size:12px;}

.productImage {position:absolute; top:0px; left:0px;}
th {text-align:left;}


.landingspagina {background:#FFFFFF url(../gfx/background-visual-home.jpg) 0px 163px repeat-x !important;}
.imageNav {clear:both; position:relative;}
body.landingspagina div.header div.imageNav a,
body.landingspagina div.header div.imageNav a img {width:315px !important; height:247px !important; float:left !important; overflow:hidden; border:0px solid #FFFFFF !important; margin:0 0 0 0 !important; padding:0 0 0 0 !important; border:0px solid #FFFFFF;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.btnData {width:315px; display:block; height:39px; float:left;}
.btnData:hover {	background-position:-316px 0px;}

.btnMotion {width:315px; display:block; height:39px; float:left;}
.btnMotion:hover {background-position:-316px 0px;}

.btnAcoustics {width:315px; display:block; height:39px; float:left;}
.btnAcoustics:hover {background-position:-316px 0px;}

#container {position:relative; margin:0 auto 0 auto; width:950px; min-height:100%; _height:100%; text-align:left;}

/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

div.topNav {height:124px; width:950px; overflow:hidden;}
div.header {height:286px; position:relative; overflow:hidden; _width:953px;}

.headerContent {position:absolute; height:190px; border-top:1px solid #000000; bottom:0px; left:0px; width:950px;}
.headernewsContent  {position:absolute; height:190px; bottom:0px; left:0px; width:950px;}

div.headerSidebar {width:160px; padding:15px 0 0 0; position:relative; left:15px; float:left;}
div.headerMain {margin:0 0 0 200px; padding:8px 0 8px 0;}

/*contact: adres*/
div.headerMain div.adres {line-height:15px; width:230px; border-right:1px solid #FFFFFF; float:left; position:relative; left:25px; padding:25px 0 25px 0;}
div.headerMain div.adres strong {line-height:18px; color:#669966;}
div.headerMain div.adres a {color:#669966}
/*contact: info*/
div.headerMain div.info {line-height:15px; position:relative; padding:25px 0 25px 0; margin:0 0 0 275px;}
div.headerMain div.info strong {line-height:18px; color:#669966;}
/*contact: profile*/
div.headerMain div.profile {line-height:15px; position:relative; padding:25px 0 25px 0; margin:0 290px 0 25px;}
div.headerMain div.profile strong {line-height:18px; color:#669966;}
/*nieuwsbericht: title*/
div.headerMain div.title {line-height:15px; position:relative; left:25px; padding:15px 0 25px 0; width:160px; text-align:right;}
div.headerMain div.title span.kop {color:#669966; font-size:20px; line-height:21px;}
div.headerMain div.title span.datum {clear:both; display:block; color:#999999;}
/*nieuwsbericht: image*/
/*div.headerMain div.image {width:520px; position:absolute; top:0px; right:0px;}*/
div.headerMain div.image {width:759px; position:absolute; top:0px; right:0px;}
/*mainNews*/
div.mainNews {width:350px; float:left; position:relative; top:20px; left:25px;}
div.mainNews span {font-size:10px; display:block; padding:0 0 25px 0;}
div.mainNews a {color:#669966; background:transparent url(../gfx/donker-pijltje.gif) 0px 3px no-repeat; padding:0 0 0 15px;}
/*mainNews: image*/
img.mainNewsVisual {position:absolute; top:0px; right:0px;}
/*drieverdeling*/
div.drieverdeling .left {width:215px; float:left; position:relative; left:20px; line-height:20px;}
div.drieverdeling .right {width:215px; float:right; line-height:20px;}
div.drieverdeling .center {margin:0 250px 0 250px; padding:0 30px 0 30px; min-height:175px; _height:155px; line-height:20px; position:relative;}
div.drieverdeling .center select {	width:180px;}
div.mainContent .drieverdeling {overflow:hidden; }

div.quickSearch {position:absolute; top:15px; right:25px; text-align:right;}
div.quickSearch a {text-decoration:none;}

div.quickSearch input.submit {width:16px; height:17px; outline:none; cursor:pointer;}

/*
div.sites {position:absolute; top:22px; left:250px; width:200px;}
div.sites a {display:block; height:26px; line-height:18px; padding:0 0 0 32px; font-size:12px; font-weight:bold; text-decoration:none; letter-spacing:-1px; margin-top:-5px; _margin-top:0px; _margin-bottom:-5px;}

*/

	
div.sites {position:absolute; top:22px; left:250px; width:400px;height:100px;}
div.sites a {position:relative;float:left;width:168px;  padding:0 0 0 32px; font-size:12px; font-weight:bold; text-decoration:none; letter-spacing:-1px;
}


div.sites .sub {padding:0px;margin:0px 0px 0px 0px;border:1px solid white;position:relative;float:left;}
div.sites .sub li {padding:0px;margin:0px 0px 0px 0px;list-style:none;line-height:21px;position:relative;float:left;}
div.sites .sub li ul{padding:0px;margin:0px 0px 0px 0px;position:absolute;top:0px;left:200px;display:none;_display:block;}
div.sites .sub li ul a{padding:0 0 0 32px;margin:0px 0px 0px 0px;}

div.sites .sub li:hover ul{display:block;}


/* ============================================================	*/
/* ========	NAVIGATIE			===============================	*/
/* ============================================================	*/

div.transparency {display:block; width:100%; height:100%; _height:1000px; position:absolute; top:0px; left:0px; filter:alpha(opacity=86); -moz-opacity:.86; opacity:.86;}

div.navigatie * {z-index:500;}
div.navigatie {margin-right:-10px; z-index:500;}
div.navigatie ul {list-style:none outside; margin:0 0 0 0; padding:0 0 0 0;}
div.navigatie ul ul {display:none; position:absolute; top:36px; left:0px; padding:10px 0 15px 0; overflow:hidden;}
div.navigatie li {margin:0 0 0 0; padding:0 0 0 0; float:left; position:relative;}
div.navigatie li li {display:block; margin:0 0 0 0; padding:0 0 0 0; height:auto; min-height:inherit; line-height:normal; width:189px; float:none;}
div.navigatie li li a {height:auto; min-height:inherit; line-height:normal; font-weight:normal; background:transparent !important; margin:0px 20px 0px 20px; width:auto; float:none; text-indent:0px; text-transform:none; padding:3px 0px 3px 0px;}
div.navigatie li:hover ul {display:block;}
div.navigatie a {display:block; height:36px; line-height:36px; font-family:"Trebuchet MS", Arial, Helvetica; text-transform:uppercase; position:relative; float:left; width:189px; font-size:14px; text-decoration:none; font-weight:bold; text-indent:42px;}
div.navigatie a:hover, div.navigatie a.selected {text-decoration:none;}



.transBorder {width:950px; height:4px; line-height:4px; position:absolute; left:0px; top:36px; filter:alpha(opacity=86); -moz-opacity:.86; opacity:.86;}
	
/* ============================================================	*/ 
/* ========	CONTENTBLOCK		===============================	*/
/* ============================================================	*/

div.contentBlock {width:950px; overflow:hidden; padding:0 0 50px 0; position:relative; }
div.mainContent {margin:0 290px 0 205px; line-height:18px; padding:30px 10px 0 10px; position:relative; text-align: justify;}
div.mainContent .drieverdeling {position:relative; left:-5px;}

h3.margin {margin:0 0 0 15px; padding:0 0 10px 0;}

div.sidebar {padding:16px 0 0 0; float:left; width:190px;}
div.sidebar ul {list-style:none outside;}
div.rightSidebar {padding:16px 0 0 0; float:right; width:265px; padding:30px 10px 0 10px; line-height:18px;}

div.rightSidebar ul {list-style:disc outside; margin:0 0 0 0; padding:0 0 0 0;}
div.rightSidebar li {margin:0 0 0 18px; padding:0 0 0 0;}

div.leftSidebar {padding:16px 0 0 0; float:left; width:170px;}
div.leftSidebar a {display:block; text-align:right; text-decoration:none;}
div.leftSidebar a:hover {text-decoration:underline;}
	
div.nieuwsBericht {margin:0 0 0 250px; position:relative;}
div.berichtNav {text-align:right; clear:both; overflow:hidden;}
div.berichtNav a {text-decoration:none;}

/*########## SUBMENU ##########*/

.sidebar .subMenu a.selected {text-decoration:none;}
.sidebar .subMenu ul li a.selected {text-decoration:none;}
	
/*%%%%%%%%%%*/

div.backVisual {position:absolute; text-align:center; width:100%; top:0px; left:0px;}

div.xPos {width:950px; overflow:visible; text-align:left; margin:0 auto 0 auto; position:relative;}
div.xPos img {position:absolute; left:585px; top:420px;}
	
/* ============================================================	*/ 
/* ========	PAGINA INDELINGEN	===============================	*/
/* ============================================================	*/

/*########## NIEUWSPAGINA	##########*/

div.nieuwsItem {width:235px; height:300px; float:left; margin-right:6px; #margin-right:10px; margin-bottom:15px; clear:none;}
div.nieuwsItem strong {display:block; padding:18px 0 18px 0;}
div.nieuwsItem span {display:block;}
div.nieuwsItem a {display:block; padding:0 0 0 14px; text-decoration:none}
div.nieuwsItem span a {display:inline; padding:0 0 0 0; text-decoration:underline; background:transparent;}

.newsdatum {font-size:9px;}

/*########## PRODUCT PAGINA	##########*/

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

form {margin:0px;}

input, select {vertical-align:middle; display:inline;}
input.typeText, input.TextBox {font-weight:normal;}

.formGrid input.typeText, input.TextBox {padding-left:5px;}
input.typeButton {clear:none; padding:2px 15px 2px 15px; cursor:pointer;}
label {vertical-align:middle;}

textarea {font-weight:normal;}
form table td {vertical-align:top; line-height:22px;}
.w200 {width:200px;}

/* ============================================================	*/ 
/* ========	FORMGENERATOR	  	===============================	*/
/* ============================================================	*/ 

input.formGenAddButton {clear:none; padding:2px 15px 2px 15px; cursor:pointer;}

/*
.formGenerator{margin-top:20px;}
.formGenerator, .errorsummary *, .formSentMessage li {font-family:Verdana, Arial, Helvetica, Sans-serif; font-size:11px; line-height:18px; font-weight:normal;}
.errorsummary * {color:Red;}

.formGenerator td {vertical-align:top; padding:0 5px 0 0; line-height:22px;}
.formElementLabel {width:200px;}
*/
.formGenerator input,
.formGenerator label,
.formGenerator select {font-weight:normal; width:200px;}
.formGenerator textarea {font-weight:normal; width:204px;}
.formGenerator .formElementLabel {color:#333333 !important;}
.formGenerator td {line-height:22px;}
.formGenerator td td {line-height:normal;}
input.typeText, input.TextBox, .MultiLineTextBox {border:1px solid #999999 !important; color:#333333 !important;}
/*
.formGenerator td label {font-weight:normal;}
.formGenerator td td label {padding:2px;}
.RadioButtonList td {padding:3px 3px 0 3px;}
.RadioButtonList * {text-align:center; margin:0 auto;}
.CheckBoxList td {padding:0 0 0 0; margin:0 0 0 0;}
.CheckBoxList input {clear:none; float:left; margin:8px 0 0 5px; #margin:5px 0 0 5px;}
.CheckBoxList label {margin:0 0 0 20px; clear:none;}
*/

/* HOME */

div.firstRow {padding-bottom:15px; overflow:hidden; width:950px;}
div.firstRow div.title {position:relative; width:920px; padding:15px; overflow:hidden;}
div.firstRow div.title h1{float:left;}
	
div.firstRow div.left {float:left; width:295px; height:165px; position:relative; left:15px; line-height:15px; overflow:hidden;}
div.firstRow div.left .margin, div.firstRow div.right .margin {margin:0 20px 0 20px; padding:20px 0 20px 0; overflow:hidden;}
div.firstRow div.right {float:right; width:295px; height:165px; position:relative; right:15px; line-height:15px; overflow:hidden;}
div.firstRow div.center {margin-left:32px; text-align:center; overflow:hidden; float:left;}
div.firstRow div.center img {display:block;}
/**/	
div.secondRow {padding-top:15px; padding-bottom:15px; overflow:hidden; width:950px;}
div.secondRow span {font-size:9px;}
div.secondRow strong {display:block;}
div.secondRow div.left {float:left; width:295px; position:relative; left:15px; overflow:hidden;}
div.secondRow div.right {float:right; width:295px; position:relative; right:15px; overflow:hidden;}
div.secondRow div.center {margin:0 325px 0 325px;}
div.secondRow div.center div.visual {float:left; position:relative; overflow:hidden;}
	
div.secondRow div.center div.visual img {display:block;}
div.secondRow div.center div.visual .topRight,
div.secondRow div.center div.visual .bottomRight,
div.secondRow div.center div.visual .bottomLeft,
div.secondRow div.center div.visual .topLeft {display:block; width:8px; height:8px; position:absolute; line-height:1px; font-size:1px;}
div.secondRow div.center div.visual .topRight {background:transparent url(../gfx/top-right.png) top right no-repeat; top:0px; right:0px;}
div.secondRow div.center div.visual .bottomRight {background:transparent url(../gfx/bottom-right.png) bottom right no-repeat; bottom:0px; _bottom:-1px; right:0px;}
div.secondRow div.center div.visual .bottomLeft {background:transparent url(../gfx/bottom-left.png) bottom left no-repeat; bottom:0px; _bottom:-1px; left:0px;}
div.secondRow div.center div.visual .topLeft {background:transparent url(../gfx/top-left.png) top left no-repeat; top:0px; left:0px;}

/*.absoluteBack img {position:absolute; top:0px; left:0px; z-index:0;}
.firstRow left .margin {position:relative; z-index:999;}
.absoluteBack img {width:auto !important; height:auto !important;}
div.secondRow div.right div.margin {margin:0 20px 0 20px; padding:20px 0 20px 0; overflow:hidden;}*/

.absoluteBack {position:absolute; top:0px; left:0px; z-index:-1;}
div.secondRow div.right div.margin {margin:0 20px 0 20px; padding:0 0 20px 0; overflow:hidden;}
		
		/**/
.moreNews {text-align:right; clear:both; margin:0 7px 0 0; #margin:0 0 0 0;}
.moreNews a {padding:0 0 0 15px; display:block; float:right; text-decoration:none; line-height:15px; position:relative; right:10px;}
.moreNews a:hover {text-decoration:underline;}

.pageNav {text-align:right; font-weight:bold;}
.pageNav a {font-weight:bold;}
	
a.result {text-decoration:none;}




#flashObject {width:760px; height:190px; position:absolute; right:0px; top:0px;}
	
.productsDetail {margin:0 0 0 225px; padding:16px 0 0 0;}
.productsDetail .rightSpecs {margin:0 0 0 230px;}

.rightSpecs ul {margin:0 0 0 0; padding:0 0 18px 0; list-style:disc inside;}
.rightSpecs li {line-height:24px; margin:0 0 0 0; padding:0 0 0 0;}
.rightSpecs .margin {margin:0 0 0 24px; padding:20px 0 0 0;}

.detail {display:block; padding:0 0 3px 0; overflow:hidden;}
.detail img {display:block;}

.leftDetail {display:block; width:162px; overflow:hidden; float:left;}
.leftDetail div {display:block; clear:both;}
.leftDetail div a {padding: 0px 6px 6px 0px;}
		
.thumb, .thumb img {display:block; float:left;}
.thumb {padding:0 3px 0 0;}

.leftInfo {width:200px; float:left; line-height:18px; padding:13px 0 0 0;}
.firstColumn {_height:235px; min-height:235px;}


div.relatedItems {background:transparent url(../gfx/gradient.gif) left bottom repeat-x; overflow:hidden; padding:15px; position:relative; left:-15px; width:205px; _width:175px;}
div.relatedItems a {padding:0 0 0 15px; background:transparent url(../gfx/sub-arrow.gif) -15px 50% no-repeat; line-height:20px;}
div.relatedItems a:hover {background:transparent url(../gfx/sub-arrow.gif) 0px 50% no-repeat; text-decoration:none;}

div.category {border-bottom:1px solid #999999; overflow:hidden; font-size:14px; line-height:20px; padding:20px 0 0 0;}

div.accessoire {border-bottom:1px solid #CCCCCC; overflow:hidden; padding:9px 0 9px 0;}
div.accessoire img {float:right;}
div.accessoire .content {margin:0 200px 0 0; line-height:18px; padding:5px 0 0 0;}


/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div#footer {position:absolute; bottom:0; left:0; width:950px; clear:both; line-height:20px; height:20px; text-indent:20px; margin-bottom:3px;}
div#footer a {font-size:10px; text-decoration:none;}
	
html>body #footer {top:expression(document.getElementById('container').clientHeight - 22 + "px");}