@charset "utf-8";
/** Common **/
body,
html,
form { margin: 0px; padding: 0px; }
h1,
h2,
h3 { margin: 5px 0px; padding: 0px; }
p { margin: 0px 0px 15px 0px; padding: 0px; }
p.nospace { margin: 0px; }
div.nospace { margin: 0px; }
/*div.nospace p { margin-bottom: 0px; }*/
/** Layout **/
#site-container { margin: auto; width: 960px; }
/** Middle **/
#middle { float: left; clear: none; width: 480px; }
#middle.home { clear: left; width: 730px; }
#middle .block { width: 440px; padding: 0 20px 0 20px; margin-bottom: 10px; }
#middle .block .top { height: 10px; margin: 0px -20px 0px -20px; overflow: hidden; }
#middle .block .bottom { clear: both; height: 11px; margin: 0px -20px 0px -20px; font-size: 5px; overflow: hidden; }

#middle .homeblock { width: 680px; padding: 0 20px 0 20px; margin-bottom: 10px; }
#middle .homeblock .top { height: 10px; margin: 0px -20px 0px -20px; overflow: hidden; }
#middle .homeblock .bottom { clear: both; height: 11px; margin: 0px -20px 0px -20px; font-size: 5px; overflow: hidden; }
#middle.product p, #middle.product ul{margin-bottom: 10px;}

/** Header **/
#header { height: 215px; }
#header .search-bg { float: right; margin: 0 0 -80px -230px; right: 0px; width: 230px; height: 80px; }
#header .search { float: right; padding: 20px 10px 0 10px; top: 0px; right: 0px; width: 210px; height: 60px; }
#header .search span { display: block; height: 20px; }
#header .search form { float: left; display: block; padding-top: 10px; }
#header .search input { float: left; display: block; margin: 0px; padding: 0px; height: 20px; }
#header .search input.search-field { padding: 0px 5px; width: 159px; margin-right: 11px; padding-top: 4px; height: 16px; vertical-align: bottom; }
* html #header .search input.search-field { padding-top: 5px; height: 15px; }
#header .logo { display: block; float: left; margin-top: 50px; }
/** Blocks **/
#left-block,
#right-block { width: 230px; float: left; }
#left-block { margin-right: 10px; }
#right-block { float: right; }
#right-block .block,
#left-block .block { width: 210px; padding: 0 10px; margin-bottom: 10px; }
#right-block .block .top,
#left-block .block .top { height: 10px; margin: 0px -10px; overflow: hidden; }
#right-block .block .bottom,
#left-block .block .bottom { clear: both; height: 11px; margin: 0px -10px; font-size: 5px; overflow: hidden; }
#right-block .block .banner { margin: 0px -9px; overflow: hidden;}
#right-block .block .banner embed, #right-block .block .banner object  { margin: -1px;}
#right-block .block .ie6 .banner { overflow: hidden; width: 228px; height: 130px;}
#right-block .input input { width: 112px; }
/** Fotter **/
#footer { clear: both; }
#bottom-menu { margin-bottom: 10px;}
/** Menu **/
#menu ul { display: block; margin: 0px; padding: 0px; }
#menu ul li { margin-bottom: 10px; overflow: hidden; display: block; padding: 0px; width: 230px; height: 29px;}
#menu ul li a { padding: 0px 10px; display: block;}
#menu ul li ul { display: block; padding: 2px 0px 4px 0px; }
#menu ul li ul li { font-size: 13px; margin-bottom: 0px; clear: both; line-height: 24px; height: 25px; position: relative; z-index: 100; }
#menu ul li.selected a { height: 31px; }
#menu ul li.selected { height: auto; }
.home #menu { height: 31px; }
.home #menu ul { height: 31px; position: absolute; margin-right: -10px; }
.home #menu ul li { float: left; height: 31px; width: 174px; margin: 0px 8px 0px 0px; }
.home #menu ul li ul { height: auto; display: none; position: absolute; top: 31px; z-index: 100; padding: 4px 0 2px 0; }
.home #menu ul li.selected { height: 31px; }
* html #menu ul li { margin-bottom: 7px; }
* html #menu ul li.selected { margin-bottom: 10px; }
#menu ul li.selected ul { display: block; }
/** Input **/
.input { height: 24px; float: left; overflow: hidden; }
.input .l {  float: left; height: 24px; }
.input .r { padding: 4px 6px 0px 6px; float: left; height: 20px; }
.input input { display: block; float: left; margin: 0px; padding: 0px; border: 0px; }
/** Button **/
.green-button,
.green-button input,
.green-button .l,
.green-button .r {  float: left; height: 24px; }
.green-button { overflow: hidden; }
.green-button input { width: 75px; display: block; margin: 0px; padding: 0px; }
.grey-button,
.grey-button input,
.grey-button .l,
.grey-button .r {  float: left; height: 24px; }
.grey-button { overflow: hidden; }
.grey-button input { display: block; margin: 0px; padding: 0px 6px; }
* html .grey-button input { padding: 0px; }
/** Utility **/
.banner { margin-bottom: 10px; }
.right { clear: left; float: right; }
.left { float: left; }
.clear { clear: both; }
.noclear { clear: both; }
.hr { clear: both; height: 15px; font-size: 5px;}
.spacer { clear: both; height: 10px; font-size: 5px; }
.spacer-small { clear: both; height: 5px; font-size: 5px; }
.spacer-right { padding-right: 10px; }
.spacer-left { padding-left: 10px; }
.spacer-top { padding-top: 10px; }
.spacer-bottom { padding-bottom: 10px; }
a.toggle { padding-left: 20px; display: block; }
#bottom-menu { padding: 0px 15px; }
#bottom-menu a {padding: 5px 2px; }
a.but { height: 25px; width: 25px; display: block; float: left; margin-left: 5px;}
.folder { display: block; }
.folded { display: none; padding-top: 15px; }
.search .odd, .search .even { padding: 8px 10px; margin: 0px;}
.full {width: 100%;}
#map {height: 350px;}
.hidden {display: none;}
.show {display: block;}
#route-panel {margin-top: 10px;}
#show-route {width: 100px;}
#street {width: 320px;}
#route-div {height: 34px;}
a.toogle-menu {float: right; display: block; width: 123px; height: 24px; padding-left: 10px; overflow: hidden;}
oogle-menu {float: right; display: block; width: 123px; height: 24px; padding-left: 10px; overflow: hidden;}

/**********************************
 3d Product box
**********************************/

#ps3d_box {
      margin: 5px;
      width:140px;
}

#slider { width: 140px; margin-top: 15px; }

/* Slider
----------------------------------*/
.ui-slider { position: relative; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 12px; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: 5px; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

/*
Ronde hoekjes in FF
.ui-corner-all {
    -moz-border-radius-bottomleft:4px;
    -moz-border-radius-bottomright:4px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
}
*/

.ui-widget-content {
    background-color: #FFFFFF;
    border:1px solid #AAAAAA;
}

.ui-state-default, .ui-widget-content .ui-state-default {
    background-color:#E6E6E6;
    border:1px solid #D3D3D3;
    outline-style:none;
    outline-width:medium;
}

.ps3d {
    width: 140px;
}

/*****************************************/


label.error {
    display: none;
}

#enquette p{
	display:block;
	float:left;
	width:100%;
	
}

#enquette p.w50{
	width:50%;
}

#enquette p.w33{
	width:33%;
}

#enquette .tfield{
	display:block;
	border: 1px solid #999999;
	float:left;
	width:280px;
}

#enquette .tlabel{
	display:block;
	float:left;
	width:130px;
}
#enquette p{
	margin-top:5px;
}
#enquette p.error{
	margin-top:0px;
}