/* Algemeen
**********************************************************/

@font-face{ font-family:'WiesbadenSwingComRegular'; src:url('./Fonts/wiesbadenswingcom-regular-webfont.eot?') format('eot'), url('./Fonts/wiesbadenswingcom-regular-webfont.woff') format('woff'), url('./Fonts/wiesbadenswingcom-regular-webfont.ttf') format('truetype'), url('./Fonts/wiesbadenswingcom-regular-webfont.svg#webfontydxeXWYi') format('svg'); font-weight:normal; font-style:normal;}
@font-face{ font-family:'WiesbadenSwingComBold'; src:url('./Fonts/wiesbadenswingcom-bold-webfont.eot'); src:url('./Fonts/wiesbadenswingcom-bold-webfont.eot?#iefix') format('eot'), url('./Fonts/wiesbadenswingcom-bold-webfont.woff') format('woff'), url('./Fonts/wiesbadenswingcom-bold-webfont.ttf') format('truetype'), url('./Fonts/wiesbadenswingcom-bold-webfont.svg#webfontLoubaHJN') format('svg'); font-weight:normal; font-style:normal;}
@font-face{ font-family:'FloraStdBold'; src:url('./Fonts/florastd-bold-webfont.eot?') format('eot'), url('./Fonts/florastd-bold-webfont.woff') format('woff'), url('./Fonts/florastd-bold-webfont.ttf') format('truetype'), url('./Fonts/florastd-bold-webfont.svg#webfontkPlP5PFL') format('svg'); font-weight:normal; font-style:normal;}
@font-face{ font-family:'FloraStdMedium'; src:url('./Fonts/florastd-medium-webfont.eot?') format('eot'), url('./Fonts/florastd-medium-webfont.woff') format('woff'), url('./Fonts/florastd-medium-webfont.ttf') format('truetype'), url('./Fonts/florastd-medium-webfont.svg#webfont8WQCrlgZ') format('svg'); font-weight:normal; font-style:normal;}



HTML{ height: 100.01%; overflow-x: hidden;}
BODY{ margin: 0; float: left; width: 100%; height: 100%; background: url(images/bg.gif) #7da302 repeat-x 0 0;}
HTML, BODY{ font-size: 12px; font-weight: normal; color: #343434; font-family: Tahoma,Arial,Helvetica,sans-serif;}

P{ margin: 0; margin-bottom: 20px;}
A{ color: #FF6600;}
A:hover{ color: #FF6600; text-decoration: none;}
IMG{ border: none;}
FORM{ margin: 0;}

H1{ font-size: 44px; line-height: 49px; }
H2{ font-size: 38px; line-height: 42px; }
H3{ font-size: 28px; line-height: 32px; }
H4{ font-size: 20px; line-height: 25px; }
H5{ font-size: 18px; line-height: 23px; }
H6{ font-size: 14px; line-height: 19px; }

H1, H2, H3,
H4, H5, H6{ color: #015635; font-family: 'WiesbadenSwingComBold',Verdana,Arial,sans-serif; font-weight: normal; margin: 0 0 12px 0;}

H6{ font-size: 170%;}

UL.verwijzer{ margin: 0; padding: 0; padding-left: 15px;}
UL.verwijzer LI{ font-size: 12px; color: #343434;}
UL.verwijzer LI SPAN{ color: #343434;}

INPUT.btn{ border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 20px; font-weight: bold; float: left; border: #343434 1px solid; font-weight: normal; background-color: #86B103; color: #FFF; font-family: 'FloraStdBold', Verdana, Arial, sans-serif; font-size: 14px;}
INPUT.text{ box-shadow: 1px 1px 2px #A8A8A8 inset; -moz-box-shadow: 1px 1px 2px #A8A8A8 inset; -webkit-box-shadow: 1px 1px 2px #A8A8A8 inset; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width: 180px; height: 17px; float: left; font-size: 12px; margin-right: 3px; padding: 1px 0 0 2px; background-color: #FFF; border: #343434 1px solid;}

SELECT.form_text, INPUT.form_text, TEXTAREA.form_text{ box-shadow: 1px 1px 2px #A8A8A8 inset; -moz-box-shadow: 1px 1px 2px #A8A8A8 inset; -webkit-box-shadow: 1px 1px 2px #A8A8A8 inset; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; float:left; height: 16px; padding-top: 3px; padding-left: 5px; font-size: 11px; color: #343434; margin: 0 10px 5px 0; width: 240px; border: #343434 1px solid; font-family: Tahoma,Arial,Helvetica,sans-serif;}
INPUT.form_btn{ float:left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; height: 20px; font-weight: bold; float: left; border: #343434 1px solid; font-weight: normal; background-color: #86B103; color: #FFF; font-family: 'FloraStdBold', Verdana, Arial, sans-serif; font-size: 14px;}
SELECT.form_text{ padding: 0; height: 20px; font-size: 12px;}
TEXTAREA.form_text { box-shadow: 1px 1px 2px #A8A8A8 inset; -moz-box-shadow: 1px 1px 2px #A8A8A8 inset; -webkit-box-shadow: 1px 1px 2px #A8A8A8 inset; height:auto; width:auto; }

BR.clearer{ margin: 0; padding: 0; line-height: 0px; font-size: 0px; height: 0; clear: both;}
.clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Inhoud v/d <BODY>
**********************************************************/

.total_container{ width: 910px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; float: none;}
#container{ width: 910px; float: left; position: static; background: url(images/content_bg.png) repeat-y 0 0; margin-top: 11px;}
.container_wrapper{ width: 910px; margin: 0 auto;}

/* Vlaggen
**********************************************************/

div#vlaggen { float:left; margin-top: -5px; clear: both; width: 100%;}
div#vlaggen a{ float: left; display: block; position: relative;}
div#vlaggen a img { filter:alpha(opacity=60); opacity:0.60; -moz-opacity:0.60; float: left !important; margin:3px; position: relative !important; left: auto !important; top: auto !important;}
div#vlaggen a.selected img { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
div#vlaggen a:hover img { filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; cursor:pointer; }

/* Header
**********************************************************/

#header{ width: 100%; min-height: 85px; height: auto !important; height: 85px; background: none;}

#header DIV.header_wrapper{ width: 910px; margin: 0 auto; position: relative; cursor: default;}
#header DIV.header_wrapper IMG{ position: absolute; top: 142px; left: 0;}

#header DIV.header_wrapper A.logo{ display: block; float: left; margin: 3px 0 0;}
#header DIV.header_wrapper A.logo IMG{ float: none; width: 500px; height: 79px; position: relative; left: 0; top: 0; z-index: 100;}

.header_img{ width: 100%; float: left; clear: left; position: relative; text-align: center; padding-top: 13px; margin-top: -11px; background: url(images/content_bg_top.png) no-repeat 0 0;}

#header_fader{ width: 100%; height: 315px; overflow: hidden; position: relative; float: left; clear: left; text-align: center; padding-top: 13px; margin-top: -11px; background: url(images/content_bg_top.png) no-repeat 0 0; z-index: 555;}
#header_slider{ width: 885px; height: 315px; margin: 0 auto; position: relative;}

.header_img DIV.overlay,
	#header_slider DIV.overlay{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: url(images/overlay.png) no-repeat 50% 188px;}

.zoekbox{ width: 300px; float: right; margin: 10px 10px 0 10px; padding-top: 3px; margin-left: 20px; background: none;}
.zoekbox FORM{ width: auto; background: none; color: #FFF; float: left; display: block; padding: 0;}
.zoekbox STRONG{ width: 100%; color: #343434; float: left; margin-bottom: 4px; display: none; line-height: 18px;}
.zoekbox DIV.bottom{ position:absolute; left:11px; top:295px; height:94px; width:886px; z-index:8500; border:0px solid #FF0000; /*background:url(images/V.png);*/ background:none;}
.zoekbox INPUT.text{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; width: 185px; height: 32px; line-height: 32px; padding-left: 30px; margin-right: 0; padding-right: 5px; font-size: 12px; float: left; display: inline; border: 0; background: url(images/zoekveld_bg.png) no-repeat 0 0;}

A.button { display: block; float: left; margin-top: 0; font-weight: bold; height: 32px; line-height: 23px; text-decoration: none; text-transform: none; background: url(images/zoekbutton_bg.png) no-repeat 100% 0;}
A.button SPAN.left,
	A.button SPAN.right{ display: none;}
A.button SPAN.midden { display: block; background: none; height: 32px; line-height: 34px; font-size: 14px; padding: 0 15px; float: left; cursor: pointer; color: #FFF; font-family: 'FloraStdMedium', Verdana, Arial, sans-serif;}
A.button:hover SPAN.midden{ text-decoration: underline;}

A.sign_up{ display: none;}

/* Menu
**********************************************************/

.menu{ width: 100%; background: none; float: left; margin-bottom: 0; position: relative; z-index: 600;}

.tabnav{ width: 890px; margin: 0 auto; padding: 10px 10px 2px; position: relative; z-index: 9; text-align: center; overflow: hidden;}
.tabnav  A{ text-decoration: none; height: 30px; font-weight: bold; font-size: 18px; float: left; display: block; line-height: 30px; margin-right: 7px; color: #FFF;}
.tabnav  A SPAN{ padding: 0; margin-left: 10px; float: left; margin-right: 0; padding-right: 10px; display: block; cursor: pointer; font-family: 'FloraStdMedium',Verdana,Geneva,sans-serif; font-weight: normal;}
.tabnav  A SPAN.sub{ background: url(images/arrow.png) no-repeat 100% 12px; padding-right: 15px;}
.tabnav  A:hover, .tabnav  A.current{ background: none; color: #0F4518;}
.tabnav  A:hover SPAN, .tabnav  A.current SPAN{ background: none;}
.tabnav  A.current SPAN.sub{ background: url(images/arrow.png) no-repeat 100% 12px;}

#tabcontainer{ position: absolute; width: 100%; z-index: 9999; border-top: none; background: none !important;}
.tabcontent{ width: 910px; margin: 0 auto; line-height: 30px; text-align: left; font-size: 15px; display: none; border: #FFF 2px solid; background: #92C119; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-shadow: 1px 1px 2px #678702; -moz-box-shadow: 1px 1px 2px #678702; -webkit-box-shadow: 1px 1px 2px #678702;}
.tabcontent A{ margin: 0 7px; font-weight: normal; text-decoration: none; color: #FFF; white-space: nowrap; font-family: 'FloraStdMedium',Verdana,Geneva,sans-serif;}
.tabcontent A:hover{ color: #02583B;}

/* No Flash player content
**********************************************************/

.flash{ width: 400px; float: right; text-align: center;}
.flash STRONG{ margin-top: 30px; display: block; }

/* Breadcrumbs
**********************************************************/

DIV.breadcrumbs_container{ width: 880px; float: left; padding: 0 15px;}

SPAN#breadcrumbs{ float: left; font-weight: normal; color: #343434; height: 20px; margin-top: 5px; line-height: 20px;}
SPAN#breadcrumbs A{ color: #FF6600; font-weight: normal; text-decoration: underline;}
SPAN#breadcrumbs A:hover{ color: #FF6600; text-decoration: none;}

/* Weer
**********************************************************/
.weer table { width:100%; }
.weer table td.day { text-align:center; vertical-align:top; }
.col_rechts .weer { width:100%;}
.col_rechts .weer table { margin-left:-10px; }

/* Winkelwagen
**********************************************************/

A#winkelwagen{ float:left; padding-left: 20px; text-decoration: none; background: url(images/winkelwagen.gif) no-repeat 0 50%;}
A#winkelwagen:hover{ color: #0E4619;}
A#winkelwagen STRONG{ color: #0E4619;}

/* Kolommen
**********************************************************/

.content_container{ width: 885px; margin: 0 13px 0 12px; float: left; background: none;}

DIV.col_rechts{ width: 203px; float: right; background: none; position: relative; margin-top: -5px; z-index: 610;}
DIV.col_rechts DIV.col_rechts_wrapper{ background: none;}
DIV.col_content{ width: 672px;  float: left; padding: 0; margin-right: 10px; background: none;}
DIV.col_0{ width: 672px; display: inline; margin: 0; float: left; position: relative;}
DIV.col_1{ width: 403px; display: inline; margin: 0; float: left; position: relative; background: url(images/content_border.gif) repeat-y 100% 0;}
DIV.col_2{ width: 270px; display: inline; margin: 0 0 0 -1px; float: right; position: relative; background: url(images/content_border.gif) repeat-y 0 0;}

DIV.col_rechts DIV.venster{ width: 203px; margin: 0; position: relative; background: none; border: 0; margin-bottom: 15px; float: left;}
DIV.col_rechts DIV.venster_header{ width: 203px; float: left; margin: 0; background: url(images/right_col_header.gif) #e8f1d4 no-repeat 0 0;}
DIV.col_rechts DIV.venster_header H1.venster_titel,
	DIV.col_rechts DIV.venster_header H2.venster_titel,
	DIV.col_rechts DIV.venster_header H3.venster_titel,
	DIV.col_rechts DIV.venster_header H4.venster_titel,
	DIV.col_rechts DIV.venster_header H5.venster_titel,
	DIV.col_rechts DIV.venster_header H6.venster_titel,
	DIV.col_rechts DIV.venster_header DIV.venster_titel{ padding: 5px 5px 15px; margin-bottom: 0; position: relative; font-size: 22px; line-height: 22px; color: #015635; font-family: 'WiesbadenSwingComBold',Verdana,Arial,sans-serif;}
DIV.col_rechts DIV.venster_header DIV.venster_content{ margin: 0 5px; padding: 5px; border: 0; background: none;}
DIV.col_rechts DIV.venster_footer{ width: 203px; height: 5px; font-size: 1px; float: left; clear: left; margin: 0; background: url(images/right_col_footer.gif) no-repeat 0 100%;}

DIV.col_0 DIV.venster{ width: 672px; position: relative; float: left; background: none; border: 0; margin-bottom: 0;}
DIV.col_0 DIV.venster_header{ width: auto; float: left; margin: 0; background: url(images/col_0_venster_top.gif) no-repeat 0 0;}
DIV.col_0 DIV.venster_header H1.venster_titel,
	DIV.col_0 DIV.venster_header H2.venster_titel,
	DIV.col_0 DIV.venster_header H3.venster_titel,
	DIV.col_0 DIV.venster_header H4.venster_titel,
	DIV.col_0 DIV.venster_header H5.venster_titel,
	DIV.col_0 DIV.venster_header H6.venster_titel{ padding: 0px 5px 15px 5px; margin: 0; position: relative; font-size: 22px; line-height: 22px;}
DIV.col_0 DIV.venster_header .venster_titel A{ color: #015635; text-decoration: underline;}
DIV.col_0 DIV.venster_header .venster_titel A:hover{ color: #FF6600; text-decoration: none;}
DIV.col_0 DIV.venster_header DIV.venster_content{ margin: 0; position: relative; padding: 5px; border: 0; background: url(images/col_0_venster_bg.gif) repeat-y 0 0;}
DIV.col_0 DIV.venster_header BR.clearer{ display: none;}
DIV.col_0 DIV.venster_header DIV.venster_content BR{ display: inline-block; position: relative;}
DIV.col_0 DIV.venster_footer{ display: none;}

DIV.col_1 DIV.venster{ width: 405px; position: relative; float: left; background: none; border: 0; margin-bottom: 0;}
DIV.col_1 DIV.venster_header{ width: 405px; float: left; position: relative; margin: 0; background: url(images/col_1_venster_top.gif) no-repeat 0 0;}
DIV.col_1 DIV.venster_header H1.venster_titel,
	DIV.col_1 DIV.venster_header H2.venster_titel,
	DIV.col_1 DIV.venster_header H3.venster_titel,
	DIV.col_1 DIV.venster_header H4.venster_titel,
	DIV.col_1 DIV.venster_header H5.venster_titel,
	DIV.col_1 DIV.venster_header H6.venster_titel{ padding: 0px 5px 5px 5px; margin: 0; position: relative; font-size: 22px; line-height: 22px;}
DIV.col_1 DIV.venster_header .venster_titel A{ color: #015635; text-decoration: underline;}
DIV.col_1 DIV.venster_header .venster_titel A:hover{ color: #FF6600; text-decoration: none;}
DIV.col_1 DIV.venster_header DIV.venster_content{ padding: 0 0 10px 0; position: relative; margin: 5px 10px 20px 5px; border: 0; border-bottom: #e6e6e5 1px solid; background: url(images/col_1_venster_bg.gif) repeat-y 0 0;}
DIV.col_1 DIV.venster_header BR.clearer{ display: none;}
DIV.col_1 DIV.venster_header DIV.venster_content BR{ display: inline-block; position: relative;}
DIV.col_1 DIV.venster_footer{ display: none;}

DIV.col_2 DIV.venster{ width: 275px; position: relative; float: left; background: none; border: 0; margin-bottom: 0;}
DIV.col_2 DIV.venster_header{ width: 275px; float: left; position: relative; margin: 0; background: url(images/col_2_venster_top.gif) no-repeat 0 0;}
DIV.col_2 DIV.venster_header H1.venster_titel,
	DIV.col_2 DIV.venster_header H2.venster_titel,
	DIV.col_2 DIV.venster_header H3.venster_titel,
	DIV.col_2 DIV.venster_header H4.venster_titel,
	DIV.col_2 DIV.venster_header H5.venster_titel,
	DIV.col_2 DIV.venster_header H6.venster_titel{ padding: 0px 5px 5px 10px; margin: 0; position: relative; font-size: 22px; line-height: 22px;}
DIV.col_2 DIV.venster_header .venster_titel A{ color: #015635; text-decoration: underline;}
DIV.col_2 DIV.venster_header .venster_titel A:hover{ color: #FF6600; text-decoration: none;}
DIV.col_2 DIV.venster_header DIV.venster_content{ padding: 0 0 10px 0; position: relative; margin: 5px 10px 20px 10px; border: 0; border-bottom: #e6e6e5 1px solid; background: url(images/col_2_venster_bg.gif) repeat-y 0 0;}
DIV.col_2 DIV.venster_header BR.clearer{ display: none;}
DIV.col_2 DIV.venster_header DIV.venster_content BR{ display: inline-block; position: relative;}
DIV.col_2 DIV.venster_footer{ display: none;}

DIV.col_0 DIV.col_1{ width: 314px; margin: 0; float: left;}
DIV.col_0 DIV.col_2{ width: 314px; margin: 0; float: right;}

.small_title{ font-size: 16px; font-weight: normal; color: #7DA302; font-family: 'FloraStdBold',Verdana,Geneva,sans-serif;}

.venster DIV.folder_foto{ width: 130px; min-height: 100px; height: auto !important; height: 100px; float: right; margin: 0 0 5px 5px;}



/* Locatie + Ster  ( Homepagina )
**********************************************************/

.voorpagina_foto_groot{ width: 330px; min-height: 200px; height: auto !important; height: 200px; position: relative; margin: 5px auto;}
.voorpagina_foto_klein{ width: 200px; min-height: 120px; height: auto !important; height: 120px; position: relative; margin: 5px auto;}

.voorpagina_foto_groot IMG{ position: absolute;}
.voorpagina_foto_klein IMG{ width: 100%;}

.voorpagina_foto_groot DIV.ster{ width: 150px; height: 142px; padding-top: 10px; position: absolute; background: url(images/ster.png) no-repeat 0 0; text-align: center;}
.voorpagina_foto_klein DIV.ster{ display: none;}

.tl{ top: 0; left: 0;}
.tr{ top: 0; right: 0;}
.tc { width:100%; position: relative !important; }
.bl{ bottom: 0; left: 0;}
.br{ bottom: 0; right: 0;}
.hidden { display: none; }

/* Openingstijden
**********************************************************/

TABLE.openingstijden{ width: 175px; padding-left: 5px; margin: 0 auto;}
TABLE.openingstijden TD { padding-bottom:2px; width: 130px;}

DIV#open_vandaag{ float: left; margin-top: 10px; font-weight: bold;}

/* Slideshow
**********************************************************/
DIV#fade_container DIV.slideshow-wrapper { margin:0 auto;}

/* Berichtvensters
**********************************************************/

.berichtvenster H6.venster_titel A{ text-decoration:none;}
.berichtvenster DIV.venster_content DIV.bericht_foto{ width: 200px; min-height: 200px; height: auto !important; height: 200px; margin-right: 5px; margin-left: 5px;}
.berichtvenster DIV.venster_content DIV.bericht_foto IMG{ width: 100%;}
.berichtvenster DIV.venster_content DIV.txt{ padding-right: 5px; padding-left: 5px; width: 420px; position: static;}
.berichtvenster DIV.venster_content DIV.txt A.lees_meer { font-weight: bold; position: absolute; bottom: 0px; right: 30px;}

.berichtvenster DIV.extra_info{ padding: 5px 20px 0; height: 20px; background: url(images/col_0_venster_bg.gif) repeat-y 0 0;}
.berichtvenster DIV.extra_info SPAN.bron{ float: left; font-style: italic; color: #5c7469; font-weight: normal; font-size: 10px; margin-right: 20px;}
.berichtvenster DIV.extra_info SPAN.datum{ float: left; font-style: italic; color: #5c7469; font-weight: normal; font-size: 10px;}
.berichtvenster DIV.extra_info A{ float: right;}

/* Aanbieding ( Homepage )
**********************************************************/

#aanbieding STRONG{ margin-bottom: 5px; font-weight: bold;}
#aanbieding DIV.foto_container{ width: 100px; min-height: 100px; height: auto !important; height: 100px; margin-right: 10px; padding-bottom: 5px; float: left;}
#aanbieding DIV.foto_container IMG{ width: 100%;}
#aanbieding DIV.nu_voor_maar{ font-size: 14px; margin-top: 10px;}
#aanbieding DIV.prijs{ font-size: 30px;}
#aanbieding DIV.bekijk{ font-size: 12px; margin-top: 10px; font-weight: normal;}

.aanbieding_table{ float: left;}

/* Aanbiedingen ( Aanbiedingpagina )
**********************************************************/

TABLE.aanbieding{ border: #C7D091 1px solid; background-color: #E8F1D4; padding: 5px; float: left; margin: 0 10px 0 0; cursor: pointer;}
TABLE.aanbieding TD.header H6{ margin: 0; margin-bottom: 5px; font-size: 12px;}
TABLE.aanbieding TD.opmerking{ padding-left: 10px; font-size: 10px;}
TABLE.aanbieding TD.prijs{ padding-left: 10px; height: 45px; font-size: 12px; font-weight: bold; background: url(images/prijs_ster_klein.png) no-repeat 60% 50%;}
TABLE.aanbieding TD.extra_opmerking{ font-size: 9px; font-style: italic;}

BODY#popup TABLE.aanbieding{ padding: 10px; margin: 5px; min-width:760px; width:auto !important; width:760px;}
BODY#popup TABLE.aanbieding TD.header H6{ font-size: 18px;}
BODY#popup TABLE.aanbieding TD.opmerking{ font-size: 14px;}
BODY#popup TABLE.aanbieding TD.prijs{ font-size: 20px; height: 75px; background: url(images/prijs_ster_groot.png) no-repeat 60% 50%;}
BODY#popup TABLE.aanbieding TD.extra_opmerking{ font-size: 12px;}

/* Tuintips ( Tuintips-pagina )
**********************************************************/

.tuintip_col_1, .tuintip_col_2{ width: 300px; float: left; position: relative;}

.tuintip_col_1{ margin-right: 5px; padding-left: 5px;}
.tuintip_col_2{ margin-left: 5px; padding-right: 5px;}

.tips_venster{ width: auto; padding: 0 5px 10px 5px; margin-bottom: 20px; border: 0; background: url(images/assortiment_bg.gif) #FFF repeat-x 0 100%;}
.tips_venster H6{ margin-top: 5px; font-size: 16px; font-weight: normal; color: #7DA302; font-family: 'FloraStdBold',Verdana,Geneva,sans-serif;}
.tips_venster STRONG{ font-size: 16px; font-weight: normal; color: #7DA302; font-family: 'FloraStdBold',Verdana,Geneva,sans-serif;}

A.rollover_fx{ display: block; padding-left: 10px; line-height: 20px; border-bottom: #C7D091 1px solid;}
A.rollover_fx:hover{ color: #FF6600; text-decoration: none; background: none;}
A.rollover_fx SPAN{ width: 200px; margin-top: 20px; font-size: 16px; font-weight: bold;}
A.rollover_fx IMG{ margin: 5px 5px 5px -5px; vertical-align: middle;}

FORM.tuintip_delen{ padding-top: 10px;}
FORM.tuintip_delen *{ position: relative;}
FORM.tuintip_delen DIV{ width: 237px;}
FORM.tuintip_delen INPUT.form_text{ width: 225px; float: none; margin-right: 0; margin-top: 5px;}

/* Assortiment ( Assortimentpagina )
**********************************************************/

DIV.assortiment{ width: 302px; border: 0; background: url(images/assortiment_bg.gif) #FFF repeat-x 0 100%; padding: 5px 5px 10px; margin-bottom: 15px;}

DIV.assortiment DIV.txt{ width: 192px !important; padding-left: 5px; float: left;}
DIV.assortiment DIV.txt H6{ display: block; width: 100%; border-bottom: #C7D091 1px solid; margin: 5px 0 0px 0; padding-bottom: 2px;}
DIV.assortiment DIV.txt STRONG A{ font-size: 16px; font-weight: normal; color: #7DA302; font-family: 'FloraStdBold',Verdana,Geneva,sans-serif;}

DIV.assortiment DIV.txt A.rollover_fx{ font-size: 10px; line-height: 18px; text-decoration: underline;}
DIV.assortiment DIV.txt A.rollover_fx:hover{ text-decoration: none;}

/* Routebeschrijving
**********************************************************/

DIV.locatie_foto{ width: 350px; min-height: 200px; height: auto !important; height: 200px; margin: 0 auto; margin-bottom: 10px;}
DIV.routebeschrijving UL, DIV.routebeschrijving OL{ margin: 0; padding: 0 0 0 15px;}

/* Webshop
**********************************************************/

.zoekmachine{ margin: 0 auto; width: 353px;}
.zoekmachine DIV.hoofd{ float: left; width: 150px; background-color: #FF6600; height: 115px; margin: 0 10px 0 0; padding-right: 5px;}
.zoekmachine DIV.hoofd H6{ margin: 8px 0; color: #FFF; font-weight: bold; font-size: 16px; text-align: right; line-height: 18px;}

.plaatje_link{ width: 230px; float: left; clear: both;}
.plaatje_link DIV.mini-foto{ margin-left: 5px; width: 50px; height: 50px; float: right; clear: both;}
.plaatje_link H6.titel{ margin: 15px 0 0 10px; display: inline; float: left;}

.product_cat{ width: 364px;}
.product_cat H5{ font-size: 14px; margin-left: 10px;}
.product_cat P.txt{ margin-left: 10px; margin-bottom: 5px;}
.product_cat DIV.foto{ float: right; width: 100px; height: 100px; padding-left: 10px; overflow: hidden;}
.product_cat DIV.foto IMG{ width: 100%;}
.product_cat DIV.verder{ width: 254px; text-align: right;}

.aanbieding-nieuw_shop{ padding: 5px 0; float: left; width: 100%;}
.aanbieding-nieuw_shop DIV.foto_container{ width: 100px; min-height: 100px; height:auto !important; height:100px; display: inline; float: left;}
.aanbieding-nieuw_shop DIV.foto_container IMG{ width: 100%;}
.aanbieding-nieuw_shop DIV.titel{ font-size: 16px; font-weight: bold; margin: 0; padding-right: 10px; float: left;}
.aanbieding-nieuw_shop DIV.merk{ padding-top: 10px; font-weight: normal; font-style: italic; width: 500px; float: left; clear: left;}
.aanbieding-nieuw_shop DIV.opmerking{ float: left; clear: left; width: 500px; padding-right:10px;}
.aanbieding-nieuw_shop DIV.prijs{ float: left; clear: left; width: 90px; line-height: 20px; text-align: center;}

.aanbieding-nieuw_shop DIV.nieuw{ float: left; width: 100px; background-color: #343434; line-height: 20px; margin-bottom: 2px; height: 20px; color: #FFF; text-align: center;}

.aanbieding-nieuw_shop DIV.aanbieding_wrapper{ margin-bottom: 5px; width: 210px; float: left; clear: left; height: 25px;}
.aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.prijs{ border: #EF3B3B 1px dashed; margin-top: 5px; border-right: none;}
.aanbieding-nieuw_shop DIV.aanbieding_wrapper DIV.aanbieding_veldje{ float: left; margin-top: 5px; background-color: #EF3B3B; text-align: center; color: #FFF; width: 110px; line-height: 22px;}

.groot_product SPAN.new{ margin-left: 10px; padding: 5px 25px; background-color: #C7D091; line-height: 20px; color: #000; font-weight: bold;}
.groot_product DIV.foto_groot{ width: 200px;}
.groot_product DIV.foto_groot IMG{ width: 100%; border: #C7D091 2px solid;}
.groot_product DIV.foto_klein_wrapper{ width: 200px; float: left; clear: left; margin-top: 10px;}
.groot_product DIV.foto_klein{ width: 50px; height: 50px; float: left; margin: 0 12px 5px 0;}
.groot_product DIV.foto_klein IMG{ width: 100%; border: #C7D091 2px solid;}
.groot_product DIV.aanbieding_groot{ width: 80px; height: 24px; margin-top: 10px; text-align: center; line-height: 25px; color: #FFF; background-color: #EF3B3B; font-weight: bold; float: left;}
.groot_product DIV.aanbieding_prijs{ width: 120px; text-align: center; margin-top: 10px; line-height: 20px; border: #EF3B3B 2px dotted; border-left: none; font-weight: bold; float: left;}
.groot_product DIV.prijs{ width: 100px; text-align: center; margin-top: 10px; line-height: 20px; font-weight: bold; float: left;}
.groot_product DIV.prijs_excl_btw{ clear:both; font-size:smaller; }
.groot_product SPAN.btw { font-size:smaller; }

TABLE.gegevens{ width: 100%;}
TABLE.gegevens TH{ border-bottom: #000 1px solid;}
TABLE.gegevens INPUT.aantal{ width:30px; border:#000 1px solid; font-weight: bold; padding: 2px;}


/* Vacatures
**********************************************************/

div.vacature div.vestigingen { margin-bottom:20px; }
div.vacature div.vestigingen span { color:#8F8F8F; }

DIV.col_0 DIV.berichtvenster{ border-bottom: #E6E6E5 1px solid; padding-bottom: 10px; margin-bottom: 10px;}
DIV.col_0 DIV.berichtvenster H2{ padding-left: 10px !important; padding-bottom: 5px !important;}

/* Algemene pagina's
**********************************************************/

IMG.algp_foto { float:right; margin-left: 10px; }
DIV.algemene_pagina { padding: 5px;}

/* Links ( Links-pagina )
**********************************************************/
DIV.link { border-bottom: 1px solid #C7D091; padding: 5px 0; width:280px; }
DIV.link A { font-weight: normal; }
DIV.link SPAN { font-style:italic; }

/* Openingstijden
**********************************************************/

DIV.openingstijden TABLE.openingstijden { float:none; width:170px; margin:0 !important; }
DIV.openingstijden DIV.extra { border-width: 1px 0; margin: 10px 0; padding: 10px 0; }
DIV.openingstijden DIV.extra DIV.tijd { margin: 3px 0 5px 0; }
DIV.openingstijden DIV.extra DIV.vandaag { border: 1px dashed red; }
DIV.openingstijden SPAN { color:#000; font-weight:normal; font-style:italic;}
DIV.openingstijden TABLE TD { padding-bottom:2px; width: auto;}

/* Fotoboek
**********************************************************/

div#fotoboek { float: left;}
div#fotoboek div.row { float:left; clear: left; width: 650px; margin: 0 0 15px 0; }
div#fotoboek div.row div.col { float: left; width: 120px; margin: 0 10px 0 0; }
body#fotoboek_foto_popup { text-align:center; }
body#fotoboek_foto_popup div.links { margin:0 auto; }
body#fotoboek_foto_popup a { color:blue; }
DIV.pager_links { margin:0 25px; border: 0;}

/* Formulieren
**********************************************************/

div.form { border: 0; background: #FFF !important; z-index: 999; position: relative; padding: 10px; clear: both; margin: 0; float: left;}
div.form P.label { clear:left; margin:0; font-weight:bold; }
div.form DIV.venster_titel { font-size: 22px; margin: 3px 0; border-top: 1px solid #E6E6E6; padding: 10px 0; margin: 0 -10px; color: #015635; font-family: 'WiesbadenSwingComBold',Verdana,Arial,sans-serif; font-weight: normal; margin: 0 0 12px 0;}
div.form SPAN.required { font-weight:bold; color:#ff0000; }
div.form DIV.field { margin: 2px 0 7px 0; }
div.form INPUT.form_btn { width:auto; float:none; }

.error { color:#ff0000; }

/* Webwinkel
**********************************************************/

UL#webwinkel_menu { margin: 0; padding: 0; float: left; list-style: none; }
UL#webwinkel_menu LI { display: inline; margin-left: 5px; width: 146px; height: 20px; line-height: 20px; font-size: 10px; font-weight: bold; float: left; text-align: center; color: #343434; background-color: #C7D091; position: relative; }
UL#webwinkel_menu LI A { color:#343434; display:block; width:100%; height:100%; text-decoration:none; }
UL#webwinkel_menu LI.active { color: #fff; background-color: #AF6600; }
UL#webwinkel_menu LI.active A { color:#fff;}

DIV.bestelling_container { float:left; border:1px solid #AF6600; border-top:none; margin:0; padding:0; }
DIV.bestelling_container TABLE { width:100%; }
DIV.bestelling_container TABLE TH { background-color:#AF6600; color:#fff; padding:2px;}
DIV.bestelling_container TABLE TD { padding:3px; }
DIV.bestelling_container TABLE TD, 
DIV.bestelling_container TABLE TH { vertical-align:top;  }
DIV.bestelling_container TABLE TR.product > TD { border-top:1px solid #AF6600; }
DIV.bestelling_container TABLE TD.product_extra { padding-left:20px; }
DIV.bestelling_container TABLE INPUT.form_text { width: 180px;}
DIV.bestelling_container TABLE INPUT.aantal { width:40px; text-align:center; padding:0; margin:0; }
DIV.bestelling_container TABLE INPUT.form_text, 
DIV.bestelling_container TABLE TEXTAREA.form_text,
DIV.bestelling_container TABLE INPUT.form_btn { float:none; margin:0; }
DIV.bestelling_container TABLE TR.extra_opties > TD { background-color: #FFF4D4; }
DIV.bestelling_container TABLE.winkelwagen { text-align:center; margin-bottom:10px; }
DIV.bestelling_container TABLE.bestelling_gegevens { padding-bottom: 15px; }
DIV.bestelling_container TABLE SPAN.tekstvak_vraag { font-style: italic; }
DIV.bestelling_container TABLE TD.afgerond { padding: 40px; font-size: 14px; }

/* FAQ
**********************************************************/

.faq{ margin-bottom: 5px; width: 355px; float: none; clear: none;}
.faq DIV.vraag{ font-weight: bold; float: left; clear: left;}
.faq DIV.antwoord{ float: left;}

.faq DIV.letter{ width: 20px; float: left;}
.faq DIV.zin{ width: 330px; float: left;}

.faq_header{ padding-left: 10px;}

.aan{ background-color: #E8F1D4; float: none !important;}
.uit{}

/* Sitemap
**********************************************************/

UL.sitemap{ list-style: none; padding: 0; margin: 0; float: left; position: relative; border-left: #000 1px solid;}
UL.sitemap LI{ padding: 2px 0 2px 5px; margin: 0;}
UL.sitemap A{ padding-bottom: 2px; font-weight: bold; border-bottom: #0E4619 1px solid; text-decoration: none;}

UL.sitemap UL{ list-style: none; margin: 0; display: inline-block; margin-left: 12px; padding: 0; padding-left: 12px;}
UL.sitemap LI LI{ border-left: #000 1px solid;}

/* Footer
**********************************************************/

#footer{ width: 100%; height: auto; overflow: hidden; background: #7DA302; margin-top: 0; float: left;}
#footer A{ color: #FFF;}
#footer A:hover { color: #FFF; text-decoration: none;}

#footer DIV.footer_wrapper{ width: 910px; margin: 0 auto; padding: 10px 0; height: 100%; background: url(images/content_bg_bottom.png) no-repeat 0 0;}

UL#contactgegevens{ margin: 0; padding: 0; list-style: none; float: left;}
UL#contactgegevens LI{ margin: 0 0 0 5px; padding: 0 0 0 5px; border-left: #FFF 1px solid; display: inline; font-weight: normal; position: relative; line-height: 20px; color: #FFF;}
UL#contactgegevens LI:first-child{ margin: 0; padding: 0; border-left: 0;}

#footer .SEO_links{ padding: 6px 0 10px; font-size: 12px; color: #FFF; margin: 0; margin-bottom: 10px; border-bottom: #FFF 1px dotted; text-align: center;}
#footer .SEO_links A.SEO_link{ white-space: nowrap; font-size: 12px; font-weight: normal; color: #FFF;}
#footer .SEO_links A.SEO_link:hover{ color: #FFF; text-decoration: none;}

/* Bratpack internetdiensten
**********************************************************/
#footer DIV.footer_links{ float: none; clear: both; text-align: right; color: #FFF; position: relative; font-weight: bold; margin-right: 5px; text-decoration: none; line-height: 20px;}
#footer A.bp{ color: #FFF; font-weight: normal; text-decoration: underline; line-height: 20px;}
#footer A.bp:hover{ color: #FFF; text-decoration: none;}

/* Folder
**********************************************************/
DIV.folder DIV.venster_header DIV.folder_melding_venster { width:580px; margin: 5px auto; font-size: 12px; }

/* Nieuwsbrief
**********************************************************/
#form_nieuwsbrief_inschrijven INPUT.form_text { width:80%; }

/* Voucer registratie
**********************************************************/
.voucher_registration fieldset {margin-top: 1.2em; padding: 0; border: none;}
.voucher_registration fieldset.fields {padding-bottom: 0.5em;	border-bottom: 1px solid #a0a0a0;}
.voucher_registration div {clear: left;	padding-bottom: 8px;}
.voucher_registration div label {float: left;	width: 30%;}
.voucher_registration label.signup {font-size: 110%; font-weight: bold;}
.voucher_registration input, .voucher_registration textarea {border: 1px solid #202020;	padding: 1px 4px 1px 4px; width: 180px;}
.voucher_registration input.button {font-weight: bold; width: 190px;}
.voucher_registration input.radio, .voucher_registration input.checkbox {border: none; width: 20px;}
.voucher_registration input.dob {width: 22px;}
.voucher_registration input.year {width: 44px;}
.voucher_registration .redborder {border: 1px solid red;}


DIV.yahoo_weather_container{ margin-bottom: 15px;}


/******* Nieuwe standaard styles ********/
.bgcolor{ background-color: #fff !important;}
.bgcolor2{ background-color: #E8F1D4 !important;}
.txtcolor{ color: #005634 !important;}
.txtcolor2{ color: #92BE07 !important;}
.bordercolor{ border: 0 !important;}
.bordercolor2{ border-color: #9EBB43 !important;}

div.col_1 #aanbieding div.pricetag div.prijs_container div.price_sign { width: 106px; height:60px; padding: 7px 27px 7px 22px; float: right; background: url("images/prijs_ster_groot.png") no-repeat 0 0 #fff; }
div.col_1 #aanbieding div.pricetag div.prijs_container div.price_sign div.sign { font-size: 45px; line-height: 55px; }
div.col_1 #aanbieding div.pricetag div.prijs_container div.price_sign div.voor { font-size: 26px; line-height: 20px; }
div.col_1 #aanbieding div.pricetag div.prijs_container div.price_sign div.prijs_content { margin: 6px 4px; text-align: center; }

div.col_2 #aanbieding div.pricetag div.prijs_container div.price_sign { width: 106px; height:60px; padding: 7px 27px 7px 22px; background: url("images/prijs_ster_groot.png") no-repeat 0 0 #fff; }
div.col_2 #aanbieding div.pricetag div.prijs_container div.price_sign div.sign { font-size: 45px; line-height: 55px; }
div.col_2 #aanbieding div.pricetag div.prijs_container div.price_sign div.prijs_content { margin: 6px 4px; text-align: center; }

div.col_0 .aanbieding div.pricetag { border-color: #92BE07; }
div.col_0 .aanbieding div.pricetag h2 { border-color: #92BE07; font-family: 'WiesbadenSwingComBold',Verdana,Arial,sans-serif; font-size: 20px;}
div.col_0 .aanbieding div.pricetag h2 a, div.col_0 .aanbieding div.pricetag h2 a { color: #00731C; }
div.col_0 .aanbieding div.pricetag div.prijs_container div.price_sign { width: 106px; height:60px; padding: 7px 27px 7px 22px; background: url("images/prijs_ster_groot.png") no-repeat 0 0 #fff; }
div.col_0 .aanbieding div.pricetag div.prijs_container div.price_sign div.sign { font-size: 45px; line-height: 55px; }
div.col_0 .aanbieding div.pricetag div.prijs_container div.price_sign div.voor { font-size: 20px; line-height: 22px; }
div.col_0 .aanbieding div.pricetag div.prijs_container div.price_sign div.prijs_content { margin: 6px 4px; text-align: center; }

div.aanbieding_fancybox #aanbieding div.pricetag { border-color: #92BE07; }
DIV.aanbieding_fancybox #aanbieding DIV.pricetag DIV.prijs_container H2{ font-size: 22px; font-weight: normal; color: #7DA302; font-family: 'FloraStdBold',Verdana,Geneva,sans-serif;}
div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container div.price_sign { width: 106px; height:60px; padding: 7px 27px 7px 22px; background: url("images/prijs_ster_groot.png") no-repeat 0 0 #fff; }
div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container div.price_sign div.sign { font-size: 45px; line-height: 55px; }
div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container div.price_sign div.van { padding-top: 4px; font-size: 13px; }
div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container div.price_sign div.voor { font-size: 25px; line-height: 23px; }
div.aanbieding_fancybox #aanbieding div.pricetag div.prijs_container div.price_sign div.voor.smaller { font-size: 20px; line-height: 21px; }


div.plantengids div.geslachten .col { width: 160px; }


div.plantengids div.geslachten .col{ width: 162px;}
div.plantengids .submit_btn{ margin-right: 5px; font-weight: normal; background-color: #86B103; color: #FFF; font-family: 'FloraStdBold', Verdana, Arial, sans-serif; font-size: 14px;}
table.plant_details td,
	table.plant_details th{ font-size: 11px;}
div.soortgelijke_planten{ border: 0; margin-top: 0; padding: 0;}


DIV.transactions DIV.transheader{ background-color: #9EBB43 !important;}
DIV.transactions DIV.transheader STRONG{ color: #FFF !important;}
