t@charset "utf-8";
/* CSS Document */


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	
	
}

#container {
width:955px;
height:640px;
margin:0 auto;
background-image:url(../images/background.jpg);


}

#header{
float:left;
width:955px;
height:10px;
background-color:#03435F;
}

#logo{
float:left;
width:485px;
height:90px;
background-image:url(../images/top_back.jpg);

}
#navigatie{
float:left;
width:469px;
height:90px;
background-image:url(../images/top_back.jpg);
}
#box_left{
float:left;
width:185px;
background-image:url(../images/left.jpg);
height:534px;

}

#box_left_sub1{
float:left ;
width:185px;
height:150px;
padding-top:30px;


}
#box_left_sub2{
float:left ;
width:185px;
height:240px;

}
#box_left_sub3{
float:left ;
width:185px;

}
#content{
float:left;
width:570px;
height:534px;

}
#portfolio{
float:left;
width:700px;
height:534px;
overflow:auto;

}

#box_right{
float:left;
width:200px;
height:534px;
overflow:auto;

}

#bottom{
background-color:#000033;
padding-top:1px;
height:15px;
width:955px;
margin:0 auto;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#1E3C59;

}
a:link {
	text-decoration: none;
	color: #1E3C59;
}
a:visited {
	text-decoration: none;
	color: #1E3C59;
}
a:hover {
	text-decoration: none;
	color: #cccccc;
}
a:active {
	text-decoration: none;
	color: #cccccc;
}

#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: lightyellow;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:1px solid black;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
border-right: 3px solid black;
border-bottom: 3px solid black;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: bold;
color: navy;
margin: 3px 8px;
}