/*************************************************************************
 *
 * Ontwikkeld door: Creative Dimension (http://www.creativedimension.be) 
 * In opdracht van: Joris Bleeker (http://www.jorisbleeker.nl)
 * Auteur: Ilvy Fauvarque (ilvy@creativedimension.be)
 * 
 * Deze code mag dienen als hulp of inspiratie maar mag niet exact
 * gekopieerd worden met de benodigde afbeeldingen zonder de geschreven
 * toestemming van Joris Bleeker (info@jorisbleeker.nl) 
 *
 ************************************************************************/

/**********************
 * ALGEMENE OPMAAK
 *********************/
 
* {border: 0px; margin: 0px;padding: 0px; }
body {overflow-x: hidden; background-color: #1a2f69;color: #4a4a4c;font: 12px Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica, Serif;}
#container_top {background: url('/images/container_top.png') no-repeat;height: 191px; /*203*/margin: 0 auto;overflow: hidden;padding: 12px 114px 0px 112px;width: 936px; /*1162*/} 
#container_inhoud {background: url('/images/container_mid.png') repeat-y;margin: 0 auto;width: 1162px; /*1162*/}
#container_achtergrond {background: url('/images/container_footer.png') no-repeat;background-position: bottom;padding: 0px 114px 146px 112px;}
#container_footer {margin: -127px auto;margin-bottom: 30px;padding: 0px 114px 0px 112px;width: 936px; /*1162*/}   
h1 {color: #1c2f81;font-size: 14px;}
h2 {color: #1c2f81;font-size: 13px;}
p {color: #4a4a4c;font: 12px Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica, Serif;line-height: 18px;}

a {color: #4a4a4c;text-decoration: none; }
a:hover {color: #1c2f81;text-decoration: underline;}
a.button {background: url('/images/button.png') no-repeat;color: white;display: block;height: 19px; /*21*/padding: 2px 0px 0px 10px;text-decoration: none;width: 78px; /*88*/}
a.button:hover {background: url('/images/button_hover.png') no-repeat;text-decoration: none;}
a.button_mid {background: url('/images/button_mid.png') no-repeat;color: white;display: block;font-size: 14px;height: 23px; /*28*/padding: 5px 0px 0px 15px;text-decoration: none;width: 123px; /*138*/}
a.button_mid:hover {background: url('/images/button_mid_hover.png') no-repeat;text-decoration: none;}      
a.button_links {display: block; width: 134px; height: 18px; margin-top: 5px; background: url('/images/knop_links_out.png') no-repeat; color: white; padding-top: 2px; padding-left: 10px;}
a.button_links:hover {background: url('/images/knop_over_links.png') no-repeat; text-decoration: none;} 
a.button_groot {display: block; width: 170px; height: 22px; background: url('/images/product_toevoegen_over.png') no-repeat; color: white; padding-top: 6px; padding-left: 10px; font-weight: bold;}
a.button_groot:hover {background: url('/images/product_toevoegen_out.png') no-repeat; text-decoration: none;}        
a.pijl_rechts {background: url('/images/icon_pijl_rechts.png') no-repeat;text-decoration: none;}
a.pijl_rechts:hover {text-decoration: underline; background: url('/images/icon_pijl_rechts_hover.png') no-repeat;}
a.pijl_rechts.header {display: block;height: 12px;padding: 0px;width: 24px;}  
a.pijl_rechts.met_tekst {background-position: right;font-size: 11px;padding-right: 30px;}    
a.pijl_rechts.met_tekst:hover {background-position: right;}

form {display: inline;}
input, textarea {color: #4a4a4c;font: 12px Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica, Serif;}
select {color: #4a4a4c;font: 12px Arial, "Trebuchet MS", Verdana, Tahoma, Helvetica, Serif;}

.rood {color: #c42034;}
.doorstreep {text-decoration: line-through;}
.vet {font-weight: bold;}
.donkergrijs {color: #1f1e21;}
.center {text-align: center;}
.right {text-align: right;}

/**********************
 * ARTIKEL
 *********************/

.artikel {background: url('/images/artikel_bg.png') no-repeat;height: 254px; /*264*/margin: 0px 12px 12px 0px;padding: 5px 4px 5px 4px;width: 168px; /*176*/}
.artikel.laatste {margin-right: 0px;}
.artikel.float {display: inline;float: left;}

.artikel h1 {margin: 0px 0px 0px 0px;}
.artikel p {margin-bottom: 5px;}
.artikel p span.nieuwe_prijs {color: red;margin-left: 20px;}
.artikel p span.gewone_prijs {}
.artikel p span.doorstreep {text-decoration: line-through;}      

.artikel .titel {margin-bottom: 5px;}
.artikel .titel span {color: red;display: inline;float: right;}

.artikel .aantal {font-size: 11px;}
.artikel .aantal a.pijl_rechts {float: right;}      

/**********************
* SLOGAN MET TAALKEUZE
*********************/    

#container_top_talen {height: 28px;width: 936px;}
#slogan {color: white;display: inline;float: left;font-size: 16px;} 
#talen {display: inline;float: right;}
#talen img {margin-left: 6px;}
      
/**********************
* HEADER
*********************/      
      
#container_top_header {height: 91px; /*100*/padding-top: 9px;width: 936px;}  
#logo {display: inline;float: left;margin: 0px 108px 0px 34px;}  
#slogan_header {position: absolute; display: inline;float: left;margin-right: 163px;}
#slogan_header h1 {text-align: center; color: #787878; font-weight: normal; font-size: 25px; margin-top: 5px;}
#slogan_header h2 {text-align: center; font-size: 35px; font-weight: normal;}  

#header_winkelmand {position: absolute; padding-left: 100px; padding-top: 15px; margin-left: 380px; background-image: url('/images/header_winkelmand.png'); background-repeat: no-repeat; background-position: top left;display: inline;float: left;height: 84px; /*84*/overflow: hidden;width: 240px;}
#header_winkelmand a#mandje {position: absolute; width: 92px; height: 84px; margin-left: -100px; margin-top: -15px;}
#header_winkelmand h1 {font-size: 14px; color: #525355; margin-bottom: 5px;}
#header_winkelmand p {color: #525355; font-size: 12px;}
#header_winkelmand p span {color: #5464A0; font-weight: bold;}
#header_winkelmand a#winkelwagenknop {display: block; width: 128px; height: 19px; margin-top: 5px; background: url('/images/kassa_over.png') no-repeat; color: white; padding-top: 3px; padding-left: 10px; font-weight: bold;}
#header_winkelmand a#winkelwagenknop:hover {background: url('/images/kassa_out.png') no-repeat; text-decoration: none;}
      
/**********************
 * MENU TOP
 *********************/      
      
#container_top_menu {
height: 36px; 
overflow: hidden;
width: 936px;
}          

   #header_menu_home {
   display: inline;
   float: left;
   margin-right: 6px;
   width: 40px;
   }
   
      #header_menu_home a {
      display: block;
      height: 36px;
      background-image: url('/images/home-mouseover.png');      
      }
   
      #header_menu_home a:hover, #header_menu_home a.actief {
   	background-image: url('/images/icon_home.png');      
      }
   
   #header_menu {
   background: url('/images/header_menu.png') no-repeat;
   display: inline;
   float: left;
   height: 36px; 
   padding: 0px 10px 0px 10px;
   width: 870px; /*890*/
   }    
   
      #header_menu ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }    
      
         #header_menu ul li {
         display: inline;
         float: left;
         margin: 0px;
         padding: 0px;
         }
         
            #header_menu ul li a {
            background: url('/images/header_menu_streep.png') no-repeat;
            background-position: right;
            color: white;
            display: block;
            float: left;
            height: 26px; /*36*/
            font-size: 14px;
            padding: 10px 10px 0px 10px;
            text-decoration: none;
            }
            
               #header_menu ul li a:hover, #header_menu ul li a.actief {
               background: url('/images/menuhovernieuw.png') repeat-x top right;
               color: white;   
               text-decoration: underline;
               }
               
               #header_menu ul li ul {
               display: none;
               margin-top: 36px;
               background: #242424;
               position: absolute;
               width: 145px;
               z-index: 99999999;
               padding-top: 3px;
               }
               
                  #header_menu ul li ul li {
                  float: none;
                  margin-left: 0px;
                  display: block;
                  height: 33px;       
                  padding: 0px;
                  background: url('/images/lijnsubmenu.png') repeat-x;
                  background-position: bottom;                  
                  }
                  
                     #header_menu ul li ul li a {
                     color: white;
                     padding: 9px 10px;
                     height: 15px;
                     margin-bottom: 0px;
                     background: none;
                     }            
                     
                        #header_menu ul li ul li a:hover {
                        text-decoration: underline;
                        background: none;
                        }               
               
         #header_menu_zoeken {
         display: inline;
         float: right; 
         height: 28px; /*36*/
         padding-top: 8px;
         }               
               
            #header_menu_zoeken input {
            border: 1px solid #1f1e21;
            display: inline;
            float: left;
            height: 18px;
            margin-right: 10px;
            padding-left: 3px;
            width: 147px; /*150*/
            }  
            
            #header_menu_zoeken a.zoeken {
            background: url('/images/header_menu_zoeken.png') no-repeat;
            color: white;
            display: block;
            float: left;
            height: 18px; /*20*/
            padding: 2px 0px 0px 10px;
            text-decoration: none;
            width: 82px; /*92*/
            }             
         
               #header_menu_zoeken a.zoeken:hover {
               background: url('/images/header_menu_zoeken_hover.png') no-repeat;
               }
               
   #header_menu.inactief a {
   color: #6C88DB;
   }             
   
      #header_menu.inactief ul li ul li a {
      color: #484848;
      }  
               
   /**********************
    * CRUMBLE
    *********************/               
               
#container_top_crumble {
color: #1c2f81;
font-size: 11px;
height: 20px; /*25*/ 
padding-top: 5px;
width: 936px;
}    

   #container_top_crumble a {
   color: #1c2f81;
   font-size: 11px;
   text-decoration: none;
   }                     
   
      #container_top_crumble a:hover {
      text-decoration: underline;
      }
   
/**********************
 * CONTAINER INHOUD
 *********************/ 

/**********************
 * MENU LINKS
 *********************/ 

#menu_links {
display: inline;
float: left;
margin-right: 20px;
width: 176px;
}

   .menu_item {
   background-color: #f0f1f1;
   margin-bottom: 15px;
   width: 176px;
   }
   
      .menu_item_top {
      background: url('/images/menu_item_top.png') no-repeat;
      color: #1c2f81;
      font-size: 14px;
      font-weight: bold;
      height: 21px; /*28*/
      padding: 7px 0px 0px 5px;
      }
      
      .menu_item_mid {
      padding: 8px 8px 8px 8px;
      }
      
         .menu_item_mid ul {
         list-style-type: none;
         margin: 0px;
         padding: 0px;
         }
         
            .menu_item_mid li {
            background: url('/images/menu_item_streep.png') no-repeat;
            background-position: bottom;
            }
            
               .menu_item_mid.menu a {
               display: block;
               height: 21px; /*25*/
               text-decoration: none;
               padding: 4px 0px 0px 3px;
               width: 157px; /*160*/
               }
               
                  .menu_item_mid.menu a:hover, .menu_item_mid.menu a.actief {
                  background-color: white;
                  color: #2e428c;
                  text-decoration: underline;
                  }
                  
                  .menu_item_mid ul li ul {
                  overflow: hidden;
                  background: white url('/images/menu_item_streep.png') no-repeat;
                  background-position: bottom; 
                  padding-bottom: 5px;                 
                  }
                  
                     .menu_item_mid ul li ul li {
                     background-image: none;
                     }
                     
                     .menu_item_mid ul li ul li a {
                     font-size: 11px;
                     margin-left: 15px;
                     }   
                     
                     .menu_item_mid ul li ul li a:hover, .menu_item_mid ul li ul li a.actief {
                     text-decoration: underline;
                     }                                                                             
                  
         .menu_item_mid a.kleur {
         display: inline;
         float: left;
         margin: 0px 4px 1px 0px;
         }                  
      
      .menu_item_bot {
      background: url('/images/menu_item_bot.png') no-repeat;
      font-size: 0px;
      height: 5px;
      }
      
   .menu_opsomming {
   margin-bottom: 20px;
   width: 176px;
   }  
   
      .menu_opsomming ul {
      list-style-type: none;
      margin: 0px;
      padding: 0px;
      }    
      
         .menu_opsomming ul li {
         background: url('/images/icon_vink.png') no-repeat;
         background-position: 0px 3px;
         margin: 10px 0px 0px 0px;
         padding: 0px 0px 0px 15px;
         }

/**********************
 * INHOUD
 *********************/            

#inhoud {
display: inline;
float: left;
width: 740px;
}

/**********************
 * FOOTER
 *********************/
 
#footer_menu {
height: 20px; /*28*/
padding-top: 8px;
} 

   #footer_menu ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px;
   }    
   
      #footer_menu ul li {
      display: inline;
      float: left;
      font-size: 11px;
      margin: 0px 25px 0px 0px;
      padding: 0px;
      }
      
         #footer_menu ul li a {
         font-size: 11px;
         text-decoration: none;
         }
         
            #footer_menu ul li a:hover {
            text-decoration: underline;
            }
            
#footer_info {
margin-top: 30px;
width: 936px;
}            

   #footer_info .tekstvak {
   display: inline; 
   float: left;
   margin-right: 40px;
   width: 270px;
   }
   
      #footer_info .tekstvak a {
      color: #8694bf;
      text-decoration: underline;
      }   
      
         #footer_info .tekstvak a:hover {
         color: #6496d1;
         text-decoration: none;         
         }
   
      #footer_info .tekstvak h1 {
      color: white;
      font-size: 18px;
      text-decoration: none;
      }
         
      #footer_info .tekstvak p {
      color: #8694bf;
      margin-top: 10px;
      }              
      
/*********************
* LOADER
*********************/ 

#l_popup_container {height: 120px; text-align: center; width: 120px;background: #FFF;color: #000;border: 5px solid #1c2f81;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#l_popup_content {color: #1c2f81;}
#l_popup_message {padding: 30px 0px 0px 0px;}
#l_popup_panel {text-align: center;padding-bottom: 10px;}

/**********************
 * JALERTS
 *********************/

#popup_container {color: #1c2f81;font: 11px Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, Serif;line-height: 18px;min-width: 150px; /* Dialog will be no smaller than this */background: #FFF;border: solid 5px #1c2f81;color: #000;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
#popup_title {display: none;}
#popup_content {margin: 0em; padding: 20px;}
#popup_content input {border-width: 0px;width: 70px;background: #1c2f81;padding: 0px;padding-bottom: 3px;color: white;height: 20px;}
#popup_panel {text-align: center;margin: 1em 0em 0em 1em;}   

/**********************
 * CORNER IMAGES
 *********************/
 
.corner {position: absolute;}
.corner2 {float: left; margin-left: -190px; margin-top: -10px;}
.corner3 {position: absolute;z-index: 9999}

/**********************
 * SUPERBOX
 *********************/

/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#38549B;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:0px;}
#superbox-innerbox{padding:0px 0;}
#superbox.image{text-align:center;}
#superbox .close{text-align: right; color: white; text-transform: uppercase;}
#superbox .close a {color: white; font-size: 16px; font-weight: bold;}
#superbox .close a:hover {cursor: pointer; text-decoration: none;}
#superbox .nextprev{overflow:hidden;margin:0;}