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

/* basic styles */
html, body {height: 100.1%;}
body {background: #ffffff url('images/layout/background.gif') repeat-x; text-align: left; min-width: 982px;}

div {position: relative;}
div.hr {height: 0px; border-top: 2px solid #bee5f4;}

p, td, th, input.text, input.text_faded, select, option, textarea, li, legend {font-size: 13px; 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: #ed2a24;}
.succes {color: #1ec52d;}

.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: 11px; 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 #bee5f4;}
td.nowrap {white-space: nowrap;}
td.box {padding: 0; font-size: 0; line-height: 0;}

h1 {font-size: 17px; line-height: 1.3em; font-weight: bold; color: #1e97c5;}
h2 {font-size: 15px; line-height: 1.3em; font-weight: bold; color: #1e97c5;}

a {cursor: pointer; color: #1e97c5; text-decoration: underline;}
a:hover {color: #ed7824;}
a.image {font-size: 0; line-height: 0;}
a.name {cursor: text; text-decoration: none; color: #333333;}

input.text, textarea, select {border: 1px solid #a7a6aa; color: #333333;}
input.text, input.text_faded {height: 16px; padding: 2px 3px 0 3px;}
input.text_faded {border: 1px solid #a7a6aa; color: #737373;}
textarea {padding: 0 3px;}
select {height: 20px; padding: 1px;}
select.multiple {height: auto !important;}
option {padding: 2px 3px; color: #333333;}
option.faded {color: #737373;}

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

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

/* specific layout styles */
div#html {min-height: 100%; height: auto !important; height: 100%; width: 982px; text-align: left; margin: 0 auto -30px auto;}
div#html:after {content: ".";	display: block;	height: 0; clear: both; visibility: hidden;}

div#header {z-index: 10; top: 0; left: 0; width: 980px; padding: 8px 0 16px 0; margin: 0 auto;}

div#topmenu {z-index: 10; top: 0; left: 0; width: 982px; height: 50px; padding: 0; background: url('images/layout/menu.gif') repeat-x 0 0; margin: 0 auto;}
  div#topmenu_left {position: absolute; top: 0; left: 0; height: 42px; width: 12px; background: url('images/layout/menu_left.gif') no-repeat 0 0;}
  div#topmenu_right {position: absolute; top: 0; right: 0; height: 42px; width: 12px; background: url('images/layout/menu_right.gif') no-repeat 0 0;}
  div#topmenu p {color: #ffffff; padding: 11px 0 0 11px; font-size: 16px; font-weight: bold;} 
  div#topmenu a {color: #ffffff; text-decoration: none;}
  
div#container {margin: 0; min-height: 500px; height: auto !important; height: 500px;}

div#leftbox {width: 200px; float: left; padding: 0; overflow: hidden;}
  div#left {width: 200px;}
  div#left h2 {height: 25px; color: #000000; font-size: 13px; background: url('images/layout/kopje.gif') no-repeat 0 0; padding: 4px 0 0 5px;}
  div#left p {padding: 0 15px 5px 5px; line-height: 1.5em;}
  div#left div.hr {padding: 0 0 0 0; border-color: #bee5f4;}
  div#left div#menu {padding: 0 15px 5px 5px;}
  div#left div#left_menu {padding: 0 0 9px 5px;} /* 9 + 1 uit menu-item = 10 */
  div#left div#left_menu div.hr {padding: 5px 0 0 0; border-top: 0; border-bottom: 1px solid #ffffff; margin: 0 5px;}
  div#left table {border-width: 0 15px 5px 5px;}
  div#left table td {line-height: 1em; padding: 0 5px 5px 0;}

div#center {width: 550px; float: left; display: inline; padding: 0 15px 0 15px;}
  div#subcenter {}
  div#subcenter h1 {height: 27px; color: #000000; font-size: 13px; background: url('images/layout/h1.gif') no-repeat 0 0; padding: 4px 0 0 5px;}
  div#subcenter table {border-width: 0 0 5px 0;}
  div#subcenter table.box {border-width: 0 0 10px 0; border-style: solid; border-color: #e5f8fe; width: 550px;}
  div#subcenter td.box {padding: 0; width: 550px;}
  div#subcenter div.hr {padding: 0 0 10px 0;}
  div#subcenter div.image {padding: 0 0 8px 0;}
  div#subcenter ul {padding: 0 0 5px 15px;}
  div#subcenter li {list-style-position: outside; padding-bottom: 5px;}

div#rightbox {width: 200px; float: left; padding: 0; overflow: hidden;}
  div#right {width: 200px;}
  div#right h2 {height: 27px; color: #000000; font-size: 13px; background: url('images/layout/kopje.gif') no-repeat 0 0; padding: 4px 0 0 5px;}
  div#right p {padding: 0 15px 5px 5px; line-height: 1.5em;}
  div#right p.links a {display: block; padding: 0 0 0 20px; color: #333333; line-height: 1.5em; background: url('images/layout/menu_item.gif') no-repeat 0 4px; text-decoration: none;}
  div#right p.links a:hover {text-decoration: underline; color: #ed7824; background: url('images/layout/menu_item_on.gif') no-repeat 0 4px;}
  div#right div.hr {height: 5px; padding: 0; border-color: #bee5f4;}
  div#right table {border-width: 0 15px 5px 0;}
  div#right table td {line-height: 1em; padding: 0 5px 5px 0;}

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

div#footer {width: 980px;	height: 30px; margin: 0 auto; background: #ffffff url('images/layout/footer.gif') no-repeat 0 0; z-index: 10; border-top: 4px solid #b2e1f3;}
  div#footer p {font-size: 13px; padding: 3px 0 0 5px; font-weight: bold;}
  div#footer p a {color: #000000; text-decoration: none;}
  div#footer p a:hover {color: #f99504; text-decoration: underline;}
/* /specific layout styles */

/* catalog layout styles */
div#subcenter table#catalog_top {width: 550px;}

div#subcenter table#catalog {border-width: 0 0 10px 0; width: 550px;}
div#subcenter table#catalog td.nav {background: #e1f5fe; text-align: center; border: 1px solid #1e97c5; padding: 5px;}

div#subcenter table#catalog td.thumb_cols_img {padding: 5px; width: 100px; background: #ffffff; border: 1px solid #1e97c5; border-bottom: 0; text-align: center; font-size: 0; line-height: 0;}
div#subcenter table#catalog td.thumb_cols_content {padding: 5px; background: #e1f5fe; border-left: 1px solid #1e97c5; border-right: 1px solid #1e97c5; border-top: 1px solid #94d5ed; text-align: center;}
div#subcenter table#catalog td.thumb_cols_bottom {padding: 0 5px 3px 5px; background: #e1f5fe; border: 1px solid #1e97c5; border-top: 0; text-align: center; color: #ed2a24; font-weight: bold;}
div#subcenter table#catalog td.thumb_cols_bottom img {margin: 5px 0 0 3px;}
div#subcenter table#catalog td.thumb_cols_empty {padding: 5px; width: 100px;}

div#subcenter table#catalog td.hor_line {font-size: 0; line-height: 0; height: 5px; padding: 0;}
div#subcenter table#catalog td.ver_line {font-size: 0; line-height: 0; width: 5px; padding: 0;}

div#subcenter table#detail td.large {padding: 0 10px 5px 0; font-size: 0; line-height: 0;}
div#subcenter table#detail td.large img {padding: 10px; background: #ffffff url('images/layout/gradient.gif') repeat-x 0 0; border: 1px solid #1e97c5;}
div#subcenter table.inline {border-width: 0;}
div#subcenter table.inline th, table.inline td {padding: 0 10px 5px 0;}
div#subcenter table.inline td.image {padding: 0;}

div#subcenter table.stretch {min-width: 550px; width: auto !important; width: 550px;}
div#subcenter table.stretch th.total, div#subcenter table.stretch td.total {text-align: right; padding: 0 0 5px 0;}
/* /catalog layout styles */

div.popup {position: absolute; z-index: 50; visibility: hidden; display: none; border: 2px solid #772432; background: #e1f5fe; 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 8px 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 #1e97c5; background: #ffffff; text-align: center; padding: 5px;} /* font-size: 0; line-height: 0; */
  div.popup table td.thumb img {max-width: 120px; width: auto !important; width: 120px; max-height: 120px; height: auto !important; height: 120px;}
  div.popup div.hr {height: 0; border-top: 1px solid #1e97c5; margin: 0 10px 10px 10px;}

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

/* menu */
.len2_end, .len2_end_sel, .len2_sel, .len2 {padding: 1px 0 1px 0px;}
.len4_end, .len4_end_sel, .len4_sel, .len4 {padding: 1px 0 1px 10px;}
.len6_end, .len6_end_sel, .len6_sel, .len6 {padding: 1px 0 1px 20px;}
.len8_end, .len8_end_sel, .len8_sel, .len8 {padding: 1px 0 1px 30px;}
.len10_end, .len10_end_sel, .len10_sel, .len10 {padding: 1px 0 1px 40px;}

.len2_end a, .len2_end_sel a, .len2_sel a, .len2 a, .len4_end a, .len4_end_sel a, .len4_sel a, .len4 a, .len6_end a, .len6_end_sel a, .len6_sel a, .len6 a, .len8_end a, .len8_end_sel a, .len8_sel a, .len8 a, .len10_end a, .len10_end_sel a, .len10_sel a, .len10 a {display: block; padding: 2px 0; color: #000000; font-size: 13px; line-height: 1.3em; background: url('images/layout/menu_item.gif') no-repeat 0 5px; padding: 0 0 0 20px;}

.len2_end a, .len4_end a, .len6_end a, .len8_end a, .len10_end a {text-decoration: none; color: #000000; background: url('images/layout/menu_item.gif') no-repeat 0 5px;}
.len2_end a:hover, .len4_end a:hover, .len6_end a:hover, .len8_end a:hover, .len10_end a:hover {text-decoration: underline; color: #ed7824; background: url('images/layout/menu_item_on.gif') no-repeat 0 5px;}
.len2_end_sel a, .len4_end_sel a, .len6_end_sel a, .len8_end_sel a, .len10_end_sel a {text-decoration: none; font-weight: bold; color: #ed7824; background: url('images/layout/menu_item_on.gif') no-repeat 0 5px;}
.len2_end_sel a:hover, .len4_end_sel a:hover, .len6_end_sel a:hover, .len8_end_sel a:hover, .len10_end_sel a:hover {text-decoration: underline; color: #ed7824; background: url('images/layout/menu_item_on.gif') no-repeat 0 5px;}

.len2 a, .len4 a, .len6 a, .len8 a, .len10 a {text-decoration: none; color: #000000; background: url('images/layout/menu_item_plus.gif') no-repeat 0 5px;}
.len2 a:hover, .len4 a:hover, .len6 a:hover, .len8 a:hover, .len10 a:hover {text-decoration: underline; color: #ed7824; background: url('images/layout/menu_item_plus_on.gif') no-repeat 0 5px;}
.len2_sel a, .len4_sel a, .len6_sel a, .len8_sel a, .len10_sel a {text-decoration: none; font-weight: bold; color: #ed7824; background: url('images/layout/menu_item_on.gif') no-repeat 0 5px;}
.len2_sel a:hover, .len4_sel a:hover, .len6_sel a:hover, .len8_sel a:hover, .len10_sel a:hover {text-decoration: underline; color: #ed7824; background: url('images/layout/menu_item_on.gif') no-repeat 0 5px;}

/* tips layout styles */
div#subcenter table.carrousel {border-collapse: separate; border-width: 0 0 10px 0; margin: 0 auto; width: 550px;}
div#subcenter td.carrousel_top {font-weight: bold; text-align: center; padding: 5px 5px 0 5px; width: 210px; background: #e1f5fe; border: 1px solid #1e97c5; border-bottom: 0;}
div#subcenter td.carrousel_img {font-size: 0; line-height: 0; text-align: center; padding: 5px; width: 210px; background: #e1f5fe; border-left: 1px solid #1e97c5; border-right: 1px solid #1e97c5;}
div#subcenter td.carrousel_img img {background: #ffffff; padding: 10px; border: 1px solid #94d5ed;}
div#subcenter td.carrousel_txt {font-size: 13px; line-height: 1.3em; text-align: center; padding: 0 5px 5px 5px; width: 210px; background: #e1f5fe; border: 1px solid #1e97c5; border-top: 0;}
div#subcenter td.carrousel_fil {width: 210px; font-size: 0; line-height: 0; padding: 5px;}
div#subcenter td.carrousel_hor_space {width: 5px; font-size: 0; line-height: 0; padding: 0;}
div#subcenter td.carrousel_ver_space {height: 5px; font-size: 0; line-height: 0; padding: 0;}
/* /tips layout styles */

div#subcenter table.admin_menu {border-bottom: 10px; border-color: transparent; border-style: solid;}
table.admin_menu td {padding-top: 4px; padding-right: 10px; padding-bottom: 1px;}
table.admin_menu td a {padding-top: 0px; background-position: 5px 5px;}
table.admin_menu td a:hover {padding-top: 0px; background-position: 5px 5px;}
table.admin_menu td.padding2 {padding-left: 5px;}
table.admin_menu td.padding4 {padding-left: 15px;}
table.admin_menu td.padding6 {padding-left: 25px;}
table.admin_menu td.padding8 {padding-left: 35px;}
table.admin_menu td.padding10 {padding-left: 45px;}

/* ##### INTERNETKASSA ##### */
/* algemeen */
div#subcenter table.ncoltable1, div#subcenter table.ncoltable2, div#subcenter table.ncoltable3 {border: 1px solid #000000; background: #e1f5fe; margin: 0 0 10px 0; width: 550px;}
div#subcenter table.ncoltable1 td, div#subcenter table.ncoltable2 td, div#subcenter table.ncoltable3 td {padding: 5px; vertical-align: middle; background: #e1f5fe;}

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

td.ncoltxtc {text-align: center;}

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

/* table.ncoltable1 */
td.ncoltxtl {text-align: right;}
td.ncoltxtr {text-align: left;}
td.ncoltxtl p, td.ncoltxtr p {padding: 0 5px;}

/* table.ncoltable2 */
div#subcenter td.ncolline1 {}
div#subcenter table.ncoltable2 td.ncolh1 {background: #1e97c5; 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: #1e97c5; color: #fff; font-weight: bold;}
div#subcenter table.ncoltable2 td.ncoltxtc small, div#subcenter td.ncoltxtc b {color: #fff; font-weight: bold;}

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

/* table.ncoltable3 */
td.ncollogoc {text-align: center;}
td.ncollogoc table {border-color: #e1f5fe;}
input.ncol {background: #1e97c5; color: #ffffff; text-align: center; padding: 3px; border: 1px solid #1e97c5; font-weight: bold;}
input.ncol:hover {background: #ed7824; border-color: #ed7824;}

a.bottom {font-size: 11px;}

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

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

td.ncoltxtmessage {color: #eef7d4; text-align: left;}

td.ncolline2 {}

/* for Direct Debit payments */
.DDtxt {text-align: left; font-weight: normal; color: #fff;}
span#rfbt {color: #fff;}

div#subcenter .DDlabel {text-align: left; margin-left: 4px; font-weight: normal; padding: 0 5px;}
.DDdata {font-weight: normal;}
.MKtxt {text-align: left; font-weight: bold; margin-left: 2px;}
.MKlabel {text-align: left; margin-left: 4px; font-weight: normal; font-style: italic;}
td.ncoltxtr p.MKlabel {}
.MKdata {font-weight: normal;}
.DDimp {font-weight: bold; margin-left: 2px; text-align: left;}
.DDsection {font-weight: bold; text-align: left; margin-top: 1px;}

/* for Bank Transfer */
span#rfbt {color: #000000;}
p.DDtxt {font-weight: normal;}
p.DDtxt span#rfbt {color: #ffffff;}
td.ncoltxtc p small label {color: #ffffff; font-weight: normal;}
div#subcenter table.ncoltable2 p.DDtxt {color: #ffffff;}
/* ##### EINDE INTERNETKASSA ##### */