/*  General rules */
	
img
{
	display: block;
	border: 0px none white;
	margin: 0;
}


	/* layout parameters */

body	
{
	background: #ebdcb1 url(../images/achtergrond2.jpg) repeat-x;
	background-position: 0px 0;
	border: 0;
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	line-height:15px;
	margin:0;
	padding:0;
	text-align:left;
}

div.luis
{
	background: transparent url(../images/achtergrond1.jpg) no-repeat;
	position: absolute;
	top: 0;
	left:0;
	height: 750px;
	width:1210px;
	padding:0;
	z-index:0;
}

.luis span
{
	display:none;
}



.oprichting
{
	position:absolute;
	left:20px;
	top:180px;
	z-index:100;
	border:1px solid #fff;
	width:515px;
	height:470px;
	overflow:auto;
}




.lijst, .adres, .lijst2, .lijst3
{
	background: transparent url(../images/achtergrond3.jpg) no-repeat;
	background-position: -20px -180px;
	position:absolute;
	left:20px;
	top:180px;
	z-index:100;
	padding:10px;
	width:200px;
	height:450px;
	overflow:auto;
}

.lijst img, .lijst2 img, .lijst3 img
{
	margin-bottom:5px;
}

.lijst2
{
	background-position: -240px -180px;
	left:0px;
	top: 0px;
	z-index:100;
	padding:10px;
	width:200px;
	height:450px;
}

.lijst3
{
	left:140px;
	background-position: -140px -180px;
}

.adres
{
	width:300px;
	height:135px;
}

iframe, iframe.catalogi, iframe.plek2
{
	position: absolute;
	top:180px;
	left: 250px;
	border:0 solid #444;
	width:700px;
	height:470px;
	padding: 0;
	margin: 0;
}

iframe.keuzegroot
{
	position: absolute;
	top:0;
	left: 240px;
	border:0 solid #444;
	width:450px;
	height:470px;
	padding: 0;
	margin: 0;
}

iframe.plek2
{
	left:370px;
}

.intro
{
	position:absolute;
	left:20px;
	top:550px;
	width:900px;
	z-index:100;	
}

.onderschrift, .onderschrift2
{
	position: absolute;
	top:660px;
	left: 250px;
	border:0 solid #444;
	width:700px;
	height:20px;
	padding: 0;
	margin: 0;
}

.onderschrift2
{
	left:20px;
}

	/*  Typography */
	
h1, h2, h3, h4, h5, h6	
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-weight: 700;
	margin: 0;
	color:#467;

}
	
h1	
{
    font-size:    18px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
    line-height:25px;
}

h2	
{
    font-size:    12px;   
    letter-spacing: 1px;
    text-transform: uppercase;
	color:#467;
}

h3	
{
    font-size:    12px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom:5px;
	color:#a11;
      
}

h4
{
	font-size: 12px;
	color:#467;
	margin:0;
	font-weight: bold;
}

p
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-size: 12px;
	color:#467;
	margin:0;
	font-weight: normal;
}


small
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-size: 80%;
}	


b
{
	font-weight:700;
}

.intro p
{
	color:#a11;
	font-size:16px;
	line-height:20px;
}

.lijst span
{
	color:#9bb;
}

.onderschrift p, .onderschrift2 p
{
	text-align:right;
	font-size:11px;
	color:#467;
}



	/* General linkology */
	
a
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
}

a:link, a:visited 
{
	color:#467;

}


a:hover, a:active 
{
	color:#a11;
}


	/* navigatie */

div.navigatie
{
	position: absolute;
	left: 20px;
	top: 70px;
	z-index:1000;
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #bbb;
    width: 900px;
    line-height:25px;
}


div.navigatie a:link, div.navigatie a:visited, div.terug a:link, div.terug a:visited
{
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #467;
    margin-right: 3px;
	text-decoration: none; 
	border: 1px solid #fff;
	padding:3px 7px;
	background: #ebdcb1;
	font-weight: bold; 
}

div.navigatie a:hover, div.navigatie a:active, div.terug a:hover, div.terug a:active
{
	background:#467;
	color: #fff;
}

.hier
{
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 3px;
	line-height:16px;
	border: 1px solid #fff;
	padding:3px 7px;
	font-weight: bold; 
}

.lijst a:focus, .lijst2 a:focus
{
	color:#a11;
	-moz-outline:0px none #fff; 
	outline:0px none #fff;
	text-decoration:none;
}



div.navigatie2
{
	position: absolute;
	left: 20px;
	top: 180px;
	z-index:1000;
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    width: 150px;
    line-height:25px;
}


div.navigatie2 a:link, div.navigatie2 a:visited
{
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-right: 3px;
	text-decoration: none; 
	border: 1px solid #fff;
	padding:3px 7px;
	font-weight: bold; 
	background:#ebdcb1;
	color: #467;
}

div.navigatie2 a:hover, div.navigatie2 a:active
{
	background: #467;
    color: #fff;
}

.navigatie2 span.hier
{
	font-size: 10px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    margin-right: 3px;
	line-height:16px;
	border: 1px solid #fff;
	padding:3px 7px;
	font-weight: bold; 
	background-color:#d42;
}