@import url("screen_sifr.css");

@import url("lytebox.css");

@import url("medewerkers.css");


@font-face {
 font-family: TheSerif Regular;
 src: url("../font/TheSerif.eot") /* EOT file for IE */
}

@font-face {
 font-family: TheSerif Regular;
 src: url("../font/TheSerif.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: TheSerif Semi Bold;
 src: url("../font/TheSerif_SemiBold.eot") /* EOT file for IE */
}

@font-face {
 font-family: TheSerif Semi Bold;
 src: url("../font/TheSerif_SemiBold.ttf") /* TTF file for CSS3 browsers */
}

@font-face {
 font-family: TheSerif Bold;
 src: url("../font/TheSerif_Bold.eot") /* EOT file for IE */
}

@font-face {
 font-family: TheSerif Bold;
 src: url("../font/TheSerif_Bold.ttf") /* TTF file for CSS3 browsers */
}

	

/* Begin default CSS */

* 
{ 
	margin:0;
	padding:0;
}

body
{
}


html, body
{
	height: 100%;
}

html 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #05060a;
}

img 
{
	border: 0px;
}

a 
{
	color: #ed1c24;
	text-decoration: underline;
	outline: none;
}

a:focus, object
{
	outline: none;
}

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

a:focus
{
	outline: none;
}

h1 
{
	font-size: 14px;
	padding-bottom: 10px;
}

h2 
{
	font-size: 18px;
	padding-bottom: 10px;
}

h3 
{

}

ul 
{

}

li 
{

}

p 
{
	padding: 0px 0px 10px 0px;
}

.clear 
{
	height: 0px;
	overflow: hidden;
	clear: both;
	line-height: 0px;
}

.cmsError 
{
	border: 1px solid black;
	background-color: #D1E428;
}

input.readOnly 
{
	color: black;
	background-color: #D4D0C8;
}

div.cms-internal-error 
{
	color: #dd0000;
}

/* Einde default CSS */

/* Begin standaard bladeren */

.pager td 
{
	padding: 4px;
}

.pagerFirst, .pagerPrevious 
{
	text-align: left;
	width: 10%;
}

.pagerNext, .pagerLast 
{
	text-align: right;
	width: 10%;
}

.pagerSelection 
{
	text-align: center;
	width: 60%;
}

.pagerSelectionItem 
{
	text-align: center;
}

.pagerSelectionItemActive 
{
	text-align: center;
	font-weight: bold;
}

.pagerAbstract 
{
	font-weight: bold;
	text-align: center;
}

/* Einde standaard bladeren */

/* Start template */

#wrapper
{
	height: 100%;	
}

#sitecontainer
{
	width: 1012px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 20px 0;
}

/* Topmenu */

#topmenu
{
	height: 29px;
}

	#topmenu ul
	{
		float: right;
		padding: 13px 15px 0 0;
	}
	
		#topmenu ul li
		{
			list-style: none;
			float: left;
		}
		
		#topmenu ul li a
		{
			text-decoration: none;
			padding: 0 5px 0 5px;
			background-image: url(../images/pipe_topmenu.gif);
			background-repeat: no-repeat;
			background-position: right 3px;
			color: #000000;
		}
		
		#topmenu ul li a:hover
		{
			text-decoration: underline;
		}
		
		#topmenu ul li a#lastChild
		{
			background-image: none;;
		}

/* End Topmenu */

#headercontainer
{
	height: 237px;
	background-image: url(../images/bg_headercontainer.gif);	
}

	#headercontainer .header
	{
		height: 176px;
		width: 993px;
		padding: 4px 9px 0px 10px;
		position: relative;
		z-index: 100;
	}
	
	#headercontainer .header .arrowleft
	{
		position: absolute;
		background-image: url(../images/arrow_header.png);
		behavior: url(/resources/iepngfix.htc);
		background-repeat: no-repeat;
		width: 18px;
		height: 13px;
		z-index: 300;
		left: 600px;
		bottom: 10px;
	}
	
	#headercontainer .header .arrowright
	{
		position: absolute;
		background-image: url(../images/arrow_header.png);
		behavior: url(/resources/iepngfix.htc);
		background-repeat: no-repeat;
		width: 18px;
		height: 13px;
		z-index: 300;
		left: 973px;
		bottom: 10px;
	}
	
	
	
		#headercontainer .logo
		{
			height: 176px;
			width: 249px;
			background-color: #FFFFFF;
			text-align: center;
			float: left;
		}
		
			#headercontainer .logo img
			{
				padding-top: 75px;			
			}

	#headercontainer .images
	{
		float: left;
		width: 744px;
		height: 176px;
		background-color: #000000;
		position:relative;
		z-index: 0;
	}
	
	
			#headercontainer .images .picture
			{
                            float: left;
			}
			

                        #headercontainer .images .description
                        {
                            float: left;
                            display: none;
                            width: 312px;
                            height: 136px;
                            background-color: #231f20;
							padding: 20px 30px;
							cursor: pointer;
							text-decoration: none;
							color: #FFFFFF;
							font-size: 32px;
							font-family: 'TheSerif Regular', serif; /* no .ttf */
							line-height: 1em;
                        }
						
							
			
	#headercontainer .ticker
	{
		height: 48px;
		width: 993px;
		background-color: #ed1c24;
		margin: 0 10px 0 10px;
		clear: both;
		background-image: url(../images/arrow_ticker.gif);
		background-repeat: no-repeat;
		background-position: 971px ;
	}
	
	#headercontainer .date
	{
		float: left;
		width: 240px;
		height: 48px;
		color: #000000;
		font-size: 16px;
		line-height: 45px;
		padding: 0 0 0 30px;
	}
	
			#headercontainer .time 
			{
				background-image: url(../images/bg_time_ticker.gif);
				background-position: right 17px;
				background-repeat: no-repeat;
				float: left;
				width: auto;
				height: 48px;
				font-family: TheSerif Regular, Georgia, "Times New Roman", Times, serif;
				display: block;
				padding-right: 8px;
				margin-right: 8px;
			}
			
			#headercontainer .month 
			{
				float: left;
				height: 48px;
				display: block;
				width: auto;
				font-family: TheSerif Semi Bold, Georgia, "Times New Roman", Times, serif;
			}
			
	#headercontainer .dot
	{
		float: left;
	}
			
	#headercontainer .dot img
	{
		padding: 11px 0 0 5px ;
		height: 4px;
		width: 21px;
		display: block;
		overflow: hidden;
	}
	
			
	
	#headercontainer .text 
	{
		float: left;
		padding-top: 13px;
	}
	
		#headercontainer a.tickertitle
		{
			color: #FFFFFF;
			font-family: TheSerif Semi Bold, Georgia, "Times New Roman", Times, serif;
			text-decoration: none;
			line-height: 1.3em;
			float: left;
			font-size: 16px;
			padding: 0px 10px 0px 10px;
			overflow: hidden;
		}

	
		#headercontainer a.tickertitle img
		{
			padding-top: 5px;
		}

				
		#headercontainer a.tickersubtitle
		{
			color: #FFFFFF;
			text-decoration: none;
			font-weight: normal;
			font-family: TheSerif Regular, Georgia, "Times New Roman", Times, serif;
			line-height: 1.3em;
			float: left;
			overflow: hidden;
			font-size: 16px;
			padding-top: 0px;
		}
		
		#headercontainer a.tickersubtitle img
		{
			padding-top: 5px;
		}
#page
{
	padding: 23px 10px 0 10px;
	overflow: hidden;
}

/* Columns */

.column 
{
	width: 216px;
	padding: 0 16px 0 16px; 
	float: left;
}

/* Column Menu */

#menu
{
	padding: 0 0px 0 16px;
	height: auto;
}

#menu ul.menu
{
}

	#menu ul.menu li
	{
		list-style: none;
		float: left;
		padding-right: 32px;
	}
	
	#menu ul.menu li a
	{
		text-decoration: none;
		display: block;
		width: 201px;
		height: 24px;
		background-color: #000000;
		color: #FFFFFF;
		padding: 9px 0 0 15px;
		font-size: 14px;
		font-weight: bold;
	}
	
			#menu ul.menu li img
			{
				behavior: url(/resources/iepngfix.htc);
			}
	
	#menu ul.menu li a:hover
	{
		background-color: #b4b4b4;
	}
	
	
		/* Menu items Projecten */
		
		#menu ul.menu li ul
		{
			width: 214px;
			padding: 0 0 20px 0;
			visibility: hidden;
			position: absolute;
			margin: 0;
			border-left: 1px #CCCCCC solid;
			border-right: 1px #CCCCCC solid; 
			border-bottom: 1px #CCCCCC solid;
			background-color: #FFFFFF; 
		}
		
			#menu ul.menu li ul li
			{
				float: left;
				padding-right: 0;
			}
			
				#menu ul.menu li ul li a
				{
					float: left;
					width: 184px;
					color: #000000;
					border-bottom: 1px dotted #CCCCCC;
					background-color: #FFFFFF;
					font-size: 11px;
					padding: 5px 15px 5px 15px;
					height: auto;
					display: block;
					font-weight: normal;
					text-decoration: none;
				}
				
				#menu ul.menu li ul li a:hover
				{
					background-color: #F3F3F4;
					color: #ED1C24;
				}
				
/* Topic & News */

#menu ul.menu li ul#menuTop-id-2 li ul
	{
		margin:0 ;
		border: none;
		padding: 0;
		visibility: inherit;		
		position: relative;
	}

#menu ul.menu li ul li.title ul li a
	{
		margin: 0;
	}

#menu ul.menu li ul li.title h4
	{
		margin: 0;
		font-size: 12px;
		padding: 5px 15px 5px 15px;
		border-bottom: 1px dotted #CCCCCC;
		height: auto;
		width: 184px;
		display: block;
		color: #000000;
	}
			
			
/* Menu Content template */

#menucontent
{
	padding: 0 0px 0 264px;
	height: 32px;
}

#menucontent ul.menu
{
}

	#menucontent ul.menu li
	{
		list-style: none;
		padding-right: 11px;
		float: left;
	}
	
	
	#menucontent ul.menu li.lastChild
	{
		padding-right: 31px;
	}
	
	#menucontent ul.menu li a
	{
		text-decoration: none;
		display: block;
		width: 132px;
		height: 24px;
		background-color: #000000;
		color: #FFFFFF;
		padding: 9px 0 0 15px;
		font-size: 14px;
		font-weight: bold;
	}
	
	#menucontent ul.menu li img
	{
		behavior: url(/resources/iepngfix.htc);
	}
	
	#menucontent ul.menu li a:hover
	{
		background-color: #b4b4b4;
	}
	
	
		/* Dropdown */
		
		#menucontent ul.menu li ul
		{
			padding: 0 0 20px 0;
			position: absolute;
			visibility: hidden;
			margin: 0;
			width: 214px;
			background-color: #FFF; 			
			border: 1px #CCC solid;
		}
		
			#menucontent ul.menu li ul li, #menucontent ul.menu li ul li.lastChild
			{
				padding: 0;
				height: auto;
				padding: 0;
			}
			
				#menucontent ul.menu li ul li a
				{
					display: block;
					width: 184px;
					color: #000000;
					border-bottom: 1px dotted #CCCCCC;
					background-color: #FFFFFF;
					font-size: 11px;
					padding: 5px 15px 5px 15px;
					height: auto;
					font-weight: normal;
					text-decoration: none;
					float: left;				
				}
				
				#menucontent ul.menu li ul li a:hover
				{
					background-color: #F3F3F4;
					color: #ED1C24;
				}
				
/* Topic & News */


#menucontent ul.menu li ul#menuTop-id-2 li ul
	{
		margin:0 ;
		border: none;
		padding: 0;
		visibility: inherit;		
		position: relative;
	}

#menucontent ul.menu li ul li.title ul li a
	{
		margin: 0;
	}

#menucontent ul.menu li ul li.title h4
	{
		margin: 0;
		font-size: 12px;
		padding: 5px 15px 5px 15px;
		border-bottom: 1px dotted #CCCCCC;
		height: auto;
		width: 184px;
		display: block;
		color: #000000;
	}
	
				
	
/* Content item */

.column .contentitem
{
	background-color: #f3f3f4;
	margin: 16px 0 0 0;
}

	.column .contentitem h2
	{
		margin: 0 16px;
		padding: 20px 0;
		background-image: url(../images/dotted_line_h1.gif);
		background-repeat: no-repeat;
		background-position: bottom;
		line-height: 1em;
		font-size: 16px;
		font-family: TheSerif Bold, serif;
		font-weight: normal;
		width: 184px;
	}
	
	.column .contentitem .text
	{
		padding: 15px 15px 20px 15px;
		line-height: 1.4em;
	}

	.column .contentitem .text p
	{
		padding: 0px;
	}
	
/* Search field */

.search
{
}

.search .zoekbutton
{
	border: none;
	background-image: url(../images/btn_search.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 20px;
	float: left;
	cursor: pointer;
}

.searchenglish .zoekbutton
{
	border: none;
	background-image: url(../images/btn_search_en.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 20px;
	float: left;
	cursor: pointer;
}

.search #searchString, .searchenglish #searchString
{
	border: 1px #d9d8d8 solid;
	width: 150px;
	height: 18px;
	float: left;
	padding-left: 4px;
}

.content .result
{
	padding-bottom: 30px;
	background-image: url(../images/dotted_line_news_results.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

.content .result i
{
	font-style: normal;
}
.content .result a
{
	text-decoration: none;
	font-weight: bold;
}

.content .result p
{
	font-style: normal;
}

.content .result h1
{
	font-size: 20px;
	background-image: none;
	margin: 0;
	padding: 0 0 5px 0;
}

/* Submenu Right */


	.column4 ul
	{
	padding: 40px 0 30px 20px;
	}
	
		.column4 ul li
		{
			list-style: none;
			text-decoration: none;
			color: #000000;
			/*font-size: 16px;*/
			font-weight:normal;
			font-family: 'TheSerif Semi Bold';
			background-image: url(../images/bg_submenuright.gif);
			background-repeat: no-repeat;
			background-position: left 10px;
			display: block;
			/*padding: 2px 0px 2px 34px;*/
                     padding-left: 34px;


		}
		
		.column4 ul li a
		{	
			text-decoration: none;
			color: #000000;
			margin: 0;
			padding: 0;
			display: block;

		}
		
		.column4 ul li a:hover
		{
			color: #ED1C24;
			text-decoration: none;
		}
		
/* Kolom 1 menu */

.column1 ul
{
}

	.column1 ul li
	{
		list-style: none;
	}
	
	.column1 ul li a, .newsitem a
	{
		text-decoration: none;
		color: #000000;
		border-bottom: 1px dotted #000000;
		display: block;
		width: 184px;
		padding: 4px 16px 4px 16px;
	}

        .newsitem a.active
	{
		text-decoration: none;
		color: #ED1C24;
		border-bottom: 1px dotted #000000;
		display: block;
		width: 184px;
		padding: 4px 16px 4px 16px;
	}
	
	.column1 ul li.firstChild a
	{
		/*border-top: 1px dotted #000000;*/
	}
	
	.column1 ul li a:hover, .column1 ul li.active a, .newsitem a:hover
	{
		color: #ED1C24;
	}
	
/* Arhief */

	.column1 ul#archief li a
	{
		font-weight: bold;
		width: 184px;
		padding-top: 10px;
	}
	
		.column1 ul#archief li ul li a
		{
			font-weight: normal;
			padding-left: 30px;
			width: 170px;
			padding-top: 4px;
		}

.column1 .archieflink a
	{
		border: none;
		float: right;
		text-align: right;
		text-decoration: none;
		font-weight: bold;
		padding-right: 9px;
		padding-top: 7px;
		color: #b1b1b1;
		font-size: 12px;
		width: 200px;
		background-image: url(../images/arrow_archief_normal.gif);
		background-position: right 11px;
		background-repeat: no-repeat;
	}
	
		.column1 .archieflink a:hover
		{
			color: #ED1C24;
			background-image: url(../images/arrow_archief_over.gif);
		}

.column1 span.pageTitle
	{
		font-weight: bold;
		padding-left: 16px;
		text-decoration: none;
		font-size: 16px;
		color: #b8b9bc;
		padding-bottom: 20px;
		padding-top: 40px;
		display: block;
	}
	


/* Banners */

.bannermap
{
	width: 216px;
	height: 170px;
	border: 1px solid #c1c0c0;
	margin-bottom: 16px;
}

	.bannermap .title
	{
		display: block;
		height: 43px;
		padding: 0;
		line-height: 1em;
		color: #ED1C24;
		font-size: 16px;
		font-family: TheSerif Regular, serif;
	}

		.bannermap .title img
		{
			padding: 6px 0 0 13px;
		}
	
.bannerforsale
{
	width: 216px;
	height: 158px;
	border: 1px solid #c1c0c0;
	margin-bottom: 16px;
	position: relative;
	font-size: 1.4em;
	color: #FFFFFF;
	font-weight: bold;
	font-family: TheSerif Regular, serif;
}

	.bannerforsale .title_2
	{
		display: block;
		height: 30px;
		width: 216px;
		padding: 0;
		line-height: normal;
		background-color: #ed1c24;
		font-family: TheSerif Regular, serif;
	}

			.bannerforsale .title_2 img
			{
				padding: 10px 0 0 13px;
			}
	
	.bannerforsale .subtitle
	{
		position: absolute;
		width: 100%;
		left: 13px;
		top: 38px;
		font-family: TheSerif Regular, serif;
	}
	
/* Content */

.content
{
	width: 432px;
	float: left;
	padding: 25px 16px 25px 16px;
	margin: 16px 15px 0 16px;
	background-color: #f3f3f4;
}

	.content h1
	{
		background-image: url(../images/dottedline_content.gif);
		background-position: bottom left;
		background-repeat: no-repeat;
		padding: 5px 0 25px 0;
		margin: 0 0 25px 0;
		font-family: TheSerif Regular, Georgia, "Times New Roman", Times, serif;
		font-size: 25px;
		line-height: 1.1em;
		font-weight: normal;
	}
	
	.content p
	{
		padding: 0;
	}
	
	.content img
	{
		padding: 20px 0 0 0 ;
	}
	
	.content h1 img
	{
		padding: 0 ;
	}
	
	.content ul
	{
		padding: 0 0 10px 16px ;
	}
	
	.content .date
	{
		font-family: TheSerif Semi Bold, Georgia, "Times New Roman", Times, serif;
		font-size: 12px;
		padding-bottom: 5px;
	}
	
/* Medewerkers */

.content .employer
{
	width: 216px;
	height: 101px;
	display: block;
	float: left;
	padding-bottom: 15px;
}

	.content .employer img
	{
		float: left;
		padding-right: 10px;
		padding-top: 0;
	}
	
	.content .employer info
	{
		float: left;
	}
	
	.content .employer p
	{
		padding: 0;
	}
	
	.content .employer h3
	{
		padding: 0;
		margin: 0;
		font-weight: normal;
		font-size: 11px;
	}
	
/* Topics */

.topicitem
{
	background-image: url(../images/dotted_line_topic.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom: 30px;
	margin-bottom: 20px;
}

	.topicitem h2
	{
		padding: 0px 0 5px 0;
		margin: 0;
		font-family: TheSerif Semi Bold, Georgia, "Times New Roman", Times, serif;
		font-size: 25px;
		line-height: 1em;
	}
	
/* Nieuws Items */

.newsitem
{
	padding: 0;
}


/* nieuwsarchief accordion */

.basic
{
}
.basic li
{
	list-style: none;
}

.basic a
{
    cursor:pointer;
    display:block;
    padding:5px;
    text-decoration: none;
    font-weight: bold;
	border-bottom:1px dotted #000000;
	color: #000000;
	background-image: url(../images/arrow_accordion_close.gif);
	background-repeat: no-repeat;
	background-position: 200px;
}

.basic a.selected
{
    color: #ED1C24;
	background-image: url(../images/arrow_accordion_open.gif);
	background-repeat: no-repeat;
	background-position: 200px;
}

.basic li a
{
	border-bottom:1px dotted #000000;
	color:#000000;
	display:block;
	padding:4px 16px 5px 17px;
	text-decoration:none;
	cursor: pointer;
	font-weight: normal;
	background-image: none;
}

.basic li a:hover, .basic a:hover
{
    color: #ED1C24;
}

/* Overzichtskaart */

#flashContainerMap
{
	background-color: #000000;
} 

#closeButton img {
position:absolute;
right: 0;
top: 0;

}

	





/* Image slide module */

/*
#slideshow
{
    position:relative;
    height:350px;
}

#slideshow DIV
{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow DIV.images active
{
    z-index:10;
}

#slideshow DIV.images inactive
{
    z-index:9;
}
*/