/* GLOBAL */

body { margin: 0; padding: 0; background: #777; text-align: center; background: url(../img/body_bg.gif) repeat; }
body, input, select, textarea, td, font { font-family: verdana, arial, helvetica, sans-serif; font-size: 70%; }
body input, body select, body textarea, body tr, body font { font-size: 100%; }
a { text-decoration: none; color: #3366CC; }
a:hover { text-decoration: underline; }
img, form { margin: 0; border: 0; padding: 0; }
table {	border-collapse: collapse; }
h1, h2, h3, h4, h5, p, ul {	margin: 0; margin: 0 0 1em 0;	}
ol { margin-top: 0; }
input, textarea, select { background: #f0f0f0; }

h1 { display: none; }

#wrap { width: 980px; margin: 0 auto 0 auto; text-align: left; border-left: 1px dotted #5FA4E1; border-right: 1px dotted #5FA4E1; background: #fff url(../img/wrap2_bg.gif) repeat-y 0 200px;  }
#wrap2 {  background: url(../img/wrap_bg.jpg) no-repeat; }
#header { height: 180px; }
#logo { background: url(../img/logo.jpg) no-repeat; width: 451px; height: 74px; position: absolute; left: 50%; top: 6px; margin-left: -317px; }
#bob { background: url(../img/bob.gif) no-repeat; width: 94px; height: 163px; position: absolute; left: 50%; top: 4px; margin-left: -460px; }
#menu { position: absolute; left: 50%; top: 102px; margin-left: -320px;  }
#menu ul { padding: 0; margin: 0; border: 0; }
#menu li { list-style: none; display: inline; margin: 0 8px 0 8px; }
#menu a { font-weight: bold; font-size: 110%; color: #FFF; }
#loginform { color: #fff; position: absolute; left: 50%; top: 68px; margin-left: 224px; text-align: center; border: 2px solid #ee8140; width: 250px;  background: #ee8140; }
#loginform .now { padding-top: 4px; }
#loginform .error { color: fff; padding-top: 4px; text-align: left; padding-left: 7px; }
#loginform table { margin: 6px auto 0 auto; width: 95%; }
#loginform a { color: #fff; }
#loginform input.inp_text { color: #aaa; text-align: right; }
#loginform .accountmenu { text-align: left; }
#loginform .accountmenu ul { margin: 0; padding: 4px 0 0 32px; }
#loginform .accountmenu li { list-style-type: square; line-height: 16px; }
#loginform .accountmenu a { }

#left .koptekst { font-weight: bold; color: #3366ff; margin: 32px auto 16px auto; font-size: 110%;  }
#left { float: left; width: 160px; text-align: center; padding-bottom: 8px; }
#left .partner { }
#left .partner a { margin: 2px auto 4px auto; border: none; padding: 2px; width: 100px; height: 69px; display: block; cursor: pointer; }
#left .partner a:hover { border: 2px solid #3266CC; padding: 0; }
#left .icon { width: 100px; height: 69px; }
#left .bestelplafond { background: url(../img/partners/bestelplafond.gif) no-repeat center center; }
#left .armstrong { background: #fff url(../img/partners/armstrong.gif) no-repeat center center; }
#left .astrimex { background: #fff url(../img/partners/astrimex.gif) no-repeat center center; }
/* #left .bpb { background: #fff url(../img/partners/bpb.gif) no-repeat center center; } */
#left .gyproc { background: #fff url(../img/partners/gyproc.gif) no-repeat center center; }
#left .chicago { background: #fff url(../img/partners/chicago.gif) no-repeat center center; }
#left .modulus { background: #fff url(../img/partners/modulus.gif) no-repeat center center; }
#left .noa { background: #fff url(../img/partners/noa.gif) no-repeat center center; }
#left .obimex { background: #fff url(../img/partners/obimex.gif) no-repeat center center; }
#left .owa { background: #fff url(../img/partners/owa.gif) no-repeat center center; }
#left .rockfon { background: #fff url(../img/partners/rockfon.gif) no-repeat center center; }
#left .ecophon { background: #fff url(../img/partners/ecophon.gif) no-repeat center center; }
#left .api { background: #fff url(../img/partners/api.gif) no-repeat center center; }

#right { float: right; width: 200px; text-align: center; }
#right .koptekst { font-weight: bold; color: #3366ff; margin: 32px auto 4px auto; font-size: 110%;  }
#right .totaal { color: #3366ff; }
#right .advertentie { }
#right .advertentie a { margin: 2px auto 4px auto; border: 2px solid #fff; width: 125px; height: 87px; display: block; cursor: pointer; }
#right .advertentie a:hover { border: 2px solid #3266CC; }
#right .icon { width: 125px; height: 87px; }
#right .basikdesign { background: url(../img/advertenties/basikdesign.jpg) no-repeat; }
#right .logitram { background: url(../img/advertenties/logitram.jpg) no-repeat; }
#kaart { width: 162px; height: 194px; margin: 20px auto 0 auto; }
#right .toonalles { margin-top: 8px; }
#right .toonalles a { color: #000; }
.nuaanmelden { width: 180px; height: 71px; background: url(../img/nuaanmelden.gif) no-repeat; cursor: pointer; margin: 0 auto 0 auto; }

#content { margin: 0 200px 0 160px; }
.fixpadding { padding: 0 16px 16px 16px; }
#content h2 { font-size: 130%; color: #3366ff; }
#content table.form { border-collapse: separate;  }
#content table.autowidth { width: auto; }
#content .error { color: red; height: 16px; padding: 0 0 12px 20px; font-weight: bold; background: url(../img/warning.gif) no-repeat; }
#content .form_key { width: 90px; border-left: 2px solid #5F9DE8; background: #E1EEFB; padding: 0 4px 0 4px; height: 24px; }
#content .form_key_text { border-left: 2px solid #5F9DE8; background: #E1EEFB; padding: 8px; margin-bottom: 1em; }
#content .form_value { padding-left: 12px; }
#content table.form .text, #content table.form select { width: 260px; border: 1px solid #ccc; height: 21px; }
#content table.form textarea { width: 359px; height: 150px; border: 1px solid #ccc; }
#content table.form select { }
#content table.form .dag { width: 40px; }
#content table.form .maand { width: 100px; }
#content table.form .jaar { width: 34px; }
#content .zoekform { margin-bottom: 28px; }
.nieuwsbericht, .faq, .archief { padding-bottom: 8px; }
.nieuwsbericht .titel, .faq .vraag, .archief .kop { height: 30px; line-height: 28px; background: url(../img/faq_title_bg.jpg) repeat-x 0 4px; }
.nieuwsbericht .titel a, .faq .vraag a, .archief .kop a { color: #444; background: url(../img/faq_title_li.gif) no-repeat 6px center; padding-left: 16px; width: 100%; display: block; }
.archief .berichten { padding-top: 8px; }
.archief .kop a { font-weight: bold; }
.nieuwsbericht .lead, .faq .antwoord { padding: 8px 8px 8px 16px; }
.nieuwsbericht .volledig { padding: 8px 0 16px 0; }
.newsprev, .newsnext, .newsdate { font-size: 90%; }
.newsdate { color: 3366CC; float: right; }
.newsdate, .newsprevnext { padding-top: 12px; }
.toonarchief { color: #777;  background: url(../img/archief_li.gif) no-repeat 6px center; padding-left: 16px; }
.zoekresultaat { color: #000; background: url(../img/zoekresultaat.jpg) repeat-x; padding: 4px; }
.zoekresultaat .titel { font-weight: bold; border-bottom: 1px dotted #222; padding-bottom: 2px; margin-bottom: 2px; }
.zoekresultaat .titel a { color: #000; }
.zr_link { border: 1px dotted #fff; display: block; margin-bottom: 12px; padding: 4px 0 6px 0; }
.zr_link:hover { text-decoration: none; border: 1px solid #3366CC; background: #fdfdfd; }
.kader_inhoud .zoekresultaat { color: #535353; }

#content .kader_header { width: 580px; text-indent: 8px; color: #fff; font-weight: bold; height: 18px; background: #ee8140; border: 1px solid #ee8140; font-size: 110%; line-height: 18px; }
#content .kader_inhoud { width: 580px; border: 1px dotted #595959; border-top: 0;}
#content .kader_padding { padding: 16px; }

#clear_footer { clear: both; }
#footer { background: #2E6DC1; text-align: center; border-top: 12px solid #fff; height: 26px; }
#footer ul { padding: 0; margin: 0; border: 0; }
#footer li { list-style: none; display: inline; margin: 0 8px 0 8px; }
#footer a { color: #fff; font-weight: bold; line-height: 26px; }