/* CSS Document */

body{
behavior: url(includes/csshover.htc);
background-color: #FFCC33;
margin: 0px;
padding: 10px 0 0 0;
text-align: center;
color: #330099;
font: 14px arial, verdana, sans-serif;
}

div#wrapper{
width: 951px;
margin: 0 auto 30px auto;
text-align: left;
background: url(../images/menu_achtergrond.jpg) repeat-y;
background-position: 0% 169px;
}

div#header{
float: left;
clear: both;
}


#header img{
margin: 0px;
padding: 0px;
float: left;
}

div.menu{
float: left;
width: 223px;
}

div.menu div{
float: left;
clear: left;
}

/*
ul#menu{
z-index: -1;
}
*/
ul#menu li{
list-style: none;
}

ul#menu, ul#menu li{
margin: 0px;
padding: 0px;
}

ul#menu a{
display: block;
}

#menu ul li, #menu li{
display: block;
float: left;
clear: left;
padding: 0px;
margin: 0px;
}

ul#menu li {
position: relative;
}

li ul {
	position: absolute;
	left: 190px;
	top: 0;
	display: none;
	z-index: 50;
	background-image: url(../images/producten_bg2.gif);
	background-repeat: no-repeat;
	padding: 0px;
	padding-left: 25px;
	padding-top: 10px;
	height: 206px;
	width: 150px;
	margin: 0px;
	}
	
	
li ul li a{
padding: 5px 5px;
text-transform: lowercase;
text-decoration: none;
font-weight: bold;
}

li ul li a:hover{
color: #FFCC33;
}

li:hover ul, li.over ul { display: block; } /* The magic */




div#inhoud{
float: left;
width: 688px;
padding-left: 10px;
}

div#footer{
clear: both;
}

a img{
border: 0px;
}

.center{
text-align: center;
}

.product_left, .product_right{
text-align: center;
margin-bottom: 20px;
width: 200px;
height: 280px;
float: left;
margin-right: 20px;
padding-top: 10px;

}
/*
.product_left{
float: left;
clear: left;
}

.product_right{
float: right;
clear: right;
}
*/
.product_left p, .product_right p{
margin-top: 0px;
padding-top: 0px;
}

.product_left a, .product_right a{
text-decoration: none;
}

h1{
margin-top: 0px;
font: bold 24px Arial, Verdana, sans-serif;
}

h2{
text-transform: lowercase;
clear: both;
width: 100%;
font: bold 18px Arial, Verdana, sans-serif;
}

a.anchor{
float: left;
clear: both;

}

h5{
margin: 0px;
}

.left{
float: left;
margin-right: 10px;
}

.right{
float: right;
margin-left: 10px;
}

a{
color: #309;
text-decoration: underline;
}

a:hover{
text-decoration: none;
}

.naarboven{
display: block;
float: left;
clear: both;
width: 100%;
text-align: right;
margin-top: 50px;
}

td{
vertical-align: top;

}
/*
.cat_links{

float: left;
clear: both;
}

.cat_rechts{
float: right;
clear: both;
}*/

table tr{
  vertical-align: top;
}

th{
  text-align: left;
}
.voorbeeld{
display: inline;
font-size: 11px;
font-style: italic;
}

table.formulier{
  width: 400px;
}

textarea{
  font: 13px Ms Sans Serif, Tahoma, Verdana;
}