#header, #subheader, #columnright, #footer, #breadcrumb, #carrousel, .print { display: none !important; }

body{ background: #CCC; margin: 0 8px; padding: 0; color: #000000; font: 74%/1.45em  Arial, Helvetica, sans-serif; }

/* toolbox */
.centertxt{ text-align: center; }
.clear{ clear: both !important; display: block !important; }
.clearright{ clear: right !important; }
.clearleft{ clear: left !important; }
.noclear{ clear: none !important; }
.ultrasmall{ font-size: 60%; }
.desc{ font-size: 90%; }
.atta{ font-size: 105%; }
.bigtxt{ font-size: 130%; }
.left{ float: left !important;}
.leftimg{ margin: 4px 12px 4px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 12px; }
.smallpadding{ padding: 6px; }
.rightpadding{ padding: 6px 12px 6px 0; }
.right{ float: right !important; }
.rightimg{ float: right; margin: 4px 0 4px 12px; }
.righttxt{ text-align: right; }
.block{ display: block; }
.wrap{ white-space: normal; }
.nowrap{ white-space: nowrap }
.nobg{ background: none !important; }
.nomargin{ margin: 0 !important; }
.nobor{ border: none; }
.nopad{ padding: 0 !important; }
.noline{ text-decoration: none; }
.hide{ display: none !important; }
.auto{ width: auto; }
.full{ width: 100% !important; }
.linenorm{ line-height: normal; }
.rel{ position: relative; }
.spacerleft{ margin-left: 12px !important; }
.spacerright{ margin-right: 12px !important; }
.spacertop{ margin-top: 12px !important; }
.spacerbottom{ margin-bottom: 12px !important; }
.spacerlefts{ margin-left: 8px !important; }
.spacerrights{ margin-right: 8px !important; }
.spacertops{ margin-top: 8px !important; }
.spacerbottoms{ margin-bottom: 8px !important; }
.bordertop{ border-top: 2px solid #CCC; }
.bordertopl{ border-top: 2px solid #F3F3F3; }
.borderbottom{ border-bottom: 2px solid #CCC; }
.icon{ width:13px; }
.alert{ color: #E01117 !important; }
input.alert{ border-color: #E01117 !important; }
.add{ font-size: 300%; font-weight: bold; padding: 2px 0 6px 30px; clear: both; width: 150px; }
.addnorm{ font-size: 220%; font-weight: bold; padding: 4px 0 4px 0px; clear: both; }
.offer .add{ font-size: 300%; font-weight: bold; padding: 50px 10px 0 0; clear: none; width: auto; }
.offer .combo{ font-size: 140%; position: relative; top: 50px; }
.offer .btnadd{ margin: 55px 0 0 30px; }
.combo{ font-size: 140%; position: relative; }
.combo .strike{ position: absolute; top: -1.5em; left: 1.5em; font-size: 65% !important;  }
.alt{ background: #F3F3F3; }
.altcol { background: #F9F9F9 !important; }
.disable{ -moz-opacity: 0.25; opacity: 0.25; }
.negindent{ position: relative; left: -12px; }
.bold{ font-weight: bold; }
.strike{ text-decoration: line-through; }
.quantity input{ font-size: 90%; }

body.dialog{ background: #FFF !important; }
body.dialog #content{ border: none; }

img, img a{ border: none; }
a{ text-decoration: underline; color: #000; }
li a{ text-decoration: none; color: #000; }
a.more{ background: url(../images/arrow.gif) 0em 0.4em no-repeat; padding: 0 0 0 0.7em; }
a.bold{ font-weight: bold; font-size: 115%; text-decoration: none; }
p{ padding: 0; margin: 0.2em 0 0.8em 0; }
hr.line { color: #CCC; height: 2px; line-height: 1px; background: #CCC; margin: 0 0 10px 0; padding: 0; border: 0; }
img.border{ border: 2px solid #CCCCCC; }
img.borders{ border: 1px solid #CCCCCC; }
a.borders{ border: 1px solid #CCCCCC; }

h1, h2, h3, h4, h5{ font-weight: normal; line-height: normal; font-family: Arial, Helvetica, sans-serif; color: #000000; }
h1 a, h2 a, h3 a, h4 a, h5 a{ text-decoration: none; }
h1{ font-size: 210%; margin:  0.1em 0 0.2em 0; padding: 0 0 0.2em 0; font-weight: bold;}
h2{ font-size: 145%; margin: 0.1em 0 0.2em 0; padding: 0.3em 0 0 0; font-weight: bold; }
h3{ font-size: 125%; margin: 0.1em 0 0.2em 0; padding: 0.3em 0 0 0; font-weight: bold; }
h4{ font-size: 115%; margin: 0 0 0.2em 0; padding: 0.3em 0 0.1em 0; font-weight: bold; }
h5{ font-size: 110%; margin: 0 0 0.1em 0; padding: 0.1em 0 0.1em 0; font-weight: bold; }
h1.indent{ margin-left: 220px; }

table{ font-size: 100%; }
table.order td, table.order th{ padding: 6px 4px; border-collapse: collapse; empty-cells: show; }
table.overview td, table.overview th{ padding: 2px 8px; border-collapse: collapse; empty-cells: show; }

table.bestellen{ border: 2px solid #CCC; }
table.bestellen td, table.bestellen th{ padding: 8px 8px; border-collapse: collapse; empty-cells: show; }
table.bestellen .nopad{ padding: 2px 8px !important; }

.whitetxt, .whitetxt * { color: #000000 !important;  }
.blacktxt, .blacktxt * { color: #000000 !important;  }
.yellowtxt, .yellowtxt * { color: #000000 !important;  }
.bluetxt, .bluetxt * { color: #00A4E3 !important;  }
.greytxt, .greytxt * { color: #BFBFBF !important;  }
.darkgreytxt, .darkgreytxt * { color: #8B8B8B !important;  }

ul{ list-style: disc !important; margin: 0 0 0 1.4em; padding: 0; }
ul li { line-height: normal !important; list-style: disc !important; }

.pager{ clear: both; }
.pager .num a, .pager .num strong{ margin: 0; float: left; height: 21px; width: 26px; text-align: center; }
.pager .num strong{ padding: 0.05em 0 0 0; }
.pager .num{ font-size: 130%; height: 21px; float: left; }
.pager .num{ padding: 0.5em 0; }
.pager a span{ display: none; }
.pager .select{ font-size: 90%; padding: 0.5em 0; float: left; }

.cell{ margin: 0 4px 4px 0; overflow:hidden !important; height:103px; width: 169px; }
.cell .content{ display: none;width:280px; }
.cell h5{ font-size: 100%; }
.cell { font-size: 90%; }
.cell ul .arrowblue{ float:left; width:110px; border:1px solid red; }
.griddb{ margin: 0 22px 0 0; }

.product { display: block; clear: both; width: 100%; position: relative; font-size: 96%; }
.product .details ul{ margin-top: 0.5em; }
.product .config{ float: right; margin-top: 12px !important;}
.product .config div{ float: left; }

.half .quarter{ width: 20% !important; }
.quarter{ width: 20% !important; }
.threequarter{ width: 75% !important; }
.quart{ width: 25% !important; }
.third{ width: 33% !important; }
.twothird{ width: 66% !important; }
.half{ width: 49% !important; }
.fixhalf{ width:50% !important; }
.details{  padding: 0; margin: 0; width: 100%; clear: both; }

#framework{ background: #FFF; width: 100%; margin: auto auto; position: relative; height: 100%;  }
#container{ background: #FFF; height: 100%; }
#content{ float: left; position: relative; width: 100%; }
#columnleft{ width: 100%; float: left; position: relative; }
#columnright{ width: 185px; float: right; position: relative; top: -2.2em; font-size: 96%; }

.tabs{ position: relative; }
.tabs ul{ margin: 0 0 0 10px; padding: 0; list-style: none !important; position: relative; bottom: -1px; }
.tabs li{ float: left; background: none !important; list-style: none; padding: 0; }
.tabs a{ font-weight: bold; background: #00A4E3; color: #FFF; border-color: #F3F3F3; border-style: solid; border-width: 2px 2px 0px 2px; padding: 2px 8px 2px 8px; margin: 0 6px 0 0; border-bottom: 1px solid #007EAE; }
.tabs li.current a{ font-size: 120%; background: #FFF; color: #000; border-color: #CCCCCC; border-style: solid; border-width: 2px 2px 0px 2px; padding: 4px 8px 8px 8px; margin: 0 6px 0 0; position: relative; top: -4px; }

.steps{ float: left; width: 100%; clear: both; }
.steps div{ margin: 0 20px 0 0; float: left;  }
.steps img{ float: left; margin: 0 4px 0 0; }
.steps strong, .steps span{ position: relative; top: 6px; }

.brandbox{ position: relative; font-size: 90%; margin: 0 12px 12px 0; padding: 12px; float: left; width: 144px; min-height: 160px; color: #000; text-decoration: none; }
.brandbox img{ border: 2px solid #00A4E3;  }

.productbox{ position: relative; width: 150px; float: left; margin: 12px 32px 12px 0; min-height: 220px; }

/* third party css */

.stripViewer{ position:relative;overflow:hidden; border:2px solid #00A4E3; margin:0 0 1px 0; }
.stripViewer:hover{ border:2px solid #00A4E3; }
.stripTransmitter{ clear:left; padding: 0; margin: 4px 0 0 0; float: left; }
.stripTransmitter a{ font:bold 10px Verdana,Arial;text-align:center; margin: 0 0 4px 5px; padding: 0px !important; float: left !important; border: 1px solid #CCC; text-decoration:none; }
.stripTransmitter a:hover,a.current{ color:#FFF; border: 1px solid #00A4E3; }
.stripTransmitter ul{ list-style-type:none; margin: 0 !important; padding: 0 !important; float: left; }
.stripTransmitter ul li{ /*width:20px;*/ float:left; padding: 0; background-image: none !important; list-style: none !important;  }
.stripViewer ul{ position:relative; left:0; top:0; width:100%; list-style-type:none !important; float: left; margin: 0 !important; padding: 0 !important; }
.stripViewer ul li{ float:left; margin: 0 !important; padding: 0 !important; background-image: none !important; list-style: none !important; }
.stripViewer li img{ float: left; margin: 0 !important; padding: 0 !important; }

/* switcher */
.switcher .selected {background:#F3F3F3 !important}

/* dialog */
body.dialog {background-color: #FFF !important}
body.dialog #content {border:none}

/* hang en sluit */
.project-group h2 {
    padding: 15px 0px 5px 10px;
}
.project-group ul li.group-multiplicity {
    padding: 5px 0px 5px 10px;
    list-style: none;
    background: none;
}
table.product-data {
    border-collapse: collapse;
}
    table.product-data th,
    table.product-data td {
        padding: 10px 5px 5px 10px;
        border: 1px solid #ccc;
    }
    table.product-data th {
        text-align: left;
    }
    table.product-data td {
        padding: 10px 5px 10px 10px;
        vertical-align: top;
    }

    /* list styles */
    table.product-data td ul {
        margin-left: 10px;
        background-image: none;
    }
        table.product-data td ul li {
            padding: 0;
            background-image: none;
        }