@font-face { 
	font-family: Delicious-Roman;
	src: url('../plugins/cufon/free/delicious-123/delicious-roman-webfont.eot');
	src: local('☺'),
	url('../plugins/cufon/free/delicious-123/delicious-roman-webfont.woff') format('woff'), 
	url('../plugins/cufon/free/delicious-123/delicious-roman-webfont.ttf') format('truetype'), 
	url('../plugins/cufon/free/delicious-123/delicious-roman-webfont.svg#webfont0BGhKrml') format('svg');
	}
@font-face { 
	font-family: HarabaraHand;
	src: url('../plugins/cufon/free/HarabaraHand/HarabaraHand-webfont.eot');
	src: local('☺'),
	url('../plugins/cufon/free/HarabaraHand/HarabaraHand-webfont.woff') format('woff');
	}
@font-face {
	font-family: 'ChopinScriptRegular';
	src: url('../plugins/cufon/free/ChopinScript-webfont.eot');
	src: local('☺'), url('../plugins/cufon/free/ChopinScript-webfont.woff') format('woff'), url('../plugins/cufon/free/ChopinScript-webfont.ttf') format('truetype'), url('../plugins/cufon/free/ChopinScript-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* static START */
* { margin: 0; padding: 0; outline: none medium }
body, html  { height: 100% }
body { color: #7c8d95; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 18px; background-color: #000; background-image: url("../data/achtergronden/springboard.png"); background-attachment: fixed; background-position: center bottom; text-align: left; border: solid 0 #b15 }
body.scrollbar  { overflow-x: auto; overflow-y: scroll }
h1, h2, h3, h4, h5, h6        { color: #0093a8; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: 600; line-height: 160%; letter-spacing: 0.5px }
h1  { font-size: 180%; margin-bottom: 10px }
h2 { font-size: 170% }
h3 { font-size: 150% }
h4  { font-size: 130%; }
h5  { color: #1f5f9f; font-size: 110% }
h6 { font-size: 100% }
p  { }
img { border: 0; -ms-interpolation-mode: bicubic;}
small { font-size: 80% }
a:link, a:visited        { color: #c6dd99; text-decoration: none }
#test a:visited { color: #000; background-color: #df001b; background-image: url("../data/interface/bullet_green.png"); background-repeat: no-repeat; background-position: -4px -4px; margin-top: -4px; padding-top: 4px }a:hover    { color: #fff; text-decoration: underline }
a:focus:active    { color: #900; text-decoration: none }
form  { display: block; border: solid 0 #fde65c }
input,  textarea,  select   { color: #fff; font-size: 100%; font-family: monospace; background-color: transparent; background-image: url("../data/interface/white-10.png"); margin: 2px; padding: 1px; vertical-align: middle; border-width: 1px; border-color: #222 }
textarea { width: 80%; vertical-align: top }
label { margin-right: 8px; margin-left: 8px; vertical-align: middle }
code     { color: #000; background-color: #fc6; letter-spacing: 1px; display: block; margin: 10px auto; padding: 4px; width: 80%; clear: both; border: solid 1px #f66 }
blockquote   { font-family: Verdana; background-image: url("../data/interface/black-50.png"); margin: 10px auto; padding: 8px; width: 80%; border: solid 1px #222 }
ul, ol { margin: 0.5em 0 1em 2em }
embed, object { background-color: #e7d9eb }
hr { margin: 12px auto; height: 1px; border-style: solid; border-width: 1px 0 0; border-color: #e2e2e2 }
iframe   { position: relative; z-index: 200; top: 0; left: 0; width: 100%; border-width: 0 }
/* Algemeen START */
.knop                           { color: #000; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; background-color: #e7e7e7; background-image: url("../data/achtergronden/knop.png"); background-attachment: scroll; background-position: left center; text-align: center; padding-right: 8px; padding-left: 8px; width: auto; vertical-align: middle; border: solid 1px; -moz-border-radius: 4px     }
.knop:focus  { color: #000; line-height: 19px; background-color: #b0bdc0; background-position: 0 bottom; border-color: #000 }
.knop a:link { }
.knop a:hover     { color: #900; text-decoration: none }
.knop span { font-weight: bold; background-repeat: no-repeat; background-attachment: scroll; background-position: right 0; text-align: center; text-transform: uppercase; display: block; padding: 2px 11px 6px 0; border: outset 0 #900 }
.knop:hover span      { background-position: right bottom; border-color: #510300 }
.order      { padding: 6px }
.order a:link  { color: #df001b }
.order a:hover { color: #900 }
.order a:focus { color: #f00 }
.clear { margin-bottom: 40px; position: relative; top: 20px; clear: both }
.fixed  { font-size: 1px; line-height: 0; visibility: hidden; margin: 0; height: 0; clear: both }
.floatright  { margin: 0 0 12px 12px; float: right }
.floatleft  { margin: 4px 12px 12px 0; float: left }
.onderschrift { font-style: italic; padding: 4px }
.row { padding: 6px 12px }
.producten li a { min-width: 150px }
.meer    { line-height: 17px; white-space: nowrap; margin-top: 8px; padding-right: 12px; clear: both; border: solid 0 #c00 }
.meer a { line-height: 17px; background-image: url("../data/interface/arrow-more.png"); background-repeat: no-repeat; background-position: right 0; white-space: nowrap; padding-right: 12px; border: solid 0 #c00 }
.terug a { line-height: 17px; background-image: url("../data/interface/arrow-back.png"); background-repeat: no-repeat; background-position: left 0; display: block; margin: 20px 4px 4px 0; padding-left: 12px; clear: both }
.feedback { display: none }
.hr { font-size: 0; line-height: 0; background-color: #e7e7e7; margin: 8px 0; height: 1px; border: solid 0 #e7e7e7 }
.botom, .top { font-size: 0; line-height: 0 }
.mail,  .web,  .download,  .telefoon        { background-image: url("../data/interface/page_white_put.png"); background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0 0 0 20px; position: relative; clear: both; border: solid 0 #fc6 }
.type   { display: inline; float: left }
.anker    { color: #000; background-color: #000; background-image: url("../data/interface/arrow-up.png"); background-repeat: no-repeat; background-position: center; text-align: center; cursor: pointer; list-style-image: url("../data/interface/arrow-up.png"); position: relative; top: -20px; left: 700px; width: 20px; height: 20px; overflow: hidden; border: solid 0 #d5851f }
.anker a  { color: #df001b; background-color: #000; text-indent: -999px; visibility: hidden; overflow: hidden }
#artikel ul.inspringen       { list-style-type: none; list-style-position: outside; display: inline; margin: 0; padding: 0; position: relative; top: 0; left: 0; float: left; border: solid 0 #df001b }
#artikel .inspringen li        { list-style-type: none; list-style-position: outside; margin: 0; padding: 0 }
#artikel .inspringen li a          { background-repeat: no-repeat; background-position: -5px 5px; display: block; margin-right: -1px; margin-left: 5px; padding-right: 5px; padding-left: 5px; border: dashed 0 #fff }
.web   { background-image: url("../data/interface/page_world.png") }
.mail      { background-image: url("../data/interface/email.png"); background-position: 0 4px }
.download  { }
.col1, .col2  { white-space: nowrap; padding-right: 30px; float: left; border: solid 0 #fff }
.col2  { padding: 0 0 0 20px; border-width: 0 0 0 1px }
.intro li, .omschrijving li, .alinea li { list-style-image: url("../data/interface/li-streep.png") }
#artikel .col1 .inspringen li, #artikel .col2 .inspringen li  { float: none }
#legal a.navactief { color: #d5851f }
.addthis_button { float: right }
/* Algemeen END */
/* static END */
/* layout START */
#wrap             { }
#container     { text-align: left; margin: 0 auto; padding-top: 10px; padding-bottom: 10px; position: relative }
/* layout END */
#menubar  { }
#springboard       { line-height: 32px; position: fixed; z-index: 900; bottom: 0; left: 0; border: solid 0 #444 }
#springboard .innertube     { position: relative; top: 0; left: 0; width: 100%; height: 30px; border-style: solid; border-width: 0 0 0; border-color: #df001b }
/* netwerk en talen START */
#network            { line-height: 20px; background-image: url("../data/interface/black-50.png"); padding: 2px; position: absolute; z-index: 40; top: 0; right: 20px; border: solid 1px #000 }
#network div        { background-repeat: no-repeat; background-position: center; margin: 2px; padding: 0; float: left; border: solid 0 #fff }
#network img  { width: 16px; height: 16px; vertical-align: middle; border: solid 1px #000 }
#network a     { display: block; margin: 0; padding: 0; width: 21px; height: 21px; vertical-align: middle }
#network a:hover   { background-image: none }
#network #rss  { top: 4px; left: 32px; border: solid 0 #effe0c }
#network div#close_balk { color: #fff; cursor: pointer; display: none; padding-right: 10px; padding-left: 10px; float: right }
#talen     { line-height: 11px; background-image: url("../data/interface/black-50.png"); position: absolute; z-index: 400; top: 112px; right: 20px }
#talen div  { margin: 4px; float: left }
#talen a { display: block }
/* netwerk en talen END */
/* header START */
#header                   { margin-bottom: 40px; position: relative; z-index: 0; border: solid 1px #000 }
#header .top        { background-image: url("../data/interface/black-25.png"); display: block; height: 20px; border: solid 0 #900 }
#header .middle                 { background-image: url("../data/interface/black-25.png"); position: relative; height: 100px; border: solid 0 #900 }
#header .bottom      { font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: center top; display: none; height: 0; border: solid 0 #900 }
#toplogo                  { background-image: url("../data/logos/logo2.png"); background-repeat: no-repeat; background-position: left 0; position: absolute; z-index: 210; top: 10px; left: 80px; width: 650px; height: 93px; border: solid 0 #f7f410 }
#topimage                          { color: #fff; font-size: 0; font-family: Arial; background-repeat: no-repeat; background-position: right top; text-align: center; letter-spacing: 0; position: absolute; top: 200px; right: 70px; width: 400px; height: 400px; border: solid 0 #df001b }
#toptitle                     { color: #face0b; font-size: 200%; line-height: 40px; background-repeat: repeat-x; background-position: left bottom; text-align: left; letter-spacing: 12px; position: relative; z-index: 11; top: 35px; left: 180px; height: 30px; float: left; border: solid 0 #e7e7e7 }
#toppayoff     { font-size: 75%; text-transform: lowercase; display: inline; margin-left: 12px; position: relative; top: 0; left: 0; border: solid 0 #fff }
#topadres                 { color: #788787; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 25px; text-align: center; letter-spacing: 2px; position: absolute; z-index: 220; top: 10px; left: 180px; height: 25px; border: solid 0 #335f69 }
#topadres a, #topadres .separator      { color: #788787 }
#topnavbar           { position: absolute; z-index: 200; top: 135px; left: -1px }
/* header END */
/* body START */
/* body END */
/* left START */
#left  { padding: 0; position: relative; z-index: 5; top: 0; left: 0; float: left }
#leftbar  { position: relative }
#leftbar-top { padding-top: 30px }
#left .order { margin-left: 20px }
#subnavbar { }
/* left END */
/* main START */
#page                           { background-image: url("../data/interface/black-25.png"); margin: 25px 0 60px 50px; padding: 0; position: relative; min-width: 50%; overflow: hidden; border: solid 0 #222 }
#page .page-top         { font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: left top; height: 1px }
#page .page-middle           { background-repeat: repeat-y; background-position: left 0; display: block; margin: 0; padding: 10px 50px 20px; min-height: 400px; overflow: hidden; border: solid 0 transparent }
#page .page-bottom      { font-size: 0; line-height: 0; background-repeat: no-repeat; background-position: left bottom; height: 1px }
#artikel /* moet overflow:hidden */         { line-height: 150%; overflow: hidden; border: solid 0 #f00 }
#artikel h1, #rijen h2, #rijen h3         { color: #fffbbd; font-weight: normal; letter-spacing: 1px }
#artikel h4, #rijen h4     { font-size: 120%; font-weight: 500; line-height: 200%; background-image: url("../data/achtergronden/ruit.png"); background-repeat: no-repeat; background-position: 0 50%; letter-spacing: 1px; margin: 0; padding: 0 0 0 12px }
#page ol, #page ul { list-style-type: inherit; list-style-position: outside; margin-right: 1em; margin-left: 2em }
#page ol { list-style-type: decimal }
#page table { border: solid 0 #d4d4d4 }
#page td  { padding: 0; vertical-align: top; border: solid 0 #d4d4d4 }
#page td img { display: block; margin: 0; padding: 2px }
.omschrijving, .alinea     { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
#breadcrumbs        { font-size: 11px; letter-spacing: 1px; margin-bottom: 12px; position: relative; top: 0; left: 0; border: solid 0 #e7e7e7 }
#breadcrumbs ul   { color: #666; list-style-type: none; list-style-position: inside; margin: 0; padding: 0; overflow: hidden; border: solid 0 #e7e7e7 }
#breadcrumbs li        { list-style-type: none; list-style-position: outside; margin: 0 2px 0 0; padding: 0; float: left; border-style: dotted; border-width: 0 0 1px; border-color: #222 }
#breadcrumbs a    { color: #1f5f9f; text-decoration: none; display: block; margin: 0; padding: 0; border-width: 0; border-color: #e7e7e7 }
#breadcrumbs span   { line-height: 22px; display: block; margin-right: -1px; padding-right: 12px; padding-left: 12px; border: dotted 0 #fff }
#breadcrumbs a:hover span      { color: #900; background-image: url("../data/interface/black-10.png") }
#breadcrumbs .home span      { color: #fff; background-image: url("../data/achtergronden/menu.png"); background-position: -10px -97px; text-indent: -999px; display: block; border-top: 0; border-right: 0; border-bottom: 0; border-left: 0 none }
#breadcrumbs a:hover.home span   { background-image: url("../data/achtergronden/menu.png"); background-position: -10px -128px }
#breadcrumbs .last   { background-color: #ffd028; background-image: none; display: none; border-width: 0 }
#artikelheader       { font-size: 90%; overflow: hidden; border: dotted 0 #fff }
#artikelheader .date   { background-repeat: no-repeat; background-position: 0 center; float: left }
#artikelheader #act { padding-right: 5px; padding-left: 5px; float: right }
#artikelheader #act .comments { background-image: url("../data/interface/comments.png"); background-repeat: no-repeat; background-position: 0 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 20px }
#artikelheader #act .addcomment { background-image: url("../data/interface/comment_add.png"); background-repeat: no-repeat; background-position: 0 3px; margin-left: 10px; padding-top: 4px; padding-bottom: 4px; padding-left: 20px }
.tip    { background-image: url(../data/interface/tip.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center; margin-left: 4px; width: 16px; height: 16px; float: right; border: solid 0 #e7e7e7 }
.aanbieding    { background-image: url(../data/interface/aanbieding.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center; margin-left: 4px; width: 16px; height: 16px; float: right; border: solid 0 #e7e7e7 }
#share-this   { padding: 4px; height: 20px; border: solid 0 #df001b }
#share-this iframe { height: 20px; border: solid 0 #3b5998 }
#artikel  .omschrijving, #artikel .alinea      { font-size: 130%; font-family: Delicious-Roman; font-weight: normal; line-height: 200%; letter-spacing: 1px; overflow: hidden }
#artikel h1, #artikel h2   { font-family: "Josefin Sans Std Light", "Trebuchet MS"; line-height: normal }
#artikel img  { padding: 4px; border: solid 0 #fff }
#artikel .date    { color: #878787; font-size: 100%; padding-bottom: 12px }
#artikel .omschrijving          { color: #b0bdc0; padding-right: 12px; padding-left: 12px; border-style: dotted; border-width: 0 0 0 1px; border-color: #1f5f9f }
#artikel .hoofdtekst  { padding-top: 12px }
#artikel .alinea     { padding-right: 12px; padding-bottom: 20px; padding-left: 12px; border: dotted 0 #b9cfd3 }
#artikel .alinea p { padding-bottom: 12px; border: solid 0 #eece0d }
#artikel .alinea p:first-letter    { color: #1f5f9f; font-weight: bold; letter-spacing: 1px; padding-right: 1px; padding-left: 1px; border-style: dotted; border-width: 0 0 1px; border-color: #1f5f9f }
/* begin prijsblock */
#artikel .prijsblok        { font-size: 110%; line-height: 400%; text-align: right; white-space: nowrap; margin-right: 10%; margin-left: 10%; position: relative; float: right; clear: both; overflow: hidden; border-style: dotted; border-width: 0 0 1px; border-color: #222 }
.prijsblok .eenheid      { white-space: nowrap; display: inline; padding-right: 8px; width: 100px }
.prijsblok .van  { white-space: nowrap; display: inline; width: 100px }
.prijsblok .vanprijs    { color: #df001b; font-size: 130%; font-family: Georgia; font-style: italic; line-height: 230%; padding-right: 8px; padding-left: 8px; border-bottom: 0 solid #222 }
.prijsblok .vanprijs .pre { }
.prijsblok .prijs      { color: #9c4; font-size: 200%; font-family: Georgia; text-align: right; white-space: nowrap; display: inline; padding-right: 8px; padding-left: 8px }
.prijsblok .valuta  { }
.prijsblok .pre   { font-size: 170%; font-weight: bold; padding-right: 0; padding-left: 0 }
.prijsblok sup  { font-size: 60%; vertical-align: 1em; border-top: 0; border-right: 0; border-bottom: 0 double #df001b; border-left: 0 }
/* end prijsblock */
#info  { padding: 0 8px 4px; clear: both; overflow: hidden; border: solid 0 #83afb7 }
#info h3 { color: #76187a; position: relative }
/* paginabrowser START */
#pagebrowser        { font-size: 90%; line-height: 90%; text-align: left; letter-spacing: 1px; margin: 12px auto; padding: 8px; position: relative; z-index: 123; top: 0; left: 0; border: dotted 1px #222 }
#pagebrowser ul    { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; position: relative; float: left; border: solid 0 #ff6 }
#pagebrowser li      { background-image: url("../data/interface/black-50.png"); list-style-type: none; list-style-position: outside; margin: 1px; border: solid 0 #d0d0d0 }
#pagebrowser a         { font-weight: 400; white-space: nowrap; display: block; padding: 10px; border: solid 0 #e7e7e7 }
#pagebrowser a:hover    { text-decoration: none; background-image: url("../data/interface/black-10.png") }
#pagebrowser a:focus  { }
#pagebrowser .previous, .next { }
#pagebrowser .first a, #pagebrowser .last a { border-width: 0 }
/* paginabrowser END */
/* main END */
/* contact START */
.googlemap  { margin: 0; padding: 0; position: relative; width: 50%; border: solid 0 #df001b }
.mappopup  { background-image: url("../data/interface/black-25.png"); position: absolute; top: -10px; left: 200px }
.mappopup a        { text-decoration: none; background-image: url("http://www.google.com/mapfiles/marker.png"); background-repeat: no-repeat; background-position: center; display: block; position: relative; top: 0; left: 0; width: 40px; height: 40px; border: solid 0 #68b022; -moz-border-radius: 4px; -webkit-border-radius: 4px }
.map   { display: block; margin: 0 auto; padding: 8px; width: 530px; border: solid 1px #68b022 }
.contact hr { border-width: 0 }
#a1, #a4 { padding-left: 12px; float: right }
.tijden  { margin-top: 0; margin-bottom: 12px; padding: 0; border: solid 0 #f00 }
.tijden .row { margin: 0; padding: 2px; clear: both; overflow: auto; border: solid 0 #222 }
.tijden .row .left  { white-space: nowrap; width: 100px; float: left; border: solid 0 #ffd028 }
.tijden .row .right  { white-space: nowrap; width: 100px; float: left; border: solid 0 #f00 }
/* contact END */
/* main END */
/* right START */
#right    { }
#rightbar   { }
/* right END */
/* footer START */
#footer             { color: #ddd; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-top: 10px; position: relative; z-index: 1; height: 40px; clear: both; border: solid 0 #d0d0d0 }
#footer .footer-middle    { padding-left: 40px; position: relative }
#footer a  { color: #444; padding-top: 2px; padding-bottom: 2px }
#copyright { display: none; position: absolute; top: 0; right: 0 }
#adres   { color: #999; display: none; position: absolute; top: 0; left: 40px }
#legal           { background-image: url("../data/interface/black-50.png"); padding: 10px; position: absolute; z-index: 1; top: 0; right: 10px; border: solid 1px #000 }
#legal div   { text-transform: lowercase; float: left; border-style: solid; border-width: 0 1px 0 0; border-color: #456685 }
#legal a    { color: #e7e7e7; padding-right: 8px; padding-left: 8px }
#legal div  { margin-right: 1px; margin-left: 1px; border-width: 0 }
#legal div a     { color: #fff; background-image: url("../data/achtergronden/balk3.png"); border: solid 1px #000 }
#legal div a:hover  { color: #fff; text-decoration: none; background-image: url("../data/achtergronden/balk3.png"); border: solid 1px #222 }
#legal div a:focus { color: #fff; text-decoration: none; background-color: #878787; background-image: url("../data/achtergronden/balk3.png"); border: solid 1px #000 }
#legal .sitemap { border-width: 0 }
/* thefirm */
#poweredbythefirm       { font-size: 9px; font-family: "Trebuchet MS"; line-height: normal; text-decoration: none; letter-spacing: 4px; margin: 0; padding: 0; position: fixed; z-index: 5; right: 0; bottom: 0; border: solid 0 #df001b }
.poweredby { color: #788787; background-color: #fff; padding-left: 4px }
#poweredbythefirm:hover .poweredby  { color: #000; text-decoration: none; background-color: #face0b; padding-left: 4px }
.thefirm { color: #fff; background-color: #788787; padding-left: 4px }
#poweredbythefirm:hover .thefirm  { color: #fff; text-decoration: none; background-color: #110190 }
/* footer END */
#zoek           { font-size: 0; position: absolute; z-index: 300; top: 47px; right: 35px; border: solid 0 #b15 }
#zoek .row      { font-size: 0; line-height: 25px; background-repeat: no-repeat; background-position: left center; padding: 0 0 0 22px; width: 132px; height: 27px; border: solid 0 #000 }
#zoek .end     { font-size: 0; line-height: 25px; background-color: transparent; background-repeat: no-repeat; background-position: right 50%; padding: 0 10px 0 0; height: 20px }
#zoek input      { color: #666; font-size: 11px; background-color: transparent; margin: 0; padding: 2px; width: 100%; vertical-align: middle; border: solid 1px #000 }
#zoek input:focus  { color: #fff }
#extraDiv1   { background-image: url("../data/achtergronden/balk3.png"); background-attachment: scroll; background-position: left top; display: none; position: fixed; right: 0; bottom: 0; width: 100%; height: 20px }
#extraDiv2  { background-image: url("../data/achtergronden/balk3.png"); background-attachment: scroll; background-position: left top; display: none; position: fixed; top: 0; right: 0; width: 100%; height: 20px }
/* afmetingen */
#container           { width: 950px; border: dotted 0 #f00 }
#body { background-image: url("../data/interface/black-25.png"); position: relative; z-index: 2; overflow: auto; border: solid 1px #000 }
#left        { position: relative; width: 230px }
#main                  { margin-right: 0; margin-left: 0; padding-right: 0; position: relative; width: 730px; float: left; border: solid 0 #feedba }
#right                { position: relative; z-index: 400; top: 10px; left: -10px; width: 200px; float: right; border: solid 0 #de3319 }
#pathinfo   { background-color: #000; padding: 6px; position: absolute; z-index: 300000; top: 0; left: 5% }
.fruit  { font-size: 200% !important; font-family: ChopinScriptRegular !important; letter-spacing: 4px !important }

