/* CSS Document */

html, body {
		margin:						0px;
		width:						100%;
		height:						100%;
		overflow:					hidden;
	}

body {
		background-image:			url(../../img/bg_tile.gif);
		font-family:				Verdana, Arial, Helvetica, sans-serif;
		font-size:					11px;
		color:						#FFFFFF;
		scrollbar-face-color:		#000000;
		scrollbar-shadow-color:		#000000;
		scrollbar-highlight-color:	#000000;
		scrollbar-3dlight-color:	#cd2525;
		scrollbar-darkshadow-color:	#cd2525;
		scrollbar-track-color:		#000000;
		scrollbar-arrow-color:		#cd2525;
	}
	
	a {
		color:						#cd2525;
		text-decoration:			none;
	}
	
	a:hover {
		text-decoration:			underline;
	}

.container {
		width:						955px;
		height:						600px;
		border:						1px solid #222222;
		background-color:			#000000;
		background-image:			url(../img/achtergrond.jpg);
		background-repeat:			no-repeat;
		position:					absolute;
		left:						50%;
		top:						50%;
		margin:						-300px 0px 0px -479px;
	}
	
	.titelbalk {
			background-color:			#cd2525;
			background-image:			url(../img/titelbalk.jpg);
			background-repeat:			no-repeat;
			background-position:		right;
			height:						27px;
			font-family:				Arial Black, Arial, Helvetica, sans-serif;
			font-size:					10px;
			letter-spacing:				2.5px;
			text-transform:				uppercase;
		}
	
	.logo {
			background-image:			url(../img/logo.jpg);
			width:						273px;
			height:						64px;
			
			position:					absolute;
			right:						0px;
			bottom:						0px;
		}
		
	.content {
			position:				absolute;
			left:					360px;
			top:					160px;
			width:					580px;
			height:					370px;
			text-align:				justify;
			line-height:			15px;
			overflow:				auto;
			padding-right:			10px;
		}
		
		.rodeTitel {
			font-family:				Arial Black, Arial, Helvetica, sans-serif;
			font-size:					28px;
			letter-spacing:				-3;
			line-height:				30px;
			color:						#cd2525;
		}
		
		.rodeSub {
			font-family:				Verdana, Arial, Helvetica, sans-serif;
			font-weight:				bold;
			letter-spacing:				0px;
			color:						#cd2525;
			line-height:				20px;
		}
	
	.menu {
		background-color:			#161618;
		width:						955px;
		height:						45px;
		position:					absolute;
		left:						0px;
		bottom:						0px;
		margin:						0px;
		}
	
	#hoofdmenu {
		position:					absolute;
		left:						0px;
		bottom:						0px;
		margin:						0px;
	}
	
		#hoofdmenu li {
				float:						left;
				background-color:			#37363c;
				background-image:			url(../img/hfdmenu_achtergrond.jpg);
				background-repeat:			no-repeat;
				background-position:		right;
				font-family:				Arial, Arial, Helvetica, sans-serif;
				font-size:					11px;
				font-weight:				bold;
				letter-spacing:				2px;
				padding:					5px 15px 5px 10px;
				color:						#ffffff;
			}
			
			#hoofdmenu li a{
					color:						#9b9b9e;
					text-decoration:			none;
				}
				
			#hoofdmenu li a:hover{
					color:						#ffffff;
					text-decoration:			none;
				}
				
				
	#submenu {
		position:					absolute;
		left:						0px;
		bottom:						24px;
		margin:						0px;
	}
	
		#submenu li {
				float:						left;
				background-color:			#1e1d20;
				background-image:			url(../img/submenu_achtergrond.jpg);
				background-repeat:			no-repeat;
				background-position:		right;
				font-family:				Arial, Arial, Helvetica, sans-serif;
				font-size:					9px;
				font-weight:				bold;
				letter-spacing:				2px;
				padding:					5px 15px 5px 10px;
				color:						#ffffff;
			}
			
			#submenu li a{
					color:						#cd2525;
					text-decoration:			none;
				}
				
			#submenu li a:hover{
					color:						#ffffff;
					text-decoration:			none;
				}