* {
margin: 0px;
padding: 0px;
font-family: arial;
font-size: 12px;
line-height: 17px;
}

body {
background-color: #f1cb00;
background-image: url('../grfx/background_zwart.gif');
background-repeat: repeat-y;
height: 100%;
}

body.zacht {
background-color: #feffe5;
background-image: url('../grfx/background_zwart.gif');
background-repeat: repeat-y;
height: 100%;
}

div#container div#logo {
position: absolute;
margin-left: 113px;
margin-top: 10px;
width: 315px;
z-index: 1;
}

div#kassa {
position: absolute;
top: 400px;
}

div#container {
border: 0px solid #000;
padding-bottom: 180px;
}

div#linkerkant {
position: absolute;
color: #fff;
font-size: 11px;
z-index: 11;
}

div#content {
position: relative;
top: 130px;
width: 500px;
left: 220px;
f/ont-size: 11px;
line-height: 17px;
border: 0px solid #000;
z-index: 10;
}

.knop {
position: absolute;
background-image: url('../grfx/knop.gif');
width: 180px;
height: 27px;
line-height: 25px;
text-align: center;
font-weight: bold;
color: #000;
font-size: 13px;
text-decoration: none;
z-index: 10;
}

a.knop:hover {
background-image: url('../grfx/knop_hover.gif');
color: #000;
}

div#language {
position: absolute;
left: 10px;
top: 10px;
}

div#language img {
margin: 2px;
border: 1px solid #fff;
}

a {
color: #777;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: none;
}

ul li {
display: block;
}

h2 {
font-size: 18px;
line-height: 20px;
color: #444;
}

h1 {
font-size: 18px;
line-height: 20px;
color: #444;
}

div#product {
position: relative;
padding: 10px;
margin: 10px;
margin-left: 0px;
border: 1px solid #000;
background-color:#fff;
width: 550px;
}



.formknop {
position: absolute;
background-color: #ffffff;
background-image: url('../grfx/knop.gif');
width: 180px;
height: 27px;
line-height: 25px;
text-align: center;
font-weight: bold;
color: #000;
font-size: 13px;
text-decoration: none;
border: none;
margin-top: -8px;
margin-left: 258px;
}

.niet_leverbaar {
position: absolute;
margin-top: -8px;
margin-left: 258px;
background-color: #ffffff;
background-image: url('../grfx/knop_hover.gif');
width: 180px;
height: 27px;
line-height: 25px;
text-align: center;
font-weight: normal;
color: #000;
font-size: 11px;
text-decoration: none;
border: none;
}

.formknop:hover {
background-image: url('../grfx/knop_hover.gif');
color: #000;
cursor: pointer;
}

div#product h1 {
color: #f1cb00;
font-size: 18px;
font-weight: bold;
float: left;
line-height: 25px;
}

div#product .prijs {
float: right;
color: #777;
font-size: 18px;
font-weight: bold;
}

div#product div#varianten {
position: absolute;
top: 130px;
}

div#product div#varianten img.variantfoto{
border: 2px solid #777;
}

div#product div#varianten img.variantfoto:hover{
border: 2px solid #000;
}

a.categorie {
position: relative;
width: 300px;
padding: 5px;
display: block;
float: left;
margin-top: 5px;
background-color: #fff;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
color: #000;
font-weight: bold;
}

a.categorie:hover {
background-color:  #f1cb00;
font-weight: bold;
}

div#winkelwagen {
background-color: #fff;
padding: 10px;
border: 1px solid #777;
}

form .contact {
border: 1px solid #000;
}

a.knop_links {
display: block;
color: #fff;
font-weight: bold;
}
a.knop_links:hover {
display: block;
color: #f1cb00;
font-weight: bold;
}