/*

Goud:
#cbac65

Donkerblauw:
#213570

Lichtblauw:
#a6b4d2

Lichtgrijs:
#ccc

*/

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10pt;
	background: #fff;
	color: #213570;
	margin: 0;
	padding: 0;
}

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

img {
	border: 0;
}

hr {
	width: 100%;
	color: #cbac65;
	background: #cbac65;
	border: 0;
	height: 1px;
}

textarea, input.input_text, input.input_password {
	border: 1px solid #cbac65;
}

input.input_submit, input.input_reset {
	border: 0;
	background: #213570;
	color: #fff;
	font-weight: bold;
	padding: 2px 5px;
}

input.input_reset {
	background: #a6b4d2;
}

#pg {
	margin: 0 auto;
	width: 960px;
	border: 1px solid #ccc;
	border-top: 0;
	border-bottom: 0;
}

#hd {
	
}

#bd {
}

#bar {
	float: left;
	width: 191px;
}

#bar ul {
	margin: 0;
	padding: 0;
	border-top: 3px solid #cbac65;
	list-style: none;
}

#bar li {
	list-style: none;
	border-bottom: 1px solid #cbac65;
}

#bar li a {
	display: block;
	color: #cbac65;
	padding: 10px;
	background: url(/static/img/bg_main_nav.png) no-repeat;
}

#bar li a:hover {
	color: #fff;
	background: url(/static/img/bg_main_nav_hover.png) no-repeat;
}

#bar .about {
	display: block;
	color: #213570;
	font-size: 11px;
	padding: 10px;
	background: url(/static/img/bg_main_nav.png) no-repeat;	
	border-top: 3px solid #cbac65;
	margin-top: 40px;
}

.infotext {
	font-size: 11px;
}

.infotext a {
	font-weight: normal;
	color: #cbac65;
}

.infotext p {
	margin-top: 0;
}

.infotext h2 {
	margin-bottom: 0;
}

#content {
	border-width: 0 10px 0 221px;
	border-color: #fff;
	border-style: solid;
}

#title {
	display: block;
	border-bottom: 3px solid #cbac65;
}

#ft {
	clear: both;
	text-align: right;
	border-width: 0 10px 0 221px;
	border-color: #fff;
	border-style: solid;
}

.section {
	background: url(/static/img/bg_section.png) no-repeat;
	border-color: #cfac65;
	border-style: solid;
	border-width: 1px 0;
	margin: 0 0 5px 0;
}

#content h1 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #cbac65;
}

#content h2 {
	font-weight: bold;
	color: #213570;
	font-size: 11px;
}

.col1, .col2 {
	width: 360px;
	vertical-align: top;
}

.goldborder {
	border: 3px solid #cbac65;
}

.small {
	font-size: 10px;
}

table.form tbody th, table.form tbody td {
	vertical-align: top;
	font-size: 11px;
	font-weight: normal;
}

table.form th {
	padding: 3px 10px 3px 0;
	text-align: right;
}

table.form td {
	padding: 2px 0;
}

#list {
	overflow: auto;
}

.col1 table.form {
	width: 100%;
}

.col1 table.form.fixed th {
	width: 55px;
}

.col1 table.form h2 {
	margin: 0;
	padding-top: 2px;
}

.col1 table.form textarea {
	width: 100%;
}

.display, .comment {
	font-size: 10px;
}

.display {
	padding-bottom: 5px;
	border-bottom: 1px solid #cbac65;
	margin: 5px;	
}

.display .datetime, .comment .datetime {
	color: #cbac65;
	font-weight: bold;
	display: block;
	font-size: 12px;
}

.display .location {
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #213570;
	margin: 3px 0;
}

.comment {
	background: #f1f1f1 url(/static/img/logo_gold.png) no-repeat 5px 5px;
	padding-left: 35px;
	margin: 5px 0;
	min-height: 35px;
	padding-bottom: 5px;
}

.comment .datetime {
	padding: 5px 0;
}

th.step {
	color: #a6b4d2 !important;
	font-weight: bold !important;
	background: url(/static/img/bullet_gold.png) no-repeat 2px 7px !important;
}

table.list {
	font-size: 11px;
}

table.list thead th {
	background: #213570;
	padding: 2px 5px;
	text-align: left;
	color: #fff;
	font-weight: bold;
}

table.list .deleted {
	color: #f00;	
}

.over {
	background: yellow;
}

.controls {
	display: block;
	float: right;
}