/* ----------------------------------------------------------------------------------------------------------------------
   ## CSS voor STUDIO100
   ## Merchandisingdirect.com
   ------------------------------------------------------------------------------------------------------------------- */
body {
      /*scrollbar-face-color: #FFFADA; 
      scrollbar-highlight-color: #FFFADA; 
      scrollbar-shadow-color: #FFFADA; 
      scrollbar-3dlight-color: #000; 
      scrollbar-arrow-color:  #000; 
      scrollbar-track-color: #FFFADA; 
      scrollbar-darkshadow-color: #000;*/
      font-family: verdana, arial, helvetica, sans-serif; 
      font-size: 10px;      
      background-color: #0E208A;
      margin: 0px;
      padding: 0px;
      }         
						     
table, td {      
      font-family: verdana, arial, helvetica, sans-serif; 
      font-size: 10px;      
      } 
      
table.content {
      margin-top: 20px;
      }      
      
table.content table td {
      vertical-align: top;
}

td.aligntop {
      vertical-align: top;
      }		      					     																				     
     
span.update {      
      margin-top: 10px;
      padding: 3px;
      background-color: #FC0;
      display: block;
      }
      
div#laden {
      margin-top: 100px;
      background-color: #f00;
      font-size: 30px;
      color: #000;
      }      
	  
#extra-info  {    
    width: 430px;	
	padding: 3px;
	background-color: #E8E0B0;
	/*border: 1px solid black;*/
	font-size: 10px;	    
    margin-bottom: 20px;
    margin-top: 10px;
}

#extra-info h1 {
    font-size: 14px;
	font-weight: normal;
}	  


.afzien {
    font-size: 10px;
    font-weight: bold;
}
      
div#inleiding {
      width: 450px;
      padding: 10px 10px 10px 40px;
      font-size: 11px;
      }      
      
div#logos {
      text-align: center;
      border: 0px;      
      }            

.opmerking {      
      font-weight: bold;      
      font-style: italic;
      }      

.korting {
      font-weight: bold;      
      font-style: italic;
      text-align: center;      
}     

div.kader-tekst {
    padding: 4px; 
    background-color: #EFE9C2; 
    font-size: 11px; 
    text-align: center;
}

div.kader-tekst .kop, div.kader-tekst h1 {
    font-size: 16px; 
    font-weight: bold;
    color: black;
}

.studio100-sale-h1 {
    margin-bottom: 5px;
}

.studio100-sale-content {
    line-height: 150%;
}

.noborder {
    border: 0;
}

#ideal {
	width: 450px;
	margin: 0 50px 15px 50px;
	/*background-color: #DFD48B;*/
	padding: 8px;
	background-image: url(http://www.merchandisingdirect.com/s1/pages/images/ideal_bg.jpg);
	background-repeat: no-repeat;
}

#ideal p {
    font-size: 11px;
	line-height: 150%;
}


/* ----------------------------------------------------------------------------------------------------------------------
   ## LET OP      
   ------------------------------------------------------------------------------------------------------------------- */
.bigbetsy-letop {
    border: 6px solid white;
}


/* ----------------------------------------------------------------------------------------------------------------------
   ## KOPPEN      
   ------------------------------------------------------------------------------------------------------------------- */     				
h1 {
      margin-top: 0;
	  margin-bottom: 16px;
      font-size: 16px;
      font-weight: bold;
      }
      
h2 {
      margin-right: 10px;
      display: inline;
      font-size: 11px;      
      }      
						
   
h3 {      
      margin-top: 20px;            
      font-size: 12px;
      font-weight: bold;            
      }      
      
      
      
/* ----------------------------------------------------------------------------------------------------------------------
   ## NAVIGATIE      
   ------------------------------------------------------------------------------------------------------------------- */           
#categorien {
      margin-bottom: 20px;
      padding: 4px 0px;     
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;      
      text-align: center;
      }
      
#categorien-bottom {
      margin-top: 40px;
      padding: 4px 0px;     
      border-top: 1px solid #000;
      border-bottom: 1px solid #000;      
      text-align: center;
      }
      
#leftnavigatie {
      padding-top: 8px;
      text-align: center;
      }      

#navextra {
      margin-top: 3px;
      }    
    
      
/* ----------------------------------------------------------------------------------------------------------------------
   ## TABELLEN      
   ------------------------------------------------------------------------------------------------------------------- */      
table.productcontainer {
      margin-bottom: 30px;
      }

table.product, table.product td {
      font-size: 11px;
      text-align: center;
      vertical-align: top;
      }
						
table.info {
      margin-top: 10px;
      }	      
      
table.border {
      border: 2px solid #000;
      }      
      
      
      
/* ----------------------------------------------------------------------------------------------------------------------
   ## ACHTERGRONDKLEUREN      
   ------------------------------------------------------------------------------------------------------------------- */      
.rood {
      background-color: #C5283B;
      }

.oranje {
      background-color: #FC0; /* SamsonGert en Spring */
      }
      
.lichtgeel {
      background-color: #FFFADA;
      }      
      
.donkerroze {
      background-color: #E54BB0; /* K3 en 6Teens */
      }
      
.groen {
      background-color: #9C3;
      }      
      
.donkerblauw       {
      background-color: #578ABD;
      }
      
.wit {
      background-color: #fff;
      }      

.zwart {
    background-color: black;
}	  
      

/* ----------------------------------------------------------------------------------------------------------------------
   ## LINKS      
   ------------------------------------------------------------------------------------------------------------------- */      
a {
      font-weight: bold; 
      color: #F90;
      }
								
a:hover {
      color: #000;
      }		
      
a.nav {
      display: block;
      margin-top: 5px;
      }            
      
a.nav-bigbetsy {
      display: block;
      margin-top: 5px;
      color: #FC0;
      }         
      
a.nav-bigbetsy:hover {
      color: #FFF;      
      }
      
a.nav-k3 {
      display: block;
      margin-top: 5px;
      color: #000;
      } 
      
a.nav-k3:hover {
      color: #fff;
      }      
           
a.nav-kabouterplop {
      display: block;
      margin-top: 5px;
      color: #000;
      }            
      
a.nav-kabouterplop:hover {
      color: #FFF;
      }                             

a.nav-samsongert {
      display: block;
      margin-top: 5px;
      color: #000;
      }      
      
a.nav-samsongert:hover {
      color: #3F658A;
      }            
      
          
a.nav-spring {
      display: block;
      margin-top: 5px;
      color: #766006;
      }               
      
a.nav-wizzywoppy {
      display: block;
      margin-top: 5px;
      color: #766006;
      }         
      
a.nav-studio100 {
      display: block;
      margin-top: 5px;
      color: #FC0;
      }          
      
a.nav-studio100:hover {
      color: #fff;
      }          
	  
a.nav-anibus {
      display: block;
      margin-top: 5px;
      color: #BFAA6B;
      }          
      
a.nav-anibus:hover {
      color: white;
      }          	      
      
      
      
/* ----------------------------------------------------------------------------------------------------------------------
   ## IMAGES
   ------------------------------------------------------------------------------------------------------------------- */      				           						
img.logo {
	  text-align: left;
      }   

img.product {
      border: 1px solid #000;
      }								
						
img.nav {
      margin-bottom: 10px;
      border: 0px !important;
      }		
						
img.koop {
      margin-top: 10px;
      margin-left: 10px;      
      border: 0px;      
      }																																									

