/*
    randkleur = 240, 192, 0 = #F0C000
    tabblad_tekstkleur = 126, 171, 203
    tabblad_tekstkleur_actief = 73, 125, 162
    tabblad_tekstkleur_inactief = 192, 192, 192
*/

acronym {
    border-bottom: 1px dotted #333333;
    cursor: help;
}
body {
    font-size: 70%;
}
body, td.bg {
    background-color: #FFFEFA;
}
td.bg {
    background-repeat: no-repeat;
}

legend {
    color: #666666;
    font-style: italic;
    padding: 2px 8px;
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #333333;
    padding: 0px;
    margin: 0px;
}
hr.geel {
    border-color: #F0C000;
}

img.img {
    border: 0;
    height: 20px;
    width: 20px;
}

p.admin-modus {
    border-bottom: 1px dotted #333333;
    padding: 0 10px 10px 10px;
    text-align: right;
}

.fright {
    float: right;
}

table.rand td.caphatze, table.randp td.caphatze {
    background-color: #d5ce89;
    padding: 2px 4px;
    border-bottom: 1px solid #C09A00;
    font-weight: bold;
}
table.rand td.atze, table.randp td.atze, tr.atze td {
    background-color: #f0f2f4;
}
tr.hover td.atze, tr.hoverhidden td.atze, tr.hovergevonden td.atze {
    background-color: #F0F0F0;
}

table.rand, table.randp, div.rand {
    border: 1px solid #F0C000;
    background-color: #FCFCFC;
}
div.rand {
    padding: 4px;
}
table.inloggen td {
    padding: 5px;
}
table.inloggen td.capv {
    min-width: 100px;
}
table.inloggen td.datav {
    min-width: 300px;
}
/*
table.randp td {
	padding: 0px 2px;
}
*/
caption {
    font-family: verdana, arial;
    font-weight: bold;
    font-size: 70%;
}
td {
    font-family: verdana, arial;
    font-size: 70%;
}
td.main {
    background-image: url(layout/bako.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-color: #FFFFFF;
}
td.caph, td.capv {
    font-weight: bold;
}
td.caph {
    background-color: #F6DE7E;
    padding: 2px 4px;
    border-bottom: 1px solid #C09A00;
}
td.capho, td.caphoa {
    font-weight: bold; font-size: 70%; padding: 2px; padding-right: 8px;
    border-bottom: 2px solid #f0c000; background-color: #F8E080;
    cursor: default;
}
td.caphoa {
    border-bottom: 2px solid #F6D860; background-color: #FCF0C0;
}
td.fout {
    border: 2px solid #990000; padding: 2px;
}

tr.actief td {
    font-weight: bold;
}
tr.normal td {
    background-color: #F6F6F6;
}
tr.gevonden td {
    background-color: #FFEEEE;
}
tr.hovergevonden td {
    background-color: #FFCCCC;
}
tr.hidden td {
    background-color: #F6F6F6;
    color: #666666;
}
tr.hover td {
    background-color: #F0F0F0;
}
tr.hoverhidden td {
    background-color: #F0F0F0;
    color: #666666;
}
tr.licht td {
    background-color: #f6eaba;
}

/* TABS */

table.tabs td {
    border-bottom: 1px solid #F0C000;
}
table.tabs td.tabactief {
    border-bottom: 0px solid #F0C000;
}
td.tab, td.tabactief {
    cursor: pointer;
    height: 29px;
    padding: 0px;
    width: 153px;
}
td.tab {
    background-image: url(layout/tab.153.gif);
}
td.tabactief {
    background-image: url(layout/tab_actief.153.gif);
    border-bottom: 0px;
}
td.tab a, td.tabactief a {
    font-weight: bold;
    text-decoration: none;
}
td.tab a {
    color: rgb(126, 171, 203);
}
td.tab a:hover {
    color: #333333;
}

/* *** */

.melding {
    color: #990000; font-weight: bold;
}

a, a:visited {
    color: #518DB8;
}
a:hover {
    color: #333333;
}
a.domein {
    color: #666666;
    text-decoration: none;
}
a.domein:hover {
    color: #333333;
}

form {
    display: inline;
}
input, select {
    font-family: verdana, arial;
    font-size: 100%;
}
textarea {
    font-family: verdana, arial;
    font-size: 100%;
}
.txt, textarea {
    border-left: 1px solid #336699; border-top: 1px solid #336699;
    border-right: 1px solid #98B1CB; border-bottom: 1px solid #98B1CB;
    padding-left: 2px;
}
.btn {
    cursor: pointer;
    background-image: url(layout/knop_back_100.gif);
    width: 100px; height: 19px;
    border: 0px;
}
.save {
    background-image: url(layout/knop_back_100_save.gif);
    padding-left: 8px;
}
.btng {
    cursor: pointer;
    background-image: url(layout/knop_back_200.gif);
    width: 200px; height: 19px;
    border: 0px;
}
.btng250 {
    cursor: pointer;
    background-image: url(layout/knop_back_250.gif);
    width: 250px; height: 19px;
    border: 0px;
}
.mbtn {
    cursor: pointer;
    background-image: url(layout/menuknop_back_220.gif);
    width: 220px; height: 26px;
    border: 0px;
    font-weight: bold;
}

/* ### */

.titel {
    font-size: 120%;
}
.doc {
    color: #666666;
}
.error {
    color: #990000;
}

img.tmb {
    border: 1px solid #333333;
}

div.fotoalbumitem {
    background: #eeeeee;
    display: inline;
    height: 40px;
    margin: 2px;
    padding: 2px;
    white-space: nowrap;
}
div.fotoalbumitem img {
    border: 1px solid #333333;
    margin: 2px;
}

div.voorbeeld {
    background-color: #ffffff;
    border: 1px solid #666666;
    position: absolute;
}

div.melding {
    background-color: #ffffff;
    border: 2px solid #999999;
    color: #000000;
    font-weight: normal;
    margin: 8px 32px 16px 32px;
    padding: 12px;
}
div.error {
    background-color: #ffffff;
    border: 2px solid #990000;
    color: #000000;
    margin: 8px 32px 16px 32px;
    padding: 12px;
}

p.error {
    border: 2px solid #ff0000;
    color: #000000;
    margin: 2em;
    padding: 2em;
}
p.melding {
    border: 2px solid #999999;
    color: #000000;
    margin: 2em;
    padding: 2em;
}

table.info {
    margin: 2px 20px;
}
table.info td {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    color: #333333;
    font-size: 60%;
    padding: 2px 8px;
}
table.info td.spacer {
    background-color: #ffffff;
    border: 0px;
    padding: 0px;
    width: 4px;
}
div.info {
    background-color: #eeeeee;
    border: 1px solid #cccccc;
    color: #333333;
    font-size: 90%;
    margin: 2px 20px;
    padding: 2px;
}

div.context {
    background-color: #ffffee;
    border: 1px solid #999999;
    display: none;
    margin: -4px 4px 4px 4px;
    padding: 4px;
    position: absolute;
}

div.popupmenu {
    background-color: #ffffff;
    border: 1px solid #F0C000;
    display: block;
    line-height: 140%;
    /* margin-left: -13px; */
    margin-top: 24px;
    padding: 8px 2px;
    position: absolute;
    text-align: right;
    width: 150px;
}

/* stats */

div.statsbalk {
    border: 1px solid #999999;
}

div.statsdivider {
    background-color: #999999;
    width: 1px;
}

div.statsdividerh {
    background-color: #999999;
    height: 1px;
}

/* * */

.ui-autocomplete-loading {
    background: white url('//jqueryui.com/resources/demos/autocomplete/images/ui-anim_basic_16x16.gif') right center no-repeat;
}
.ui-autocomplete {
    max-height: 500px;
    max-width: 350px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
.ui-autocomplete.ui-menu .ui-menu-item a {
    font-weight: bold !important;
    font-size: 11px;
}
.ui-autocomplete.ui-menu .ui-menu-item a span {
    font-weight: normal;
    font-size: 10px;
}

blockquote {
    border-left: 5px solid rgb(240, 192, 0);
    background-color: rgba(0,0,0,.05);
    margin: 1em 0;
    padding: .5em 2em;
}
blockquote.error {
    border-left-color: red;
}
blockquote.success {
    border-left-color: green;
}
blockquote.info {
    border-left-color: deepskyblue;
}
blockquote.profile {
    margin-left: 3em;
    margin-right: 3em;
}
blockquote button {
    background-color: #f1f2f5;
    border: 1px solid #336699;
    border-top-left-radius: 6px;
    box-shadow: 1px 1px rgba(0,0,0,.25);
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    padding: 4px 10px;
}
blockquote button:hover {
    box-shadow: 2px 2px rgba(0,0,0,.25);
}
blockquote button:focus {
    box-shadow: -2px -2px rgba(0,0,0,.25);
}

[align="center"] pre.sf-dump {
    text-align: left;
}

.align-top {
    vertical-align: top;
}

.align-right {
    text-align: right;
}