@charset "utf-8";
html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
}
body {
	color: #fff;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #000;
	text-align: center;
	margin:0px;
	height:100%;
    scrollbar-base-color: #3a5aa4; 
    scrollbar-arrow-color: #FFFFFF; 
    scrollbar-face-color: #3a5aa4; 
    scrollbar-track-color: #CCCCCC;  
    scrollbar-shadow-color: #3a5aa4; 
    scrollbar-highlight-color: #3a5aa4; 
    scrollbar-darkshadow-color: #3a5aa4; 
    scrollbar-3dlight-color: #CCCCCC;  
}

#page {
	position:relative;
	width: 820px;
	margin: auto;
	height:100%;

}

#projecttd {
	background-color: #CCCCCC;
	background-image: url(../images/blackback.gif);
	background-repeat: repeat-x;
}
.cleaner {
	clear: both;
}
#logo a{
	float: left;
	margin-top:10px;
}
#logo h1 {
text-align:right;
	width:520px;
	font-size:22px;
	color:#FFFFFF;
	float:right;
	letter-spacing: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	position: absolute;
	top: 50px;
	right: 0px;
}
#fourcellblockscontainer {
	display:block;
	width:456px;
	margin:auto;
	padding-top:20px;
}
#fourcellblocks {

}
#fourcellblocks br {
	clear: both;
}
#fourcellblocks a{
	display: block;
	width: 204px;
	height: 204px;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	text-align: center;
	text-decoration: none;
	margin: 7px 7px 7px 7px;
	background-image: url(../images/4cellbutton.jpg);
	background-repeat: no-repeat;
	float:left;
	line-height:30px;
}
#fourcellblocks .hover1:hover{
	background-image:url(../images/4cellbuttonhover1.jpg);
}
#fourcellblocks .hover2:hover{
	background-image:url(../images/4cellbuttonhover2.jpg);
}
#fourcellblocks .hover3:hover{
	background-image:url(../images/4cellbuttonhover3.jpg);
}
#fourcellblocks .hover4:hover{
	background-image:url(../images/4cellbuttonhover4.jpg);
}
#ninecellblockscontainer {
	display:block;
	width:536px;
	margin:auto;
	padding-top:20px;
}
#ninecellblocks br {
	clear: both;
}
#ninecellblocks a{
	display: block;
	width: 152px;
	height: 152px;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	margin: 7px 7px 7px 7px;
	background-image: url(../images/9cellbutton.jpg);
	background-repeat: no-repeat;
	float:left;
	line-height:14px;
}
#ninecellblocks strong {
	display:block;
	padding-top:20px;
}
#ninecellblocks .hover1:hover{
	background-image:url(../images/9cellbuttonhover1.jpg);
}
#ninecellblocks .hover2:hover{
	background-image:url(../images/9cellbuttonhover2.jpg);
}
#ninecellblocks .hover3:hover{
	background-image:url(../images/9cellbuttonhover3.jpg);
}
#ninecellblocks .hover4:hover{
	background-image:url(../images/9cellbuttonhover4.jpg);
}
#ninecellblocks .hover5:hover{
	background-image:url(../images/9cellbuttonhover5.jpg);
}
#ninecellblocks .hover6:hover{
	background-image:url(../images/9cellbuttonhover6.jpg);
}
#ninecellblocks .hover7:hover{
	background-image:url(../images/9cellbuttonhover7.jpg);
}
#ninecellblocks .hover8:hover{
	background-image:url(../images/9cellbuttonhover8.jpg);
}
#ninecellblocks .hover9:hover{
	background-image:url(../images/9cellbuttonhover9.jpg);
}
#indexmenu {
	width: 395px;
	float: right;
	text-align: right;
	height: 60px;
	padding: 40px 0 0 0;
}
#indexmenu a {
	display: block;
	float: left;
	width: 69px;
	height: 25px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	text-decoration: none;	
	padding: 53px 7px 5px 7px;
	background-image:url(../images/smallblock.jpg);
	background-repeat:no-repeat;
}
#indexmenu a:hover {
	background-image:url(../images/smallblockhover.jpg);
	background-repeat:no-repeat;
}
#projectpage {
	width: 820px;
	margin-top:20px;

}
.projectmiddletd {
	background-image: url(../images/grayback.gif);
	background-repeat:no-repeat;
	background-position:200px 0px;
}
#projectpageleft {
	float: left;
	width:200px;
	text-align:left;
}
#projectpageright {
	float:right;
	width: 600px;
	color: #000000;
	text-align:left;
	padding: 0 10px 10px 10px;
}
#projectbottom {
	width: 600px;
	padding-top:10px;
}
#projectcontent {
	float: left;
	width:400px;
}

#projectpageright A, #projectcontent A {
	color: #3a5aa4;
	text-decoration: none;
	font-weight: bold;
}

#projectpageright a img {
border: 2px solid #FFFFFF;
}

#projectpageright a:hover img {
border: 2px solid #3a5aa4;
}

#thumbs {
	float: right;
	display:block;
	width:170px;
	margin-left:10px;
	text-align:right;
}
#thumbs br {
	clear: both;
}
#thumbs img {
}
#thumbs a {

}
#thumbs strong {
	display:block;
	padding-top:12px;
}
#indexmenusub br {
	clear: both;
}
#indexmenusub a {
	display: block;
	float: left;
	width: 90px;
	height: 90px;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	background-image:url(../images/smallblock.jpg);
	background-repeat:no-repeat;
	background-position: center center;

}

#indexmenusub .hover1:hover{
	background-image:url(../images/smallblockhover1.jpg);
}
#indexmenusub .hover2:hover{
	background-image:url(../images/smallblockhover2.jpg);
}
#indexmenusub .hover3:hover{
	background-image:url(../images/smallblockhover3.jpg);
}
#indexmenusub .hover4:hover{
	background-image:url(../images/smallblockhover4.jpg);
}
#indexmenusub .sel1 {
	background-image:url(../images/smallblockhover1.jpg);
}
#indexmenusub .sel2 {
	background-image:url(../images/smallblockhover2.jpg);
}
#indexmenusub .sel3 {
	background-image:url(../images/smallblockhover3.jpg);
}
#indexmenusub .sel4 {
	background-image:url(../images/smallblockhover4.jpg);
}

#indexmenusub strong {
	display:block;
	padding-top:12px;
}
#projectlijst {
	padding-top:20px;
	text-align:right;
	line-height: 20px;
	width:174px;
	display:block;
	clear:both;
}
.active {
	color: #3a5aa4;
	font-weight: bold;
}
#projectlijst a {
	margin-top:0px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}
.kop {
	color: #3a5aa4;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
#projectlijst a:hover {
	color: #3a5aa4;
}
#contentoverflow {
	height:500px;
	max-height:500px;
	overflow:auto;
	padding-right:10px;
}
#langdiv {
	position: absolute;
	top: 10px;
	right: 10px;
}
#langdiv a {
color: #fff;
text-decoration: none;
}

#langdiv a:hover {
text-decoration: underline;
}
#langdiv img {
	border: 0px;
	padding: 2px;
}