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

/**************************************************************
** HTML5 Styles
***************************************************************/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}

@font-face{ font-family:'JournalRegular'; src:url('./Fonts/journal-webfont.eot'); src:url('./Fonts/journal-webfont.eot?#iefix') format('embedded-opentype'), url('./Fonts/journal-webfont.woff') format('woff'), url('./Fonts/journal-webfont.ttf') format('truetype'), url('./Fonts/journal-webfont.svg#JournalRegular') format('svg'); font-weight:normal; font-style:normal;}

/**************************************************************
** Algemene Styles
***************************************************************/
html{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#084229;}
body{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#084229; margin:0; padding:0;}

a{ /*color:#b7d75e;*/ color:#669900; text-decoration:none;}
a:hover{ /*color:#b7d75e;*/ color:#669900; text-decoration:underline;}
p{ margin:0; padding:0 0 14px 0;}
ul{ margin:0; padding:0 0 14px 20px;}
img{ border:none;}

form{ margin:0; padding:0;}
label{ margin-bottom:8px; display:block; font-size:12px;}
label.geenruimte{ margin:0;}

table{ border-spacing:0; border-collapse:collapse;}
table td, table th{ padding:0;}

h1{ font-size:22px;}
h2{ font-size:22px;}
h3{ font-size:21px;}
h4{ font-size:20px;}
h5{ font-size:19px;}
h6{ font-size:18px;}

h1, h2, h3, h4, h5, h6{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; padding:0; color:#d71920;}

.clear{ clear:both; height:0; font-size:1px; text-indent:-9999px;}
.sprite{ background-image:url(../Images/sprite.png); background-repeat:no-repeat;}

.rood{ color:#d71920 !important;}
.groen{ /*color:#b7d75e !important;*/ color:#669900 !important;}
.paars{ color:#8560a8 !important;}

.paars h1, .paars h2{ color:#8560a8 !important;}
.rood h1, .rood h2{ color:#d71920 !important;}
.groen h1, .groen h2{ /*color:#b7d75e !important;*/ color:#669900 !important;}

.paars p, .rood p, .groen p{ color:#000 !important;}

.paars p em{ color:#8560a8 !important;}
.rood p em{ color:#d71920 !important;}
.groen p em{ /*color:#b7d75e !important;*/ color:#669900 !important;}

.corner{ position:absolute; width:10px; height:10px; font-size:1px; z-index:999;}
.tl{ top:0; left:0; background-position:-368px -454px;}
.tr{ top:0; right:0; background-position:-378px -454px;}
.bl{ bottom:0; left:0; background-position:-368px -464px;}
.br{ bottom:0; right:0; background-position:-378px -464px;}

a.btn{ background-position:0 -558px; background-color:#fff; height:24px; margin:0; padding:0; float:right; text-decoration:none; cursor:pointer;}
a.btn.left{ float:left;}
a.btn span{ background-position:100% -558px; background-color:#fff; height:24px; line-height:24px; margin:0 0 0 8px; padding:0 8px 0 0; float:left; /*color:#b7d75e;*/ color:#669900;}
a.btn:hover{ background-position:0 -582px;}
a.btn:hover span{ background-position:100% -582px; color:#084229;}

a.btn-sol{ background-position:0 -606px; width:204px; height:26px; line-height:21px; margin:0; padding:0; float:left; text-align:center; color:#fff;}

a.verstuur{ background-position:-204px -606px; width:132px; height:26px; line-height:21px; margin:0; padding:0; float:right; text-align:center; color:#fff;}

/**************************************************************
** Vlakverdeling website
***************************************************************/
#container{ width:996px; min-height:10px; height:auto !important; height:10px; margin:0 auto; padding:20px 0;}
header{ background-position:0 -172px; width:904px; height:104px; margin:0; padding:28px 46px; float:left;}
#content{ background:#fff; width:994px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; border-left:1px solid #00311c; border-right:1px solid #00311c;}

#breed{ width:904px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 45px; float:left;}
#breed.links-leeg{ width:716px; padding:0 45px 0 233px;}

#links{ width:164px; min-height:400px; height:auto !important; height:400px; margin:0; padding:0 0 0 45px; float:left;}
#midden{ width:406px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 23px 0 24px; float:left;}
#midden2{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 23px 0 45px; float:left;}
#rechts{ width:332px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

#midden.breder{ width:554px;}
#rechts.smaller{ width:154px; padding:0 30px 0 0;}

footer{ width:996px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}

/**************************************************************
** Header Styles
***************************************************************/
#header-links{ width:310px; height:104px; margin:0; padding:0; float:left;}
#logo{ width:310px; height:104px; margin:0; padding:0; float:left;}
#logo a{ background-position:0 -454px; width:310px; height:104px; margin:0; padding:0; float:left; font-size:1px; text-indent:-9999px;}

#header-rechts{ width:594px; height:104px; margin:0; padding:0; float:left;}

#zoeken{ width:594px; height:24px; margin:0; padding:0 0 56px 0; float:left;}
#zoeken table{ width:594px; height:24px; margin:0; padding:0; float:left;}
#zoeken table tr td{ vertical-align:top; float:right;}

nav{ width:594px; height:24px; margin:0; padding:0; float:left;}
nav ul{ width:594px; height:24px; margin:0; padding:0; float:left; list-style:none;}
nav ul li{ position:relative; background:url(../Images/lijn_menu.jpg) 100% 7px no-repeat; height:24px; margin:0; padding:0 3px 0 2px; float:right;}
nav ul li.laatste{ background:none; padding:0 0 0 2px;}
nav ul li.over{ background:none;}

nav ul li a{ height:24px; line-height:24px; margin:0; padding:0 6px; float:left; color:#084229; font-size:15px;}
nav ul li a:hover, nav ul li a.over{ background:url(../Images/sprite.png) 0 -558px no-repeat; height:24px; line-height:24px; margin:0; padding:0; float:left; /*color:#b7d75e;*/ color:#669900; font-size:15px; text-decoration:none;}
nav ul li a:hover span, nav ul li a.over span{ background:url(../Images/sprite.png) 100% -558px no-repeat #fff; height:24px; line-height:24px; margin:0 0 0 6px; padding:0 6px 0 0; float:left; /*color:#b7d75e;*/ color:#669900;}

nav ul li a.aan{ /*color:#b7d75e;*/ color:#669900; text-decoration:none;}

nav ul li .submenu{ position:absolute; top:24px; left:2px; width:186px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; display:none;}
.submenu-top, .submenu-bottom{ width:186px; height:10px; margin:0; padding:0; float:left; font-size:1px; text-indent:-9999px;}
.submenu-top{ background-position:-310px -478px;}
.submenu-bottom{ background-position:-310px -488px;}
nav .submenu ul{ background:url(../Images/submenu_bg.png) 0 0 repeat-y; width:126px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 30px; float:left; list-style:none;}
nav .submenu ul li{ background:none; width:126px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; font-size:13px; /*color:#b7d75e;*/ color:#669900; font-weight:bold;}

nav .submenu ul li a{ background:none; width:126px; min-height:10px; height:auto !important; height:10px; line-height:normal; margin:0; padding:0; float:left; font-size:13px; /*color:#b7d75e;*/ color:#669900; font-weight:bold;}
nav .submenu ul li a:hover{ color:#fff;}

nav .submenu ul li a.subitem{ background:url(../Images/dot_wit.png) 2px 8px no-repeat; width:114px; min-height:10px; height:auto !important; height:10px; line-height:normal; margin:0; padding:0 0 0 12px; float:left; font-size:13px; color:#fff; font-weight:normal;}
nav .submenu ul li a.subitem:hover{ /*color:#b7d75e;*/ color:#669900;}

/**************************************************************
** Homepage Styles
***************************************************************/
#slideshow{ position:relative; width:996px; /*height:672px;*/ height:500px; margin:0; padding:0; float:left;}
#slide-overlay{ background:url(../Images/slideshow_overlay.png) 0 0 no-repeat; position:absolute; left:0; bottom:0; width:996px; height:56px; margin:0; padding:0; display:block; z-index:4;}

.slide{ position:absolute; left:0; top:0; width:994px; /*height:672px;*/ height:500px; margin:0; padding:0; display:block; z-index:2; border-left:1px solid #00311c; border-right:1px solid #00311c;}
.slide a#groot{ position:relative; width:994px; /*height:672px;*/ height:500px; margin:0; padding:0; display:block;}
.slide.show{ z-index:3;}

.slide-afb{ position:absolute; left:0; top:0; width:994px; /*height:672px;*/ height:500px; margin:0; padding:0; display:block; overflow:hidden;}
.slide-afb img{ width:994px; display:block;}
.slide-tekst{ background:url(../Images/slide_tekst_bg.png) 0 0 no-repeat; position:absolute; left:0; bottom:68px; width:308px; height:204px; margin:0; padding:0 44px; display:block; overflow:hidden; color:#fff; font-size:12px;}
.slide-tekst h2{ font-family:'JournalRegular'; font-weight:normal; font-size:70px; line-height:76px; color:#fff;}

.slide-extra{ background:url(../Images/slide_extra_bg.png) 0 0 no-repeat; position:absolute; bottom:68px; right:46px; width:164px; height:390px; margin:0; padding:8px; display:block; overflow:hidden;}

#slide-btn{ position:absolute; bottom:16px; right:46px; height:22px; margin:0; padding:0; z-index:7;}
#slide-btn a{ background-position:-412px -454px; width:22px; height:22px; line-height:22px; margin:0 2px; padding:0; float:left; text-align:center; color:#fff;}
#slide-btn a:hover, #slide-btn a.aan{ background-position:-434px -454px; color:#084229; text-decoration:none;}

/**************************************************************
** Content Styles
***************************************************************/
#pagina-afb{ position:relative; width:950px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 44px 0 0; float:left;}
#pagina-afb figure{ position:relative; width:950px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#pagina-afb figure img{ width:950px; float:left;}

#kader-adres{ background-position:0 -712px; position:absolute; right:44px; top:114px; width:236px; height:96px; margin:0; padding:16px 24px; display:block; color:#fff; line-height:16px; font-size:12px; z-index:3; overflow:hidden;}

#sticker{ position:absolute; right:132px; top:70px; width:176px; height:176px; margin:0; padding:0; display:block; z-index:3; overflow:hidden;}

#zoek-vestiging{ background-position:0 -840px; position:absolute; left:0; top:86px; width:300px; height:140px; margin:0; padding:14px 9px 0 45px; display:block; color:#fff; line-height:16px; font-size:12px; z-index:3; overflow:hidden;}
#zoek-vestiging h2{ font-family:'JournalRegular'; font-size:36px; padding:0 0 18px 0; /*color:#b7d75e;*/ color:#669900; font-weight:normal;}
#zoek-vestiging p{ padding:4px 0;}
#zoek-vestiging a{ background:url(../Images/dot_groen.png) 0 8px no-repeat; padding:0 0 0 10px;}
#zoek-vestiging a#SubmitForm{ background-image: url("../Images/sprite.png"); background-repeat: no-repeat; background-position:-388px -454px; background-color:#134b2e; width:23px; height:23px; margin:0; padding:0; float:left; border:none; font-size:1px; text-indent:-9999px;}

#breadcrumbs{ width:904px; height:58px; line-height:58px; margin:0; padding:0 45px 20px 45px; float:left; font-size:12px; color:#084229;}
#breadcrumbs a{ color:#084229; text-decoration:none;}
#breadcrumbs a:hover{ text-decoration:underline;}

/* Brede pagina */
#breed h1{ /*color:#b7d75e;*/ color:#669900; padding:0 0 16px 0;}
#breed.links-leeg #breadcrumbs{ width:716px; padding:0 0 20px 0;}

.kop-breed{ width:904px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 14px 0; float:left;}
.tekst-links, .tekst-rechts{ width:440px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.tekst-links{ padding:0 24px 0 0;}
.tekst-links article, .tekst-rechts article{ width:440px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left; line-height:18px;}
.tekst-links article h2, .tekst-rechts article h2{ font-size:15px; color:#084229;}

.formulier{ width:440px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 0 0 0; float:left;}

#alfabet{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0 310px 0 0; padding:24px 0; float:left; border-top:1px dashed #a6ce39;}
#alfabet a{ padding:0 7px 0 0; font-size:20px; color:#00311d;}
#alfabet a:hover, #alfabet a.aan{ /*color:#b7d75e;*/ color:#669900; text-decoration:none;}

#plant-lijst{ width:824px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 80px 10px 0; float:left;}
#plant-lijst ul{ width:206px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#plant-lijst ul li{ width:206px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#plant-lijst ul li a{ background:url(../Images/dot_groen.png) 0 8px no-repeat; width:196px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 10px; float:left;}
#plant-lijst ul li a:hover{ background:url(../Images/dot2.jpg) 0 8px no-repeat; color:#00311d; text-decoration:none;}

/* Links */
#links aside{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left;}

.kop-links{ background-position:0 -666px; width:140px; height:46px; line-height:29px; margin:0; padding:0 12px; float:left;}
.kop-links h2, .kop-links a{ font-size:13px; color:#fefefe;}

/* Submenuutje links */
.extra-menu{ background:#f8fbef; position:relative; width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:6px 12px 16px 12px; float:left;}
.extra-menu ul{ width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.extra-menu ul li{ width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.extra-menu ul li a{ width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; font-size:12px; color:#084229; font-weight:bold;}
.extra-menu ul li a:hover, .extra-menu ul li a.aan{ background:url(../Images/dot2.jpg) 0 8px no-repeat; width:132px; padding:0 0 0 8px; color:#084229; text-decoration:underline;}

/* Product menu */
.pro-menu{ background:#f8fbef; position:relative; width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:6px 12px 16px 12px; float:left;}
.pro-menu ul{ width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.pro-menu ul li{ width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.pro-menu ul li a{ width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; font-size:12px; /*color:#b7d75e;*/ color:#669900; font-weight:bold;}
.pro-menu ul li a:hover, .pro-menu ul li a.aan{ color:#084229; text-decoration:none;}

.pro-menu ul li .pro-sub{ width:140px; margin:0; padding:0; float:left; display:none;}
.pro-menu .pro-sub ul{ width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.pro-menu .pro-sub ul li{ width:140px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.pro-menu .pro-sub ul li a{ width:134px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 6px; float:left; color:#b2cfa7;}
.pro-menu .pro-sub ul li a:hover, .pro-menu .pro-sub ul li a.aan{ background:url(../Images/dot2.jpg) 0 8px no-repeat; color:#084229; text-decoration:none;}

.pro-menu ul li .pro-subsub{ width:134px; margin:0; padding:0 0 0 6px; float:left; display:none;}
.pro-menu .pro-subsub ul{ width:134px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.pro-menu .pro-subsub ul li{ width:134px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.pro-menu .pro-subsub ul li a{ width:128px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 6px; float:left; color:#b2cfa7;}
.pro-menu .pro-subsub ul li a:hover, .pro-menu .pro-subsub ul li a.aan{ background:url(../Images/dot2.jpg) 0 8px no-repeat; color:#084229; text-decoration:none;}

/* Aanbiedingen links */
.aanbieding{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;} /*padding:10px 0 0 0;*/
.aanb-titel{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 8px 0; float:left; text-align:center;}
.aanb-titel h2{ font-family:'JournalRegular'; line-height:24px; font-weight:normal; font-size:32px; color:#cae289;}
.aanb-titel h2 span{ color:#443772;}
.aanb-afb{ width:164px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;} /*padding:0 0 8px 0;*/
.aanb-afb img{ width:164px; float:left;}

/* Midden */
#midden #breadcrumbs{ width:406px; line-height:normal; padding:0;}
#midden article{ width:406px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left;}
#midden article h1{ /*color:#b7d75e;*/ color:#669900; padding:0 0 16px 0;}
#midden article h2{ font-size:15px; color:#084229;}

#midden.breder #breadcrumbs{ width:554px;}
#midden.breder article{ width:554px;}

/* Vacature vakjes */
.vacature{ width:406px; min-height:10px; height:auto !important; height:10px; margin:0; padding:42px 0 0 0; float:left;}
.vac-kop{ width:406px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 10px 0; float:left;}
.vac-soort{ background-position:0 -632px; width:406px; height:34px; line-height:34px; margin:0; padding:0; float:left; text-align:center; font-size:15px; font-weight:bold; color:#fff;}
.vac-tekst{ width:406px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px 0 0 0; float:left;}

/* Nieuws vakjes */
.nieuws-soort{ background-position:0 -632px; width:396px; height:34px; line-height:34px; margin:0; padding:0 0 0 10px; float:left; font-size:15px; font-weight:bold; color:#fff; }
.nieuws-soort span { font-size:10px; font-weight:normal; }
.nieuws-tekst { width:406px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:10px 0 0 0; float:left; }

/* Afbeelding assortiment */
#ass-afb{ position:relative; width:761px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 24px 24px; float:left;}
#ass-afb figure{ position:relative; width:761px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#ass-afb figure img{ width:761px; float:left;}

#ass-afb #zoek-vestiging{ background-position:-354px -840px; left:auto; right:0;}

/* Midden 2 */
#midden2 #breadcrumbs{ width:594px; line-height:normal; padding:0;}
#midden2 article{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left;}
#midden2 article h1{ /*color:#b7d75e;*/ color:#669900; padding:0 0 16px 0;}
#midden2 article h2{ font-size:15px; color:#084229;}
#midden2 article h2.groot{ font-size:22px; padding:0 0 10px 0; /*color:#b7d75e;*/ color:#669900;}

.formulier-half{ width:280px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.formulier-half.links{ padding:0 34px 0 0;}

.plant-gegevens{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0 0 10px 0; float:left; border-bottom:1px dashed #a6ce39;}
.plant-naam{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.plant-naam a{ font-size:16px; color:#084129; text-decoration:underline; font-weight:bold;}
.plant-naam span{ /*color:#b7d75e;*/ color:#669900;}
.plant-info{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.plant-info ul{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
.plant-info ul li{ background:url(../Images/dot_groen.png) 0 8px no-repeat; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 8px 0 10px; float:left; font-weight:bold;}
.plant-info ul li span{ /*color:#b7d75e;*/ color:#669900; font-weight:normal;}

#plant-details{ width:904px; min-height:10px; height:auto !important; height:10px; margin:0 45px 10px 45px; padding:0 0 10px 0; float:left; border-bottom:1px dashed #a6ce39;}

#plant-tekst{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 22px 0 0; float:left;}
#plant-tekst #breadcrumbs{ width:594px; line-height:normal; padding:0;}
#plant-tekst h1{ /*color:#b7d75e;*/ color:#669900; padding:0 0 16px 0;}
#plant-tekst h2{ font-size:15px; color:#084229;}

#plant-afb{ position:relative; width:288px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#plant-afb img{ width:288px; float:left;}

#meer-planten{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 10px 0; float:left;}
#meer-planten ul{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#meer-planten ul li{ width:594px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#meer-planten ul li a{ background:url(../Images/dot_groen.png) 0 8px no-repeat; width:584px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 10px; float:left;}
#meer-planten ul li a:hover{ background:url(../Images/dot2.jpg) 0 8px no-repeat; color:#00311d; text-decoration:none;}

/* Rechts */
#rechts aside{ width:332px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left;}
#rechts.smaller aside{ width:154px;}
#rechts figure{ position:relative; width:332px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#rechts figure img{ width:332px; float:left;}

#rechts .aanbieding{ width:140px; padding:0 10px 0 0;}
#rechts .aanb-titel{ width:140px;}
#rechts .aanb-afb{ width:140px;}
#rechts .aanb-afb img{ width:140px;}

.btn-rechts{ width:332px; min-height:10px; height:auto !important; height:10px; margin:0; padding:14px 0 0 0; float:left;}

#webshop-slider{ position:relative; width:288px; min-height:10px; height:auto !important; height:10px; margin:0 44px 0 0; padding:0 0 10px 0; float:left; border-bottom:1px dashed #a6ce39; overflow:hidden;}
#webshop-slider ul{ width:288px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none;}
#webshop-slider ul li{ height:150px; margin:0; padding:0; float:left;}
#webshop-slider ul li img{ height:150px; float:left;}

.jcarousel-prev, .jcarousel-next{ background:url(../Images/slider_btn.png) 0 0 no-repeat; position:absolute; top:63px; width:23px; height:23px; margin:0; padding:0; display:block; z-index:9999; cursor:pointer;}
.jcarousel-prev{ left:0;}
.jcarousel-next{ background-position:100% 0; right:0;}

/* Nieuwe indeling aangeleverde pagina's */
.vestiging-links{ width:624px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 20px 0 0; float:left;}
.vestiging-links article{ width:624px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left;}
.vestiging-links article h1{ /*color:#b7d75e;*/ color:#669900; padding:0 0 16px 0;}
.vestiging-links article h2{ font-size:15px; color:#084229;}
.vestiging-rechts{ width:260px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
.vestiging-afb{ background:#cacaca; position:relative; width:120px; min-height:10px; height:auto !important; height:10px; margin:0 0 20px 0; padding:0; float:left;}
.vestiging-afb.links{ margin:0 20px 20px 0;}
.vestiging-afb img{ width:120px; float:left;}

/**************************************************************
** Footer Styles
***************************************************************/
#footer-top{ background-position:0 -332px; width:996px; height:56px; margin:0; padding:0; float:left; font-size:1px; text-align:-9999px;}

#footer-nieuws{ background-position:0 -388px; width:996px; height:34px; margin:24px 0; padding:0; float:left; overflow:hidden;}
#nieuws-feed-tekst{ font-family:'JournalRegular'; width:158px; height:34px; line-height:34px; margin:0; padding:0; float:left; text-align:center; color:#fff; font-size:35px;}
.tickercontainer .mask{ position:relative; left:0; top:0; width:838px; height:34px; overflow:hidden;}
#footer-nieuws ul{ position:relative; width:838px; height:34px; margin:0; padding:0; float:left; list-style:none;}
#footer-nieuws ul li{ height:34px; line-height:34px; margin:0; padding:0 4px 0 0; float:left;}

#footer-seo{ width:744px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#footer-seo ul{ width:166px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 20px 0 0; float:left; list-style:none;}
#footer-seo ul li{ width:166px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#footer-seo ul li.kop{ font-size:15px;}
#footer-seo ul li a{ background:url(../Images/dot.png) 0 7px no-repeat; width:156px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 10px; float:left; color:#c2c2c2; font-size:11px;}
#footer-seo ul li a:hover, #footer-seo ul li a.aan{ color:#084229; text-decoration:none;}

#footer-social{ width:252px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;}
#footer-social a{ width:16px; height:16px; margin:0 0 6px 6px; padding:0; float:right; font-size:1px; text-indent:-9999px; text-decoration:none;}
a#linkedin-ico{ background-position:0 -422px;}
a#linkedin-ico:hover{ background-position:0 -438px;}
a#facebook-ico{ background-position:-16px -422px;}
a#facebook-ico:hover{ background-position:-16px -438px;}

/**************************************************************
** Form Styles
***************************************************************/
#form-melding{ background:#ffcece; width:536px; min-height:10px; height:auto !important; height:10px; margin:0 0 12px 0; padding:12px; float:left; border:1px solid #df8f8f;}
.fout{ background:url(../Images/fout.png) 0 2px no-repeat; min-height:20px; height:auto !important; height:20px; margin:0; padding:0 0 20px 20px; color:#df8f8f; float:left;}

/* Vaste Styles voor forms */
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="number"]{ background:#fff; width:254px; height:16px; margin-bottom:2px; padding:4px; border:1px solid #c70b09; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#084229;}
input[type="file"]{ width:254px; margin-bottom:8px;}

input[type="submit"]{ background-color:#fff; margin:0; padding:4px; border:1px solid #c70b09; cursor:pointer; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#084229;}

#Zoeken{ background-position:-310px -454px; width:58px; height:24px; margin:0; padding:0 4px 4px 0; float:left; border:none; color:#fff;}
#Zoek{ background-position:-388px -454px; background-color:#134b2e; width:23px; height:23px; margin:0; padding:0; float:left; border:none; font-size:1px; text-indent:-9999px;}

.NieuwsbriefForm input[type="submit"]{ background-image: url("../Images/sprite.png"); background-repeat: no-repeat; background-position:-204px -606px; background-color:#fff; width:132px; height:26px; margin:0; line-height:26px; padding:0; float:left; border:none; float:right; font-size:12px; color:#fff; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

select{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#084229;}

textarea{ background:#fff; width:264px; height:118px; margin:0 0 2px 0; padding:4px; border:1px solid #c70b09; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#084229; resize:none;}

/* Form fields omzetten in mooie velden */
.InputWrapper{ background-position:0 0; background-color:#fff; margin-bottom:8px; float:left;}
.InputInner{ background-position:100% 0; background-color:#fff; padding:0 14px 0 0; margin:0 0 0 10px;}

.InputWrapper.zoek{ background-position:0 -24px; background-color:#fff;}
.InputInner.zoek{ background-position:100% -24px; background-color:#fff;}

.InputWrapper.vestiging, .InputInner.vestiging{ background-color:#134b2e; margin-bottom:0;}

.InputWrapper.text{ background-position:0 -48px;}
.InputInner.text{ background-position:100% -48px; padding:4px 4px 4px 0;}

.InputWrapper input, .InputInner input, .InputWrapper textarea, .InputInner textarea{ background:none; width:254px; vertical-align:middle; padding-top:2px; padding-bottom:4px; margin:0; border:none; outline:none;}
.InputWrapper select, .InputInner select{ -khtml-appearance:none; background:url(../Images/select_bg.jpg) 99% 8px no-repeat;}

.InputWrapper.zoek input, .InputInner.zoek input{ width:180px; color:#c4c4c4;}
.InputWrapper.zoek input:focus, .InputInner.zoek input:focus{ color:#084229;}
.InputWrapper.vestiging input, .InputInner.vestiging input{ width:228px;}
.InputWrapper.half input, .InputInner.half input{ width:30px;}

.InputWrapper textarea, .InputInner textarea{ width:264px; height:108px;}

.InputWrapper input:focus, .InputInner input:focus, .InputWrapper input:active, .InputInner input:active{ outline:none; border:none; background:none; -khtml-appearance:none;}
