html {
background: url(grafix/bg.jpg) repeat-x #F7F7F7;
}
/*--------------------Body----------------------------------------*/
body {
font : 11px Verdana, Helvetica, sans-serif;
color: #000;
margin-top : 0;
margin-left : 0;
text-align: left;
/*text-align: left;*/
}
/*--------------------Tekst opmaak----------------------------------------*/
h1 {
margin-top: 0px;
font-size : 14px;
font-weight : bold;
color: #005C09;
}
h2 {
font-size : 11px;
margin: 0px;
padding: 0px;
margin-left:12px;
color:#FFF;
}
/*--------------------Pagina opmaak----------------------------------------*/
#container {
text-align : left;
width : 1000px;
margin: 0 auto;
}
#top {
background: url("grafix/top.jpg");
height: 219px;
}
#logo {
padding: 70px 0px 0px 60px;
}
#main {
background: url("grafix/main.jpg") no-repeat #F7F7F7;
height: 500px;
color: #000;
}
#content {
width: 690px;
float: right;
padding-right: 20px;
}
#kruimelspoor {
height: 20px;
margin-left:30px;
line-height:20px;
margin-bottom:20px;
margin-top:15px;
}

#kruimelspoor a{
font-weight:bold;
}

#kruimelspoor img{
margin-right:10px;
}
/*--------------------Linker menu----------------------------------------*/
#menu_container {
padding-left: 24px;
width: 257px;
height: 100%;
min-height: 100%;
float: left;
}
a {
color:#035A0B;
}
/*----------------------Zoekmachine----------------------*/
.searchinfo {
background: #4A4C4B;
line-height:26px;
height : 26px;
margin-bottom : 15px;
margin-top:15px;
text-align : left;
border : 0px solid #000000;
color:#fff;
}
.searchresult {
border-bottom : 0px solid #535377;
margin-bottom : 0px;
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding-bottom : 2px;
border-bottom : 1px solid #d1d1d1;
}
.searchresultcount {
width : 20px;
float : left;
}
#searchnavigationwrap {
background:#656665;
height : 26px;
padding : 5px;
line-height: 26px;
}

.searchnavigation {
float : left;
width : 70px;
}
.searchnavigation a, .searchnavigation a:link, .searchnavigation a:visited, .searchnavigation a:active, .searchnavigation a:hover {
color : #FFFFFF;
font-size : 10px;
text-decoration : none;
font-weight : bold;
}
.snav_right {
float : right;
text-align : right;
}

.snav_left {
text-align : left;
}

#searchbox {
background:  url(grafix/search.jpg) repeat-y;
height: 30px;
margin-top: 20px;
color: #FFF;
width:233px;
}

#searchbox form {
padding : 0;
margin : 0;
}

#searchquery {
width : 105px;
height : 16px;
border : 0;
padding : 0px;
margin:2px 3px 0 5px;
color: #4C4D4C;
font-size:12px;
font-family:Verdana;
line-height:18px;
float:left;
}

#searchcontent{
padding-top:4px;
}


#searchbutton {
width : 24px;
height : 19px;
background: url(grafix/knop.jpg);
border : 0;
margin:0;
padding:0;
color : #000;
cursor : pointer;
margin-right:4px;
float:left;
}



#searchquery_background {
margin-left: 23px;
height: 30px;
padding-top: 0px;
width:197px;
}



/*--------------------------*/
#products {
background: url(grafix/products.jpg) no-repeat;
padding: 16px 24px 0px 24px;
margin-top: 7px;
float:left;
min-height:224px;
width: 205px;
}
#ww {
background: url(grafix/ww.jpg) no-repeat;
height: 255px;
padding: 15px 24px 0px 24px;
margin-top: 7px;
position:relative;
float:left;
width: 205px;
z-index: 800;
}
/*--------------------Link opmaak----------------------------------------*/
a {
cursor: pointer;
text-decoration: none;
}
a:hover {
text-decoration : underline;
}
/*--------------------Navigatie----------------------------------------*/
#navigation {
height: 34px;
background: url(grafix/navi.jpg) no-repeat;
line-height:30px;
}

/*--------------------Producten overzicht----------------------------------------*/
.overzicht {
border: 0;
width: 200px;
height: 200px;
font-size: 11px;
background: #4D483F;
color: #fff;
overflow:hidden;
}
.naam {
vertical-align: top;
height: 15px;
line-height: 15px;
font-size: 10px;
}
.afbeelding {
vertical-align: top;
height: 151px;
}
.beschrijving {
height: 50px;
vertical-align: top;
}
.link {
text-align: right;
}

.link a
{
  color: #fff;
}


A.wit:link{
color: #FFFFFF;
}
/*--------------------Producten detail----------------------------------------*/
.detail {
width: 285px;
border: 0;
font-size: 11px;
background: #4D483F;
color: #fff;
}
.detail_naam {
padding-left: 6px;
font-size: 11px;
background: #4D483F;
color: #fff;
height: 20px;
}
.afbeelding_groot{
border: 1px solid #4D483F;
height: 300px;
}
.detail_beschrijving {
border: 0;
height: 281px;
font-size: 11px;
background: #fff;
padding: 4px;
vertical-align: top;
color:#035A0B;

}
.detail_bestel {
height: 20px;
margin-top: 5px;
margin-bottom:5px;
font-size: 11px;
text-align: right;
}
.detail_prijs {
font-size: 24px;
font-weight: bold;
color:  #035A0B;
padding-top: 12px;
}
.submit_detail {
color: #FFF;
background: #035A0B;
border: 0;
width: 90px;
height: 25px;
}
.text {
border: 1px #4D483F solid;
}

.knop
{
 background-color:#035A0B;
 color:#fff;
 border:0px;
 cursor:pointer;
}

.knop2
{
 background-color:#fff;
 color:#035A0B;
 border:0px;
 cursor:pointer;
}


/*--------------------Menu ----------------------------------------*/

.clCMAbs {
	LEFT: 0px; VISIBILITY: hidden; POSITION: absolute; TOP: 0px
	}

.clLevel0 {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT-WEIGHT: regular;
	FONT-SIZE: 12pt;
	FONT-FAMILY: arial;
	POSITION: absolute;
	text-align: center;
	background-image:url("grafix/menu.gif");
	background-repeat: repeat-x;
	color: #FFFFFF;
	line-height:30px;


}
.clLevel0over {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT-WEIGHT: regular;
	FONT-SIZE: 12pt;
	FONT-FAMILY: arial;
	POSITION: absolute;
	text-align: center;
	background-image:url("grafix/menu_over.gif");
	background-repeat: repeat-x;
	color: #FFFFFF;
	CURSOR: pointer;
	line-height:30px;

}

.clLevel0border {
	VISIBILITY: hidden;
	POSITION: absolute;
}


.clLevel1 {

	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	FONT-WEIGHT: regular;
	FONT-SIZE: 12pt;
	FONT-FAMILY: arial;
	POSITION: absolute;
	text-align: center;
	background-image:url("grafix/menu.gif");
	background-repeat: repeat-x;
	color: #FFFFFF;
	line-height:30px;
}
.clLevel1over {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP:2px;
	FONT-WEIGHT: regular;
	FONT-SIZE: 12pt;
	FONT-FAMILY: arial,arial;
	POSITION: absolute;
	text-align: center;
	CURSOR: pointer;
	background-image:url("grafix/menu_over.gif");
	background-repeat: repeat-x;
	color: #FFFFFF;
	line-height:30px;
}

.clLevel1border {
	VISIBILITY: hidden;
	POSITION: absolute;
	BACKGROUND-COLOR: #B4B5C3;
}

/*-------------------- contactforms----------------------------------------*/
div#contactform_geheel {
float:left;
width:402px;
}
div#contactform {
background:#fafafa;
float:left;
width:400px;
border:1px solid #ddd;
}
div#contactform form {
float:left;
width:390px;
display:inline;
margin:5px;
}
div#contactform form fieldset label {
width:160px;
}
div#contactform fieldset  input{
border:1px solid #ddd;
}
div#contactform textarea {
border:1px solid #ddd;
}
#adresgegevens { /*-------------------- asdresgegevns----------------------------------------*/
margin-left:10px;
float:left;
width: 200px;
}

/*-------------------- directcontactform----------------------------------------*/
div#contactform_geheel div.head2 h2.contact span.naam {
margin-left:5px;
font-weight:normal;
}
div#contactform_geheel div.head2 h2.contact	{
	color: #035A0B;
	margin-left: 0px;
}

.contactLine	{
	color: #035A0B;
}


/*------------Geld voor alle forms!------------------------------------------------*/
form fieldset {
border:none;
}
form p {
margin-bottom:0px;
}
form fieldset legend, form  legend {
display:none;
}
form fieldset label, form label{
margin-bottom:5px;
float:left;
height:22px;
line-height:22px;
width:140px;
}
form fieldset input, form  input, form fieldset textarea, form textarea {
margin-bottom:5px;
float:right;
height:18px;
line-height:18px;
width:170px;
}
form fieldset select, form select {
margin-bottom:5px;
float:right;
height:22px;
line-height:22px;
}
form fieldset textarea, form textarea {
height:54px;
}
form fieldset input.checkbox, form  input.checkbox  {
margin:0px;
width:13px;
height:13px;
}
form fieldset input.radio, form  input.radiobox {
float:right;
width:13px;
height:18px;
}

div.clear {
clear:both;
line-height:0px;
font-size:0px;
}


input.submit {
background:#035A0B;
border:none !important;
font-weight:bold;
margin-bottom:5px;
color:#fff;
float:right;
text-align:center;
width:auto !important;
height:25px !important;
cursor:pointer;
}