body {
background:#c5ccd4 url(../graphics/bg.gif);
}

::-webkit-scrollbar {
    display: none;
}

.Kopf {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 20%;
border-bottom: 5px solid #636363;
}

.Kopf1 {
	position: absolute;
	width: 25%;
	height: 100%;
}

.Kopf1a{
position: absolute;
font-family: Arial;
font-size: 35;	
 width: 100%;	
      display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;  
 overflow: hidden;
 font-weight:bolder;   
 text-align: center;    
}

.Kopf2 {
	position:absolute;
	left: 25%;
	width: 50%;
	height: 100%;
	border-left: 5px solid #636363;
}

.Kopf2b {
		position:absolute;
font-size: 35;
  font-family: Arial;
  font-weight:normal;
  text-align:center;
  background: white;
  height: 30%;
left: 5%;
top: 10%;
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:3px 3px 3px 3px;	
	resize: none; 
}

#Kopf2b_keyboard {
	position: fixed;
	margin-top: 10%;
	width: 100%;
	
}

.Kopf4 {
	position: absolute;
	width: 25%;
	float: right;
	height: 100%;
	border-left: 5px solid #636363;
	left: 75%;
}

.Kopf4a {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
  margin-top: 50px;;
  transition: transform 0.3s;
  	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
	background-image:linear-gradient(0deg, #ebce5a00 5%, #cea30052 70%);
}

.Kopf4aAnimate {
  transform: rotateY(360deg);
}


.Kopf4b {
position: absolute;
top: 0px;
text-align: center;
font-family: Arial;
font-size: 35;	
 width: 100%;	
 font-weight:bolder;    
}



#Right3Main {
	position: absolute;
	width: 99%;
	top: 24%;
overflow-x: hidden;
    overflow-y: scroll;
    overflow: overlay;
min-height: 698px;
max-height: 698px;
	}





.scaninhaltordner {
position: relative;
	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius:3px 3px 3px 3px;
	border-radius:0px 3px 3px 3px;
	border-collapse:inherit;
	border-spacing:0;
border: 1px black solid;
height: 270px;
width: 300px;
margin-left: 10px;
margin-top: 30px;
margin-bottom: 15px;
float: left;
box-shadow: 3px 3px 10px #a49c99, 3px 3px 10px #000000;
background-image:linear-gradient(0deg, #ebce5a 5%, #cea300 70%);
transition: transform 0.3s;

}

.scaninhaltordnerAnimate {
  transform: rotateY(360deg);
}


  .scaninhaltordner:before {
    content: '';
    width: 50%;
    height: 30px;;
    border-radius: 0 20px 0 0;
    background-color: #cea300;
    position: absolute;
    top: -31px;
    left: -1px;
    border: 1px black solid;
    border-bottom: none;
  }


.scaninhaltordnerTitel {
font-size: 35;
  font-family: Arial;
  font-weight:normal;
  text-align:center;
  text-decoration: underline;
  max-height: 200px;
  overflow: hidden;
 word-spacing: 10px;
}

.scaninhaltordnerDate {
	position: absolute;
font-size: 20;
  font-family: Arial;
  font-weight:normal;
  text-align:center;
    overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  	width: 100%;
  	top: 240px;
}

.scaninhaltordnerEdit {
position: absolute;
top: 65px;
left: 75px;
width: 25px;
}


.scaninhaltordnerUP {
	position: absolute;
	width: 150;
	left: 50%;
margin-left: -75px;
top: 90px;
opacity: 0.6;
}


           #white-background{
                display: none;
                width: 100%;
                height: 100%;
                position: fixed;
                top: 0px;
                left: 0px;
                background-color: #fefefe;
                opacity: 0.7;
                z-index: 9999;
            }
            
            #confbox{
                /*initially dialog box is hidden*/
                display: ;
                position: absolute;
             
        
                min-width: 60%;
                z-index: 9999;
                border-radius: 10px;
                background-color: #7c7d7e;
                margin-left: -16%;

            }
            
            #confbox-header{
                background:#656e70;
  background:-webkit-gradient(linear, left top, left bottom, from(#656e70), color-stop(50%, #515b5c), color-stop(5.1%, #465153), to(#323e40));
  background:-moz-linear-gradient(top, #656e70, #515b5c 50%, #465153 50.1%, #323e40);
  background:linear-gradient(top, #656e70, #515b5c 50%, #465153 50.1%, #323e40);
                color: white;
                font-size: 45px;
                padding: 10px;
                margin: 10px 10px 0px 10px;
                font-weight: lighter;
text-shadow: 1px 1px 7px #656e70;
font-family: Arial;
    border: 1px solid #000000;
    border-radius: 3px;
            }
            
            #confbox-body{
                background-color: white;
                color: black;
                font-size: 35px;
                padding: 10px;
                margin: 0px 10px 0px 10px;
                  font-weight: lighter;
font-family: Arial;
            }
            
            #confbox-footer{
                background-color: #f2f2f2;
                text-align: right;
                padding: 10px;
                margin: 0px 10px 10px 10px;
            }
            
            #confbox-footer button{
                background:#656e70;
  background:-webkit-gradient(linear, left top, left bottom, from(#656e70), color-stop(50%, #515b5c), color-stop(5.1%, #465153), to(#323e40));
  background:-moz-linear-gradient(top, #656e70, #515b5c 50%, #465153 50.1%, #323e40);
  background:linear-gradient(top, #656e70, #515b5c 50%, #465153 50.1%, #323e40);
                color: white;
                padding: 5px;
                border: 0px;
                  font-weight: normal;
text-shadow: 1px 1px 7px #656e70;
font-family: Arial;
 font-size: 45px;
            }


#confbox-JA {
	position: absolute;
	left: 20px !important;
}