<!--
/* 
 * PillieWillie.nl Css Layout door Insension.com v.#headero.f. 2006
 * Internet: http://insension.com
 */

/* eerst bepalen we de eigenschappen van de meest gebruikte html tags */
html  {
  margin: 0;
  padding: 0;
  color: #000000;
}

body {
  font-family: arial, sans-serif;
  /*
  * hier bepalen we de margin en padding van de body, zodat browsers zoals IE en Mozilla deze
  * niet zelf gaan interpreteren met als gevolg dat de layout veranderd 
  */
   margin: 5px;
   padding: 0;
   background-color: white;
}

h1 {
	font-size: 140%;
	text-align:left;
	font-weight: bold;
	font-family: "Times New Roman", sans-serif;
	border-bottom: 2px solid black;
	color: #444444;
	font-variant: small-caps;
}

h2 {
	font-size: 105%;
	text-align:left;
	font-weight: bold;
	color: #444444;
}

h3 {
	font-size: 100%;
	text-align:left;
	font-weight: bold;
	color: gray;
}

h4 {
	font-size: 95%;
	font-weight: bold;
	text-align:left;
	color: black;
}

h5 {
	font-size: 100%;
	font-weight: bold;
	color: black;
}

h5 a:link {
	color: black;
	text-decoration: underline;
	font-weight:bold;
 }
 
h5 a:visited {
	color: black;
	text-decoration: underline;
	font-weight:bold;
 }

h5 a:hover {
	color: red;
	text-decoration: none;
	font-weight:bold;
 }


img {
  border: 0;
}

.img-left {
	float: left;
	padding: 10px;
	margin-right: 0px;
	margin-top: 2px;
	border-width:0px;		/* debuging border */ 
	border-color:black;
}

.img-right {
	float: right;
	padding: 10px;
	margin-right: 0px;
	margin-top: 2px;
	border-width:0px;		/* debuging border */ 
	border-color:black;
}

.img-center {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	border-width:0px;		/* debuging border */ 
	border-style:solid; 
	border-color:black;
}

.img-title {
	text-align: center;
	padding-top: 0px;
	font-weight: bold;
	color: gray;
}

p {
	margin-bottom: 0px;
}

.center {
	text-align: center;
}


/* hier begint de daadwerkelijke css layout */

/* 
 * place holder -> omvat de elementen left en right. absoluut gepositioneerd zodat
 * de placeholder boven de banner en mainmenu elementen begint en niet eronder.
 */

#placeholder {
  /* centreren layout */
    margin-left: -361px;
    left: 50%;
    margin-top: 10px;

  /* breedte van de gecentreerde content */
    width: 710px;

  position: absolute;

  /* 
   * deze achtergrondkleur zorgt voor de achtergrondkleur van de content op de pagina
   */
 	background:#FCFCDD;
      border-width: 4px;
      border-style: outset;
	border-color: grey;
}

/*
 * left -> linker blok met menu en special area
 */

#left {
  float: left;
  margin-top: 204px;
  /* margin right is niet nodig, maar voor alle zekerheid toch maar ingesteld */
  margin-bottom: 5px;
  /* idem als bij margin */
  padding: 0;
  width: 170px;
  background-color: transparent;
  border: 0px solid black;		/* debuging border */
  margin-right: 1px;
  margin-left: 1px;
}

/*
 * right -> rechter blok met content
 */

#right {
  position: relative;
  float: right;
  /* dit element staat lager om ruimte te houden voor de absoluut gepositioneerde breadcrumbs */
    margin-top: 204px;
  /* niet nodig, toch ingesteld */
 
  padding: 0;
  width: 525px;
  background-color: transparent;
  border: 0px solid black;		/* debuging border */
  margin-right: 1px;
  margin-left: 1px;
}

#breadcrumbs {
  display: block;
  position: absolute;
  top: 10px;

  text-align: left;
  padding-right: 3px;
  padding-left: 3px;
  background-color: transparent;
  font-size: 70%;
  font-weight: bold;
  border: 0px solid green;		/* debuging border */
  margin-right: 1px;
  margin-left: 1px;
}

#breadcrumbs a:link {
	color: black;
	text-decoration: underline;
	font-weight:normal;
 }
 
#breadcrumbs a:visited {
	color: black;
	text-decoration: underline;
	font-weight:normal;
 }

#breadcrumbs a:hover {
	color: red;
	text-decoration: none;
	font-weight:normal;
 }


#abstract {
  display: block;
  margin-top: 60px;
  background-color: transparent;
  /* text van de rand af plaatsen */
  padding-left: 0px;
  padding-right: 10px;
  text-align:justify;
  font-size: 84%;
  border: 0px solid red;		/* debuging border */
  margin-right: 1px;
  margin-left: 10px;
}

#content {
  display: block;
  background-color: transparent;
  /* text van de rand af plaatsen */
  padding-left: 0px;
  padding-right: 10px;
  text-align:justify;
  font-size: 84%;
  border: 0px solid red;		/* debuging border */
  margin-right: 1px;
  margin-left: 10px;
}

#content a:link {
	color: black;
	text-decoration: underline;
	font-weight:normal;
 }
 
#content a:visited {
	color: black;
	text-decoration: underline;
	font-weight:normal;
 }

#content a:hover {
	color: red;
	text-decoration: none;
	font-weight:normal;
 }

#content li {
  text-align: left;
}

#references {
	font-size: 87%;
}

#references a:link {
	color: black;
	text-decoration: none;
	font-weight:bold;
 }
 
#references a:hover {
	color: red;
	text-decoration: none;
	font-weight:bold;
 }
 
#references a:visited {
	color: black;
	text-decoration: none;
	font-weight:bold;
 }

#sitemap {
	display: none;
}

#sitemap a:link {
	color: black;
	text-decoration: none;
	font-weight:normal;
 }
 
#sitemap a:visited {
	color: black;
	text-decoration: none;
	font-weight:normal;
 }

#reclame {

}

#copyright {
  display: block;
  /* text van de rand af plaatsen */
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 20px;
  text-align: center;
  background-color: transparent;
  font-size: 74%;
  border: 0px solid #000000;		/* debuging border */
  margin: 10px;
}

#copyright a:link {
	color: black;
	text-decoration: underline;
	font-weight:normal;
 }
 
#copyright a:visited {
	color: black;
	text-decoration: underline;
	font-weight:normal;
 }

#copyright a:hover {
	color: red;
	text-decoration: none;
	font-weight:normal;
 }

#banner {
  /* top - right - bottom - left */
  position: absolute;
  top: 0px;
}

/* 
 * items die in het mainmenu (horizontale menubalk) moeten komen dienen tussen 
 * de mainmenu div te staan en als volgt te zijn opgemaakt:
 * <ul><li><a>naam</a></li><li><a>naam2</a><li><li><a>naamx</a></li></ul>
 */

#mainmenu {
  position: absolute;
  top: 170px;
  left: -4px;
  padding: 4px 0px 4px 0px;
  width: 710px;
  background-color: #969393;
  text-align: center;
  font-weight: bold;
  font-size: 80%;
  border-width: 4px;
  border-style: outset;
  border-color: grey;
}

/* de volgende mainmenu items bouwen het menu op */

#mainmenu ul {
  list-style: none;
  margin: 2px;
  padding: 0;
  padding-top: 2px;
}

#mainmenu li {
  display: inline;
    padding: 3px 15px 3px 3px;
     border: 0px solid red;		/* debuging border */
  margin-left: 1px;
  margin-right: 1px;
}

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

#mainmenu a:hover {
  color: red;
}

#submenu {
  display: block;
  /* text van de rand af plaatsen */
  margin-top: 98px;
  padding-right: 10px;
  padding-left: 0px;
  font-size: 79%;
  background-color: transparent;
  border-right: 2px dotted #CCCCCC;		/* debuging border */
  margin-left: 1px;
  margin-right: 1px;
}

/* de volgende submenu items bouwen het submenu op */

#submenu ul {
	display: inline;
	list-style: none;
	margin: 0px;
	padding-top: 0px;
	border-width:0px;		/* debuging border */ 
	border-style:solid; 
	border-color: green;
}

#submenu li {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 2px;
 	border: 0px solid blue;		/* debuging border */
	margin-left: 1px;
	margin-right: 1px;
}

#submenu li a:link, #submenu li a:visited {
	color: black;
	text-decoration: none;
	font-weight:bold;
}

#submenu li a:hover {
	color: red;
	text-decoration: none;
	font-weight:bold;
}

#submenu ul ul {
  margin-left: 5px;
}

#submenu ul ul li {
  border-bottom: 1px solid #CCCCCC;
  margin: 0;
}

#submenu ul ul a:link, #submenu ul ul a:visited {
  background-color: #FFFFCC;
  color: #000000;
}

#submenu ul ul a:hover {
  background-color: #999999;
  color: #FFFFFF;
}

#specialmenu {
  background-color: transparent;
  border: 0px solid red;		/* debuging border */
  /* text van de rand af plaatsen */
  padding-left: 2px;
  padding-right: 2px;
  margin-top: 50px;
  margin-left: 1px;
  margin-right: 1px;
  margin-bottom: 1px;
  font-size: 80%;
}

.waarschuwing {
	display: none;
}

div.right-column {
	float:right;
}

div.right-column div.window {
	clear:both;
	margin-bottom:20px;
	margin-left:10px;
}

div.window div.window-content {
	clear:both;
	width:188px;
	padding: 5px;
	border-left:1px solid #B7D2D8;
	border-right:1px solid #B7D2D8;
	font-size: 90%;
	font-weight: normal;
	background: white;
}

div.window-content div.window-image {
	float: left;
	padding-right: 5px;
}

div.window div.window-header-left {
	float: left;
	width:20px;
	height:20px;
}

div.window div.window-header-middle {
	float: left;
	width:160px;
	background:#B7D2D8;
	text-align: center;
	font-size: 85%;
	color: black;
	font-weight:bold;
	line-height:20px;
}

div.window div.window-header-right {
	float: left;
	width:20px;
	height:20px;
}

div.window div.window-bottom-left {
	float: left;
	width:20px;
	height:13px;
}

div.window div.window-bottom-middle {
	float: left;
	width:160px;
	background:#B7D2D8;
	text-align: center;
	font-size: 8pt;
	color: white;
	font-weight:bold;
	line-height:13px;
}

div.window div.window-bottom-right {
	float: left;
	width:20px;
	height:13px;
}

.print-only {

	display: none;
}

.sponsor-link {

	display: none;
}

.derooy-link {

	display: none;
}
.pwk-sitemap {
	display: none;
}

.grafiekruimte {
	height: 420px;
    display: none;
}

.vragentabel{
  font-size: 100%;
}


.subpagina{
	font-size: 95%;
	list-style: none;
}

.resultbutton{
background-color: #e9e4b7;
background-image: url("../slim/tussenresultaat.png");
background-repeat: no-repeat;
padding: 11px 11px 11px 45px;
margin: 0px 10px 0px 10px;
}

.login{
background-color: #e9e4b7;
background-image: url("../slim/loginkey.png");
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
}

.eindresultaatknop{
background-color: #e9e4b7;
background-image: url("../slim/afronden.png");
background-repeat: no-repeat;
padding: 8px 8px 8px 30px;
}

.save{
background-color: #e9e4b7;
background-image: url("../slim/save.png");
background-repeat: no-repeat;
padding: 8px 8px 8px 30px;
}

.mail{
background-color: #e9e4b7;
background-image: url("../slim/mail.png");
background-repeat: no-repeat;
padding: 8px 8px 8px 40px;
}
.newtest{
background-color: #e9e4b7;
background-image: url("../slim/newtest.png");
background-repeat: no-repeat;
padding: 8px 8px 8px 30px;
}

.terugkijken{
background-color: #e9e4b7;
background-image: url("../slim/terugkijken.png");
background-repeat: no-repeat;
padding: 8px 8px 8px 40px;
}

#opgeslagen{
background-color: #e9e4b7;
border: 1px solid #beb56a;
padding: 5px;
text-align: center;
margin-top: 10px;
}

#transbgdiv{
	display: none;
	position:fixed;
	left:0;
	top:0px;
	bottom: 0px;
	width:100%;
	background: url(../slim/submenubackground.png);
	z-index: 100;
}

#maildiv{

font-size: 84%;
background-color: #fcfcdd;
display: none;
position:fixed;
padding: 0px 10px 10px 10px;
width: 500px;
top: 100px;
left: 50%;
margin-left: -250px;
z-index: 101;
}

#logindiv{
font-size: 84%;
background-color: #fcfcdd;
display: none;
position:fixed;
padding: 0px 10px 10px 10px;
width: 500px;
top: 100px;
left: 50%;
margin-left: -250px;
z-index: 101;
}
-->