/* -------------------------------------------------------------- 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}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
a img{border: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}

/* -------------------------------------------------------------- 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}
blockquote{margin:1.5em;color:#666;font-style:italic}
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}
address{margin:0 0 1.5em;font-style:italic}
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}
tfoot{font-style:italic}
caption{background:#eee}
.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}
.quiet{color:#666}
.loud{color:#000}
.highlight{background:#ff0}
.added{background:#060;color:#fff}
.removed{background:#900;color:#fff}
.first{margin-left:0;padding-left:0}
.last{margin-right:0;padding-right:0}
.top{margin-top:0;padding-top:0}
.bottom{margin-bottom:0;padding-bottom:0}

/* -------------------------------------------------------------- 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 -16px;padding-left:20px}
div#three h3{background:transparent url('/media/images/quick_icons.gif') no-repeat 0px -32px;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}
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:184px}
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#frogmailing div#featuring{background:#fff url('/media/images/feature_2.gif') no-repeat}
body#frogmailing div#featuring div.head{cursor:pointer;height:70px;position:relative;width:210px}
body#frogmailing div#featuring div.head:hover,body#frogmailing div#featuring div.active{background-position:bottom}
body#frogmailing div#featuring div.head h1{display:none;font-size:1em;font-weight:bold}
body#frogmailing div#featuring div.head h2{display:none;font-size:1em}
body#frogmailing div#featuring div#head_1{background-image:url('/media/images/head_1.gif');left:502px;top:30px}
body#frogmailing div#featuring div#head_2{background-image:url('/media/images/head_2.gif');left:502px;top:50px}
body#frogmailing div#featuring div#head_3{background-image:url('/media/images/head_3.gif');left:722px;top:-110px}
body#frogmailing div#featuring div#head_4{background-image:url('/media/images/head_4.gif');left:722px;top:-90px}
body#frogmailing div#column_one{float:left;padding-right:25px;width:615px}
body#frogmailing div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom;float:left;height:275px;position:relative;width:260px}
body#frogmailing div#column_two p{background:#ECE9E8 url('/media/images/round.gif') no-repeat 0px top;font-size:0.95em;margin:0;padding:15px}
body#frogmailing 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#templates div#featuring{background:#fff url('/media/images/feature_templates.gif') no-repeat;height:90px}
body#templates div#featuring h1,body#templates div#featuring h2{display:none}
body#templates div#column_one{float:left;padding-right:25px;width:615px}
body#templates div#column_one div.template{float:left;margin:15px 0;width:205px}
body#templates div#column_one div.template img{border:1px solid #DFDBDA;margin:0 auto;padding:4px}
body#templates div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom;float:left;height:145px;position:relative;width:260px}
body#templates 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#templates div#column_two img{display:block;margin:0 auto}
body#kosten div#featuring{background:#fff url('/media/images/feature_kosten.gif') no-repeat;height:90px}
body#kosten div#featuring h1,body#kosten div#featuring h2{display:none}
body#kosten div#column_one{float:left;padding-right:25px;width:615px}
body#kosten div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom;float:left;height:175px;position:relative;width:260px}
body#kosten div#column_two dl{background:#ECE9E8 url('/media/images/round_top.gif') no-repeat 0px top;font-size:0.95em;margin:0;padding:15px}
body#kosten div#column_two dl dt{background:transparent url('/media/images/tarief_start.gif') no-repeat 0px 6px;clear:both;float:left;margin:0;padding:5px 0 5px 18px;width:115px}
body#kosten div#column_two dt#receiver{background:transparent url('/media/images/tarief_ontvanger.gif') no-repeat 0px 6px}
body#kosten div#column_two dd{padding:5px 0}
body#kosten div#column_two p{font-size:0.95em;margin:0;padding:0 15px 10px 15px}
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_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom;float:left;height:125px;position:relative;width:260px}
body#aanvragen div#column_two p{background:transparent url('/media/images/round_top.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_top.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_top.gif') no-repeat 0px top;font-size:0.95em;margin:0;padding:15px}
body#handleidingen div#featuring{background:#fff url('/media/images/feature_handleidingen.gif') no-repeat;height:90px}
body#handleidingen div#featuring h1,body#handleidingen div#featuring h2{display:none}
body#handleidingen div#column_one{float:left;padding-right:25px;width:615px}
body#handleidingen 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#handleidingen div#column_one div.handleiding h3{margin:0}
body#handleidingen div#column_one div.handleiding p{margin:0}
body#handleidingen div#column_two{background:#ECE9E8 url('/media/images/round.gif') no-repeat -260px bottom;float:left;height:235px;position:relative;width:260px}
body#handleidingen div#column_two p.first{background:transparent url('/media/images/round_top.gif') no-repeat 0px top;font-size:0.95em;margin:0;padding:15px}
body#handleidingen 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.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%}
