/***************************************************
 * DEFAULT HTML ELEMENTS
 ***************************************************/
* {
	background-repeat: no-repeat;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px;
}

body {
	font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; /* Resets 1em to 10px */
	background-image: url(../img/backgroundgradient.jpg);
	background-repeat: repeat-x;
	background-color: #929bac;
	text-align: center;
}

a {
	color: #000066;
	text-decoration: none;
}

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

label {
	display: block;
}

input, textarea {
	border: 1px solid #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #000066;
	padding: 2px;
	border: 1px solid #dddddd;
	background-color: #F7F7F7;	
}

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	line-height:normal;
}



/***************************************************
 * PAGE STRUCTURE
 ***************************************************/
div.page {
	position: relative;
	clear: both;
	text-align: left;
	
	width: 780px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 15px 0 0px;
	
	background-color: #fff;
	border: 1px solid #ddd;
	border-top: none;
}

/***************************************************
 * HEADER
 ***************************************************/
div.header {
	height: 270px;
	background-image: url(../img/banner.jpg);
	margin: 0px;
	padding: 0px;
}

	div.header h1 {
		padding: 70px 40px 0;
		width: 100%;
		
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		font-size: 3em;
		font-weight: bold;
		letter-spacing: -1px;
	}
	div.header h1,
	div.header h2 {
	
		visibility: hidden;
	}
		div.header h1 a {
			left: 0px;
			width: 100%;
			text-decoration: none;
			color: #fff;
		}
		div.header h1,
		div.header h1 a, 
		div.header h1 a:visited {
			text-decoration: none;
		}
		div.header h1 a:hover {
			text-decoration: none;
		}
		
		div.header h2 {
			margin: 0 40px;
			
			font-size: 1.2em;
			font-weight: normal;
			color: #fff;
		}
	
	div.header div.mainmenu {
		margin-top: 130px;
		height: 20px;
		margin-left: 22px;
		margin-bottom: 0px;
		padding: 0px;
	}
		div.header div.mainmenu ul li {
			float: left;
			margin-right: 20px;
			list-style-type:none
		}
		div.header div.mainmenu ul li,
		div.header div.mainmenu ul li a {
			text-decoration: none;
			font-size: 1.05em;
			color: #fff;
		}
		div.header div.mainmenu ul li a:hover {
	text-decoration: none;
			color: #fff;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000066;
			padding-bottom: 3px;

		}
		
		div.header div.mainmenu ul.menu1-lev2 {
			display: none;
		}


/***************************************************
 * CONTENT
 ***************************************************/



div.content {
	float: left;
	width: 530px;
	
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	
	font-size: 1.1em;
	line-height: 1.5em;
	color: #777;
	list-style-type: square;
	padding: 0px;
}	
	div.content h1 {
		padding: 15px 0 0 0;
		text-align: left;
		color:#000066;
		font-size: 2.2em;
		font-weight:normal;
		letter-spacing:-1px;
	}
	div.content ul.newslist {
		padding: 10px;
		margin: 0px;
		/*border: 1px solid #eee;	*/
	}
		/* DEFAULT NEWSLIST */
		div.content ul.newslist li {
			width: 100%;
			padding: 0px;
			clear: both;
			margin-top: 0px;
			margin-bottom: 10px;
		}
			div.content ul.newslist li span.newsinfo {
				font-size: 0.85em;
/*				font-family: Arial, Helvetica, sans-serif;*/
				line-height: 12px;
				color:#999;
				padding:0px;
			}
			
				div.content ul.newslist li span.newsinfo div.news-latest-category {
				visibility: hidden;
				display:none;				
				}
			
			div.content ul.newslist li .readmore {
				font-size: 0.85em;
			}
			
			div.content ul.newslist span.more {
				clear: left;
				page-break-before:always;
				display: block;
			}
			
			
			div.content ul.newslist li h2 {
				padding: 0;
				text-align: left;
				font-size: 1.8em;
				font-weight:normal;
				color:#000066;
				letter-spacing: -1px;
			}
			
			div.content ul.newslist li h2 a {	
				text-decoration: none;
			} 
			
			div.content ul.newslist li img {
				float: right;
			}
			div.content ul.newslist li a:hover {
				text-decoration: underline;
			}
		
		/* CUSTOM: HIGHLIGHT */
		div.content ul.highlights {
				margin: 0px;
				background-color: #EBEDF3;
		}

		div.content ul.highlights li {
			/*	border:dashed 1px #999999;*/
		}
			div.content ul.highlights li h2 {
				font-size: 2.2em;
				padding: 0px;
			}

			div.content ul.highlights li a,
			div.content ul.highlights li h2 a {
				color: #990033;
			}

		/* CUSTOM: NEWSARCHIVE*/
		div.content ul.newsarchive {
			background-color: #EBEDF3;
			margin: 10px 30px;
			padding: 4px;
		}
		
		div.content ul.newsarchive li {
			margin: 0;
			padding: 0px 5px;
		}
		
		div.content ul.newsarchive li h2 {
			display: inline;
			margin: 0px;
			padding: 0px;
			padding-right: 2px;
			line-height: 1.4em;
			font-size: 1em;
			color: #000066;
			display: inline;
			letter-spacing: 0;
		}
		
			div.content ul.newsarchive li a,
			div.content ul.newsarchive li h2 a {
				font-weight: bold;
				text-decoration:none;
			}
	
			div.content ul.newsarchive li span.newsinfo {
				padding-left: 4px;
			}
			

		/* CUSTOM: PAGELIST used for ondernemers pagina */
		div.content ul.pagelist {
			
		}
			div.content ul.pagelist li {
				float: left;
				
				width: 120px;
				height: 100px;
				
				margin-left: 10px;
				margin-top: 50px;
				
				text-align: center;
			}
			div.content ul.pagelist li a {
				display: block;
			}

	/***************************************************
	 * NEWS ARCHIVE
	 ***************************************************/
	
	div.content div.news-single-item {
		padding: 15px 0;
	}

		div.content div.news-single-item h2{
			color: #000066;
		}

		div.content div.news-single-item h3{
			color: #000066;
			padding: 10px 0 5px 0;
			font-size: 14px;
		}
		
		div.content div.news-single-item div.news-single-img {
			float: right;
		}


		div.content div.news-single-item div.news-single-timedata,
		div.content div.news-single-item div.news-single-category {
			font-size: .8em;
			line-height: 1.2em;
			color: #BBB;
		}

			div.content div.news-single-item div.news-single-timedata a,
			div.content div.news-single-item div.news-single-category a{
				text-decoration: underline;
				color: #BBB;
			}

			div.content div.news-single-item div.news-single-timedata a:hover,
			div.content div.news-single-item div.news-single-category a:hover{
				text-decoration: none;
				color: #000066;
			}

		div.content ul.newslist li span.newsinfo div.news-list-category {
			visibility: hidden;
			display:none;				
		}


		
	/***************************************************
	 * STATIC PAGES
	 ***************************************************/
	
	div.content p.bodytext {
		padding: 5px 0;
	}

	
/***************************************************
 * DEFAULTCONTENT
 ***************************************************/
div.defaultcontent {
	float: right;
	width: 210px;
	color: #666;
	padding-left: 0pt;
	padding-right: 0pt;
	padding-top: 20px;
	padding-bottom: 10px;
	line-height: 1.4em;
}
	
	
	/* HEADERS */
	div.defaultcontent h2 {
		margin: 20px 0 0px;
		color: #000066;
		font-size: 1.8em;
		
		
		font-weight: normal;
		letter-spacing:-1px;
	}

	/* LISTS */
	div.defaultcontent ul {
		padding-left: 10px;
	}

	/* FORMS */
	div.defaultcontent input {
		font-size: 1.0em;
		color:#000066;
		margin-right: 2px;
		border: 1px solid #dddddd;
		background-color: #F7F7F7;	
 	}
	
	

	/* ZOEKEN */
	div.defaultcontent form.search {
		
	}
		div.defaultcontent form.search label {
			display: none;
		}
		div.defaultcontent form#mailform label {
			display: none;
		}
		div.defaultcontent form#mailform div {
			display: inline;
		}


	/* ACTIVITEITEN */
	div.defaultcontent ul.activiteiten {
		list-style-type: none;
		border: 0px solid #dddddd;
		background-color: #F7F7F7;	
/*		list-style-position:inside;*/
		margin-right: 10px;
	}
		div.defaultcontent ul.activiteiten li {
			padding: 5px 0px; 
			line-height: 1em;
		}

		div.defaultcontent ul.activiteiten h3 {
			font-size: 1.3em;
			padding:0px;
			

		}
		div.defaultcontent ul.activiteiten a {
			font-weight: normal;
		}
		div.defaultcontent ul.activiteiten div.date {
			font-size: .9em;
			color: #999;
			padding:0px;
			margin-bottom: -3px;
/*			background: #EBEDF3;
			padding: 2px;
			border: 0px solid #000066;
			text-align: center;
*/			
		}
		
		
		
	/* PARTNERS */
	div.defaultcontent ul.partners {
			padding-left: 0px;
	}
	
	div.defaultcontent ul.partners li,
	div.defaultcontent ul.partners a {
		width: 210px;
		text-align: center;
	}
	
	div.defaultcontent ul.partners li {
		margin: 15px auto;
	}

/***************************************************
 * FOOTER
 ***************************************************/
div.footer {
	clear: both;
	overflow: hidden;
	padding: 5px 20px;
	margin: 20px 0px 0px 0px;
/*	background-image: url(../img/backgroundgradient.jpg);    VOLGENS MIJ KAN DEZE ERUIT (20070810 AD)*/ 
	background-repeat: repeat-x;
	color: #CCCCCC;
	font-size: .9em;
	text-align: center;
	background-color: #000066;
	display: block;
	height: 50px;

}

	div.footer p {
		color: #FFFFFF;
		display: block;
	}
	
	div.footer p a {
		color: #FFFFFF;
		text-decoration: underline; 	
	}

	div.footer p a:hover {
		color: #FF6600;
		text-decoration: none;
	}
	
		div.footer p a img {
			float: right;
			border: 0px;
		}
		
		
/***************************************************
 * FORMS
 ***************************************************/
 
 
 div.content div.csc-mailform-field input, 
 div.content div.csc-mailform-field textarea {
	width: 200px;
	font-size: 1.0em;
	color:#000066;
	margin-left: 20px;
	border: 1px solid #dddddd;
	background-color: #F7F7F7;	
 }

 div.content div.csc-mailform-field textarea {
	width: 300px;
 }
 

 
 div.content div.csc-mailform-field input.csc-mailform-submit {
 	width: 80px;
	margin: 5px auto;
	text-align:center;
 }
 

/***************************************************
 * BROWSER FIXES
 ***************************************************/
/* Force Vertical Scrollbar */
html { 
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}



/***************************************************
 * FONTSIZE HACKS BY LUC @ 16/08/2007 because problems with IE
 ***************************************************/

div.defaultcontent h2 {
	font-size: 18px;
}

/*
div.defaultcontent h3 {
	font-size: 14px;
}
*/

* html div.content {
	margin-right: 0px;
}