﻿/*Gemaakt by Dorus. */

	
BODY {
	padding:0px; MARGIN: 0px; WIDTH: 100%; 
	BACKGROUND-IMAGE: url('../backje.jpg'); 
font : normal 12px "verdana", arial;
line-height : 18px;
color : #FFFFFF;
}

	
DIV.menus{
	position: absolute; left: 10px; top: 100px; width: 60px; height: 500px; 

	}

DIV.lijst1{
	position: absolute; left: 76px; top: 145px; width:157px; height:50px; z-index:1;

	}
DIV.lijst2{
	position: absolute; left: 76px; top: 245px; width:157px; height:50px; z-index:1;

	}

DIV.lijst3{
	position: absolute; left: 76px; top: 350px; width:157px; height:50px; z-index:1;

	}
	
DIV.lijst4{
	position: absolute; left: 76px; top: 450px; width:157px; height:50px; z-index:1;

	}
	
DIV.lijst5{
	position: absolute; left: 76px; top: 550px; width:157px; height:50px; z-index:1;

	}
	
DIV.lijn {
	position: absolute; top: 0px; left: 245px; width:5px; height:2000px; BACKGROUND-IMAGE: url(../lineback.jpg);
		}

				
DIV.tekst {
	position: absolute; left: 120px; top: 400px; width:700px ; height:50px; z-index:-1; 

	}

DIV.footer {
	position: absolute; left: 125px; top: 660px; width:700px ; height:20px; 
    Font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; Font-size:	9px;
	}
			
DIV.info {
	position: absolute; left: 10px; top: 100px; width:400px ; height:500px; 

	}
	
DIV.tekstgal {
	position: absolute; left: 10px; top: 700px; width:700px ; height:50px; 

	}


DIV.menu {
	position: absolute; left: 10px; top: 50px; width:700px ; height:50px; 

	}
	
DIV.plaatjes {
	position: absolute; left: 450px; top: 100px; width:250px ; height:500px; 

	}
	
			
/* general */

	
	
	h1, h2{
		font-size:180%;
		font-weight:normal;
		color:#555;
	}
	h2{
		font-size:140%;
	}	
	p{
		margin:1em 0;
	}
	p.text{
		width:500px;
	}	
	a{
		color:#f20;
		text-decoration:none;
	}
	a:hover{
		color:#999;
	}
	img{
		border:none;
	}

/* // general */

/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:5px;
		border:1px solid #999;	
		padding:2px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:75px;
		height:75px;
		line-height:75px;
		overflow:hidden;
		position:relative;
		z-index:1;		
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:0px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */

	/* clearing floats */
	
		ul#thumbs:after, li#thumbs:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */


/* single thumbnail */

	p.thumb{
		float:left;
		margin:.5em 0;
		margin-right:10px;
		border:1px solid #999;	
		padding:2px;
	}
	p.thumb a{
		display:block;
		float:left;
		width:75px;
		height:75px;
		line-height:75px;
		overflow:hidden;
		position:relative;
		z-index:100;	
	}	
	p.thumb a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */	

/* // single thumbnail */


FORM {FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-seriff}


INPUT 
{Font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; Font-size:	11px; 
 Border-style: solid; Background-color: #FFFFFF; Border-width: 1pt; 
 Border-Color: #000000;}

SELECT {FONT-SIZE: 9px; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif}
OPTION {FONT-SIZE: 9px; FONT-FAMILY: Verdana, Arial, Geneva, Helvetica, sans-serif}


A:link  { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #3399FF; text-decoration: none; cursor: hand }
A:visited { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #3399FF; text-decoration: none; cursor: hand }
A:active { font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #3399FF; text-decoration: none; cursor: hand }
A:hover {  font-size: 12px; font-weight: bold; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;color: #3399FF; text-decoration: none; cursor: hand}


.oldbrowser {display: none;}
