@charset "utf-8";
/* CSS Document */

html, body	{ margin: 0; background: /*#13235b*/ #FFF; }
*	{ font-family: Arial, Helvetica, sans-serif; }
a	{ text-decoration: none; color: #df0030; }
a img	{ border: 0; }

.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


#wrapper	{ width: 992px; margin: 0 auto; background: #FFFFFF; }

#header	{ border-bottom: 1px solid #b1b3b4; }
#header	img	{ float: left; }

.home #header		{ background: url(../images/headervisual-home.jpg) no-repeat right; }
.strategie #header	{ background: url(../images/headervisual-strategie.jpg) no-repeat right; }
.supermarkten #header	{ background: url(../images/headervisual-supermarkten.jpg) no-repeat right; }
.bloemen #header	{ background: url(../images/headervisual-bloemen.jpg) no-repeat right; }
.bloemen_bedrijven #header	{ background: url(../images/headervisual-bloemen.jpg) no-repeat right; }
.planten #header	{ background: url(../images/headervisual-planten.jpg) no-repeat right; }
.sourcing #header	{ background: url(../images/headervisual-sourcing.jpg) no-repeat right; }
.duurzaamheid #header	{ background: url(../images/headervisual-duurzaamheid.jpg) no-repeat right; }
.dfg #header		{ background: url(../images/headervisual-dfg.jpg) no-repeat right; }
.vacatures #header	{ background: url(../images/headervisual-vacatures.jpg) no-repeat right; }
.contact #header 	{ background: url(../images/headervisual-contact.jpg) no-repeat right; }

.celieplant #header, .the-flowery #header, .van-dijk #header, .superflora #header { 
	background: url(../images/headervisual-supermarkten.jpg) no-repeat right;
}
.p-en-b #header 	{ background: url(../images/headervisual-penb.jpg) no-repeat right; }
.oz-planten #header { background: url(../images/headervisual-planten.jpg) no-repeat right; }
.oz-import #header { background: url(../images/headervisual-sourcing.jpg) no-repeat right; }

#menu	{ border-bottom: 1px solid #b1b3b4; }

#menu ul	{ max-width: none; margin: 0; padding: 0; list-style: none; }
#menu li	{ float: left; list-style: none; position: relative; }

#menu a.menuitem	{ float: left; padding: 6px 0 5px; font-size: 11px; color: #b1b3b4; }
#menu a.menuitem:hover	{ color: #000000; }
#menu a.active	{ color: #000000; font-weight: bold; cursor: default; }

#menu ul ul			{ min-width: 100px; display: none; position: absolute; top: 22px; left: 0; background: #fff; border-left: 1px solid #b1b3b4; border-right: 1px solid #b1b3b4; }
#menu ul ul li		{ display: block; float: none; border-bottom: 1px solid #b1b3b4; padding: 3px 12px; font-size: 11px; text-transform: lowercase; white-space: nowrap; }
#menu ul ul a		{ color: #b1b3b4; }
#menu ul ul a:hover		{ color: #DF0030; }

#menu li:hover ul	{ display: block; }

#content-wrapper	{ }
#content-left	{ width: 265px; float: left; }
#content-right	{ width: 727px; float: left; }

#content	{ margin: 29px 35px 0 44px; background: url(../images/content-border.jpg) no-repeat left top; }

#bedrijven-header	{ display: none; }
#bedrijven-bottom	{ display: none; }

.webshop	{ position: absolute; margin: 6px 0 0 490px; border: 2px solid #FFF; }
.webshop a	{ padding: 3px 8px; font-size: 14px; font-weight: bold; color: #00632b; display: inline-block; }

#scroll	{ height: 325px; padding: 20px 40px 20px 0; overflow-y: scroll; background: url(../images/content-border.jpg) no-repeat left bottom; }
#scroll-wrapper	{ background: url(../images/content-border.jpg) no-repeat left bottom; }
h1	{ max-width: 490px; margin: 0 0 15px 0; font-size: 23px; font-weight: normal; }
h2	{ max-width: 440px; margin: 8px 0; font-size: 18px; font-weight: normal; }
span a	{ font-size: 12px; }
p	{ font-size: 12px; line-height: 17px; }
#content a:hover	{ color: #000000; }
ul	{ max-width: 460px; font-size: 12px; line-height: 17px; }
li	{ list-style: inside; }

a.youtube	{ background: url(../images/youtube-small.gif) no-repeat center right; padding-right: 40px; }

.vacature	{ width: 490px; display: none; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 5px 0; padding: 10px 0 0 0; }
.vacature h1	{ max-width: 490px; margin: 0 0 5px 0; font-size: 18px; font-weight: normal; }
.vacature h2	{ max-width: 440px; margin: 2px 0; font-size: 12px; color: #999999 }

.newsitem		{ width: 490px; display: none; border-top: 1px solid #000000; margin: 5px 0; padding: 10px 0 0 0; }
.newsitem h1	{ max-width: 490px; margin: 0 0 5px 0; font-size: 18px; font-weight: normal; }
.newsitem h2	{ max-width: 440px; margin: 2px 0; font-size: 12px; color: #999999 }

.invisible	{ width: 450px; display: none; border-top: 1px solid #000000; border-bottom: 1px solid #000000; margin: 5px 0; padding: 10px 0; }
.invisible img	{ float: right; margin: 5px 0 0 20px; }
a.closeBtn	{ display: block; text-align: right; padding: 2px 0; border-top: 1px solid #000000; border-bottom: 1px solid #000000; }

#bottombtns	{ margin: 25px 0 0 0; }
#bottombtns span	{ float: left; font-size: 8px; margin: 20px 0 0 0; }
#bottombtns a		{ float: right; margin: 0 10px 0 0; }
#bottombtns a.flags	{ margin: 5px 0 0 5px; }
#bottombtns a.vacatureBtn font		{ display: block; font-size: 0.8em; margin: 4px 0; }

ul.social	{ float: left; margin: 0; padding: 0; }
.social li	{ display: inline; float: left; list-style: none; margin-top: 3px; text-align: left; }
#bottombtns .social a	{ float: left; }

.vacatures .vacatureBtn	{ display: none; }

/* onderstaande css stelt pagina's in die de clicktrigger niet tonen */
.home #bottombtns span, .strategie #bottombtns span, .bloemen_bedrijven #bottombtns span, .sourcing #bottombtns span, .duurzaamheid #bottombtns span, .dfg #bottombtns span, .contact #bottombtns span 	{ 
	display: none; 
}
.celieplant #bottombtns span, .oz-import #bottombtns span, .oz-planten #bottombtns span, .p-en-b #bottombtns span, .the-flowery #bottombtns span, .van-dijk #bottombtns span, .superflora #bottombtns span { 
	display: none; 
}

/* onderstaande css regelt afwijkende stijl voor bedrijvenpagina's */
.celieplant #bedrijven-header, .oz-import #bedrijven-header, .oz-planten #bedrijven-header, .p-en-b #bedrijven-header, .the-flowery #bedrijven-header, .van-dijk #bedrijven-header, .superflora #bedrijven-header { 
	display: block; width: 581px; height: 37px; padding: 4px 0; border-bottom: 1px solid #000;
}
.celieplant #bedrijven-bottom, .oz-import #bedrijven-bottom, .oz-planten #bedrijven-bottom, .p-en-b #bedrijven-bottom, .the-flowery #bedrijven-bottom, .van-dijk #bedrijven-bottom, .superflora #bedrijven-bottom { 
	display: block; width: 581px; height: 30px; border-bottom: 1px solid #000; border-top: 1px solid #000;
}
.celieplant #bedrijven-bottom p, .oz-import #bedrijven-bottom p, .oz-planten #bedrijven-bottom p, .p-en-b #bedrijven-bottom p, .the-flowery #bedrijven-bottom p, .van-dijk #bedrijven-bottom p, .superflora #bedrijven-bottom p { 
	font-size: 9px; margin: 4px 0; line-height: 12px;
}
.celieplant #scroll, .oz-import #scroll, .oz-planten #scroll, .p-en-b #scroll, .the-flowery #scroll, .van-dijk #scroll, .superflora #scroll {
	height: 232px; margin: 0 0 15px 0; background: none;
}
.celieplant #scroll-wrapper, .oz-import #scroll-wrapper, .oz-planten #scroll-wrapper, .p-en-b #scroll-wrapper, .the-flowery #scroll-wrapper, .van-dijk #scroll-wrapper, .superflora #scroll-wrapper {
	background: none;
}

span.company-back	{ margin: 10px 0 0 0 !important; display: none; }
span.company-back a	{ float: left !important; }
.celieplant span.company-back, .oz-import span.company-back, .oz-planten span.company-back, .p-en-b span.company-back, .the-flowery span.company-back, .van-dijk span.company-back, .superflora span.company-back {
	display: block !important;
}

/* service */
table	{ border-collapse: collapse; border-spacing: 0; }
td	{ font-size: 12px; line-height: 17px; padding: 1px 20px 1px 0; vertical-align: top; border-bottom: 1px solid #b1b3b4; }

/* route */
form#route	{ display: block; width: 220px; margin: 0; padding: 0; }
form label	{ display: block; font-size: 12px; line-height: 17px; font-weight: bold; margin: 3px 0; }
form input	{ width: 214px; padding: 1px 2px; border: 1px solid #000; font-size: 12px; }
input.btn-send	{ width: auto; }