@charset "utf-8";
body {
	font-family:Arial, Helvetica, sans-serif;
	font:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:normal;
	background-color: #003366; /* achtergrondkleur links en rechts van de body */
	width:800px;
	height:800px;
	margin-left:auto; /*instelling margin-left en margin-right op auto centreert de body*/
	margin-right:auto;
}
	
#header {
    width: 800px;
	height: 283px;
    padding: 0px; /* veel browsers hebben van zichzelf een vaste instelling voor margin en padding */
	margin:0px; /* deze dus beter op nul zetten */
	background:url(afbeeldingen/eurores_gen_information_01.gif) no-repeat top;
	}
	
#headerVI {
    width: 800px;
	height: 283px;
    padding: 0px; /* veel browsers hebben van zichzelf een vaste instelling voor margin en padding */
	margin:0px; /* deze dus beter op nul zetten */
	background:url(afbeeldingen/eurores6_070103_01.gif) no-repeat top;
	}
		
#sidebar {
	float:left; /* zorgt dat de menubalk links aansluit en rechts nog iets naast zich kan hebben */
	width: 171px; /* breedte en hoogte van de hele div sidebar waarin de menubalk zich bevindt */
	height: 318px;
	margin: 0px; /* ook hier de margin en padding op nul zetten */
	padding:0px;
	background: url(afbeeldingen/eurores_gen_information_07.gif) bottom left;
	}
	
#sidebarVI {
	float:left; /* dit is de menubalk van de euroresVI gedeelte */
	width: 171px;
	height: 800px;
	margin: 0px; /* de backgroundafbeelding voor het menu (zie background) wordt uitgelijnd met de onderkant */
	padding:0px; /* dat staat mooier dan aan de bovenkant zoals de div voor het algemene gedeelte */
	background-color:#FFFFCC;
	}
	
ul {
	list-style-type:none; /* algemene instellingen voor het menu, zorgt dat je geen bolletje ziet voor elk item */
	padding:0px;
	margin:0px;
	width:100%;
	}
	
ul li {
	border-left:1px  #FFFFCC solid; /* de instellingen van ul li zijn altijd zichtbaar, dus ook als een menu */
	border-bottom: 1px #FFFFCC solid;
	margin:0;
	padding:0;
	}
	
ul li.first {
	border-top:1px #FFFFCC solid;
	}
		
ul li a {
	border-right: 2px #003366 solid; /* donkere randen rechts en onder zorgen dat het lijkt of een knop uitsteekt */
	border-bottom: 2px #003366 solid;
	background:url(afbeeldingen/gradientnormaal.jpg); /*left top; /* gradient voor achtergrond gemaakt met gradientmaker van dynamic drive.com */
	text-decoration:none; /* zorgt dat er geen streep onder het menu item staat (het is immers een link) */
	font-size:110%; /* maakt tekst van menu items iets groter */
	font-weight:bold;
	display:block; /* zorgt dat hele gedeelte van het menu aanklikbaar wordt */
	color:#FFFFCC; /* tekstkleur */
	width: 93%;
	padding:10px 0px 10px 10px; /* bepaalt de ruimte rondom de tekst en dus de grootte van de knoppen */
	}
	
ul li a:hover {
	background:url(afbeeldingen/gradientomkeer.jpg); /* achtergrond als muis erover gaat */
	border-left:2px  #003366 solid; /* donkere kleur links en boven zorgt ervoor dat het lijkt alsof de knop ingedrukt is */
	border-top: 2px #003366 solid;
	border-right: 2px #FFFFCC solid; /* om dit effect te versterken moeten de rechter en onderrand een even dikke lichte rand hebben */
	border-bottom: 1px #FFFFCC solid;
	width: 92%;
	}
	
ul li .current {
	text-decoration: underline; /* zet een streep onder het menu item dat op dat moment geselecteerd is */
	}

#mainContent {
	/*/*/ font-size: 100%; /* */
	background-image:url(afbeeldingen/general_achtergrondkopie.jpg); /* achtergrondafbeelding voor de div van het algemene gedeelte */
	background-repeat:no-repeat;
	color:#FFFFCC;
	padding: 0px;
	width: 629px;
	height:318px;
	float:right;
	}
	
#mainContent table {
	color:#FFFFCC;
	}
	
#mainContent p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:1.5em;
	font-size:14px;
	padding:0em 8em 0.1em 8em;/* weergave van de paragraaf in div mainContent */
	}
	
#mainContent p.links {
	line-height:1.5em;
	}

#mainContent a:link { 
	color:#FFFFCC; /* kleur van de tekst in div mainContent */
	}
	
#mainContent a:visited {
	color:#FFFF99; /* kleur van de link in div mainContent als de link al eens bezocht is */
	}
	
#mainContent p.table{
	padding: 0.2em 0em 0em 0em; /* in een tabel hoeft een paragraaf links en rechts geen padding te hebben */
	}
	
#mainContentVI {
	/*/*/ font-size: 100%; /* */
	background:#FFFFCC; /* instellingen van div mainContentVI voor het euroresVI gedeelte */
	color: #336699; 
	padding: 0px;
	width: 629px;
	height: 800px;
	float:right; /* deze div staat recht van het menu */
	}
	
#mainContentVI p {
	padding:2em 8em 0em 5em; /* paragraaf heeft van zichzelf in bepaalde browsers ook al een margin/padding, moet uitgeschakeld/aangepast worden*/
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
	font-weight:normal; /* instelling in de body is bold */
	font-size: 14px; /* instelling in de body is 12px */
	background-color:#FFFFCC;
	}
	
#mainContentVI p.firstann {
	padding:2em 0em 0em 5em;
	}
	
#mainContentVI p.vet {
	font-weight:bold; /* speciaal voor als de p wel vet moet, de font blijft 14px van de normale p in deze div */
	}
	
#mainContentVI p.kaal {
	padding: 0em 8em 2em 5em; /* speciale p voor onder een p bold als er geen regel tussen mag zitten */
	}
	
#mainContentVI p.info {
	margin: 0em 8em 0em 5em; /* instellingen voor het visitekaartje van de organisatie met naam, adres, tel, email etc */
	padding: 1em 2em 1em 1em; /* kleur van de tekst en achtergrondkleur zijn omgewisseld, margin zorgt dat 't een blok wordt */
	background:#336699;
	color:#FFFFCC;
	font-weight:bold;
	}
	
#mainContentVI p.border {
	border-bottom: 1px solid #336699; /*paragraaf gebruikt om lijn te maken */
	margin: 0em 8em 0em 5em;
	}
	
table{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#336699;
	line-height:1.2em;
	padding: 0.2em 0em 0.2em 0em; /* in een tabel hoeft een paragraaf links en rechts geen padding te hebben */
	}
	
td{
	padding:0.5em 0em 0em 0em; /* zet rijen iets verder uit elkaar en ook verder van de border in 2e rij */
	}
	
td.border {
	border-bottom: 1px solid #336699; /*table row gebruikt om lijn te maken */
	padding: 0;
	}
	
td.bold {
	font-weight:bold; /*tekst in table row vet maken */
	}
	
#mainContentVI ul.lecture {
	padding:2em 0em 0em 8em;
	list-style-type:disc;
	font-size:14px;
	font-weight:normal;
	width:500px;
	}
	
#mainContentVI a:link {
	color:#336699; /* kleur van de link in de div voor euroresVI */
	}
	
#mainContentVI a:visited {
	color:#666699; /* kleur als de link al bezocht is */
	}