/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17.09.2020, 16:34:04
    Author     : mballuff
*/
.zoomViewport {
	width:100%;
	height:600px;
	border:1px solid #ccc;
	background-color:#fafafa;
	overflow:hidden;
}

.zoomContainer {			
}

.tx-ednnproject-pi3 h2 {
	clear:left;
	font-size:24px;
	font-weight:bold;	
	text-align:left;
	padding:20px;
}

.tx-ednnporject-pi3-projects {
	clear:left;
	float:left;
	padding:20px;
	margin:10px;
	background-color:rgba(0,180,238,0.15);
	border-radius: 20px;
	
	
}
.tx-ednnporject-pi3-projects h2 {
	color:#00B4EE;
} 
.tx-ednnporject-pi3-project {
	width:300px;
	padding:10px;
	margin:0 20px 20px 0;
	float:left;
	background-color:#00B4EE;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.tx-ednnporject-pi3-project a {
	color: #fff;
}

.tx-ednnporject-pi3-project:nth-child(5n+2) {	
	clear:left;
	display:block;	
}

.tx-ednnporject-pi3-project h3 {
	font-size:20px;
	font-weight:bold;
	colro:#fff;
}

.tx-ednnporject-pi3-commons {
	clear:left;
	float:left;
	padding:20px;
	margin:10px;
	background-color:rgba(239,65,65,0.15);
	border-radius: 20px;
}
.tx-ednnporject-pi3-commons h2 {
	color:#EE4141;
}

.tx-ednnporject-pi3-common {
	width:300px;
	background-color:#EE4141;
	padding:10px;
	margin:0 20px 20px 0;
	float:left;	
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.tx-ednnporject-pi3-common a {
	color: #fff;
}

.tx-ednnporject-pi3-commons > .tx-ednnporject-pi3-common:nth-child(5n+2){
	clear:left;
}

.tx-ednnporject-pi3-common h3 {
	font-size:20px;
	color: #fff;
	font-weight:bold;
}

.tx-ednnporject-pi3-materials {
	clear:left;
	float:left;
	padding:20px;
	margin:10px;
	background-color:rgba(239,65,65,0.15);
	border-radius: 20px;
}

.tx-ednnporject-pi3-materials h2 {
	color:#EE4141;
}
.tx-ednnporject-pi3-material {
	width:300px;
	
	padding:10px;
	margin:0 20px 20px 0;
	float:left;
	background-color:#EE4141;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.tx-ednnporject-pi3-material a {
	color: #fff;
}

.tx-ednnporject-pi3-material:nth-child(5n+2)::after {
	clear:left;
}

.tx-ednnporject-pi3-material h3 {
	font-size:20px;
	color:#fff;
	font-weight:bold;
}

.tx-ednnporject-pi3-material img {
	display:block;
	margin: 0 -10px 0 -10px;
}




.level2 {

}

.level1 {

	width:1700px;
	/*border:1px solid blue;*/
}

.level0 {
	position:absolute;
	width:1800px;
	/*border:1px solid red;*/
	padding:20px;
}

.zoomButtons {
	text-align:center;
}

.zoomButton {
	font-weight:bold;
}

.zoomTarget:focus {
	z-index:1000;
}