@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
  padding: 0;
  width:100%;
  height:100%;
  background-color: #F2F2F2;
}

body,td,th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;	
}

.center {
	margin-left: auto;
	margin-right: auto;
	width: 1250px;
  height: 1250px;
}

.container {
	position: absolute;
  margin-left: 20px;
  margin-right: 20px;
}



#titelProf {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 98;
  width: 1000px;
}



#dialogText1 {
	position: absolute;
	left: 240px;
	top: 310px;
	height: 170px;
	width: 750px;
	overflow: auto;
	z-index: 95;
}

#dialogText2 {
	position: absolute;
	left: 150px;
	top: 450px;
	height: 5000px;
	width: 270px;
	overflow: auto;
	z-index: 95;
}

#dialogText3 {
	position: absolute;
	left: 470px;
	top: 450px;
	height: 5000px;
	width: 270px;
	overflow: auto;
	z-index: 95;
}

#dialogText4 {
	position: absolute;
	left: 830px;
	top: 450px;
	height: 5000px;
	width: 270px;
	overflow: auto;
	z-index: 95;
}

#dialogText5 {
	position: absolute;
	left: 450px;
	top: 1100px;
	height: 5000px;
	width: 1000px;
	overflow: auto;
	z-index: 97;
}



.blink {
    animation-duration: 0.5s;
    animation-name: blink;
    animation-iteration-count: 6;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    position: absolute;
	  left: 547px;
	  top: 465px;
    height: 150px;
	  width: 150px;
	  z-index: 99;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


.segment00 {
	position: absolute;
	left: 37px;
	top: 125px;
  height: 310px;
	width: 1140px;
	z-index: 96;
}

.segmentM11 {
	position: absolute;
	left: 30px;
	top: 20px;
  height: 85px;
	width: 1150px;
	z-index: 10;
}



.segmentM22 {
	position: absolute;
	left: 1020px;
	top: 35px;
  height: 55px;
	width: 137px;
	z-index: 99;
}



.segmentM33 {
	position: absolute;
	left: 965px;
	top: 37px;
  height: 50px;
	width: 50px;
	z-index: 99;
}