@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: mediumFont; font-weight: 500; font-style: normal;
    src: url('font/fontMedium.woff2') format('woff2'), url('font/fontMedium.ttf') format('ttf'), url('font/fontMedium.woff') format('woff');
}
@font-face {
    font-family: semiboldFont; font-weight: 600; font-style: normal;
    src: url('font/fontSemiBold.woff2') format('woff2'), url('font/fontSemiBold.ttf') format('ttf'), url('font/fontSemiBold.woff') format('woff');
}

@keyframes animatedBackgroundFL {
    from {background-position: 0 0;}
    to {background-position: -2686px 0;}
}

body {
	background: url("images/top.jpg") 0 0 repeat-x;
	background-color: #1e2d40;
	font: 13px/18px mediumFont, "Trebuchet MS", Helvetica, sans-serif;
	color:#F2F2F2;
}

a {text-decoration:none;}

ul li {display:inline;}

.medium {font-family: mediumFont, Helvetica, sans-serif;}
.bold {font-family: semiboldFont, Helvetica, sans-serif;}
.fontcolor-light {color: #F2F2F2;}

#header {width: 1180px; max-width: calc(100% - 20px); height: 15px; margin: 0 auto; padding: 8px 10px; background-color: #1e2d40;}
#language-container2 {float: right; cursor: pointer; width: 100%; height: inherit;}
#language-options-container2 {float: right; margin-top: 10px; background-color: inherit; height: auto; width: auto; display: none;}

#main {width: 980px; margin: 0 auto;}

#top {height:277px;	width:980px; margin: 0;	padding: 0;	font-size: 20px; line-height: 20px;	background-color:#2c415c;}
#top h1{width:300px; font-size: 30px; padding: 30px 0 0 70px;}
#top h1 span{color:#B6F750;}
#top h2{color:#DDD; padding-top:2px; padding-left:155px; font-size: 17px; text-transform:uppercase; font-style:italic;}
#top h2 span{}
#top a{color:#FFC;}
#top ul{float:left; text-transform:uppercase; font-size: 14px;}
#top ul li{display:block; margin-bottom:6px;}
#top ul li a{display:block; width:150px; height:20px; background:url("images/dot-blue-top.png") 0 0 no-repeat; font-family: semiboldFont, Helvetica, sans-serif;}
#top ul li a:hover{background:url("images/dot-orange-top.png") 0 0 no-repeat;}

#topleft {float:left; width:295px; height:277px; background:url("images/frigo.jpg") 0 0 no-repeat #2c415c; }
#topleft #logo {height: 63px; width: 280px; cursor: pointer; float: left; margin-top: 17px;}
#topleft #logo-IFD {background: url("sprites/IFD-firstload-2D3E5A.png") 0px 0px no-repeat; overflow: hidden; height: 36px; width: 79px; float: left;  margin-left: 27px; animation: animatedBackgroundFL 3s normal steps(34); animation-fill-mode: forwards;}
#topleft #logo-text-en {background: url("images/elements.png") 0 -64px no-repeat; overflow: hidden; height: 35px; width: 148px; float: left; margin-top: 2px; margin-left: 15px;}
#topleft #logo-text-de {background: url("images/elements.png") 0 -64px no-repeat; overflow: hidden; height: 35px; width: 148px; float: left; margin-top: 2px; margin-left: 15px; }
#topleft #logo-text-bg {background: url("images/elements.png") 0 -101px no-repeat; overflow: hidden; height: 35px; width: 148px; float: left; margin-top: 2px; margin-left: 15px; }
#topleft ul {padding: 35px 0 0 70px;}

#topright {float:right; width:645px; height:257px; background: url("images/big.jpg") 0 0 no-repeat #2c415c; text-align:left; padding:20px 0 0 40px;}
#topright a{font-size: 14px; color:#DDD; display:inline-block; width:60px; height:10px; margin-right:5px; padding-top:10px; text-align:center;}
#topright a:hover{color:#CCC;}
#topright a.home{float: left; background: url("images/home.jpg") 0 0 no-repeat;}
#topright a.email{float: left; background: url("images/email.jpg") 0 0 no-repeat;}
#topright a.map{float: left; background: url("images/map.jpg") 0 0 no-repeat;}
#topright #tuv-logo{float: left; background: url("images/elements.png") -267px 0 no-repeat; width: 61px; height: 61px; margin-top: -11px; margin-left: 180px;}

#language-container{float: right; padding: 8px 0 0 0; cursor: pointer; height: auto; width: 110px;}
#language-label{float: right; margin: 0 0 0 0; font-size: 14px; height: 15px;}
#language-key{float: right; margin: 0 0 0 4px; font-size: 14px; height: 15px;}
#language-arrow{float: right; margin: 7px 0 0 5px; background: url("images/elements.png") -111px -139px no-repeat; width: 15px; height: 7px;}
#language-options-container{float: right; margin-top: 10px; background-color: #56677B; height: auto; width: auto; display: none;}
.language-options{text-align: right; margin: 7px 21px 10px 21px; font-size: 14px;}

#center {height: auto; width:1040px; font-size: 13px; line-height:18px; overflow:auto; padding:0 0 10px 0;}

.content_item {width:100%; height: 300px;}
.content_picture {display:flex; align-items:center; background-image: linear-gradient(#1e2d40, #314867); height:220px; width:249px;}
.content_picture.right {float:right;}
.content_picture.left {float:left;}
#content_right p.blue.new {width:100%; padding-left:30px; text-transform:uppercase; background-image: linear-gradient(to right, #314867, #1e2d40); color: #FFF;}
#content_right img {display: block; margin-left: auto; margin-right: auto;}

#content_left {float:left; width:255px; text-align:left; padding:38px 20px 0 20px; font-size: 14px; font-family: semiboldFont, Helvetica, sans-serif; background:url("images/left.jpg") 0 0 no-repeat; min-height:600px;}
#content_left p {border: 1px solid #4F4F4F; border-radius: 3px; color:#FFC; text-align: center; text-transform:uppercase; margin:0 35px 30px 30px; height: 17px; font-size: 14px; background-image: url("images/backgnd-button-orange.png"); background-repeat: repeat-x; cursor: default;}
#content_left a {color: #FFC; width: 100%; padding: 0 50px 0 50px;}
#content_left ul {float:left; text-transform:uppercase;}
#content_left ul li {display:block; margin-bottom: 10px; width: 220px; padding-left: 30px; color:#003;}
#content_left ul li.main {margin-top: 5px; padding-left: 5px; color:#FFC;}
#content_left ul li.main.first {margin-top: 20px;}
#content_left ul li div#pin {float: left; width: 19px; height: 19px; background: url("images/elements.png") -111px -155px no-repeat;}
#content_left ul li:hover > div#pin {background-position: -132px -155px;}
#content_left ul li a {display:block; padding-left:27px; color:#FFC;}

#content_right {float:left; width:700px; min-height:630px;}

#content_right_left {float:left; width:405px; padding:0 0 0 20px; font-size: 12px; font-family: mediumFont, sans-serif; color: #DDD;}

#content_right_left	#dropdownDoorModel {cursor: pointer; margin: 0.5em 0 1em 0; width: 100%; height: 100%; float: left; overflow: hidden;}
#content_right_left	#dropdownDoorModel.closedDD {height: 19px;}
#content_right_left	#dropdownDoorModel.openedDD {height: 200px;}
#content_right_left #dropdownarrow {float: left; margin: 2px 10px 2px 0; height: 15px; width: 28px; background-image: url("images/doublearrowright2-ani.png"); background-repeat: no-repeat;}
#content_right_left #dropdownarrow.closedArrow {background-position: 0px 0px; }
#content_right_left #dropdownarrow.openedArrow {background-position: -532px 0px; }
#content_right_left #dropdowntext {border: 1px solid #4F4F4F; border-radius: 3px; color: #FFC; font-family: semiboldFont, Helvetica, sans-serif; text-align: center; margin: 0 0 0 40px; padding: 0 20px 0 20px; height: 17px; width: 200px; font-size: 14px; background-image: url("images/backgnd-button-orange.png"); background-repeat: repeat-x;}
#content_right_left #dropdownDoorModel .rowDD {width: 100%; height: 60px; float: none; margin: 20px 0 20px 0;}
#content_right_left #dropdownDoorModel .rowDD-circle {float: left; background-image: url("images/backgnd-graycircle.png"); background-repeat: no-repeat; text-align: center; height: 22px; width: 22px; margin: 33px 10px 33px 0; padding: 3px 0 0 1px; font-size: 20px;}
#content_right_left #dropdownDoorModel .rowDD-doors {height: 60px; width: 60px; float: left; margin-right: 10px; border-radius: 3px; overflow: hidden; background-color: #DDD;}
#content_right_left #dropdownDoorModel .rowDD-doors .active {background-color: #56677B;}
#content_right_left #dropdownDoorModel .RDH-left {background-image: url("images/doors/icons/RDH-left.png")}
#content_right_left #dropdownDoorModel .RDH-right {background-image: url("images/doors/icons/RDH-right.png")}
#content_right_left #dropdownDoorModel .RDHD {background-image: url("images/doors/icons/RDHD.png")}
#content_right_left #dropdownDoorModel .RDS-left {background-image: url("images/doors/icons/RDS-left.png")}
#content_right_left #dropdownDoorModel .RDS-right {background-image: url("images/doors/icons/RDS-right.png")}
#content_right_left #dropdownDoorModel .RDSD {background-image: url("images/doors/icons/RDSD.png")}
#content_right_left #dropdownDoorModel .SD-left {background-image: url("images/doors/icons/SD-left.png")}
#content_right_left #dropdownDoorModel .SD-right {background-image: url("images/doors/icons/SD-right.png")}
#content_right_left #dropdownDoorModel .SDD {background-image: url("images/doors/icons/SDD.png")}
#content_right_left #dropdownDoorModel .FD-left {background-image: url("images/doors/icons/FD-left.png")}
#content_right_left #dropdownDoorModel .FD-right {background-image: url("images/doors/icons/FD-right.png")}
#content_right_left #dropdownDoorModel .FDD {background-image: url("images/doors/icons/FDD.png")}

#content_right_left #dropdownDoorModel .rowDD-directions {height: 60px; width: 60px; float: left; margin-right: 10px;}

#content_right_left #email-mandatoryFields {text-align: center; margin: -10px 0 0.5em 0;}
#content_right_left label {float: left; font-size: 14px; margin-bottom: 0.2em;}
#content_right_left input,textarea {font-size:14px; margin-bottom:0.5em; width:400px;}
#content_right_left .submit{font-family: semiboldFont, Helvetica, sans-serif; float: left; width: 75px;}
#content_right_left div#buttonAndCheckBox {float: left;}
#content_right_left #checkBoxCarbonCopy {float: left; margin: 5px 10px 10px 65px; width:auto;}
#content_right_left #checkBoxCarbonCopyLabel {float: left; margin: 2px 0 0 0;}
#content_right_left p{font-size: 14px; float: left;}
#content_right_left p.blue{width:240px; margin:45px 0 20px -20px; padding-left:30px; text-transform:uppercase; background-color:#6699cc; color: #FFF;}
#content_right_left h1{height:23px; color:#FFF; text-transform:uppercase; font-size: 14px; font-family: semiboldFont, Helvetica, sans-serif; margin:36px 0 20px 0px; padding:2px 0 6px 30px; background-image: url("images/dot.png"), url("images/backgnd_wavy_gray_10x23_repeatX.png"); background-position: -18px 2px, 0 0; background-repeat: no-repeat, repeat-x; cursor: default;}
#content_right_left span{margin-left:10px; color:#000; font-family: semiboldFont, Helvetica, sans-serif;}
#content_right_left span.blue{margin-left:0; color:#39C;}
#content_right_left .red{margin-left:0; color:#F44;}
#content_right_left span.white{margin-left:0; color:#FFF;}
#content_right_left span.success{margin-left:0; color:#DDD; font-family: mediumFont, Helvetica, sans-serif; white-space: pre-wrap;}
#content_right_left ul{margin-left:20px; text-transform:uppercase; height:300px;}
#content_right_left ul li{display:block; width:373px; margin-bottom:7px; float: left;}
div#PDFicon{height:36px; width:34px; float: left; margin-right: 10px; background: url("images/elements.png") -289px -137px no-repeat; }
div#JPGicon{height:36px; width:34px; float: left; margin-right: 10px; background: url("images/elements.png") -324px -137px no-repeat; }
#content_right_left ul li span{margin-left:0; padding:0; text-transform:lowercase; color: #EEE; font-family: mediumFont, sans-serif;}
#content_right_left .products {text-align:center; height:190px; min-width:125px; max-width: 140px; float: left;}
#content_right_left a{text-transform:uppercase; color:#DDD;}
#content_right_left a:hover{color:#CCC;}

#content_right_right {float:left; width:230px; text-align:left; padding:20px 0 20px 20px;}
#content_right_right h1{height:23px; color:#FFF; text-transform:uppercase; font-size: 14px; font-family: semiboldFont, Helvetica, sans-serif; margin:16px 0 20px 0px; padding:2px 0 6px 30px; background-image: url("images/dot.png"), url("images/backgnd_wavy_gray_10x23_repeatX.png"); background-position: -18px 2px, 0 0; background-repeat: no-repeat, repeat-x; }
#content_right_right img{margin:40px 0 0 25px;}
#content_right_right img.top{margin:100px 0 0 25px;}
#content_right_right img.second{margin:40px 0 0 25px;}
#content_right_right ul{float:left; margin-top:15px; font-size: 14px;}
#content_right_right ul li{display:block; width:208px; margin-bottom:10px; padding-left:5px;}
#content_right_right ul li span{font-family: semiboldFont, Helvetica, sans-serif;}
#content_right_right ul li.bold{font-size: 10px;}
#content_right_right a.techinfo{font: 11px mediumFont, Helvetica, sans-serif; font-style: italic; margin-top:30px; display:inline-block; width:190px; height:20px; padding:9px 0 0 7px; background: url("images/products.jpg") 0 0 no-repeat; text-transform:uppercase; color:#69C;}
#content_right_right a.techinfo:hover{color:#FFC;}
#content_right_right a.gpslink {font-style:inherit; color:#69C;}
#content_right_right a.gpslink:hover{color:#FFC;}

#footer {height: auto; text-align: center; background-color: #2D3E5A; border-color #F2F2F2; border-style: solid none none; border-width: 1px; min-width: 360px;}
#footer a {color: inherit;}
#footer a:hover {text-decoration:underline;}

@keyframes aniLogoS {
  from {background-position-x: 0;}
  to {background-position-x: -2329px;}
	}
#footer_logo {width:137px; height:62px; margin: 0 auto 0 auto; padding: 25px 0 12px 0; background: url("sprites/IFD-waiting-F2F2F2_S.png") 0 center no-repeat; background-origin: content-box; overflow: hidden; }
#footer_logo.scrolled {animation: aniLogoS 1s normal steps(17); animation-fill-mode: forwards;}
#footer_logo a {width: 100%; height: 100%; display: block;}

#footer_address {font-size: 14px; line-height: 1.4}

#footer_center {padding: 18px 0 10px 0; font-size: 13px;}
#footer_center li span {color: #F89212;}

#footer_copyright {margin: 0 auto 0 auto; padding-bottom: 20px; font-size: 13px;}