/*19er Headers (c) 19er Portal*/
/*Stylesheet*/
@import url('/19erCommoncss.php');  @media screen and (orientation:landscape) {  #loginContentContainer{  position:relative;  left:0px;  top:0px;  width:100%;  }  #bLogonContainer{  position:relative;  top:120px;  padding:20px;  display:flex;  justify-content:center;  margin-top:20px;  }  #loginUserContainer{  float:left;  margin-right:5px;  }  #iLogonForm{  padding-bottom:0;  margin-bottom:0;  }  #loginUserLine1{   }  #loginUserLine2{   }  #loginUserLine3{   }  #loginPassContainer{  float:left;  margin-right:5px;  }  #loginPassLine1{   }  #loginPassLine2{   }  #loginPassLine3{   }  #loginActionContainer{  float:left;  margin-right:5px;  }  #loginActionLine1{   }  #loginActionLine2{   }  #loginActionLine3{   }  #pass{  }  #loginHeaderString{  font-size:1.75em;  font-weight:bold;  padding-bottom:1em;  }  .loginActions{  font-size:.85em  }  .cloginLine1{  position:relative;  height:25px;  margin-bottom:10px;  width:100%;  }  .cloginLine2{  width:100%;  }  .cloginLine3{  width:100%;  }  .formInputLogin{  font-size:1.0em;  min-width:300px;  background-color:white;  border:1px;  height:1.5em;  }  .formInputSub{  width:120px;  font-size:1.0em;  height:1.5em;  } } @media screen and (orientation:portrait) {  input[type="checkbox"]  {  transform:scale(2.5);  margin-right:1rem;  }  #loginContentContainer{  position:relative;  left:0px;  top:0px;  width:100%;  height:auto;  }  #bLogonContainer{  position:relative;  top:120px;  padding:20px;  display:flex;  justify-content:center;  margin-top:20px;  }  #iLogonForm{  padding-bottom:0;  margin-bottom:0;  width:95%;  font-size:2em;  }  #loginUserContainer{  }  #loginUserLine1{   }  #loginUserLine2{   }  #loginUserLine3{  padding-top:1em;  }  #loginPassContainer{   }  #loginPassLine1{  padding-top:2em;  }  #loginPassLine2{   }  #loginPassLine3{  padding-top:1em;  }  #loginActionContainer{  margin-right:5px;  }  #loginActionLine1{   }  #loginActionLine2{  width:100%;  }  #loginActionLine3{   }  #pass{  }  #loginHeaderString{  font-size:1.75em;  font-weight:bold;  padding-bottom:1em;  }   .loginActions{  padding-top:2em;  padding-left:2em;  margin-left:10px;  }  .cloginLine1{  position:relative;  height:25px;  margin-bottom:10px;  width:100%;  }  .cloginLine2{  width:100%;  }  .cloginLine3{  width:100%;  }  .formInputLogin{  font-size:1.0em;  min-width:300px;  background-color:white;  border:1px;  height:1.5em;  width:calc( 100% - 15px );  }  .formInputSub{  width:100%;  font-size:1.0em;  } } html,body{  margin:0px;  height:100%;  overflow:auto;  font-size:100%; } body {    font-family:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";  color:white;    background-color:#262423;  padding:0px;  margin:0px;  font-size:1.0em;  line-height:1.5em;  width:100%; }  .indexBodyFancy{  background-image:url(/grafiken/backgrounds/b1.jpg);  position:absolute;  top:0px;  left:0px;  width:100%;  height:100%;  opacity:0.2; } #indexContent{  position:relative;  width:100%;  z-Index:1000; }  #logoHeader{  background-color:#bcaba4;  height:120px;  position:fixed;  top:0px;  left:0px;  width:100%;  z-Index:1000;  background-image:url(/19er_header.jpg); } #imgLogo{  right:0px;  bottom:0px;  position:absolute; } #userInfo{  position:absolute;  bottom:5px;  left:15px;  z-Index:10000; }  #loginContainerHeader{  position:relative;  width:100%; } #loginContainer{  position:relative;  width:100%;  top:2em; } #loginContainerExtra{  position:relative;  width:100%;  top:4em; }  .loginR1{  position:absolute;  left:0px; } .loginR2{  position:absolute;  left:200px; } .loginR3{  position:absolute;  left:400px; } .formInput{  font-size:1.0em;  width:150px;  background-color:white;  border:1px;  height:1.5em; }   .w1link{  font-size:.9em; } .ln{  font-size:.8em;  color:#c6a300; } #anfrage{  } .formInputBez{  font-size:1.0em; }   #silverlightControlHost {  height:100%;  text-align:center; } .header{  background-image:url(../19er_header.jpg);  height:120px;  margin:0px;  padding:0px;  border:0px solid black; } .header_s {  position:fixed;  display:none;  top:0px;  left:0px;  background-image:url(/19er_header.jpg);  height:50px;  margin:0px;  padding:0px;  border:0px solid black;  width:100%; } .headerTable{  border:0px solid black;  padding:0px;  margin:0px;  width:100%; } .header2{  background-image:url(../19er_header.jpg);  height:120px;  margin:0px;  padding:0px;  border:0px solid black;  text-align:right; } .headerTable2{  border:0px solid black;  padding:0px;  margin:0px;  text-align:right; } .headerCell{  text-align:right;  vertical-align:bottom;  border:0px solid black;  padding:0px;  margin:0px;  height:120px;  text-align:right; }  .header_s{  background-image:url(/19er_header.jpg);  height:50px;  margin:0px;  padding:0px;  border:0px solid black; } .headerTable_s{  border:0px solid black;  padding:0px;  margin:0px;  width:100%; } .header2_s{  background-image:url(../19er_header.jpg);  height:50px;  margin:0px;  padding:0px;  border:0px solid black;  text-align:right; } .headerTable2_s{  border:0px solid black;  padding:0px;  margin:0px;  text-align:right; } .headerCell_s{  text-align:right;  vertical-align:bottom;  border:0px solid black;  padding:0px;  margin:0px;  height:50px;  text-align:right; }   .infoLine1{  background-color:silver;  color:black;  font-size:12px;  position:relative;  top:50px;  height:20px;  padding-right:25px; } a.infoLine , A.infoLine:ACTIVE, A.infoLine:FOCUS, A.infoLine:LINK, A.infoLine:VISITED{  color:black; } A{  color :White;  text-decoration:none; } A.menu{  color :White; }  TD.light{  background-color:#565453;  font-size:8pt; } TD.dark{  background-color:#565453;  color :White;  font-size:8pt;  font-weight:bold; } INPUT.W300{  font-size:8pt;  width:300px; } #programmInfo{  position:relative;  top:120px;  visibility:hidden;  margin-left:0px;  margin-right:0px;  background-color:white;  color:black;  padding-left:0px;  padding-right:0px;  padding-bottom:0px; } #programmTitel{  font-weight:bold;  font-size:18px; } #programmDesc{  paddding-top:5px;  font-size:12px; } .startzeit{  font-weight:bold;  font-size:13px;  color:white; } .listContainer{  display:table;  border:2px solid white; } .listRow{  display:table-row; } .listCell{  display:table-cell;  border:1px solid silver;  padding:5px;  margin-left:5px;  margin-right:5px; } #infoshow{  cursor:pointer; } #chatContainer{  padding-left:30px;  padding-top:5px;  background-color:white;  color:black;  height:30px;  position:relative;  top:0px; } #chatMessage{  min-width:80px; } #chatMessageFormContainer{  margin-left:10px; } .chatMessenger{ } #chatBanner{ } .flowplayer {  max-height:720px;  display:block;  opacity:1;  left:auto;  right:3% } .flowplayer .fp-logo{  position:absolute;  top:auto;  left:15px;  bottom:0px;  cursor:pointer;  display:block;  z-index:100;  opacity:.55;  filter:alpha(opacity=55); } #player {  border:1px solid silver;  background-color:Black;  position:relative;  left:20px; } #player_wrapper {  position:relative;  padding-top:10px;  padding-bottom:10px;  top:0px; } #channels{  position:relative;  display:block;  width:100%;  top:120px;  height:450px;  padding-left:20px;  overflow:auto;  padding-right:20px;  background-color:white; } .chicon{  float:left;  width:100px;  padding-top:10px; } .iconContainerClass{  position:relative;  background-color:#262423;  float:left;  border:1px solid #404040;  padding-left:3px;  padding-top:5px;  padding-right:3px;  padding-bottom:10px;  margin-left:5px;  margin-bottom:10px;  width:90px;  height:120px;  overflow:hidden; } .iconPicClass{  position:relative;  width:80px;  height:80px;  padding-bottom:10px; } .iconTextContainerClass{  position:relative;  padding-left:3px;  padding-top:5px;    text-shadow:0px 1px 2px #000;  color:#c0c0c0;  font-size:16px;  overflow:hidden;  text-shadow:0px 1px 2px silver; } .iconTextClass{  position:relative;  font-size:0.75em;  line-height:1.1em;  text-align:center;  padding-top:3px; } .iconOverlay{  position:absolute;  top:50px;  left:35px; } .iconImgClass{  width:90px;  height:90px; } .iconImgOverlayClass{  width:55px;  height:45px; } .sIconContainerClass{  position:relative;  float:left;  background-color:#262423;  border:1px solid #404040;  padding-left:3px;  padding-top:2px;  padding-right:3px;  padding-bottom:10px;  margin-left:5px;  margin-bottom:5px;  width:193px;  height:40px; } .sIconPicClass{  width:45px;  height:45px;  padding-bottom:2px;  float:left; } .sIconTextContainerClass{  padding-left:8px;  padding-top:2px;  text-shadow:0px 1px 2px silver;  color:#c0c0c0;  position:relative;  width:130px;  font-size:16px;  overflow:hidden; } .sIconTextClass{  font-size:0.75em;  line-height:1.1em; } .sIconOverlay{  position:absolute;  top:10px;  left:5px; } .sIconImgClass{  width:45px;  height:45px; } .sIconImgOverlayClass{  width:25px;  height:15px; } .ssIconContainerClass{  position:relative;  float:left;  background-color:#262423;  border:1px solid #404040;  padding-left:3px;  padding-top:2px;  padding-right:3px;  padding-bottom:2px;  margin-left:5px;  margin-bottom:5px;  width:193px;  height:20px; } .ssIconPicClass{  width:25px;  height:25px;  padding-bottom:2px;  float:left; } .ssIconTextContainerClass{  padding-left:8px;  padding-top:2px;  text-shadow:0px 1px 2px #000;  color:#c0c0c0;  position:relative;  overflow:hidden;  width:140px;  height:20px;  text-overflow:ellipsis;  text-shadow:0px 1px 2px silver; } .ssIconTextClass{  font-size:0.75em;  line-height:1.1em; } .ssIconOverlay{  position:absolute;  top:5px;  left:5px; } .ssIconImgClass{  width:20px;  height:20px; } .ssIconImgOverlayClass{  width:20px;  height:15px; } .iconSpecialLink{  position:absolute;  display:none;  top:0px;  right:0px;  width:10px;  height:10px;  background-color:white;  z-Index:100; } .menuBR{  clear:left;  padding-top:0px; }  #cStreamerArea{  position:relative;  left:0px;  top:0px; } .subsection{  clear:left;  padding-left:5px;  padding-top:5px;  border-bottom:1px solid #c6a300;  #width:160px;  margin-right:10px;  margin-bottom:5px;  color:#c6a300;  cursor:pointer; } .iconSubsectionContainer{  position:relative; } .subsection2{  clear:left;  padding-left:5px;  padding-top:5px;  margin-left:25px;  border-bottom:1px solid #c6a300;  width:160px;  margin-bottom:5px;  color:#c6a300;  cursor:pointer; } .iconSubsectionContainer2{  margin-left:25px; } .errMsg{  color:red;  position:relative;  top:80px;  background-color:yellow;  z-Index:210000; } #pwParentContainer {  width:100%;  position:absolute;  left:0px;  top:180px; } #pwFormContainer {  width:800px;  margin:0 auto; } .pwIdentifier{  } #cOldPW{  } #cNewPW1{  } #cNewPW2{  }  #oldpw{  width:500px; } #newpw1{  width:500px; } #newpw2{  width:500px; } #zahlwordContainer{  margin:10px;  position:absolute;  top:80px; } #dictContainer{  margin:10px;  position:absolute;  top:180px; } #ergHeader{  margin-left:10px;  margin-top:10px;  font-size:1.5em; } #ergContainer{  margin-left:10px;  margin-top:10px;  width:800px;  border:1px solid white; } .ergRowContainer{  border-bottom:1px dotted white; } .ergLeft{  float:left;  width:400px;  border-right:1px solid white;  padding-left:5px;  margin-right:5px; } .ergRight{ } #appFrameContainer{  position:absolute;  top:65px;  width:100%; } .arrowIcon{  width:14px;  height:14px;  padding-right:5px;  padding-bottom:0px;  cursor:pointer; } .simpleMenuContainer{  text-align:center;    height:100%  opacity:0.8; } .simpleMenuGhost{  content:'';  display:inline-block;  height:100%;  vertical-align:middle;  margin-right:-0.25em; } .simpleMenuCell{  display:inline-block;  vertical-align:middle;  margin-top:100px; } .complexMenuContainer{  position:relative;  padding-left:15px;  padding-top:5px;  padding-bottom:20px; } #indexGadgetContainer{  display:none;  border:1px solid gold; } .streamControlBtn{  height:50px;  margin-top:10px; } #helper{  background-color:#ffffa5;  border:1px solid black;  position:absolute;  width:300px;  height:300px;  right:5px;  top:5px;  color:black;  font-size:12px;  padding:5px;  z-Index:3;  opacity:0.5; } .closeBtn{  cursor:pointer;  width:280px;  text-align:right; }  #mainframe{  border:0px;  width:100%;  height:100%; } #playerframe{  display:none; } #infoframe{  display:none; } #actionframe{  display:none; } #contentIndexContainer{  position:relative;  width:100%; } #indexIconList{  position:relative;  margin-bottom:20px;  z-index:0;  background-color:#262423;  width:100%;  height:100%; } #bottomSideContainer{  display:none;  position:fixed;  width:100%;  bottom:20px;  height:230px;  border-top:1px solid white;  background-color:#262423;  min-height:50px;  overflow-y:scroll; } #rightSideContainer{  display:none;  position:fixed;  top:20px;  right:0px;  height:100%;  border-top:1px solid white;  background-color:#262423;  overflow-y:scroll; } #rssFrame{  height:100%; } #backgroundvidItem{  min-width:100%;  min-height:100%;  right:0px;  bottom:0px;  position:fixed; } #radioFrameContainer{  } #radioFrame{  position:relative;  width:400px;  border:0px;  height:100%; } #tickerFrame{  position:relative;  width:550px;  border:0px;  height:100%; } .bsFrameClass{  position:relative;  float:left;  max-height:300px;  height:100%; } .rsFrameClass{  position:relative;  float:left;  height:100%;  top:50px; } #mlogin{ } #nlogin{ } .ssoLogin{  width:1px;  height:1px;  border:0px;  display:none; } .contHinweis{  position:absolute;  right:40px;  top:20px;  background-color:red;  color:white;  width:300px;  height:450px;  padding:5px;  z-index:2147483647 } #contentIndexContainer::-webkit-scrollbar {  width:5px; } #contentIndexContainer::-webkit-scrollbar-track {  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); } #contentIndexContainer::-webkit-scrollbar-thumb {  background-color:darkgrey;  outline:1px solid slategrey; } .showBottomSideIcon{  float:left;  padding-right:10px;  color:white; } #imgAboList{  height:25px;  padding-left:40px;  vertical-align:middle; } #meteoblue{  transition:all linear 0.5s; } #imgBooksKat{  height:25px;  vertical-align:middle;  margin-left:15px;  float:left;  cursor:pointer; } #bookKatContainer{  position:relative;  left:40px;  padding-left:40px;  display:none; } #bookKatSelector{ } .tableRow{  border:1px solid gray; } #welcome{  position:absolute;  top:150px;  width:100%;  text-align:center; } #welcomeheader{  } #welcomenachricht{  } #iFrameMessage{  position:absolute;  left:100px;  top:100px;  width:350px;  height:350px;  overflow:auto;  z-Index:1000;  padding:10px;  border:1px solid black;  background-color:#ffffa5;  color:black; } #imgBack{  height:25px;  vertical-align:middle;  margin-left:25px; } .wMenuSubHeader{  background-color:silver;  border:1px;  margin-right:40px;  padding:10px; } #messageList{  background-color:silver;  color:black; }