body {margin: 0px; padding: 0px;  font-family: 'source_sans_proregular'; }
h3 {font-family:source_sans_prolight; font-weight:normal;top:0px; margin-bottom:10px; clear:both;}
h4 {font-family:source_sans_prolight; font-size:0.9em; font-weight:normal;}
p {line-height:150%;}

.text-right { text-align: right; }
.text-center { text-align: center; }
.nopadding{padding:0px;}

.controlHolder { display: none; }
.zoomHolder { height: calc(100vh - 50px); width: 100%; background-color: #000; }

#abbildung {}
#btnMenu {position:absolute; top:10px; right:14px;z-index:100;}
#btnMenu img {height:35px;}
#btnclosem {float:right;padding:10px;}

#menu {position:absolute; left:0px;  z-index:101; top:0px; width:100%;height:calc(100vh - 70px); background-color:#fff;color:#000;}
#menu #logo {position:absolute; left:25px; top:21px;height:80px;}
#menu #btnclose {position:absolute; right:15px; top:12px;height:30px;}
#menu .menuinhalt {margin:120px 25px 20px 25px ; z-index:9;}
#menu .menuinhalt a {text-decoration:none; color:#000;}
#menu .menuinhalt  ul { margin: 0px; padding: 0px; list-style: none; } 
#menu .menuinhalt  ul li { padding: 10px 10px 10px 0px; border-bottom: 1px solid #000; }

#werkliste  {display:none; position:absolute;  left:0px;  z-index:102; top:0px; width:100%;height:calc(100vh - 70px); background-color:#fff;color:#000;}
#werkliste .winhalt {margin:120px 25px 20px 25px; height:calc(100vh - 200px); overflow:auto;}
#werkliste #btncloseW {position:absolute; right:15px; top:12px;height:30px;}
#werkliste #logow {position:absolute; left:25px; top:21px;height:80px;}

#ContentInhalt  {margin:125px 25px  0px 25px ;height:calc(100vh - 201px);overflow:auto;}
#ContentInhalt   ul { margin: 0px; padding: 0px; list-style: none; } 
#ContentInhalt   ul li {min-height: 50px;cursor:pointer; padding: 10px 10px 10px 0px; border-bottom: 1px solid #000;line-height: 130%;clear:both; }
#ContentInhalt   ul li:hover span {background-color:#5360A4;color:#fff; }
#ContentInhalt   ul li span {display:inline-block; width:34px; font-size:18px; text-align:center;
                                      font-family:source_sans_prosemibold;
                                      border:1px solid rgb(0, 0 ,0 , 0.60); border-radius:5px;line-height:100%;
                                      padding:6px 0px 6px 0px ;margin-right:20px;float: left;
}

/*#ContentAbb  {width:100vw;height:calc(100vh - 120px)!important; }*/
/**/
#werk  {display:nonexxxxxx; position:absolute;  left:0px;  z-index:102; top:0px; width:100%;height:calc(100vh - 70px); background-color:#fff;color:#000;}
#werk .inhWerk {margin:120px 25px 20px 25px; height:calc(100vh - 200px); overflow:hidden;}


#TextAudioleiste {position:absolute;width:100%;padding:0px; 
                  bottom:70px; z-index:3; height:50px;
                  background-color:rgb(255 ,255 ,255 , 0.5);}
#Naviunten{position:absolute;width:100%; bottom:0px; left:0px; height:70px; z-index:10; padding:0px; background-color:#fff;}

#textinfo {position:absolute; bottom:70px;  height:calc(50vh - 0px);border-bottom:70px solid #000; 
           overflow:hidden;  width:100%;background-color:#000;z-index:2;}
#textinfo .text {padding-bottom:50px;}
#textinfo #btncloseti {position:absolute; right:12px; top: 5px;z-index:99;}
#textinfo #scrollbereich {height:calc(50vh - 70px);overflow:auto;}
#textinfo #scrollbereich .inner  {margin:20px 20px 50px 20px;  color:#fff; position:relative;left:0px; top:0px; }

#NumPad {display:none; z-index:99999999; position:absolute;  background-color:#fff; 
         padding:40px;width:100vw;border-bottom:1px solid #000;height:calc(100vh - 156px);top:80px;left:0px;}
#tblNumpad {border:1px solid rgb(0, 0 ,0 , 0.30);font-size:50px;line-height:100%; text-align:center; width:100%;}
 #tblNumpad    #ok img {max-width:50px;}
 #tblNumpad    #del img {max-width:54px;}
@media only screen and (max-height: 650px) {
	/*body {border-left:10px solid #f00;}*/
    #tblNumpad {font-size:40px;}
 #tblNumpad    #ok img {max-width:40px;}
 #tblNumpad    #del img {max-width:44px;}
}@media only screen and (max-height: 600px) {
	/*body {border-left:10px solid #0f0;}*/
    #tblNumpad {font-size:30px;}
 #tblNumpad    #ok img {max-width:30px;}
 #tblNumpad    #del img {max-width:34px;}
}@media only screen and (max-height: 550px) {
	/*body {border-left:10px solid #0f0;}*/
    #tblNumpad {font-size:20px;}
 #tblNumpad    #ok img {max-width:20px;}
 #tblNumpad    #del img {max-width:24px;}
}

   .setLang {cursor:pointer;}
   .setLang.laktiv{font-weight:bold; text-decoration:underline;}
   #menu .en, #menu .ls { display:none;}


   #zoomhand  {}