@charset "utf-8";
/* WdeB */


/*=================== basic ==========================*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

html, body {
	height: 100%; /* h��l belangrijk */
	font: 1.0em "Trebuchet MS", Verdana, Arial, sans-serif;
	background: brown url(../img/wood.jpg) repeat-x fixed;
	text-align: center;
}

/* ================ typo ====================== */

p{
	font-family: "Trebuchet MS";
	font-size: 1.0em;
	color: #CCCCCC;	
}

a{
	font-family: "Trebuchet MS";
	font-size: 1.1em;
	color: #CCCCCC;	
}

h2{
	font-family: "Trebuchet MS";
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
	margin-bottom: 30px;

}

h3{
	font-family: "Trebuchet MS";
	font-size: 1.3em;
	font-weight: bold;
	color: #0090C9;	
}

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}



/* ================ container ====================== */

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	min-height: 100%;
	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
	
}

/* ================ header ====================== */

#head{
	background-image: url(img/bg_head.png); behavior: url(iepngfix.htc);
	background-repeat: no-repeat;
	height: 372px;
	width: 960px;
}

/* ================ logo ====================== */

#logo{
	background-repeat: no-repeat;
	height: 140px;
	width: 140px;
	margin: -297px 0 0 -349px;
	position: absolute;
	left: 50%;
	background-image: url(img/logo.png); behavior: url(iepngfix.htc);
}



/* ================ nav ====================== */

#nav {
	width: 240px;
	height: 140px;
	margin: -295px 0 0 260px;
	position: absolute;
	background-image: url(img/bg_nav2.png);
	background-repeat: no-repeat;
}
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

#menu a {
	display: block;
	text-indent: -900%;
	outline: none;
}

#menu li{

}

#menu a:hover {
	background-position: 26px bottom;
	display: block;    
}

#menu .home {
	width: 240px;
	height: 26px;
	line-height: 26px;
	background-image: url(img/nav_home.png);
	margin: 0 0 0 0px;
	background-position: 26px 12px;
	background-repeat: no-repeat;
}

#menu .agenda {
	width: 240px;
	height: 26px;
	line-height: 26px;
	background-image: url(img/nav_agenda.png); 
	margin: 0 0 0 0px;
	background-position: 26px 12px;
	background-repeat: no-repeat;
}

#menu .photos {
	width: 240px;
	height: 26px;
	line-height: 26px;
	background-image: url(img/nav_photos.png); 
	margin: 0 0 0 0px;
	background-position: 26px 12px;
	background-repeat: no-repeat;
}
#menu .staff {
	width: 240px;
	height: 26px;
	line-height: 26px;
	background-image: url(img/nav_staff.png); 
	margin: 0 0 0 0px;
	background-position: 26px 12px;
	background-repeat: no-repeat;
}

#menu .contact {
	width: 240px;
	height: 26px;
	line-height: 26px;
	background-image: url(img/nav_contact.png); 
	margin: 0 0 0 0px;
	background-position: 26px 12px;
	background-repeat: no-repeat;
}


/* ================ content ====================== */

#content_container{
	background-image: url(img/bg_content.png); behavior: url(iepngfix.htc);
	background-repeat: repeat-y;
	padding: 0 180px 0 160px;
}
#content{
	width: 565px;
	min-height: 220px;
	margin: -190px 0 0 0;
	padding: 50px 0 260px 0;
}

#home{
	margin: 0px 0 0 -29px;
}

#agenda{
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

/* each item in agenda */
.agenda {
	margin-top: 20px;
}

/* ================ pictures ====================== */

#fotoalbum{
    width: 480px;
    height: 100%;
    float: left;
}

#sidebar {
    width: 160px;
    float: left;
    margin: 0 0 0 40px;
    padding-left: 10px;
}

.foto a {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 5px solid #111;
}

.foto a:hover {
    border: 5px solid #fff;
}

/*---------------PHOTO----------------------*/



	#dhtmlgoodies_slideshow{
			/* Total width of slideshow */


	}
	
	#previewPane{
	border:0px solid #52341E;
	margin-bottom:-2px;
	text-align:center;
	vertical-align:middle;
	padding-top:10px;
	position:relative;
	/* CSS HACK */
		height: 432px;	/* IE 5.x */
	height/* */:/**/420px;	/* Other browsers */
	height: /**/420px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
	font-family: "Trebuchet MS";
	font-size: 0.9em;
	color: #333333;
	text-align:center;		
	}
	#galleryContainer{
	height:102px;	/* Height of the images + 2 */
	border:0px solid #52341E;
	position:relative;
	overflow:hidden;
	padding:0px;
	/* CSS HACK */
		height: 102px;	/* IE 5.x - Added 2 pixels for border left and right */
	height/* */:/**/100px;	/* Other browsers */
	height: /**/100px;
	margin-bottom: 20px;				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		padding:0px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		padding:0px;		
	}
	#theImages{
		position:absolute;
		height:100px;
		left:40px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:0px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}

	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}
	
	#theImages .imageCaption{
		display:none;
	}

#album{
	min-height: 120px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

#album h3{
	width: 400px;
	float: left;
	

}

#album img{
	float: right;
}

/* ================ staff ====================== */

ul.staff {
   margin: 25px 0 0 0;
}

.staff li{
	float:left;
	width: 150px;
	height: 130px;
	margin: 40px 0 30px 2px;
}

.staff li #thumb{
	width: 120px;
	height: 120px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

.staff li #thumb img{
    margin-top: 10px;
/*  width: 120px;*/
}

#thumb a {
    width: 100px;
    height: 100px;
    display: block;
    float: left;
    overflow: hidden;
    margin: 5px;
    border: 5px solid #111;
    background-color: #111;
    text-align: center;
}

#thumb a:hover {
     border: 5px solid #fff;
}

/* ================ foot ====================== */

#foot {

	position: absolute;
	bottom: 0; /* heel belangrijk */
	width: 100%;
	height: 260px;
	text-align:center;
	background-image: url(img/bg_foot2.png); behavior: url(iepngfix.htc);
	left: 50%; 
	margin-left: -480px; 
z-index: 200;
}

#banner {
position: absolute;
bottom: 185px;
left: 50%;
margin-left: -270px;
width: 460px;
z-index: 500;
}

address {
color: #fff;
}