@charset "UTF-8";
/* CSS Document */

*{
padding:0;
margin:0;
}

p {
padding: 5px 0;          /* mvdb: 1em 0 */
line-height: 1.3em;    /* mvdb: 1.5em */
}

html, body {
height: 100%; /* heel belangrijk */
background: url("../afbeeldingen/achtergrond.jpg") center top repeat-y;
text-align: center;
}

img{
border: 0;	
}

#totaal_container{
width: 100%;
height: 100%;
background: url("../afbeeldingen/bg_top_balk.gif") left top repeat-x;
}

#container {
width: 996px;
margin: 0 auto;
text-align: left;
position: relative;
min-height: 100%;
height: auto !important; /* voor moderne browsers */
height: 100%; /* voor IE */
background: #fff;
}

#header{
	height:147px;
	background: url("../afbeeldingen/bg_top.gif") top left no-repeat;
}

#inhoud {
width: 996px;
float: left;
position: relative;
padding-bottom: 5px;
}

#nieuws{
width: 630px;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 12px;
color: #000000;
position: relative;
float: left;
padding-bottom: 5px;
}

#nieuws h1{
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 13px;
color: #22207d;
padding-bottom: 10px;
}

#nieuws ul{
margin: 0px;
padding: 0px;
list-style: none;
padding-bottom: 10px;
}

#content{
width: 630px;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 0.8em;
color: #000000;
position: relative;
float: left;
margin-left: 10px;
margin-right: 10px;
}

#content a{
text-decoration: underline;
color: #22207d;
}

#content a:hover{
text-decoration: none;
color: #22207d;
}

#content h1{
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 13px;
font-weight: bold;
color: #22207d;
padding-top: 5px;
}

#content h2{
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 12px;
font-weight: bold;
color: #22207d;
}

#content h3{
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
font-weight: bold;
color: #22207d;
}

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

#content ol{
margin-left: 20px;
}

#producten{
width: 143px;
margin-right: 10px;
margin-top: 10px;
position: relative;
float: left;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
color: #22207d;
}

#producten a{
text-decoration: none;
color: #22207d;
}

#producten a:hover{
text-decoration: underline;
color: #22207d;
}

#producten ul{
list-style: none;
margin-left: 6px;
}

#producten ul li{
list-style: none;
width: 143px;
margin-bottom: 2px;
padding-left: 5px;
border-color: #e5e5e5;
line-height: 24px;
}

#producten ul li.producten_sub {
 background: none;
 width: 143px;
 margin-bottom: 2px;
 line-height: 24px;
 padding-left: 5px;
border-color: #e5e5e5;
line-height: 24px;
}

#zijbalk {
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
color: #000000;
position: relative;
float: left;
width: 191px;
height: 200px;
}

#zijbalk a{
text-decoration: underline;
color: #22207d;
}

#zijbalk a:hover{
text-decoration: none;
color: #22207d;
}

#footer {
clear: both;
position: fixed;
bottom: 0; /* heel belangrijk */
width: 996px;
height: 18px;
text-align:right;
background: url("../afbeeldingen/bg_footer.gif") no-repeat;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
color: #ffffff;
line-height: 18px;
}

#footer a{
text-decoration: none;
color: #ffffff;
}

#footer a:hover{
text-decoration: underline;
color: #ffffff;
}

#topbalk{
width: 804px;
height: 34px;
background: url("../afbeeldingen/bg_menu_top.gif") bottom left no-repeat;
padding-top: 113px;
}

#blok_vlaggen {
position: relative;
text-align: center;
line-height: 24px;
float: left;
width: 118px;
height: 24px;;
margin-left: 73px;
margin-top: 0px;
background: url("../afbeeldingen/bg_vlaggen.gif") top right no-repeat;
}

#blok_balk{
width: 191px;
height: 147px;
float: right;
position: relative;
margin-right: 1px;
}

#winkelwagen {
position: relative;
float: left;
width: 191px;
height: 81px;
margin-top: 42px;
background: url("../afbeeldingen/bg_winkelwagen.gif") top right no-repeat;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
color: #151459;
}

#winkelwagen ul{
list-style: none;
margin: 0;
padding: 0;
margin-top: 34px;
}

#winkelwagen ul li{
display: block;
height: 13px;
text-indent: 16px;
line-height: 6px;
}

#winkelwagen_de {
position: relative;
float: left;
width: 191px;
height: 81px;
margin-top: 42px;
background: url("../afbeeldingen/bg_winkelwagen_de.gif") top right no-repeat;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
color: #151459;
}

#winkelwagen_de ul{
list-style: none;
margin: 0;
padding: 0;
margin-top: 34px;
}

#winkelwagen_de ul li{
display: block;
height: 13px;
text-indent: 16px;
line-height: 6px;
}

#winkelwagen_en {
position: relative;
float: left;
width: 191px;
height: 81px;
margin-top: 42px;
background: url("../afbeeldingen/bg_winkelwagen_en.gif") top right no-repeat;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
color: #151459;
}

#winkelwagen_en ul{
list-style: none;
margin: 0;
padding: 0;
margin-top: 34px;
}

#winkelwagen_en ul li{
display: block;
height: 13px;
text-indent: 16px;
line-height: 6px;
}

#winkelwagen_fr {
position: relative;
float: left;
width: 191px;
height: 81px;
margin-top: 42px;
background: url("../afbeeldingen/bg_winkelwagen_fr.gif") top right no-repeat;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
color: #151459;
}

#winkelwagen_fr ul{
list-style: none;
margin: 0;
padding: 0;
margin-top: 34px;
}

#winkelwagen_fr ul li{
display: block;
height: 13px;
text-indent: 16px;
line-height: 6px;
}

.invulveld{
float: left;
position: relative;
width: 150px;
height: 25px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 5px;
}

.invulveld input{
width: 150px;
height: 18px;
   background-color: #ffffff;
	border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
	}

.zoekknop{
float: left;
position: relative;
width: 24px;
height: 34px;
margin-top: 0px;
margin-left: 10px;
}

.treemenu{
width: 605px;
height: 34px;
margin-top: 0px;
float: left;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 11px;
color: #22207d;
text-indent: 11px;
line-height: 30px;
}

.treemenu a{
text-decoration: underline;
color: #22207d;
}

#nieuwsbrief {
position: relative;
float: left;
width: 191px;
height: 170px;
margin-top: 0px;
background: url("../afbeeldingen/bg_nieuwsbrief.gif") top right no-repeat;
}

#nieuwsbrief_de {
position: relative;
float: left;
width: 191px;
height: 170px;
margin-top: 0px;
background: url("../afbeeldingen/bg_nieuwsbrief_de.gif") top right no-repeat;
}

#nieuwsbrief_en {
position: relative;
float: left;
width: 191px;
height: 170px;
margin-top: 0px;
background: url("../afbeeldingen/bg_nieuwsbrief_en.gif") top right no-repeat;
}

#nieuwsbrief_fr {
position: relative;
float: left;
width: 191px;
height: 170px;
margin-top: 0px;
background: url("../afbeeldingen/bg_nieuwsbrief_fr.gif") top right no-repeat;
}

#nieuwsbrief_form{
margin-top: 18px;
margin-left: 22px;
}

#nieuwsbrief_form input{
width: 140px;
height: 18px;
   background-color: #ffffff;
	border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
	}
	
	#nieuwsbrief_form .submit{
width: 24px;
height: 24px;
border: 0;
margin-top: 7px;
	}

#inloggen {
position: relative;
float: right;
width: 190px;
height: 140px;
margin-top: 3px;
margin-right: 3px;
background: url("../afbeeldingen/bg_inloggen.gif") top left no-repeat;
}

#inloggen ul{
padding: 0;
margin: 0;
margin-top: 35px;
margin-left: 20px;
list-style: none;
}

#inloggen ul li{
display: block;
height: 17px;
text-indent: 22px;
line-height: 6px;
background: url("../afbeeldingen/pijl_inloggen.gif") top left no-repeat;
}

#inloggen_en {
position: relative;
float: right;
width: 190px;
height: 100px;
margin-top: 3px;
margin-right: 3px;
background: url("../afbeeldingen/bg_inloggen_en.gif") top left no-repeat;
}

#inloggen_en ul{
padding: 0;
margin: 0;
margin-top: 35px;
margin-left: 20px;
list-style: none;
}

#inloggen_en ul li{
display: block;
height: 17px;
text-indent: 22px;
line-height: 6px;
background: url("../afbeeldingen/pijl_inloggen.gif") top left no-repeat;
}

#inloggen_de {
position: relative;
float: right;
width: 190px;
height: 100px;
margin-top: 3px;
margin-right: 3px;
background: url("../afbeeldingen/bg_inloggen_de.gif") top left no-repeat;
}

#inloggen_de ul{
padding: 0;
margin: 0;
margin-top: 35px;
margin-left: 20px;
list-style: none;
}

#inloggen_de ul li{
display: block;
height: 17px;
text-indent: 22px;
line-height: 6px;
background: url("../afbeeldingen/pijl_inloggen.gif") top left no-repeat;
}

#inloggen_fr {
position: relative;
float: right;
width: 190px;
height: 100px;
margin-top: 3px;
margin-right: 3px;
background: url("../afbeeldingen/bg_inloggen_fr.gif") top left no-repeat;
}

#inloggen_fr ul{
padding: 0;
margin: 0;
margin-top: 35px;
margin-left: 20px;
list-style: none;
}

#inloggen_fr ul li{
display: block;
height: 17px;
text-indent: 22px;
line-height: 6px;
background: url("../afbeeldingen/pijl_inloggen.gif") top left no-repeat;
}

#contact {
position: relative;
float: left;
width: 191px;
height: 180px;
margin-top: 0px;
background: url("../afbeeldingen/bg_contact.gif") top right no-repeat;
}

#contact_de {
position: relative;
float: left;
width: 191px;
height: 180px;
margin-top: 0px;
background: url("../afbeeldingen/bg_contact_de.gif") top right no-repeat;
}

#contact_en {
position: relative;
float: left;
width: 191px;
height: 180px;
margin-top: 0px;
background: url("../afbeeldingen/bg_contact_en.gif") top right no-repeat;
}

#contact_fr {
position: relative;
float: left;
width: 191px;
height: 180px;
margin-top: 0px;
background: url("../afbeeldingen/bg_contact_fr.gif") top right no-repeat;
}

#contact_tekst {
position: relative;
float: left;
width: 180px;
height: 150px;
margin-top: 30px;
margin-left: 20px;
border: 0;
}

#producten ul{
list-style: none;
}

#producten ul li{
list-style: none;
width: 143px;
margin-bottom: 2px;
padding-left: 5px;
background-color: #f4f4f4;
border: 1px solid;
border-color: #e5e5e5;
line-height: 24px;
}

#producten ul li.producten_sub {
 background: none;
 width: 143px;
 margin-bottom: 2px;
 padding-left: 5px;
 background-color: #f4f4f4;
border: 1px solid;
border-color: #e5e5e5;
line-height: 24px;
}

.form_tekst{
width: 180px;
height: 25px;
float: left;
position: relative;
}

.form_input{
width: 420px;
height: 25px;
float: left;
position: relative;
}

/* MVDB: poging om knop in stap 2 van betalen op juiste plek te krijgen in Firefox: niet succesvol */
.form_input_betaalmethodestap2{
width: 120px;
height: 25px;
float: right;
position: absolute;
top: 450px;
left: 50px;
}

/* MENU */
#nav, #nav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#nav a.hoofdnavigatie {
  display: block;
  width: 192px;
  height: 15px;
  text-decoration: none;
  color: #22207d;
  font-family: Verdana, Helvetica, Arial Sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  background: url("../afbeeldingen/bg_menu1.gif") left top no-repeat;
}

#nav a:hover.hoofdnavigatie {
display: block;
  width: 192px;
  height: 15px;
  text-decoration: none;
  color: #22207d;
  font-family: Verdana, Helvetica, Arial Sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  background: url("../afbeeldingen/bg_menu1.gif") left top no-repeat;
}

#nav a:active.hoofdnavigatie {
display: block;
  width: 192px;
  height: 15px;
  text-decoration: none;
  color: #22207d;
  font-family: Verdana, Helvetica, Arial Sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  background: url("../afbeeldingen/bg_menu1.gif") left top no-repeat;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
}

#nav a {
  display: block;
  width: 240px;
  height: 7px;
  padding: 7px;
  text-decoration: none;
  background: #f1f0f0;
  color: #22207d;
  font-family: Verdana, Helvetica, Arial Sans-serif;
  font-size: 11px;
  text-decoration: none;
  border-left: 1px solid #22207d;
  border-right: 1px solid #22207d;
}

#nav a:hover {
text-decoration: underline;
color: #22207d;
}

#nav ul li.subnavigatie {
  display: block;
  width: 240px;
  height: 9px;
  padding: 7px;
  text-decoration: none;
  background: #f1f0f0;
  color: #22207d;
  font-weight: bold;
  font-family: Verdana, Helvetica, Arial Sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  border-left: 1px solid #22207d;
  border-right: 1px solid #22207d;
}

#nav ul li.bottom {
  display: block;
  width: 240px;
  height: 9px;
  padding: 7px;
  text-decoration: none;
  background: #f1f0f0;
  color: #22207d;
  font-family: Verdana, Helvetica, Arial Sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  border-left: 1px solid #22207d;
  border-right: 1px solid #22207d;
  border-bottom: 1px solid #22207d;
}

#nav ul li.top{
  display: block;
  width: 240px;
  height: 9px;
  padding: 7px;
  text-decoration: none;
  background: #f1f0f0;
  color: #22207d;
  font-family: Verdana, Helvetica, Arial Sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
    border-left: 1px solid #22207d;
  border-right: 1px solid #22207d;
  background: #f1f0f0 url("../afbeeldingen/menu_rand.gif") top right no-repeat;
}

#nav li {
  float: left;
  width: 192px;
}

#nav li ul {
  position: absolute;
  width: 192px;
  left: -999em;
}

/* aanpassingen submenu: */

#nav li ul ul {
  margin: -20px 0 0 147px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

/* einde aanpassingen */

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
  left: auto;
  font-family: Verdana, Helvetica, Arial Sans-serif;
  font-size: 10px;
}

#menu {
width: 768px;
height: 15px;
position: absolute;
padding-top: 84px;
text-decoration: none;
z-index: 100;
}

/* WEBWINKEL ; MVDB: alle bottom-margins verkleint van 10 naar 5 */

.shop_producten{
position: relative;
float: left;
width: 280px;
margin-right: 17px;
margin-bottom: 5px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.shop_producten h1{
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 13px;
font-weight: bold;
color: #22207d;
}

.shop_producten_image{
width: 150px;
margin-right: 10px;
position: relative;
float: left;
}

.shop_producten_tekst{
width: 120px;
position: relative;
float: left;
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 0.9em;
color: #000000;
margin-bottom: 5px;
}

.shop_producten_tekst h2{
font-family: Verdana, Helvetica, Arial, Sans-serif;
font-size: 13px;
font-weight: bold;
color: #22207d;
margin-top: 5px;
margin-bottom: 5px;
}

.shop_producten_input{
float: right;
position: relative;
}

.shop_producten_input input{
width: 30px;
height: 18px;
   background-color: #ffffff;
	border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
}

.shop_producten_button{
width: 22px;
height: 19px;
position: relative;
float: right;
margin-left: 5px;
}

.rij_tabeltop{
background-color: #22207d;
color: #ffffff;
font-weight: bold;
}

.rij_tabel1{
background-color: #f7f7f7;
}

.rij_tabel2{
background-color: #e4e4e4;
}

.verwijderknop{
background-color: #ffffff;
}

.error{
color: #e7302a;
	}

/* EINDE WEBWINKEL */