/*** RESETS ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/** ALGEMEEN **/

* {
    font-family: georgia, verdana, arial;
}

body {
    background-image: url("../../gfx/bg.gif");
    font-family: Georgia, Times, serif;
    font-size: 11px;
    
}
h2 {
    font-size: 24px;
    margin-bottom: 0.5em;
    line-height:22px;
}
h3 {
    font-size: 16px;
    font-weight: bold;
    color: #f172ac;
}
h4 {
    font-weight: bold;
}
p {
    margin-bottom: 0.5em;
}
img {
    border: 0px;
}
#container {
    margin: 0 auto;
    margin-top: 50px;
    width: 1116px;
}
.clear {
    clear: both;
    height: 1px;
}
.text {
    font-size: 12px;
    line-height: 14px;
    padding: 5px;
}
.text a {
    color: #f067a6;
}
.noBorder {
    border: 0px !important;
}
.noRightBorder {
    border-right: 0px !important;
}
.noBottomBorder {
    border-bottom: 0px !important;
}
#containerContent {
    margin-left: 51px;
    margin-right: 5px;
    margin-top: -30px;
    min-height: 513px;
    height: auto !important;
    height: 513px;
    clear :both;
    border: 3px solid #f172ac;
    background: #fff url("../../gfx/lijnen/bg_content.gif") repeat-y;
    overflow: none;
}

/** HEADER **/
#header {
    height: 205px;
}
#header .bg {
    
    background-repeat: no-repeat;
    height: 177px;
    width: 1050px;
    margin-left: 65px;
}
#header #headLogo {
    position: absolute;
    height: 167px;
    width: 355px;
    background: url(../../gfx/logo_zevendeHemel.png) no-repeat;
    top: 80px;
    margin-left: 5px;
    z-index: 1;
}
#header #headLogo h1 span {
    display: none;
}
#menu {
    padding-top: 145px;
    margin-left: 290px;
}
#menu li {
    display: block;
    list-style: none;
    float: left;
    border-right: 1px solid white;
}

#menu li a {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: white;
    padding-right: 10px;
    padding-left: 10px;
}

#menu li.last {
    border: 0px;
}

/** LEFT BAR **/
#leftBar {
    width: 154px;
    
    padding-right: 8px;
    margin-bottom: 10px;
   /*background: #eeeaab url(../../gfx/lijnen/vert_roze_4px.gif) repeat-y right;*/
    float: left;
}
#leftBar #zoeken {
    width: 146px;
    height: 45px;
    margin-left: 8px;
    margin-top: 20px;
}
#leftBar #zoeken .searchButton {
    float: left;
    margin-left: 0px;
}
#leftBar #zoeken .searchField {
    float: left;
    height: 0.8em;
}
#leftBar #zoeken select {
    margin-top: 3px;
    width: 144px;
    height: 17px;
    font-size: 0.6em;
}
#leftBar #leftNav {
    margin-left: 7px;
    clear: both;
    display: block;
}
#leftBar #leftNav ul li {
    margin-left: 3px;
    list-style: none;
    display: block;
    font-size: 0.9em;
    margin-bottom: 10px;
    clear: both;
}
#leftBar #leftNav ul li a {
    color: black;
    text-decoration: none;
    font-size :12px;
}
#leftBar #leftNav ul li.active a {
    color: #ee3d97;
}
#leftBar #leftNav ul li ul li.subCatKnop {
    list-style: none;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
    width: 100%;
    display: block;
    clear :both;
}
#leftBar #leftNav ul li ul li.subCatKnop a {
    color: #808285;
    font-style: italic;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}
#leftBar #leftNav ul li ul li.subCatKnop.active a {
    color: #ee3d97;
}
/** CONTENT **/
#contentTwoColl,
#content {
    background-color: white;
    width: 736px;
    float: left;
    min-height: 513px;
    maring-top: -5px;
    background: url(../../gfx/lijnen/vert_roze_4px.gif) repeat-y right;
    vertical-align:top;
}
#contentTwoColl {
    background: url(../../gfx/lijnen/vert_roze_4px.gif) repeat-y center;
}
#content #breadcrumbs {
    height: 24px;
    background: url(../../gfx/lijnen/hor_geel_4px.gif) repeat-x bottom;
}
#content #breadcrumbs a {
    font-size :11px;
    line-height: 24px;
}
/** HOME **/
#content div.maandactie {
    width: 150px;
    min-height: 508px;
    height: auto !important;
    height: 508px;
    float: left;
    padding-top: 10px;
    background: url(../../gfx/lijnen/vert_roze_4px.gif) repeat-y right;
    text-align: center;
    
}
#content div.maandactie h4 {
    font-weight: bold;
}
#content div.maandactie h4 a {
    text-decoration: none;
    color: black;
}
#content div.horBar {
    width: 583px;
    height: 150px;
    float: left;
    background: #fff url(../../gfx/lijnen/hor_roze_4px.gif) repeat-x bottom;
}
#content div.horBar div.text h2 {
    color: #000;
}
#content div.horBar div.text {
    display: block;
    float: left;
    width: 420px;
    height: 130px;
    padding: 10px;
    background: url(../../gfx/lijnen/vert_roze_4px.gif) repeat-y left;
    font-size: 12px;
    color: #707070;
}
#content div.horBar div.text a.leesVerder {
    font-weight: 
}
#content div.horBar div.blue {
    color:#9CC3E6;
    font-size:14px;
    font-weight: normal;
    line-height:20px;
    float: left; 
}
#content div.horBar div.image {
    display: block;
    float: left;
    width: 130px;
    height: 130px;
    height: auto;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
#content div.horBar span.image {
    display: block;
    float: left;
    width: 130px;
    height: 130px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}

#content div.horBarHalf {
    width: 282px;
    height: auto;
    padding-left: 5px;
    padding-top: 5px;
    float: left;
}
#content div.horBarHalf.border {
    background: url(../../gfx/lijnen/vert_roze_4px.gif) repeat-y right;
}
#content div.horBarHalf h2 {
    margin-bottom: 15px;
}
#content div.horBarHalf div.text {
    font-size: 12px;
    color:#808285;
    display: block;
    float: right;
    width: 140px;
    line-height: 20px;
}

#content div.horBarHalf div.text a {
    color:#808285;
    font-weight: bold;
    text-decoration: none;
}
#content div.horBarHalf ul li a {
    font-size: 11px;
    color:#808285;
    text-decoration: none;
}
#content div.horBarHalf div.image {
    display: block;
    width: 130px;
    float: left;
    text-align: center;
}
#content div.horBarHalf div.image img {
    position: relative;
    top: 20%;
}
#content div.horBarHalf span.imageSmall {
    display: block;
    width: 115px;
    float: left;
    text-align: center;
}
#breadcrumbs {
    position: relative;
    z-index: 100;
}
#breadcrumbs a {
    font-weight: bold;
    text-decoration: none;
    font-style: italic;
    color: black;
}
#breadcrumbs a.active {
    color: #f067a6;
}
/** WIE ZIJN WIJ **/
#content div.horBarFull {
    width: 100%;
    min-height: 214px;
    height: auto !important;
    height: 214px;
    float: left;
    /* border-bottom: 2px dotted #f172ac; */
    background: url(../../gfx/lijnen/hor_geel_4px.gif) repeat-x bottom;
}
#content div.horBarFull div.image {
    display: block;
    float: left;
    min-width: 130px;
    width: auto !important;
    width: 130px;
    min-height: 214px;
    height: auto !important;
    height: 214px;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
#content div.horBarFull div.text {
    display: block;
    float: left;
    width: 510px;
    min-height: 214px;
    height: auto !important;
    height: 214px;
    padding: 10px;
    padding-left: 30px;
    /* border-left: 2px dotted #f172ac; */
    background: url(../../gfx/lijnen/vert_roze_4px.gif) repeat-y left;
}

/** ONZE WINKELS **/
#contentTwoColl div.twoColl {
    margin: 0px;
    padding: 0px;
    width: 367px;
    float: left;
}
#contentTwoColl div.twoColl div.horBarHalf {
    width: 362px !important;
    min-height: 204px;
    height: auto !important;
    height: 204px;
    background: url(../../gfx/lijnen/hor_geel_4px.gif) repeat-x bottom;
}
#contentTwoColl div.twoColl div.horBarHalf div.text {
    width: 355px;
    padding: 5px;
} 
#contentTwoColl div.twoColl div.horBarHalfFill div.text dl dt,
#contentTwoColl div.twoColl div.horBarHalf div.text dl dt {
    width: 125px;
    float: left;
    clear: left;
}
#contentTwoColl div.twoColl div.horBarHalfFill div.text dl dd,
#contentTwoColl div.twoColl div.horBarHalf div.text dl dd {
    width: 180px;
    float: right;
    clear: right;
}

/** ONZE MERKEN **/
#overzichtMerken {
    width: 730px !important;
}
#overzichtMerken td {
    height: 110px;
    /*border-right: 2px dotted #f067a6;
    border-bottom: 2px dotted #dfd257;*/
    background: url(../../gfx/lijnen/bg_merk_block.gif) no-repeat bottom right;
    text-align: center;
}
#overzichtMerken td.last {
    border-right: 0px;
    background: url(../../gfx/lijnen/bg_merk_block_nr.gif) no-repeat bottom right;
}
#overzichtMerken td.noBottom {
    background: url(../../gfx/lijnen/bg_merk_block_nb.gif) no-repeat bottom right;
}
#overzichtMerken td.noBottom.last {
} 
#overzichtMerken td p a {
    color: black;
    font-weight: bold;
    font-style: italic;
    text-decoration :none;
}
#overzichtMerken td table {
    width :170px;
    height: 105px;
    bottom: 0px;
}
#overzichtMerken td table tr td {
    padding: 0px;
    border: 0px;
    background: #fff;
}
#overzichtMerken td.last table tr td {
    width : 179px;
}
#overzichtMerken td table tr td.text {
    width: 167px;
    height: 10px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    vertical-align: text-bottom;
}
#overzichtMerken td table tr td.image {
    height: 75px;
    width: 100px;
    vertical-align: middle;
    text-align:center;
}

/** FAQ MODULE **/
#content div.faq {
    padding: 5px;
}
#content div.faq ol {
    padding-left: 20px;
}
#content div.faq ol li {
    list-style: decimal;
}
#content div.faq ol li a {
    font-weight: bold;
    text-decoration: none;
    color: black;
}
#content div.faq ol li a:hover {
    text-decoration: underline;
}
#content div.faq h3 {
    margin-bottom: 0;
}
#content div.faq div.backLink {
    width: 100% !important;
    font-size: 10px;
    font-style: italic;
    border-bottom: 1px dashed #dfd156;
    padding-bottom: 10px;
    margin-bottom: 0.5em;
    margin-top: -1em;
    text-align: right;
}
#content div.faq div.backLink a {
    color:#808285;
    text-decoration: none;
}
#content div.faq dl dd {
    margin-bottom: 2.5em;
}

/** RIGHT BAR **/
#rightBar {
    width: 155px;
    min-height: 508px;
    height: auto !important;
    height: 508px;
    float: left;
    background-color: white;
    vertical-align: top !important;
}
#rightBar #winkelmandje {
    min-height: 62px;
    height: 62px !important;
    width: 135px;
    padding: 10px;
    /* border-bottom: 2px dotted #f172ac; */
   background: url(../../gfx/lijnen/hor_roze_4px.gif) repeat-x bottom;
   font-size: 11px;
}
#rightBar #winkelmandje .text {
    font-size: 11px;
}
#rightBar #gastenboek {
    width: 155px;
    height: 129px;
    text-align: center;
    padding-top: 10px;
    background: url(../../gfx/lijnen/hor_roze_4px.gif) repeat-x bottom;
}
#rightBar #laatstBekeken {
    padding-left: 10px;
    padding-right: 5px;
    padding-top: 10px;
}
#rightBar #laatstBekeken h2 {
    color:#F172AC;
    font-size:12px;
    font-style:italic;
    font-weight: bold;
}
#rightBar #laatstBekeken ul li {
    display: block;
    height: 45px;
    margin-top: 5px;
} 
#rightBar #laatstBekeken ul li h4 {
    font-size: 10px;
}
#rightBar #laatstBekeken ul li div.text {
    color: black;
    padding-top: 5px;
    font-size: 10px;
    width: 90px;
    float: left;
}
#rightBar #laatstBekeken ul li div.text a {
    color: black;
    text-decoration: none;
    font-size :10px;
}
#rightBar #laatstBekeken ul li div.image {
    float: right;
    width: 35px;
    text-align: center;
}

/** FOOTER **/
#footer {
    float: right;
    width: 388px;
    height: 53px;
    background-image: url("../../gfx/footer_bg.png");
    margin-top: -5px;
    margin-right: -5px;
}
#footer ul {
    margin-top: 10px;
    margin-left: 45px;
}
#footer ul li {
    list-style: none;
    display: block;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    float: left;
    padding-bottom: 3px;
    border-right: 1px solid white;
}
#footer ul li.last {
    border: 0px;
}
#footer ul li a {
    color: white;
    text-decoration: none;
    font-size: 9px;
    font-style: italic;
    font-weight: normal;
    margin-right: 3px;
    margin-left: 3px;
}

/** INLOGGEN **/
.inlogLinks {
    display: block;
    margin-left: 10px;
}
.inlogLinks a {
    margin-left: 5px;
    text-decoration: none;
    line-height :20px;
    display: block;
    color: black;
}

/** PRODUCT OVERZICHT **/
#content .productBlock {
    width : 183px;
    height: 225px;
    float: left;
    background: url(../../gfx/lijnen/bg_product_block.gif) no-repeat;
    text-align: center;
}
#content .productBlock.noRightBorder {
    background: url(../../gfx/lijnen/bg_product_block_nr.gif) no-repeat;
}
#content .productBlock.noBottomBorder {
    background: url(../../gfx/lijnen/bg_product_block_nb.gif) no-repeat;
}
#content .productBlock.noRightBorder.noBottomBorder {
    background:#fff;
}
#content .productBlock .image {
    margin-top: 3px;
    text-align: center;
    height: 160px;
    width: 182px;
}
#content .productBlock .text {
    float: left;
    height: 50px;
    width: 110px;
    text-align: left;
}

#content .productBlock .buyLink {
    float: left;
    display: block;
    padding-top: 10px;
    width: 60px;
    height: 4px;
}
#content .quadBlock {
    float: left;
    width: 366px;
    height: 452px;
    line-height: 445px;
    /* border-bottom: 2px dotted #dfd257;
    border-right: 2px dotted #f067a6; */
    background: url(../../gfx/lijnen/bg_prod_detail.gif) no-repeat bottom right;
    text-align: center;
    padding-top: 0px;
}
#content .quadBlock .image {
    width: 355px;
    height: 355px;
    margin-left: 5px;
    text-align: center;
}
#content .quadBlock .image img {
    vertical-align:middle;
}
#content .lineBar {
    clear: both;
    width: 712px;
    height: 25px;
    posituion: relative;
    top: -8px;
    
    margin-top: 0px;
    /* border-bottom: 2px dotted #dfd257; */
   background: #fff url(../../gfx/lijnen/hor_geel_4px.gif) repeat-x bottom;
    padding: 0 10px;
}
#content .lineBar h3 {
    font-style: italic;
}
#content #productDetail .productBlock .text {
    margin-top: 5px;
    padding-left: 0px;
    width: 169px;
    height: 151px;
    overflow: auto;
}
#content #productDetail .productBlock.noRightBorder {
    width: 173px;
    height: 222px;
}
#productBlockOther.productBlock.noBottomBorder {
    
}
#content #productDetail div.center {
    text-align: center;
    padding: 0px;
    width: 182px;
}
#content #productDetail .productBlock {
    text-align: left;
    padding: 5px;
    padding-bottom: 0px;
    width: 173px;
    height: 220px;
}
#content #productDetail .productBlock h3 {
    color: #e0d257;
    font-style: italic;
}
#content #productDetail .productBlock h3.anders {
    color: #f067a6;
}
#content #productDetail .productBlockOther {
    width : 183px !important;
    height: 224px;
    float: left;
    /* border-bottom: 2px dotted #dfd257;
    border-right: 2px dotted #f067a6; */
    background: url(../../gfx/lijnen/bg_product_block.gif) no-repeat bottom right;
    text-align: center;
}
#content #productDetail .productBlockOther.noBottomBorder {
    background: url(../../gfx/lijnen/bg_product_block_nb.gif) no-repeat bottom right;
}
#content #productDetail .productBlockOther.noRightBorder.noBottomBorder {
    background: #fff;
}
#content #productDetail .productBlockOther .image {
    margin-top: 6px;
    text-align: center;
    height: 160px;
    width: 173px;
}
#content #productDetail #prodPrice,
#content #productDetail #prodSubPrice {
    font-size: 20px;
    color: #707070;
}
#content #productDetail .productBlockOther .textSmall {
    float: left;
    height: 50px;
    width: 110px;
    padding: 5px;
    text-align: left;
    font-size :11px;
}
#content #productDetail .productBlockOther .buyLink {
    float: left;
    display: block;
    padding-top: 10px;
    width: 60px;
    height: 4px;
}
#content #frmMailFriend table tr td fieldset {
    margin-bottom: 20px;
    display: block;
    width: 400px;
}
#content #frmMailFriend table tr td fieldset legend {
    font-weight: bold;
    color: #ee3d97;

}
#content #frmMailFriend table tr td fieldset label {
    margin-left: 25px;
    font-size: 0.9em;
    display: block;
    width :100px;
    padding-top: 3px;
    float: left;
}
#content #frmMailFriend table tr td fieldset input, #content #frmMailFriend table tr td fieldset textarea {
    width :250px;
}
#content #frmMailFriend table tr td fieldset textarea {
    height: 75px;
}
.aanmeldForm th {
    width: 200px;
}
.aanmeldForm td .input_text {
    width: 150px;
}
.aanmeldForm td .date_input {
    width: 40px;
}
.aanmeldForm td, .aanmeldForm th {
    padding-bottom: 15px;
}
table.winkelmandje {
    margin: 0px;
    width: 733px;
}
table.winkelmandje th {
    height: 40px;
    vertical-align: bottom;
    font-weight: bold;
    padding-bottom: 4px;
    background: #fad5e5 url(../../gfx/lijnen/hor_geel_4px.gif) repeat-x bottom;
    /* border-bottom: 3px dotted #dfd257; */
}
table.winkelmandje tr.prodRow td {
    height: 48px;
    vertical-align: middle;
    /* border-bottom: 1px dotted #dfd257;
    border-right: 2px dotted #f067a6; */
    background: url(../../gfx/lijnen/bg_cart_row.gif) no-repeat bottom right;
}
table.winkelmandje tr.prodRow td.right {
    background: url(../../gfx/lijnen/bg_cart_row_nr.gif) no-repeat bottom right;
}
table.winkelmandje tr.prodRow.last td.right {
    background: #fff;
}
table.winkelmandje tr.prodRow.last td {
    background: url(../../gfx/lijnen/bg_cart_row_nb.gif) repeat-x bottom right;
}
table.winkelmandje tr.prodRow.last td.right {
    background: url(../../gfx/lijnen/bg_cart_row_nb_nr.gif) repeat-x bottom right;
}
table.winkelmandje tr.prodRow td.image {
    width: 50px;
    text-align: center;
    border-right: 0px;
}
table.winkelmandje tr.prodRow td.price {
    width: 90px;
    padding-right: 10px;
    text-align: right;
}
table.winkelmandje tr.prodRow td.center {
    text-align: center;
}
table.winkelmandje tr.prodRow td.right {
    border-right: 0px;
}
table.winkelmandje tr.last td {
}
table.winkelmandje tr.totalsRow td {
    height: 50px;
    vertical-align: middle;
    background: url(../../gfx/lijnen/bg_cart_row_nb_nr.gif) repeat-x bottom right;
}
table.winkelmandje tr.totalsRow td.large {
    text-align: right; 
    /*border-right: 2px dotted #f067a6; */
    background: url(../../gfx/lijnen/bg_cart_row_nb.gif) repeat-x bottom right; 
    font-weight: bold; 
    height: 50px; 
    padding-right: 10px;
}
table.winkelmandje tr.totalsRow td.price {
    padding-right: 10px;
    text-align: right;
    background: url(../../gfx/lijnen/bg_cart_row_nb_nr.gif) repeat-x bottom right; 
}

table.kassaInlogForm {
    width: 733px;
    font-size: 12px;
}
table.kassaInlogForm th {
    height: 36px;
    vertical-align: bottom;
    font-weight: bold;
    background: url(../../gfx/lijnen/bg_inlog_th.gif) no-repeat bottom right;
    padding-left: 15px;
    /* border-bottom: 3px dotted #dfd257;
    border-right: 3px dotted #f067a6; */
   padding-bottom: 4px;
}
table.kassaInlogForm th.right {
    background: url(../../gfx/lijnen/bg_inlog_th_nr.gif) no-repeat bottom right;
}
table.kassaInlogForm td {
    /*
    border-right: 3px dotted #f067a6;
    border-bottom: 3px dotted #dfd257;
    */
    background: url(../../gfx/lijnen/bg_prod_detail.gif) no-repeat bottom right;
}
table.kassaInlogForm td.right {
    background: url(../../gfx/lijnen/hor_geel_4px.gif) repeat-x bottom;
}
table.kassaInlogForm tr td table tr th,table.kassaInlogForm tr td table tr td {
    background: #fff;
    border: 0px;
    height: auto;
    font-weight: normal;
}
table.kassaInlogForm tr td table.orderOverview {
    width: 100%;
}
table.kassaInlogForm tr td table.orderOverview th {
    background: #eeeaab url(../../gfx/lijnen/hor_geel_4px.gif) repeat-x bottom;
    font-weight: bold;
    height: 30px;
}
table.kassaInlogForm tr td table.orderOverview td {
    border-bottom: 1px dashed #dfd257;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}
table.kassaInlogForm tr td table.orderOverview td.price {
    text-align: right;
}
table.kassaInlogForm tr td table.orderOverview td.noborder {
    border-bottom: 0px;
}

/** Gastenboek **/
.gebo_intro {
	padding:5px;
	margin-right:3px;
	background:url(../../gfx/lijnen/hor_geel_4px.gif) repeat-x bottom;
}
.gebo_intro .gebo_introtext {
	font-size:11px;
}
.gebo_intro .stuur_bericht {
	float:right;
	margin-right:5px;
	display:block;
	width:133px;
	height:105px;
	text-decoration:none;
	background-image:url(../../gfx/btn_stuurbericht.jpg);
	background-repeat:no-repeat;
}
.gebo_intro .stuur_bericht:hover {
	background-image:url(../../gfx/btn_stuurbericht_over.jpg);
}
.gebo_message {
	margin:10px;
	margin-right:15px;
	background:url(../../gfx/lijnen/hor_geel_2px.gif) repeat-x bottom;
}
.gebo_message .gebo_text {
	padding:10px;
	font-size:11px;
}
.gebo_intro .geboForm th {
	vertical-align:top;
}