/* CSS Document */
/*  
Version: Woest Producties
Author: Hoganord Studios
Author URI: http://www.hoganord.com 
*/
/*************************************
 +TABLE OF CONTENTS WOEST
 *************************************/
/*			
			Colour Info Scheme 561
			General
			Typography
			Header
			Navigation
			Container
			Sidebar
			Sidebar Navigation
			Info
			Main Content
			Footer
			Contact
			Forms
			Downloads
			Flash Content
			Gallery
			Fixes
			Thickbox
*/
/*************************************
 +COLOUR INFO WOEST
 *************************************/
/*
white:		#FFFFFF
grey:		#CCCCCC
pink:		#FF3399
black:		#151217 (bullets etc...)
*/
/*************************************
 +GENERAL
 *************************************/

* {
	margin:0; 
	padding:0;
	}
body {
	background:#FFFFFF (headergrunge.jpg) repeat-x;
	font-size: 62.5%; /* Resets 1em to 10px */
	}
	
/*************************************
 +TYPOGRAPHY
 *************************************/

strong {
	color:#FF3399;
	}
em {
	background-color:#FFFF33;
	}
h1, h2, h3, h4, h5, h6 {
	padding-bottom:1em;
	font: 1.2em/1.3 Courier, "American Typewriter", monospace;
	}
h1 {
	font-size:1.2em;
	color: #151217;
	}
h2 {
	color: #FF3399;
	}

h3 {
	color: #151217;
	}
h4 {
	color: #151217;
	padding-top: 1em;
	}
h5 {
	color: #151217;
	}
h6 {
	font: normal .8em Courier, "American Typewriter", monospace;
	color: #151217;
	}
.info {
	padding:30px 45px 40px 32px;
	}
h3.info {
	font: 1.7em/1.3 Courier, "American Typewriter", monospace;
	}
/*************************************
 +HEADER
 *************************************/
#header {
	margin:0 auto;
	width:62em;
	width:744px;
	height:10px;
	background:#FFFFFF;
	font: 1.2em/1.5 Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	position:relative
	}
#header h1 a span {
	position:absolute;
	top:0;
	left:0;
	width:439px;
	height:10px;
	}
/*************************************
 +NAVIGATION
 *************************************/
#nav {
	width:100%;
	background:#FFFFFF url(../images/line.gif) no-repeat bottom left;
	color:#819592;
	}
#menu {
	font: 1.2em/1.5 Courier, "American Typewriter", monospace;
	list-style-type:none;
	width:62em;
	margin:0 auto;
	max-width:99%;
	text-align:left;
	padding:0.65em 0;
	}
#menu li {
	display:inline;
	margin:0 0 0;
	padding:0.65em 0 0 2.8em;
	}
#menu li a {
	text-decoration:none;
	padding:0.65em 0;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#menu li a:link, #menu li a:visited {
	color:#151217;
	}
#menu li a:hover {
	color:#FF3399;
	background:transparent;
	}
#home #homenav a, #debat #debatnav a, #documentaire #documentairenav a, #onderzoek #onderzoeknav a, #contact #contactnav a, #comment #commentnav a {
	color:#FF3399;
	background:transparent;
	cursor:default;
	text-decoration:none;
	margin:0 0 2em;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
/*************************************
 +CONTAINER
 *************************************/
#container {
	margin:0 auto 0;
	width:62em;
	max-width:99%;
	background:#FFF url(../images/woest.gif) no-repeat bottom right;
	background-color:#FFFFFFF;
	xborder:1px solid #FFFFFFF;
	xborder-top:1px solid #000000;
	font: 1.2em/1.5 Courier, "American Typewriter", monospace;
	color:#151217;
	}
.whitehighlight {
	background-color:#FFFFFF;
	}
.yellowhighlight {
	background-color:#FFFF33;
	}
.rosehighlight {
	font: Courier, "American Typewriter", monospace;
	color:#FFFFFF;
	background-color:#FF3399;
	}
.credits {
	padding: 2px 4px 2px 4px;
	font: 1em/1.5 Courier, "American Typewriter", monospace;
	color:#FFFFFF;
	background-color:#FF3399;
	}
/*************************************
 +SIDEBAR
 *************************************/
#sidebar {
	width:35%;
	float:left;
	}
#sidecontent {
	padding:40px 0 20px 0px;
	}
#sidecontent img {
	font: normal Courier, "American Typewriter", monospace;
	color: #151217;
	padding: 5px 0px 0 0;
	}
/*************************************
 +SIDEBAR NAVIGATION
 *************************************/
#subnav {
	list-style-type:none;
	}
#subnav ul, #subnav2 ul {
	background:#FF6600;
	}
#subnav li, #subnav2 li {
	padding:.0 0 0 0;
	}
#subnav li a, #subnav2 li a {
	color:#151217;
	text-decoration:none;
	padding: 2px 2px 2px 2px;
	background:url(../images/lgrey.gif);
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#subnav li a:hover, #subnav2 li a:hover {
	color:#151217;
	background:url(../images/dgrey.gif)
	}
#subnav li a.active, #subnav2 li a.active {
	color:#FFFFFF;
	text-decoration:none;
	padding: 2px 2px 2px 2px;
	background:url(../images/rose.gif);
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#subnav2 {
	list-style-type:none;
	xmargin-top:1em;
	}
/*************************************
 +INFO
 *************************************/
.intro {
	padding-top:40px;
	padding-bottom:20px;
	}
div.intro {
	float:left;
	}
/*************************************
 +MAINCONTENT
 *************************************/
#main {
	width:65%;
	float:left;
	}
#maincontent {
	padding:35px 45px 40px 32px;
	}
#maincontent p {
	padding-bottom:1em;
	}
#maincontent blockquote {
	font: 1em/1.7em Courier, "American Typewriter", monospace;
	color: #151217;
	margin: 20px 0;
	padding: 0 20px 0 50px;
	border: none;
    background: #fff url('../images/quote.gif') no-repeat 10px 0;
	}
#maincontent blockquote cite {
	font-style:normal;
	margin: 5px 0 0;
	display: block;
	float:right;
	}
#maincontent hr {
	border: none 0;
	border-top: 1px solid #CCC;
	width: 100%;
	height: 1px;
	}
#maincontent img {
border:none;
	font: italic .8em Courier, "American Typewriter", monospace;
	background: #FFFFFF;
	padding: 0 5px 0 5px;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#maincontent h2 a:link {
	color:#FF3399;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#maincontent h2 a:visited {
	color:#151217;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#maincontent h2 a:hover {
	color:#151217;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#maincontent a:link {
	color:#FF3399;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#maincontent a:visited {
	color:#151217;
	text-decoration:none;
	}
#maincontent a:hover {
	color:#151217;
	text-decoration:none;
	}
#maincontent ul {
	list-style-type: none;
	padding: 0 0 2em 1.5em;
	margin: 0;
	font: 1em/1.7em Courier, "American Typewriter", monospace;
	}
#maincontent ul li {
	padding: 0.1em 0 0 1.5em;
	background: url(../images/bullet.gif) no-repeat left 0.5em;
	}
#maincontent .trailer {
	xfloat: left;
	position:absolute;
	margin-left: -160px;
	}
#maincontent .film {
	font-size: .8em;
	color: #8B7355;
	margin-bottom: 1em;
	}
#maincontent table {
	width: 80%;
	margin: 1em auto 1.5em;
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	color: #8B7355;
	border-bottom: 1px solid #E5E5C3;
	clear: both;
	}
#maincontent table tr td {
	border-top: 1px solid #E5E5C3;
	padding: 5px 10px;
	}
/*************************************
 +FOOTER
 *************************************/
#footer {
	background:#FFFFFF /* url(img/bottomright.gif) no-repeat bottom right*/;
	width:62em;
	max-width:99%;
	margin:0 auto 20px;
	font: 1.2em/1.5 Courier, "American Typewriter", monospace;
	color:#151217;
	}
#footer ul {
	padding:20px 40px 0px 32px;
	list-style-type:none;
	}
#footer ul li {
	display:inline;
	padding-right:.5em;
	}
#footer ul li a {
	color:#151217;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#footer ul li a:hover {
	color:#FF3399;
	}
#footer p {
	/* background:transparent url(img/bottomleft.gif) no-repeat bottom left;*/
	padding:0 40px 5px;
	color:#151217;
	}
#footer p a {
	color:#151217;
	text-decoration:none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
#footer p a:hover {
	color:#FF3399;
	}
/*************************************
 +CONTACT
 *************************************/
#contact #sidebar {
	width: 35%;
	}
#contact #main {
	width: 65%;
	}
address {
	font-style:normal;
	}
/*************************************
 +FORMS
 *************************************/
form {
	padding: 0px 15px;
	}
form input, form textarea {
	width:345px;
	padding:1px 2px;
	border: 1px solid #CFC49E;
	}
form input.error, form textarea.error {
	border: 1px solid #EE0000;
	}
form label.error {
	color: #EE0000;
	}
.alert-box {
	position:relative;
	width:345px;
	border:1px solid #EE0000;
	color:#EE0000;
	padding:5px;
	background-color:#ffffff;
	}
.alert-box h1{
	font: 1em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color:#EE0000;
	padding:0;
	margin:5px 0 5px 0;
	}
.alert-box ul{
	list-style-type: none;
	padding: 0 0 1.5em;
	margin: 0;
	}
form input.button {
	border: 1px solid #CFC49E;
	background-color:#FFF;
	color:#CFC49E;
	cursor:hand;
	width:auto;
	}
form input.button-over {
	border: 1px solid #CFC49E;
	background-color:#FFF;
	color:#8A6850;
	cursor:hand;
	width:auto;
	}
form p {
	margin:0;
	padding:0;
	}
p.sent {
	padding:0px;
	}
/*************************************
 +DOWNLOADS
 *************************************/
.downloadmetadata ul, .downloadmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
.downloadmetadata {
	clear: left;
	}
.downloadmeta{
	font-size:1em;
	}
.formatpdf{
	background:#fff url(../images/pdficon.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
.formatword{
	background:#fff url(../images/wordicon.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
.formattext{
	background:#fff url(../images/texticon.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
.filesize{
	background:#fff url(../images/packaged.gif) no-repeat 3px;
	padding:3px;
	padding-left:20px;
	}
/*************************************
 +FLASHCONTENT
 *************************************/
#flashcontentcontact {
	width: 381px;
	height: 236px;
	float: left;
	margin: 0 0 40px 0px;
	background:transparent;
	}
#flashcontentbio {
	width: 381px;
	height: 320px;
	float: left;
	margin: 0 0 40px 32px;
	background: transparent;
	}
/*************************************
 +BIO
*************************************/
#biowrapper {
	width:100%;
	float:left;
	}
#biocontent {
	padding:35px 0 0 0px;
	}
/*************************************
 +FIXES
 *************************************/
.workaround:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.workaround {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .workaround {
	height: 1%;
	}
.workaround {
	display: block;
	}
/* End hide from IE-mac */
/* bullets disappear in IE */
ul, ol, dl, blockquote {
	position: relative;
	}
/* remove dotted line around logo */
#header a:focus {
	-moz-outline-style: none;
	outline: none; /* @ Firefox 1.5, remove ugly dotted border */
	}
div.clearer {
	clear:both;
	height:60px;
}
div.clearerhigh {
	clear:both;
	height:230px;
}
/*************************************
 +THICKBOX
 *************************************/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
html, body {
min-height: 100%;
/* height: auto !important; */
height: 100%
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 1.2em/1.5 Courier, "American Typewriter", monospace;
  color: #151217;
}
#TB_secondLine {
  font: normal .8em Courier, "American Typewriter", monospace;
  color:#CCCCCC;
}
#TB_window a:link {
	color: #151217;
	normal .8em Courier, "American Typewriter", monospace;
	text-decoration:none;
	}
#TB_window a:visited {
	color: #151217;
	normal .8em Courier, "American Typewriter", monospace;
	text-decoration:none;
	}
#TB_window a:hover {
	color: #FF3399;
	normal .8em Courier, "American Typewriter", monospace;
	text-decoration:none;
	}
#TB_window a:active {
	color: #FFFFFF;
	normal .8em Courier, "American Typewriter", monospace;
	text-decoration:none;
	}
#TB_window a:focus{
	color: #FF3399;
	normal .8em Courier, "American Typewriter", monospace;
	text-decoration:none;
	}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  	position: absolute;
  	z-index:100;
  	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
#TB_window {
  position: absolute;
  background: #ffffff;
  z-index: 102;
  color:#151217;
  display:none;
  border: 1px solid #666666;
  text-align:left;
}
#TB_window img {
  display:block;
  margin: 15px 0 0 15px;
	border:none;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:5px 10px 7px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: absolute;
  display:none;
  height:100px;
  width:100px;
  z-index:101;
}
#TB_HideSelect{
  z-index:99;
  position:absolute;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}
/*************************************
 +END
 *************************************/