.toolbar {
	overflow: hidden;
	float: right;
}

.activetool {
	text-align: right;
	font-size: 16px;
	padding-bottom: 5px;
	color: #FFF;
}

.toolbar ul {
	overflow: hidden;
}

.toolbar li {
	list-style: none;
	padding-left: 7px;
	float: left;
}

.toolbar li a {
	width: 32px;
	height: 32px;
	display: block;
	cursor: pointer;
	background: transparent url(../img/Toolbar/01_info.gif) no-repeat left center;
}

.toolbar li .info {
	background-image: url(../img/Toolbar/01_info.gif);
}

.toolbar li .info:hover, .toolbar li.active .info {
	background-image: url(../img/Toolbar/01_info_hover.gif);
}

.toolbar li .techniek {
	background-image: url(../img/Toolbar/02_techniek.gif);
}

.toolbar li .techniek:hover, .toolbar li.active .techniek {
	background-image: url(../img/Toolbar/02_techniek_hover.gif);
}

.toolbar li .meting {
	background-image: url(../img/Toolbar/03_meting.gif);
}

.toolbar li .meting:hover, .toolbar li.active .meting {
	background-image: url(../img/Toolbar/03_meting_hover.gif);
}

.toolbar li .energieproductie {
	background-image: url(../img/Toolbar/04_energieproductie.gif);
}

.toolbar li .energieproductie:hover, .toolbar li.active .energieproductie {
	background-image: url(../img/Toolbar/04_energieproductie_hover.gif);
}

.toolbar li .cockpit {
	background-image: url(../img/Toolbar/05_cockpit.gif);
}

.toolbar li .cockpit:hover, .toolbar li.active .cockpit {
	background-image: url(../img/Toolbar/05_cockpit_hover.gif);
}

.toolbar li .warmtebehoefte {
	background-image: url(../img/Toolbar/06_warmtebehoefte.gif);
}

.toolbar li .warmtebehoefte:hover, .toolbar li.active .warmtebehoefte {
	background-image: url(../img/Toolbar/06_warmtebehoefte_hover.gif);
}
.toolbar li .detailgrafieken {
	background-image: url(../img/Toolbar/07_detailgrafieken.gif);
}

.toolbar li .detailgrafieken:hover, .toolbar li.active .detailgrafieken {
	background-image: url(../img/Toolbar/07_detailgrafieken_hover.gif);
}
.toolbar li .logboek {
	background-image: url(../img/Toolbar/08_logboek.gif);
}

.toolbar li .logboek:hover, .toolbar li.active .logboek {
	background-image: url(../img/Toolbar/08_logboek_hover.gif);
}

.screencast {
	float: left;
	height: 43px;
	width: 160px;
	display: block;
	cursor: pointer;
	background: transparent url(../img/screencast_play_hover.jpg) 15px 0px no-repeat;
	padding-top: 20px;
	color: /*#8DAE5A*/ #94CB3E;
	font-size: 16px;
	padding-left: 90px;
	text-transform: uppercase;
}

.screencast:hover {
	background-image: url(../img/screencast_play.jpg);
	text-decoration: none;
	/*color: #95CB3E;*/
}