/* this file contains the layout of the website */

body {
	background-color: #f2f2f2;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
	scrollbar-arrow-color:#CCCCCC; 
	scrollbar-base-color:#CCCCCC; 
	scrollbar-darkshadow-color:#000000; 
	scrollbar-face-color:#FFFFFF; 
	scrollbar-highlight-color:#CECECE; 
	scrollbar-shadow-color:#000000;
	}

/* Main Container */	
.container {	
	background-color: #FFFFFF;
	position: absolute;
    width: 800px;
    top: 0%;
	left: 50%; 
    margin-left: -400px; /* de helft van de breedte van het element en dan negatief */
}

/* Top Logo */
.toplogo {
	width: 800px;
    height: 80px;
    background-image: url(../images/header.gif); 
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

/* Body Header */
.bodyheader {	
	width: 800px;
    height: 20px;
	background-image: url(../images/body_header.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

/* Body Main */
.body {
	width: 800px;
	background-image: url(../images/body.gif);
    background-position: 0px 0px;
    background-repeat: repeat;
}

	.frame_left {
	width: 160px;
	height: 100%;
	/*border: 1px solid #66CC33;*/
	text-align: left;
	
	float: left;
	margin-left: 26px;
	display: inline;
	
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	}
	
		.menu_header {
		width: 160px;
		height: 20px;
		
		text-align: center;
		
		font-family: Arial;
		font-size: 12px;
		font-style: normal;
		font-weight: bolder;
		padding-top: 3px;
		background-image: url(../images/menu_left_header.gif);
		background-position: 0px 0px;
		background-repeat: repeat;
		}
		
		.menu{
		width: 160px;
		padding-top: 3px;
		text-align: left;
		margin-left: 10px;
		font-family: Arial;
		font-size: 12px;
		font-style: normal;
		}
	
	.frame_right {
	width: 550px;
	padding-top: 4px;
	padding-bottom: 4px;
	/*border: 1px solid #66CC33;*/
	text-align: left;
	
	float: right;
	margin-right: 45px;
	display: inline;
	
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	}
	
/* Body Footer */
.bodyfooter {	
	width: 800px;
    height: 22px;
	background-image: url(../images/body_footer.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}
/* Footer */
.footer {	
	width: 800px;
    height: 30px;
	
	padding-top: 7px;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	
	background-image: url(../images/menu.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

/* DISPLAY ENTRIES */
.header_entry {	
	width: 100%;
    height: 20px;
	
	padding-top: 2px;
	
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight	: bold;
	
	border-top: 1px solid;
	border-left: 1px solid;
	border-right: 1px solid;
	
	background-color: #CCCCCC;

}

	.header_entry_left {
		position: relative;
		padding-left: 2px;
		float: left;
		width: 30%;
		left: 5px;
	}
	
	.header_entry_right {
		position: relative;
		padding-right: 2px;
		float: right;
		width: 30%;
		text-align: right;
	}

/* DISPLAY ENTRIES */
.main_entry {	
	width: 100%;
    height: 100%;
	
	padding-left: 4px;
	padding-top: 2px;
	
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	
	border: 1px solid;
}