body 
{
    color: black; 
    margin: 0pt; 
    padding: 0pt;
    overflow: hidden;
	font-family: helvetica, sans-serif;
	font-size: 1em;
	background: url("plaatjes/systeem/ppsachtergrond.png");
	background-repeat: no-repeat;
}
table
{
	empty-cells: show;
}
div#header 
{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%;
    height: 12%;
    /*height: 125px;*/
	z-index: 1;
/*    background: url("plaatjes/systeem/achtergrond2.jpg");*/
    /*background: url("plaatjes/systeem/headerpps012008.jpg");
    background-repeat: repeat-x;
    background-position: 0% 40%;*/
    background: url("plaatjes/systeem/PPSlogo5.png");
    background-repeat: no-repeat;
}
#header table
{
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}
#header td
{	
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}
div#titel_1 
{
    /*line-height: 80%; */
    line-height: 60%;
    vertical-align: bottom;
    color: red;
	font-size: 250%;
    font-family: "Comic Sans MS", cursive;
    font-style: italic;
	font-weight: bold;
}
div#titel_2 
{
    vertical-align:top;
    font-size: 120%;
    /*color: #FC4F57;*/
	color: white;
}
div#titel_3
{
    margin-top: 60px; 
    margin-left: 150px;
    color: rgb(203, 2, 106); 
	font-size: 220%;
    font-family: "Comic Sans MS", cursive;
    /*font-style: italic;*/
	font-weight: bold;
}
div#subhead 
{
    position: absolute;
	top: 12%;
    /*top: 125px;*/
    width: 100%;
    height: 5%;
    /* height: 45px;*/
    z-index: 10;
    /*background: #eeeeee;*/
}
#subhead table
{
	width: 100%; 
    height:100%; 
    border-collapse: collapse;
	border-left: 2px solid #aaaaaa;
	border-top: 2px solid white;
	border-bottom: 2px solid #aaaaaa;
	border-right: 2px solid white;
    font-style: italic;				/* Erft niet over van div */
	font-size: 95%;
	/*table-layout: fixed;*/
}
#subhead td
{
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 85%;
}
#subhead form
{
	display: inline;
}
.zoekveld
{
	font-style: normal;
	/*background-color: #E3F0FF;*/
	background: white;
}
.zoekknop							/* voor oudere IE's wordt niets van de font setting ge-erfd. */
{
    font-style: italic;
    /*background-color: rgb(220,220,120);*/		/* Kleur als achtergrond balk. Transparant werkt niet voor oudere browsers */
	/* background: rgb( 253,245,192); versie 4*/
    background: rgb(236,143,174);
}
#subhead a         {display: inline; text-decoration: none;}
#subhead a:link    {color: blue;}
#subhead a:visited {color:blue; background-color:transparent;}
#subhead a:active  {color:red; background-color:transparent;}
#subhead a:hover   {color:red; background-color:transparent;}

#subhead img
{
	background-color: transparent;
	border-style: none; 
	vertical-align: middle; 
	height: 2.1em;
	padding: 0;
}
#subheadbutton a
{
	/* display: inline;*/
	text-decoration: none;
	background: rgb(220, 220, 120);
    /*background: rgb(236, 143, 174); versie 5*/
	vertical-align:middle; 
	text-align: center; 
	border-style: outset; 
	padding: 0.12em;
	border-right: 2px solid #aaaaaa;
	border-top: 2px solid white;
	border-bottom: 2px solid #aaaaaa;
	border-left: 2px solid white;
}
#subheadbutton a:link {color: black; background-color:rgb(236,143,174);}
#subheadbutton a:visited {color:black; background-color:rgb(236,143,174);}
#subheadbutton a:active {color: red; background-color:rgb(236,143,174);}
#subheadbutton a:hover {color: red; background-color:rgb(236,143,174);}   /* versie 4: 253,245,192*/

div#sbcont
{
	margin-top: 2.25em;				/* Align with 'maincont' */
}
div#sidebar 
{
    position: absolute; 
    top: 17%;
    /*top: 170px;*/
    left: 0; 
    height: 83%;
    width: 20%;
	z-index: 4;
    text-align: center; 
	/*background: rgb(255,206,99);*/
	/*background: url("plaatjes/systeem/sidebarBG.jpg");*/
    font-family: "Comic Sans MS", cursive; 
	font-size: 80%;					/* 'cursive' is meestal groter. Maak font dus wat kleiner */
    overflow: auto;
}
#sidebar a 
{
    display: block;
    text-decoration: none;
    background: rgb( 86,232,72 );
    font-weight: normal;
    margin-bottom: 0.0em;
    margin-top: 0.25em;
    margin-right: auto;
    margin-left: auto;
	width: 9.0em;
	vertical-align: middle;
	line-height: 2em;
    text-align:center;
    border: 2px silver outset;
	color: black;
}
#sidebar a:hover 
{
	font-weight: bold;
}
#sidebar a:active 
{
    border: 2px silver inset;
}
div#subpagina
{
    margin-top:0.1em;
    margin-bottom:0.0em;
	font-size: 85%;
}
#subpagina a
{
	background: rgb( 255,100,100 );
}
div#main 
{
    position: absolute; 
    top: 18%;
    /*top: 170px;*/
    left: 20%;
    /*v4 width: 80%;*/
    width: 850px;
    /*width: 800px; testje versie 5 */
    height:80%;
	z-index: 3;
    color: black; 
    overflow: auto;
    -webkit-border-radius: 15px;    /* for Safari */
    -moz-border-radius: 15px;       /* for Firefox */
/*    border-style: none;*/
    border-right:  solid 4px #888888;
	border-top: solid 4px #dddddd;
	border-bottom: solid 4px #888888;
	border-left: solid 4px  #dddddd;
/*  scrollbar-base-color: rgb(253,245,154);   // Alleen voor IE*/
}

div#maincont 
{
    margin-left: 5pt; 
    margin-right: 5pt; 
    margin-top: 1.5em;
	font-family: "Comic Sans MS", cursive;
	font-size: 90%;
    /* v4 width: 80%; */
}
#maincont table
{
	margin-top: 1em;
    border: solid rgb(200,200,0) 1px;  
	border-collapse: collapse;
	font-size: 1em;
}
#maincont caption
{
	margin-top: 1em;
	background: none;
	font-weight: 700;
}
#maincont th
{
	text-align: center;
	vertical-align: middle;
	border-style: solid;
	border-color: rgb(200,200,0);
	border-width: 1px;
}
#maincont td
{
    /*font-size: 85%;*/
	vertical-align: top;
	text-align: left;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: solid rgb(200,200,0) 1px;
}
#maincont textarea 
{
    color: black;
	font-family: arial, sans-serif;
    background-color: #eeeeee;
	font-size: 110%;
	border-style: inset;
   /* word-wrap: break-word;*/
    width: 100%;
    height: 500px;
    overflow: auto;
}

div#specialtable
{
	text-align: center;
}
#specialtable table
{
	margin-left: auto;
	margin-right: auto;
}
#specialtable caption
{
	margin-left: auto;
	margin-right: auto;
	color: black;
}
#specialtable td
{
	border-style: none;
}
#newstab table
{
    margin: 0;
	padding: 0em;
	vertical-align: top;
    margin-left:auto;
    margin-right: auto;
    color: black;
	height: 80%;
	width: 95%;
    table-layout: fixed; 
	border-collapse: separate;
	border-style: none;
	font-family: arial, sans-serif;
}
#newstab td
{
    height: 50%;
	padding: 0;
	font-size: 100%;
    vertical-align: top;
	text-align: left;
	border-style: solid;
	/*background: #E3F0FF;*/
    background: #ffffff;
    border-left: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 2px solid black;
	border-right: 2px solid black;
    border-radius: 6px;
    -webkit-border-radius: 6px;    /* for Safari */
    -moz-border-radius: 6px;       /* for Firefox */
	font-size: 95%;
}
#newscel table
{
    width: 100%;
	height: 100%;
	border-collapse: collapse;
}
#newscel caption
{
	margin-top: 0;						/* Elders is een margin in maincont gedefinieerd */
 	padding: 0.0em;
	font-size: 110%;
	font-weight: 500;
    font-family: "Comic Sans MS", cursive;
    color: black;
    background: rgb(162, 127, 189);
	/*color: white;
	background: url('plaatjes/systeem/newsbalk.jpg');
	background-position: 40%;*/
}
#newscel td
{
	width: 100%;
	height: 100%;
	padding: 0.5em;
	font-size: 85%;
	/*background: #E3F0FF; versie5 */
	border-style: none;
}
div#login
{
	text-align: center;
}
#login p
{
	font-size: 90%;
	margin-bottom: 2em;
    font-weight: bold;
	color: red;
}
#login table
{
    border-style:solid; 
    border-color:#000000; 
    border-width:1px;
    width: 70%;
    font-size: 100%;
    background: #eeeeee;
	margin-left: auto;				/* Centreren van een tabel werkt in Moz. met margins, niet met text-align */
	margin-right: auto;
}
#login td
{
	border-style: none;
}

td.tdlinks
{
	color: black;
	text-align: left;
}
td.tdrechts
{
	color: black;
    text-align: right;
}
th.links
{
    text-align: left;
}
div#bewerken
{
    font-size: 100%;
    font-family: arial, sans-serif;
	text-align: center;
}
#bewerken table
{
    border-collapse: collapse; 
	/* border: 5px solid #FF0000;*/
    border-width:1px;
	border-style:inset;
	border-color:#000000;
	/*background: #ffffc5;*/
	font-size: 100%;
	color: black;
    margin-left: auto;
	margin-right: auto;
}
#bewerken caption
{
	color: white;
	background-color: rgb(255,100,100);
	margin-left: auto;
	margin-right: auto;
}
#bewerken th
{
	font-size: 85%;
	border-color:black;
	background: red;
	vertical-align: middle;
	padding: 0.1em 0.5em 0.1em 0.5em;
}
#bewerken td
{
	font-size: 90%;
    border-width:1px;
	border-style:solid;
	border-color:black;
	padding-left: 1em;
	padding-right: 1em;
}
#bewerken form
{
	margin-left: auto;
	margin-right: auto;
}

div#kal
{
    font-size: 100%;
	text-align: center;
}
#kal table
{
    border-collapse: collapse; 
	/* border: 5px solid #FF0000;*/
    /* border-width:1px; */
	border-style:none;
	/* border-color:#000000; */
	/* background: #ffffc5;*/
	font-size: 100%;
	color: black;
	width: 95%;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	table-layout: fixed;
}
#kal caption
{
	color: white;
    background: rgb(236,143,174);
	/* v4 background-color: rgb(255,100,100);*/
	margin-left: auto;
	margin-right: auto;
	border-style: solid;
	border-color: black;
	border-width: 2px;
}
#kal th
{
	font-size: 90%;
	border-color:black;
	background: red;
	vertical-align: middle;
	padding: 0.1em 0.5em 0.1em 0.5em;
}
#kal td
{
	font-size: 90%;
	font-family: arial, sans-serif;
    border-width:1px;
	border-style:solid;
	border-color:black;
	padding: 0.1em 0.5em 0.1em 0.5em;
}


div#navigatie
{
	text-align: center; 
	vertical-align: middle;
	font-size: 80%;
	margin: 0;
}
#navigatie a
{
	color: blue;
}
#navigatie p
{
	margin: 0.2em;
}
h4
{
	text-align: center;
	font-size: 110%;
	font-weight: 500;
}
p.warning
{
	color: red;
	font-weight: 700;
}
div#contact						/* PPS Contact informatie */
{
	text-align: center;			/* Om een tabel te centreren zowel text-align (IE) hier als margin in table sectie gebruiken */
	height: 50%;
}
#contact table
{
	height: 318px;				/* Afmeting van achtergrond_big */
	width: 520px;
	margin-left: auto;
	margin-right: auto;
	border-style: none;
	background: url('plaatjes/systeem/achtergrond_big.jpg');
	font-size: 110%;
	border-style: solid;
	border-color: red;
}
#contact td
{
	border-style: none;
}
div#thumbs
{
	text-align: center; 
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}
#thumbs table
{
	margin-left: auto;
	margin-right: auto;
	border-width: 1px;
	border-color: red;
}
#thumbs td
{
	padding: 1em;
	border-width: 1px;
	border-color: red;
	vertical-align: bottom;
	text-align: center;
	width: 33%;
}
div#fotobeschrijving
{
	height: 300px; 
	width: 80%; 
	padding: 1em;
	/*background: url('plaatjes/systeem/steenBG.gif');*/
    background: #f0f0f0;
	overflow: auto; 
	margin-left: auto;         /* Centreren voor w3c browsers, IE volgt de text-align in de omvattende div */
	margin-right:auto;
	text-align: justify;
}
span.printerversie
{
	font-size: 60%;
	float: right;
}

div#enquete
{
	width: 86%; 
	background: #ffffdd;
	border: 1px solid black;
}
#enquete table
{
	border-width: 0px;
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
}
#enquete td
{
	border-width: 0px;
}

/* Create a table with round corners for the main pages */
#pps-main
{
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
}

.pps-sheet
{
  position: relative;
  margin: 0 auto;
  min-width: 67px;
  min-height: 67px;
}

.pps-sheet-body
{
  position: relative;
  padding: 15px;
}

.pps-sheet-tr, .pps-sheet-tl, .pps-sheet-br, .pps-sheet-bl, .pps-sheet-tc, .pps-sheet-bc,.pps-sheet-cr, .pps-sheet-cl
{
  position: absolute;
}

.pps-sheet-tr, .pps-sheet-tl, .pps-sheet-br, .pps-sheet-bl
{
  width: 86px;
  height: 86px;
  background-image: url('plaatjes/systeem/ppssheet_s.png');
}

.pps-sheet-tl
{
  top: 0;
  left: 0;
  clip: rect(auto, 43px, 43px, auto);
}

.pps-sheet-tr
{
  top: 0;
  right: 0;
  clip: rect(auto, auto, 43px, 43px);
}

.pps-sheet-bl
{
  bottom: 0;
  left: 0;
  clip: rect(43px, 43px, auto, auto);
}

.pps-sheet-br
{
  bottom: 0;
  right: 0;
  clip: rect(43px, auto, auto, 43px);
}

.pps-sheet-tc, .pps-sheet-bc
{
  left: 43px;
  right: 43px;
  height: 86px;
  background-image: url('plaatjes/systeem/ppssheet_h.png');
}

.pps-sheet-tc
{
  top: 0;
  clip: rect(auto, auto, 43px, auto);
}

.pps-sheet-bc
{
  bottom: 0;
  clip: rect(43px, auto, auto, auto);
}

.pps-sheet-cr, .pps-sheet-cl
{
  top: 43px;
  bottom: 43px;
  width: 86px;
  background-image: url('plaatjes/systeem/ppssheet_v.png');
}

.pps-sheet-cr
{
  right: 0;
  clip: rect(auto, auto, auto, 43px);
}

.pps-sheet-cl
{
  left: 0;
  clip: rect(auto, 43px, auto, auto);
}

.pps-sheet-cc
{
  position: absolute;
  top: 43px;
  left: 43px;
  right: 43px;
  bottom: 43px;
  background-color: #FFFFFF;
}

.pps-sheet
{
  top: 22px !important;
  margin-bottom: 22px !important;
  cursor:auto;
  width: 900px;
}