@charset "utf-8";
@import "/templates/css/overview/nieuws.overview.css";

body {
    margin:0px;
    padding:0px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#4D4D4D;
    font-size:12px;
}
a {
    text-decoration:none;
    color:#4d4d4d;
    cursor:pointer;
}
a:hover {
    color:#FFFFFF;
}
img {
    border:none;
}
h2 {
    font-size:14px;
}

.container {
    position:relative;
    margin:0px auto;
    padding:0px;
    width:980px;
}
.header {
    width:980px;
    height:130px;
    position:relative;
    background:url(/templates/img/bg-header.gif) repeat-x;
    margin:0px;
    padding:0px;
}
/*Header*/
.logo {
    width:129px;
    height:80px;
    position:absolute;
    left:55px;
    bottom:25px;
}
.slogan {
    position:absolute;
    left:220px;
    bottom:31px;
    width:300px;
}
.slogan h3 {
    width:28px;
    font-weight:normal;
    margin:0px 0px 0px 0px;
    color:#666666;
    width:300px;
}
.groen {
    color:#849376;
}
.wit {
    color:#ffffff;
}
.bruin {
    color:#80776d;
}
ul.icons {
    position:absolute;
    right:25px;
    bottom:10px;
    margin:0px;
    padding:0px;
}
ul.icons li {
    float:left;
    margin:0px 0px 0px 10px;
    list-style-type:none;
}

.betaalmethoden {
    position:absolute;
    top:28px;
    right:25px;
    z-index:10px;
}

/**/
/*Menu*/
ul.menu {
    background:#94a288;
    height:30px;
    width:944px;
    position:relative;
    margin:0px;
    padding:0px 0px 0px 36px;
    z-index:99;
}
ul.menu li {
    list-style-type:none;
    float:left;
    position:relative;
    /* height:30px;*/
}
ul.menu li a {
    height:30px;
    padding:0px 0px 0px 5px;
    color:#ffffff;
    list-style-type:none;
    float:left;
}
ul.menu li a:hover, ul.menu li a.active {
    background:url(/templates/img/menu-item-links.gif) left top no-repeat;
    padding-left:5px;
}
ul.menu li a span {
    height:25px;
    display:block;
    padding:5px 15px 0px 15px;
    float:left;
}
ul.menu li a:hover span, ul.menu li a.active span {
    background:url(/templates/img/menu-item.gif) right top no-repeat;
}
ul.menu ul {
    position: absolute;
    left: -999em;
    height: auto;
    width:150px;
    font-weight: normal;
    margin: -25px 0px 0px 0px;
    padding: 0px;
    background:none;
    overflow:hidden;
    float:left;
    z-index:100;
}
ul.menu li:hover ul, ul.menu li.sfhover ul {
    left:0px;
    top:55px;
    position:absolute;
    background:#94a288;
}

ul.menu li li a:hover, ul.menu li li a.active {
    background:none;
}

ul.menu li li {
    list-style-type:none;
    margin:3px 0px;
    padding:0px;
    background:none;
    border-bottom:1px solid #a1b095;
    width:100%;
}
ul.menu ul li a, ul.menu ul li a.active {
    display:block;
    margin:0px;
    color:#fff;
    font-size:11px;
    height:18px;
    padding:2px 30px 0px 20px;
    display:block;
    width:100%;
    
}
ul.menu ul li a:hover {
    color:#333333;
    display:block;
    margin:0px;
    font-size:11px;
    height:18px;
    padding:2px 30px 0px 20px;
}
/**/

.banner {
    position:relative;
    margin:0px;
    width:980px;
    height:160px;
}
.banner .foto {
    width:980px;
    height:160px;
    position:absolute;
    z-index:1;
}
.slogan-banner {
    position:absolute;
    width:925px;
    bottom:25px;
    right:55px;
    height:30px;
    text-align:right;
    z-index:3;
}
.slogan-banner h3 {
    color:#ffffff;
    text-align:right;
    font-weight:normal;
    margin:0px;
}
.banner .balk {
    position:absolute;
    bottom:0px;
    height:12px;
    width:980px;
    z-index:2;
}

.innercontainer {
    position:relative;
    width:980px;
    margin:0px;
    padding:50px;
    overflow:hidden;
    z-index:10;
}
.bgbruin {
    background:#d3d0cd;
    width:980px;
    padding:0px 0px 20px 0px;
}
.bggroen {
    background:#F0F0E8;
    width:980px;
    padding:0px 0px 20px 0px;
    color:#666666;
}
.bgbloemenwinkel {
    background:#c9c4c0;
    width:980px;
    padding:0px 0px 20px 0px;
}

/*contentblok*/
.contentblok {
    width:866px;
    min-height:450px;
    overflow:hidden;
    margin:25px 57px 0px 57px;
    background:url(/templates/img/bg-booklet-bruin.gif) left top no-repeat;
}
.contentblok .tekstblok, .contentblok_popup .tekstblok {
    margin:0px 50px 0px 52px;
    _margin:0px 50px 0px 26px;
    padding-top:30px;
    color:#4d4d4d;
    width:360px;
    min-height:240px;
    overflow:hidden;
    float:left;
}
.contentblok_popup {
    overflow:hidden;
    margin:25px 57px 0px 57px;
}
.contentblok .tekstblok a{
    text-decoration:underline;
}
.contentblok .bottom {
    width:866px;
    height:128px;
    clear:both;
    background:url(/templates/img/bg-booklet-bruin-bottom.gif) left top no-repeat;
}
.tekstblok h1 {
    color:#ffffff;
    border-bottom:1px solid #87827c;
    width:360px;
    font-size:14px;
    margin-bottom:20px;
}
p.wit {
    color:#ffffff;
}
.contentblok .fotoalbum {
    float:left;
    width:381px;
    min-height:417px;
    height:auto !important;
    height:417px;
    margin:14px 0px 20px 0px;
}
.fotoalbum h3 {
    padding:0px 20px;
    margin:0px;
    min-height:27px;
    background:#776E63;
    color:#ffffff;
    width:254px;
    display:block;
}
.nav-links {
    float:left;
    width:24px;
    height:300px;
    margin:0px 20px;
    _margin:0px 20px 0px 10px;
}
.nav-rechts {
    float:left;
    width:24px;
    height:300px;
    margin:0px 20px;
    _margin:0px 20px 0px 10px;
}
.fotogroot {
    width:230px;
    height:300px;
    float:left;
    margin-bottom:15px;
}
ul.nav-onder {
    width:230px;
    /*height:50px;*/
    margin:0px 0px 0px 64px;
    padding:0px;
    display:block;
}
ul.nav-onder li {
    float:left;
    list-style-type:none;
    height:50px;
    width:50px;
    margin:10px 0px 0px 0px;
}
ul.nav-onder li.eersteRij {
    margin:0px 0px 0px 0px;
}
ul.nav-onder li.spacer {
    height:50px;
    width:10px;
}

/*links*/
.links {
    width:190px;
    overflow:hidden;
    float:left;
}
ul.menu-shop {
    width:190px;
    margin:0px 0px 20px 0px;
    padding:20px 0px 50px 0px;
    background:url(/templates/img/bg-links.gif) bottom left no-repeat;
    overflow:hidden;
}
ul.menu-shop li {
    /*border-bottom:1px solid #c8c3bd;
	list-style-type:none;
	width:135px;
	margin:5px 20px;
	padding:5px 5px 5px 10px;*/
    border:none;
    color:#ffffff;
    list-style-type:none;
}
ul.menu-shop li a {
    color:#ffffff;
    display:block;
    background:url(/templates/img/bg-li-links.gif) top left no-repeat;
    padding:5px 5px 10px 10px;
    margin:0px 20px;
}
ul.menu-shop li a:hover {
    color:#4d4d4d;
}
ul.menu-shop ul {
    margin:10px 0px;
    padding:0px;
}
ul.menu-shop ul li {
    margin:0px 20px;
    padding-bottom:5px;
    _margin:0px 20px;
    background:none;
    border-bottom:1px solid #a1b095;
}
ul.menu-shop ul li a {
    background:none;
    padding:3px 0px;
    margin:0px 0px 0px 10px;
}
ul.menu-shop ul li a:hover, ul.menu-shop ul li a.active {
    color:#333333;
}

.zoekblok {
    width:150px;
    margin:0px 20px;
    _margin:0px 7px;
    float:left;
}
.zoekblok img {
    float:left;
}
/**/
/*midden*/
.midden {
    float:left;
    width:500px;
    padding:20px 50px;
}
ul.nav {
    width:500px;
    margin:0px 0px 10px 0px;
    padding:0px;
    position:relative;
    border-bottom:1px solid #dedcda;
    overflow:hidden;
}
ul.nav li {
    list-style-type:none;
    margin:0px 10px;
    float:left;
}
ul.nav li.eerste {
    margin-left:0px;
}
ul.nav li a {
    display:block;
    float:left;
    padding-bottom:10px;
    color:#ffffff;
    font-weight:bold;
}
ul.nav li a:hover, ul.nav li a.active {
    color:#473D32;
    background:url(/templates/img/driehoek.gif) bottom center no-repeat;
}
.kruimelpad {
    width:500px;
    position:relative;
    font-size:11px;
    color:#666666;
    margin:0px 0px 20px 0px;
}
.kruimelpad a {
    color:#666666;
}
h1.h-pagina {
    font-size:16px;
    margin:-20px 0px 20px 0px;
}
h1.prodcat{
    font-size:18px;
    font-weight:normal;
    color:#687c61;
}
ul.vitrine {
    width:500px;
    overflow:hidden;
    position:relative;
    margin:30px 0px 0px 0px;
    padding:0px;
}
ul.vitrine li {
    list-style-type:none;
    float:left;
    width:200px;
    margin:0px 0px 30px 0px;
}
ul.vitrine li a.image{
    padding:0px;
    margin:0px;
}
ul.vitrine li.break{
    width:400px;
    margin:0px 0px -30px 0px;
}
ul.vitrine li.eerste {
    margin-right:50px
}
ul.vitrine li h2 {
    font-size:14px;
    margin:0px;
    color:#666666;
    min-height:30px;
    height:auto !important;
    height:30px;
}
ul.vitrine li h2 a {
    color:#666666;
}
ul.vitrine li .fotoblok {
    position:relative;
    margin:10px 3px;
    width:194px;
    height:127px;
}
ul.vitrine li .foto {
    position:absolute;
    top:0px;
    left:0px;
    width:194px;
    height:127px;
}
ul.vitrine li .linktop {
    position:absolute;
    width:194px;
    height:127px;
    z-index:10;
}
ul.vitrine li .prijsblok {
    width:174px;
    height:31px;
    margin:10px 3px 0px 3px;
    padding:10px 10px;
    position:relative;
    color:#666666;
    font-size:10px;
    background:url(/templates/img/prijsblok.gif) no-repeat;
}
ul.vitrine li .prijsblok strong.prijs{
    font-size:12px;
}

a.bestel-nu {
    width:78px;
    height:16px;
    padding:2px 0px 0px 0px;
    position:absolute;
    right:20px;
    _right:-100px;
    top:18px;
    _top:-20px;
    background:url(/templates/img/bestel-nu.gif);
    font-size:11px;
    color:#ffffff;
    display:block;
    text-align:center;
}
.bestel-nu {
    width:78px;
    height:18px;
    padding:2px 0px 0px 0px;
    position:absolute;
    right:20px;
    top:18px;
    background:none;
    background:url(/templates/img/bestel-nu.gif);
    font-size:11px;
    color:#ffffff;
    display:block;
    border:none;
}
.besteltabel {
    font-size:11px;
}
.besteltabel ul {
    margin:0px;
    padding:0px 0px 0px 15px;
}
.besteltabel a.terug, .besteltabel a.terug:hover{
    float:right;
    display:block;
    /*background:url(/templates/img/terug.gif) no-repeat;*/
    background:url(/templates/img/bestel-nu-groen.gif) no-repeat;
    width:80px;
    height:16px;
    color:#4D4D4D;
    padding:2px 0px 0px 0px;
    text-align:center;
    margin:10px 0px 0px 10px;

}
input.terug {
    float:right;
    display:block;
    margin:10px 0px 0px 10px;
}
.blok-aantal {
    width:226px;
    overflow:hidden;
    font-size:11px;
    margin:0px 0px 0px 0px;
}
.foto-aantal{
    margin:15px 0px 0px 0px;
}
.blok-aantal-cont {
    width:194px;
    padding:1px 16px 36px 16px;
    *padding:1px 16px 16px 16px;
    background:url(/templates/img/rond-bottom.gif) bottom left no-repeat;
    position:relative;
}
.blok-aantal-cont span {
    display:block;
    margin:8px 0px;
}
a.bestellen {
    width:70px;
    height:16px;
    padding:2px 0px 0px 8px;
    background:url(/templates/img/bestel-nu.gif);
    font-size:11px;
    color:#ffffff;
    display:block;
    float:right;
}
.fotoblok {
    position:relative;
    width:194px;
    height:127px;
    margin:0px 0px 15px 0px;
}
.foto {
    position:absolute;
    top:0px;
    left:0px;
    width:194px;
    height:127px;
}
.toplaag {
    position:absolute;
    top:0px;
    left:0px;
    width:194px;
    height:127px;
    background:url(/templates/img/toplaag.png) no-repeat;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/templates/img/toplaag.png');
}
.vergroot {
    position:absolute;
    bottom:10px;
    right:10px;
    width:28px;
    height:26px;
}
/**/
/*rechts*/
.rechts {
    width:190px;
    margin:0px 0px 20px 0px;
    padding:0px 0px 20px 0px;
    background:url(/templates/img/bg-links.gif) bottom left no-repeat;
    float:left;
    color:#ffffff;
}
.blok1 {
    width:160px;
    padding:10px 15px 0px 15px;
    background:#80776d;
    position:relative;
}
.blok1 h2, .blok-bottom h2 {
    font-size:14px;
    color:#ffffff;
    width:160px;
    border-bottom:1px solid #ffffff;
    padding-bottom:5px;
    margin:0px 0px 15px 0px;
}
h2.winkelwagen {
    background:url(/templates/img/winkelwagen-h.gif) right center no-repeat;
}
img.tip {
    padding:4px;
    border: 1px solid #ffffff;
    margin:0px 0px 10px 0px;
}
.uploadfavoriet img.tip {
    border:none;
    padding:0px;
    margin:0px;
}
.blok2 {
    width:160px;
    padding:15px;
    background:url(/templates/img/blok2.gif) top left no-repeat #8d8171;
    min-height:160px;
    height:auto !important;
    height:160px;
    position:relative;
}
.invulling2 {
    position:relative;
    z-index:4;
    text-align:right;
    font-size:14px;
    font-weight:bold;
}
.bg-nieuw {
    height:154px;
    width:120px;
    z-index:1;
    position:absolute;
    left:0px;
    bottom:0px;
    background:url(/templates/img/nieuw.png);
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/templates/img/nieuw.png');
}
a.bekijk {
    position:absolute;
    bottom:15px;
    right:15px;
    background:url(/templates/img/bg-bekijk.png) no-repeat;
    display:block;
    width:52px;
    height:17px;
    padding:3px 0px 0px 0px;
    color:#71614D;
    text-align:center;
    font-weight:bold;
    font-size:11px;
}
input.bekijk {
    position:absolute;
    bottom:15px;
    right:15px;
    background:none;
    background:url(/templates/img/bg-bekijk.png) no-repeat;
    display:block;
    width:52px;
    height:20px;
    padding:3px 0px 0px 0px;
    color:#71614D;
    text-align:center;
    font-weight:bold;
    font-size:11px;
    border:none;
}
.blok-bottom {
    width:160px;
    padding:15px;
    position:relative;
}
.blok-bottom span {
    font-size:11px;
    margin-bottom:10px;
    display:block;
}
.blok-bottom .item {
    color:#473D32;
    font-weight:bold;
}
.blok-bottom .prijs {
    font-weight:bold;
    margin:5px 0px 0px 0px;
}

/**/
/*homepage*/
.home {
    height:553px;
    width:910px;
    padding:35px;
    margin:0px;
    background:url(/templates/userfiles/achtergrond.jpg) no-repeat;
}
.home2 {
    height:553px;
    width:910px;
    padding:35px;
    margin:0px;
    background:url(/templates/userfiles/achtergrond2.jpg) no-repeat;
}
.introblok {
    width:910px;
    height:274px;
    background:url(/templates/img/bg-introblok.png) no-repeat;
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/templates/img/bg-introblok.png');
    position:relative;
}
.blok-l {
    width:400px;
    float:left;
    margin:40px 50px 0px 50px;
    _margin:40px 50px 0px 25px;
    float:left;
}
ul.sitemap li{
    padding:3px 0px;
}
h1.hhome {
    font-size:16px;
    margin:0px;
    color:#ffffff;
    border-bottom:#4d4d4d 1px solid;
}
.foto-home {
    width:320px;
    height:180px;
    position:relative;
    float:left;
    margin:45px 50px 0px 40px;
}
.button-bezoek {
    position:absolute;
    bottom:5px;
    right:20px;
    background:#8d9d80;
    height:26px;
    padding-top:4px;
    width:150px;
    text-align:center;
    z-index:1001;
}
.bbezoek {
    color:#ffffff;
}
ul.triple {
    width:870px;
    padding:0px;
    margin:20px 0px 0px 20px;
    position:relative;
}
ul.triple li {
    background:url(/templates/img/bg-li-home.png);
    width:220px;
    height:215px;
    margin:0px 30px 0px 0px;
    padding:25px;
    list-style-type:none;
    float:left;
    font-size:11px;
    color:#ffffff;
}
ul.triple li.midden {
    background:url(/templates/img/bg-li-home-midden.png);
}
ul.triple li.last {
    margin:0px;
}
h2.blokli {
    color:#ffffff;
    font-size:16px;
    margin:0px;
}
ul.triple li img {
    width:216px;
    height:90px;
    border:2px solid #ffffff;
    margin:5px 0px 10px 0px;
    *margin:0px; 0px 0px 0px;
}
ul.triple li p {
    margin:10px 0px;
}
/**/

.footer {
    width:980px;
    height:31px;
    position:relative;
    background:url(/templates/img/footer.gif) repeat-x;
    text-align:center;
    padding:50px 0px 0px 0px;
    font-size:11px;
}
.footer .text{
    position:relative;
}
.footer img.fleurop{
    position:absolute;
    top:50%;
    margin:-12px 0px 0px -40px;
}

.navigation{
    text-align:center;
}

.navigation .active{
    color:#687c61;
    font-weight:bold;
    text-decoration:underline;
}
.navigation a:hover{
    color:#687c61;
}


.uploadfavoriet{
    position:relative;
    height:190px;
    width:190px;
    margin:10px 0px;
}
.uploadfavoriet img{
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
}
.uploadfavoriet h2{
    position:relative;
    margin:0px 0px 0px 0px;
    padding:10px 10px 0px 0px;
    top:10px;
    text-align:right;
    z-index:15;
}