body{
	background-color: black;
	width: 98%;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans;
	font-size: .7em;
	color: white;
	position:absolute;
}
a img {
	border: none;
}
a {
	color: white;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
fieldset {
	border: none;
}
.logo {
	width:520px;
	margin:0 auto;
	text-align:center;
}
#pagewrap {
	width: 470px !important;
	width: 476px;
	height: 473px;
	margin: auto;
	overflow: hidden;
	background: black url('../images/logo2.gif') top left no-repeat;
	background-position: 0px 0px !important;
	background-position: 5px 0px;
}
#content {
	height: 510px;
	overflow: hidden;
	border: 5px solid white;
	background-color:#323232;
}
#backgroundcontent {
	height:450px;
	opacity:0.2;
	filter:alpha(opacity=20);
}
#backgroundcontent.nontransparant {
	opacity:1;
	filter:alpha(opacity=99);
}
#contentwrap {
	width: 520px;/*430?*/
	height: 520px;
	text-align: left;
	margin: auto;
	padding: 5px;
	background-color: #323232;
}
#contentheader {
	height: 60px;
	width: 100%;
	background-color: #517a63;
}
#pagecontent {
	padding: .5em .5em;
	margin-top:-440px;
	position:relative;
}
#hooymans {
	width: 140px;
	height: 140px;
	border: 4px solid white;
	position: absolute;
	margin-left: 160px;
	margin-top: 160px;
}
.pageblock {
	text-align: left;
	background: transparent url('../images/lijnen.gif') top left no-repeat;
	float: left;
	width: 140px;
	height: 140px;
	border: 4px solid white;
	margin: 4px;
}
.emptyblock {
	text-align: left;
	display: block;
	float: left;
	width: 140px;
	height: 140px;
	border: 4px solid white;
	margin: 4px;
}
.innerpageblock {
	height: 135px;
	padding: 5px 0 0 5px;
	overflow: hidden;
	position:relative;
}
/*
.innerpageblock .sifrlink{
	background:transparent url('../images/sifrlink.png') top left no-repeat;
	display: block;
	width: 140px;
	height: 24px;
	overflow: hidden;
	float: left;
}
*/
.blok {
	float: left;
	width: 100%;
	height: 120px;
}
#contentheader h2 {
	margin: 0;
	padding: 0;
	float: left;
}
#contentheader h2 embed,
#contentheader h2 object{
	width:384px !important;
}
.logoklein {
	margin: 4px;
	float: right;
}
#footer {
	width: 100%;
	margin: auto;
	text-align: center;
}
#hiddencontent {
	float: right;
	width: 100%;
}
#pageheading {
	width: 460px;
	text-align: left;
	margin: auto;
	padding-left: 60px;
	padding-right:60px;
}
#breadcrumbs {
	width: 460px;
	text-align: left;
	margin: auto;
}

span.lang_right {
    float:right;
}

.transparant {
	position:absolute;
	width:100%;
	height:25px;
	left:0;
	top:0;
	z-index:10;
	background:url('../images/transparent.png');
}

.sifrlink{
	text-indent: 2px;
	position:absolute;
	z-index:20;
	left:2px;
}
#contentheader h2 {
	text-indent: 10px;
	margin-top: 10px;
}
.previouslink {
	float: left;
	margin-top: 180px;
	height: 100%;
	margin-right: 10px;
}
.nextlink {
	float: right;
	margin-top: 180px;
	height: 100%;
	margin-right: 10px;
}
.textcontent {
	float: left;
	width: 480px;
	height: 430px;
	overflow-y: auto;
	overflow-x: hidden;
	padding:0px 7px;
}
.logoklein:hover {
	opacity: .6;
	filter: alpha(opacity=60);
}

#overview {
	width: 100%;
}
.breadcrumbs {
	width: 100%;
	float: right;
}
.breadcrumbs > div {
	width: 470px;
	margin: 0 auto;
	text-align: left;
	padding: 10px 0 40px 0;
}
/* 
	.valigncenterfloat pushes .wrapper down with the half of its (.wrapper) height.
	The height of the breadcrumbpath on the top is also taken into account
	since the height is always the same, this solution is sufficient
*/
.valigncenterfloat {
	position: relative;
	float:left; 
	height: 50%; 
	width: 100%;
	margin-bottom: -360px;
}
.wrapper {
	clear: both;
	height: 540px;
	position: relative;
	width: 100%;
}
.wrapper .inner {
	width: 960px;
	margin: 0 auto;
}
.inner .logo { display: block; width: 100%; padding: 0 0 30px 0; }
#cont .inner .logo { padding: 0 0 20px 40px; width: 920px; }

.inner .content {
	float: left;
	width: 226px;
	padding: 0 20px 0 0;
	text-align: right;
	line-height: 1.7em;
}
.inner ul.langswitch {
	clear: both;
	display: block;
	margin: 0 0 10px 0;
}
ul.langswitch li {
	display: inline;
}

#pagewrap { width: 470px; float: left; padding: 0 0 10px 0; }
#footer { clear: both; width: 100%; padding: 0 0 20px 0;  }

#contentwrap { float: left; }
.clear { clear: both; }

#cont .breadcrumbs > div { width: 520px; padding: 10px 0 40px 60px; }
#cont #footer { padding: 10px 0 10px 0; width: 905px; }

a.subscribe-newsletter { text-transform: uppercase; color: #ededed; text-decoration: underline; font-size: 10px; }
a.subscribe-newsletter:hover { text-decoration: none; }
#subscribe { background: #fff; padding: 10px 10px; width: 204px; }
#subscribe > div { background: #fff url("../images/subscribe-shadow.png") 0 0 no-repeat; width: 100%; padding: 0 0 10px 0; clear: both; height: 24px; }
#subscribe label { text-transform: uppercase; color: #000; background: #e3e4e4; display: block; width: 40px; float: left; height: 20px; padding: 2px 0 0 4px; font-size: 10px; text-align: left; }
#subscribe input[type='text'] { background: #e3e4e4; border: none; display: block; float: left; width: 160px; height: 20px; font-size: 10px; padding: 2px 0 0 0; color: #484848; }
#subscribe input[type='submit'] { background: #000 url("../images/subscribe-btn.png") right center no-repeat; text-transform: uppercase; color: #fff; border: none; font-size: 10px; padding: 2px 20px 2px 8px; text-align: left; }
#subscribe input[type='submit']:hover { cursor: pointer; }