/* CSS Document */

/*******************************/
/* General Settings            */
/*******************************/
html, body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
}

a:link, a:visited, a:active a:hover {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

p {
	color: #ffffff;
	font-size: 10px;
}

ul {
	padding:0px;
	margin:0px;
}


/*******************************/
/* div's for menus             */
/*******************************/

li.inline {
	display: inline;
	text-align:center;
}

li.inline a:hover {
	color: #FF0000;
}

li.inlineselected {
	display: inline;
	text-align:center;
}

li.inlineselected a {
	color: #FF0000;
	font-weight:bolder;
}

li.inlineselected a:hover {
	color: #FF0000;
}


li.menu {
	display: block;
	text-align:left;
	padding-left:5px;
}

li.menu a:hover {
	color: #FF0000;
}

li.menuselected {
	display: block;
	text-align:left;
	color:#FF0000;
	padding-left:5px;
}

li.menuselected a {
	color: #FF0000;
	font-weight:bolder;
}

li.menuselected a:hover {
	color: #FF0000;
}
/*******************************/
/* div's for allignment        */
/*******************************/


div.spacer {
  clear: both;
}

div.floatl {
	text-align: left;
}

div.floatc {
	text-align: center;
}

div.floatr {
	text-align: right;
}

/*******************************/
/* div's for layout            */
/*******************************/

div.fullpage {
	width:900px;
	margin:0 auto;
	margin-top:0px;
	text-align:left;
	background-color: #333333;
}

div.header {
	clear:both;
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	background-color:#000000;
}

div.col1 {
	float:left;
	position:relative;
	left:0px;
	top:0px;
	width:100px;
	height:600px;
	color:#ffffff;
}


div.col1 a:link {
	font-size:14px;
	font-variant:small-caps;
}

div.col1 a:visited {
	font-size:14px;
	font-variant:small-caps;
}

div.col1 a:active {
	color: #FF0000;
}



div.col2 {
	float:right;
	position:relative;
	right:0px;
	top:0px;
	overflow:auto;
	width:800px;
	height:600px;
	color:#ffffff;
}

div.col2 a:link, a:visited, a:active {
	font-size:12px;
}

div.col2 span.rood {
	font-size:12px;
	color:#990000;
}

div.col2 span.small {
	clear:left;
	width:400px;
	float:left;
	font-size:12px;
	color: #ffffff;
	margin:0px 0px 0px 80px;
}

div.col2 span.title {
	clear:left;
	width:400px;
	float:left;
	font-size:16px;
	font-weight:bolder;
	color: #ffffff;
	margin:0px 0px 0px 80px;
}

div.col2 span.links {
	clear:left;
	width:80px;
	float:left;
	font-size:12px;
	color:#ffffff;
	margin:5px 0px 4px 0px;
	text-align:right;
}

div.col2 span.rechts {
	width:400px;
	float:left;
	font-size:12px;
	color:#ffffff;
	text-align:left;
}

div.col2 span.links2 {
	clear:left;
	width:450px;
	float:left;
	font-size:12px;
	color:#ffffff;
	margin:5px 0px 4px 10px;
	text-align:left;
}

div.col2 span.rechts2 {
	width:200px;
	float:left;
	font-size:12px;
	color:#ffffff;
	text-align:left;
}

div.bottom-menu {
	clear:both;
	position:relative;
	left:0px;
	top:0px;
	width:900px;
}

div.bottom-footer {
	clear:both;
	position:relative;
	left:0px;
	top:0px;
	width:900px;
	font-size:10px;
	background-color: #000000;
}


/*******************************/
/* div's for col1              */
/*******************************/



/*******************************/
/* div's for col2              */
/*******************************/

div.col2-header {
	clear:both;
	position:relative;
	left: 0px;
	top: 0px;
	margin-top:40px;
	width:800px;
	height:60px;
	padding-left:0px;
	background-color:#FF0000;
}

div.col2-header-alt {
	clear:both;
	position:relative;
	left: 0px;
	top: 0px;
	margin-top:40px;
	width:800px;
	height:60px;
	padding-left:0px;
	background-color:#FF0000;
}

div.col2-header-kader {
	width:795px;
	padding-left:5px;
	font-size:48px;
}

div.col2-header-kader span.hlinks {
	clear:left;
	width:70%;
	float:left;
	left:5px;
	text-align:left;
}

div.col2-header-kader span.hrechts {
	width:25%;
	float:left;
	text-align:left;
	font-size:12px;
}

div.col2-menu {
	clear:both;
	position:relative;
	left: 0px;
	top: 0px;
	width:800px;
	height:20px;
	background-image: url(images/background-menu.png);
}

div.col2-menu-kader {
	width:790px;
	padding-top:2px;
	padding-left:10px;
	font-size:12px;
}



div.col2-info {
	clear:both;
	position:relative;
	left: 0px;
	top: 0px;
	overflow: auto;
	color:#ffffff;
	width:100%;
	height:480px;
}

div.col2-info-kader {
	clear:both;
	position:relative;
	left: 0px;
	top: 10px;
	color:#ffffff;
	width:90%;
}

div.col2-info-kader span.vlinks {
	clear:left;
	width:22%;
	float:left;
	text-align:center;
}

div.col2-info-kader span.vrechts {
	width:78%;
	float:left;
	text-align:center;
}

div.messagebox {
	width:500px;
	text-align:center;
	font-size:10px;
	background-color:#FF0000;
	color:#FFFFFF;
}