/* -------------------------------------------------------------- reset.css -------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body{line-height:1.5}
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal}
table,td,th{vertical-align:middle}
a img{border:none}

/* -------------------------------------------------------------- typography.css -------------------------------------------------------------- */
body{ font-size:75%;  color:#222;  background:#4D1C0F;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#474a51}
h1{font-size:1.9em; line-height:1; margin-bottom:0.5em}
h2{font-size:1.5em; margin-bottom:0.5em}
h3{font-size:1.25em; line-height:1; margin-bottom:0.5em}
h4{font-size:1.1em; line-height:1.25; margin-bottom:1.25em; height:1.25em}
h5{font-size:1em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:1em; font-weight:bold}
h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img{ margin:0}
p{margin:0 0 1.5em}
p img{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em}
.clear{clear:both; line-height:0}
a:focus, 
a:hover{color:#000}
a{color:#009; text-decoration:underline}
strong{font-weight:bold}
em, dfn{font-style:italic}
dfn{font-weight:bold}
sup, sub{line-height:0}
abbr, 
acronym{border-bottom:1px dotted #666}
del{color:#666}
pre, code{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}
li ul, 
li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}
table{margin-bottom:1.4em; width:100%}
th{font-weight:bold; background:#C3D9FF; border-bottom:1px solid #8399BF}
th, td{padding:4px 10px 4px 5px}
tr.even td{background:#E5ECF9}
.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.hide{display:none}

/* -------------------------------------------------------------- forms.css -------------------------------------------------------------- */
label{clear:both; font-weight:normal}
fieldset{padding:1.4em; margin:0 0 1.5em 0; border:1px solid #ccc}
legend{font-weight:bold; font-size:1.2em}
input, textarea, select{ background:#fff;  border:1px solid #bbb;  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:100%;  margin:0;  width:200px}
input:focus, textarea:focus, select:focus{ border:1px solid #666}
input.textbox, 
input.title{width:300px; padding:2px}
input.title{font-size:1.5em}
textarea{width:390px; height:250px; padding:5px}
label.checkbox input, 
label.radio input{ border:none;  background:transparent;  width:auto}
.error, 
.notice, 
.success{padding:.8em; margin-bottom:1em; border:2px solid #ddd}
.error{background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4}
.notice{background:#FFF6BF; color:#514721; border-color:#FFD324}
.success{background:#E6EFC2; color:#264409; border-color:#C6D880}
.error a{color:#8a1f11}
.notice a{color:#514721}
.success a{color:#264409}
label{display:block; padding:5px}
label span.label{display:block; float:left; padding:2px 5px 2px 2px; text-align:right; width:150px}
label.checkbox span.label{display:inline; float:none; padding:0 3px; text-align:left; width:auto}
input.button{background:#B2141D url('/media/images/buttonback.gif') repeat-x; border:1px solid #8A0F18; clear:both; color:#fff; cursor:pointer; font:normal 1em/22px "Helvetica Neue",Helvetica,Arial,sans-serif; height:22px; margin-left:160px; padding:0 5px; width:auto}

/* -------------------------------------------------------------- layout.css -------------------------------------------------------------- */
div#container{margin:0 auto; width:950px}
div#head{background:#2E0508 url('/media/images/head_back.gif') repeat-x; height:60px}
div#head img{float:left; margin-left:20px}
div#tools{float:right; margin-right: 20px; width: 117px; }
div#tools p{font-size:95%; line-height: 12px; margin:0; text-align: right; }
div#tools a{color:#fff; padding-left:8px; text-decoration:none}
div#tools a:hover{text-decoration:underline}
a#tools_redfrog { background: transparent url('/media/images/redfrog.gif') no-repeat; display: block; height: 12px; margin: 6px 0 0 0; width: 117px; }
a#tools_redfrog span { display: none }
div#inline_sitemap{background:#2E0508; display:none; float:left; height:200px; padding:0 25px; width:900px}
div#inline_sitemap div.column{float:left; width:300px}
div#inline_sitemap ul{list-style:none; margin:0}
div#inline_sitemap ul li{margin-bottom:1em}
div#inline_sitemap ul a{color:#fff; display:inline; font-size:1.2em; font-weight:bold; text-decoration:none}
div#inline_sitemap ul ul{margin-left:10px}
div#inline_sitemap ul ul li{margin:0}
div#inline_sitemap ul ul a{color:#DFDBDA; font-size:1em; font-weight:normal}
div#inline_sitemap ul ul a:hover{color:#fff; text-decoration:underline}
div#sitenav{background:#2E0508; clear:both; height:34px; position:relative}
div#content{background:#fff; clear:both}
div#featuring{height:220px}
div#tekst{padding:25px}
div#tekst p{line-height:1.6em}
div#footer{clear:both}
div#quicklinks{background:#2E0508 url('/media/images/quick_back.gif') repeat-x; height:95px}
div#quicklinks div.block{float:left; font-size:90%; padding:5px 20px; width:197px}
div.block h3{color:#fff; font-size:120%; font-weight:bold; line-height:16px}
div.block ul{list-style:none; margin:0}
div.block ul li{background:transparent url('/media/images/quick_bullet.gif') no-repeat 0 4px; padding-left:12px}
div.block a{color:#eee; text-decoration:none}
div.block a:hover{text-decoration:underline}
div.block p{color:#eee}
div#one h3{background:transparent url('/media/images/quick_icons.gif') no-repeat 0px 0px; padding-left:20px}
div#two h3{background:transparent url('/media/images/quick_icons.gif') no-repeat 0px -32px; padding-left:20px}
div#three h3{background:transparent url('/media/images/quick_icons.gif') no-repeat 0px -16px; padding-left:20px}
div#four h3{background:transparent url('/media/images/quick_icons.gif') no-repeat 0px -48px; padding-left:20px}
div#copyright{margin-top:15px; text-align:center}
div#copyright p{color:#ddd; font-size:90%; margin:0 0 0.2em 0}
div#copyright a{color:#eee; text-decoration:underline}
div#copyright a:hover{color:#fff}
body#home div#featuring{background:#fff url('/media/images/feature_1.gif') no-repeat; position:relative}
body#home div#featuring h1, body#home div#featuring h2, body#home div#featuring span{display:none}
body#home div#featuring a{background:transparent url('/media/images/button_meer.gif') no-repeat; display:block; float:left; height:28px; margin:170px 0 0 23px; width:98px}
body#home div#column_one{float:left; padding-right:25px; width:285px}
body#home div#column_one h1{background:#fff url('/media/images/logo_heading.gif') no-repeat; height:36px; width:229px}
body#home div#column_one h1 span{display:none}
body#home div#column_two{float:left; padding-right:25px; width:305px}
body#home div#column_three{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:225px; position:relative; width:260px}
body#home div#column_three p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#home div#column_three div.template{background:#ECE9E8; height:40px; left:35px; overflow:hidden; position:absolute; top:60px; width:190px; z-index:1}
body#home div#column_three div#template_1{margin-bottom:100px}
body#home div#column_three div#template_2{margin-top:50px; margin-bottom:50px}
body#home div#column_three div#template_3{margin-top:100px}
body#frogpublishing div#featuring{background:#fff url('/media/images/feature_frogpublishing.gif') no-repeat; height:90px}
body#frogpublishing div#featuring h1, body#frogpublishing div#featuring h2{display:none}
body#frogpublishing div#column_one{float:left; padding-right:25px; width:615px}
body#frogpublishing div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:245px; position:relative; width:260px}
body#frogpublishing div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#frogpublishing div#column_two img{display:block; margin:0 auto}
body#kenmerken div#featuring{background:#fff url('/media/images/feature_kenmerken.gif') no-repeat; height:90px}
body#kenmerken div#featuring h1, body#kenmerken div#featuring h2{display:none}
body#kenmerken div#tekst{background:#fff url('/media/images/background_kenmerken.gif') repeat-y}
body#kenmerken div#column_one{float:left; width:200px}
body#kenmerken div#column_one ul{list-style:none; margin:0; text-align:right}
body#kenmerken div#column_one ul li{cursor:pointer; line-height:18px; padding:5px 25px}
body#kenmerken div#column_one ul li.active{background:#fff url('/media/images/kenmerk_item.gif') no-repeat; font-weight:bold}
body#kenmerken div#column_two{float:left; height:390px; padding-left:25px; width:675px}
body#kenmerken div#tekst_2, body#kenmerken div#tekst_3, body#kenmerken div#tekst_4{display:none}
body#modules div#featuring{background:#fff url('/media/images/feature_modules.gif') no-repeat; height:90px}
body#modules div#featuring h1, body#modules div#featuring h2{display:none}
body#modules div#column_one{float:left; padding-right:25px; width:615px}
body#modules div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:225px; position:relative; width:260px}
body#modules div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#modules div#column_two img{display:block; margin:0 auto}
body#interface div#featuring{background:#fff url('/media/images/feature_interface.gif') no-repeat; height:90px}
body#interface div#featuring h1, body#interface div#featuring h2{display:none}
body#interface div#column_one{float:left; padding-right:25px; width:615px}
body#interface div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:225px; position:relative; width:260px}
body#interface div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#interface div#column_two img{display:block; margin:0 auto}
body#portfolio div#featuring{background:#fff url('/media/images/feature_portfolio.gif') no-repeat; height:90px}
body#portfolio div#featuring h1, body#portfolio div#featuring h2{display:none}
body#portfolio div#column_one{float:left; padding-right:25px; width:875px}
body#portfolio #mask{height:200px; margin:0 auto; overflow:hidden; position:relative; width:660px}
body#portfolio #folio{float:left; left:0; position:absolute; top:0; width:9999px}
body#portfolio .col{display:block; width:660px; height:200px; float:left}
body#portfolio .site{float:left; height:200px; margin:0 10px; width:200px}
body#portfolio .site img{border:1px solid #DFDBDA; padding:4px}
body#portfolio .site p{text-align:center}
body#portfolio div#column_one ul{margin:15px auto 0 auto; text-align:center}
body#portfolio div#column_one ul li{display:inline; list-style:none}
body#portfolio div#column_one ul li a{border:1px solid #DFDBDA; color:#222; cursor:pointer; font-weight:bold; margin:0 3px; padding:3px 6px; text-decoration:none}
body#portfolio div#column_one ul li a:hover{background:#EDE9E9}
body#aanvragen div#featuring{background:#fff url('/media/images/feature_aanvragen.gif') no-repeat; height:90px}
body#aanvragen div#featuring h1, body#aanvragen div#featuring h2{display:none}
body#aanvragen div#column_one{float:left; padding-right:25px; width:615px}
body#aanvragen div#column_one h3{border-bottom:1px solid #DFDBDA; margin:15px 0 10px 0; padding-bottom:4px}
body#aanvragen div#column_one input.button{margin-top:15px}
body#aanvragen div#column_one strong{color:#8a1f11}
body#aanvragen div#column_one label.checkbox strong{clear:both; display:block; padding-left:19px}
body#aanvragen div#column_one  label.checkbox input{margin-left:157px}
body#aanvragen div#column_one small{clear:both; float:left; margin-left:157px}
body#aanvragen div#column_one textarea{height:80px}
body#aanvragen div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:95px; position:relative; width:260px}
body#aanvragen div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#contact div#featuring{background:#fff url('/media/images/feature_contact.gif') no-repeat; height:90px}
body#contact div#featuring h1, body#contact div#featuring h2{display:none}
body#contact div#column_one{float:left; padding-right:25px; width:615px}
body#contact div#column_one h3{border-bottom:1px solid #DFDBDA; margin:15px 0 10px 0; padding-bottom:4px}
body#contact div#column_one input.button{margin-top:15px}
body#contact div#column_one strong{color:#8a1f11}
body#contact div#column_one label.textarea strong{margin-left:160px}
body#contact div#column_one label.checkbox strong{clear:both; display:block; padding-left:19px}
body#contact div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:175px; position:relative; width:260px}
body#contact div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#contact div#column_two dl{font-size:0.95em; margin:0; padding:0 15px}
body#contact div#column_two dl dt{background:transparent url('/media/images/phone.png') no-repeat 0px 6px; clear:both; float:left; margin:0; padding:3px 0 3px 18px; width:65px}
body#contact div#column_two dt#fax{background:transparent url('/media/images/fax.png') no-repeat 0px 6px}
body#contact div#column_two dt#email{background:transparent url('/media/images/email.png') no-repeat 0px 6px}
body#contact div#column_two dd{padding:3px 0}
body#knowledge_base div#featuring{background:#fff url('/media/images/feature_knowledge.gif') no-repeat; height:90px}
body#knowledge_base div#featuring h1, body#knowledge_base div#featuring h2{display:none}
body#knowledge_base div#column_one{float:left; padding-right:25px; width:615px}
body#knowledge_base div#column_one h3 a{color:#222; text-decoration:none}
body#knowledge_base div#column_one ul{margin-bottom:0.5em}
body#knowledge_base div#column_one ul.categorie{line-height:2.2em; margin-bottom:1.5em}
body#knowledge_base div#column_one div.img{text-align:center}
body#knowledge_base div.img img{border:1px solid #222; display:block; margin:15px 15px 0 15px; padding:2px}
body#knowledge_base div.img small{display:block; margin:0 auto 15px auto}
body#knowledge_base div#column_one div.right{float:right}
body#knowledge_base div#column_one div.center{clear:both}
body#knowledge_base div#column_one div.center img{margin:15px auto 0 auto}
body#knowledge_base div#column_one table th{background:none; border:none}
body#knowledge_base div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:105px; position:relative; width:260px}
body#knowledge_base div#column_two p{background:transparent url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#handleiding div#featuring{background:#fff url('/media/images/feature_handleiding.gif') no-repeat; height:90px}
body#handleiding div#featuring h1, body#handleiding div#featuring h2{display:none}
body#handleiding div#column_one{float:left; padding-right:25px; width:615px}
body#handleiding div#column_one div.handleiding{background-color:#fff; border-top:1px solid #DFDBDA; border-bottom:1px solid #DFDBDA; margin:0 0 15px 0; padding:15px 2px; width:310px}
body#handleiding div#column_one ol{counter-reset:item; padding:0; margin:0 0 10px 0}
body#handleiding div#column_one ol li{display:block; padding:0}
body#handleiding div#column_one ol li li{padding-left:20px}
body#handleiding div#column_one ol li:before{content:counters(item,".") ""; counter-increment:item}
body#handleiding div#column_one div.img{text-align:center}
body#handleiding div.img img{border:1px solid #222; display:block; margin:15px 15px 0 15px; padding:2px}
body#handleiding div.img small{display:block; margin:0 auto 15px auto}
body#handleiding div#column_one div.right{float:right}
body#handleiding div#column_one div.center{clear:both}
body#handleiding div#column_one div.center img{margin:15px auto 0 auto}
body#handleiding div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom; float:left; height:235px; position:relative; width:260px}
body#handleiding div#column_two p.first{background:transparent url('/media/images/round.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#handleiding div#column_two p{font-size:0.95em; margin:0; padding:0 15px 15px 15px}
body#over_ons div#featuring{background:#fff url('/media/images/feature_overons.gif') no-repeat; height:90px}
body#over_ons div#featuring h1, body#over_ons div#featuring h2{display:none}
body#over_ons div#column_one{float:left; padding-right:25px; width:615px}
body#over_ons div#column_two{background:#ECE9E8 url('/media/images/round_bottom.gif') no-repeat -260px bottom; float:left; height:175px; position:relative; width:260px}
body#over_ons div#column_two p{background:#ECE9E8 url('/media/images/round_top.gif') no-repeat 0px top; font-size:0.95em; margin:0; padding:15px}
body#over_ons div#column_two dl{font-size:0.95em; margin:0; padding:0 15px}
body#over_ons div#column_two dl dt{background:transparent url('/media/images/phone.png') no-repeat 0px 6px; clear:both; float:left; margin:0; padding:3px 0 3px 18px; width:65px}
body#over_ons div#column_two dt#fax{background:transparent url('/media/images/fax.png') no-repeat 0px 6px}
body#over_ons div#column_two dt#email{background:transparent url('/media/images/email.png') no-repeat 0px 6px}
body#over_ons div#column_two dd{padding:3px 0}
body#sitemap div#column_one{float:left; width:33%}
body#sitemap div#column_two{float:left; width:33%}
body#sitemap div#column_three{float:left; width:33%}
body#sitemap div#content ul{list-style:none; margin:0}
body#sitemap div#content ul li{margin-bottom:1em}
body#sitemap div#content ul a{color:#E51E27; display:block; font-size:1.2em; font-weight:bold; text-decoration:none}
body#sitemap div#content ul ul{margin-left:10px}
body#sitemap div#content ul ul li{margin:0}
body#sitemap div#content ul ul a{color:#222; font-size:1em; font-weight:normal}
body#sitemap div#content ul ul a:hover{color:#000; text-decoration:underline}
body#disclaimer div#featuring, body#privacy div#featuring, body#anti_spam div#featuring, body#sitemap div#featuring, body#voorwaarden div#featuring{height:90px}
body#disclaimer div#featuring h1, body#disclaimer div#featuring h2, 
body#privacy div#featuring h1, body#privacy div#featuring h2, 
body#anti_spam div#featuring h1, body#anti_spam div#featuring h2, 
body#sitemap div#featuring h1, body#sitemap div#featuring h2, 
body#voorwaarden div#featuring h1, body#voorwaarden div#featuring h2{display:none}
body#disclaimer div#column_one, body#privacy div#column_one, body#anti_spam div#column_one, body#voorwaarden div#column_one{float:left; padding-right:25px; width:615px}
body#disclaimer div#column_two, body#privacy div#column_two, body#anti_spam div#column_two, body#voorwaarden div#column_two{float:left; width:260px}
body#disclaimer div#featuring{background:#fff url('/media/images/feature_disclaimer.gif') no-repeat}
body#privacy div#featuring{background:#fff url('/media/images/feature_privacy.gif') no-repeat}
body#anti_spam div#featuring{background:#fff url('/media/images/feature_antispam.gif') no-repeat}
body#sitemap div#featuring{background:#fff url('/media/images/feature_sitemap.gif') no-repeat}
body#voorwaarden div#featuring{background:#fff url('/media/images/feature_voorwaarden.gif') no-repeat}

/* -------------------------------------------------------------- menu.css -------------------------------------------------------------- */
div#sitenav ul, div#sitenav ul ul{font-size:95%; list-style:none; margin:0; padding:0}
div#sitenav ul{left:10px; position:absolute; z-index:100}
div#sitenav ul li{float:left; line-height:1.35em; position:relative; z-index:101}
div#sitenav ul >li li{float:none}
div#sitenav ul a{background-color:#2E0508; color:#fff; display:block; line-height:34px; padding:0 10px; text-decoration:none}
div#sitenav ul a:hover{color:#E51B24}
div#sitenav ul li ul{background-color:#2E0508; position:absolute; left:-999em; width:120px; z-index:102}
div#sitenav ul li:hover ul ul, div#sitenav ul li.sfhover ul ul{display:none; left:-999em}
div#sitenav ul li ul li a{line-height:24px}
div#sitenav ul li:hover ul, div#sitenav ul li li:hover ul, div#sitenav ul li.sfhover ul, div#sitenav ul li li.sfhover ul{top:0; left:-1px; margin-left:100%}
div#sitenav ul li:active ul, div#sitenav ul li:hover ul, div#sitenav ul li.sfhover ul{top:100%; margin-left:0; z-index:102}
div#sitenav{width:100%}