html, body {margin: 0px; padding: 0px; width:100%; height: 100%; font-family: Arial, Helvetica, sans-serif; color: #b2b2b2; font-size: 12px; background: #FFF;}

img {border: 0;}
h1 {margin: 0 0 0 20px; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 24px; color: #875054;}
h2 {margin: 0 0 0 20px; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic; font-size: 16px; color: #875054;}

p {margin-top: 0; padding-right: 20px;		}
.clearIt {margin: 0; padding: 0; height: 0px; line-height: 0px; font-size: 0px; clear: both;}

.containerMain {margin: 0 auto; border: 0; padding: 0; width: 990px; height: 600px; background: url(../gfx/frontend/bgWebsite.jpg) no-repeat; text-align: left; position: relative;}
	.navigation {margin: 0; padding: 0; list-style-type: none; position: absolute; right: 258px; top: 66px;}
		.navigation li {margin: 0 0 0 5px; padding: 0; float: right;}
		.navigation li.last {margin: 0;}	
			.navigation li a {margin: 0; padding: 0; width: 116px; height: 21px; display: block; overflow: hidden; text-decoration: none; background: url(../gfx/frontend/navSprite.jpg);}
			.navigation li a.podivium { background-position: 0px 0px}
			.navigation li a.podivium:hover , .navigation li a.active.podivium{ background-position: 0px -21px}
			.navigation li a.grafisch {background-position: -116px 0px}
			.navigation li a.grafisch:hover , .navigation li a.active.grafisch { background-position: -116px -21px}
			.navigation li a.illustratie { background-position: -232px 0px}
			.navigation li a.illustratie:hover , .navigation li a.active.illustratie{ background-position: -232px -21px}
			.navigation li a.column { background-position: -348px 0px}
			.navigation li a.column:hover , .navigation li a.active.column { background-position: -348px -21px}
			.navigation li a.galerie { background-position: -464px 0px}
			.navigation li a.galerie:hover , .navigation li a.galerie.active{ background-position: -464px -21px}
			.navigation li a.contact { background-position: -580px 0px}
			.navigation li a.contact:hover , .navigation li a.contact.active{ background-position: -580px -21px}
	.subNavigation {margin: 0; padding: 0; list-style-type: none; position: absolute; position: absolute; top: 90px; right: 258px;}
		.subNavigation li {margin: 0; padding: 0; text-align: right; width: 120px;}
			.subNavigation li a {color: #993300; text-decoration: none; display: block; height: 20px;}
			.subNavigation li a:hover, .subNavigation li a.active {color: #993300; text-decoration: none; font-size: 14px; font-weight: bold;}
	.portfolioButtons {margin: 0; padding: 0; position: absolute; top: 456px; left: 628px;}
		.previous {margin: 0; padding: 0; display: block; width: 52px; height: 63px; position: absolute; top: 0px; left: 0px; background: url(../gfx/frontend/previous.jpg) no-repeat;}
		.previous:hover {background: url(../gfx/frontend/previousOver.jpg)}
		.next {margin: 0; padding: 0; display: block; width: 52px; height: 63px; position: absolute; top: 0px; left: 52px; background: url(../gfx/frontend/next.jpg) no-repeat;}
		.next:hover {background: url(../gfx/frontend/nextOver.jpg)}
	.rightContent {margin: 0; padding: 0; width: 242px; height: 360px; position: absolute; overflow-x: hidden; overflow-y: auto; left: 748px; top: 66px;}
	.leftContent {margin: 0; border: 0; padding: 0; width: 478px; height: 480px; position: absolute; overflow-x: hidden; overflow-y: auto; left: 132px; top: 100px;}
	.rightContent a, .leftContent a {color: #878787; text-decoration: underline;}