*			{margin: 0; padding: 0;}

a:link      {color: #64557c; text-decoration: underline; font-size: 10pt;}
a:visited   {color: #64557c; text-decoration: underline; font-size: 10pt;}
a:hover     {color: #64557c; text-decoration: none;font-size: 10pt;}
a:active	{color: #64557c; text-decoration: underline;font-size: 10pt;}

p	       	{ font-family:georgia,garamond,serif; font-size: 10pt; color: #666666;padding-left:27px;}
#content-left p	{line-height: 18px;}
.small		{font-size: 7pt;margin-bottom: -7px; }
li	       	{ font-family:georgia,garamond,serif;  font-size: 10pt; color: #666666; margin-left:30px;}
p.error 	{ font-family:georgia,garamond,serif;  font-size: 10pt; color: #FF0000; border:none;}	

.error		{border-color: #FF0000;
			border-style: solid;
			border-width: 2px;}

h1		 	{ font-family:georgia,garamond,serif; 
			font-size: 13pt;
			color: #64557c; 
			font-weight:normal; 
			margin-bottom: 32px; 
			}

h2		 	{ font-family:georgia,garamond,serif; 
			font-size: 10pt; 
			font-weight:bold; 
			color: #3a3626; 
			margin-bottom: 0px;
			padding-left:27px;
			}

h3		 	{ font-family:georgia,garamond,serif; 
			font-size: 10pt; 
			font-weight:bold; 
			font-style: italic;
			color: #3a3626; 
			margin-bottom: 0px;
			padding-left:27px; 
			}

body 		{text-align: center;
			background-image: url(./images/background.jpg);
			background-repeat: repeat;
			}

img		{border:none;}
			
#main img			{border-width: 10px;
					border:solid;
					border-color : #FFFFFF;}	
			
#main img.statuspagina	{vertical-align:middle;
					border:none;
					border-width: 0px;}
					
#main img.thumbnail{border:solid;
					border-width: 1px;
					border-color : #000000;}


#main img.fonts	{vertical-align:middle;
				border:none;
				border-width: 0px;}

/* tbv registratieform */
label {
	cursor: pointer;
}

label.align_text	{float: left;
		width: 122px;
		text-align: left;
		padding-right: 3px;
		}

label.bevestig	{float: left;
		width: 180px;
		text-align: right;
		padding-right: 3px;
		font-weight: bold;
		cursor: default;
		}
/* --- */



textarea{ font-family: Verdana; font-size: 10pt; font-size: 10pt; color: #333333;}


table.border	{border:solid;
 			border-color : #c0c0c0;
 			border-width:1px;
 			width: 99%;
			}
			
td			{font-family : georgia,garamond,serif;;
			font-size: 8pt;
			color:#666666;
			vertical-align: top;
			padding: 5px 5px 5px 5px;
			}
			
		
label {
	cursor: pointer;
}



.ruimte	{margin-bottom: 3px;}


#wrapper	{text-align:left;
			margin:0 auto;
			width: 988px;
			min-height: 700px;
			}

#header		{background: url(./images/header.jpg) no-repeat left top;
			height:156px;
			width:988px;
			position: relative;
			}

#talen		{float:left;
			height:40px;
			left:48px;
			position:relative;
			top:78px;
			width:130px;
			}

p.talen		{font-size: 9px;
			font-weight: bold;
			padding: 0 0 6px 0;}



/* MENU */
#menu 		{left:90px;
			position:absolute;
			top:129px;
			z-index:15;
			height:22px;
			}


#menu ul, #menu li	{padding: 0;
			margin: 0;
			list-style: none;

			}

			
#menu ul li ul	{
			width : 120px;
			display:none;
			position: absolute;
			left: 0;
			top:27px;
			display: none;
			}
			

#menu ul li {display: block;
			background-image: url(./menu/passive.png);
			background-repeat: repeat-x;
			margin: 0 0 1px 0;
			float:left;
			min-width: 80px;
			height:28px;
			text-align: center;
			position:relative;}

		


#menu ul li:hover {background: url(./menu/active.png) no-repeat top center;
			}
			

#menu ul li a {
			font-family:georgia,garamond,serif; 
			font-size: 10pt;
			font-weight: bold; 
			color: #FFFFFF;
			text-decoration: none;
			text-indent:0px;
			line-height:22px;
			}

#menu ul li.active {background: none;
			}

#menu ul li.hassub {background: url(./menu/passive-closed.png) no-repeat top left;
			}

#menu ul li.hassub:hover {background: url(./menu/active.png) no-repeat top left;
			}
			
#menu ul li.hassub.open {background: none;
			}			

#menu ul li.hassub.open:hover {background: url(./menu/active.png) no-repeat top left;
			}			


#menu ul li.active.hassub {background: none;
			}


#menu ul li a.active, #menu ul li.hassub.open{color:#3a3626;
			}



#menu ul li ul li.sub{display: block;
			background-color: #ceaf8c;
			height:27px;
			width: 97px;
			margin: 1px 0 0 0;
			text-align: center;
				filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
			
			}
			
#menu ul li ul li.sub:hover {background-color: #ceaf8c;
			background-image: none;
			}			
			
#menu ul li ul li.active{background-color: #ceaf8c;
			background-image: none;}
			

#menu ul li ul li a {display:block;
			font-family:georgia,garamond,serif; 
			font-size: 10pt; 
			font-weight: normal;
			color: #FFFFFF;
			text-decoration: none;
			line-height:27px;
			}

#menu ul li ul li a.active {color:#3a3626;
			}

#menu ul li ul li a:hover{color:#3a3626;
			}


/*einde menu*/
			

/* Hack voor de min-height property tbv IE */	
.prop {  
    height:400px;
    float:right;
    width:1px;
  	}	

#achtergrond	{float:left;
				background-image: url(./images/body.jpg);
				background-repeat: repeat-y;
				text-align:left;
				font-family: Verdana; 
				width: 988px;
				min-height: 400px;
				}
		
#sidebar		{float:left;
				left:24px;
				position:relative;
				width:140px;
				}		
		
#content		{float:left;
				position: relative;
				left:24px;
				width: 800px;
				background:  url(./images/body-background.jpg) right top no-repeat;
				min-height: 502px;
				!height:502px;
				}

#headerline	{float:left;
				background:  url(./images/headerline.png) right top no-repeat;
				height:56px;
				width:492px;
				position:absolute;
				}

#content-left	{float: left;
				padding: 28px 0px 10px 20px;
				width: 400px;
				position: relative;
				left:0;
				top:0;}

#content-right	{float: left;
				padding: 56px 0px 10px 65px;
				width: 260px;
				position: relative;
				left:0;
				top:0;}

#content-both	{float: left;
				padding: 28px 0px 10px 20px;
				width: 687px;
				position: relative;
				left:0;
				top:0;}


/*fotoalbum*/

#thumbnails		{float: left;
				position: relative;
				left:27px;}
				
#thumbnails	IMG	{margin:2px;}				
				
#thumboverlay	{position: absolute;
				left:47px;
				}
				
#thumboverlay IMG {background: url("./fotoalbum/overlay.png") no-repeat;
				height: 125px;
				width: 161px;
				margin: 2px;}

#thumboverlay IMG:hover {background: none;
				height: 125px;
				width: 161px;}


table.lightboxfoto	{margin:0 0 0 0;
				padding:0;
				height:480px;
				width: 100%;}
				
table.lightboxnav	{margin:0 0 0 0;
				padding:0;
				height:55px;
				width: 100%;}				
				
td.LB_foto		{width: 460px;
				text-align: center;
				/*height: 490px;*/}				

img.LB_fotogroot	{border:none;}				

#lightbox	{height: 653px;
			width: 860px;
			background:  #e5c9a9;}

#LB_fotogroot	{height: 540px;
				width: 740px;
				position: relative;
				left:60px;
				top:55px;
				background:#fffaf5;}



/* START COLORBOX CSS */
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
#cboxWrapper{background:  #e5c9a9;}
    #cboxTopLeft{width:14px; height:14px; }
    #cboxTopCenter{height:14px; }
    #cboxTopRight{width:14px;}
    #cboxBottomLeft{width:14px; height:43px; }
    #cboxBottomCenter{height:66px; }
    #cboxBottomRight{width:14px; }
    #cboxMiddleLeft{width:14px; }
    #cboxMiddleRight{width:14px; }
    #cboxContent{background:  #e5c9a9;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{}
        #cboxLoadingGraphic{}
        #cboxTitle{bottom:-60px;
					color:#7C7C7C;
					font-size:14px;
					font-weight:normal;
					height:38px;
					left:0;
					line-height:1.5;
					position:absolute;
					text-align:center;
					width:100%;}
        #cboxCurrent{position:absolute; bottom:-18px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-20px; background:url(./fotoalbum/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
				
        
        /*#cboxClose{right:0; background-position:-100px -25px;}*/
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_off #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-125px 0px;}
/* EIND COLORBOX CSS */

/*EIND fotoalbum*/


/*Gastenboek*/

#gastenboek		{background: url("./gastenboek/back-body.png") repeat-y;
				max-width:709px;
				padding:12px 27px 0 0;
				width:736px;}

#write-gb		{background:#ECD5BD;
				height:148px;
				left:40px;
				position:relative;
				width:670px;
				margin:20px 0 0;}

div.berichtblok{background:#ECD5BD url("./gastenboek/icon.png") no-repeat 12px 13px;
				min-height:148px;
				left:40px;
				position:relative;
				width:670px;
				margin:20px 0 0;}


td.td-right		{text-align:right;
				font-size: 10pt;
				color:#64557c;
				font-weight: normal;}

p.gb-berichtkop		{padding:8px 10px 0 65px;}
p.gb-berichttekst	{padding:8px 10px 10px 65px;}

span.gb-datum	{font-size: 10pt;
				color:#64557c;
				font-weight: bold;}

span.gb-afzender	{font-size: 12pt;
				color:#64557c;
				font-weight: bold;}

.gb-input	{background-color: #f8f1e9;
			border: solid 1px #bdb8b3;
			font-family:georgia,garamond,serif;}

#write-gb textarea	{width:528px;}

/* EINDE gastenboek */

		
#footer {background-image: url(./images/footer.jpg);
			background-repeat: no-repeat;
			width: 988px;
			height: 74px;
		clear:both;
		}


#footer p	{color:#EDD6C0;
			font-family:Verdana;
			font-size:7pt;
			font-weight:normal;
			padding:26px 0 0 703px;
			text-decoration:none;
			}

#footer a:link, #footer a:visited {font-family: Verdana;
			font-weight: normal; 
			font-size: 7pt; 
			color: #EDD6C0; 
			padding-top:11px;
			text-decoration: none;
			}

#footer a:hover{font-family: Verdana;
			font-weight: normal; 
			font-size: 7pt; 
			color: #EDD6C0; 
			padding-top:11px;
			text-decoration: underline;
			}