/* CSS Document */

.clear{
	width:960px;
	height:1px;
	clear:both;	
}


html, body{
	background-image:url(img/background.png);
	background-repeat:repeat-x;
	background-color:#eeefef;
	height:100%;
	
}

#wrapper{
	width:100%;	
	min-height:100%;
	
}

#innerwrap{
	margin: 0 auto;
	width:960px;		
	min-height:100%;
}

/* HEADER */

#header{
	width:960px;
	height:250px;
}

.logo{
	float:left;
}

#bannerFoto{
	float:right;
	background-image:url(img/bannerFoto.png);
	width:353px;
	height:250px;	
}

/* BANNER */


/* MENU */

#menu{
	width:960px;
	height: 50px;
	margin:0px;
	padding:0px;
}

ul.wp-menu{
	list-style:none;
	float:left;
	width:100%;
}

ul.wp-menu  li{
float:left; /* makes horiz list */
position:relative; /* hey Submenu ULs, appear below! */
}


ul.wp-menu a {
	display:block;
	width:192px;
	line-height:50px;
	color:#eee;
	text-align:left;
	color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	text-decoration:none;
	
}
 
.wp-menuBtnTxt{
	padding-left:40px;	
}
 
 
/* Style the link hover */
ul.wp-menu li:hover a {
	background:#FFF;
	color:#b60050;
}
 
/* Displays the link as blocks. */
ul.wp-menu li ul a {
	color:#0c318e;
	display:block;
	line-height:35px;
	border-bottom:2px solid #CCC;
	font-size:18px;	
}
 
/* sub menus!!  */
 
ul.wp-menu ul {
list-style: none;
margin:0;
padding:0;
width:192px;
position:absolute; /* needed */
z-index:2000;
}
 
ul.wp-menu li ul {
top:50px; /* Positioning:Calc with top level horz list height */
}
 
ul.wp-menu ul ul {
top:0;
left:100%; /* Position the sub menus to right. */
}
 
ul.wp-menu ul li {
float:none;
}
 
	/* Drop Down! */
 
/* Hide all the submenus */
ul.wp-menu ul,
ul.wp-menu li:hover ul ul,
ul.wp-menu ul li:hover ul ul
{ display: none; }
 
/* Display the submenus only when li are hovered */
ul.wp-menu li:hover ul,
ul.wp-menu ul li:hover ul ,
ul.wp-menu ul li ul li:hover ul
{ display: block;}
 
ul.wp-menu li * a:hover {
/* Change color of links when hovered */
color:#0c318e;

}



/* CONTENT */

#mainContent{
	height:100%;
	width:960px;
	z-index:1000;
	padding-bottom:100px;
}

#innerContent{
	padding-top:80px;
	padding-left:40px;
	padding-right:40px;	
}

/* FOOTER */



#footer {
	width:100%;
	height:110px;
	z-index:80;
	background-image:url(img/footer.png);
	background-repeat:repeat-x;
	background-position:center;
	position:absolute;
	bottom:20px;
}

#footerDots{
	border-top:2px dotted #666;
	width:100%;	
	height:1px;
	position:relative;
	top:50px;
}

#footerWrap{
	margin: 0 auto;
	width:960px;
	text-align:center;
	padding-top:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;	
}


/* gegevens pop-up */

.clearPopUp{
	width:400px;
	height:1px;
	clear:both;	
}

.infoWrap{
	width:150px;
	height:300px;	
}

.left{
	
	vertical-align:top;
	width:100px;
	color:#F00;	
}

.right{
	vertical-align:top;
	font-family:Arial, Helvetica, sans-serif;
}

#heerFoto{
	position:absolute;
	right:0px;
	top:0px;
	height:200px;
	width:140px;
	background-image:url(img/profileBackground.png);
}

#heerInnerFoto{
	position:relative;	
	top:5px;
	left:2px;
	width:118px;
	height:174px;
}

#gegevens{
	position:relative;
	margin-top:140px;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	
}

.leftColHeeren{
	width:33%;	
}

.midColHeeren{
	width:33%;	
}

.rightColHeeren{
	width:33%;	
}

.heerenTable{
	width:800px;
	line-height:36px;	
}

#title{
	width:250px;	
	height:50px;
	line-height:40px;
}