/* Page
----------------------------------------------- */
body, html {

	height: 	100%;
	width: 		100%;
	margin: 	0px;
	padding: 	0px;
}

body #siteWrapper{
	font-family: Arial, Verdana;
	font-size: 11px;
	line-height:15px;
}

body.small #siteWrapper{font-size:10px; line-height: 13px;}
body.medium #siteWrapper{font-size:12px; line-height: 15px;}
body.big #siteWrapper{font-size:15px; line-height: 17px;}


/* Headers
----------------------------------------------- */
#siteWrapper h1 {
	font-size : 16px;
	color: #047CC1;
	font-family:Arial;
	text-transform:none;
}

#siteWrapper h2 {
	font-size : 16px;
	margin: 15px 0px 0px 0px;
}

#siteWrapper h3 {font-size : 14px;}
body.small #siteWrapper h3{font-size:10px; line-height: 12px;}
body.medium #siteWrapper h3{font-size:12px; line-height: 14px;}
body.big #siteWrapper h3{font-size:15px; line-height: 17px;}

#siteWrapper h4 { font-size : 10px;}
body.small #siteWrapper h4{font-size:10px; line-height: 9px;}
body.medium #siteWrapper h4{font-size:12px; line-height: 11px;}
body.big #siteWrapper h4{font-size:15px; line-height: 13px;}

#newsitems {
position: absolute;
top: 50px;
left: 0;
padding-left: 11px;
width: 210px;
height: 381px;
border-bottom: 25px solid #73B644;
}

#newsitems ul {
width: 190px;
padding:0px;
margin: 0;
}

#newsitems li {
padding-bottom: 10px;
margin: 0;
list-style-type: none;
}

/* Paragraphs
----------------------------------------------- */
#siteWrapper p {}


/* Lists
----------------------------------------------- */
#content ul,
#main .newsList{
	/*list-style: none;*/
	position:relative;
	left: 20px;
	margin:0 0px 0 0px;
	padding:0px 0px 0px 18px;
	border:0px solid red;
	
}

#main .reportsList{
	/*list-style: none;*/
	position: absolute;
	top: 30px;
	left: 380px;
	margin: 0;
	padding: 0px 0px 0px 0px;
	width: 200px;
}

#toolsets ul{
	/*list-style: none;*/
	width: 500px;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

#toolsets ul li{
	/*list-style: none;*/
	width: 500px;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

#main .newsList{margin:10px 0px 0px 0px}

#content ul li,
#main .newsList li{	
	list-style: none;
	margin:0px 0px 10px 0px;
	/*float:left;*/
	/*width:470px;*/
	list-style-image:url(/img/sub-arrow.gif);
	list-style-position:outside;
	list-style-type:none;
}

	/* IE6 Only */
* html #content ul, #main .newsList {


}

* html #content ul li,
#main .newsList li{	
	/*list-style: inside;*/
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	/*list-style-image:url(/img/sub-arrowie6.gif);*/
	/*list-style-image:none;*/
}

.newsimage{
position: relative;
top: 0px;
right: 0;
padding-left:10px;
}	

.newsimage_view{
position: relative;
top: 5px;
right: 20px;
padding: 0 0 7px 30px;
}	

/* Tables
----------------------------------------------- */
#siteWrapper table { font-size : 11px;	}


/* Forms
----------------------------------------------- */
fieldset
{
border: 1px solid  #666666;
}

#siteWrapper .form {
	background-color : #f8f8f8;	
}

#siteWrapper input {
	border: 1px solid #000000; 
	background-color: White;
}

#siteWrapper select {
	border: 1px solid #000000; 
	background-color: White;
}

#siteWrapper textarea {
	border: 1px solid #000000; 
	background-color: White;
	width:335px;
	width:350px;
}

 
#siteWrapper .mandatory{ color:#AE052C }

#siteWrapper .contactform{}
#siteWrapper .contactform legend{}
#siteWrapper .contactform label{float:left; width:130px;}
#siteWrapper .contactform input{float:left; width:200px; margin-bottom:3px;}
#siteWrapper .contactform textarea{float:left; width:200px; margin-bottom:3px;}
#siteWrapper .contactform .formbutton{width:70px}
#siteWrapper .contactform br{clear:both}


/* Links
----------------------------------------------- */
a,
a:visited,
a:link {
	color:#047CC1;
	text-decoration:none;
}

a:hover {
	color:#047CC1;
	text-decoration:underline;
}


/* Misc
----------------------------------------------- */
#siteWrapper .notice {
   font-size : 10px;
	background-color : #FFFFE0;
	width: 99%;
	border: 1px dotted #000000;
}

#siteWrapper .warning {
	background-color : #D6D6D6;
	font-size : 10px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 20px;
	color : Red;
}

#siteWrapper .copyright {
	font-size : 9px;	
	color: White;
}

#siteWrapper .navigator{
	margin-left : 20px;
}

.docControls{margin-top:10px;}


/* Main wrapper
----------------------------------------------- */


/* Main structure
----------------------------------------------- */
#siteWrapper{
	position:relative;
	height:100%;
	margin: 0px 5px 0px 0px;			
}


#horizon{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}

#contentWrap{
	margin-left: -500px;
	position: absolute;
	top: -300px;
	left: 50%;
	width: 1000px;
	height: 600px;
	background-image:url(/img/opmaak/background.gif);
	background-position:right;
	background-repeat:no-repeat;	
}
	
#wrap{
	text-align:left;
}

#selectlang{	
	position: absolute;
	top: 10px;
	width: 180px;
	height: 20px;
	margin-left:10px;
	padding-top: 30px;
	background-image:url(/img/choose-your-language.gif);
	background-repeat: no-repeat;
}

#selectlang a{
	color: #FFFFFF;
	padding-left:11px;
}

#newsField{	
	margin-left: 133px;	
	width: 460px;
	height: 115px;
	background-color:#73B644;
}

#newsletterField{	
	margin-left: 133px;	
	width: 460px;
	height: 115px;
	background-color:#73B644;
	font-size:16px;
	color:#FFFFFF;
	font-weight:bold;
	
	
}



#bodybg{
	position:absolute;
	left:0px;
	margin-left: 133px;	
	width: 800px;
	height: 485px;
	background-color:#73B644;
}
	
#hoofdnav{
	width: 800px;
	height: 25px;
}
	
#subnav {
	position: absolute;
	left:	0px;
	margin: 0px;
	width: 110px;
	height: 600px;
}

#subnav .main{
	color:#047CC1;
	font-size:10px;
	margin:30px 0px 0px 10px;
	border:0px solid red;
	cursor:default;
	
}

#subnav .mainActive{
	color:#73B644;
	font-size:10px;
	margin:30px 0px 0px 0px;
	padding-left: 10px;
	border:0px solid red;
	cursor:default;
	background-image:url('../img/sub-arrow.gif');
	background-position:left;
	background-repeat:no-repeat;
	background-position: 0% 50%;
}

#subnav .mainActive a{
	color:#73B644;
	font-size:10px;
	
}

#mapbg{
	padding:0px 0px 0px 0px;	
	width: 800px;
	height: 430px;
	background-color:#FFFFFF;
}

#toolsets{
	width: 500px;
	float: left;
}

#performance{
	width: 320px;
	float: left;
}

#performance .performtext{
	width: 300px;
}

#performpicture{
float: right;
width: 250px;
padding: 0;
border: 1ps solid black;
}


/* Main Section (content + media)
-------------------------------------------------------*/
#siteWrapper #main{
	position:absolute;
	padding:0px 10px 0px 10px;
	width: 615px;
	height: 430px;
	background-color:#FFFFFF;
	border:0px solid red;
	overflow:auto;
}

#siteWrapper #media{
	position:absolute;
	width:240px;
	left:10px;
	border:0px solid red;
}

#siteWrapper #media .image-wrapper{
	margin-top:10px;
	color:#047CC1;
	font-size:10px;
	border:0px solid red;
}

#siteWrapper #media .image-wrapper .image-desc{
	display:block;
	border:0px solid red;
}

#siteWrapper #media .image-wrapper .image-desc {padding:3px 0px 0px 0px;}
#siteWrapper #media .image-wrapper .image-desc img{padding:0px 3px 0px 0px;}

#siteWrapper #media .image-wrapper .image-desc .right-corner{
	position:absolute;
	top:0px;
	right:0px;
	width:6px;
	height:16px;
	background-image:url('../img/img_desc_right_back.gif');
	background-repeat:no-repeat;
}

#siteWrapper #content{
	position:absolute;
	margin-top:10px;
	left:10px;
	width:580px;
	border:0px solid red;
}

#siteWrapper #content h1{
	font-size:16px;
	color:#047CC1;	
	font-family:Arial;
	text-transform:none;
	margin:0px 0px 10px 0px;
	border:0px solid green;
}

#siteWrapper #content p{
	margin:0px 0px 10px 0px;
}

#siteWrapper #content a.action-alert{
	display:block;
	padding:0px;
	width:106px;
	height:25px;
	color:#fff;
	text-align:center;
	text-decoration:none;
	line-height:23px;
	background-image:url(/img/opmaak/action-alerts.gif);
	background-repeat:no-repeat;
}


/* Tree animation (flash tree anim)
-------------------------------------------------------*/
#siteWrapper #tree-anim{
	position:absolute;
	right:5px;
	width:155px;
	height:89%;
	border:0px solid red;
}

#siteWrapper #tree-anim .temp-image{
	position:absolute;
	bottom:0px;
	left:10px;	
}

siteWrapper #flashcontent {
	position:absolute;
	bottom:0px;
	left:300px;	
}

/* Identity
----------------------------------------------- */
#siteWrapper #identity {
	position: absolute; 
	top: 3px; 
	left: 0;
	width: 100%; 
	color: #000000;
	background-color: #ffffff; 
	/*background-image: url('/img/top_back.gif');
	background-position: top left;
	background-repeat: repeat;*/
	height: 152px;
	border:0px solid red;
}

#siteWrapper #headerpic {
	position: absolute; 
	top: 5px; 
	left: 578px;
	height: 96px;
}

#siteWrapper #logo {
	position: absolute; 
	top: 4px; 
	left: 4px;
}

#siteWrapper #newsTicker {
	position: absolute;
	height: 42px;
	width: 435px;
	top: 65px;
	left: 145px;
	z-index: 100;
}

#siteWrapper div#newsTicker img{border:none;}


#siteWrapper #highlight {
	position: absolute; 
	top: 67px;
	left: 420px;
	width: 135px;
	margin-left: 0px; 
	line-height: 7px;
}

#siteWrapper #highlight a {
	display:block;
	background-color: white;
	background-image: url('/img/festival_border.gif');
	background-repeat: no-repeat;
	width: 121px;
	height:20px;
	padding: 7px;
	text-decoration:none;
	text-transform: uppercase; 
	text-indent: 5px;
	font-weight: bold;
	line-height: 19px; 
	color: #892326; 
	font-size: 11px;
}

#siteWrapper #font-scaler{
	position:absolute;
	bottom:21px;
	left:739px;
	border:0px solid black;
}

#siteWrapper #font-scaler img{
	display:inline;
	border:0px solid red;
	margin-right:1px;
}


/* Menu
----------------------------------------------- */
#home a{
	position: absolute;
	left: 605px;
	top: 26px;
	display:block;
	width: 145px;
	height: 24px !important;
	height: 19px;
	margin:0px 0px 0px 0px;
	padding:6px 9px 0px 0px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	background-image:url(/img/opmaak/button.gif);
	background-repeat: no-repeat;
}
	
#home a, 
#home a:hover, 
#home a:active{
	text-decoration:none;
	color:#fff;
}
	
#home a:hover{
	text-decoration:underline;
}

#siteWrapper #menu {
	width: 800px;
	height: 25px;
	color: #FFFFFF;
	font-size: 10px;
}

#siteWrapper #menu ul {	
	margin: 	0px 0px 0px 10px;
	padding: 	0px;
}

#siteWrapper #menu li {
	float: left;
	list-style: none;
	text-align: center;
}

#siteWrapper #menu ul li a {
	display:block;
	width: 145px;
	height: 24px !important;
	height: 19px;
	margin:0px 0px 0px 0px;
	padding:6px 9px 0px 0px;
	color: #fff;
	text-decoration: none;
	background-image:url(/img/opmaak/button.gif);
	background-repeat: no-repeat;
}

#siteWrapper #menu ul li.active a{
	background-image:url(/img/opmaak/button_active.gif);
	color:#047CC1;
}


/* Submenu
----------------------------------------------- */
#siteWrapper ul#submenu{
	list-style:	none;
	width: 120px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border:0px solid red;

	
}

#siteWrapper ul#submenu li {
	list-style:	none;
	color: #047CC1;
	text-align:left;
	padding: 4px 0px 0px 10px;
	
}

#siteWrapper ul#submenu li.active{
	background-image:url('../img/sub-arrow.gif');
	background-repeat:no-repeat;
	background-position:0% 50%;
}
#siteWrapper ul#submenu li.active a{color:#73B644;}

#siteWrapper ul#submenu li a {
	color:#047CC1;
	font-size:11px;
	text-decoration:none;
}

#siteWrapper ul#submenu li a:hover {
	
	text-decoration:underline;
}


/* Footer
----------------------------------------------- */
.cake_debug{color:#000000;}

.quote{
	color:#047CC1;
	font-size:14px;
	font-weight:bold;
}

.heavy{
	color:#73B644;
	font-weight:bold;
}

.Image-Text{
	color:#047CC1;
	font-weight:bold;
	background-image:url(/img/opmaak/hover-arrow.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding: 0px 0 0 10px;
	}