/* 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%	
}

.leftcol {
	margin-left:20px;
	text-align:left;
	width:80%;
	float:left;
}

.midcol {
	margin:10px;
	text-align:left;
	width:30%;
	float:left;
}

.rechtsonder {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 8px;
}

.linksonder {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

/* videokader */

div.aap {
	margin:10px;
	border:1px solid #000000;
	height:225px;
	width:auto;
	float:left;
	text-align:center;
}

div.aap img {
	display:inline;
	margin:3px;
}

a.play {
	display:block;
	width:240px;
	height:180px; 
	text-align:center;
	margin:5px 5px 5px 5px;
	float:left;
	border:1px solid #999;
}

a.play img {
}

a.play:hover {
}

div.desc {
	text-align:center;
	font-weight:normal;
	width:250px;
}

/* alle divs */

div.kip {
	margin:2px;
	height:225px;
	width:auto;
	float:right;
	text-align:right;
}

div.kip-b {
	margin:2px;
	height:225px;
	width:auto;
	float:right;
	text-align:left;
}

div.noot {
	margin-top:20px;
	margin-bottom:30px;
	margin-right:50px;
	height:225px;
	width:auto;
	float:right;
	text-align:left;
}

#filed {
	margin-left:10px;
	width:70%;
	text-align:left;
}

/* tekst styling */

p.one {
	border-style:solid;
	border-width:1px;
	float:left;
	margin:2px;
	padding:5px;
}

p.two {
	border-top:solid;
	border-width:1px;
	float:left;
	margin:2px;
	padding:5px 250px 5px 5px;
}

p.three {
	float:left;
	margin:2px;
	padding:5px 250px 5px 5px;
}

/* alle links */

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.grey {text-decoration: none}
a.grey:link {color: grey; text-decoration: none}
a.grey:visited {color: grey; text-decoration: none}
a.grey:hover {color: #000000; text-decoration: none}
a.grey:active {color: #FFFFFF; text-decoration: none}

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

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

/* filed under lists */

ul {
	padding:0;
	margin:0;
	list-style:none;
}
	
li {
	float:left;
	position:relative;
	width:15em;
}

li ul {
	display:none;
	position:absolute; 
	top:1em;
	left:0;
}

li > ul {
	top:auto;
	left:10px;
}

li:hover ul {
	display:block;
}

/* list voor movies helemaal rechts */

#right ul {
	padding:0;
	margin:0;
	list-style:none;
}
	
#right li {
	position:relative;
	width:15em;
}

#right li ul {
	display:none;
	position:absolute; 
	top:1em;
	left:0;
}

#right li > ul {
	top:auto;
	left:10px;
}

#right li:hover ul {
	display:block;
}

/* dropdown list */

#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 32px;
	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;
}


/* oude */

.a {
 	margin-left: 5px;
}

.text {
	width: 95%;
 	margin-left: 2px;
}
	
.b {
 	margin-left: 5px;
}