/* CSS Document */

body {  
  margin:0;
  padding:0;
  font-size:11px;  
}

body, 
table,
td,
input,
select {
  font-family: arial;
    font-size:11px;
}

a img {
  border: none;
}

h1 {
  font-size:20px;
  color: black;
}

h2 {
  font-size: 16px;
}                                 

h3 {
  font-size: 13px;
  margin-top: 0px;
}


.maten {
  margin-top:10px;
}

#wrapper {
  margin: 0 auto;
  width:1000px;
  position: relative;
    left:50%;
  margin:0 auto 0 -500px;
}

#header {
  width: 1000px;
  height:75px;
  background-color: white;
}

#header #logo {
  margin-top:10px;

  width: 273px;
  height: 47px;
  float:left;
}

#menu {
  background-color: #f63e3e;
  width: 1000px;
  height: 19px;
  
  margin-left:170px;
  width:830px;
}

.tekstTekst ul {
  margin-left: 17px;
  color: white;
}

 /*
#menu li {
  list-style: none;
  float: left;
  margin-right:10px;
  height: 19px;
  padding-top:0px;
  padding-left: 4px;
  cursor: pointer;
  font-size: 10pt;
  margin-right:00px !ie7; 
  border-right: 1px solid white;
  padding-right:10px;
}
*/

#menu li{
  list-style:none;
  float:left;
}

#menu li.last {
  width: 146px;
}
/*  
#menu li a {
  color: white;
  text-decoration: none;    

}
*/
#menu li a{
  color:#fff;
  text-decoration:none;
  font-size: 10pt;
  padding-left:10px;                                          
  padding-right:10px;
  border-right: 1px solid #fff;
  height: 19px;
  display:inline-block;
}


#menu li a:hover {
  color: #fff;
  text-decoration:underline;
  background-color:#fa8181;
}

/** Landen */

#landenTop {
  float: right;
  width: 200px;
  margin-top:23px;
  margin-right:51px;
}

#landenTop .active a {
  text-decoration:underline;
  font-weight: bold;
}

#landenTop a {
  color: black;
}

#landenTop .row{
  margin-bottom: 1px;
  height:18px;
}

#landenTop .row div {
  background-color:#94C140;
  float:left;
  height:17px;
  margin-right:1px;
  padding-left:3px;
  padding-right:3px;
  padding-top:1px;
  text-align:center;
  width:81px;
}

#landen {
  float:right;
  margin-right:8px;
  margin-top:83px;
  margin-top:85px !ie7;
}

#landen ul{
  margin:0px;
  padding:0px;
  list-style: none;
}

#landen li{
  float:left;
  color:white;
  font-size:8pt;
  padding-top:1px;
  margin-right:1px;
  width:106px;
  height: 16px;
  text-align:center;
  overflow: hidden;
}

#landen li.active {
  background: url(../images/interface/land-active.gif) no-repeat;
}

#landen li.normal {
  background: url(../images/interface/land.gif) no-repeat;
}

#kruimelpad {
	/*border-bottom: 1px solid #be0000;*/
	color:#f53c3c;
	font-size:11px;
	height:18px;
	margin-left:-5px;
	padding-left:10px;
	padding-top:6px;
	text-transform:lowercase;
	width:818px;
	width:828px !ie7;
}
#kruimelpad a{
  color: #8e0000;
}
#content {
/*
  background-image: url(../images/interface/content-background.gif);
  background-repeat: repeat-y;
  background-position: right;

  background-position:right center;
  border-top:1px solid white;
  border-bottom:2px solid #be0000;        
  */
  
    width: 1000px;
  position:relative;
}

#leftColumn {
  width: 170px;
  min-height:100px;
  float: left;  
  

  margin-top:-21px;
  position:relative;
  z-index:99;
  margin-top: -22px !ie7;
}

#leftColumn .title {
background-color:#da0101;
color:white;
font-weight:bold;
height:10px;
margin-bottom:2px;
margin-top:2px;
padding-bottom:9px;
padding-top:0;
text-align:center;
width:170px;
/*
padding: 0px ie7;
margin: 0px !ie7;
height: 0px !ie7;
 */
padding-top:2px !ie7;
padding-bottom:2px !ie7;    
height:15px !ie7;    
margin-top:3px !ie7 ;
}

#leftColumn .content {
  margin-left:2px;
  width:156px;
  padding:3px 5px 7px;
  color: black !important;

  width:166px !ie6;
  width: 166px !ie7;
}


#leftColumn .content .itemMandLeft{
  margin-bottom:5px;  
}

#leftColumn ul ul li {
  padding-left: 20px;
}

#leftColumn ul {
  margin:0px;
  list-style: none;
  color: #8e0000;
}

#leftColumn ul li {
  clear: both;
}


#leftColumn  li a{
  color:#8e0000 !important;

}

#leftColumn li div {
  float:left;
  width:132px;
} 

#leftColumn .listImage {
  background-image: url(../images/interface/list-item.gif);
  width: 14px;
  height: 14px;
  float: left;
  margin-right:2px;
}


#rightColumn {
  width: 828px;
  float: left;
  margin-top:-1px; 

}

#rightColumn #contentWrapper{
	min-height:300px;
	padding-left:5px;
	width:818px;
	
}

#callMe {
  background-color:#94C140;
  margin-left:802px;
  padding:10px;
  position:absolute;
  top:7px;
  width:176px;
  width:200px !ie7;
  z-index:100;
  height:46px;
}

#callMe span {
  color: white;
  font-weight: bold;
  width:90px;
}

#callMe .error {
  font-size: 11px !important;
  background-color: red;
  color: white !important;
}

#callMe .button {
  margin-top:5px;
  position: relative;
  top:10px;
  top: 0px !ie7;
}

.button {
  border: 1px solid #f63e3e;
  background-color: #f63e3e;
  color: white;
  cursor: pointer;
}

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

.clear {
  clear:both;
}

.hidden {
  display: none !important;
}

a:hover {
  color:black;
  text-decoration: underline;
}

a{
  color: #8e0000;
  text-decoration: none;
}

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

.image { float: left; width:273px;}

.content p { margin-top: 0px;}
.fotos { margin-top: 5px;}
.fotos li{
  float:left; margin-right:5px;
  cursor: pointer;
  list-style: none;
}
.info { cursor: pointer; width: 145px;}

.clear {
  clear: both;
}




#leftColumn table tr td,
#leftColumn ul,
#leftColumn  {

  font-size: 12px;
}


p { margin: 0px; margin-top: 10px;}
form { margin: 0px;}

form select { width:149px;  width:155px !ie7; }

form .error { width: 133px; }

.center { text-align: center;}

#content #leftColumn .tekstContent .tekstTekst .image .meerInfo {
  background:white none repeat scroll 0 0;
  border:2px solid #193D8C;
  color:black;
  text-align:center;
  width:247px;
  color: black !important;
}

.meerInfo a {
  color: #193D8C;
}


.hidden { display: none; }

.error { color: red !important; 	font-size: 10px !important;}
.smallSuccess {			font-size: 10px !important;}

#landen a {
  color: white;
}

h4 { font-size: 11px;}
h3 { font-size: 12px;}
h2 { font-size: 13px;}
h1 { font-size: 14px;}

#footer {
  margin-bottom:0;
  margin-left:auto;
  margin-right:auto;
  margin-top:0;
  text-align:center;
  width:1000px;

}

.red {
  color: red;font-weight:bold;
}

.black {
  color: black;font-weight:bold;
}


#fixedToBottom {

  border-top: 2px solid #be0000;
  
  height:139px;
  margin-left:5px;
 
  padding-top:5px;
  width:805px !ie7;
  width: 803px;
  height:139px !ie7;

  
  padding-left:-3px !ie7;
}

#fixedToBottom div {
  text-align: center;
  margin-left:-5px !ie7;
}



#sitemap {
  list-style-position: inside;
}

#sitemap ul  {
  margin-left:20px;
}

#sitemap ul ul{
  margin-left:20px;
}

.button {
  border:1px solid #f63e3e;
  background-color: #f63e3e;
  padding: 3px 10px;
  text-align:center;
  color: white;
  height:24px;
  font-size:11px;
}

.configuratieLine {
  color: #8e0000;
  border: 2px solid #8e0000;
}

.button:hover {

  border:1px solid #f63e3e;
  background-color: #fa8181;
  padding: 3px 10px;
  text-align:center;
  color: white;
  text-decoration: none;
}

.buttonRed {
  height:10px;
  border:1px solid black;
  background-color: #ff0000;
  padding: 3px 10px;
  text-align:center;
  color: white;
  font-size:11px;
}


.buttonRed:hover {

  border:1px solid black;
  background-color: #890505;
  padding: 3px 10px;
  text-align:center;
  color: white;
  text-decoration: none;
}

#field_zoeken,
#callMeNummer,
#callMeNummer2 {
  margin-bottom:7px;
  margin-top:2px;
  width:156px;
}

#frm_zoeken div {
  height:18px;
  margin-top:-5px !ie7;
} 

#frm_nieuwsbrief div {
  margin-top: 5px;
  margin-top: 0px !ie7;
}

#slogan { 
  font-size:16px;
  left:290px;
  position:absolute;
  top:21px;
}

#second {
  margin-left:0px;
}

#belOns {

left:0;
position:absolute;
top:77px;
font-size:16px;
}

                                                                   
#innoting {
  color: black;

}

#innoting a {
  color: black; 
    text-decoration: underline;
}

.blink {
  background-color: #DA0101;
  color: white;
}

#blink {
  padding-left:5px;
  padding-right:5px;
}

#contentWrapper ul {
  margin-left:15px;
}

#leftBanner {
  background-color:#CEDE84;
  color:black !important;
  margin-left:2px;
  padding:3px 1px 1px;
  width:164px;
  padding:0px !ie7;
  padding-left:1px !ie7;
   padding-right:1px !ie7;
  width:159px !ie7;
  border-top:2px  solid #be0000;
}

#frm_configurator select {
  width: 300px;
}

#frm_configurator .large {
  width: 358px;
}

.leftHeadTitle {
  font-weight:bold;
  margin-right:4px;
  margin-top:11px;
  float: left;
  margin-top:2px !ie7;
}


#vergelijken ul{

}

#vergelijken ul li{
  margin-bottom:5px;
}

#vergelijkerShow {
  min-height:400px;
  height:400px !ie7;
  position:absolute;
  top:120px;
  width:980px;
  z-index:99;
  border: 5px solid #8e0000;
  background-color: white;
  padding-left:10px;
  width: 1000px !ie7;
}

#vergelijkerShow li {
  float: left;
  width: 317px;
  list-style: none;
  padding-right:9px;
}
.succes {
  padding:5px;
  border: 1px solid #94C140;
  background-color: #8e0000;
  color: white;
  font-weight: bold;
}

div.error {
  padding:5px;
  border: 1px solid darkred;
  background-color: white;
  color: red !important;
  font-weight: bold;
  width:533px;
}

.bitLeft {
  margin-right: 1px;
}

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

.helpAbsoluteHidden {
  display: none;
}

.helpAbsolute {
  background-color:#8e0000;
  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;
}

#specialContent {
  background-color: #fe1d1e !important;
}

#leftColumn #specialContent li a {
  color: white !important;
  font-weight: bold;
}

#specialContent h3 {
  margin:0px;
  padding:0px;
} 

/** BESTELLEN */
.bestel_stap .bestel_titel,
.bestel_stap_done .bestel_titel {
  padding: 3px;
  background-color: silver;  
  margin-bottom:5px;
  /*color: white;*/
} 

.bestel_stap_done .bestel_titel {
  background-color: #CEDE84 !important;
}

.bestel_stap_active .bestel_titel {
  padding: 3px;
  background-color: #8e0000;
  color: white;  
  font-weight: bold;
}
.bestel_content{
  padding-top: 10px;
  display: none;
}

.bestel_stap_active .bestel_content{
  display: block;
}


.loading {
  background-color:black;
  border:2px solid #8e0000;
  float:left;
  height:356px;
  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 #8e0000;

  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;
}

#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;
}





.dynamic_banner {
  background-image:url(../images/interface/banner_klein.jpg);
  height:141px;
  width:189px;
  cursor: pointer; 
}

.dynamic_banner_image {
  height:34px;
  margin-left:8px;
  padding-top:9px;
  width:118px;
}

.dynamic_banner_tekst {
  height:48px;
  margin-left:9px;
  padding-top:5px;
  width:160px;
  font-size:11px;

  height: 40px !ie7;
}

.dynamic_banner_prijs {
  margin-left:33px;
  padding-top:7px;
  padding-top:10px !ie7;
  text-align:center;
  width:113px;
  color:red;
  font-family:verdana;
  font-size:16px;
  font-weight:bold;
  text-align:center;
  width:108px;
}



.large {
  width:250px;
}

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

.verplicht {
  color: red;
}




/********************
 *
 *Zoeken
 *
 ********************/   


.productListItem {
  border-bottom:1px solid #C4C4C3;
  margin-bottom:20px;
  padding-bottom:20px;
  min-height: 84px;
  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 .btnInWinkelwagen {
  margin-top: 20px;
}


.productListItemPrijs .productListItemPrijsValue {
  float: right;
}



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

#frm_vergelijk{
  border-width:1px 0px 0px 0px;
  border-style: solid;
  border-color: #be0000;  
}

#productHeader{
  background-color:#da0101;
}


#categorieMenu ul{
  list-style:none outside none;
  margin:0;
}

#categorieMenu ul li{
  list-style:none;  
}

#categorieMenu ul li a{
  margin-top:2px;
  border-width: 0 0 0 5;
  border-style:solid;
  border-left-color:#fa8181;
  display:block;
  padding:2px;
}

#categorieMenu ul li a.active{
  margin-top:2px;
  background-color:#fde8e8;
  border-width: 0 0 0 5;
  border-style:solid;
  border-color:#da0101;
  display:block;
  text-decoration:none;
  padding:2px;

}

#categorieMenu ul li a:hover{
  margin-top:2px;
  background-color:#fde8e8;
  border-width: 0 0 0 5;
  border-style:solid;
  border-color:#da0101;
  display:block;
  text-decoration:none;
  padding:2px;
}

#categorieMenu ul li ul li a{
  margin-top:2px;
  margin-left:-10px;
  border-width: 0 0 0 5;
  border-style:solid;
  border-left-color:#fa8181;
  display:block;
  padding:2px; 
  height:0px !ie7;
}

#categorieMenu ul li ul li a.active{
  margin-top:2px;
  background-color:#fde8e8;
  border-width: 0 0 0 5;
  border-style:solid;
  border-color:#da0101;
  display:block;
  text-decoration:none;
  padding:2px;
  height:0px !ie7;
}

#categorieMenu ul li ul li a:hover{
  margin-top:2px;
  background-color:#fde8e8;
  border-width: 0 0 0 5;
  border-style:solid;
  border-color:#da0101;
  display:block;
  text-decoration:none;
  padding:2px;
  height:0px !ie7;
}

#bestellingPlaatsenContainer{
  margin-top:10px;
}











#winkelmandIndex {
  
}



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

#winkelmandIndexContent{
  margin-top:10px;
}

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

#winkelmandIndex #winkelmandIndexColumn {
 /* width: 230px;*/
  width: 780px;

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

#winkelmandIndexColumn table{
  width:100%;
  padding:0px;
  margin:0px;
  border:0px;
}
#winkelmandIndexColumn table tr td.stappenBalkKlaar{
  width:20%;
  text-align:center;
  padding:0px;
  margin:0px;
  background-color:#f63e3e;
  color:#fff;
}
#winkelmandIndexColumn table tr td.stappenBalk{
  width:20%;
  text-align:center;
  padding:0px;
  margin:0px;
  background-color:#dadada;
  color:#fff;
}

#winkelmandIndex #winkelmandIndexColumn .box {
  border:1px solid #C4C4C3;
  padding:5px;
  float:left;
  width:130px;  /*157*/
}

#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;       
}

.winkelmandStappen{
  float:left;
  width:135px;      
  margin-right:1px;
}

.winkelmandStapSpan{
  width:130px;
  width:135px !ie7;
  background-color:#dadada;
  border:1px solid #fff;
  border-width:0px 1px 0px 0px;
  display:block;
  padding:2px;
  text-align:center;
  color:#a9a9a8;
}

.winkelmandStapLink{
  width:130px;
  width:134px !ie7;
  background-color:#f63e3e;
  display:block;
  padding:2px;
  text-align:center;
  color:#fff;
}

.winkelmandStapLink:hover{
  color:#fff;
  background-color:#fa8181;
}

.winkelmandStappenInfo{
  border:1px solid #f63e3e;
  border-width:0px 1px 1px 1px;  
  float:left;
  width:126px;
  padding:3px;
  text-align:center;
}

.floatL{
  float:left;
}
#productHeader{
  background-color:#fde8e8;
}

#ticketIframe {
    background: white;
    left: 0;
    position: absolute;
    top: 29px;
    width: 650px;
    z-index:999;
}

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