/*lesinhoud tips*/

.tt {
    background-color:lightsteelblue;
    color:blue;
    text-decoration:none;
    cursor:pointer;
  }
  .hidden {
    display:none;
  }
  pre {
    background-color:gainsboro;
    padding:10px;
    margin-left:20px;
    margin-right:20px;
    font-family:courier;
    font-size:90%;
  }
  b.y { background-color:yellow }

.tooltip {   
  font-size:10pt;   
  background-color:#FFFFCC;   
  border:1px solid black;   
  padding:2px;   
  position:absolute;   
  display:none; 
  float:left; 
}

.lamp { 
	width: 192px;
	max-width: 132px;
	height: 95px;
	background: url(/demo/ostimages/lamp.png) no-repeat;
	font-size: 12px;
	padding-left: 53px;
	padding-right: 5px;
	padding-top: 10px;
}

.url { 
	width: 192px;
	max-width: 185px;
	height: 95px;
	background: url(/demo/ostimages/url.png) no-repeat;
	font-size: 12px;
	text-align: center;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 48px;
}

.danger { 
	width: 192px;
	max-width: 132px;
	height: 95px;
	background: url(/demo/ostimages/danger.png) no-repeat;
	font-size: 12px;
	padding-left: 53px;
	padding-right: 5px;
	padding-top: 10px;
}
/*lesinhoud afbeeldingen*/

.afbeelding { 
	width: 192px;
	max-width: 180px;
	height: 100px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

/*lesinhoud textblokken*/

.textblok { 
	width: 187px;
	max-width: 180px;
	height: 100px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

/*lesinhoud navigatiebuttons*/

/*navigatiebuttons top eerste les*/

.eerstetop { 
	width: 185px;
	max-width: 140px;
	height: 40px;
	background: url('/demo/ostimages/nav_yellow.png') no-repeat;
	font-size: 10px;
	padding-left: 40px;
	padding-right: 0px;
	padding-top: 18px;
}

.eerstetop_navbardown a {
	background: url('/demo/ostimages/down.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.eerstetop_navbardown a .down {display:none;}

.eerstetop_navbardown a:hover {background: url('/demo/ostimages/downhigh.png') no-repeat;visibility:visible;}

.eerstetop_navbardown a:hover .down {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:102px;font-weight:bold;color:#808080;}


.eerstetop_navbarindex a {
	background: url('/demo/ostimages/index.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.eerstetop_navbarindex a .index {display:none;}

.eerstetop_navbarindex a:hover {background: url('/demo/ostimages/indexhigh.png') no-repeat;visibility:visible;}

.eerstetop_navbarindex a:hover .index {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:127px;font-weight: bold;color:#808080;}


.eerstetop_navbarright a {
	background: url('/demo/ostimages/right.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.eerstetop_navbarright a .right {display:none;}

.eerstetop_navbarright a:hover {background: url('/demo/ostimages/righthigh.png') no-repeat;visibility:visible;}

.eerstetop_navbarright a:hover .right {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:152px;font-weight: bold;color:#808080;}


/*navigatiebuttons top midden les*/

.middentop { 
	width: 185px;
	max-width: 140px;
	height: 40px;
	background: url('/demo/ostimages/nav_yellow.png') no-repeat;
	font-size: 10px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 18px;
}

.middentop_navbardown a {
	background: url('/demo/ostimages/down.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.middentop_navbardown a .down {display:none;}

.middentop_navbardown a:hover {background: url('/demo/ostimages/downhigh.png') no-repeat;visibility:visible;}

.middentop_navbardown a:hover .down {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:102px;font-weight:bold;color:#808080;}


.middentop_navbarindex a {
	background: url('/demo/ostimages/index.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.middentop_navbarindex a .index {display:none;}

.middentop_navbarindex a:hover {background: url('/demo/ostimages/indexhigh.png') no-repeat;visibility:visible;}

.middentop_navbarindex a:hover .index {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:127px;font-weight: bold;color:#808080;}


.middentop_navbarright a {
	background: url('/demo/ostimages/right.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.middentop_navbarright a .right {display:none;}

.middentop_navbarright a:hover {background: url('/demo/ostimages/righthigh.png') no-repeat;visibility:visible;}

.middentop_navbarright a:hover .right {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:152px;font-weight: bold;color:#808080;}


.middentop_navbarleft a {
	background: url('/demo/ostimages/left.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px;  
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.middentop_navbarleft a .left {display:none;}

.middentop_navbarleft a:hover {background: url('/demo/ostimages/lefthigh.png') no-repeat;visibility:visible;}

.middentop_navbarleft a:hover .left {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:80px;font-weight: bold;color:#808080;}


/*navigatiebuttons top laatste les*/

.laatstetop { 
	width: 185px;
	max-width: 140px;
	height: 40px;
	background: url('/demo/ostimages/nav_yellow.png') no-repeat;
	font-size: 10px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 18px;
}

.laatstetop_navbardown a {
	background: url('/demo/ostimages/down.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.laatstetop_navbardown a .down {display:none;}

.laatstetop_navbardown a:hover {background: url('/demo/ostimages/downhigh.png') no-repeat;visibility:visible;}

.laatstetop_navbardown a:hover .down {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:127px;font-weight:bold;color:#808080;}


.laatstetop_navbarindex a {
	background: url('/demo/ostimages/index.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.laatstetop_navbarindex a .index {display:none;}

.laatstetop_navbarindex a:hover {background: url('/demo/ostimages/indexhigh.png') no-repeat;visibility:visible;}

.laatstetop_navbarindex a:hover .index {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:152px;font-weight: bold;color:#808080;}


.laatstetop_navbarleft a {
	background: url('/demo/ostimages/left.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px;  
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.laatstetop_navbarleft a .left {display:none;}

.laatstetop_navbarleft a:hover {background: url('/demo/ostimages/lefthigh.png') no-repeat;visibility:visible;}

.laatstetop_navbarleft a:hover .left {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:102px;font-weight: bold;color:#808080;}


/*navigatiebuttons firstend*/

.firstend { 
	width: 185px;
	max-width: 140px;
	height: 40px;
	background: url('/demo/ostimages/nav_yellow.png') no-repeat;
	font-size: 10px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 18px;
}

.firstend_navbarup a {
	background: url('/demo/ostimages/up.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.firstend_navbarup a .up {display:none;}

.firstend_navbarup a:hover {background: url('/demo/ostimages/uphigh.png') no-repeat;visibility:visible;}

.firstend_navbarup a:hover .up {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:80px;font-weight: bold;color:#808080;}


.firstend_navbarright a {
	background: url('/demo/ostimages/right.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.firstend_navbarright a .right {display:none;}

.firstend_navbarright a:hover {background: url('/demo/ostimages/righthigh.png') no-repeat;visibility:visible;}

.firstend_navbarright a:hover .right {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:152px;font-weight: bold;color:#808080;}


.firstend_navbarindex a {
	background: url('/demo/ostimages/index.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.firstend_navbarindex a .index {display:none;}

.firstend_navbarindex a:hover {background: url('/demo/ostimages/indexhigh.png') no-repeat;visibility:visible;}

.firstend_navbarindex a:hover .index {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:127px;font-weight: bold;color:#808080;}


.firstend_navbarhome a {
	background: url('/demo/ostimages/home.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.firstend_navbarhome a .home {display:none;}

.firstend_navbarhome a:hover {background: url('/demo/ostimages/homehigh.png') no-repeat;visibility:visible;}

.firstend_navbarhome a:hover .home {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:105px;font-weight: bold;color:#808080;}


/*navigatiebuttons midden*/

.midden { 
	width: 185px;
	max-width: 140px;
	height: 40px;
	background: url('/demo/ostimages/nav_yellow.png') no-repeat;
	font-size: 10px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 18px;
}

.midden_navbarup a {
	background: url('/demo/ostimages/up.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.midden_navbarup a .up {display:none;}

.midden_navbarup a:hover {background: url('/demo/ostimages/uphigh.png') no-repeat;visibility:visible;}

.midden_navbarup a:hover .up {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:105px;font-weight: bold;color:#808080;}


.midden_navbardown a {
	background: url('/demo/ostimages/down.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.midden_navbardown a .down {display:none;}

.midden_navbardown a:hover {background: url('/demo/ostimages/downhigh.png') no-repeat;visibility:visible;}

.midden_navbardown a:hover .down {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:80px;font-weight: bold;color:#808080;}


.midden_navbarindex a {
	background: url('/demo/ostimages/index.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.midden_navbarindex a .index {display:none;}

.midden_navbarindex a:hover {background: url('/demo/ostimages/indexhigh.png') no-repeat;visibility:visible;}

.midden_navbarindex a:hover .index {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:152px;font-weight: bold;color:#808080;}


.midden_navbarhome a {
	background: url('/demo/ostimages/home.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.midden_navbarhome a .home {display:none;}

.midden_navbarhome a:hover {background: url('/demo/ostimages/homehigh.png') no-repeat;visibility:visible;}

.midden_navbarhome a:hover .home {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:127px;font-weight: bold;color:#808080;}


/*navigatiebuttons lastend*/

.lastend { 
	width: 185px;
	max-width: 140px;
	height: 40px;
	background: url('/demo/ostimages/nav_yellow.png') no-repeat;
	font-size: 10px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 18px;
}

.lastend_navbarleft a {
	background: url('/demo/ostimages/left.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px;  
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.lastend_navbarleft a .left {display:none;}

.lastend_navbarleft a:hover {background: url('/demo/ostimages/lefthigh.png') no-repeat;visibility:visible;}

.lastend_navbarleft a:hover .left {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:80px;font-weight: bold;color:#808080;}


.lastend_navbarup a {
	background: url('/demo/ostimages/up.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.lastend_navbarup a .up {display:none;}

.lastend_navbarup a:hover {background: url('/demo/ostimages/uphigh.png') no-repeat;visibility:visible;}

.lastend_navbarup a:hover .up {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:105px;font-weight: bold;color:#808080;}


.lastend_navbarindex a {
	background: url('/demo/ostimages/index.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.lastend_navbarindex a .index {display:none;}

.lastend_navbarindex a:hover {background: url('/demo/ostimages/indexhigh.png') no-repeat;visibility:visible;}

.lastend_navbarindex a:hover .index {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:152px;font-weight: bold;color:#808080;}

.lastend_navbarhome a {
	background: url('/demo/ostimages/home.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.lastend_navbarhome a .home {display:none;}

.lastend_navbarhome a:hover {background: url('/demo/ostimages/homehigh.png') no-repeat;visibility:visible;}

.lastend_navbarhome a:hover .home {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:127px;font-weight: bold;color:#808080;}

/*navigatiebuttons end*/

.end { 
	width: 185px;
	max-width: 140px;
	height: 40px;
	background: url('/demo/ostimages/nav_yellow.png') no-repeat;
	font-size: 10px;
	padding-left: 40px;
	padding-right: 5px;
	padding-top: 18px;
}

.end_navbarleft a {
	background: url('/demo/ostimages/left.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px;  
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.end_navbarleft a .left {display:none;}

.end_navbarleft a:hover {background: url('/demo/ostimages/lefthigh.png') no-repeat;visibility:visible;}

.end_navbarleft a:hover .left {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:55px;font-weight: bold;color:#808080;}

.end_navbarup a {
	background: url('/demo/ostimages/up.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}
.end_navbarup a .up {display:none;}

.end_navbarup a:hover {background: url('/demo/ostimages/uphigh.png') no-repeat;visibility:visible;}

.end_navbarup a:hover .up {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:80px;font-weight: bold;color:#808080;}

.end_navbarindex a {
	background: url('/demo/ostimages/index.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.end_navbarindex a .index {display:none;}

.end_navbarindex a:hover {background: url('/demo/ostimages/indexhigh.png') no-repeat;visibility:visible;}

.end_navbarindex a:hover .index {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:127px;font-weight: bold;color:#808080;}

.end_navbarhome a {
	background: url('/demo/ostimages/home.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.end_navbarhome a .home {display:none;}

.end_navbarhome a:hover {background: url('/demo/ostimages/homehigh.png') no-repeat;visibility:visible;}

.end_navbarhome a:hover .home {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:105px;font-weight: bold;color:#808080;}

.end_navbarright a {
	background: url('/demo/ostimages/right.png') no-repeat;
	display: block;
	height: 30px;	
	width: 1px;	
	padding-top: 5px;	
	padding-left: 22px; 
	margin-left: 0;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

.end_navbarright a .right {display:none;}

.end_navbarright a:hover {background: url('/demo/ostimages/righthigh.png') no-repeat;visibility:visible;}

.end_navbarright a:hover .right {display:block;color:black;font-size:10pt;position:relative;bottom:25px;right:152px;font-weight: bold;color:#808080;}