body { margin-bottom: 20px; }
h1 { font-size: 1.4em; border-bottom: 1px solid #D0D0D0; font-weight: normal; padding: 0px 0px 10px 0px; margin: 0 0 14px 0; color: #444; }
h2 { font-size: 1.3em; border-bottom: 1px solid #E0E0E0; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0 0 14px 0; color: #999; }

header { background-color: #ad3736; min-height: 50px; }
header > img { float: left; display: block; margin: 5px 20px 10px 5px; width: 115px; height: 28px; }
header > nav > ul { display: none; }
header > nav > ul.expand { display: block; clear: both; background-color: #eeeeee; z-index: 1; list-style: none; position: relative; top: 10px; padding: 0px; }
header > nav > ul.expand > li { padding: 8px; border-bottom: 1px solid #dddddd; }
header > nav > ul.expand > li.active { background-color: #dddddd; }
header > nav > ul.expand > li.active > a { color: #333333; }
header > nav > ul.expand > li > a { color: #666666; }
header > nav > div.toggle-navbar { border: 1px solid #ce6b6b; float: right; background-color: transparent; padding: 7px 5px 5px 5px; width: 30px; height: 30px; margin: 10px 10px; border-radius: 3px; }
header > nav > div.toggle-navbar > span.icon-bar { box-sizing: border-box; height: 2px; border: 1px solid #ce6b6b; display: block; margin-bottom: 4px; border-radius: 3px; }

@media screen and (min-width:768px) { 
	header > nav > div.toggle-navbar { display: none; }
	header > nav > ul { display: block; list-style: none; padding: 0px; margin: 0px; }
	header > nav > ul > li { float: left; padding: 10px; box-sizing: border-box; height: 50px; line-height: 30px; }
	header > nav > ul > li > a { font-size: 0.9em; color: #ce6b6b; }
	header > nav > ul > li.active > a { color: white; font-weight: bold; }
	header > nav > ul > li > a:hover { color: white; }
}

@media screen and (min-width:992px) { header > nav > ul > li > a { font-size: 1em; } }
@media screen and (min-width:1200px) {  }

.form label { width: 150px; height: 100%; display: inline-block; vertical-align: top; text-align: right; padding-right: 25px; }
.form input { width: 250px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form select { width: 250px; }
.form textarea { width: 250px; height: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.form span { display: inline-block; }

.formrow { padding: 5px; }
.formrow.error input { border: 1px #BF3C3B solid; background-color: #FFDBDB; }
.formrow.error select { border: 1px #BF3C3B solid; background-color: #FFDBDB; }

.main-footer { border-top: 1px #D0D0D0 solid; text-align: right; font-size: 0.8em; padding: 10px; margin-top: 20px; }

.dataTable { width: 100%; border-collapse: collapse; border-spacing: 0px; background-color: #F1F1F0; border: 1px #C0C0C0 solid; margin-bottom: 10px; }
.dataTable > thead > tr > td,
.dataTable > thead > tr > th { padding: 6px 3px 6px 3px; border: 1px #850000 solid; color: #F1F1F1; font-weight: bold; text-align: left; background: #c53e3d; /* Old browsers */ background: -moz-linear-gradient(top,  #c53e3d 0%, #993231 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c53e3d), color-stop(100%,#993231)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #c53e3d 0%,#993231 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #c53e3d 0%,#993231 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #c53e3d 0%,#993231 100%); /* IE10+ */ background: linear-gradient(to bottom,  #c53e3d 0%,#993231 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c53e3d', endColorstr='#993231',GradientType=0 ); /* IE6-9 */ }
.dataTable > tbody > tr > td { padding: 6px 3px 6px 3px; border: 1px #C0C0C0 solid; background-color: #F6F6F6; }
.dataTable > tfoot > tr > td { padding: 6px 3px 6px 3px; border: 1px #C0C0C0 solid; font-weight: bold; }
.dataTable > tbody > tr:hover > td { background-color: #F1F1F1; }
.dataTable > tbody > tr.rood > td { background-color: #ebb2b2; border: 1px #856060 solid; }
.dataTable > tbody > tr.geel > td { background-color: #DDD894; border: 1px #66611E solid; }

.dataTable.sortTable > thead > tr > th { cursor: pointer; }
.dataTable > thead > tr > th.header.headerSortDown:after { content: ""; background-image: url(../images/silkicons/bullet_arrow_down.png); display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; float: right; }
.dataTable > thead > tr > th.header.headerSortUp:after { content: ""; background-image: url(../images/silkicons/bullet_arrow_up.png); display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; float: right; }

.clickable { cursor: pointer; }

.isa_info, .isa_success, .isa_warning, .isa_error { border: 1px solid; margin: 10px 0px; padding:15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center;-moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; }
.isa_info { color: #00529B; background-color: #BDE5F8; background-image: url('../images/isa-info.png'); }
.isa_success { color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/isa-success.png'); }
.isa_warning { color: #9F6000; background-color: #FEEFB3; background-image: url('../images/isa-warning.png'); }
.isa_error { color: #D8000C; background-color: #FFBABA; background-image: url('../images/isa-error.png'); }

.textbutton { border: 1px #999999 solid; display: inline-block; padding: 3px 3px 3px 3px; color: #0f0f0f; text-decoration: none; background-color: #eeeeee; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 6px; cursor: pointer; }
.iconbutton { border: 1px #999999 solid; display: inline-block; padding: 6px 6px 6px 25px; color: #0f0f0f; text-decoration: none; background-color: #eeeeee; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 6px; background-repeat: no-repeat; background-position: 6px center; cursor: pointer; }
.icontext { display: inline-block; padding: 0px 0px 0px 25px; color: #0f0f0f; text-decoration: none; margin-right: 6px; background-repeat: no-repeat; background-position: 6px center; }
.icon { display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0px center; }
.iconbutton { background-repeat: no-repeat; background-position: 4px center; padding-left: 24px; }
.dataTable > tfoot button.iconbutton { background-color: #F6F6F6; }

.icon-add			{ background-image: url(../images/silkicons/add.png);						}
.icon-arrow_up		{ background-image: url(../images/silkicons/arrow_up.png);					}
.icon-calendar_add	{ background-image: url(../images/silkicons/calendar_add.png);				}
.icon-accept		{ background-image: url(../images/silkicons/accept.png);					}
.icon-cancel		{ background-image: url(../images/silkicons/cancel.png);					}
.icon-delete		{ background-image: url(../images/silkicons/delete.png);					}
.icon-pencil		{ background-image: url(../images/silkicons/pencil.png);					}
.icon-book_go		{ background-image: url(../images/silkicons/book_go.png);					}
.icon-find			{ background-image: url(../images/silkicons/find.png);						}
.icon-book_go		{ background-image: url(../images/silkicons/book_go.png);					}
.icon-folder_table		{ background-image: url(../images/silkicons/folder_table.png);					}
.icon-page_white_acrobat	{ background-image: url(../images/silkicons/page_white_acrobat.png);		}
.icon-wand	{ background-image: url(../images/silkicons/wand.png);		}
.icon-page_white_text	{ background-image: url(../images/silkicons/page_white_text.png);		}

/*.overviewTable { margin-bottom: 10px; border-collapse: collapse; border: 1px #dddddd solid; empty-cells: show; }
.overviewTable td { padding: 3px; border: 1px #dddddd solid; }*/

.colwrapper { overflow: auto; }
.col50 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; padding: 10px; }
.col100 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 100%; padding: 10px; }

.spacer10 { height: 10px; line-height: 10px; clear: both; }

.floatingtoolbar { background-color: #eeeeee; border-radius: 3px; -webkit-border-radius: 3px; border: 1px #999999 solid; padding: 5px; }
.floatingtoolbar button { padding-top: 1px; padding-bottom: 1px; background-color: #EFEFEF; color: #333333; border-color: #CCCCCC; }

.pad-top-30 { padding-top: 30px; }
.pad-top-20 { padding-top: 20px; }

.fullwidth { width: 100%; }