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

html {
}

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

.onlyclear {
	clear:						both;
}

p {
	color:						#000;
	font-size:					11px;
}

span {
	color:						#000;
	font-size:					11px;
}

a {
	color:						#000;
	font-size:					11px;
	text-decoration:			underline;	
}

a:hover {
	color:						#00544E;
}

/**
 * body, html 
 * margin van het totale frame zetten
 * background instellen
 */
body,html {
	margin:						0px;
	background-color:			#002121;
}

#background {
	position: 					absolute;
	width: 						100%;
	left:						0px;
	padding-top: 				44px;
}

#background .bar {
	position:					absolute;
	background-color: 			#1A3838;
	height: 					317px;
	width: 						100%;
}

#background .bar .right {
	position: 					absolute;
	width:						50%;
	left:						50%;
	background-image:			url(/images/site/background_inner_right_top_bg.jpg);
	height:						100%;
	background-repeat:			no-repeat;
	background-position: 		420px 0px;
}

#background .inner {
	position:					absolute;
	width:						1001px;
	margin:						auto;
	height:						317px;
	left:						50%;
	margin-left:				-500.5px;
}

#background .inner .left .top {
	position:					absolute;
	top:						0px;
	left:						0px;
	margin-left:				-219px;
	background-image: 			url(/images/site/background_inner_left_top_bg.jpg);
	width: 						263px;
	height: 					317px;
}

#background .inner .left .bottom {
	position:					absolute;
	top:						317px;
	left:						0px;
	margin-left:				-219px;
	width: 						263px;
	height:						395px;
 	background-image: 			url(../images/site/background_inner_left_bottom_bg.jpg);
}

#background .inner .right .top {
	position:					absolute;
	top:						0px;
	left:						1001px;
	margin-left: 220px;
	background-image: 			url(/images/site/background_inner_right_top_bg.jpg);
	width: 						300px;
	height: 					317px;
}

#background .inner .right .bottom {
	position:					absolute;
	top:						317px;
	right:						0px;
	margin-right: 				-2px;
	background-image: 			url(/images/site/background_inner_right_bottom_bg.jpg);
	width: 						80px;
	height: 					317px;
}

.container {
	position:					absolute;
	left: 						50%;
	top: 						0px;
	margin-left:				-500.5px;
	width: 						877px;
	padding-left: 				44px;
	padding-right: 				80px;
}

.container .inside {
	position: 					absolute;
	width: 						877px;
	background-color: 			#FFF;
}

.container .inside .header {
	height: 					361px;
	position:					relative;
}

.container .inside .header .top {
	height: 					44px;
	background-image: 			url(../images/site/container_inside_header_top_bg.gif);
	background-repeat: 			no-repeat;
	background-position: 		right bottom;
}

.container .inside .header .top a {
	font-style:					italic;
	text-decoration:			none;
}

.container .inside .header .top .languages {
	padding:					7px;
}

.container .inside .header .top .topmenu {
	position: 					absolute;
	right: 						0px;
	top:						0px;
	padding: 					14px;
}

.container .inside .header .top .topmenu ul li {
	display:					block;
	float:						left;
}

.container .inside .header .logo {
	width: 						324px;
	height: 					82px;
}

.container .inside .header .mainmenu {
	position: 					absolute;
	width: 						324px;
	height: 					235px;
	background-image: 			url(/images/site/container_inside_header_mainmenu_ul_li_bg.gif);
	background-repeat: 			repeat-y;
	background-position: 		right center;
	z-index:					9999;

}

.container .inside .header .mainmenu a {
	font-size:					13px;
	font-style:					italic;
	text-decoration:			none;
	font-weight:				bold;
}

.container .inside .header .mainmenu .top {
	height: 					13px;
	background-image: 			url(/images/site/container_inside_header_mainmenu_top_bg.gif);
}

.container .inside .header .mainmenu ul {
	margin:						0px;
	padding:					0px;
}

.container .inside .header .mainmenu ul li {
	margin:						0px;
	padding:					0px;
	position:					relative;
	padding-left:				45px;
}

.container .inside .header .mainmenu ul li a {
	display: 					block;
	padding:					5.5px;
	height: 					24px;
	position:					relative;
	width: 						100%;
	line-height:				12px;
}

.container .inside .header .mainmenu ul li ul.submenu {
	display:					none;
	position:					absolute;
	width: 						180px;
	top: 						0px;
	left:						264px;
	z-index:					9999;
	background-color:			#00544E;
	filter:						alpha(opacity=90);
	opacity:					0.9;
}

.container .inside .header .mainmenu ul li ul.submenu li {
	position:					relative;
	margin:						0px;
	padding:					0px;
	z-index:					99999;
}

.container .inside .header .mainmenu ul li ul.submenu li a {
	color:						#FFF;
}

.container .inside .header .mainmenu ul li.spacer {
	height: 					1px;
	width: 						220px;
}

.container .inside .header .mainmenu ul li.subspacer {
	height: 					1px;
	width: 						auto;
}

.container .inside .header .mainmenu ul li.spacer div {
	background-image:			url(/images/site/container_inside_header_mainmenu_ul_li_spacer_div_bg.gif);
	height: 					1px;
	width: 						220px;
	font-size:					0;
	line-height:				0;
	overflow:					hidden;
}

.container .inside .header .mainmenu ul li.subspacer div {
	background-image:			url(/images/site/container_inside_header_mainmenu_ul_li_spacer_div_bg.gif);
	height: 					1px;
	width: 						auto;
	font-size:					0;
	line-height:				0;
	overflow:					hidden;
}

.container .inside .header .mainmenu .bottom {
	position: 					absolute;
	bottom: 					0px;
	width: 						324px;
	height: 					13px;
	background-image: 			url(/images/site/container_inside_header_mainmenu_bottom_bg.gif);
	z-index:					-1;
}

.container .inside .header .slideshow {
	position:					absolute;
	width:						615px;
	height:						317px;
	left: 						324px;
	top:						44px;
	display:					none;
}

.container .inside .header .slideshow .gallery {
	margin: 					13px;
}

.container .inside .header .slideshow .background {
	position:					absolute;
	background-image:			url(../images/site/container_inside_header_slideshow_background_bg.gif);
	width:						69px;
	height:						343px;
	top:						-8px;
	right:						-7px;
}

.container .inside .header .slideshow .slides {
	position:					absolute;
	left:						0px;
	width:						615px;
	height:						317px;
	padding:					13px;
}

.container .inside .header .slideshow .slides .slide {
	position:					absolute;
}

.container .inside .header .slideshow .slides .slide .text {
	position:					absolute;
	z-index:					999;
	bottom: 					0px;
	left:						0px;
	text-align: 				justify;
	width: 						588px;
	height: 					11px;
}

.container .inside .header .slideshow .slides .slide .text div {
	color: 						#FFF;
	line-height: 				20px;
	padding: 					15px;
	position: relative;
	top:					11px;
	background-color:			#002121;
	filter:						alpha(opacity=80);
	opacity:					0.8;
	height: 					100%;
}

.container .inside .header .slideshow .slides .slide .text div  p {
	color: 						#FFF;
}

#slideshow {
	overflow: hidden;
}

#nav { 
	position: 					absolute; 
	z-index: 					999;
	padding: 					3px;
	width: 						582px;
	display:					none;
	bottom:						38px;
	height: 					120px;
	background-color:			#002121;
	filter:						alpha(opacity=80);
	opacity:					0.8;
}

#nav ul {
	clear: 						both;
}

#nav li {
	margin: 					3px;
	border: 					1px #167a7a solid;
	width: 						50px;
	float: 						left;
}

#nav a.activeSlide {
	border-color: 				#FFF;
}

.slidenav {
	position: 					absolute;
	top: 						0px;
	margin: 					0;
	padding: 					0;
}

.slidenav li {
	float: 						left;
	margin: 					0;
	margin-right: 				5px;
}

.slidenav li a {
	text-decoration: 			none;
	color: 						#FFF;
	background-color: 			#5e7373;
	padding-left:				3px;
	padding-right:				3px;
}


.slidenav li.active a {
	text-decoration: 			none;
	color: 						#167a7a;
	background-color: 			#002121;
}

.container .inside .content {
	background-image: 			url(../images/site/container_inside_content_bg.gif);
	background-repeat: 			no-repeat;
	background-position: 		right top;
}

#flashcontainer {
	width: 						100%;
	height: 					318px;
	padding-top: 				10px;
}

.container .inside .content .image {
	width:						324px;
	height:						318px;
	float:						left;
}

.container .inside .content .text {
	width:						508px;
	float:						right;
	padding-top: 				40px;
	padding-right: 				45px;
	text-align: 				justify;
	color: 						#616161;
	line-height: 				20px;
	padding-bottom: 			40px;
}

.container .inside .content .text ul.sitemap {
	margin-top: 				25px;
	list-style-type: 			circle;
	margin-left: 				30px;
}

.container .inside .content .clear {
	clear: 						both;
}

.container .inside .footer {
	margin-top: 				-14px;
	padding-top:				28px;
	padding-bottom:				13px;
	margin-top:					20px;
	background-image: 			url(../images/site/container_inside_footer_bg.gif);
	background-repeat: 			no-repeat;
	background-position: 		center top;
}

.container .inside .footer div {
	color: 						#AAAAAA;
	font-size: 					10px;
	text-align: 				center;
	padding-top: 				3px;
	padding-bottom: 			3px;
}

.container .inside .footer div a {
	color:						#AAAAAA;
	text-decoration:			none;
}

.container .inside .footer div a:hover {
	color: 						#AAAAAA;
	text-decoration: 			underline;
}

#contact {
	width: auto; 
	float: left; 
	margin-right: 20px; 
	margin-bottom: 20px;
}

#contact li {
	padding: 0px;
	clear: both;
}

#contact label {
	display: block;
	width: 100px;
	float: left;
	font-size: 10px;
	height: 16px;
	padding-right: 10px;
	line-height: 26px;
	text-align: right;
}

#contact label.error {
	float: none;
	clear: both;
	margin-left: 113px;
	width: 180px;
	background-color: #758686;
	color: #FFF;
	text-align: center;
	padding: 3px;
	line-height: 8px;
	height: 10px;
	padding-left: 16px;
	margin-top: -1px;
}

#contact input {
	height: 16px;
}

#contact input, #contact textarea {
	width: 200px;
	border: 3px #758686 solid;
	font-size: 10px;
	color: #234040;
	margin-top: 5px;
}

#contact textarea {
	margin-bottom: -5px;
}

#contact button {
	position: relative;
	background-color: #758686;
	border: 0;
	color: #FFF;
	font-size: 10px;
	padding: 3px;
	left: 110px;
	margin-top: 5px;
}