* {margin: 0; padding: 0; font-size: 0; font-family: Arial, Helvetica, sans-serif; line-height: 0; border: 0; color: #003275; text-align: left; text-decoration: none;}

/* basic styles */
html, body {max-height: 650px; height: 100% !important; height: 650px;}
body {background: #fff; text-align: center; min-width: 895px; background: #ffffff;}

div {position: relative;}
div.hr {height: 0px; border-top: 1px solid #f39912; padding: 0 0 10px 0;}
div.hr_double {height: 0px; border-top: 2px solid #f39912; padding: 0 0 10px 0;}

p, td, th, input.text, input.text.faded, select, option, textarea, li, legend {font-size: 12px; line-height: 1.3em;}
p, h1, h2 {padding-bottom: 10px;}

span, a, label {font-size: 1em; line-height: 1.3em;}

.center {text-align: center;}
.right {text-align: right;}

.error {color: #f31212;}
.succes {color: #1d7500;}

.b, .error, .succes {font-weight: bold;}
.i {font-style: italic;}
.u {text-decoration: underline;}

.large {font-size: 14px; line-height: 1.3em;}
.small {font-size: 10px; line-height: 1.6em;}

table {border-style: solid; border-color: transparent;}
table.center {margin: 0 auto;}
th, td {vertical-align: top; padding: 0 10px 5px 0;}
th.right, td.right {padding: 0 0 5px 10px;}
th.image, td.image {font-size: 0; line-height: 0; padding: 0 0 5px 0;}
th.image img, td.image img {margin: 0 5px 0 0;}
td.hr {font-size: 0; line-height: 0; border-bottom: 1px solid #f39912;}
td.nowrap {white-space: nowrap;}
td.box {padding: 0; font-size: 0; line-height: 0;}

h1 {font-size: 14px; line-height: 1.3em; font-weight: bold; text-transform: uppercase;}
h1.kop {font-size: 14px; line-height: 1.3em; font-weight: bold; color: #003275; background: #f39912; text-transform: uppercase; padding: 5px 10px; border-width: 0 0 10px 0; border-style: solid; border-color: #fff;;}
h1.orange {color: #f39912;}
h1.large {font-size: 32px;}
h2 {font-size: 12px; line-height: 1.3em; font-weight: bold; text-transform: uppercase;}
h2.large {font-size: 14px;}

a {cursor: pointer; color: #491966; text-decoration: underline;}
a:hover {color: #f39912;}
a.image {font-size: 0; line-height: 0;}
a.name {cursor: text; text-decoration: none; color: #003275;}

input.text, textarea, select {border: 1px solid #a7a6aa; color: #333333; font-size: 12px;}
input.text, input.text.faded {height: 20px; padding: 3px 3px 0 3px; background: url('images/layout_vuurbaak/input.gif') repeat-x 0 0;}
input.text.faded {border: 1px solid #a7a6aa; color: #737373;}
textarea {padding: 0 3px;}
select {height: 25px; line-height: 25px; padding: 1px; background: url('images/layout_vuurbaak/input.gif') repeat-x 0 0;}
select.stretch {width: 505px;}
option {padding: 2px 3px; color: #333333; font-size: 12px;}
option.faded {color: #737373;}

fieldset {border: 1px solid #f39912; padding: 10px 10px 0 10px; margin: 0 0 10px 0;}
legend {font-weight: bold; color: #003275; padding: 0 5px;}

img.link {cursor: pointer;}
img.left {padding: 0 10px 10px 0; float: left;}
img.center {display: block; margin: 0 auto; padding: 0 0 10px 0;}
img.right {padding: 0 0 10px 10px; float: right;}
/*img.cart {border: 1px solid #003275;}*/
/* /basic styles */

/* specific layout styles */
div#html {min-height: 100%; height: auto !important; height: 100%; width: 895px; text-align: left; margin: 0 auto -25px auto; background: url('images/layout_vuurbaak/background.gif') repeat-y 50% 50%;}
div#html:after {content: ".";	display: block;	height: 0; clear: both; visibility: hidden;}

div#top {height: 80px; width: 895px; background: #fff;}
  div#logo {position: absolute; height: 52; width: 192px; top: 17px; left: 0;}
  div#menu_top {position: absolute; top: 10px; right: 180px;}
    div#menu_top p {font-size: 12px; font-weight: bold;}
    div#menu_top p a {font-weight: bold; color: #f39912; text-decoration: none;}
    div#menu_top p a:hover {color: #003275;}
    div#menu_top p a.sel {color: #003275;}
    div#menu_top p img {vertical-align: bottom;}
  div#menu_left {position: absolute; top: 53px; left: 210px;}
    div#menu_left p {font-size: 12px; font-weight: bold;}
    div#menu_left p a {font-weight: bold; color: #f39912; text-decoration: none;}
    div#menu_left p a:hover {color: #003275;}
    div#menu_left p a.sel {color: #003275;}
    div#menu_left p img {vertical-align: bottom;}
  div#menu_right {position: absolute; top: 53px; right: 180px;}
    div#menu_right p {font-size: 12px; font-weight: bold;}
    div#menu_right p a {font-weight: bold; color: #003275; text-decoration: none;}
    div#menu_right p a:hover {color: #f39912;}
    div#menu_right p a.sel {color: #f39912;}
    div#menu_right p img {vertical-align: bottom;}
  div#cart_short {position: absolute; top: 8px; right: 5px;}
    div#cart_short p {text-align: right; font-size: 12px;}
  div#to_cart {position: absolute; height: 27px; width: 31px; top: 44px; right: 5px;}
 
div#container {margin: 0 auto;}

div#left {width: 195px; float: left; padding: 0; overflow: hidden; padding: 5px 0 157px 0;}
  div#left h2 {font-size: 14px; font-weight: bold; text-transform: uppercase; color: #f39912; padding: 5px 10px 0 10px;}
  div#left h2 a {color: #f39912;}
  div#left h2 a:hover {color: #003275;}
  div#left p {font-size: 12px; padding: 0 10px 10px 10px;}
  div#left p.b, div#left p.i {font-size: 12px; padding: 0 10px 0 10px;}
  div#left a {color: #003275; text-decoration: none;}
  div#left a:hover {color: #f39912; text-decoration: underline;}
  div#left div.image {padding: 5px 0 5px 10px;}
  div#left div.image img {background: #e3e4ef; border: 1px solid #003275;}

div#center {width: 520px; float: left; display: inline; padding: 0 0 0 15px;}
  div#subcenter {width: 505px;}
  div#subcenter table {border-width: 0 0 5px 0;}
  div#subcenter div.image {padding-bottom: 10px;}

  div#subcenter div.background {width: 465px; height: 220px; overflow: hidden; padding: 20px;}
    div#subcenter div.background img {padding: 0 5px 5px 0;background: url('images/layout_vuurbaak/shadow.png') no-repeat 100% 100%;}
    div#subcenter div.background h1 {padding: 0 5px 5px 30px; color: #ffffff;}
    div#subcenter div.background h1.triple {padding: 0 5px 5px 0; color: #ffffff; text-transform: none; font-size: 15px; text-align: left;}
    div#subcenter div.background h2 {padding: 0 5px 5px 30px; color: #ffffff; font-size: 11px;}
    div#subcenter div.background p {padding: 0 5px 5px 30px; color: #ffffff; font-size: 11px;}
    div#subcenter div.background table {margin: 0 auto; border: 0;}
    div#subcenter div.background td {width: 33%; text-align: left;}
    div#subcenter div.background div.image {padding: 0 0 15px 0;}
    
  div#subcenter div.theme {width: 465px; height: 260px; overflow: hidden; padding: 20px;}  
    div#subcenter div.theme img {padding: 0 5px 5px 0;background: url('images/layout_vuurbaak/shadow.png') no-repeat 100% 100%;}
    div#subcenter div.theme h1 {padding: 0 5px 5px 0; color: #ffffff;}
    div#subcenter div.theme h1.triple {padding: 0 5px 5px 0; color: #ffffff; text-transform: none; font-size: 15px; text-align: left;}
    div#subcenter div.theme h2 {padding: 0 5px 5px 0; color: #ffffff;}
    div#subcenter div.theme p {padding: 0 5px 5px 0; color: #ffffff;}
    div#subcenter div.theme table {margin: 0 auto; border: 0;}
    div#subcenter div.theme td {width: 33%; text-align: left;}
    div#subcenter div.theme div.image {padding: 0 0 15px 0;}

    div#subcenter table.stretch {width: 505px;}
    div#subcenter table.stretch td {padding: 0 5px 5px 0;}
    div#subcenter table.search {width: 505px;}
    div#subcenter table.search td {padding: 0 10px 5px 0; vertical-align: middle;}

    div#subcenter tr.header_color th {padding: 10px 5px; color: #ffffff; background: #f39912; border-width: 0 0 5px 0; border-color: #fff; border-style: solid;}
    div#subcenter tr.header_color th a {color: #ffffff; text-decoration: none;}
    div#subcenter tr.header_color th a:hover {text-decoration: underline;}
    div#subcenter tr.line td, div#subcenter tr.bg td {font-weight: bold; padding: 5px; border-width: 0 0 1px 0; border-color: #003275; border-style: solid;}
    div#subcenter tr.themerow td, div#subcenter tr.themerowline td {padding: 5px; font-weight: bold;}
    div#subcenter tr.themerowline td {padding: 5px; border-width: 0 0 1px 0; border-color: #003275; border-style: solid;}
    div#subcenter table#catalog td.nav {padding: 5px 0 5px 0; text-align: center;}
    div#subcenter table#catalog td.cart {padding: 5px 5px 5px 0; text-align: right;}
    div#subcenter table#catalog td.cart a {color: #f39912; text-decoration: none;}
    div#subcenter table#catalog td.cart a:hover {color: #003275; text-decoration: underline;}
    div#subcenter table#catalog td.cart img {padding: 5px 0 0 0;}
    div#subcenter table#catalog td.title a, div#subcenter table#catalog td.title a {color: #003275; text-decoration: none;}
    div#subcenter table#catalog td.title a:hover, div#subcenter table#catalog td.title a:hover {text-decoration: underline;}
    div#subcenter table.stretch td.title a, div#subcenter table.stretch td.title a {color: #003275; text-decoration: none;}
    div#subcenter table.stretch td.title a:hover, div#subcenter table.stretch td.title a:hover {text-decoration: underline;}
    div#subcenter table.stretch th.total, div#subcenter table.stretch td.total {padding: 5px 0 5px 10px; text-align: right;}
    div#subcenter table.stretch td.right {padding: 5px 0 5px 10px; text-align: right;}
    div#subcenter span.auteur {color: #f39912; font-weight: normal;}
    
    div#subcenter table#detail {width: 465px;}
    div#subcenter table#detail td {width: 50%; text-align: left; color: #ffffff;}
    div#subcenter table#detail td.large {padding: 0 15px 0 0; text-align: right;}
    div#subcenter table#detail h1 {color: #ffffff; padding: 0 0 5px 0;}
    div#subcenter table#detail h2 {color: #ffffff; padding: 0 0 10px 0;}
    div#subcenter table#detail p {color: #ffffff; padding: 0 0 15px 0;}
    div#subcenter table#detail table {margin: 0;}
    div#subcenter table#detail td.price {padding: 0 0 5px 0; font-size: 14px; font-weight: bold; color: #ffffff; vertical-align: bottom; text-align: left;}
    div#subcenter table#detail td.incart {padding: 0 0 5px 0; font-size: 0; line-height: 0; vertical-align: bottom; text-align: right;}
    div#subcenter table#detail td.incart img {padding: 0; background: none;}
    
    div#subcenter table.box {border-width: 0; width: 505px;}
    div#subcenter table.box td.box {font-size: 0; line-height: 0; padding: 0;}
    div#subcenter table.box p.meer, div#subcenter table.box p.meer_on {text-align: right;}
    div#subcenter table.box p.meer a {font-weight: bold; color: #f39912; text-decoration: none;}
    div#subcenter table.box p.meer_on a {color: #003275; font-weight: bold; text-decoration: none;}
    div#subcenter table.box p.meer a:hover, div#subcenter table.box p.meer_on a:hover {text-decoration: underline;}
        
    div#subcenter table.box div.hr_meer {width: 50px;}

div#right {width: 165px; float: left; padding: 10px 0 0 0; overflow: hidden;}
  div#right h2 {font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 5px 10px 5px 10px;}
  div#right h2 a {color: #003275; text-decoration: none;}
  div#right h2 a:hover {color: #f39912; text-decoration: underline;}
  div#right p {font-size: 12px; padding: 0 10px 10px 10px;}
  div#right table {border-width: 0 10px 5px 10px;}
  div#right div.input {padding: 0 10px 5px 10px;}
  div#right div.image {padding: 0 10px 10px 10px;}
  div#right input.text, div#right input.text.faded {width: 137px;}

  table.carrousel {border-width: 0 5px 5px 5px; border-collapse: separate;}
  td.carrousel_img {font-size: 0; line-height: 0; padding: 0 5px 5px 5px; width: 155px;}
    td.carrousel_img img {padding: 0 5px 5px 0; background: url('images/layout_vuurbaak/shadow.png') no-repeat 100% 100%;}
  td.carrousel_top {font-weight: bold; padding: 5px 5px 0 5px; width: 155px; text-transform: uppercase; color: #f39912;}
  td.carrousel_txt {font-size: 12px; line-height: 1.3em; padding: 0 5px 5px 5px; width: 155px;}
  td.carrousel_txt a {color: #003275; text-decoration: none;}
  td.carrousel_txt a:hover {color: #f39912; text-decoration: underline;}
  td.carrousel_fil {width: 155px; font-size: 0; line-height: 0; padding: 5px;}
  td.carrousel_hor_space {width: 10px; font-size: 0; line-height: 0; padding: 0;}
  td.carrousel_ver_space {height: 10px; font-size: 0; line-height: 0; padding: 0;}

div#html_push {clear: both; height: 25px;}

div#footer {width: 895px;	height: 25px; margin: 0 auto; z-index: 10;}
  div#footerleft {position: absolute; bottom: 0; left: 0; width: 195px; height: 160px; background: #fff;}
    div#leftbanner {position: absolute; bottom: 147px; left: 0; width: 195px; background: #ffffff; padding: 15px 0 0 0;}
    div#leftbanner p {padding: 0 0 15px 0; font-size: 0; line-height: 0;}
    div#leftbanner img {padding: 0 0 15px 0;}
    div#nieuwsbrief {position: absolute; bottom: 87px; left: 0; width: 195px; height: 60px; background: #f39912;}
      div#nieuwsbrief p {font-weight: bold; font-size: 11px; padding: 6px 10px; text-transform: uppercase;}
      div#nieuwsbrief div.image {padding: 0 10px;}
    div#adres {position: absolute; top: 75px; left: 0; width: 195px; height: 82px; background: url('images/layout_vuurbaak/address.gif') no-repeat 0 0;}
      
  div#footerlock {position: absolute; right: 165px; top: 0; width: 25px; height: 25px; z-index: 50;}
  div#footerlinks {position: absolute; right: 190px; top: 0; height: 25px;}
  div#footerlinks p {height: 25px; font-size: 10px; line-height: 25px; padding: 0; text-align: right;}
  div#footerlinks p a {line-height: 25px; color: #a7a6aa; text-decoration: none;}
  div#footerlinks p a:hover {color: #f39912; text-decoration: underline;}
  div#footerlockwhite {display: none;}
  div#footerlinkswhite {display: none;}

div.popup {position: absolute; z-index: 50; visibility: hidden; display: none; border: 2px solid #003275; background: #e3e4ef; overflow: auto; padding: 10px 0 0 0;}
  div.popup p {padding: 0 10px 10px 10px;}
  div.popup table {border-style: solid; border-color: transparent; border-width: 0 10px 7px 10px;}
  div.popup table.center {margin: 0 auto;}
  div.popup table th, div.popup table td {padding: 0 5px 3 5px;}
  div.popup table td.image {font-size: 0; line-height: 0; padding: 0 5px 3px 5px;}
  div.popup table td.thumb {width: 130px; border: 1px solid #003275; background: #ffffff; text-align: center; padding: 5px;} /* font-size: 0; line-height: 0; */
  div.popup div.hr {height: 0; border-top: 1px solid #f39912; margin: 0 10px 10px 10px;}

div.hover {position: absolute; display: none; z-index: 50; border: 1px solid #f39912; background: #e3e4ef; overflow: auto; width: 250px; padding: 5px 0 0 0;}
  div.hover p {font-size: 11px; line-height: 1.3em; padding: 0 5px 5px 5px;}

/* ##### INTERNETKASSA ##### */
/* algemeen */
div#subcenter table.ncoltable1, div#subcenter table.ncoltable2, div#subcenter table.ncoltable3 {border-width: 1px; border-style: solid; border-color: #003275; background: #e3e4ef; margin: 0 0 10px 0; width: 505px;}
div#subcenter table.ncoltable1 td, div#subcenter table.ncoltable2 td, div#subcenter table.ncoltable3 td {padding: 3px; vertical-align: middle; background: #e3e4ef;}

div#subcenter small, div#subcenter b, div#subcenter input, div#subcenter h3, div#subcenter label {font-size: 13px; line-height: 18px;}
div#subcenter h3 {font-weight: bold; font-style: italic; text-align: center; color: #003275;}

div#subcenter td.ncoltxtc {text-align: center;}

div#subcenter center table {width: 125px; margin: 0 auto;}
div#subcenter center table td {text-align: center;}
div#subcenter center table form {text-align: center; width: 125px;}

/* table.ncoltable1 */
div#subcenter td.ncoltxtl {text-align: right;}
div#subcenter td.ncoltxtr {text-align: left;}

/* table.ncoltable2 */
div#subcenter td.ncolline1 {}
div#subcenter table.ncoltable2 td.ncolh1 {background: #003275; color: #fff; text-align: center; font-weight: bold;}
div#subcenter table.ncoltable2 td.ncolh1 small, div#subcenter td.ncolh1 b {color: #fff; font-weight: bold;}
div#subcenter table.ncoltable2 td.ncoltxtc {background: #003275; color: #fff; font-weight: bold;}
div#subcenter table.ncoltable2 td.ncoltxtc small, td.ncoltxtc b {color: #fff; font-weight: bold;}

div#subcenter td.ncolinput {}
div#subcenter td.ncolinput input {height: 20px; border: 1px solid #003275; font-weight: bold;}

/* table.ncoltable3 */
div#subcenter td.ncollogoc {text-align: center;}

table#iDealTbl input.ncol {cursor: pointer; background: url('http://www.vuurbaak.nl/nl/nl_images_vuurbaak/verder.gif') repeat-x 0 0; width: 120px; height: 25px; display: block; font-size: 0; line-height: 0; text-indent: -999px;}
table#iDealTbl input.ncol:hover {background: url('http://www.vuurbaak.nl/nl/nl_images_vuurbaak/verder_on.gif') repeat-x 0 0;}

form#form3 input.ncol {cursor: pointer; background: url('http://www.vuurbaak.nl/nl/nl_images_vuurbaak/annuleren.gif') repeat-x 0 0; width: 120px; height: 25px; display: block; font-size: 0; line-height: 0; text-indent: -999px;}
form#form3 input.ncol:hover {background: url('http://www.vuurbaak.nl/nl/nl_images_vuurbaak/annuleren_on.gif') repeat-x 0 0;}

/* overigen / onbekend ... */
div#subcenter td.ncoltxtl2 {text-align: right;}

div#subcenter td.ncollogol {text-align: right;}
div#subcenter td.ncollogor {text-align: left;}

div#subcenter td.ncoltxtmessage {color: #ffffff; text-align: left;}

div#subcenter td.ncolline2 {}
/* ##### EINDE INTERNETKASSA ##### */

div.content_div {display: block;}
div.content_div_hidden {display: none;}

div#tagcloudbox {padding: 0 10px;}

p.share {text-align: right; font-size: 0; line-height: 0;}
p.share img {margin: 0 0 0 5px;}