@CHARSET "ISO-8859-1";

/* IFX FONTS */
@font-face{
	font-family:IFX-reg;
	src:
	url(../fonts/Source_Sans_Pro_400.woff) format("woff"),
	url(../fonts/Source_Sans_Pro_400.ttf) format("truetype");
	font-weight:400;
}
@font-face{
	font-family:IFX-bold;
	src:
	url(../fonts/Source_Sans_Pro_600.woff) format("woff"),
	url(../fonts/Source_Sans_Pro_600.ttf) format("truetype");
	font-weight:600;
}

/* DOCUMENT */
html {position: relative;min-height: 100%;}
body {/* Seite immer 100% gross mit 60px Platz (.footer::height) unten fuer Footer */
margin:0;padding:0;font-family:IFX-reg,Arial,sans-serif;letter-spacing:0.00em;margin-bottom: 60px;
background-image:url(../img/backgrounds/bg-wafer.jpg);
background-repeat:no-repeat;background-size:cover;background-position:center;
}

/* FOOTER */
.footer {/* der eigentliche Footer */
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
  line-height:58px;
  color:#ffffff;
  background-color: #928285;
  overflow:hidden;
  border-top:1px solid #e9e6e6;
}
.bottomlink{text-decoration:none;color:#ffffff;font-size:1vw;font-family:IFX-reg,Arial,sans-serif;}
.bottomlink:hover{text-decoration:none;color:#8cb1c0;}
.copyright{float:right;font-size:1vw;}

/* HEADER mit Logo */
#header{position:relative;width:100%;height:93px;border-bottom:1px solid #ffffff;background:#ffffff;overflow:hidden;}
#headline1{font-family:IFX-reg,Arial,sans-serif;height:28px;line-height:24px;margin-top:26px;font-size:3vw;overflow:hidden;}
#headline2{font-family:IFX-reg,Arial,sans-serif;height:28px;line-height:24px;top:20px;font-size:2vw;overflow:hidden;}
#header_logo{position:relative;float:left;display:block;width:123px;height:89px;background:url(../img/logos/infineon_logo.png);background-size:90%;background-repeat:no-repeat;background-position:center;}
#title{position:relative;float:left;left:20px;color:#005DA9;height:93px;}
@media only screen and (min-width: 768px) {
	#headline1{font-size:28px;}
	#headline2{font-size:16px;}
	.copyright{font-size:14px;}
	.bottomlink{font-size:14px;}
}

/* Navigations-Leiste */
#menu{position:relative;width:100%;background:#e9e6e6;border-bottom:1px solid #e9e6e6;}
/* bootstrap3 ueberschreiben*/
.navbar-default{border:0;margin:0;background-color:#e9e6e6;}
.navbar-default .navbar-nav>li>a{color:#005DA9;font-size:bold;font-family:IFX-reg,Arial,sans-serif;font-size:16px;border-bottom:2px solid transparent;}
.navbar-default .navbar-nav>li>a:hover{color:#E30034;border-bottom:2px solid #E30034;}
.navbar-right{margin-right:0;}

/* Text unter Navigationsleiste */
#submenu{
position:relative;margin:0 auto;width:100%;padding:0;
font-size:1.0vw;
}

/*  ************************* Breite aller Elemente *********************************** */
.content{position:relative;margin:0 auto;width:94%;}

/*  ************************* Medien-Elemente Player und Slide *********************************** */
.media{} /* Klasse fuer JQuery-Funktionen */
.media-left{position:relative;float:left;-webkit-transition:width 1s;transition:width 1s;width:48.5%;} /* linkes Medien-Element: Player-Container */
.media-right{position:relative;float:right;cursor:pointer;-webkit-transition:width 1s;transition:width 1s;width:48.5%;} /* linkes Medien-Element: Slide-Container */
.media-small{width:28.5%;} /* Media-Container klein */
.media-large{width:68.5%;} /* Media-Container gross */
#slide{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:right;} /* Slide */
#preview{background-position:center;background-size:contain;background-repeat:no-repeat;}

/* Buttons fuer Groessenaenderungen von Player und Slide*/
.media-size-button{position:relative;float:left;margin-left:8px;width:50px;height:30px;cursor:pointer;}
.media-size-button >div{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;}
.media-size-button-left > div{background:url(../img/buttons/right-inactive-ifx.png);}
.media-size-button-center > div{background:url(../img/buttons/center-inactive-ifx.png);}
.media-size-button-right > div{background:url(../img/buttons/left-inactive-ifx.png);}
.media-size-button-left > .active{background:url(../img/buttons/right-active-ifx.png);}
.media-size-button-center > .active{background:url(../img/buttons/center-active-ifx.png);}
.media-size-button-right >.active{background:url(../img/buttons/left-active-ifx.png);}

/* Modal Overlays Slideliste, Sprecherliste, Slide, Hilfe */
.modal-backdrop {background-color: rgba(0,0,0,.0001) !important;} /* bootstrap3 Style ueberschreiben */
.modal-header{font-family:IFX-bold,Arial,sans-serif;background:#928285;} /* bootstrap3 Style ueberschreiben */
.modal-title{font-family:IFX-bold,Arial,sans-serif;color:#ffffff;} /* bootstrap3 Style ueberschreiben */
.close {color:#fff;opacity: 1;} /* bootstrap3 Style ueberschreiben */
.close:hover{color:#fff;opacity: 1;} /* bootstrap3 Style ueberschreiben */

/* Slide-Vergroesserungs-Modal */
#slideModal > .modal-dialog{float:right;right:5px;min-width:65%;max-width:65%;}
#slideModal > .modal-dialog > .modal-content > .modal-body > .embed-responsive{background-size:contain;background-position:center;background-repeat:no-repeat;}

/* Hilfe-Modal */
#helpModal > .modal-dialog{float:right;right:5px;}
#helpModal > .modal-dialog > .modal-content{height:100%;min-height:100%;border-radius:0;background:url(../img/backgrounds/list-background.png);}
#helpModal > .modal-dialog > .modal-content > .modal-body{font-size:16px;}

/* Download-Modal */
#downloadModal > .modal-dialog{float:right;right:5px;}
#downloadModal > .modal-dialog > .modal-content{height:100%;min-height:100%;border-radius:0;background:url(../img/backgrounds/list-background.png);}
#downloadModal > .modal-dialog > .modal-content > .modal-body{font-size:16px;}

/* ********** Slide-Liste-Modal ********** */
/* Breite und Abstand von rechts */
#slideListModal > .modal-dialog{float:right;margin:0;padding:0;right:5px;width:40%;min-width:40%;max-width:40%;height:100%;overflow:hidden;}
#slideListModal > .modal-dialog > .modal-content > .modal-body{postition:absolute;left:0;bottom:0;width:100%;height:90%;overflow:auto;} /* nicht aendern */
/* Hintergrund als halbtransparentes png */
#slideListModal > .modal-dialog > .modal-content{height:100%;min-height:100%;border-radius:0;background:url(../img/backgrounds/list-background.png);}
/* Groesse der Slides in der Liste:
Abstand zwischen den Slides: margin-bottom
Breite: BREITE IN %
Hoehe bei 4x3: padding-bottom = aufrunden ( (BREITE IN %) * 3 / 4 )
Hoehe bei 16x9: padding-bottom = aufrunden ( (BREITE IN %) * 9 / 16 )
*/
.slideListItem{position:relative;margin:0 auto;width:96%;padding-bottom:54%;margin-bottom:1.5vw;background-size:contain;background-position:center;background-position:center;background-repeat:no-repeat;cursor:pointer;}


/* ********** Sprecher-Liste-Modal ********** */
/* Breite und Abstand von rechts */
#speakerListModal > .modal-dialog{float:right;margin:0;padding:0;right:5px;width:40%;min-width:40%;max-width:40%;height:100%;overflow:hidden;}

/* Hintergrund als halbtransparentes png */
#speakerListModal > .modal-dialog > .modal-content{height:100%;min-height:100%;border-radius:0;background:url(../img/backgrounds/list-background.png);}
#speakerListModal > .modal-dialog > .modal-content > .modal-body{postition:absolute;left:0;bottom:0;width:100%;height:90%;overflow:auto;}
/* Groesse der Slides in der Liste:
Abstand zwischen den Slides: margin-bottom
Breite: BREITE IN %
Hoehe bei 4x3: padding-bottom = aufrunden ( (BREITE IN %) * 3 / 4 )
Hoehe bei 16x9: padding-bottom = aufrunden ( (BREITE IN %) * 9 / 16 )
*/
.speakerListItem{position:relative;margin:0 auto;width:96%;padding-bottom:54%;margin-bottom:1.5vw;background-size:contain;background-position:center;background-position:center;background-repeat:no-repeat;cursor:pointer;}

/* weisse Mittel-Box fuer Download- und Hilfe-Modal */
.modal-container{margin:10px;background:#ffffff;border-radius:4px;padding:5px;}

/*  *************************     LOGIN SEITE *********************************** */
#loginField{position:relative;margin:0 auto;width:60%;}




#datenschutzhinweis a {color:#000; text-decoration:none;}

#datenschutzhinweis a:hover {text-decoration:underline;}

#datenschutzhinweis div {padding:10px; padding-right:40px;}

#datenschutzhinweis { 
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #928285; 
   background: -moz-linear-gradient(top, #928285 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#928285), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #928285 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #928285 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #928285 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #928285 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#928285', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#datenschutzhinweisCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }

#datenschutzhinweisCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}