/* CSS Document */
/*Template*/

/* MINIMUMBREEDTE IE */
* html .ie4 {margin-left: -970px;position: relative;}

/* COMMENTAARTAGS MET VERKEERDE SLASHES MOETEN BLIJVEN VOOR IE5 */
/*\*/
* html .ie2, * html .ie4, * html .ie5, * html .ie3  {height:1px;}
/**/
.ie5 {width: 100%;min-width: 1024px;}
.ie1 {width:100%;min-width:1024px;}
* html .ie2 {padding-left:970px;}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////GLOBAL HTML/CSS STYLES///////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFF;
	height:100%;
	background:url(../img/bg_dark.gif) repeat-x;
	background-color:#126770;
}

input, select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#0B4051;
}

caption{
	color:#CDDCEB;
	background:url(../img/lijn_title.gif) bottom repeat-x;
	font-size:120%;
	font-weight:bold;
	text-align:left;
}

th{
	text-align:left;
	color:#105a66;
	font-weight:bold;
	/*background-color:#ffef94;*/
	background-color:#CDDCEB;
}
cite{
	font-style:normal;
}
label{
}

h1{
	color:#FFF;
	background:url(../img/lijn_title.gif) left bottom repeat-x;
	font-size:140%;
	font-weight:300;
	margin:8px 0px 6px 0px;
}

h2{
	font-size:100%;
	padding:0;
	margin:0;
}

h3{
	font-size:100%;
	margin:0px;
	padding:0px;
}
.hidden {
   position: absolute;
   left: 0px;
   top: -10000px;
   width: 1px;
   height: 1px;
   overflow: hidden;
}
ul{
	margin-top:4px;
	margin-bottom:4px;}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////END GLOBAL HTML/CSS STYLES/////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////GLOBAL OPMAAK STYLES/////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#mainContainer{
	margin:5px 0px 0px 0px;
	text-align:left;
	padding: 3px;
	}
*html #mainContainer{
	margin:10px 0px 0px 0px;
	text-align:left;
	padding: 3px;
	width: 99%;
	}
#subContainer01{
	width:17%;
	margin:0px 0px 0px 0px;
}
/*IE*/
*html #subContainer01{
	width:17%;
	float: left;
	margin:0px 0px 0px 0px;
}

#subContainer01Content{
	width:100%;
}

#subContainer02{
	float:left;
	width:81%;
	margin:0px 0 0 15px;
}
*html #subContainer02{
	float:left;
	width:81%;
	margin: 0px 0 0 10px;
}
#subContainer03{
	width:220px;
	margin:0px 0px 0px 0px;
	float: right;
/*	margin:0 0 -2000px 0px;
	padding:0 0 2000px 0px;*/
}

#mainNav{
	width:165px;
	margin:10px 0px 0px 5px;
	float:left;
}
/*FF*/
#banner{
	width:100%;
	margin-top:0px;
	}
/*IE*/	
*html #banner{
	width:100%;
	margin-top:8px;
	}	
#logo{
	padding:0px 0px 0px 0px;
	width: 100px;
	margin: 0px 0px 0px 0px;
	float: left;
}
.contentSub{
	padding:0px 0px 0px 5px;
	background-color:#e3edef;
}
.contentSub01{
	margin:0px 0px 0px 9px;
}
.contentSub02{
	padding:10px 10px 0px 10px;
}
.contentSub01{
	margin:3px 0px 0px 340px;
}
#footer{
	width: 99%;
	text-align: center;
	float:left;
	background-color: #105A66;
	height: 43px;
	padding: 3px 0px 3px 0px;
	margin:10px 0px 0px 0px;
}
.footer{
	color:#FFFFFF;
	margin:0px 0 -20px 0px;
	padding:3px;
}
#footer02{
	width: 99%;
	text-align: center;
	float:left;
	background-color: #D5EDEF;
	padding: 3px 0px 3px 0px;
}
#pic{
	float:left;
	width: 330px;
	height: 312px;
	margin-top: 2px;
	}
.leftBox{
	margin:3px 0 0 5px;
	padding:5px;
	float:left;
	width:31%;
	background: url(../img/verloop_tabs_dark.gif) repeat-x #105A5E;
	border: solid #15757a 1px;
	height: 40em;
}

.centerBox{
	padding:5px;
	float:left;
	width:31%;
	margin:3px 0 0 1.25%;
	background: url(../img/verloop_tabs_dark.gif) repeat-x #105A5E;
	border: solid #15757a 1px;
}
.rightBox{
	margin:3px 0 0 0;
	padding:5px;
	float:right;
	width:31%;
	background: url(../img/verloop_tabs_dark.gif) repeat-x #105A5E;
	border: solid #15757a 1px;
}
.right{
	text-align:right;
	padding-right:8px;
}
.center{
	text-align:center;
}
#quote{
	font-size:140%;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	margin:15px 0px 10px 0px;
	width: 100%;
	float: left;
}
.quoteSource{
	font-style:italic;
	color:#fff;
	font-size:70%;
	font-weight:lighter;
}
.bold{
	font-weight:bold;
}
.border{
	background:url(../img/lijn_title01.gif) left top repeat-x;
	margin:5px;
}
.small{
	font-size:90%;
	color:#fff;
	font-style:italic;
	text-align:right;
	padding-right:6px;
}
.bullet {
	list-style:none;
	padding:0px 0 4px 0px;
	margin: 0px 0px 4px 0px;
}
.bullet a {
	color:#105a66;
	font-weight:300;
	text-align:left;
}
.bullet a:hover,
.bullet a:active{
	color:#60868C;
	font-weight:300;
	text-align:left;
	text-decoration:none;
}
.bullet01 {
	list-style:url(../img/bullet.gif) outside;
	list-style-position: outside;
	padding:0px 0 0 -5px;
	margin: 0px 2px 4px -15px;
}
.focus{
	font-size:120%;
	font-weight:bold;
	color: #FFE029;
}
*html #Focus{
	width:55.8%;
	border: 1px solid #74a4af;
	float: left;
	margin: 0px  0 0 10px;
	height:15.3em;
	}

#Focus{
	width:57%;
	border: 1px solid #74a4af;
	float: left;
	margin: 0px 0 0 10px;
	height: 15.3em;
	}
.FocusDate{
	color:#FFF;
	margin: 3px 0px 5px 3px;
	padding: 0 0 2px 0px;
	background:url(../img/lijn_title.gif) repeat-x bottom;

}
.FocusItem{
	font-size:120%;
	font-weight:bold;
	color: #FFE029;
	padding: 0 0 4 4px;
	margin: 0 0 5px 3px;
}
*html .FocusTitle{
	color:#FFF;
	margin:0px 0 5px 0px;
	width: 100%;
	padding: 2px  2px 2px 4px;
	font-weight:bold;
	background-color:#74a4af;
	font-size:110%;
	float: left;
	}
.FocusTitle{
	color:#FFF;
	margin:0px 0 5px 0px;
	width: 99%;
	padding: 2px  2px 2px 4px;
	font-weight:bold;
	background-color:#74a4af;
	font-size:110%;
	float: left;
	}
.FocusContent{
	margin: 0 0 5px 3px;
}
#wn{
	width:31.9%;
	float:left;
	border: 1px solid #72AC1E;
	padding: 0px 0px 3px 0px;
	height: 20.1em;
	}
.wnTitle{
	color:#FFF;
	margin:0px 0 4px 0px;
	padding: 2px  2px 2px 4px;
	background-color:#72AC1E;
	float: left;
	width: 97.5%;
	}
#wg{
	width:31.9%;
	float:left;
	border: 1px solid #28A4D8;
	padding: 0px 0px 3px 0px;
	height: 20.1em;
	margin-left:2px;
	}
.wgTitle{
	color:#FFF;
	margin:0px 0 4px 0px;
	padding: 2px  2px 2px 4px;
	background-color:#28A4D8;
	float: left;
	width: 97.5%;
	}
.wgItem{
	color:#FFF;
	width:98%;
	margin: 0px 0px 5px 3px;
	padding:0 -12px 4 4px;
}
.wnItem{
	color:#FFF;
	width:98%;
	margin: 0px 0px 5px 3px;
	padding:0 -12px 4 4px;
}
.partnerItem{
	color:#FFF;
	width:98%;
	margin: 0px 0px 5px 3px;
	padding:0 -12px 4 4px;
}
#partner{
	width:31.9%;
	float:left;
	border: 1px solid #d82890;
	padding: 0px 0px 3px 0px;
	height: 20.2em;
	margin-left:2px;
	}
.partnerTitle{
	color:#FFF;
	margin:0px 0 4px 0px;
	padding: 2px  2px 2px 4px;
	background-color:#d82890;
	float: left;
	width: 97.5%;
	}	

	
	#News{
	width:19.8%;
	float:left;
	border: 1px solid #74a4af;
	padding: 0px 0px 3px 0px;
	height: 15em;
	}
#Calendar{
	width:19.8%;
	float:left;
	margin: 0 0 0 1px;
	border: 1px solid #74a4af;
	padding: 0px 0px 3px 0px;
	height: 15em;
	}	
.NewsTitle{
	color:#FFF;
	margin:0px 0 5px 0px;
	padding: 2px  2px 2px 4px;
	font-weight:bold;
	background-color:#74a4af;
	font-size:110%;
	float: left;
	width: 96.5%;
	}
*html .NewsTitle{
	color:#FFF;
	margin:0px 0 5px 0px;
	padding: 2px  2px 2px 4px;
	font-weight:bold;
	background-color:#74a4af;
	font-size:110%;
	float: left;
	width: 100%;
	}

.NewsDate{
	color:#FFE029;
	margin: 3px 0px 0px 0px;
	padding: 0 0 0 4px;
}
.NewsItem{
	color:#FFF;
	width:98%;
	margin: 0px 0px 5px 3px;
	padding:0 -12px 4 4px;
	background:url(../img/lijn_title.gif) repeat-x bottom;
}
.NewsItem a:link, .NewsItem a:visited{
	color:#FFF;
}
.NewsItem a:hover, .NewsItem a:active, {
	color:#c9cfd2;
}
*html #url{
	float:left;
	margin-left:70px;
	margin-top: -2px;
}
#url{
	float:left;
	margin-left:80px;
	margin-top: -2px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////END GLOBAL OPMAAK STYLES//////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////GLOBAL STYLES TEXT/////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
a{color:#FFF;text-decoration:underline;}
a:HOVER{color:#CDDCEB;text-decoration:none;}
a:VISITED{color:#FFFFCC}

.Link0, a.Link0:LINK {color:#60868C;text-decoration:underline;}
a.Link0:VISITED{color:#FFFFCC;text-decoration:underline;}
a.Link0:HOVER {color:#105a66;text-decoration:none;}

.Link, a.Link:LINK{color:#CDDCEB;text-decoration:underline;}
a.Link:HOVER {color:#FFF;text-decoration:none;}
a.Link:VISITED{color:#FFFF99;text-decoration:underline;}

.Link5, a.Link5:LINK{color:#fff;text-decoration:underline;}
a.Link5:HOVER {color:#c9cfd2;text-decoration:none;}
a.Link5:VISITED{color:#FFFF99; text-decoration:underline;}

.LinkBig, a.LinkBig:LINK{
	color:#FFE029;
	text-decoration:underline;
	font-weight:bold;
	}

a.LinkBig:HOVER {
	color:#c9cfd2;
	text-decoration:none;
}
a.LinkBig:VISITED {
	color:#FFFF99;
	text-decoration:underline;
}

.datalabel{
	text-align:left;
	background:url(../img/lijn_datalabel.gif) repeat-x bottom left;
}
.datalabel2{
	text-align:left;
	background:url(../img/lijn_datalabel.gif) repeat-x bottom left;
	background-color:#13686d;
}
.datalabelBis{
	text-align:left;
}
.datalabel2Bis{
	text-align:left;
	background-color:#13686d;
}
.datalabelR{
	text-align:right;
}

.datalabelB{
	text-align:left;
	font-weight:bold;
}
.datalabelRB{
	text-align:right;
	font-weight:bold;
}
.rowHover{
	background-color:#13686d;
	color:#FFF;
	cursor:pointer;
}
.TableSubTitle{
	font-size:120%;
	font-weight:bold;
	color: #FFE029;
	text-align:center;
	background:url(../img/lijn_datalabel.gif) repeat-x bottom left;
}
.Title{
	color:#105a66;
	background:url(../img/lijn_title.gif) left bottom repeat-x;
	font-size:140%;
	font-weight:300;
	margin:8px 8px 6px 0px;
}
.subTitle{
	color:#CDDCEB;
	background:url(../img/lijn_title.gif) bottom repeat-x;
	font-size:120%;
	font-weight:bold;
	margin:8px 0px 0px 0px;
	padding:2px 0px 5px 5px;
}
.subTitle01{
	color:#72ac1e;
	background:url(../img/lijn_title01.gif) bottom repeat-x;
	font-size:120%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:2px 5px 5px 5px;
}
.subTitle02{
	color:#FFF;
	background:url(../img/lijn_title.gif) bottom repeat-x;
	font-size:120%;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	padding:2px 5px 5px 0px;
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////END GLOBAL STYLES TEXT/////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////BACKGROUNDS////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.background01{
	background-color:#e3edef;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////////////////END BACKGROUNDS////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////BUTTONS FORM/////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.button{
	background-color:#FFE029;
	color:#105a66;
	font-size:100%;
	font-weight: bold;
	border: solid 2px #FFF;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*///////////////////////////////////////////////////////////////END BUTTONS FORM/////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////BREADCRUMB//////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#breadcrumb{
	margin:5px 0px 10px 0px;
	padding: 3px 3px 3px 0px;
	width: 85%;
	float:left;
}
/*IE*/
*html #breadcrumb{
	margin:5px 0px 0px 0px;
	padding:3px 3px 3p 0px;
}
.breadcrumb{
	color:#FFF;
}

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

.breadcrumb a:HOVER{
	text-decoration:none;
	color:#CCC;
}

.breadcrumbActive{
	color:#FFF;
	font-weight:bold;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////END BREACRUMB///////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#TopNavSub{
	width:796px;
	text-align:right;
}



.inf{ /* div containing left, middle and right divs */
	clear:both; width:auto; height:15px; 
	background:#ffef94;
	margin:0; padding:3px 3px 3px 3px; 
}
.rdiv{ /* right div */
	float:right; width:30%; position:inherit; text-align:right; color:#105a66;
}
.ldiv{ /* left div */
	float:left; width:30%; position:inherit;
	color:#105a66;
}
.tot{ font-weight:bold; color:#105a66; }/*rows counter*/
.flt{ /* filter (input) appearance */
	margin:0; 
	width:100%;
	background:#105a66;
	border:solid 1px #74a4af;
	color:#FFF;
	padding:1px;
}


	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_arrows,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:240px;
	}
	#DHTMLgoodies_panel_one{		
		float:left;	
	}
	#DHTMLgoodies_thumbs{
	overflow:hidden;	/* Don't change this */
	height:450px;	/* Height of thumbnail div */
	position:relative;	/* Never change this */
	float:left;
	}
	#DHTMLgoodies_largeImage{	/* Large image div */
	width:400px;	/* Width of large image div */
	height:310px;	/* Height of large image div */
	float:left;
	padding-left:0px;	/* "Air" */
	padding-right:10px;
	margin-top: 8px;
	}
	#DHTMLgoodies_largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#DHTMLgoodies_largeImage img{	/* Large image */
	
		}
	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:100px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div */
		position:absolute;

	}
	.strip_of_thumbnails div{
	width:110px;
	height:90px;
	padding:0px;
	text-align:center;

	}
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}
	.strip_of_thumbnails .activeImage{	/* Active thumbnail */
		border:3px solid #ff8710;	/* Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
	float:left;
	padding-left: 10px;
	}
	.rightArrow{
	float:right;
	padding-right: 10px;
	}
	#DHTMLgoodies_thumbs_inner{
		position:relative;	/* Never change this */
		width:100%;
	}