/* tabmenu */

/* tab home actief */
.item01 {
	background-image: url(../i/tab_01.gif);
}

/* tab aanbieding actief */
.item02 {
	background-image: url(../i/tab_02.gif); 
}

 /* tab assortiment actief */
.item03 {
	background-image: url(../i/tab_03.gif);
}

/* tab activiteiten actief */
.item04 {
	background-image: url(../i/tab_04.gif);
}

/* tab tuintips actief */
.item05 {
	background-image: url(../i/tab_05.gif);
}

/* tab links actief */
.item06 {
	background-image: url(../i/tab_06.gif);
}

/* tab route actief */
.item07 {
	background-image: url(../i/tab_07.gif);
}

/* tab contact actief */
.item08 {
	background-image: url(../i/tab_08.gif);
}

/* End tabmenu */
.home{
	width: 78px;
	height: 25px;
}
.gelijk{
	width: 67px;
	height: 25px;
}


li {
	display: inline;
	list-style-type: none;
	float: left;
	margin: 0;
	padding: 0;
}
li a {
	width: 59px;
	height: 25px;
	display: block;
	margin: 0;
	padding: 1px;
	text-decoration: none;
}
ul {
	padding: 0;
	margin: 0;
}
/* einde tabmenu */
a {
	text-decoration: underline; 
	font-weight: bold; 
	color: #000;
}
/*a:visited
{
	color: #9CCF00;
	
}*/
.alignright {
	margin-top: 0; 
	text-align: right;
	
}	
body {
	color: #000; 
	background-color: #F5EE9D; 
	font-family: verdana, sans-serif; 
	font-size: 75%;   /* perfecte lettergrote */
	text-align: center;
	margin: 7px 0;
}
.bottom {
	border-width: 2px 0 0;
}
.bc {
border-color: #014401;  /* middelste groen border voor de afbeeldingen bij onderdeel Links*/
}
#cart {
	margin-right: 9px;
	border: 0px;
}
.centertips {
	float: right;
	width: 560px;
	background-color: #003A00;
	background-image: url(../i/home.jpg);
	background-repeat: no-repeat;
}
.centeras {
	float: right;
	width: 560px;
	background-color: #99cc00;
	background-image: url(../i/home.jpg);
	background-repeat: no-repeat;
}
.center {
	float: right;
	width: 560px;
	background-color: #003A00;
	background-image: url(../i/home.jpg);
	background-repeat: no-repeat;
}
.centerroute {
	float: right;
	width: 560px;
	background-color: #fff;
	background-image: url(../i/route.gif);
	background-repeat: no-repeat;
}
.centeraanbieding {
	float: right;
	width: 560px;
	background-color: #003A00;
	background-image: url(../i/home.jpg);
	background-repeat: no-repeat;
}
.centerlinks {
	float: right;
	width: 560px;
	background-color: #003A00;
	background-image: url(../i/home.jpg);
	background-repeat: no-repeat;
}
.centercontact {
	float: right;
	width: 560px;
	background-color: #003A00;
	background-image: url(../i/contact.jpg);
	background-repeat: no-repeat;
}
.clear {
	clear: both; 
}

.datum {
	font-weight: normal;
	margin-right: 15px;
	float: right;
	margin-top: -12px;
}
.div_bottomlinks {
	height: 26px;
	width: 567px;  /* staan laten ivm klikbaarheid tabbladen */
	text-align: center;
	margin-left: 167px;
}
.div_toplinks {
	background-color: #F5EE9D;
	height: 26px;
	width: 567px;
	text-align: center;
}

.float-wrap {
	float: left;
	width: 730px;
	margin-left: -170px;       /*** Same length as left column width ***/
	background-color: #F5EE9D;

}

form {
	padding: 0;
	margin: 0;
}
.foto_vd_maand {
	margin-bottom: 6px;
}
.goh{
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0
	
}
html, body {
	margin: 0;
	padding: 0; 
	border: 0;
}
* html .inner {  /* done */
	width: 100%;
}
* html .right {
	margin: 0 -170px 0 0; /*** IE gets this margin. ***/
}
/* Mozilla bug fixes */
html>body .inner, html>body .float-wrap {
	border-bottom: 1px solid transparent;
}
h1 {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	margin-top: 40px;
	background-image: url(../i/title_bar.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	height: 16px;
}
h2 {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding-left: 15px;   /* positioneert de header in de balk */
	background-image: url(../i/news_bar.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: left;
	height: 16px;
	margin: 0;
}
h3 {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	padding: 0;
	margin-top: 7px;
	margin-bottom: 0;
}
.inner {
	width: 690px; /*** This width is for non-IE browsers. Mozilla makes this necessary. ***/
	background-color: #F5EE9D;  /* e69129 */
	/*background-image: url(../i/bg_green.gif);*/
}
.kskopje {  /*klantenservice headertjes */
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	padding: 0;
	background-image: url(../i/news_bar.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	height: 16px;
}

.kvk {
	margin: 0; 
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: 9px;
	color: #c2c2c2
}
.linker_kop_boven {
	float: left;
	width: 170px;
	height: 28px;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	background-image: url(../i/top_left_corner.gif);
	background-repeat: no-repeat;
}
.linker_kop_midden {
	float: left;
	width: 170px;
	height: 28px;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	background-image: url(../i/top_left_corner.gif);
	background-repeat: no-repeat;
	text-align: center;
}
#logo {
	margin-right: -3px;
	padding: 0;
	border: 0;
}
.meel{
	color: #c2c2c2;
	text-decoration: underline;
	font-weight: normal;
}
.menu {
	background-repeat: no-repeat;
	background-position: bottom;
	height: 53px;
	width: 567px;
	float: right;
}
.nieuwsitem {
	padding: 10px;
	margin-top: 16px;
	margin-bottom: 0px;
	margin-left: 40px;
	margin-right: 40px;
	text-align: left;
}

.nieuwstekst {
	width: 384px;
	text-align: justify;
	margin-left: 80px;
	margin-top: -85px;
	margin-bottom: 0;
	padding-top: 0;
	display: block;
	height: 75px;
}
.outer {
	border-left: 170px solid #FFF; 
	border-right: 0px solid #E0F0B2;  /* note rechter kolom */
	background-color: #F5EE9D;
	
}
p  {
	margin: 0; 
	padding: 8px;
}
.pks{
margin-left: 35px;
margin-right: 35px;
text-align: justify;
}
.prijs {
	font-weight: normal;
	float: right;
	text-align: right;
	/*margin-right: 70px;*/
	margin-top: -13px;
}
.rechter_kop_midden {
	width: 170px;
	height: 28px;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	background-image: url(../i/mid_right_corner.gif);
	background-repeat: no-repeat;
	text-align: center;

}
.right {
	float: right; 
	width: 170px;
	height: 28px;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	background-color: #F5EE9D;
	background-image: url(../i/top_right_corner.gif);
	background-repeat: no-repeat;
	text-align: center;
}
.ww {
	float: right;
	width: 170px;
	margin-top: 2px;
	/* height: 250px; */
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	background-color: #E7F3B5; /*E7F3B5*/
	text-align: center;
	background-repeat: repeat-y;
}
.small {
	font-size: .9em;
}
.tekst_links {
	float: left;
	width: 170px;
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	background-repeat: repeat-y;   /* dit zorgt voor de witte achtergrond in de linker kolom */
	text-align: center;
}
.tekst_rechts {
	float: right;
	width: 170px;
	position: absolute; /*** IE needs this or the contents won't show outside the parent container. ***/
	/*background-image: url(../i/pixel_light_green.gif);*/
	background-repeat: repeat-y;
	text-align: center;
}
.top {
	height: 53px;
	background-color: #F5EE9D; 
	margin-top: -10px; 
}
.toplinks {
	text-decoration: underline;
	color: #227F15;
}

.lichtgroen
{
color: #9CCF00;
text-decoration: none;
}

.toplinks:hover {
	text-decoration: underline;
	color: #9CCF00;
}
.vlag {
	margin-left: 7px;
	margin-top: 6px;
	border: 0;
	text-decoration: none;
}
.wide {
	background-color: #F5EE9D;    /* header and footer colours */
	width: 100%; 
	background-image: url(../i/low_left_corner.gif);
	background-repeat: no-repeat;
	margin-top: -26px;
}
.wrapper {
	margin: 0 auto;
	width: 735px;  /* niet aanzitten */
	text-align: left;
	background-color: #F5EE9D;
	margin-top: -10px;
}
.zoek {
	border: 1px solid #F5EE9D;
	width: 123px; /*123*/
	margin-left: 6px;
	margin-right: 0;
	margin-top: 7px;
	padding: 0;
	height: 17px;
	margin-bottom: 3px;
}
.zoekknop {
	width: 25px;
	margin-right: 0;
	margin-left: 0;
	height: 27px;
	border: 0;
	background-color: #fff;
}
#zoek_icoon {
	padding: 0;
	border: 0;
	margin-top: 2px;
	margin-bottom: -3px;
}
.1 ol li {
	padding-top: 8px;
}

.1 ol li ul li {
	padding: 0;
}

#vertnav1 {
	width: 135px;  /* breed van blok 1e menu */
	/* height: 100px; werkt niet*/
	display: block;
	float: left;
	position: relative;
	font-size: 80%;
	margin-left: 0px;  /* margin linker kolom tov grijze verticale kolom */
}

#vertnav1 ul{
/* height: 100px; werkt niet*/
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	margin-left: 0px;   /* positie van menu */
	font-size: 11px;

}

#vertnav1 ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	margin-left: 0px;   /* positie van menu */
	font-size: 11px;
    /* height: 30px; werkt wel*/
}

#vertnav1 ul li a,
#vertnav1 ul li a:active,
#vertnav1 ul li a:link,
#vertnav1 ul li a:visited {
	display: block;
	width: 100%;
	height: 20px;
	color: #fff;
	background-color: #9CCB00;
	text-align: left;
	padding-top: 5px;
	padding-bottom: 0;
	font-weight: normal;
	border-bottom: 1px solid #9CCF00;
	border-right: 1px solid #9CCF00;
	border-left: 1px solid #9CCF00;
}

#vertnav1 ul li a:hover {
	color: #fff;
	background-color: #217D10;
		
}

#vertnav1 ul ul, #vertnav1 ul ul ul, #vertnav1 ul ul ul ul {
	display: none;
	left: 100%;
	width: 100%;
	top: 0;
	position: absolute;
	border-top: 1px solid #9CCF00;
	
}

#vertnav1 ul li:hover ul {
	display: block;
	position: absolute;
	margin-left: 2px;  

}

#vertnav1 ul li:hover ul ul,
#vertnav1 ul li:hover ul ul ul,
#vertnav1 ul li:hover ul ul ul ul,
#vertnav1 ul ul li:hover ul ul,
#vertnav1 ul ul li:hover ul ul ul
 {
	display: none;
	left: 100%;
	top: 0;
	position: absolute;

}

#vertnav1 ul ul li:hover ul,
#vertnav1 ul ul ul li:hover ul,
#vertnav1 ul ul ul ul li:hover ul
 {
	display: block;
}

#vertnav1 ul li ul li {
	display: block;
	float: left;
	width: 100%;
	height: auto;  /* 20 px; */
}

.1 li> .1 ul { 
	top: auto;
	left: auto;
}