body, table, form, td, input, select, textarea  {
  font-family: arial;
  font-size: 11px;
  color: #848484;
}

/** ********************************* WRAPPER ****************************** **/
#wrapper {
  width: 980px;
  margin-bottom: 10px;
  position: relative;
  left:50%;
  margin-left: -490px;
  margin-left: -500px !ie8;  
}



/** ********************************* HEADER ****************************** **/
#header{
  height: 65px;  
}

#header #logo {
  float: left;
  width:273px; 
}

#header #rightSide {
  float: right;
}

#header #rightSide .left {
  margin-left: 15px;
}

#header #rightSide .left .left {
  margin-left:0px;
}

#header #rightSide .normal {
  width: 129px;
}


#header #rightSide #frm_nieuwsbrief .clear {
  width: 154px; 
}
#header #rightSide #frm_nieuwsbrief #btn_nieuwsbrief {
  margin-top: 1px !ie7;
}

#header #rightSide #winkelwagenTop {
  background:url("../images/interface/new/winkelwagen.gif") no-repeat scroll left 2px transparent;
  font-weight: bold;
  padding-left:17px;
}

#header #rightSide #winkelwagenTop a {
  color: #848484; 
  text-decoration: none;
}

#header #rightSide #winkelwagenTop div {
  font-weight: normal;
}

/** ********************************* TOP MENU ****************************** **/
#topMenu {
  height: 32px;
}

#topMenu ul {
  margin:0px;
  padding:0px;
}

#topMenu ul li {
  float: left;
  list-style: none;
  padding-right: 10px;
  padding-left: 10px;
  border-bottom: 2px solid #c4c4c3;
} 

#topMenu ul li a {
  text-decoration: none;
  color: #848484;
}

#topMenu ul li.active {
  border-bottom: 2px solid #94c140;
}

#topMenu ul li.active a {
  font-weight: bold;
}

/** ********************************* SECONDOPTIES ****************************** **/

#secondOptions {
  height: 32px;
}

/** ********************************* ZOEKEN ****************************** **/

#zoeken {
  width: 300px;
  float: left;

}

#zoeken #zoekBtn {
  margin-top:1px !ie7;
}

#zoeken .normal {
  width: 275px;
}

/** ********************************* SUBMENU ****************************** **/

#subMenu {
  float: left;
  width: 458px;
  margin-top:2px !ie7;
}

#subMenu ul {
  margin:0px;
  padding:0px;
}

#subMenu ul li {
  float: left;
  list-style:none;
  background:url("../images/interface/new/grayArrow.gif") no-repeat scroll left 4px transparent;
  padding-left:9px;
  margin-left:15px;
}

#subMenu ul li a {
  text-decoration: none;
  color: #848484;
}

/** ********************************* COUNTRY ****************************** **/

#country {
  float: right;
  font-weight: bold;

  margin-top:2px !ie7;  
}

#country span {
  margin-left:3px;
}

/** ********************************* KRUIMERLPAD ****************************** **/

#kruimelpad {
  border-bottom: 2px solid #94c140;                        
  padding-bottom: 10px;
  padding-bottom: 10px !ie7;
  margin-bottom:15px;
  position: absolute;
  width: 980px;
  top: 135px;
  top:125px !ie7;
  
  left:0px;
  text-transform: lowercase;
}

/** ********************************* LEFTCOLUMN ****************************** **/
#leftColumn {
  float: left;
  width: 143px;
  margin-top:47px;
}

/** ********************************* SPECIALS ****************************** **/

#specialContainer {
  padding-bottom: 15px;
  border-bottom: 1px solid #c4c4c3;
}

.special {
  background:url("../images/interface/new/special.gif") no-repeat scroll 0 0 transparent;
  width: 143px;
  height: 42px;
  margin-bottom: 8px;
  cursor: pointer;
}

.special a {
  color:white;
  float:right;
  margin-right:17px;
  margin-top:22px;
  text-decoration:none;
  font-size: 12px;
  font-weight: bold;
}

/** ********************************* CATEGORIEN ****************************** **/

#categorien {
  margin-top: 15px;
  border-bottom: 1px solid #c4c4c3;
  padding-bottom: 15px;
}

#categorien ul {
  margin:0px;
  padding:0px;
}

#categorien ul li {
  background:url("../images/interface/new/grayArrow.gif") no-repeat scroll left 6px transparent;
  line-height:20px;
  list-style:none outside none;
  padding-left:9px;
}

#categorien ul li h2 {
  font-size: 11px;
  margin:0px;
  padding:0px;
  font-weight: normal;
}

#categorien ul li a {
  text-decoration: none;
  color: #848484;
  font-weight: normal;
}

#categorien ul li.active a {
  font-weight: bold;
}

#categorien ul li.active li a {
  font-weight: normal;
}

/** ********************************* BEL MIJ TERUG ****************************** **/

#belMijTerug {
  margin-top: 15px;
  border-bottom: 1px solid #c4c4c3;
  padding-bottom: 15px;
}

#belMijTerug .normal {
  width: 130px;
}

#belMijTerug .error {
  margin-bottom:15px;
  display: block;
}

/** ********************************* CONTENT ****************************** **/

#content {
  float: right;
  width: 810px;
  margin-top:47px;
}

#content select {
  width: 251px;
}

/** ********************************* FOOTER ****************************** **/

#footerLinks {
  background-color: #F5F5F5;
  border:1px solid #848484;
  padding: 11px;
  line-height: 20px;
  margin-top:15px;
}

#footerLinks #footerLeft {
  width: 267px;
  float: left;
  margin-top: 8px;
}

#footerLinks .grayArrow {
  background:url("../images/interface/new/arrowGrayFooter.gif") no-repeat scroll left 6px transparent;
}

#footerLinks .grayArrow a {
  text-decoration: none;
  color: #848484;
}

#footerLinks #footerRight {
  float: right;
}

#footerLinks #footerRight .footerColumn {
  float:right;
  margin-right:13px;
  width:155px;
}

#footerLinks #footerRight .footerColumn .title {
  background-color:#94C140;
  border:1px solid #6E8F30;
  color:white;
  font-weight:bold;
  height:21px;
  padding-left:13px;
  padding-right:12px;
  padding-top:0;
}

#footerIcons {
  background-color: #cdcdcc;
  height:37px;
  padding-left:11px;
  padding-top:9px;
  border-left:1px solid #848484;
  border-right:1px solid #848484;
  border-bottom:1px solid #848484;
  border-top: 1px solid #dbdadal;
}

#footerIcons div {
  float: left;
  width: 200px;
}

#footerIcons #incl {
  float:right;
  margin-right:10px;
  margin-top:2px;
  width:200px;
  text-align: right;
}

/** ********************************* FOOTER MENU ****************************** **/

#footerMenu {

}

#footerMenu .grayArrow {
  float: left;
}

#footerMenu a {
  color: #848484;
}

#footerMenu .grayArrow {
  background:url("../images/interface/new/grayArrowFooter.gif") no-repeat scroll left 4px transparent;
}


/** ********************************* PRODUCTEN OVERZICHT ****************************** **/

.productLineHeight {
  height: 10px;
}

tr td .button {
  background-color:#94C140;
  border:1px solid #6E8F30;
  color:white;
  float:left;
  font-weight:bold;
  height:18px;
  margin: 0px;
  padding-left:13px;
  padding-right:12px;
  padding-top:0;
  text-decoration:none;
  line-height:17px;
}

/** ********************************* PRODUCTEN DETAIL ****************************** **/

#productDetail {
  position: relative;
}

#detailImg {

  float:right;

  width:300px;
}

#imgBorder {
  border:1px solid #C4C4C3;
  height:210px;
  text-align:center;
  width:300px;
  padding-top:10px;
}

#productDetail #productGegevens {
  float: left;
  width: 488px;
  height: 588px !ie7;
  min-height: 588px;
  
}

#productGegevens .title {
  float: left;
  color: #848484;
  font-weight: bold;
  margin-right:5px;
  margin-bottom: 0px;
  width: 198px;
} 

#productGegevens .value {
  float: left;
  color: #848484;
} 

#productNaam {
  margin-top:10px; 
    border:1px solid white; 
}

#productNummer {
  margin-bottom:10px;
}

#productNaam .value {
  width: 276px;   

}


#productNummer .value {
  width: 276px;   

}



#productOmschrijving h3 { 
  margin-top:0px;
  margin-bottom: 0px;
  padding:0px;

}

#priceContainer {
  border-bottom: 1px solid #c4c4c3;
  padding-bottom: 10px;
  margin-top: 20px;
  float: left;
  width: 810px;
}
  
#priceContainer #price .title {
  color: #848484;
}

#priceContainer #price .green {
  font-weight: bold;
  font-size: 13px !important;
  padding-left:3px;
}

#price { 
  float: left;
}

#price .green {
  font-size: 17px !important;
  font-weight: bold;
}

#inWinkelandContainer {
  float:right;
  margin-top:20px;
}

#inWinkelandContainer #aantal, 
#inWinkelandContainer #btnInWinkelwagen {
  float: left;
  margin-left: 20px;
  font-weight: bold;
}

.btnInWinkelwagen .left {
  margin-right: 10px;
}

#content a.button {
  background-color:#94C140;
  border:1px solid #6E8F30;
  color:white;
  float:left;
  font-weight:bold;
  height:18px;
  margin: 0px;
  padding-left:13px;
  padding-right:12px;
  padding-top:0;
  text-decoration:none;
  line-height:17px;
}

#content a.buttonRed {
  background-color:#FD515E;
  border:1px solid #fe0000;
  color:white;
  float:left;
  font-weight:bold;
  height:18px;
  margin: 0 33px 0 0;
  padding-left:13px;
  padding-right:12px;
  padding-top:0;
  text-decoration:none;
  line-height:17px;
}


#goBack {
  background:url("../images/interface/new/grayArrowLeft.gif") no-repeat scroll left 6px transparent;
  color:#848484;
  padding-left:9px;
  float: left;
  margin-top: 10px;
}

#goBack a {
  color:#848484;
  text-decoration: none;
}

#vergelijken {
  float: right;
  margin-top: 10px;
}

#vergelijken div {
  margin-right: 10px;
}

#productDetail .ratings {
  float: left;
}

#productDetail .reviewAlert {
  float:left;
  margin-left:10px;
  margin-top:3px;
}

#productDetail .reviewAlert div {
  float: left;  margin-right: 10px;
}

#productDetail .reviewAlert .greenArrowLeft {

}

#nextPrev {
  float: right;
  width:300px;
}

#nextPrev .next {
  float: right;     
  background:url("../images/interface/new/greenArrow.gif") no-repeat scroll right 7px transparent;
  color:#94C140;
  padding-right:9px;
}

#nextPrev .prev {
  float: left;  
  background:url("../images/interface/new/greenArrowPointLeft.gif") no-repeat scroll left 7px transparent;
  color:#94C140;
  padding-left:9px;
  
}

/****************** REVIEWS ***********************/

#reviewContainer {
  border-bottom: 1px solid #C4C4C3;
  padding-bottom:10px;
}

#reviewContainer .reviewItem,
#reviewContainer .reviewItemFirst  {
  padding-bottom: 5px;
  margin-bottom: 5px;
  
}

#reviewContainer .reviewItem {
  border-top: 1px solid #C4C4C3;
  padding-top:10px;
}

#reviewContainer .ratings{
  float: left;
}

#reviewContainer .reviewItemAfzender{
  float: left;
  margin-left:10px;
}

#reviewContainer .reviewItemReview {
  margin-top:5px;

}

#schrijfReview {
  margin-top: 10px;
  border-top:1px solid #C4C4C3;
  padding-top:10px;
}

#schrijfReview .button {
  float: right !important;
}
/** ********************************* WINKELMAND ****************************** **/

#gotoBestelling {
  float: right !important;
}

#bestellingPlaatsenContainer {
  margin-top:10px;
}

/** ********************************* BESTELLEN ****************************** **/

.bestel_stap .bestel_titel,
.bestel_stap_done .bestel_titel {
  padding: 3px;
  background-color: white;
  border:1px solid #848484;  
  margin-bottom:5px;
  /*color: white;*/
} 

.bestel_stap_done .bestel_titel {

}

.bestel_stap_active .bestel_titel {

  font-weight: bold;
  
  background:url("../images/interface/new/greenArrow.gif") no-repeat scroll 5px 11px transparent;
  border:1px solid #C4C4C3;
  color:#94C140;
  margin-bottom:20px;
  padding:5px 5px 5px 15px;
}
.bestel_content{
  padding-top: 10px;
  display: none;
}

.bestel_stap_active .bestel_content{
  display: block;
}


.loading {
  background-color:black;
  border:2px solid #536E1F;
  float:left;
  height:382px;
  left:50%;
  margin:0 auto 0 -436px;
  opacity:1;
  position:absolute;
  top:70px;
  
  width:883px;
  z-index:99;
}

#uitleg {
  color:white;
  font-size:18px;
  margin-left:42px;
  margin-right:20px;
  margin-top:70px;
  text-align:center;
  width:800px;
  margin-top:50px !ie7;

}

#progress {
  height:30px;
  margin-left:35px;
  margin-top:15px;
  width:813px;
  background-color: white;
  border: 2px solid #536E1F;

  position: relative;
}

#bar {
  background-color:#CEDE84;
  height:30px;
  position:absolute;
  width:0%;
  height:28px !ie7;
}

#gaVerder {
  color: white;
  text-align:center;
  font-size: 15px;
  line-height:2;
}

#gaVerder .button {
  float: none !important;
}

#progressPercent {
  position:relative;
  font-size: 25px;
    text-align: center;
}


.seeThrough {
  opacity: 0.3;
  filter: alpha(opacity=30);
}


#bedankt {
  font-size:14px;
}

#afleverDisabled {
  color: silver;
}

#afleverDisabled input,
#afleverDisabled select {
  bordeR: 1px solid silver;
}


/** ********************************* PRODUCTEN OVERZICHT ****************************** **/

.productListItem {
  border-bottom:1px solid #C4C4C3;
  margin-bottom:20px;
  padding-bottom:20px;
  min-height: 84px;
  height:140px !ie7;
  position:relative;
}

.productListItem .productListItemImgContainer {
  float: left;
  width: 110px;
}

.productListItem .productListItemProduct {
  float: left;
  width: 432px;
  width: 416px !ie7;
  margin-left:20px;
  margin-right: 20px;
}

.productListItem .productListItemPrijs {
  float: left;
  width: 228px;

}

.productListItemPrijsConsumentStripe,
.productListItemPrijsConsument,
.productListItemPrijsActie {

}

.productListItemPrijs span {
  float: left;
}


.productListItemPrijs .productListItemPrijsValue {
  float: right;
}



.productListItemPrijsConsumentStripe .productListItemPrijsValue{
  text-decoration: line-through;
}

#content .productListItem .productListItemPrijsConsument .productListItemPrijsValue{
  font-weight: bold;
  color: #94C140;
  font-size: 13px !important;

}

.productListItem .btnInWinkelwagen {
  bottom:14px;
  position:absolute;
  right:0px;
  
  /*bottom:55px !ie7;*/
  bottom: 20px !ie7;
}

.ratings {
  height: 15px;
  width:75px;
  margin-top:5px;
  margin-bottom: 5px;
}

.ratings .rating-box {
  background:url("../images/interface/new/review_star.png") repeat-x scroll 0 0 transparent;
  float:left;
  height:15px;
  margin-right:5px;

  width:75px;
}

.ratings .rating-box .rating {
  background:url("../images/interface/new/review_star_full.png") repeat-x scroll 0 0 transparent;
  float:left;
  height:15px;


}

.productListingSuccess {
  margin-bottom:20px;

}

/** ********************************* EXTRA PRODUCTEN CONTAINER ****************************** **/

.extraProductContainer a {
  text-decoration: none;
}

.extraProductContainerItem,
.extraProductContainerItemFirst {
  border:1px solid #C4C4C3;
  float:left;
  height:43px;
  margin-bottom:12px;
  margin-left:12px;
  padding:5px;
  text-align:center;
  width:140px;
  cursor:pointer;
  
  height:54px !ie7;
}

.extraProductContainerItemFirst {
  margin-left:0px;
}

/** ********************************* BESTELLEN ****************************** **/

#winkelmandIndex {
  
}



#winkelmandIndex #winkelmandIndexContent {
  width: 548px;
  border:1px solid #C4C4C3;
  float: left;
  padding:5px;                  
  position: relative;
  padding-bottom:25px;
}

#winkelmandIndex #winkelmandIndexContent h2 {
  margin-top:0px;
}

#winkelmandIndex #winkelmandIndexColumn {
  width: 230px;

  float: left;
  margin-left:20px;
}

#winkelmandIndex #winkelmandIndexColumn .box {
  border:1px solid #C4C4C3;
  padding:5px;
  margin-bottom: 10px;
}

#winkelmandIndex #winkelmandIndexColumn .box #titleWinkelwagen {
  color:#C4C4C3;
  background:url("../images/interface/new/winkelwagen.gif") no-repeat scroll left 5px transparent;
  font-weight:bold;
  padding-left:17px;
  margin:0px;
  cursor: pointer;
}

#winkelmandIndex #winkelmandIndexColumn .box .title {
  color:#C4C4C3;
  margin:0px;   
  padding-left:17px;
}

#winkelmandIndex #winkelmandIndexColumn .box .titleActive {
  background:url("../images/interface/new/greenArrow.gif") no-repeat scroll 5px 6px transparent;
  color:#94C140;
  padding-left:17px;
}

#winkelmandIndex #winkelmandIndexColumn .box .titleDone {
  color:#848484;
  margin:0px;   
  padding-left:17px;    
  font-weight: bold;
  cursor: pointer;
}

#winkelmandIndex #winkelmandIndexColumn .box .content {
  padding-left: 17px;
}

#winkelmandIndex .left {
  width: 104px;
}

#nextButton {
  position: absolute;
  bottom: 5px;
  right: 5px;
}

#winkelmandIndex .sepaLine {
  height:1px;
  background-color: #C4C4C3; 
  margin-bottom:5px;
  margin-top:5px;
}

#controleOverzicht .left {
  width: 200px;
}

#controleOverzicht #bestellenWinkelwagenLeft {
  float: left;
  width:333px;
}

#controleOverzicht #bestellenWinkelwagenRight {
  float: right;
  width:215px;
}

.arrow {
  background:url("../images/interface/new/greenArrow.gif") no-repeat scroll 0px 7px transparent;
  color:#94C140;
  padding-left:8px;
}

#goBackWinkelmand{
  bottom:-24px;
  position:absolute;
  left:5px;       
}

/** ********************************* ACCOUNT - LEFT COLUMN ****************************** **/

#accountMenu {
  border-bottom:1px solid #C4C4C3;
  padding-bottom:15px;
  margin-bottom: 15px;
}

#accountMenu .grayArrow a {
  color: #848484;
  text-decoration: none;
}
/** ********************************* ACCOUNT - BESTELLINGEN OVERZICHT ****************************** **/

.accountBestellingenOverzicht {
  border: 0px;
  border-top: 1px solid #6E8F30;
}

.accountBestellingenOverzicht legend {
  color: #6E8F30;
}

.accountBestellingenOverzicht table hr {
  border: 0px;
  border-top: 1px solid #C4C4C3;
  height:1px; 
}
/** ********************************* GLOBAL ****************************** **/
a { color: #94c140;}

a img {
  border:0px;
}

.greenArrow {
  background:url("../images/interface/new/greenArrow.gif") no-repeat scroll right 4px transparent;
  color:#94C140;
  padding-right:9px;
}

.greenArrow a { text-decoration: none; }


.grayArrow {
  background:url("../images/interface/new/grayArrow.gif") no-repeat scroll left 4px transparent;
  color:#848484;
  padding-left:9px;
}

input.normal {
  border: 1px solid #c4c4c3;
  height:19px;
  padding-left:5px;
}

.threeLeft {
  margin-left:3px;
}

.threeTop {
  margin-top: 3px;
}

.left { float: left; }
.right { float: right;}

.clear { clear:both; }
.title { 
  color: #94c140; 
  margin-bottom: 10px;
  font-weight: bold;
}

.button {
  background-color: #94c140;
  border:1px solid #6e8f30;
  height:18px;
  padding-top: 3px;
  padding-left:13px;
  padding-right: 12px; 
  float: left;
  text-decoration: none;
  color: white;
  font-weight: bold;
  margin-top: 5px;
}

h1, h2, h3 {
  color: #94C140;
}

h1 {
  margin-top: 0px;
  font-size: 14px;
}

h2 { font-size: 13px;}
h3 { font-size: 12px;}

table, tr, td, form {
  margin:0px;
  padding:0px;
}

#content, p, tr, td {
  line-height:20px;
  font-size: 11px;
}

#content span {
  font-size: 11px !important;
}

.hidden {
  display: none;
}

.stripeThru {
  text-decoration:line-through; 
}

.green {
  color: #94c140;  
}

.succes {
  border: 1px solid #C4C4C3;
  padding:5px 5px 5px 15px;
  margin-bottom: 20px;
  background:url("../images/interface/new/greenArrow.gif") no-repeat scroll 5px 11px transparent;
  color:#94C140;

}

.greenArrowLeft {
  background:url("../images/interface/new/greenArrow.gif") no-repeat scroll left 6px transparent;
  color:#94C140;
  padding-left:9px;
}

.error { color:#FD515E; }

.configOverlay {
  filter: alpha(opacity = 70);
  background-color:white;
  height:418px;
  left:-141px;
  opacity:0.7;
  position:absolute;
  top:79px;
  width:797px;
}

.helper {
  cursor: pointer;
  float: left;
}

.helpAbsoluteHidden {
  display: none;
}

.helpAbsolute,
.helpAbsoluteKlikklak {
  background-color:#536E1F;
  border:1px solid white;
  color:white;
  font-weight:bold;
  min-height:50px;
  height:50px !ie7;
  cursor: pointer;
 
  padding:10px;
  position:absolute;
  width:300px;
  margin-left: 20px;
  margin-left: 0px !ie7;
  
  margin-top: -20px;
  margin-top: 0px !ie7;
}

.helpAbsoluteKlikklak {
margin-top:-127px;
width:227px;
}

.kliklak {
  width: 50px !important;
}

#ticketIframe {
    background: none repeat scroll 0 0 white;
    left: 0;
    position: absolute;
    top: 29px;
    width: 650px;
}

#ticketIframe iframe {
    border: 0 none;
    height: 515px;
    height: 535px !ie7;
    width: 650px;
    border: 0px;
}

#wrapper #content a:hover,
#wrapper #content a.hover,
#wrapper #categorien ul li a:hover,
#wrapper #categorien ul li a.hover,
#wrapper #subMenu ul li a:hover,
#wrapper #subMenu ul li a.hover,
#wrapepr #topMenu ul li a:hover,
#wrapepr #topMenu ul li a.hover,
#header #rightSide #winkelwagenTop a:hover,
#header #rightSide #winkelwagenTop a.hover,
.greenArrow a:hover,
.greenArrow a.hover,
.special a:hover,
.special a.hover,
.button:hover,
.button.hover,
#country a:hover,
#country a.hover,
#footerLinks a:hover,
#footerLinks a.hover {
  text-decoration: underline !important;  
}



#wrapper #content a {
  text-decoration: none !important;
}



#wistUAfhaalpunt {
    border: 1px solid #C4C4C3;
    top:342px;
    padding: 10px;
    padding-top:0px;

    position: absolute;
    right: 0;
    
    width: 279px;
    width: 299px !ie7;
} 

#wistUAfhaalpunt ul {
  margin:0px;
  padding:0px;
}

#wistUAfhaalpunt li {
  background: url("../images/interface/new/grayArrow.gif") no-repeat scroll left 6px transparent;
  line-height: 20px;
  list-style: none outside none;
  padding-left: 9px;
}