html {height:100%}

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #085D7D; /* vaalblou , helderblou #074C8B*/
	margin:0px;
	height:100%;
	color:black;	
}
a {
	text-decoration: none;
}	
h1 {
	text-align:center;
	background:#E9F0F3;
	border:1px solid #D2E2E7;
	margin-top:0px;
	-moz-border-radius:10px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}
h3 {
	background:#E9F0F3;
	border:1px solid #D2E2E7;
	-moz-border-radius:10px;
}
h4{
	padding:0px 0px 0px 0px;
	margin:0px;
	}
#header {
	background:url(images/header_logo_bg.gif) repeat-x;
}	
#content	{
	position:absolute;
	left:150px;
	margin-left:20px;
	font-size:14px;
	color: black;
	text-align:center;
}

#menu_left {
	position:absolute;
	left:0px;
	width:155px;
	background:url(images/box/round-r.gif) right repeat-y #0652A0;
}
#menu_right {
	position:absolute;
	right:0px;
	width:180px;
	background:url(images/box/round-l.gif) left repeat-y #0652A0;
	z-index:10;
}	
/*.texture-l {background:url(images/menu-bg-l.gif) left  no-repeat top;}
.texture-r {background:url(images/menu-bg-l.gif) right no-repeat top;}
*/
#buttons a {
	display:block;
	background:url(images/button2.jpg) no-repeat left;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:20px;
	color:black;
	width:150px;
	font-size:12px;
	font-weight:bold;
	text-align:left; 
}
#buttons a:hover {
	background:url(images/button3.jpg) no-repeat left;
	color:yellow;	
}
#buttons span {
	display:block;
	text-align:center;
	height:34px;
	padding-top:8px;
	font-size: 18px;
	font-weight:bold;
	text-align:left;
	color:#444;
	background: url(images/bg_span.png) no-repeat left;
}
#usermenu {
	text-align:center;
	padding:5px;
	padding-left:20px;
	margin-top:20px;
	margin-bottom:20px;
	border:2px solid #eee;
	background:#F9F9F9;
	overflow:auto;
}
#usermenu a {
	display:block;
	float:left;
	width:100px;
	margin:10px;
	margin-right:50px;
	padding:10px;
	padding-left:50px;	
	font-weight:bold;
	text-align:left;
	text-decoration:none;
}

#footer{
	position:relative;
	bottom:0px;
	width:100%;	
}
.spacer {height:20px}/* same height as footer/header to preserve space*/

div#login {
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align: center;
	margin:5px;
}
div#result	{
	border: 1px dashed #000000;
	padding: 3px 3px 3px 3px;
	width:600px;
}
div#cat {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding:10px;
}
div#cat p {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	border:1px dashed black;
	font-size:12px;
	padding:10px;
}

div#gtrader {
	font-family:Arial, Helvetica, sans-serif;	
	text-align:center;
	color:#CCCCCC;
	font-size:14px;
}
.text {
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
}
.heading {
	font-size: 20px;
	color: #FF6633;
}
.headertext {
	position:absolute;
	left: 422px; top: 25px;
	font-size: 24px;
	font-weight: bold;
	color:black;
}
.textsmall {
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
}
.textblack {
	font-family: Arial,helvetica,sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #CCCCCC;
	
}
.formhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	background-image: url(images/border.gif);
}
.boldwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}
.result {
	font-family: Tahoma;
	font-size: 24px;
	color: #085D7D;
}
.box {
	background-color: #608B9E;
	padding: 8px;
	border: 1px solid #ccc;
	}
.box:hover { 
	background-color:#9999FF;
}
/******** ROUNDBOX ********/
.roundbox {
	width:550px; 
	margin:10px;
	z-index:0;	
}
 
.rbcontent {
	padding: 20px;
	border: 1px solid #aaa;
	background: #fff;
}
.rbcontent br { clear:left }
* html .rbcontent br {clear:none}

.corner-tl, .corner-tr, .corner-bl, .corner-br {
	background-color: #085D7D;
	position: relative;
	width: 19px;
	height: 19px;
	display:none;
}

html>body .corner-tl { background:#085D7D url(images/box/corner-tl.png) no-repeat top left; }
html>body .corner-tr { background:#085D7D url(images/box/corner-tr.png) no-repeat top right; }
html>body .corner-bl { background:#085D7D url(images/box/corner-bl.png) no-repeat bottom left; }
html>body .corner-br { background:#085D7D url(images/box/corner-br.png) no-repeat bottom right; }
.corner-tl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box/corner-tl.png',sizingMethod='scale'); }
.corner-tr { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box/corner-tr.png',sizingMethod='scale'); }
.corner-br { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box/corner-br.png',sizingMethod='scale'); }
.corner-bl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/box/corner-bl.png',sizingMethod='scale'); }

.corner-tl, .corner-tr, .corner-bl, .corner-br {
display:block;
}

.corner-tl, .corner-bl { float: left; left: 0px; }
.corner-tr, .corner-br { float: right; right: 0px; }
.corner-tl, .corner-tr { top: 0px; }
.corner-bl, .corner-br { bottom: 0px; margin-top: -19px; /* Opera fix (part 1) */ top: -18px;}

.corner-bl, .corner-br {
	top: 0px;
}