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

body{
	background-image:url(../img/body-bg.png);
	background-color:#717171;
	background-repeat:repeat-x;
	overflow-x:hidden;
	overflow-y:hidden;
}

.dimmed{
background-image:url(img/contendim.png);
}


/* Elements */
#error{
position:fixed;
top:-20px;
left:0px;
width:100%;
height:23px;
padding-top: 2px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
font-size:15px;
font-weight:bold;
z-index: 100;
}

#shadow{
background-image:url(../img/shadow.png);
height:10px;
width:100%;
position:fixed;
left:0px;
top:-10px;
z-index: 100;
}

#loader{
position: absolute;
top: 40%;
left: 50%;
margin-left: -100px;
width: 200px;
font-weight: bold;
color: white;
text-align: center;
}

#footer{
text-align:center;
color:#EAEAEA;
font-size:11px;
position: absolute;
bottom: 10px;
left: 0px;
width: 980px;
}

#headtext{
	margin:14px;
	margin-top:11px;
	margin-bottom:13px;
}

#menu{
	position:relative;
	height:27px;
	padding-left:16px;
	padding-right:16px;
	background-image:url(img/menubar-bg.png);
}

ul#nav,
#nav ul{
/*Remove all spacings from the list items*/
	margin: 0;
	padding: 0;
	cursor: default;
	list-style-type: none;
	display: inline;
	float:left;
}

#nav li{
	padding-left:30px;	
}

ul#nav{
	display: table;
	height:27px;
	margin-left:-30px;
}
ul#nav>li{
	display: table-cell;
	text-align:left;
	position: relative;
}


ul#nav li>ul{
/*Make the sub list items invisible*/
	display: none;
	max-width: 40ex;
	white-space:nowrap;
	position: absolute;
}

ul#nav li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

#nav ul li a{
/*Make the hyperlinks as a block element, sort of a hover effect*/
	display: block;
	padding: 0px;
	margin:0px;
}

/*** Menu colors (customizable) ***/

#nav a{
	font-weight:bold;
	text-decoration:none;
	color:#515151;
	padding:5px;
	padding-left:13px;
	padding-right:13px;
	display:block;
}

ul#nav li.active>a{
	background-color:#FFF;
	color:#000;	
}

ul#nav li:hover a{
	background-color:#FFF;
	color:#000;
}

#nav li ul{
	background-color:white;
	border:1px solid white;
}

#nav li ul li{
	margin:0px;
	padding:0px;
}

#nav li ul a{
	color:#000;
	font-size:11px;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:13px;
	padding-right:13px;
}

#nav ul li a:hover{
	background:#969696;
	color:#FFF;
}



#container{
	width:900px;
	height:600px;
	position:relative;
	z-index:2;
}

#images{
	position:absolute;
	top:40px;
	width:900px;
	height:600px;
	background-color:#FFF;
	left:40px;
}

#images img{
	position:absolute;
	top:0px;
	left:0px;
}

#containerframe{
	background-image:url(img/containerframe.png);
	padding:40px;
	width:900px;
	height:600px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-490px;
	margin-top:-340px;
	display: none;
}



#news{
	position:absolute;
	color:#FFF;
	bottom:10px;
	left:16px;
}
#news a{
	outline:none;
	color:#FFF;
	text-decoration:underline;
}

#news a:hover{
	color:#FFF;
	text-decoration:none;
}

#content{
position: absolute;
top: 92px;
left: 0px;
height: 508px;
width: 900px;
overflow: auto;
z-index: -1;
}

#header{
height: 65px;
overflow: hidden;
}

#headtextdiv{
display: none;
}

#linkoverlay{
display: none;
}

#vlaggetjes{
	position:absolute;
	z-index:200;
	right:5px;
	top:5px;
}