:focus {
    outline: none;
}

#channelMonitor{
	display:block;
	width: 215px;
	height: 136px;
	float:left;
	clear:right;
	background: url('images/diagramm/cmButton.jpg') no-repeat right top;
}
#channelMonitor:hover{
	display:block;
	width: 215px;
	height: 136px;
	float:left;
	clear:right;
	background: url('images/diagramm/cmButtonHover.jpg') no-repeat right top;
}

#alarmMonitor{
	display:block;
	width: 149px;
	height: 136px;
	float:left;
	clear:right;
	background: url('images/diagramm/amButton.jpg') no-repeat right top;
}
#alarmMonitor:hover{
	display:block;
	width: 149px;
	height: 136px;
	float:left;
	clear:right;
	background: url('images/diagramm/amButtonHover.jpg') no-repeat right top;
}
#hmi{
	display:block;
	width: 215px;
	height: 136px;
	float:left;
	clear:right;
	background: url('images/diagramm/hmiButton.jpg') no-repeat right top;
}
#hmi:hover{
	display:block;
	width: 215px;
	height: 136px;
	float:left;
	clear:right;
	background: url('images/diagramm/hmiButtonHover.jpg') no-repeat right top;
}

#dataAcquisition{
	display:block;
	width: 158px;
	height: 293px;
	float:left;
	clear:right;
	background: url('images/diagramm/daButton.jpg') no-repeat right top;
}
#dataAcquisition:hover{
	display:block;
	width: 158px;
	height: 293px;
	float:left;
	clear:right;
	background: url('images/diagramm/daButtonHover.jpg') no-repeat right top;
}

#scadaLogoDiagramm{
	display:block;
	width: 252px;
	height: 304px;
	float:left;
	clear:right;
	background: url('images/diagramm/scadaLogo.jpg') no-repeat right top;
}
#pidController{
	display:block;
	width: 167px;
	height: 123px;
	float:left;
	clear:right;
	background: url('images/diagramm/pidButton.jpg') no-repeat right top;
}
#pidController:hover{
	display:block;
	width: 167px;
	height: 123px;
	float:left;
	clear:right;
	background: url('images/diagramm/pidButtonHover.jpg') no-repeat right top;
}

#calculatedChannels{
	display:block;
	width: 167px;
	height: 87px;
	float:left;
	clear:right;
	background: url('images/diagramm/ccButton.jpg') no-repeat right top;
}
#calculatedChannels:hover{
	display:block;
	width: 167px;
	height: 87px;
	float:left;
	clear:right;
	background: url('images/diagramm/ccButtonHover.jpg') no-repeat right top;
}

#alarmChannels{
	display:block;
	width: 167px;
	height: 87px;
	float:left;
	clear:right;
	background: url('images/diagramm/acButton.jpg') no-repeat right top;
}
#alarmChannels:hover{
	display:block;
	width: 167px;
	height: 87px;
	float:left;
	clear:right;
	background: url('images/diagramm/acButtonHover.jpg') no-repeat right top;
}

#dataLogging{
	display:block;
	width: 577px;
	height: 90px;
	float:left;
	clear:right;
	background: url('images/diagramm/third.jpg') no-repeat right top;
}
#dataLogging:hover{
	display:block;
	width: 577px;
	height: 90px;
	float:left;
	clear:right;
	background: url('images/diagramm/thirdHover.jpg') no-repeat right top;
}

#dataExport{
	display:block;
	width: 290px;
	height: 141px;
	float:left;
	clear:right;
	background: url('images/diagramm/deButton.jpg') no-repeat right top;
}
#dataExport:hover{
	display:block;
	width: 290px;
	height: 141px;
	float:left;
	clear:right;
	background: url('images/diagramm/deButtonHover.jpg') no-repeat right top;
}

#trends{
	display:block;
	width: 287px;
	height: 141px;
	float:left;
	clear:right;
	background: url('images/diagramm/trButton.jpg') no-repeat right top;
}
#trends:hover{
	display:block;
	width: 287px;
	height: 141px;
	float:left;
	clear:right;
	background: url('images/diagramm/trButtonHover.jpg') no-repeat right top;
}