html, body {height: 100%;}

body {font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 18px; color: #444444 /*949494*/;padding: 0; margin: 0;   
      background-image: url(../Images/stippels.png);background-color:#e4eff5;background-color: #ffffff;}
      
#page {/*padding: 5px;*/margin: auto;width:900px;/*padding-bottom: 20px;*/background-color: #ffffff;min-height:700px;clear:both;padding-top:5px;}
#footer {background-color: #2F3637;height: 100px;color:#ffffff}
.tblMain {/*width: 100%;*//*width:900px;*//*border: 1px solid red;*/}
.tblMain td {/*border: 1px solid red;*/}
#navigation_bottom {margin: auto;width:900px;}
a {color: #444444 /*949494*/;}
h1 {margin-top:0px;line-height:30px;font-size:22px;}

form {margin:0;padding:0;}
td {vertical-align: top;}
li {line-height: 20px;}

a img {border: 0px;}
.hide { display: none;}
.clear {clear:both;}
.legend {clear: both;font-size: 12px;color: #018AB4;}
.message {display: block;clear: both;color: red;}

.leftCol {/*width: 220px;*/}
.verwelkomingstekst  {width: 270px;}
.rightCol{/*width: 500px;*/}
.rightCol table, .rightCol td, .rightCol th {padding:0px; margin:0px;}

.rightCol h1 {clear:both;}
.system-block {border: 1px solid #cdcdcd; padding: 5px;margin-bottom:10px;}
.system-block img.logos {height:60px; float:right;}
.system-block h1 {clear:none;}
.system-image {float:left;width:300px;}
.system-image img {float:right;}
.system-description {float:right;width:340px;padding-right:5px;}

.cnt_eigenschap {width:200px;float:left;border-bottom: 1px dashed #ccc;margin:5px;padding:5px 0 5px;height:50px;}
.cnt_eigenschap .filter_naam {font-weight:bold;display:block;font-size: 10px;}
.cnt_eigenschap .filter_omschrijving {width:200px;}
.cnt_eigenschap select {width:200px;}
.cnt_eigenschap .filter_reset {float:right;}

.cnt_eigenschap_singlecheckbox {clear:left;height: auto;border: 0px;margin:0px;padding:0px;}
.cnt_eigenschap_singlecheckbox .filter_naam {font-weight:bold;/*display:block;*/float:right;}
.cnt_eigenschap_singlecheckbox .filter_omschrijving {width:200px;float:left;display:inline;width: 20px;}

.cnt_products_product {width: 204px;height: 106px; margin:0px 5px 5px 5px;clear:none;float:left;border: 1px solid #eeeeee;padding-right: 5px;}/*eeeeee*/
.cnt_products_product img {width: 100px;margin: 2px 2px 2px 2px;float:left;border: 1px solid #eeeeee;}/*cdcdcd*/
.cnt_products_product input {margin-right: 50px;}
.cnt_products_product a {}
#cnt_producten table {width: 670px/*100%*/;border-collapse: collapse;}

.listDhg_selected{font-weight:bold;}

/* duco custom*/
.cnt_nav { background-color: #55B949;padding: 5px;height: 20px;}
.cnt_nav .foobar div {display:inline; background-color: #55B949; color: #ffffff;font-size:11px;margin: 0px 5px 0px 5px;}
.cnt_nav .foobar div a {color: #ffffff; text-decoration:none;}
/*.cnt_nav .nav_selected, .cnt_nav .foobar div:hover {background-color: #55B949;border-bottom:1px solid #ffffff;}*/
.cnt_nav .foobar {float:right;}
.cnt_nav .separator {color: #ffffff;}

.cnt_nav .cnt_nav_small {margin: auto;width:900px;}
.headercontainer {margin: auto;width:900px;padding:5px;}

.cnt_subnav div {background-color: #EFEFEF; color: #738689;border-bottom:1px solid #ffffff;font-size:11px;padding: 5px;}
.cnt_subnav div a {display: block; color: #738689; text-decoration:none;}
.cnt_subnav .subnav_selected a, .cnt_subnav div:hover a {color: #2F3637;}
.subnav_title {background-color: #2F3637; color: #ffffff;padding: 5px;width: 210px;}
.subnav_green{color:#00B050;}
.subnav_blue{color:#00B0F0;}
.subnav_orange {color:#E36C0A;}

.breadcrumb {font-size: 9px;margin-bottom:5px;}

.green {color:#55B949}

.duco_hoofdgroep {background-color:#55B949; color: #ffffff;display:block;padding: 0px 5px 0px 5px;font-weight:bold;}
.duco_subgroep {clear:both;color: #444444 /*949494*/; background-color: #ffffff;border-bottom: 1px dashed #55B949;display:block;padding:5px;margin: 10px 0px 10px 0px;font-weight:bold;}
.three-columns .duco_hoofdgroep {width:212px;}
.three-columns .duco_subgroep {width:212px;}
.three-columns .duco_hoofdgroep-titel {width:100%;}
#cnt_producten td {border: 1px solid #cdcdcd;}
#cnt_system {border: 1px solid #cdcdcd;/*height:250px;*/}
#cnt_system .thumbnail {float:left;width: 200px;margin-right: 5px;}
#cnt_system .title {clear:both;font-size:18px;font-weight:bold;margin:10px;}
.cnt_productTitle .productTitle {font-size:18px;font-weight:bold;margin:10px;display:block;}
#cnt_system .productTitle {color:#55B949;font-weight:bold;}
#cnt_system td {padding:2px;}
#cnt_system table {border-collapse: collapse;width: 450px;float:right;}
#cnt_system table .first {width: 115px;}
#cnt_system .even {background-color: #efefef;}
#cnt_system .odd {background-color: #ffffff;}

.productgroep {float:left; width: 150px;margin:8px;}

/* nog controleren hieronder */


/* product */
.bestek {width: 350px;height:200px;font-family:Arial;font-size:11px;}

.cnt_detail_cad, .cnt_detail {clear:both;}
input, select {font-family: Verdana, Tahoma, Geneva, sans-serif; font-size: 11px; line-height: 18px;}
input[type=button],input[type=submit]  {border:1px solid #55B949;background-color:#55B949; color: #ffffff;cursor:pointer;padding:5px;}

.leftCol .fancybox img {border:1px solid #018AB4;margin-top:8px;} /*popup control*/


h4 {font-size: 11px;}



.fancyPopup {width: 600px;padding: 10px;background-color: #fff;	display: none;}

#cnt_filter, #cnt_products {position: relative;	overflow: auto;}
#cnt_filter {margin-bottom:10px;}

/* cad */
.iframe {width: 600px; height: 310px;background-color: #ffffff;}
.xml {display: none;}
.iframeLoader {display:none;position:absolute;top:0px;left:0px;background-color: #eeeeee;width: 600px; height: 310px;}
.iframeLoader img {position:absolute;left:288px;top:143px;}
.mijnViewerCanvas {background-color: #ffffff;}

/* bestek */
.bestekcontrol {display:none;}
.bestekcontrol .cont_neutraal {display: none;}
.bestekcontrol textarea, .totalbestekcontrol textarea {font-family: sans-serif;font-size:12px;overflow-x: hidden;}
.bestekcontrol .button {border: 1px solid #888888; padding: 2px 15px 2px 15px; font-weight: bold; background-color: #ffffff;cursor:pointer;font-size:11px; }
.bestekcontrol .melding, .totalbestekcontrol .melding {font-style: italic; color: Red;}

.systeembestekcopy {display:none;}

/*#cnt_productpreview {margin-top: 10px;font-size:10px;background-color: #ffffff; z-index:10;border: 1px solid #444444;}
#cnt_productpreview table {width: 100%;}
#cnt_productpreview table {border-collapse: collapse;}
#cnt_productpreview td {padding: 5px;}
#cnt_productpreview td , #cnt_productpreview table, #cnt_productpreview img {border: 1px solid #cdcdcd;}*/

.cnt_productpreview {font-size:10px;}
.cnt_productpreview table {width: 100%;/*table-layout:fixed;*/border-collapse:collapse;}
.cnt_productpreview table, .cnt_productpreview td {border: 1px solid #cdcdcd;}
.cnt_productpreview td {padding:5px;}

.verwelkomingstekst ul {padding-left:15px;margin-left:0px;}
.verwelkomingstekst {padding: 5px;}

.rightTop {float:right;}

.ui-accordion .ui-accordion-content {padding:0px;}
.ui-widget {font-family: Verdana, Tahoma, Geneva, sans-serif;}

/*duco footer*/
#doormatWrapper {width:100%; margin: 20px 0px 0px 0px;background-color: #2F3637;}
#doormat {width:974px;padding:30px 0px 0px 0px; margin: 0px auto 0px auto;}
#navigation {width:974px;margin:0px auto 0px auto;}
#navigation ul {overflow:hidden;padding:0px;clear:both;margin:0px;display:block;}
#navigation li.navLevel02 img {margin-right:10px;}
#navigation li.navLevel01 {width:242px;padding:0px;font-size:1.28em;margin:0px 0px 0px 0px;float:left;list-style:none none outside;}
#navigation li.navLevel01 .topNormal {display:block; background-color: transparent;}
#navigation li.navLevel01 .topNormal a {height:30px;line-height:30px;padding:0px 0px 5px 0px;font-weight:300;display:block;background-color: transparent;color:#ffffff;text-align:left;} /*background-image?*/
#navigation li.navLevel01 .topNormal a:link {color:#ffffff; text-decoration:none;}
.box-outer {height:100%;overflow:hidden;background-color:transparent;}
#navigation ul li {padding:0px;margin:0px;}
.menu_body {color:#c9d2d1; padding-top:15px !important;font-size: 0.72em;}
ul.menu_body li p {padding:0px;margin:0px;}
#navigation .menu_body li a:link {color: #c9d2d1;text-decoration:none;font-size:100%;}
.clearfloats {clear:both;float:none;}

#closeWide {height:37px;margin-top:-1px;border-top: 4px solid #53a646;}
#close {width:974px;margin:0px auto 0px auto;}
.closeButton {height:28px;line-height:20px;float:right;background-color:#53a646;}
.closeButton a {height: 30px; color:#ffffff; line-height:30px;padding: 0px 20px 0px 10px;text-decoration:none;margin:0px 10px 0px 0px;display:block;outline:invert none 0px;background-color: transparent;}/*background-image*/
.closeButton a:link {color: #ffffff; text-decoration:none;}
#footer {height:20px; width: 100%;text-align:center;color:#598689;padding:40px 0px 10px 0px;margin:auto; background-color: #2F3637;}
#doormatWrapper p {color: #c9d2d1;}

.stabu {text-align:right;margin-top:50px;margin-right:15px;}
.besteklogos {float:right;margin-top:45px;}
.besteklogos img {margin-left: 20px;}

/* start: styled dropdown */
.mWrapper 
{
    padding-top: 3px;
    /*margin-right: 15px;*/
    font-size:10px;
}
.mTrigger {
 border: 1px solid #abadb3;
 width: 207px;
 width: 175px;
 line-height: 19px;
 padding-right: 23px;
 color: #464646;
 background-image: url(/images/mTrigger_select_grey.gif);/*mTrigger_select.gif*/
 background-repeat: no-repeat;
 background-position: right center;
 cursor: pointer;
xborder-radius: 4px 4px 4px 4px;
}
.mTrigger.active 
{

}
.mTrigger.selected 
{
	/*font-weight: bold;*/
	background-image: url(/images/mTrigger_selected.gif);
    background-position: right top;
	border:0px;
}
.mTrigger.notAvailable {
	 color: #999;
	 cursor: default;
	 background-image: url(/images/mTrigger_notAvailable.gif);
}
.mWrapper .title {
    background-image: none;
    border:0px;
}
.mTrigger.result {
	font-weight: bold;
	cursor: default;
	background-image: url(/images/mTrigger_result.gif);
	font-weight:normal;
	background-image: none;
	border:0px;
}

.mTrigger span {
	display: block;
	/*padding-left: 10px;*/
	/*padding-right: 25px;*/
	/*overflow: hidden;*/
	/*height: 19px;*/
	background-image: url(/images/mTrigger-bg.gif);
	background-repeat: repeat-x;
	line-height: 19px;
	/*white-space: nowrap;*/
}
.mWrapper .title span
{
    background-image: none;   
    padding-left:0px;
    font-weight:bold;
    font-size: 10px;
}
.mTrigger.result span , .mTrigger.selected span 
{
    background-image: none;   
}
.mTrigger span:hover {
 color: #000;
}
.mContent 
{
    position: absolute;
	 z-index: 1000;
    display: none;
    margin-top: -1px;
    border: 1px solid #828790;
    background-color: #fff;
    min-width: 213px;
    line-height: 20px;
    
    max-height: 300px;
    overflow: auto;
    overflow-x: hidden;
  	
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0px 0px 3px 3px;
    
}
.mContent ul, .mContent li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.mContent li 
{

}
.mContent li a
{
   display: block;
   white-space: nowrap;
   padding: 1px 5px 1px 10px;
   text-decoration: none;
   color: #000;
}
.mContent li a:hover 
{
    background-color: #3399ff;
    color: #fff;
}
 /* end: styled dropdown */