html, body {height:100%; margin:0; padding:0;}
body {background-color:#006; border-style:none; color:#006; font:11px Verdana, Arial, Helvetica, sans-serif; height:100%; margin:0; padding:0;}
embed {margin:0; padding:0;}
fieldset {border:0; margin:0; padding:0;}
legend {display:none;}
form {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
img {border:0; margin:0; padding:0;}
p {margin:0; padding:0;}
ol, ul, li {margin:0; padding:0; text-indent:0;}
input, select, textarea {font-family:Verdana, Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {clear:both; font-size:0em; height:0px; line-height:0px; margin:0; padding:0;}
.print {display:none;}
.hidden {position:absolute; left:-900em;}
span.hidden {display:none;}
span.heading {display:block; font-size:1.3em; font-weight:bold; padding-bottom:10px;}
.left {float:left;}
.right {float:right;}
/* Wrapper
---------------------------------------------- */
#wrapper {margin:0 auto; padding-top:1px; text-align:left; width:772px;}
.logo {background:url("/FrontEnd/img/logo.gif"); height:507px; position:absolute; margin:5px 0 0 -105px; top:0; width:100px; z-index:0;}
ul.accesNav {float:left; font-size:0px; height:0px; line-height:0px; list-style:none; text-indent:-900em;}
/* Header
---------------------------------------------- */
#header {background-color:#e40083; float:left; min-height:126px; width:100%;}
h1 {color:#ffd100; font:bold 36px Verdana, Arial, Helvetica, sans-serif; line-height:36px; padding:0 0 7px 7px;}
h1 span{ font-weight:normal;}
.groencentrum #header {background-color:#97ce16;}
.groencentrum h1 {color:#fff;}
.westend #header {background-color:#ffd100;}
.westend h1 {color:#fff;}
/* Global Navigation
---------------------------------------------- */
.globalNav {clear:both; color:#ffd100; font-weight:bold; padding:10px 0 0 5px;}
.globalNav li {float:left; list-style:none;}
.globalNav li a {color:#ffd100; font-weight:bold; padding:0 5px;}
.groencentrum .globalNav {color:#fff;}
.groencentrum .globalNav li a {color:#fff;}
/* Main navigation
---------------------------------------------- */
#mainNav {background-color:#fff; clear:both; float:left; margin-top:4px; width:100%;}
#mainNav ul li {border-right:1px solid #e40083; float:left; list-style:none; height:31px; white-space:nowrap;}
#mainNav ul li.last a {padding-right:18px;}
#mainNav ul li a {color:#e40083; display:block; font-size:16px; padding:7px 10px 6px 10px;}
#mainNav ul li a:hover {background-color:#ffd100; text-decoration:none;}
.groencentrum #mainNav ul li {border-right:1px solid #97ce16;}
.groencentrum #mainNav ul li a {color:#006;}
.groencentrum #mainNav ul li a:hover {background-color:#006; color:#fff;}
.westend #mainNav ul li {border-right:1px solid #ffd100;}
.westend #mainNav ul li a {color:#006;}
.westend #mainNav ul li a:hover {background-color:#006; color:#fff;}
/* Local navigation
---------------------------------------------- */
.localNav {float:left;}
.localNav li {border-right:1px solid #fff; float:left; list-style:none;}
.localNav li a {color:#006; font-size:14px; display:block; padding:4px 10px 5px 10px;}
.localNav li a:hover {text-decoration:none;}
.groencentrum .localNav li {border-right:1px solid #006;}
.groencentrum .localNav li a:hover {background-color:#79a526; color:#fff;}
.westend .localNav li a:hover {background-color:#d9b20f;}
/* Breadcrumb
---------------------------------------------- */
#breadcrumb {background-color:#ffd100; border:1px solid #006; border-left:none; border-right:none; color:#e40083; float:left; font-size:10px; font-weight:bold; min-height:19px; width:100%;}
#breadcrumb ul {margin:4px 0 0 5px;}
#breadcrumb ul li {float:left; list-style:none; white-space:nowrap;}
#breadcrumb ul li a {color:#e40083; padding:0 5px 0 5px;}
.groencentrum #breadcrumb {background-color:#cbe68a; color:#006}
.groencentrum #breadcrumb ul li a {color:#006;}
.westend #breadcrumb {background-color:#ffe87f; color:#006}
.westend #breadcrumb ul li a {color:#006;}
/* Main
---------------------------------------------- */
#main {background-color:#fff; clear:both; line-height:19px; overflow:hidden; width:100%;}
/* links
---------------------------------------------- */
a.verder {background:url("/FrontEnd/img/arrow-right.gif") 0 2px no-repeat; color:#e40083; float:left; font-weight:bold; height:18px; padding:0 0 20px 5px; width:93px;}
a.verder:hover {text-decoration:none;}
.thumbnailsOverview .pageNav {margin:15px 0 15px 10px; width:680px;}
.pageNav {clear:both; float:left; margin:5px 0 15px 15px; width:730px;}
.pageNav a.terug, .pageNav a.terug:hover {background:url("/FrontEnd/img/arrow1-left.gif") 0 50% no-repeat; color:#e40083; float:left; font-weight:bold; height:18px; padding:0 0 0 20px; width:auto;}
.pageNav a.meer, .pageNav a.meer:hover {background:url("/FrontEnd/img/arrow1-right.gif") 100% 50% no-repeat; color:#e40083; float:right; font-weight:bold; height:18px; padding:0 20px 0 0; width:auto;}
.groencentrum a.verder {color:#97ce16;}
.groencentrum .pageNav a.terug {color:#97ce16;}
.groencentrum .pageNav a.meer {color:#97ce16;}
.westend a.verder {color:#006;}
.westend .pageNav a.terug {color:#006;}
.westend .pageNav a.meer {color:#006;}
/* list
---------------------------------------------- */
ul.links {font-size:12px; padding:0 0 20px 10px;}
ul.links li {background:url("/FrontEnd/img/list-arrow-right.gif") 0 6px no-repeat; list-style:none; padding-left:15px;}
ul.links li a {text-decoration:underline;}
ul.intro li {list-style:none;}
.groencentrum ul.links li {background-image:url("/FrontEnd/img/list-arrow-right-2.gif");}
/* Intro item
---------------------------------------------- */
.introItem {background-color:#ffd100; border-bottom:11px solid #fff; min-height:374px; overflow:hidden; position:relative; height:374px;}
.introItem h2 {color:#e40083; font-size:18px; padding:15px 10px;}
.introItem .intro {color:#e40083; font-size:12px; font-weight:bold;}
.introItem .description {font-size:12px; font-weight:bold;}
.introItem p {padding:5px;}
.introItem .thumb {background-color:#fff; float:left; margin-right:10px; padding:8px 10px 0 10px; width:366px;}
.introItem .thumb img {border:1px solid #fff;}
.introItem .border img {border:1px solid #006;}
.groencentrum .introItem {background-color:#cbe68a;}
.groencentrum .introItem h2 {color:#006;}
.groencentrum .introItem .intro {color:#006;}
.westend .introItem {background-color:#ffe87f;}
.westend .introItem h2 {color:#006;}
.westend .introItem .intro {color:#006;}
.introItem1 {background-color:#ffd100; border-bottom:1px solid #e40083; overflow:hidden;}
.introItem1 img.right {margin-left:10px;}
.introItem1 h2 {color:#e40083; font-size:22px; padding:15px 10px;}
.introItem1 p {font-size:12px; font-weight:bold; padding:5px 10px;}
.introItem1 a {color:#e40083;}
.groencentrum .introItem1 h2 {color:#006;}
.groencentrum .introItem1 {background-color:#f4fae7; border-bottom:1px solid #97ce16;}
.groencentrum .introItem1 a {color:#97ce16;}
.westend .introItem1 h2 {color:#006;}
.westend .introItem1 {background-color:#fff6cc; border-bottom:1px solid #ffd100;}
.westend .introItem1 a {color:#ffd100;}
/* Selectlist
---------------------------------------------- */
.selectlist {background:#dfdfec; border:1px solid #e40083; border-left:none; border-right:none; padding:8px 0; text-align:center;}
.selectlist select {font-size:9px; width:190px;}
.groencentrum .selectlist {border-color:#97ce16;}
.westend .selectlist {border-color:#ffd100;}
/* Section
---------------------------------------------- */
.section {clear:both; float:left; padding:0 0 10px 0; width:100%;}
.section1 {border-top:1px solid #e40083; margin-top:25px;}
.section2 {border-top:1px solid #e40083; margin-top:0;}
.groencentrum .section1, .groencentrum .section2 {border-top:1px solid #97ce16;}
.westend .section1, .groencentrum .section2 {border-top:1px solid #ffd100;}
/* Column
---------------------------------------------- */
.column {clear:none; float:left; width:254px;}
.column.firstColumn {width:264px;}
.column h2 {background-color:#ffd100; color:#e40083; font:bold 25px Verdana, Arial, Helvetica, sans-serif; height:36px; padding-left:10px;}
.column div {min-height:280px; line-height:17px; height:280px; padding:5px 0 10px 0;}
.column h3 {font-size:12px; font-weight:bold; line-height:17px; min-height:35px; height:35px; padding:0 0 0 10px;}
.column p {color:#e40083; min-height:120px; height:120px; padding:0 5px 15px 10px;}
.column img {border:1px solid #006;}
.column.firstColumn img {margin-left:10px;}
.column.firstColumn a.verder {margin-left:10px;}
.groencentrum .column h2 {background-color:#97ce16; color:#fff;}
.groencentrum .column p {color:#006;}
.westend .column h2 {background-color:#ffd100; color:#fff;}
.westend .column p {color:#006;}
/* Gallery
---------------------------------------------- */
.gallery {background-color:#fff6cc; overflow:hidden; width:100%;}
.gallery h2 {color:#e40083; font-size:18px; padding:15px 10px;}
.gallery p {color:#e40083; font-size:14px; padding:5px 10px;}
.thumbnails {float:right; margin:10px 5px 0 10px;}
.thumbnailsOverview {background-color:#f3f3f8; padding:20px 0 20px 35px;}
.thumbnails a, .thumbnailsOverview a {background:url("/FrontEnd/img/bg-thumbnail.png"); display:block; float:left; height:92px; margin:0 0 2px 2px; padding:4px 0 0 4px; width:94px;}
.thumbnails a:hover, .thumbnailsOverview a:hover {background:url("/FrontEnd/img/bg-thumbnail-mo.png");}
#toolTip {background:#ffffe1; border:1px solid black; text-align:left; padding:5px; position:absolute; width:auto; z-index:1000;}
#toolTip ul {margin-left:0;}
#toolTip ul li {list-style:none;}
.groencentrum .gallery {background-color:#f4fae7;}
.groencentrum .gallery h2 {color:#006;}
.groencentrum .gallery p {color:#006;}
.westend .gallery {background-color:#fff6cc;}
.westend .gallery h2 {color:#006;}
.westend .gallery p {color:#006;}
.colDivider {float:left; width:100%; margin-top:10px;}
/* Content
---------------------------------------------- */
.content {float:left; width:508px;}
.content h3 {font-size:12px; font-weight:bold; padding:0 0 0 10px;}
.content h4 {font-size:12px; font-weight:normal; padding:0 0 0 10px;}
.content p {color:#e40083; font-size:12px; padding:5px 5px 15px 10px;}
.content a {color:#e40083;}
.groencentrum .content p {color:#006;}
.groencentrum .content a {color:#97ce16;}
.westend .content p {color:#006;}
.westend .content a {color:#ffd100;}
/* Rightbar
---------------------------------------------- */
.rightBar {border-top:1px solid #006; display:inline; float:right; width:244px;}
.rightBar h2 {background-color:#ffd100; color:#e40083; float:left; font:normal 20px Verdana, Arial, Helvetica, sans-serif; height:30px; padding-left:10px; width:234px;}
.rightBar ul.links {background-color:#fff6cc; border-bottom:1px solid #006; display:block; float:left; margin-bottom:10px; padding:5px 0 5px 10px; width:234px;}
.rightBar ul.links li {line-height:15px; margin:5px 0;}
.rightBar ul.links li a {text-decoration:none;}
.rightBar ul.links li a:hover {text-decoration:underline;}
.colDivider .thumb {float:right; margin-top:10px; margin-bottom:10px; width:242px}
.colDivider .thumb img {float:left;}
.groencentrum .rightBar h2 {background-color:#97ce16; color:#006;}
.groencentrum .rightBar ul.links {background-color:#f4fae7;}
.groencentrum .rightBar ul.links li a {color:#97ce16;}
.westend .rightBar h2 {background-color:#ffd100; color:#006;}
.westend .rightBar ul.links {background-color:#fff6cc;}
.westend .rightBar ul.links li a {color:#006;}
/* Boxitems
---------------------------------------------- */
.boxItems {bottom:0; position:absolute; right:0; width:386px;}
.boxItem {border:10px solid #fff; border-bottom:none; border-left:none; color:#fff; font-size:12px; height:62px; line-height:11px; min-height:62px; overflow:hidden;}
.boxItem a {background:url("/FrontEnd/img/arrow-box.gif") 100% 0 no-repeat; color:#fff; display:block; font-size:23px; font-weight:bold; letter-spacing:-2px; line-height:23px; padding:2px 0 5px 9px; text-decoration:none; width:367px;}
.boxItem p {padding-left:10px;}
.boxColor1 {background-color:#e40083;}
.boxColor2 {background-color:#97ce16;}
.priceItem {background-color:#7f7fb2; bottom:0; float:right; height:60px; position:absolute; right:0; width:386px;}
.priceItem span {color:#fff; float:left; font-size:18px; font-weight:bold; margin:20px 0 0 10px;}
.priceItem a {background:url("/FrontEnd/img/kopen-button.png") no-repeat; color:#006; float:right; font-size:18px; height:28px; margin:15px 25px 0 0; padding:0 0 0 8px; text-decoration:none; width:70px;}
.priceItem a:hover {text-decoration:none;}
/* Footer
---------------------------------------------- */
#footer {background-color:#e40083; color:#fff; height:23px; padding-top:10px; width:100%;}
.copyrights {float:left; padding-left:8px;}
.initiatief {float:right; padding-right:11px;}
.groencentrum #footer {background-color:#97ce16;}
.westend #footer {background-color:#ffd100; color:#006;}