html, body{ 

 margin:0; 

 padding:0; 

 text-align:center;

 background: url(/site-layout/gfx/backgroundTile.jpg) repeat-y center;
 font: 13px/20px "Lucida Grande", Lucida, Verdana, sans-serif;

} 

 

#pagewidth{ 

 width:900px; 

 text-align:left;  

margin-left:auto; 

 margin-right:auto;  

} 

 

#leftcol{

 width:360px; 

 float:left; 

 position:relative;

  }

 

#maincol{

 float: right; 

 display:inline; 

 position: relative; 

 width:540px;

}

 

#footer{

 height:15px; 

 text-align: center;

 font-family: courier;

 color: #bdbdbd;

 font-size: 11px;

 width:900px; 

margin-left:auto; 

 margin-right:auto;

 clear: both;

 }







 

 /* *** Float containers fix:

 http://www.csscreator.com/attributes/containedfloat.php *** */ 

.clearfix:after {

 content: "."; 

 display: block; 

height: 0; 

 clear: both; 

 visibility: hidden;

 }

 

.clearfix{display: inline-block;}



/* Hides from IE-mac \*/

* html .clearfix{height: 1%;}

.clearfix{display: block;}

/* End hide from IE-mac */  





/* *** Navigation ***  */ 

#mainNav {

	width: 306px;

	height: 23px;

    background-color: white;

    display: block;

    padding-top: 30px;

}

div.outerHome {

	float: left;

	width: 47px; height: 23px;

	margin: 0 0 0 0;

	background: url( '/site-layout/gfx/mainNav/home.gif' ) 0 -23px no-repeat;

	}

div.outerHome a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	text-decoration: none;

	background: url( '/site-layout/gfx/mainNav/home.gif' ) top left no-repeat;

	outline: none;

	}

div.outerHome span {

	display: block;

	margin:0; padding: 0px;

	}

div.outerHome a:hover {

background-image: none;

	}

div.outerHome a:active {

	background: url( '/site-layout/gfx/mainNav/home.gif' ) 0 -46px no-repeat;

	}

div.outerPortfolio {

	float: left;

	width: 73px; height: 23px;

	margin: 0 0 0 0;

	background: url( '/site-layout/gfx/mainNav/portfolio.gif' ) 0 -23px no-repeat;

	}

div.outerPortfolio a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	text-decoration: none;

	background: url( '/site-layout/gfx/mainNav/portfolio.gif' ) top left no-repeat;

	outline: none;

	}

div.outerPortfolio span {

	display: block;

	margin:0; padding: 0px;

	}

div.outerPortfolio a:hover {

background-image: none;

	}

div.outerPortfolio a:active {

	background: url( '/site-layout/gfx/mainNav/portfolio.gif' ) 0 -46px no-repeat;

	}

div.outerInfo {

	float: left;

	width: 41px; height: 23px;

	margin: 0 0 0 0;

	background: url( '/site-layout/gfx/mainNav/info.gif' ) 0 -23px no-repeat;

	}

div.outerInfo a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	text-decoration: none;

	background: url( '/site-layout/gfx/mainNav/info.gif' ) top left no-repeat;

	outline: none;

	}

div.outerInfo span {

	display: block;

	margin:0; padding: 0px;

	}

div.outerInfo a:hover {

background-image: none;

	}

div.outerInfo a:active {

	background: url( '/site-layout/gfx/mainNav/info.gif' ) 0 -46px no-repeat;

	} 

div.outerContact {

	float: left;

	width: 66px; height: 23px;

	margin: 0 0 0 0;

	background: url( '/site-layout/gfx/mainNav/contact.gif' ) 0 -23px no-repeat;

	}

div.outerContact a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	text-decoration: none;

	background: url( '/site-layout/gfx/mainNav/contact.gif' ) top left no-repeat;

	outline: none;

	}

div.outerContact span {

	display: block;

	margin:0; padding: 0px;

	}

div.outerContact a:hover {

background-image: none;

	}

div.outerContact a:active {

	background: url( '/site-layout/gfx/mainNav/contact.gif' ) 0 -46px no-repeat;

	}  

div.outerLinks {

	float: left;

	width: 56px; height: 23px;

	margin: 0 0 0 0;

	background: url( '/site-layout/gfx/mainNav/links.gif' ) 0 -23px no-repeat;

	}

div.outerLinks a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	text-decoration: none;

	background: url( '/site-layout/gfx/mainNav/links.gif' ) top left no-repeat;

	outline: none;

	}

div.outerLinks span {

	display: block;

	margin:0; padding: 0px;

	}

div.outerLinks a:hover {

background-image: none;

	}

div.outerLinks a:active {

	background: url( '/site-layout/gfx/mainNav/links.gif' ) 0 -46px no-repeat;

	}

	

	div.outerInOpdracht {

	float: left;

	width: 88px; height: 23px;

	margin: 0 0 0 0;

	background: url( '/site-layout/gfx/inOpdracht.gif' ) 0 -23px no-repeat;

	}

div.outerInOpdracht a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	text-decoration: none;

	background: url( '/site-layout/gfx/inOpdracht.gif' ) top left no-repeat;

	outline: none;

	}

div.outerInOpdracht span {

	display: block;

	margin:0; padding: 0px;

	}

div.outerInOpdracht a:hover {

background-image: none;

	}

div.outerInOpdracht a:active {

	background: url( '/site-layout/gfx/inOpdracht.gif' ) 0 -46px no-repeat;

	}

	

	

	div.outerEigenWerk {

	float: left;

	width: 88px; height: 23px;

	margin: 0 0 0 0;

	background: url( '/site-layout/gfx/eigenWerk.gif' ) 0 -23px no-repeat;

	}

div.outerEigenWerk a {

	display: block;

	margin: 0; padding:0;

	width:100%; height:100%;

	overflow:hidden;

	text-decoration: none;

	background: url( '/site-layout/gfx/eigenWerk.gif' ) top left no-repeat;

	outline: none;

	}

div.outerEigenWerk span {

	display: block;

	margin:0; padding: 0px;

	}

div.outerEigenWerk a:hover {

background-image: none;

	}

div.outerEigenWerk a:active {

	background: url( '/site-layout/gfx/eigenWerk.gif' ) 0 -46px no-repeat;

	}



.mainContent {

	clear: left; 

	width: 430px; 

	color: #636467;

	font: 13px/20px "Lucida Grande", Lucida, Verdana, sans-serif;

	text-align: left;

}

a:link {

	color: #636467;

	text-decoration: underline;

}

a:visited {

	color: #636467;

	text-decoration: underline;

}

a:hover {

	color: #000;

	text-decoration: underline;

}

a:active {

	color: #000;

	text-decoration: underline;

}
.tabcontentstyle img {
	border: none;
}

.clientList {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size:11px; 
	line-height: 14px; 
	color: #bdbdbd;
}
.clientList a {
	text-decoration: none;
}

.clientList a:link {
}
.clientList a:visited {
	text-decoration: none;
}
.clientList a:hover {
	color: #000;
}


.newsTitle{

	color: #ED1C24;

} 
.successbox {
  	background-color: #e2e2e2;
        border:1px solid #d5d5d5;
        color: #000;
        width: 375px;
        padding: 5px;
        margin-bottom: 20px;

}
	  	  

 /*printer styles*/ 

 @media print{ 

/*hide the left column when printing*/ 

#leftcol{display:none;} 

#twocols, #maincol{width:100%; float:none;}

}