/* ------------------------------------------------------- 

	General Stylesheet | gpp

	tableaux
	www.tableaux.nl
	july 2007
	
---------------------------------------------------------- */


/* ------------------------------------------------------------- body */

html {
	height:100%;
	}
body {
	background-position:top;
	background-repeat:repeat-x;
	background-color:#000000;
	margin:0px;
	line-height:18px;
	text-align:center;
	height:100%;
	*height:auto;
	overflow-x:auto;
	*overflow-x:hidden;
	}
		
/* ------------------------------------------------------------- center */

div#centerContainer {
	margin:0 auto;
	width:1000px;
	min-height:832px;
	height:100%;
	display:table;
	background-color:#FFFFFF;
	background-image:url('../images/content_bg.jpg');
	}

div#headerContainer {
	background-color:#FFFFFF;
	width: 1000px;
	height: 118px;
	text-align: left;
	}
	
div#headerLogo {
	background-color:#FFFFFF;
	width: 273px;
	height: 96px;
	margin-left: 16px;
	margin-top: 11px;
	float: left;
	}
	
div#headerPhotobar {
	width: 1000px;
	height: 182px;
	text-align: left;
	}
	
div#headerSlogan {
	width: 342px;
	*width: 322px;
	height: 22px;
	float: right;
	margin-top: 25px;
	margin-right: 20px;
	}

div#headerVlaggen {
	width: 342px;
	*width: 322px;
	height: 15px;
	float: right;
	text-align:right;
	margin-top: 25px;
	margin-right: 27px;
	}
	
div#photobarMenu {
	width: 190px;
	*width: 218px;
	height: 162px;
	*height: 182px;
	background-color: #D3D3D3;
	text-align: left;
	float: left;
	padding-top: 20px;
	padding-left: 28px; 	
	}
	
div#photobarHeader {
	width: 782px;
	height: 182px;
	background-image:url('../images/f8.jpg');
	text-align: left;
	float:left;
	overflow:hidden; }
	
	}
	
div#photobarHeader2 {
	width: 782px;
	height: 182px;
	background-image:url('../images/f2.jpg');
	text-align: left;
	float:left;
	}
	
div#photobarHeader3 {
	width: 782px;
	height: 182px;
	background-image:url('../images/f3.jpg');
	text-align: left;
	float:left;
	}
	
div#photobarHeader4 {
	width: 782px;
	height: 182px;
	background-image:url('../images/f7.jpg');
	text-align: left;
	float:left;
	}
	
div#photobarHeader5 {
	width: 782px;
	height: 182px;
	background-image:url('../images/f5.jpg');
	text-align: left;
	float:left;
	}
	
div#photobarHeader6 {
	width: 782px;
	height: 182px;
	background-image:url('../images/f1.jpg');
	text-align: left;
	float:left;
	}
div#photobarHeader7 {
	width: 782px;
	height: 182px;
	background-image:url('../images/header_sp.jpg');
	text-align: left;
	float:left;
	}
div#photobarHeader9 {
	width: 782px;
	height: 182px;
	background-image:url('../images/header_projects.jpg');
	text-align: left;
	float:left;
	}
div#photobarHeader8 {
	width: 782px;
	height: 182px;
	background-image:url('../images/header_relaties.jpg');
	text-align: left;
	float:left;
}
	
div#tickerBar {
	width: 1000px;
	height: 30px;
	padding-top:7px;
	background-color: #B6B6B6;
	text-align: center;
	float:left;
	text-decoration:none;
	border:0;
	}
	
div#news_ticker {
	font-color: white;
	font-family: Arial;
	font-size: 11px;
	text-decoration:none;
	border:0;
}

div#contentMenu{
	width: 190px;
	*width: 218px;
	float: left;
	padding-left: 28px;
	padding-top: 30px;
	text-align: left;
	}

div#content p { 
	font-family: Arial;
	font-size: 12px;
	color: #4E4E4E;
	}
	
p.menu { 
	font-family: Arial;
	font-size: 12px;
	color: #989898;	
	}

	
span.title1 { 
	color: #FFFFFF;
	background-color: #B31B34;
	font-weight: bold;
	width: 195px;
	margin-left: -28px;
	padding-left: 20px;
	height:60px;
	display:block;
	}
	
span.title2 { 
	display:block;
	color: #FFFFFF;
	background-color: #AA1BB1;
	font-weight: bold;
	width: 195px;
	margin-left: -28px;
	padding-left: 20px;
	height:60px;
	}
	
span.title3 { 
	display:block;
	color: #FFFFFF;
	background-color: #0077D5;
	font-weight: bold;
	width: 195px;
	margin-left: -28px;
	padding-left: 20px;
	height:60px;
	}
	
span.title4 { 
	display:block;
	color: #FFFFFF;
	background-color: #77B900;
	font-weight: bold;
	width: 195px;
	margin-left: -28px;
	padding-left: 20px;
	height:60px;
	}
	
span.title5 { 
	display:block;
	color: #FFFFFF;
	background-color: #ffb901;
	font-weight: bold;
	width: 195px;
	margin-left: -28px;
	padding-left: 20px;
	height:60px;
	}
span.title5:hover { text-decoration:underline; }

span.title6 { 
	display:block;
	color: #FFFFFF;
	background-color: #b6b6b6;
	font-weight: bold;
	width: 232px;
	margin-left: -28px;
	padding-left: 28px;
	}
span.title7 { 
	display:block;
	color: #FFFFFF;
	background-color: #000;
	font-weight: bold;
	width: 195px;
	margin-left: -28px;
	padding-left: 20px;
	height:60px;
	}
	
span.leftsubtext { 
	color: #989898;
	font-family: Arial;
	font-size: 11px;
	}
span.leftsubtext a { 
	color: #989898;
	font-family: Arial;
	font-size: 11px;
	}
span.leftsubtext a:hover { 
	color: #989898;
	font-family: Arial;
	font-size: 11px;
	}
	
span.leftkop { 
	color: #4E4E4E;
	font-family: Arial;
	font-size: 12px;
	}
span.leftkop a { 
	color: #4E4E4E;
	font-family: Arial;
	font-size: 12px;
	}
span.leftkop a:hover { 
	color: #4E4E4E;
	font-family: Arial;
	font-size: 12px;
	}
	
span.ticker, span.ticker a, span.ticker a:hover {
	font-color: white;
	color: white;
	font-family: Arial;
	font-size: 11px;
	text-decoration:none;
	}

div#contentCenter {
	width: 494px;
	*width: 550px;
	float: left;
	padding-left: 28px;
	padding-right: 28px;	
	padding-top: 30px;
	text-align: left;
	}

div#contentNieuws {
	width: 176px;
	*width: 232px;
	float: left;
	text-align: left;
	padding-left: 28px;
	padding-right: 28px;
	padding-top: 30px;
	overflow:hidden;
	}
	
div#sifrmargin {
	height: 43px;
	overflow: hidden;
	}
	
div#sifrmarginmenu {
	height: 24px;
	overflow: hidden;
	width: 180px;
	}
	
div#blok_p1 {
	float: left;
	width: 476px;
	background-color: #F0F7FB;
	padding: 20px;
	color: #4E4E4E;
	font-size: 12px;
	font-family: Arial;
	}
	
div#blok_p2 {
	float: right;
	width: 250px;
	background-color: #F0F7FB;
	padding: 20px;
	padding-top: 50px;
	color: #2d88c4;
	font-size: 12px;
	font-family: Arial;
	}
	
a.menu { 
	font-size: 12px; 
	text-decoration: none;
	color: #FFFFFF; 
	}
a.menu:hover { 
	font-size: 12px;
	text-decoration: underline;
	color: #FFFFFF;
	}
	
a.submen {  
	font-family: Arial;
	font-size: 11px;
	color: #989898;
	text-decoration: none;
	}
a.submen:hover {
	font-family: Arial;
	font-size: 11px;
	color: #989898;	
	text-decoration: none;
	}
span.text3{
	overflow:hidden;
	white-space:nowrap
}

span.text1 a{
color:#D3D3D3;
display:none;
}
span.text2 a{
color:#B31B34;
display:none;
}

/* validate */
label.error { font-family: Arial; font-size: 12px; color: red; line-height:30px; clear: both; }
.notification { height: 36px; line-height: 36px; font-size: 10px; color: #443e3a; padding-left: 44px; }
.succes { border: 1px solid #9ac83f; background: #daf1a3 url(../images/succes.png) no-repeat scroll 14px 10px; }
.err { border: 1px solid #e89168; background: #fdcea4 url(../images/error.png) no-repeat scroll 14px 10px; }