html, body {margin: 0px; padding: 0px; width:100%; height: 100%; text-align: center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; background: url(../gfx/frontend/bgWebsite.jpg) no-repeat center top #000;}

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

p {}
hr {margin: 10px 0; color: #d3e8ff; background: #d3e8ff; height: 2px; border: 0px;}
.clearIt {margin: 0; padding: 0; height: 0px; line-height: 0px; font-size: 0px; clear: both;}

.containerMain {margin: 0 auto; border: 0; padding: 200px 0 0 0; width: 990px; text-align: left; position: relative;}
	.martin {margin: 0; padding: 0; width: 248px; height: 500px; background: url(../gfx/frontend/martinHendriksma.png) no-repeat; position: absolute; top: 0px; left: 0px; z-index: 90}
	.credits {margin: 0; padding: 0; font-size: 10px; position: absolute; top: 447px; left: 40px; color: #FFF;}
	#navigation {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 162px; left: 256px; width: 660px;}
		#navigation li {margin: 0; border-right: 1px solid #FFF; padding: 0 10px; float: left; height: 16px}
		#navigation li.first {padding: 0 10px 0 0;}
			#navigation li a {margin: 0; padding: 0px 0 6px; text-decoration: none; color: #FFF; display: inline-block;}
			#navigation li a:hover, #navigation li.active a {text-decoration: none; color: #d3e8ff; background: url(../gfx/frontend/hover.jpg) no-repeat center bottom;}
	.content {margin: 0 0 0 194px; border: 1px solid #FFF; padding: 20px 40px 40px 60px; width: 676px; min-height: 300px; position: relative; z-index: 10; background: #FFF; }
		.content a {color: #10519b; text-decoration: none;}
		.content a:hover {color: #10519b; text-decoration: underline;}