body 
 {margin: 0;
  padding: 0;
  background: #86A2D2 url(http://www.zonweringstunter.nl/file/2032/bg-zonweringstunter.png) repeat-x;
  text-align: center;}

.topmenu {
 padding:2px;
 height:19px;
 width:886px;
 background:#FF8600;
}

.topmenu ul {
list-style:none;
padding:0px;
margin:0px;
}

.topmenu ul li{
float:left;
height:19px;
line-height:19px;
margin-left:5px;
margin-right:5px;
}

.topmenu a{
color:black;
text-decoration:none;
}

.topmenu a:hover{
text-decoration:underline;
}


.aktiehighlight
 {background-color: #FFEFBB;
  padding: 10px;
  margin-bottom: 10px;
  line-height: 150%;}

.aktiehighlight 
 {font-size: 13px;}

.aktiehighlight img 
 {margin: 6px;
  border: 1px solid #666;}

font, td, body
 {font-size: 11px!important;
  line-height: 140%;
  font-family: verdana, arial, helvetica, sans-serif!important;}

table, td
 {border: none!important;}

h1
 {font-size: 13px;
  line-height: 110%;
  text-transform: uppercase;
  margin-top: 0px;
  margin-bottom: 12px;}

h2 
 {font-size: 15px;}

h4 
 {color: #FF8600;
  font-size: 15px;
  display: block;
  line-height: 150%;
  border-bottom: 1px solid #ff8600;}

img  {border: 0;}
p    {margin-top: 0;}
th   {font-size: 13px;}

a 
 {color: #FF8601;}
a:hover 
 {color: #834501;}

a.home, a.pdf, a.print, a.mail 
 {display: block;
  float: left;
  width: 18px;
  height: 16px;
  margin: 3px 5px 0 4px;
  background: url(/sites/zonweringstunter/images/icon-home.png) 50% 50% no-repeat;
  border: 1px solid #FF8601;}
a.pdf
 {background: url(/sites/zonweringstunter/images/icon-pdf.png) 50% 50% no-repeat;}
a.print
 {background: url(/sites/zonweringstunter/images/icon-print.png) 50% 50% no-repeat;}
a.mail
 {background: url(/sites/zonweringstunter/images/icon-mail.png) 50% 50% no-repeat;}
a.home:hover, a.pdf:hover, a.print:hover, a.mail:hover
 {border: 1px solid #fff;}

input 
 {font-family: arial;
  font-size: 11px;}

table.arial td  
 {font-size: 11px!important;
  font-family: arial!important;
  padding: 2px 5px 2px 5px;}

#searchbox 
 {position: absolute;
  left: 50%;
  margin-left: 100px;
  z-index: 11;}

#searchfield 
 {background: url(/sites/zonweringstunter/images/bg-searchfield.png) 0px 0px no-repeat;
  width: 100px;
  height: 18px;
  border: 0;
  font-family: arial, sans-serif;
  font-size: 11px;
  padding-left: 4px;
  margin-top: 2px;}

.searchbutton 
 {background-color: transparent;
  font-family: verdana, sans-serif;
  font-size: 10px;
  line-height: 200%;
  border: 0;
  width: 40px;
  font-weight: bold;
  text-transform: uppercase;}

/* background-images */

#header         
 {background: url(/sites/zonweringstunter/images/background_gradient1.gif) 0px 0px repeat-x;}
#leftCol        
 {background: url(/sites/zonweringstunter/images/bg-leftcol.png) 0px 0px repeat-x;}

#leftCol div 
 {text-align: center;
  padding: 25px 0 0 0;}
#leftCol div a
 {color: #000;}

#container
 {display: block;
  background: url(/file/2053/bg-container.png) right repeat-y;
  width: 890px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  margin-left: auto;
  margin-right: auto;
  text-align: left;}
 
#logo
 {display: block;
  height: 125px;
  margin-left: 140px;}

#header
 {display: block;
  position: relative;
  height: 130px;}

#steps 
 {position: absolute;
  z-index: 10;
  top: 31px;
  left: 50%;
  margin-left: 240px;}

#topBar
 {display: block;
  position: relative;
  height: 22px;
  background-color: #ff8600;}
  
#leftCol
 {display: block;
  width: 128px;
  _width: 126px;
  min-height: 620px;
  _height: 620px;
  float: left;
  margin-top: 4px;}

#nav, #nav ul
 { /* all lists */
  margin: 0;
  padding: 0;
  list-style: none;}
#nav li a
 {text-decoration: none;
  color: #000;
  width: 123px;
  _width: 121px;
  line-height: 150%;
  padding: 2px 0 2px 0;
  display: block;}
#nav li a:hover
 {background: url(/sites/zonweringstunter/images/menu_active.gif) right repeat-y;}
#nav li li a
 {text-decoration: none;
  display: block;}
#nav li li a:hover 
 {}
li.first 
 {float: left; 
  display: block;
  width: 123px;
  padding-left: 5px;}
li.first a 
 {}
li.first a:hover 
 {}




#nav li ul
 { /* second-level lists */
  position: absolute;
  margin: -25px 0 0 122px;
  _margin: -10px 0 0 12px;
  background-color: #FFC60A;
  padding: 6px;
  left: -999em;}

#nav li li a 
 {width: 200px;}

#nav li li a:hover 
 {background: url(/sites/zonweringstunter/images/menu_active.gif) right repeat-y;
  text-decoration: underline;
  color: #333;}

#nav li ul ul
 { /* third-and-above-level lists */
  display: none;}
#nav li:hover ul ul, #nav li.sfhover ul ul
 {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul
 { /* lists nested under hovered list items */
  left: auto;}

#centerCol
 {display: block;
  width: 565px;
  margin: 4px 0px 0px 5px;
  padding: 6px 6px 30px 6px;
  float: left;}
 
#rightCol
 {display: block;
  width: 160px;
  float: right;}

#bottomBar
 {display: block;
  height: 34px;
  line-height: 28px;
  width: 100%;
  margin-top: 4px;
  padding: 0;
  background-color: #ff8600;
  float: left;
  text-align: center;}
  
ul.mainMenu 
 {margin: 0;
  padding: 3px 0 0 30px;
  list-style: none;
  font-size: 12px;}

ul.mainMenu li 
 {float: left;
  display: block;
  font-size: 11px;
  color: #000;}
ul.mainMenu li a 
 {color: #000;
  margin-left: 4px;
  font-size: 12px;
  text-decoration: none;}
ul.mainMenu li a:hover
 {color: #fff;}

span.orange 
 {color: #FF8601;}

ol#searchpage li
 {margin-bottom: 10px;}
ol#searchpage span
 {font-weight: bold;}
ol#searchpage a
 {text-decoration: none;
  color: #000;}
ol#searchpage a:hover 
 {color: #666;}

.ocms b 
 {font-size: 15px;
  color: #FF8600;
  line-height: 150%;
  border-bottom: 1px solid #ff8600;}

tr.fqrowTotaalbedrag td, input#fq_Totaalbedrag
 {color: #FF8600;
  font-size: 19px!important;}
input#fq_Totaalbedrag
 {font-weight: bold;}
.ocmssubmit, .cartButton 
 {background-color: #ff8600;
  color: #fff;
  font-weight: bold;}

select
 {font-family: arial;
  font-size: 11px;}


ul.frontpagebox 
 {margin: 30px 0 0 10px;
  clear: both;
  padding: 0;
  list-style: none;}

ul.frontpagebox li, ul.box2 li
 {margin: 0;
  padding: 0;
  float: left;
  width: 170px;}
ul.frontpagebox li a:hover 
 {color: #999;}

ul.frontpagebox a 
 {xwidth: 170px;}

ul.frontpagebox li p 
 {padding: 2px 3px 2px 3px;
  margin: 0;}

#seo 
 {padding: 5px;
  margin: 0 auto;
  width: 700px;}
#seo a 
 {color: #999;
  padding-right: 10px;
  font-size: 10px;}

.fb0,
.fb1,
.fb3,
.fb4
 {xpadding-right: 16px!important;}

.fb0 h2, .fb1 h2, .fb2 h2, .fb3 h2 , .fb4 h2 , .fb5 h2
 {font-size: 11px;
  margin: 0;
  xwidth: 164px;
  line-height: 180%;
  padding: 0 3px 0 3px;}

.fb0 h2 {background-color: #FFC60A;}
.fb1 h2 {background-color: #FFAC0B;}
.fb2 h2 {background-color: #FF8701;}
.fb3 h2 {background-color: #FFC60A;}
.fb4 h2 {background-color: #FFAC0B;}
.fb5 h2 {background-color: #FF8701;}

.box2 
 {width: 550px;}

.box2 h2 
 {background: url(/sites/zonweringstunter/images/bg-bestbuy.gif) 0 0 no-repeat;
  font-size: 11px;
  display: block;
  height: 30px;
  margin: 0;
  padding: 30px 0 10px 40px;}

#startboxaktie 
 {float: left;
  padding: 0 20px 10px 10px ;}
#startboxaktie h2 
 {color: #FF8601;
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0 14px 0;}

.box2 li a 
 {color: #000!important;
  display: block;
  text-decoration: none;
  border: 1px solid #fff;}
.box2 li a img 
 {padding: 5px;}
.box2 li a:hover 
 {border: 1px solid #666;}

ul.box2 
 {xborder: 1px solid red;}

#suggesties
 {font-size: 10px;
  font-weight: bold;
  color: #FF9900;}

#suggesties p 
 {margin: 12px 0 0 0;}

#suggesties a 
 {color: #000;}
#suggesties a:hover 
 {color: #999;}

#suggesties strong 
 {color: #000;
  font-weight: normal;}

h3.bigstar 
 {background: url(/sites/zonweringstunter/images/bg-header.png) 0px 0px no-repeat;
  line-height: 60px!important;
  height: 60px!important;
  color: #000;
  position: absolute;
  font-size: 11px!important;
  margin-left: -20px!important;
  padding-left: 30px!important;
  text-transform: uppercase;}


#special ul 
 {margin: 0;
  padding: 0;
  list-style: none;}

#special h3 
 {margin: 8px 0 4px -20px;
  padding: 0;}


#productoverzicht img
 {border: 1px solid #676767;
  padding: 7px;
  margin-right: 10px;
  float: left;}

#productoverzicht 
 {line-height: 160%;}

#productoverzicht h1 
 {color: #FF8601;}

#productoverzicht a 
 {color: #414141;}
#productoverzicht a:hover 
 {color: #b1b1b1}

/* cart stuff */

.cartalter th 
 {color: #fff;
  background-color: #FF8600; }

#tinyCart 
 {padding-right: 10px;
float:right;
}
#tinyCart a 
 {color: #000;
  padding-left: 20px;
  line-height: 150%;
  background: url(/sites/zonweringstunter/images/icon-cart.png) 0px 2px no-repeat;}



/* onderdelen-shop stuff */

div.onderdeelgroup
 {width: 163px;
  margin-right: 28px;
  float: left;
  background: green;
  min-height: 230px;}

div.onderdeelgroup p
 {margin: 0;
  height: 70px;
  padding: 2px 8px 2px 8px;}

div.onderdeelgroup ul 
 {list-style: square;
  font-size: 11px;
  color: #FF8601;
  margin: 8px 0 8px 15px;
  padding: 0;}
div.onderdeelgroup ul a 
 {font-size: 13px;
  line-height: 150%;
  font-weight: bold;}
div.onderdeelgroup ul a:hover 
 {color: #000;}

div.onderdeelgroup h2 
 {width: 163px;
  height: 56px;
  display: block;
  font-size: 12px;
  padding: 0;
  margin: 0;
  color: #000;}
div.onderdeelgroup h2 a 
 {display: block;
  width: 143px;
  height: 40px;
  text-decoration: none;
  color: #000;
  font-family: arial;
  padding: 8px;}
div.onderdeelgroup h2 a:hover 
 {color: #EB6601;}


div.group3
 {background: url(/sites/zonweringstunter/images/bg-group3.png) 0 0 no-repeat;}
div.group2
 {background: url(/sites/zonweringstunter/images/bg-group2.png) 0 0 no-repeat;}
div.group4 
 {background: url(/sites/zonweringstunter/images/bg-group4.png) 0 0 no-repeat;
  margin-right: 0!important;}


/* productlist */

#productlist td
 {vertical-align: top;}

#productlist h3 
 {font-family: arial;
  margin-top: 0;
  font-size: 13px;}

.productListSubmit
 {width: 261px;
  height: 22px;
  border: none;
  cursor: pointer;
  float: right;
  background: url(/sites/zonweringstunter/images/productlistsubmit.png) 0 0 no-repeat;}

.addedIndicator
 {color: red;
  font-style: italic;}

.lefttopbottomborder
 {border-left: 1px solid #ccc!important;
  border-top: 1px solid #ccc!important;
  border-bottom: 1px solid #ccc!important;}

.toprightborder
 {border-top: 1px solid #ccc!important;
  border-right: 1px solid #ccc!important;}

.bottomrightborder
 {border-bottom: 1px solid #ccc!important;
  border-right: 1px solid #ccc!important;}

.pathlist, .pathlist a 
 {color: #FF8601;
  font-weight: bold;
  font-size: 12px;}
.pathlist 
 {margin-bottom: 20px;}

.skp {font-size: 12px!important;}

/* float fixes */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix 
 {display: inline-block;}  

 /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
      .clearfix {display: block;}
 /* End Holly Hack */

.ocms tr { display: block; clear: all; }

.seo_container {
width:890px;
margin-left:auto;
margin-right:auto;
overflow:hidden;
}

.seo_container a {
color:black;
}