@CHARSET "UTF-8";
* {}
html, body {margin: 0px; padding: 0px; width: 100%; height: 100%;}
body {background-image: url("../images/site/body.png"); background-position: top; background-repeat: repeat-x; background-color: #f26522; color: #000; font-family: "Arial"; font-size: 13px;}

h1 {margin: 0px 0px 16px; font-size: 18px;}
h2 {margin: 16px 0px 8px; font-size: 16px;}
img {border: none;}
a {color: #000;}

div.pageindex {margin: 24px 0px; font-size: 11px; color: #777;}
div.pageindex a {color: #777; margin: 0px 4px; text-decoration: none;}
div.pageindex a.pageindex-current {color: #464646;}

div.return {margin: 24px 0px; font-size: 11px; color: #777;}
div.return a {color: #777;}

div.readmore {font-size: 11px; color: #777;}
div.readmore a {color: #777;}

div.options {margin: 24px 0px; padding: 0px 16px; background-color: #FAFAFA; color: #333; line-height: 32px; border-style: solid; border-width: 1px; border-color: #EEE; clear: both;}
div.options a {padding: 0px; margin: 0px 8px 0px 0px; text-decoration: none; font-weight: bold; white-space: nowrap;}
div.options a:after {content: " "; white-space: normal;}

div.overlay-background {background-color: #000000; filter: alpha(opacity=80); -moz-opacity: .8; opacity: .8;}
div.overlay-close {background-image: url("../images/site/close.png"); top: 8px; right: 8px; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat;}

form {width: 100%;}
form h3 {font-size: 13px; margin: 8px 0px 0px;}
form h4 {font-size: 13px; margin: 4px 0px 0px; font-style: italic;}
form p {font-size: 11px; margin: 0px 0px 4px;}
form .text {border-color: #EEE; border-style: solid; border-width: 1px; padding: 2px; width: 100%;}
form textarea {height: 192px;}
form .select {border-color: #EEE; border-style: solid; border-width: 1px; width: 100%;}

div#container {width: 984px; margin: 0px auto; min-height: 200px; background-color: #FFF;}
div#header {padding: 112px 0px 16px; background-image: url("../images/site/header.png"); background-repeat: no-repeat;}
div#header div#logo {float: left; margin: -104px 0px 0px 16px;}
div#header div#quicklinks {float: right; margin: -104px 16px 0px 0px;}
div#header div.menu {height: 32px; background-image: url("../images/site/menu.png"); background-repeat: repeat-x;}
div#main {}
div#main:after {clear: both; content: "."; display: block; height: 0px; visibility: hidden; overflow: none;}
div#main div#left {float: left; padding: 16px; width: 192px;}
div#main div#center {float: left; padding: 16px; width: 504px;} /* width = container (984) - (left + right) (384) - total padding (96) = 504 */
div#main div#right {float: right; padding: 16px; width: 192px;}
div#footer {clear: both; background-color: #f26522; background-image: url("../images/site/footer.png"); background-repeat: no-repeat; background-position: bottom; padding: 0px; margin: 0px;}

div#quicklinks {color: #FFF;}
div#quicklinks a {color: #FFF; text-decoration: none;}

div#right h1 {font-size: 16px; font-weight: normal; color: #464646;}

div#center div.block {margin: 0px 0px 24px;}
div#right div.block {margin: 0px 0px 16px;}

/* Main menu */
div#header div.menu ul.menu {padding: 0px; margin: 0px; font-size: 14px;}
div#header div.menu li.menu-item {float: left; padding: 0px 10px; line-height: 32px; list-style: none; background-image: url("../images/site/menuitem.png"); background-position: center left; background-repeat: no-repeat;}
div#header div.menu li.menu-item-first {background: none;}
div#header div.menu ul.menu li.menu-item-current {background-image: url("../images/site/menuactive.png"); background-position: top left; background-repeat: repeat-x;}
div#header div.menu a {color: #FFF; text-transform: uppercase; text-decoration: none; font-weight: bold;}

/* Sub menu */
div#left div.menu ul.menu {padding: 0px; margin-left: -16px; color: #777;}
div#left div.menu ul.menu li.menu-item a {color: #464646; text-decoration: none;}
div#left div.menu ul.menu li.menu-item {list-style: none; border-color: #777; border-width: 1px 0px 0px; border-style: dotted; width: 176px; padding: 4px 16px;}
div#left div.menu ul.menu li.menu-item-first {border-width: 0px;}
div#left div.menu ul.menu li.menu-item-current {background-color: #EEE;}

/* Trail */
div#center div.trail {color: #f26522; font-size: 11px; margin: 0px 0px 12px;}
div.trail a {color: #464646; text-decoration: none;}
div.trail span.trail-separator {margin: 0px 4px;}

/* Login */
div.login div {clear: both;}
div.login a {color: #777777;}
div.login-field {background-image: url("../images/site/login.png"); background-repeat: no-repeat; height: 22px; margin: 0px 0px 4px; white-space: nowrap; }
div.login-field input.text {background: none; border: none; height: 20px; line-height: 20px; padding: 3px 10px 0px; width: 172px;}
div.login-field input.password {width: 104px; float: left; padding: 3px 0px 0px 10px;}
div.login-field input.submit {color: #FFF; height: 22px; padding: 0px 8px 2px; background-color: transparent; background-image: url("../images/site/loginbutton.png"); background-position: top right; border: none; float: right; vertical-align: middle; *margin-top: -23px;}
div.login-forever {color: #464646; font-size: 11px; padding: 0px 10px;}
div.login-forever input {margin: 0px; vertical-align: bottom;}
div.login-register {font-size: 11px; text-align: right; margin: 16px 0px;}
div.login-logout {text-align: right;}

/* News */
div.news-item-header {margin: 0px 0px 8px;}
div.news-item h3 {margin: 0px; font-family: "Trebuchet MS"; font-size: 16px;}
div.news-item div.news-item-header h3 {font-size: 18px;}
div.news-item h3 a {color: #333; text-decoration: none;}
div.news-item h4 {margin: 0px; color: #777; font-size: 11px; font-weight: normal;}
div.news-item h4 a {color: #777;}
div.news-item div.news-item-start {float: left; font-family: "Arial"; font-weight: bold; font-size: 14px; background-image: url("../images/site/timestamp.png"); background-repeat: no-repeat; background-position: top left; width: 42px; height: 36px; padding: 4px 8px 8px 1px; text-align: center;}
div.news-item span.news-item-start-day {color: #2362ae;}
div.news-item span.news-item-start-month {color: #959595;}
div.news-item span.news-item-start-year {color: #f26522;}
div.news-item-body {clear: both; margin: 16px 0px;}
div.news-item-images {float: left; margin: 0px 8px 8px 0px; text-align: center;}
div.news-item-images a {font-size: 11px; color: #777;}
div.news-item-images-image {float: left; margin: 0px 0px 0px 1px;}
div.news-item-images-image-first {float: left; margin: 0px;}
div.news-item-images-row {height: 136px; margin: 1px 0px 0px;}
div.news-item-images-row-first {margin: 0px;}
div.news-item-images-image img {}
div.news-item-images-all {clear: both; margin: 8px 0px 0px;}
div.news-item-nav {clear: both; margin: 24px 0px; height: 16px;}
div.news-item-nav a {font-size: 11px; color: #777;}
div.news-item-nav-previous {float: left; width: 240px; text-align: left;}
div.news-item-nav-next {float: right; width: 240px; text-align: right;}
div.news-item-tags {font-size: 11px; color: #777; clear: both; margin: 24px 0px;}
div.news-item-tags a {color: #777;}

div.news-imageindex-images {margin: 16px 8px 8px 0px; text-align: center;}
div.news-imageindex-images a {font-size: 11px; color: #777;}
div.news-imageindex-images-image {float: left; margin: 0px 0px 0px 1px;}
div.news-imageindex-images-image-first {float: left; margin: 0px;}
div.news-imageindex-images-row {height: 120px; margin: 1px 0px 0px;}
div.news-imageindex-images-row-first {margin: 0px;}

div.news-images-item div.news-item-images {float: none; width: 483px;}
div.news-images-item div.news-item-images-row {height: 120px;}
div.news-images-item div.pageindex {margin: 8px 0px 0px;}

div.news-image-image {height: 378px; vertical-align: bottom; line-height: 378px; text-align: center;}
div.news-image-image img {vertical-align: bottom; line-height: 378px;}
div.news-image-nav {margin: 8px 0px; font-size: 11px; height: 14px;}
div.news-image-nav a {color: #777;}
div.news-image-nav-next {float: right;}
div.news-image-nav-previous {float: left;}

div.news-index-items div.news-item {background-color: #FAFAFA; margin: 0px 0px 24px; padding: 8px 16px 24px 8px; border-style: solid; border-width: 1px; border-color: #EEE;}
div.news-index-items div.news-item-images-image {margin: 0px;}
div.news-index-items div.news-item-images-image img {border-color: #b6b6b6; border-width: 1px; border-style: solid;}
div.news-index-items div.news-item-footer div.news-item-replies {float: left;}
div.news-index-items div.news-item-footer div.news-item-readmore {float: right;}
div.news-index-items div.news-item-footer {height: 14px; clear: both; margin: 8px 0px 0px; font-size: 11px; color: #777;}
div.news-index-items div.news-item-footer a {color: #777;}
div.news-allitems {text-align: right; margin: 0px 0px 24px;}

div#overlay div.news-image {position: absolute; width: 524px; margin: 0px 0px 0px -262px; left: 50%; top: 32px; color: #FAFAFA;}
div#overlay div.news-image h3 {color: #FFF;}
div#overlay div.news-image h4 {color: #EEEEEE;}
div#overlay div.news-image a {color: #EEEEEE;}
div#overlay div.news-image-image img {border-color: #FFF; border-width: 10px; border-style: solid;}
div#overlay div.news-image div.news-image-nav a {color: #EEE;}
div#overlay div.news-image div.options a {color: #000;}

div.news-item-reply {margin: 0px 0px 16px; background-color: #FFF; border-style: solid; border-width: 1px; border-color: #EEE;}
div.news-item-reply-header {padding: 4px 16px; background-color: #FAFAFA; border-style: solid; border-width: 0px 0px 1px; border-color: #EEE;}
div.news-item-reply-header div.news-item-reply-details {font-size: 11px;}
div.news-item-reply-header div.options {border-width: 1px 0px 0px; margin: 4px -16px -4px; padding: 0px 16px;}
div.news-item-reply-body {padding: 16px;}

div.news-item-replyform form table td {vertical-align: top;}
div.news-item-replyform form table td.description {width: 96px; padding: 0px 16px 4px 0px;}
div.news-item-replyform form table td.field {width: 320px; padding: 0px 0px 4px;}
div.news-item-replyform form table td.field .text {width: 316px;}

/* Agenda */
div.news-index-agenda div.news-item {clear: both; background-color: transparent; border: none; padding: 0px; margin: 0px 0px 16px;}
div.news-index-agenda div.news-item div.news-itemheader {margin: 0px;}

div#right div.latestnews-agenda {background-image: url("../images/site/agenda.png"); background-repeat: no-repeat; background-position: top left; padding: 16px; height: 208px;}
div#right div.latestnews-agenda h1 {margin: 0px 0px 8px;}
div#right div.latestnews-agenda p {margin: 0px;}
div#right div.latestnews-agenda div.news-allitems {text-align: right;}
div#right div.latestnews-agenda div.news-index-items {height: 160px; margin: 0px 0px 8px; overflow: hidden;}
div#right div.latestnews-agenda div.news-item {padding: 0px; margin: 0px 0px 8px; background: none; border: none;}
div#right div.latestnews-agenda div.news-item-start {float: none; width: auto; height: auto; font-size: 11px; background: none; text-align: left; margin: 0px; padding: 0px; font-weight: normal; color: #a0a0a0;}
div#right div.latestnews-agenda h3 {font-size: 13px; margin: 0px; font-weight: normal; font-family: "Arial";}

/* Logo's linkerkolom */
div.logos {background-image: url("../images/site/back_logo.png"); background-repeat: no-repeat; background-position: top left; padding: 8px; height: 180px; margin-top:24px;}
div.google_translateheader {margin :0px 0px 8px 4px; }
div#google_translate_element {margin :0px 0px 48px 0px;}

div.googlesearch {margin :0px 0px 48px 0px;}



/* User index */
div.userindex-users-part {height: 112px;}
div.userindex-users-user {height: 80px; float: left; width: 216px; background-color: #FAFAFA; margin: 0px 0px 8px 16px; padding: 8px 16px 8px 8px; border-style: solid; border-width: 1px; border-color: #EEE;}
div.userindex-users-user-first {margin-left: 0px;}
div.userindex-users-user h3 {font-family: "Trebuchet MS"; margin: 0px; font-size: 18px;}
div.userindex-users-user h3 a {text-decoration: none;}
div.userindex-users-user p {margin: 0px;}
div.userindex-users-user div.userindex-users-user-description {height: 64px; font-size: 11px; color: #777;}
div.userindex-users-user-image {float: left; margin: 0px 16px 0px 0px;}
div.userindex-users-user div.readmore {clear: both; text-align: right;}

/* Userprofile */
div.userprofile-profile-header {background-color: #FAFAFA; margin: 0px 0px 24px; padding: 8px 16px 24px 8px; border-style: solid; border-width: 1px; border-color: #EEE;}
div.userprofile-profile-header h3 {margin: 0px; font-family: "Trebuchet MS"; font-size: 18px;}
div.userprofile-profile-fullname {margin: 0px; color: #777; font-size: 11px; font-weight: normal;}
div.userprofile-profile-email {margin: 0px; color: #777; font-size: 11px; font-weight: normal;}
div.userprofile-profile-header div.userprofile-profile-image {float: left; margin: 16px 8px 8px 0px;}
div.userprofile-profile-header p {}

div.userprofile-profile dl {}
div.userprofile-profile dl:after {clear: both; content: "."; display: block; height: 0px; visibility: hidden; overflow: none;}
div.userprofile-profile dt {float: left; clear: both; width: 112px; margin: 0px 16px 8px 0px; font-weight: bold;}
div.userprofile-profile dl.userprofile-profile-userdetails-extrafields dt {width: 176px;}
div.userprofile-profile dd {float: right; width: 360px; margin: 0px 0px 8px;}
div.userprofile-profile dl.userprofile-profile-userdetails-extrafields dd {width: 296px;}

/* Usergroupmanager */
div.usergroupmanager-index-usergroups-usergroup {margin: 0px 0px 24px; padding: 8px 16px 24px 8px; background-color: #FAFAFA; border-color: #EEE; border-style: solid; border-width: 1px;}
div.usergroupmanager-index-usergroups-usergroup h3 {margin: 0px; font-family: "Trebuchet MS"; font-size: 16px;}
div.usergroupmanager-index-usergroups-usergroup p {margin: 0px;}
div.usergroupmanager-index-usergroups-usergroup div.options {margin: 16px -16px -24px -8px; border-width: 1px 0px 0px;}

/* Latest newsimages */
div#right div.latestnewsimages div.news-index-images {margin: 0px 0px 8px;}
div#right div.latestnewsimages div.news-index-images-part {height: 64px; width: 200px; margin: 1px 0px 0px;}
div#right div.latestnewsimages div.news-index-images-part-first {margin: 0px;}
div#right div.latestnewsimages div.news-item {background: none; border: none; margin: 0px 0px 0px 1px; float: left;}
div#right div.latestnewsimages div.news-item-first {margin: 0px;}

/* Latest users */
div#right div.latestusers {}
div#right div.latestusers div.latestusers-users {margin: 0px 0px 8px;}
div#right div.latestusers div.latestusers-users-part {height: 64px; width: 200px; margin: 1px 0px 0px;}
div#right div.latestusers div.latestusers-users-part-first {margin: 0px;}
div#right div.latestusers div.latestusers-users-user {background: none; border: none; margin: 0px 0px 0px 1px; float: left;}
div#right div.latestusers div.latestusers-users-user-first {margin: 0px;}
div#right div.latestusers div.latestusers-allusers {margin: 0px 0px 24px; text-align: right;}

/* Latest messages */
div#right div.latestmessages {background-image: url("../images/site/agenda.png"); background-repeat: no-repeat; background-position: top left; padding: 16px; height: 208px;}
div#right div.latestmessages h1 {margin: 0px 0px 8px;}
div#right div.latestmessages div.latestmessages-messages {height: 180px; overflow: hidden;}
div#right div.latestmessages div.latestmessages-messages-message {margin: 0px 0px 8px;}
div#right div.latestmessages div.latestmessages-messages-message h3 {margin: 0px; font-size: 11px; color: #777; font-weight: normal;}
div#right div.latestmessages div.latestmessages-messages-message p {margin: 0px; white-space: nowrap;}
div#right div.latestmessages div.latestmessages-messages-message a {text-decoration: none;}

/* Sitemap */
div.sitemap {padding: 2px 16px 36px; margin: 0px 0px 0px; background-image: url("../images/site/sitemap.png"); background-position: top; background-repeat: no-repeat; border: 0px solid #ff0000}
div.sitemap:after {clear: both; content: "."; display: block; height: 0px; visibility: hidden; overflow: none;}
div.sitemap a {font-size: 11px; color: #FFF; text-decoration: none;}
div.sitemap-pages-page div.sitemap-page-title {display: none;}
div.sitemap-pages-part div.sitemap-pages-part {clear: both;}
div.sitemap-pages-page div.sitemap-pages-page {float: left; width: 199px; margin: 16px 8px 0px; padding: 0px 8px; border-color: #FFF; border-style: solid; border-width: 0px 0px 0px 1px;}
div.sitemap-pages-page div.sitemap-pages-page-first {border: none;}
div.sitemap-pages-page div.sitemap-pages-page div.sitemap-page-title {display: block;}
div.sitemap-pages-page div.sitemap-pages-page div.sitemap-pages-page {float: none; margin: 0px; padding: 0px; border: none;}

div.notifications-nonotifications {display: none;}
div.notifications {background-color: #ffc8ae; margin: 0px 0px 24px; padding: 16px 16px 16px 8px; border-style: solid; border-width: 1px; border-color: #d5461b;}
div.notifications div.notifications-index ul {padding: 0px 0px 0px 20px; margin: 0px;}
div.notifications li.notification {list-style-image: url("../images/site/notification.png");}
div.notifications li.notification-component span.notification-prefix {display: none;}