html {
	overflow-y: scroll;
}

body, div, span, p, table, ul, ol {
	text-align: left;
	margin: 0;
	padding: 0;
}

body {
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 10pt;
	line-height: 1.3;
	color: #000;
	background-color: #219081;
	padding: 3em 0 1em 0;
}

h1, h2, h3 {
	font-family: georgia, times new roman, serif;
	color: #078;
	margin: 0.1em 0 0.9em 0;
	clear: both;
}

h1 {
	font-size: 200%;
	padding: 0.1em 0em;
	border-bottom: 1px dotted #9ce;
}

h2 {
	font-size: 100%;
	color: #067;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #eee;
}

h3 {
	font-size: 100%;
	color: #fa2;
}

p {
	padding: 0 0 1em 0;
}

input, textarea, select {
	font-family: tahoma, lucida sans, sans-serif;
	font-size: 100%;
	vertical-align: middle;
	margin: 0 0.1em 0 0.1em;
}

a, a:visited {
	color: #339;
	text-decoration: none;
}

a:hover {
	color: #fa4;
	text-decoration: underline;
}

img {
	border: none;
}

li {
	margin: 0.2em 0;
}

#container {
	text-align: center;
}

#main {
	position: relative;
	background-color: #eee; /*#fff;*/
	height: 45em;
	width: 60em;
	margin: 0 auto;
	padding: 1em;
	border: 1px solid #54C8B8;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

img.logo {
	position: absolute;
	top: -1em;
	left: -1em;
}

div.header, div.contact {
	position: absolute;
	left: 4em;
	font-size: 120%;
	width: 85%;
	text-align: center;
	color: #045;
	padding: 0.5em 0;
	background-color: #fff;
	border: 1px solid #eee;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
}

div.header {
	left: 2.5em;
	top: -20px;
	padding: 0.1em;
	font-size: 200%;
	font-family: georgia;
	font-weight: bold;
	background-image: url(header_bkg.png);
	background-repeat: repeat-x;
	color: #fff;
	border-color: #964811;/*#e67e35;*/
}

div.contact {
	bottom: -15px;
}

div.contact span {
	color: #045;
	padding: 0 1em;
}

div.contact img.icon {
	padding-right: 0.5em;
}

.clear {
	clear: both;
}

img.left {
	float: left;
	margin: 0 1em 0.5em 0;
	padding: 0.3em;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

img.right {
	float: right;
	margin: 0 0 0.5em 1em;
	padding: 0.3em;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}

div.page {
	position: absolute;
	top: 5em;
	left: 12em;
	height: 38em;
	width: 46em;
	color: #054;
	background-color: #fff; /*#f8f8ff;*/
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

div.content {
	position: relative;
	height: 34em;
	width: 42em;
	margin: 1em;
	padding: 1em;
	overflow-y: auto;
}

div.content a {
	color: #559;
	font-weight: bold;
}

div.page ol {
	margin: 0em 2em 1em 3em;
}

div.page ol li {
	margin: 0em 0em 0.5em 0em;
}

div.menu {
	position: absolute;
	top: 6em;
	left: -3em;
}

div.menu ul {
	list-style-type: none;
	font-family: georgia;
	font-size: 140%;
	padding: 0;
	width: 8.5em;
}

div.menu ul li {
	padding: 0.2em 1em 0.2em 1em;
/*	background-image: url(bullet-groen.png);
	background-repeat: no-repeat;
	background-position: 5px 50%;*/
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	cursor: pointer;
}

div.menu ul li.selected {
	background-image: url(header_bkg.png);
	background-repeat: repeat-x;
}

div.menu ul li a {
	color: #054;
}

div.menu ul li.selected a {
	color: #fff;
}

div.menu ul li a:hover {
	text-decoration: none;
}

div.menu ul li.note {
	margin-top: 1.5em;
	background-color: #fe7;
	padding: 0.2em 0em;
	cursor: default;
}

iframe {
	padding: 0.5em;
	border: 1px solid #eee;
}

a.twitter {
	position: absolute;
	top: -60px;
	left: -15px;
}

dt {
	margin-left: 1em;
	font-style: italic;
}

dd {
	margin: 0.5em 5em 1.5em 2.5em;
}

table {
	border: 1px solid #eee;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

th {
	font-family: georgia, times new roman, serif;
	background-color: #bdd;
	font-size: 110%;
	padding: 0.2em 1em;
}

th.col2 {
	text-align: center;
}

td {
	padding: 0.2em 1em;
}

td.label {
	width: 28em;
}

td.label i {
	padding-left: 1em;
}

td.value {
	text-align: right;
	vertical-align: top;
}

tr.odd {
	background-color: #eee;
}

tr.even{
}

ul.normal {
	margin-left: 1em;
}