/** css_base */
 @font-face { /* font:13px/20px Arial,"Helvetica","Helvetica Neue"; */ font: 13px/20px "Arial","Helvetica","Helvetica Neue",sans-serif; } body { margin:0; } h1 { font-size: 2.0em; line-height: 1.5em; margin-bottom: 0;} .post h1{margin-top:0px;} h2 { font-size: 1.3em; font-weight: normal; } h3 { font-size: 1em; font-weight: bold; } #mainnav li a, .post.subHeadline a, #searchbar, .searchbar, #subNavContent ul li a, .post h1.cms-head, .headVisualText h2, .welcome {font-family:'futura-pt',Arial;} .headVisualText h2{font-size:1.8em;} .aligncenter{text-align:center;} html{ font:13px/20px Arial,"Helvetica","Helvetica Neue"; } .noBorder{border:none!important;} .menuContainer { display:none; } .hideAll{disply:none;} .clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfixNo480no320:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .nobr {white-space:no-wrap; } .noborder {border: none!important; } .hideOverflow {overflow:hidden;} .lh0 { line-height: 0; } ul{margin:0; list-style-type: none; padding:0;} a img {border:none;} .textLeft { text-align: left; } .textCenter { text-align: center; } .textRight { text-align: right; } /** * Helper */ .fl{float:left;} .fr{float:right;} .right{float:right} .left{float:left;} fieldset{border:none;padding:0px;} .posRel { position: relative; } .posAbs{position:absolute;} .disBlock { display: block; } .vmiddle { vertical-align: middle; } .clear{clear:both; float:none;} .pageref {display:none;} .post{margin-bottom:20px;} .postAcc{margin-bottom:0px; margin-top:20px;} /** * Margins */ .m5 { margin: 5px; } .mar15 { margin: 15px; } .mar10 { margin: 10px; } .mar0 { margin: 0px; } .mR0 { margin-right: 0px; } .mR15{margin-right:15px;} .mL15{margin-left:15px;} .mL10{margin-left:10px;} .mR10{margin-right:10px;} .mT10{margin-top:10px;} .mT20m{margin-top:-20px;} .mB10{margin-bottom:10px;} .pB0 { padding-bottom: 0px; } .mT13 { margin-top: 13px; } /** * Paddings */ .pad15 { padding: 30px 15px; position: relative; } .padL0 { padding-left:0 } .pad10 { padding: 10px; } .padL15 { padding-left: 15px; } .padT10 { padding-top: 10px; } .padB10 { padding-bottom: 10px; } /** * Widths in percent */ .w10 { width: 10%; } .w20 { width: 20%; } .w25 { width: 25%; } .w30 { width: 30%; } .w33 { width: 33%; } .w40 { width: 40%; } .w50 { width: 50%; } .w60 { width: 60%; } .w70 { width: 70%; } .w80 { width: 80%; } .w90 { width: 90%; } .w100 { width: 100%; } .w75p { width: 75px; } /** * fixed width */ .w70px { width: 70px; } .hideAll { display: none; } .hide480 {} .hide768 {} .dibl { display: inline-block; } .hide, .tooltipContainer { display: none;} .tooltip { position: relative; } .tooltip:hover .tooltipContainer { display: block; } /* * Slideshow */ .slideContainer { overflow: hidden; }
/** css_layout */
input { border-radius: 0; } .contentWrapper{margin:20px;} .contentLeft{width:675px; float:left;} .contentLeft .module{padding-bottom:35px;} .contentRight{width:218px; margin-left:20px; float:right;} h3 { margin-bottom: 6px; } .fachartikel h3 { margin-bottom: 20px; padding: 7px 0 5px; } .teaserbox h3 { margin-top: 0px; } .teaserboxfloat .details { width: 235px; float: left; } .landingpage .teaserboxfloat .details { width: 215px; } .teaserboxfull .details { margin-left: 120px; } .listStyleNone{list-style:none!important;} /** * Tabellen */ .table table tr td:first-child {padding-left: 20px; font-weight: bold;} td {vertical-align: top; padding: 5px; } td p { margin: 0px; } table th {text-align: left;padding-left: 20px;} tr.odd, tr.even { border-bottom: 1px solid #CCCCCC; } table { width: 100%; border-collapse: collapse; } tr.textLeft th { text-align: left; } th { padding: 5px; text-align:left;} tr.vmiddle th, tr.vmiddle td { vertical-align: middle; } .containerClaim h2{font-size:1.3em; margin-top:0px; margin-bottom: 0px;} .containerClaim p{padding: 0px 10px;} .containerClaim h4{font-size:1.3em; margin:0 0 5px 0; font-weight:normal;} .filter_0, .filter_1, .filter_2, .filter_3 { width: 95% } .CbFl{clear:both; float:left; margin-left:123px;} /* * Header & Search */ #header { padding: 0px 0 10px 10px; z-index: 40000; } .searchForm {float:right;} .searchForm form{margin-right:20px;} #content .submit-area{padding-left:0px;} .submit-area input{margin-right:5px;} #content .searchbar { vertical-align:top; padding-left: 5px; height: 26px; float:left; width: 240px; } #logo{ margin-top:5px;} .searchTxt{display:none;} .mainNavTxt{display:none;} #header .langSwitcherHead {float:right; display:inline; list-style-type:none; margin-top:5px; margin-right:30px;} #header .langSwitcherHead li {display:inline;} /** * Navigation */ .overlay:hover { display: none; } .mainnav li { display:inline-block; margin-right:13px; border:2px solid #fff; height: 36px; } #mainnav { height: 30px; } #mainnav .firstLevel.active{height:19px;} #mainnav .firstLevel.active:hover{height:30px;} #mainnav li:hover .menuContainer { display: block; } #mainnav li .menuContainer { display: none; position: absolute; left: -10px; width: 960px; z-index: 99999; top: 35px; padding-bottom: 20px; padding-top: 10px; } #mainnav img { width: 48px; } .menuContainer ul { padding-left: 60px; } .menuColumn { width: 33% } .mainnav li li { display: block; padding:5px; } .navItem { margin-left: 15px; margin-top: 15px; min-height: 50px; } #mainnav .mainNavIconOC {display:none;} /** * Sub-Navigation */ #subnav{max-width:760px;} .subMenuIcon { width:30px; height:30px; display:none; } #subnav li { display:inline; margin-left:10px; line-height:30px; } #subNavContent .searchSubnavigation {padding: 5px;line-heigh: 1.1em; margin-top:10px; margin-bottom:10px;} #subNavContent .searchbar { height: 25px; width: 138px; } #subNavContent #searchfooter{margin-top:20px; margin-bottom:20px;} #subNavContent #searchfooter .searchIcon {height: 31px;} #content{position:relative; } #subNavContent{display:none;} .subsite #subNavContent{display:block; width:190px;margin:0 20px 0 5px; float:left;} #subNavContent ul li a{padding:0px 5px 0px 7px; font-size:1.1em; display:block; text-transform: uppercase;} #subNavContent ul ul li a{ text-transform: none; font-weight: bold; padding: 3px 0; display:block;} #subNavContent ul ul li{border:none; margin-left:7px; font-weight: bold; padding: 3px 0; /*list-style: square outside none;*/ color:#737373;} #subNavContent .listStyleBullet{list-style: square outside none!important;} #subNavContent ul ul li a{font-size:0.85em;padding:0px 5px 0px 0px; text-transform:none; font-family:arial;} #subNavContent .subNavBulletLevel ul li { margin-left: 15px;} .borderBottomNone{border-bottom:0px!important;} .borderBottomNone a{border-bottom:0px!important;} #subNavContent ul ul .listStyleBullet{margin-left:23px;} /** * General */ .post.subHeadline a{ font-size:1.7em; margin: 5px; margin-left: 0px; } .subsite #inner-content, .subsite .contentWidth{width:725px;} .subsite.searchpage .contentWidth{width:960px;} .subsite #inner-content{ float:right;margin-right:20px;} .subsite .contentWrapper{margin: 0 0 20px 0;} .subsite .contentLeft{width:100%; margin-bottom:20px;} .iconLinkExtern {margin-left: 0px; padding-right: 6px;} .pageWidth, #wrapper { width: 960px; } .wrapper, #wrapper { margin: 0 auto; } div.button { display: inline-block; padding: 0 4px 0 2px; } div.button a { display: inline-block; padding-right: 10px; } .fancybox span {display: block; font-weight: bold; text-align: center; width: 19px; height:18px; color:#fff;} /** * Breadcrump */ #breadcrumb { display:none; } #breadcrumb li { display: inline; float: left; } #breadcrumb .divider { padding: 0 3px; } .subsite #breadcrumb { line-height:25px; display:block; margin-top:10px; margin-left:10px;} /** * Head Visual */ .headVisual{width:100%; margin-bottom:20px;} .headVisualText{ background-image:url("/media/layout/facelift/css_1/images_1/headvisualbg.png"); background-repeat:repeat; position:absolute; top:50px; /*width:450px; */ width:320px; height: auto; padding-left:20px; padding-right:20px; } pR{right:0px;} .headVisualText h2{font-size:1.7m;} .headVisualText p{font-size:1.2em;} .imageContainer {border:1px solid #C9C9C9;} .headVisualImage { width: 100%; } .headVisualImage a { display: block; } .headVisualImage img { width: 100%; vertical-align: middle; } .headVisualContainerFull .imageContainer { border: 0px; } .headVisualContainerFull .headVisualSlider { height: 286px; } /* * Head Visual Product Slider */ .headVisualProductSlider .ui-tabs-nav { height: 250px; width:270px; list-style:none; } .headVisualProductSlider .ui-tabs-nav li { width:260px; height: 53px; display:block; padding:0; margin:0; } .headVisualProductSlider .ui-tabs-nav li a {width:225px; height:53px; display:block; line-height:16px; padding:0 10px 0 30px} .headVisualProductSlider .ui-tabs-nav li a span {height:52px;width:220px; display:table-cell; vertical-align:middle; line-height:16px;} .headVisualProductSlider .ui-tabs-hide { display: none; } .headVisualProductSlider .contentbox {position:absolute;top:0px;left:260px;padding:0;z-index:1;width:590px; } .headVisualProductSlider .contentbox h3{margin:15px 0 20px 0; font-weight:bold;font-size:14px;} .headVisualProductSlider .contentbox p { margin-bottom:10px; } .headVisualProductSlider .contentbox .description{float:left; margin: 0 25px 0 0; position:relative; z-index:1; } .headVisualProductSlider .contentbox .description.box{box-shadow: -5px 0 5px #BBBBBB;} .headVisualProductSlider .image{float: left;width:230px;display: block; text-align:right;} .headVisualProductSlider .image a{display: block;} #headVisualSlider.tabs li {height: auto;} /* full width */ .headVisualContainerFull .headVisualProductSlider .contentbox {top:0px;} .headVisualContainerFull .headVisualSlider { height: 286px; } .headVisualContainerFull .headVisualProductSlider, .headVisualContainerFull .headVisualProductSlider .discription, .headVisualContainerFull .headVisualProductSlider .ui-tabs-nav { height:270px; } .headVisualContainerFull .headVisualProductSlider .ui-tabs-nav { width:270px; } .headVisualContainerFull .headVisualProductSlider .ui-tabs-nav li { width:260px; } .headVisualContainerFull .headVisualProductSlider .ui-tabs-nav li a{width:225px; height:53px; } .headVisualContainerFull .headVisualProductSlider .ui-tabs-nav li a span{height:52px;width:220px;} .headVisualContainerFull .headVisualProductSlider .contentbox {width:700px; } .headVisualContainerFull .headVisualProductSlider .contentbox .description{width:290px;height: 270px;} .headVisualContainerFull .headVisualProductSlider .contentbox .image{width:385px;} .headVisualContainerFull .headVisualProductSlider { border-bottom: 1px solid #CECECE; height: 269px; position: relative } /* subsite */ .subsite .headVisualProductSlider { height: 235px; width: 723px; border: 1px solid #ccc; overflow:hidden; position: relative} .subsite .headVisualProductSlider .contentbox { width: 464px; height: 235px; } .subsite .headVisualProductSlider .contentbox .description { height: 250px; width: 209px; } .subsite .headVisualProductSlider .ui-tabs-nav { height: 235px } .subsite .headVisualProductSlider .ui-tabs-nav { width: 265px; } /* HeadVisual Image Slider */ .headVisualSlider { overflow:hidden; } .headVisualSlider .jcarousel-nav { bottom: -1px; height: 30px; left: -10px; position: absolute; right: -10px; z-index: 100; } .headVisualSlider .jcarousel-control { display: block; text-align:center; } .headVisualSlider .controlPad { padding-top: 5px; } .headVisualSlider .controlPad.left { padding-left: 10px; } .headVisualSlider .controlPad.right { padding-right: 15px; } .headVisualSlider .jcarousel-scroll { padding-right: 5px; } .headVisualSlider .jcarousel-clip .inner { max-height: 100%; max-width: 100%; position: relative; } .headVisualSlider li { height: 286px; } /* Introductory Message Landing Page */ .welcome { display: block; font-size: 1.6em; line-height: 1.2em; margin-bottom: 20px; text-transform: uppercase; } /* Tab Slider */ .tabNav { float: left; width: 100%; } .tabNav li{ height:40px; width: 149px; float: left; } .bxslider.tabNav li a{display:block; height:100%; line-height:38px; text-align:center; } /* Sub Tabs */ #subtabs { list-style: none; padding: 15px 25px; position: relative; margin-top: -21px; margin-bottom: 20px; font-size: 1em; } #subtabs li { float: left; list-style: none; margin-right: 15px; } /** * Content Boxen */ .box70x70 { width: 70px; height: 70px; } .box75x75 { width: 75px; height: 75px; } .box110x110 { width: 110px; height:110px; } .box140x140 { width: 140px; height:140px; } .box190x190 { width: 190px; height:190px; } .box225x225 { width: 225px; height:225px; } /** * Image Boxes */ .image75 { max-width: 75px; max-height: 75px; /*height:75px;*/ width:75px; } .image70 { max-width: 70px; max-height: 70px; height:70px; width:70px; } .imageContainer { text-align: center; /*border:1px solid #efefef;*/ } .imageCell{ display: table-cell; vertical-align:middle; position: relative; line-height: 1px; } .zommimage_thumb{max-width:70px;max-height: 70px;} .contextImageBox { width: 190px; } .contextBox { width: 225px; } .zoomIcon { z-index:100; position: absolute; right: 0px; bottom: 0px; width: 19px; height: 18px; } .iconLinkExtern {background-position: right; background-repeat: no-repeat; padding-right:12px;display: inline-block;} .post a h3 { display: inline; margin: 0px; } .teaserbox p { margin: 0px; margin-right:10px;} .teaserbox .content_list{display:block; float:left;} .teaserbox .content_list li{width:575px;} .teaserbox p a.CbFl{clear:both; float:none; margin-left:0px;} /** * Product Page */ .productlist { width: 100%; border-collapse: collapse; } .productlist td.buttonlink { width: 190px; } .productlist td.artikelnummer { width: 100px; } .productlist td { padding: 2px 5px; } .productlist td.image { display: inline-block; width: 80px; min-height: 80px; } .productlisting img{width:156px; height:156px;} .productlist tr { border-bottom: 1px solid #CCCCCC; } .catalog-head { margin-bottom: 20px; padding: 7px 0 5px; } .productbox { margin: 0 10px 12px 0; width: 169px; border:1px solid #C9C9C9; position:relative; } .productbox .text{overflow:hidden;} .productbox .imageContainer { height: 122px; overflow: hidden; } .productbox .imageCell { width: 159px; } .productbox img { max-height: 112px; max-width: 159px; } .productbox .text { height: 55px; margin: 0; padding: 10px 5px 0 8px; display: block; } .infomaterial .greyBox { height: 30px; margin: 0; padding: 10px 5px 0 8px; display: block; } .productbox .product-description .text{ height:auto; font-size:1em; } .productbox .product-description .text p{ margin:0px; font-size:1em; font-weight:normal; line-height:20px; } .infomaterial a, .productbox .text a { font-size: 1.1em; line-height: 1em; } .productgroupdetail .imageContainer { margin-top: 13px; } .product-arrow { background-image: url("/media/layout/images/layoutimages/bottom_arrow.png"); background-repeat: no-repeat; bottom: -32px; display: block; height: 32px; position: absolute; width: 50px; z-index: 999999; } .infomaterial .links a { margin-left:2px; margin-right:2px; } .infomaterial .greyBox { position: relateive; } .infomaterial .links { position: absolute; bottom: 10px; left: 10px; right: 10px; height: 22px; ; text-align:center; } .infomaterial .title { display: block; height: 55px; overflow: hidden; text-align:center; margin-top:5px; } .infomaterial .title a{ font-size: 1em; } /* * Slideshows */ .slide140 { width: 140px; } .slide145 { width: 145px; overflow:hidden; } .slide190 { width: 190px; } .slide195 { width: 195px; } /* * Videobox */ .videobox { height: 210px; } .videobox .title { text-align: center; height: 70px; } /** * Toggle */ .toggleLike, .toggle { margin-bottom: 15px; position: relative; z-index: 1; display: block; /*height: 1.8em;*/ line-height: 1.8em; padding: 10px 26px 10px 10px; } .toggleLike, .toggle a.caption { display: block; outline: medium none; margin: 0; } .toggleLike { margin-bottom: 10px; } .toggleLike h2{margin-bottom: 0px;} /*.toggleContent { padding-top: 10px; }*/ .toggleContent h1 { margin-top: 0px; } /* inner toggle */ .innerToggle.caption { display: block; font-weight: bold; margin: 5px; } .innerToggleContent { padding: 0 10px 10px; } .odd .innerToggle.open { border-bottom:2px solid #FFF; } .even .innerToggle.open { border-bottom:2px solid #F3F3F3; } .even .innerToggle { border-bottom:2px solid #FFF; } .odd .innerToggle { border-bottom:2px solid #F3F3F3; } .location .even .innerToggle{border-bottom:2px solid #F3F3F3;} .location .even .innerToggle.open{border-bottom:2px solid #FFF;} /* * right column */ .picboxWrapper{ margin-left: 20px; } .picbox {position:relative;} /** * Aktionsleiste Footer */ #searchfooter {float:left;} #searchfooter .searchbar { height:35px; width:193px; } #inner-content .searchIcon{width:39px; height:39px; background-image:url("/media/layout/facelift/css_1/images_1/search_bottom.png"); background-repeat:no-repeat;} .actionIconList { margin-top: 30px; } /** *Tagcloud */ .tagcloud{ margin-left:20px; height:auto!important; width:95%!important; background-color:#fff!important; position:relative; text-align:center; } /** * NoScript */ .noScriptNavi #mainnav ul ul li a {margin-left: 15px!important;} .noScriptNavi #mainnav ul ul ul li a {margin-left: 25px!important;} .noScriptNavi #mainnav ul ul ul ul li a {margin-left: 35px!important;} .noScriptNavi #mainnav ul ul ul ul ul li a {margin-left: 45px!important;} .noScriptNavi #mainnav ul ul ul ul ul ul li a {margin-left: 55px!important;} .noScriptNavi #mainnav li {margin-right:23px; display:block; line-height:2.7em;} .noScriptNavi #mainnav li a{font-size:20px; color:#000; padding-left:5px; display:block;} .noScriptNavi #mainnav li a:link, #mainnav li a:visited{color:#000;} .noScriptNavi #mainnav ul li a:link, #mainnav ul li a:visited {color: #000;} .noScriptNavi #mainnav li a.active{color:#000;} .noScriptNavi #mainnav {background-color: #58ad55;width: auto;z-index:99999;} .noScriptNavi #mainnav li{margin:0px; border-bottom:1px solid #fff;} .noScriptNavi #mainnav .top_arrow{display:none;} .noScriptNavi #mainnav li .menuContainer{top:0; position:relative;} .noScriptNavi #mainnav li .menuContainer .menuPositioner ul{background:none; width:100%; } .noScriptNavi #mainnav li .menuContainer .menuPositioner{background:none; padding:0px;} .noScriptNavi #mainnav li:hover .menuContainer {display: none;} .noScriptNavi #mainnav ul li{color:#000; border-bottom:1px solid #fff; line-height:1.6em;} .noScriptNavi #mainnav .open{display:block;} .noScriptNavi #mainnav .closed{display:none;} .noScriptNavi #mainnav .shadow{box-shadow:none;} .noScriptNavi #mainnav{position:relative; top:0; left:0;display:block!important; float:none;} .noScriptNavi #mainnav li .menuContainer{display:block!important;} .noScriptNavi #mainnav .mainNavIconOC{display:none;} .noScriptNavi #mainnav .menuContainer ul li:hover{background-color:#58AD55;} .noScriptNavi #mainnav .menuContainer ul li:hover > ul {background-color:#f3f3f3;} .noScriptNavi #mainnav .menuContainer ul li:hover > a{color:#000;} .noScriptNavi #mainnav .menuContainer ul li:hover > ul a {color:#000;} /** * Tablesorter */ .submitbtnFilter, .submitbtn { padding:6px 8px; display:inline-block; } /** * Listing */ .productgroupdetail ul li, .post ul.content_list li { margin-bottom: 8px; margin-left: 10px; width:60%;} .post ul li { list-style: none outside none; } .productgroupdetail ul li, ul.content_list li { margin-bottom: 10px; padding-left: 18px; } .eventList .dateField { width: 90px; } .eventList .td { padding-bottom: 10px; } /* * Referenzen */ .references p { margin: 0px; } .references .date { font-size: 0.8em; } .dots { text-align:center;width:100%; padding-top: 2px; } .dots .dot { text-indent:-99999px; display:inline-block; width:8px; height:8px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; outline:transparent; } /* * Form */ .form fieldset, .form .success { padding: 15px 10px; } .form.contentform fieldset { border: none; position: relative; margin: 0; padding: 0; } .form.contentform h3 { line-height: 1.1em; margin-bottom: 5px; padding-bottom: 2px; margin-top:0px; } .form.contentform p { padding: 15px 15px 14px; position: relative; margin-bottom: 0 !important; } .form label { display: inline-block; line-height: 13px; font-size:12px; vertical-align: middle; width: 110px; } .form.contentform label { width: 150px; margin-right: 10px; padding: 5px 0; vertical-align: top; } .form.contentform select { width: auto; min-width: 220px; max-width: 400px; } .form textarea { width: 460px; } .form.contentform label.error { display: block; font-size: 0.9em; margin-left: 164px; top: 25px; width: auto; } .form textarea, .form input[type=text], .form input[type=password] { padding: 2px; font-family: "Arial","Helvetica","Helvetica Neue",sans-serif; } .form input[type=text], .form input[type=password] { height: 18px; } /* * Footer Area */ .social a{width:20px; height:20px; margin-right:10px;} .social .facebook{background-position:0px -75px;} .social .twitter{background-position:0px -102px;} .social .youtube{background-position:0px -129px;} .social .xing{background-position:0px -155px;} .social .linkedIn{background-position:0px -180px;} #actionList{ height:20px; text-align:center; padding:10px 20px 10px 20px; } #actionList .linkList{margin-left:245px;} #actionList .linkList li{list-style-type:square; margin-right:20px; margin-left:15px;} .copyright, #actionList .toTop{float:right;} .social a, #footerContent ul, #actionList ul li{float:left;} #footerContent{ padding:20px 30px 30px 30px;} #footerContent ul{width:20%; margin-bottom:20px;} .copyright{font-size:1em; color:#626262;} /* * Tooltip */ .tooltipContainer { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; top: 0px; display: none; left: 0; position: absolute; width: 169px; z-index: 1000; } .tooltipContainer .product-description { display: block; margin: 5px; } .tooltipContainer .title { color: #58AD55; font-weight: bold; text-transform: uppercase; } .tooltipContainer .content_list li { margin-bottom: 0; } /* * Cart */ #cartList .remove img { height: 20px; width: 20px; } #cartList .infomaterial .remove { position: absolute; width: 20px; height: 20px; right: 5px; bottom:82px; z-index: 2; bottom: 5px;} #cartList .rowConten td { padding-bottom: 20px; padding-left: 10px;} .iconSave { display: inline-block; height: 22px; margin-bottom: 0; margin-left: 0; margin-right: 0; padding: 0; position: relative; width: 16px; } .iconSave img { bottom: -2px; height: 16px; left: 0; padding-top: 0; position: absolute; width: 16px; } li.firstItem:hover + .overlay { background: rgb(0, 0, 0); opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /*behavior:url('/media/layout/css/pie.htc');*/ border: 0; left: 0; position: fixed; right: 0; bottom:0; top: 0; z-index: 1000; width: 100%; height: 100%; } .fancybox.zoomPictureBox { bottom: 5px; position: absolute; right: 33px; } .fancybox.zoomPictureBox span { color: #fff; font-size:16px; } .imageCell .imageCellWrapper{position:relative;} /** *Sitemap */ .sitemap > li > a { color:#626262; display:inline-block; font-size:22px; margin-bottom:3px; text-transform:uppercase; } .sitemap li { padding:0; list-style:none; padding-left:13px; background:none; position:relative; } .sitemap .click_trigger { display:inline-block; text-decoration:none; height:17px; width:9px; position:absolute; background:url("/media/layout/images/layoutimages/sitemap-plus.jpg") no-repeat 0 5px; left:0;top:0; } .sitemap .click_trigger.open { background:url("/media/layout/images/layoutimages/sitemap-minus.jpg") no-repeat 0 8px; } .sitemap .click_trigger.close { background:url("/media/layout/images/layoutimages/sitemap-plus.jpg") no-repeat 0 5px; } .sitemap li a { outline:#fff; } .sitemap li a:hover{ color:#58AD55; } .sitemap li li { padding-left: 20px; } .sitemap li li a { font-weight:normal;color:#626262;margin-bottom:0; display: block; } .sitemap li li a:hover { color:#58AD55; border:none; } .sitemap ul{ margin-bottom:16px; } .sitemap ul ul{ margin-bottom:4px; display:none; } #langswitch ul li a:hover { color: #57AD56 !important; } #cartList .storedCart .infomaterial .title{width:100%;}  a:active{background-color:transparent;} .imageContainer{overflow:hidden; position:relative;} .imageContainer.box70x70 .imageCell{ height:70px; width:70px; } #cartList .infomaterial .toolTitle { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #58AD55 } #cartList .infomaterial .tooltip { bottom: 240px; } #cartList .infomaterial .tooltip p{margin: 13px 0;} .langSwitcher { width: 300px; text-align:right; } .langSwitcher ul { list-style-type: none; margin-right: 26px; } .langSwitcher li { display: inline; margin-top: 5px; } .toggleContent .displayTable{line-height:0;} .postAcc .toggle .caption .cms-head {margin: 0;} /*logo nur print*/ .fr.logo.print{display: none;} /*New Startpage*/ .startpage .contentLeft { width: 100%; float: left; } .startpage .contentRight { width: 100%; } .startpage .home-teaser-one { width: 290px; height:174px; float:left; border: 2px solid #d7d7d7; } .startpage .home-teaser-one-noborder { width: 294px; float:left; height:174px; } .startpage .home-teaser-one h2, .startpage .home-teaser-one-noborder h2, .startpage .home-teaser-two h2, .startpage .home-teaser-two-noborder h2 { color: #626262; text-transform:uppercase; padding: 2px 5px; font-size:14px; background-image:url("/media/layout/facelift/css_1/images_1/layoutimages_1/teaseronebg.png"); } .startpage .home-teaser-one-noborder h2, .startpage .home-teaser-one-noborder h2 a{ width: 284px; padding-right: 0px;} .startpage .home-teaser-one h2 a, .startpage .home-teaser-one-noborder h2 a {color:#303030;} .startpage .home-teaser-one img { width: 100%; height: 100%; } .startpage .home-teaser-two { width: 602px; float: left; border: 2px solid #d7d7d7; overflow:hidden; } .startpage .two-image { height:174px; display: block!important; } .startpage .home-teaser-two .content_list{ float: none; } .startpage .home-teaser-two-noborder { width: 606px; float: left; } .startpage .home-teaser-two-noborder.boxH174, .startpage .home-teaser-two.boxH174 { height:174px; overflow:hidden; } .startpage .home-teaser-one-noborder #searchfooter .searchbar{ width: 240px; } .startpage .home-teaser-two .teaserContent, .startpage .home-teaser-one .teaserContent{ height:181px; overflow-x: hidden; overflow-y: auto; padding: 10px 10px; } .startpage .home-teaser-one .teaserContent li{ margin-bottom:10px; } .startpage .home-teaser-one .teaserContent li:last-child{ margin-bottom: 0; } .startpage .home-teaser-one .teaserContent li a{ font-weight:bold; } .startpage .home-teaser-label{ background-color: #d7d7d7; color: #626262; text-transform:uppercase; padding: 3px 4px; font-size: 12px; } .startpage .contentRight { border-left: none; } .startpage .home-teaser-one-noborder #searchfooter { border: none; padding: 0px; } .startpage .home-teaser-one-noborder fieldset { margin: 0; } .startpage .ml10 { margin-left: 10px; } .startpage .mr19 { margin-right: 19px; } .startpage .mb20 { margin-bottom: 20px; } .startpage .pb10 { padding-bottom: 10px; } .startpage .tm65{ top:-65px; } .startpage .boxH217{ height:217px; } .startpage .tm60 {top: -60px;} /* ImageMap */ .dark-overlay{ width: 100%; height: 100%; display: none; position: fixed; top: 0; left: 0; background: rgba(119, 119, 119, .7); z-index: 500000; } .imagemap-wrapper{ width: 100%; height: auto; display: inline-block; position: relative; font-family: "futura", arial, helvetica, sans-serif; z-index: 1; } .imagemap-wrapper img.imagemap-image{ display: block; } .imagemap-wrapper .selector-wrapper{ position: absolute; display: block; } .imagemap-wrapper .section-selector{ display: block; position: absolute; border-radius: 50%; opacity: .9; cursor: pointer; color: #fff; /*font-size: 2.5em;*/ font-size: 1em; font-family: "futura", arial, helvetica, sans-serif; text-align: center; text-decoration: none; outline: 0; -webkit-transition: all 120ms ease-in-out; transition: all 120ms ease-in-out; top: 10px; left: 10px; } .imagemap-wrapper .section-selector:hover{ z-index: 1; } .imagemap-wrapper .selector-wrapper.medium{ width: 70px; height: 70px; } .imagemap-wrapper .selector-wrapper.medium .section-selector{ width: 50px; height: 50px; line-height: 50px; } .imagemap-wrapper .selector-wrapper.medium .section-selector:hover{ width: 70px; height: 70px; line-height: 70px; } .selector-wrapper.medium .section-selector-title{ left: 5px; } .selector-wrapper.medium .section-selector:hover .section-selector-title{ left: 15px; } .imagemap-wrapper .selector-wrapper.small .selector-wrapper{ width: 50px; height: 50px; } .imagemap-wrapper .selector-wrapper.small .section-selector{ width: 20px; height: 20px; line-height: 20px; } .imagemap-wrapper .selector-wrapper.small .section-selector:hover{ width: 40px; height: 40px; line-height: 40px; } .selector-wrapper.small .section-selector-title{ left: -5px; } .selector-wrapper.small .section-selector:hover .section-selector-title{ left: 5px; } .imagemap-wrapper .section-selector:hover{ top: 0; left: 0; } .imagemap-wrapper.green-selector .section-selector{ background: #57aa53; } .imagemap-wrapper.blue-selector .section-selector{ background: #337ab7; } .imagemap-wrapper.gray-selector .section-selector{ background: #c9c9c9; } .section-selector-title{ padding: 5px 7px; background: #FFF; color: #111; position: absolute; top: -55px; display: inline-block; visibility: hidden; white-space: nowrap; font-size: 14px; line-height: 16px; -webkit-transition: all 120ms ease-in-out; transition: all 120ms ease-in-out; border-radius: 3px; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75); } .section-selector-title:before{ content: ""; width: 20px; height: 20px; display: block; background: #FFF; position: absolute; top: 13px; left: 10px; transform: rotate(45deg); -webkit-box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); box-shadow: 3px 3px 5px -3px rgba(0,0,0,0.75); } .section-selector:hover .section-selector-title{ visibility: visible; top: -45px; } .section-selector-title-text{ position: relative; z-index: 100; } .section-overlay-main{ width: 400px; height: auto; max-height: 80%; padding: 20px; display: none; position: fixed; top: 100px; left: calc( 50% - 200px ); background: #FFF; font-family: "futura", arial, helvetica, sans-serif; overflow-y: auto; z-index: 500010; } .section-overlay-content h2{ margin: 7px 0 7px 0; font-weight: 600; color: #111; } .section-overlay-content h4{ margin: 7px 0 7px 0; color: #111; font-weight: 600; } .section-overlay-content h4 a{ text-decoration: none; } .section-overlay-content .img-text-container{ margin: 10px 0 20px 0; display: inline-block; } .section-overlay-content .img-anchor{ margin-right: 20px; float: left; } .section-overlay-content .img-text-container img{ width: 150px; height: auto; display: block; } .section-overlay-content p{ margin: 0; color: #111; font-size: 14px; line-height: 24px; float: left; } .section-overlay{ display: none; } .section-overlay-main .close{ width: 15px; height: 15px; color: #57aa53; font-size: 2.8em; text-align: center; text-decoration: none; font-family: "futura", arial, helvetica, sans-serif; position: absolute; top: 10px; right: 12px; cursor: pointer; line-height: 14px; } .section-overlay-content{ width: 100%; height: auto; display: inline; } .section-overlay-content .forwarding-button, .section-overlay .forwarding-button{ height: 8px; width: 150px; margin-top: 30px; padding: 3px 12px 9px 5px; display: inline-block; float: right; color: #303030; white-space: nowrap; font-size: 1em; text-decoration: none; outline: none; cursor: pointer; border-left: 1px solid #CCCCCC; background: url("/media/layout/facelift/css_1/images_1/select_bg_o.png") no-repeat scroll right top transparent; line-height: 15px; } .section-overlay-content .forwarding-button img, .section-overlay .forwarding-button img{ width: 8px; height: 8px; margin-right: 5px; display: inline-block; } .forwarding-button:hover{ color: #58AD55; } @media only screen and (min-width: 480px) and (max-width: 767px){ .section-overlay{ widht: 100%; display: inline-block; padding: 20px; background: #FFF; font-family: "futura", arial, helvetica, sans-serif; border-bottom: 2px solid #ccc; } .section-overlay h2{ margin: 7px 0 7px 0; font-weight: 600; color: #111; } .section-overlay h4{ margin: 7px 0 7px 0; color: #111; font-weight: 600; } .section-overlay h4 a{ text-decoration: none; } .section-overlay .img-text-container{ margin: 10px 0 20px 0; display: inline-block; } .section-overlay .img-anchor{ margin-right: 20px; float: left; border: 1px solid #CCC; } .section-overlay img{ width: 150px; height: auto; display: block; } .section-overlay p{ margin: 0; color: #111; font-size: 14px; line-height: 24px; } .imagemap-image, .selector-wrapper{ display: none !important; } .img-text-container{ width: 100$; } .article-separator{ border-bottom: 1px solid #CCC; margin-bottom: 20px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { .section-overlay{ widht: 100%; display: inline-block; padding: 10px; background: #FFF; font-family: "futura", arial, helvetica, sans-serif; border-bottom: 2px solid #ccc; } .section-overlay h2{ margin: 7px 0 7px 0; font-weight: 600; color: #111; float: left; } .section-overlay h4{ margin: 7px 0 7px 0; color: #111; font-weight: 600; } .section-overlay h4 a{ text-decoration: none; } .section-overlay .img-text-container{ width: 100%; margin: 10px 0 20px 0; display: inline-block; text-align: center; } .section-overlay .img-anchor{ width: 150px; max-height: 300px; display: inline-block; margin: 0 auto; border: 1px solid #CCC; } .section-overlay img{ width: 100%; height: auto; display: block; } .section-overlay .img-text-container p{ display: none; } .imagemap-image, .selector-wrapper{ display: none !important; } .img-text-container{ width: 100$; } span.article-description{ display: none; } a.subheadline{ width: 100%; text-align: center; display: inline-block; } .article-separator{ border-bottom: 1px solid #CCC; margin-bottom: 20px; } .section-overlay .forwarding-button{ float: none; } .namual-container{ text-align: center; } .namual-container .forwarding-button{ margin-top: 0; } } .entry-preview{ width: 100%; padding: 10px; display: inline-block; border-bottom: 2px solid #CCC; } .entry-preview.alert{ color: #FFF; font-weight: bold; border: none; } .entry-preview h2{ margin: 0; } .entry-preview h4{ max-height: 30px; margin: 0; overflow: hidden; } /* ImageMap Ende */ /* Alternativer Button */ div.button.alt-button{ background: url("/media/layout/facelift/css_1/images_1/select_bg_o.png") no-repeat scroll right top transparent; height: 15px; padding: 1px 0px 5px 5px; border: none; background-size: 100% 100%; } div.button.alt-button strong{ background: none; margin-right: 0; border: none; } div.button.alt-button a{ background: none; color: #303030; font-weight: normal; font-size: 1.15em; } div.button.alt-button img{ float: left; margin: 5px 5px 0 1px; } /* Alternativer Button Ende */ 
/** css_theme */
/** * * General * */ a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { text-decoration: none!important; color: #303030!important; cursor:default!important; } .show320{display:none;} #content { background-color:#fff;} .box{background:#fff;-moz-box-shadow:0 0 5px #555;-webkit-box-shadow:0 0 5px #555;box-shadow:0 0 5px #555;} .contentRight{ border-left:1px solid #ccc ;} #subnav .greenFont a{color:#58AD55;} .dataTables_filter{display:none;} .fancybox span {background: none repeat scroll 0 0 #58AD55;} hr { border: 0px; border-top: 1px solid #ccc; } h3 { color: #303030; } a h3 { color:#57ad56; } .teaser, b, strong, .productgroupdetail ul a, .content_list a, .teaser a { font-weight: bold; } .teaserbox a:hover, a:hover, td a:hover, a h3:hover { color: #303030; } a.blackHover:hover{color:#000000;} .contentRight a:hover { color: #303030 !important; } .fachartikel h2 { font-weight: bold; } .fachartikel h3 { border-bottom: 1px solid #F3F3F3; } .toggleLike h2, .toggleLike h3{margin-top:0; margin-bottom:0px;} .post.toggleLike.mb20{margin-bottom:20px;} .eventList td { border-bottom: 1px solid #F3F3F3; } .eventList tr:last td { border-bottom: 0px; } a.black, a.black:link, a.black:hover { color: #000; } .iconLinkExtern {background-image:url("/media/layout/facelift/css_1/images_1/iconlinkextern.png"); } .iconLinkExtern:hover { background-image:url("/media/layout/facelift/css_1/images_1/iconlinkextern_gray.png"); } .whiteLink > a, .whiteLink > a:link, .whiteLink > a:visited, .whiteLink > a:active, .whiteLink > a:focus .whiteLink > a:hover, a.white:hover, a.white { color: #fff; } #subNavContent li:hover > a{color:#57ad56;} #subNavContent li a:hover{color:#58AD55!important;} h1,h2 { font-weight:normal; } .post.subHeadline a {color: #000;} a:link, a:visited, a:active, a:focus { color: #58AD55; text-decoration: none; outline:none; } a.white { color: #fff; } /** * Globale Elemente */ div.button { background: none repeat scroll 0 0 #A2D7A0; border: 1px solid #77C574; font-size: 0.8em; } div.button a { background: url("/media/layout/images/layoutimages/button_arrow.png") no-repeat scroll 100% 50% #A2D7A0; color: #3B8839; } .button{display:inline-block;background:#A2D7A0;font-size:11px;padding:0 2px;border:1px solid #77C574;padding-right:4px;} .button a{display:inline-block;background:#A2D7A0 url('/media/layout/images/layoutimages/button_arrow.png') no-repeat 100% 50%;padding-right:10px;color:#3B8839;} .button:hover{background:#9ACD98;color:#387640;} .button:hover a{background-color:#9ACD98;color:#387640;} .zoomIcon span { background: none repeat scroll 0 0 #58AD55; display: block; font-weight: bold; text-align: center; color: #fff; line-height:19px; font-size:16px; } /** * Aktionsleite Footer */ .green-border { border:1px solid #58ad55; width:220px; height:40px; } p.date { color: #999; font-size: 0.8em; margin-bottom: 0; } .shadow{ -moz-box-shadow: 0 0 5px #555; -webkit-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555; } body { color:#303030; /* background:#F9F9F9 url('/media/layout/images/layoutimages/body-bg_1.jpg') repeat-x top left;*/ background-color: #F2F2F2; } #wrapper{background-color:#fff;} .even{background-color:#fff;} .odd{background-color:#f3f3f3;} /** * * Header * */ #header { background: #fff/* url('/media/layout/images/layoutimages/head_bg.png') repeat-x top left*/; border-bottom:1px solid #cecece; margin-bottom:0px; }  .headVisualSlider .controlPad.left{display:none;} .subsite #header{margin-bottom:10px;} .subMenuIcon { cursor:pointer; } .alternativeIcon {float: left;margin-right: -3px; margin-top: 11px;} .subnav-group { /* background-image:url("/media/layout/facelift/css_1/images_1/header_subnav.png"); */ width:770px; } #content .searchbar, #header .searchbar { font-size: 20px; border: 1px solid lightgrey; color: grey; vertical-align:top; float:left; } #header .searchbar{height:25px;width:240px; padding-left:5px;} .searchIcon{float:left;} #header .searchIcon, #subNavContent .searchIcon {width:30px; height:30px; background-image:url("/media/layout/facelift/css_1/images_1/search_top.png");background-repeat:no-repeat;} .subsite .subMenuIcon { background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png"); background-position:2px -205px; background-repeat:no-repeat; } .welcome { color: #626262; } /** * Breadcrump */ #breadcrumb li { font-size: 1em; } #breadcrumb .divider { color: #C9C9C9; font-size: 0.8em; } #breadcrumb li a{display:inline-block; height:25px; vertical-align:top;} /** * Menue */ .mainnav li a { color:#000; font-size:1.6em; text-transform:uppercase; } .menuContainer { background-color: #FFFFFF; } .mainnav .navItem a, .mainnav .navItem li a { font-size: 1.3em; font-weight: bold; } .mainnav .navItem li a { font-size: 1em; } #mainnav .firstLevel { height: 30px; padding: 8px 14px 7px; position: relative; z-index: 100001; } #mainnav li.firstItem{ margin-right:0px; } #mainnav li.firstItem:hover { background-color:#ffffff; border-radius:5px; border:2px solid #e3e3e3; border: 2px solid #e3e3e3; } #mainnav .menuContainer ul li {height:auto;} #mainnav li.firstItem:hover .firstLevel { background-color:#ffffff; } /* * Head Visual Image Slider */ .subsite .headVisualSlider li { height: 230px; } /* * Head Visual Product Slider */ .headVisualProductSlider .ui-tabs-nav { background:#EFEFEF; } .headVisualProductSlider .ui-tabs-nav li { background:#EFEFEF; border-bottom: 1px solid #ccc; } .headVisualProductSlider .ui-tabs-nav-item a{border-bottom:1px solid #ccc; color:#757A75; font-weight:bold; } .headVisualProductSlider .ui-tabs-nav-item a:hover{color:#5D615E;} .headVisualProductSlider .ui-tabs-nav-item:last-child a{border-bottom:1px solid #EBF5EB;} .headVisualProductSlider .ui-tabs-nav-item a:active{outline:transparent;} .headVisualProductSlider .ui-tabs-nav-item a span{font-weight:bold;} .headVisualProductSlider .ui-tabs-active{position:relative; z-index:2;} .headVisualProductSlider .ui-tabs-nav .ui-tabs-active a{padding:0 10px 0 20px; position: relative; right:-10px; outline:transparent;} .headVisualProductSlider .ui-tabs-nav .ui-tabs-active {background:#fff!important; -moz-box-shadow: 0 0 5px #555; -webkit-box-shadow:0 0 5px #555; -box-shadow:0 0 5px #555;} .headVisualProductSlider .ui-tabs-nav .ui-tabs-active a{color:#313131; border-color: #EBF5EB; background:#fff; border:0px;} .headVisualProductSlider h3{color:#58AD55;} /* * Headvisual Controlls */ .control .start.active{background-position:0px -903px; background-repeat:no-repeat;} .control .start{background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png"); background-position:0px -870px; background-repeat:no-repeat;} .control .stop{background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png"); background-position:0px -811px; background-repeat:no-repeat;} .control .stop.active{background-position:0px -838px; background-repeat:no-repeat;} .control .stop, .control .start{display:block; float:left; text-indent:-9999px; width:18px;} /** * Content */ .tabNav { background-color:#f3f3f3; } .bxslider.tabNav li{ background-color:#f3f3f3; border-right:1px solid #cccccc; } .bxslider.tabNav .bx-viewport{background-color: #F3F3F3;} .bxslider.tabNav li a{font-weight:bold; color:#7c7c7c;} .bxslider.tabNav li.active {background-color:#fff; border-right:1px solid #cccccc; border-top:1px solid #cccccc;} .bxslider.tabNav li.firstTab{border-left:1px solid #cccccc;} .bxslider.tabNav li.active a{color:#58AD55;} .post .bx-wrapper .bx-viewport{background-color:#fff;} #subtabs a { color: #7C7C7C; vertical-align:sub;} #subtabs .active a, #subtabs a:hover { color: #58AD55 !important; } #subtabs { background:url("/media/layout/images/layoutimages/subtabs-bg.png") repeat-x left bottom; } /* * Product Page */ .catalog-head { border-bottom: 1px solid #F3F3F3; font-weight: bold; } .productbox { /*border-top: 3px solid #C9C9C9; */} .tooltip{ display:none; bottom: 220px; position: absolute; width: 280px; z-index: 999; } .infomaterial .greyBox, .productbox .text { /*background-color: #C9C9C9;*/ background-color:#ffffff; /*font-size: 1em;*/ font-size:0.8em; font-weight: bold; line-height: 1.1em; text-align:center; } .productbox .tooltip .text { text-align:left; padding:0px; } .productbox:hover .tooltip{display:block;} .productbox .imageContainer{border:none;} .product-description .box{padding:10px;} .product-description .title{ font-size: 14px; font-weight: bold; text-transform: uppercase; } .productlist .productslistItem{ border-bottom: 1px spolid #cccccc; } .productlistItem .image{ float:left; min-height: 80px; width: 80px; } .productlistItem .productlistContent{ float:left; margin-left:50px; width:347px; } .productlistItem .productlistContent span{ height:80px; display:table-cell; vertical-align:middle; } .productlistItem .buttonlink{ float:right; margin-right: 10px; } .productlistItem .buttonlink > span { display: table-cell; height: 80px; vertical-align: middle; } .containerClaim{background-color:#e9e9e9; margin-top: 20px;} .containerClaim .toggleContent{padding-bottom: 10px;} .containerClaim .toggleContent h2 {padding: 0 10px;} .containerClaim .toggleContent p {padding: 0 10px;} .containerClaim .toggle a.caption h2 {font-size: 1.3em;font-weight: normal;} /** * Toggle */ .toggleLike { background: #E9E9E9; } .toggle {background: #e9e9e9; } .toggleLike a.caption, .toggle a.caption h2, .toggle a.caption h3, .toggle a.caption { font-weight: bold; /*font-size: 1.1em;*/ color:#58AD55; } .toggle a.caption h2, .toggle a.caption h3 { margin: 0; font-size:14px; color:#58ad55;} .toggle a.caption h3:hover{color:#fff;} .toggleLike a h2{font-size:14.3px; font-weight:bold; margin:0px;} .toggleLike a h3{color:#000000;} .toggleLike, .toggleLike a:hover{ cursor: default; color:#000!important;} .toggle a.open{ background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png"); background-position: right -1106px; background-repeat: no-repeat; } .toggle a.close{ background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png"); background-position: right -1074px; background-repeat: no-repeat; } a.innerToggle.open{ background-image:url("/media/layout/facelift/css_1/images_1/suche/grau-minus.png"); background-position: right; background-repeat: no-repeat; } a.innerToggle.close{ background-image:url("/media/layout/facelift/css_1/images_1/suche/grau-plus.png"); background-position: right; background-repeat: no-repeat; } /* Toggle End */ /** * Aktionsleiste Footer */ .border-green{ border:1px solid #58ad55; } .aktionlistItem { width:207px; height:40px; float:left; margin-left:15px; line-height:40px; overflow:hidden; background-repeat:no-repeat; } .subsite .aktionlistItem { width:30%; margin-left:0px; margin-right:21px; } .aktionlistItem a{padding-left:50px; color:#707070;} .aktionlistItem.newsletter, .aktionlistItem.help, .aktionlistItem.merkliste { background-image:url("/media/layout/facelift/css_1/images_1/global_sprite-3.png"); background-repeat:no-repeat; } .aktionlistItem.newsletter{background-position: 4px -280px;} .aktionlistItem.help{background-position: 0px -370px;} .aktionlistItem.merkliste{background-position: 8px -325px;} .arrowTop { background-image:url("/media/layout/facelift/css_1/images_1/global_sprite-3.png"); background-position: 20px -442px; width:25px; height:18px; display:block; float:right; } /** * Tablesorter */ .module.fluidtable tr.filters td{padding-top:5px;} .dataTable input{width:100%;} .sorting{ background:url("/media/layout/images/layoutimages/sortable-bg.gif") no-repeat scroll 0px 50% transparent; padding-left:20px; } .table table thead tr th:first-child .sorting,.table table thead tr th:first-child .sorting_asc, .table table thead tr th:first-child .sorting_desc { background-position:11px; padding-left:28px; } .sorting_asc{background:url("/media/layout/images/layoutimages/asc.gif") no-repeat scroll 0px 12px!important; padding-left:20px;} .sorting_desc{background:url("/media/layout/images/layoutimages/desc.gif") no-repeat scroll 0px 13px!important; padding-left:20px;} /*.sortable th.ascending{background:url("/media/layout/images/layoutimages/asc.gif") no-repeat scroll 0px 12px!important;} .sortable th.descending{background:url("/media/layout/images/layoutimages/desc.gif") no-repeat scroll 0px 13px!important;} .sortable th:first-child{background:url("/media/layout/images/layoutimages/sortable-bg.gif") no-repeat scroll 12px 50% transparent;} .filtertable tr.filters td{padding-top:10px!important;padding-bottom:10px!important;vertical-align:middle!important;} .sortable th{text-indent:8px!important;background:url("/media/layout/images/layoutimages/sortable-bg.gif") no-repeat scroll 0 50% transparent;} .sortable th.header.descending:first-child{background:url("/media/layout/images/layoutimages/desc.gif") no-repeat scroll 0 8px transparent;} .sortable th.header.ascending:first-child{background:url("/media/layout/images/layoutimages/asc.gif") no-repeat scroll 0 12px transparent;}*/ .sortable th{ line-height:12px; padding-right:5px; vertical-align:middle; } /*.sortable th.header{background:url("/media/layout/images/layoutimages/sortable-bg.gif") no-repeat scroll 0 50% transparent;cursor:pointer;}*/ .submitbtnFilter, .submitbtn { background-color:#E9E9E9; color:#303030; width:auto; border: 1px solid #CCC; } /** * Listing */ #mainnav .navItem ul li { background: url(/media/layout/facelift/css_1/images_1/content_list_bullet.png) 0 11px no-repeat; padding-left: 4px; line-height:16px; } .productgroupdetail ul li, ul.content_list li { font-weight: normal; background: url(/media/layout/images/layoutimages/content_list_bullet.jpg) 0 5px no-repeat; } .teaserbox ul.content_list {float: none; padding-top: 5px;} .teaserbox.presse ul.content_list {float: left;} .post ul.content_list.cataloglist li {width: 100%;} .presse.post ul.content_list li{float:none; width:auto;} #mainnav .navItem ul li:hover, #mainnav .navItem ul li.active { background: url(/media/layout/facelift/css_1/images_1/content_list_bullet_hover.gif) 0 11px no-repeat; } #mainnav .menuContainer a:hover, #mainnav .navItem a:hover, #mainnav .navItem ul li:hover a { color: #58AD55; } /* * Referenzen */ .references > div { border-bottom: 1px solid #CCC; } .references > div:nth-of-type(2n+1) { background: #f3f3f3; } .dots .dot { background: #c6c6c6; margin: 0 5px;} .dots .dot:hover { background: #303030; } .dots .dot.current:hover, .dots .dot.current { background: #58AD55; } /** * Style für alte Main-Navigation */ #mainnav .menuContainer li{ position: relative; } #mainnav li .menuContainer .menuPositioner { position: relative; background: #fff; padding: 5px; } #mainnav .top_arrow { position: absolute; background: url('/media/layout/images/layoutimages/mainnav_arrow_top.png') no-repeat top left; width: 100%; height: 18px; top: -14px; display: block; } #mainnav li .menuContainer .menuPositioner ul { background: #fff url('/media/layout/images/layoutimages/mainnav_child_bg.png') repeat-x top left; width: 170px; } #mainnav ul { position: relative; } #mainnav ul li { font-size: 14px; text-transform: none; float: none; margin: 0; padding: 0; border: 0; } #mainnav .menuContainer a{font-family:arial; font-size:1.1em; font-weight:normal; vertical-align:top; display:block; padding-bottom:3px; border-bottom:1px solid #c3c3c3;} #mainnav .menuContainer ul a{font-weight:0.9em; border-bottom:none; padding-bottom:0px;} #mainnav ul li a{margin-left:5px;} #mainnav li a:link, #mainnav li a:visited { color: #626262; } #mainnav .menuContainer{width:auto;} #mainnav .menuContainer ul{padding:0px; margin-top:10px;} #mainnav .menuContainer li a { font-size: 1em; text-transform:none; font-family:arial; } #mainnav li:hover .menuContainer a{color: #626262;} #mainnav .menuContainerhover .navItem a:hover {color:#58AD55;} #mainnav ul li a {padding: 5px !important;width: auto;display:block;} #mainnav li a.active, #mainnav li:hover a:active, #mainnav li:hover .menuContainer a.active, #mainnav li:hover a, #mainnav li:hover a:hover {color:#58AD55;} /* * Subnav */ #subnav a{color:#303030;} #subnav a:hover{color:#58AD55;} .subsite #subNavContent{background-color:#f6f6f6; } #subNavContent ul li{border-bottom:1px solid lightgrey; padding: 12px 0;} #subNavContent ul li a{vertical-align:top;} #subNavContent ul li a.active {color:#58AD55; font-weight:bold; font-size:1.1em;} #subNavContent ul li a.fontSize12em{font-size:1.2em;} #subNavContent ul ul {padding-top:6px;} #subNavContent ul ul li a { color:#737373; padding: 0; } #subNavContent ul ul li a.active {font-size:0.85em;} #subNavContent ul li a{color:#303030;} #subNavContent ul ul li a.active{color:#58AD55; border-bottom:1px solid #c3c3c3;} #subNavContent ul ul ul li a{font-weight:normal; color:#303030;} /* * Footer */ .tagcloud { background-color:#ebebeb; } #footerContent li a { color: #626262; font-weight: normal; } #footerContent li a:hover { color: #303030; } #actionList{ background-color:#59ad55; } .social a{background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png") no-repeat; } #actionList .linkList li{color:#fff;} #actionList .toTop{color:#fff;} #footerContent{background-color: #d7d7d7;} /** * Forms */ .form fieldset, .form .success { background: none repeat scroll 0 0 #F2F2F2; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; } .form.contentform h3 { color: #303030; } .form.contentform p { border-bottom: 1px solid #ccc; margin-top: 0px; } .form.contentform p.first { border-top: 1px solid #cccccc; } .form.contentform label.error { color: red; } .form textarea, .form input[type=text], .form input[type=password] { color: #7F7F7F; box-shadow: 0 0 3px #C2C2C2 inset; border: 1px solid #C2C2C2; } .responsiveContForm{width:515px; background-color: #f2f2f2; padding: 10px 20px; margin-top: 40px;} .fivestar label { float: left; padding: 4px 0; width: 150px; } div.star-rating, div.star-rating a { background: url("/media/layout/images/layoutimages/star.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); } .fivestar .section { margin: 12px 0; } div.star-rating { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; overflow: hidden !important; padding-left: 5px; } div.rating-cancel, div.star-rating { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: block; float: left; height: 18px; overflow: hidden; text-indent: -999em; width: 18px; } div.rating-cancel a, div.star-rating a { background-position: 0 0; border: 0 none; display: block; height: 100%; width: 18px; } div.rating-cancel, div.star-rating { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; display: block; float: left; height: 18px; overflow: hidden; text-indent: -999em; width: 18px; } div.rating-cancel a { background: url("/media/layout/images/layoutimages/delete.png") no-repeat scroll 0 -18px rgba(0, 0, 0, 0); margin-top: 1px; } div.star-rating-on a { background-position: 0 -36px !important; } div.star-rating-hover a { background-position: 0 -18px; } /*TagCloud*/ .tagcloud h4{margin-bottom:10px;} .tagcloud a{line-height:22px;} .tagcloud .s1{color:#ccc;font-size:11px;} .tagcloud .s2{color:#AAAAAA;font-size:11px;} .tagcloud .s3{color:#999999;font-size:14px;} .tagcloud .s4{color:#999;font-size:17px;} .tagcloud .s5{color:#626262;font-size:20px;} .tagcloud a:hover{color:#58AD55;} * Subcontent Slider */ .sliderv1 { margin-top: 15px; width: 727px; overflow:hidden; float:left;} .sliderv1 .jcarousel-nav { margin-bottom: 10px; position: relative;} .sliderv1 .jcarousel-clip { left: -5px; position: relative;} .sliderv1 .jcarousel-clip { width: 720px;} .sliderv1 ul { height: 230px; overflow: hidden; width: 900px;} .slider ul { list-style: none outside none;} .sliderv1 li { float: left; height: 195px; margin: 0 13px 0 0; padding: 5px; position: relative; text-align: center; width: 159px;} .sliderv1 li { display: block; float: none; height: auto; overflow: visible;} .sliderv1 .box { height: 190px; width: 170px;} #inner-content .left { float: left;} .slideshow .slideshowimage { display: table-cell; height: 160px; text-align: center; vertical-align: middle; width: 170px;} .boxslideshow{border: 1px solid #c9c9c9;} .jcarousel-container-horizontal .dots a { color: #C6C6C6; font-size: 0; text-indent: 0; } .dots a { margin: 0 2px; } .dots a { background: none repeat scroll 0 0 #C6C6C6; border-radius: 10px 10px 10px 10px; display: inline-block; height: 10px; outline: medium none transparent; text-indent: -99999px; width: 10px; } .dots a.current { background: none repeat scroll 0 0 #58AD55; } /**Headvisual Slider */ .headVisualSlider .controlPad.left {display:block;} /*steht in Zeile 134 noch mal auf display none. Das vor aumziehen auf prod entfernen*/ .jcarousel-scroll .arrow {position: relative; z-index: 1; display: inline-block!important; background: url('/media/layout/facelift/css_1/images_1/sliderv1_arrow.png') no-repeat top left; width: 15px; height: 15px; text-indent: -9999px; outline: transparent;} .jcarousel-scroll .east {background-position: top right;} /*Aufzählung in kleiner Box*/ .teaserboxfloat.w50 .content_list li { width:auto;} /*Landingpage JobSearch*/ #content .searchbar.jobSearchBar{width:624px; height:35px;} .jobSearch a{margin-right:50px;margin-top:5px;} /*Landingpage Slideshow*/ .contentSliderWrapper .bx-wrapper{margin-bottom:0px!important;} .contentSliderWrapper .bx-wrapper .bx-controls-direction a {top:40%;} .contentBxSliderItem{ width:200px; margin-right:37px;} .contentBxSliderItem h3{margin-top:5px;} .contentBxSliderItem h3 a:hover{color:#303030;} .contentBxSlider.imageRatio200x200 .bxImageWrapper{height:200px; width:200px; overflow:hidden;} .contentBxSlider.imageRatio200x120 .bxImageWrapper{width:200; height:120px; overflow:hidden;} /*LANDINGPAGE Linklist*/ .linkListCont{clear:both; float:none;} .contentRight .linkListCont {margin-left:20px;} .contentRight .hideRightColumn{display:none;} .linkListCont h3 { background-color: #E8E8E8; padding: 10px 26px 10px 10px;} .linkListCont a h3 {display: block; margin-bottom: 6px;} #content .linkListCont .link{background-position: 1px 2px; padding-left:20px; background-repeat:no-repeat; background-image:url("/media/layout/facelift/css_1/images_1/arrowrighticon.png");} #content .linkListCont .extern{background-position: 1px 2px; padding-left:20px; background-repeat:no-repeat; background-image:url("/media/layout/facelift/css_1/images_1/externallinkicon.png");} #content .linkListCont .download{background-position: 0px 3px; padding-left:20px; background-repeat:no-repeat; background-image:url("/media/layout/facelift/css_1/images_1/downloadicon.png");} #subnav a{vertical-align:middle;} #subnav .link{background-position: 1px 0px;} #subnav .extern{background-position: 1px 0px;} #content .link{background-position:3px 0px;} #content .button a.link {background-position: 3px 2px;} #content .contentSliderWrapper .link{background-position: 1px 0px;} #subnav .greenFont a{color:#58AD55;} #subnav .greenFont:hover a{color:#303030;} a.link{background-position: 1px 2px; padding-left:20px; background-repeat:no-repeat; background-image:url("/media/layout/facelift/css_1/images_1/arrowrighticon.png"); color:#58AD55;} a.extern{background-position: 1px 2px; padding-left:20px; background-repeat:no-repeat; background-image:url("/media/layout/facelift/css_1/images_1/externallinkicon.png"); color:#58AD55;} a.download{background-position: 0px 2px; padding-left:20px; background-repeat:no-repeat; background-image:url("/media/layout/facelift/css_1/images_1/downloadicon.png"); color:#58AD55;} a.download:hover{color:#303030 !important} a.extern:hover{color:#303030 !important} a.link:hover{color:#303030 !important} .link a:hover{color:#303030 !important} .extern a:hover{color:#303030 !important} .download a:hover{color:#303030 !important} /*TEASERBOX LANDINGPAGE*/ .landingpage .teaserboxfloat .details { width: 208px; } .landingpageStyle.w50{width:330px!important;} .landingpageStyle.teaserbox {background-color:#e9e9e9;} .landingpageStyle.teaserbox .imageContainer {border:none;} .landingpageStyle.even320 {margin-left:15px;} .landingpage .landingpageStyle.teaserboxfloat .details {width: 190px;} .landingpageStyle.teaserbox .details{margin-left:10px; margin-top:10px;} .landingpageStyle.teaserbox .details p {margin-left:10px;} .landingpage .teaserboxfloat {width:330px!important;} /* Landingpage SocialMedia List*/ .socialMediaIconList {margin-left:20px;} .socialMediaIconList p{color:#58AD55; font-weight:bold; text-align:center;} .socialMediaIconList li{margin-right:10px; display:inline;} /*PICTURE BOX*/ .contentRight .picboxWrapper .picbox img{width:140px;} .contentRight .picboxWrapper.picboxWrapperLandingpage .picbox img{width:200px; height:150px;} .contentRight .picboxWrapper.picboxWrapper200 .picbox img{width:200px;} .contentRight .picboxWrapper .picbox.picBoxOverlay img{width: 198px; border: 1px solid #c9c9c9;} .picBoxOverlay .contentRightText {background-color: rgba(255, 255, 255, 0.6); text-align: left; font-weight: bold; padding: 3px 9px; box-sizing: border-box; position:absolute; bottom:7px; width:100%; margin-left: 1px; z-index:1000;} .picbox.picBoxOverlay .contentRightText > p {margin: 0;} .mt.res1024 {margin-top: 13px;} .picboxWrapper.picboxWrapper200.posRel.ml0 {margin-left: 0px;width: 100%;} /** InnerToggle Facelift **/ .list li {background: #F2F2F2;border: 1px solid #fff; padding: 0 15px;} .list li.open {background: #fefefe;} .list h4{margin:3px 0px; color: #58AD55; cursor: pointer; background-image: url("/media/layout/facelift/css_1/images_1/suche/grau-plus.png"); background-position: 671px 7px; background-repeat: no-repeat;} .list li.open h4 {background-image: url("/media/layout/facelift/css_1/images_1/suche/grau-minus.png"); background-position: 671px 7px; background-repeat: no-repeat; } .cbox{margin:auto;} .displayTable{display:table!important; border: 1px solid #c9c9c9;} .innerToggleWrapper {list-style:none} .innerToggleWrapper {list-style-type:none; background: none repeat scroll 0 0 #F2F2F2; padding: 0 15px;border: 1px solid #FFFFFF; } .innerToggleWrapper h4{margin:0px;} .innerToggleWrapper h4 span{display:block; margin:5px; color:#58AD55;} .innerToggleWrapper.close h4 span{ background-image: url("/media/layout/facelift/css_1/images_1/suche/grau-plus.png"); background-position: right center; background-repeat: no-repeat;} .innerToggleWrapper.open h4 span{ background-image: url("/media/layout/facelift/css_1/images_1/suche/grau-minus.png"); background-position: right center; background-repeat: no-repeat;} .innerToggleWrapper .inner-toggle{padding:10px;} /*LANDINGPAGE Toggle*/ .rightPostAcc .toggle{margin-left:20px;} /*Landingpage Slideshow*/ .contentSliderWrapper .bx-wrapper .bx-next {right: -12px; background: url("/media/layout/facelift/css_1/images_1/controls2.png") no-repeat -43px -32px;} .contentSliderWrapper .bx-wrapper .bx-prev {left: -12px; background: url("/media/layout/facelift/css_1/images_1/controls2.png") no-repeat 0 -32px;} /*LANDINGPAGE Lauftext*/ .lauftext {margin-top: -20px;} .lauftext p { font-weight: bold; margin-bottom: 5px; margin-top: 5px; } .lauftext marquee {background-color: #E8E8E8; height:30px;} /*References*/ .references > div{clear:both; float:none; padding:10px 0;} .references img{float:left; margin-top:5px; margin-right:10px;} .references div.refItem{padding:0; min-height:145px;} .alternativeProductGroup .teaserbox .imageContainer .box110x110 {width: 110px; height: 110px;} .wdmb{margin-bottom:20px;} /*Katalog Produktliste Artikelnummer*/ .articlenumberBody{margin-bottom: 10px;} .articlenumberHead div{min-height:5px;} .articlenumberHead .articlenumberCol5{text-align:right;} .articlenumberWrapper .odd{background-color:#f3f3f3;} .articlenumberWrapper .even{background-color:#fff;} .articlenumberWrapper .articlenumberCol1{width:90px; float:left;} .articlenumberWrapper .articlenumberCol2{width:75px; float:left; margin-top:5px; word-wrap:break-word;} .articlenumberWrapper .articlenumberCol2 p{margin:0;} /*.articlenumberWrapper .articlenumberCol3{width:270px; float:left; margin-top:5px;}*/ .articlenumberWrapper .articlenumberCol3{width:340px; float:left; margin-top:5px;} /*.articlenumberWrapper .articlenumberCol4{width:100px; float:left; margin-top:5px;}*/ .articlenumberWrapper .articlenumberCol4{width:100px; float:left; margin-left: 5px; margin-top:5px;} .articlenumberWrapper .articlenumberCol5{width:190px; margin-top:5px;} .articlenumberWrapper .articlenumberCol5 p{margin: 0;} .respimage{display:none;} /*New Video Template*/ .moreVideosBox{ max-width:720px; height:330px; border:2px solid #d1d1d1; padding:0; margin:0; position:relative } .moreVideosBox .inner{ height: 293px; overflow-y: scroll; padding-top: 10px; } .moreVideosBox .headArea{ padding:3px 4px 3px 2%; font-size:12px; background:#d7d7d7; color:#626262; text-transform: uppercase; font-weight:100; } .moreVideosBox .videoElement{ float:left; width:48%; padding: 0 0 0 2%; margin:5px 0 15px; } .moreVideosBox .videoElement img{ float:left; width:90px; cursor:pointer; } .moreVideosBox .rightContent{float:left;width: 71%;} .moreVideosBox .videoElement h3{font-size: 17px;margin: 0 0 0 10px;} .moreVideosBox .videoElement p{margin:10px 0 0 10px;line-height: 18px;} .moreVideosBox a, .moreVideosBox a span {text-decoration:none;} .moreVideosBox a.vidHeadline span { font-weight: bold; margin-top: 0px; color: #58AD55; margin: 0; } .moreVideosBox a.vidHeadline { margin: 0 0 0 10px; display: block; } .moreVideosBox a.vidHeadline p, .moreVideosBox a.vidHeadline span p { margin: 0; } .moreVideosBox .layerTop,.moreVideosBox .layerBot{ position:absolute; width:97%; height:15px; background-color:#fff; left:0; } .moreVideosBox .layerTop{top:26px;} .moreVideosBox .layerBot{bottom:0;} .toggleContent .moreVideosBox{margin-bottom:20px;} .cl{clear:both;} .imageWrapper{ position:relative; float:left; width:90px; } .imageWrapper .timer{ position: absolute; bottom: 0; right: 0; background-color: rgb(73, 73, 73); color: #CFCFCF; font-size: 10px; padding: 0 5px 0 5px; line-height: 13px; } /*Cookie*/ .cookieinfo.wrapper.pageWidth { background: none repeat scroll 0 0 #fff; margin-bottom: 5px; border: 1px solid #D2D2D2; font-size: 12px; } .cookieinfo .contentWrapper { /*margin-top: 0;*/ margin: 0; height: auto; } .cookieinfo .contentWrapper p { margin: 0; padding: 0.8em; } .cookieinfo a.link { background-position: 3px -1px; } /*.cookieinfo .maintext { margin-left:150px; }*/ .cookieinfo .maintext { margin-left:20px;} /*.cookieicon { width: 62px; }*/ .contentWrapper .cookieicon img { margin: 0.3em; float:left; } .cookieinfo .maintext p { margin: 0; padding: 7px 40px 7px 13px; line-height: 16px;} .fr.cookieicon {margin-right: 15px; margin-top:1px;} /*slideshow content*/ .post.contentSliderWrapper {width: 675px;} /* Messagebox marklist*/ #AfxMessageBox{ position: fixed; top: -65px; right:0; background-color: white; box-shadow: 0 0 5px #555; padding: 10px 10px 10px 10px; z-index: 299999; } /*Contact Box*/ #contactSlideBox{ position:fixed; top:430px; right:0; width:180px; border:1px solid #58ad55; border-top:1px solid #58ad55; border-right:0px; background-color:#fff; z-index:100; } #contactSlideBox .icon{ height:39px; width:40px; background-color:#fff; position:absolute; top:-1px; left:-42px; cursor:pointer; } #contactSlideBox .contactHeadline{ width:100%; height:25px; background: #c9c9c9; color: #57ad56; font-weight:bold; padding: 10px 5px 5px 5px; cursor:pointer; } #contactSlideBox .contactContent{ padding: 0 0 5px 5px; } #contactSlideBox .contactClose{width:9px; height:10px; position:absolute; top:0px; left:0px; background-color:#58ad55; line-height:0.6; font-weight:bold; font-size:11px; display:none; padding-left:1px;} #contactSlideBox:hover .contactClose{display:block;} /*End Contact Box*/ /*link Trigger small Box*/ a.link-trigger{display: none; cursor: default;} .imageCell a.link-trigger{display: inline;} .wf-active a.link-trigger, .wf-inactive a.link-trigger{display: inline; cursor: pointer;} /*formedit*/ .post.mt10.mb0 {margin-top:10px; margin-bottom:0px;} 
/** local_main_css */
 /* /FOOTERy */ #langswitch { display: inline-block; float: right; margin-right: 15px; position: relative; vertical-align: top; z-index: 300000; margin-left:20px; width: 120px; } .tl { background: url("/media/layout/images/layoutimages/tl.png") no-repeat scroll left top rgba(0, 0, 0, 0); left: -11px; top: -11px; } .corner { display: block !important; float: none !important; height: 11px !important; position: absolute !important; width: 11px !important; z-index: 1; } #langswitch div { background: url("/media/layout/images/layoutimages/mainnav_child_bg.png") repeat-x scroll left top #FFFFFF; left: -60px; min-width: 165px; position: absolute; top: 30px; z-index: 10; } #langswitch div { } .tr { background: url("/media/layout/images/layoutimages/tr.png") no-repeat scroll left top rgba(0, 0, 0, 0); right: -11px; top: -11px; } .bl { background: url("/media/layout/images/layoutimages/bl.png") no-repeat scroll left bottom rgba(0, 0, 0, 0); bottom: -11px; left: -11px; } .br { background: url("/media/layout/images/layoutimages/br.png") no-repeat scroll right bottom rgba(0, 0, 0, 0); bottom: -11px; right: -11px; } .top-bar { background: url("/media/layout/images/layoutimages/top_bar.png") repeat-x scroll left top rgba(0, 0, 0, 0); height: 11px !important; top: -11px; width: 100%; } .bar { display: block !important; float: none !important; position: absolute !important; } .left-bar { background: url("/media/layout/images/layoutimages/left_bar.png") repeat-y scroll left top rgba(0, 0, 0, 0); height: 100%; left: -11px; top: 0; width: 11px !important; } .right-bar { background: url("/media/layout/images/layoutimages/right_bar.png") repeat-y scroll left top rgba(0, 0, 0, 0); height: 100%; right: -11px; top: 0; width: 11px !important; } .bottom-bar { background: url("/media/layout/images/layoutimages/bottom_bar.png") repeat-x scroll left top rgba(0, 0, 0, 0); bottom: -11px; height: 11px !important; width: 100%; } #langswitch .top_arrow { background: url("/media/layout/images/layoutimages/top_arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0); height: 18px; position: absolute; top: -18px; width: 42px; } #langswitch:hover div { display: block; } #langswitch div { display: none; height: 450px; width: 175px; overflow: none; } #langswitch ul { height: 450px; overflow: auto; margin: 5px 10px 0 0} #langswitch li { display: block; } #langswitch ul li a { color: #626262 !important; } #langswitch .arrowdown { background: url("/media/layout/images/layoutimages/pane_arrow_down.png") no-repeat scroll right 50% rgba(0, 0, 0, 0); padding-right: 10px; color: #303030; } /* language switcher start */ .subsite .subMenuIcon{margin-left:10px;} #langswitch.clicked div { display:block; } #langswitch{ height:60px;min-width:100px; margin:0; padding: 0 15px 0 10px; } #langswitch div{ width:auto;min-width:auto; position:static;height:auto;top:auto;left:0; background:transparent; } #langswitch:hover div{display:none;} #langswitch.clicked:hover div{display:block;} #langswitch ul { height:auto; margin: 0; overflow:hidden;} #langswitch:hover,#langswitch.clicked{ background-color:#fff; } #lsOverlay { display:none; cursor:pointer; background: rgb(0, 0, 0); opacity:0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; border: 0; left: 0; position: fixed; right: 0; bottom:0; top: 0; z-index: 1000; width: 100%; height: 100%; } #langswitch a.global, #langswitch a.global:focus, #langswitch a.global:active{ display:none; position:absolute; left:10px; bottom:3px; font-size:11px; color:#000; } #langswitch.clicked a.global{ display:block; line-height:30px; } #langswitch a.global:hover{ color: #57ad56; } #langswitch .lsWrapper{ display:none; width:960px; height:320px; position:absolute; left:-815px;top:60px; z-index:42000; background-color:#fff; -webkit-box-shadow: 0px 5px 0px 0px rgba(78,78,78,0.5); -moz-box-shadow: 0px 5px 0px 0px rgba(78,78,78,0.5); box-shadow: 0px 5px 0px 0px rgba(78,78,78,0.5); } #langswitch.clicked .lsWrapper{ display:block; } #subnav li.clicked{ display:block; } /* Tab Styles */ /* Tab Links */ /* Clearfix */ #langswitch .lsWrapper .tab-links:after { display:block; clear:both; content:""; } #langswitch .lsWrapper .tab-links li { margin:0; float:left; list-style:none; width:230px;height:122px; border-bottom:1px solid #ccc; text-align:center; position:relative; background: #e9e9e9; background: linear-gradient(top, #fff 0%, #fff 0%, #e9e9e9 100%); background: linear-gradient(top, #fff 0%, #fff 0%, #e9e9e9 100%); background: -moz-linear-gradient(top, #fff 0%, #fff 0%, #e9e9e9 100%); background: -webkit-linear-gradient(top, #fff 0%, #fff 0%, #e9e9e9 100%); background: -ms-linear-gradient(top, #fff 0%, #fff 0%, #e9e9e9 100%); background: -o-linear-gradient(top, #fff 0%, #fff 0%, #e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e9e9e9');/*For IE7-8-9*/ } #langswitch .lsWrapper .tab-links li:first-child{ width:250px; } #langswitch .lsWrapper .tab-links li:last-child{ width:250px; } #langswitch .lsWrapper .tab-links li.active { background: #fff; border-bottom:1px solid #fff; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff');/*For IE7-8-9*/ } #langswitch .lsWrapper .tab-links li > a{ display:block; height:111px;line-height:45px; margin:11px 0 0 0; font-family: "futura-pt",Arial; font-weight: bold; text-transform: uppercase; font-size: 14px; color:#626262; z-index:100; } #langswitch .lsWrapper .tab-links li.active > a{ color: #57ad56 !important; border-left:1px solid #ccc; border-right:1px solid #ccc; } #langswitch .lsWrapper .tab-links li:first-child.active > a{ border-left:none; } #langswitch .lsWrapper .tab-links li:last-child.active > a{ border-right:none; } #langswitch .lsWrapper .tab-links li .img-wrap{ height:66px; position:absolute; left:0;right:0;bottom:0; z-index:90; } #langswitch .lsWrapper .tab-links li .img-wrap img{ margin:5px 0 0 0; z-index:90; } /* Content of Tabs */ #langswitch .lsWrapper .tab, #langswitch.clicked:hover .lsWrapper .tab { display:none; clear:both; } #langswitch .lsWrapper .tab.active, #langswitch.clicked:hover .lsWrapper .tab.active { display:block; } #langswitch .lsWrapper .tab-content .spalte1, #langswitch .lsWrapper .tab-content .spalte2, #langswitch .lsWrapper .tab-content .spalte3, #langswitch .lsWrapper .tab-content .spalte4, #langswitch .lsWrapper .tab-content .spalte5{ width:170px; margin: 15px 0 0 0; float:left; } #langswitch .lsWrapper .tab-content #continent1{ float:left; margin:0 0 0 25px; } #langswitch .lsWrapper .tab-content #continent2{ float:left; margin:0 0 0 105px; } #langswitch .lsWrapper .tab-content #continent3{ float:right; margin:0 285px 0 0; } #langswitch .lsWrapper .tab-content #continent3 .spalte4{display:none;} #langswitch .lsWrapper .tab-content #continent4{ float:right; margin:0 54px 0 0; } #langswitch .lsWrapper .tab-content .land li{ height:24px;line-height:24px; margin:0; } #langswitch .lsWrapper .tab-content .land li a, #langswitch .lsWrapper .tab-content .land li a:focus, #langswitch .lsWrapper .tab-content .land li a:active{ color:#000 !important; height:24px;line-height:24px; display:block; } #langswitch .lsWrapper .tab-content .land li a:hover{ color: #57ad56 !important; } /* language switcher ende */
/** local_768_1023_css */
@media only screen and (min-width: 768px) and (max-width: 1023px) { .clearfix768:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .show768 { display: block; } .headVisualSlider li{height:240px;} /* HEADER */ #logo{margin-left:10px;} #langswitch .current a{display:none;} .subsite .subMenuIcon{display:block; margin-top:9px; margin-left:9px; background-position:0 -36px; height:32px; width:32px;} .subsite #breadcrumb{margin:15px 0 0 7px;} #inner-content .searchbar{width:170px;} .subnav-group{width:580px;} .mainnav li {margin-right: 0px;} .mainnav li a {font-size: 1.4em;} #mainnav{display:block!important;} #mainnav li:hover .menuContainer {display: block!important;} #mainnav li .menuContainer {display: none!important; width:768px;} #navmobile{display:none!important;} #header .searchbar {width:160px;} #header #search{display:block!important; margin-top:5px;} .navItem{margin-left:10px;} /* /HEADER */ /* * Head Visual Container */ .subsite .headVisual {display:none;} .headVisualContainer, .headVisualContainerFull { width: 768px; } .headVisualContainer .headVisualImage { height: 230px; } .headVisualContainerFull .headVisualSlider{height:240px;} .headVisualCarousel .headVisualSlider{height:269px!important;} .pageWidth, #wrapper{ width:768px; } /* CONTENT */ .subsite #subNavContent{position:absolute; z-index:50000; display:none; height:auto; width:350px; border-right:2px solid #58AD55; border-bottom:2px solid #58AD55; top:-10px; left:-5px;} .headVisual img{width:768px; height:auto;} .contentLeft{width:100%;float:left;} .contentRight{ width:100%; border-top:1px dotted black; border-left:0px; margin-top:20px;} .subsite.searchpage .contentWidth{display:block; width: 768px;} .fancybox.zoomPictureBox { right: 12px; } /** * Aktionsleiste Footer */ #searchfooter .searchbar{ width:500px; } .subsite #searchfooter .searchbar{width:500px;} .aktionlistItem {width:40px!important;} .subsite .aktionlistItem { height: 40px; line-height: 40px; margin-left: 15px; overflow: hidden; width:40px; margin-right:0px; } .headVisualCarousel .headVisualProductSlider .contentbox .image { width: 272px; } .headVisualCarousel .headVisualProductSlider .contentbox .description { width: 211px; } .headVisual .headVisualCarousel img { height: auto; max-height: 270px; max-width: 270px; } /* BOXEN */ .floatingBox{width:364px;} .picboxWrapper {float: left;width: 162px;border:none;} .picbox.picBoxOverlay {width: 162px;} .contentRight .picboxWrapper .picbox.picBoxOverlay img{width: 162px;} .mt.res1024 {margin-top: 0px;} /* /BOXEN */ /* /CONTENT */ /* FOOTER */ #footerContent ul{float:left; width:25%;} #actionList .linkList{display:none;} /* /FOOTER */ #mainnav .firstItem {display:inline!important; float:left;} #mainnav li.firstItem:first-child{margin-left:-5px;} #mainnav li.firstItem{border:0px;} #mainnav li.firstItem:hover{ border:0px; -webkit-box-shadow: 0px -2px 3px 1px rgba(0, 0, 0, 0.25); /* WebKit */ -moz-box-shadow: 0px -2px 3px 1px rgba(0, 0, 0, 0.25); /* Firefox */ box-shadow: 0px -2px 3px 1px rgba(0, 0, 0, 0.25); /* Standard */ } /*Tagcloud*/ .tagcloud {width:162px!important; float:left; margin-top:40px;} /*Landingpage Jobsearch*/ #content .searchbar.jobSearchBar{width:670px; height:35px;} /*Landingpage Slideshow*/ .contentBxSliderItem{ margin-right:66px;} /*Landingpage Itemlist*/ .contentRight .linkListCont {float:left; width:162px;} /* Landingpage kleine box*/ .landingpageStyle.w50{width:356px!important;} .landingpage .teaserboxfloat{width:356px!important;} /*Landingpage Picturebox*/ .contentRight .picboxWrapper.picboxWrapperLandingpage .picbox img{width:162px; height:122px;} /*Landingpage SocialList rechte Spalte*/ .socialMediaIconList { float: left; width: 162px; } /*slideshow content*/ .post.contentSliderWrapper {width: auto;} /*New Landingpage*/ .landingpage .home-teaser-one-noborder { width: 229px; height: 135px; } .landingpage .home-teaser-one { width: 225px; height: 135px; } .landingpage .home-teaser-two { /*height: 135px!important;*/ } .landingpage .home-teaser-one.homeEvent{height:217px!important} .landingpage .home-teaser-two-noborder { width: 478px; } .landingpage .home-teaser-two { width: 474px; } .landingpage .home-teaser-one-noborder #searchfooter .searchbar { width: 182px; } .landingpage .two-image { height:135px; display: block!important; } .landingpage .home-teaser-one-noborder h2, .landingpage .home-teaser-one-noborder a h2, .landingpage .home-teaser-one h2, .landingpage .home-teaser-one a h2{ width: 220px; } /* language switcher start */ #langswitch{ height:35px; margin:0 !important; padding: 0 10px; } #langswitch.clicked a.global{display:none;} #langswitch .lsWrapper{ width:768px; height:299px; position:absolute; left:-628px; top:35px; } #langswitch .lsWrapper .tab-links li, #langswitch .lsWrapper .tab-links li:first-child, #langswitch .lsWrapper .tab-links li:last-child { width:192px;height:100px; } #langswitch .lsWrapper .tab-links li > a{ height:89px;line-height:35px; font-size: 12px; } #langswitch .lsWrapper .tab-links li .img-wrap { height:59px; } #langswitch .lsWrapper .tab-content .spalte1, #langswitch .lsWrapper .tab-content .spalte2, #langswitch .lsWrapper .tab-content .spalte3, #langswitch .lsWrapper .tab-content .spalte4, #langswitch .lsWrapper .tab-content .spalte5{ width:134px; margin: 18px 0 0 0; } #langswitch .lsWrapper .tab-content #continent1{ float:left; margin:0 0 0 20px; } #langswitch .lsWrapper .tab-content #continent2{ float:left; margin:0 0 0 78px; } #langswitch .lsWrapper .tab-content #continent3{ float:right; margin:0 230px 0 0; } #langswitch .lsWrapper .tab-content #continent3 .spalte4{display:none;} #langswitch .lsWrapper .tab-content #continent4{ float:right; margin:0 37px 0 0; } #langswitch .lsWrapper .tab-content .land li a{ font-size: 12px; } /* css-microsite.css */ .microsite #langswitch .lsWrapper{ left:-648px;top:35px; } /* language switcher ende*/ }
/** local_480_767_css */
@media only screen and (min-width: 480px) and (max-width: 767px) { a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover { color: #58AD55!important; } .hide768 {display:none;} .clearfix480:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfixNo480no320:after{visibility:visible;display:block;clear:none;height:auto;} .show480 { display: block; } .hide480 { display: none; } .res480w50 { width: 50%; } .res480w100 { width: 100% } .res480noFl { float: none; } .res480mR0 { margin-right: 0px; } .bgGreen{background-color:#59AD55; color:#fff!important;} /* HEADER */ .subsite #header{margin-bottom:0px;} .subnav-group{display:none;} #mainnav{float:right;} #mainnav li {margin-right:23px;} #mainnav li a{font-size:1.4em;} .searchForm{float:none; margin-left:190px;} #searchbar{width:219px} #subNavContent{display:none!important;} #header .searchbar{width:155px; height:25px; } #header .searchForm{margin-top:0px; padding-top:17px;} .CbFl{margin-left:10px;} .subsite .subMenuIcon{display:none; margin-top:5px;} .subsite #breadcrumb{margin-left:0px;} /* MAIN NAV */ #mainnav li:hover{border:none; border-radius:0px; border-bottom:1px solid #e3e3e3;} .menuColum {width: 90%} .mainNavWrapper{float:right;margin-top:16px; z-index:99999; cursor:pointer; margin-right:15px; width:32px; height:32px;background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png");background-repeat:no-repeat; background-position:0 -37px;} #mainnav{display:none;} #mainnav li {border:none; background-color:#fff; margin-right:23px; padding-bottom:0px; display:block; line-height:2.7em; position:relative;} #mainnav li a{font-size:20px; color:#000; padding-left:5px; display:block;} #mainnav li a:visited{color:#000;} #mainnav li a.active{color:#fff;background-color:#57AD56;} .mainNavTxt {display:block; bottom:-20px; left:0px;} #mainnav {background-color: #58ad55; left:-433px; position: absolute;top: 46px; width: 480px;z-index:99999; } #mainnav li{margin:0px; border-bottom:1px solid #e3e3e3; clear:both;} #mainnav img{display:none;} #mainnav .menuColumn{width:100%} #mainnav .navItem{margin:0px;} /*#mainnav .navItem a:hover{background-color:#58AD55;}*/ #mainnav .top_arrow{display:none;} #mainnav{top:55px;} #mainnav .firstLevel{padding:0px; height:auto;} #mainnav .firstLevel.active{height:auto; border-bottom:1px solid #e3e3e3;} #mainnav li.firstItem:hover{box-shadow:none; border-radius:0px; border:0px; border-bottom:1px solid #e3e3e3;} #mainnav .firstLevel.active:hover{height:auto;} #mainnav li .menuContainer{padding-top:0px; padding-bottom:0px; background-color:#e3e3e3;} #mainnav .menuContainer{border:0px;} #mainnav .menuContainer a{border-bottom:0px;} #mainnav .menuContainer ul{margin-top:0px;} #mainnav ul li:hover{border:0px;} #mainnav .navItem {min-height:0px; border-bottom:1px solid #C3C3C3; padding-left:0px!important; background-image:none!important;} #mainnav li .navItem a{padding-left:15px;} #mainnav li .navItem a.active{border-bottom:1px solid #e3e3e3;} #mainnav .navItem ul{background-color:#fff; width:480px; } #mainnav .navItem ul li{border-bottom:1px solid #e3e3e3; background-image:none; padding-left:0px;} #mainnav .navItem ul li a{ padding-left:20px!important;} #mainnav .navItem ul li.active{background-image:none;} #mainnav .navItem ul li.active a{color:#fff;} #mainnav li:hover a.active{color:#fff!important;} #mainnav li.firstItem:last-of-type{border-bottom:3px solid #e3e3e3;} #mainnav li .menuContainer{top:0; position:relative; left:0px; width:100%;} #mainnav li .menuContainer .menuPositioner ul{background:none; width:100%; } #mainnav li .menuContainer .menuPositioner{background:none; padding:0px;} #mainnav .menuContainer ul li:hover {background-color: #58AD55;} #mainnav .menuContainer ul li:hover a{color:#fff;} #mainnav li:hover .menuContainer {display: none;} #mainnav ul li{color:#000; line-height:1.6em;} #mainnav ul li a{margin-left:0px;} #mainnav .open{display:block;} #mainnav .closed{display:none;} #mainnav .mainNavIconOC {display:block; background-image:url("/media/layout/facelift/css_1/images_1/mainnavminus.png"); background-position: 15px 6px; background-repeat: no-repeat; height: 35px; position: absolute; right: 0; top: 0; width: 50px; } #mainnav li .navItem a{ font-size:14px; font-family:arial;text-transform:none;} #mainnav li .mobileNav{display:none;} #mainnav .plus{background-image:url("/media/layout/facelift/css_1/images_1/mainnavplus.png");} #mainnav .shadow{box-shadow:none;} /* /HEADER */ /* * Head Visual Container */ .headVisualContainer, .headVisualContainerFull { width: 480px; max-height:155px;} .headVisualContainerFull .headVisualSlider{height: auto;} .headVisualSlider li {height:auto;} .headVisualText {top:5px; width:270px;} .pageWidth, #wrapper{ width:480px; } .even480 {background-color:#fff;} .odd480 {background-color:#f3f3f3;} /* Introductory Message Landing Page */ .welcome { display: block; font-size: 1.4em; line-height: 1.2em; margin-bottom: 20px; text-transform: uppercase; } /* CONTENT */ .subsite #subNavContent{height:auto; width:350px; display:none;border-right:2px solid #58AD55; border-bottom:2px solid #58AD55; position:absolute; z-index:50000; top:0; left:-5px;} .subsite #inner-content{margin-right:0; width: 480px;} .subsite.searchpage .contentWidth, .subsite .contentWidth { width: 480px; } .contentLeft{width:100%;float:left;} .contentRight{width:100%; border-top:1px dotted black; border-left:0px; margin-top:20px;} .subsite .contentWrapper { margin: 0 20px 20px 20px;} #subNavContent #searchfooter .searchbar {width:300px;} /* PRODUKTE / INFOMATERIAL */ .productbox.videobox, .productbox.videobox .imageCell, li div.productbox, li div.productbox .imageCell, li div.infomaterial, li div.infomaterial .imageCell { width: 208px; } .productlistItem .productlistContent { margin-left: 5px; width: 170px; } .productlistItem .buttonlink { width: 180px; } /* BOXEN */ .subsite .floatingBox{width: 100%;} .floatingBox .w227{width: 70%;} .floatingBox{width:100%;} .floatingBoxFull{width:100%;} .floatingBoxFull .w227 {width: 70%;} .picboxWrapper{float:left; width: 45%;} .mt.res1024 {margin-top: 0px;} .fancybox.zoomPictureBox { right: -39px; } .productbox.videobox, .productbox.infomaterial { float: left; } .productbox:hover .tooltip{display:none;} .productbox.videobox:nth-of-child(2n), .productbox.infomaterial:nth-of-child(2n) { float: right; } #content .res480w200 { width: 200px; } productbox.videobox { margin-right: 0px; } .infomaterial .greyBox a{font-size:1.2em;} .post ul.content_list li { margin-bottom: 8px; margin-left: 10px; float:left; width:39%;} /* *Aktionlist Footer */ .aktionlistItem { width: 40px; } .aktionlistItem.merkliste{display:none;} #inner-content .searchbar {width:388px;} .aktionlistItem {width: 40px!important; margin: 10px 15px 0 0;} .actionListTop fieldset{margin:0px;} .actionIconList fieldset{margin:0px;} /* /CONTENT */ /* FOOTER */ #footerContent ul{float:left; width:50%;} #actionList .linkList{display:none;} /* /FOOTER */ .teaserbox { width: 100%; float: none; } .teaserboxfloat .details { float: left; width: 305px; } .teaserbox.even{background-color:#fff;} .teaserbox.even{background-color:#f3f3f3;} .landingpage .teaserboxfloat .details { width: 315px; } .teaserbox .content_list li{width:411px;} .teaserbox p a.CbFl{clear:both; float:none; margin-left:0px;} li.firstItem:hover .overlay { display: none; } .headVisual img{width:480px; height: auto;} .headVisual .headVisualCarousel{height:311px!important;} .headVisual .headVisualCarousel .contentbox .description{margin-right:0px;} .headVisual .headVisualCarousel .contentbox .description { height: 311px!important; width: 238px!important; } .headVisual .headVisualCarousel .contentbox .image { width: 240px!important; } .headVisualContainer.headVisualCarousel, .headVisualContainerFull.headVisualCarousel{max-height:311px;} .headVisual .headVisualCarousel #headVisualSlider{height:310px;} .headVisual .headVisualCarousel .contentbox{left:0px;} .headVisual .headVisualCarousel .ui-tabs-nav { display: none!important; } /** * Forms */ .form textarea{width:400px;} .responsiveContForm{width:420px;} /*Tagcloud*/ .tagcloud {width:189px!important; float:left; margin-top:40px;} /*Subcontent*/ .sliderv1 { width: 435px;} .sliderv1 li {width:210px;} .slideshow .slideshowimage {width: 200px;} .sliderv1 ul {height:213px;} /* Landingpage kleine box*/ .landingpageStyle.w50{width:auto!important;} .landingpage .teaserboxfloat{width:auto!important;} .landingpageStyle.even320 {margin-left: 0px;} .landingpage .landingpageStyle.teaserboxfloat .details {width: 300px;} .landingpage .teaserboxfloat .details { width: 315px; } /*SocialList rechte Spalte*/ .socialMediaIconList { float: left; width: 45%; } /*Landingpage Itemlist*/ .contentRight .linkListCont {float:left; width:45%;} /*Landingpage Slideshow*/ .contentBxSliderItem{margin-right:45px;} /*Landingpage Jobsearch*/ #content .searchbar.jobSearchBar {width: 389px!important;} .alternativeProductGroup img{max-width:110px; max-height:110px;} .moreVideosBox .rightContent{float:none; width: auto;} .moreVideosBox .videoElement h3{font-size:15px;} .moreVideosBox .layerTop, .moreVideosBox .layerBot{width:95%;} .moreVideosBox .videoElement img {margin-right: 10px;} /*slideshow content*/ .post.contentSliderWrapper {width: auto;} /*New Landingpage*/ .landingpage .res480home-teaser-one { width: 206px; height:124px; } .landingpage .res480home-teaser-two, .landingpage .home-teaser-two, .landingpage .home-teaser-one.homeEvent { width: 435px; } .landingpage .res480mr0 { margin-right: 0!important; } .landingpage .res480mr19 { margin-right: 19px; } .landingpage .home-teaser-two-noborder { width: 439px; } .landingpage .res480mr20 { margin-right:20px;} .landingpage .home-teaser-one-noborder h2, .landingpage .home-teaser-one-noborder a h2, .landingpage .home-teaser-one h2, .landingpage .home-teaser-one a h2{ width: 201px; } .landingpage .two-image{height:auto;} .landingpage .two-image .respimage{display:block!important; height:auto;} }
/** local_320_479_css */
@media only screen and (min-width: 0px) and (max-width: 479px) { a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {color: #58AD55!important;} .clearfix320:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .clearfixNo480no320:after{visibility:visible;display:block;clear:none;height:auto;} .clear320 { clear: both; } .clear480 { clear: both; } .hide480 { display: none;} .hide320 { display: none; } .show320 { display: block!important; } .res320w50 { width: 50%; } #content .res320noFl { float: none; } .res320w100 { width: 100%; } .res320mR0 { margin-right: 0px; } .res320mL5 { margin-left: 5px; } .res320pad0 { padding: 0px; } .res320w268 { width: 268px; } .res320mL0 { margin-left: 0px; } #content .res320w300p { width: 300px; } .res320centerColum { margin: 0 auto; } #subNavContent{display:none!important;} .slidew190 { width: 190px; } #content .res320w300 { width: 300px; } #content .res320w100 h3 { width: 100%; margin-left: 0px; } .textCenter h3 { text-align: center; } .box70x70{height:auto; width: auto;}  .bgGreen{background-color:#59AD55; color:#fff!important;} .CbFl{margin-left:10px;} /* HEADER */ .subsite #header{margin-bottom:0px;} .subnav-group{display:none;} .searchForm{float:none; margin-left:200px; cursor:pointer; margin-top:0px; padding-top:6px; width:32px; height:32px; background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png");background-repeat:no-repeat; background-position:0 8px;} .searchForm form{display:none; z-index:999999999; height: 90px; left: -210px; position: absolute; top: 58px; width: 320px; background-color:#58AD55;} .searchForm form fieldset{margin-left:17px; margin-top:27px;} #header .searchbar{width:240px; height:25px; padding-left:5px;} #header .searchIcon{height:35px;} .subsite .subMenuIcon{display:none; margin-top:5px;} .subsite #breadcrumb{margin:6px 0 0 10px; float: left; width: 263px; display:none; } /* * Head Visual Container */ .headVisualContainer, .headVisualContainerFull { width: 320px; max-height:105px;} .headVisual img{width:320px; height:auto;} .headVisualSlider li{height:auto;} .headVisualContainerFull .headVisualSlider{height:auto;} .subsite.searchpage .contentWidth { width: 320px; } .pageWidth, #wrapper{ width:768px; } /* Introductory Message Landing Page */ .welcome { display: block; font-size: 1.3em; line-height: 1.2em; margin-bottom: 20px; text-transform: uppercase; } /* MAIN NAV */ .mainNavWrapper{float:right;margin-top:6px; cursor:pointer; margin-right:15px; width:32px; height:32px;background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png");background-repeat:no-repeat; background-position:0 -37px;} #mainnav{display:none;} #mainnav li {border:none; background-color:#fff; padding-bottom:0px; display:block; margin:0px; border-bottom:1px solid #e3e3e3; clear:both; line-height:2.7em; position:relative;} #mainnav li:hover{border:none; border-bottom:1px solid #e3e3e3; border-radius:0px; padding:0px;} #mainnav li a{font-size:20px; color:#fff; padding-left:5px; display:block;} #mainnav li a:link, #mainnav li a:visited{color:#000;} #mainnav ul li a:link, #mainnav ul li a:visited {color: #000;} #mainnav li a.active{color:#fff;} .searchTxt {display:block; bottom:-20px; left:-4px;} .mainNavTxt {display:block; bottom:-20px; left:0px;} #mainnav li .navItem a{ font-size:14px;} #mainnav { background-color: #58ad55; left: -273px; position: absolute; top: 46px; width: 320px; z-index:99999; } #mainnav img{display:none;} #mainnav li a.active{background-color:#57AD56;} #mainnav{top:55px;} #mainnav .firstLevel{padding:0px; height:auto;} #mainnav .firstLevel.active{height:auto; border-bottom:1px solid #e3e3e3;} #mainnav li.firstItem:hover{box-shadow:none; border-radius:0px; border:0px; border-bottom:1px solid #e3e3e3;} #mainnav .firstLevel.active:hover{height:auto;} #mainnav li .menuContainer{padding-top:0px; padding-bottom:0px; background-color:#e3e3e3;} #mainnav .menuContainer .navItem a:hover{color:#fff;} #mainnav .menuContainer .navItem a{color:#626262} #mainnav .menuContainer .navItem a.active{color:#fff;} #mainnav .menuContainer{border:0px;} #mainnav .menuContainer a{border-bottom:0px;} #mainnav .menuContainer ul{margin-top:0px;} #mainnav ul li:hover{border:0px;} #mainnav .navItem {min-height:0px; border-bottom:1px solid #C3C3C3; padding-left:0px!important; background-image:none!important;} #mainnav li .navItem a{padding-left:15px;} #mainnav li .navItem a.active{border-bottom:1px solid #e3e3e3;} #mainnav .navItem ul{background-color:#fff; width:320px; } #mainnav .navItem ul li{border-bottom:1px solid #e3e3e3; background-image:none; padding-left:0px;} #mainnav .navItem ul li a{padding-left:20px!important;} #mainnav .navItem ul li.active{background-image:none;} #mainnav li:hover a.active{color:#fff!important;} #mainnav li.firstItem:last-of-type{border-bottom:3px solid #e3e3e3;} #mainnav .menuColumn{width:100%} #mainnav .navItem{margin:0px;} #mainnav .navItem a {font-family:arial;text-transform:none;} #mainnav .navItem a:hover{background-color:#58AD55} #mainnav .top_arrow{display:none;} #mainnav li .menuContainer{top:0; position:relative; width:100%; left:0px;} #mainnav li .menuContainer .menuPositioner ul{background:none; width:100%; } #mainnav li .menuContainer .menuPositioner{background:none; padding:0px;} #mainnav .menuContainer ul li:hover {background-color: #58AD55;} #mainnav .menuContainer ul li:hover a{color:#fff;} #mainnav li:hover .menuContainer {display: none;} #mainnav ul li{color:#000; line-height:1.6em;} #mainnav ul li a{margin-left:0px;} #mainnav .open{display:block;} #mainnav .closed{display:none;} #mainnav .mainNavIconOC {display:block; background-image:url("/media/layout/facelift/css_1/images_1/mainnavminus.png"); background-position: 15px 6px; background-repeat: no-repeat; height: 35px; position: absolute; right: 0; top: 0; width: 50px; } #mainnav .plus{background-image:url("/media/layout/facelift/css_1/images_1/mainnavplus.png");} #mainnav .shadow{box-shadow:none;} #mainnav li .mobileNav{display:none;} #subNavContent #searchfooter .searchbar {width:275px;} /* /HEADER */ /** *Head Visual */ .headVisualText {top:5px; width:170px; padding-left:10px; padding-right:10px;} .headVisualText p{display:none;} .pageWidth, #wrapper{ width:320px; } /* CONTENT */ .infomaterial .greyBox a{font-size:1.2em;} .subsite #subNavContent{position:absolute;z-index:50000;display:none; height:auto; width:350px; border-right:none; border-bottom:2px solid #58AD55; width:100%; top:0; left:-5px;} .subsite #inner-content { margin-right:0; width: 320px;} .subsite .contentWidth { width: 320px; } .subsite .contentWrapper {margin: 10px;} .contentLeft{width:100%;} .contentRight{width:100%; border-top:1px dotted black; border-left:0px; margin-top:20px;} .teaserbox p, .teaserbox ul{display:none;} .teaserboxfull .detailsfull p, .teaserboxfull .detailsfull ul { display: block; } .subsite .teaserbox p{display:block;} .landingpage .teaserboxfloat .details { width: 155px; } .landingpage .teaserboxfloat .details { width: 190px; } .even320 {background: #fff;} .odd320 {background: #f3f3f3;} .picboxWrapper{margin-left:0px; border:none; text-align:left;} .picboxWrapper > a {float: right;} .picboxWrapper > div {float: left;} .picboxWrapper > p {display:none;} .picbox img {width: 110px;} .picbox.picBoxOverlay img {width: 200px;} .picbox.picBoxOverlay {width: 200px;} .picbox.picBoxOverlay.res320 {margin-top: 13px;} .picBoxOverlay .contentRightText.res320 {width: 99%;} .mt.res1024 {margin-top: 0px;} .picboxWrapper .textCenter{float:none;} .picboxWrapper h3{margin-left: 10px;width: 160px;} .teaserbox p a.CbFl{clear:both; float:none; margin-left:0px;} .teaserbox .content_list li{width:275px;} .teaserbox .imageContainer .box110x110 { width: 75px; height: 75px; } .teaserboxfloat .details { float: left; width: 210px; margin-bottom: 10px; } .teaserbox .details { margin-left: 0px; } /* /CONTENT */ .productbox.videobox, .productbox.infomaterial { width: 100%; margin: 0 0 10px 0;} .productbox.infomaterial .title{height:auto;margin-bottom:5px;} .productbox.infomaterial .greyBox{height:auto;margin-top:20px;} .productbox:hover .tooltip{display:none;} .productlist td.buttonlink{width:90px;} .productbox.videobox .imageCell, li div.productbox .imageCell, li div.infomaterial .imageCell { width: 300px; } .fancybox.zoomPictureBox { right: 94px; } .productgroupdetail .fr { float: none; } .productgroupdetail .contextImageBox, .productgroupdetail .imageCell { text-align: center; width: 267px; } .productgroupdetail .imageContainer { margin-top: 10px; margin-left: 0px; } div.button a{ padding-right:5px; } .productlist td{ padding:2px; } .productlistItem .productlistContent { margin-left: 5px; width: 215px; } .productlistItem .buttonlink > span { height: 40px; display: block; } .productlistItem .buttonlink { float:none; clear:both; width: 289px; } .productlistItem .buttonlink .button { display: block; font-size: 1em;} .productgroupdetail .button { display: block; margin-right: 10px; width: 282px; } .productgroupdetail .button, .productlistItem .buttonlink .button { font-size: 1em;} .productgroupdetail .button .button a { font-weight: normal; } /* *Aktionlist Footer */ .aktionlistItem, .subsite .aktionlistItem { width: 40px; } .aktionlistItem.merkliste{display:none;} #inner-content .searchbar {width:228px;} .aktionlistItem {width: 40px!important; margin: 10px 15px 0 0;} .actionListTop fieldset{margin:0px;} .actionIconList fieldset{margin:0px;} .subsite #searchfooter .searchbar{width:248px;} /* FOOTER */ #footerContent ul{float:left; width:50%;} #footerContent{background-color: #d7d7d7; padding:10px 10px 20px 10px;} #actionList .linkList{display:none;} /* /FOOTER */ .teaserbox { width: 100%; } .contentRight{padding-top:40px;} /** * NoScript Navi */ .noScriptNavi #mainnav{position:relative; top:0; left:0;display:block!important;} .noScriptNavi #mainnav li .menuContainer{display:block;} .noScriptNavi #mainnav .mainNavIconOC{display:none;} li.firstItem:hover .overlay { display: none; } #subNavContent { display: none !important; } .headVisual .headVisualCarousel { max-height: 400px; } .headVisual .headVisualCarousel .ui-tabs-nav{ display:none; } .headVisual .headVisualCarousel .contentbox { left: 0px; } .headVisual .headVisualContainerFull.headVisualCarousel .contentbox .description{ width:320px; } /** * Forms */ .form textarea{width:260px;} .responsiveContForm{width:280px; padding: 10px; } .responsiveContForm input, .responsiveContForm select { width:100%!important; } /*Tagcloud*/ .tagcloud {width:280px!important; margin-left:0px; float:left; margin-top:10px; margin-bottom:10px;} /*Subcontent*/ .sliderv1 {width:300px;} .sliderv1 li{width:300px;} .slideshow .slideshowimage {width:300px;} /*landingoage kleine box */ .landingpage .landingpageStyle.teaserboxfloat .details {width: 185px;} .landingpageStyle.w50{width:auto!important;} .landingpage .teaserboxfloat{width:auto!important;} .landingpageStyle.even320 {margin-left: 0px;} /*SocialList rechte Spalte*/ .socialMediaIconList { float: left; width: 260px; } .socialMediaIconList p {text-align:left;} /*Landingpage Jobsearch*/ #content .searchbar.jobSearchBar{width:229px;} /*Landingpage Slideshow*/ .contentSliderWrapper h3{text-align:center;} .contentSliderWrapper .linkExtern{text-align:center; display:block;} .contentSliderWrapper .bx-wrapper{width:200px!important; margin:auto!important;} .contentSliderWrapper .bx-wrapper .bx-prev {left: -20px!important;} .contentSliderWrapper .bx-wrapper .bx-next {right: -15px!important;} /*Landingpage Linklist*/ .contentRight .linkListCont {float:left; width:264px; margin-left:0px;} .alternativeProductGroup img{max-width:110px; max-height:110px;} .moreVideosBox .rightContent{width:64%;} .moreVideosBox .videoElement{float:none;width:97%;} .moreVideosBox .layerTop, .moreVideosBox .layerBot{width:93%;} /*Cookie*/ .cookieinfo .maintext p { padding: 0.3em 1.0em; line-height: 16px; } .cookieinfo .maintext {margin-left:0;} /*slideshow content*/ .post.contentSliderWrapper {width: auto;} #AfxMessageBox{ width: 100%; left: 0; } /*New Landingpage*/ .landingpage .home-teaser-one-noborder h2, .landingpage .home-teaser-one-noborder a h2, .landingpage .home-teaser-one h2, .landingpage .home-teaser-one a h2{ width: 270px; } .landingpage .home-teaser-two, .landingpage .home-teaser-three, .landingpage .res320home-teaser-one, .landingpage .home-teaser-one { width: 275px; } .landingpage .home-teaser-one {height:165px;} .landingpage .home-teaser-one.homeEvent{height:217px;} .landingpage .home-teaser-one-noborder, .landingpage .home-teaser-two-noborder, .landingpage .home-teaser-three-noborder { width: 279px; } .landingpage .two-image{height:auto;} .landingpage .two-image .respimage{display:block!important; height:auto;} .landingpage .home-teaser-one-noborder #searchfooter .searchbar { width: 232px; } } 
/** local_1024 */
@media only screen and (min-width: 1024px) { .clearfix1024:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;} .show1024 { display: block; } .headVisualContainer .headVisualImage { height: 230px; } .hide1024{display:none;} .subsite .hide1024onSubsite{display:none;} #mainnav{display:block!important;} #mainnav li:hover .menuContainer {display: block!important;} #mainnav li .menuContainer {display: none!important;} .subsite #subNavContent {display:block!important;} #header #search{display:block!important;} #navmobile{display:none!important;} #logo{margin-left:10px;} .res1024firstMarginalBox h3 { margin-top: 0;} #mainnav .firstItem {display:inline!important; float:left;} #mainnav li.firstItem:first-child{margin-left:-5px;} #mainnav li.firstItem{border:0px;} #mainnav li.firstItem:hover{ border:0px; -webkit-box-shadow: 0px -2px 3px 1px rgba(0, 0, 0, 0.25); /* WebKit */ -moz-box-shadow: 0px -2px 3px 1px rgba(0, 0, 0, 0.25); /* Firefox */ box-shadow: 0px -2px 3px 1px rgba(0, 0, 0, 0.25); /* Standard */ } }
/** jquery_bxslider_css */
/** * BxSlider v4.0 - Fully loaded, responsive content slider * http: * * Written by: Steven Wanderski, 2012 * http: * (while drinking Belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http: */ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 0 20px 0 !important; padding: 0; *zoom: 1; max-width:100% !important; } .bx-wrapper img { max-width: 100%; display: block; } /** THEME ===================================*/ .bx-wrapper .bx-viewport { /* -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: solid #fff 5px; left: -5px;*/ background-color:#f3f3f3; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } /* LOADER */ .bx-wrapper .bx-loading { min-height: 50px; background: url("/media/layout/facelift/css_1/images_1/bx_loader.gif") center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } /* PAGER */ .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: 10px; background: url("/media/layout/facelift/css_1/images_1/controls.png") no-repeat 0 -32px; } .bx-wrapper .bx-next { right: 10px; background: url("/media/layout/facelift/css_1/images_1/controls.png") no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url("/media/layout/facelift/css_1/images_1/controls.png") -86px -11px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url("/media/layout/facelift/css_1/images_1/controls.png") -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px; } /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; }
/** responsive_tables_css */
/* Foundation v2.1.4 http: /* Artfully masterminded by ZURB */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Shared Styles :: Page Name 1 :: Page Name 2 */ /* ----------------------------------------- Shared Styles ----------------------------------------- */ table th { font-weight: bold; } table td, table th { padding: 9px 10px; text-align: left; } /* Mobile */ @media only screen and (max-width: 767px) { table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } div.table-wrapper div.scrollable { margin-left: 35%; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } } 
/** css_nav_mobile */
/* * Layout.css */ #navmobile .mainnav li { display:inline-block; margin-right:13px; border:2px solid #fff; height: 36px; } #navmobile { height: 30px; } #navmobile .firstLevel.active{height:19px;} #navmobile .firstLevel.active:hover{height:30px;} #navmobile li:hover .menuContainer { display: block; } #navmobile li .menuContainer { display: none; position: absolute; left: -10px; width: 960px; z-index: 10000; top: 35px; padding-bottom: 20px; padding-top: 10px; } #navmobile img { width: 48px; } #navmobile .menuContainer ul { padding-left: 60px; } #navmobile .menuColumn { width: 33% } #navmobile .mainnav li li { display: block; padding:5px; } #navmobile .navItem { margin-left: 15px; margin-top: 15px; min-height: 50px; } /* * Theme.css */ #navmobile > li:last-of-type:hover, #navmobile > li:last-of-type { border-bottom: 10px solid #58AD55; } /** * Menue */ #navmobile .mainnav li a { color:#000; font-size:1.6em; text-transform:uppercase; } #navmobile .menuContainer { background-color: #FFFFFF; } #navmobile .mainnav .navItem a, #navmobile .mainnav .navItem li a { font-size: 1.3em; font-weight: bold; } #navmobile .mainnav .navItem li a { font-size: 1em; } #navmobile .firstLevel { height: 30px; padding: 8px 8px 7px; position: relative; z-index: 100001; } #navmobile li.firstItem:hover { background-color:#ffffff; border-radius:5px; border:2px solid #e3e3e3; border: 2px solid #e3e3e3; } #navmobile .menuContainer ul li {height:auto;} #navmobile li.firstItem:hover .firstLevel { background: none repeat scroll 0 0 #FFFFFF; } #navmobile .navItem ul li { padding-left: 4px; line-height:20px; } #navmobile .menuContainer a:hover, #navmobile .navItem a:hover, #navmobile .navItem ul li:hover a { color: #58AD55; } #navmobile li .menuContainer .menuPositioner ul { width: 170px; } #navmobile ul { position: relative; } #navmobile ul li { font-size: 14px; text-transform: none; float: none; margin: 0; padding: 0; border: 0; } #navmobile .menuContainer a{font-family:arial; font-size:1.1em; font-weight:normal; vertical-align:top; display:block; padding-bottom:3px; border-bottom:1px solid #c3c3c3;} #navmobile .menuContainer ul a{font-weight:0.9em; border-bottom:none; padding-bottom:0px;} #navmobile ul li a{margin-left:5px;} #navmobile li a:link, #navmobile li a:visited { color: #626262; } #navmobile .menuContainer{width:auto;} #navmobile .menuContainer ul{padding:0px; margin-top:10px;} #navmobile .menuContainer li a { font-size: 1em; text-transform:none; font-family:arial; } #navmobile li:hover .menuContainer a{color: #626262;} #navmobile ul li a {padding: 5px !important;width: auto;display:block;} #navmobile li a.active, #navmobile li:hover a:active, #navmobile li:hover .menuContainer a.active, #navmobile li:hover a{color:#58AD55;} #navmobile .menuContainer .menuColumn .navItem a.bgGreen{border-bottom:1px solid #e3e3e3!important;} #navmobile .menuContainer .menuColumn .navItem a{border-bottom:0px;} /* *480-767.css */ @media only screen and (min-width: 480px) and (max-width: 767px) { #navmobile{float:right;} #navmobile li {margin-right:23px;} #navmobile li a{font-size:1.4em;} /* MAIN NAV */ #navmobile li:hover{border:none; border-radius:0px; border-bottom:1px solid #e3e3e3;} #navmobile .menuColum {width: 90%} /*.mainNavWrapper{float:right;margin-top:6px; z-index:99999; cursor:pointer; margin-right:15px; width:32px; height:32px;background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png");background-repeat:no-repeat; background-position:0 -37px;} */ #navmobile{display:none;} #navmobile li {border:none; background-color:#fff; margin-right:23px; padding-bottom:0px; display:block; line-height:2.7em; position:relative;} #navmobile li a{font-size:20px; color:#626262; padding-left:5px; display:block;} #navmobile li a:visited{color:#626262;} #navmobile li a.active{color:#fff;background-color:#57AD56;} #navmobile {background-color: #58ad55; left:-433px; position: absolute;top: 46px; width: 480px;z-index:99999; } #navmobile li{margin:0px; border-bottom:1px solid #e3e3e3; clear:both;} #navmobile img{display:none;} #navmobile .menuColumn{width:100%} #navmobile .navItem{margin:0px;} /*#navmobile .navItem a:hover{background-color:#58AD55;}*/ #navmobile .top_arrow{display:none;} #navmobile{top:55px;} #navmobile .firstLevel{padding:0px; height:auto;} #navmobile .firstLevel.active{height:auto; border-bottom:1px solid #e3e3e3;} #navmobile li.firstItem:hover{box-shadow:none; border-radius:0px; border:0px; border-bottom:1px solid #e3e3e3;} #navmobile .firstLevel.active:hover{height:auto;} #navmobile li .menuContainer{padding-top:0px; padding-bottom:0px; background-color:#e3e3e3;} #navmobile .menuContainer{border:0px;} #navmobile .menuContainer a{border-bottom:0px;} #navmobile .menuContainer ul{margin-top:0px;} #navmobile ul li:hover{border:0px;} #navmobile .navItem {min-height:0px; border-bottom:1px solid #C3C3C3; padding-left:0px!important; background-image:none!important;} #navmobile li .navItem a{padding-left:15px;} #navmobile li .navItem a.active{border-bottom:1px solid #e3e3e3;} #navmobile .navItem ul{background-color:#fff; width:480px; } #navmobile .navItem ul li{border-bottom:0;background-image:none; padding-left:0px;} #navmobile .navItem ul li a{ padding-left:20px!important;} #navmobile .navItem ul li.active{background-image:none;} #navmobile .navItem ul li.active a{color:#fff;} #navmobile li:hover a.active{color:#fff!important;} #navmobile li .menuContainer{top:0; position:relative; left:0px; width:100%;} #navmobile li .menuContainer .menuPositioner ul{background:none; width:100%; } #navmobile li .menuContainer .menuPositioner{background:none; padding:0px;} #navmobile .menuContainer ul li:hover {background-color: #58AD55;} #navmobile .menuContainer ul li:hover a{color:#fff;} #navmobile li:hover .menuContainer {display: none;} #navmobile ul li{color:#000; line-height:1.6em;} #navmobile ul li a{margin-left:0px;} #navmobile .open{display:block;} #navmobile .closed{display:none;} #navmobile .mainNavIconOC {display:block; background-image:url("/media/layout/facelift/css_1/images_1/mainnavminus.png"); background-position: 15px 6px; background-repeat: no-repeat; height: 35px; position: absolute; right: 0; top: 0; width: 50px; } #navmobile li .navItem a{ font-size:14px; font-family:arial;text-transform:none;} #navmobile li .mobileNav{display:none;} #navmobile .plus{background-image:url("/media/layout/facelift/css_1/images_1/mainnavplus.png");} #navmobile .shadow{box-shadow:none;} #navmobile .navItem ul ul li{background-color:#e3e3e3;} #navmobile .navItem ul ul li a{padding-left:25px!important;} #navmobile .navItem ul ul ul li{background-color:#fff;} #navmobile .navItem ul ul ul li a{padding-left:30px!important;} #navmobile .navItem ul ul ul ul li{background-color:#e3e3e3;} #navmobile .navItem ul ul ul ul li a{padding-left:35px!important;} #navmobile .navItem ul ul ul ul ul li{background-color:#fff;} #navmobile .navItem ul ul ul ul ul li a{padding-left:40px!important;} } @media only screen and (min-width: 0px) and (max-width: 479px) { /* MAIN NAV */ /*.mainNavWrapper{float:right;margin-top:6px; cursor:pointer; margin-right:15px; width:32px; height:32px;background-image:url("/media/layout/facelift/css_1/images_1/global_sprite.png");background-repeat:no-repeat; background-position:0 -37px;}*/ #navmobile{display:none;} #navmobile li {border:none; background-color:#fff; padding-bottom:0px; display:block; margin:0px; border-bottom:1px solid #e3e3e3; clear:both; line-height:2.7em; position:relative;} #navmobile li:hover{border:none; border-bottom:1px solid #e3e3e3; border-radius:0px; padding:0px;} #navmobile li a{font-size:20px; color:#fff; padding-left:5px; display:block;} #navmobile li a:link, #navmobile li a:visited{color:#626262;} #navmobile ul li a:link, #navmobile ul li a:visited {color: #626262;} #navmobile li a.active{color:#fff;} #navmobile li .navItem a{ font-size:14px;} #navmobile { background-color: #58ad55; left: -273px; position: absolute; top: 46px; width: 320px; z-index:99999; } #navmobile img{display:none;} #navmobile li a.active{background-color:#57AD56;} #navmobile{top:55px;} #navmobile .firstLevel{padding:0px; height:auto;} #navmobile .firstLevel.active{height:auto; border-bottom:1px solid #e3e3e3;} #navmobile li.firstItem:hover{box-shadow:none; border-radius:0px; border:0px; border-bottom:1px solid #e3e3e3;} #navmobile .firstLevel.active:hover{height:auto;} #navmobile li .menuContainer{padding-top:0px; padding-bottom:0px; background-color:#e3e3e3;} #navmobile .menuContainer .navItem a:hover{color:#fff;} #navmobile .menuContainer .navItem a{color:#626262} #navmobile .menuContainer .navItem a.active{color:#fff;} #navmobile .menuContainer{border:0px;} #navmobile .menuContainer a{border-bottom:0px;} #navmobile .menuContainer ul{margin-top:0px;} #navmobile ul li:hover{border:0px;} #navmobile .navItem {min-height:0px; border-bottom:1px solid #C3C3C3; padding-left:0px!important; background-image:none!important;} #navmobile li .navItem a{padding-left:15px;} #navmobile li .navItem a.active{border-bottom:1px solid #e3e3e3;} #navmobile .navItem ul{background-color:#fff; width:320px; } #navmobile .navItem ul li{border-bottom:1px solid #e3e3e3; background-image:none; padding-left:0px;} #navmobile .navItem ul li a{padding-left:20px!important;} #navmobile .navItem ul li.active{background-image:none;} #navmobile li:hover a.active{color:#fff!important;} #navmobile .menuColumn{width:100%} #navmobile .navItem{margin:0px;} #navmobile .navItem a {font-family:arial;text-transform:none;} #navmobile .navItem a:hover{background-color:#58AD55} #navmobile .top_arrow{display:none;} #navmobile li .menuContainer{top:0; position:relative; width:100%; left:0px;} #navmobile li .menuContainer .menuPositioner ul{background:none; width:100%; } #navmobile li .menuContainer .menuPositioner{background:none; padding:0px;} #navmobile .menuContainer ul li:hover {background-color: #58AD55;} #navmobile .menuContainer ul li:hover a{color:#fff;} #navmobile li:hover .menuContainer {display: none;} #navmobile ul li{color:#000; line-height:1.6em;} #navmobile ul li a{margin-left:0px;} #navmobile .open{display:block;} #navmobile .closed{display:none;} #navmobile .mainNavIconOC {display:block; background-image:url("/media/layout/facelift/css_1/images_1/mainnavminus.png"); background-position: 15px 6px; background-repeat: no-repeat; height: 35px; position: absolute; right: 0; top: 0; width: 50px; } #navmobile .plus{background-image:url("/media/layout/facelift/css_1/images_1/mainnavplus.png");} #navmobile .shadow{box-shadow:none;} #navmobile li .mobileNav{display:none;} #navmobile .navItem ul ul li{background-color:#e3e3e3;} #navmobile .navItem ul ul li a{padding-left:25px!important;} #navmobile .navItem ul ul ul li{background-color:#fff;} #navmobile .navItem ul ul ul li a{padding-left:30px!important;} #navmobile .navItem ul ul ul ul li{background-color:#e3e3e3;} #navmobile .navItem ul ul ul ul li a{padding-left:35px!important;} #navmobile .navItem ul ul ul ul ul li{background-color:#fff;} #navmobile .navItem ul ul ul ul ul li a{padding-left:40px!important;} }