/* ------------------------------------------------------*/
/* Fonts */

@font-face {
    font-family: fc-normal;
    src: url(../fonts/Frutiger-Cn.otf);
}

@font-face {
    font-family: fc-bold;
    src: url(../fonts/Frutiger-BoldCn.otf);
}

@font-face {
    font-family: fc-black;
    src: url(../fonts/Frutiger-BlackCn.otf);
}

@font-face {
    font-family: fc-extrablack;
    src: url(../fonts/Frutiger-ExtraBalckCn.otf);
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans1';
  font-style: normal;
  font-weight: 300;
  /* src: url('../fonts/open-sans-v18-latin/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */ */
  /* src: local('Open Sans Regular'), local('OpenSans-Regular'), */
       /* url('../fonts/open-sans-v18-latin/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ */
       /* url('../fonts/open-sans-v18-latin/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ */
       /* url('../fonts/open-sans-v18-latin/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ */
       /* url('../fonts/open-sans-v18-latin/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ */
       /* url('../fonts/open-sans-v18-latin/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */ */
	   
	   src: url("../fonts/open-sans-v18-latin/OpenSans-Regular-webfont.woff2") format("woff2"),
       url("../fonts/open-sans-v18-latin/OpenSans-Regular-webfont.woff") format("woff");
}

 @font-face {
      font-family: "Arial";
      src: url("../fonts/arial-cufonfonts-webfont/ARIALN.woff") format("woff");
    }

/* ------------------------------------------------------*/
/* Main-Frame */

html, body {margin:0;
            padding:0;
            width:100%;
            height:100%;
			overflow: hidden;
		}

/* ------------------------------------------------------*/
/* Haupt-Elemente */

.wrapperTable {
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.tableContentCell {
	height: 100%;
	font-family: fc-black;

}

.tableHeaderCell, .tableFooterCell {
	  background-color: #FFD700; /* Mit Color-Picker aus "Farbwerte Kat"*/
      color: #000000; /* Mit Color-Picker aus "Farbwerte Kat"*/
      font-family: fc-black;
      background-image: linear-gradient(to right, orange, #FFD700 , #bd8b13);
}

.tableHeaderCell {
	padding: 2vh;
}

.tableFooterCell {
	font-size: 3vh;
	text-align: left;
	font-family: 'Open Sans', Fallback;
}

#mainTitle {
	text-align: center;
	font-size: 5vh;
	position: absolute;
	width: 100%;
}
#mainLogo-alt {
	height: 5vh;
	float: right;
}

#mainLogo {
	height: 5vh;
	float: left;
}

#contentFrame {
	height: 100%;
	width: 100%;
	border: none;
}

.contentTable {
    height: 100%;
    width: 100%;
    border-collapse: collapse;

}

.contentTable thead {
	font-size: 3vh;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
	text-align: center;
}
.contentTable th {
    padding: 0 4vh;
    text-align: center;
}
.contentTable td{
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	color: #ffffff;
}

.contentTable tr {    
	background-image: linear-gradient(to bottom, #0000dd, #000080, #00004a);
    background-origin: border-box;
    border-spacing: 25px;
    border: 10px solid black;
    padding: 25px;
}

.contentTableDest {
	text-align: left !important;
	width: 100%;
	font-size: 5vh;
	font-weight: bold;
	color: #400040;
}

.contentTableDest2 {
	text-align: left !important;
	width: 100%;
	font-size: 4vh;
	font-weight: bold;
	color: #400040;
}

.contentTablePlatform {
	font-size: 4vh;
	font-weight: bold;
}

.contentTableTime {
	font-size: 4vh;
	font-weight: bold;
}

.lineNo {
	font-size: 2.5vh;
	font-weight: bold;
	padding-left: 2vh;
}

.lineDesc {
	font-size: 2.5vh;
	padding-left: 2vh;
}

.trans td{
	border: none;
	text-align: left;
	padding: 0px;
	margin: 0px;
}

.notes {
	font-size: 2vh;
	font-weight: bold;
}


.traffic-icon-1-row { display: inline-block;                      
                      height: 4.5vh;
                      width: 5.5vh;
                      border: 0.1vh solid #F5B039;
                      -webkit-border-radius: 0.45vh;
                      border-radius: 0.4vh;
                      font-size: 3.5vh;
                      padding-top: 1vh;
                      color: #4e4e4e;
                      background-color: white;}

#content-wrapper, 
#header, 
#main-content,
#footer,
#block-main-sight { margin:0;
                    padding:0;}

#content-wrapper { font-family: fc-normal;
                   }

#block-main-sight { margin: 0;
               padding:0;
               height:100%;
               width:100%;
               position: absolute;
               z-index: 5000;
               background-color: #000; // Farbwert zum Einschwärzen des Bildschirms
               opacity: 1; // Anfangswert, Änderung durch javascript
               transition: opacity 1s ease-in-out;
               -webkit-transition: opacity 1s ease-in-out;}

#content-wrapper { height:100%;
                   background-color: #fff;}

#header { position: relative;
          height: calc(10vh - 2px);
          background-color: #D6E8F2; /* Mit Color-Picker aus "Farbwerte Kat"*/
          color: #004D91; /* Mit Color-Picker aus "Farbwerte Kat"*/
          font-family: fc-black;
          font-size: 4.5vh;
          line-height: 7.5vh;
          padding-top: 2.5vh;
          padding-left: 3vh;
          font-weight: bold;
          text-align: left;
          border-bottom: 2px solid #004D91;
}

#katlogoAlt { position: absolute;
           right: 0vh;
           top: 0vh;
           height:100%;
           width: 50vh;
           text-align: right;
           }
		  
		  
#katlogo { position: absolute;
           right: 0vh;
           top: 0vh;
           height:100%;
           width: 50vh;
           text-align: left;
           }

#katlogo img { height: 6vh;
               margin-top: 2.5vh;
               margin-left: 2.3vh;
}

#main-content { height:77.5vh;
                }

#footer { height: calc(10vh - 2px);
          text-align:center;
          background-color: #D6E8F2; /* Mit Color-Picker aus "Farbwerte Kat"*/
          border-top: 2px solid #004D91;
}



/* ------------------------------------------------------*/
/* Seiten für einzelene Verbindungen */

.page { margin-top: 0vh;
        width: 100%;
        position: absolute;
        transition: opacity 1s ease-in-out;
        opacity: 0;
        overflow: hidden;
		padding-bottom: 10px;}

.page:first-child { padding-top:40px;}

.mod-wrapper { /*background-color: #eee;*/
               /*border: 1px solid #ccc;*/
               width: calc(100% - 6vh);
               border-collapse: collapse;
               table-layout: fixed;
               margin: 2vh 3vh;               
               padding:0;}

.mod-wrapper td { /*border: 1px solid #ccc;*/
                  font-size: 3.2vh;
                  line-height: 4vh;
                  padding: 0.5vh 0;
                  }

/* Tabellen-Ausrichtung */
.date-col { width: 11%; display: none } /* Datum ein mit display-Wert löschen */

.time-col { width: 6%;
            text-align: left;
            padding-left: 0;}

.tofrom-col { width: 3%;
              text-align: right;}

.stop-sign-col { width: 6%;
                 text-align:center;}

.stop-name-col { width:25%;
                 color: #b00;}

.stop-platform-col { width:20%;
                 color: #b00;}

.traffic-icon-col { width: 8%;
                    text-align: center;}

.traffic-description-col { width: 23%; }
/* Tabellen-Ausrichtung ENDE */


.stop-sign { width: 4vh; margin: 3px;}