* {margin: 0px; padding: 0px;}
html, body {text-align: center; width: 100%; height: 100%; background: url(../images/bg_space.jpg) repeat scroll 0px 0px;}
body, table {font-family: "Trebuchet MS", Verdana, Helvetica; font-size: 14px; color: #333333;}
table, tr, th, td {border-spacing: 0px;}
img {border: none; border-width: 0px;}
fieldset legend {padding: 0px 3px 0px 3px; margin-left: 5px; font-weight: bold; color: #04669C; font-size: 16px;}
input, textarea, select {font-family: "Trebuchet MS", Verdana, Helvetica; font-size: 14px; color: #333333;}
textarea {overflow: auto;}
ul {padding: 0px 0px 0px 25px;}
ol {padding: 0px 0px 0px 30px;}
li {padding: 0px; margin: 0px;}
h1 {font-size: 24px; margin: 0px 0px 20px 0px;}
h2 {font-size: 20px; margin: 0px 0px 20px 0px;}
big {font-size: 120%;}
strong {font-size: 16px;}


#divContainer {min-width: 750px; max-width: 995px; min-height: 100%; margin: 0px auto 0px auto; border-left: 1px solid #909090; border-right: 1px solid #909090; background-color: #E0FFE0;}
  #divHeader {height: 160px; width: 100%; text-align: left; padding: 0px; border-bottom: 1px solid #909090; background-color: #CCFFCC;}
  #tblHeader {width: 100%;}
    #tdLogo {width: 210px; height: 160px; vertical-align: top;}
    #tdLogo img {margin-top: 5px;}
    #tdHeader {padding: 20px 20px 0px 20px; color: #3333FF; vertical-align: top; text-align: center;}
      #lblHeader {font-size: 48px; font-weight: bold; font-family: "Times New Roman", Verdana, Helvetica; display: block; margin-right: 30px;}
      #lblSubHeader {font-size: 32px; font-weight: normal; font-family: Arial, "Trebuchet MS", Verdana, Helvetica;}
  #tblContainer {width: 100%; height: 100%;}
    #tdMenu {width: 190px; padding: 5px 0px 5px 0px; text-align: left; vertical-align: top; border-right: 1px solid #909090; background-color: #CCFFCC;}
    #tdContent {text-align: left; vertical-align: top; padding: 20px 20px 20px 20px; line-height: 140%;}
      #divMessages {text-align: center;}
        #imgHideMessages {float: right; cursor: pointer; margin: 10px 10px 10px 10px;}


/* Linkjes */
#tdContent a {color: #04669C;}
#tdContent a:link, #tdContent a:visited {text-decoration: none;}
#tdContent a:hover {text-decoration: underline;}


/* Menu */
ul.menu, ul.menu ul {list-style-type: none; margin: 0px; padding: 0px;}
ul.menu li {padding: 0px; margin: 0px;}
ul.menu li a {}
ul.menu li li a {}
ul.menu li span {display: block; padding: 2px 10px 1px 10px; color: #333333; text-decoration: none; font-weight: normal;}
ul.menu li.opened span {font-weight: bold;}
ul.menu li.opened li span {font-weight: normal;}
ul.menu li ul.closed {display: none;}
ul.menu li li span {display: block; padding: 2px 10px 1px 25px; color: #333333; text-decoration: none; font-weight: normal;}
ul.menu li#current span {color: #333333; font-weight: bold; text-decoration: none;}
ul.menu li#current li span {color: #333333; font-weight: normal; text-decoration: none;}
ul.menu li span:hover {color: #333333; background-color: #B8D4EA; font-weight: normal; text-decoration: none;}
ul.menu li.opened span:hover {font-weight: bold;}
ul.menu li#current span:hover {color: #333333; text-decoration: none; font-weight: bold;}
ul.menu li#current li span:hover {color: white; background-color: #769ACC; font-weight: normal; text-decoration: none;}

#tdMenu #articlemenu {padding: 10px 10px 10px 10px; margin-bottom: 20px;}
#tdMenu #membermenu {padding: 0px 10px 0px 10px;}


/* Classes (template HTML + Joomla) */
div.componentheading {color: #04669C; font-size: 18px; font-weight: bold; margin-bottom: 20px;}
td.componentheading {color: #04669C; font-size: 18px; font-weight: bold; padding-bottom: 20px;}
td.contentheading {color: #04669C; font-size: 18px; font-weight: bold; padding-bottom: 20px;}
td.buttonheading {vertical-align: top;}
td.buttonheading img {margin-left: 10px;}

/* Classes (template HTML) */
.divSeperator {width: 100%; height: 1px; background-color: #909090; margin-bottom: 10px;}
.imgDropDownArrow {float: right; cursor: pointer; margin: 1px 1px 0px 0px;}


/* View: Category (template HTML) */
#divCategoryDescription {width: 100%; margin: 0px 0px 20px 0px;}
#divCategoryDescription .imgCategory {float: left; margin: 0px 10px 0px 0px;}
#tblArticleList {width: 100%; border-collapse: collapse; border: 1px solid #909090;}
#tblArticleList td {background-color: #F7F7F7; padding: 2px 5px 2px 5px;}
#tblArticleList .tdFilter {border: 1px solid #909090; padding: 3px 5px 4px 5px;}
#tblArticleList .tdFilter input.inputbox {width: 200px;}
#tblArticleList .sectiontableheader {border: 1px solid #909090; background-color: #D3DCE8; font-weight: bold;}
#tblArticleList .sectiontableheader img {margin: 0px 0px 0px 10px;}
#tblArticleList .sectiontableheader a {color: #333333;}
#tblArticleList .tdBorder {border: 1px solid #909090;}


/* View: Category Blog (template HTML) */
.tblBlog {width: 100%;}
.tblBlog .tdLeftColumn {width: 50%; padding: 0px 10px 0px 0px; vertical-align: top;}
.tblBlog .tdRightColumn {width: 50%; padding: 0px 0px 0px 10px; vertical-align: top;}
.tblBlogArticle {width: 100%; border-collapse: collapse; margin-bottom: 20px;}
.tblBlogArticle td {padding: 2px 5px 2px 5px;}
.tblBlogArticle .thTitle {background-color: #D3DCE8; padding: 2px 2px 2px 5px; border: 1px solid #909090;}
.tblBlogArticle .tdCreated {background-color: #FFFFCC;}
.tblBlogArticle .tdModified {background-color: #FFFFCC;}
.tblBlogArticle .tdText {background-color: #F7F7F7; border: 1px solid #909090;}
#divUnpublishedMessage {width: 97%; margin: 10px 0px 30px 0px; padding: 5px 10px 5px 10px; border: 1px solid #909090; background-color: #FFFFCC; font-weight: bold; color: #3366FF;}


/* View: Section (template HTML) */
/*
#tblCategories {width: 100%; border-collapse: collapse;}
#tblCategories th {background-color: #D3DCE8; border: 1px solid #909090; padding: 3px 5px 3px 5px; font-size: 16px; font-weight: bold;}
#tblCategories td {background-color: #F7F7F7; border: 1px solid #909090; vertical-align: top;}
#tblCategories .tdCategory  {padding: 2px 5px 2px 5px;}
#tblCategories .tdCategory a {font-weight: bold;}
#tblCategories .tdExtraInfo {padding: 2px 5px 2px 5px;}
#tblCategories .imgDropDownArrow {float: right; cursor: pointer; margin: 1px -2px 0px 10px;}
*/


/* Editor (template HTML) */
/*
#frmArticle #btnSave {float: right; margin-left: 5px; width: 90px; height: 24px;}
#frmArticle #btnCancel {float: right; margin-left: 5px; width: 90px; height: 24px;}
#tblArticleForm {width: 100%; border-collapse: collapse; border: 1px solid #909090; background-color: #F0F0EE;}
#tblArticleForm #trTitle td {vertical-align: middle; padding: 10px 5px 5px 5px;}
#tblArticleForm #trPublished td {vertical-align: middle; padding: 5px 5px 5px 5px;}
#tblArticleForm .tdLabel {width: 100px; text-align: right;}
#tblArticleForm .tdInput {text-align: left;}
#tblArticleForm input#title {width: 80%;}
#tblArticleForm #tdEditor {text-align: left; vertical-align: top; border: 1px solid #909090;}
#editor-xtd-buttons {padding: 6px 5px 4px 5px; background-color: #F0F0EE; height: 25px; border: 1px solid #909090;}
*/

/* Drop down menu (template HTML) */
#tblDropDownMenu {background-color: #E8E8FF; border: 1px solid #909090;}
#tblDropDownMenu td {padding: 0px;}
#tblDropDownMenu img {margin: 0px auto 0px auto;}
#tblDropDownMenu label {display: block; width: 120px; padding: 1px 3px 1px 3px;}
#tblDropDownMenu .tdIcon {text-align: center; width: 18px; vertical-align: top;}
#tblDropDownMenu .tdLabel {text-align: left; vertical-align: top;}
#tblDropDownMenu tr, #tblDropDownMenu td, #tblDropDownMenu img, #tblDropDownMenu label {cursor: pointer;}
#tblDropDownMenu tr:hover {background-color: #779ACD; color: white;}


/* Login/Logout formulier (template HTML) */
#com-form-login #divText {width: 700px;}
#com-form-login #tblLogin {border: 1px solid #909090; background-color: #DFE6EF; margin: 30px auto 20px auto;}
#com-form-login #tblLogin td {padding: 5px 10px 5px 10px; vertical-align: top;}
#com-form-login #imgLock {margin: 5px 0px 0px 20px;}
#com-form-login #btnLogin {width: 100px; height: 25px; margin-top: 10px;}



/* JCE editor - Path balk niet weergeven */
tr.mceLast, .mceStatusbar {display: none;}


/*
  Attachments (plugin)
  Laadde eerst een eigen CSS bestand, heb ik uitgeschakeld.
*/
/* "Bijlage toevoegen" niet weergeven onder elk artikel */
div.addattach {display: none;}

div.attachmentsList {margin-top: 10px;}
div.attachmentsList table {border: none; width: 100%;}
div.attachmentsList caption {display: none;}
div.attachmentsList table a {font-weight: normal;}
div.attachmentsList a.at_icon {display: none;}
div.attachmentsList td.at_file_size {display: none;}
div.attachmentsList td.at_modify {display: none;}
div.attachmentsList tr.odd {background-color: transparent;}
div.attachmentsList tr.even {background-color: transparent;}
.button2-left .add_attachment {background: url(../../../plugins/editors-xtd/add_attachment.png) 100% 0 no-repeat; padding: 0px 10px 0px 5px;}
.button2-left .add_attachment a {font-size: 13px; font-weight: bold;}




/* Classes (Joomla) */
/*
td.contentheading {color: #04669C; font-size: 16px; font-weight: bold; padding-bottom: 10px;}
table.contentpaneopen {width: 100%;}
td.buttonheading img {margin-left: 5px;}
table.blog {width: 100%;}
td.article_column {vertical-align: top; padding-right: 15px;}
td.column_separator {padding-left: 15px; padding-right: 0px;}
td.article_column span.article_separator {display: block; height: 2px; margin: 7px 0px 7px 0px; border-top: 1px solid #909090;}
input.button {cursor: pointer;}
*/
/*
.tool-tip {background-color: #FFFFE1; border: 1px solid #C0C0C0; padding: 3px 5px 3px 5px;}
.tool-tip .tool-title {font-weight: bold; font-size: 11px;}
.tool-tip .tool-text {font-size: 10px;}
*/


/*
  Oorspronkelijk werd templates/system/css/system.css geladen, maar die zat me dwars,
  dus de regels uit dat bestand die ik nodig heb staan hieronder, aangepast
*/
#system-message {margin: 0px 0px 20px 0px; font-weight: normal; border: 1px solid #909090;}
#system-message dd {padding: 0px 20px 0px 40px;}
#system-message dd ul {list-style: none; padding: 10px;}
#system-message dd.message {color: #3366FF; background: #FFFFCC url(../images/notice-info.gif) no-repeat scroll 15px 8px; font-weight: bold;}
#system-message dd.notice {color: #CC6633; background: #FFFFCC url(../images/notice-note.gif) no-repeat scroll 15px 8px;}
#system-message dd.error {color: red; background: #E6C0C0 url(../images/notice-alert.gif) no-repeat scroll 15px 8px; font-weight: bold; font-size: 13px;}
#system-message dt.message, #system-message dt.notice, #system-message dt.error {display: none;}
.system-unpublished {background: #E8EDF1; border-top: 4px solid #C4D3DF; border-bottom: 4px solid #C4D3DF;}
#system-debug {color: #CCCCCC; background-color: #FFFFFF; padding: 10px; margin: 10px;}
#system-debug div {font-size: 11px;}


/*
  templates/system/css/general.css
*/

/* Form validation */
.invalid {border-color: #ff0000;}
label.invalid {color: #ff0000;}

/* Buttons */
.button2-left, .button2-right, .button2-left div, .button2-right div {float: left;}
.button2-left a, .button2-right a, .button2-left span, .button2-right span {display: block; height: 22px; float: left; line-height: 22px; color: #666; cursor: pointer;}
.button2-left span, .button2-right span {cursor: default;	color: #999;}
.button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span {padding: 0 6px;}
.page span {color: #000; font-weight: bold;}
.button2-left a:hover, .button2-right a:hover {text-decoration: none; color: #0B55C4;}
.button2-left a, .button2-left span {padding: 0 24px 0 6px;}
.button2-right a, .button2-right span {padding: 0 6px 0 24px;}
.button2-left {background: url(../images/j_button2_left.png) no-repeat; float: left; margin: 0px 0px 5px 0px;}
.button2-right {background: url(../images/j_button2_right.png) 100% 0 no-repeat; float: left; margin-left: 5px;}
.button2-left .image {background: url(../images/j_button2_image.png) 100% 0 no-repeat;}
.button2-left .readmore {background: url(../images/j_button2_readmore.png) 100% 0 no-repeat;}
.button2-left .pagebreak {background: url(../images/j_button2_pagebreak.png) 100% 0 no-repeat;}
.button2-left .blank {background: url(../images/j_button2_blank.png) 100% 0 no-repeat;}

/* Tooltips */
div.tooltip {float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; z-index:13000;}
div.tooltip h4 {padding: 0; margin: 0; font-size: 95%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../images/selector-arrow.png) no-repeat;}
div.tooltip p {font-size: 90%; margin: 0;}

/* Caption fixes */
.img_caption.left {float: left; margin-right: 1em;}
.img_caption.right {float: right; margin-left: 1em;}
.img_caption.left p {clear: left; text-align: center;}
.img_caption.right p {clear: right; text-align: center;}

/* Calendar */
a img.calendar {width: 16px; height: 16px; margin-left: 3px; background: url(../images/calendar.png) no-repeat; cursor: pointer; vertical-align: middle;}


/*
  media/system/css/modal.css

  Dit bestand is nodig voor popup iframes, maar wordt normaal ook vaak geladen als het niet nodig is.
*/
.body-overlayed embed, .body-overlayed object, .body-overlayed select {visibility: hidden;}
#sbox-window embed, #sbox-window object, #sbox-window select {visibility: visible;}
#sbox-overlay {position: absolute; background-color: #000000;}
#sbox-window {position: absolute; background-color: #000000; text-align: left; overflow: visible; padding: 10px; -moz-border-radius: 3px;}
* html #sbox-window {top: 50% !important; left: 50% !important;}
#sbox-btn-close {position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(../images/closebox.png) no-repeat top left; border: none;}
.sbox-loading #sbox-content {background-image: url(../images/spinner.gif); background-repeat: no-repeat; background-position:	center;}
#sbox-content {clear: both; overflow: auto; background-color: #FFFFFF; height: 100%; width: 100%;}
.sbox-content-image#sbox-content {overflow: visible;}
#sbox-image {display: block;}
.sbox-content-image img {display: block;}
.sbox-content-iframe#sbox-content {overflow: visible;}