/* design by Rens van Dongen | bartklerks@mosymuis.nl | copyright 2006 */

html, body, img, table, td, th, form {
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	background: #FFFFFF url(./../graphics/backBalk.png) repeat-x scroll 0 27px;
	text-align: center;
	vertical-align: top;
	cursor: default;
}

body, input, textarea, select, tr {
	font-family: Verdana;
	font-size: 10pt;
	color: #374139;
	border: 0;
	letter-spacing: 0.4pt;
}

a:link, a:visited, a:active, a:hover { 
	color: #374139;
	text-decoration: underline;
}

a:hover {
	cursor: pointer;
}

#mainContainer {
	background: transparent url(./../graphics/backContent.png) no-repeat scroll top center;
	position: relative;
	width: 770px;
	height: 533px;
	margin: 0 auto;
}

#headerContainer {
	position: absolute;
	width: 750px;
	height: 266px;
	top: 0;
	left: 10px;
	background: #F69E19 url(./../graphics/backBanner.png) repeat scroll top left;
}

#graphicBanner {
	position: absolute;
	width: 750px;
	height: 212px;
	left: 0;
	top: 27px;
}

#kraanLogo {
	position: absolute;
	width: 141px;
	height: 143px;
	left: 15;
	top: 43px;
}

#contentBlock {
	position: absolute;
	width: 460px;
	left: 30px;
	top: 296px;
	text-align: justify;
}

#contentBlock p {
	margin: 0 0 20px;
}


#contentBlock h3 {
	text-align: right;

	margin-bottom: 5px;
	color: #F3A016;
}

#contentBlock p:first-letter {
	font-size: 300%;
	float: left;
	color: #F3A016;
}

#menuBlock {
	position: absolute;
	width: 230px;
	left: 500px;
	height: 100px;
	top: 296px;
	text-align: right;
}

#menuBlock a.menuPassive { 
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.3em;
}

#menuBlock a.menuActive, #menuBlock a.menuPassive:hover {
	color: #F3A016;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.3em;
}

#menuBlock img {
	vertical-align: middle;
	margin: 3px 0;
}

#fotoBlock {
	position: absolute;
	width: 230px;
	left: 500px;
	top: 420px;
	text-align: right;
	padding-bottom: 20px;
}

img.thumbNormal {
	width: 210px;
	height: 158px;
	border: 3px solid #FFFFFF;
}

#contentBlock img.thumbNormal {
	margin: 3px;
}

#overlayContainer {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}

#transparantieContainer {
	position: fixed;
	left: 0;
	top: 0;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
	-moz-opacity: .8;
	opacity: .8;
}

#popupFoto {
	border: 3px solid #F3A016;
	margin: 0 auto;
	width: 400px;
	height: 300px;
}

#fotoContainer {
	margin: 15px auto 10px;
	position: relative;
	width: 400px;
	height: 300px;
}

#fotoContainer a {
	position: absolute;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
}

#overlayContainer h2 {
	color: #000000;
}