/* Algemene Stijlen*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #777777;
	background-color: #cccccc;
	text-align: center;
}
a {
	color:#a6693d;
	text-decoration:none;
	font-weight: bold;
}

h1 {
	font-size: 24px;
	
}
	
h2  {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

div.hoofdcontainer {  /*Algemene kenmerken van de hoofdcontainer*/
	position: relative; /*positie is relatief opdat Internet Explorer zou kunnen centreren*/
	background-color: #ffffff;
	width: 800px;
	top: 30px;
	left: 0px; /*Voor centering in standard compliant browser*/
	right: 0px; /*Voor centering in standard compliant browser*/
	margin-left: auto; /*Voor centering in standard compliant browser*/
	margin-right: auto; /*Voor centering in standard compliant browser*/
	border: none;
	padding: 0px;
	text-align: left;
}
/*Einde algemene stijlen*/


/*Stijlen voor Taalknoppen*/
div.taalknoppencontainer {
	position: absolute;
	width: 800px;
	height: 30px;
	left: 0px;
	top: 0px;
	background-color: #cccccc;
}

/*Deze stijlen voor Taalknoppen worden ook gebruikt voor actieve knop 
in de navigatie in de Banner division*/
div.actieve_taalknop {
	background-color: #ffffff;
}

div.passieve_taalknop, li.actieve_bannernavigatie {
	background-color: #888888;
	color: #ffffff;
}

div.taalknop_nl {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 695px;
	top: 0px;
}

div.taalknop_esp {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 730px;
	top: 0px;
}

div.taalknop_en {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 765px;
	top: 0px;
}

h3.taalknop {
	text-align: center;
	margin-top: 7px;
	margin-bottom: 7px;
	
}

.passieve_taalknop a {
	color: #ffffff;
}

/*Stijlen voor Index-Taalkeuze Page*/

div.hoofdcontainer_index {  /*Algemene kenmerken van de hoofdcontainer*/
	position: relative; /*positie is relatief opdat Internet Explorer zou kunnen centreren*/
	background-color: #ffffff;
	width: 600px;
	height: 340px;
	top: 90px;
	left: 0px; /*Voor centering in standard compliant browser*/
	right: 0px; /*Voor centering in standard compliant browser*/
	margin-left: auto; /*Voor centering in standard compliant browser*/
	margin-right: auto; /*Voor centering in standard compliant browser*/
	border: none;
	padding: 0px;
	text-align: left;
}


div.logocontainer_index {
	position: absolute;
	top:0px;
	left: 0px;
	width: 600px;
	height: 127px; /*d.i. de hoogte van het logo (67px + 60px boven)*/
	border: none;
	}

img.logo_index {
	position: absolute;
	top: 60px;  /* positie in absolute waarden om moeilijkheden in centreren 
				bij IE te voorkomen. De afmetingen van het logo zijn: 
				width 233px × height 67px */
	left: 183px;
}

div.container_navigatie_index {
	position: absolute;
	left: 0;
	top:150px;
	height: 200px;
}

div.navigatie_index {
	position: relative;
	left:220px;
	top:0;
	bottom:0;
}

div.navigatie_index li {
	margin-bottom:20px;
}

div.navigatie_index h3 {
	letter-spacing: 0.2em;
}

/* OPM: Voor stijlen van de lijst en de linken: zie stijlen voor Home Page*/

/*Stijlen voor Home Page*/

div.home { /*Specifieke kenmerken van de hoofdcontainer op de Homepage*/
	height: 430px;
}

img.etude_03 {
	position: absolute; 
	top: 30px; 
	left: 0;
} 

img.klavier {
	position: absolute;
	top: 230px;
	left:0;
} 

div.logocontainer_home {
	position: absolute;
	top:30px;
	left: 401px;
	width: 400px;
	height: 200px;
	border: none;
}

img.logo_home  {
	position: absolute;
	top:67px; /* positie in absolute waarden om moeilijkheden in centreren 
				bij IE te voorkomen. De afmetingen van het logo zijn: 
				width 233px × height 67px */
	left:83px;
}

div.contentcontainer_home {
	position: absolute;
	top: 230px;
	left: 500px;  
	width: 300px;  
}

.navigatie_home {
  padding: 0;
  margin: 0;
}

.navigatie_home ul, .navigatie_index ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.navigatie_home li {
	padding: 10px 0 0 0;
	margin: O 0 10px 0;
}

.navigatie_home a, .navigatie_index  a {
	text-decoration: none;
	color: #777777;
	font-weight: normal;
}
/*einde Stijlen voor Home Page*/

/*Stijlen voor gewone inhoudspagina's*/

div.bannercontainer {
	position: absolute;
	top:30px;
	left:0;
	width: 800px;
	height: 100px;
	background-image: url(../images/banner_handen.jpg);
}

h1.pagetitle {
	padding: 0 0 10px 20px;
	font-weight: normal;
	font-size: 24px;
}

/*Stijlen voor bannernavigatie: zie ook bij taalknoppen voor kleuren voor de actieve knop*/
ul.bannernavigatie {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
}

.bannernavigatie  li {
	float: left;
	padding: 0 10px 0 10px;
	text-align: center;
	border-right-width: thin;
	border-right-style: dotted;
	border-right-color: #333333;
}
.bannernavigatie  li a {
	text-decoration: none;
	color: #777777;
	font-weight: normal;
}
/* Einde stijlen voor Banner Container */

/*Stijlen voor Inhoud gewone pagina's*/

div.contentcontainer_gewone_pagina {
  position: absolute;
  left: 0;
  top: 130px;
  width: 800px;
  background-color: #ffffff;
  padding-bottom: 20px;
 }

div.contentcontainer_gewone_pagina p {
	padding: 10px 0 0 0;
	margin: 0 20px 0 20px;
}