/*** * img-anticache * ?20130724 * * colors:; * #de291e former red * #e2191a EPLAN logo red */ /* /css/reset.css */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,output,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}body.screen ol,body.screen ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden} html,body { margin: 0; padding: 0; } /****** AS@20121211: createElement fix for div { width: 320px; } #LanguageselectorMap .Button { outline: 0; } #LanguageselectorMap .Scenes { position: relative; } #LanguageselectorMap .Scenes div { position: absolute; top: 0px; left: 0px; z-index: 1; } #LanguageselectorMap .Scenes .Scene { z-index: 2; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #LanguageselectorMap .Scenes div.Controller { z-index: 200; } #LanguageselectorCities ul, #LanguageselectorCities ul li, #LanguageselectorCities ul li a { display: block; /*margin: 0 !important; padding: 0 !important;*/ } #LanguageselectorCities ul { float: left; padding: 0px; margin: 0px; /*border-right: 1px solid #efefef;*/ } #LanguageselectorCities ul li { clear: both; width: 155px; padding-left: 5px; } #LanguageselectorCities ul li a { font-weight: bold; text-decoration: none; float: left; } #LanguageselectorCities div.Continent ul.CLang { padding-left: 20px; width: 120px; } #LanguageselectorCities div.arrowDown { display: inline; float: left; width: 20px; height: 20px; background-image: url(/img/fliparrow.png?20130724); background-repeat: none; background-position: -12px -59px; } #LanguageselectorSelect { padding-top: 10px; } #LanguageselectorSelect select { display: inline; width: 120px; } .Header .w986, .Content, .Social, .Power, .Footer { margin: 0 auto; } .Header { /* height: 173px;*/ height: 95px; /* background: url(/img/header.png?20130724) no-repeat top center;*/ margin-bottom: 15px; margin-bottom: 5px; } .Header h1, .Header h2, .Header ul, .Header li, .Header li .Header a, #Header h6 { display: block; margin: 0; padding: 0; } /* .Header h1 span, .Header ul span, #Footer h6 span, #Footer ul span { display: none; } */ .Header h1 span, .Header ul span { display: none; } .Header h1 a { float: right; background: transparent url(/img/eplan.png?20130724) no-repeat center center; width: 68px; height: 96px; margin-top: 31px; } #Footer h6 a { float: right; background: transparent url(/img/eplan_footer.20121125.png?20130724) no-repeat center center; width: 86px; height: 88px; position: absolute; right: -13px; bottom: 22px; text-decoration: none; } .Header h2 { float: left; position: relative; } .Header h2 a, .Header h2 a span { display: block; width: 300px; background: no-repeat center left; } .Header h2 a { position: absolute; background-image: url(/img/claim.20121026.black.png?20130724); /* height: 160px;*/ height: 95px; /* color: #1A1A1A; text-decoration: none; font-size: 25px; font-weight: normal; font-style: italic; line-height: 160px; */ } body .Header h2 a span { position: absolute; display: none; margin-top: 30px; height: 100px; background-color: #000; /* background-image: url(/img/claims/01.png?20130724);*/ z-index: 10; /* color: #f3372f;*/ } body .Header ul.social { float: right; height: 16px; /* height: 24px;*/ /* margin-top: 107px;*/ margin: 38px 1px 2px 0 !important; margin-right: 1px; } body .Header ul.social li, body .Header ul.social li a { width: 16px !important; height: 16px !important; /* width: 16px;*/ /* height: 16px;*/ float: left; padding-left: 0 !important; } body .Header ul.social li { margin-right: 5px !important; } body .Header ul.social li { background: transparent url(/img/social/social.png?20140214) no-repeat top left !important; } body .Header ul.social li.facebook { background-position: 0px 0px !important; } body .Header ul.social li.twitter { background-position: -21px 0px !important; } body .Header ul.social li.gplus { background-position: -42px 0px !important; } body .Header ul.social li.rss { background-position: -63px 0px !important; } body .Header ul.social li.linkedin { background-position: -84px 0px !important; } body .Header ul.social li.xing { background-position: -105px 0px !important; } body .Header ul.social li.youtube { background-position: -126px 0px !important; } body .Header ul.social li.wordpress { background-position: -147px 0px !important; } body .Header ul.social li.viadeo { background-position: -168px 0px !important; } body .Header ul.social li.slideshare { background-position: -189px 0px !important; } body .Header ul.social li.pinterest { background-position: -210px 0px !important; } body .Header ul.social li.issuu { background-position: -231px 0px !important; } body .Header ul.social li.blogger, body .Header ul.social li.bloggeruk { background-position: -252px 0px !important; } body .Header ul.social li.instagram { background-position: -273px 0px !important; } /*.Header ul.social li.youtube*/ /*.Header ul.social li { margin-right: 4px; }*/ .claim { display: none; position: absolute; width: 450px; height: 32px; background-position: center left; background-repeat: no-repeat; } #claim-2, #claim-4 { top: 22px; left: 180px; } #claim-1, #claim-3 { top: 50px; left: 250px; } .h { display: none; } .l { float: left; } .r { float: right; } .cf { clear: both; display: block } .divider hr, .hr hr { display: none; } .hr { clear: both; height: 25px; width: 100%; background-image: url(/img/hr.png?20130724); } #Content .hr, #ContentInner .hr { background-image: none; height: 1px; margin: 12px 0; border-top: 1px solid #e9e9e9; } .divider { clear: both; border-top: 1px solid #d4d4d4; margin: 1em 0; } .oh { overflow: hidden; } .r4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/css/PIE.htc?20130724); } .r4t { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; behavior: url(/css/PIE.htc?20130724); } .r6 { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(/css/PIE.htc?20130724); } .r10 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/css/PIE.htc?20130724); } .bordered { border-color: #b9b9b9; border-width: 1px; border-style: solid; } .gradient, .NavSub > li { background-image: url(/img/gradient.black.png?20130724); background-repeat: repeat-x; background-position: top left; } div.div_greybox { background-color: #f5f5f5; padding: 10px; margin: 8px 0; } #Content .div_greybox ul, #ContentInner .div_greybox ul { margin: 0; } .small { font-size: 0.8em; } /*** NAV > MAIN ***/ #Nav { border: 1px solid #b9b9b9; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(/css/PIE.htc?20130724); position: relative; } #Nav li:first-child, body.experience.home #Nav li:first-child, body.experience.home #Nav ul { -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; behavior: url(/css/PIE.htc?20130724); } body.experience #Nav li:first-child, body.experience #Nav ul { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; behavior: url(/css/PIE.htc?20130724); } #Nav, .NavSub { margin-bottom: 10px; } #Nav ul, #Nav ul li, .NavSub, .NavSub li, #Nav > ul > li > span.down { display: block; list-style: none; margin: 0; padding: 0; } #Nav > ul { background-image: url(/img/gradient.black.png?20130724); background-repeat: repeat; background-position: top left; float: left; } #Nav > ul > li, #Nav > ul > li > a, #Nav > ul > li > span.down { float: left; cursor: pointer; } #Nav > ul { height: 30px; -webkit-border-radius: 6px 0 0 0; -moz-border-radius: 6px 0 0 0; border-radius: 6px 0 0 0; behavior: url(/css/PIE.htc?20130724); } #Nav > ul > li > span.down { width: 15px; height: 30px; background-image: url(/img/icons/arrow-down.black.png?20130724); background-repeat: no-repeat; background-position: 100% 0px; } #Nav > ul > li:hover { background-color: #e2191a; } #Nav > ul > li:hover > a { color: #fff; } #Nav > ul > li.open { background-color: #fff; } #Nav > ul > li.open > a { color: #e2191a; } /*#Nav > ul > li.open > a:hover { color: #000; }*/ #Nav > ul > li > span.down:hover, #Nav > ul > li.open > span.down { background-position: 100% -120px; background-color: #fff; } #Nav > ul > li.act { background-position: 100% -60px; /* background-color: #e2191a;*/ background-color: #e2191a; color: #fff; } #Nav > ul > li.act > a { color: #fff; background-repeat: no-repeat; } #Nav > ul > li, #Nav > ul > li > span { border-width: 0 1px 0 0; border-color: #b9b9b9; border-style: solid; } #Nav > ul > li > span { border-width: 0 0 0 1px; } #Nav > ul > li.hasNoChildren { padding-right: 0; /* border-right: none;*/ background: none; } #Nav > ul > li > a, .NavSub a { display: block; min-height: 18px; line-height: 18px; color: #fff; font-weight: bold; text-decoration: none; } #Nav > ul > li > a { padding: 6px 10px; } .NavSub a { padding: 6px 20px 6px 10px; } #Nav > ul > li > a, #Nav > ul > li > ul > li > a { text-transform: uppercase; } /*#Nav > ul > li > a:hover { color: #fff !important; }*/ #Nav a:hover { color: #e2191a; } /*#Nav ul li:hover > div { display: block; }*/ #Nav > ul > li > div { display: none; left: 0; top: 30px; margin: 0 -5px; padding: 0 5px 50px 5px; overflow: hidden; position: absolute; z-index: 10000; } #Nav > ul > li > div a { /* color: #000 !important;*/ } #Nav > ul > li.open > div { display: block; } #Nav div > .subWrap { width: 100%; position: relative; display: block; z-index: 200000; overflow: hidden; border-width: 10px 0 10px 0; border-style: solid; border-color: #fff; /* /img/nav/navlayer-bg.png */ background-color: #fff; /* background-color: #000;*/ /* background: #000 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAABkCAMAAAA2aMu9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFzMzM////040VdgAAAAJ0Uk5T/wDltzBKAAAAW0lEQVR42uzOAQ0AAAjAoNu/tDWcgwQ0t5WgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDgl+AKMADc2T4dtWkLeQAAAABJRU5ErkJggg==) repeat top left;*/ box-shadow: 0px 1px 6px #999; -webkit-box-shadow: 0px 1px 6px #999; -moz-box-shadow: 0px 1px 6px #999; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; behavior: url(/css/PIE.htc?20130724); } #Nav div > .subWrap > ul { width: 196px; float: left; } #Nav div > .subWrap > ul > li { /* border-left: 1px solid #ddd;*/ margin-left: -1px; /* height: 175px;*/ overflow: hidden; } #Nav div > .subWrap > ul ul { display: none; } #Nav #nav-81 div > .subWrap > ul > li, #Nav #nav-82 div > .subWrap > ul > li { height: auto; } #nav-93 > ul { display: none; } #Nav ul ul a { display: block; padding: 5px 5px 5px 20px; text-decoration: none; color: #000; } #Nav div > .subWrap > ul > li > a { background: url(/img/nav/arrow-right.black.png?20130724) no-repeat 10px -500px ; font-weight: bold; } /*** NAV > BREADCRUMB ***/ .Breadcrumb { border-top: 1px solid #e3e3e3; padding: 0 10px; height: 22px; line-height: 22px; font-size: 11px; } .Breadcrumb a { /* text-decoration: none;*/ color: #fff; } .Breadcrumb a:hover { color: #e2191a; } /*** NAV > SUB ***/ .NavSub { border: 1px solid #bcbcbc; padding: 0 1px; } .NavSub > li > a { overflow: hidden; } .NavSub a { display: block; background-image: url(/img/nav/arrow-right.black.png?20130724); background-repeat: no-repeat; background-position: 195px 0; } .NavSub >li.act >ul >li >a { color: #000; } .NavSub a:hover { color: #e2191a; background-position: 195px -500px; } .NavSub > li.act > a { background: #e2191a; /* color: #000;*/ } .NavSub > li.act > a:hover { color: #fff !important; } #Nav > .cf { border-top: 1px solid #b8b8b8; } .NavSub li { margin: 1px 0; } .NavSub ul { padding: 0; } .NavSub ul a { background-color: #f9f9f9; background-position: 10px 0px; padding: 8px 0 8px 20px; margin: 2px 0; line-height: 14px; font-size: 0.9em; height: auto; } .NavSub li.act ul { background-color: #fff; } .NavSub li.act ul a { background-image: url(/img/nav/arrow-right.png?20130724); color: #000; } .NavSub ul a:hover, .NavSub ul li.act > a { background-position: 10px -500px; } .NavSub ul ul { padding: 5px 0; } .NavSub ul ul a { background-color: transparent; background-position: 20px -4px; padding: 4px 0 4px 30px; height: auto; font-weight: normal; line-height: normal; } .NavSub ul ul a:hover, .NavSub ul ul li.act > a { background-color: transparent; background-position: 20px -504px; } .NavSub ul li.act > a { color: #e2191a !important; background-color: #f9f9f9; } .NavSub ul ul ul { padding: 0 0 5px 0; } .NavSub ul ul ul a { background-color: transparent; background-position: 30px -4px; padding: 4px 0 4px 40px; height: auto; font-weight: normal; line-height: normal; } .NavSub ul ul ul a:hover, .NavSub ul ul ul li.act > a { background-color: transparent; background-position: 30px -504px; } .NavSub ul ul li.act > a { /* color: #e2191a;*/ /* background-color: #f9f9f9;*/ } /*** Suche ***/ .Shopbox { padding: 5px 4px 0 0; } .Searchbox { padding: 4px 4px 0 0; } #Nav .Shopbox, #Nav .Searchbox { float: right; } #Nav .Searchbox { width: 125px; } #Content .Searchbox { width: 300px; margin-bottom: 40px; } .Content .Searchbox { -webkit-border-radius: 6px !important; -moz-border-radius: 6px !important; border-radius: 6px !important; } #Content .Searchbox label { display: none; } .Content .Searchbox button { text-indent: -30000em; /* -webkit-border-radius: 0 !important; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius: 0 !important; -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; border-radius: 0 !important; border-top-right-radius: 6px; border-bottom-right-radius: 6px;*/ } .Searchbox input, .Searchbox button { float: left; height: 22px; line-height: 22px; margin: 0; padding: 0; border: none; outline: 0; background-image: url(/img/search.png?20130724); background-color: #000; background-repeat: no-repeat; } .Searchbox input { width: 74%; background-position: top left; text-indent: 4px; -webkit-border-top-left-radius: 6px !important; -moz-border-radius-topleft: 6px !important; border-top-left-radius: 6px !important; -webkit-border-bottom-left-radius: 6px !important; -moz-border-radius-bottomleft: 6px !important; border-bottom-left-radius: 6px !important; -webkit-border-top-right-radius: 0 !important; -moz-border-radius-topright: 0 !important; border-top-right-radius: 0 !important; -webkit-border-bottom-right-radius: 0 !important; -moz-border-radius-bottomright: 0 !important; border-bottom-right-radius: 0 !important; } .Searchbox button { width: 24%; background-position: top right; cursor: pointer; -webkit-border-top-left-radius: 0 !important; -moz-border-radius-topleft: 0 !important; border-top-left-radius: 0 !important; -webkit-border-bottom-left-radius: 0 !important; -moz-border-radius-bottomleft: 0 !important; border-bottom-left-radius: 0 !important; -webkit-border-top-right-radius: 6px !important; -moz-border-radius-topright: 6px !important; border-top-right-radius: 6px !important; -webkit-border-bottom-right-radius: 6px !important; -moz-border-radius-bottomright: 6px !important; border-bottom-right-radius: 6px !important; } .Searchbox button span { display: none; } .Searchbox button:hover { background-position: 100% -50px; } .Shopbox a { background-color: #e2191a; color: #fff; /* background-image: url(/img/icons/basket.png?20130724);*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAMAAAB4W0xQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAALElEQVR42mJgRAIMDAwoPEYGFB5IHg5AQowogIERWRK3LCNWWagFWLkAAQYAJPcAcf+HUVgAAAAASUVORK5CYII=); background-position: 7px 4px !important; padding-left: 22px !important; } .Shopbox a:hover { color: #000 !important; } /****** Special template: Home ******/ body.home #Nav { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; border-bottom: none; margin-bottom: 0; } body.home .Breadcrumb { display: none; } body.home .Scenes { position: relative; width: 662px; height: 258px; float: left; overflow: hidden; } body.home .Scenes ul, body.home .Scenes ul li { margin: 0; padding: 0; } body.home .Scenes ul { width: 20000em; } body.home .Scenes ul li, body.home .Scenes ul li a { display: block; width: 662px; height: 258px; float: left; position: relative; text-decoration: none; } body.home .Scenes ul li a span { position: absolute; display: inline-block; background-color: rgba(255,255,255,0.85); color: #000; float: left; font-size: 18px; font-weight: bold; top: 48px; right: 58px; padding: 8px 12px; max-width: 500px; text-align: right; } .ie body.home .Scenes ul li a span { background-color: transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#d9ffffff,endColorstr=#d9ffffff); zoom: 1; } body.home .Scenes .ctrl { position: absolute; left: 50%; top: 87%; z-index: 10; } body.home .Scenes .ctrl .inner { margin-left: -50%; } body.home .Scenes .ctrl a { position: relative; display: block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: 0px 0px; /* background-image: url(/img/scene.ctrl.png?20130724);*/ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAABCCAYAAABetVadAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAypJREFUeNrsl19IU3EUx8/u5nRztlGbBcvlRAsd2grDLAiSQsMI6cWnqB4iFkQPIgUFEuhDBj2Jg4jyIXqN/kAbgv2zgh6yMl/KubKtNgeb++PaxnbXOdefofNqu/V6D/zu77ff3ffz+3POgXsU+XweCs3tdquxa8NmYVPv29vb34KIKQoBKB5UKBS9er0e1Gq1MJdMJiGRSHhx6ETQdVEACo9h56isrOywWCygVCpXgNPpNMzMzEAsFnPizwEE+WlexcStHMc9qKurA4PBILZTKC0thfr6evD7/Q6fz0dT5+jBsfcOq9W6pni5mc1mMJlMDly0XziCy+Vq1el0r202GxRr2WwWJiYmgOd5Le3ghNFoBCmmUqmWdttJgEatVgtSjWkaCaArvPFijGn0BAhkMhnJAKaZJcAo+lYyIBqNUjdKgJFQKCTcbLFGC2J0PsdgmuTwEUbxgNfrLdqF7L/OwlAeRtcIAbWUA4WG+QAejwdSqRSF8pVVyYSQy3i7/RRt5GeNRgP0Ph6PQyQSgWAwSL9Po3hkvWyspdDG1oGtAVsO2zi2+ywbM+ums1Tj4D9NBsgAGSADZIAMkAEyYNVnb2KvfdXkq6vX9KxiMbGpsf19F6dFK5Z4y87lwi3YXVKmUhcM3mkoWVgQ5udraiG1cROVPE4EjYgCUOxQ5HLDVS/GYOvLp4DjlZ945ir4fLwbfhlNNxDSswKA4lPqWPSO7e5t0AYDa56XLykBT2cXzO1qHkLI+aWCQ6ng+WzTrWHQ+b//9dLyHAdTJ89AtLrmLEJuCgWH6cO7osTCijwP1iePgH1LCm7sNn76KMl15YEfdFQ7Hl0oOFo3+L5J9n/54l0tVizcPxQcykwaBC1VHWm9QTIgU1FBXYAArvna7ZLEeayXYpZqGo4TwPmzZZ/gnmItuHsPZDVaisowh4/JpGnz0OzBw0WJMaTh66EjfyoWFZvv8x1oU2a15Y5q92O8IPFLDe9oAM/RLsiVlfXQwmLJNFgWCfeax5+BwfMFcAw5LH/iVdtgzt4MoSb7Q5ZQLtFsZBA7izI6k5XyCNsbqu5QeK9wV78FGABEgUaAvRayyQAAAABJRU5ErkJggg==); float: left; margin: 0 3px; } body.home .Scenes .ctrl a.act { background-position: 0px -50px; } body.experience .Scenes, body.experience .Scenes ul li, body.experience .Scenes ul li a { width: 984px !important; height: 388px !important; } body.experience .Scenes ul li a span { display: none !important; } body.home .Accordeon { width: 320px; height: 258px; float: right; background-color: #000; } body.home .Accordeon a { /* color: #e2191a;*/ } body.home .HeaderSegments, body.home .SegmentRow { border: 1px solid #b8b8b8; background: repeat-y top center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(/css/PIE.htc?20130724); } /*body.home .SegmentRow-2 { background-image: url(/img/segment-2-bg.gif?20130724); }*/ body.home .SegmentRow-2 { background-image: url(data:image/gif;base64,R0lGODlh2AMBAIABALi4uAAAACH5BAEAAAEALAAAAADYAwEAAAIfjI+py+0Po5y02ouz3rz7D4aiB4zmiabqyrbuC8dPAQA7); } /*body.home .SegmentRow-4 { background-image: url(/img/segment-4-bg.gif?20130724); }*/ body.home .SegmentRow-4 { background-image: url(data:image/gif;base64,R0lGODlh2AMBAIABALi4uP///yH5BAEAAAEALAAAAADYAwEAAAIijI+py+0Po5y02ouzBLr7D4biSD5ciabqyrbK6cbyTNdBAQA7); } body.home .Segments { width: 984px; } body.home .Segments .Segment:first-child { -webkit-border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; border-radius: 6px 0 0 6px; } body.home .Segments .Segment:last-child { -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } body.home .Segments .SegmentLarge { padding-bottom: 20px; } body.home .Segments .Segment { position: relative; } body.home .Segments .Segment .csc-textpic-imagewrap { margin-top: 0px; } body.home .Segments .Segment a.button, body.home .Segments .Segment a.button-youtube { position: absolute; bottom: 20px; left: 20px; } body.home .HeaderSegments { width: 984px; background-color: #cdcdcd; overflow: hidden; border-top: 0px; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; } body.home .HeaderSegments .Scenes ul li a span { text-shadow: 0 0 10px #fff; } body.home .Right { width: 321px; float: right; background-color: #eaeaea; } body.home .Segment { float: left; /* border-left: 1px solid #b8b8b8;*/ /* margin-left: -1px;*/ width: 246px; min-height: 210px; } /*body.home .Segment-4 { background: url(/img/autodesk-bg.jpg?20130724) no-repeat center center; }*/ body.home .Segment:first-child { border-left: none; margin-left: 0; } body.home .Segment:last-child { margin-right: -2px; } body.home .SegmentLarge { width: 492px; min-height: 240px; } body.home .SegmentLarge .textContent { /* max-height: 13em;*/ /* overflow: hidden;*/ } .pad { padding: 16px 22px; } body.home .Seperator { clear: both; height: 5px; margin: 0 5px 0 5px; background-color: #e2191a; } body.home .SegmentRow h3 { font-size: 18px; margin-bottom: 0.4em; } body.home ul.csc-menu, body.home ul.csc-menu li, body.experience .highlight ul, body.experience .highlight ul li { list-style: none; padding: 0; margin: 0; } body.home ul.csc-menu li a, body.experience .highlight ul li a { display: block; /* color: #e2191a;*/ /* font-weight: bold;*/ /* text-decoration: none;*/ /* font-size: 13px;*/ line-height: 160%; } body.home ul.csc-menu li a:hover, body.experience .highlight ul li a { color: #e2191a !important; cursor: pointer; } body.experience .highlight { position: relative; } body.experience .highlight a.button, body.experience .highlight a.button-youtube { position: absolute; left: 8px; bottom: 10px; } body.home ul.Quicklinks { margin-top: 14px !important; } body.home ul.Quicklinks li { margin: 0; } body.home ul.Quicklinks li a { color: #fff; } body.home .Segment .csc-textpic-single-image { line-height: normal !important; margin: 0 !important; } body.home .Segment .csc-textpic-text .bodytext{ margin:0; } .ui-accordion-header { display: block; height: 30px; line-height: 30px; background-image: url(/img/gradient.black.png?20130724); background-repeat: repeat; background-position: top left; border-top: 1px solid #cecece; outline: 0; cursor: pointer; } .ui-accordion-header:first-child { border-top: none; } .ui-accordion-header.ui-state-active { border-bottom: 1px solid #cecece; cursor: default; } .ui-accordion-header span { display: block; float: left; width: 30px; height: 30px; background-image: url(/img/fliparrow.png?20130724); background-repeat: repeat; background-position: 0 -3px; } .ui-accordion-header.ui-state-active span { background-position: 0 -53px; } .ui-accordion-content { padding: 0 5px 0 15px; } /*** Content Styles ***/ .Content h1 { display: block; background-color: #f7f7f7; padding: 16px 0 12px 20px; margin: 0 0 20px 0; font-size: 18px; border-bottom: 4px solid #e2191a; box-shadow: 0px 1px 6px #999; -webkit-box-shadow: 0px 1px 6px #999; -moz-box-shadow: 0px 1px 6px #999; } body.print .Content, body.print .Content h1 { border: none; background-color: none !important; box-shadow: none; } .Content #Content h1 { background-color: transparent; padding-left: 0; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; } /*.Content h1 { display: block; padding: 16px 0 12px 20px; margin: 0 0 20px 0; font-size: 18px; border-bottom: 4px solid #e2191a; box-shadow: 0px 1px 6px #999; -webkit-box-shadow: 0px 1px 6px #999; -moz-box-shadow: 0px 1px 6px #999; } .Content #Content h1 { background-color: transparent; padding-left: 0; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; }*/ body #Content .textContent > ul ul, body #Context .textContent > ul ul, body #ContentInner .textContent > ul ul { margin: 0; } #Content .textContent > ol, #ContentInner .textContent > ol { font-family: Georgia; counter-reset: li; padding-left: 1em; } #Content .textContent > ol > li, #ContentInner .textContent > ol > li { font-family: Arial; margin-bottom: 2em; position: relative; list-style: none; z-index: 0; } #Content .textContent > ol > li:before, #ContentInner .textContent > ol > li:before { content: counter(li); /* Use the counter as content */ counter-increment: li; /* Increment the counter by 1 */ /* Position and style the number */ position: absolute; top: -0.2em; left: -1em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 2em; /* Some space between the number and the content in browsers that support generated content but not positioning it (Camino 2 is one example) */ margin-right: 8px; padding: 4px; color: #eae9e9 !important; font-family: "Helvetica Neue", Arial, sans-serif; font-size: 34pt; text-align: center; z-index: -1; } .lte8 #Content .textContent > ol > li:after, .lte8 #ContentInner .textContent > ol > li:after { left: -1.9em; font-size: 20pt; text-align: right; } #ContentFrame { position: relative; z-index: 0; } #Content ul, #Content ul li, #Context ul, #Context ul li, #ContentInner ul, #ContentInner ul li { list-style: none; padding: 0; margin: 0.25em 0; } #Content ul, #Context ul, #ContentInner ul { margin: 1em 0 2em 0; } body.print #Content ul, body.print #Context ul, body.print #ContentInner ul { margin: 1em 0 2em 0; padding-left: 20px; } .div_greybox h2, .div_greybox h3, #Content ul li, #Context ul li, #ContentInner ul li, ul.Quicklinks li, body.home ul.Quicklinks li, ul#Content ul li, ul#Context ul li, ul#ContentInner ul li, .csc-menu dt, body.home .folderEvents p, body.home .Segments ul.csc-menu li, body.experience .highlight ul li { /* background-image: url(/img/7x7.gif?20130724);*/ background-image: url(data:image/gif;base64,R0lGODlhBwAHAIAAAP8AAAAAACH5BAAAAAAALAAAAAAHAAcAAAIGhI+py40FADs=); background-position: 0px 5px; background-repeat: no-repeat; padding-left: 1.25em; } #Content ul.linklist li, #Context ul.linklist li, #ContentInner ul.linklist li, ul.Quicklinks li, ul#Content ul.linklist li, ul#Context ul.linklist li, ul#ContentInner ul.linklist li, body.experience .highlight ul.linklist li, body.experience.home .news_list ul li, #Context .news-latest-item, body ul.csc-menu-def li, body ul.csc-menu-1 li, body dl.csc-menu-4 dt, body ul.csc-menu-7 li { background-image: url(/img/nav/arrow-right.png?20130724) !important; background-repeat: no-repeat !important; background-position: 0 -506px !important; } #Context .news-latest-item { padding-left: 10px !important; background-position: 0 -499px !important; } body.home ul.Quicklinks li { padding-left: 1.25em !important; } .div_greybox h2 { padding-left: 1em; background-position: 0px 8px; } .csc-menu dd { padding-left: 1.25em; margin-bottom: 1em; } /*** Context/Sidebox Styles ***/ #Context { padding-top: 12px; } body.popup #Context { padding-top: 0; } #Context .csc-default .csc-header { float: left; height: 20px; line-height: 20px; padding: 0 13px; margin: 0; color: #000; font-size: inherit; background-color: #e2191a; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; behavior: url(/css/PIE.htc?20130724); } #Context .csc-default .csc-header * { font-size: inherit; } #Context .csc-default .textContent { padding: 0 13px; margin: 0 0 20px 0; border-width: 1px 0 1px 1px; border-style: solid; border-color: #e6e6e6; clear: both; } body.popup #Context .csc-default .textContent { border-width: 1px; } #Context .textContent .csc-menu { padding-left: 0; } #Context .csc-textpic-imagewrap { margin-top: 0px; } /* https://projects.hochsaison.com/?path_info=projects/wwweplande/tasks/492 */ /* AS@20141205 */ #Context .csc-textpic-imagewrap img { margin: 10px 0; max-width: 187px; } #Context .csc-default .csc-textpic p img { margin: 0; } #Context .csc-textpic-imagewrap img{ margin-top: 0 !important; } #Context .textContent .csc-textpic-imagewrap img{ margin-top: 10px !important; } /*#Context .csc-default .csc-textpic img{ margin-top: 0px; }*/ .csc-textpic-caption { font-size: 0.9em; color: #666; font-style: italic; display: block !important; } figcaption, #fancybox-title-inside { font-size: 0.9em; color: #666 !important; text-align: left !important; margin-left:2px; } .ui-tooltip .ui-tooltip-content strong { display: block; } /* #Context > h3, #Context > h3 > span { display: block; height: 19px; margin: 0; padding: 0; background-image: url(/img/tag.png?20130724); background-repeat: no-repeat; } #Context > h3 { float: left; line-height: 20px; padding-left: 13px; background-position: top left; color: #000; font-size: inherit; } #Context > h3 > span { float: right; width: 13px; background-position: top right; */ div.frame-greybox { padding: 0 12px; border: 1px solid #e6e6e6; background-color: #f1f1f1; } body.screen #Content div.frame-greybox ul, #ContentInner div.frame-greybox ul { margin: 1em 0 !important; } div.csc-textpic div.csc-textpic-imagewrap { margin-top: 14px; } div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; } div.csc-textpic dd.csc-textpic-caption { margin-top: 8px !important; } /*** Footer ***/ .Social { padding-top: 15px; /* z-index: -1 !important;*/ position: relative !important; } .ButtonPrint, #socialshareprivacy { float: right; } #socialshareprivacy ul { margin: 0 !important; } .ButtonPrint, .LinkSocial { display: block; text-decoration: none; background-repeat: no-repeat; color: #fff; padding: 0 10px 0 28px; margin: 0 14px 0 0; line-height: normal; } .ButtonPrint:hover, .LinkSocial:hover { color: #e2191a; } .ButtonPrint { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAMAAAD+MweGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFFMjk2M0Q0NDBDMTFFMTg3ODdDNERGRDY4ODM5QTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFFMjk2M0U0NDBDMTFFMTg3ODdDNERGRDY4ODM5QTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFREYwNEVBQTQ0MEIxMUUxODc4N0M0REZENjg4MzlBMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUUyOTYzQzQ0MEMxMUUxODc4N0M0REZENjg4MzlBMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt1Lp6YAAAFxUExURc3NzdXV1ZSUlP39/SMjIyYmJtDQ0JycnJeXl5aWlqSkpfT09aysrP7+/LGxsXl5efT09P///tfX16CgoMfHx9HR0Y6OjvT08/7++qWlpaSkotXV0lFSTZ2dnZuan6Slp+np6ktLS56fmP78/5iYmNTU1P39/5mZmO/v8czMzGpqapKSkX5/eqOjpOTk5E9PT9TV0EdHRc7OznFxcYB/gpycnoGCfdbW129wcK2trW9vb6GhoScnJ3d3c4aGhaOipf7++6+vr8PDw8TExK6urp+fodPT03x8fJqamqenpqSkpNXU1pycmSgoKLa2tvX19bS0tISEhP7/+XV1dcvLy+Hh4X5+fqOjoZKSkiUlJZycncLCwtTU0mVlY5GRkbCvs2hoZ5ucl729vdTT1pubmoKCgsjIyKampomJicvLysjJyaCfo6ioqP39+9bW0cXFxf7+/f39+qKiosnJyWZmZsrKyiQkJP7+//7+/v///////3PreDEAAAB7dFJOU///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AJPDqOoAAADbSURBVHjaYqiqqsqOt5fn8pIK93RMB/IYgNhEg5tbQEBc3F/PHSoSXAkC5YKVzKlQEe3cgoqKisryispAkIgCu3qsoAMvSKS8wkrMOpTBRVjItjBIgrdcTbm8MkO0iIdB149ZpxIG7JiTAhi89Q1l8gykYxgZk80ZFUuMRRmyLBLMlBJ9UqJM5VxlmbT4oxm40iqRgbMwAx9HqZBIJkOpUQhDqZObqqQlQ1VOmQ1LZBkI+LKysrCDXMgvwshWzJDPUKrJVhoGdjOPGIcHE2ecChMTZwRfVRVAgAEA2CdGE/FCxYwAAAAASUVORK5CYII=); background-position: 4px 4px; margin-right: 0; padding-right: 0; padding-top: 4px; } .LinkSocial { background-image: url(/img/icons/switch.png?20130724); background-position: 0px -2px; } .LinkSocial:hover { background-position: 0px -52px;} .Power { /* background-color: #e2191a;*/ background-color: transparent; /* margin-top: 38px;*/ text-align: center; width:986px; margin:0 auto; } .Power > div { } .Power ul, .Power ul li { margin: 0 auto !important; padding: 0 !important; display: block; list-style: none; background: none !important; } .Power .w986 { text-align: left; margin: 0 auto; } .PowerInner { padding: 1px 0 0; width: 800px; background-image: none !important; background-color: transparent !important; background-position: top right; background-repeat: no-repeat; } .Power ul { /* width: 980px;*/ width: 1050px; height: 24px; /* padding-left: 20px;*/ /* background-image: url(/img/icons/powernav.arrow.20120921.png?20130724); background-position: top right; background-repeat: no-repeat; */ } .Power ul li { float: left; } .Power ul li a { display: block; height: 24px; line-height: 24px; /* width: 210px;*/ width: 204px; height: 24px; line-height: 24px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: center; text-decoration: none; text-transform: uppercase; color: #fff; /* background-image: url(/img/icons/powernav.arrow.20120921.png?20130724); */ background-image: none !important; background-position: top left; background-repeat: no-repeat; } .Footer { /* padding: 5px 0 25px 0;*/ padding: 0; position: relative; } #Footer .Footer h6 { display: none !important; } #Footer .Footer h6 a span { visibility: hidden; } .Header ul.siteservice { position: relative; float: right; font-size: 0.9em; margin-right: 6px !important; clear: right; } .Footer ul, .Footer ul li, .Header ul.siteservice, .Header ul.siteservice li { list-style: none; margin: 0 !important; padding: 0 !important; display: block; background: none !important; } .Footer ul li, .Header ul.siteservice li { float: left; padding: 0; } /*.Header ul.siteservice li { float: right; }*/ .Footer ul li a, .Header ul.siteservice li a { display: block; text-decoration: none; color: #fff; padding: 10px 0; line-height: normal; } .Header ul.siteservice li a span { display: block; border-left: 1px solid #fff; padding: 0 4px; } .Footer ul li a:hover, .Header ul.siteservice li a:hover { color: #e2191a; } .Footer ul li:first-child a span, .Header ul.siteservice li:first-child a span { border-left: none; } .Footer ul li:last-child a, .Header ul.siteservice li:last-child a { padding-right: 0; } #Content table td.text_center{ text-align:center; } table.tablegrey { border-collapse: collapse; margin: 1em 0; } table.tablegrey { width:100%; } table.tablegrey .row-odd { background-color: #d0d1d3; } table.tablegrey .row-even { background-color: #e3e4e6; } #Content table.tablegrey .row-odd { background-color: #d0d1d3; } #Content table.tablegrey .row-even { background-color: #e3e4e6; } table.tablegrey th{ text-align: center; border:1px solid #000 !important; background-color: #e2001a; font-weight: normal; color: #fff; } #Content table.tablegrey th{ color: #fff; } #Content table.tablegrey th { border:1px solid #fff !important; } table.tablegrey td, table.tablegrey td:first-child{ border:1px solid #000 !important; color: #000; } #Content table.tablegrey td, #Content table.tablegrey td:first-child{ border:1px solid #fff !important; } /****** CType configuration ******/ table.tablestriped { border-collapse: collapse; margin: 1em 0; } #Content table{ margin-bottom: 1em; } table.tablestriped .row-odd { background-color: #fff; } table.tablestriped .row-even { background-color: #f1f1f1; } table.tablestriped td, table.tablestriped th, table td, table th, #Content table td, #Content table th { font-size: inherit; text-align: left; padding: 7px 10px; border-left: 1px solid #e2191a; color: #000; } table td:first-child, table th:first-child { border: none !important; } table th { font-weight: bold; /*font-size: 1.2em;*/ } table.tablefullwidth { width: 100% } .text_right { text-align: right; } body.promotion table.tablestriped .row-odd { background-color: #333; } body.promotion table.tablestriped .row-even { background-color: #444; } body.promotion table th, body.promotion table td { color: #fff; } body.promotion table.tablestriped th, body.promotion table.tablestriped td { border-color: #fff; } .eplan-foldingmenu .imgheader { position: relative; padding: 8px 10px 10px 140px; margin: 8px 0; overflow: hidden; } .eplan-foldingmenu .imgheader .images { position: absolute; top: 10px; left: 10px; } .eplan-foldingmenu .imgheader .content { padding-bottom: 15px; } .eplan-foldingmenu .imgheader .content .fade { display: block; position: absolute; bottom: 0; left: 135px; width: 100%; height: 30px; background-image: url(/img/fade.png); background-position: 0 -70px; } .eplan-foldingmenu .even .imgheader .content .fade { background-position: 0 -20px; } /****** EPLAN InfoMap ******/ #eplanInfoMapListing h2 { margin: 1em 0 .25em 0 !important; } .eplan-foldingmenu h3, .eplan-foldingmenu h3 { cursor: pointer; } .eplan-foldingmenu .even { background-color: #f1f1f1; } .eplan-foldingmenu .textContent { display: none; padding-bottom: 1px; } .eplan-foldingmenu .odd > .csc-header > h3, .eplan-foldingmenu .even > .csc-header > h3, .eplan-foldingmenu-element .textContent { padding-left: 36px; padding-right: 11px; } .eplan-foldingmenu-element .textContent .textContent { padding-left: 0px; } .eplan-foldingmenu-element .textContent figure { width: 160px; margin: 2px 0 7px 7px; } .eplan-foldingmenu .odd > .csc-header > h3, .eplan-foldingmenu .even > .csc-header > h3 { display: block; /* height: 36px;*/ /* line-height: 36px;*/ line-height: normal; padding: 11px 11px 11px 36px !important; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAABWCAMAAACQNMRgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF3ike83Zw8Hh68mNn7Y6K8EhV6l1j////ZaeQVAAAAAh0Uk5T/////////wDeg71ZAAAAVElEQVR42uzVOw6AMAwE0cmH5P43RtCCYAugYVw/eS3ZkplBIfoZqgmiJYglQfAUGkFcCQbvXoFIJBKJvkedvep1p7KZdhc3Tp7wcSZwLaJX0SrAAHnLU7s65CEWAAAAAElFTkSuQmCC) no-repeat 0 0; } .eplan-foldingmenu .csc-header > h3.open, #eplanInfoMapListing .csc-header > h3.open { background-position: 0 -50px; } h3.ContinentList a { display: block; float: left; margin-right: 15px; color: #ddd; text-decoration: none; } h3.ContinentList a.open, h3.ContinentList a:hover { color: #e2191a; } #eplanInfoMap .Button { outline: 0; } #eplanInfoMap .Scenes { position: relative; } #eplanInfoMap .Scenes div { position: absolute; top: 0px; left: 0px; z-index: 1; } #eplanInfoMap .Scenes .Scene { z-index: 2; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } #eplanInfoMap .Scenes div.Controller { z-index: 200; } .infoMapContinent .ui-tooltip-content { position: relative; } .infoMapContinent h3 { margin-bottom: .5em; } .infoMapContinent ul, .infoMapContinent ul li, .infoMapContinent ul li a { display: block; margin: 0 !important; padding: 0 !important; list-style: none; } .infoMapContinent ul { float: left; } .infoMapContinent ul li { /* float: left;*/ clear: both; width: 160px; } .infoMapContinent ul li a { text-decoration: none; } .infoMapContinent a.Close { display: block; background: #e2191a url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAMAAADXEh96AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////////VXz1bAAAAAJ0Uk5T/wDltzBKAAAAHElEQVR42mJgYAQCBgZGIA0hwAwoBSEgSgACDAACIgAZh6xKgAAAAABJRU5ErkJggg==) no-repeat center center; width: 16px; height: 16px; position: absolute; top: 6px; right: 6px; cursor: pointer; } a.Mapzoom { margin: 0 0 10px 10px; } /****** Teaser-Boxes ******/ .eplan-teasermenu { clear: both; position: relative; width: 100%; margin: 20px 0; } .eplan-teasermenu ul { margin: 0 !important; padding: 0; width: 540px; } .eplan-teasermenu ul li { float: left; margin: 0 20px 20px 0 !important; padding: 0 !important; background-image: none !important; background: #333333; border: 1px solid #e5e5e5; } .eplan-teasermenu ul li a { display: block; padding: 8px; text-decoration: none; } /*.eplan-teasermenu ul li a:hover { color: #1A1A1A; }*/ .eplan-teasermenu ul li a:hover { color: #ddd; } .eplan-teasermenu ul li strong, .eplan-teasermenu ul li span { display: block; } .eplan-teasermenu ul li span.more { line-height: 30px; height: 30px; padding-left: 10px; background-image: url(/img/nav/arrow-right.png?20130724); background-repeat: no-repeat; background-position: 0 0; /* text-decoration: none;*/ } .eplan-teasermenu ul li a:hover span.more { color: #e2191a; background-position: 0 -500px; } .eplan-teasermenu .txt { float: right; } .eplan-teasermenu-1 ul { width: 100%; } .eplan-teasermenu-1 ul li { width: 100%; margin-right: 0; } .eplan-teasermenu-1 ul li a { padding-bottom: 0; } .eplan-teasermenu-1 .img { margin-bottom: 8px; } .eplan-teasermenu-1 span.txt { width: 326px; } .eplan-teasermenu-2 ul li { width: 240px; min-height: 240px; } .eplan-teasermenu-2 ul li strong { clear: both; margin-top: 1em; } .eplan-teasermenu-3 ul li { width: 155px; min-height: 150px; } .eplan-teasermenu-3 ul li span.more { margin-top: 8px; background-position: 0 -6px; line-height: inherit; height: auto; } .eplan-teasermenu-3 ul li a:hover span.more { background-position: 0 -506px } .eplan-teasermenu-4 ul li { width: 240px; /* min-height: 240px;*/ } .eplan-teasermenu-4 ul li strong { clear: both; } .eplan-teasermenu-4 span.txt { width: 120px; } /* https://projects.hochsaison.com/?path_info=projects/wwweplande/tasks/492 */ /* AS@20141205 */ .eplan-teasermenu .img { display: inline-block; /*float: left;*/ background-repeat: no-repeat; background-position: center center; overflow: hidden; } /* https://projects.hochsaison.com/?path_info=projects/wwweplande/tasks/516 */ /* AS@20141205 */ .eplan-teasemenu .img img:after { content:''; display:block; clear: both; } .eplan-teasermenu-1 .img { width: 144px; float: left; } .eplan-teasermenu-2 .img { width: 220px; } .eplan-teasermenu-3 .img { width: 142px; } .eplan-teasermenu-4 .img { width: 96px; float: left; } /****** EPLAN Forms ******/ .eplan-form input { float: left; } .eplan-form label { display: block; float: left; width: 210px; } .formrow { /* margin: 10px 0;*/ line-height: 30px; } .formrow-widelabel { padding: 3px 0; } .formrow-widelabel label { width: 420px; } .w230 .formrow-widelabel label { width: 195px; display: inline-block; } body div.csc-mailform { max-width: 600px; } body div.csc-mailform ol { list-style: none; } body div.csc-mailform fieldset li { margin: 0; padding: 0; } body div.csc-mailform legend { width: 400px; color: #fff; } body.popup div.csc-mailform legend { color: #000; height: 2.5em; } body .w760 div.csc-mailform legend { color: #000; width: 160px; } body.promotion div.csc-mailform legend { display: block; height: 2.5em; } body div.csc-mailform .csc-form-element-textblock { padding: 1em 0; } body div.csc-mailform li label, .formrow-text label { width: 70px; line-height: 24px; } body div.csc-mailform input, body div.csc-mailform select, body div.csc-mailform textarea, .formrow-text input, .formrow-text select, .formrow-textarea textarea { border-width: 1px; border-style: solid; border-color: #7d7d7d #dbdbdb #dbdbdb #c4c4c4; } .formrow-text input, .formrow-text select { width: 150px; float: right; } body div.csc-mailform li label, body div.csc-mailform .csc-form-element-checkboxgroup fieldset legend, body div.csc-mailform .csc-form-element-fieldset fieldset legend { width: 160px; float: left; } body div.csc-mailform .csc-form-element-textline input, body div.csc-mailform select { width: 211px; } body div.csc-mailform .csc-form-element-radio input, body div.csc-mailform .csc-form-element-checkbox input { width: auto; } body div.csc-mailform .csc-form-element-textarea textarea { width: 320px; min-height: 80px; } .lte9 body div.csc-mailform .csc-form-element-textarea { margin-top: 7px; } .formrow-textarea label { width: 70px; line-height: 24px; } .formrow-textarea textarea { width: 420px; float: right; } .eplan-form .formrow input[type=checkbox] { margin-right: 4px; } body div.csc-mailform input[type=submit], body div.csc-mailform input[type=reset], .eplan-form button { margin: 1em 0; padding: 0 10px 0 20px; line-height: 24px; height: 24px; /* color: #000;*/ color: #fff; font-weight: bold; background-image: url(/img/nav/arrow-right.png?20130724); background-repeat: no-repeat; background-position: 10px -1002px; background-color: #e2191a; border: none; cursor: pointer; } body div.csc-mailform input[type=submit]:hover, body div.csc-mailform input[type=reset]:hover, .eplan-form button:hover { background-color: #aaa; } body div.csc-mailform input[type=submit], body div.csc-mailform input[type=reset] { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; behavior: url(/css/PIE.htc?20130724); } body div.csc-mailform .csc-form-element-checkbox input, body div.csc-mailform input[type=checkbox] { float: left; margin-right: 4px; } body div.csc-mailform label em { color: #999; } body div.csc-mailform .csc-form-element-submit, body div.csc-mailform .csc-form-element-reset { display: block; clear: none; float: left; margin-right: 7px; } body div.csc-mailform .csc-form-element-submit { /* clear: left;*/ } body div.csc-mailform .csc-form-element-radio label, body div.csc-mailform .csc-form-element-checkbox label { display: inline-block; float: none; width: 450px; } body div.csc-mailform .csc-form-element-radio input, body div.csc-mailform .csc-form-element-checkbox input { float: left; margin: 5px 7px 2px 2px; } body div.csc-mailform .csc-form-element-radio input, body div.csc-mailform .csc-form-element-checkbox input, body div.csc-mailform input[type=checkbox], body div.csc-mailform input[type=radio] { border: none; } body #Context div.csc-mailform { padding-top: 10px; } body #Context div.csc-mailform label em { display: inline; text-indent: 5px; } body #Context div.csc-mailform li label { width: 70px; } body #Context div.csc-mailform .csc-form-element-textline input { width: 100px; } body #Context div.csc-mailform .csc-form-element-radio label, body #Context div.csc-mailform .csc-form-element-checkbox label { width: 150px; } body #Context div.csc-mailform .csc-form-element-radio input, body #Context div.csc-mailform .csc-form-element-checkbox input { float: left; margin: 5px 7px 0 0; } body #Context div.csc-mailform textarea { width: 180px; } .lte9 body div.csc-mailform .csc-form-element-radio label, .lte9 body div.csc-mailform .csc-form-element-checkbox label { display: inline; } body div.csc-mailform .csc-form-element-checkboxgroup fieldset legend, body div.csc-mailform .csc-form-element-fieldset fieldset legend { float: left; } body div.csc-mailform .csc-form-element-checkboxgroup fieldset ol, body div.csc-mailform .csc-form-element-fieldset fieldset ol { top: 0; width: 335px; padding: 0; margin: 0 0 0 172px; clear: none; } body div.csc-mailform .csc-form-element-checkboxgroup fieldset ol li, body div.csc-mailform .csc-form-element-fieldset fieldset ol li { list-style: none; margin: 0 7px 0 0; padding: 0; float: left; } body div.csc-mailform .csc-form-element-checkboxgroup fieldset ol li { width: 100%; } body div.csc-mailform .csc-form-element-fieldset fieldset ol li input { width: 100px; } .lte9 body div.csc-mailform .csc-form-element-checkboxgroup { padding-bottom: 7px; } body div.csc-mailform .csc-form-element-checkboxgroup fieldset input { float: left; } body div.csc-mailform .csc-form-element-checkboxgroup fieldset label { float: none; display: inline-block; width: 200px; } #mailformCOUNTRY { width: 125px; } #uniform-mailformCOUNTRY { margin: 0 -6px 0 3px; } .csc-form-element { clear: both; } .csc-form-element-fieldset { display: inline; } body div.csc-mailform fieldset.fieldset_left { clear: left; float: left; } body div.csc-mailform fieldset.fieldset_right { clear: none; float: right; } body div.csc-mailform fieldset.fieldset_left, body div.csc-mailform fieldset.fieldset_right, body div.csc-mailform fieldset.fieldset_left > ol, body div.csc-mailform fieldset.fieldset_left > ol li, body div.csc-mailform fieldset.fieldset_right > ol, body div.csc-mailform fieldset.fieldset_right > ol li { width: 230px; } body div.csc-mailform fieldset.fieldset_col2, body div.csc-mailform fieldset.fieldset_col2 > ol, body div.csc-mailform fieldset.fieldset_col2 > ol li { width: 460px; } body div.csc-mailform fieldset.fieldset_fullwidth { clear: both; } body div.csc-mailform fieldset > ol, body div.csc-mailform fieldset > ol li { margin: 0 !important; width: 100% !important; } body div.csc-mailform fieldset .csc-form-element-radio label, body div.csc-mailform fieldset .csc-form-element-checkbox label { display: inline-block; float: left; /*width: 200px;*/ /*float: left;*/ max-width: 210px; margin-right: 0; line-height: 18px; padding-top: 3px; } body div.csc-mailform .csc-form-element-checkboxgroup fieldset.fieldset-subgroup label { width: 420px; } body div.csc-mailform fieldset .csc-form-element-radio input, body div.csc-mailform fieldset .csc-form-element-checkbox input { float: left; width: auto !important; margin: 6px 4px 8px 3px; } body div.csc-mailform li input + label, body div.csc-mailform li textarea + label, body div.csc-mailform li select + label { margin-left: 0; } body div.csc-mailform fieldset .csc-form-element-textline label, body div.csc-mailform fieldset .csc-form-element-countryselector label, body div.csc-mailform fieldset.fieldset_fullwidth .csc-form-element-textarea label, body div.csc-mailform fieldset.fieldset_col2 .csc-form-element-textarea label { width: 70px !important; margin-right: 0 !important; } body div.csc-mailform fieldset .csc-form-element-textline input { width: 150px !important; } body div.csc-mailform fieldset .csc-form-element-countryselector select { width: 125px !important; } body div.csc-mailform fieldset .csc-form-element-countryselector .selector { margin-left: -3px !important; } body div.csc-mailform fieldset.fieldset_fullwidth .csc-form-element-textarea textarea { width: 420px; height: 144px; float: right; } body div.csc-mailform fieldset.fieldset_col2 .csc-form-element-textarea textarea { width: 380px !important; } body div.csc-mailform fieldset.predefined-name ol, body div.csc-mailform fieldset.predefined-name ol li { display: block; } body div.csc-mailform fieldset.predefined-name ol { width: 333px !important; float: right; } body div.csc-mailform fieldset.predefined-name ol li { width: 68px !important; padding-left: 5px; clear: none !important; } body div.csc-mailform fieldset.predefined-name ol li input { width: 64px !important; } body div.csc-mailform fieldset.predefined-name ol li label { display: block; height: auto; line-height: normal !important; padding: 0 0 .5em 0; } body div.csc-mailform > ol > li > fieldset .csc-form-element label, body div.csc-mailform > ol > li > fieldset .csc-form-element ol, body div.csc-mailform > ol > li > fieldset .csc-form-element ol li, body div.csc-mailform .csc-form-confirmation ol li { display: block; width: 200px !important; padding: 0 !important; margin: 0 !important; float: left; clear: none; } body div.csc-mailform .csc-form-confirmation ol { width: 100%; margin: 0; padding: 0; } /****** EPLAN-Tabs ******/ .eplan-tabs { position: relative; overflow: hidden; margin: 1em 0; } .eplan-tabs .ui-tabs-hide { display: none; } .eplan-tabs .ui-tabs-panel { clear: both; background-color: #333333; padding: 10px !important; border: 1px solid #e6e6e6; } .eplan-tabs .ui-tabs-nav { /* width: 2000em;*/ margin-top: 0 !important; margin-bottom: 0 !important; height: 23px; overflow: hidden; margin-bottom: -1px !important; } .eplan-tabs .ui-tabs-nav, .eplan-tabs .ui-tabs-nav li { display: block; /* margin: 0 !important;*/ padding: 0 !important; } .eplan-tabs .ui-tabs-nav li { float: left; margin: 0 5px 0 0 !important; background-image: none !important; background-color: #000; border-width: 1px 1px 0 1px; border-style: solid; border-color: #e6e6e6; } .eplan-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: #333333; border-bottom: 1px solid #333333; z-index: 2; } .eplan-tabs .ui-tabs-nav li a { display: block; text-decoration: none; padding: 2px 10px 0px 10px !important; font-weight: bold; border-bottom: 1px solid #333333; } .eplan-tabs .ui-tabs-nav .Pager { padding: 2px 5px !important; position: absolute; top: 0; right: 0; margin: 0 !important; cursor: pointer; z-index: 1; background-color: #333333 !important; } .eplan-tabs .ui-tabs-nav .Page-Next { right: 0; } .eplan-tabs .ui-tabs-nav .Page-Prev { right: 20px; } /****** Search ******/ .tx-indexedsearch a { color: #1a1a1a; } .tx-indexedsearch a:hover { color: #e2191a !important; } .tx-indexedsearch-whatis { display: none !important; } .Searchbox2 { padding: 10px 0 30px 0; } .Searchbox2 input { width: 330px; } #Content .tx-indexedsearch-browsebox { clear: both; } #Content .tx-indexedsearch-browsebox p { margin: 0; } #Content .tx-indexedsearch .browsebox { min-height: 2em; } #Content .tx-indexedsearch .browsebox, #Content .tx-indexedsearch .browsebox li, #Content .tx-indexedsearch .browsebox li a { display: block; margin: 0; padding: 0 !important; list-style: none; background-image: none; } #Content .tx-indexedsearch .browsebox li { float: left; margin-right: 20px; } #Content .tx-indexedsearch-res { clear: both; padding: 1px 0 20px 0; } #Content .Searchresult { margin: 30px 0; } #Content .Searchresult h3 { margin: 0; } #Content .Searchresult small { color: #888; } /****** xc_news ******/ .news-single-item { padding: 0 !important; } .news-list-browse .showResultsWrap { display: none; } .news-list-item, .Paging { border-top: 1px solid #dadada; padding: 12px 0; } .news-search-form { padding: 2px 0; border-width: 1px 0; border-style: solid; border-color: #dadada; } .news-search-form > div { background-color: #f2f2f2; padding: 4px 10px 8px 10px; } .news-list-container { padding-top: 0px; } .news-latest-item, .news-latest-item-more { padding: 7px 0 !important; } .news-latest-item, .news-latest-item-more { border-top: 1px solid #e8e8e8; } .news-latest-item:first-child { border-top: none !important; } .news-latest-item p { display: inline; } .pr_images { margin: 2px 0 12px 0; line-height: 1em !important; } .pr_images small { display: block; margin: 4px 0; } .pr_images img { margin-top: 12px; } .news-search-form .Searchbox { margin-bottom: 0 !important; width: 130px !important; padding-top: 2px !important; } .news-search-form .Searchbox input { width: 90px; } .news-search-form .Searchbox button { width: 28px; } .news-row { display: block; padding: 15px 0; border-top: 1px solid #dadada; } /*#Content h2,*/ h2, .news-row h3, body .csc-form-element-header h5 { font-size: 1.2em; } .news-row p { margin: 0.5em 0 !important; } .news-row.first { border-top: 0px; padding-top: 15px } body .csc-form-element-header h5 { line-height: 150%; border-top: 1px solid #d4d4d4; margin: 10px 0; padding-top: 10px; } .news-search-form table, .news-search-form table td, .news-search-form table th { padding: 0 !important; margin: 0 !important; border: none !important; } .news-search-form table td .selector { margin-left: -2px } .news-search-form table td select { width: 106px; } .listing-row { clear: both; margin: 8px 0; } .pr_images_border, .example_images_border, .listing-image { display: block; text-decoration: none; background-color: #f8f8f8; border: 1px solid #e8e8e8; padding: 10px; margin: 0 18px 18px 0; float: left; clear: left; } .news-row .listing-image { width: 125px; height: 85px; line-height: 85px; text-align: center; } .news-row .listing-image img { vertical-align: middle; } .example_images_border { border-right: none; } .news-row span { color: #686868; font-weight: bold; } .listing-text { padding: 5px 0; } .image_top { padding: 10px; background-color: #f8f8f8; /* border: 1px solid #e5e5e5;*/ /* width: 706px;*/ border-width: 1px 0 1px 1px; border-style: solid; border-color: #e5e5e5; /*border-color: #d8d8d8;*/ width: 719px; margin-bottom: 10px; } .image_top small, .pr_images_border small, .example_images_border small { display: block; margin: 10px 0 0 0; } .examples-item { border-top: 1px solid #e8e8e8; padding: 7px 0; } .examples-item.first { border-top: 0px; } .news-latest-item a, .examples-item a { display: block; } .news-latest-item a { padding-bottom: 5px; } /****** Pager ******/ .Paging { text-align: center; } .Paging a { border: none !important; } .Paging .disabled { color: #d5d4d3; } .Pager, .Pager li { display: inline; list-style: none; padding: 0 !important; margin: 0 !important; background: none !important; text-decoration: none !important; } .Pager li a { display: inline-block; padding: 0 5px; } .Pager li.active a, .Pager li a:hover { color: #f39800 !important; } /****** zift ******/ .z_panel_base { text-align: center !important; } .z_panel_base #z_wrapper { text-align: left !important; margin: 0 auto !important; } /***** xchain: A. Skupien 2012-02-13 11:15 // New T3-Loginform (csc-loginform) *****/ .csc-loginform, .csc-loginform * { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-variant: normal; } .csc-loginform label { float: left; width: 240px; line-height: 22px; } .csc-loginform div.csc-mailform-field { clear: both; padding: 2px 0; } .csc-loginform div.csc-mailform-submit { margin-left: 240px; } ul.GoogleSitemap, ul.GoogleSitemap li { margin: 0 !important; padding: 0 !important; list-style: none !important; background-image: none !important; } ul.GoogleSitemap li { background-color: #fff; } ul.GoogleSitemap li a, ul.GoogleSitemap li a span { display: block; padding-left: 20px; } ul.GoogleSitemap .level-2 li a { padding-left: 40px; } ul.GoogleSitemap .level-3 li a { padding-left: 60px; } ul.GoogleSitemap .level-4 li a { padding-left: 80px; } ul.GoogleSitemap .level-5 li a { padding-left: 100px; } ul.GoogleSitemap .level-6 li a { padding-left: 120px; } ul.GoogleSitemap .level-7 li a { padding-left: 140px; } ul.GoogleSitemap .level-8 li a { padding-left: 160px; } ul.GoogleSitemap .level-9 li a { padding-left: 180px; } ul.GoogleSitemap li.odd { background-color: #eee; } ul.GoogleSitemap a { text-decoration: none; padding-top: 4px !important; padding-bottom: 4px !important; } ul.GoogleSitemap a strong { display: block; text-decoration: underline; } ul.GoogleSitemap a span { display: block; clear: both; } ul.GoogleSitemap a:hover span { color: #1A1A1A; } /****** Training ******/ table.Trainings { width: 100% !important; } tr.odd { background-color: #f1f1f1; } .training_th { background-color: #f1f1f1; font-weight: bold; } #TSFE_ADMIN_PANEL_FORM { display: none; } .training_navigation { clear: both; } .training_navigation .column { width: 225px; min-height: 200px; float: left; border-left: 1px solid #f00; padding: 0 10px; } .training_navigation .column.first { padding-left: 0; border-left: none; } .training_navigation .column.last { padding-right: 0; } .training_navigation a.button { width: 190px; } .training_navigation ul, .training_navigation p { margin-top: 0 !important; } /****** News&Events / Practical Examples ******/ .eplan_multiselector { position: relative; display: inline-block; } .eplan_multiselector_drop { position: absolute; display: none; background-color: #fff; border: 1px solid #AAA; /* padding: 10px 10px;*/ z-index: 15; max-height: 300px; width: 200px; overflow: auto; box-shadow: 0px 0px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.2); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.2); } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; /* background: red; */ } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; /* background: red; */ } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #fff; position: relative; } .jspDrag { background: #e2191a; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #fff; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #fff; } .jspVerticalBar .jspArrow { height: 8px; } .jspHorizontalBar .jspArrow { width: 8px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #fff; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } .frame-greybox, div.frame-greybox-nopad { border: 1px solid #ededed; /*border: 1px solid #d8d8d8;*/ background-color: #ededed; } .frame-greybox { padding: 9px; } div.frame-greybox-nopad { margin: 1em 0; } #Content div.frame-greybox-nopad table { margin-bottom: 0; } /*.w768 */ .w760 { background-color: #fff; color: #000; z-index: 0; /* position: relative;*/ } .ui-tooltip a, .w760 a { color: #1a1a1a; text-decoration: underline; } .ui-tooltip a:hover, .w760 a:hover { color: #e2191a; text-decoration: none; } input[type="submit"], #Content .hbspt-form form.hs-form .hs_submit input.hs-button, .w760 a.button, .w760 button { position:relative; background-color: #e2191a; display: inline-block; padding: 1px 10px 1px 18px !important; font-weight: bold; color: #fff; border: none; text-decoration: none; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; behavior: url(/css/PIE.htc?20130724); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAABrCAMAAACIT7j9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF/eno//r58/Pz+vr6/v7++8/K8VNE7jUkzs7O1dXV9Hhtx8fH7BoH////////3d3d0bgVlwAAAAx0Uk5T//////////////8AEt/OzgAAAEBJREFUeNpiYGXn5uZm4GVgA5G8jFwgkpeXC8YGi0PUcHOPkqMksSQTBzhdMXOC0xULPyRd8YNIfpg4WA1AgAEAUBEWtr+GuYcAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 8px 7px; cursor: pointer; } .w760 a.button:hover, .w760 button:hover { background-color: #aaa; background-position: 8px -93px; } .w760 a.more { display: inline-block; line-height: 20px; min-height: 20px; /* height: 20px;*/ padding-left: 10px; background-image: url(/img/nav/arrow-right.png?20130724); background-repeat: no-repeat; background-position: 0 -505px; /* text-decoration: none;*/ } .w760 a.more:hover { color: #e2191a; } .w760 #Context .csc-default .csc-header { float: left; height: 20px; line-height: 20px; padding: 0 13px; margin: 0; color: #fff; font-size: inherit; background-color: #e2191a; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; behavior: url(/css/PIE.htc?20130724); } .w760 #Context .csc-default .csc-header * { font-size: inherit; } .w760 #Context .csc-default .textContent { padding: 0 13px; margin: 0 0 20px 0; border-width: 1px 0 1px 1px; border-style: solid; border-color: #e6e6e6; clear: both; } /****** Teaser-Boxes ******/ .w760 .eplan-teasermenu { clear: both; position: relative; width: 100%; margin: 20px 0; } .w760 .eplan-teasermenu ul { margin: 0 !important; padding: 0; width: 540px; } .w760 .eplan-teasermenu ul li, body.print .eplan-teasermenu ul li { float: left; margin: 0 20px 20px 0 !important; padding: 0 !important; background-image: none !important; background: #f8f8f8; border: 1px solid #e5e5e5; /*border: 1px solid #d8d8d8;*/ } .w760 .eplan-teasermenu ul li a { display: block; padding: 8px; text-decoration: none; } .w760 .eplan-teasermenu ul li a:hover { color: #1A1A1A; } .w760 .eplan-teasermenu ul li strong, .w760 .eplan-teasermenu ul li span { display: block; } .w760 .eplan-teasermenu ul li span.more, body.print .eplan-teasermenu ul li span.more { line-height: 30px; height: 30px; padding-left: 10px; background-image: url(/img/nav/arrow-right.png?20130724); background-repeat: no-repeat; background-position: 0 0; /* text-decoration: none;*/ } .w760 .eplan-teasermenu ul li a:hover span.more, body.print .eplan-teasermenu ul li a:hover span.more { color: #e2191a; background-position: 0 -500px; } .w760 .eplan-teasermenu .txt { float: right; } .w760 .eplan-teasermenu-1 ul { width: 100%; } .w760 .eplan-teasermenu-1 ul li { width: 100%; margin-right: 0; } .w760 .eplan-teasermenu-1 ul li a { padding-bottom: 0; } .w760 .eplan-teasermenu-1 .img { margin-bottom: 8px; } .w760 .eplan-teasermenu-1 span.txt { width: 326px; } .w760 .eplan-teasermenu-2 ul li { width: 240px; min-height: 240px; } .w760 .eplan-teasermenu-2 ul li strong { clear: both; margin-top: 1em; } .w760 .eplan-teasermenu-3 ul li { width: 155px; min-height: 150px; } .w760 .eplan-teasermenu-3 ul li span.more { margin-top: 8px; background-position: 0 -6px; line-height: inherit; height: auto; } .w760 .eplan-teasermenu-3 ul li a:hover span.more { background-position: 0 -506px } .w760 .eplan-teasermenu-4 ul li { width: 240px; /* min-height: 240px;*/ } .w760 .eplan-teasermenu-4 ul li strong { clear: both; } .w760 .eplan-teasermenu-4 span.txt { width: 120px; } .w760 .eplan-teasermenu .img { background-repeat: no-repeat; background-position: center center; } /*.w760 .eplan-teasermenu-1 .img { width: 144px; height: 144px; } .w760 .eplan-teasermenu-2 .img { width: 220px; height: 96px; } .w760 .eplan-teasermenu-3 .img { width: 142px; height: 100px; } .w760 .eplan-teasermenu-4 .img { width: 96px; height: 96px; } */ /****** EPLAN-Tabs ******/ .w760 .eplan-tabs { position: relative; overflow: hidden; margin: 1em 0; } .w760 .eplan-tabs .ui-tabs-hide { display: none; } .w760 .eplan-tabs .ui-tabs-panel { clear: both; background-color: #ededed; padding: 10px !important; border: 1px solid #e6e6e6; } .w760 .eplan-tabs .ui-tabs-nav { /* width: 2000em;*/ margin-top: 0 !important; margin-bottom: 0 !important; height: 23px; overflow: hidden; margin-bottom: -1px !important; } .w760 .eplan-tabs .ui-tabs-nav, .w760 .eplan-tabs .ui-tabs-nav li { display: block; /* margin: 0 !important;*/ padding: 0 !important; } .w760 .eplan-tabs .ui-tabs-nav li { float: left; margin: 0 5px 0 0 !important; background-image: none !important; background-color: #fff; border-width: 1px 1px 0 1px; border-style: solid; border-color: #e6e6e6; } .w760 .eplan-tabs .ui-tabs-nav li.ui-tabs-selected { background-color: #ededed; border-bottom: 1px solid #ededed; z-index: 2; } .w760 .eplan-tabs .ui-tabs-nav li a { display: block; text-decoration: none; padding: 2px 10px 0px 10px !important; font-weight: bold; border-bottom: 1px solid #ededed; } .w760 .eplan-tabs .ui-tabs-nav .Pager { padding: 2px 5px !important; position: absolute; top: 0; right: 0; margin: 0 !important; cursor: pointer; z-index: 1; background-color: #ededed !important; } .w760 .eplan-tabs .ui-tabs-nav .Page-Next { right: 0; } .w760 .eplan-tabs .ui-tabs-nav .Page-Prev { right: 20px; } .settings_info { display:none !important; } /******************************** * DISTRIBUTOR SITES * ********************************/ body.x-disabled-language-5 #Footer, /* bg / L=5 */ body.x-disabled-language-6 #Footer, /* br / L=6 */ body.x-disabled-language-11 #Footer, /* ca-en / L=11 */ body.x-disabled-language-12 #Footer, /* ca-fr / L=12 */ body.x-disabled-language-22 #Footer, /* gr / L=22 */ body.x-disabled-language-23 #Footer, /* hr / L=23 */ body.x-disabled-language-28 #Footer, /* ks / L=28 */ body.x-disabled-language-46 #Footer, /* me / L=46 */ body.x-disabled-language-29 #Footer, /* mk / L=29 */ body.x-disabled-language-32 #Footer, /* pl / L=32 */ body.x-disabled-language-7 #Footer, /* pt / L=7 */ body.x-disabled-language-34 #Footer, /* rs / L=34 */ body.x-disabled-language-42 #Footer, /* si / L=42 */ body.x-disabled-language-44 #Footer, /* za / L=44 */ body.x-disabled-language-18 #Footer /* za-en / L=18 */ { /*display: none;*/ } body.x-disabled-language-11 .Header h2 { padding-top:2px; } /* ca-en / L=11 */ body.x-disabled-language-12 .Header h2 { padding-top:2px; } /* ca-fr / L=12 */ body.x-disabled-language-5 .Header h2 a { background-image: url(/img/logos/bg.png?20130724); } /* bg / L=5 */ body.x-disabled-language-6 .Header h2 a { background-image: url(/img/logos/br.png?20130724); } /* br / L=6 */ body.x-disabled-language-11 .Header h2 a { background-image: url(/img/logos/ca.png?20130724); } /* ca-en / L=11 */ body.x-disabled-language-12 .Header h2 a { background-image: url(/img/logos/ca.png?20130724); } /* ca-fr / L=12 */ body.x-disabled-language-22 .Header h2 a { background-image: url(/img/logos/gr.png?20130724); } /* gr / L=22 */ body.x-disabled-language-23 .Header h2 a { background-image: url(/img/logos/hr.png?20130724); } /* hr / L=23 */ body.x-disabled-language-28 .Header h2 a { background-image: url(/img/logos/ks.png?20130724); } /* ks / L=28 */ body.x-disabled-language-46 .Header h2 a { background-image: url(/img/logos/me.png?20130724); } /* me / L=46 */ body.x-disabled-language-29 .Header h2 a { background-image: url(/img/logos/mk.png?20130724); } /* mk / L=29 */ body.x-disabled-language-32 .Header h2 a { background-image: url(/img/logos/pl.png?20130724); } /* pl / L=32 */ body.x-disabled-language-7 .Header h2 a { background-image: url(/img/logos/pt.png?20130724); } /* pt / L=7 */ body.x-disabled-language-34 .Header h2 a { background-image: url(/img/logos/rs.png?20130724); } /* rs / L=34 */ body.x-disabled-language-42 .Header h2 a { background-image: url(/img/logos/si.png?20130724); } /* si / L=42 */ body.x-disabled-language-44 .Header h2 a { background-image: url(/img/logos/za.png?20130724); } /* za / L=44 */ body.x-disabled-language-18 .Header h2 a { background-image: url(/img/logos/za.png?20130724); } /* za-en / L=18 */ /* Quickstart */ ul.switch_language, ul.downloads { padding: 0.5em 0; } ul.downloads { } ul.downloads li { padding: 0.5em 0; } body.eplan-info #ContentInner ul.downloads li { background-image: none; padding: 0; } a.eplan_download { background: url(/img/icons/icon_projekte.png) no-repeat center left; display: inline-block; padding: 5px 0 5px 20px; } /** Typeahead **/ .tt-query, .tt-hint { padding-left: 1px; outline: none; } .tt-query { /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/ } .tt-hint { color: #999 } .tt-dropdown-menu { width: 422px; margin: 4px 0 0 -8px; padding: 6px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; box-shadow: 0 5px 10px rgba(0,0,0,.2); } .tt-dropdown-menu * { z-index: 10000 !important; position: relative !important; } .tt-suggestion { padding: 3px 10px; /*font-size: 18px;*/ /*line-height: 24px;*/ } .tt-suggestion.tt-cursor, .tt-suggestion.tt-is-under-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */ color: #fff; background-color: #d70015; cursor: pointer; } .tt-suggestion p { margin: 0; } #FooterInner > a { position:absolute; right:95px; line-height:35px; bottom:3px; color:#E5E8E4; text-decoration:none; } #FooterInner > a:hover { text-decoration:underline; } /***** EPLAN EXPERIENCE TEMPLATE *****/ .box_highlights { float: left; } .box_news { float: right; } .highlight { width: 218px; margin-right: 8px; float: left; } .highlight.mr0 { margin-right: 0; } .box_news .news_list { width: 300px; background-color: #272727; } .highlight, .box_news .news_list { border: 1px solid #6c6c6c; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; height: 340px; overflow: hidden; } .box_highlights h2, .box_news h2 { display: block; padding: 8px 11px; text-align: left; } .box_highlights .pad, .box_news .pad { padding: 10px; } .box_news ul { list-style: none; padding: 0; } .box_news ul li { padding-left: 16px; margin-bottom: 8px; background-image: url(/img/7x7.gif); background-repeat: no-repeat; background-position: 0px 7px; } .box_news ul li a { display: block; text-decoration: none; } .experience_slider { border-width: 0 1px 1px 1px; border-style: solid; border-color: #ababab; border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-radius: 0px 0px 6px 6px; overflow: hidden; } .experience_slider a { position: relative; } .experience_slider .popover { position: absolute; width: 138px; /*height: 124px;*/ padding-bottom: 5px; left: -61px; bottom: 30px; overflow: hidden; display: none; } .experience_slider .popover .popover_inner { display: block; position: relative; padding: 8px; width: 120px; /*height: 100px;*/ background-color: #000; border: 1px solid #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; color: #fff !important; } .experience_slider a.act .popover { display: none !important; } .experience_slider .popover .arrow { position: absolute; display: block; background-image: url(/img/icons/popover_arrow.png); background-repeat: no-repeat; background-position: 0 0; width: 19px; height: 6px; bottom: 0; left: 60px; z-index: 1; } .experience .experience_slider .arrow { position: absolute; top: 163px; left: 0px; background-image: url(/img/scene.arrows.png); background-repeat: no-repeat; background-position: 0px 0px; width: 26px; height: 64px; cursor: pointer; } .experience .experience_slider .arrow-right { background-position: 0px -64px; left: auto; right: 0px; } .experience .NavSub { border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .experience #Nav { margin: 0px; } body.home.experience #Nav { border-bottom: 1px solid #ababab; } .experience #Nav > .cf { border: none; } .experience .Breadcrumb { display: none; } .experience .experience_breadcrumb { margin: 8px 0 10px 11px; font-size: 0.9em; } body.home .experience_breadcrumb { display: none; } .experience #ContentFrame { width: 760px; border: 1px solid #aeaeae; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; overflow: hidden; float: right; } .experience #ContentFrame .w760 { border: none; } .experience_image_top { width: 760px; margin-bottom: 7px; float: right; } .experience_image_top small { display: block; padding: 10px 20px; } /* BLOG */ .blog-list h2 { font-size: 18px; color: #666; } .blog-list { /*border-top: 1px solid #ddd;*/ } .blog-post { width: 720px; margin: 10px 0 20px 0; } .blog-list .blog-post { border-bottom: 1px solid #ddd; } .blog-author { width: 120px; float: left; } .blog-entry { width: 580px; float: right; } ul.blog-social, ul.blog-social li { display: block; list-style: none; padding: 0; margin: 0; } ul.blog-social { } ul.blog-social li { float: left; margin: 0 16px 0 0; } ul.blog-social .twitter-share-button { max-width: 85px !important; overflow: hidden; } .keq_blindunit .keq_cleaner { display: none; } .keq_inline { float: left; clear: both; padding-right: 10px; } .keq_unit .keq_format { display: none; } .keq_cleaner { display: none; } .keq_question { margin-top: 10px; } .keq_input { line-height: 28px; } .keq_input .twitter-typeahead input { margin-top: -3px; } .keq_unit .keq_inp_textarea { width: 320px; } /* Layer f�r die Umschaltung auf die Desktop Version */ #eplan_MobileSwitchDialog { display:none; position:fixed; padding:35vh 12vw 35vh 12vw; box-sizing:border-box; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.75); left:0px; top:0px; z-index:20000; } #eplan_MobileSwitchDialog .inner { line-height:4vh; min-height:25vh; position:relative; width:100%; height:100%; background-color:#000000; font-size:3vh; padding:5vh 8vw 5vh 8vw; box-sizing:border-box; text-align:center; } #eplan_MobileSwitchDialog .inner .yes { position:absolute; width:27vw; text-align:center; background-color:#FFFFFF; left:5vw; bottom:5vw; color:#000000; text-decoration:none; } #eplan_MobileSwitchDialog .inner .no { position:absolute; width:27vw; text-align:center; background-color:#FFFFFF; right:5vw; bottom:5vw; color:#000000; text-decoration:none; } #eplan_MobileSwitchDialog .close { position:absolute; position:absolute; text-decoration:none; right:3vw; top:0vh; width:16vw; height:10vh; line-height:10vh; text-align:center; font-size:6vh; color:#000000; font-weight:bold; } body #Content ul.csc-uploads li { background-image: url(/img/nav/arrow-right.png) !important; background-position: 0 -505px; background-repeat: no-repeat; } ul.csc-uploads li a, ul.csc-uploads li span { display: inline-block; } ul.csc-uploads li a { margin-right: 8px; } body.language-8 .Social .ButtonPrint { display: none; } #modal_cookie_consent div.button-first-row { margin-right: 28px; margin-bottom: 20px; } #modal_cookie_consent .button-half-right { width: 42%; float: right; } #modal_cookie_consent .button-half-left { width: 42%; float: left; } #modal_cookie_content_content { display: block; width: 450px; } #modal_cookie_content_content .modal_cookie_buttons { width: 100%; } #modal_cookie_content_content .modal_cookie_buttons .modal_cookie_consent_accept { width: 100%; } #Content .hbspt-form form.hs-form div.hs-form-field select.hs-input { box-sizing: content-box; padding: 0 4px; } #Content .hbspt-form form.hs-form div.input ul, #Content .hbspt-form form.hs-form div.input ul li { list-style: none; background: none; } #Content .hbspt-form form.hs-form div.input ul li.hs-form-radio, #Content .hbspt-form form.hs-form div.input ul li.hs-form-booleancheckbox { background: none; position: relative; list-style: none; } #Content .hbspt-form form.hs-form div.input ul li.hs-form-radio input, #Content .hbspt-form form.hs-form div.input ul li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display input { left: 0; position: absolute; } #Content .hbspt-form form.hs-form .hs_submit input.hs-button { display: inline-block; text-shadow: none; line-height: 18px; }