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

	General Stylesheet | crijnsrentmeesters.nl

	tableaux
	www.tableaux.nl
	september 2007
	
	basic color:#006b8d

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


/* ------------------------------------------------------------- body */
html {
	height:100%;
}
body {
	background:url(../images/structure/background_body.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#006b8d;
	margin:0px;
	line-height:20px;
	text-align:center;
	height:100%;
	*height:auto;
	overflow-x:auto;
	*overflow-x:hidden;
	}
	
/* ------------------------------------------------------------- center */
div#centerContainer {
	margin:0 auto;
	width:900px;
	background:url(../images/structure/background_center.gif);
	background-repeat:repeat-y;	
	background-color:#FFFFFF;
	min-height:832px;
	height:100%;
	display:table;
	}	
div#center {
	margin:0 auto;
	width:900px;
	min-height:832px;
	height:100%;
	display:table;
	}	
	
/* ------------------------------------------------------------- header */	
div#headerContainer {
	position:relative;
	height:121px;
	background-color:#ffffff;
	text-align:left;
	display:table;
	width:900px;
	}
div#header {
	margin-left:0px; 
	margin-top:0px;
	height:155px;
	}
	
/* ------------------------------------------------------------- photocontainer */	
div#photoContainer {
	height:229px;
	background-color:#FFFFFF;
	}	
div#photoMask {
	width:570px; 
	height:217px; 
	overflow:hidden;
	}	
div#photoMaskThumb {
	width:120px; 
	height:217px; 
	overflow:hidden;
	}	

/* ------------------------------------------------------------- contentcontainer */	
div#contentContainer {
	margin:0px auto;
	}
div#contentMain {
	width:570px;  
	text-align:left; 
	position:relative;
	float:left;
	margin-left:67px;
	width:440px;
	}
div#contentLeft {
	width:242px;  
	margin-left:42px;
	margin-right:42px;
	display:inline;
	text-align:left; 
	position:relative;
	float:left;
	}
div#contentContainer a {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-decoration:none;
	}	
div#contentContainer a:hover {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	text-decoration:underline;
	}
	
.nieuws p{
	color:#006a8c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
}
.nieuws .nieuwsTitle{
	color:#999933;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	text-transform:uppercase;
}
.nieuws a{
	text-decoration:none;
	color:#999933;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
}
	
	/* the menu */

#menuLeft{
	text-align:left;
	margin-top:10px;
}
#menuLeft ul{
	list-style:none;
	width:100%;
	margin:0px;
	padding:0px;
}
#menuLeft li a{
	margin-left:30px;
	padding-right:30px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:28px;
	text-transform:uppercase;
	color:#006a8d;
	height:100%;
}
#menuLeft ul ul{
	position:absolute;
	display:none;
	background-color:#0083a2;
	width:auto;
}
#menuLeft ul ul li a{
	font-size:12px;
	font-weight:normal;
	color:#d5e7ed;
	line-height:28px;
	text-transform:lowercase;
}
#menuLeft li:hover{
	background-color:#0083a2;
}
#menuLeft li:hover a{
	color:#fff;
	white-space:nowrap;
	text-decoration:none;
}
#menuLeft li li:hover a{
	color:#0083a2;
	white-space:nowrap;
	text-decoration:none;
}
#menuLeft li:hover ul{
	display:inline;
	z-index:3;
}
#menuLeft li li:hover{
	background-color:#d5e7ed;
}