/* main layout */
body, html {
    margin: 0;
    padding: 0;
    background-color: #FFF;
}
body * {
    font: 12px/1.25 Arial, Helvetica, sans-serif;
    color: #000;
}
#pageHeader {
    position: absolute;
    top: 0;
    width: 100%;
    height: 84px;
    overflow: hidden;
    background-color: #FFF;
    z-index: 100;
}
#main {
    margin-top: 84px;
    background: #FFF url(../images/vvkNavLeft.png) repeat-y top left;
}
#mainCat {
    position: absolute;
    background-color: #FFF;
    width: 161px;
    padding: 15px 0 21px 24px;
}
#navLeft {
    position: absolute;
    top: 130px;
    bottom: 0;
    width: 185px;
    background: #000 url(../images/navRoundedCorner.png) no-repeat top right;
    padding-top: 12px;
}
#contentArea {
    margin: 0 0 0 209px;
    position: absolute;
    top: 84px;
    bottom: 67px;
    left: 209px;
    right: 0;
    overflow: auto;
    margin: 0;
    z-index: 200;
}
#pageFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 67px;
    background-color: #000;
    overflow: hidden;
}

/* general stuff */
h1, h1 * {
    font-weight: bold;
    font-size: 15px;
    margin: 2.4em 0;
}
h2, h2 * {
    font-weight: bold;
    margin: 1.25em 0 0;
}
h3 {
    font-weight: bold;
    margin: 1.25em 0 0;
}
h4 {
    font-style: italic;
    margin: 1.25em 0 0;
}
h5 {
    margin: 1.25em 0 0;
}
h6 {
    margin: 1.25em 0 0;
}
p {
    margin: 0 0 1.25em;
}
    
a img {
    border: 0;
}/* 
a:link {
    color: #44A;
}
a:visited {
    color: #866;
}
a:hover {
    color: #00F;
}
a:active {
    color: #900;
} */
a:link, a:link *, #home #laatsteNieuws .mainMenuGr a:link {
    color: #17426D;
}
a:visited, a:visited *, #home #laatsteNieuws .mainMenuGr a:visited {
    color: #808080;
}
a:hover, a:hover *, #home #laatsteNieuws .mainMenuGr a:hover {
    color: #CFC619;
}
a:active, a:active *, #home #laatsteNieuws .mainMenuGr a:active {
    color: #CFC619;
}
strong, strong * {
    font-weight: bold;
}
em {
    font-style: italic;
}
hr.clear, hr.clearLeft {
    clear: both;
    display: block;
    visibility: hidden;
    border: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
}
hr.clearLeft {
    clear: left;
}
table, td, th {
    width: auto !important;
    border-spacing: 0;
    margin: 1.5em 0;
    padding: 0;
    background-color: #FFF;
}
table table {
    margin: 0;
    padding: 0;
}
td {
    padding: 3px 6px;
    border-bottom: 1px dotted #CFC619;
}
.figureCell {
    text-align: right;
}
th {
    font-weight: bold;
    padding: 3px 6px;
    border-bottom: 1px solid #CFC619;
    vertical-align: bottom;
}
.textCell, .dateTimeCell {
    text-align: left;
}
tr:hover td {
    background-color: #F6F5DD;
}
fieldset {
    border: 1px solid #CFC619;
    margin: 1.25em 0 2.5em;
}
fieldset fieldset {
    margin: 1.25em 0;
    border-style: solid;
}
legend, legend strong {
    font-weight: bold;
}
ol, ul {
    margin: 0 0 1.25em 2.5em;
    padding-left: 0;
}
ol ol, ol ul, ul ul, ul ol {
    margin-bottom: 0;
}

/* pageHeader */
#logo {
    position: fixed;
    top: 0;
}
#topBar {
    height: 50px;
    background-color: #000;
}
#logInOut {
    position: absolute;
    top: 25px;
    left: 311px;
}
#logInOut img, #logInOut #authsystemLogout a:hover img {
    background-color: #FFF;
}
#logInOut:hover img, #logInOut #authsystemLogout a img {
    background-color: #CFC619;
}


#topBar ul {
    position: absolute;
    top: 24px;
    right: 12px;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#topBar li {
    float: left;
    width: auto;
    margin: 0;
    padding: 0 8px 0 0;
}
#topBar #navTop a:link, #topBar #navTop a:visited {
    background-color: #FFF;
    text-decoration: none;
}
#topBar #navTop a:hover, #topBar #navTop a:active {
    background-color: #CFC619;
    text-decoration: none;
}
#navTop #navActiviteiten a {
    display: block;
    width: 84px;
    height: 26px;
    background: url(../images/navActiviteiten2.png) no-repeat;
}
#pageActiviteiten #navTop #navActiviteiten a {
    background-color: #CFC619;
}
#navTop #navNieuws a {
    display: block;
    width: 58px;
    height: 26px;
    background: url(../images/navNieuws2.png) no-repeat;
}
#pageNieuws #navTop #navNieuws a {
    background-color: #CFC619;
}
#navTop #navPrudentie a {
    display: block;
    width: 127px;
    height: 26px;
    background: url(../images/navOmbudsprudentie2.png) no-repeat;
}
#pagePrudentie #navTop #navPrudentie a {
    background-color: #CFC619;
}
#navTop #navForum a {
    display: block;
    width: 52px;
    height: 26px;
    background: url(../images/navForum2.png) no-repeat;
}
#pageForum #navTop #navForum a {
    background-color: #CFC619;
}

#topBar .popupArea {
    position: absolute;
    top: 50px;
    width: 377px;
    background: #CFC619 url(../images/popupRoundedCorner.png) no-repeat left bottom;;
    height: 17px;
    right: 0;
}
#topBar .popup ul {
    top: 26px;
    left: 12px;
    width: 365px;
}
#topBar .popup li {
    padding-right: 16px;
}
#navTop li .popup {
    visibility: hidden;
}
#navTop li:hover .popup {
    visibility: visible;
}
#topBar #navTop li:hover a {
    background-color: #CFC619;
}
#topBar #navTop .popup a {
    width: auto;
    height: 17px;
    text-decoration: none;
    font-size: 11px;
    background-color: transparent;
    background-image: none;
    color: #000;
}
#topBar #navTop .popup a:hover {
    color: #FFF;
}
#topBar .popup .xar-menu-item-current a {
    font-weight: bold;
}

/* left navigation bar */
#mainCat img {
    display: block;
}

#navLeft a, #navLeft * {
    color: #FFF;
    background-color: #000;
    text-decoration: none;
    margin: 0;
}
#navLeft * {
    font-weight: bold;
}
#navLeft a {
    font-weight: normal;
}
#navLeft a:hover {
    color: #CFC619;
}
#navLeft ul {
    margin-left: .5em;
    padding: .5em 0 0 .5em;
    list-style-type: none;    
}
#navLeft .xar-block-title {
    padding: 1em 0 0 .5em;
}
#navLeft .xar-block-foot {
    height: 67px;
}

#subMenu {
    padding-top: 3px;
}
#subMenu .xar-block-head {
    display: none;
}
#navLeft #subMenu ul, #navLeft #subMenu li {
    margin: 0;
    padding: 0;
}
#navLeft #subMenu ul ul li {
    margin: 0 6px 0 24px;
    padding: 4px 0;
}
#subMenu .xar-menu-item-current a {
    font-weight: bold;
}

#navLeft a#home {
    position: absolute;
    bottom: 78px;
    left: 36px;
    width: 31px;
    height: 12px;
}
#navLeft a#home img {
    background-color: #FFF;
}
#navLeft a#home:hover img {
    background-color: #CFC619;
}

/* pageContent */
#moduleSpace {
    padding: 14px 24px 30px 0;
}
#moduleSpace .xar-mod-head {
    margin-bottom: 2.4em;
}
#moduleSpace .xar-mod-title {
    font-weight: bold;
    font-size: 15px;
}
#moduleSpace label.xar-mod-title {
    font-size: 12px;
}
#moduleSpace h1.xar-mod-head {
    margin: 0 0 1.8em;
}
#moduleSpace h2 a {
    font-weight: bold;
    text-decoration: none;
}
#moduleSpace #catsHookItems {
    margin-left: 9.625em;
}
#moduleSpace .xar-form-input-wrapper #catsHookItems select {
    margin: 0 .25em .25em 0;
    min-width: 45%;
    float: left;
    width: 12em;
}
#moduleSpace .basePropsShowinputCheckboxlist, #moduleSpace .basePropsShowinputCheckboxmask, #moduleSpace .basePropsShowinputRadio {
    margin-left: 9.625em;
}
#moduleSpace .checkboxLabelPair, #moduleSpace .radioLabelPair {
    white-space: nowrap;
    display: block;
    margin: .25em 0;
}
/* Repare errors from the xarcore-xhtml1-strict stylesheet */
#moduleSpace .xar-form-input-wrapper {
    padding: .33em 0 0;
    clear: left;
}
#moduleSpace .xar-form-input-wrapper input, #moduleSpace .xar-form-input-wrapper textarea, #moduleSpace .xar-form-input-wrapper select, #moduleSpace .xar-form-input-wrapper button {
    margin-top: -.33em;
}
#moduleSpace .xar-form-input-wrapper-after {
    clear: left;
    padding-left: 9.625em;
    margin-bottom: 0;
}
#moduleSpace .xar-form-label {
    width: 9em;
    text-align: right;
    padding: 0 .625em 0 0;
}
#moduleSpace .xar-form-labelshort {
    width: 9em;
    text-align: right;
    padding: 0 .625em 0 0;
    font-style: italic;
}
#moduleSpace .lableTextPair {
    display: block;
    margin: .33em 0;
}
#moduleSpace .xar-form-container-after {
    margin: 0;
}
#moduleSpace .xar-clearboth {
    clear: none;
}
#moduleSpace fieldset .xar-align-center {
    text-align: left;
    padding-left: 9.625em;
}
#moduleSpace fieldset td.xar-align-center {
    padding-left: .3em;
}
#moduleSpace fieldset .xar-form-textmedium {
    width: 15em;
}
#moduleSpace fieldset .xar-form-textareasmall, #moduleSpace fieldset .xar-form-textareamedium, #moduleSpace fieldset .xar-form-textarealarge,
#moduleSpace fieldset .xar-form-textlong {
    width: 60%;
    min-width: 18em;
}
#moduleSpace fieldset table.xar-fullwidth td .xar-form-textlong {
    width: 100%;
    min-width: 1em;
}
    
#moduleSpace .xar-form-container-after {
    margin: .625em 0 0 9.625em;
}

/* articles */
#moduleSpace .articlesDisplay h2 a {
    text-decoration: underline;
}
.articlesDatumTijd {
    font-style: italic;
}
.articlesDisplay .articlesDatumTijd {
    margin: 1.25em 0 0;
    border-left: 4px solid #CFC619;
    padding-left: .5em;
}
.articlesDisplay .articlesPostedBy a:hover {
    color: #FFF;
}
.articlesLocatie, .articlesDisplay .articlesVastgesteld {
    margin: 0 0 1.25em;
    border-left: 4px solid #CFC619;
    padding-left: .5em;
}
.articlesSummary .articlesVastgesteld {
    font-weight: normal;
}
.pubtypeNieuws h2 em {
    font-weight: normal;
}
.articlesNotes {
    margin: 1.25em 0;
}
.articlesPostedBy {
    margin: 1.25em 0 2.5em;
    text-align: right;
    padding: 0 .45em;
    background-color: #CFC619;
    font-weight: bold;
}
.articlesPostedBy a {
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
}

/* authsystem */
#authUserShowloginform fieldset {
    margin-bottom: 0;
}

/* dynamic data */
#ddShowviewVvkXt thead * {
    font-weight: bold;
}
#ddShowviewVvkXt tfoot td {
    text-align: center;
    border-bottom: 0;
    padding: 1.2em 0 2.4em;
    font-weight: bold;
}
#ddShowviewVvkXt tfoot td:hover {
    background-color: transparent;
}
#ddShowviewVvkXt tfoot td a {
    font-weight: bold;
}

/* xarbb */
#moduleSpace .forumName * {
    font-weight: bold;
}
#moduleSpace .xarbbTopicIcon {
    font-style: italic;
}
#moduleSpace #xarbbUserViewtopic table {
    border-bottom: 3px solid #CFC619;
    margin-bottom: 2.5em;
}
#moduleSpace #xarbbUserViewtopic th {
    background-color: #CFC619;
    border-bottom: 0;
}
#moduleSpace #xarbbUserMain td, #moduleSpace #xarbbUserViewforum td, #moduleSpace #xarbbUserViewtopic td {
    vertical-align: top;
    border-bottom-style: solid;
}
#moduleSpace #xarbbUserViewtopic .controls {
    margin-top: .625em;
    border-top: 1px dotted #CFC619;
    padding: .3em 0 .625em;
    text-align: right;
}
#moduleSpace #xarbbUserViewtopic .dateTimeCell {
    width: 9em !important;
}
#moduleSpace .xarbbNewtopMlButton {
    position: relative;
    margin: 1.25em 0 1.25em 138px;
    height: 1em;
    background-color: #CFC619;
}
#moduleSpace .xarbbNewtopMlButton a {
    position: absolute;
    top: -6px;
    left: -138px;
}
#moduleSpace #firstPost td {
    border-bottom-style: solid;
    background-color: #F6F5DD;
}
#moduleSpace #xarbbUserNewtopic h2 em {
    font-weight: normal;
}
#moduleSpace #sitesearchUserMain h1 em {
    font-weight: normal;
    font-size: 12px;
}
#moduleSpace .sendcopy {
    margin-bottom: .625em;
}
#moduleSpace .styledButton {
    border: 0;
    background-color: #CFC619;
    font-weight: bold;
    padding: .15em .3em;
    margin-top: .6em;
}

/* pageFooter */
#botSecBar {
    height: 17px;
    background-color: #CFC619;
}
#botBar ul {
    list-style-type: none;
    margin: 0 0 0 24px;
    padding: 0;
}
#botBar li {
    float: left;
    width: auto;
    padding: 0 8px 0 0;
}
#botBar #navBot a:link, #botBar #navBot a:visited {
    background-color: #FFF;
    text-decoration: none;
}
#botBar #navBot a:hover, #botBar #navBot a:active {
    background-color: #CFC619;
    text-decoration: none;
}
#navBot #navVereniging a {
    display: block;
    width: 132px;
    height: 25px;
    background: url(../images/navOverDeVereniging2.png) no-repeat;
}
#pageVereniging #botBar #navBot #navVereniging a {
    background-color: #CFC619;
}
#navBot #navLidmaatschap a {
    display: block;
    width: 101px;
    height: 25px;
    background: url(../images/navLidmaatschap2.png) no-repeat;
}
#pageLidmaatschap #botBar #navBot #navLidmaatschap a {
    background-color: #CFC619;
}
#navBot #navLeden a {
    display: block;
    width: 111px;
    height: 25px;
    background: url(../images/navGegevensLeden2.png) no-repeat;
}
#pageLeden #botBar #navBot #navLeden a {
    background-color: #CFC619;
}
#navBot #navLinks a {
    display: block;
    width: 45px;
    height: 25px;
    background: url(../images/navLinks2.png) no-repeat;
}
#pageLinks #botBar #navBot #navLinks a {
    background-color: #CFC619;
}
#navBot #navContact a {
    display: block;
    width: 62px;
    height: 25px;
    background: url(../images/navContact2.png) no-repeat;
}
#pageContact #botBar #navBot #navContact a {
    background-color: #CFC619;
}
#navBot .popup {
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 12px;
    width: 600px;
}
#navBot li:hover .popup {
    visibility: visible;
}
#botBar .popup li {
    padding-right: 16px;
}
#botBar #navBot .popup a {
    background-color: transparent;
    background-image: none;
    width: auto;
    height: 16px;
    font-size: 11px;
    text-decoration: none;
    color: #000;
}
#botBar #navBot li:hover a {
    background-color: #CFC619;
}
#botBar #navBot .popup a:hover {
    color: #FFF;
}
#botBar .popup .xar-menu-item-current a {
    font-weight: bold;
}

#pageFooter #globalSearch {
    float: right;
    width: auto;
    text-align: right;
    padding: 12px;
}/*
td.xar-align-center #search {
    float: none;
    text-align: left;
    padding: 1px;
}*/
#pageFooter #globalSearch form {
    padding: 0;
    margin: 0;
}
#pageFooter #globalSearch fieldset {
    border: 0;
    padding: 0;
    margin: 0;
}
#pageFooter #globalSearch .searchTerm {
    position: relative;
    top: -3px;
    width: 102px;
    height: 17px;
    margin: 0 6px 0 0;
    padding: 0 2px;
    border: 1px dashed #CFC619;
    background-color: #000;
    color: #FFF;
    line-height: 17px;
}

/* homepage */
#home #contentArea {
    margin: 0;
    left: 0;
}
#home #moduleSpace {
    margin: 0;
    padding: 0;
}
#home #introductie {
    position: absolute;
    top: 33px;
    right: 235px;
    bottom: 0;
    left: 235px;
    z-index: 10;
    border: 4px solid #000;
    border-width: 4px 4px 0;
    background-color: #FFF;
    padding: 17px 16px;
}
#home h1 {
    margin: 18px 0 15px;
    line-height: 15px;
}
#home #introductie p {
    margin: 0;
}
#home #laatsteActiviteit {
    position: absolute;
    top: 50px;
    bottom: 67px;
    width: 100%;
    border: 4px solid #000;
    border-width: 4px 0;
    background-color: #CFC619;
}
#home #laatsteActiviteit #articlesTopitems {
    padding-left: 24px;
    width: 195px;
}
#home #laatsteActiviteit a:hover {
    color: #FFF;
}
#home #laatsteNieuws {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -71px;
    width: 153px;
    padding: 0 16px;
    background-color: #000;
}
#home #laatsteNieuws h2, #home #laatsteNieuws a {
    color: #FFF;
}
#home #laatsteActiviteit h3, #home #laatsteNieuws h2 {
    font-size: 15px;
    font-weight: bold;
    font-style: normal;
    margin: 18px 0 15px;
}
#home #laatsteNieuws h3 a {
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}
#home #laatsteNieuws h3 a:hover {
    color: #CFC619;
}
#home #laatsteActiviteit #laatsteNieuws #articlesTopitems {
    padding-left: 0;
    width: auto;
}

/* Admin stuff */
.mainMenuGr {
    float: right;
    width: 10em;
    clear: right;
    margin: 0 0 6px 12px;
    border: 1px dotted #000;
    border-width: 1px 0 1px 1px;
    padding: 2px 0 0 6px;
    background-color: #FCFCF3;
}
#home #laatsteNieuws .mainMenuGr {
    margin-right: -16px;
}
.mainMenuGr .xar-block-title {
    margin: 0;
    padding-right: 6px;
    border-bottom: 1px solid #CFC619;
    font-weight: bold;
    color: #CFC619;
}
.mainMenuGr ul {
    margin: 0 6px 6px 0;
    padding: 0;
    list-style-type: none;
}
.mainMenuGr ul ul ul {
    margin: 0 0 3px;
    padding-left: 9px;
}
.mainMenuGr h4 {
    font-weight: bold;
    font-style: normal;
    margin: 3px 0 0;
}
.mainMenuGr a:link {
    text-decoration: none;
}
.mainMenuGr a:visited  {
    text-decoration: none;
}
.mainMenuGr a:hover {
    text-decoration: underline;
}
#moduleSpace {
    margin-right: 10em;
    padding-right: 24px;
}

.xar-error, .xar-error * {
    font-weight: bold;
    color: #C00;
}

#viewarticles h3 {
    border-top: 1px solid #CFC619;
    padding: .5em;
    margin-top: 3em;
}
#viewarticles h3 a {
    font-weight: bold;
    font-size: 15px;
}
#viewarticles h3 a:visited {
    color: #17426D;
}

/* temporary styles */