body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica;
	font-size:12px;
	color:#003984;
	background:url(../img/admin_back.gif) repeat-x #fcfdfe;
}
a {	color:#003984;}
#main {
	display:block;
	padding:150px 20px 20px 20px;
	background:url(../img/logo_adminweb.jpg) 20px 18px no-repeat;	
}
ul.nav {
	float:right;
	list-style:none;
	margin:-30px 0 0 0;
}
ul.nav li {
	float:left;
	border:1px solid #809cc2;
	margin:0 0 0 10px;
}
ul.nav li a {
	display:block;
	width:100px;
	padding:0 5px;
	line-height:18px;
	text-decoration:none;
	background:#fff;
}
ul.nav li a:hover {
	background:#cde3f2;
}
ul.nav li a.active {
	background:#c0cee1;
	margin:0 0 -1px 0;
	position:relative;
	border-bottom:1px solid #c0cee1;
	font-weight:bold;
}
.logout {
	float:right;margin:-151px 0 0 0;
	border:1px solid #809cc2;
	background:url(../img/admin_back.gif) repeat-x bottom;
	width:140px;
	padding:10px;
	font-size:11px;
}
.logout a {
	background:url(../img/external.gif) 120px 5px no-repeat #fff;
	display:block;
	width:130px;
	padding:0 5px;
	line-height:18px;
	text-decoration:none;
	border:1px solid #809cc2;
	}
h1 {
	font-size:15px;
	margin:0 0 20px 0;
	padding:30px 0 0 0;

}
h2 {
	font-size:12px;
	margin:10px 0 5px 0;
	clear:both;
}
h2.none {margin:0;}
.left {
	width:50%;
	float:left;
	position:relative;
}
.right {
	width:45%;
	float:right;
	position:relative;
}
.login {
	text-align:left;
	border:1px solid #809cc2;
	padding:20px;
	width:320px;
	background:#fff;
}
.login p {clear:left;display:block;text-align:right;}
table {
	border-collapse:collapse;
	margin:0 0 20px 0;
	width:100%;
}
table.overzicht {
	width:auto;
}
th,td {	vertical-align:top;}
th {
	border:1px solid #809cc2;
	border-width:1px 0;
	text-align:left;
	font-weight:bold;
	padding:5px;
	background:#c0cee1;
}
th.sort_asc {
	background:url(../img/up.gif) no-repeat 2px 9px #c0cee1;
	padding-left:15px;
}
th.sort_desc {
	background:url(../img/down.gif) no-repeat 2px 9px #c0cee1;
	padding-left:15px;
}
td {
	border:1px solid #809cc2;
	border-width:1px 0;
	padding:5px;
	vertical-align:top;
}
td.center {
	text-align:center;
}
td.w {background:#fff;}
td.log {
	background:#dbe4ee;
	font-size:11px;
}
td.descr {width:400px;}
td.bedrag {text-align:right;}
td.label {text-align:right;}
td.betaald {
	background:url(../img/vink.gif) no-repeat 50%;
}
tr.divider {
	padding-top:10px;
	border-top:10px solid #dbe4ee;
}
a.view {background:url(../img/icon-view.gif) no-repeat;padding:0 0 3px 17px;font-size:10px;margin:0 10px 0 0;}
a.edit {background:url(../img/icon-edit.gif) no-repeat;padding:0 0 3px 17px;font-size:10px;margin:0 10px 0 0;}
a.delete {background:url(../img/icon-delete.gif) no-repeat;padding:0 0 3px 17px;font-size:10px;}
br { clear:both; }
.verwijder {
	float:right;
	font-weight:normal;
}
div.actions {float:right;margin:-40px 0 0 0;}
div.actions ul {list-style:none;clear:left;}
div.actions ul li {
	list-style:none;
	display:inline;
	font-weight:bold;
	width:150px;
	margin-left:10px;
	border:1px solid #809cc2;
	background:#c0cee1;
	text-transform:uppercase;
	color:#003984;
	padding: 0 5px;
	line-height:22px;
}
div.actions ul li a {text-decoration:none;}
div.actions ul li a:hover {text-decoration:underline;}
div.logging {clear:both;}
div.termijnindicator {
	position:absolute;
	right:20px;
	width:180px;
	background:#fff;
	padding:3px;
	border:1px solid #809cc2;
}
dl {width:auto;}
dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
dt {width:30%;text-align:right;font-weight:bold;float:left;border-bottom:1px solid #809cc2;padding:2px 0;}
dd {width:50%;float:left;border-bottom:1px solid #809cc2;padding:2px 0;}
div.paging div {float:left;margin:0 3px;}
div.paging span {margin:0 3px;}


/* Forms */
form {
	clear: both;
/*	margin-right: 20px;
	padding: 0;
	width: 80%;*/
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 10px;
}
fieldset legend {
	color: #e32;
	font-size: 130%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 0;
}
fieldset fieldset legend {
	font-size: 110%;
	font-weight: normal;
	margin-left: 20px;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
/*form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}*/
form div.input {
	color: #444;
}
form div.required {
	font-weight:bold;
}
form div.error-message {
	color: #e32;
}
.required label:after {
    content: " *";
}
input.button {
	float:right;
	width:110px;
	background:#003984;
	color:#fff;
	font-weight:bold;
	margin:10px 0 0 10px;
	border:none;
}
input.file {
	position: relative;
	float: right;
	display:block;
	margin:5px 0;
	width:200px;
}
input.cbox {
	float:right;
	width:20px;
	margin:0;
	border:none;
}
input.cbox_l {
	width:20px;
	margin:0;
	border:none;
}
label {
	float:left;
	width:30%;
	padding-right: 10px;
	line-height:15px;
	margin:3px 0;
	text-align:right;
}
div.termijnindicator label {width:100px;font-size:11px;}
input, textarea {
	float:left;
	width:65%;
	font-size: 110%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 1px 2px;
	background:#fff;
	border:1px solid #ccc;
	margin:3px 0;
}
input.number {width:20%;margin-right:40%;}
div.termijnindicator input {width:60px;font-size:11px;}
div.input {clear:left;width:100%;}
div.input_float {clear:none;float:left;width:48%;margin:0 5px 6px 0;}
div.input_float label {width:25%;}
div.input_float input {width:65%;}
.login div.input label {float:none;}
.login div.input input {float:none;width:100%;}
select {
	/*clear: both;*/
	font-size: 100%;
	vertical-align: text-bottom;
	margin:3px 0;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
div.submit {
	clear: both;
	margin: 10px 10px 10px 0;
}
input[type=submit] {
	display: inline;
	font-weight:bold;
	width:150px;
	border:1px solid #809cc2;
	background:#c0cee1;
	text-transform:uppercase;
	color:#003984;
	padding: 2px 5px;
}

.loader {
    background-image:url('../img/loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

tr.groupmark {
    font-weight: bold;
}