#wrapper {
  width: 930px;
  height: 800px;
  border: 0px solid red;
  margin:0 auto;
  margin-left: -1px;
}

#header {
  margin-top: 22px;
  height: 103px;
}

#leftColumn {
  float: left;
  width: 240px;
  min-height: 800px;
}

#rightColumn {
  float: left;
  width: 688px;  
  min-height: 800px;
}

.box {
  background: url(../images/interface/boxBackground.gif) repeat-y;
  width: 226px;
  margin-bottom: 6px;
}

.box .content{
  min-height: 150px;
  width: 226px;
  height: 150px !ie7;
}

.box .content ul {
  margin:0px;
  padding:0px;
}

.box .content ul li {
  padding-left: 48px;
}

.box .content ul li.active { 
  background-color: #ffe2a5;
  cursor: pointer;
}

.box .content ul .title { 
  padding-left:13px;
  font-weight: bold;
  margin-top: 10px;
}

.box .content ul .leftAlign { 
  padding-left:13px;
}

.box .content ul.leftAlign li { 
  padding-left:0px;
}

.box .content ul.leftAlign {
  padding-left:13px;
}

.sameAlign {
  margin-left:12px;
}


.box .footer{
  background: url(../images/interface/boxFooter.gif)  no-repeat;
  height: 12px;
  width: 226px;  
}



/** Box Menu */

.box #titelMenu {
  background: url(../images/interface/boxMenuTop.gif) no-repeat;
  height: 30px;
  width: 226px;  
}

/** Box Toppositie */
.box #titelToppositie {
  background: url(../images/interface/boxTopposities.gif) no-repeat;
  height: 30px;
  width: 226px;
}

/** Box Advertentie */

.box #titelAdvertentie {
  background: url(../images/interface/boxAdvertentie.gif) no-repeat;
  height: 30px;
  width: 226px;  
}

/** Box Webmaster */

.box #titelWebmaster {
  background: url(../images/interface/boxWebmaster.gif) no-repeat;
  height: 30px;
  width: 226px;  
}

.hBackground {
  background: url(../images/interface/contentTitleBackground.gif) no-repeat;
  height: 17px;
  width: 687px;  
  font-size: 11px;
  color: white;
  padding-left:10px;
  padding-top:1px;
}

/** Vergelijker */

#vergelijkWrapper .vergelijkerBox {
  background: url(../images/interface/vergelijkerBox.gif) no-repeat;
  height: 109px;
  width: 339px;  
  float: left; 
  margin-bottom: 10px;
}


#vergelijkWrapper .vergelijkerBoxTrans {
  background: url(../images/interface/vergelijkerTransparant.gif) no-repeat;
  height: 109px;
  width: 298px;  
  float: left; 
  margin-bottom: 10px; 
}

#vergelijkWrapper .vergelijkerBoxLeft {

  background: url(../images/interface/vergelijkerBox.gif) no-repeat;
  height: 109px;
  width: 339px;  
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

#vergelijkWrapper .title {
  margin-left:178px;
  margin-top:2px;
  text-align:center;
}


.shifter { 
  position: relative;
  height: 17px;
  width: 274px;
  background: url(../images/interface/shiftLine.gif) no-repeat;
  margin-top: 7px;
  margin-left:12px;
}

.shifterTrans { 
  position: relative;
  height: 17px;
  width: 274px;
  background: url(../images/interface/shiftLineTrans.gif) no-repeat;
  margin-top: 7px;
  margin-left:12px;
}



.shiftMin,
.shiftMax {
  position: absolute; 
  width: 68px; 
  height: 18px; 
  background: url(../images/interface/scrollerLarge.png) no-repeat;
  top:0px;
  cursor:w-resize;
}

.theLine {
border:1px solid #FFAE00;
height:1px;
position:absolute;
top:7px;
background-color: #FFAE00;
}

.shiftOrange {
  position: absolute; 
  width: 18px; 
  height: 18px; 
  background: url(../images/interface/shifter-orange.gif) no-repeat;
  top:0px;
}

.shiftInputWrapper,
.shiftInputWrapperMetOnbeperkt {
  font-size:10px;
  height:27px;
  margin-left:20px;
  margin-top:30px;
}

.shiftInputWrapperMetOnbeperkt {
  margin-top:16px !important;
}

.shiftTop {
  margin-top:10px !important;
}

.shiftInputWrapper div,
.shiftInputWrapperMetOnbeperkt div {
  float: left;
}

.shiftInputWrapper input,
.shiftInputWrapperMetOnbeperkt input {
  width: 40px;
  border: 1px solid #D7F12E
}

.onbeperkt {
  margin-left: 10px;
  margin-top:4px;
}

.scroller {
  height:74px;
  margin-top:-16px;
  overflow-y:scroll;
  float: none !important;
  margin-left:20px;
  margin-top:11px;
}

.scroller .first { 
  width: 150px;
  float: left;
}
.scroller .second { 
  width: 150px;
  float: left;
}
/** Product overzicht */
#productWrapper #tableHeader {
  background-color: #ddf633;
  height: 30px;
  width: 688px;
  font-weight: bold;
  position:relative;
}

#productWrapper #tableSubHeader{ 
  background-color: #ddf633;
  height:20px;
  margin-top:2px;
  margin-bottom:2px;
}

#productWrapper #tableSubHeader div{
  float: left;
  text-align: center;
}

#productWrapper #tableHeader .leftRound {
  background: url(../images/interface/halfRondjeLinks.png) no-repeat;
  height: 8px;
  width: 9px;
  position: absolute;
  left:0px;
  top:0px;  
  position: relative !ie7;
}

#productWrapper #tableHeader .rightRound {
  background: url(../images/interface/halfRondjeRechts.png) no-repeat;
  height: 8px;
  width: 9px;
  position: absolute;
  right:0px;
  top:0px;    
  position: relative !ie7;
  margin-left:680px !ie7;
  margin-top:-21px !ie7;
}
     
#productWrapper #tableHeader #productNaam {
  width: 197px;  
  float: left;    
  text-align:center;  
  padding-top: 7px;
  padding-top: 0px !ie7;
  margin-top:-5px!ie7;
}              

#productWrapper #tableHeader #productBundel {
  width: 168px;
  float: left;    
  text-align:center;  
  padding-top: 7px;
  padding-top: 0px !ie7;
  margin-top:-5px  !ie7;
}              

#productWrapper #tableHeader #productKosten {
  width: 171px;
  float: left;    
  text-align:center;  
  padding-top: 7px;
  padding-top: 0px !ie7;
  margin-top:-5px!ie7;
}              

#productWrapper #tableHeader #productInformatie {
  width: 124px;
  float: left;    
  text-align:center;  
  padding-top: 7px;
  padding-top: 0px !ie7;
  margin-top:-5px!ie7;
}              
#productWrapper table {
  width: 686px;
}

#productWrapper tr.titels {
  background-color: #ddf633;
  border-collapse: collapse;
}

#productWrapper .even {
  background-color: white;  
  min-height:15px;
  height:15px !ie7;
  padding:5px;
}

#productWrapper .oneven {
  background-color: #f2fcb4;

  min-height:15px;
  height:15px !ie7;
  padding:5px;
}

#productWrapper .even div,
#productWrapper .oneven div {
  float: left;
}

#productWrapper .providerBlok {
height:21px;
margin-right:6px;

padding-top:4px;
text-align:center;
width:24px;
}
#productWrapper .providerBlok a {color : white;}
#productWrapper .naam {padding-right:15px;width:184px;}
#productWrapper .omschrijving {width:164px;}
#productWrapper .prijs {width:81px;}
#productWrapper .totaalPrijs {width:96px;}
#productWrapper .bestellen {width:100px;}

#productWrapper .bestellen .winkels {position: absolute; width:200px; height: 200px; margin-left:-166px; margin-top:-12px; background-color: #fffbf3; border: 1px solid #ffdf99; padding:5px; filter: alpha(opacity=90); -moz-opacity:0.90; opacity:.90;}
#productWrapper .bestellen .winkels li.title { font-weight: bold; margin-top: 10px; }
#productWrapper .bestellen .winkels li a {color: black; text-decoration: none;}
#productWrapper .bestellen .winkels li a:hover {color: black; text-decoration: underline;}
#productWrapper .bestellen .winkels strong { font-weight: bold; display: block;}


#frm_banners .input {
  background-color:#F4FBFF;
  border:1px solid #22A9FF;
}