/******************************************
DEM
CSS : Eefje Ferwerda
E-mail: eferwerda@lautenbagreclame.nl
WWW: http://www.lautenbag.nl
---------------------------------------
CSS bestand vrijgegeven onder C.C. licentie:
http://creativecommons.org/licenses/by-sa/2.0/nl/
******************************************/

:-moz-any-link:focus {outline: none;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
table, legend, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	text-align: left;
	list-style: none;}
	
img, a img, :link img, :visited img {border: 0;}
div.clear {clear: both; width: 100%; height: 0px;}


/*LAYOUT
**************************************************/
body {
	background: #cccccc;
	}

div#site{
  background: url("img/bg_body.jpg") top repeat-y; 
  }
  
div#top{
  height: 182px;
  width: 100%;
  }

div#main{
  width: 100%;
  }

div#bottom{
  clear: both;
  }

div#header{
  width: 940px;
  height: 182px;
  margin: 0 auto;
  background: transparent;
  }

div#container{
  width: 940px;
  margin: 0 auto;
  background: url("img/bg_container_home.jpg") top repeat-y; 
  }

div#container-industrie{
  width: 940px;
  margin: 0 auto;
  background: url("img/bg_container_home.jpg") top repeat-y; 
  }

div#container-landbouw{
  width: 940px;
  margin: 0 auto;
  background: url("img/bg_container_landbouw.jpg") top repeat-y; 
  }

div#container-tuin{
  width: 940px;
  margin: 0 auto;
  background: url("img/bg_container_tuin.jpg") top repeat-y; 
  }
  
div#footer{
	clear: both;
  width: 960px;
  margin: 0 auto;
  }

div#headerimg{
  width: 940px;
  height: 147px;
  float: left;
  display: inline;
  background: url("img/bg_headerimg.jpg") top no-repeat; 
  }

div#headerimg-industrie{
  width: 940px;
  height: 147px;
  float: left;
  display: inline;
  background: url("img/bg_headerimg_industrie.jpg") top no-repeat; 
  }

div#headerimg-landbouw{
  width: 940px;
  height: 147px;
  float: left;
  display: inline;
  background: url("img/bg_headerimg_landbouw.jpg") top no-repeat; 
  }

div#headerimg-tuin{
  width: 940px;
  height: 147px;
  float: left;
  display: inline;
  background: url("img/bg_headerimg_tuin.jpg") top no-repeat; 
  }

div#text img{
	float: left;
	display: inline;
	margin-bottom: 10px;
	clear: left;
}

div#text a.vorige {
	float: left;
	clear: left;
}

/*menu
**************************************************/

div#tabs{
  width: 396px;
  height: 31px;
  margin: 117px 0 0 0;
  float: left;
  display: inline;
  }

div#menu-achtergrond{
	margin-top: -1px;
  width: 100%;
  height: 35px;
  float: left;
  display: inline;
  clear: left;
  background: #fff;
  }

div#menu-achtergrond-industrie{
	margin-top: -1px;
  width: 100%;
  height: 35px;
  float: left;
  display: inline;
  clear: left;
  background: #302f31;
  }

div#menu-achtergrond-landbouw{
	margin-top: -1px;
  width: 100%;
  height: 35px;
  float: left;
  display: inline;
  clear: left;
  background: #ffca33;
  }

div#menu-achtergrond-tuin{
	margin-top: -1px;
  width: 100%;
  height: 35px;
  float: left;
  display: inline;
  clear: left;
  background: #97b83d;
  }

div#menu{
  width: 940px;
  height: 30px;
  float: left;
  display: inline;
  clear: left;
  margin: 2px 0px;
  background: #000;
  }
  
div#industrie a {
	width: 132px;
	height: 30px;
	float: left;
	display: block;
	background:url('img/bg_tabmenu_industrie.jpg') left top no-repeat;
	}

div#industrie a:hover {
	background:url('img/bg_tabmenu_industrie.jpg') right top no-repeat;
	}

div#industrie2 a {
	width: 132px;
	height: 30px;
	float: left;
	display: block;
	background:url('img/bg_tabmenu_industrie.jpg') right top no-repeat;
	}
	
 div#landbouw a {
	width: 132px;
  height: 30px;
  float: left;
  display: inline;
	background:url('img/bg_tabmenu_landbouw.jpg') left top no-repeat;
  }

div#landbouw a:hover {
	background:url('img/bg_tabmenu_landbouw.jpg') right top no-repeat;
	}  

 div#landbouw2 a {
	width: 132px;
  height: 31px;
  float: left;
  display: inline;
	background:url('img/bg_tabmenu_landbouw.jpg') right top no-repeat;
  }
  
 div#tuin a {
	width: 132px;
  height: 31px;
  float: left;
  display: inline;
	background:url('img/bg_tabmenu_tuin.jpg') left top no-repeat;
  }

div#tuin a:hover {
	background:url('img/bg_tabmenu_tuin.jpg') right top no-repeat;
	}

 div#tuin2 a {
	width: 132px;
  height: 31px;
  float: left;
  display: inline;
	background:url('img/bg_tabmenu_tuin.jpg') right top no-repeat;
  }

  
/*content
**************************************************/
div#content{
  float: left;
  display: inline;
  width:608px;
  margin-top: 35px;
  padding-bottom: 10px;
	}

div#text{
	float: left;
	display: inline;
	width: 560px;
	margin-left: 25px;
	margin-bottom: 15px;
	}

div#sidebar1{
	margin-top: 0px;
  float:left;
  display: inline;
  width:132px;
  }
  
div#kruimels {
	width: 300px;
	height: 35px;
	float: left;
	display: inline;
	background-color: #fff;
	margin-top: 0px;
	padding-left: 25px;
	}

div#kruimels h3 {
	float: left;
	display: inline;
	clear: none;
	margin-top: 10px;
	}

 div#sidebar2{
  float:right;
  display: inline;
  clear: right;
  width:170px;
	margin-top: 5px;
  padding: 10px 15px 0 15px;
  border-bottom: 2px solid #fff;
  }
  
 h2 {
	font: bold 15px lucida grande, lucida, tahoma, arial, sans-serif;
	color: #fff;
	clear: left;
	margin-bottom: 10px;
	}


h2 a {
	margin-left: 15px;
}

div#text h2{
	margin-left: 0px;
}

p {
	clear: left;
	color: #fff;
	margin-bottom: 10px;
	line-height: 20px;
}

 div#sidebar3{
  float:right;
  display: inline;
  clear: right;
  width:170px;
  margin-top: 15px;
  padding: 0 15px 0px;
  }

div#keuze {
	float: right;
	display: inline;
	margin-bottom: 15px;
	margin-right: 15px;
}

div#weer{
float: right;
display:inline;
clear: right;
width: 155px;
margin-top: 5px;
margin-right: 15px;
padding: 15px 15px 15px 0;
border-top: 1px solid #ffca33;
}


/*sidebar1
**************************************************/

div.logo_dealer {
	float: left;
	display: inline;
	margin: 0 10px 0 10px;
	width: 125px;
}

div.logo_dealer img{
	float: left;
	display: inline;
	margin-bottom: 10px;
}



/*sidebar2-3
**************************************************/
div#sidebar2 ul li {
	font: normal 12px lucida, sans-serif, tahoma, arial;
	float: left;
	display: inline;
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #ffca33;
	}

div#sidebar3 ul li {
	font: normal 12px/20px lucida, sans-serif, tahoma, arial;
	color: #fff;
	float: left;
	display: inline;
	padding-top: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px solid #ffca33;
	}

div#sidebar3 ul li p{
	float: left;
	display: inline;
	line-height: 17px;
	margin-bottom: 5px;
	margin-top: 5px;
}

div#sidebar2 ul li p{
	float: left;
	display: inline;
	line-height: 17px;
	margin-bottom: 3px;
}
	
div#sidebar2 ul li p a{
	line-height: 10px;
	margin: 0 0 0 5px;
	}

div#sidebar2 ul li p a:link{
	margin-top: 0px;
	clear: none;
	color: #fff;
	text-decoration: none;}
	
div#sidebar2 p a:visited{
	margin-top: -13px;
	color: #fff;
	text-decoration: none;}
div#sidebar2 p a:hover{
	margin-top: -13px;
	color: #ccc;
	text-decoration: none;}
div#sidebar2 p a:active{
	margin-top: -13px;
	color: #ccc;
	text-decoration: none;}


/*footer
**************************************************/
div#footer {
	margin: 0 auto;
  background: url("img/bg_footer.jpg") top no-repeat; 
  color: #7b7d7e;
	font: normal 10px lucida, sans-serif, tahoma, arial;
	padding: 10px 0px 30px 0px;;
	}

div#copyright {
	float: left;
	display: inline;
	margin-left: 20px;
	}

div#disclaimer {
	padding-right: 25px;
	float: right;
	display: inline;
	}

div#disclaimer a{
	text-decoration: underline;
	float: right;
	display: inline;
	color: #7b7d7e;
	margin-left: 10px;
	}

div#disclaimer a:link{
color:#7b7d7e;}
div#disclaimer a:visited{
color:#7b7d7e;}
div#disclaimer a:hover{
color:#fff;}
div#disclaimer a:active{
color:#fff;}


/*-----overzicht home-----*/
div#overzicht {
	float: left;
	display: inline;
	width: 580px;
	padding: 20px 0 0 20px;
}

div#hoofdgroep_industrie {
	float: left;
	display: inline;
	margin-right: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 230px;
	width: 375px;
	border: 1px solid #000;
	background: #302f31;
	position: relative;
}

div#hoofdgroep_landbouw {
	float: left;
	display: inline;
	margin-right: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 230px;
	width: 375px;
	border: 1px solid #000;
	background: #ffca33;
	position: relative;
}

div#hoofdgroep_tuin {
	float: left;
	display: inline;
	margin-right: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 230px;
	width: 375px;
	border: 1px solid #000;
	background: #97b83d;
	position: relative;
}

div#hoofdgroep_industrie img{
	float: left;
	display: inline;
	height: 170px;
	width: 375px;
}

div#hoofdgroep_tuin img{
	float: left;
	display: inline;
	height: 170px;
	width: 375px;
}

div#hoofdgroep_landbouw img{
	float: left;
	display: inline;
	height: 170px;
	width: 375px;
}

div.subgroep_industrie{
	float: left;
	display: inline;
	margin-right: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 230px;
	width: 183px;
	border: 1px solid #000;
	background: #302f31;
	position: relative;
}

div.subgroep_landbouw{
	float: left;
	display: inline;
	margin-right: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 230px;
	width: 183px;
	border: 1px solid #000;
	background: #ffca33;
	position: relative;
}

div.subgroep_tuin{
	float: left;
	display: inline;
	margin-right: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 230px;
	width: 183px;
	border: 1px solid #000;
	background: #97b83d;
	position: relative;
}

div.subgroep_industrie img{
	float: left;
	display: inline;
	height: 170px;
	width: 183px;
}

div.subgroep_landbouw img{
	float: left;
	display: inline;
	height: 170px;
	width: 183px;
}

div.subgroep_tuin img{
	float: left;
	display: inline;
	height: 170px;
	width: 183px;
}

div.type {
	font: normal 14px lucida, sans-serif, tahoma, arial;
	color: #fff;
	float: left;
	display: inline;
	margin-top: 8px;
	margin-left: 10px;
	padding: 0px;
	clear: left;
}

div.prijs {
	font: normal 14px lucida, sans-serif, tahoma, arial;
	color: #c80000;
	float: right;
	display: inline;
	margin-top: 8px;
	margin-right: 5px;
	clear: left;
	position: absolute;
	bottom: 0px;
	right:0px; 

}

/*-----overzicht producten-----*/
div#producten_industrie {
	font: normal 11px lucida, sans-serif, tahoma, arial;
}

div.even_industrie {
	position: relative;
	width: 580px;
	min-height: 135px;
	float: left;
	display: inline;
	background: #eaebeb;
	margin-left: 15px;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.oneven_industrie {
	position: relative;
	width: 580px;
	min-height: 135px;
	float: left;
	display: inline;
	background: #cacdcc;
	margin-left: 15px;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.even_industrie img{

}

div.even_industrie img.thumb{
	height: 35px;
	width: 45px;
}

div.oneven_industrie img{

}

div.oneven_industrie img.thumb{
	height: 35px;
	width: 45px;
}

div#naam_industrie {
	width: 570px;
	height: 15px;
	float: left;
	display: inline;
	background: #302f31;
	padding: 6px 0 0 10px;
	margin-left: 15px;
}

div#producten_landbouw {
	font: normal 11px lucida, sans-serif, tahoma, arial;
}

div.even_landbouw {
	position: relative;
	width: 580px;
	min-height: 135px;
	float: left;
	display: inline;
	background: #fdf5c1;
	margin-left: 15px;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.oneven_landbouw {
	position: relative;
	width: 580px;
	min-height: 135px;
	float: left;
	display: inline;
	background: #fbea7a;
	margin-left: 15px;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.even_landbouw img{

}

div.even_landbouw img.thumb{
	height: 35px;
	width: 45px;
}

div.oneven_landbouw img{

}

div.oneven_landbouw img.thumb{
	height: 35px;
	width: 45px;
	}

div#naam_landbouw {
	width: 570px;
	height: 15px;
	float: left;
	display: inline;
	background: #ffca33;
	padding: 6px 0 0 10px;
	margin-left: 15px;
}

div#producten_tuin {
	font: normal 11px lucida, sans-serif, tahoma, arial;
}

div.even_tuin {
	position: relative;
	width: 580px;
	min-height: 135px;
	float: left;
	display: inline;
	background: #eaf1d8;
	margin-left: 15px;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.oneven_tuin {
	position: relative;
	width: 580px;
	min-height: 135px;
	float: left;
	display: inline;
	background: #cbdb9e;
	margin-left: 15px;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.even_tuin img{

}

div.even_tuin img.thumb{
	height: 35px;
	width: 45px;
}

div.oneven_tuin img{

}

div.oneven_tuin img.thumb{
	height: 35px;
	width: 45px;
}

div#naam_tuin {
	width: 570px;
	height: 15px;
	float: left;
	display: inline;
	background: #97b83d;
	padding: 6px 0 0 10px;
	margin-left: 15px;
}




/*-----overzicht producten homepage-----*/

div#naam a {
	color: #fff;
}

div#naam a:link{
	color: #fff;
}

div#naam a:visited{
	color: #fff;
}

div#naam a:hover{
	color: #fff;
	text-decoration: underline;
}

div#naam a:active{
	color: #fff;
	text-decoration: underline;
}

img.groot {
	width: 170px;
}

div#colomwrapper {
	float: left;
	display: inline;
	width: 185px;
	margin-left: 13px;
}

div#homewrapper {
	float: left;
	display: inline;
	width: 185px;
	margin-bottom: 10px;
}

div#homewrapper div#vak3 {
	float: right;
	display: inline;
	clear: both;
	right: -3px;
}

div#home_producten_industrie {
	font: normal 11px lucida, sans-serif, tahoma, arial;
}

div.home_even_industrie {
	position: relative;
	width: 185px;
	float: left;
	display: inline;
	height: 180px;
	background: #eaebeb;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.home_even_industrie div#vak1{
	width: 150px;
}

div.home_even_industrie div#vak2{
	width: 150px;
}

div.home_oneven_industrie {
	position: relative;
	width: 185px;
	float: left;
	display: inline;
	background: #cacdcc;
	padding-top: 10px;
	height: 180px;
	margin-bottom: 10px;
}

div.home_oneven_industrie div#vak2{
	width: 150px;
}

div.home_oneven_industrie div#vak1{
	width: 150px;
}

div.even_industrie img.thumb{
	height: 35px;
	width: 45px;
}

div.home_oneven_industrie img.thumb{
	height: 35px;
	width: 45px;
}

div#home_naam_industrie {
	width: 175px;
	min-height: 15px;
	float: left;
	display: inline;
	background: #302f31;
	padding: 6px 0 0 10px;
}

div#home_producten_landbouw {
	font: normal 11px lucida, sans-serif, tahoma, arial;
}

div.home_even_landbouw {
	position: relative;
	width: 185px;
	height: 180px;
	float: left;
	display: inline;
	background: #fdf5c1;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.home_even_landbouw div#vak1{
	width: 150px;
}

div.home_even_landbouw div#vak2{
	width: 150px;
}

div.home_oneven_landbouw {
	position: relative;
	width: 185px;
	height: 180px;
	float: left;
	display: inline;
	background: #fbea7a;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.home_oneven_landbouw div#vak1{
	width: 150px;
}

div.home_oneven_landbouw div#vak2{
	width: 150px;
}

div.home_even_landbouw img.thumb{
	height: 35px;
	width: 45px;
}

div.home_oneven_landbouw img.thumb{
	height: 35px;
	width: 45px;
	}

div#home_naam_landbouw {
	position: relative;
	width: 175px;
	height: 15px;
	float: left;
	display: inline;
	background: #ffca33;
	padding: 6px 0 0 10px;
}

div#home_producten_tuin {
	font: normal 11px lucida, sans-serif, tahoma, arial;
}

div.home_even_tuin {
	position: relative;
	width: 185px;
	height: 180px;
	float: left;
	display: inline;
	background: #eaf1d8;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.home_even_tuin div#vak1{
	width: 150px;
}

div.home_even_tuin div#vak2{
	width: 150px;
}

div.home_oneven_tuin {
	position: relative;
	width: 185px;
	height: 180px;
	float: left;
	display: inline;
	background: #cbdb9e;
	padding-top: 10px;
	margin-bottom: 10px;
}

div.home_oneven_tuin div#vak1{
	width: 150px;
}

div.home_oneven_tuin div#vak2{
	width: 150px;
}

div.home_even_tuin img.thumb{
	height: 35px;
	width: 45px;
}

div.home_oneven_tuin img.thumb{
	height: 35px;
	width: 45px;
}

div#home_naam_tuin {
	width: 175px;
	height: 15px;
	float: left;
	display: inline;
	background: #97b83d;
	padding: 6px 0 0 10px;
}







div#naam {
	color: #fff;
	float: left;
	display: inline;
	margin-top: -2px;
}

div#printicoon {
	float: left;
	display: inline;
	width: 15px;
	height: 20px;
	margin-top: -5px;
	margin-left: 15px;
}

div#vak1 {
	float: left;
	display: inline;
	width: 240px;
}

div#vak2 {
	float: left;
	display: inline;
	width: 210px;
}

div#vak3 {
	float: right;
	display: inline;
	margin-right: 10px;
	width: 120px;
	position: absolute;
	bottom: 10px;
	right: 0px;
}

div.omschrijving {
	font: normal 11px lucida, sans-serif, tahoma, arial; 
	color: #000;
	line-height: 15px;
	float: left;
	display: inline;
	margin-left: 8px;
}

div.price {
	font: bold 12px lucida, sans-serif, tahoma, arial;
	color: #c80000;
	float: right;
	display: inline;
	margin: 0px 8px 5px 0px;
	text-align: right;
	width: 120px;
}

div.exbtw {
	width: 120px;
	clear: right;
	float: right;
	display: inline;
	margin-right: 8px;
	text-align: right;
}

img.groot {
	float: left;
	display: inline;
	margin-left: 8px;
}

img.thumb {
	float: left;
	display: inline;
	clear: right;
	margin-bottom: 10px;
	margin-left: 8px;
}

table {
	clear: left;
	float: left;
	display: inline;
}

div#text table tbody tr td h2 a{
margin-left:0px;
}


a img {
	float: left;
	display: inline;
	margin-left: 0px;
}

/*-----TYPOGRAFIE-----*/
ul {
	float: left;
	clear: left;
}

div#text ul {
	margin-bottom: 10px;
}

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

a:visited {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #4c4c4c;
	text-decoration: none;
}
a:active {
	color: #000;
	text-decoration: none;
}

body{font: normal 11px lucida, sans-serif, tahoma, arial;
line-height: 15px;} 

h3{font: bold 11px lucida, sans-serif, tahoma, arial;
margin-bottom: 5px;
}

div#dealer h3 {
	margin-left: -10px;
}

h1 {
	font: bold 20px lucida, sans-serif, tahoma, arial;
	margin-bottom: 15px;
	}

div#menu a{
font: 14px DIN, lucida, sans-serif, tahoma, arial;
font-weight: lighter;
color: #fff;
text-align: left;
float: left;
display: inline;
padding:0px 23px 0px 25px;
margin-top: 8px;
text-decoration: none;
}

div#menu a:link{
color:#fff;}
div#menu a:visited{
color:#fff;}
div#menu a:hover{
color:#7b7d7e;}
div#menu a:active{
color:#7b7d7e;}

p a:link{
color:red;}
p a:visited{
color:red;}
p a:hover{
color:#7b7d7e;}
p a:active{
color:#7b7d7e;}


div#dealer{
	background: transparent;
	margin: 75px 0px 0px 25px;
	}

div#content p{
	font: normal 11px lucida, sans-serif, tahoma, arial;
	color: #000;
	margin-bottom: 15px;
	line-height: 15px;
	}

	
/*-----Contactformulier-----*/


div#formulier h3{
	font: bold 14px/18px Tahoma, Arial, sans-serif;
	color: #000;
	margin-bottom: 5px;
}
	
form#formulier{
	margin: 0px 0 0px 0px;
	width: 315px;
	line-height: 16px;
	height: 500px;
	clear: left;
	}

form#formulier div label{
	clear: both;
	float: left;
	display: inline;
	width: 100px;
	}

input{
	clear: both;
	float: left;
	display: inline;
	width: 350px;
	margin: 0px 0px 10px 0px;
	}

input.single{
	clear: right;
	float: left;
	display: inline;
	width: 150px;
	}

form#formulier textarea{
	clear: both;
	float: left;
	display: inline;
	width: 350px;
	height: 150px;
	margin: 0px 0px 10px 0px;
	}

input.knop{
	height: 28px;
  width: 28px;
  text-align: center;
  color: #fff;
  background-color: transparent;
  border: none;
 	float: left;
  display: inline;
  margin: 0px 0 10px 0px;
  height: 25px;
  width: 60px;
  background-color: #282828;
  cursor: pointer;
 	}

div.clearform {
	clear: both;
}

sup{
		font: normal 10px/18px Tahoma, Arial, sans-serif;
		color: #000;
}

/*LISTS*/
div#text ul li{
	list-style-type: disc;
	margin: 0 0 0 20px;
	padding: 0 0 0 5px;}


div#sitemap ul{
	list-style-type: disc;
}

div#sitemap ul li{
	list-style-type: disc;
}

div#sitemap ul li a{
	list-style-type: disc;
}



