* {
margin: 0;
padding: 0;
}

a { /* removes the dotted lines in forefox for negative indented text*/
outline: none;
}

body {
background: #ECECEC;
font-size: 76%;
font-family: arial, tahoma, verdana, sans-serif;
text-align: center;
height: 100%;
color: #323232;
}

#wrapper {
width: 780px;
background: #FFF;
margin: 20px auto 0 auto;
text-align: left;
}

#header-nl {
width: 780px;
height: 132px;
background: #005690 url("../layout/bg-header-nl-final.jpg") no-repeat top left;
}

#header-fr {
width: 780px;
height: 132px;
background: #005690 url("../layout/bg-header-fr-final.jpg") no-repeat top left;
}

#header-nl h1, #header-fr h1 {
font-size: 14px;
text-indent: -9999px;
color: #FFF;
float: left;
width: 600px;
}

#header-nl h1 a, #header-fr h1 a {
display: block;
height: 132px;
width: 600px;
cursor: pointer;
cursor: hand;
text-decoration :none;
}

#header-nl a#lang, #header-fr a#lang {
float: right;
margin: 15px 15px 0 0;
padding: 0 2px;
color: #FFF;
font-weight: bold;
font-size: 90%;
}

#header-nl a#lang:hover, #header-fr a#lang:hover {
color: #287AA9;
background-color: #FFF;
text-decoration: none;
}

#content {
display: block;
width: 100%;
background: #FFF url("../layout/bg-right.gif") repeat-y 221px 0px;
margin: 20px 0; 
}

#left {
float: left;
width: 220px;
}

#right {
float: left;
width: 560px;
padding: 0;
margin: 0;
}

#right a, #left a {
color: #0A669E;
}

#right a:hover,  #left a:hover {
color: #000;
}

.fix {
padding: 0 20px;
}

.fix h2 {
color: #0D69A1;
font-size: 18px;
padding: 0 0 10px 0;
}

.fix h3, .fix h4 {
color: #3C3C3C;
font-size: 14px;
padding: 0 0 2px 0;
}

.fix p {
line-height: 130%;
padding: 0 0 15px 0;
}

#right .fix ul {
margin: 0 0 15px 0px;
list-style-type: none;
}

#right .fix ul li {
padding: 0 0 0 13px;
background: #FFF url("../layout/bg-li.gif") no-repeat 0px 7px;
line-height: 150%;
}

.fix ul#secties {
margin: 5px 0 15px 0;
list-style-type: none;
display: block;
height: 151px;
}

.fix ul#secties li {
float: left;
display: inline;
background: none;
padding: 0;
}

.fix ul#secties li a{
text-decoration: none;
}

/* secties image replacement nederlands */

.fix ul#secties li#bb-nl a {
margin: 0 20px 0 0;
float: left;
text-indent: -9999px;
height: 145px;
width: 150px;
background: #FFF url("../layout/bg-secties-li-bb-nl.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#bb-nl a:hover {
background: #FFF url("../layout/bg-secties-li-bb-nl-active.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#lt-nl a {
margin: 0 20px 0 0;
float: left;
text-indent: -9999px;
height: 145px;
width: 150px;
background: #FFF url("../layout/bg-secties-li-lt-nl.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#lt-nl a:hover {
background: #FFF url("../layout/bg-secties-li-lt-nl-active.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#vd-nl a {
float: left;
text-indent: -9999px;
height: 145px;
width: 150px;
background: #FFF url("../layout/bg-secties-li-bk-nl.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#vd-nl a:hover {
background: #FFF url("../layout/bg-secties-li-bk-nl-active.jpg") no-repeat 0px 0px;
}

/* secties image replacement frans */

.fix ul#secties li#bb-fr a {
margin: 0 20px 0 0;
float: left;
text-indent: -9999px;
height: 145px;
width: 150px;
background: #FFF url("../layout/bg-secties-li-bb-fr.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#bb-fr a:hover {
background: #FFF url("../layout/bg-secties-li-bb-fr-active.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#lt-fr a {
margin: 0 20px 0 0;
float: left;
text-indent: -9999px;
height: 145px;
width: 150px;
background: #FFF url("../layout/bg-secties-li-lt-fr.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#lt-fr a:hover {
background: #FFF url("../layout/bg-secties-li-lt-fr-active.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#vd-fr a {
float: left;
text-indent: -9999px;
height: 145px;
width: 150px;
background: #FFF url("../layout/bg-secties-li-bk-fr.jpg") no-repeat 0px 0px;
}

.fix ul#secties li#vd-fr a:hover {
background: #FFF url("../layout/bg-secties-li-bk-fr-active.jpg") no-repeat 0px 0px;
}

/* end secties */

.fix ul#nieuws-pers {
margin: 5px 0 15px 0;
list-style-type: none;
}

.fix ul#nieuws-pers li {
color: #484848;
padding: 0 0 0 13px;
font-size: 90%;
background: #FFF url("../layout/bg-nieuws-pers-li.gif") no-repeat 0px 8px;
line-height: 185%;
}

.fix ul#nieuws-pers strong {
font-weight: normal;
}

.fix ul#nieuws-pers li a{
margin: 0 0 0 2px;
font-size: 120%;
}

.fix #top {
margin: 15px 0 0 0;
text-align: right;
padding: 0 0 0 0;
height: 16px;
}

.fix #top img {
vertical-align: middle;
}

.fix #top span {
float: left;
height: 16px;
}

.fix #top a {
color: #6C6C6C;
height: 16px;
font-size: 90%;
text-decoration: none;
}

.fix #top a:hover {
color: #414141;
font-size: 90%;
}

.fix p#intro {

}


#right ul.homefiles {
padding: 3px 0 3px 10px;
margin: 0 0 15px 0;
height: 48px;
list-style-type: none;
border: 1px solid #DEDEDE;
}

#right ul.homefiles li {
padding: 2px 0 0 0;
float: left;
display: block;
height: 48px;
}

#right ul.homefiles li a {
line-height: 42px;
height: 42px;
display: block;
padding: 0 0 0 43px;
margin: 0;
background: none;
}

#right ul.homefiles li.ms-word {
background: transparent url("../layout/icon-ms-word.gif") no-repeat 0 50%;
}

#right ul.homefiles li.ms-excell {
background: transparent url("../layout/icon-ms-excell.gif") no-repeat 0 50%;
}

#right ul.homefiles li.ms-powerpoint {
background: transparent url("../layout/icon-ms-powerpoint.gif") no-repeat 0 50%;
}

#right ul.homefiles li.adobe-pdf {
background: transparent url("../layout/icon-adobe-pdf.gif") no-repeat 0 50%;
}



#downloadsection {
border-bottom: 1px solid #DEDEDE;
margin-top: 5px;
}

#right #downloadsection ul.filelist {
padding: 0;
margin: 0;
list-style-type: none;
}

#right #downloadsection .filelist li {
padding: 5px 0 5px 55px;
border-top: 1px solid #DEDEDE;
}

#right #downloadsection .filelist li a {
margin: 0;
background: none;
}

#right #downloadsection .filelist li.ms-word {
background: transparent url("../layout/icon-ms-word.gif") no-repeat 2% 50%;
}

#right #downloadsection .filelist li.ms-excell {
background: transparent url("../layout/icon-ms-excell.gif") no-repeat 2% 50%;
}

#right #downloadsection .filelist li.ms-powerpoint {
background: transparent url("../layout/icon-ms-powerpoint.gif") no-repeat 2% 50%;
}

#right #downloadsection .filelist li.adobe-pdf {
background: transparent url("../layout/icon-adobe-pdf.gif") no-repeat 2% 50%;
}

a img {
border: none;
}

#contactform td {
padding: 0 0 7px 0;
}

#contactform td input, #contactform td textarea {
border: 1px solid #C5C5C5;
padding: 2px 0;
background: #F3F3F3;
}

#contactform td textarea {
overflow: auto;
}

#contactform td #contactbutton {
padding: 2px 0;
width: 100px;
font-weight: bold;
color: #FFF;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
}

#contactform td #onderwerp, #contactform td #bericht {
width: 390px;
}

.clearer {
height:1px;
overflow:hidden;
margin-top:-1px;
clear:both;
}

#footer {
clear: both;
background-color: #FFF;
display: block;
margin: 1px;
font-size: 90%;
color: #575757;
border: 1px solid #DEDEDE;
border-width: 1px 0 0 0;
}

#footer a {
color: #575757;
}

#footer a:hover {
text-decoration: none
}

#footer #footerleft {
float: left;
width: 450px;
padding: 20px 0 20px 20px;
}

#footer #footerright {
float: right;
width: 230px;
text-align: right;
padding: 20px 20px 20px 0;
}

#footer #footerright img {
vertical-align: middle;
}

#desk02 {
font-size: 90%;
color: #575757;
width: 780px;
text-align: right;
margin: 0 auto;
padding: 10px 0 90px 0;
}

#desk02 a {
color: #575757;
text-decoration: none;
}

/* main navigation (horizontal) ******************************************* */

#mainnavigation {
display: block;
height: 38px;
width: 780px;
background: #005690 url("../layout/bg-mainnavigation-2.jpg") no-repeat top left;
}

#mainnavigation ul {
list-style: none;
margin: 0 0 0 20px;
padding: 0;
border: none;
border: 1px solid #DEDEDE;
border-width: 0;
height: 38px;
}

#mainnavigation li {
position: relative;
top: 0;
left: 0;
z-index: 1;
display: block;
margin: 0;
padding: 0;
float: left;
}

#mainnavigation li a {
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 15px 15px 8px 15px;
font-size: 12px;
font-weight: bold;
text-align: center;
color: #FFF;
}

#mainnavigation li a:hover {
text-decoration: underline;
}

#mainnavigation li.active a {
color: #0D69A1;
background: #FFF url("../layout/bg-mainnavigation-li-active.gif") repeat-x top left;
border: 1px solid #FFF;
border-width: 0 1px;
}

/* sub navigation (vertical)  ********************************************* */

#subnavigation {
padding: 0 0 0 0;
}

#subnavigation ul {
list-style-type: none;
margin: 0 0 0 20px;
padding: 0;
border: none;
}

#subnavigation li {
display: block;
height: 17px;
margin: 0;
padding: 0;
text-align: left;
position: relative;
background: #FFF url("../layout/bg-subnavigation-li.gif") no-repeat 0px 7px;
}

#subnavigation li a {
width: auto;
text-decoration: none;
padding: 4px 0px 4px 20px;
margin: 0;
line-height: 17px;
font-size: 90%;
font-weight: bold;
color: #747474;
}

#subnavigation li a:hover {
text-decoration: underline;
color: #454545;
}

#subnavigation li.active a {
color: #0D69A1;
background: #FFF url("../layout/bg-subnavigation-li-active.gif") no-repeat 0px 9px;
}

#left .submenu_editlink, #left .submenu_downlink, #left .submenu_uplink {
margin: 0;
padding: 0;
background: #FFF;
font-weight: normal;
position: absolute;
border: none;
background: none;
}

#left .submenu_editlink {
top: 5px;
left: 190px;
}

#left .submenu_uplink {
top: 5px;
left: 212px;
}

#left .submenu_downlink {
top: 5px;
left: 201px;
}

/* page specific css ****************************************************** */

/* raad van bestuur */

.persoon {
border: 1px solid #DEDEDE;
padding: 0;
margin: 0 0 15px 0;
height: 142px;
clear: both;
}

.persoon p {
margin: 15px 0 0 0;
line-height: 140%;
float: left;
}

.persoon img {
display: inline;
margin: 15px;
float: left;
}

/* leden */

.table_members {
width: 490px;
border: 1px solid #DEDEDE;
border-width: 0 1px 1px 1px;
margin: 15px 0;
}

.table_members td {
border: 1px solid #DEDEDE;
border-width: 1px 0 0 0;
padding: 10px 0;
}

.table_members td.logo {
text-align: center;
}

/* leden (detail) */

#table_memberdetail {
width: 490px;
}

#table_memberdetail td {
text-align: left;
}

#table_memberdetail input, #table_memberdetail textarea {
width: 300px;
}

#profile_table_memberdetail input, #table_memberdetail textarea {
width: 300px;
}

#profile_table_memberdetail input.chck {
width: auto;
}

#memberlogo {
float: left;
margin: 0 15px 0 0;
}

/* raad van bestuur */

#news #date {
font-size: 90%;
color: #686868;
padding: 0 0 2px 0;
margin: 0 0 3px 0;
border-bottom: 1px solid #DEDEDE;
}

#news #stuff {
padding: 2px 0 0 0;
margin: 3px 0 0 0;
border-top: 1px solid #DEDEDE;
}

/* members manage */

#table_memberdetail td, #table_memberdetail th, #profile_table_memberdetail td, #profile_table_memberdetail th {
padding: 4px 0;
}

.membercategory {
padding: 4px 0 4px 150px;
}

#sectionlist-1, #sectionlist-2, #sectionlist-3 {
display: none;
}

h5 {
font-size: 12px;
font-weight: bold;
}

table {
font-size: 1em;
}

/* lookatstats */

table.lookatstats {
}

table.lookatstats td {
padding: 4px 0 4px 5px;
}

table.lookatstatsresults {
width: 520px;
border-top: 1px solid #DEDEDE;
}

table.lookatstatsresults td, table.lookatstatsresults th  {
padding: 4px 0;
}

table.lookatstatsresults tr td.ar, table.lookatstatsresults th.ar  {
text-align: right;
padding-right: 2px;
}

table.lookatstatsresults tr td.ar_rm {
text-align: right;
padding-right: 20px;
}

table.lookatstatsresults th {
background: #DEDEDE;
color: #323232;
}

table.lookatstatsresults th.subtotal, table.lookatstatsresults th.generaltotal {
border-top: 1px solid #FFF;
padding: 4px 0;
}

.divider {
border-top: 1px solid #DEDEDE;
margin: 0 0 10px 0;
}

/* style merge */

.txt_member_error, .txtpagetitle_invalid {
background-color: #F00;
}

.div_group {
margin: 3px 0px;
}

.div_main {
margin: 3px 5px;
}

.div_sub {
margin: 3px 10px;
}

#frm_category .txt {
width: 300px;
}

#frm_statsinsertlist .table_sub th {
width: 435px;
font-weight: normal;
border: 1px solid #DEDEDE;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
}

#frm_statsinsertlist .table_sub td {
border: 1px solid #DEDEDE;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
}

#frm_statsinsertlist .table_sub .txt {
width: 65px;
text-align: right;
margin: 3px 3px 3px 0;
}

#frm_statsinsertlist .div_group {
margin: 5px 0;
font-weight: bold;
}


#frm_statsinsertlist .div_main {
margin: 3px 0;
}

.table_sub {
border: 1px solid #DEDEDE;
border-top-width: 0px;
margin: 0 0 10px 0;
}


#frm_statsinsertlist .btn {
padding: 2px 0;
font-weight: bold;
width: 150px;
color: #FFF;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 0 0 10px 0;
}

#frm_category .btn {
padding: 2px 10px;
font-weight: bold;
color: #FFF;
width: 240px;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 10px 0;
}

#frm_addpage {
margin: 15px 0 0 20px;
}

#frm_addpage .txt, #frm_addpage .txtpagetitle_invalid {
width: 150px;
}

#frm_addpage .btn {
padding: 2px 10px;
font-weight: bold;
color: #FFF;
width: 150px;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 0 0 10px 0;
}

#frmMemberdetail .btn_small {
padding: 2px 5px;
font-weight: bold;
color: #FFF;
width: auto;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 0 0 10px 0;
vertical-align: middle;
font-size: 90%;
}

#frm_login, #frm_forgotpass {
margin: 0 0 30px 0;
}

#frm_login th {
width: 90px;
font-weight: normal;
}

#frm_forgotpass th {
width: 60px;
font-weight: normal;
}

#frm_login .btn, #frm_forgotpass .btn {
padding: 2px 10px;
font-weight: bold;
color: #FFF;
width: 150px;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 10px 10px 10px 0;
}

#frm_news .btn {
padding: 2px 10px;
font-weight: bold;
color: #FFF;
width: 200px;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 10px 0 10px 0;
}

#frm_news th {
width: 160px;
vertical-align: top;
padding: 3px 0 0 0;
font-weight: normal;
}

#frm_news .txt {
width: 350px;
padding: 0 0 0 2px;
margin: 3px 0 5px 0;
}

#frm_news .rb {
border: none;
}

#frm_news #td_newsfile {
line-height: 18px;
padding: 0 0 7px 0;
}

#frm_news #td_radiobuttons {

}



#frm_category th {
width: 90px;
font-weight: normal;
}

#frm_category select {
width: 300px;
margin: 3px 0 5px 5px;
}

#frm_category .txt {
width: 385px;
padding: 0 0 0 2px;
margin: 3px 0 5px 5px;
}

#frm_statsoverview {
margin: 10px 0 0 0;
}


#frm_statsoverview select {
width: 300px;
margin: 0 0 2px 15px;
}

#frm_statsoverview th {
font-weight: normal;
width: 80px;
}

#frm_statsoverview .btn {
padding: 2px 0;
margin: 5px 0 15px 0;
font-weight: bold;
width: 230px;
color: #FFF;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 10px 0;
}

#frmMemberdetail .btn {
padding: 2px 0;
margin: 5px 0 15px 0;
font-weight: bold;
width: 230px;
color: #FFF;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 10px 0;
}

#frmMemberdetail .fslbtn {
font-size: 11px;
}

#frm_config .btn {
padding: 2px 0;
margin: 5px 0 15px 0;
font-weight: bold;
width: 230px;
color: #FFF;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 10px 0;
}

#frm_config th {
font-weight: normal;
width: 200px;
height: 26px;
}

#frm_config .txt {
width: 250px;
padding: 0 2px;
}

#frm_config .txt_number {
width: 20px;
text-align: right;
padding: 0 2px;
}

#frm_config select {
width: 258px;
}

#frm_lookatstats .btn {
padding: 2px 0;
margin: 5px 0 15px 0;
font-weight: bold;
width: 230px;
color: #FFF;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 10px 0;
}

#div_sectiontitle {
font-style: italic;
margin: 0 0 10px 0;
}

#div_categorylist #div_sectiontitle {
font-style: italic;
padding: 10px 0 10px 0;
}



#obligated {
font-size: 11px;
font-style: italic;
margin: 0 0 10px 0;
}

#backlink {
float: right;
}


.newsdate {
font-size: 11px;
width: 60px;
padding: 2px 0 0 0;
}

.newstitle {
font-size: 12px;
width: 400px;
color: #0D69A1;
padding: 1px 0 0 0;
}

#table_news {
margin: 10px 0 0 0;
}

/* category lists */

.div_group_group {
padding: 0 0 0 5px;
background: #E8E8E8;
margin: 0 0 15px 0;
}

.div_group {
font-weight: bold;
color: #474747;
padding: 5px;
margin: 0;
}

.div_main {
background: #F2F2F2;
color: #474747;
padding: 4px 5px;
margin:0;
border: 1px solid #FFF;
border-width: 1px 0 0 0;
}

.div_sub {
background: #F8F8F8;
color: #474747;
padding: 4px 7px;
margin:0;
border: 1px solid #FFF;
border-width: 1px 0 0 0;
font-size: 90%;
}

#div_categorylist h3 {
}

#div_categorylistgroups h3 {
margin: 10px 0px;
}

/* file upload */

#table-fileupload td {
padding: 4px 0;
}

/* edit page */

#btnSavepage {
padding: 2px 0;
margin: 5px 0 15px 0;
font-weight: bold;
width: 230px;
color: #FFF;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 10px 0;
}

#btnDeletepage {
padding: 2px 0;
margin: 5px 0 15px 0;
font-weight: bold;
width: 230px;
color: #FFF;
background-color: #3285BE;
border: 1px solid #FFF;
cursor: pointer;
cursor: hand;
margin: 10px 0;
}

#pageactive {
padding: 5px 0 0 0;
font-size: 90%;
}

.fileremove a {
font-size: 12px;
}

#right .cb {
width: 20px;
}

ol {
margin: 0 0 15px 20px;
list-style-type: none;
}

ol li {
padding: 0 0 10px 0;
}



select#options1, select#options2 {
display: none;
}

/* misc */

#link-federauto {
margin: 0 0 0 25px;
}

#selectboxes {
margin: 0 0 15px 0;
}

#selectboxleft {
float: left;
width: 250px;
}

#selectboxright {
float: left;
width: 240px;
text-align: right;
}

#selectboxleft select {
width: 230px;
display: inline;
}

#selectboxright select {
width: 235px;
}


.barttesting ul {
list-style-type: none;
}

.missingmember {
padding: 5px;
}

.warning {
display: none;
}

.oldstats {
display: none;
background: yellow;

}
table tr td .show, table tr td .hide{
padding-top: 4px;
margin-right: 0px;
}

.show {
display: block;
}

.hide {
display: none;
}

#no_stats_to_enter {
background: #DEDEDE;
padding: 5px;
border: solid 1px #969696;
}

#banner img {
margin-left: 0px;
}

div.vwarning, div.vinfo {
width: 200px;
border: 2px solid #3285BE;
padding: 5px;
position: absolute;
background: #FFFFFF;
top: 0;
right: 20px;
}