*			{margin: 0; padding: 0;}

a:link      {color: #2d932a; text-decoration: underline;}
a:visited   {color: #2d932a; text-decoration: underline;}
a:hover     {color: #2d932a; text-decoration: none;}
a:active	{color: #2d932a; text-decoration: none;}

p	       	{ font-family:Verdana, Arial, sans-serif; font-size: 9pt; color: #383838;line-height:1.8;padding: 0 15px;}
.small		{font-size: 7pt;margin-bottom: -7px; }

li	       	{ font-family:Verdana, Arial, sans-serif; 
			font-size: 9pt; 
			color: #383838; 
			margin-left:25px;
			margin-top:10px;
			line-height:1.8;
			list-style-image: url('./images/LI-dot.png');
			}

p.error 	{ font-family:Verdana, Arial, sans-serif; font-size: 9pt; color: #fe5f1b; border:none;}	

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

h1		 	{font-family:Verdana, Arial, sans-serif; 
			font-size: 14pt;
			font-weight: normal;
			font-style: normal;
			color: #fe5f1b;
			margin-bottom: 5px; 
			padding: 0 15px;
			}

h2		 	{font-family:Verdana, Arial, sans-serif; 
			font-size: 12pt;
			font-style: normal;
			font-weight: normal;
			color: #fe5f1b;
			margin-bottom: 0px;
			padding: 0 15px;
			}



body 		{background-color: #e1dddd; 	
			text-align: center;
			}

img		{border:none;}
			

/* tbv registratieform */
label.align_text	{float: left;
		width: 312px;
		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 : Verdana, Arial, Helvetica, sans-serif;
			font-size: 9pt;
			color:#2a2822;
			vertical-align: top;
			padding: 5px 5px 5px 0px;
			}
			
		

.ruimte	{margin-bottom: 3px;}


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

#header			{height:456px;
				width:1009px;
				position: relative;
				background: url('./images/header.png');
				z-index: 100;
				}

#logo 			{height:104px;
				left:37px;
				position:relative;
				top:33px;
				width:546px;
				}

#banner			{height:232px;
				left:51px;
				overflow:hidden;
				position:relative;
				top:55px;
				width:910px;
				}

#wegwijzer		{left:51px;
position:absolute;
top:201px;
z-index:10;}

#talen			{height:20px;
				position:absolute;
				right:0;
				top:115px;
				width:130px;}	



/* MENU */
#menu 		{background:url("./images/menu-bar.png") no-repeat scroll 0 0 transparent;
			height:31px;
			left:36px;
			position:relative;
			top:83px;
			width:940px;
			z-index:100;
			}

#menu ul, #menu li	{padding: 0;
			margin: 0;
			list-style: none;
			height: 31px;
			}

#menu ul li {margin: 0 0 0 0;
			float:left;
			display: block;
			}

#menu ul li:hover {background: url(./menu/active.png) no-repeat top left;
			}
			
#menu ul li a:link, #menu ul li a:visited{
			color: #FFFFCC;
			display:block;
			font-family:verdana,arial,sans-serif;
			font-size:12pt;
			font-weight:normal;
			line-height:29px;
			padding:0 15px;
			text-decoration:none;
			}

#menu ul li a:hover, #menu ul li a:active{
			color: #fd6525;
			}
			
#menu ul li:hover > a {color:#fd6525;}
			

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

#menu ul li.hassub {
			}

#menu ul li.hassub:hover {color: #ff0000;
			}
			
#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: url(./menu/active.png) no-repeat top left;
			}


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


#menu ul li ul	{
			width : 120px;
			display:none;
			position: absolute;
			z-index: 100;
			top:31px;
			display: none;
			}

#menu ul li ul li.sub{display: block;
			background: url(./menu/submenu.png) no-repeat 0 0;
			height:30px;
			width: 127px;
			text-align: left;
			z-index:100;
			}
			
#menu ul li ul li.sub:hover {background: url(./menu/submenu.png) no-repeat 0 -30px;

			}			
			
#menu ul li ul li.active{background: url(./menu/submenu.png) no-repeat 0 -30px;
			}
			

#menu ul li ul li a {display:block;
			font-family:verdana,arial,sans-serif;
			font-size: 12pt; 
			font-weight: normal;
			color: #FFFFCC;
			text-decoration: none;
			line-height:27px;
			}

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

#menu ul li ul li a:hover{color:#fd6525;
			}


/*einde menu*/



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

#achtergrond	{float:left;
				background-image: url(./images/body.png);
				background-repeat: repeat-y;
				text-align:left;
				font-family: Verdana; 
				width: 1009px;
				min-height: 548px;
				position: relative;
				}
				
#achtergrond_volg	{float:left;
				background-image: url(./images/body_volg.png);
				background-repeat: repeat-y;
				text-align:left;
				font-family: Verdana; 
				width: 1009px;
				min-height: 748px;
				position: relative;
				}				

#achtergrond-fill{float:left;
				background-image: url(./images/body.png);
				background-repeat: repeat-y;
				width: 1009px;
				height: 5px;
				position: relative;
				}
		
#leftcolumn		{float:left;
				left:36px;
				padding-right:20px;
				padding-top:27px;
				position:relative;
				width:600px;}
				
#leftcolumn h1, #leftcolumn h2, #leftcolumn p, #leftcolumn li {padding:0;} 				

#leftcolumn img	{padding-right:5px;}				


#rightcolumn	{float:left;
				width: 318px;
				position: relative;
				left:36px;
				padding-bottom:15px;
				}

#rightcolumn h1	{font-size: 11pt;
				font-weight: normal;}

#rightcolumn h2	{font-size: 9pt;
				font-weight: normal;}

#rightcolumn img	{margin:0 0 0 -15px;}
				
#rightcolumn table.adrestabel tr:hover	{background:#FFF;
					cursor:pointer;}				
				

#homekolom		{background:none repeat scroll 0 0 #FFFFCC;
				float:left;
				left:36px;
				top:8px;
				position:relative;
				width:300px;
				padding-top:15px;
				}
				
a.readmore		{left:254px;
				position:relative;
				top:17px;}				


#nieuwskolom	{float:left;
				width: 341px;
				left:62px;
				top:8px;
				position:relative;
				}

#nieuwskolom h1	{font-size: 11pt;
				font-weight: normal;
				padding:0;}
				
a.latestnews	{display: block;
				background: url('./images/nieuws-title.png') 0 0;
				height: 32px;
				width: 301px;
				font-family:Verdana, Arial, sans-serif; 
				font-size: 9pt; 
				color: #383838;
				line-height:31px;
				text-decoration: none;}				

a.latestnews:hover	{display: block;
				background: url('./images/nieuws-title.png') 0 -32px;
				}
				

#adreskolom		{float:left;
				width: 300px;
				left:36px;
				top:3px;
				position:relative;
				}
				
#adreskolom table.adrestabel tr:hover	{background:#FFFFCC;
					cursor:pointer;}				

#adreskolom h1	{font-size: 11pt;
				font-weight: normal;}



	
#footer 	{background-image: url(./images/footer.png);
			background-repeat: no-repeat;
			width: 1009px;
			height: 62px;
			clear:both;
			position: relative;
			}


#footer p		{color:#505050;
				font-family:Verdana;
				font-size:7pt;
				font-weight:normal;
				padding:20px 35px 0 0;
				text-align:right;
				text-decoration:none;
				}

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

#footer a:hover, #footer a:active{text-decoration: underline;
				}
		

/*fotoalbum*/

#thumbnails		{float: left;
				position: relative;
				left:0px;}
				
#thumbnails	IMG	{margin:2px;
				padding:0;}				
				
#thumboverlay	{position: absolute;
				left:0px;
				}
				
#thumboverlay IMG {background: url("./fotoalbum/overlay.png") no-repeat;
				height: 147px;
				width: 196px;
				margin: 2px;
				padding:0;}

#thumboverlay IMG:hover {background: none;
				height: 147px;
				width: 196px;
				padding:0;}


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:  #FFF;}

#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:  #FFF;}
    #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:  #FFF;}
        #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%;
					font-family:Verdana, Arial, sans-serif;}
        #cboxCurrent{position:absolute; bottom:-18px; left:58px; font-weight:bold; color:#7C7C7C;font-family:Verdana, Arial, sans-serif;}
        
        #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*/

		

		
