/*************************************************************************
 *
 * Ontwikkeld door: Creative Dimension (http://www.creativedimension.be) 
 * In opdracht van: Jan de Belser 
 * 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 Jan de Belser
 *
 ************************************************************************/  

/**********************
 * STYLESHEETS IMPORTS
 *********************/    
      
@import url('/css/basis.css');  
@import url('/css/global.css'); 
@import url('/css/home.css'); 
@import url('/css/artikellijst.css'); 
@import url('/css/artikel.css'); 
@import url('/css/winkelwagen.css'); 
@import url('/css/stap1.css');
@import url('/css/stap2.css');
@import url('/css/stap3.css');
@import url('/css/account.css'); 
@import url('/css/nivo-slider.css');
@import url('/css/scrollpane.css'); 

/**********************
 * BASIS
 *********************/
 
* {
border: 0px;
margin: 0px;
padding: 0px; 
}

body {
background: #45d1d1;
color: #655139;
font: 12px Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Serif;
}

#container {
background-color: white;
margin: 0 auto;
padding: 30px;
width: 900px; /*960*/
}

#fade {
-moz-opacity:0.35;
-khtml-opacity: 0.35;
background-color: red;
display: none;
filter:alpha(opacity=35);
height: 100%;
left: 0;
opacity: 0.35;
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
}

/**********************
 * ALGEMENE OPMAAK
 *********************/
 
h1, h2, h3, h4, h5, h6 {

}

h1 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}

h2 {
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}

h3 {
color: #FF922F;
font-size: 12px;
font-weight: bold;
}

h4 {
color: #655139;
font-size: 15px;
font-weight: bold;
margin-bottom: 20px;
}

h5 {

}

h6 {

}

p {
line-height: 18px;
margin-bottom: 15px;
}

ul, ol {
list-style-type: disc;
margin-left: 40px;
}

   ul li, ol li {
   margin-bottom: 15px;
   }

a {
color: #FF912F;
font-weight: bold;
text-decoration: underline;
}

   a:hover {
   color: #52d4d4;
   }
   
form {
display: inline;
}

input, textarea, select {
color: #655139;
font: 12px Arial, Verdana, Tahoma, "Trebuchet MS", Helvetica, Serif;
}

   input.klein {
   width: 20px;
   }
   
select {
border: 1px solid #DCD2BF;
height: 19px; 
margin-bottom: 8px;
width: 200px;
}
   
table {

}

   table th {
   
   }
   
      table th td {
      
      }

   table tr {
   
   }
   
      table tr td {

      }
      
hr {

}    

.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }