/**
 * standaard lettertype + lettergrootte instellen
 */ 
* {
	font-family:				Verdana, Arial, sans-serif;
	font-size:		 			12px;
	color:						#FFF;
}

.clear {
	clear:						both;
	font-size:					0px;
	height:						0px;
	line-height:				0px;	
}

.onlyclear {
	clear:						both;
}

p {
	color:						#FFF;
	font-size:					11px;
	line-height:				20px;
}

span {
	color:						#FFF;
}

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

a:hover {
	color:						#f68428;
}

/**
 * body, html 
 * margin van het totale frame zetten
 * background instellen
 */
body,html {
	margin:						0px;
	background-color:			#b8c7db;
	height:						100%;
	width:						100%;
}

#background {
	left:						0px;
	top:						0px;
	height:						100%;
	width:						100%;
	min-width:					1056px;
	min-height:					649px;
	position:					absolute;
	overflow:					hidden;
}

#background .left {
	width:						50%;
	height:						100%;
	position:					absolute;
	left:						0px;
	background-image:			url(/images/site/bg-left.gif);
	border-right:				solid #b8c7db 1px;
	margin-left:				-1px;
}

#background .right {
	width:						50%;
	height:						100%;
	position:					absolute;
	left:						50%;
	background-image:			url(/images/site/bg-right.gif);
	border-left:				solid #b8c7db 2px;
}

/**
 * Wrapper
 * algehele container voor het hele frame
 */
#wrapper {
	width:						1056px;
	margin:						0px auto;
	height:						675px;
	position:					relative;
	top:						-26px;
}

#wrapper .background {
	width:						1001px;
	height:						620px;
	border:						19px solid #000;
	padding:					7px;
	opacity:					0.13;
	filter: 					alpha(opacity = 13);
	position:					absolute;
}

#wrapper .body {
	width:						1001px;
	height:						620px;
	background-color:			#e5ebf2;
	position:					absolute;
	margin:						26px;
}

#wrapper .body .header {
	margin-top:					21px;
}

#wrapper .body .header .logo {
	margin-left:				-101px;
	position:					absolute;
}

#wrapper .body .header .mainmenu {
	position:					absolute;
	width:						601px;
	right:						0px;
	top:						65px;
	z-index:					3;
}

#wrapper .body .content {
	position:					absolute;
	top:						0px;
	left:						400px;
	background-color:			#000000;
	height:						435px;
	color:						#FFF;
	margin-top:					165px;
	width:						393px;
	padding-left:				20px;
	padding-top:				20px;
	text-align:					justify;
}
#wrapper .body .content .scroll {
        height:                                         415px;
        padding-right: 8px;
        overflow: auto;
}

#wrapper .body .content h1 {
	font-size:					29.5px;
	font-family:				Georgia;
	margin-top:					0.7em;
	text-align:					left;
}

#wrapper .body .content h2 {
	color:						#f68428;
	font-size:					14px;
	text-transform: 			uppercase;
	margin-bottom:				2.8em;
	text-align:					left;
}

#wrapper .body .footer {
	position:					absolute;
	bottom:						-26px;
	width:						1001px;
	left:						0px;
}

#wrapper .body .footer ul.bottommenu {
	margin-top:					6px;
}


#wrapper .body .footer ul.bottommenu li {
	float:						left;
}

#wrapper .body .footer a {
	display:					block;
	height:						16px;
	background-image:			url(/images/site/bottommenu-li-bg.png);
	color:						#FFF;
	font-size:					11px;
	text-decoration:			none;
	padding-top:				3px;
	padding-left:				3px;
	padding-right:				3px;
}

#wrapper .body .footer .bottommenu a {
	margin-left:				5px;
	margin-right:				5px;
}

#wrapper .body .footer .legal {
	float:						right;
}

#flashcontainer {
	position:					absolute;
	bottom:						10px;
	left:						-391px;
	width:						971px;
	height:						350px;
	z-index:					2;
}

ul.sitemap li {
	margin-left:				20px;
}

ul.sitemap li a {
	font-size:					10px;
	line-height:				8px;
}