/* CSS Document */

.hide{display:none;}

html, body{
	margin:0;
	padding:0;
	background:url(../afbeeldingen/body.gif);
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	}
#main{
	background:url(../afbeeldingen/header.jpg) no-repeat;
	margin:0 auto;
	margin-top:10px;
	width:736px;
	padding-top:175px; /* ja dit is de top */
	border-bottom:3px solid #3d838b;
	position:relative;
	font-size:70%;
	}
#phead{
	background:url(../afbeeldingen/phead.jpg);
	}
#content{
	background:url(../afbeeldingen/loop.jpg);
	padding:1px 20px 1px 230px;
	}

#content ul li{ margin-bottom:10px;}
	
#side{
	position:absolute;
	top:175px;
	left:25px;
	width:175px;
	}
/*------=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--------*/

h1{
	font-size:175%;
	margin:0 10px 10px 230px;
	color:#3e828b;
	}
#intro{
	margin:0 10px 0px 230px;
	padding-bottom:10px;
	}


h2{    font-size:110%;}


/*------=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--------*/
#side #nav{
	margin:0;
	margin-bottom:10px;
	padding:0;
	font-size:105%;
	background:#fafafa;
	border:1px solid #e0e0e0
	}
#side #nav:hover{ border:1px solid #bbb;}

#side #nav li{
	list-style:none;
	}
#side #nav a{
	display:block;
	padding:3px;
	margin:1px;
	width:165px;
	color:#555;
	text-decoration:none;
	font-weight:bold;
	background:white;
	}
#side #nav a:hover{
	background:#ebf1f1;
	color:black;
	}
	
.blok{
	border:1px solid #e5e5e5;
	margin:5px 1px;
	background:#eaeaea;
	padding:3px;
	color:#777;
	}
.blok:hover{
	border:1px solid #d5d5d5;
	color:black;
	}
div#footer{
	position:relative;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	padding:2px 0;
	color:#3d838b;
	font-family:tahoma, arial;
	font-size:60%;
	}	
div#footer a{color:#3d838b; text-decoration:none; margin-right:10px;}
div#footer a:hover{color:#eee; text-decoration:underline;}	
/*------=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=--------*/
#qagenda{
	position:absolute;
	top:16px;
	right:10px;
	width:210px;
	}
#qagenda ul {
	margin:10px 0 0 0;
	padding:0;
	}	
#qagenda ul li{	
	list-style:none;
	padding:2px 10px;
	font-weight:bold;
	color:#3e828b
	}
#qagenda span{
	display:block;
	border-top:1px solid #aaa;
	text-align:right;
	color:#555;
	font-weight:normal;
	font-family:tahoma;
	font-size:9px;
	}






#contact_form{
	margin-bottom:20px;
	}


#contact_form label{
    background:#eeeeee;
    padding:4px 8px;
    float:left;
    width:100px;
    display:block;
}

#contact_form input{
    margin:1px;
    border:1px solid #3f838c;
    }

#contact_form textarea{
    font-family:Arial, Helvetica, sans-serif;
    font-size:100%;
    width:60%;
    height:80px;
    }
.button{
    background:#e5edee;
	font-size:90%;
	}
.button:hover{
	background:#dae6e7;
	color:black;
	}

#fotoalbum{width:319px; margin-top:-35px !important; margin-top:-50px; margin-bottom:15px; float:right;}
#fotoalbum #big_img{
    width:311px; border:1px solid #428482; margin-bottom:10px; padding:1px;}

#fotoalbum .thumbnail img{
    border:1px solid #bababa;
	margin:0 2px;
	padding:1px;
    width:97px;}
	
#fotoalbum .thumbnail img:hover{ padding:0;border:2px solid #428482;}

	
.clear{clear:both;}


.albums{position:absolute; top:225px; width:180px; list-style:none; margin:0 0 0 -23px; padding:0;}
#content ul.albums li { width:100%; border-bottom:1px solid #eee; margin-bottom:-0px;}
.albums li:hover { border-left:5px solid #eee; }
.albums li a {text-decoration:none; color:#3e828b;padding:2px 2px 2px 12px; display:block; width:160px;}
.albums li a:hover {text-decoration:none; color:black; font-weight:bold;  }


.pfoot{font-size:110%; font-weight:bold; margin:10px; width:200px;position:relative; left:159px;}
.pfoot a{ color:#3e828b; padding:2px;}

.subnav{margin:0; padding:0;}
.subnav li a {width:146px!important; display:block; padding:0 0 0 25px!important; color:#999!important;}

#agenda{margin-bottom:25px; margin-top:-20px;}
#agenda h2{margin-bottom:0; padding-bottom:0; color:#777; margin-top:20px;}
#agenda p{margin:0; padding:0;}
#agenda p.date{font-size:90%; font-family:tahoma; margin-bottom:2px; border-bottom:1px solid #eee;}