@charset "UTF-8";
/* CSS Document */

html{
	overflow-y: scroll;
}

body{
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	margin:0px;
	padding:0px;
}

div#container{
	margin:0 auto;
	width:892px;
}

div#subContainer{
	position:relative;
	width:892px;
	height:100%;
	background-image:url(../images/background-border.png);
	background-repeat:no-repeat;
	float:left;
}

div#fotoHeader{
	position:relative;
	width:799px;
	height:420px;
	z-index:0;
	margin-top:30px;
	margin-left:47px;
}

div#mask{
	position:relative;
	width:846px;
	height:555px;
	background-image:url(../images/background-red-onder.png);
	z-index:0;
	margin-top:-195px;
}

div#logo{
	position:relative;
	width:370px;
	height:255px;
	background-image:url(../images/datum-logo.png);
	background-repeat:no-repeat;
	margin-top:-810px;
}

div#newDate{
	position:relative;
	width:150px;
	height:15px;
	margin:0px 0px 0px 80px;
	top:2px;
	color:#000;
}

div#date{
	position:relative;
	width:150px;
	height:50px;
	margin:10px 0px 0px 80px;
	color:#000;
}

div#date h4{
	font-size:18px;
}

div#containerLeft{
	position:relative;
	width:240px;
	height:100%;
	float:left;
	z-index:10;
}

div#menuTop{
	position:relative;
	width:160px;
	height:20px;
	background-image:url(../images/menu-top.png);
	margin:0px 0px 0px 65px;
	color:#000;
}
#menuTop a {
	text-decoration: none;
	color: #000000;
}

#menuTop a:hover {
	text-decoration: none;
	color: #000000;
}

.navPosition{
	padding-top:3px;
	margin:0px 0px 0px 5px;
}

div#menuDiv{
	position:relative;
	width:160px;
	margin:0px 0px 0px 65px;
}

div#menuFill{
	height:230px;
}

div#menuContentBack{
	position:relative;
	width:160px;
	height:202px;
	background-image:url(../images/menu-length.png);
	margin:0px 0px 0px 65px;
}

div#menuContent{
	margin:50px 0px 0px 5px;
	width:151px;
	height:225px;
}

div#containerRight{
	position:relative;
	width:600px;
	height:100%;
	float:left;
	z-index:20;
}

div#contentTop{
	position:relative;
	width:595px;
	height:40px;
	background-image:url(../images/content-top.png);
	color:#000;
	padding-top:1px;
}

div#contentTitel{
	position:relative;
	width:595px;
	height:0px;
	background-image:url(../images/content-titel.png);
	padding-top:5px;
}

div#contentBack{
	position:relative;
	width:595px;
	min-height:595px;
	background-image:url(../images/content-length.png);
}

div#content{
	padding:20px 0px 0px 40px;
	width:500px;
	height:100%;
}

div#album{
	width:500px;
	height:75px;
	padding:10px;
}

div#album:hover{
	background-color:#C13500;
	cursor:pointer;
}

div#albumTitel{
	float:left;
	padding:30px;
}

div#albumFoto{
	float:right;
}

div#albumFotoView img{
	float:left;
	margin:10px;
}

div#contentBottom{
	position:relative;
	width:595px;
	height:10px;
}

div#logos{
	display:none;
	position:absolute;
	bottom:-1px;
	width:100%;
}

div#extraBottom{
	display:block;
}

div#advertentiesBack{
	z-index:100;
	position:fixed;
	width:595px;
	height:96px;
	background-image:url(../images/content-length-bottom.png);
	bottom:0px;
}

div#advertenties{
	width:450px;
	height:50px;
	background:#FFF;
	margin:25px 0px 0px 70px;
}

hr{
	border:0px;
	border-top:#FFF 1px solid;
}

/* --- Nieuwsitems --- */
.nieuwsText {
	clear:both;
	float: none;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	margin-bottom: 20px;
}

.nieuwsImageHome {
	margin: 10px 10px 0 0;
	float: left;
}

.nieuwsDatumHome {

}

.nieuwsPHome {
	margin: 8px 0 0 0;
}

/* --- Nieuws items --- */
.nieuwsImage {
	margin: 15px 15px 0 0;
	float: left;
}

.nieuwsDatum {
	margin: 15px 0 0 0;
}

.nieuwsP {
	margin: 12px 0 0 0;
}

/* --- Lettertypes --- */

h1{
	margin:0px;
}

h2{
	font-size:1.4em;
	margin-bottom:10px;
	line-height:17px;
}

h3{
	font-size:31px;
	margin:-2px 5px 0px 0px;
	float:left;
}

h4{
	font-size:15px;
	margin:0px;
	float:left;
}

.grey{
	color:#555;
	float:left;
	margin:2px 0px 0px -45px;
}

h5{
	font-size:12px;
	margin:0px;
}

p{
	color:#FFF;
	font-size:12px;
	line-height:17px;
	margin:0px;
}

table{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	line-height:17px;
}

li{
	color:#FFF;
	font-size:12px;
	font-weight:normal;
}

a {
	text-decoration: underline;
	color: #fff;
}

a:hover {
	text-decoration: none;
	color: #fff;
}



/* --- jQuery --- */

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 160px;
}

ul#menu a {
  display: block;
  text-decoration: none;
  height:14px;
  font-size:12px;
}

ul#menu ul{
display:none;	
}

ul#menu li {
}

ul#menu li a {
  background-image:url(../images/menu-button.png);
  color: #fff;	
  padding: 3px 0px 3px 5px;
  font-weight:bold;
}

ul#menu li a:hover {
    background-image:url(../images/menu-button.png);
	color:#000;
}

ul#menu li ul li a {
  background-image:url(../images/menu-length.png);
  color: #FFF;
  padding-left: 20px;
  font-weight:normal;
}

ul#menu li ul li a:hover {
  background-image:url(../images/menu-length.png);
  color:#000;
}

/* --- jQuery slideshow --- */

.slideshow {
	margin: 0 auto;
}

.slideshow img{
	margin-top:5px;
	height:40px; 
	
	margin-left: 0px auto;
}

.slideshow a div{
	width: 450px;
	text-align: center;
}