@import url("producten.css");

html {
	overflow: -moz-scrollbars-vertical;
}

body {
	margin:0;
	padding:0;
	background: #fff url(../images/bg.jpg) repeat-x top left;
	text-align:center;
}

#wrapper{
	margin:0 auto;
	padding:0;
	text-align:left;
	width:947px;
}

#head{
	width:947px;
	margin:0 auto;
	height:283px;
	float:left;
	background: url(../images/head.jpg) no-repeat;
}

#hoofdmenu{
	float:right;
	width:445px;
	padding:45px 171px 0 0;
}

#hoofdmenu ul{
	padding:0;
	margin:0;
	list-style:none;
}

#hoofdmenu li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

.menuitem1{
	background: url(../images/buttons/home.jpg) no-repeat;
	background-position: 0 -34px;
	width:58px; 
	height:34px; 
	float:left;
}

.menuitem2{
	background: url(../images/buttons/bedrijfsimpressie.jpg) no-repeat;
	background-position: 0 -34px;
	width:142px; 
	height:34px; 
	float:left;
}

.menuitem3{
	background: url(../images/buttons/seizoenproducten.jpg) no-repeat;
	background-position: 0 -34px;
	width:151px;
	height:34px; 
	float:left;
}

.menuitem5{
	background: url(../images/buttons/contact.jpg) no-repeat;
	background-position: 0 -34px;
	width:84px; 
	height:34px; 
	float:left;
}

.menuitem1:hover{
	background-position: 0 0;
}

.menuitem2:hover{
	background-position: 0 0;
}

.menuitem3:hover{
	background-position: 0 0;
}

.menuitem5:hover{
	background-position: 0 0;
}

.menu{
	display:none;
}

#zoeken{
	float:right;
	width:162px;
	padding:52px 35px 0 0;
}

#zoeken input{
	background: url(../images/zoeken_bg.jpg) no-repeat top left;
	width:140px;
	height:17px;
	border:none;
	padding:3px 18px 0 4px;
	font-size:11px;
}

/*content*/
 
#content{
	width:940px;
	float:left;
	background: url(../images/wrapper_bg.jpg) no-repeat top left;
	padding:0 0 0 7px;
	position:relative;
}

#content-inhoud{
	width:920px;
	float:left;
	position:relative;
	background: #fff url(../images/content-inhoud_bg.jpg) no-repeat top left;	
	padding:0 0 0 13px;
	min-height:750px;
	height: auto !important;
	height:750px;
}

/*links*/

#links{
	float:left;
	width:187px;
	padding:60px 0 0 0;	
}

#menu{
	width:149px;
	float:left;
	position:relative;
	margin:0 0 30px 0;
}

#menu ul{
	margin:0;
	padding:0;
	list-style:none;	
}

#menu li{
	float:left;
	width:165px;
}

#menu li ul{
	margin:1px 0 1px 6px;
}

#menu li ul li{
	width:150px;
}

#proces{
	float:left;
	width:149px;
	background: url(../images/proces_bg.jpg) no-repeat top left;
}

#proces p{
	padding:5px 5px 140px 5px;
}

/*tekst*/

#tekst{
	float:left;
	width:490px;
	padding:60px 13px 0 0;	
}

#producten-home{
	width:490px;
	padding:15px 0;
	float:left;
	clear:both;
}

.inplantservice-home{
	float:left;
	width:485px;
	height:155px;
	padding:0 0 7px 10px;
	background: url(../images/inplantservice-home.jpg) no-repeat;
}

.inplantservice{
	width:300px;
}

.zomerbloeiers-home{
	float:left;
	width:227px;
	height:178px;
	padding:0 0 7px 10px;
	background: url(../images/zomerbloeiers-home.jpg) no-repeat;
}

.meststoffen-home{
	float:left;
	width:238px;
	height:178px;
	padding:0 0 7px 10px;
	background: url(../images/meststoffen-home.jpg) no-repeat;
}

.plantenbakken-home{
	float:left;
	height:185px;
	width:227px;
	padding:0 0 10px 10px;
	background: url(../images/plantenbakken-home.jpg) no-repeat;
}

.potgrond-home{
	float:left;
	width:238px;
	height:185px;
	padding:0 0 10px 10px;
	background: url(http://www.huyskweker.nl/images/potgrond-home.jpg) no-repeat;
}

#producten-home p{
	width:150px;
}

ul#faq, ul#faq1{
	margin:0;
	padding:0;
	list-style:none;
}

ul#faq li, ul#faq1 li{
	list-style:none;
	padding:4px 0 4px 3px;
}

#faq a{
	background: url(../images/pijl_faq.jpg) no-repeat top left;
	height:11px;
	padding:0 0 0 15px;
}

#faq1 a{
	background: url(../images/pijl1_faq.jpg) no-repeat top left;
	height:11px;
	padding:0 0 0 15px;
}

.vestiging{
	float:left;
	background: url(../images/pijl_faq.jpg) no-repeat top left;
	width:185px;
	margin:10px;	
	padding:0 0 0 15px;
}

.img2{
	margin:5px 10px;
	border:1px solid #77b800;
	padding:3px;
}

.img3{
	margin:5px 0;
	border:1px solid #77b800;
	padding:3px;
	width:85%;
}

.img4{
	margin:5px ;
	border:1px solid #77b800;
	padding:3px;
	width:140px;
}

/*rechterkant*/

#rechts{
	float:left;
	width:217px;
	overflow:hidden;
	padding:0 0 30px 0;
	background:#f1f1f1 url(../images/rechts_bot.jpg) no-repeat bottom left;
}

#blok1{
	width:204px;
	padding:45px 0 10px 13px;
	background:#dadada url(../images/blok1_top.jpg) no-repeat top left;
	text-align:left;
	float:left;
}
/*
#blok2{
	width:187px;
	padding:10px 13px 0 17px;
	background:#939393 ;
	text-align:left;
	float:left;
}

#blok2 .img{
	border:none;
	margin:6px 0;
}*/

#blok3{
	width:187px;
	padding:0 13px 55px 17px;
	text-align:left;
	float:left;
	line-height:20px;
}
/*
#rechts-spacer{
	width:217px;
	height:47px;
	padding:0;
	background:url(../images/rechts-spacer.jpg) no-repeat top left;
	float:left;
}*/

#rechts-spacer2{
	width:217px;
	height:50px;
	padding:0;
	background:url(../images/rechts-spacer2.jpg) no-repeat top left;
	float:left;
}

/*overig*/

input, textarea	{
	border:1px solid #77b800;
	width:200px;
	font-family:Arial;
	font-size:12px;
}

iframe{
	border: 1px solid #77b800;
}

/*footer*/

#footer{
	background: url(../images/footer.jpg) no-repeat top left;
	float:left;
	width:947px;
	height:49px;
	text-align:left;
	padding-top:33px;
}

.disclaimer{
	width:680px;
	float:left;
	text-align:left;
	padding-left:35px;
}

.copy{
	width:197px;
	float:left;
	text-align:right;
}

#wingweb{
	width:920px;
	text-align:right;
	padding-bottom:10px;
}