body {
	background-position:top center;
	background-image: url(images/achtergrond.jpg);
	background-repeat: no-repeat;
	background-color: #888888;
	background-size: 2400px 1230px;
	height:100%;
	SCROLLBAR-FACE-COLOR: #ccc; 
	SCROLLBAR-HIGHLIGHT-COLOR: #F9F9F9; 
	SCROLLBAR-SHADOW-COLOR: #F9F9F9; 
	SCROLLBAR-3DLIGHT-COLOR: #F9F9F9; 
	SCROLLBAR-ARROW-COLOR: black; 
	SCROLLBAR-TRACK-COLOR: #F9F9F9; 
	SCROLLBAR-DARKSHADOW-COLOR: #F9F9F9;
}
#t {
	position: absolute;
	left:0px;
	top:0px;
	width:970px;
	height:600px;
	z-index:1;
	background-color:#FFC;
}
.geel{
	color: #FFF;

	}
#apDiv1 {
	position: relative;
	left:316px;
	color:#FFF;
	top:14px;
	width:308px;
	height:20px;
	z-index:1;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
#apDiv2 {
	position:absolute;
	left:73%;
	top:310px;
	width:192px;
	height:318px;
	z-index:2;
}
.panel {
position: absolute;
top: 58px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 30px;
filter: alpha(opacity=85);
opacity: .85;
color:#CCC;}


.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #FFF;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
	visibility:hidden;
position: absolute;
text-decoration: none;
top: 49px; left: 0;
font-size: 13px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 20px 10px 5px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 49px; left: 0;
font-size: 13px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 10px 20px 10px 10px;
font-weight: 700;
background:#222222 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(images/minus.png) 85% 55% no-repeat;
}
a.topmenu{
	font-size: 11px;
	color: #999;
	text-decoration:none;
}
a.topmenu:hover{
	font-size: 11px;
	color:#000;
	text-decoration:none;
}
a.topmenu:active{
	font-size: 11px;
	color:#000;
	text-decoration:none;
}
a.topmenu:visited{
	font-size: 11px;
	color:#000;
	text-decoration:none;
}
a{	
	color:#000;
	text-decoration:none;}
a.hover{

	color: #666;
	text-decoration:none;
}
a.active{

	color:#000;
	text-decoration:none;
}
a.visited{

	color:#000;
	text-decoration:none;
}


.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

a:focus {outline: 0;}
a:active {outline: 0;}
