/* pmplus style sheet 
	Tool: HTML Kit. It is simple, and enables one to practise the basic skills, learning by doing. 
	Content management excellent larger organisations.
	The visibility of special effects is limited, then use a browser like Chrome and Explorer for testing. 
	Also the Google analytics scripts are timeconsuming in the Kit viewer, you must exclude them.
	The browsers perform better. 
  Comments: Thanks to Wybe Websters van http://sceneone.nl/ 
	Through his clear guidance i was able to realise the structure of this site and acquire Html and CSS fundamentals.
	Also Thanks to Hans de Jong. His http://www.handleidinghtml.nl/ is extremely helpful in many cases. 
	Furthermore a lot of boards are available for specific problems, with a little help from a search engine. 

*/div#topmenu{
background-color:#0000FF;
clear:left;
z-index:122;/*PRIO APPEARANCE*/
float: left;
width: 100%;
height: 1.4em;
/*padding: 0px 0px 0px 0%; /* boven rechts onder links */
/*margin:0px 0px 0px 0;*/
}
div#topmenuc{
background-color: transparent;
z-index:122;/*PRIO APPEARANCE*/
margin-left:auto;
margin-top:0;
margin-right:auto;
text-align:right;
border-top: 2px solid black;
width: 68em;
max-width:100%;
height: 100%;
}

/* relatieve menu bar */
div#box2menubar{
background-color:  #0000FF;*/
/*background: -webkit-linear-gradient(#fff, #0000ff); /* For Safari */
/*background: -o-linear-gradient(#fff, #0000ff); /* For Opera 11.1 to 12.0 */
/*background: -moz-linear-gradient(#fff, #0000ff); /* For Firefox 3.6 to 15 */
/*background: linear-gradient(#fff, #0000ff); /* Standard syntax (must be last) */
clear:left;
z-index:100;
float: left;
width: 95%;
height: 1,6em;
padding: 0px 0px 0px 5%; /* boven rechts onder links */
margin:0px 0px 0px 0;
}

div#menubar{
height:2.7em;
width:100%;
z-index:100;
color:#0099ff;/*#adcabd;*/
background-color:#fff;/*#BFCFFE;*/
opacity:0.95;
border-bottom: 0.2em solid #0099FF;
/*display: flex;
flex-flow: row wrap;
align-content:space-around;
/*align:justify;
/*margin-left:auto;
/*margin-right:auto;*/
}
div#menubarc{
margin-left:auto;
margin-right:auto;
height:100%;
width:62em;
z-index:100;
background-color:#fff;/*#BFCFFE;*/
opacity:0.95;
/*border-bottom: 2px solid transparent;*/
}

div#barmenuitem{
float:left;
padding: 0.2em 0.25em 0em 0.25em; /* boven rechts onder links */
text-align:center;
text-vertical-align:bottom;
font-weight:bold;
font-size:1.5em;
background-color:#fff;/*#BFCFFE;*/
min-width:5.2em;
height: 1.6em;
}

div#barmenuitem.active{
color:#fff;
background-color:#0099ff;/*#adcabd;*//*#BFCFFE;*/
}
div#barmenuitem.visited{
color:#fff;
background-color:grey;/*#adcabd;*//*#BFCFFE;*/
}

div#barmenuitem:hover{
background-color:#0000FF;
color:#fff;
text-decoration: none;/*underline;*/
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barmenuitem1{
float:left;
padding: 0.2em 0.25em 0em 0.25em; /* boven rechts onder links */
text-align:center;
text-vertical-align:bottom;
font-weight:bold;
font-size:1.5em;
min-width:5.2em;
height: 1.6em;
background-color:#d3f0e3;/*#BFCFFE;*/
}

div#barmenuitem1.active{
color:#fff;
background-color:#0099ff;/*#adcabd;*//*#BFCFFE;*/
}
div#barmenuitem1.visited{
color:#fff;
background-color:grey;/*#adcabd;*//*#BFCFFE;*/
}
div#barmenuitem1:hover{
background-color:#0000FF;
color:#fff;
text-decoration: none;/*underline;*/
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}

div#barmenuitem2{
text-align:center;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:left;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barmenuitem2:hover{
background-color:#0000FF;
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barmenuitem3{
text-align:center;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:left;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barmenuitem3:hover{
background-color:#0000FF;
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barmenuitem4{
text-align:center;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:left;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barmenuitem4:hover{
background-color:#0000FF;
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barmenuitem5{
text-align:center;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:left;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barmenuitem5:hover{
background-color:#0000FF;
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barmenuitem6{
text-align:center;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:left;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barmenuitem6:hover{
background-color:#0000FF;
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barmenuitem7{
text-align:center;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:left;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barmenuitem7:hover{
background-color:#0000FF;
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barpageitem{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:right;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barpageitem:hover{
background-color:#0000ff;/*#BFCFFE;*/
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barpageitem1{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:right;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barpageitem1:hover{
background-color:#0000ff;/*#BFCFFE;*/
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barpageitem2{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:right;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barpageitem2:hover{
background-color:#0000ff;/*#BFCFFE;*/
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#barpageitem3{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:right;
width: 110px;
height: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
}
div#barpageitem3:hover{
background-color:#0000ff;/*#BFCFFE;*/
color:#fff;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidemenuitem{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
position:fixed;
top:120px;
width: 80px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px solid #fff;/*#BFCFFE;*/
margin:-1px 0 0  -165px;
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
/*	  -webkit-box-shadow: 2px 4px 4px 3px #0000ff;
  -moz-box-shadow: 2px 4px 4px 3px #0000ff;
  box-shadow: 2px 4px 4px 3px #0000ff;*/
}
div#sidemenuitem:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
top:118px;
margin:-1px 0 0  -172px;
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}

div#sidemenuitem1{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
position:fixed;
top:170px;
width: 80px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px solid #fff;/*#BFCFFE;*/
margin:-1px 0 0  -165px;
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
/*	  -webkit-box-shadow: 2px 4px 4px 3px #0000ff;
  -moz-box-shadow: 2px 4px 4px 3px #0000ff;
  box-shadow: 2px 4px 4px 3px #0000ff;*/
}
div#sidemenuitem1:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
top:168px;
margin:-1px 0 0  -168px;
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidemenuitem2{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
position:fixed;
top:220px;
width: 80px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px solid #fff;/*#BFCFFE;*/
margin:-1px 0 0  -165px;
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}
div#sidemenuitem2:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
top:218px;
margin:-1px 0 0  -168px;
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidemenuitem3{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
position:fixed;
top:270px;
width: 80px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px solid #fff;/*#BFCFFE;*/
margin:-1px 0 0  -165px;
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}
div#sidemenuitem3:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
top:268px;
margin:-1px 0 0  -168px;
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidemenuitem4{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
position:fixed;
top:320px;
width: 80px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px solid #fff;/*#BFCFFE;*/
margin:-1px 0 0  -165px;
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}
div#sidemenuitem4.visited{
color:#fff;
border:4px solid grey;/*#BFCFFE;*/
background-color:grey;/*#adcabd;*//*#BFCFFE;*/
}

div#sidemenuitem4:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
top:318px;
margin:-1px 0 0  -168px;
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidemenuitem5{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
position:fixed;
top:370px;
width: 80px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px solid #fff;/*#BFCFFE;*/
margin:-1px 0 0  -165px;
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}
div#sidemenuitem5.visited{
color:#fff;
border:4px solid grey;/*#BFCFFE;*/
background-color:grey;/*#adcabd;*//*#BFCFFE;*/
}
div#sidemenuitem5:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
top:368px;
margin:-1px 0 0  -168px;
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidemenuitem6{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
position:fixed;
top:420px;
width: 80px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px solid #fff;/*#BFCFFE;*/
margin:-1px 0 0  -165px;
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}
div#sidemenuitem6:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
top:418px;
margin:-1px 0 0  -168px;
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidemenuitem7{
text-align:center;
text-vertical-align:middle;
color:#0000ff;
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
position:fixed;
top:470px;
width: 80px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px solid #fff;/*#BFCFFE;*/
margin:-1px 0 0  -165px;
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}
div#sidemenuitem7:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
top:468px;
margin:-1px 0 0  -168px;
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidepagebox{
float:right;
position:relative;
top:0px;
width: 1px;
hight: 1px;
background-color: transparent;
}
div#sidepagebox2{
float:left;
width: 1px;
hight: 1px;
background-color: transparent;
}
div#sidepageitem{
text-align:left;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#F5FAFA;
position:relative;
top:13em;
right:-0.1em;
min-width: 5em;
hight: 1em;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:2px solid #F5FAFA;
/*margin:px 3em 0 0em;*/
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
/*	  -webkit-box-shadow: 2px 4px 4px 3px #0000ff;
  -moz-box-shadow: 2px 4px 4px 3px #0000ff;
  box-shadow: 2px 4px 4px 3px #0000ff;*/
}
div#sidepageitem:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:2px solid #0000FF;
top:12.9em;
right:-0.05em;
/*margin:-1px 0 0  73px;*/
  -webkit-box-shadow: 0.1em 0.1em 0.1em 0.1em #0099ff;
  -moz-box-shadow: 0.1em 0.1em 0.1em 0.1em #0099ff;
  box-shadow: 0.1em 0.1em 0.1em 0.1em #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidepageitem1{
text-align:left;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#F5FAFA;
position:relative;
top:15em;
right:-0.1em;
min-width: 5em;
hight: 1em;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:2px solid #F5FAFA;
/*margin:0px 0 0 160px;*/
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
/*	  -webkit-box-shadow: 2px 4px 4px 3px #0000ff;
  -moz-box-shadow: 2px 4px 4px 3px #0000ff;
  box-shadow: 2px 4px 4px 3px #0000ff;*/
}
div#sidepageitem1:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:2px solid #0000FF;
top:14.9em;
right:-0.05em;
/*margin:-1px 0 0  73px;*/
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidepageitem2{
text-align:left;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#F5FAFA;
position:relative;
top:17em;
right:-0.1em;
min-width: 5em;
hight: 1em;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:2px solid #F5FAFA;
/*margin:0px 0 0 160px;*/
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
/*	  -webkit-box-shadow: 2px 4px 4px 3px #0000ff;
  -moz-box-shadow: 2px 4px 4px 3px #0000ff;
  box-shadow: 2px 4px 4px 3px #0000ff;*/
}
div#sidepageitem2:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:2px solid #0000FF;
top:16.9em;
right:-0.05em;
/*margin:-1px 0 0  73px;*/
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidepageitem3{
text-align:left;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#F5FAFA;
position:relative;
top:19em;
right:-0.1em;
min-width: 5em;
hight: 1em;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:2px solid #F5FAFA;
/*margin:0px 0 0 160px;*/
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
/*	  -webkit-box-shadow: 2px 4px 4px 3px #0000ff;
  -moz-box-shadow: 2px 4px 4px 3px #0000ff;
  box-shadow: 2px 4px 4px 3px #0000ff;*/
}
div#sidepageitem3:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:2px solid #0000FF;
top:18.9em;
right:-0.05em;
/*margin:-1px 0 0  73px;*/
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidepageitem4{
text-align:left;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#F5FAFA;
position:relative;
top:21em;
right:-0.1em;
min-width: 5em;
hight: 1em;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:2px solid #F5FAFA;
/*margin:0px 0 0 160px;*/
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
/*	  -webkit-box-shadow: 2px 4px 4px 3px #0000ff;
  -moz-box-shadow: 2px 4px 4px 3px #0000ff;
  box-shadow: 2px 4px 4px 3px #0000ff;*/
}
div#sidepageitem4:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:2px solid #0000FF;
top:20.9em;
right:-0.05em;
/*margin:-1px 0 0  73px;*/
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}
div#sidepageitem5{
text-align:left;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#F5FAFA;
position:relative;
top:23em;
right:-0.1em;
min-width: 5em;
hight: 1em;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:2px solid #F5FAFA;
/*margin:0px 0 0 160px;*/
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
/*	  -webkit-box-shadow: 2px 4px 4px 3px #0000ff;
  -moz-box-shadow: 2px 4px 4px 3px #0000ff;
  box-shadow: 2px 4px 4px 3px #0000ff;*/
}
div#sidepageitem5:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:2px solid #0000FF;
top:22.9em;
right:-7.95em;
/*margin:-1px 0 0  73px;*/
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}

div#sidepageitemlo{
text-align:center;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#F5FAFA;
position:relative;
top:-0.2em;
right:4em;
min-width: 6em;
hight: 1em;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:2px solid #F5FAFA;
margin: 0px 0 0 75px;
 -moz-border-radius:  5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   border-radius: 5px 5px 5px 5px;
}
div#sidepageitemlo:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
margin:0px 0 0  75px;
  -webkit-box-shadow: 1px 1px 1px 1px #0099ff;
  -moz-box-shadow: 1px 1px 1px 1px #0099ff;
  box-shadow: 1px 1px 1px 1px #0099ff;
	-webkit-transition-duration: 0.2s;
	-moz-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	-moz-transition-timing-function: linear, ease-in;
}