@charset "utf-8";
/* CSS Document */
body{
	font: 0.9em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#232323;
	text-decoration: none;
	}
.body_tekst{
		font: 0.9em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#232323;
		padding: 0 10px 0 10px;
	}
.body_sitemap{
		font: 0.9em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#232323;
		padding: 0 2px 0 2px;
		border: 0px;
	}
h1{
		font:18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#0000FA;
		padding: 10px 0 0 35px;
	}
h2{
	font:20px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0000FA;
	padding: 5px 0 0 15px;
	font-style: italic;
	}
	#clock {
		font: 10px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#666666;
		text-align:center;
		padding: 75px 0 0 0;
	}
	a{text-decoration: none;color: #5599a7;}
	a:hover{
	text-decoration:none;
	}
	.hide,hr{display: none;}
	strong{font-weight: bold;}
	
		/* container */
	#container{
	width: 800px;
	height: 800px;
	margin: auto auto;
	background:#fff;
	padding: 10px 0 0 0;
	}
		#containertop{
		width:800px;
		height:150px;
		background:url(../images/container_top.jpg) left bottom no-repeat;
		}
/* =TOP NAVIGATION and SEARCH */
	/* top navigation */
		#navigation_wrapper{
		float: left;
		background: #363B28 url(../images/navigation.jpg) 0 0 repeat-x;
		height: 50px;
		width: 586px;
		}
			#navigation{
			float: left;
			padding-left:7px;
			height: 50px;
		}
			#navigation li{
			float: left;
		}
			#navigation li a{
			padding: 15px 10px 0 10px;
			height: 50px;
			float: left;
			font-family: "Trebuchet MS";
			font-size: 1.45em;
			font-weight: bold;
			letter-spacing:-0.03em;
			color: #333333;
		}
			#navigation li a:hover{
			color: #82865b;
			background: #394030 url(../images/nav_hover_bg.gif) 0 0 repeat-x;
	}
/* =sub navigation */
		#main_wrapper{
		float:left;
		width:800px;
		height:538px;
		}
			#sub_navigation{
			float:left;
			width:586px;
			height:102px;
			background: url(../images/sub_navigation.jpg);
		}
			#main_image{
			float: left;
			width:560px;
			height:436px;
			background:url(../images/body.jpg);
			margin: 0 auto;
			overflow:hidden;
		}
				.h2{
			font:1.5em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#0000FA;
			padding: 10px 0 0 25px;
		}
			#divider{
			float:left;
			width:26px;
			height:436px;
			background:url(../images/divider.gif) 0 0 repeat-x;
		}
			#picture{
			float:right;
			width:214px;
			height:102px;
			background:url(../images/login_top.jpg) 0 0 repeat-x;
		}
			#picture2{
			float:right;
			width:214px;
			height:102px;
			background:url(../images/login_top2.jpg) 0 0 repeat-x;
		}
			#picture3{
			float:right;
			width:214px;
			height:102px;
			background:url(../images/login_top3.jpg) 0 0 repeat-x;
		}
			#picture4{
			float:right;
			width:214px;
			height:102px;
			background:url(../images/login_top4.jpg) 0 0 repeat-x;
		}
			#login_wrapper{
			float: right;
			width:214px;
			height:95px;
			background:url(../images/login.jpg) 0 0 repeat-x;
		}
				#login_name{
				float:left;
				width:100px;
				height:95px;
				}
				#login{
				float:right;
				width:114px;
				height:95px;
				}
				.text_login{
				font: 1.2em "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
				color: #696969;
				padding: 10px 10px 0 10px;
				}
			#nieuws{
			float:right;
			width:214px;
			height:60px;
			background:url(../images/nieuws.jpg) 0 0 repeat-x;
		}
			#nieuws_tekst{
			float:right;
			width:214px;
			height:341px;
			background:url(../images/news_tekst.jpg) 0 0 repeat-x;
			}
		.nieuws{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#FFFFFF;
	text-decoration:none;
	padding: 5px 10px 0 0;
	border: 0px;
		}
/* =HOME */
		#home{
		float:left;
		width:214px;
		height:50px;
		overflow:hidden;
		border:0px;
		}
/* =FOOTER */		
		#footer_wrapper{
		float:left;
		width: 800px;
		height:62px;
		}
		#footer{
		float:left;
		width: 649px;
		height: 62px;
		background: url(../images/footer.gif) 0 0 repeat-x;
		}
		.footer_tekst{
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		font-style:italic;
		color:#FFFFFF;
		padding: 5px 0 0 0;
		}
		#footer_copy{
		float:right;
		width:151px;
		height:62px;
		text-align:center;
		padding-top:44px;
		background:url(../images/footer_copyright.png) no-repeat;
		}
/* =MENU */

.preload1 {background: url(../images/bgmenu.png);}
.preload2 {background: url(../images/menu_1.gif);}

#nav {
	padding:0;
	margin:0;
	list-style:none;
	height:50px;
	position:relative;
	z-index:200;
	font-family:"Lucida Grande", "Trebuchet MS", verdena;
	float: left;
	padding-left:7px;
}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:50px; line-height:50px; color:#333333; text-decoration:none; font-size:14px; padding:0 0 0 12px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:50px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:50px;}

#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#0093DD;}
#nav li:hover a.top_link span, 
#nav a.top_link:hover span
{background:url(images/menu_1.gif);}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{ padding-bottom:0px;}

#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}

#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}


#nav :hover ul.sub
{left:1px; top:50px; background:url(../images/bgmenu.png); padding:5px; border:0px solid #0b4d97; white-space:nowrap; width:115px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:115px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:14px; height:18px; width:115px; line-height:18px; text-indent:5px; color:#333333; text-decoration:none;border:0px solid #50b5d0;}
#nav li ul.sub li a.fly
{background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover 
{ color:#fff; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff;}

#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#ff6; border-bottom:1px solid #ff6; cursor:default;}

#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:115px; z-index:400; height:auto;}

#nav ul, 
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul 
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(images/arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(images/arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;} 	

/* =lytebox */