/* CSS Document */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font: normal 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	background:url(images/background.png) repeat-x;
	background-color:#F3B8CF;
}

a, a:active {
	text-decoration: none;
	color: #25434F;
	font-weight:bold;
}

a:hover {
	border-bottom: none;
	color: #AA00A2;
	font-weight:bold;
}

.elabel {
	 margin-left:3px; 
	 background-color:#E4E4E6; 
	 padding:2px; 
	 text-align:center;
	 margin-top:15px;
}

h1 {
	margin-bottom: .5em;
	font-size: 182%;
	font-weight: normal;
	letter-spacing: -2px;
}

h2 {
	margin-bottom: .5em;
	padding: 0 0 0 15px;
	font-size: 136%;
	font-weight: normal;
	background: url(images/2.gif) no-repeat center left;
	color: #AA00A2;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 200px;
	padding: 15px 15px 5em 15px;
}

#sidebar blockquote {
	margin-left: 0;
	padding-left: 1em;
	border-left: 2px solid #AA00A2;
}

#sidebar blockquote p {
	text-align: left;
	line-height: normal;
	background: url(images/img09.gif) no-repeat right bottom;
	font-style: italic;
}

.floating-box {
	float: left;
	width: 250px;
}

.floating-box p, .floating-box blockquote, .floating-box ol, .floating-box ul {
	line-height: 144%;
	font-size: 100%;
}

.error { 
	padding:35px 5px 5px 5px;
	background: url(images/error_32.png) no-repeat #FFE6DC;
	border:2px solid #FF0000;
}

.ok { 
	padding:35px 5px 5px 5px;
	background: url(images/OK-32.png) no-repeat #E0FFDA;
	border:2px solid #00CC00;
}

.vertMenu {
	padding: 8px 0 8px 0;
	border-bottom:1px dotted #cfcfcf;
}

.vertMenu a {
	color: #AA00A2;
}

.vertMenu a:hover, .vertMenu a.active {
	color: #333;
	text-decoration: none;
}

.zoekForm {
	margin-top:20px;
	margin-bottom:20px;
	border:1px solid #AA00A2;
	padding:3px;
}

.focus {
	border: #AA00A2 1px solid; background-color: #D8E5E0;
}

.blur {
	border: #999 1px solid; background-color:#FFFFFF;
}

div#footer {
	margin: 0 auto;
	width:900px;
	height: 50px;
	border-top: #25434F 2px solid;
	bottom: 0; /* stick to bottom */
	color: #333;
	background-color:#fff;
}
div#footer_end {
	background:url(images/footerBck.png) no-repeat center bottom;
	margin: 0 auto;
	width:900px;
}

#header_container {
	background-color:#AA00A2;
}

#hormenu_container {
	background-color:#25434F;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:900px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	background-color:#fff;
}

#navcontainer
{
margin: 0 auto;
padding: 0 0 0 12px;
height:40px;
width:900px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 12px 4px 0 0;
padding: 6px 13px 6px 13px;
font-weight:bold;
}

#navcontainer A:hover, #navcontainer A:active { background: #fff; color: #25434F;}

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #fff;
color:#25434F;
}

div#content {
	float: left;
	width: 635px;
	padding:15px 15px 5em 15px; /* bottom padding for footer */

}

/* Header */

#header {
	width: 900px;
	height: 140px;
	margin: 0 auto;
	padding:0 0 0 0;
}

#s3slider { 
   width: 900px; /* important to be same as image width */ 
   height: 140px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   padding:0 0 0 0
}

#s3sliderContent {
   width: 900px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 900px;
   background-color: #AA00A2;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

#s3slider1 { 
   width: 550px; /* important to be same as image width */ 
   height: 140px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   padding:0 0 0 0
}

#s3slider1Content {
   width: 550px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3slider1Image {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3slider1Image span {
   position: absolute; /* important */
   left: 0;
   font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 550px;
   background-color: #AA00A2;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}
/* ____________________________ FOTO SLIDER ____________________________ */
#dhtmlgoodies_slideshow{
		width:600px;	/* Total width of slideshow */


	}
	
	#previewPane{
		margin-bottom:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:10px;

		position:relative;
		
		/* CSS HACK */
		height: 372px;	/* IE 5.x */
		height/* */:/**/360px;	/* Other browsers */
		height: /**/360px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#galleryContainer{
		
		height:102px;	/* Height of the images + 2 */
		border:1px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		padding:1px;
		
		/* CSS HACK */
		height: 104px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/106px;	/* Other browsers */
		height: /**/106px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:42px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=80);
		opacity: 0.8;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}
/*menu horiz. bij detailpagina (reageer/video/kaart)*/

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #AA00A2; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 3px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #AA00A2; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #25434F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

.paging:link {
	font-family: 'Trebuchet MS', Tahoma, sans-serif;
	font-size: .9em;
	text-decoration: none;
	color:#000;
	border:#999 1px solid;
	padding-top:2px;
	padding-bottom:2px; 
	padding-left:6px; 
	padding-right:6px; 
	line-height:30px;
}

.paging:visited {
	font-family: 'Trebuchet MS', Tahoma, sans-serif;
	font-size: .9em;
	text-decoration: none;
	color:#000;
	border:#999 1px solid;
	padding-top:2px;
	padding-bottom:2px; 
	padding-left:6px; 
	padding-right:6px; 
	line-height:30px;
}

.paging:hover {
	font-family: 'Trebuchet MS', Tahoma, sans-serif;
	font-size: .9em;
	text-decoration: none;
	color:#000;
	border:#000 1px solid;
	padding-top:2px;
	padding-bottom:2px; 
	padding-left:6px; 
	padding-right:6px; 
	line-height:30px;
	background-color:#CCC;
}

#NewsTicker{
	width:566px;
	margin:0 auto;
	float:left;
	border:#AA00A2 1px solid;
}
	#NewsTicker h1{
		padding:6px; margin:0; border:0;
		color:#000;
		font-size:120%;
		letter-spacing:1px;
		font-weight:bold;
	}
	#NewsVertical {
	width: 560px;
	display: block;
	overflow: hidden;
	position: relative;
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 560px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		width: 560px;
		color: #333;
		text-align: left;
		font-size: 11px;
		margin: 0 0 0 0;
		padding: 3px;
		float: left;
	}
#TickerVertical li .NewsTitle{
	display: block;
	color: #000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
}
#TickerVertical li .NewsTitle a:link,
#TickerVertical li .NewsTitle a:Visited {
	display: block;
	color: #000;
	font-size: 12px;
	font-weight:bold;
	margin-bottom:6px;
	text-decoration:none;
}
#TickerVertical li .NewsTitle a:hover {
	text-decoration:underline;
}
#TickerVertical li .NewsImg{
	float:left;
	margin-right:5px;
}
#TickerVertical li .NewsFooter{
	display: block;
	color: #000;
	font-size: 12px;
	margin:6px 0 2px 0;
}
.thumb {
	background-color: #FFFFFF;
}

.over {
	background-color: #AA00A2;
	filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
}