@import url("producten.css");
@import url("ruilservice.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 200px 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/overhuyskweker.jpg) no-repeat;
	background-position: 0 -34px;
	width:142px; 
	height:34px; 
	float:left;
}

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

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

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

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

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

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

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

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

.menuitem6: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_bg1.jpg) no-repeat top left;	
	padding:0 0 0 13px;
}

/*links*/

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

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

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

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

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

#ookhuyskwekerworden{
	float:left;
	position:relative;
	width:149px;
	height:285px;
	background: url(../images/ookhuyskwekerworden2.jpg) no-repeat bottom left;
}

#ookhuyskwekerworden img{
	position:absolute;
	top:65px;
	left:-13px;
}

#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;
	position:relative;
}

#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(../images/potgrond-home.jpg) no-repeat;
}

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

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

ul#faq 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;
}

#map{
	width:460px;
	height:470px;
	border:1px solid #77b800;
}

.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;
}

/*rechterkant*/

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

#blok1{
	width:204px;
	padding:10px 0 0 13px;
	background:#e0e0e0 url(../images/blok1_bg.jpg) no-repeat top left;
	text-align:left;
	float:left;
	min-height:278px;
	height: auto !important;
	min-height:278px;
}

ul#side_bar{
	list-style:square;
	text-align:left;
	width:187px;
	padding:8px 0 3px 25px;
	margin:0;
}

ul#side_bar li{
	padding:3px 0 4px 0;	
}

#impressie{
	float:left;
	width:188px;
	height:178px;
	background: url(../images/impressie_bg.jpg) no-repeat top left;
	padding:94px 0 0 14px;
}


.actievdmaand{
	float:left;
	width:202px;
	background: url(../images/actievdmaand_bg.jpg) no-repeat top left;
	padding:12px 0 16px 0;
	text-align:center;
	margin:5px 0 0 0;
}

.actievdmaand img{
	padding:4px 0 2px 0;
}

.actievdmaand-img{
	margin:0 auto;
	float:left;
	width:202px;
	height:124px;
	overflow:hidden;
}

#blok2{
	width:187px;
	padding:0 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;
}

#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*/

label {
	display:inline-block;
	width:140px;
	font-weight:bold;
	padding:0 5px;
}

form p {
	padding:2px;
	margin:0;
}

form input {
	width:350px;
	border:1px solid #77b800;
	font-family:Arial;
	font-size:12px;
}

form select {
	border:1px solid #77b800;
	font-family:Arial;
	font-size:12px;
}

.autoWidth {
	width:auto;
}

input.small {
	width:50px;
}

input.submit {
	width:100px;
}

input.radio {
	width:10px;
}

#table {
	width:480px;
}

#table th {
	border-bottom:1px solid #E2017B;
	font-weight:normal;
}

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

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

.actie-img{
	float:left;
	width:480px;
	position:relative;
	margin:10px 0 0 0;
}

.actie-info{
	position:absolute;
	top:75%;
	left:0;
	width:440px;
	padding:10px 20px;
	background:#FFF;	
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
}

.actie-prijs{
	position:absolute;
	top:15px;
	left:0;
	background:#FFF;	
	/* for IE */
	filter:alpha(opacity=85);
	/* CSS3 standard */
	opacity:0.85;
	width:auto;
	padding:10px 20px 0 20px;
	text-align:center;
}


/*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;
}