html {
	height:100%; max-height:100%; padding:0; margin:0; border:0; font-family: Verdana, sans-serif; font-size:76%; background:white;
	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
	}

body, p, a { font-family: Verdana, sans-serif; font-size: 11px; line-height: 18px; color: #000; text-decoration: none; text-align: left; }

h1 { font-family: "Trebuchet MS"; font-size: 16px; color: #000; text-decoration: none; text-align: left; letter-spacing:0.05em; }

h2 { font-family: "Trebuchet MS"; font-size: 11px; color: #000; text-decoration: none; text-align: left; letter-spacing:0.05em; }

.maxi { font-family: Verdana, sans-serif; font-size: 12px; line-height: 16px; color: #000; text-decoration: none; text-align: center; }
.mini { font-family: Verdana, sans-serif; font-size: 10px; line-height: 15px; color: #000; text-decoration: none; text-align: center; }
#onzichtbaar { width: 1px; height:1px; background:white; }

.dik { font-family: "Trebuchet MS"; font-size: 16px; color: #000; text-decoration: none; text-align: left; letter-spacing:0.05em; }
a.dik:link, visited { font-family: "Trebuchet MS"; font-size: 16px; color: #000; text-decoration: none; text-align: left; letter-spacing:0.05em; }
a.dik:hover { color:#FF6600; }


/* deze div centreert alles */
#content {
	width: 972px;
	/* height: 488px; */
	height:100%;
	position: absolute;
	margin-right: auto;
	margin-left: -486px;
    margin-top: 15px;
   	left:50%;
	padding:0px;
	text-align:left;
	top:0;
	bottom:0;
	overflow:hidden;
	}



/* opbouw van de header */

#logo {
	position: absolute;
	width: 972px;
	height: 70px;
	margin-right: auto;
	margin-left: -486px;
	margin-top: 0px;
	left:50%;
	padding:0px;
	text-align:left;
	overflow: hidden;
	z-index:5; /* moet boven #content liggen */
}

#nav {
	position: absolute;
	width: 972px;
	height: 30px;
	margin-right: auto;
	margin-left: -486px;
	margin-top: 70px;
	left:50%;
	padding:0px;
	text-align:left;
	overflow: hidden;
	z-index:6; /* moet boven #content liggen */
}


/* de navigatie kolommen */

/* kolom 1 van 3, kolom 1 van 2 */
#nav_geweven { width:165px; position:absolute; margin-top: 110px; margin-left: 0px; }
#nav_gordijn { width:100px; position:absolute; margin-top: 110px; margin-left: 0px; }
#nav_vloerobjecten { width:290px; position:absolute; margin-top: 110px; margin-left: 0px; }
#nav_archief { width:140px; position:absolute; margin-top: 110px; margin-left: 0px; }

/* kolom 2 van 3 */
#nav_mazzo, #nav_mino { width:160px; position:absolute; top:110px; margin-left:100px; z-index:999;}

/* kolom 3 van 3, kolom 2 van 2 */
#nav_lagen_geweven { width:165px; position:absolute; margin-top:110px; margin-left:165px; }
#nav_lagen_mazzo { width:70px; position:absolute; margin-top:110px; margin-left:260px; }
#nav_lagen_vloerobjecten { width:40px; position:absolute; margin-top:110px; margin-left:290px; }
#nav_lagen_archief { width:190px; position:absolute; margin-top:110px; margin-left:140px; }

#nav_lagen a:focus, #nav_lagen a.aan { font-weight:bold; color:black;}
#nav_lagen_geweven a:focus, #nav_lagen_geweven a.aan { font-weight:bold; color:black;}
#nav_lagen_mazzo a:focus, #nav_lagen_mazzo a.aan { font-weight:bold; color:black;}
#nav_lagen_vloerobjecten a:focus, #nav_lagen_vloerobjecten a.aan { font-weight:bold; color:black;}
#nav_lagen_archief a:focus, #nav_lagen_archief a.aan { font-weight:bold; color:black;}
/*#nav_lagen_geweven a { font-weight:normal;  color:#666;}*/




ul { margin-left:-37px; margin-top:0px;}
li { list-style-position: outside; list-style-type: none; }

/* kolom 4 foto's en informatietekst */

#inhoud { margin-left: 335px; width:650px; position:absolute; top:110px; bottom:0; overflow-x:hidden; overflow-y:auto; }
#inhoud .inhoud { position:absolute; width:637px; overflow:auto; display:none; height:100%;  }
.inhoud { background:white; } /* background verbergt tevens laag00 */


a:link, div a:visited { color:#000000; text-decoration:none; border:none; }
a:hover { color:#FF6600; }
a.aan { font-weight:bold; color:#000000; }
a.uit { font-weight:normal; color:#666666;}

#nav ul {margin:0 40px 10px 0px; padding:0; list-style:none; white-space:nowrap; font-family: "Trebuchet MS"; letter-spacing: 0.1em; font-size:11px;}
#nav li { margin:0; padding:0; font-family: "Trebuchet MS"; letter-spacing: 0.1em; }
#nav li a, #nav li a:visited {float:left; color:#999999; display:block; padding:0px 25px 0px 0px; text-decoration:none; text-transform: uppercase; font-weight:normal; font-family: "Trebuchet MS"; letter-spacing: 0.1em; }



/* menu-items AAN in verticaal gordijnstoffen menu */




/* highlights bij klik op nav_horizontaal */
#home #nav a.home, #geweven #nav a.geweven, #gordijn #nav a.gordijn, #vloerobjecten #nav a.vloerobjecten, #archief #nav a.archief, #cv #nav a.cv, #info #nav a.info,

/* highlights bij klik op nav_geweven  */
#exercise #nav a.geweven, 	#exercise a.gw1,
#limbs #nav a.geweven,	    #limbs a.gw2,
#gentech #nav a.geweven,	#gentech a.gw3,
#compositie #nav a.geweven, #compositie a.gw4,
#plooien #nav a.geweven, 	#plooien a.gw5,
#knopen #nav a.geweven, 	#knopen a.gw6,
#onstuimigedromen #nav a.geweven,	#onstuimigedromen a.gw7,
#rodeduiveltjes #nav a.geweven,	    #rodeduiveltjes a.gw8,
#wandelendetakken #nav a.geweven,	#wandelendetakken a.gw9,
#rodewerken #nav a.geweven,	#rodewerken a.gw10,

/* highlights bij klik op nav_mazzo  */
#mazzo #nav a.gordijn, 	#mazzo a.g1,
#mino #nav a.gordijn, 	#mino a.g2,
#mara #nav a.gordijn,	#mara a.g3,
#mele #nav a.gordijn, 	#mele a.g4,
#moko #nav a.gordijn,	#moko a.g5,
#lang #nav a.gordijn,	#lang a.g6,

/* highlights bij klik op nav_vloerobjecten  */
#jongensdroom #nav a.vloerobjecten, 	#jongensdroom a.v1,
#mannenmysterie #nav a.vloerobjecten,	#mannenmysterie a.v2,
#mysteriemeisje #nav a.vloerobjecten,	#mysteriemeisje a.v3,
#geel #nav a.vloerobjecten,  #geel a.v4,
#blauw #nav a.vloerobjecten, #blauw a.v5,

/* highlights bij klik op nav_archief  */
#geplooideweefsels #nav a.archief, 	#geplooideweefsels a.a1,
#schilderijen #nav a.archief,	#schilderijen a.a2,

/* highlights bij klik soorten van gordijnfamilie zoals MAZZO en MINO */
#mazzo-modesto #nav a.gordijn, 	#mazzo-modesto a.mazzo1, 	#mazzo-modesto a.g1,
#mazzo-sovrapposto #nav a.gordijn, 	#mazzo-sovrapposto a.mazzo2, 	#mazzo-sovrapposto a.g1,
#mazzo-sfumato #nav a.gordijn, 	#mazzo-sfumato a.mazzo3, 		#mazzo-sfumato a.g1,
#mazzo-esteso #nav a.gordijn, 	#mazzo-esteso a.mazzo4, 		#mazzo-esteso a.g1,
#mazzo-rigato #nav a.gordijn, 	#mazzo-rigato a.mazzo5, 	#mazzo-rigato a.g1,
#mazzo-punteggiato #nav a.gordijn,	#mazzo-punteggiato a.mazzo6, 	#mazzo-punteggiato a.g1,
#mazzo-quadrettato #nav a.gordijn, #mazzo-quadrettato a.mazzo7, 	#mazzo-quadrettato a.g1,

#mino-modesto #nav a.gordijn, 	#mino-modesto a.mino1, 		#mino-modesto a.g2,
#mino-sovrapposto #nav a.gordijn, 	#mino-sovrapposto a.mino2, 		#mino-sovrapposto a.g2,
#mino-sfumato #nav a.gordijn, 	#mino-sfumato a.mino3, 		#mino-sfumato a.g2,
#mino-esteso #nav a.gordijn, 	#mino-esteso a.mino4,   		#mino-esteso a.g2,
#mino-rigato #nav a.gordijn, 	#mino-rigato a.mino5, 		#mino-rigato a.g2,
#mino-punteggiato #nav a.gordijn,	#mino-punteggiato a.mino6, 		#mino-punteggiato a.g2,
#mino-quadrettato #nav a.gordijn, 	#mino-quadrettato a.mino7, 	#mino-quadrettato a.g2



{ color:black; font-weight:bold;}