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


	/* layout parameters */

html, body	
{
	background-color: #fec;
	border: 0;
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	line-height:20px;
	margin:0;
	padding:0;
	text-align:left;
}

div.structuur1, div.structuur2, div.structuur3, div.structuur4, div.structuur5, div.structuur6
{
	position: absolute;
	left: 0;
	top: 0;
	height: 124px;
	width: 100%;
	background: #413 url(../images/structuur1.jpg);
	z-index: 0;
}

div.structuur2
{
	background: #413 url(../images/structuur2.jpg);
}

div.structuur3
{
	background: #413 url(../images/structuur3.jpg);
}

div.structuur4
{
	background: #413 url(../images/structuur4.jpg);
}

div.structuur5
{
	background: #413 url(../images/structuur5.jpg);
}

div.structuur6
{
	background: #413 url(../images/structuur6.jpg);
}

div.naam
{
	position: absolute;
	left: 30px;
	top: 20px;
	height: 600px;
	width: 220px;
	background-color: #cab385;
	z-index: 5;
}

img.lessen
{
	position:absolute;
	left: 260px;
	top: 30px;
	height:28px;
	width:145px;
}


div.logo
{
	position: absolute;
	left: 100px;
	top: 22px;
	height: 700px;
	width: 800px;
	z-index: 1;

}

div.tekst
{
	position: absolute;
	left: 260px;
	top: 194px;
	width: 500px;
	height:420px;
	overflow: visible;
	z-index:15;
}

img.foto1, img.foto2, img.foto3, img.foto4, img.foto5, img.foto6, img.foto7, img.foto8, img.raku1, img.raku2, img.raku3, img.raku4, img.raku5, img.raku6, img.raku7, img.raku8, img.fotohome1, img.fotohome2, img.fotohome3
{
	position: absolute;
	left: 35px;
	top: 455px;
	z-index:12;
}

img.foto2
{
	left:255px;
}

img.foto3
{
	left:475px;
}

img.foto4
{
	left:695px;
}

img.foto5
{
	top: 194px;
	height: 420px;
}

img.foto6
{
	left: 120px;
	top: 190px;
	z-index:13;
}

img.foto7
{
	left: 530px;
	top: 330px;
	z-index:14;
}

img.foto8
{
	left:915px;
}


img.raku2
{
	top: 625px;
}

img.raku3
{
	top: 795px;
}

img.raku4
{
	top: 965px;
}

img.raku5
{
	top: 1135px;
}

img.raku6
{
	top: 1305px;
}

img.raku7
{
	top: 1475px;
}

img.raku8
{
	top: 1645px;
}

img.fotohome1
{
	left: 150px;
	top: 210px;
	z-index:13;
}

img.fotohome2
{
	left:525px;
}

img.fotohome3
{
	left:745px;
}

img.plattegrond
{
	position: absolute;
	left: 255px;
	top: 320px;
	height:300px;
	z-index:12;
	background:#fff;
}

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

}
	
h1	
{
    font-size:    16px;   
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height:20px;
}

h2	
{
    font-size: 12px;
}

h3
{
    text-transform: uppercase;
    font-size: 10px;   
    letter-spacing: 1px;
    display:inline;
}

p, table
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	font-size: 13px;
	color:#413;
	margin:0;
	font-weight: normal;
}
p.nadruk
{
	color:#a32;
}

table
{
	line-height:17px;
}


td
{
	vertical-align: top;
}

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


b
{
	font-weight:700;
}



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

a:link, a:visited 
{
	color:#413;
    font-size: 10px;   
    letter-spacing: 1px;
    
}

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

.ontwerp p, .ontwerp a:link, .ontwerp a:visited
{
	font-family: lucida, arial, helvetica, "Trebuchet MS", sans-serif;
	margin: 50px 0;
	color:#888;
	font-size: 9px;
    text-transform: uppercase;
    border:0;
    letter-spacing: 1px;
}

.ontwerp a:hover, .ontwerp a:active
{
	color:#fff;
	border-bottom: 1px solid #fff;
}

	/* navigatie */

div.navigatie
{
	position: absolute;
	left: 260px;
	top: 85px;
	height: 80px;
	width: 550px;
	z-index:10;
}


.button1, .button2, .button3, .button4, .button5, .button6, .hier1, .hier2, .hier3, .hier4, .hier5, .hier6
{
	float: left;
	height: 80px;
	width: 80px;
	margin: 0 10px 0 0;
}


a.button1:link, a.button1:visited
{
	background: url(../images/button_home.jpg) 0 0 no-repeat;
}


a.button1:hover, a.button1:active, .hier1
{
	background: url(../images/button_home.jpg) -80px 0 no-repeat;
}

a.button2:link, a.button2:visited
{
	background: url(../images/button_info.jpg) 0 0 no-repeat;
}


a.button2:hover, a.button2:active, .hier2
{
	background: url(../images/button_info.jpg) -80px 0 no-repeat;
}

a.button3:link, a.button3:visited
{
	background: url(../images/button_inhoud.jpg) 0 0 no-repeat;
}


a.button3:hover, a.button3:active, .hier3
{
	background: url(../images/button_inhoud.jpg) -80px 0 no-repeat;
}

a.button4:link, a.button4:visited
{
	background: url(../images/button_tjerk.jpg) 0 0 no-repeat;
}


a.button4:hover, a.button4:active, .hier4
{
	background: url(../images/button_tjerk.jpg) -80px 0 no-repeat;
}

a.button5:link, a.button5:visited
{
	background: url(../images/button_contact.jpg) 0 0 no-repeat;
}


a.button5:hover, a.button5:active, .hier5
{
	background: url(../images/button_contact.jpg) -80px 0 no-repeat;
}

a.button6:link, a.button6:visited
{
	background: url(../images/button_links.jpg) 0 0 no-repeat;
}


a.button6:hover, a.button6:active, .hier6
{
	background: url(../images/button_links.jpg) -80px 0 no-repeat;
}

span
{
	display: none;
}
span.nadruk
{
	display:inline;
	color:#a32;
}


div.navigatie2
{
	position: absolute;
	left: 35px;
	top: 195px;
	width: 210px;
	height:400px;
	overflow: auto;
	z-index:16;
	text-align: right;
}

div.navigatie2 a:link, div.navigatie2 a:visited
{
	text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none; 
    display: block;
    margin-bottom: 20px;
    font-size: 11px;
    color: #fff;
}


div.navigatie2 a:hover, div.navigatie2 a:active, div.navigatie2 a.hier:link, div.navigatie2 a.hier:visited
{
	color: #413;
}


.ontwerp
{
	position: absolute;
	left: 36px;
	top: 630px;
	color:#cab385;
	font-size: 9px;
    text-transform: uppercase;
    border:0;
    letter-spacing: 0px;
    z-index: 100;
    font-weight: 500;
    line-height: 10px;
}

a.omniafausta:link, a.omniafausta:visited
{
	color:#cab385;
	font-size: 9px;
    text-transform: uppercase;
    border:0;
    letter-spacing: 0px;
    text-decoration: none;
    font-weight: 500;
}

a.omniafausta:hover, a.omniafausta:active
{
	color:#413;
    text-decoration: underline;
}