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


body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #546177;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

h2 {
	font-size:18px;
	font-style:italic;
	color:#000099;
}
	
.twoColFixRtHdr #container { 
	width: 920px;
	background: #FFFFFF url(images/bodyBGmain.jpg) repeat-y;
	margin: 30px auto;
	text-align: left;
} 

.twoColFixRtHdr #container-2 { 
	width: 920px;
	margin: 30px auto;
	text-align: left; 
} 

.twoColFixRtHdr #header { 
	height:132px;
	background: #DDDDDD url(images/Ontwerp_03.jpg) no-repeat; 
	padding: 0 10px 0 20px;
} 
.twoColFixRtHdr #header h1 {
	margin: 0;
	padding: 10px 0;
}

.twoColFixRtHdr #sidebar1 {
	float: right;
	width: 256px;
	background:#FFFFFF url(images/welkomBG.jpg) repeat-y;
	padding: 15px 20px 15px 20px;
}
.twoColFixRtHdr #mainContent { 
    float:left;
	width:615px;
	background:#6a8dd2;
	padding: 0px; 
	border-left:solid #FFFFFF 4px;
	border-right:solid #FFFFFF 5px;
} 

.twoColFixRtHdr #mainContent-2 { 
    float:left;
	width:912px;
	background:#6a8dd2;
	padding: 0px; 
	border-left:solid #FFFFFF 4px;
	border-right:solid #FFFFFF 4px;
	border-bottom:solid #FFFFFF 4px;
} 

.twoColFixRtHdr #mainHeaderImageHolder {
	background:url(images/Ontwerp_08.jpg);
	width:327px;
	height:60px;
	float:left;
	margin-left:-4px;
	
}

.twoColFixRtHdr #mainHeaderImage2Holder {
	background:url(images/headerfix.jpg) no-repeat;
	width:297px;
	height:218px;
	float:right;
	margin-right:-5px;
}

.twoColFixRtHdr #mainHeaderImage2Holder-2 {
	background:url(images/headerfix2.jpg) no-repeat;
	width:593px;
	height:17px;
	float:left;
	margin-right:-5px;
	z-index:1;
}

.twoColFixRtHdr #mainHolder1 {
	width:624px;
	}
	
.twoColFixRtHdr #mainHolder2 {
	width:621px;
	_width:615px;
    border-bottom:4px solid #FFFFFF;
	}
	
.twoColFixRtHdr #sloganHolder{
	background:#e6eaf0;
	width:298px;
	height:142px;
	margin:0px 0px 0px 10px;
	_margin:0px 0px 0px 5px;
	float:left;
	padding:15px 0px 0px 15px;
}

.twoColFixRtHdr #contactHolder{
	background:#e6eaf0;
	width:298px;
	height:142px;
	margin:0px 0px 0px 10px;
	_margin:0px 0px 0px 5px;
	float:left;
	padding:15px 0px 0px 15px;
}

.twoColFixRtHdr #thumbHolder{
	background:#e6eaf0;
	width:288px;
	margin:0px 0px 10px 10px;
	_margin:0px 0px 10px 5px;
	float:left;
	padding:0px 0px 25px 25px;
}

.twoColFixRtHdr #monoHolder {
	width:276px;
	float:left;
	height:200px;
	margin:17px 0px 0px 5px;
	_margin:17px 0px 0px 3px;
	background:#FFFFFF;
}

.twoColFixRtHdr #projectenIconHolder {
	width:155px;
	height:155px;
	float:left;
	margin:5px 0px 10px 10px;
	_margin:5px 0px 10px 5px;
	background:#FFFFFF;
}

.twoColFixRtHdr #follow-thumb{
	width:80px; 
	height:95px; 
	_height:85px;
	float:left;
	margin:0px 8px 8px 0px;
	background-color:#6a8dd1;
}

/*IE6.0 Hover oplossing*/
.twoColFixRtHdr #follow-thumb {
  behavior: url(hover.htc) 
}
 
.twoColFixRtHdr #follow-thumb:hover, #follow-thumb.hover {
	background-color:#FFFFFF;
}
/*Einde IE6.0 Hover oplossing*/

.twoColFixRtHdr #projectenTekstHolder {
	width:280px;
	height:135px;
	float:left;
	margin:5px 0px 0px 5px;
	background:#e6eaf0;
	padding:10px;
}

.twoColFixRtHdr #mainContactInfoHolder {
	font-size:11px;
	width:113px;
	height:139px;
	float:left;
	margin:5px 0px 0px 5px;
	background:#e6eaf0;
	padding:8px;
}

.twoColFixRtHdr #footer { 
	padding: 0 10px 0 20px; 
	background:#DDDDDD;
	height:71px;
	background:#FFFFFF url(images/Ontwerp_13.jpg) no-repeat; 
} 
.twoColFixRtHdr #footer p {
	margin: 0;
	padding: 10px 0;
}
	
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
 
/* vanaf hier de navigatie */


#navcontainer ul
{
margin:16px 0px 0px 0px;
_margin:0px 0px 0px 0px;
padding:93px 0px 0px 0px;
_padding:110px 0px 0px 0px;
color: White;
float:right;
width:550px;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { 
	display: inline; 
	margin:0px;
}

#navcontainer ul li a
{
padding: 0.2em 1em;
color: White;
text-decoration: none;
float: right;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background-color: #616989;
color: #fff;
margin:0px;
}