html {
	height: 100%;
	}

body {
	height: 100%;
	margin: 1px;
	text-align: center;
	background-color: white;
	background-image: url('img/bg-main.gif');
	background-repeat: repeat-x;
	}

/* Buitenste DIV */
div#site {
	height: 100%;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}

/* DIV met logo, menu en tekst-DIV */
div#content {
	height: 100%;
	width: 500px;
	float: left;
	}

/* Logo naar rechts zetten.. */
div#logodiv {
	padding-left: 15px;
	}

/* DIV met tekst en paarse lijn */
div#tekst {
	margin: 0px;
	padding-right: 20px;
	border-right: 1px solid purple;
	}

/* DIV met eye-opener */
div#eyeopener {
	text-align: left;
	width: 235px;
	float: right;
	}

/* Menu fonts */

ul li a {
	font-family: myriad pro, verdana, sans-serif;
	font-size: x-small;
	text-transform: uppercase;
	text-decoration: none;
	}

/* Hoofdmenu */
#mainmenu {
	width: 200px;
	margin-right: 0px;
	margin-left: -15px;
}

#mainmenu ul {
	margin-left: 0px;
	}

#mainmenu ul li {
	display: block;
	margin-bottom: 10px;
	}

#mainmenu ul li a {
	padding-left: 15px;
	letter-spacing: .5em;
	color: black;
	}

.activelink,
#mainmenu ul li a:hover {
	background-image: url('img/mainmenu-dot.gif');
	background-position: left;
	background-repeat: no-repeat;
	}

#sub1 {
  position: absolute;
  left: 50%; right: 50%; top: 140px;
  height: 400px;
	width: 300px;
  margin-left: -221px;
	border-right: 1px solid purple;
}

/* Submenus */
ul.submenu {
	float: left;
	margin-top: 10px;
	margin-left: 0px;
	}

ul.submenu li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 1px solid white;
	padding-bottom: 1px;
	}

ul.submenu li a {
	border: 1px solid purple;
	font-size: xx-small;
	white-space: nowrap;
	height: 20px;
	margin: 1px;
	padding: 4px 6px 3px 6px;
	color: purple;
	width: auto;
}

ul.submenu li a:hover {
	color: #CB5E0B;
	border-color: #CB5E0B;
	}

/* Tis jammer, kleur werkt niet, heel vaag! */
.activesublink {
	font-weight: bold;
	}

/* Titels */
h2 {
	margin-left: 15px;
	margin-bottom: 0px;
	clear: both;
	font-family: verdana,sans-serif;
	font-size: x-small;
	text-transform: uppercase;
	}

/* Teksten */
p {
	margin-left: 15px;
	clear: both;
	font-family: verdana,sans-serif;
	font-size: x-small;
	}

p.msg {
	color: purple;
	font-weight: bold;
	}

/* Mooie enter */
br {
	clear: both;
	}

/* Invul formulieren */
form {
	margin-left: 15px;
	text-align: left;
	}

form table {
	border-collapse: collapse;
	}

form td {
	font-family: verdana,sans-serif;
	font-size: x-small;
	}

input.textinput {
	width: 300px;
	border: 1px solid purple;
	padding: 2px;
	color: #CB5E0B;
	font-family: myriad pro, verdana,sans-serif;
	font-size: small;
	}

textarea {
	width: 300px;
	height: 100px;
	padding: 2px;
	border: 1px solid purple;
	color: #CB5E0B;
	font-family: myriad pro, verdana,sans-serif;
	font-size: small;
	}

span.textnote {
	color: purple;
	padding-top: 1em;
	}

/* Tekst onder eye-opener rechts boven */
p.eyeopener {
	width: 200px;
	margin-left: 15px;
	padding-bottom: 10px;
	border-bottom: 1px solid purple;
	}

/* Door die render bug dat het lijntje weg gaat hier de fix.. :-@ */
div#iehack {
	/*
	z-index: 100;
	width: 500px;
	border-right: 1px solid purple;
	height: 100%;
	position: absolute;
	top: 133;
	*/
	display: none;
	}

img.visual {
	margin-left: 15px;
	width: 200px;
	}

/* Zorgen dat de knipoog animatie rechts komt */
div.knipoog {
	text-align: right;
	clear: both;
	}

/* Kleine letters in menu */
span.menunote {
	text-transform: lowercase;
	}

/* Copyright & realisatie */
span.copyright {
	margin-top: 10px;
	color: silver;
	width: 465px;
	text-align: left;
	font-family: verdana,sans-serif;
	font-size: xx-small;
	letter-spacing: 2px;
	}

span.copyright a {
	color: silver;
	text-decoration: none;
	}

div.bericht {
	width: 400px;
	border: 1px solid #CB5E0B;
	margin-bottom: 20px;
	margin-left: 15px;
	}

div.bericht h3 {
	font-size: x-small;
	font-family: verdana,sans-serif;
	width: 100%;
	padding: 2px;
	background-color: #F2C204;
	border-bottom: 1px solid #CB5E0B;
	margin: 0px;
	}

div.bericht h3 a {
	color: black;
	}

div.bericht span.datum {
	font-weight: normal;
	}

div.bericht p {
	margin: 3px;
	}

div.nav {
	width: 400px;
	margin: 10px 0px 20px 15px;
	text-align: center;
	}

div.nav a {
	border: 1px solid purple;
	width: 95px;
	text-align: center;
	text-decoration: none;
	color: purple;
	font-size: x-small;
	font-family: verdana,sans-serif;
	}

div.nav a:hover {
	color: white;
	background-color: purple;
	}

span.space {
	width: 95px;
	border: 0px solid silver;
	font-size: x-small;
	font-family: verdana,sans-serif;
	}

/***************************** CASES ****************************/
a.case-link {
	color: black;
	text-decoration: none;
	}

a.case-link:hover {
	color: #cb5e0c;
	}

a.aktief {
	font-size: 10pt;
	font-weight: bold;
	}

#case {
	border: 2px solid silver;
	width: 450px;
	padding: 0;
	background: #fff;
	margin: 2em 0 2em 13px;
	_margin-left: 17px;
	color: #000;
	clear: both;
	}

#case img {
	border-bottom: 2px solid silver;
	width: 100%;
	}

#case ul {
	padding: 0;
	margin: 0;
	}

#case ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.A {
	background: #f2c204 url(img/case_a.gif) no-repeat;
	color: #fff;
	}

.B {
	background: #cb5e0c url(img/case_b.gif) no-repeat;
	color: #fff;
	}

.C {
	background: #631c5c url(img/case_c.gif) no-repeat;
	color: #fff;
	}

#case ul li a {
	display: block;
	min-height: 90px;
	_height: 90px;
	padding: 5px 5px 5px 60px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 13pt;
	text-decoration: none;
	text-transform: none;
	}

#case a {
	color: #fff;
	}

#question,
#info,
#topic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	line-height: 12pt;
	text-transform: none;
	margin: 0;
	min-height: 90px;
	_height: 90px;
	padding: 5px;
	}

#info {
	padding: 5px 5px 5px 60px;
	}

#topic a {
	color: #000;
	}
/****************************** End CASES ************************************/