/* EDID.css */

html {
	overflow: -moz-scrollbars-vertical;
	background: url(../images/background.gif) #FFFFFF; 
}

body {
	
	background: url(../images/edid-header.jpg) top no-repeat; 
	margin-top: 0px;
	font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;
	*font:x-small;
}


h1 {font-family: arial,helvetica,clean,sans-serif;
font-size: 1.7em;
color: #5475af;
}


h2 {font-family: arial,helvetica,clean,sans-serif;
font-size: 1.5em;
color: #5475af;
text-decoration: none;
margin-top: 0;}

h3 {font-family: arial,helvetica,clean,sans-serif;
font-size: 1.0em;
color: #CC1100;
text-decoration: none;
font-weight: bold;
}

h4 {font-family: arial,helvetica,clean,sans-serif;

margin-bottom: 0.8em;
color: #330099;
text-decoration: none;
font-weight: bold;}


p {font-family: arial,helvetica,clean,sans-serif;
}


ul {line-height: 140%;
font-family: arial,helvetica,clean,sans-serif;
}

ol {font-family: arial,helvetica,clean,sans-serif;
}

#container {
  width: 816px;							/* Gelijk aan het blauwe gedeelte in de header */
/*  background-color: #ffffff; */		/* Transparant */
/*  border-bottom: 1px solid #000000;*/	/* Handig om af en toe in te schakelen om het formaat te bepalen */
/*  border-left: 1px solid #000000;
  border-right: 1px solid #000000; */
  color: black;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
/*  border:1px solid red; */
}   

#header {
  height: 160px;					/* Nog aanpassingen maken voor IE, die meer pixels weggeeft */
  width: 814px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  padding-top: 40px;
  margin-bottom: 0px;
  margin-right: 20px;
  color: white; 
 /*border: 1px solid black;  */
 /* padding: 10px; */
}

/* Onderstaande is nodig voor verticale (links) navigatie */
#navigation ul { width: 140px; position:absolute; top: 240px; text-align: left; list-style: none; padding: 0; margin: 0;}
#navigation ul li {display: block; margin: 0; padding: 0;}
#navigation ul li a {display: block; width: 100%; padding: 0.2em; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: dotted; color: #5475af; text-decoration: none; background: #FFF;}
#navigation ul li#active a {background: #f0e7d7; color: #800000;}
#navigation ul li a:hover, ul#navlist li#active a:hover {color: #800000; background: transparent; border-color: #aaab9c #fff #fff #ccc;}
#navigation ul li.current a {color:#cb0a1c;}



/* Onderstaande is nodig voor horizontale (boven) navigatie 
#navigation ul {
  margin: 0;
  margin-top: 3px;				
  margin-left: 1px;
  margin-bottom: 2px;
  margin-right: 15px;
  padding: 0;
  list-style-type: none;
  text-align: right;
}


#navigation ul li { 
  display: inline;				 uitschakelen als men het menu verticaal wil laten lopen 
  margin: -1px; 				
}
#navigation ul li a {
  text-decoration: none;
  padding: .2em .5em;
  color: #ffffff;				
}

#navigation ul li a:hover {
  color: #dbe2ec;
}
#navigation li.current a {
color: #fff;
}

*/

#page_header {
  margin-top: 15px;
  margin-left: 150px;
  padding: 10px;
}

#page_content {
  margin-left: 150px;
  padding: 10px;
  padding-top: 4px;
}

#footer {
width:900px;
padding-left:120px;					/* In WS_Lib is de footer onderdeel van de container en kan deze dus niet groter zijn dan */
margin-left: -100px;				    /* de container. Met de padding-left en margin-left wordt dit opgelost */
/* border:1px solid black; */
top:0px;
height:130px;
margin-bottom:-10px;
background: url(../images/espanet_bg_bottom.png) bottom center no-repeat;)
}