/* 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;*/
/*background: -webkit-linear-gradient(#fff, #fff,#adcabd); /* For Safari */
/*background: -o-linear-gradient(#fff, #fff,#adcabd); /* For Opera 11.1 to 12.0 */
/*background: -moz-linear-gradient(#fff,#fff,#adcabd); /* For Firefox 3.6 to 15 */
/*background: linear-gradient(#fff, #fff,#adcabd); /* Standard syntax (must be last) */
clear:left;
z-index:1100;/*PRIO APPEARANCE*/
float: left;
width: 89%;
height: 22px;
padding: 0px 0px 0px 11%; /* boven rechts onder links */
margin:0px 0px 0px 0;
}

/* 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: 22px;
padding: 0px 0px 0px 5%; /* boven rechts onder links */
margin:0px 0px 0px 0;
}

div#menubar{
float:left;
hight:24px;
width:100%;
z-index:100;
padding: 0px 11% 0px 11%; /* boven rechts onder links */
vertical-align:bottom;
background-color:#fff;/*#BFCFFE;*/
opacity:0.95;
border-bottom: 2px solid #0099FF;
/*display: flex;
flex-flow: row wrap;
align-content:space-around;
/*align:justify;
/*margin-left:auto;
/*margin-right:auto;*/
}
div#menubar{
float:left;
hight:24px;
width:100%;
z-index:100;
padding: 0px 11% 0px 11%; /* boven rechts onder links */
vertical-align:bottom;
background-color:#fff;/*#BFCFFE;*/
opacity:0.95;
border-bottom: 0.32em solid #0099FF;
/*display: flex;
flex-flow: row wrap;
align-content:space-around;
/*align:justify;
/*margin-left:auto;
/*margin-right:auto;*/
}
div#menubartb{
float:left;
hight:24px;
width:100%;
vertical-align:bottom;
background-color:#fff;/*#BFCFFE;*/
opacity:0.95;
border-top: 4px solid #0099FF;
border-bottom: 4px solid #0099FF;
/*display: flex;
flex-flow: row wrap;
align-content:space-around;
/*align:justify;
/*margin-left:auto;
/*margin-right:auto;*/
}

div#barmenuitem{
text-align:center;
vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#fff;/*#BFCFFE;*/
float:left;
width: auto;
min-width:90px;
height: 100%;
padding: 2px 5px 2px 5px; /* boven rechts onder links */
}
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;
	-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{
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#barmenuitem1: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#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;
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:fixed;
top:200px;
right:10px;
min-width: 90px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px 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#sidepageitem:hover{
background-color:#0000FF;
color:#fff;
font-weight:bold;
border:4px solid #0000FF;
top:199px;
right:11px;
/*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#sidepageitem1{
text-align:left;
text-vertical-align:middle;
color:#0099ff;/*#adcabd;*/
font-weight:bold;
background-color:#F5FAFA;
position:fixed;
top:250px;
right:10px;
min-width: 90px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px 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:4px solid #0000FF;
top:249px;
right:11px;
/*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:fixed;
top:300px;
right:10px;
min-width: 90px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px 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:4px solid #0000FF;
top:299px;
right:11px;
/*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:fixed;
top:350px;
right:10px;
min-width: 90px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px 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:4px solid #0000FF;
top:349px;
right:11px;
/*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:fixed;
top:400px;
right:10px;
min-width: 90px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px 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:4px solid #0000FF;
top:399px;
right:11px;
/*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:fixed;
top:450px;
right:10px;
min-width: 90px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px 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:4px solid #0000FF;
top:449px;
right:11px;
/*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:absolute;
min-width: 90px;
hight: 20px;
padding: 2px 2px 2px 2px; /* boven rechts onder links */
border:4px 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;
}
