/* UIT! HTML {
							OVERFLOW-Y: hidden; HEIGHT: 100%;
						}
						BODY {
							OVERFLOW-Y: hidden;HEIGHT: 100%;
						} */
						
						
	/* please do not touch this*/					
DIV.menu {
	Z-INDEX: 5; 
	FLOAT: none; 
	OVERFLOW: hidden; 
	WIDTH: 80%; 
	BOTTOM: 5px; 
	RIGHT:50px; 
	POSITION: absolute;
}

BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;

	PADDING-TOP: 0px;
	font-family: 'Courier New', Monospace;
	font-size: 12px;
	background-color: #4C4C4C;
	/*color: #696969;*/
	color: Black;
	background-image:  url(img_layers/bg.gif);
	background-attachment: fixed;
	background-repeat: repeat;

	margin: 0 0 0 0; 
	height:100%;
}


A:link {
	COLOR: #000; TEXT-DECORATION: underline;	

}
A:visited {
	COLOR: #000; TEXT-DECORATION: underline;
}
A:active {
	COLOR: #000; TEXT-DECORATION: underline;
}
A:hover {
	FONT-WEIGHT: normal; 
	BACKGROUND:#C39D06 ; 
	COLOR:#fff ; 
	TEXT-DECORATION: none;
}
/* please do not touch this*/
DIV.menu {
	position:absolute;
	/* geen mac	 \*/
	position:fixed;
	/* terug van mac hack	 */
	_position:absolute;
	bottom:0px;
	_top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight);
	left:0;
	margin:0;
	padding:0;
	z-index: 5;
}
/* please do not touch this*/
#menu {
	Z-INDEX: 5;
	OVERFLOW: hidden;
	WIDTH: 80%;
	BOTTOM: 2px;
	BACKGROUND-COLOR: #fff;
	border: 1px solid #000;
}
/* please do not touch the float the others are about the caracteristics of the text on the menu. */
#menu #menutekst {
	FLOAT: none;
	BACKGROUND-COLOR: #fff;
	PADDING-LEFT: 10px;
	PADDING-TOP: 20px;
	padding-bottom: 0px;
	font-size: 14px;
	color: #000000;
	FONT-WEIGHT: bold;

}
/*here you can control the width from  where the pics  in the menu are. make a backup if you want to modify this*/
#menu #menulinks {
	RIGHT: 0px; 
	FLOAT: right; 
	BACKGROUND-IMAGE:  url(img_mouseovers/img2.jpg); 
	WIDTH: 300px; 
	BACKGROUND-REPEAT: no-repeat; 
	/*HEIGHT: 170px;*/ 
	BACKGROUND-COLOR: #fff; 
	TEXT-ALIGN: right; 
	padding: 5px;
	margin-left: 15px;


}
#menu #menulinks A {
	PADDING-LEFT: 15px; 
	FLOAT: none; 
	MARGIN-RIGHT: 20px; 
	HEIGHT: 20px; 
	color:#333;	
}
#menu #menulinks A:hover {
	BACKGROUND-IMAGE:  url(img_mouseovers/arrow.gif); 
	BACKGROUND-REPEAT: no-repeat;
	COLOR:#fff;
/* 	width:180px; */
}

#menu #menulinks {
	RIGHT: 0px; 
	FLOAT: right; 
	BACKGROUND-IMAGE:  url(img_mouseovers/img2.jpg); 
	WIDTH: 300px; 
	BACKGROUND-REPEAT: no-repeat; 
	/*HEIGHT: 170px;*/ 
	BACKGROUND-COLOR: #fff; 
	TEXT-ALIGN: right; 
	padding: 5px;

}
.menu2 A:hover{
	FONT-WEIGHT: normal; BACKGROUND:#cCcCcC ; COLOR:#fff ; TEXT-DECORATION: none;
}

}
/*dont change this*/
DIV.einde {
	clear: both;
	height: 400px;
	width:100%;
	float: none;
}
/*dont change this*/
#link1 #link2 #link3 #link4 #link5  #link6 #link7 #link8{
	FLOAT: right;
	WIDTH: 275px;
	POSITION: relative;
	margin-left: 5px;
}
/*here you can control form of the layer that the projects appears on. dont change float*/
.projects{
	FLOAT: right;
	WIDTH: 275px;
	/* POSITION: relative; /* Geeft met Safari problemen*/ 
	background-color: #929292;
	margin: 1px;
	padding: 10px;
	border: 1px solid #666666;
	font-size: 90%; 
}
/*here you can control the title on the layers*/
.layercaption{
	font-size: 112%;
	color: #B1B1B1;
	background-color: #383838;
	font-weight : normal;
	letter-spacing: 2px;
	text-align : left;
	text-decoration : none;
	
}
/*here you can control the link from the title on the layers*/
.layercaption a:link{ 
     	font-size: 112%;
	 color: #B1B1B1;
	text-decoration: none;
		

}

.layercaption a:visited { 
font-size: 112%;
	 color: #B1B1B1;
	text-decoration: none;
	
}
.layercaption a:active {
	font-size: 112%;
	color: #B1B1B1;
	text-decoration: none;
	font-weight : normal;

}
.layercaption a:hover {
	font-size: 112%;
	color: #C39D06;
	text-decoration: none;
	font-weight : normal;
	text-decoration: none;
	background-color: #383838;

	
}
/*here you can control the text on the layers*/
.layertxt{
	font-size: 80%;
	color: #000;
	text-indent: 0; 
	margin-top: 0.83em;
	font-family: 'Courier New', Monospace;

}
.footer{
	font-size: 100%;
	color: #000;
	text-indent: 0; 
	font-family: 'Courier New', Monospace;
	font-style: oblique;
}

HR { text-align: center; width: 80%; height: 2px; color: #000; border: none; } /* For Internet Explorer */
HTML>BODY HR { margin-right: 0; width: 80%; height: 2px; background-color: #000; border: none; } /* For Gecko-based browsers */
HTML>BODY HR { margin-right: 0; width: 80%; height: 2px; background-color: #000; border: 0px solid #F00; } /* For Opera and Gecko-based browsers */