@font-face { 
	font-family: 'h1';
	src: url('../plugins/cufon/fonts/futurastd-book-webfont.eot');
	src: local('?'),
	url('../plugins/cufon/fonts/futurastd-book-webfont.woff') format('woff'),
	url('../plugins/cufon/fonts/futurastd-book-webfont.ttf') format('truetype'),
	url('../plugins/cufon/fonts/futurastd-book-webfont.svg#webfontTyup7TL1') format('svg');
	}
@font-face { 
	font-family: 'h2';
	src: url('../plugins/cufon/fonts/frutigerltstd-bold-webfont.eot');
	src: local('?'),
	url('../plugins/cufon/fonts/frutigerltstd-bold-webfont.woff') format('woff'),
	url('../plugins/cufon/fonts/frutigerltstd-bold-webfont.ttf') format('truetype'),
	url('../plugins/cufon/fonts/frutigerltstd-bold-webfont.svg#webfontTyup7TL1') format('svg');
	}
/* static START */
#browserinfo { font-size: 18pt; text-align: center; margin-right: auto; margin-left: auto; position: fixed; top: 0; left: 0; width: 100% }
* { margin: 0; padding: 0; outline: none medium }
body, html  { height: 100% }
body         { color: #fff; font-size: 13px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; line-height: 150%; background-color: #5a6565; background-image: url("../data/achtergronden/charcoal.jpg"); background-position: center; text-align: left; overflow: hidden; border: solid 0 #b15 }
h1, h2, h3, h4, h5, h6      { color: #f3f4f2; font-family: h2, "Trebuchet MS"; font-weight: normal; line-height: 160%; letter-spacing: 1px; text-shadow: 0px 1px 3px #000    }
h1   { color: #ffc; font-size: 150%; font-family: h1, "Trebuchet MS"; letter-spacing: 2px; margin-bottom: 10px }
h2  { font-size: 130% }
h3  { font-size: 120% }
h4 { font-size: 100% }
h5  { font-size: 100% }
h6 { font-size: 100% }
p  { }
img { border: 0; -ms-interpolation-mode: bicubic;}
small { font-size: 80% }
a:link, a:visited   { color: #b9cfd3; text-decoration: none; text-shadow: 0px 1px 2px rgba(0,0,0,0.9) }
a:hover    { color: #ffeb9b; text-decoration: none }
a:focus:active  { color: #fff; text-decoration: none }
form  { display: block; border: solid 0 #fde65c }
input,  textarea,  select     { font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 2px; padding: 1px; width: 100%; vertical-align: middle; border: solid 1px #c8cacc }
textarea {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; min-width: 80%; max-width: 90%; clear: both; border: solid 1px #f66 }
blockquote    { color: #de3319; background-color: #fffbbd; background-image: url("../data/interface/error.png"); background-repeat: no-repeat; background-position: 8px center; margin: 10px auto; padding: 8px 8px 8px 36px; min-width: 70%; max-width: 80%; border: solid 2px #fde65c }
ul, ol { margin: 0.5em 0 1em 2em }
embed, object { background-color:transparent }
hr  { margin: 12px auto; height: 1px; border: solid 0 #e2e2e2 }
iframe { position: relative; z-index: 200; top: 0; left: 0; width: 100%; border-width: 0 }
/* Algemeen START */
.knop        { color: #303030; font-size: 13px; font-weight: bold; line-height: 28px; background-color: #c8cacc; background-attachment: scroll; background-position: left center; text-align: center; margin: 8px 4px; padding-right: 8px; padding-left: 8px; width: auto; height: 30px; vertical-align: middle; border: solid 1px #a6a6a6 }
.knop:focus, .knop:active   { color: #000; 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; display: block; 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, [ALIGN="right"]  { margin: 0 0 12px 12px; float: right }
.floatleft, [ALIGN="left"]  { margin: 4px 12px 12px 0; float: left }
.onderschrift { font-style: italic; padding: 4px }
.row { padding: 6px 12px }
.producten li a { min-width: 150px }
.meer    { white-space: nowrap; clear: both; border: solid 0 #c00 }
.meer a        { white-space: nowrap; display: block }
.meer a:hover { text-decoration: none }
.terug a   { 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; margin: 8px 0; height: 3px; border: solid 0 #e7e7e7 }
.botom, .top { font-size: 0; line-height: 0 }
.mail,  .web,  .download,  .telefoon    { background-image: none; background-repeat: no-repeat; background-position: 0 2px; margin: 0; padding: 0; position: relative; clear: both; overflow: hidden; border: solid 0 #fc6 }
.type  { display: inline; padding-right: 5px; 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; position: relative; left: 90%; width: 40px; height: 20px; overflow: hidden; border: solid 0 #c2c4c6 }
.anker a  { color: #df001b; background-color: #000; text-indent: -999px; visibility: hidden; overflow: hidden }
#topanker   { visibility: hidden; margin: 0 0 -4px; padding: 0; position: absolute; right: 10%; bottom: 0; border-style: solid; border-width: 1px 1px 0; border-color: #575757 }
#topanker:hover { height: 30px }
#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; padding-right: 5px; border: dashed 0 #fff }
.web  { }
.mail  { background-position: 0 4px }
.download  { }
.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 }
.hover { cursor: pointer }
.hover:hover  { background-color: #f3f4f2 }
.hover:active { color: #fff; background-color: #d4d4d4 }
/* Algemeen END */
/* static END */
/* layout END */
#menubar      { position: fixed; z-index: 0; top: 0; left: 0; width: 100%; overflow: hidden }
#dock      { line-height: 32px; position: fixed; bottom: 0; left: 0; width: 100%; border: solid 0 #444 }
#dock .innertube  { position: relative; top: 0; left: 0; width: 100%; height: 30px; border-style: solid; border-width: 0 0 0; border-color: #df001b }
/* talen START */
#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 }
/* talen END */
/* header START */
#header    { position: relative; z-index: 2 }
#header .top { display: block; height: 0; border: solid 0 #900 }
#header .middle    { position: relative; height: 60px; 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/thefirm.png"); background-repeat: no-repeat; background-position: left 0; position: absolute; z-index: 210; top: 20px; left: 20px; width: 202px; height: 35px; border: solid 0 #f7f410 }
#topimage   { color: #fff; font-size: 0; font-family: Arial; background-repeat: no-repeat; background-position: left top; display: none; position: absolute; top: 100px; left: 5px; width: 300px; height: 60px; border: solid 0 #df001b }
#toptitle        { color: #778585; font-size: 90%; text-align: justify; letter-spacing: 30px; position: fixed; z-index: 11; top: 0; left: 20px; width: 100%; height: 60px; border: solid 0 #e7e7e7 }
#toppayoff     { color: #b9cfd3; text-transform: lowercase; display: inline; position: relative; top: 0; left: 0; border: solid 0 }
#topadres, #adres   { 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: fixed; z-index: 220; top: 10px; left: 0; width: 100%; height: 25px; border: solid 0 #335f69 }
#topadres a, #topadres .separator { color: #788787 }
/* 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 }
/* left END */
/* main START */
#page          { background-attachment: fixed; position: relative; top: 0; left: 0; overflow: hidden; border: solid 0 #222 }
#page .page-top { font-size: 0; line-height: 0; height: 0 }
#page .page-middle       { display: block }
#page .page-bottom { font-size: 0; line-height: 0; height: 0 }
#artikel /* moet overflow:hidden */     { padding: 0; position: relative; border: solid 0 #f00 }
#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 }
#breadcrumbs     { font-size: 11px; background-color: #fff; letter-spacing: 1px; margin-bottom: 10px; padding: 10px; 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 4px 0 0; padding: 0; float: left; border: solid 0 #d4d4d4 }
#breadcrumbs a  { color: #1f5f9f; text-decoration: none; display: block; margin: 0; padding: 0; border-width: 0; border-color: #e7e7e7 }
#breadcrumbs span    { line-height: 22px; background-color: #fff; display: block; padding-right: 8px; padding-left: 8px; 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/interface/home.png"); background-position: -10px -97px; text-indent: -999px; display: block; padding-right: 10px; padding-left: 10px; border: 0 }
#breadcrumbs a:hover.home span    { background-color: #d4d4d4; background-image: url("../data/interface/home.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 }
#artikel .artikel-wrapper        { border: solid 0 #de3319 }
#artikel .content-wrapper       { width: 500px; border: solid 0 #eece0d }
#artikel .artikel-footer    { width: 100%; border: solid 0 #00ca00 }
.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: 100%; font-weight: normal; overflow: hidden }
#artikel h1, #artikel h2    { line-height: normal }
#artikel img   { border: solid 0 #fff }
#artikel .date  { font-size: 100%; padding-bottom: 12px }
#artikel .omschrijving        { color: #d8e6e9; border: solid 0 #788787 }
#artikel .hoofdtekst    { color: #d8e6e9; padding-top: 12px }
#artikel .alinea   { padding-bottom: 20px; border: dotted 0 #b9cfd3 }
#artikel .alinea p { padding-bottom: 12px; border: solid 0 #eece0d }
/* 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   { clear: both; overflow: hidden; border: solid 0 #83afb7 }
#info h3 { color: #76187a; position: relative }
/* paginabrowser START */
#pagescroller           { letter-spacing: 1px; margin: 4px auto 0; padding: 10px; overflow: hidden; border-style: solid; border-width: 0 0 1px; border-color: #e7e7e7 }
#pagescroller a { color: #444; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-weight: bold; line-height: 30px; text-decoration: none; background-color: #c8cacc; letter-spacing: 0; display: block; padding: 0 16px; border: solid 1px #fff }
#pagescroller a:hover { background-image: url("../data/interface/black-10.png") }
#pagescroller a:active { background-color: #c8cacc; background-image: url("../data/interface/white-25.png") }
#pagebrowser                     { text-align: center; letter-spacing: 1px; margin: 0 auto 2px; position: absolute; z-index: 123; bottom: 2px; left: 0; width: 100% }
#pagebrowser h5        { line-height: 30px; padding-right: 30px; padding-left: 8px; float: left }
#pagebrowser_toggle     { cursor: pointer; display: none; overflow: hidden }
#pagebrowser h5:hover, #pagebrowser h5:focus  { }
#pagebrowser_content            { margin: 0; padding: 0; border: solid 0 #788787 }
#pagebrowser ul      { list-style-type: none; list-style-position: inside; margin: 0; padding: 0; position: relative; border: dotted 0 #d0d0d0 }
#pagebrowser li          { list-style-type: none; list-style-position: outside; display: inline; margin: 0 -1px 0 0; padding-top: 4px; padding-bottom: 4px; border: solid 0 #788787 }
#pagebrowser a         { font-weight: normal; white-space: nowrap; padding: 3px 8px; height: 32px; border: solid 0 #788787; text-shadow: 0px -1px 1px #000    }
#pagebrowser a:hover   { text-decoration: none; background-color: #343a3a }
#pagebrowser a:focus  { }
#pagebrowser .dimmed a { color: #000; text-shadow: none }
#pagebrowser .dimmed a:hover { color: #f7f7f7 }
#pagebrowser .previous, .next { }
#pagebrowser .first a, #pagebrowser .last a  { }
#pagebrowser a span { font-size: 12px; padding-top: 8px; padding-bottom: 8px; height: 32px }
/* paginabrowser END */
/* main END */
/* right START */
#right { }
#rightbar { }
/* right END */
/* footer START */
#footer  { color: #ddd; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 60px; letter-spacing: 1px; padding-top: 12px; z-index: 1; clear: both; border: solid 0 #d0d0d0 }
#footer .footer-middle   { }
#footer a { color: #444 }
#copyright { display: none; position: absolute; top: 0; right: 0 }
#adres  { text-align: center; width: 100% }
#adres li { display: inline }
#legal        { font-size: 90%; position: fixed; bottom: 0; left: 0; border: solid 0 #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; line-height: 30px; display: block; border: solid 0 #000 }
#legal div a:hover   { color: #ffeb9b; text-decoration: none }
#legal div a:focus   { color: #fff; text-decoration: none; background-color: #878787; border-style: solid; border-color: #000 }
#legal .sitemap    { }
#legal .webkit { -webkit-border-radius: 2px }
/* 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: 11px; position: absolute; z-index: 30; top: 32px; right: 20px }
#zoek *      { background-color: transparent; display: block; height: 22px; float: left; vertical-align: middle }
#zoek .searchwrapper           { background-image: url("../data/interface/white-10.png"); padding-right: 2px; padding-left: 2px; position: relative; overflow: hidden; border: solid 1px #4e5858 }
#zoek .left     { background-image: url("../data/interface/searchglass.png"); background-repeat: no-repeat; background-position: center; position: relative; top: 0; left: 0; width: 16px; vertical-align: middle; border: solid 0 #df001b }
#zoek .input    { margin: 0; padding: 0; width: 100px }
#zoek input#zoekwoord             { color: #788787; background-image: none; margin: 0; padding: 2px; width: 100%; vertical-align: baseline; border: solid 0 #d4d4d4 }
#zoek input#zoekwoord:focus   { color: #b9cfd3 }
#zoek .right    { background-repeat: no-repeat; display: block; position: relative; top: 0; right: 0; width: 16px }
#zoek .reset       { background-image: url("../data/interface/empty.png"); background-repeat: no-repeat; background-position: center 50%; cursor: pointer; display: none; margin: 0; padding: 0; z-index: 1; top: 0; right: 0; width: 16px; vertical-align: middle; border-width: 0 }
#zoek .end { font-size: 0; line-height: 25px; background-color: transparent; background-repeat: no-repeat; background-position: right 50%; padding: 0 10px 0 0 }
#liveSearch     { background-color: #fff; display: none; margin-top: 2px; position: absolute; z-index: 20; top: 100%; right: 0; width: 210px; height: auto; border: solid 1px #e7eaee }
#liveSearch *  { background-color: #fff; background-image: none; margin: 0; padding: 0; height: auto; float: none }
#liveSearch ul { padding-top: 4px; padding-bottom: 4px }
#liveSearch li   { line-height: normal; list-style-type: none; height: auto; float: none }
#liveSearch li a  { color: #303030; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: normal; display: block; padding: 4px 12px; border: solid 0 #e7eaee }
#liveSearch li a:hover { background-color: #ddf0f8 }
#extraDiv1       { line-height: 32px; background-image: url("../data/achtergronden/powerlines.jpg"); position: fixed; z-index: -1; bottom: 5%; left: 0; width: 100%; height: 50%; max-height: 350px; overflow: hidden; border: solid 0 #444 }
.qoute  { font-style: italic; border: dotted 0 #9aafba }
.qoute:before, .qoute:after { color: #9aafba; font-style: normal; content: '"' }