@charset "UTF-8";
/* CSS Document */

/* 
	grijs: 				#828282
	tekst (lichtgrijs):	#CCCCCC
	achtergrond blauw: 	#152946
	
	link (orange):		#FFCC00
	
	font:				Tw Cen MT
*/

.sIFR-alternate {
	visibility: hidden;
}

a#innovatieveaanpak {
	display: block;
	width: 195px;
	height: 47px;
	background: url(../images/btn_innovatieveaanpak.jpg) 0 -47px no-repeat;
	overflow: hidden;
	float: right;
}
	#innovatieveaanpak:hover {
		background-position: 0 0;
	}
	
	.pagina-9 a#innovatieveaanpak {
			background-position: 0 0;
	}
		.pagina-9 a#innovatieveaanpak:hover {
			background-position: 0 -47px;
		}

body, html {
	width:				100%;
	height:				100%;
}

body {
	margin:				0;
	padding:			0;
	background-color:	#FFF;
}

blockquote, blockquote p {
	margin: 0px;
	padding: 0px;
}

.back {
	color: #CCC;
}
.back a {
	color: #CCC;
}

#home {
	color: #CCC;
	position: absolute;
	top: 0;
	margin-top: 10px;
	text-transform:uppercase;
}
#home a {
	text-decoration: none;
	color: #CCC;
}

img {
	border-width:		0;
}

a { 
	color: 				#FFCC00; 
	text-decoration:	underline;
}

a:hover {
	color:				#FFF;
}

h1 {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			40px;
	font-weight:		normal;
	margin:				40px 0 10px 0;
	color:				#FFF;
}
h2 {
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			22px;
	font-weight:		normal;
	margin:				20px 0 14px 0;
	color:				#FFF;
}
h3 {
	font-family: 		"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:				#FFCC00;
	font-size:			16px;
	font-weight:		normal;
	margin:				10px 0 0 0;
}
h3 a {
	text-decoration:	underline;
}

p {
	margin:				0 0 10px 0;
	padding:			0;
}
.intro {
	color:				#FFF;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


div#container {
	margin:				0 auto 0 auto;
	width: 				988px;
		
	font-family: 		"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:			11px;
	/*color:				#CCCCCC;*/
	color: #FFFFFF;
	line-height:		18px;
	position: relative;
}

div#content {
	position:			relative;
	padding:			35px 40px 120px 35px;
	margin:				0;
	
	/*background-color:	#152946;
	background-color: #1E92B8;*/
	background-color: #008bcb;
}

#main-column {
	margin-top:	20px;
	width:		340px;
	float:		left;
}

#main-column h1 {
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}

#side-column {
	width:			535px;
	float:			right;
	margin-top:		20px;
	margin-left:	20px;
	margin-right:	1px;
	
	clear:			right;
}

.image-container {
	background: url('../images/photo_shadow.jpg') repeat-x bottom left;
	padding: 4px 0 4px 0;
	margin: 0;
}
.image-container-left {
	padding: 4px 0 4px 0;
	margin: 0;
}

div#navigation {
	height:				142px;
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			17px;
	color:				#FFF;
}

div#navigation a {
	display: block;
	text-transform:		uppercase;
	text-decoration: none;
	color:				#FFF;
	padding: 1px 0;
}

div#navigation a:hover, div#navigation a.active {
	color:				#FFF;
}

div#navigation ul, div#navigation li {
	margin:				0;
	padding:			0;
	list-style:			none inside;
}

div#navigation ul ul {
	clear:				both;
	font-size:			13px;
	clear:				both;
	
	margin:				2px 0 2px 0;
}
div#navigation li li {
	display:			block;
	float:				left;
	margin-left:		4px;
}
div#navigation li li:first-child {
	margin-left:		0;
}
div#navigation li li:first-child:before {
	content:			" | ";
}
div#navigation li li:after {
	content: 			" | ";
}





div#subnavigation {
/*	height:				20px; */
	
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			17px;
	color:				#FFF;
}

div#subnavigation a {
	/*color:				#878E99;*/
	color: #FFCC00;
	text-transform:		uppercase;
}

div#subnavigation a:hover, div#subnavigation a.active {
	color:				#FFF;
}

div#subnavigation ul, div#subnavigation li {
	margin:				0;
	padding:			0;
	list-style:			none inside;
}

div#subnavigation ul {
	font-size:			13px;
	margin:				2px 0 2px 0;
}
div#subnavigation li {
	/*display:			block; */
	float:				left;
	margin-left:		4px;
}
div#subnavigation li:first-child {
	margin-left:		0;
}
/*
div#subnavigation li:first-child:before {
	content:			" | ";
}
div#subnavigation li:after {
	content: 			" | ";
}
*/


div#subnavigationCategories,
div#subnavigationServices {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			17px;
	color:				#FFF;
	clear:				both;
	margin-bottom: 5px;
}

div#subnavigationCategories a,
div#subnavigationServices a {
	color:				#FFCC00;
	text-transform:		uppercase;
	text-decoration: none;
	padding: 0 6px;
}

div#subnavigationCategories a:hover, div#subnavigationCategories li.active a ,
div#subnavigationServices a:hover, div#subnavigationServices li.active a {
	color:				#FFF;
}

div#subnavigationCategories ul, div#subnavigationCategories li ,
div#subnavigationServices ul, div#subnavigationServices li {
	margin:				0;
	padding:			0;
	list-style:			none;
}

div#subnavigationCategories .label,
div#subnavigationServices .label{
	float: left;
	color: #152946;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	padding: 0px 0px 0 0px;
/*	width: 45px; */
	text-transform: uppercase;
}

div#subnavigationCategories ul ,
div#subnavigationServices ul {
	font-size:			11px;
	line-height: 11px;
	sclear:				both;
	float: left;
	margin:				0px 0 2px 0;
}
div#subnavigationCategories li ,
div#subnavigationServices li {
	/*display:			block; */
	float:				left;
	border-right: 1px solid #fff;
	line-height: 11px;
}
div#subnavigationCategories li:first-child ,
div#subnavigationServices li:first-child {
	margin-left:		0px;
/*	border-left: 1px solid #fff; */
}
div#subnavigationCategories li:last-child ,
div#subnavigationServices li:last-child {
	border-right: none;
}



#nieuws h1 {
	/*line-height: 44px; */
}

#newslist {
	margin-top:			12px;
	float:				left;
	text-align:			left;
	line-height:		22px;
	font-size:			11px;
}

#newslist a {
	/*color:				#888F99;*/
	color: #FFCC0);
	text-decoration:	none;
}
#newslist a:hover, #lnewsist a.active {
	color:				#FFF;
}

div#newslist ul, div#newslist li {
	margin:				0;
	padding:			0;
	list-style:			none inside;
	zoom:				1;
	clear:				left;
}

div#newslist .newsdate {
	float: left;
}

div#newslist .newsheader {
	margin-left: 		70px;
}

p#newsarchive {
	clear:				left;
	margin: 			0px 0px 0px 70px;
	*margin: 			0px 0px 0px 85px; /* IE7 and below */  
}

p#newsarchive a {
	/*color: 				#888F99;*/
	color: #FFCCOO
}

div#projecttext {
	padding: 			3px 3px 0px 3px;
	margin-top: 		20px;
	text-align: 		justify;
}

div#footer {
	position:			absolute;
	bottom:				20px;
	clear:				both;
	
	width:				912px;
	
	padding:			20px 0 0 0;
	background:			url('../images/line.gif') no-repeat;
}

div#footer a {
	/*color:				#CCCCCC;*/
	color: #FFFFFF;
	text-decoration:	none;
}

div#footer a:hover { color: #FFF; text-decoration: underline; }

div#footer-copyright {
	padding:			15px 0 10px 38px;

	background: 		#FFF url('../images/bottom_background.jpg') no-repeat;
	
	font-family: 		Arial, Helvetica, sans-serif;
	font-size:			11px;
	color:				#828282;
}

/*** SPECIFIC ***/
#opdrachten-visual {
	margin-top:			40px;
	width:				912px;
	height:				220px;
}

/*** TICKERTAPE STYLES ***/
div.tickertape {
	height:				16px;
	overflow:			hidden;
	margin-top:			20px;
}

div.tickertape ul, div.tickertape li {
	margin:				0;
	padding:			0;
	list-style:			none inside;
	width: 600px !important;
}
div.tickertape li {
	top:				0;
	left:				0;
}

div.tickertape a {
	text-decoration: none;
}

div.tickertape .title {
	color:				#FFF;
}

#tickertape_bar {
	margin-top: 10px;
	position: absolute;
	top: 0;
	width: 750px;
	margin-left: 155px;
}

#lustrum {
	position: absolute;
	height: 114px;
	width: 114px;
	right: 38px;
	top: 30px;
}

	#lustrum a {
		text-decoration: none;
		outline: 0;
	}

	#lustrum img {
		border: 0;
	}

#sympo{
	position: absolute;
	top: 145px;
	right: 28px;
}
#sympo a{
	font-size: 11px;
	text-decoration: none;
	color: #878E99;
	color: #fff;
	text-transform: uppercase;
	line-height: 25px;
}
#sympo a:hover{
	color: #f60;
}
#sympo a span{
	font-size: 16px;
	line-height: 25px;
}