/* CSS Document */

/* 	gebruikte kleuren
	oranjebruin: #F28E00
	blauw: #0A609C
*/

/* Hier stel je de hoogte op 100%
   IE verwacht dit op body, Mozilla op html */
html, body {
    height:100%;
}

body {
    padding:0px;
    margin:0px;
    background-color:#ffffff;
    /* lettertype en grootte */
    font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	/* de lijn */	
	background-image: url(../images/lijn.jpg);
	background-repeat: repeat-y;
}

/* de main container - het outer gebied ook op 100%
   dit is het allesomvattende blok
   ook hier extra maatregelen voor verschillende browsers */
#outer{
    height:100%;
    min-height:600px;
    margin-left:286px;  /*  de ruimte voor de linkerkolom */
    margin-bottom:-52px;    /* ruimte voor de footer */
    color: #000000;
}

/*for mozilla as IE treats height as min-height anyway */
html>body #outer{
    height:auto;
}

/* de header - is het eerste block binnen de outer
   IE heeft ook een height nodig om te werken.... */
* html #outer{height:100%} /*for IE as IE treats height as min-height anyway*/
 
#header{
    color: #000; /*#000 */
    text-align:center;
    position:relative;
    margin:0 -286px;        /* breedte plaatje links hier opgeven */
    padding-top:0px;        /* de hoogte - nu op 0 gezet....*/
    height: 235px;          /* set correct height here */
/* borders uit 
    border-top:1px solid #000;
    border-bottom:1px solid #000;
*/
}

#logo {
	position:absolute;
	float: left;
	left: 1px;
}

#logo img {
 	border: none;
}

#left {
    position:relative;  /*ie needs this to show float */
    width:285px;        /* same as the left margin on #outer*/
    float:left;
    margin-left:-285px; /*must be 1px less than width otherwise won't push footer down */
    padding-top:0px;   /*needed to make room for header*/
    left:-2px;          /* push column into position*/
}

#left p {
    padding-left:12px;
    padding-right:2px;
}

#centercontent {
    background-color: #ffffff;
    padding-right: 20px;
    margin-left: 0px;
    padding-left: 0px;
	padding-top: 20px;
	/* breedte van de inhoud */
	width: 680px;
}

/* combat IE's 3 pixel jog */
* html #centrecontent {
    height: 1%;
    margin-bottom: 12px;
    margin-left: 20px; 
    margin-right: 10px;
}

#footer {
	clear: both;
	height: 125px;
    color: #000000;
	/* de vlinder rechtsonder */
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: right;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	margin-top: 20px;
}

/*only ie gets this style*/
* html #footer {        /* box model hack - alleen IE ziet dat */
    \height:125px;   /* for ie5 */
    he\ight:123px;   /* for ie6 */
}

/*needed to make room for footer*/
#clearfooter{
    clear: both;
    height: 15px;
}

#adres {
	text-align: left;
	float: left;
	width: 300px;
}

#email {
	width: 250px;
}

#copyright {
	clear: both;
	font-size: 8pt;
	color: #F6B85F;
	padding-top: 15px;
	text-decoration: none;
}

#copyright a:link, #copyright a:visited {
	background: #FFFFFF;
	decoration: none;
	color: #F6B85F;
	text-decoration: none;
}

#copyright a:hover {
	color:  #F28E00;
}

/*clear top margin for mozilla*/
div,p {
    margin-top:0
}

/* centercontent is het inhoudsblok */
#centercontent {
	clear: left;
}

#centercontent h1 {
	color: #0A609C;
	margin-bottom: 50px;
}

#centercontent p {
	color:#0A609C;
}

#centercontent h2 {
	color:#0A609C;
	font-weight:bold;
	font-size: 110%;
}

p {
	color:#0A609C;
	line-height: 1.3em; 
}

li {
	color:#0A609C;
	line-height: 1.3em;
}

/* het golfje in de interactie titel */
.kriebeltje {
	font-size: 60%;
	display:inline;
	vertical-align:middle;
}

/* links in tekst oranje */
a:link, a:visited {
	color: #F28E00;
}

a:hover {
	color:#0A609C;
}

/* menu */

/* plaatsing van het menu zelf */
#menu {
	padding-top: 250px;
	padding-left: 58px;
	height: 40px;
	color: #F28E00;
	font-size: 118%;
	font-weight:bold;
}

#nav, #nav ul, #nav ul ul{
	padding: 0;
	margin: 0;
	list-style: none;
	background: url(none.gif) repeat 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
}

#nav{
	width: 95px;
}

#nav li{
	width: 115px; 			/* breedte main level */
	padding-bottom: 5px;	/* onderlinge afstand tussen de items */
}

#nav ul{
	position: absolute;
	width: 100px;
	left: -1000px;
	margin: -20px 0 0 106px;
	font-size: 100%;
}

* html #nav ul{
	margin: -20px 0 0 106px;
}

#nav li li{
	width: 100px;
}

#nav ul ul{
	width: 160px;
	margin: -21px 0 0 100px;
	font-size: 100%;
}

* html #nav ul ul{
	margin: -23px 0 0 100px;
}

#nav li li li{
	width: 140px;
}

#nav li:hover ul, #nav li.ie_does_hover ul{
	left: auto;
}

#nav li:hover ul ul, #nav li.ie_does_hover ul ul{
	left: -1000px;
}

#nav ul li:hover ul, #nav ul li.ie_does_hover ul{
	left: auto;
}

#nav a {
	display: block;
	text-decoration: none;
	padding: 2px 4px 3px 4px;
	margin: 1px;
}

/* dit zijn de links
   hier stel je de achtergrondkleur e.d in
 */
#nav a:link, #nav a:visited{
	background: #FFFFFF;
	border: none;
	color: #F28E00;
}

#nav a:hover, #nav a:active{
background: #FFFFFF;
border: none;
color: #0A609C;
}
td {
	padding: 5px;
	
}
#centercontent img {
	float: right;
}