CSS Stylesheet


html {
	height: 100.5%;
	}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	line-height: 1.65em;
	color: #333;
	background-color:#000000;
	background-repeat: repeat-x; 
	}
	
#totaal{
	position: relative;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #fff;
	
	}
	
a {
	color: #06C;
	}
	
a:hover {
	color: #FFF;
	background-color: #06C;
	text-decoration: none;
	}
	


#banner {
	width: 980px;
	height: 150px;

	}

#banner img {
	position: absolute;
	top: 53px;
	left: 75px;
	padding: 0;
	margin: 0;
	width: 792px;
	height: 147px;
	}

#banner h1 img {
	border-style: none;
	}
	
#banner p img {
	position: absolute;
	top: 0px;
	}
	


#navigatiemenu {
	width: 980px;
	height: 2.2em;
	background-color: #000;
	padding: .5em 0 0 50px;
	margin: 0;
	}
	
#navigatiemenu li {
	font-weight: bold;
	color: #FFF;
	display: inline;
	padding: 5px 25px 5px 0;
	list-style-type: none;
	}
	
#navigatiemenu li a {
	color: #999;
	text-decoration: none;
	}
	
#navigatiemenu li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	}
	
#navigatiemenu li.active {
	font-weight: bold;
	color: #FFF;
	display: inline;
	padding: 5px 25px 5px 0;
	list-style-type: none;
	}
	
#navigatiemenu li.active a {
	color: #FFF;
	text-decoration: none;
	}
	
#navigatiemenu li.active a:hover {
	color: #CCC;
	text-decoration: none;
	background-color: #000;
	}
	


	
/* Body Content ------------------------------------*/

#paginabody {
	padding: 0;
	margin: 0;
	}
	
#paginabody hr {
	display: none;
	}
	
#paginabody h4 {
	font-size: 1.3em;
	padding: 0;
	margin: 0 40px 0 50px;
	}
	
#paginabody h3 {
	margin: 0 0 0 0px;
	padding: 0 0 0 0;
	}
	
#paginabody landschap.plaatje {
	margin: 0 0 0 0 ;
	padding: -100px 0px 0px 0;
	}


/* Single Column */

#paginabody .column {
	width: 320px;
	float: left;
	padding: 0 0 30px 0;
	height: 350px;
	}
	
#paginabody .column h4 {
	margin: 0 40px 0 50px;
	}
	
#paginabody .column h5 {
	margin: 5px 40px -5px 50px;
	padding: 0;
	font-size: 100%;
	color: #999;
	font-weight: normal;
	}
	
#paginabody .column p {
	margin: 5px 40px 5px 50px;
	}
	
#paginabody .column p.tekstruimte {
	margin: 5px 40px 20px 50px;
	}
	

	


#paginabody .columnDouble {
	width: 650px;
	padding: 0 0 10px 0;
	}
	
#paginabody .columnDouble h4 {
	margin: 30px 40px 0 50px;
	}
	
#paginabody .columnDouble h5 {
	margin: 5px 40px -5px 50px;
	padding: 0;
	font-size: 100%;
	color: #999;
	font-weight: normal;
	}
	
#paginabody .columnDouble p {
	margin: 5px 40px 5px 50px;
	}
	
#paginabody .columnDouble p.tekstruimte {
	margin: 5px 40px 20px 50px;
	}
	
/* Portfolio Project Wide Column */

#paginabody .portfolioColumn {
	width: 980px;
	padding: 0 0 10px 0;
	}
	
#paginabody .portfolioColumn h4 {
	margin: 30px 40px 0 40px;
	}
	
#paginabody .portfolioColumn h5 {
	margin: 5px 50px -5px 40px;
	padding: 0;
	font-size: 100%;
	color: #999;
	font-weight: normal;
	}
	
#paginabody .portfolioColumn p {
	line-height: 1.55em;
	margin: 5px 50px 10px 40px;
	color: #999;
	}
	
#paginabody .portfolioColumn p.tekstruimte {
	margin: 5px 40px 20px 40px;
	}
	
#paginabody .portfolioColumn .hero {
	float: left;
	padding: 30px 0 80px 50px;
	margin: 0;
	}
	
#paginabody .portfolioColumn .textDescription {
	float: right;
	width: 330px;
	}
	
#paginabody .portfolioColumn .textDescription img {
	padding: 20px 0 20px 0;
	margin: 0;
	}
	
/* Double Column Portfolio Landing Page */

	
#paginabody .columnDouble .pfThumb {
	float: left;
	padding: 30px 15px 15px 50px;
	width: 250px;
	}

#paginabody .columnDouble .pfThumb a img {
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	}
	
#paginabody .columnDouble .pfThumb a:hover img {
	border-width: 1px;
	border-color: #999;
	}

#paginabody .columnDouble .pfThumb p {
	padding: 6px 0 10px 0;
	margin: 0;
	background:  url("../../Ron%20Site/images/pf_thumb_link_bg.gif") no-repeat bottom;
	}
	
/* Home Side Box */
	
#homeBox {
	position: absolute;
	top: 361px;
	right: 50px;
	width: 240px;
	padding: 0;
	margin: 0;
	background:  url("../../Ron%20Site/images/sidebox_bg_top.gif") no-repeat left top;
	overflow: hidden;
	left: 690px;
	}
	
#homeBox h4 {
	padding: 25px 30px 10px 30px;
	margin: 0;
	}

#homeBox h5 {
	font-size: 1em;
	padding: 3px 30px 3px 30px;
	margin: 0;
	}
	
#homeBox p {
	padding: 3px 30px 3px 30px;
	margin: 0;
	}
	
#homeBox img {
	padding: 3px 30px 5px 30px;
	margin: 0;
	}
	
#homeBox .bottomBg {
	padding-bottom: 25px;
	background:  url("../../Ron%20Site/images/sidebox_bg_bottom.gif") no-repeat left bottom;
	}
	
/* Sub Side Box */
	
#subBox {
	position: absolute;
	top: 332px;
	right: 50px;
	width: 245px;
	padding: 0;
	margin: 0;




















































	border width: 1px; 
	overflow: hidden;
	left: 691px;
	height: 486px;
	visibility: visible;
	}

	
#subBox h4 {
	padding: 25px 30px 10px 30px;
	margin: 0;
	}

#subBox h5 {
	font-size: 1em;
	padding: 3px 30px 3px 30px;
	margin: 0;
	}
	
#subBox p {
	padding: 30px 30px 3px 30px;
	margin: 0;
	}
	

	
#subBox ul {
	padding: 3px 30px 3px 30px;
	margin: 0;
	}
	
#subBox ul li {
	padding: 0 0 0 15px;
	list-style-type: none;
	background:  url("../../Ron%20Site/images/bullet.gif") no-repeat left .65em;
	}
	

	


#voettekst {
	width: 980px;
	clear: both;
	background:  url("../../Ron%20Site/images/voettekst_bg_bottom.gif") no-repeat bottom;
	padding: 20px 0 20px 0;
	margin: 0;
	color: #999;
	}
	
#voettekst ul {
	margin: 0;
	padding: 15px 0 0 50px;
	background:  url("../../Ron%20Site/images/voettekst_bg_top.gif") no-repeat top;
	}
	
#voettekst li {
	display: inline;
	padding: 0 20px 0 15px;
	margin: 0;
	background:  url("../../Ron%20Site/images/bullet.gif") no-repeat left .45em;
	}
	
#voettekst hr {
	display: none;
	}