@import url(/libs/css/clear.css);
@import url(/libs/css/reset.v2.css);

html , body {
	www-position:		relative; /* BUG: IE print command trips on this */
	height:			100%;
	width:			100%;
	padding:		0;
	margin:			0;
	border:			0;
	cursor:			default;
	overflow:		hidden;
}

body {
	background:		#fff url(/imgs/html.actueel.bg.jpg) no-repeat left top;
	text-align:		left;
	font:			11px Arial;
	color:			#000;
}

select {
	font:			11px Arial;
}

.actueel {
	wpadding:		30px 0 10px 0;
}

.actueel a {
	color:			#000;
}

.actueel a.active {
	text-decoration:	none;
	font-weight:		bold;
}

.center {
	text-align:		center;
}




.actueel div.menu {
	position:		absolute;
	left:			100px;
	top:			0;
}

.actueel div.menu a {
	display:		block;
	width:			99px;
	height:			99px;
	text-decoration:	none;
	margin:			0 0 1px 0;
}

.actueel div.menu a.active , .actueel div.menu a:hover {
	background:		yellow;
}

.actueel div.menu a span {
	display:		block;
	padding:		10px;
}





h5 {
	font:			normal 11px Arial;
}

p {
	padding:		5px 0;
	clear:			both;
}





ul.overview	{margin:		0 0 10px 0; }
ul.overview li	{
	margin:			0 10px 5px 10px;
}
ul.overview li p {
	float:			left;
	padding:		0px;
	clear:			none;
	line-height:		18px;
}

ul.overview li p.right {
	width:			160px;
	text-align:		right; left; 
	margin:			0 5px 0 20px;
	color:			#aaa;
	float:			right;
}

ul.overview li p.left {
	background:		url(/imgs/arrow.small.right.gif) no-repeat 0px 7px;
	width:			350px;
	text-align:		left;
	margin-left:		10px;
	padding:		0 2px 0 12px;
}

ul.overview li.clickable:hover {
	background:		yellow;
	cursor:			pointer;
}

ul.overview li.clickable:hover .right {
	color:			#000;
}

ul.overview li.clickable a		{font-weight:		normal; }
ul.overview li.clickable a:hover	{text-decoration:	none; }

ul.overview li p.left.author {
	font-size:		14px;
	font-weight:		normal;
	color:			#666;
	padding:		0;
	margin:			20px 10px 0px 20px;
	background:		none;
	width:			auto;
}

ul.overview .first , ul.overview li p.left.first { /*** define p.left.first seperately to overwrite p.left.author ***/
	margin-top:		0px;
}

ul.overview li a {
	height:			18px;
	line-height:		18px;
	text-decoration:	none;
	font-weight:		bold;
}

ul.overview li a:hover {
	text-decoration:	underline;
}





.actueel div.content {
	position:		absolute;
	top:			100px;
	left:			200px;
	width:			600px;
	height:			400px;
	overflow:		auto;
	margin:			0;
	padding:		0;
}

.actueel div.topmenu {
	position:		absolute;
	top:			30px;
	left:			200px;
	width:			600px;
	text-align:		left;
}

.actueel div.topmenu h2 {
	margin:			10px 0 0 40px;
}

.actueel div.topmenu h2 img {
	vertical-align:		middle;
}

.actueel p.disclaimer {
	font-style:		italic;
	color:			#888;
}





.actueel div.topmenu p {
	margin:			0 0 0 40px;
	text-align:		left;
}

.actueel div.topmenu p img.prevNext {
	vertical-align:		middle;
	margin:			0 1px 2px 0;
}

.actueel div.topmenu p img.regBut {
	vertical-align:		middle;
	margin:			0 4px 2px 10px;
}

.actueel div.topmenu p img.inactive {
	opacity:		0.4;
	filter:			alpha(opacity=40);
}








/*
@media print {
	html , body {
		overflow:		visible;
		background:		#fff;
	}

	.actueel {
		padding:		30px 0 10px 0;
		padding:		0;
	}

	.actueel div.content {
		position:		relative;
		top:			0;
		left:			0;
		width:			auto;
		height:			auto;
		overflow:		visible;
	}

	.actueel div.menu	{display:none}
	.actueel div.topmenu	{display:none}
}
*/