/*************************************************************************
 *
 * 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) 
 *
 ************************************************************************/

/**********************
 * BASIS
 *********************/
 
* {border: 0px; margin: 0px;padding: 0px; }
body {background-color: white;color: #999999;font: 11px Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, Serif;}
#container {margin: 0 auto;margin-bottom: 50px;margin-top: 20px;width: 980px;}
h1, h2, h3, h4, h5, h6 {color: #ab0534;font-weight: normal;}
h1 {font-size: 14px;font-weight: normal;margin-bottom: 3px;}
h2 {color: #d9587d;font-size: 12px;margin-bottom: 5px;}
h3 {color: #d9587d;font-size: 11px;margin-bottom: 10px;} 
p {color: #777777;font: 11px Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, Serif;line-height: 20px;margin-bottom: 10px;}
ul, ol {list-style-type: none;}
a {color: #202020;}
a#zoekenlink {position: absolute;margin-top: 2px;margin-left: 130px;}
form {display: inline;}
input, textarea, select {border: 1px solid #abadb3;color: #9c9c9c;font: 11px Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Serif;height: 17px; /*17*/}

/**********************
 * ALGEMENE CLASSEN
 *********************/

.vet {font-weight: bold;}
h1.winkelwagen {background: url('/images/eyefashion/h1_winkelwagen.png') no-repeat;background-position: left;margin-bottom: 3px;padding-left: 30px;}
h1.nieuws {background: url('/images/eyefashion/h1_nieuws.png') no-repeat;background-position: left;height: 22px;margin-bottom: -5px;padding-left: 30px;}
h1.nieuwsbrief {background: url('/images/eyefashion/h1_nieuwsbrief.png') no-repeat;background-position: left;margin-bottom: 3px;padding-left: 30px;}
h3.winkelwagen {background: url('/images/eyefashion/webshop_icon3.png') no-repeat;background-position: left;height: 20px;margin-bottom: 3px;padding-left: 30px;}
a.button {background: url('/images/eyefashion/home_button.png') no-repeat;color: white;display: block;font-size: 11px;height: 18px; /*20*/margin-top: 15px;padding: 2px 0px 0px 7px;position: absolute;text-decoration: none;width: 122px; /*129*/ }
a.button_tabel {background-color: #d7d7d7;border: 1px solid #9b9b9b;color: #9b9b9b;display: block;float: left;font-size: 11px;height: 16px; /*18*/margin-right: 60px;padding: 2px 0px 0px 5px;text-decoration: none;width: 96px;}
a.button_tabel:hover {background: url('/images/eyefashion/wm_button_hover.png') repeat-x;color: white;} 
a.button_tabel.middel {margin-right: 20px;text-align: center;width: 124px;}
a.button_tabel.groot {font-weight: bold;margin-right: 0px;text-align: center;width: 155px;}

a.button_tabel.verder {background: url('/images/eyefashion/wm_button_hover.png') repeat-x;color: white;}
a.button_tabel.verder:hover {filter:alpha(opacity=70); -moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}

a.button_tabel.terug:hover {background: #d7d7d7; filter:alpha(opacity=70); -moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;color: #9b9b9b;} 
 
a.knop1 {
background: url('/images/eyefashion/home_button.png') no-repeat;
color: white;
display: block;
font-size: 11px;
height: 18px; /*20*/
margin-top: 5px;
padding: 2px 0px 0px 7px;
text-decoration: none;
width: 122px; /*129*/
}

/*********************** HOMEPAGE + BASIS *********************/

/**********************
 * HEADER    --> basis komt steeds terug
 *********************/ 

#header {
border-bottom: 1px solid #e1e1e1;
height: 258px; /*259, +1 van border*/
overflow: hidden;
width: 980px;
}

   #header_links {
   background: url('/images/eyefashion/header_foto.jpg') no-repeat;
   display: inline;
   float: left;
   height: 258px;
   width: 532px;
   }
   
      #header_links_logo {
      height: 50px;
      width: 215px;
      } 
      
      #header_links_overlay {
      background-color: #75777c;
      height: 30px; /*30*/
      margin-top: 178px;
      position: absolute;
   	filter:alpha(opacity=50);
   	-moz-opacity: 0.5;
   	-khtml-opacity: 0.5;
   	opacity: 0.5;           
      width: 532px; /*532*/
      }
      
      #header_links_overlay_tekst {
      color: white;  
      font-size: 14px;
      margin: 183px 0px 0px 18px;
      position: absolute;         
      }
   
   #header_rechts {
   display: inline;
   float: left;
   }  
   
      #header_rechts_banners {
      height: 228px;
      overflow: hidden;
      width: 448px;
      }
      
         #header_rechts_banners img {
         border-right: 1px solid #e1e1e1;
         border-top: 1px solid #e1e1e1;
         display: inline;
         float: left;
         }
         
      #header_rechts_select {
      background: url('/images/eyefashion/header_select.png') no-repeat;
      border-top: 1px solid #e1e1e1;
      height: 30px;
      width: 447px;
      }            
      
         #header_rechts_select select {
         border: 1px solid #abadb3;
         color: #aaa9a9;
         display: inline;
         float: right;
         font-size: 11px;
         height: 17px;
         margin: 6px 8px 0px 0px;
         width: 134px;
         } 
         
/**********************
 * MENU    --> basis komt steeds terug
 *********************/ 

#menu {
background: url('/images/eyefashion/menu_bg.png') no-repeat;
height: 24px; /*34*/
overflow: hidden;
padding: 10px 0px 0px 53px; 
width: 927px; /*980*/
}

   #menu ul {
   margin: 0px;
   padding: 0px;
   }            
   
      #menu ul li {
      display: inline;
      float: left;
      margin: 0px;
      padding: 0px;
      height: 40px;
      }            
      
         #menu ul li a {
         background: url('/images/eyefashion/menu_streepje.png') no-repeat;
         background-position: right;
         color: #d8d8d8;
         font-weight: bold;
         padding: 0px 15px 0px 10px;
         text-decoration: none;
         }   
         
            #menu ul li a.laatste {
            background: none;
            }
         
            #menu ul li a:hover, #menu ul li a.actief {
            color: #ce325e;
            text-decoration: none;
            }
            
   #menu ul li ul {
   display: none;
   margin-top: 10px;
   background: #202526;
   position: absolute;
   width: 200px;
   z-index: 9999;
   }
   
      #menu ul li ul li {
      float: none;
      margin-left: 0px;
      display: block;
      height: auto;       
      padding: 0px;
      width: 200px;
      }
      
         #menu ul li ul li a {
         background: none;
         display: block;
         color: white;
         padding: 9px 10px;
         width: 180px;
         margin-bottom: 0px;
         }            
         
            #menu ul li ul li a:hover {
            color: #ce325e;
            }            
                
/**********************
 * CRUMBLE    --> basis komt steeds terug, met andere inhoud!
 *********************/

.crumble {
background: url('/images/eyefashion/crumble_bg.png') repeat-x;
border: 1px solid #cccccc;
border-bottom: 0px;
color: #323232;
height: 22px; /*31*/
padding: 9px 0px 0px 15px;
width: 963px; /*980 inc. borders*/
} 

   .crumble.footer {
   border-left-width: 0px;
   border-right-width: 0px;
   border-top-width: 0px;
   border-bottom: 1px solid #cccccc;
   }

/**********************
 * INHOUD    --> basis komt steeds terug, met andere inhoud!
 *********************/

#inhoud {
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
overflow: hidden;
padding: 10px 0px 0px 0px;
width: 978px; /*980 inc. borders*/
}

   #inhoud.webshop {
   background-color: white;
   padding: 0px;
   }

   #inhoud_links {
   border-right: 1px solid #cccccc;
   display: inline;
   float: left;
   margin-right: 10px;
   overflow: hidden;
   width: 799px;
   }
   
      #inhoud_links .categorie {
      border-bottom: 1px dotted #cccccc;
      display: inline;
      float: left;
      height: 127px; /*140*/
      margin: 0px 10px 13px 10px;
      padding-bottom: 13px;
      width: 378px;
      }
      
         #inhoud_links .categorie.laatste {
         
         }
      
         #inhoud_links .categorie img {
         display: inline;
         float: left;
         margin-right: 10px;
         }
         
         #inhoud_links .categorie .categorie_tekst {
         display: inline;
         float: left;
         width: 235px;
         }
         
            #inhoud_links .categorie .categorie_tekst input {
            height: 15px; /*17*/
            margin: 7px 0px 0px 0px;
            padding: 2px 0px 0px 3px;
            width: 157px; /*160*/
            }
         
            #inhoud_links .categorie .categorie_tekst p {
            font-size: 11px;
            margin-top: 6px;
            margin-bottom: 5px;
            }
            
            #inhoud_links .categorie .categorie_tekst a {
            background: url('/images/eyefashion/home_button.png') no-repeat;
            color: white;
            display: block;
            font-size: 11px;
            height: 18px; /*20*/
            margin-top: 5px;
            padding: 2px 0px 0px 7px;
            text-decoration: none;
            width: 122px; /*129*/
            }
            
               #inhoud_links .categorie .categorie_tekst a:hover {
               text-decoration: none;
               }
               
               #inhoud_links .categorie .categorie_tekst a.nieuws {
               margin-top: 2px;
               }               
   
   #inhoud_rechts {
   display: inline;
   float: left;
   width: 150px;
   }
   
      #inhoud_rechts .vak {
      border-bottom: 1px dotted #cccccc;
      height: 140px;
      margin-bottom: 13px;
      overflow: hidden;
      width: 150px;
      }
 
      #inhoud_rechts .vaktwitter {
      border-bottom: 1px dotted #cccccc;
      height: 294px;
      margin-bottom: 12px;
      width: 150px;
      }
           

      
         #inhoud_rechts .vak p {
         font-size: 11px;
         }
         
         #inhoud_rechts .vak a {
         background: url('/images/eyefashion/home_button.png') no-repeat;
         color: white;
         display: block;
         font-size: 11px;
         height: 18px; /*20*/
         margin-top: 3px;
         padding: 2px 0px 0px 7px;
         position: absolute;
         text-decoration: none;
         width: 122px; /*129*/         
         }
         
            #inhoud_rechts .vak a:hover {
            text-decoration: none;
            }
            
            #inhoud_rechts .vak a.pdf {
            background: none;
            display: inline;
            float: right;
            margin-top: 5px;
            height: auto;
            padding: 0px;
            position: relative;
            width: 47px;
            } 
            
               #inhoud_rechts .vak a.pdf.pdf2 {
               width: 101px;
               }

            #inhoud_rechts .vak img.betalen {
            margin-top: 10px;
            }
            
#social_vak a {
background: none;
width: auto;
height: auto;
position: relative;
float: none;
display: block;
}            
            
   /**********************
    * HOME CONTACT
    *********************/
    
    #home_contact {
    margin-bottom: 10px;
    padding: 20px 0px 0px 25px;
    width: 928px; /*978*/
    } 
    
      #home_contact_links {
      border-right: 1px dotted #cccccc;
      display: inline;
      float: left;
      margin-right: 15px;
      overflow: hidden;
      padding: 0px 0px 0px 0px;
      width: 575px; /*575*/
      min-height: 250px;
      height: auto !important;
      height: 250px;      
      } 
      
         #home_contact_links .contact_kolom {
         display: inline;
         float: left;
         width: 190px;
         }  
         
            #home_contact_links .contact_kolom.laatste {
            margin-right: 0px;
            }
      
         div.contact_vak {
         margin: 0px 0px 10px 0px;
         width: 180px;
         float: left;
         }  
         
            div.contact_vak.openingsuren {
            width: 190px;
            height: 170px;
            }
      
      #home_contact_rechts {
      display: inline;
      float: left;
      font-size: 11px;
      width: 335px;
      } 
      
         #home_contact_rechts_formulier {
         display: inline;
         float: left;
         width: 185px;
         } 
         
            #home_contact_rechts_formulier p {
            margin: 0px;
            }   
         
            #home_contact_rechts_formulier select {
            height: 17px;
            margin: 10px 0px 0px 0px;
            width: 87px;
            }
            
               #home_contact_rechts_formulier select.groot {
               width: 162px;
               }
            
            #home_contact_rechts_formulier input {
            height: 15px; /*17*/
            margin: 10px 0px 0px 0px;
            padding: 2px 0px 0px 3px;
            width: 157px; /*160*/
            }  
            
            #home_contact_rechts_formulier textarea {
            height: 15px; /*17*/
            margin: 10px 10px 0px 0px;
            padding: 2px 0px 0px 3px;
            width: 157px; /*160*/
            }          
                 
         #home_contact_rechts_advies {
         border-left: 1px dotted #cccccc;
         display: inline;
         float: left;
         padding:0px;
         padding-left:10px;
         text-align: left;
         width:139px;
         height:150px;
         overflow:hidden;
         } 
 
         #home_contact_rechts_betalen {
         border-left: 1px dotted #cccccc;
         display: inline;
         float: left;
         padding-left:10px;
         text-align: left;
         width:139px;
         height:150px;
         } 
         
                
            #home_contact_rechts_advies p {
            line-height: 16px;
            margin: 0px;
            }     
            
   /**********************
    * TABS    --> basis komt steeds terug
    *********************/ 
   
   #tabs_tekstvak {
   padding-right: 20px;
   }   
   
   .tabs {
   background: url('/images/eyefashion/tabs_bg.png') no-repeat;
   height: 24px; /*32*/
   padding: 8px 0px 0px 10px;
   width: 968px; /*978*/
   } 
   
      .tabs.webshop {
      padding-top: 0px
      }
   
      .tabs ul {
      margin: 0px;
      padding: 0px;
      }           
      
         .tabs ul li {
         display: inline;
         float: left;
         }
         
            .tabs ul li a {
            background: url('/images/eyefashion/tab_inactief.png') no-repeat;
            color: #646464;
            display: block;
            font-size: 11px;
            height: 18px; /*23*/
            padding: 5px 0px 0px 10px;
            text-decoration: none;
            width: 139px;
            }
            
               .tabs ul li a:hover, .tabs ul li a.actief {
               background: url('/images/eyefashion/tab_actief.png') no-repeat;
               color: black;
               width: 139px; /*149*/
               }
               
   /**********************
    * OPSOMMING LINKS    --> basis komt steeds terug
    *********************/  

#opsomming_links {
background-color: white;
padding: 15px 0px 0px 25px;
}

   #opsomming_links ul {
   display: block;
   float: left;
   width: 156px;
   }           
   
      #opsomming_links ul li {
      margin-bottom: 5px;
      margin-right: 5px;
      }
      
         #opsomming_links ul li a {
         color: #999999;
         font-size: 11px;
         text-decoration: none;
         }           
         
            #opsomming_links ul li a:hover {
            text-decoration: underline;
            }
            
/**********************
 * FOOTER    --> basis komt steeds terug
 *********************/ 

#footer {
background: url('/images/eyefashion/tabs_bg.png') no-repeat;
clear: both;
height: 20px; /*32*/
padding: 12px 0px 0px 10px;
width: 968px; /*978*/
}         

   #footer a {
   color: #999999;
   font-size: 10px;
   margin-right: 25px;
   text-decoration: none;   
   }
   
      #footer a:hover {
      text-decoration: underline;
      }     
	
.madeby {
	float: right;
	color: #acacac;
}

a .madeby{
	color: #acacac;
}
      
/*********************** WEBSHOP *********************/

/**********************
 * CRUMBLE    --> basis komt steeds terug
 *********************/

.crumble.webshop {
height: 31px;
padding: 0px;
width: 978px;
}

.crumble_kolom1 {
background: url('/images/eyefashion/webshop_crumble_streep.png') no-repeat;
background-position: top right;
display: inline;
float: left;
height: 22px; /*31*/
margin-right: 20px;
padding: 9px 0px 0px 15px; 
width: 172px; /*187*/
}      

.crumble_kolom2 {
background: url('/images/eyefashion/webshop_crumble_streep.png') no-repeat;
background-position: right;
display: inline;
float: left;
height: 22px; /*31*/
margin-right: 20px;
padding: 9px 0px 0px 0px;
text-align: center;
width: 574px;
}

   .crumble_kolom2.footer {
   padding-left: 207px;
   }

   .crumble_kolom2.winkelmandje {
   text-align: left;
   }
   
   .crumble_kolom2 ul {
   margin: 0px; 
   padding: 0px;
   }
   
      .crumble_kolom2 ul li {
      display: inline;
      float: left;
      margin: 0px;
      padding: 0px;
      }   
      
         .crumble_kolom2 ul li a {
         background: url('/images/eyefashion/wm_streep.png') no-repeat;
         background-position: right;
         color:#999999;
         font-size: 10px;
         font-weight: bold;
         padding: 0px 30px 0px 30px;
         text-decoration: none;
         }   
         
            .crumble_kolom2 ul li a.eerste {
            padding-left: 0px;
            }  
            
            .crumble_kolom2 ul li a.laatste {
            background: none;
            padding-right: 0px;
            }                   
         
            .crumble_kolom2 ul li a:hover, .crumble_kolom2 ul li a.actief {
            color: #b73862;
            text-decoration: none;
            }

   .crumble_kolom2 .filter {
   background: url('/images/eyefashion/webshop_icon1.png') no-repeat;
   background-position: 3px 0px;
   color: #5c5c5c;
   float: left;
   height: 14px;
   padding: 2px 0px 0px 25px;
   position: absolute;
   }
   
   .titel {
   text-align: left;
   }
   
   .crumble_kolom2 .paginanummering {
   color: #a2a2a2;
   } 
   
      .crumble_kolom2 .paginanummering a {
      color: #6b6b6b;
      text-decoration: none;
      } 
      
         .crumble_kolom2 .paginanummering a:hover {
         text-decoration: underline;            
         }            

.crumble_kolom3 {
display: inline;
float: left;
height: 22px; /*31*/
padding: 9px 0px 0px 0px;
} 

   .crumble_kolom3 a {
   color: #252525;
   display: inline;
   float: left;
   text-decoration: none;
   }
   
      .crumble_kolom3 a.account {
      background: url('/images/eyefashion/webshop_icon2.png') no-repeat;
      background-position: left;
      margin-right: 35px;
      padding-left: 25px;
      }
   
      .crumble_kolom3 a:hover {
      text-decoration: underline;
      }

/**********************
 * WEBSHOP MENU    --> basis komt steeds terug
 *********************/ 

#webshop_menu {
background-color: #f5f5f5;
display: inline; 
float: left;
margin: 0px;
padding: 0px 20px 10px 0px;
width: 167px; /*187*/
}

   #webshop_menu.minheight {
   min-height: 1495px;
   height: auto !important;
   height: 1495px;          
   }

   #webshop_menu .streep {
   border-bottom: 1px dotted #9a9a9a;
   margin-left: 15px;
   padding: 15px 0px 15px 0px;
   } 
   
      #webshop_menu .streep input {
      background: url('/images/eyefashion/webshop_input_bg.png') no-repeat;
      border: 0px;
      height: 17px; /*19*/
      padding: 2px 0px 0px 5px;
      width: 144px; /*149*/
      } 

   #webshop_menu ul {
   border-bottom: 1px dotted #9a9a9a;
   list-style-type: none;
   margin: 10px 0px 0px 15px;
   padding: 0px 0px 5px 0px;
   }
   
      #webshop_menu ul.opsomming {
      list-style-type: square;
      }
      
         #webshop_menu ul.opsomming li {
         margin-left: 15px;
         }
   
      #webshop_menu ul li {
      margin-bottom: 10px;
      }
      
         #webshop_menu ul li a {
         color: #696969;
         text-decoration: none;
         }
         
            #webshop_menu ul li a:hover, #webshop_menu ul li a.actief {
            color: black;
            text-decoration: none;
            }

/**********************
 * WEBSHOP INHOUD    
 *********************/ 

#webshop_inhoud {background-color: white;display: inline;float: left;padding: 10px 0px 0px 3px;/*min-height: 1450px;height: auto !important;height: 1450px;*/}  
   #webshop_inhoud.winkelmandje {
   padding-left: 20px;
   width: 771px;
   }

   #webshop_filter {
   background: url('/images/eyefashion/webshop_filter_bg.png') repeat-x;
   background-position: bottom; 
   font-size: 10px;
   height: 75px;
   padding: 0px 0px 0px 20px;
   width: 768px; /*788*/
   }
   
      #webshop_filter .checkbox {
      display: inline;
      float: left;
      height: 20px; /*20*/
      width: 75px; /*75*/
      }
      
         #webshop_filter .checkbox.prijs {
         width: 95px;
         }
      
         #webshop_filter .checkbox input {
         border: 0px;
         display: inline;
         float: left;
         margin: -2px 5px 0px 0px;
         }
   
      #webshop_filter .kolom1 {
      border-right: 1px solid #f1f1f1;
      display: inline;
      float: left;
      height: 75px;
      margin-right: 20px;
      width: 97px;
      }
      
      #webshop_filter .kolom2 {
      border-right: 1px solid #f1f1f1;
      display: inline;
      float: left;
      height: 75px;
      margin-right: 20px;
      width: 234px;
      }   
      
      #webshop_filter .kolom3 {
      border-right: 1px solid #f1f1f1;
      display: inline;
      float: left;
      height: 75px;
      margin-right: 20px;
      width: 197px;
      } 
      
      #prijsfilter {
      float: right;
      margin-right: 5px;   
      }
      
         #prijsfilter a {
         color: #BCBCBC;
         text-decoration: underline;
         }
         
         #prijsfilter a:hover, #prijsfilter a.actief {
         color: #454545;
         }
      
      #webshop_filter .kolom4 {
      display: inline;
      float: left;
      height: 75px;
      }     
      
         #webshop_filter .kolom4 span.bedrag {
         color: #3e3e3e;
         margin-left: 5px;
         }  
         
         #webshop_filter .kolom4 a {
         margin-top: 40px;
         }   
         
   #webshop_artikels {
   width: 786px;
   }   
   
      #webshop_artikels .artikel {
      border: 1px solid white;
      border-top: 1px solid #f0f0f0;
      display: inline;
      float: left;
      height: 279px;
      margin: 3px 0px 0px 0px;
      text-align: center;
      width: 194px;
      }   

         #webshop_artikels .artikel.hover {
         border: 1px solid #f0f0f0;
         }   
         
         #webshop_artikels .artikel .artikel_tekst {
         height: 20px; /*30*/
         position: absolute;
         margin-top: 218px;
         padding: 10px 10px 0px 10px;
         text-align: left;
         width: 174px; /*194*/
         font-size:9px;
         } 
         
            #webshop_artikels .artikel .artikel_tekst span.prijs {
            color: black;
            margin-top: 30px;
            position: absolute;
            text-align: right;
            width: 170px;
            }
            
            #webshop_artikels .artikel .artikel_tekst span.artikelnummer {}            
            
   .artikel div.merkback {
   width: 194px;
   height:60px;
   background: #F0F0F0;
   text-align: center;
   }
   
      img.grijsmaken {
      filter:alpha(opacity=60);
      -moz-opacity:0.6;
      -khtml-opacity: 0.6;
      opacity: 0.6;
      }                    
            
/*********************** WEBSHOP WINKELMANDJE*********************/

#webshop_inhoud_tabel {
} 

   #webshop_inhoud_tabel p {
   background: url('/images/eyefashion/wm_icon1.png') no-repeat;
   height: 25px;
   margin-bottom: 0px;
   padding: 0px 0px 0px 30px;
   }

   #webshop_inhoud_tabel table { 
   color: #666666;
   margin-bottom: 20px;
   width: 710px;
   }            
   
      #webshop_inhoud_tabel table tr {
      height: 35px;
      }
      
         #webshop_inhoud_tabel table tr.hoog {
         height: 60px;
         }      
      
         #webshop_inhoud_tabel table tr.hoofd {
         color: #cc6666;
         }
      
         #webshop_inhoud_tabel table tr td {
         }  
         
            #webshop_inhoud_tabel table tr td a.bekijk {
            color: #666666;
            font-size: 10px;
            }                                               

            #webshop_inhoud_tabel table tr td span {
            display: inline;
            float: left;
            margin: 3px 20px 0px 0px;
            }                 
            
            #webshop_inhoud_tabel table tr td input {
            border: 0px;
            display: inline;
            float: left;
            margin: -2px 5px 0px 0px;
            } 
            
               #webshop_inhoud_tabel table tr td input.actiecode {
               border: 1px solid #b4b6bb;
               float: left;
               height: 16px; /*18*/
               padding: 2px 0px 0px 3px;
               margin: 0px 5px 0px 0px;
               width: 74px; /*77*/
               }                          
         
            #webshop_inhoud_tabel table tr td.onderlijn {
            border-bottom: 1px solid #d6d6d6;
            }
            
            #webshop_inhoud_tabel table tr td.doorstreep {
            text-decoration: line-through;
            }            
            
            #webshop_inhoud_tabel table tr td.kolom1 {
            text-align: center;
            width: 75px;
            } 
            
               #webshop_inhoud_tabel table tr td.kolom1 a {
               font-size: 11px;
               color: #666666;
               text-decoration: none;
               }
            
            #webshop_inhoud_tabel table tr td.kolom3 {
            text-align: center;
            width: 85px;
            } 
            
            #webshop_inhoud_tabel table tr td.kolom4 {
            text-align: center;
            width: 130px;
            } 
            
            #webshop_inhoud_tabel table tr td.kolom5 {
            text-align: right;
            width: 80px;
            } 
            
#webshop_inhoud_tekst {
border: 1px solid #e5e5e5;
margin: 20px 0px 20px 0px;
width: 725px; /*725*/
}                         

   #webshop_inhoud_tekst h1 {
   background-color: #e5e5e5;
   color: black;
   font-size: 11px;
   font-weight: bold;
   height: 22px; /*30*/
   padding: 8px 0px 0px 10px;
   } 
   
      #webshop_inhoud_tekst h2 {
      color: #666666;
      font-size: 11px;
      font-weight: bold;
      padding: 15px;
      } 
      
      #webshop_inhoud_tekst p {
      padding: 15px;
      }  
      
/*********************** WEBSHOP STAP1 *********************/ 

#webshop_inhoud_formulier {
width: 737px;
} 

   #webshop_inhoud_formulier .vak {
   border-bottom: 1px solid #d6d6d6;
   padding: 0px 0px 15px 0px;
   margin: 0px 0px 15px 0px;
   }
   
      #webshop_inhoud_formulier .vak .links {
      display: inline;
      float: right;
      }   

      #webshop_inhoud_formulier .vak h3 {
      color: #b72f5d;
      }
   
      #webshop_inhoud_formulier .vak dl {
      width: 362px;
      }
      
         #webshop_inhoud_formulier .vak dl dt {
         display: inline;
         float: left;
         height: 18px; /*22*/
         margin-bottom: 5px;
         padding-top: 4px;
         width: 145px;
         }
         
         #webshop_inhoud_formulier .vak dl dd {
         display: inline;
         float: left;
         height: 22px;
         margin-bottom: 5px;
         width: 217px;
         }           
         
            #webshop_inhoud_formulier .vak dl dd input {
            height: 17px; /*20*/
            padding: 3px 0px 0px 5px;
            width: 210px; /*215*/
            }
            
            #webshop_inhoud_formulier .vak dl dd select {
            height: 22px;
            width: 217px; 
            } 
            
            #webshop_inhoud_formulier .vak dl dd textarea {
            height: 62px; /*67*/
            padding: 5px 0px 0px 5px;
            width: 210px; /*215*/
            }           
   
      #webshop_inhoud_formulier .vak .vak_links {
      display: inline;
      float: left;
      margin-right: 15px;
      width: 362px;
      }  
             
         #webshop_inhoud_formulier .vak .vak_links a.pijl {
         background: url('/images/eyefashion/icon_pijlneer.png') no-repeat;
         background-position: right;
         color: #505050;
         padding-right: 15px;
         }  
         
         #webshop_inhoud_formulier .vak .vak_links input {
         display: inline;
         float: right;
         }   
         
            #webshop_inhoud_formulier .vak .vak_links input.checkbox {
            border: 0px;
            }           
         
         #webshop_inhoud_formulier .vak .vak_links span {
         display: inline;
         float: right;
         margin: 2px 10px 0px 0px;
         }                 
      
      #webshop_inhoud_formulier .vak .vak_rechts {
      display: inline;
      float: left;
      padding-top: 23px;
      width: 360px;
      } 
      
         #webshop_inhoud_formulier .vak .vak_rechts a {
         background: none;
         color: #515151;
         font-size: 9px;
         margin: -15px 0px 0px 145px;
         position: absolute;
         text-decoration: none;
         }
         
            #webshop_inhoud_formulier .vak .vak_rechts a:hover {
            text-decoration: underline;
            }       
            
/*********************** WEBSHOP STAP2 + STAP3 *********************/ 

#webshop_inhoud_tabel h3 {
border-bottom: 1px solid #d6d6d6;
color: #b22252;
margin-bottom: 0px;
padding-bottom: 15px;
width: 710px;
}   

   #webshop_inhoud_tabel h3 a {
   background: url('/images/eyefashion/icon_wijzig.png') no-repeat;
   background-position: right;
   color: #505050;
   display: block;
   float: right;
   height: 16px;
   padding-right: 20px;
   text-decoration: none;
   }   
   
#stap2_gegevens {
padding-top: 20px;
width: 710px;
}

   #stap2_gegevens.stap3 {
   border-bottom: 1px solid #d6d6d6;
   margin-bottom: 20px;
   padding-bottom: 20px;
   }

   #stap2_gegevens #controle {
   background: url('/images/eyefashion/stap2_controle.png') no-repeat;
   display: inline;
   float: right;
   height: 82px; /*87*/
   margin-top: 20px;
   overflow: hidden;
   padding-top: 5px;
   width: 314px;
   margin-bottom: 20px;
   }     
   
      #stap2_gegevens #controle p {
      background: none;
      padding: 0px 0px 0px 25px;
      } 

   #stap2_gegevens dl {
   }
   
      #stap2_gegevens dl dt { 
      color: #959595;
      display: inline;
      float: left;
      margin-bottom: 15px;
      width: 145px;
      }
      
      #stap2_gegevens dl dd {
      color: #505050;
      display: inline;
      float: left;
      margin-bottom: 15px;
      width: 150px;
      }      

   #stap2_gegevens_links {
   display: inline;
   float: left;
   margin-right: 50px;
   width: 300px;
   height: 240px;
   } 
   
      #stap2_gegevens_links.stap3_links {
      margin-right: 50px;
      width: 180px;
      } 
   
      #stap2_gegevens_links ul {
      border: 1px solid #878787;
      margin: 0px;
      padding: 20px 0px 10px 20px;
      }  
      
         #stap2_gegevens_links ul li {
         margin: 0px 0px 10px 0px;
         padding: 0px;
         }  
         
            #stap2_gegevens_links ul li a {
            color: #999999;
            text-decoration: underline;
            }              
            
               #stap2_gegevens_links ul li a:hover {
               color: #d50172;
               text-decoration: underline;
               }
   
   #stap2_gegevens_rechts {
   display: inline;
   float: left;
   width: 300px;
   }   
   
      #stap2_gegevens_rechts h3, #stap2_gegevens_rechts h1, #stap2_gegevens_rechts h2 {
      border: 0px;
      font-weight: bold;
      margin: 0px;
      padding: 0px;
      }   
      
      #stap2_gegevens_rechts p {
      background: none;
      height: auto;
      padding: 0px;
      margin-left: 0px;
      }
   
   #links.stap3 {
   background: url('/images/eyefashion/stap3_betalen.png') no-repeat;
   border-bottom: 1px solid #d6d6d6;
   height: 45px;
   margin: 0px;
   padding: 0px;
   width: 710px;
   }   
   
      #links.stap3 a {
      display: inline;
      float: right;
      margin: 5px 0px 0px 20px;
      }    
      
   #msp_stap3 {
   margin-top: 20px;
   width: 710px;
   }                
   
      #msp_stap3 p {
      background: none;
      height: auto;
      padding: 0px;
      margin-left: 0px;
      } 
      
      #msp_stap3 h3 {
      border: 0px;
      font-weight: bold;
      margin: 0px;
      padding: 0px;
      } 
      
      #msp_stap3 img {
      margin-bottom: 10px;
      }    
      
/*********************** WEBSHOP PRODUCTNIVEAU*********************/  

/**********************
 * DETAIL
 *********************/

#webshop_detail {
border: 1px solid #efefef;
padding-bottom: 15px;
margin-top: 5px;
width: 780px; 
}  

   #webshop_detail_top {
   background-color: #efefef;
   height: 56px; /*56*/
   }  
   
      #toevoegen_top {
      margin-top: 18px;
      position: absolute;
      margin-left: 325px;
      width: 414px;
      }
      
         #toevoegen_top select {
         
         }
   
      #webshop_detail_top img {
      }
   
      #webshop_detail_top a {
      color: #202020;
      display: inline;
      float: right;
      text-decoration: none;
      margin-right: 20px;
      margin-top: 20px;
      }   
      
         #webshop_detail_top a:hover {
         text-decoration: underline;
         }  
         
   #thumbs {
   margin: 20px 0px 0px 0px;
   height: 80px;
   }
   
      #thumbs img {
      border: 1px solid #DEDEDE;
      padding: 3px;
      width: 45px;
      width: 45px;
      float: left;
      margin-right: 5px;
      display: inline
      }         
         
   #webshop_detail_links {
   display: inline;
   float: left;
   margin: 30px 0px 0px 10px;
   width: 180px;
   padding-left: 20px;
   }  
   
      #webshop_detail_links img.zoom {
      margin: 0px 0px 30px 0px;
      }
   
      #webshop_detail_links p span {
      color: #202020;
      display: inline;
      float: right;
      }
   
   #webshop_detail_rechts {
   background: url('/images/eyefashion/webshop_product_bg_knoppen.png') repeat-x;
   background-position: bottom;    
   display: inline;
   float: left;
   margin: 10px 10px 0px 100px;
   width: 460px;
   }  
   
      #webshop_detail_rechts_inhoud {     
      border-bottom: 1px dotted #939393;
      margin: 0px 0px 15px 0px;
      padding-bottom: 5px;
      min-height: 181px;
      height: auto !important;
      height: 181px;      
      } 
      
         #webshop_detail_rechts_inhoud h1 {
         font-size: 11px;
         margin-bottom: 10px;
         }
         
         #webshop_detail_rechts_inhoud h2 {
         color: #202020;
         font-size: 11px;
         }  
         
      #webshop_detail_rechts_knoppen {
      padding: 0px 15px 15px 15px;
      width: 413px;
      } 
      
         #webshop_detail_rechts_knoppen select, #toevoegen_top select {
         display: inline;
         float: left;
         height: 18px;
         width: 105px; 
         }           
         
         #webshop_detail_rechts_knoppen a, #toevoegen_top a {
         color: white;
         float: right;
         position: relative;
         margin: 0px;
         }  
         
/**********************
 * GERELATEERDE ARTIKELEN
 *********************/ 

#gerelateerde_artikels {
background: url('/images/eyefashion/webshop_detail_gerelateerde.png') repeat-x;
height: 28px; /*43*/
margin-top: 3px;
padding: 15px 0px 0px 15px;
width: 767px; /*782*/
}  

   #gerelateerde_artikels h1 {
   font-size: 11px;
   }        
   
/**********************
 * TEKSTPAGINA
 *********************/                      
   
#tekstpagina{background-color: white;display: inline;float: left;padding: 10px 10px 0px 3px;}
#tekstpagina img {margin: 10px;border: 1px solid #EDEDED; padding: 3px;}

/*********************
* MAGICZOOM
*********************/

.MagicZoom img {border: 0 !important;padding: 0 !important;margin: 0 !important;}
.MagicZoomBigImageCont {z-index: 999999; margin-left: -205px; margin-top: -30px;}
.MagicZoomHeader {font-size: 8pt !important;line-height: normal !important;color: #fff;background: #666;text-align: center !important;}
.MagicZoomPup {border: 1px solid #aaa;background: #fff;cursor: move;}
.MagicZoomLoading {border: 1px solid #ccc;background: #fff url(/images/magiczoom/loader.gif) no-repeat 2px 50%;padding: 4px 4px 4px 24px !important;margin: 0;text-decoration: none;text-align: left;font-size: 8pt;font-family: sans-serif;color: #444;}
.MagicZoomPlus {cursor: url(/images/magiczoom/zoomin.cur), pointer;outline: 0 !important;}
.MagicZoomPlus img {border: 0 !important;padding: 0 !important;margin: 0 !important;}
.MagicZoomPlus span {display: none !important; }
.MagicHotspots {display: none;visibility: hidden;}
.MagicHotspots a {border: 1px solid #ccc;}
.MagicHotspots a:hover {border: 1px solid red;}
.MagicThumb, .MagicThumb:hover {cursor: url(/images/magiczoom/zoomin.cur), pointer;outline: 0 !important;} 
.MagicThumb-expanded-thumbnail {cursor: default;}
.MagicThumb span {display: none !important;}
.MagicThumb img {border: 0;outline: 0;}
.MagicThumb-expanded {cursor: url(/images/magiczoom/zoomout.cur), pointer;background: transparent;border: 1px solid #ccc;outline: 0;padding: 0;}
.MagicThumb-caption {color: #333;font: normal 10pt Verdana, Helvetica;background: #ccc;text-align: left;padding: 8px;border: 0 !important;outline: 0 !important;}
.MagicThumb-buttons {background: transparent url(/images/magiczoom/buttons1.png) no-repeat 0 0;height: 24px;display: block;}
.MagicThumb-buttons a {width: 24px;height: 24px;margin: 0px 1px !important;overflow: hidden;}
.MagicThumb-loader {font: normal 12pt sans-serif;border: 1px solid #000;background: #fff url(/images/magiczoom/loader.gif) no-repeat 2px 50%;padding: 2px 2px 2px 22px;margin: 0;text-decoration: none;text-align: left;}
.MagicThumb-swap {}
.MagicThumb-external-caption {display: none;}

/*********************
* LOADER
*********************/ 

#l_popup_container {background: #FFF;color: #000;border: 5px solid #000000; display:table;}
#l_popup_content {color: #085880; position:relative;}
#l_popup_message {padding: 40px;}
#l_popup_close {right:0px; top:0px; position:absolute;}
#l_popup_panel {text-align: center;padding-bottom: 10px;}

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

#popup_container {color: #a5a5a5;font: 11px Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, Serif;line-height: 18px;min-width: 150px; background: #FFF;border: solid 5px #ab0534;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: #ab0534;padding: 0px;padding-bottom: 3px;color: white;height: 20px;}
#popup_panel {text-align: center;margin: 1em 0em 0em 1em;}

/*********************
* BESTELLINGEN
*********************/         

table#bestellingen {border: 1px solid #d6d6d6;border-bottom: 0px; width: 100%; margin-bottom: 20px;margin-left: 0px; margin-top: 0px;}
table#bestellingen tr td {border-bottom: 1px solid #d6d6d6;padding: 6px;}
table#bestellingen tr td.kolom1 {width: 70px;}
table#bestellingen tr td.kolom2 {}  
table#bestellingen tr td.kolom3 {}  
table#bestellingen tr td.kolom4 {}  
table#bestellingen tr td.kolom5 {}                                                  
table#bestellingen tr.hoofd td {background: #ab0534; color: white; font-weight: bold;}

/*********************
* BESTELLINGEN
*********************/         

table.otherColors {
	color:#777777;
}

table.otherColors .left      { text-align:left;   }
table.otherColors .center    { text-align:center; }
table.otherColors .right     { text-align:right;  }
table.otherColors .no-margin {  }

table.otherColors th {
	padding:5px;
	font-weight:normal;
	vertical-align:top;
}

table.otherColors th a {
	padding:0px 10px 0px 0px;
	background:url(../../images/eyefashion/cross.png) right 3px no-repeat;
}

table.otherColors th a:link    { color:#777777; text-decoration:underline; }
table.otherColors th a:visited { color:#777777; text-decoration:underline; }
table.otherColors th a:hover   { color:#777777; text-decoration:none; }
table.otherColors th a:active  { color:#777777; text-decoration:none; }

table.otherColors td {
	padding: 0 5px;
}

table.otherColors td.others {
	vertical-align:top;
}

table.otherColors td.others a {
	display:block;
	float:left;
	margin:0px 11px 13px 0px;
}

table.otherColors td.others a:link img    { border:1px solid #e1e1e1; }
table.otherColors td.others a:visited img { border:1px solid #e1e1e1; }
table.otherColors td.others a:active img  { border:1px solid #c3c3c3; }
table.otherColors td.others a:hover img   { border:1px solid #c3c3c3; }

#facebook_follow {
float: right;
margin-right: 30px;
margin-top: -3px;
}

#facebook_follow span {
float: left;
padding-top: 5px;
padding-right: 5px;
}

#facebook_follow img {
float: right;
}