/* CSS layout */



#container {
background:url(images/background5.png);
position: absolute;
width: 810px;
height: 610px;
top: 50%;
left: 50%;
margin-left: -405px;
margin-top: -305px;
background-color:#333333;
}


#main {
	width: 775px;
	height: 605px;
	padding: 5px;
	overflow: hidden;
	float: left;
}

#left_col {
	width: 400px;
	height: 563px;
	position: absolute;
	overflow: hidden;
}

#right_col {
	width: 370px;
	height: 300px;
	position: absolute;
	overflow: hidden;
}

#titel {
	background-image:url(images/titelbar1.png);
	font: small serif;
	width: 300px;
	height: 30px;
	position: absolute;
	top: 170px;
	right: 70px;
	overflow: hidden;
	
	}

#menu {
	width: 800px;
	height: 30px;
	position: absolute;
	top: 563px;
	left: 10px;
	margin-right: 0px;
	margin-left: 0px;
	overflow: hidden;
}

#menu_left {
	background: url('images/menubarleft.png');
	width: 273px;
	height: 25px;
	float: left;
	overflow: hidden;
}

#menu_seperate {
	background: url('images/menusep.png');
	width: 1px;
	height: 25px;
	float: left;
	overflow: hidden;
}

#menu_right {
	background: url('images/menuright.png');
	width: 60px;
	height: 25px;
	float: left;
	overflow: hidden;
}

#page_head {
	width: 200px;
	height: 80px;
	position: absolute;
	top: 15px;
	right: 25px;
	margin-right: 0px;
	margin-left: 0px;
	overflow:hidden;
	float: right;
}

	

/* menu vista stijl */


img{ border: 0pt; }

#vista_toolbar {
float:left;
font:normal 11px 'Trebuchet MS','Arial';
margin:0;
padding:0px;

}

#vista_toolbar ul {
background-image:url(images/menubar.png);
background-repeat:repeat-x;
float:left;
line-height:26px;
list-style:none;
margin:0;
padding:0 0px 0 0px;
width:442px;
}

#vista_toolbar li {
display:inline;
padding:0;
}

#vista_toolbar a {
color:#Fcfcfc; /* need because it will use default link color */
font:normal 12px 'Trebuchet MS','Arial';
float:left;
padding:3px 2px 0 1px; /* left 3 px because of left.png image */ 
text-decoration:none;
}

#vista_toolbar a span {
display:block;
float:none;
padding:0 5px 0 7px;
}

#vista_toolbar a span img {
border:none;
margin:8px 4px 0 0;
}

/* show picture when mouse over link */
#vista_toolbar a:hover{
background: url(images/left.png) no-repeat left center;
font:normal 12px 'Trebuchet MS','Arial';
color: #FFF;
height: 20px;
}

#vista_toolbar a:hover span {
background:url(images/right.png) no-repeat right center;
font:normal 12px 'Trebuchet MS','Arial';
padding-right:-5px;
height: 20px;
color: #FFF;
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
}

p{
font:normal 12px 'Trebuchet MS','Arial';
color: #cccccc;
margin: 0;

} 

h1{
font:normal 12px 'Trebuchet MS','Arial';
color: #FF3300;
float: left;
padding-left:0;
margin: 0;
} 

h2{
font:normal 11px 'Trebuchet MS','Arial';
color: #FF3300;
float: left;
padding-left:0;
margin: 0;
} 


BODY{
scrollbar-face-color:#000000;
scrollbar-arrow-color:red;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
}


HTML{
scrollbar-face-color:#000000;
scrollbar-arrow-color:red;
scrollbar-track-color:#000000;
scrollbar-shadow-color:#000000;
scrollbar-highlight-color:'';
scrollbar-3dlight-color:'';
scrollbar-darkshadow-Color:'';
}

A:link { color: #FF3300; text-decoration: none; background-color:; }
A:visited { color: #FF3300; text-decoration: none; background-color: ; }
A:active { color: #FF3300; text-decoration: none; background-color: ; }
A:hover { color: #FF3300; text-decoration: underline; background-color:; }