#wrapper { 
    font-variant: normal;
    width: 1280px; 
    margin: auto; 
    background-color: white; 
    overflow: hidden
}

#buero {    
    position: relative;
    z-index: 1;
    background-image: url("../images/buero.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;


}

#bueroOP {    
    position: relative;
    z-index: 1;
    background-image: url("../images/bueroOP.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;


}

#desktop{
    width: 1280px;
    height: 720px;
    background-image: url("../images/monitor.jpg");
    background-repeat: no-repeat;

}

.exit_desktop{
    cursor:pointer;     
    position: relative;
    width: 100px;
    height: 25px;
    top: 811px;
    left: 650px;
}

.anhang{
    color: blue;
}

.anhang:visited{
    color: red;
}

.anhang:hover{
    color:lightskyblue;
}

.anhang:active{
    color: red;
}


#computer{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 408px;
    height: 190px;
    top: 410px;
    left: 870px;
    z-index: 0;
    transform: skew(-5deg, 5deg);
}

#telefon{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 193px;
    height: 70px;
    top: 604px;
    left: 121px;
    z-index: 0;
}
#ringing{
    background-image: url("../images/ringing.png");
    background-repeat: no-repeat;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 550px;
    left: 200px;
    display: none;
    z-index: 3;
}

#telefon_nachricht{
    background-image: url("../images/Tel_Sprechblase.png");
    background-repeat: no-repeat;

    width: 855px;
    height: 481px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 100px;
    left: 200px;
    display: none;
    z-index: 2;
}


#telefon_nachricht_inhalt{
    overflow: scroll;
    width: 645px;
    height: 450px;
    position: absolute;
    left: 200px;
    top: 25px;
}



#telefon_nachricht p{
    margin-bottom: 1px;
    margin-top: 2px;
}
#telefon_nachricht br{
    margin-top: 2px;
}

#nachricht_event_schließen{
    position: relative;    
    top: 430px;
    left: 425px;
    display: none;
    z-index: 4;
}

#kalender_btn{
    background-color: transparent;           
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 165px;
    height: 80px;
    top: 610px;
    left: 353px;
    z-index: 0;
}

#karte{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 610px;
    height: 395px;
    top: 85px;
    left: 135px;
}


.menu{
    width: auto;
    position: relative;
    float: right;
    margin-right: 46%;
	margin-top: 3px;
    background-color: #ffffff;
	z-index: 0;

}


.menu table{                
    border: 1px solid black;

}

.menu_tr{
    height: 30px;
    border:none;
    padding: 0px;
    margin: 0px;
}
.menu_th{
    height: 30px;
    border:none;
}
.menu_td{
    height: 30px;
    border:none;
}

#login{
	margin-left:auto;
	margin-right:auto;
	text-align: center;
    width: 500px;
    height:720px;
}

#register{
	height: 720px;
    width: 500px;	
    margin-left: auto;
    margin-right: auto;
	padding-top: 25px;
}

#aufgabe{

}

.mitte{
    align-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 6em;
}

.email_btn{             
    border: none;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    width: 60px;
    height: 42px;
    top: 265px;
    left: 256px;

}

.netzplan_btn{            
    border: none;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    width: 65px;
    height: 47px;
    top: 328px;
    left: 119px;

}

.psp_btn{
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: relative;
    background-color: transparent;
    width: 63px;
    height: 43px;
    top: 390px;
    left: 185px; 
}

#karte_vollbild{
    position: relative;
    background-image: url("../images/karte.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#exit_karte{
    margin-bottom: 50px;
    cursor:pointer;     
    position: relative;
    width: 100px;
    height: 25px;
    top: 720px;
    left: 640px;
}

#netzplan_vollbild{
    position: relative;
    background-image: url("../images/netzplan_blanko.png");
    background-repeat: no-repeat;
    width: 5120px;
    height: 1046px;
}



.netzplan_absch{
    margin-bottom: 50px;
    cursor:pointer;     
    position: relative;
    width: 100px;
    height: 25px;
    top: 750px;
    left: 600px;
}

#email_prog{
    position: relative;
    width: 1280px;
    height: 720px;
    top:-10px;
    background-image: url("../images/email.jpg");
    background-repeat: no-repeat;
}

#exit_email{
    margin-bottom: 50px;
    cursor:pointer;     
    position: relative;
    width: 100px;
    height: 25px;
    top: -180px;
    left: 600px;
}

#email_betreff{
    margin-bottom: 50px;       
    position: relative;
    width: 400px;
    height: 50px;
    top: 80px;
    left: 150px;
}

#email_inhalt{
    margin-bottom: 50px;  
    padding-top: 30px;
    padding-right: 10px;
    position: relative;
    width: 805px;
    height: 620px;
    overflow: scroll;
    top: -130px;
    left: 460px;
}


#buero_monitor_ani{
    position: absolute;
    top: 50px;
    z-index: 0;    
    width: 1280px;
    height: 720px;

}

#pfeil_rechts{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 1200px;
    background: transparent url("../images/pfeil_rechts_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#pfeil_links{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 0px;
    background: transparent url("../images/pfeil_links_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#kalender{
    background-image: url("../images/kalender.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
    position: relative;
    z-index: 5;
}

#exit_kalender{
    margin-bottom: 50px;
    cursor:pointer;     
    position: relative;
    width: 100px;
    height: 25px;
    top: 100px;
    left: 950px;
}

#ani_buero_pfeil_rechts90{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;

}

#ani_buero_pfeil_rechts180{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;    
}

#buero90r{
    position: relative;
    z-index: 1;
    background-image: url("../images/buero90_rechts.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#pfeil_rechts90r{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 1180px;
    background: transparent url("../images/pfeil_rechts_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#pfeil_links90r{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 0px;
    background: transparent url("../images/pfeil_links_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#ani_buero_pfeil_rechts270{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;    
}

#buero180r{
    position: relative;
    z-index: 1;
    background-image: url("../images/buero180_rechts.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#pfeil_rechts180r{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 1180px;
    background: transparent url("../images/pfeil_rechts_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#buch1{
    position: absolute;
    width: 20px;
    height: 250px;
    top: 420px;
    left: 1195px;
    background: transparent;    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#ani_buch1{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#buch1_offen{
    position: relative;
    z-index: 1;
    background-image: url("../images/buch1_offen.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#buch2{
    position: absolute;
    width: 40px;
    height: 230px;
    top: 445px;
    left: 175px;
    background:transparent;    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#ani_buch2{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#buch2_offen{
    position: relative;
    z-index: 1;
    background-image: url("../images/buch2_offen.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#buch3{
    position: absolute;
    width: 20px;
    height: 250px;
    top: 90px;
    left: 685px;
    background: transparent;    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#ani_buch3{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#buch3_offen{
    position: relative;
    z-index: 1;
    background-image: url("../images/buch3_offen.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#buch1_inhalt{
    position: absolute;
    top: 20px;
    left: 265px;
    z-index: 0;        
    width: 865px;
    height: 680px;  
    overflow: scroll;
}

#buch2_inhalt{
    position: absolute;
    top: 33px;
    left: 240px;
    z-index: 0;        
    width: 755px;
    height: 660px;  
    overflow: scroll;
}

#buch3_inhalt{
    position: absolute;
    top: 38px;
    left: 365px;
    z-index: 0;        
    width: 580px;
    height: 665px;  
    overflow: scroll;
}

#pfeil_links180r{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 0px;
    background: transparent url("../images/pfeil_links_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#buero270r{
    position: relative;
    z-index: 1;
    background-image: url("../images/buero270_rechts.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#pfeil_rechts270r{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 1180px;
    background: transparent url("../images/pfeil_rechts_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#pfeil_links270r{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 0px;
    background: transparent url("../images/pfeil_links_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#buero360r{
    position: relative;
    z-index: 1;
    background-image: url("../images/buero270_rechts.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#pfeil_rechts360r{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 1180px;
    background: transparent url("../images/pfeil_rechts_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}

#pfeil_links360r{
    position: absolute;
    width: 100px;
    height: 56px;
    top: 340px;
    left: 0px;
    background: transparent url("../images/pfeil_links_klein.png");    
    z-index:0;
    overflow: hidden;
    border: none;
    cursor:pointer;
}
#ani_buero_pfeil_rechts360{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;    
}

#eingang{
    position: relative;
    z-index: 1;
    background-image: url("../images/eingang.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;

}

#eingang_btn_stuhl{
    border: none;
    cursor:pointer;
    overflow: hidden;
    background-color: Transparent;
    position: absolute;
    width: 150px;
    height: 180px;
    top: 530px;
    left: 1000px;
}

#email_input_test{
    background-color: yellow;
}


#ani_buero_pfeil_links360{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;    
}

#ani_buero_pfeil_links270{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;    
}

#ani_buero_pfeil_links180{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;    
}

#ani_buero_pfeil_links90{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;    
}

#ani_buero_aktenschrank{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#aktenschrank_btn{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 350px;
    height: 150px;
    top: 374px;
    left: 242px;
    z-index: 0;
}

#aktenschrank{
    position: relative;
    z-index: 1;
    background-image: url("../images/aktenschrank_offen.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#exit_aktenschrank{
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: relative;    
    width: 100px;
    height: 50px;
    top: 720px;
    left: 540px;
}

#akte_1{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 347px;
    height: 26px;
    top: 574px;
    left: 200px;
    z-index: 0;
}

#akte_2{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 312px;
    height: 25px;
    top: 514px;
    left: 236px;
    z-index: 0;
}
#akte_3{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 287px;
    height: 24px;
    top: 459px;
    left: 269px;
    z-index: 0;
}
#akte_4{
    background-color:transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 250px;
    height: 23px;
    top: 418px;
    left: 292px;
    z-index: 0;
}
#akte_5{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 250px;
    height: 23px;
    top: 373px;
    left: 315px;
    z-index: 0;
}

#ani_aktenschrank_akte1{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ani_aktenschrank_akte2{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ani_aktenschrank_akte3{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ani_aktenschrank_akte4{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ani_aktenschrank_akte5{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ani_buero270_karte{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;
}

#ani_eingang_buero{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;
}


#akte_offen{
    position: relative;
    z-index: 1;
    background-image: url("../images/akte_offen.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#exit_akte{
    margin-bottom: 50px;
    cursor:pointer;     
    position: relative;
    width: 100px;
    height: 25px;
    top: 200px;
    left: 200px;
}

#akte_inhalt{    
    position: relative;  
    overflow: scroll;
    width: 470px;
    height: 690px;
    top: 20px;
    left: 500px;   
}

#ordner_regal_1{
    background-color:transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;

    position: relative;    
    width: 428px;
    height: 189px;
    top: 205px;
    left: 735px;
    z-index: -1;
}

#ordner_regal_2{
    background-color:transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;            
    position: relative;    
    width: 123px;
    height: 200px;
    top: 355px;
    left: 310px;
    z-index: -1;
}

#aktenschrank_zu{
    position: relative;
    z-index: 1;
    background-image: url("../images/aktenschrank_zu.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#ani_aktenschrank_oeffnen{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;
}

#aktenschrank_oeffnen{
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 400px;
    height: 200px;
    top: 315px;
    left: 450px;
    z-index: 0;
}

#exit_aktenschrank_zu{
    margin-bottom: 50px;
    cursor:pointer;     
    position: relative;
    width: 300px;
    height: 25px;
    top: 115px;
    left: 500px;
}

#karte_baustelle{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: relative;    
    width: 40px;
    height: 40px;
    top: 183px;
    left: 218px;

}

#container{
    position: relative;
    z-index: 1;
    background-image: url("../images/container_innen.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#exit_container{
    background-color: gray;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: relative;    
    width: 100px;
    height: 50px;
    top: 720px;
    left: 540px;
}

#eingang_karte{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 340px;
    height: 224px;
    top: 276px;
    left: 460px;
    z-index: 1;

}

#hinweis{
    background-image: url("../images/papier.jpg");
    background-repeat: no-repeat;
    overflow: scroll;
    width: 400px;
    height: 300px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 100px;
    left: 450px;
    display: none;
    z-index: 2;
}

#evaluierung{
    background-image: url("../images/papier.jpg");
    background-repeat: no-repeat;
    overflow: hidden;
    width: 400px;
    height: 300px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 100px;
    left: 450px;
    display: none;
    z-index: 2;
    text-align: center;
    padding-top: 50px;
}

#hinweis_schließen{
    position: relative;    
    top: 10px;
    left: 200px;
    display: none;
    z-index: 4;
}

#datum_menue{}

#ani_ornderegal_ordner1{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ani_ornderegal_ordner2{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ani_ornderegal_ordner3{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ani_ornderegal_ordner4{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ani_ornderegal_ordner5{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ordner1_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 57px;
    height: 242px;
    top: 416px;
    left: 557px;
    z-index: 0;
}
#ordner2_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 53px;
    height: 240px;
    top: 20px;
    left: 395px;
    z-index: 0;
}
#ordner3_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 50px;
    height: 235px;
    top: 415px;
    left: 245px;
    z-index: 0;
}
#ordner4_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 53px;
    height: 241px;
    top: 20px;
    left: 715px;
    z-index: 0;

}
#ordner5_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 57px;
    height: 244px;
    top: 413px;
    left: 864px;
    z-index: 0;
}

#ordnerregal{
    position: relative;
    z-index: 1;
    background-image: url("../images/ordnerregal.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#ordnerregal_exit{
    background-color: gray;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: relative;    
    width: 100px;
    height: 50px;
    top: 720px;
    left: 540px;
}

#ordner1{
    position: relative;
    z-index: 1;
    background-image: url("../images/ordner1.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;

}

#ordner2{
    position: relative;
    z-index: 1;
    background-image: url("../images/ordner2.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#ordner3{
    position: relative;
    z-index: 1;
    background-image: url("../images/ordner3.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#ordner4{
    position: relative;
    z-index: 1;
    background-image: url("../images/ordner4.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#ordner5{
    position: relative;
    z-index: 1;
    background-image: url("../images/ordner5.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#ani_buero_ordnerregal{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#ordner_exit{   
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: relative;    
    width: 100px;
    height: 50px;
    top: 720px;
    left: 540px;
}

#icons{   
    width:400px;
    display: block;
    background-color: transparent;           
    float: right; 
    margin-right: 5%;
}

#icons_td{
    width:80px;
    height: 80px;
    border:none; 
}

#hinweis_oeffnen_btn{
    background-image: url("../images/handy_icon.jpg");   
    cursor: pointer;
    width: 80px;
    height: 80px; 
    margin-top: 0px;

    top: 770px;    
    z-index: 2;
}

#aufgabe_oeffnen_btn{
    background-image: url("../images/aufgabe_icon.png");   
    cursor: pointer;
    width: 80px;
    height: 80px; 
    margin-top: 0px;

    top: 770px;    
    z-index: 2;
}

#uebungsmodusicon{
    background-image: url("../images/uebung_icon.png");      
    width: 80px;
    height: 80px; 
    margin-top: -1px;
    top: 770px;    
    z-index: 2;
}

#aufgabe_fenster{
    width: 600px;
    height: auto;
    display: none;
	position: relative;
	top: -75px;
	left: 200px;
	z-index: 15;
}

.aufgabe21{
	width: auto;
    height: auto;
    background-color: #d2d2d2;
    display: none;
	position: relative;
	top: 770px;
	left: 280px;
}

#notizblock_btn{
    background-image: url("../images/notizblock_icon.jpg");   
    cursor: pointer;
    width: 80px;
    height: 80px;    
    margin-top: 0px;

    top:770px;
    z-index: 2;
}

#logout_btn{
    background-image: url("../images/logout_icon.jpg");   
    cursor: pointer;
    width: 80px;
    height: 80px;  
    margin-top: 0px;     
    top: 770px;
    z-index: 2;
}

#ordner1_inhalt{   

    position: relative;      
    overflow-y: scroll;
    width: 484px;
    height: 705px;
    top: 6px;
    left: 470px;

}

#ordner2_inhalt{    
    position: relative;      
    overflow-y: scroll;
    width: 480px;
    height: 710px;
    top: 6px;
    left: 487px;

}

#ordner3_inhalt{      
    position: relative;      
    overflow-y: scroll;
    width: 477px;
    height: 710px;
    top: 4px;
    left: 475px;


}

#ordner4_inhalt{       
    position: relative;      
    overflow-y: scroll;
    width: 460px;
    height: 694px;
    top: 11px;
    left: 508px;

}

#ordner5_inhalt{    
    position: relative;      
    overflow-y: scroll;
    width: 473px;
    height: 700px;
    top: 8px;
    left: 475px;

}

#ordner1_beschriftung{
    position: relative;   
    font-size: 1em;    
    width: 25px;
    height: 100px;
    top: -50px;
    left: 10px;    
    hyphens: auto;
}
#ordner2_beschriftung{
    position: relative;   
    font-size: 1em;    
    width: 25px;
    height: 100px;
    top: -50px;
    left: 5px;    
    hyphens: auto;
}
#ordner3_beschriftung{
    position: relative;   
    font-size: 1em;    
    width: 25px;
    height: 100px;
    top: -50px;
    left: 0px;    
    hyphens: auto;
}
#ordner4_beschriftung{
    position: relative;   
    font-size: 1em;    
    width: 20px;
    height: 100px;
    top: -150px;
    left: -2px;   
    hyphens: auto;

}
#ordner5_beschriftung{
    position: relative;   
    font-size: 1em;    
    width: 25px;
    height: 100px;
    top: -50px;
    left: 0px;    
    hyphens: auto;
}

#notizblock{
    position: relative;
    z-index: 1;
    background-image: url("../images/notizblock.png");
    width: 1280px;
    height: 720px;
}

#notiz_textarea{
    position: relative;     
    background-color: transparent;
    overflow-style: scrollbar;
    top:0px;
    left:90px;
    width:460px;
    height: 720px;
    resize: none;
}

#save_Notiz_btn{
    position: absolute;
    top:720px;
    left: 280px;
    width:100px;
    height: 25px;
}

#exit_Notiz_btn{
    position: relative;
    top:75px;
    left: 90px;
    width:100px;
    height: 25px;
}

#ani_buero_kalender{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px;  
}

#email_anhang{
    margin-bottom: 50px;       
    position: relative;
    width: 550px;
    height: 50px;
    top: -50px;
    left: 460px;
}

#pdf_reader{
    background-image: url("../images/pdf_reader.jpg");
    background-repeat: no-repeat;
    width: 703px;
    height: 700px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 100px;
    left: 450px;
    display: none;
    z-index: 10;
}

#pdf_reader_inhalt{
    overflow: scroll;
    width: 698px;
    height: 680px;
    position: absolute;    
    top: 35px;
    left: 5px;
}

#honrarpunkte{

}

#honorarzone{
    background-color: #999999
}



[draggable=true] {
    cursor: move;
}

[draggable=false] {
    cursor: not-allowed;
}
#gedankenblase{
    background-image: url("../images/gedankenblase.png");
    background-repeat: no-repeat;
    width: 1000px;
    height: 690px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 50px;
    left: 250px;
    display: none;
    z-index: 5;
}

#gedankenblase_psp{
    background-image: url("../images/gedankenblase.png");
    background-repeat: no-repeat;
    width: 1000px;
    height: 690px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 50px;
    left: 250px;
    display: none;
    z-index: 5;
}

#exit_gedankenblase_psp{         
    cursor:pointer;
    overflow: hidden;
    position: relative;    
    width: 100px;
    height: 25px;
    top: 150px;
    left: 360px;
}

#exit_gedankenblase{         
    cursor:pointer;
    overflow: hidden;
    position: relative;    
    width: 100px;
    height: 25px;
    top: 150px;
    left: 360px;
}

#gedankenblase_inhalt{
    width: 930px;
    height: 130px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 20px;
    left: 25px;
    display: block;
}

.antwort_praktikant{
    cursor:pointer;
    overflow: hidden;
    position: relative;    
    width: 80px;
    height: 20px;
    top: 25px;
    left: 195px;
}

#praktikant_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 130px;
    height: 300px;
    top: 250px;
    left: 75px;
    z-index: 0;
}

#sprechblase{
    background-image: url("../images/sprechblase.png");
    background-repeat: no-repeat;
    width: 1000px;
    height: 350px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 300px;
    left: 45px;    
    display: none;
    z-index: 4;
}

#sprechblase_baustelle{
    background-image: url("../images/sprechblase.png");
    background-repeat: no-repeat;
    width: 1000px;
    height: 700px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 350px;
    left: 50px;    
    display: none;
    z-index: 4;
}

#sprechblase_baustelle_schließen{
    position: relative;    
    top: 300px;
    left: 400px;
    display: none;
    z-index: 4;
}

#sprechblase_baustelle_inhalt{
    width: 915px;
    height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 110px;
    left: 55px;
    display: block;
}

#sprechblase_inhalt{
    width: 915px;
    height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 110px;
    left: 55px;
    display: block;
}

#sprechblase_schließen{
    position: relative;    
    top: 300px;
    left: 400px;
    display: none;
    z-index: 4;
}

#achtung{
    background: transparent url("../images/achtung_klein.png");
    background-repeat: no-repeat;
    width: 125px;
    height: 116px;    
    position: relative;    
    top: -200px;
    left: 1100px;    
    z-index: 4;  
    border: none;
    display: block;
}

.pm1_a3_t2 table{
    width: 250px;
    height: 80px;
    border: none;
    padding-bottom: 10px;
}

#bauleiter_anrufen{
    position: relative;    
    top: 343px;
    left: 310px;    

}


#pm1_a3_t2{
    height: 25px;  
    border: 1px solid;
    text-align: center;    
}

#pm1_a3_t2 table{
    text-align: center; 
}

#pm1_a3_t2 tr,td{
    text-align: center; 
    padding: 0px;
}

.pm1_a3_t2{
    margin: auto;
    padding: auto;
    width:27px; 
    height: 27px;
    background-color: grey;
}

#pm1_a3_t2_button_ablage{
    background-color: gray; 
    width: 500px; 
    height: 28px; 

}

#achtung_email{
    background: transparent url("../images/achtung_klein.png");
    background-repeat: no-repeat;
    width: 125px;
    height: 116px;    
    position: relative;    
    top: -870px;
    left: 1050px;    
    z-index: 4;  
    border: none;
    display: b;
}




#achtung_text{    
    background-color: lightsalmon;    
    overflow-y: scroll;
    width: 250px;
    height: 80px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 0px;
    left: 800px;
    display: none;
    z-index: 2;
}



#achtung_text_schliessen{
    position: absolute;    
    top: 54px;
    left: 75px;
    display: block;   
}

#bauleiter_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 120px;
    height: 240px;
    top: 340px;
    left: 600px;
    z-index: 0;
}

#bauleiter{
    background-image: url("../images/sprechblase.png");
    background-repeat: no-repeat;
    width: 1000px;
    height: 400px;
    padding-top: 90px;
    padding-left: 20px;
    padding-right: 50px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 350px;
    left: 50px;
    display: none;
    z-index: 4;
}


#bauleiter_inhalt{
    width: 895px;
    height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;    
    position: relative; 
    margin-top: auto;
    top: 20px;
    left: 55px;
    display: block;
}

#bauleiter_schließen{
    position: absolute;    
    top: 300px;
    left: 425px;
    display: block; 
}

#polier_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 200px;
    height: 350px;
    top: 350px;
    left: 600px;
    z-index: 0;
}

#polier{
    background-image: url("../images/sprechblase.png");
    background-repeat: no-repeat;
    width: 1000px;
    height: 350px;        
    position: relative;    
    top: 360px;
    left: 50px;
    display: none;
    z-index: 4;
}

#polier_inhalt{
    width: 900px;
    height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;    
    position: relative;    
    top: 110px;
    left: 55px;
    display: block;
}

#polier_schließen{
    position: absolute;    
    top: 300px;
    left: 450px;
    display: block;  
}

#psp_background{
    background-image: url("../images/PSP_leer.png");
    background-repeat: no-repeat;
    width: 875px;
    height: 568px;    
    margin-top: 50px;    
    position: absolute;    
    top: 0px;
    left: 0px;

}

#psp_button_ablage{
    background-color: lightgrey;
    width: 703px;
    height: 440px;
    position:absolute;
    top:625px;
    left:5px;
}

.psp table, th, tr, td{

}

#pm1_psp_1{
    background-color: grey;
    height:68px;
    width:137px;
    position:absolute;
    top:2px;
    left:538px;
}

#pm1_psp_2{
    background-color: grey;
    height:68px;
    width:137px;
    position:absolute;
    top:101px;
    left:369px;
}

#pm1_psp_3{
    background-color: grey;
    height:68px;
    width:137px;
    position:absolute;
    top:101px;
    left:538px;
}

#pm1_psp_4{
    background-color: grey;
    height:68px;
    width:137px;
    position:absolute;
    top:101px;
    left:707px;
}

#pm1_psp_5{
    background-color: grey;
    height:68px;
    width:138px;
    position:absolute;
    top:200px;
    left:31px;
}

#pm1_psp_6{
    background-color: grey;
    height:68px;
    width:138px;
    position:absolute;
    top:200px;
    left:199px;
}

#pm1_psp_7{
    background-color: grey;
    height:69px;
    width:138px;
    position:absolute;
    top:200px;
    left:369px;
}

#pm1_psp_8{
    background-color: grey;
    height:69px;
    width:138px;
    position:absolute;
    top:200px;
    left:538px;
}

#pm1_psp_9{
    background-color: grey;
    height:69px;
    width:138px;
    position:absolute;
    top:200px;
    left:707px;
}

#pm1_psp_10{
    background-color: grey;
    height:68px;
    width:137px;
    position:absolute;
    top: 299px;
    left:369px;
}

#pm1_psp_11{
    background-color: grey;
    height:68px;
    width:137px;
    position:absolute;
    top:299px;
    left:538px;
}

#pm1_psp_12{
    background-color: grey;
    height:68px;
    width:137px;
    position:absolute;
    top:299px;
    left:707px;
}

#pm1_psp_13{
    background-color: grey;
    height:67px;
    width:138px;
    position:absolute;
    top:399px;
    left:115px;
}

#pm1_psp_14{
    background-color: grey;
    height:67px;
    width:138px;
    position:absolute;
    top:399px;
    left:284px;
}

#pm1_psp_15{
    background-color: grey;
    height:67px;
    width:138px;
    position:absolute;
    top:399px;
    left:453px;
}

#pm1_psp_16{
    background-color: grey;
    height:67px;
    width:138px;
    position:absolute;
    top:399px;
    left:622px;
}

#pm1_psp_17{
    background-color: grey;
    height:68px;
    width:138px;
    position:absolute;
    top:498px;
    left:194px;
}

#pm1_psp_18{
    background-color: grey;
    height:68px;
    width:137px;
    position:absolute;
    top:498px;
    left:369px;
}

#psp_abschicken{
    background-color: lightgreen;
    width: 250px;
    height:100px;   

}

#exit_psp{
    background-color: lightblue;
    width: 250px;
    height:100px;

}

#psp_ausgefuellt{
    background-image: url("../images/PSP_ohneTAAP.png");
    background-repeat: no-repeat;
    width: 880px;
    height: 628px;    
    margin-top: 50px;    
    position: absolute;    
    top: 0px;
    left: 0px;
}

#exit_pdf_reader{
    background-color: transparent;
    width: 11px;
    height:15px;
    position: absolute;
    top:0px;
    left:688px;
}

#netzplan{

}
#netzplan table{
    width: 500px;
    border: 1px solid black;
    padding: 15px;
}

#netzplan th, td{
    border: solid black 1px;
}

#baustelle_eingang{
    background-image: url("../images/baustelle_eingang.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;       
    position: relative;    
    top: 0px;
    left: 0px;
}

#baustelle_polier{
    background-image: url("../images/baustelle_polier.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;       
    position: relative;    
    top: 0px;
    left: 0px;
}

#baustelle_randomPerson{
    background-image: url("../images/randomPerson.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;       
    position: relative;    
    top: 0px;
    left: 0px;
}

#polier_eingang{
    border: none;
    background-color: transparent;
    position: relative;
    left: 510px;
    top: 300px;
    width: 60px;
    height: 180px;
}

#baustelle_grube_btn{
    border: none;
    background-color: transparent;
    position: relative;
    left: 40px;
    top: 240px;
    width: 170px;
    height: 180px;
}

#exit_baustelle_eingang{    
    background-color: transparent;
    position: relative;
    top: 700px;
    left: 0px;
    width: 1280px;
    height: 20px;
}

#baustelle_eingang_container{
    border: none;
    background-color: transparent;
    position: relative;
    top: 270px;
    left: 1000px;
    width: 110px;
    height: 230px;
}

#randomPerson_eingang{
    border: none;
    background-color: transparent;
    position: absolute;
    top: 330px;
    left: 370px;
    width: 60px;
    height: 180px;
}

#exit{
    background-image: url("../images/exit.png");
    background-repeat: no-repeat;
    width: 80px;
    height: 80px;       
    position: absolute;    
    top: 720px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
    z-index: 1;   

}

.pm1_a4_t3 table{
    width:250px;
}

.pm1_a4_t3 tr, th, td{
    width:125px;
    height:25px;

}

.pm1_a4_t3 select{
    height:25px;
}

.vorgangsdauern table{
    table-layout: auto;
    width: auto;
    border: solid black 1px;
}

.vorgangsdauern td {
    height:55px;
    padding-right: 0px;
    text-align: center;
    border: solid black 1px;
}

.vorgangsdauern input{
    width: 80px;
    height: 55px;
    background-color: lightblue;
}

.vorgangsdauern th{
    padding: 5px;
    height: 50px;
}




div#leistungsmeldung table{

}

div#leistungsmeldung tr,th,td{
    width: 100px;
    height: 45px;
    text-align: center;
}

div#leistungsmeldung input{
    width: 100px;
    height: 45px;
    text-align: center;    
    background-color: lightblue;
}



.leistungsmeldung_table{

}

.leistungsmeldung_tr_th_td {
    width: 100px;
    height: 45px;
    text-align: center;
    padding-right: 0px;
}

.leistungsmeldung_input {
    width: 120px;
    height: 45px;
    text-align: center;    
    background-color: lightblue;
    padding: 0px;
}

.Honorarzone_tr_th_td{
    width: 200px;
    height: 25px;
    text-align: center;   
    padding: 0px;
}

.psp_tr_th_td{
    border: none;

}

#kalender_inhalt{
    position: relative;
    top:50px;
    left: 260px;
    width: 700px;
border: none;
}

#kalender_tabelle{
    width: 20px;
    height: 20px; 
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 3px;
    color: black;
    border: none;

}

#kalender_tabelle_klein{
    width:60px;
    height:20px;
    border: none;
}

.kalender_p{
    height:39px;
    width: 419px;
    margin: 0px;
    text-align: center;
    color: black;
    border: none;
}

#kalender_table{
    width: 800px;
    position: relative;
    top: -53px;
    left: -25px;
    border: none;
}

.kostenberechnung{

}

.kostenberechnung_tr{
    height: 30px;
    padding: 0px;
    margin: 0px;
}

.kostenberechnung_th{
    width:50px;
    height: 30px;
    padding: 0px;
    margin: 0px;
}

.kostenberechnung_td{
    width:75px;
    height: 30px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.kostenberechung_input{
    width:100px;
    height: 40px;
    background-color: lightblue;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

.kostenberechnung_th_klein{

}

.kostenberechnung_weiter{
    border: none;
}

.kostenberechnung_weiter_input{
    width:100px;
    height: 40px;
    background-color: lightblue;
    padding: 0px;
    margin: 0px;
    text-align: center;

}

.kostenberechnung_weiter_td{
    border: none;
    text-align: center;
    height: 30px;
}

.kostenberechnung_weiter_tr{
    border: none;
    border-top: 1px solid black;
    text-align: center;
    height: 30px;
}

.kostenberechnung_select{
    background-color: lightblue;
    height: 40px;
}

.login{

}

.login_table{
    width: 250px;
}

.login_td{
    width: 75px;
    height:50px;
    text-align: center;
    padding:0px;
    margin:0px;
    border: none;
}

.login_tr{
    width: 75px;
    height: 50px;  
    text-align: center;
    padding:0px;
    margin:0px;
    border: none;
}

.login_input{
    width: 200px;
    height: 30px;  
    text-align: left;
    margin:0px;

}

.leistungsmeldung_select1{
    background-color: lightblue;
    height: 40px;
    margin: 0px;
    padding: 0px;
}

.leistungsmeldung_select2{
    background-color: lightblue;
    height: 40px;
    margin: 0px;
    padding: 0px;
}

#buchliste_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 174px;
    height: 75px;
    top: 600px;
    left: 550px;
    z-index: 0;
}

#ani_buchliste{
    position: absolute;
    top: 50px;    
    z-index: 0;    
    width: 1280px;
    height: 720px; 
}

#buchliste{
    position: relative;
    z-index: 1;
    background-image: url("../images/buchliste.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;

}

#buchliste_links{
    background-color: transparent;
    position: relative;
    width:490px;
    height:690px;
    top:13px;
    left:158px;

}

#buchliste_rechts{
    background-color: transparent;
    position: relative;
    width:490px;
    height:690px;
    top:-676px;
    left:719px;
}

#iframe_buchliste_links{           
    overflow-y:hidden;
    overflow-x:hidden;
    width:500px; 
    height:700px; 
    pointer-events: none;
}

#iframe_buchliste_rechts{           
    overflow-y:hidden;
    overflow-x:hidden;
    width:500px; 
    height:700px; 
    pointer-events: none;
}

#ani_baustelle_polier{
    position: absolute;
    top: 50px;    
    z-index: -1;    
    width: 1280px;
    height: 720px; 
}

#ani_baustelle_randomPerson{
    position: absolute;
    top: 50px;    
    z-index: -1;    
    width: 1280px;
    height: 720px; 
}

#ani_baustelle_grube{
    position: absolute;
    top: 50px;    
    z-index: -1;    
    width: 1280px;
    height: 720px;
}

#grube{
    position: relative;
    z-index: 1;
    background-image: url("../images/grube.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#ani_baustelle_container{
    position: absolute;
    top: 50px;    
    z-index: -1;    
    width: 1280px;
    height: 720px;
}

#karte_container_btn{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 150px;
    height: 220px;
    top: 260px;
    left: 950px;
    z-index: 0;
}

#ani_karte_container{
    position: absolute;
    top: 50px;    
    z-index: -1;    
    width: 1280px;
    height: 720px;
}

#bauherr_btn{
    background-color: transparent;           
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 283px;
    left: 850px;
    z-index: 0;
}

#karte_container_vollbild{
    position: relative;
    background-image: url("../images/container_karte.jpg");
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#anwalt_btn{
    background-color: transparent;           
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 237px;
    left: 503px;
    z-index: 0;
}

#baubehorde_btn{
    background-color: transparent;           
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 365px;
    left: 727px;
    z-index: 0;
}

#telefon_buttons_table{
    position: relative;
    width: 225px;    
    height: 25px;
    border: none;
    top:400px;
    left: 250px;


}

#telefon_buttons_tr{
    width:225px;
    height: 25px;
}

#telefon_buttons_td{
    width:75px;
    height:25px;
    overflow: hidden;
    border: none;
}

#randomPerson_btn{
    background-color: transparent;           
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 150px;
    height: 370px;
    top: 325px;
    left: 625px;
    z-index: 0;
}

#ani_eingang_karte{
    position: absolute;
    top: 50px;    
    z-index: -1;    
    width: 1280px;
    height: 720px;
}

#buero_Kartebtn{
    background-color: transparent;           
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 40px;
    height: 40px;
    top: 290px;
    left: 455px;
    z-index: 0;
}

#sprechblase_kalender{
    background-image: url("../images/sprechblase.png");
    background-repeat: no-repeat;
    width: 1000px;
    height: 700px;
    margin-left:auto;
    margin-right:auto;
    position: relative;    
    top: 260px;
    left: -80px;    
    display: none;
    z-index: 4;
}

#sprechblase_inhalt_kalender{
    width: 915px;
    height: 180px;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 110px;
    left: 55px;
    display: block;
}

#sprechblase_schließen_kalender{
    position: relative;    
    top: 300px;
    left: 400px;
    display: none;
    z-index: 4;
}

.praktikant_gespraech_table{
    width: 400px;
    height: 250px;
}

.praktikant_gespraech_tr{
    width: 200px;
    height: 75px;

}

.praktikant_gespraech_td{
    width: 200px;
    height: 75px;
    border: none;

}

#telefon_nachricht_container{
    background-image: url("../images/Tel_Sprechblase.png");
    background-repeat: no-repeat;

    width: 855px;
    height: 481px;
    margin-left:auto;
    margin-right:auto;
    position: absolute;    
    top: 100px;
    left: 200px;
    display: none;
    z-index: 2;
}

#telefon_container_inhalt{
    overflow: scroll;
    width: 645px;
    height: 450px;
    position: absolute;
    left: 200px;
    top: 25px;
}

#telefon_container{
    background-color: transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    position: absolute;
    width: 30px;
    height: 20px;
    top: 579px;
    left: 652px;
    z-index: 0;
}

#hinweis_rot_oeffnen_btn{
    background-image: url("../images/handy_icon_rot.jpg");   
    cursor: pointer;
    width: 80px;
    height: 80px; 
    margin-top: 0px;   
    top: 770px;    
    z-index: 2;
}


.register table{
    width: 400px;
}

.register tr,td{
    width: 100px;
    height: 60px;
}

.pm1_a4_t10 table{

}


.pm1_a4_t10 tr,td,th{
    height: 30px;
    overflow: hidden;
    padding: 0px;

}

#kalender_jan{
    background-image: url("../images/Jan.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;

}

#kalender_feb{
    background-image: url("../images/Feb.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_mar{
    background-image: url("../images/Mar.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_apr{
    background-image: url("../images/April.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_mai{
    background-image: url("../images/Mai.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_jun{
    background-image: url("../images/Juni.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_jul{
    background-image: url("../images/Juli.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_janOP{
    background-image: url("../images/JanOP.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;

}

#kalender_febOP{
    background-image: url("../images/FebOP.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_marOP{
    background-image: url("../images/MarOP.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_aprOP{
    background-image: url("../images/AprilOP.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_maiOP{
    background-image: url("../images/MaiOP.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_junOP{
    background-image: url("../images/JuniOP.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#kalender_julOP{
    background-image: url("../images/JuliOP.jpg");       
    background-repeat: no-repeat;
    width: 1280px;
    height: 720px;
}

#psp_editor{
    background-repeat: no-repeat;
    width: 1280px;
    height: 1080px;
    position: relative;
}

#footer{
    background-color:  #00549f;
    height: 120px;
    margin: auto;
	z-index: -2;

}

#header{
    background-color: #00549f;
    height: 50px;
}

#dropdowndiv ul{
	padding: 0;
	list-style: none;
	background: #f2f2f2;
}
#dropdowndiv ul li{
	display: inline-block;
	position: relative;
	line-height: 21px;
	text-align: left;
}
#dropdowndiv ul li a{
	display: block;
	padding: 8px 25px;
	color: #333;
	text-decoration: none;
}
#dropdowndiv ul li a:hover{
	color: #fff;
	background: #939393;
}
#dropdowndiv ul li ul.dropdown{
	min-width: 100%; /* Set width of the dropdown */
	background: #f2f2f2;
	display: none;
	position: absolute;
	z-index: 1;
	left: 0;
}
#dropdowndiv ul li:hover ul.dropdown{
	display: block;	/* Display the dropdown */
}
#dropdowndiv ul li ul.dropdown li{
	display: block;
}

#ani_monitor_schreibtisch{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;  
}

#ani_aktenschrank_schreibtisch{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;  
}

#ani_buch1_buecherregal{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;  
}

#ani_buch2_buecherregal{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;  
}

#ani_buch3_buecherregal{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;  
}

#ani_buchliste_buecherregal{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_karte_zoom_b{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_akte_aktenschrank{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_ornderegal_schreibtisch{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_ordner1_ordnerregal{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_ordner2_ordnerregal{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_ordner3_ordnerregal{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_ordner4_ordnerregal{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_ordner5_ordnerregal{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_polier_baustelleEingang{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_randomPerson_baustelleEingang{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_grube_baustelleEingang{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_container_baustelleEingang{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_karte_container{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_kalender_schreibtisch{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#tutorial_fenster{
    background-color: white;
    background-repeat:no-repeat;
    border: 1px solid black;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    height: 642px;
    top: 0px;
    display: block;
    z-index: 0;
	overflow-y: hidden;
	overflow-x: hidden;
}

#ani_video_pfeil_links_kalender{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;
}

#ani_video_pfeil_rechts_kalender{
    position: absolute;
    top: 50px;    
    z-index: -5;    
    width: 1280px;
    height: 720px;

    
}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
} 


#toggleAnimation{
    
}