body {
    font-size: 8pt;
    background: White;
    color: #010066;
    font-family: arial, sans-serif;
}

#header {
    border-bottom: 1px solid #010066;
}

    #header_content {
        background-image: url(/gisviewer/images/maarssenlogo.gif);
        background-repeat: no-repeat;
    }

    a.menulink, a.menulink:visited, a.menulink:active, a.activemenulink, a.activemenulink:visited, a.activemenulink:active {
        display: block;
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        height: 21px;
        border-bottom: 0px none White;
        border-left: 1px solid #CCCCFF;
        border-top: 1px solid #CCCCFF;
        border-right: 1px solid #102F44;
        color: White;
        float: right;
        background-color: #010066;
    }

    a.activemenulink, a.activemenulink:visited, a.activemenulink:active {
        border-bottom: 0px none White;
        border-left: 1px solid #010066;
        border-top: 1px solid #010066;
        border-right: 1px solid #102F44;
        background-color: White;
        color: #010066;
        margin-right: 5px;
        float: left;
    }


#content_normal {
    background-color: White;
}

#content_viewer {
    background-color: White;
}

    .infobalk {
        background-color: #CCCCFF;
        background-image: url(/gisviewer/images/balk_links.gif);
        background-repeat: no-repeat;
        background-position: 0% 0%;
    }

    .infobalk .infobalk_description {
        color: White;
        font-size: 14px;
        font-weight: bold;
    }

    .infobalk .infobalk_actions {
        font-size: 8pt;
        font-weight: bold;
        color: #010066;
    }

    .infobalk a {
        color: Black;
        font-weight: bold;
    }

    ul#nav a {
        background: #010066;
        color: #CCCCFF;
    }

    ul#nav a:hover {
        background: #CCCCFF;
        color: #010066;
    }

    ul#nav li.activelink a,ul#nav li.activelink a:hover {
        background: #CCCCFF;
        color: #010066;
    }

    #tab_container, #leftcontent {
        background-color: #CCCCFF;
        color: #010066;
    }

    #tab_container div, #tab_container td, #tab_container span {
        color: #010066;
    }

#footer {
    border-top: 1px solid #010066;
    background-repeat: repeat-x;
}

    #footer_content {
        background-image: url(/gisviewer/images/maarssen_foto.jpg);
        background-repeat: no-repeat;
    }

/* Common styles */
th {
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
}

div, td, th, span, input, textarea, select, option, button {
    font-size: 8pt;
    color: #000000;
    font-family: arial, sans-serif;
}

h1{
    font-weight: bold;
    font-size: 11pt;
    color: #010066;
}

a, a:visited, a:active {
    color: Black;
    font-weight: bold;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

/* Design voor de content pagina's. Om dit design toe te passen moet er een div tag met ID content_style rond de content worden geplaatst. */
#content_style, #content_style h1, #content_style h2, #content_style div, #content_style td, #content_style th, #content_style a, #content_style li {
    color: #010066;
}

#content_style hr {
    color: #010066;
    background-color: #010066;
    border: 0px none;
    height: 1px;
    width: 100%;
}

#content_style {
    padding: 8px;
}

#content_style .kolomtabel td {
    padding: 15px;
    width: 430px;
    overflow: visible;
}

#content_style div.inleiding {
    background-color: #CCCCFF;
    padding: 15px;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 440px;
    margin-left: -15px;
}

#content_style h1 {
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    margin-left: 0px;
    margin-bottom: 15px;
}

#content_style h2 {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 15px;
}

#content_style div.inleiding h2 {
    margin-top: 0px;
}

#content_style img {
    border: 1px solid #010066;
    padding: 4px;
}

#content_style a {
    text-decoration: underline;
    font-weight: bold;
}

#content_style a:hover {
    color: Black;
}

#content_style .presentation_table {
    border: 1px solid #010066;
    border-collapse: collapse;
    width: 100%;
}

#content_style .presentation_table td {
    border: 1px solid #010066;
    padding: 5px;
    background-color: #CCCCFF;
    width: auto;
}

#content_style .presentation_table th {
    background-color: #CCCCFF;
    color: White;
    font-weight: bold;
    padding: 5px;
}

#content_style td ul {
    margin: 0px;
    padding-left: 18px;
}

/* Config styles */
#content_style .config_tab {
    border: 1px solid #1C6CA7;
}

#content_style .config_tab_header {
    border: 1px solid #010066;
    color: #010066;
    background-color: White;
    border-bottom: 0px none;
}

#content_style .active_tab {
    background-color: #CCCCFF;
    color: #010066;
}

#adminqueryrow {
    color: #010066;
}

.messages {
    color: #000000;
}

.maintable {
    background-color: #FFF;
}

.helptekstDiv {
    background-color: #eeeeee;
    color: #19619b;
    border: 1px solid #19619b;
}

.topbar {
    background-color: #FFD96B;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #1C6CA7;
    border-top: solid 1px #1C6CA7;
    border-left: solid 1px #1C6CA7;
}

.topRow {
    background-color: #D2E0EB;
    color: Black;
}

.topRow th, .topRow div {
    color: Black;
}

.row {
    color: Black;
    font-weight: normal;
    background-color: White;
}

.row:hover {
    background-color: #fff0c4;
}

.admin_data_alternate_tr {
    background-color: #D2E0EB;
}
.admin_data_selected_tr {
    background-color: #fff0c4;
}

#aanvullende_info_table {
    border: 0px none White;
}

.aanvullende_info_th {
    text-align: left;
    font-size: 8pt;
    height: 20px;
    margin: 0px;
    padding: 0px;
    border: 0px none White;
}

.aanvullende_info_td {
    font-size: 8pt;
    text-align: center;
    height: 20px;
    margin: 0px;
    padding: 0px;
    border: 0px none White;
}

.aanvullende_info_alternateTr {
    background-color: #E7EEF4;
}

.scroll {
    border: solid 1px #1C6CA7;
}

.regel_odd {
    background-color: #FFF;
}

.regel_even {
    background-color: #EEE;
}

.regel_over {
    background-color: #DEDEDE;
}

.regel_selected, #regel_selected {
    background-color: #FFEEBE;
}

.bar_item {
    border-right: solid 1px #1C6CA7;
}

.c_item {
    border-right: solid 1px #1C6CA7;
}

.tabvak_body {
    background-color: transparent;
    color: #010066;
}

.tabvak_content {
    margin-left: 5px;
    margin-top: 2px;
    color: #010066;
}

.tabvak_with_iframe, .tabvak_with_iframe iframe {
    background-color: transparent;
}

.admindatabody {
    background-color: White;
}

#popupWindow {
    border: 3px solid #010066;
    background-color: #CCCCFF;
}

#popupWindow_Handle {
    background-color: #010066;
    color: White;
}

#popupWindow_Close {
    color: White;
}

#popupWindow_Title {
    font-weight: bold;
    color: White;
}

body.pdfExportClass {
    background-color: White;
}

.createMapPDFBody{
    margin: 10px;
    overflow: visible;
}

table.tablesorter {
	background-color: #CDCDCD;
}
table.tablesorter tbody td {
	color: #3D3D3D;
}
table.tablesorter tbody tr.odd td {
	background-color: #F0F0F6;
}
table.tablesorter tbody tr.hover td {
	background-color: #DEDEDE;
        cursor: pointer;
}
table.tablesorter tbody tr.selected td {
	background-color: #FFEEBE;
        cursor: pointer;
}
table.tablesorter tbody td a {
    color: #196299;
}

/* Belangrijkste kleuren (blauw) en sorteerpijltjes */
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #CCCCFF;
        border: 1px solid #FFF;
        color: White;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
        background-color: #010066;
        color: White;
}
table.tablesorter thead tr .header {
	background-image: url(/gisviewer/images/icons/bg_white.gif);
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/gisviewer/images/icons/asc_white.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/gisviewer/images/icons/desc_white.gif);
}

/* Panel controls */
#panelControls .left_closed, #panelControls .right_open {
    background-image: url(/gisviewer/images/icons/panel_leftright.png);
    background-position: 0px 20px;
}

#panelControls .left_closed:hover, #panelControls .right_open:hover {
    background-image: url(/gisviewer/images/icons/panel_leftright.png);
    background-position: 20px 20px;
}

#panelControls .right_closed, #panelControls .left_open {
    background-image: url(/gisviewer/images/icons/panel_leftright.png);
    background-position: 0px 0px;
}

#panelControls .right_closed:hover, #panelControls .left_open:hover {
    background-image: url(/gisviewer/images/icons/panel_leftright.png);
    background-position: 20px 0px;
}

#panelControls .bottom_closed {
    background-image: url(/gisviewer/images/icons/panel_updown.png);
    background-position: 20px 0px;
}

#panelControls .bottom_closed:hover {
    background-image: url(/gisviewer/images/icons/panel_updown.png);
    background-position: 20px 20px;
}

#panelControls .bottom_open {
    background-image: url(/gisviewer/images/icons/panel_updown.png);
    background-position: 0px 0px;
}

#panelControls .bottom_open:hover {
    background-image: url(/gisviewer/images/icons/panel_updown.png);
    background-position: 0px 20px;
}