@charset "UTF-8";
/* CSS Document */
/* Tessa CSS - JWM */
/* general styles */
body{
	font-family:Arial, Sans-Serif;
	font-size:12px;
	color:#666;
	margin:0px;
	
	padding: 0px;
	vertical-align:middle;
}
a {
color:#66cc00;
text-decoration:none;
}
a:hover {
color:#66cc00;
font-weight:bold;
}
ul.inline, ol.inline {
   list-style: none;
   padding: 0;
   margin: 0;
}
ul.inline li, ol.inline li {
   padding: 0;
   margin: 0;
   display: inline;
}
body.homepage {
}
body.design {
}
body.teaching {
	}
body.research {
	}
body.interests {
	}
body.contact {
	}
#logo {
	position: absolute;
	left: 110px;
	top: 22px;
	width: 466px;
	height: 50px;
	z-index: 5;
}
#navigatie {
	font-size:1.1em;
	font-style:bold;
	color:#666;
	position: absolute;
	left: 610px;
	top: 5px;
	width: 600px;
	height: 79px;
	z-index: 4;
	vertical-align:text-bottom;
	text-align:left;
}
#navigatie a{
	font-family: Gill Sans, Helvetica, Sans-Serif;
	font-style:bold;
	text-decoration:none;
	color:#666;	
	font-weight:normal;
	font-size:1.1em;
}	
#navigatie a:hover{
	color:#66cc00;
}

#navigatie tr{
vertical-align:bottom;
text-align:left;
line-height:11px;

}

/* Middenblok \*/

#middenblok
{
	position:absolute;
	width:777px;
	height:553px;
	left:117px;
	top:123px;
	z-index:30;
	background-color:#fff;
	border-color:#fff;
	border-width: 3px;
	border-style: solid;
}
#middenblok h2 {
font-size:12px;
font-decoration:none;
margin-bottom:10px;
margin-top:20px;

}
#middenblok .kop {
font-style:italic;
white-space: nowrap;
}
#middenblok p {
margin-bottom:10px;
margin-top:0px;
}
#middenblok_interests
{
	position:absolute;
	width:777px;
	height:553px;
	left:117px;
	top:85px;
	z-index:30;
	background-color:#fff;
	border-color:#fff;
	border-width: 3px;
	border-style: solid;
	}
	
#middenbloklong
{
	position:absolute;
	width:777px;
	height:617px;
	left:121px;
	top:123px;
	z-index:30;
	background-color:#fff;
	border-color:#fff;
	border-width: 3px;
	border-style: solid;
}
#middenbloklong h2 {
font-size:12px;
font-decoration:none;
margin-bottom:10px;
margin-top:20px;
white-space: nowrap;
display:inline;

}
#middenbloklong .kop {
font-style:italic;
white-space: nowrap;
}
#middenbloklong p {
margin-bottom:10px;
margin-top:0px;
}
.photography {
position:relative;
float:left;
padding:27px 27px 27px 27px;
border:0px;
}
#flashobject {
position:absolute;
z-index:10;
w-mode:transparant;
}
#rechterkant {
position:absolute;
top:12000px;
left:903px;
z-index:20;
}
#onderkant {
	position:absolute;
	top:12000px;
	left:119px;
	z-index:20;
}
#next {
position:absolute;
top:118px;
left:912px;
z-index:999;
font-family: Gill Sans, Helvetica, Sans-Serif;
font-size:2em;
color:#66cc00;
}
#next img {
border:0px;
}
#next a {
font-family: Gill Sans, Helvetica, Sans-Serif;
font-size:1.5empx;
color:#66cc00;
text-decoration:none;
font-weight:normal;
}
#toplaagmiddenblok
{
	position:absolute;
	width:700px;
	height:353px;
	left:120px;
	top:451px;
	z-index:40;
	margin-bottom:0px;
	margin-top:0px;
	  display: inline;
	
}
#toplaagmiddenblok h2 {
font-size:12px;
font-decoration:none;
margin-top:0px;
margin-bottom:10px;
white-space:nowrap;
  display: inline;
}
#toplaagmiddenblokboven
{
	position:absolute;
	width:460px;
	height:102px;
	left:120px;
	top:112px;
	z-index:40;
	margin:0px;
	padding:0px;
	color:#666;
	font-size:1em;
	font-style:italic;
	text-align:justify;
}
#toplaagmiddenblokboven h2 {
font-size:1.5em;
font-decoration:bold;
margin:0px;
margin:0px;
white-space:nowrap;
display: inline;
}


/* tagclouds */
#tagcloud {
 position:absolute;
 text-align:justify;
	width:450px;
	height:122px;
	left:120px;
	top:118px;
	z-index:40;
	margin:0px;
	padding:0px;
	color:#666;	
 font-size:2.2em;
 font-style:italic;
 color:#666;
 line-height:43px;
font-family:Gill Sans, Helvetica, Sans-Serif;
}

#tagcloud img {
border:none;
}
#tagcloud ul {
	width: 706px;
   text-align: center;
}

#tagcloud h1, #tagcloud h2, #tagcloud h3, #tagcloud h4, #tagcloud h5, #tagcloud h6 {
   
   display: inline;
	margin-top:10px;
   padding: 5px;
   font-weight: bold;
   font-size:1.2em;
   color:#666;
}

#tagcloud a{
   
   display: inline;
	margin-top:10px;
   padding: 5px;
   font-weight: bold;
   font-size:1.2em;
   color:#666;
}

#tagcloud a:hover{
   
   display: inline;
	margin-top:10px;
   padding: 5px;
   font-weight: bold;
   font-size:1.2em;
	color:#66cc00;
   
}



#tagcloud li a {
   padding: 12px 12px 12px 20px;
    color:#333;
	font-weight: normal;
   white-space: nowrap;
   text-decoration:none;
}

#tagcloud li a:hover {
   color: #66cc00;
}

#tagcloud li a img {
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
   height: 60px;
}

#tagcloud li a:hover img { opacity: 0.85; }
* html #tagcloud li a:hover img { filter:alpha(opacity: 85); }
*+html #tagcloud li a:hover img { filter:alpha(opacity: 85); }




#tagcloud a strong {
	color: #66cc00;
   font-weight: normal;
}

#tagcloud a:hover strong {
	color: #01294e;
}


/* Menu styles \*/
#subGroepen
 {font-family:Gill Sans, Helvetica, Sans-Serif;
	font-size:1em;
	color:#fffff;
	text-align:left;
}
#subGroepen a{
	font-family: Gill Sans, Helvetica, Sans-Serif;
	font-style:bold;
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
}
#subGroepen a:hover, a:focus {
	color:#666;
	font-weight:normal;
}
#subGroepen td {
	vertical-align:top;
}
#subGroepen table {
border:0px;
padding:0px;
margin:0px;
}
#subGroepen p {
margin-top:8px;
margin-bottom:0px;
}

#subGroep1 {
	position:absolute;
	width:214px;
	height:460px;
	left:601px;
	top:58px;
	visibility: hidden;
	z-index:999;
}
#subGroep2 {
	position:absolute;
	width:114px;
	left:654px;
	top:58px;
	visibility: hidden;
	z-index:998;
}
#subGroep3 {
	position:absolute;
	width:100px;
	left:709px;
	top:58px;
	visibility: hidden;
	z-index:997;
}
#subGroep4 {
	position:absolute;
	width:114px;
	left:782px;
	top:58px;
	visibility: hidden;
	z-index:996;
}
#subGroep5 {
	position:absolute;
	width:114px;
	left:848px;
	top:58px;
	visibility: hidden;
	z-index:995;
}
.subGroepMidden {
	background-color: #66cc00;
	width:80px;
	padding:8px;
	margin:8px;
	margin-right:3px;
	padding-right:3px;
	padding-top:0px;
	line-height:1em;
	margin-bottom:10px
}
#broodkruimelpad {
	position:absolute;
	width:777px;
	height:30px;
	left:118px;
	top:90px;
	z-index:200;
	font-family: Gill Sans, Helvetica, Sans-Serif;
	font-size:1em;
	font-style:bold;
	text-decoration:none;
	color:#66cc00;
}
#broodkruimelpad a {
font-family: Gill Sans, Helvetica, Sans-Serif;
	font-size:1em;
	font-style:bold;
	text-decoration:none;
	color:#66cc00;
}
#broodkruimelpad a:hover {
	font-family: Gill Sans, Helvetica, Sans-Serif;
	font-style:bold;
	text-decoration:none;
	font-weight:normal;
	font-size:1em;
}

#debodem {
	z-index:0;
	position: absolute;
	left: 1300px;
	top: 1300px;
	
}
#debodem a{
font-size:1px;
}
#copyright{
position:absolute;
top:616px;
left:121px;
font-family:Gill Sans, Helvetica, Sans Serif;
font-size:1em;
font-style:normal;
text-decoration:none;
color:#333;
z-index:100;
margin-bottom:30px;
padding-bottom:30px;
}
#achtergrondfilm {
position:absolute;
top:0px;
left:0px;
z-index:1000;
}