@charset "UTF-8";
/* CSS Document */

body {
	font-family:				Georgia, "Times New Roman", Times, serif;
	font-size:					small;
}

/** opmaak **/

#wrapper {
	width:						957px;
	height:						auto;
	margin-left:				auto;
	margin-right:				auto;
	background-image:			url(../_img/wrapper.jpg);
	background-repeat:			repeat-y;	
}

/** header elementen **/
#header {
	width:						933px;
	height:						35px;
	margin-left:				auto;
	margin-right:				auto;
	padding-top:				177px;
	background-image:			url(../_img/header.jpg);
	background-repeat:			no-repeat;	
}

#headerMenu {
	width:						533px;
	height:						15px;
	margin-left:				auto;
	margin-right:				auto;
	color:						#FFF;
	padding-left:				199px;
	float:						left;
}

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

#headerMenu a:hover {
	color:						#FFF;
	text-decoration:			underline;
	font-weight:				bold;
}

#headerMenu a:active {
	color:						#FFF;
	text-decoration:			none;
}

#headerMenu a:link {
	color:						#FFF;
	text-decoration:			none;
}

#flag {
	width:						200px;
	height:						15px;
	float:						left;
}


/** menu items **/
#menu {
	margin-left:				12px;
	width:						185px;
	height:						617px;
	float:						left;
	background-image:			url(../_img/menu.jpg);
	background-position:		top;
	background-repeat:			no-repeat;
}

#menu ul{
	margin: 					0;
	padding: 					0;
	list-style-type: 			none;
	font:						bold 13px Verdana;
	width: 						180px; /* Main Menu Item widths */
	border-bottom:				1px solid #ccc;
}
 
#menu ul li{
	position: 					relative;
}

/* Top level menu links style */
#menu ul li a{
	display: 					block;
	overflow: 					auto; /*force hasLayout in IE7 */
	color:						white;
	text-decoration: 			none;
	padding: 					6px;
	border-bottom: 				1px solid #778;
	border-right: 				1px solid #778;
}

#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active{
	background-color: 			#ff982f; /*background of tabs (default state)*/
}

#menu ul li a:visited{
	color: 						white;
}

#menu ul li a:hover{
	background-color: 			#CCC;
}

/*Sub level menu items */
#menu ul li ul{
	position: 					absolute;
	width: 						170px; /*Sub Menu Items width */
	top: 						0;
	visibility: 				hidden;
}

#menu a.subfolderstyle{
	background: 				url(../_img/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

/** content items **/
#content {
	width:						733px;
	height:						617px;
	float:						left;
	background-image:			url(../_img/content.jpg);
	background-position:		top;
	background-repeat:			no-repeat;
	padding-left:				15px;
}

#contentlong {
	width:						733px;
	height:						auto;
	float:						left;
	background-image:			url(../_img/content.jpg);
	background-position:		top;
	background-repeat:			no-repeat;
	padding-left:				15px;
}

#content H1 {
	color:						#ff982f;
	font-size:					x-large;
}

#content H2 {
	font-size:					medium;
}

#content ul {
	list-style-image:			url(../_img/bullit.gif);
}

#contentlong H1 {
	color:						#ff982f;
	font-size:					x-large;
}

#contentlong H2 {
	font-size:					medium;
}

#contentlong ul {
	list-style-image:			url(../_img/bullit.gif);
}

/** footer items **/

#footer {
	clear:						both;
	width:						933px;
	height: 					17px;
	margin-left:				auto;
	margin-right:				auto;
	background-color:			#ff982f;
	color:						#FFF;
	text-align:					center;
	padding-top:				3px;
}

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

#footer a:hover {
	color:						#FFF;
	text-decoration:			underline;
}

#footer a:active {
	color:						#FFF;
	text-decoration:			none;
}

#footer a:link {
	color:						#FFF;
	text-decoration:			none;
}