#wrap {width: 1024px;}
	#wrap {position: absolute; top: 50%; left: 50%; z-index: 1; margin : -300px auto auto -512px; }


    body {
        margin:0;
        padding:0;
        border:0;			
        width:100%;
		background:#1c1c1c;
        min-width:1024px;    
		font-family: arial, helvetica, verdana, sans-serif;		
    }

	#boven {
		position: absolute; 
		width: 100%; 
		height: 20%; 
		z-index: 0; 
		left: 0px; 
		top: 0px; 
		background:#2c2b29;
		}
	
	#onder {
		position: absolute; 
		width: 100%; 
		height: 22%; 
		z-index: 0; 
		left: 0px; 
		bottom: 0px; 
		background:#2c2b29;
		text-align:right;
		}
			
	#boven3 {
		position: absolute; 
		width: 100%; 
		height: 20%; 
		z-index: 0; 
		left: 0px; 
		top: 0px; 
		}

	#onder3 {
		position: absolute; 
		width: 100%; 
		height: 100px; 
		bottom:60px;
    	color:#666;
		font-family: arial, helvetica, sans-serif;
		font-size:11px;	
		text-aligncenter;
		z-index:9000;	
		}
		
	#onder3	a {
    	color:#666;
		text-decoration:none;
		font-family: arial, helvetica, sans-serif;
		font-size:11px;	
	}
	
	#onder3 a:hover {
		color:#999;
		text-decoration:none;
		font-family: arial, helvetica, sans-serif;
		font-size:11px;	
	}
    
	a {
    	color:#666;
		text-decoration:none;
	}
	
	a:hover {
		color:#fff;
		text-decoration:none;
	}
	
    h1, h2 {
        margin:5px 0 0 0;
        padding:0;
		color:#303030;	
		font-size:28px;
    }

    h3 {
        margin:10px 0 0 0;
        padding:0;
		color:#404040;	
		font-family: arial, helvetica, sans-serif;
		font-size:28px;		
    }


    #gallery h3 {
        margin:10px 0 0 0;
        padding:0;
		color:#1e1e1e;	
		font-family: arial, helvetica, sans-serif;
		font-size:28px;		
    }
      	
    #header {
        clear:both;
        float:left;
        width:100%;
        color:#666;	
		font-family: arial, helvetica, sans-serif;
		font-size:14px;	
		padding:10px 0 0 0;	
    }

	#header p,
	#header h1,
	#header h2 	{
	    padding:0 15px 0 15px;
        margin:0;
        font-size:14px;

	}

	#layoutdims {
		clear:both;
		margin:0;
		padding:6px 15px;
		text-align:right;
		font-size: 4px;
		color:#000;
		font-family: arial, helvetica, sans-serif;

	}
	
	.colmask {
		position:relative;		/* blijft alles in midden */
	    clear:both;
	    float:left;
        width:100%;				/* pagina breedte */
		overflow:hidden;		/* afkappen overhangende divs */
	}
	
	.holygrail {
	        					/* kolom rechts kleur hier plaatsen indien gewenst*/
	}
	
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-100px; 	/* breedte rechter kolom */
        position:relative;
        right:100%;
       						/* midden kolom kleur hier plaatsen indien gewenst*/
    }
  
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:400px;         	/* linker kolom breedte + rechter kolom breedte */
         				     	/* linker kolom kleur hier plaatsen indien gewenst*/
		font-size:14px;
		color:#fff;
		font-family: arial, helvetica, sans-serif;
    }
   
	.holygrail .colleft a {
    	color:#666;
		text-decoration:none;
		font-family: arial, helvetica, sans-serif;
		font-size:14px;

	}
	
	.holygrail .colleft a:hover {
		color:#fff;
		text-decoration:none;
		font-family: arial, helvetica, sans-serif;
		font-size:14px;
	}

		  
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:300px;        	/* breedte linker kolom */
	    height:520px;
	    
	}
	
	.holygrail .col1 {
        margin:0 0 0 105px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
	}
	
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:270px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:15px;         	/* Width of the left-had side padding on the left column */
        padding-top:0%;
    }
    
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:70px;        		/* Width of right column content (right column width minus left and right padding) */
        margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
              
	#footer {
        clear:both;
        float:left;
        width:100%;
		font-size:11px;
    }
    
	#copyright {
	position: absolute; 
	width: 50%; 
	height: 46px; 
	z-index: 1100; 
	left:0px; 
	top:530px;
	}
	
	#copyright img {	
	border:0;
	}
	
	#copyright2 {
	position: absolute; 
	width: 50%; 
	height: 46px; 
	z-index: 1100; 
	left:47px; 
	top:535px;
	}
	
	#copyright2 img {	
	border:0;
	}

	#update {
	position: absolute; 
	width: 50%; 
	height: 46px; 
	z-index: 1200; 
	right:17px; 
	top:559px;
	}
	
	#colofon {
		position: absolute; 
		width: 30%; 
		height: 20px; 
		right:35px; 
		bottom: -30px;
    	color:#666;
		font-family: arial, helvetica, sans-serif;
		font-size:11px;	
		text-align:right;
		z-index:9000;	
		}
		
	#colofon	a {
    	color:#666;
		text-decoration:none;
		font-family: arial, helvetica, sans-serif;
		font-size:11px;	
	}
	
	#colofon a:hover {
		color:#999;
		text-decoration:none;
		font-family: arial, helvetica, sans-serif;
		font-size:11px;	
	}
	
	#teller {
		position: absolute; 
		width: 3%; 
		height: 22px; 
		right:-35px; 
		bottom: -25px;
    	color:#666;
		font-family: arial, helvetica, sans-serif;
		font-size:11px;	
		text-align:right;
		z-index:1100;	
		}
  
	#gallery {width:724px; height:520px; position:relative; right:-160px; top:0; background:#111; font-family:verdana, arial, sans-serif;}
	#gallery ul {list-style:none; padding:18px 0 0 15px; margin:0; width:165px; float:right; height:440px; overflow:hidden; }
	#gallery ul li {display:inline; width:71px; height:47px; float:left; margin:0 6px 8px 0; cursor:pointer;}
	#gallery ul li img {display:block; width:71px; height:47px;}
	
	#gallery ul li span {display:none; position:absolute; left:35px; top:455px; width:480px;font-family:verdana, arial, sans-serif; color:#fff; font-size:11px; line-height:24px; text-align:center;}
	#gallery ul li span b {color:#404040; font-size:18px;font-family:verdana, arial, sans-serif; }
	
	/* required for IE5.x and IE6 to display the start image size correctly */
	#gallery ul li.click i img.default {margin:5px auto 0 auto; width:auto; height:320px; border:1px solid #121212;}
	
	#gallery ul li.off {display:none;}
	#gallery ul li.click {border-color:#fff; cursor:default;}
	#gallery ul li.click i {position:absolute; left:0; top:90px; width:555px; height:515px;}
	#gallery ul li.click i img {margin:5px auto 0 auto; width:auto; height:320px; border:1px solid #121212;}
	#gallery ul li.click span {display:block;}
		 
	#gallery ul li img.blank {margin:0 50px 0 50px; width:37px; height:38px; }
	
	#gallery a {
	    	color:#111;
			text-decoration:none;
			}
		
	#gallery a:hover {
			color:#fff;
			white-space:normal; 
			border:1px;
			text-decoration:none;
			}
	
	#next 	{
			position: absolute; 
			width: 170px; 
			height: 48px; 
			z-index: 800; 
			left: 611px; 
			top: 459px; 
			}
	
	#kop 	{
			position: absolute; 
			width: 400px; 
			height: 100px; 
			z-index: 1000; 
			left: 0px; 
			top: 0px; 
			padding:17px 0 0 163px;
			}
			
	#kop2	{
			position: absolute; 
			margin: 15px 0 0 161px; 
			width: 400px; 
			height: 100px; 
			z-index: 200;
			}
			
	#note	{
			position: absolute; 
			margin: 448px 0 0 120px; 
			padding: 0 0 0 120px; 
			width: 200px; 
			height: 100px; 
			color:#404040; 
			font-family: arial, helvetica, sans-serif; 
			font-size:18px; 
			z-index: 200;
			}

	#gallery2 {width: 720px; height: 520px; overflow:auto; float:right; margin-right: 35px; }
	#gallery2 ul { list-style:none; padding:0; margin:-4px 35px 0 0; width:170px; position: absolute; right: 0px; top: 15px; height: 490px; float:right; background: #111; }
	#gallery2 ul li {display:inline; width:73px; height:49px; float:left; padding:3px 3px;}
	#gallery2 ul li a {display:block; width:71px; height:47px; text-decoration:none; border:1px solid #121212;}
	#gallery2 ul li a img {display:block; width:71px; height:47px; border:0;}
	#gallery2 ul li a:hover {white-space:normal; border-color:#121212;}
	#gallery2 ul li a:hover img {position:absolute; right:195px; top:85px; width:auto; height:320px; border:1px solid #111; text-align:center;}
	#gallery2 {border: 2px solid #111; background: #111 url(site/0cat2.jpg);}
	
	#gallery2 ul li a.previous {background:url(site/up.png) no-repeat center center; padding:0px 73px 0px 4px; border:1px solid #111; }
	#gallery2 ul li a.previous:hover {background:url(site/upx.png); white-space:normal; border:1px solid #111;}
		
	#gallery2 ul li a.next {background:url(site/down.png) no-repeat center center; padding:0px 73px 0px 4px; border:1px solid #111;}
	#gallery2 ul li a.next:hover {background:url(site/downx.png); white-space:normal; border:1px solid #111;}
	
	#gallery2 p{ color:#fff; font-family: arial, helvetica, sans-serif; font-size:12px;}

	#tonen {display: none;} 
	a#huisje:hover #tonen {display: block; width: 485px; height: 60px; position: absolute; right: 195px; top: 430px; background:#121212; padding:3px; color: #fff; z-index:400;text-align:center;} 
	a#huisje:hover #tonen h3{ margin:10px 0 0 0; padding:0;color:#404040; font-family: arial, helvetica, sans-serif; font-size:18px; line-height:19px; }
	a#huisje:hover #tonen p{ color:#fff; font-family: arial, helvetica, sans-serif; font-size:12px;}

	#tonen1, #tonen2, #tonen3, #tonen4, #tonen5, #tonen6, #tonen7, #tonen8, #tonen9, #tonen10, #tonen11, #tonen12, #tonen13, #tonen14 {display: none;} 
	a#huisje1:hover #tonen1, a#huisje2:hover #tonen2, a#huisje3:hover #tonen3, a#huisje4:hover #tonen4, a#huisje5:hover #tonen5, a#huisje6:hover #tonen6, a#huisje7:hover #tonen7, a#huisje8:hover #tonen8, a#huisje9:hover #tonen9, a#huisje10:hover #tonen10, a#huisje11:hover #tonen11, a#huisje12:hover #tonen12, a#huisje13:hover #tonen13, a#huisje14:hover #tonen14 {display: block; width: 485px; height: 60px; position: absolute; right: 195px; top: 430px; background:#121212; padding:3px; color: #fff; z-index:400;text-align:center;} 
	a#huisje1:hover #tonen1 h3, a#huisje2:hover #tonen2 h3, a#huisje3:hover #tonen3 h3, a#huisje4:hover #tonen4 h3, a#huisje5:hover #tonen5 h3, a#huisje6:hover #tonen6 h3, a#huisje7:hover #tonen7 h3, a#huisje8:hover #tonen8 h3, a#huisje9:hover #tonen9 h3, a#huisje10:hover #tonen10 h3, a#huisje11:hover #tonen11 h3, a#huisje12:hover #tonen12 h3, a#huisje13:hover #tonen13 h3, a#huisje14:hover #tonen14 h3 { margin:10px 0 0 0; padding:0;color:#404040; font-family: arial, helvetica, sans-serif; font-size:18px; line-height:19px; }
	a#huisje1:hover #tonen1 p, a#huisje2:hover #tonen2 p, a#huisje3:hover #tonen3 p, a#huisje4:hover #tonen4 p, a#huisje5:hover #tonen5 p, a#huisje6:hover #tonen6 p, a#huisje7:hover #tonen7 p, a#huisje8:hover #tonen8 p, a#huisje9:hover #tonen9 p, a#huisje10:hover #tonen10 p, a#huisje11:hover #tonen11 p, a#huisje12:hover #tonen12 p, a#huisje13:hover #tonen13 p, a#huisje14:hover #tonen14 p { color:#fff; font-family: arial, helvetica, sans-serif; font-size:12px;}


	#gallery3 {width: 760px; height: 520px; overflow:auto; float:right; margin-right: 0px; }
	#gallery3 {border: 0px; background: url(site/hello.png);}
	
	#text {
		width: 724px; 
		height: 520px; 
		overflow:hidden; 
		float:right; 
		margin-right: 35px;
		background:#111;
		position:relative;
		}

	#spot {
		overflow:hidden; 
		position: absolute; 
		width: 263px; 
		height: 150px; 
		z-index: 9001; 
		left: 20px; 
		top: 350px;
		color:#666;
		font-size:13px;
		font-family:verdana, arial, sans-serif;

		}
		
	#month {
		width: 724px; 
		height: 520px; 
		overflow:hidden; 
		float:right; 
		margin-right: 35px;
		background:#111;
		position:relative;
		text-align: center;
		color:#404040;
		}
		
	#month img {
		width:auto;
		height:350px; 
		}

	#error {
		width: 724px; 
		height: 520px; 
		overflow:hidden; 
		float:right; 
		margin-right: 35px;
		background:#111;
		position:relative;
		text-align: center;
		color:#404040;
		}
		
	#error img {
		width:auto;
		height:350px; 
		}
				
	#textleft a, #textleft2a a, #textright a, #month a, spot a {
		color:#404040;
		text-decoration:none;
		font-size:11px;
		font-family:verdana, arial, sans-serif;
		}
	
	#textleft a:hover, #textleft2a a:hover, #textright a:hover, #month a:hover, spot a:hover {
		color:#fff;
		text-decoration:none;
		font-size:11px;
		font-family:verdana, arial, sans-serif;
		}
	
	#textleft {
		width: 46%;
		height: 100%;
		overflow: hidden;
		float:left;
		position:relative;
		text-align: justify;
		font-size:11px;
		font-family:verdana, arial, sans-serif;
		color:#404040;
		padding: 20px 0 20px 40px;
		}

	#textright {
		width: 42%;
		height: 96%;
		overflow: auto;
		float:right;
		position:relative;
		text-align: justify;
		font-size:11px;
		font-family:verdana, arial, sans-serif;
		color:#404040;
		padding: 20px 20px 0 0;
		}
		
	#textleftx {
		width: 46%;
		height: 100%;
		overflow: hidden;
		float:left;
		position:relative;
		text-align: justify;
		font-size:11px;
		font-family:verdana, arial, sans-serif;
		color:#404040;
		padding: 20px 0 20px 40px;
		}

	#textrightx {
		width: 42%;
		height: 96%;
		overflow: auto;
		float:right;
		position:relative;
		text-align: justify;
		font-size:11px;
		font-family:verdana, arial, sans-serif;
		color:#404040;
		padding: 20px 20px 0 0;
		}

	#textleftx a, #textrightx a{
		color:#404040;
		text-decoration:none;
		font-size:12px;
		font-family:verdana, arial, sans-serif;
		}
	
	#textleftx a:hover, #textrightx a:hover {
		color:#fff;
		text-decoration:none;
		font-size:12px;
		font-family:verdana, arial, sans-serif;
		}


	#textleft2a {
		width: 94%;
		height: 25px;
		overflow: auto;
		float:left;
		position:relative;
		text-align: justify;
		font-size:11px;
		font-family:verdana, arial, sans-serif;
		color:#404040;
		padding: 20px 0 20px 40px;
		}

	#text img {
		display:block; 
		margin:0 auto; 
		border:1px solid #111; 
		height:auto; 
		position:relative; 
		padding:0 20px 0 0;
		}
		
	#text #tonen {display: none;} 
	#text a#huisje:hover #tonen {display: block; width: 100px; height: 100px; position: absolute; left: 210px; top: 85px; z-index:900;}