/* == media queries ==*/ @media only screen and (min-width:768px) and (max-width:1012px) { /** iPad portrait **/ /* Keyvisual */ #keyvisual img, #precontent img{width:100%; height:auto;} #keyvisual.kv-oversize img, #keyvisual.kv-oversize {width:101%; height:auto;} #keyvisual object{width:100%;} /* Homepage Banner*/ #keyvisual div.panel {height: 177px;} #keyvisual .bannerImage {max-height: 177px;} #keyvisual div.bannerSelect {width: 200px; height:42px;} #keyvisual div.bannerSelect img {width: 36px; padding-top: 3px;} #keyvisual #bannerSelectArea {width: 140px; height: 184px;} #keyvisual #bannerImageArea {width: 620px} #keyvisual .bannerSelect h4{width: 90px; padding-left: 0px; padding-right: 2px; font-size: 12px;} /*RESPONSIVE & BASE*/ #header, #navi, #mainform, .footWrap, #footer.footer-fullwidth .col-2 {width:768px;} .news-stories{width:100%;} iframe{width:100% !important;} #precontent, #content {width:100%; margin-right:0;} #margi {margin:23px 0 0 0 !important; overflow:hidden; width:200px; float: none !important;} #header {position:relative;} #support {right:110px;} #logo {position:absolute; right:0;} .kv-oversize {margin-left:-10px;} .n1 {width:75px!important;} .col.lst.alternate {float: right;} .margibox {float: left; margin-right: 20px; width: 180px;} #content h1, #footer.footer-fullwidth {width:auto;} .cols320_260 div.frst {width:296px;} .cols400_180 div.frst {width:378px;} div.two-columns .folder.column-1 {width: 315px;} div.two-columns .folder.column-2 {width: 250px;} .footWrap {clear: left;border-top: 1px solid #ccc; padding-bottom:15px;} #footer.footer-fullwidth .col-2 {margin-left: 0;} #footer.footer-fullwidth .col-1 {bottom: 0; position: relative;} #footer.footer-fullwidth .col-1, #footer.footer-fullwidth .col-3 {border-top:none;} /* +EXT SUBHOMEPAGE*/ #subhomepage #content {margin-bottom: 15px;} #subhomepage #margi{float:right; width:180px;} #subhomepage .cols400_180 .txtcol {padding-right:10px;} #subhomepage .headerteaser {margin-left:0; margin-bottom:10px;} #subhomepage .halfspacer {display:none;} .subhomepage-crops #content dl{float:left;} /* + EXT CONTENTPAGE*/ #contentpage #margi {margin-left:190px;} #contentpage.withoutlefthand #content,#contentpage.withoutlefthand #precontent {width:768px;} #contentpage .two-columns .folder.column-1 {width:492px;} /* + EXT MAGAZINePAGE*/ .cols180_180_180 {background:none;} .cols180_180_180 .col {width:170px;} /* Marginalie */ .margiblock, #advancedsuchfeldbtn{float:left;} .withoutlefthand #margi{margin-left:0 !important;} #subhomepage #margi{float:left;} .margiblock:nth-child(3n+1) {clear:left;} /* Content */ .cols400_180 div.frst{width:376px;} #precontent, #content{width:75%;} #subhomepage #margi{width:75%;} .cols180_180_180 div.mid{padding:0 18px 0 8px;} .cols180_180_180 div.lst{padding-left:4px;} .cols180_180_180 .col{margin-right:4px;} .withoutlefthand .cols490_260 div.frst{width:478px;} .withoutlefthand .cols490_260 div.lst, .withoutlefthand .cols490_260 .col.lst img, .withoutlefthand .cols490_260 .margiblock{width:250px;float:left;} .cols188_188_188 .col, .cols188_188_188 .col img, .cols188_188_188 .col .imgteaser{width:180px;} .cols188_188_188 .col img{height:auto;} /* Crop Compendium */ .cropNames .rightcolumn{width:278px;} .charactergroup div{width:190px;} /* Magazin */ #contentpage.withoutlefthand #content h1{width:100%;} /* Contacts */ #content .contactperson-compact .margiRight {width:auto !important;} /* Twitter */ div.twitter iframe {max-width: 240px !important;} /* Teaser Group Magazine */ .teaser-group.magazine .block img{width:100%;} .teaser-group.magazine .block{width:210px;} /* Press Contact */ #content .person-infos .person-infos-left, #content .person-infos .person-infos-right{width:225px;} #content .person-infos{width:460px;} /* Old Video Layer */ .shdw.mainvideo, .shdw.mainvideo .video, .shdw.mainvideo .video object, .crsl{width:578px;} .mainvideo.videoslider{width:580px;} /* Publications */ .branches-publications div.last .publications-middle, .branches-publications div.last .publications-downloads .publications-downloads-title, .branches-publications div.last .publications-middle{width:308px;} .branches-publications div.last .publications-middle.publications-no-image, .branches-publications div.last .publications-downloads.publications-no-image .publications-downloads-title, .branches-publications div.last .publications-middle.publications-no-image{width:408px;} .branches-publications div.last .publications-downloads-link-to-form{width:129px;} /* Zoom Picture */ .imglist p{width:215px;} /* Advanced Search */ #content .ggl input.text{width:240px;} .ggl select{width:180px;} /* Gallery */ .gllry .img{height:400px !important;} .gllry div.img img{width:100% !important;} /* Product */ dd{width:390px;} /* Image List */ #content .imageList img{height:auto;} #content .imageList .caption, #content .imageList img{width:275px;} /* Footer */ .rdntb{border:none !important;} /* Product Overview */ #content .cols5th, #content .cols4th, #content .cols3th{background:url("~/media/Bayer CropScience/Internet/sys/4cols-768.ashx") repeat-y scroll 1px 0 transparent;} #content .cols5th img, #content .cols4th img, #content .cols3th img{width:100% !important;height:auto;} #content .cols3th .col.lst > div, #content .cols3th .col{width:186px;} #content .cols5th .col, #content .cols4th .col, #content .cols4th .col.lst > div, #content .cols5th .col.lst > div{width:138px;} #content .cols5th .col, #content .cols4th .col, #content .cols3th .col{padding-right:0;margin-right:8px;} #content .cols3th .col:nth-child(3), #content .cols3th .col:nth-child(6), #content .cols3th .col:nth-child(9), #content .cols3th .col:nth-child(12), #content .cols4th .col:nth-child(4), #content .cols5th .col:nth-child(4), #content .cols4th .col:nth-child(8), #content .cols5th .col:nth-child(8), #content .cols4th .col:nth-child(12), #content .cols5th .col:nth-child(12){margin-right:0;} #content .cols3th .col:nth-child(4), #content .cols4th .col:nth-child(5), #content .cols5th .col:nth-child(5){clear:left;} #content .cols3th .col.lst, #content .cols4th .col.lst, #content .cols5th .col.lst{margin-top:0;} /* RightToLeft */ .rtl #precontent, .rtl #content{margin:0 20px 0 0;} .rtl #content .col.lst .imgshdw{margin-left:0;} .rtl .margiblock, #advancedsuchfeldbtn{float:right;} .rtl dd{float:left;} .rtl #content .cols188_188_188 > div:nth-child(2n+1), .rtl #content .cols180_180_180 > div:nth-child(2n+1), .rtl #content .two-columns .column-2 > div:nth-child(4n+1), .rtl #content .two-columns .column-2 > div.bigContentImage:nth-child(2n+1){margin-right:0;margin-left:20px;} .rtl #content .cols5th .col, .rtl #content .cols4th .col, .rtl #content .cols3th .col{margin-right:0;margin-left:8px;} .rtl #content .cols3th .col:nth-child(3), .rtl #content .cols3th .col:nth-child(6), .rtl #content .cols3th .col:nth-child(9), .rtl #content .cols3th .col:nth-child(12), .rtl #content .cols4th .col:nth-child(4), .rtl #content .cols5th .col:nth-child(4), .rtl #content .cols4th .col:nth-child(8), .rtl #content .cols5th .col:nth-child(8), .rtl #content .cols4th .col:nth-child(12), .rtl #content .cols5th .col:nth-child(12){margin-left:0;} .rtl #content .cols3th .col:nth-child(4), .rtl #content .cols4th .col:nth-child(5), .rtl #content .cols5th .col:nth-child(5){clear:right;} .rtl #content .teaser-group .block:nth-child(odd){margin-right:0 !important;margin-left:28px !important;} .rtl .cols5th .col{padding-left:0;} } @media only screen and (max-width:767px) { .grey #nav.megamenu li .newsub, .grey #nav.megamenu li .newsub li a, .grey #nav.megamenu li.mhover a, .grey #nav.megamenu li a:hover, .grey #nav.megamenu li a.selected:hover{background:#fff !important;} .grey #nav.megamenu .mhover a, .grey #nav.megamenu a:hover, .grey #nav.megamenu .newsub a.selected, .grey #nav.megamenu .newsub li.mhover a, .grey #nav.megamenu .newsub li a:hover, .grey #nav.megamenu .newsub li li.mhover > a, .grey #nav.megamenu .newsub i li > a:hover, .grey #nav.megamenu .newsub li a, .grey #nav.megamenu a.selected:hover{color:#333 !important;} .grey #nav.megamenu li .newsub.non-mega li a, .grey #nav.megamenu li .newsub a, .grey .megamenu li .newsub li ul{border-color:#ccc !important;} .grey #nav.megamenu li.mhover > a, .grey #nav.megamenu li.mhover > a:hover{background:none !important;} #nav.megamenu ul.newsub, #nav.megamenu ul.newsub ul{min-height:0 !important;} #nav.megamenu{background-image:none;} .megamenu{float:left;} .megamenu li{width:100%;background:none;text-align:left;position:relative;} .megamenu li a{padding: 12px 25px 12px 20px !important;border-right:none !important;font-size:16px !important;border-top:1px solid #fff;line-height:15px;} .megamenu .megaTsrBx{display:none;} .megamenu li.n1 a, .megamenu li a{position:relative;float:none;display:block;width:auto !important;} .megamenu li.n1, .megamenu ul li{width:100% !important;} .megamenu li .newsub{padding:0;background-color:#fff;} .megamenu li .newsub{position:relative;width:100% !important;} .megamenu .newlevel2{float:none;} .megamenu li .newsub a{border-bottom:none;position:static;} .megamenu li .newsub ul{border-left:none;float:none;height:auto !important;margin-left:0 !important;padding:0;position:relative;width:100%;min-height:0 !important;} .megamenu .newsub{min-height:0 !important;} .megamenu li .newsub li a{padding-left:60px !important;} .megamenu li .newsub li li a{padding-left:100px !important;border-top:1px solid #C6DEEC !important;} .megamenu li .newsub li li li a{padding-left:140px !important;} .megamenu li .newsub li li li li a{padding-left:180px !important;} .megamenu li .newsub li li li li li a{padding-left:220px !important;} #navi #nav.megamenu li.haschild a.haschild{background:url("~/media/Bayer CropScience/internet/sys/mobile-navi-arrow.png") no-repeat scroll right -45px transparent !important;} #navi #nav.megamenu li.haschild:hover > a.haschild{background-position:right 17px !important;} .megamenu .newsub{top:0 !important;box-shadow:none;} /** iPhone portrait and landscape **/ /* Keyvisual */ #keyvisual img, #precontent img {width:100%; height:auto;} #keyvisual.kv-oversize img, #keyvisual.kv-oversize {width:101%; height:auto;} /* Homepage Banner*/ #keyvisual div.panel {height: 114px;} #keyvisual .bannerImage {max-height: 114px;} #keyvisual div.bannerSelect {height:28px; margin-bottom: 0px;} #keyvisual div.bannerSelect:not(.selected) {background: none;} #keyvisual div.bannerSelect img {width: 28px; padding-top: 0; padding-bottom: 0;} #keyvisual #bannerSelectArea {width: 54px; height: 115px; margin-left: 0;} #keyvisual #bannerImageArea {width: 400px} #keyvisual div.bannerSelect h4 {display: none;} #mainform {width:300px;margin:0 auto;} #header, #navi, #precontent, #content, #footer.footer-fullwidth, #footerFullWidth, .footWrap, #footer.footer-fullwidth .col-2, .margibox, .cols320_260 div.frst, .cols320_260 div.alternate, .margibox.searchbox .play, #subhomepage .col.lst, #contentpage #content, #contentpage.withoutlefthand #content, #contentpage.withoutlefthand #precontent, #contentpage.withoutlefthand #content h1, .two-columns .column-1.folder, .withoutlefthand #content{width:100%;} #contentpage.withoutlefthand #content{margin:0;} iframe{width:100% !important;} body {background-image: none;} #logo {position:absolute; right:0; margin-right:0;} #logo-addition {display:none;} #header {position:relative;height:100px;} #header > img {height:auto; width:120%;} .nav, .nav ul{margin:4px 0 0;} #support {right:auto;} .kv-oversize {margin-left:-5px;} #meta {display:none;} #support {right:auto;top:75px;} #content{margin:auto;} #content h1 {width:auto;} #precontent {margin-right:0;margin-left:0;} li.n1 {display:none;} .srvc {float:left;width:110px;} .sf-menu a {padding: 3px 0px 4px;} .sf-menu li {width:300px; text-align:right;} #margi {margin-top:10px!important; width:200px; overflow:hidden; float: none !important;} .margibox {float: left; margin-right: 20px; width: 180px;} #nav {height:auto;} .footWrap {clear: left;border-top: 1px solid #CCCCCC; padding-bottom:15px;} #footer.footer-fullwidth .col-2 {margin-left: 0;} #footer.footer-fullwidth .col-1, #footer.footer-fullwidth .col-3 {border-top:none;} #footer.footer-fullwidth .col-3 {width:auto;} #footer.footer-fullwidth .col-1 {bottom: 0; position: relative;} #footer.footer-fullwidth .updt, #footer.footer-fullwidth .legl {padding-left:0;} .footer-fullwidth .footernav ul.nav li {width:140px;} .footernav .nav-list:nth-child(3n+1) {clear:left;} .some {float:right;} .play {height:78px; width:140px;} .playvideo img {height:auto!important;width:140px!important;} #keyvisual object{width:100%;} /* +EXT SUBHOMEPAGE*/ #subhomepage #precontent, #subhomepage #content, #subhomepage .cols400_180 div.frst #subhomepage .col.lst {margin-left: 0;margin-right:0; width:100%;} #subhomepage .col.lst {margin-top:10px;} #subhomepage .halfspacer {display:none;} .mediaitem .specs {float:none;width:auto;} .mediaitem .specs p, .mediaitem .specs h3 {padding:0; margin-top:10px;} .mediaitem .description {float:none;width:auto;margin-top:5px;} .no-mobile {display:none;} .subhomepage-crops #content dl{float:left;} /* + EXT CONTENTPAGE*/ #contentpage #margi {margin-left:0;} #contentpage #precontent, /* + EXT MAGAZINePAGE*/ .two-columns .folder.column-1 {width:initial;} .two-columns .folder.column-2 {float:left;} /* Marginalie */ .mobile-spacer{clear:both;height:10px;display:block;} .margiblock, .margi-search{width:220px;margin-right:0;} .margiblock, #advancedsuchfeldbtn{float:left;} .margiblock img{width:100%;height:auto;} #margi div.margiblock:nth-child(even){margin-right:20px;} #content .mobile-teaser:nth-child(4n+1){margin-right:20px;} /* Navigation */ .mobilenav{display:block;background:-moz-linear-gradient(center bottom , #237123 0%, #393 15%, #339933 80%, #99CC98) repeat scroll 0 0 currentcolor;} .margi-search{display:none;} .disable-li{display:none !important;} .active-search .margi-search{display:block;position:absolute;top:134px;width:100%;} .active-search #keyvisual{margin-top:86px;} .active-search .margi-search h4, #advancedsuchfeldbtn{display:none;} .active-search .margi-search .box{background-image:none !important;height:29px;padding:20px 10px 20px 15px;} .active-search .margi-search input.text{width:304px !important;height:25px;font-size:13px !important;margin-right:11px;} .active-search .mobilenav{margin-bottom:75px;} .active-search #margi a.sbtn{background:url("~/media/Bayer CropScience/internet/sys/mobile-navi-arrow.png") no-repeat scroll 0 -122px transparent;height:29px;width:32px;} .active-nav #nav{height:auto;} .active-nav .sf-menu li a.sf-with-ul .sf-sub-indicator{background:url("~/media/Bayer CropScience/internet/sys/mobile-navi-arrow.png") no-repeat scroll 0 -58px transparent !important;display:block;width:18px;height:15px;top:12px;} .active-nav .sf-menu li.sfHover > a.sf-with-ul .sf-sub-indicator, .active-nav .sf-menu li.sfHover > a.sf-with-ul.selected .sf-sub-indicator{background-position:0 0 !important;display:block;width:18px;height:15px;top:18px;padding-right:8px;} #nav a:focus, #nav a:hover, #nav a:active, #nav a.selected:hover, #nav li.sfHover a{color:#333 !important;} #navbttm{display:none;} #nav a.selected{color:#333 !important;font-weight:bold;} #nav{background-color:#dff1fb;width:100%;clear:both;height:0;overflow:hidden;margin-bottom:0px;margin-top:-1px;} #nav a{color:#333;font-weight:normal;} #navi .home li.sfHover ul {left:0px;top:0 !important;z-index:99;border-top:none !important;} #navi .home .n1 a{text-indent:0;} .n1{width:266px !important;} li.n1{display:block;} #navi,.sf-menu li:hover, .sf-menu li.sfHover, #nav li.sfHover a.selected, #nav a.active, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, #nav a,#nav a:active,#nav a.selected,#navi .home .n1 a:hover{background:none !important;} .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li, .sf-menu li li li{background-color:#fff !important;} .sf-menu li li, .sf-menu li li li{border-top:1px solid #ccc;} .sf-menu a{border:none;} .sf-menu a, .sf-menu ul a, .sf-menu ul a:visited, #navi #nav li.sfHover ul li a{padding:12px 25px 12px 20px;} .sf-menu ul{position:relative;} .sf-menu li{text-align:left;border-top:1px solid #fff;background:none;font-size:16px;} .sf-menu li ul{width:100%;top:0 !important;} .sf-menu ul a, .sf-menu ul a:visited, #navi #nav li.sfHover ul li a{color: #333;} ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul, ul.sf-menu li li li li:hover ul, ul.sf-menu li li li li.sfHover ul, ul.sf-menu li li li li li:hover ul, ul.sf-menu li li li li li.sfHover ul, #navi .home li.sfHover ul li ul{left:-1px;} .sf-menu li li a, .sf-menu li li li a{padding-left:60px !important;} .sf-menu li ul li ul li a{padding-left:100px !important;} .sf-menu li ul li ul li ul li a{padding-left:140px !important;} .blue #nav li li a.selected, .blue #nav li li.sfHover a:first-child, .blue #nav li li.sfHover a.selected:hover{background-image:none !important; background-color:#fff !important;color:#333 !important;} /* Forms */ #content textarea{width:268px;} /* Teaser */ #content .col.lst .shdwbttm{margin-bottom:0;} #content .col.lst {margin-top:16px;} #content .col.lst .imgshdw {padding-top:0;} #content .col.lst img, #content .two-columns .column-2 img{height:auto;} #content .col.frst, #content .col.lst, #content .two-columns .column-1, #content .two-columns .column-2{width:100%;} #content .col.lst > div:nth-child(4n+1), #content .two-columns .column-2 > div:nth-child(4n+1){margin-right:20px;} #content .two-columns .column-2 > div.bigContentImage:nth-child(2n+1){margin-right:20px;} #content .col.lst img, #content .col.lst > div, #content .two-columns .column-2 img, #content .two-columns .column-2 > div{width:220px;} #content .col.lst > div, #content .two-columns .column-2 > div{margin-bottom:16px;float:left;} #content .two-columns .folder.column-2 .clear, #content .two-columns .folder.column-2 .spacer, #content .col.lst .spacer, #content .teaser-group .quarterspacer, #content .teaser-group .spacer{display:none;} #content .cols180_180_180 {background:none;} #content .cols180_180_180 .col{border:0;} #content .cols180_180_180 .col, #content .cols180_180_180 .col img{width:220px !important;padding:0;} #content .cols180_180_180 .col img{height:auto;} #content .cols180_180_180 > div:nth-child(2n+1){margin-right:20px;} #content .cols180_180_180 > div{margin-bottom:16px;} #content .cols180_180_180 .col.lst .halfspacer, #content .cols180_180_180 .col.lst .simpleteaser, #content .cols180_180_180 .col.lst .imgteaser{margin-bottom:0;} #content .cols180_180_180 .col.lst .halfspacer{float:none;} #content .cols180_180_180 .col.lst .spacer{display:block;} #content .cols188_188_188 {background:none;} #content .cols188_188_188 .col{border:0;} #content .cols188_188_188 .col, #content .cols188_188_188 .col img{width:220px !important;padding:0;} #content .cols188_188_188 .col img{height:auto;} #content .cols188_188_188 > div:nth-child(2n+1){margin-right:20px;} #content .cols188_188_188 .col.lst > div, #content .cols188_188_188 .col.lst{margin-bottom:0;} #content .cols188_188_188 .col.lst{margin-top:0;} #content .cols188_188_188 .col.lst .halfspacer{float:none;} #content .cols188_188_188 .col.lst .spacer{display:block;} #content .cols320_260 div.frst, #content .cols400_180 div.frst{padding-right:0;} #content .col.lst .teaserBlue{margin-right:0 !important;width:100%;padding:0;} #content .col.lst .teaserBlue img{width:auto;} #content .col.lst .teaserBlue .spacer{display:block;} #content .col.lst .teaserBlue .blck2{padding:9px 10px 12px;} #content .col.lst .search-by-crop, #content .col.lst .search-by-crop table{width:100% !important;} #content .col.lst .search-by-crop table th .hr, .search-by-crop table td .hr{width:100%;} #content .col.lst .search-by-crop table th, .search-by-crop table td, #content .col.lst .search-by-crop .frst h2{width:50%;} #content .col.lst .search-by-crop .spacer{display:block;} /* Teaser-Group Magazine */ #content .teaser-group div.lst{margin-top:0;} #content .teaser-group.magazine .block{width:182px;margin-right:0;} #content .teaser-group .block:nth-child(odd){margin-right:28px !important;} #content .teaser-group.magazine .block img{width:100%;} #content .teaser-group.magazine .spacer, #content .teaser-group h2{margin-bottom:16px;} #content .teaser-group .block{margin-bottom:19px;} #content .teaser-group.magazine{padding:12px 34px 5px;} /* Twitter */ div.twitter iframe {max-width: 210px !important;} /*Crop Compendium*/ .cropNames .rightcolumn{float:left;} .charactergroup div{width:200px;} /* Zoom Gallery / Zoom Picture / Download Pictures */ #zoomdiv, #zoomgallery, #columngallerylayer{width:410px;left:10px !important;} #zoomgallery .image, #columngallerylayer .image{width:auto;} #zoomgallery .image img, #zoomdiv img, #zoomgallery .imagecaption, #zoomgallery .gllrycount, #columngallerylayer .image img, #columngallerylayer .imagecaption, #columngallerylayer .gllrycount, #columngallerylayer .gllry div.img{width:388px;} #zoomdiv .caption{width:100%;} .image .mediaitem ul{float:left;margin-top:8px;} .mediaitem li{border-top:1px solid #ccc;padding:5px 10px 5px 7px;} .imglist p{width:290px;} .imglist ul{margin:10px 0 0;} .imglist li{border-top:1px solid #ccc;border-bottom:none;} #downldlayr{width:440px;left: 90px !important;position:absolute;} #downldlayr .downldbox img{width:220px;} /* Logo */ #logo img{width:54px;} #logo{margin:10px 15px 9px 20px;} /* Contacts */ #content .contactperson-compact .margiRight {width:125px !important;} #content .contactperson-compact.frst{width:220px;} /* ContentPageBranch */ .overview-lnk{width:125px !important;right:0 !important;} /* Video Layer */ #fancybox-outer, #fancybox-wrap, #fancybox-content, #fancybox-content:nth-child(1), #fancybox-content #press{width:440px !important;} #fancybox-content iframe, #fancybox-content .video_categories, #fancybox-wrap .shdw.mainvideo, #fancybox-wrap .crsl, #fancybox-content .mainvideo, #fancybox-content .company, #fancybox-content .videobox, #fancybox-content .info{width:385px !important;} #fancybox-wrap .crsl{width:323px !important;margin-left:27px;} /* Press Contacts */ #content .person-infos{width:350px;} #content .person-infos .person-infos-left, #content .person-infos .person-infos-right{width:170px;} /* Old Video Layer */ .shdw.mainvideo, .shdw.mainvideo .video, .shdw.mainvideo .video object, .crsl{width:460px;} .mainvideo.videoslider{width:462px;} ul.btns li{margin-bottom:4px;} /* Some Layer */ .layer{width:440px;left: 10px !important;} /* Publications */ .branches-publications div.last .publications-downloads .publications-downloads-title, .branches-publications div.last .publications-middle, .branches-publications div.last .publications-downloads .publications-downloads-title, .branches-publications div.last .publications-middle, .branches-publications div.last .publications-middle.publications-no-image{width:100%;float:none;} .branches-publications .float-right, .branches-publications div.last .publications-downloads-link-to-form{float:none;} .branches-publications div.last .publications-downloads .publications-downloads-language{float:left;} /* Advanced Search */ #content .ggl input.text{width:130px;} .ggl select, .ggl select#sort{width:125px;} #content .ggl .occurence label, #content .ggl .fileformat label, #content .ggl .domain label{margin-top:0;} /* Sitemap */ .sitemap{width:222px;} /* Gallery */ .gllry .img{height:310px !important;} .gllry div.img img{width:100% !important;} /* Image List */ #content .imageList img{height:auto;} #content .imageList .caption, #content .imageList img{width:220px;} #content .imageList div.lst{margin-top:0;} /* Product */ dd{width:270px;} /* Flags */ #content .flags{width:auto;} /* Footer */ .rdntb{border:none !important;} /* Tabgroup*/ .mediatabgroup {min-height:initial;min-height:auto;} /* Product Overview */ #content .cols5th, #content .cols4th, #content .cols3th{background:none;} #content .cols5th img, #content .cols4th img, #content .cols3th img{width:100% !important;height:auto;} #content .cols3th .col.lst > div, #content .cols3th .col{width:148px;} #content .cols5th .col, #content .cols4th .col, #content .cols4th .col.lst > div, #content .cols5th .col.lst > div{width:109px;} #content .cols5th .col, #content .cols4th .col, #content .cols3th .col{padding-right:0;margin-right:8px;} #content .cols3th .col:nth-child(3), #content .cols3th .col:nth-child(6), #content .cols3th .col:nth-child(9), #content .cols3th .col:nth-child(12), #content .cols4th .col:nth-child(4), #content .cols5th .col:nth-child(4), #content .cols4th .col:nth-child(8), #content .cols5th .col:nth-child(8), #content .cols4th .col:nth-child(12), #content .cols5th .col:nth-child(12){margin-right:0;} #content .cols3th .col:nth-child(4), #content .cols4th .col:nth-child(5), #content .cols5th .col:nth-child(5){clear:left;} #content .cols3th .col.lst, #content .cols4th .col.lst, #content .cols5th .col.lst{margin-top:0;} /* RightToLeft */ .rtl #content .col.lst .imgshdw{margin-left:0;} .rtl .margiblock, #advancedsuchfeldbtn{float:right;} .rtl dd{float:left;} .rtl .mobilenav li{float:right;border-right:0;border-left:1px solid #fff;} .rtl .sf-menu li{text-align:right;} .rtl .sf-sub-indicator{right:auto;left:2px;} .rtl .sf-menu li li a, .sf-menu li li li a{padding-right:60px !important;margin-left:0;} .rtl .sf-menu li ul li ul li a{padding-right:100px !important;margin-left:0;} .rtl .sf-menu li ul li ul li ul li a{padding-right:140px !important;margin-left:0;} .rtl #content .cols188_188_188 > div:nth-child(2n+1), .rtl #content .cols180_180_180 > div:nth-child(2n+1), .rtl #content .two-columns .column-2 > div:nth-child(4n+1), .rtl #content .two-columns .column-2 > div.bigContentImage:nth-child(2n+1){margin-right:0;margin-left:20px;} .rtl #content .cols5th .col, .rtl #content .cols4th .col, .rtl #content .cols3th .col{margin-right:0 !important;margin-left:8px;} .rtl #content .cols3th .col:nth-child(3), .rtl #content .cols3th .col:nth-child(6), .rtl #content .cols3th .col:nth-child(9), .rtl #content .cols3th .col:nth-child(12), .rtl #content .cols4th .col:nth-child(4), .rtl #content .cols5th .col:nth-child(4), .rtl #content .cols4th .col:nth-child(8), .rtl #content .cols5th .col:nth-child(8), .rtl #content .cols4th .col:nth-child(12), .rtl #content .cols5th .col:nth-child(12){margin-left:0;} .rtl #content .cols3th .col:nth-child(4), .rtl #content .cols4th .col:nth-child(5), .rtl #content .cols5th .col:nth-child(5){clear:right;} .rtl #content .teaser-group .block:nth-child(odd){margin-right:0 !important;margin-left:28px !important;} .rtl .cols5th .col{padding-left:0;} .rtl #margi div.margiblock:nth-child(2n){margin-right:0;margin-left:20px;} .rtl #navi li.sfHover ul li ul{right:0;} .rtl.active-nav .sf-menu li a.sf-with-ul .sf-sub-indicator{margin-left:10px;} /* Product Overview */ #content .cols5th, #content .cols4th{background:url("~/media/Bayer CropScience/Internet/sys/4cols-rd.ashx") repeat-y scroll 0 0 transparent;} /* Overview Listing */ .overview-list .listfield .blck2{width:224px;} .overview-list{margin-bottom:20px;} } @media only screen and (min-width:460px) and (max-width:767px) { /** iPhone landscape only **//* !! im responsive dummy war der Query auf max 479 px ausgelegt - prüfen !!! */ #mainform {width:460px;} .sf-menu li {width:461px;} .play {height:124px; width:220px;} .playvideo img {width:220px!important;} .medialist .play {width:220px;height:124px;} #margi .box img, .box .img img, .box img.img {height: auto; max-width: 220px; width:220px;} } @media only screen and (max-width:459px) { /** iPhone portrait only **/ /* Homepage Banner*/ #keyvisual div.panel {height: 80px;} #keyvisual .bannerImage {max-height: 80px;} #keyvisual div.bannerSelect {height:20px; margin-bottom: 1px;} #keyvisual div.bannerSelect:not(.selected) {background: none;} #keyvisual div.bannerSelect img {width: 20px; padding-top: 0; padding-bottom: 0;} #keyvisual #bannerSelectArea {width: 42px; margin-left: 0;} #keyvisual #bannerImageArea {width: 258px} #keyvisual div.bannerSelect h4 {display: none;} /*Teaser*/ .margiblock {width:140px;} #margi .box img, .box .img img, .box img.img {height: auto; max-width: 140px; width:140px;} #content .teaser-with-backgroundcolor h2, #content .teaser-with-backgroundcolor .plaintext {padding-right:4px;} #content .col.lst img, #content .col.lst > div, #content .two-columns .column-2 img, #content .two-columns .column-2 > div, #content .cols180_180_180 .col, #content .cols180_180_180 .col img, #content .cols188_188_188 .col img, #content .cols188_188_188 .col{width:250px !important;} #content .teaser-group.magazine .block{width:100%;} #content .plaintext{float:left;margin-top:8px;} #content .headerteaser .plaintext{float:none;} #content .col.lst .teaserBlue{width:100% !important;} #content .col.lst .teaserBlue img{width:auto !important;} #content .editorialserviceoverview .clear{clear:inherit;} #content .editorialserviceoverview .topline.float-left{float:none;} .headerteaser {margin-bottom:10px;} .footernav .nav-list:nth-child(3n+1) {clear:none;} .footernav .nav-list:nth-child(2n+1) {clear:left;} #content .col.lst img.twitterimage {width: auto !important;} /* Marginalie */ .margi-search{width:100%;margin-right:0;} .mobile-spacer{display:none;} #margi select{width:140px;} div.margiblock{max-width:179px;} /* Navigation */ .sf-menu li{width:301px;} .active-search .margi-search input.text{width:204px !important;} /* Form */ #content textarea {width:288px;} #content input.submit{margin:10px 0 7px 140px;} /* Content*/ .txtcol{overflow:visible;} .contents .blck2 .txtcol{overflow:hidden;} .cols180_180_180 div.mid {padding-left:0;} #content .plaintext .imgleft, #content .plaintext .imgleft .imgzoom{width:100%;} /* Footer */ .some {float:none;padding-top:10px;} .srvc {float:none;width:auto;} /* Twitter */ div.twitter iframe {max-width: 240px !important;} /* Crop Compendium */ dd{width:auto;} .cropNames .rightcolumn, .cropNames .rightcolumn.withonegallery{width:auto;} /* Zoom Gallery */ #zoomdiv, #zoomgallery, #columngallerylayer{width:250px;} #zoomgallery .image img,#zoomdiv img , #zoomgallery .imagecaption, #zoomgallery .gllrycount, #columngallerylayer .image img, #columngallerylayer .imagecaption, #columngallerylayer .gllrycount, #columngallerylayer .gllry div.img {width:227px;} /* Search */ .search a.btn, #content .ggl a.btn{margin:6px 7px 0 0;} .search a.lnk{margin-top:10px;} /* Contacts */ #content .contactperson-compact.frst{width:100%;} .teaser-group.magazine .block{width:232px;} .teaser-group .block:nth-child(2n+1){margin-right:0;} /* ContentPageBranch */ .overview-lnk{position:relative !important;float:right;display:block;} /* Magazin */ .bigContentImage{float:none;width:100%;} .two-columns .column-2 .bigContentImage:nth-child(2n+1){margin-right:0px;} .bigContentImage .caption{ width: 100%;} /* Video Layer / Download Layer */ #fancybox-outer, #fancybox-wrap, #fancybox-content, #fancybox-content:nth-child(1), #fancybox-content #press{width:280px !important;} #fancybox-wrap{left:-14px !important;} #fancybox-content iframe, #fancybox-content .video_categories, #fancybox-wrap .shdw.mainvideo, #fancybox-content .mainvideo, #fancybox-content .company, #fancybox-content .videobox, #fancybox-content .info{width:225px !important;} #fancybox-content iframe{height:auto;} #fancybox-wrap .crsl{width:184px !important;margin-left:15px;} #press .downldbox img{width:100%;} /* Press Contacts */ #content .person-infos{width:170px;} #content .person-infos .person-infos-left{margin-right:0;margin-bottom:10px;clear:both;} #content textarea{margin-left:5px;} /* Old Video Layer */ .shdw.mainvideo, .shdw.mainvideo .video, .shdw.mainvideo .video object, .crsl{width:300px;} .mainvideo.videoslider{width:302px;} /* Some Layer */ .layer{width:280px;left: 10px !important;} /* Picture Downloads */ .imglist{padding-top:0;} .imglist img{margin-top:7px;} .imglist p{margin-top:8px;} #downldlayr .downldbox img{width:100%;float:none;} #downldlayr{width:280px;left:30px !important;} /* Advanced Search */ #content .ggl input.text{width:262px !important;} .ggl select, .ggl select#sort{width:200px !important;margin:0 !important;} #content .ggl fieldset{width:270px !important;} #content .ggl label{padding-left:0 !important;} .ggl .domain span{margin-left:145px !important;} #content .ggl .fileformat label, #content .ggl .domain label{padding:15px 1px 5px 0 !important;} #v, .sortperpage, .ggl a.lnk{margin-top:10px !important;} #content .ggl .fileformat label, #content .ggl .domain label{margin-left:0 !important;} .ggl a.lnk.help{width:75px !important;} h1 .google{position:static !important;} #content .ggl .occurence label, #content .ggl .fileformat label, #content .ggl .domain label{margin-top:-8px;} /* Sitemap */ .sitemap{width:300px;} /* Publications */ #phcontent_2_PhForm .innershdw label{width:84px;} /* Download List */ .downloadtable thead th:nth-child(1){border:none;} .downloadtable thead th:nth-child(2), .downloadtable thead th:nth-child(3), .downloadtable thead th:nth-child(4){display:none;} /* Image List */ #content .imageList .caption, #content .imageList img{width:140px;} /* Gallery */ .gllry .img{height:202px !important;} .gllry div.img img{width:100% !important;} /* Newstabgroup */ .newstabgroup .blck2 .txtcol .clear{display:none;} /* Product */ dd{width:100%;margin-left:0;} /* Product Overview */ #content .cols3th .col, #content .cols5th .col, #content .cols4th .col{width:146px;} #content .cols3th .col.lst > div, #content .cols4th .col.lst > div, #content .cols5th .col.lst > div{width:146px;} #content .cols3th .col:nth-child(2), #content .cols3th .col:nth-child(4), #content .cols3th .col:nth-child(8), #content .cols3th .col:nth-child(10), #content .cols3th .col:nth-child(12), #content .cols4th .col:nth-child(2), #content .cols5th .col:nth-child(2), #content .cols4th .col:nth-child(6), #content .cols5th .col:nth-child(6), #content .cols4th .col:nth-child(10), #content .cols5th .col:nth-child(10){margin-right:0px;} #content .cols3th .col:nth-child(3), #content .cols3th .col:nth-child(9){margin-right:8px;} #content .col.lst .fullwidth{width:100% !important;} /* RightToLeft */ .rtl #footer.footer-fullwidth .updt, .rtl #footer.footer-fullwidth .legl, .rtl #footer.footer-fullwidth .col-1{width:110px;} .rtl #content .cols3th .col:nth-child(2), .rtl #content .cols3th .col:nth-child(4), .rtl #content .cols3th .col:nth-child(8), .rtl #content .cols3th .col:nth-child(10), .rtl #content .cols3th .col:nth-child(12), .rtl #content .cols4th .col:nth-child(2), .rtl #content .cols5th .col:nth-child(2), .rtl #content .cols4th .col:nth-child(6), .rtl #content .cols5th .col:nth-child(6), .rtl #content .cols4th .col:nth-child(10), .rtl #content .cols5th .col:nth-child(10){margin-left:0px;} .rtl .srvc{width:90px;} .rtl .some{padding-top:0;} .rtl .nav-list /* Product Overview */ #content .cols3th, #content .cols4th, #content .cols5th{background:url("~/media/Bayer CropScience/Internet/sys/2-cols-rd.ashx") repeat-y scroll 0 0 transparent;} #content .cols5th .col.lst div, #content .cols4th .col.lst div, #content .cols3th .col.lst div{width:100% !important;} /* Overview Listing */ .overview-list .topfield{float:none;height:auto !important;margin-bottom:20px;} .overview-list{height:auto !important;} .overview-list .topfield{width:100%;padding-right:0;} .overview-list .topfield .topline{width:100%;} .overview-list .listfield{border-top:1px solid #999999;border-bottom:1px solid #999999;padding:20px;} .overview-list .listfield .blck2{width:240px;} /* News */ #content .news-stories select{width:100px !important;margin-bottom:8px;} /* Zoom */ #content .two-columns .img .zoombutton{width:18px !important;height:18px !important;} } @media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi){ /* all retina displays */ } @media only screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:2), only screen and (max-width:767px) and (min-resolution:192dpi){ /* retina smartphones */ } /* == media queries ==*/ /* == print styles ==*/ @media print { * {background:transparent!important; color:black!important; box-shadow:none!important; text-shadow:none!important; filter:none!important; -ms-filter:none!important;} } /* == /print styles ==*/