html {
    overflow-y: scroll;
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans', sans-serif;
    color: rgb(60, 60, 60);
    font-size: 12pt;
}

div.main {
    width: 100%;
    background-color: white;
    padding: 20px 0 12px 0;
}

p, li, h4 {
    line-height: 160%;
}

a {
    text-decoration: none;
    color: blue;
    outline: 0;
}

a:hover {
    text-decoration: underline;
}

img {
    border: 0;
}

div.header {
    padding: 0 0 18px 0;
    background-color: white;
}

div.titelbalk {
    width: 100%;
    height: 68px;
    padding: 0;
    margin: 0;
    border-bottom: solid 2px #09629c;
    overflow: hidden;
    position: relative;
}

div.titelbalk div#account {
    float: right;
    margin: 8px 20px 0 0;
    color: #09629c;
}

div.titelbalk div#account a {
    color: #09629c;
}

#img_logo {
    width: 46px;
    height: 44px;
    float: left;
    margin: 12px;
}

#img_title {
    border: 0;
    position: absolute;
    top: 22px; left: 250px;
    width: 166px; height: 31px;
}

div.footer {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: solid 24px white;
}

div.benedenbalk {
    width: 100%;
    padding: 16px 0;
    margin: 0;
    border-top: solid 1px #09629c;
    color: #09629c;
}

div.footer p {
    text-align: right;
    margin: 0 20px;
}

div.footer a { color: #09629c; text-decoration: underline; }

table {
    border-spacing: 0;
    border-collapse: collapse;
    border: 0;
}

table.main {
    background-color: white;
    width: 100%;
}

td.linkerkolom {
    width: 200px;
    padding: 0 12px;
    border-right: solid 2px #09629c;
    text-align: left;
}

td.rechterkolom {
    padding: 0 20px 0 20px;
    text-align: left;
}

div.toolbar {
    margin: 0 4px 16px 0;
    text-align: right;
}

div.buttonlist-boven {
    margin: 0 0 16px 0;
    text-align: right;
}

div.buttonlist-midden {
    margin: 16px 0 16px 0;
    text-align: right;
}

div.buttonlist-onder {
    margin: 16px 0 8px 0;
    text-align: right;
}

div.knoppen_rechts { float: right; padding-right: 4px; }
div.knoppen_rechts a { display: block; margin-bottom: 16px; width: 100%; }

ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.menu li {
    margin: 0;
    padding: 0;
}

ul.menu li a {
    padding: 8px;
    color: #09629c;
    display: block;
    font-weight: bold;
}

ul.menu li.submenu a {
    padding: 4px 4px 4px 20px;
    font-size: .90em;
}

ul.menu li a:hover {
    background-color: rgb(255, 191, 0);
    color: black;
    text-decoration: none;
}

h1 {
    font-size: 18pt;
    font-weight: bold;
    margin: 4px 0 24px 0;
    padding: 20px 0 12px 0;
    line-height: 1em;
    color: #09629c;
    position: relative;
}

h2 {
    font-size: 14pt;
    font-weight: bold;
    padding: 12px 0 0 0;
    margin: 24px 0 16px 0;
    border-top: solid 1px #0fa0ff;
    color: #09629c;
    position: relative;
}

h3 {
    font-size: 12pt;
    font-weight: bold;
    margin: 12px 0 16px 0;
    padding: 24px 0 0 0;
    position: relative;
}

h1 .buttonset, h2 .buttonset, h3 .buttonset {
    position:absolute;
    right: 0;
    top: 12px;
    font-size: 16px;
}

h4 {
    font-weight: bold;
    font-style: normal;
    font-size: 12pt;
    margin: 1em 0 0 0;
}

.ui-widget {
    font-size: 1em;
}

table.gegtabel, table.gegtabel_explicitoddeven {
    width: 100%;
    clear: both;
}

table.gegtabel td, table.gegtabel th, table.gegtabel_explicitoddeven td, table.gegtabel_explicitoddeven th {
    padding: 6px 8px;
}

table.gegtabel tbody tr:nth-child(odd), table.gegtabel_explicitoddeven tr.odd {
    background-color: #EEEEEE;
}

table.gegtabel tbody tr:nth-child(even), table.gegtabel_explicitoddeven tr.even {
    background-color: white;
}

table.gegtabel tbody tr, table.gegtabel_explicitoddeven tr.record {
	border-bottom: solid #DDDDDD 1px;
}

table.gegtabel thead tr, table.gegtabel_explicitoddeven tr.title {
	border-bottom: solid #DDDDDD 2px;
}

table.gegtabel thead tr .header {
	background-image: url('/static/sort_both.gif');
	background-repeat: no-repeat;
	background-position: center left;
	cursor: pointer;
    padding-left: 20px;
}

table.gegtabel thead tr .headerSortUp {
	background-image: url('/static/sort_asc.gif');
}

table.gegtabel thead tr .headerSortDown {
	background-image: url('/static/sort_desc.gif');
}

table.bewerktabel, table.zoektabel {
    margin: 0 auto;
    width: 100%;
}

table.bewerktabel td, table.bewerktabel th {
    padding: 8px 8px;
    vertical-align: middle;
}

table.zoektabel td, table.zoektabel th {
    padding: 12px 8px;
    vertical-align: middle;
}

table.bewerktabel > tbody > tr > td > input, table.bewerktabel > tbody > tr > td > textarea, table.zoektabel > tbody > tr > td > input[type=text], .optionalchoicewidget input[type=text], .auth input[type=text], .auth input[type=password] {
    padding: 3px 6px;
}

table.bewerktabel > tbody > tr > td > input[type=text], table.bewerktabel > tbody > tr > td > input[type=email], table.bewerktabel > tbody > tr > td > textarea, table.bewerktabel > tbody > tr > td > select {
    width: 600px;
}

table.zoektabel > tbody > tr > td > input[type=text] {
    width: 200px;
}

table.bewerktabel tbody tr:nth-child(even) {
    background-color: white;
}

table.bewerktabel tbody tr:nth-child(odd) {
    background-color: #EEEEEE;
}

table.bewerktabel tr:first-child, table.zoektabel > tbody > tr:first-child {
	border-top: solid #DDDDDD 1px;
}

table.bewerktabel tr, table.zoektabel > tbody > tr {
	border-bottom: solid #DDDDDD 1px;
}

table.bewerktabel td > ul, table.bewerktabel td > ul li, table.zoektabel ul, table.zoektabel ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


table.bladertabel {
    border-collapse: collapse;
    border: none;
    width: 100%;
    margin: 0 0 24px 0;
}

table.detailgegevens th { line-height: 160%; padding: 4px 20px 0 0; }
table.detailgegevens td { line-height: 160%; padding: 4px 0 0 0; }

ul.errorlist {
    color: red;
    margin: 0;
}

p.highlight {
	background: #faa91a url('/static/info-icon.png') 10px center no-repeat;
	color: black;
    padding: 8px 8px 8px 45px;
    margin: 0 0 16px 0;
}

div.kader {
    background-color: #ec829a;
    padding: 8px 12px;
    margin: 16px 0;
}


.ui-widget-overlay {
  background: #000;
}

.redactor-box { margin-bottom: 0 !important; }
.redactor-editor { border: solid #aaa 1px !important; }

button.ui-datepicker-current { display: none; } /* Vandaag-knop van datepicker is niet nodig */

.optionalchoicewidget ul { list-style: none; display: inline-block; padding: 0; margin: 0; }
.optionalchoicewidget ul li { display: inline-block; padding: 0; margin: 0 1em 0 0 !important; }

.maandselectwidget, .dagselectwidget { display: inline-block; }
.maandselectwidget select, .dagselectwidget select { width: 160px; }
.maandselectwidget input, .dagselectwidget input { width: 72px; margin: 0; }

div.auth {
    width: 520px;
    margin: 120px auto 320px auto;
    background-color: white;
}

div.auth table { margin: 18px auto 0 auto; }
div.auth table td, div.auth table th { padding: 6px; text-align: left; font-weight: normal; }
div.auth p, div.auth h1 { margin: 12px 0 0 0; text-align: center; }

.linktabs {
    margin: 0 0 18px 0;
    background-color: #e7e7e7;
    position: relative;
}

.linktabs > a, .linktabs > span.actief {
    display: inline-block;
    padding: 8px 16px 10px 16px !important;
    border-top: solid 2px #e7e7e7;
    color:black;
}

.linktabs > a:hover {
    border-top-color: #09629c;
    color: rgb(60, 60, 60);
    text-decoration: none;
}

.linktabs > span.actief {
    background: url('/static/images/uiTabsArrow.png') no-repeat bottom center;
    color: #09629c !important;
}

.linktabs .buttonset {
    position:absolute;
    right: 4px;
    top: 5px;
    font-size: 16px;
}