/* basic elements */
body {
	position: absolute;
	top: 2em;
	left: 3em;
	right: 3em;
	bottom: 2em;
	font-family: Verdana, Geneva, Arial, sans-serif;
	color: #000000;
	font-size: x-small;
	line-height: 150%
	}
a {text-decoration: none}
a:link {color: #000000; text-decoration: none}
a:visited {color: #000000; text-decoration: none}
a:hover {color: #000000; text-decoration: underline}
a:active {color: #FFFFFF; text-decoration: underline}
a.bloc:link {color: #000000; text-decoration: none}
a.bloc:visited {color: #000000; text-decoration: none}
a.bloc:hover {color: #000000; text-decoration: underline}
a.bloc:active {color: #FFFFFF; text-decoration: underline}

a.grey {text-decoration: none}
a.grey:link {color: grey; text-decoration: none}
a.grey:visited {color: grey; text-decoration: none}
a.grey:hover {color: grey; text-decoration: underline}
a.grey:active {color: #FFFFFF; text-decoration: underline}

a.drop {
color:#fff;
text-decoration:underline;
}

a.drop:hover {
color:#e80000;
text-decoration:none;
}
.indented {
	padding-left: 60pt;
	padding-right: 90pt;
	}
.quote {
	line-height: 200%;
	color: #5d665b;
	padding-left: 25pt;
	padding-right: 0pt;
	}
.foot {
	color: #5d665b;
	}
.foot A:link {color: #5d665b; text-decoration: none}
.foot A:visited {color: #5d665b; text-decoration: none}
.foot A:hover {color: #5d665b; text-decoration: underline}
.foot A:active {color: #FFFFFF; text-decoration: underline}

/* dropdown */

#drop {
margin:0;
padding:0;
height:1em;
}
#drop li {
list-style:none;
padding:4px 0 0 0;
}
#drop li a {
display:inline;
padding:0;
text-decoration:none;
}

#drop li ul {
display:none;
width:60em;
}
#drop li:hover ul {
display:inline;
position:absolute;
margin:0 0 0 3px;
padding:0;
}
#drop li:hover ul:hover {
}

#drop li:hover li {
float:none;
}
/* hover over bovenste element */
#drop li:hover li a {
}
/* hover over links in de list */
#drop li li a:hover {
margin:0 0 0 8px;
}

.leftcol  {
	text-align: left;
	width: 30%;
	float: left
	}

.main {
	margin:0 15px 0 0;
	width: 50%;
	float: left;
	}

.leftcoldraft {
	text-align: left;
	width: 25%;
	float: left
	}
.midcol {
	padding-left: 3px;
	width: 65%;
	float: left
	}
	
.midcoldraft {
	padding-left: 3px;
	width: 60%;
	float: left;
	}
.rightcol {
	padding-left: 3px;
	width: 12%;
	float: right;
	}
.img {
 	margin: 15px;
 	border: 1px solid #000000;
 	height: auto;
 	width: auto;
 	float: right;
 	text-align: center;
	}
.img img {
 	display: inline;
 	margin: 3px;
	border: 1px solid #FFFFFF;
	}
.img a:hover img {
	border: 1px solid #000000;
	}
.desc {
 	font-weight: normal;
 	width: 140px;
 	margin: 2px;
	}
.frontpage {
	position: absolute;
	bottom: 0px;
	right: 0px;
	}

.menu {
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
div.video {
  margin:10px;
  border:1px solid #000000;
  height:350px;
  width:auto;
  float:left;
  text-align:center;
  }

div.videodesc {
  text-align:left;
  font-weight:normal;
  width:325px;
  margin:10px;
  }



h1 {font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif}
h2 {font-size: small}
h3 {color: #5d665b; font-family: Courier}
h4 {letter-spacing: 0.5em; word-spacing: 0.5em}
h2.float-right {
	/* header element float */
	float: right;
	width: 0em;
	margin: -9 0 0 0.4em;
	padding-left: 0.4em;
	background: #FFFFFF;
	}
h2 A:link {color: #696969; text-decoration: none}
h2 A:visited {color: #696969; text-decoration: none}
h2 A:hover {color: #696969; text-decoration: none}
h2 A:active {color: #FFFFFF; text-decoration: underline}
h5 A:hover {border: 5px solid #FFFFFF}
p.depot {
	margin-top: ;/* undeclared default margin */
	padding: 10 0.4 0.4 0.4em;
	border-top: 2px solid #696969;
	}
p.txt {
	line-height: 200%;
	}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
#nav a {
	display: block;
	width: 20em;
	}
#nav li {
	float: left;
	width: 10em;
	}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}
#nav li:hover ul {
	left: auto;
	}