.bx-window { padding: 0 95px; } .carousel_wrapper { padding: 10px 0; width: 160px; height: 145px; } .carousel_inner { padding: 0 !important; margin: 0 !important; } .carousel_inner p { margin: 0 0 15px 0; } .carousel_inner li { text-align: center; } .bx-captions { position: absolute; width: 350px; height: 20px; top: 120px; left: 0; text-align: center; } .bx-prev { position: absolute; width: 50px; height: 110px; top: 0; left: 0; background: transparent url(/static/de-mainova/images/Bilder_Layout/bx-prev.png) 0 0 no-repeat; display: block; outline: none; } .bx-next { position: absolute; width: 50px; height: 110px; top: 0; left: 300px; background: transparent url(/static/de-mainova/images/Bilder_Layout/bx-next.png) 0 0 no-repeat; display: block; outline: none; }#waterwheel-carousel-mainova { width:300px; height:94px; font-family: Arial; font-size:14px; position:relative; clear:both; overflow:hidden; } #waterwheel-carousel-mainova a { color:#222; } #waterwheel-carousel-mainova .carousel-images img { visibility:hidden; cursor:pointer; border: none; } #waterwheel-carousel-mainova .carousel-controls .carousel-prev { position:absolute; bottom:30px; left:0; } #waterwheel-carousel-mainova .carousel-controls .carousel-next { position:absolute; bottom:30px; right:0; } .jcarousel-skin-tango .jcarousel-container { -moz-border-radius: 10px; background: #dae5eb; border: 1px solid #dae5eb; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 245px; padding: 20px 40px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 245px; height: 75px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: 75px; height: 75px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 15px; height: 32px; cursor: pointer; background: transparent url('/static/de-mainova/images/Bilder_Layout/basis/next-horizontal_pfeil.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url('/static/de-mainova/images/Bilder_Layout/basis/prev-horizontal_pfeil.png'); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url('/static/de-mainova/images/Bilder_Layout/basis/prev-horizontal_pfeil.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url('/static/de-mainova/images/Bilder_Layout/basis/next-horizontal_pfeil.png'); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: 0 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('/static/de-mainova/images/Bilder_Layout/next-vertical.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('/static/de-mainova/images/Bilder_Layout/prev-vertical.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } /* The ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:url(/static/de-mainova/images/Bilder_Layout/overlay.png) repeat 0 0;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url('/static/de-mainova/images/Bilder_Layout/controls.png') no-repeat -100px 0;} #cboxTopRight{width:21px; height:21px; background:url('/static/de-mainova/images/Bilder_Layout/controls.png') no-repeat -129px 0;} #cboxBottomLeft{width:21px; height:21px; background:url('/static/de-mainova/images/Bilder_Layout/controls.png') no-repeat -100px -29px;} #cboxBottomRight{width:21px; height:21px; background:url('/static/de-mainova/images/Bilder_Layout/controls.png') no-repeat -129px -29px;} #cboxMiddleLeft{width:21px; background:url('/static/de-mainova/images/Bilder_Layout/controls.png') left top repeat-y;} #cboxMiddleRight{width:21px; background:url('/static/de-mainova/images/Bilder_Layout/controls.png') right top repeat-y;} #cboxTopCenter{height:21px; background:url('/static/de-mainova/images/Bilder_Layout/border.png') 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url('/static/de-mainova/images/Bilder_Layout/border.png') 0 -29px repeat-x;} #cboxContent{background:#fff; overflow:hidden;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0; background:url('/static/de-mainova/images/Bilder_Layout/controls.png') no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url('/static/de-mainova/images/Bilder_Layout/controls.png') no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url('/static/de-mainova/images/Bilder_Layout/loading_background.png') no-repeat center center;} #cboxLoadingGraphic{background:url('/static/de-mainova/images/Bilder_Layout/loading.gif') no-repeat center center;} #cboxClose{position:absolute; top:0; right:0; background:url('/static/de-mainova/images/Bilder_Layout/controls.png') no-repeat -25px 0; width:25px; height:25px; padding-top:2px; text-indent:-65px;} #cboxClose.hover{background-position:-25px -25px;} /* The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /* The following provides PNG transparency support for IE6 */ .cboxIE6 #cboxTopLeft{background:url('/static/de-mainova/images/Bilder_Layout/borderTopLeft.png');} .cboxIE6 #cboxTopCenter{background:url('/static/de-mainova/images/Bilder_Layout/borderTopCenter.png');} .cboxIE6 #cboxTopRight{background:url('/static/de-mainova/images/Bilder_Layout/borderTopRight.png');} .cboxIE6 #cboxBottomLeft{background:url('/static/de-mainova/images/Bilder_Layout/borderBottomLeft.png');} .cboxIE6 #cboxBottomCenter{background:url('/static/de-mainova/images/Bilder_Layout/borderBottomCenter.png');} .cboxIE6 #cboxBottomRight{background:url('/static/de-mainova/images/Bilder_Layout/borderBottomRight.png');} .cboxIE6 #cboxMiddleLeft{background:url('/static/de-mainova/images/Bilder_Layout/borderMiddleLeft.png');} .cboxIE6 #cboxMiddleRight{background:url('/static/de-mainova/images/Bilder_Layout/borderMiddleRight.png');} .cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight { _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')"); }/* CSS Document */ html, body { height: 100%; min-height: 100%; } body { background: url('/static/de-mainova/images/Bilder_Layout/bg.png') repeat-x #FFF; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0px; position: relative; } img { border: 0px; } h5, h6, p, a, li, label, span, dl, table, input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } /* von 16 auf 15px angepasst wg. bg Grafik Problematik , bitte nur nach Rücksprache HE / SQ wieder ändern */ p, #content .layout-3cols-2 span, #content .layout-3cols-2 div, #content .layout-3cols-2 td { line-height: 15px; } h1 { font-size: 16px; color: #004c92; margin: 13px 0px 12px 0px; clear: left; } h2 { font-size: 16px; font-weight: bold; color: #004c92; margin: 0px 0px 15px 0px; } h3 { font-size: 12px; color: #666666; } h4 { color: #666666; margin: 0px; font-size: 12px; } strong { font-weight: bold; } .infonavi strong { font-weight: bold; color: #fff; } a { color: #004C92; text-decoration: none; } a:hover { text-decoration: underline; } p { margin-bottom: 18px; } #homepage, #subpage { width: 990px; margin: auto; padding: 0; } #homepage .homepage_produkte_box { background: url('/static/de-mainova/images/Bilder_Layout/hp_teaserbox.png') no-repeat top left transparent; height: 165px; width: 350px; color: #fff; max-height: 165px; max-width: 350px; overflow: hidden; margin: 0; padding: 0 15px 0 15px; } #homepage .homepage_produkte_box h1 { color: #FFFFFF; font-size: 14px; margin: 0; padding: 11px 0 0 0; } #homepage .homepage_produkte_box table { margin: 5px 0 0 0; } #homepage .homepage_produkte_box p { width: 330px; } #homepage .homepage_carousel_box { background: url('/static/de-mainova/images/Bilder_Layout/hp_teaserbox.png') no-repeat top left transparent; color: #fff; height: 165px; width: 350px; max-height: 165px; max-width: 350px; overflow: hidden; margin: 0; padding: 0; } #homepage .homepage_carousel_box #waterwheel-carousel-mainova { margin-top: 20px; margin-left: 25px; } #homepage .homepage_carousel_box #carouselText { margin-left: 25px; } #homepage { /* background:url('/static/de-mainova/images/Bilder_Layout/hp_special_bg.png') no-repeat; alt */ /* background: url('/static/de-mainova/images/Bilder_Layout/hp_special_bg3.png') no-repeat; */ /* background: url('/static/de-mainova/images/Bilder_Layout/hp_klimaaktiv_bg_01.png') no-repeat; */ position: relative; } #homepage .hp_banner { position: absolute; top: 0px; left: 0px; } #homepageSpecial { /* background: url('/static/de-mainova/images/Bilder_Layout/hp_special_bg3_mit_stecker.png') no-repeat right 0px; */ /* background: url('/static/de-mainova/images/Bilder_Layout/hp_special_bg3_mit_stecker.png') no-repeat right 0px; */ background: url('/static/de-mainova/images/Bilder_Layout/hp_special_bg3_mit_stecker_gruen.png') no-repeat right 0px; position: absolute; left: 0px; height: 430px; min-height: 430px; width: 100%; } .homepageSpecialLink { display: block; width: 230px; height: 210px; position: absolute; top: 200px; text-decoration: none; background: #004C92; opacity: .0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .homepageSpecialLink:hover { text-decoration: none; } #subpage { height: auto !important; min-height: 50%; background: url('/static/de-mainova/images/Bilder_Layout/content_bg.png') repeat-y; } #header { background: transparent url('/static/de-mainova/images/Bilder_Layout/header_bg.png') no-repeat left bottom; width: 970px; height: 125px; padding: 0px 10px 0px 10px; position: relative; margin: auto !important; z-index: 150; } #homepage #header { background: none; height: 110px; } #header .logo { float: left; margin-left: 5px; } #subheader_content { margin-top: 36px; } #search { padding-right: 20px; position: absolute; right: 30px; top: 45px; z-index: 101; } #search input, #mapContent .googleMapZipcodeSearch input { width: 172px; float: left; } #search .searchSubmit, #mapContent .googleMapZipcodeSearch .searchZipCpdeSubmit { background: url('/static/de-mainova/images/Bilder_Layout/icon_search.png') right 0px no-repeat; border: 0px; cursor: pointer; height: 20px; margin: 0; padding: 0; position: absolute; right: 0; width: 20px; float: left; } .searchText { display: none; height: 17px; padding-left: 5px; padding-top: 3px; position: absolute; right: 55px; top: 45px; width: 174px; z-index: 102; } /* MAINNAVI */ #mainnavi { float: left; background: url('/static/de-mainova/images/Bilder_Layout/mainnavi_bg.png') no-repeat; width: 760px; position: absolute; left: 215px; top: 40px; z-index: 100; padding-left: 8px; height: 30px; } #mainnavi ul { float: left; margin: 0px; padding: 0px; } #mainnavi ul li { list-style-type: none; float: left; margin: 0 0 0 10px; padding: 0px; height: 29px; position: relative; background: url('/static/de-mainova/images/Bilder_Layout/mainnavi_arrow.gif') no-repeat 9px 10px; } #mainnavi ul li.selected { background: url('/static/de-mainova/images/Bilder_Layout/navi_arrow_active_down.png') no-repeat 9px 12px; } #mainnavi ul li span { width: 10px; float: left; height: 36px; display: block; margin: 0px 20px 0px 0px; background: none; z-index: 300; position: absolute; right: -7px; } #mainnavi ul li.active span { background: url('/static/de-mainova/images/Bilder_Layout/mainnavi_right_bg.png') no-repeat 0px 4px; } #mainnavi ul li .seperator { color: #fff; float: left; font-size: 16px; margin-top: 4px; } #mainnavi ul li a { z-index: 151; background: none; font-size: 14px; text-decoration: none; color: #FFF; display: block; height: 29px; margin: 0px 19px 0px 0px; padding: 7px 5px 0px 23px; font-weight: bold; position: relative; float: left; white-space: nowrap; } #mainnavi ul li a:hover, #mainnavi ul li a.active:hover { color: #004C92; } #mainnavi ul li.active a { color: #004C92; background: url('/static/de-mainova/images/Bilder_Layout/mainnavi_left_bg.png') no-repeat 0px 4px; } /*-- MAINNAVI PORTLET ---*/ #mainnavi .portlet, #mainnavi .portlet-header, #mainnavi .portlet-header h1, #mainnavi .portlet-content { background: transparent url("/static/de-mainova/images/Bilder_Layout/mainnavi_portlet_bg.png") no-repeat scroll; background-position: right bottom; } #mainnavi .portlet { display: none; background-position: left bottom; position: absolute; z-index: 150; padding: 0; top: 42px; color: inherit; left: 0px; } #mainnavi .portlet-header { background-position: right top; position: relative; left: 7px; margin-right: 0px; z-index: 150; } #mainnavi .portlet-header h1 { background-position: left top; position: relative; line-height: 1px; padding-top: 6px; z-index: 150; } #mainnavi .portlet-content { background-position: right bottom; position: relative; left: 7px; padding: 1px 0px 0px 0px; z-index: 150; } #mainnavi .portlet-content-container { position: relative; left: -5px; top: -13px; z-index: 150; min-width: 170px; } #mainnavi ul li .portlet a { height: 30px; font-size: 12px; display: block; height: 21px; color: #004c92; margin: 5px 20px 0px 0px; background: none !important; white-space: nowrap; clear: both; width: 100%; position: relative; z-index: 750; } #mainnavi ul li .portlet a:hover { background: url('/static/de-mainova/images/Bilder_Layout/mainnavi_arrow_active.gif') no-repeat 10px 9px !important; color: #D82130; } /*Content*/ #middle { width: 990px; padding: 0px 5px 0px 5px; } #breadcrumb { padding-top: 6px; padding-left: 11px; height: 30px; color: #004C92; font-size: 10px; } .notfall #breadcrumb { background: url('/static/de-mainova/images/Bilder_Layout/banderole.png') no-repeat top left; margin-top: 4px; height: 25px; } #homepage #breadcrumb { height: 32px; padding-top: 0px; } #breadcrumb span { float: left; font-size: 11px; color: #004C92; } #breadcrumb a { float: left; padding-left: 12px; padding-right: 7px; text-decoration: none; color: #004c92; font-size: 11px; } #breadcrumb ul { list-style-type: none; margin: 0px; padding: 0px; float: left; } #breadcrumb ul li { float: left; } #breadcrumb ul li a { background: url('/static/de-mainova/images/Bilder_Layout/icon_arrow_double.gif') 0px 2px no-repeat; } #breadcrumb ul li a.active { font-weight: bold; } #navi ul { padding: 0px; margin: 0px; list-style-type: none; border-top: 1px solid #e4e4e4; } #navi ul a { background: url('/static/de-mainova/images/Bilder_Layout/navi_arrow.png') 0px 12px no-repeat; color: #004c92; text-decoration: none; font-weight: bold; font-size: 12px; display: block; padding-left: 13px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #e4e4e4; } #navi ul a:hover, #navi ul a.active { background: url('/static/de-mainova/images/Bilder_Layout/navi_arrow_active.png') 0px 12px no-repeat; color: #d82130; } #navi ul a.active { background: url('/static/de-mainova/images/Bilder_Layout/navi_arrow_active_down.png') 0px 13px no-repeat; } #navi ul ul { padding-left: 0px; border: none; } #navi ul ul li { border: none; background: none; } #navi ul ul ul { padding-left: 0px; } #navi ul ul a { font-weight: normal; background: none; padding-left: 29px; border: none; } #navi ul ul a:hover, #navi ul ul ul ul a.active { background: url('/static/de-mainova/images/Bilder_Layout/navi_small_arrow_active.png') 19px 12px no-repeat; } #navi ul ul a.active { background: url('/static/de-mainova/images/Bilder_Layout/navi_small_arrow_active_down.png') 19px 14px no-repeat; } #navi ul ul a.active { font-weight: bold; } #navi ul ul ul li { background: none; } #navi ul ul ul a { padding-left: 44px; } #navi ul ul ul ul a { padding-left: 54px; } #navi ul ul ul a:hover { background-position: 34px 12px; } #navi ul ul ul a.active { background-position: 34px 13px; } #navi ul ul ul ul a:hover { background-position: 44px 12px; } #navi ul ul ul ul a.active { background-position: 44px 13px; } #content { width: 960px; padding: 0px 10px 0px 10px; } #content h1.mainheadline { background: url('/static/de-mainova/images/Bilder_Layout/content_headline.gif') no-repeat; height: 55px !important; margin: 0px 0px 25px 0px; font-size: 22px; color: #FFF; width: 490px !important; font-weight: normal; padding: 10px 5px 5px 15px; } #content h1.icon_wasser { background: url('/static/de-mainova/images/Bilder_Layout/content_headline_wasser.gif') no-repeat; padding: 10px 30px 5px 95px; width: auto !important; } #content h1.icon_strom { background: url('/static/de-mainova/images/Bilder_Layout/content_headline_strom.gif') no-repeat; padding: 10px 30px 5px 95px; width: auto !important; } #content h1.icon_waerme { background: url('/static/de-mainova/images/Bilder_Layout/content_headline_waerme.gif') no-repeat; padding: 10px 30px 5px 95px; width: auto !important; } #content h1.icon_gas { background: url('/static/de-mainova/images/Bilder_Layout/content_headline_gas.gif') no-repeat; padding: 10px 30px 5px 95px; width: auto !important; } #content h1.icon_dienstleistung { background: url('/static/de-mainova/images/Bilder_Layout/content_headline_gas.gif') no-repeat; padding: 10px 30px 5px 95px; width: auto !important; } #content .layout-3cols-1, #content .layout-3cols-2, #content .layout-3cols-3, .layout-2cols-1, .layout-2cols-2 { float: left; } #content .layout-3cols-1 { width: 180px; } #content .layout-3cols-2 { width: 510px; height: 100%; min-height: 150px; padding: 0px 20px 0px 20px; } #content .layout-3cols-3 { width: 230px; } #content .layout-2cols-1 { width: 710px; padding: 0px 20px 0px 0px; } #content .layout-2cols-2 { width: 230px; } #content .layout-3cols-2 .layout-2cols-1 { width: 245px; /** neue Anforderung - 03/2016 - Ulrich **/ padding: 0px; } /** neue Anforderung - 03/2016 - Ulrich **/ #content .layout-3cols-2 .layout-2cols-2 { width: 245px; margin-left: 20px; } #content p { margin-top: 0; margin-bottom: 25px; } #content p.note_footer { font-size: 10px; margin-top: 10px; margin-bottom: 0; } .infonavi h3, .infonavi a { color: #FFF; } #footer { background: url('/static/de-mainova/images/Bilder_Layout/footer_bg.png') no-repeat; width: 990px; height: 148px; margin: 0px auto auto auto; } #footer a { color: #004C92; text-decoration: none; font-size: 11px; } #footer a:hover { text-decoration: underline; } #footer .page-navi { float: right; margin: 30px 20px 0px 0px; } #footer .page-navi a { display: block; padding-left: 20px; margin-bottom: 12px; } #footer .page-navi a.page-print { background: url('/static/de-mainova/images/Bilder_Layout/icon_print.gif') 0px 2px no-repeat; } #footer .subfooter { float: left; margin: 30px 0px 0px 15px; width: 130px; } #footer #social-link { float: left; margin: 30px 0px 0px 0px; } #footer #social-link a { background: url('/static/de-mainova/images/Bilder_Layout/icon_social.gif') no-repeat; padding: 2px 0px 0px 30px; display: block; height: 24px; color: #004c92; } .facebook-link-button { background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_facebook_default_icon32px.png') no-repeat scroll 0 0 transparent; color: #333333; display: block; height: 24px; padding: 2px 0 0 30px; } .twitter-share-button { background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_twitter_default_icon32px.png') no-repeat scroll 0 0 transparent; color: #333333; display: block; float: left; height: 24px; padding: 2px 0 0 30px; } #footer .signature { color: #004C92; font-size: 12px; font-weight: bold; margin-left: 15px; margin-right: 10px; } /*------ FOOTER HOMEPAGE ------*/ #footer.homepage { background: none; } #footer.homepage .page-navi { float: right; margin: 9px 20px 0px 0px; } #footer.homepage .social-media-navi { float: right; margin: 9px 15px 0px 0px; } #footer .social-media-navi { float: right; margin: 30px 15px 0px 0px; } .social-media-navi a.facebook{ float:left; margin-left:5px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_facebook_default_icon32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.facebook:hover{ float:left; margin-left:5px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_facebook_hover_icon32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.twitter{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_twitter_default_icon32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.twitter:hover{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_twitter_hover_icon32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.youtube{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_youtube_default_icon32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.youtube:hover{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_youtube_hover_icon32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.instagram{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_instagram_default_icon32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.instagram:hover{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_instagram_hover_icon32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.xing{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_xing_default_32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.xing:hover{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_xing_hover_32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.linkedin{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_linkedin_default_32px.png') no-repeat scroll 0 0 transparent; } .social-media-navi a.linkedin:hover{ float:left; margin-left:8px; display:block; width:32px; height:32px; background: url('/static/de-mainova/images/Bilder_Layout/socialmediaicon_linkedin_hover_32px.png') no-repeat scroll 0 0 transparent; } #footer.homepage .subfooter { float: left; margin: 9px 0px 0px 15px; width: 130px; } #footer.homepage #social-link { float: left; margin: 9px 0px 0px 0px; } .spanner { clear: both; height: 10px; } /*--- TAB STANDARD ---*/ #content .layout-3cols-2 .tab_standard .ui-tabs-panel, #content .layout-3cols-2 .contentTab .ui-tabs-panel, #content .layout-2cols-2 .tab_standard .ui-tabs-panel, #content .layout-2cols-2 .contentTab .ui-tabs-panel { display: block; } #content .layout-3cols-2 .tab_standard .ui-tabs-hide, #content .layout-3cols-2 .contentTab .ui-tabs-hide, #content .layout-2cols-2 .tab_standard .ui-tabs-hide, #content .layout-2cols-2 .contentTab .ui-tabs-hide { display: none !important; } #content .layout-3cols-2 .tab_header, #content .layout-2cols-2 .tab_header { margin: 0px; padding: 0px; height: 27px; margin-left: 0px; } #content .layout-3cols-2 .tab_header li, #content .layout-2cols-2 .tab_header li { height: 27px; background: url('/static/de-mainova/images/Bilder_Layout/tab_bg.gif') no-repeat; list-style-type: none; padding: 0px; float: left; position: relative; margin-right: 10px; margin-bottom: 0px; } #content .layout-3cols-2 .tab_header li.ui-tabs-selected, #content .layout-2cols-2 .tab_header li.ui-tabs-selected { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_active.gif') no-repeat; z-index: 50; } #content .layout-3cols-2 .tab_header li a, #content .layout-2cols-2 .tab_header li a { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_ende.gif') no-repeat right 0px; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px 15px 0px 15px; display: block; outline: none; height: 22px; margin-right: -9px; } #content .layout-3cols-2 .tab_header li.ui-tabs-selected a, #content .layout-2cols-2 .tab_header li.ui-tabs-selected a { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_ende_active.gif') no-repeat right 0px; color: #d82130; } #content .layout-3cols-2 .tab_content, #content .layout-2cols-2 .tab_content, #ui-tabs-1, #ui-tabs-2, #ui-tabs-3, #ui-tabs-4, #ui-tabs-5, #ui-tabs-6, #ui-tabs-7, #ui-tabs-8, #ui-tabs-9, #ui-tabs-10 { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_content.png') 0px 0px repeat-y; clear: both; padding: 30px 25px 25px 25px; position: relative; top: -1px; } #content .layout-2cols-2 .tab_bottom, #content .layout-3cols-2 .tab_bottom { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_bottom.png') 0px 0px no-repeat; height: 11px; margin-top: -1px; } #content .layout-3cols-2 .contentTab, #content .layout-2cols-2 .contentTab { width: 530px; position: relative; left: -30px; margin-top: 29px; } #content .layout-3cols-2 .contentTab_header, #content .layout-2cols-2 .contentTab_header { margin: 0px; padding: 0px 0px 0px 14px; height: 28px; border-bottom: 1px solid #FFF; } #content .layout-3cols-2 .contentTab_header li, #content .layout-2cols-2 .contentTab_header li { width: 156px; height: 43px; list-style-type: none; padding: 0px; float: left; } #content .layout-3cols-2 .contentTab_header li a, #content .layout-2cols-2 .contentTab_header li a { color: #004C92; text-decoration: none; display: block; outline: none; width: 156px; height: 28px; padding: 8px 0px 0px 15px; } #content .layout-3cols-2 .contentTab_header li a:hover, #content .layout-2cols-2 .contentTab_header li a:hover { color: #d82130; } #content .layout-3cols-2 .contentTab_header li.ui-tabs-selected a, #content .layout-2cols-2 .contentTab_header li.ui-tabs-selected a { color: #d82130; } #content .layout-3cols-2 .contentTab_content, #content .layout-2cols-2 .contentTab_content { border-top: 1px solid #E4E4E4; padding: 0px 29px 0px 29px; } #content .layout-3cols-2 .contentTab h1, #content .layout-2cols-2 .contentTab h1 { border-bottom: 1px solid #E4E4E4; padding-bottom: 8px; position: relative; } /*--- GOOGLE MAP TAB ---*/ #mapContent .googleMapZipcodeSearch { z-index: 99999; position: absolute; margin: 30px auto auto 90px; } #mapContent .tab_standard .ui-tabs-panel, #mapContent .contentTab .ui-tabs-panel, .mapInfoWindow .tab_standard .ui-tabs-panel, .mapInfoWindow .contentTab .ui-tabs-panel { display: block; } #mapContent .tab_standard .ui-tabs-hide, #mapContent .contentTab .ui-tabs-hide, .mapInfoWindow .tab_standard .ui-tabs-hide, .mapInfoWindow .contentTab .ui-tabs-hide { display: none !important; } #mapContent .tab_header { margin: 0px; padding: 0px; height: 27px; margin-left: 0px; } #mapContent .tab_header li { height: 27px; background: url('/static/de-mainova/images/Bilder_Layout/tab_bg.gif') no-repeat; list-style-type: none; padding: 0px; float: left; position: relative; margin-right: 10px; } #mapContent .tab_header li.ui-tabs-selected { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_active.gif') no-repeat; z-index: 50; } #mapContent .tab_header li a { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_ende.gif') no-repeat right 0px; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px 15px 0px 15px; display: block; outline: none; height: 22px; margin-right: -9px; } #mapContent .tab_header li.ui-tabs-selected a { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_ende_active.gif') no-repeat right 0px; color: #d82130; } #mapContent .tab_content { background: url('/static/de-mainova/images/Bilder_Layout/map_tab_bg_content.png') 0px 0px repeat-y; clear: both; padding: 5px; position: relative; top: -1px; height: 645px; width: 940px; } #mapContent .tab_bottom { background: url('/static/de-mainova/images/Bilder_Layout/map_tab_bg_bottom.png') 0px 0px no-repeat; height: 11px; margin-top: -1px; } #mapContent .contentTab { width: 940px; position: relative; left: -30px; margin-top: 29px; } #mapContent .contentTab_header, #mapContent .mapInfoWindow .contentTab_header { margin: 0px; padding: 0px 0px 0px 14px; height: 28px; border-bottom: 1px solid #FFF; } #mapContent .contentTab_header li { width: 156px; height: 43px; list-style-type: none; padding: 0px; float: left; } #mapContent .contentTab_header li a { color: #004C92; text-decoration: none; display: block; outline: none; width: 156px; height: 28px; padding: 8px 0px 0px 15px; } #mapContent .contentTab_header li a:hover { color: #d82130; } #mapContent .contentTab_header li.ui-tabs-selected a { color: #d82130; } #mapContent .contentTab_content { border-top: 1px solid #E4E4E4; padding: 0px 29px 0px 29px; } #mapContent .contentTab h1 { border-bottom: 1px solid #E4E4E4; padding-bottom: 8px; position: relative; } /*** map info tooltip**/ #mapTabs { overflow: hidden; } .mapInfoWindow { overflow: hidden; } #mapContent .mapInfoWindow .tab_header { margin: 0px; padding: 0px; height: 27px; margin-left: 0px; } #mapContent .mapInfoWindow .tab_header li { height: 27px; background: url('/static/de-mainova/images/Bilder_Layout/tab_bg.gif') no-repeat; list-style-type: none; padding: 0px; float: left; position: relative; margin-right: 10px; } #mapContent .mapInfoWindow .tab_header li.ui-tabs-selected { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_active.gif') no-repeat; z-index: 50; } #mapContent .mapInfoWindow .tab_header li a { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_ende.gif') no-repeat right 0px; color: #FFF; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px 15px 0px 15px; display: block; outline: none; height: 22px; margin-right: -9px; } #mapContent .mapInfoWindow .tab_header li.ui-tabs-selected a { background: url('/static/de-mainova/images/Bilder_Layout/tab_bg_ende_active.gif') no-repeat right 0px; color: #d82130; } #mapContent .mapInfoWindow .tab_content { background: url('/static/de-mainova/images/Bilder_Layout/map_tooltip_tab_bg_content.png') 0px 0px repeat-y; clear: both; padding: 5px; position: relative; top: -1px; height: 150px; width: 340px; } #mapContent .mapInfoWindow .tab_bottom { background: url('/static/de-mainova/images/Bilder_Layout/map_tooltip_tab_bg_bottom.png') 0px 0px no-repeat; height: 11px; margin-top: -1px; } #mapContent .mapInfoWindow .contentTab { width: 340px; position: relative; left: -30px; margin-top: 29px; } #mapContent .mapInfoWindow .contentTab_header li { width: 156px; height: 43px; list-style-type: none; padding: 0px; float: left; } #mapContent .mapInfoWindow .contentTab_header li a { color: #004C92; text-decoration: none; display: block; outline: none; width: 156px; height: 28px; padding: 8px 0px 0px 15px; } #mapContent .mapInfoWindow .contentTab_header li a:hover { color: #d82130; } #mapContent .mapInfoWindow .contentTab_header li.ui-tabs-selected a { color: #d82130; } #mapContent .mapInfoWindow .contentTab_content { border-top: 1px solid #E4E4E4; padding: 0px 29px 0px 29px; } #mapContent .mapInfoWindow .contentTab h1 { border-bottom: 1px solid #E4E4E4; padding-bottom: 8px; position: relative; } /**map info tooltip ende **/ /*--- GOOGLE MAP TAB END ---*/ /*** Content ***/ /*---- PORTLET ----*/ .portlet, .portlet-header, .portlet-header h1, .portlet-content { background: url('/static/de-mainova/images/Bilder_Layout/portlet_bg.png') no-repeat right bottom; } .portlet.info_portlet, .info_portlet .portlet-header, .info_portlet .portlet-header h1, .info_portlet .portlet-content { background: url('/static/de-mainova/images/Bilder_Layout/info_portlet_bg.png') no-repeat right bottom; color: #333; } .portlet.info_portlet.active, .info_portlet.active .portlet-header, .info_portlet.active .portlet-header h1, .info_portlet.active .portlet-content { background: url('/static/de-mainova/images/Bilder_Layout/info_hover_portlet_bg.png') no-repeat right bottom; color: #333; } .portlet.tooltip_portlet, .tooltip_portlet .portlet-header, .tooltip_portlet .portlet-header h1, .tooltip_portlet .portlet-content { background: url('/static/de-mainova/images/Bilder_Layout/tooltip_portlet_bg.png') no-repeat right bottom; color: #333; } /* #tarifberater_form .portlet-content{ background:url('/static/de-mainova/images/Bilder_Layout/portlet_tarifberater_left_b.png') no-repeat left bottom; z-index:149; } */ .portlet { margin: 0px 7px 20px 0px; padding-right: 5px; color: #FFF; position: relative; top: 7px; left: 7px; } .portlet-header, .info_portlet .portlet-header, .info_portlet.active .portlet-header, .tooltip_portlet .portlet-header { background-position: right top; margin-right: -5px; padding-right: 40px; position: relative; top: -7px; margin-bottom: -7px; } .tarifitem .info_portlet .portlet-header, .tarifitem .info_portlet.active .portlet-header { padding-right: 0px; } .portlet-header h1, .info_portlet .portlet-header h1, .info_portlet.active .portlet-header h1, .tooltip_portlet .portlet-header h1 { background-position: left top; margin: 0px 0px 0px 0px; padding: 11px 0px 0px 20px; color: #FFF; font-size: 14px; position: relative; left: -7px; } .info_portlet .portlet-header h1, .info_portlet.active .portlet-header h1 { color: #333; } /*** Satellitenspalte ***/ .infonavi .portlet { height: 100%; } .infonavi .portlet-header h1 { padding: 8px 0 0 15px; } .portlet.portlet_special_bg, .portlet.portlet_special_bg .portlet-content { background: url('/static/de-mainova/images/Bilder_Layout/portlet_w_bg.png') no-repeat right bottom; } .portlet.portlet_special_bg .portlet-header h1 { background-position: left top; margin: 0px 0px 0px 0px; padding: 11px 0px 11px 20px; color: #FFF; font-size: 14px; position: relative; left: -7px; } .portlet.portlet_special_bg .portlet-content { background-position: left bottom; padding: 1px 0px 10px 20px; position: relative; left: -7px; margin-top: 0px; min-height: 0px; } .portlet-content, .info_portlet .portlet-content, .info_portlet.active .portlet-content, .tooltip_portlet .portlet-content { background-position: left bottom; padding: 1px 0px 10px 20px; position: relative; left: -7px; margin-top: 0px; min-height: 0px; } .infonavi .portlet-content { padding: 0px 0px 10px 15px; } .infonavi .portlet-content-container { color: #ffffff; padding: 8px 0 0 0; /** neue Anforderung - 03/2016 - Ulrich **/ } .sat_linklist a { display: block; padding: 3px 0 3px 15px; background: url('/static/de-mainova/images/Bilder_Layout/arrow_sat_link.png') no-repeat scroll 0 4px transparent; } .sat_linklist a:hover { text-decoration: underline; } /* SQ 29.04.2011 Falls wieder gebraucht, bitte Absprache mit SQ .infonavi .portlet-content-container a{ display:block; padding:3px 0 3px 15px; background:url('/static/de-mainova/images/Bilder_Layout/arrow_sat_link.png') no-repeat scroll 0 5px transparent; } .infonavi .portlet-content-container a:hover{ text-decoration:underline; } */ /*--- Satellitenspalte (Module)---*/ .infonavi .portlet-content-container a.satlink { display: block; padding: 3px 0 3px 15px; background: url('/static/de-mainova/images/Bilder_Layout/icon_arrow_small.png') no-repeat scroll 0 5px transparent; } .infonavi .portlet-content-container a.satlink:hover { text-decoration: underline; } div.downloadcontainer { margin-bottom: 10px; } .portlet-content-container .servicemail, .portlet-content-container .download { background: url('') no-repeat; padding: 0px 0px 0px 20px; display: inline-block; margin: 10px 0 0px 0; font-weight: bold; margin-bottom: 0px; } .portlet-content-container .mobile { background: url('/static/de-mainova/images/Bilder_Layout/icon_wb_mobile.png') no-repeat; } .portlet-content-container .mobile p { font-size: 11px; padding: 10px 0 10px 0; } .portlet-content-container .download { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_pdf.png') no-repeat; } .portlet-content-container .servicemail span, .portlet-content-container .download span { font-weight: normal; } .infonavi .portlet-header h1 img { margin-top: 8px; } .infonavi .portlet-content-container a.typ2 { background: url('/static/de-mainova/images/Bilder_Layout/icon_arrow_small.png') 0 17px no-repeat; padding: 15px 0px 0px 15px; } .infonavi .portlet-content-container img.motiv { padding: 12px 0 12px 0; } .infonavi .portlet-content-container .telefon { padding: 10px 0 0 0; } .infonavi .portlet-content-container .telefon .mobile { margin: 10px 0 0 0; } .infonavi .banner { margin: 12px 0 12px 0; } .sat_linklist a { display: block; padding: 3px 0 3px 15px; background: url('/static/de-mainova/images/Bilder_Layout/icon_arrow_small.png') no-repeat scroll 0 4px transparent; } .sat_linklist a:hover { text-decoration: underline; } .infonavi .portlet-content-container .form_buttons a { position: relative; top: -20px; right: 5px; } .slideContent .portlet-header, .slideContent2 .portlet-header { cursor: pointer; position: relative; } .slideContent .plusIcon, .slideContent2 .plusIcon { background: url('/static/de-mainova/images/Bilder_Layout/icon_plus.png') no-repeat; width: 16px; height: 16px; position: absolute; right: 15px; top: 8px; } .slideContent .minusIcon { background: url('/static/de-mainova/images/Bilder_Layout/icon_minus.png') no-repeat; width: 16px; height: 16px; position: absolute; right: 15px; top: 8px; } .slideContent .portlet-content-container, .slideContent2 .portlet-content-container { display: none; padding: 10px 0px 0px 0px; } .portlet .kundenservice { float: left; border-bottom: 1px solid #E4E4E4; padding: 7px 0 23px 0; margin: 0 0 15px 0; } .portlet .kundenservice img { float: left; margin-right: 20px; } .portlet .kundenservice div { float: left; width: 225px; font-size: 12px; margin: 5px 20px 0 0; } .imfocus { border-bottom: 1px solid #E4E4E4; padding: 0px 0px 15px 0px; } .arrow_link { background: url('/static/de-mainova/images/Bilder_Layout/navi_arrow.png') left 2px no-repeat; padding: 0px 0px 0px 12px; text-decoration: none; color: #004C92; } :hover.arrow_link { text-decoration: underline; } .pictogramme_small { float: left; margin: 0px 0px 15px 0px; } .pictogramme_small div { float: left; font-weight: bold; width: 52px; margin: 10px 15px 0 0; font-size: 11px; } .trenner { border-top: 1px solid #e4e4e4; } .kontaktauswahl { width: 190px; position: relative; z-index: 600; float: left; } .kontaktauswahl div.handy, .kontaktauswahl div.post, .kontaktauswahl div.fax, .kontaktauswahl div.mail { width: 34px; height: 34px; float: left; margin: 0px 4px 4px 0px; cursor: pointer; } .kontaktauswahl div.handy { background: url('/static/de-mainova/images/Bilder_Layout/picto_handy.png') no-repeat; } .kontaktauswahl div.post { background: url('/static/de-mainova/images/Bilder_Layout/picto_post.png') no-repeat; } .kontaktauswahl div.fax { background: url('/static/de-mainova/images/Bilder_Layout/picto_fax.png') no-repeat; } .kontaktauswahl div.mail { background: url('/static/de-mainova/images/Bilder_Layout/picto_mail.png') no-repeat; } .kontaktauswahl div:hover.handy, .kontaktauswahl div.active.handy { background: url('/static/de-mainova/images/Bilder_Layout/picto_handy_active.png') no-repeat; } .kontaktauswahl div:hover.post, .kontaktauswahl div.active.post { background: url('/static/de-mainova/images/Bilder_Layout/picto_post_active.png') no-repeat; } .kontaktauswahl div:hover.fax, .kontaktauswahl div.active.fax { background: url('/static/de-mainova/images/Bilder_Layout/picto_fax_active.png') no-repeat; } .kontaktauswahl div:hover.mail, .kontaktauswahl div.active.mail { background: url('/static/de-mainova/images/Bilder_Layout/picto_mail_active.png') no-repeat; } .kontakt_content { position: relative; top: 5px; z-index: 500; margin-left: 0px; width: 190px; margin-bottom: 10px; } #content .kontakt_content table { margin-top: 10px; } #content .kontakt_content table td { padding: 0; margin: 0; } #content .kontakt_content p { margin-bottom: 0px; } .kontakt_content .content_handy div { font-size: 10px; } .kontakt_content .content_handy h3 { margin: 0px; } .kontakt_content .content_post { display: none; } .kontakt_content .content_fax { display: none; } .kontakt_content .content_mail { display: none; } ul.list_standard { margin: 0px; padding: 0px 0px 0px 0px; } ul.list_standard li { background: url('/static/de-mainova/images/Bilder_Layout/icon_list.gif') 0px 4px no-repeat; list-style-type: none; padding-left: 15px; margin: 0px 0px 5px 0px; } .layout-3cols-2 ul { margin: 0px; padding: 0px 0px 0px 0px; } .layout-3cols-2 ul li { background: url('/static/de-mainova/images/Bilder_Layout/icon_list.gif') 0px 4px no-repeat; list-style-type: none; padding-left: 15px; margin: 0px 0px 5px 0px; } .layout-3cols-2 #breadcrumb_list li, .layout-3cols-2 #branchSelectorList li, .layout-3cols-2 #katSelectorList li { background: none; padding-left: 0px; } /*---- Carousell Extended Styles----*/ .jcarousel-skin-tango .jcarousel-item { height: auto; width: auto; } ul.jcarousel-item li, .layout-3cols-2 .jcarousel-container ul li { background: none; padding-left: 0px; } /*--- ICONS ---*/ .pdfIcon { background: url('/static/de-mainova/images/Bilder_Layout/icon_pdf.png') no-repeat; padding-left: 20px; display: block; margin-bottom: 5px; } .zoomIcon { background: url('/static/de-mainova/images/Bilder_Layout/basis/icon_lupe.gif') no-repeat; padding-left: 20px; } /*** Tooltip ***/ .tooltip { display: none; color: #000; position: absolute; text-align: left; font-size: 12px; cursor: move; left: 35%; top: 400px; } .tooltip span { display: none; } .tooltip .portlet-header { display: block; } .tooltip .portlet-content-container { margin-top: -20px; } .tooltip .portlet-header h1 { display: block !important; } #content .tooltip p { margin-top: 0; line-height: 10px; font-size: 10px; } #content .tooltip a { color: #004C92; font-size: 10px; text-decoration: none; } #content .tooltip a:hover { text-decoration: underline; } #nachricht { width: 250px; } /*** Autocomplete ***/ #log { color: #d82130; font-weight: bold; } .ui-autocomplete { border: 1px solid #BEC9D7; background: #fff; cursor: pointer; width: 350px; padding: 1px; } .ui-autocomplete li { list-style-type: none; } .ui-autocomplete li:hover { background: #BEC9D7; } .ui-autocomplete li a { display: block; line-height: 1.5; padding: 2px 4px; text-decoration: none; } .ui-widget-content-mainova .ui-state-hover, .ui-widget-content-mainova .ui-state-focus { background: #BEC9D7; color: #FFF; } #street { width: 215px; margin-bottom: 0px; } #city, #plz { width: 120px; } /*-------- Formular Styles ---------*/ input, textarea, select { border: 1px solid #bec9d7; margin: 0px 5px 10px 0px; background: url('/static/de-mainova/images/Bilder_Layout/input_bg.png') no-repeat; height: 16px; width: 290px; padding-left: 5px; color: #333; } input.disabled, textarea.disabled, select.disabled { background: #a5acb2; } input.ort { margin: 0px 0px 10px 0px; } textarea { height: 120px; width: 288px; overflow: auto; } select { background: #FFF; height: 20px; width: 297px; } label { margin: 0 10px 0 0; padding: 0; } label.error, label.errorHint { color: red; } form em { color: #D82130; } .form_standard { color: #333; } .form_standard col.first { width: 165px; } form .pflichtfeld { color: #cc0000; } .form_standard .form_header { background: url('/static/de-mainova/images/Bilder_Layout/form_bg_top.png') no-repeat; width: 510px; height: 15px; } .form_standard .form_footer { background: url('/static/de-mainova/images/Bilder_Layout/form_bg_bottom.png') no-repeat; width: 510px; height: 20px; } .form_standard .form_seperator { background: url('/static/de-mainova/images/Bilder_Layout/form_seperator.png') no-repeat; width: 510px; height: 40px; } .form_standard .form_seperator2 { border-top: 1px solid #FFF; height: 15px; } .form_standard .form_text { padding: 0px 15px 0px 15px; } .form_standard .subform_text { padding: 0px 15px 0px 30px; } .form_standard .textvalue { padding: 0px 0px 0px 0px; } .form_standard .form_info_text, .form_standard .form_fehler_text { background: url('/static/de-mainova/images/Bilder_Layout/form_linie2.png') no-repeat; padding: 15px 0px 15px 0px; margin-top: 10px; } .form_standard .form_fehler_text { padding: 10px 0px 10px 0px; } .form_standard .form_fehler_text div { background: url('/static/de-mainova/images/Bilder_Layout/form_linie2.png') no-repeat left bottom; padding: 0px 0px 15px 35px; position: relative; color: #D82130; font-weight: bold; } .form_standard .form_fehler_text div span { background: url('/static/de-mainova/images/Bilder_Layout/form_icon_fehler.png') no-repeat; width: 32px; height: 27px; display: block; margin: 0px 0px 5px 0px; position: absolute; top: -5px; left: 0px; } .form_standard .form_fehler .key, .form_standard .form_fehler .keysub { color: #D82130; } .form_standard .form_fehler input { border: 1px solid #D82130; } .form_standard .form_buttons { background: url('/static/de-mainova/images/Bilder_Layout/form_linie2.png') no-repeat; padding: 20px 0px 0px 0px; } .form_buttons a, .infonavi .form_buttons #submit { background: url('/static/de-mainova/images/Bilder_Layout/form_button_pfeil.png') no-repeat; float: right; display: block; height: 20px; padding: 2px 6px 0px 20px; font-weight: bold; text-decoration: none; position: relative; } .infonavi .form_buttons #submit { color: #004C92; top: -25px; left: -30px; } .infonavi .logout_button #submit { float: left; top: 0; left: 0; } .form_buttons input { background: url("/static/de-mainova/images/Bilder_Layout/form_button_pfeil.png") no-repeat scroll top left transparent; font-weight: bold; text-decoration: none; color: #004C92; text-align: left; border: none; padding: 0 2px 0 20px; margin: 0 4px 10px 0; position: relative; height: 21px; width: auto; } .form_buttons span.submit { background: url("/static/de-mainova/images/Bilder_Layout/form_button_bg.png") no-repeat scroll top right transparent; display: block; float: right; height: 21px; padding: 0; margin: 0; border: none; width: auto; } .form_standard .form_buttons a.back { background: url('/static/de-mainova/images/Bilder_Layout/form_button_backpfeil.png') no-repeat; float: left; } .form_buttons a.print { background: url('/static/de-mainova/images/Bilder_Layout/form_button_print.png') no-repeat; float: left; padding-left: 24px; } .form_buttons a span { background: url('/static/de-mainova/images/Bilder_Layout/form_button_bg.png') no-repeat; width: 4px; height: 20px; position: absolute; top: 0px; right: -3px; display: block; } .form_standard td { background: #dae5eb; padding: 0px 15px 0px 15px; } .form_standard td h1, .form_standard td h2 { background: url('/static/de-mainova/images/Bilder_Layout/form_linie.png') no-repeat 0px bottom; color: #333; font-size: 14px; margin: 0px 0px 18px 0px; padding: 0px 0px 5px 0px; } .form_standard td h2 { font-size: 12px; } .form_standard td.key, .form_standard td.keysub { padding: 3px 0px 0px 15px; width: 178px; font-weight: bold; vertical-align: top; } .form_standard td.keysub { padding: 3px 0px 0px 30px; } .form_standard td.value { padding: 0px 15px 0px 0px; text-align: right; } .form_standard td.value_checkbox, .form_standard td.value_radio { padding: 0px 15px 5px 0px; text-align: left; } .form_standard .form_betreff .value { text-align: left; font-weight: bold; vertical-align: bottom; } .form_standard .value input.plz { width: 45px; } .form_standard .value input.ort { width: 233px; margin-right: 0px; } /*---- FORMULAR WIZARD ----*/ .form_wizard { height: 32px; margin: 0px 0px 10px -17px; } .form_wizard a { background: url('/static/de-mainova/images/Bilder_Layout/form_wizard_bg.png') no-repeat right 0px; display: block; float: left; height: 23px; padding: 9px 30px 0px 0px; text-decoration: none; font-weight: bold; color: #333; margin-left: 17px; position: relative; right: -9px; } .form_wizard a span { background: url('/static/de-mainova/images/Bilder_Layout/form_wizard_first.png') no-repeat left 0px; position: absolute; left: -9px; top: 0px; display: block; height: 32px; float: left; width: 9px; } .form_wizard a.visited { background: url('/static/de-mainova/images/Bilder_Layout/form_wizard_visited_bg.png') no-repeat right 0px; color: #FFF; } .form_wizard a.visited span { background: url('/static/de-mainova/images/Bilder_Layout/form_wizard_visited_first.png') no-repeat right 0px; } .form_wizard a.selected { background: url('/static/de-mainova/images/Bilder_Layout/form_wizard_selected_bg.png') no-repeat right 0px; } .form_wizard a.selected span { background: url('/static/de-mainova/images/Bilder_Layout/form_wizard_selected_first.png') no-repeat right 0px; } .form_wizard .clear { clear: both; height: 10px; } .formbox { border: 1px solid #edf2f5; } .form_standard .formbox_header { background: #edf2f5; height: 29px; font-weight: bold; } .form_standard input.radio { margin: 12px 0px 0px 10px; } .smallForm input { width: 100px; margin-bottom: 5px; } input[type="radio"], input.radio, .smallForm input.radio, .smallForm .radio input { background: none; border: none; width: auto; height: auto; margin: 0px 4px 0px 0px; position: relative; top: 2px; } input[type="checkbox"], input.checkbox, .smallForm .checkbox input { background: none; border: none; height: 13px; width: 13px; margin-bottom: 0px; } .sendIcon, .smallForm .sendIcon { background: url('/static/de-mainova/images/Bilder_Layout/form_send.png') no-repeat; color: #004C92; font-weight: bold; width: 83px; height: 20px; border: none; padding: 0px 0px 3px 10px; margin: 0px; } a.sendIcon, a.sendIcon:link, a.sendIcon:active, a.sendIcon:visited, a.sendIcon:hover { text-decoration: none; padding: 2px 15px 3px 18px; } /*---- Slider -----*/ .portlet-header h1.tarifrechner_header { font-size: 12px; height: 33px; } .tarifrechner_header span { font-weight: normal; position: absolute; top: 13px; left: 210px; display: block; } .tarifrechner_header input.plz { width: 62px; margin-right: 50px; } .tarifrechner_trenner_header { position: absolute; left: 22px; top: 42px; z-index: 1; } .portlet-content.tarifrechner { padding-left: 0px; } .tarifrechner.portlet-content-container { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_bg.png') no-repeat; padding-left: 20px; } .tarifrechner.portlet-content-container.tarif_content2 { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_gk_bg.png') no-repeat; } .layout-3cols-2 .tarifrechner .portlet-content-container.tarife_content_pk { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_content_bg.png') no-repeat; padding-left: 20px; } .layout-3cols-2 .tarifrechner .portlet-content-container.tarife_content_gk { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_gk_content_bg.png') no-repeat; padding-left: 20px; } .stromrechner input.verbrauch, .gasrechner input.verbrauch { width: 70px; margin: 0px 5px 0px 10px; } .stromrechner, .gasrechner { padding-top: 65px; position: relative; float: left; width: 343px; } .layout-3cols-2 .stromrechner, .layout-3cols-2 .gasrechner { width: 235px; } .gasrechner { padding-left: 17px; width: 315px; } .layout-3cols-2 .gasrechner { width: 225px; } .zahlen { width: 325px; border: 1px solid red; } .zahlen2 { margin-left: -6px; } .zahlen div { float: left; width: 11%; margin: 10px 0px 0px -3px; } .zahlen2 div.zehner { float: left; margin: 10px 19px 0px 0px; } .zahlen2 div.hunderter { float: left; margin: 10px 13px 0px 0px; } #slider, #slider2, #slider_pc, #slider2_pc { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_slider_bg.png') no-repeat; width: 294px; height: 10px; padding: 1px 2px 0px 2px; cursor: pointer; margin-top: 11px; } .layout-3cols-2 #slider, .layout-3cols-2 #slider2, .layout-3cols-2 #slider_pc, .layout-3cols-2 #slider2_pc { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_slider_content_bg.png') no-repeat; width: 180px; margin-left: 5px; } .layout-3cols-2 #slider2, .layout-3cols-2 #slider2_pc { margin-left: 12px; } .ui-state-default-mainova, .ui-widget-content-mainova .ui-state-default-mainova { color: #1C94C4; font-weight: bold; outline: medium none; } .ui-slider-mainova { position: relative; } .ui-slider-mainova .ui-slider-handle-mainova { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_slider.png') no-repeat; cursor: pointer; width: 23px; height: 27px; position: absolute; z-index: 2; margin: -17px 0px 0px -10px; border: 0px; } .ui-slider-range-mainova { background: #FFF; height: 8px; color: #FFFFFF; font-weight: bold; } /*--- DIALOG ---*/ span.ui-dialog-title { display: block; } .ui-dialog-titlebar-close { background: url('/static/de-mainova/images/Bilder_Layout/icon_close_small.png') no-repeat right 0px; float: right; margin-right: 15px; position: relative; top: 0px; margin-top: 5px; height: 16px; z-index: 11000; padding-right: 20px; } .ui-dialog-titlebar-close.ui-state-hover { background: url('/static/de-mainova/images/Bilder_Layout/icon_close_small.png') no-repeat right 0px; color: #004C92; text-decoration: none; } /* .ui-dialog{ overflow:hidden; padding:2px; position:absolute; width:300px; } .ui-widget-content-mainova{ background-color:#FFF; } .ui-dialog .ui-dialog-titlebar{ position:relative; } .ui-dialog .ui-dialog-content{ overflow:auto; padding:6px 13px; position:relative; } .ui-widget-overlay{ background:#000; opacity:0.3; height:100%; left:0px; position:absolute; top:0px; width:100%; } */ /**content module teaser images **/ .basiscontent.teaser_175px dl, .basiscontent.teaser_175px dd { width: 175px; } /**content module**/ .layout-3cols-2 .basiscontent { margin: 15px 0 0 0; clear: both; display: block; } .inhaltstrenner { background: transparent url('/static/de-mainova/images/Bilder_Layout/dotline.gif') repeat-x left top; height: 1px; width: 100%; clear: both; display: block; margin: 30px 0 30px 0; } dl.left { float: left; padding: 0; margin: 0 10px 10px 0; } .pm dl.left { margin: 0; } #content h3 p { margin: 0; padding: 0; font-size: 14px !important; color: #000; display: inline; clear: none; } .pm dl.left dt img { margin: 0 10px 0 0; } dl.left dt, dl.left dd { margin: 0px auto; padding: 5px 0 0 0; text-align: left; font-size: 10px; } dl.right { float: right; margin: 0 0 0 10px; padding: 0; } dl.right dt, dl.right dd { margin: 0px auto; padding: 5px 0 0 0; text-align: right; font-size: 10px; } dl.center { float: none; margin: 0 0 0 0px; padding: 0; } dl.center dt, dl.center dd { margin: 0px auto; padding: 5px 0 0 0; text-align: center; font-size: 10px; } /*** standardTable:Formatierung für texteditor Tabellen (auch im js) ***/ .basiscontent .standardTable { width: 100% !important; height: auto !important; padding: 0; margin: 0; border: none; } .basiscontent .standardTable th, .basiscontent .standardTable td { text-align: right; margin: 0; padding: 15px 15px 3px 15px; } .basiscontent .standardTable td { padding-top: 9px; border-top: 1px solid #cccccc; } .basiscontent .standardTable .first { text-align: left; } .basiscontent .standardTable .last { background: #DAE5EB; } .basiscontent .standardTable .lastrow td { border-bottom: 1px solid #cccccc; } /*** FAQ Styles ***/ .faqdisplay { background: #fff; width: 100%; } .faqdisplay h1, .faqdisplay h2 { background: url("/static/de-mainova/images/Bilder_Layout/form_linie.png") no-repeat scroll 15px bottom #DAE5EB; color: #333333; font-size: 14px; margin: 0; padding: 0 15px 5px 15px; } .faqdisplay .faq_head { background: url("/static/de-mainova/images/Bilder_Layout/form_bg_top.png") no-repeat scroll 0 0 transparent; height: 15px; width: 510px; } .faqdisplay .faq_subhead { background: #DAE5EB; height: 18px; width: 510px; } .faqdisplay .faq_bottom { background: url("/static/de-mainova/images/Bilder_Layout/form_bg_bottom.png") no-repeat scroll 0 0 transparent; height: 20px; width: 510px; } .faqdisplay select { background: #fff; width: 295px; } .faqdisplay .faqitem { border-top: 1px solid #fff; background: #DAE5EB; padding: 0 15px 20px 15px; } .faqdisplay .faqlabel { color: #000; float: left; padding: 3px 0 0 0; margin-right: 130px; } .faqdisplay .faq_keywords { display: none; } .faqdisplay .faqitem .accordion h4 a { background: url("/static/de-mainova/images/Bilder_Layout/icon_plus.png") no-repeat scroll right 0 transparent; display: block; padding-right: 15px; margin: 10px 0 0 0; text-decoration: none; } .faqdisplay .faqitem .accordion div { display: block; } .faqdisplay .noborder { border: none !important; } div.layout-3cols-3 a.download, div.layout-3cols-3 a { color: white; } .clearer { clear: both; margin-bottom: 18px; display: block; } .actionbutton { height: 22px; /* Chrome-Optimierung - 18.10.2012 */ } .actionbutton a { background: url('/static/de-mainova/images/Bilder_Layout/bestellen_l.gif') no-repeat; height: 20px; padding: 2px 6px 0px 20px; font-weight: bold; text-decoration: none; color: white; display: block; position: relative; float: left; } .actionbutton a span { background: url('/static/de-mainova/images/Bilder_Layout/bestellen_r.gif') no-repeat scroll 0 0 transparent; display: block; height: 20px; right: -3px; top: 0; width: 5px; position: absolute; } /*Blau-Roter Button für Geschäftskundenbereich - 15.1.2016 */ .actionbutton2 { height: 22px; /* Chrome-Optimierung - 18.10.2012 */ } .actionbutton2 a { background: url('/static/de-mainova/images/Bilder_Layout/button_l.gif') no-repeat; height: 20px; padding: 3px 6px 0px 20px; font-weight: bold; text-decoration: none; color: #004c92; display: block; position: relative; float: left; } .actionbutton2 a span { background: url('/static/de-mainova/images/Bilder_Layout/button_r.gif') no-repeat scroll 0 0 transparent; display: block; height: 20px; right: -3px; top: 0; width: 5px; position: absolute; } /*------- Colorbox extended ---------*/ #colorbox h1.mainheadline490 { background: url('/static/de-mainova/images/Bilder_Layout/content_headline.gif') no-repeat; height: 55px; margin: 0px 0px 25px 0px; font-size: 22px; color: #FFF; width: 490px; font-weight: normal; padding: 10px 5px 5px 15px; } #colorbox h1.mainheadline { background: url('/static/de-mainova/images/Bilder_Layout/layer_content_headline.png') no-repeat; height: 55px; margin: 0px 0px 25px 0px; font-size: 22px; color: #FFF; width: 710px; font-weight: normal; padding: 10px 5px 5px 15px; } #cboxContent { padding: 0; } #cboxClose { color: #004C92; height: 20px; background-position: -25px -2px; text-indent: -60px; } #cboxClose.hover { background-position: -25px -27px; } /*------- Tarifberater---------*/ .tarif_content { width: 730px; } .tarifbezeichner { width: 690px; position: absolute; top: 69px; left: 20px; z-index: 5; } .tarifkey { height: 23px; padding: 9px 0px 0px 0px; border-bottom: 1px solid #adbed3; font-weight: bold; } .tarifitem { float: left; width: 170px; margin: 0px 0px 20px 10px; position: relative; z-index: 500; } .tarifitem.cols2 { width: 255px; } .tarifitem.cols1 { width: 520px; } .tarif_content .tarifitem .portlet-header h1 { padding: 25px 0px 17px 20px; font-size: 16px; height: 25px; } .tarifitem .portlet-content-container div { height: 23px; padding: 9px 0px 0px 20px; border-bottom: 1px solid #adbed3; left: -20px; margin-right: -50px; position: relative; width: 148px; } .tarifitem.cols2 .portlet-content-container div { width: 235px; } .tarifitem.cols1 .portlet-content-container div { width: 500px; } .portlet-content-container div.tarifpreis, .portlet-content-container div.klimapreis, .portlet-content-container div.garantiepreis, .portlet-content-container div.garantiepreis, .portlet-content-container div.oekopgvpreis { color: #002C77; font-size: 20px; font-weight: bold; height: 27px; padding: 5px 0 0 20px; } .portlet-content-container div .tarifinfo, .portlet-content-container div .klimainfo, .portlet-content-container div .garantieinfo { background: url('/static/de-mainova/images/Bilder_Layout/icon_info_large.png') no-repeat right 0px; padding: 3px 20px 0px 0px; font-weight: bold; display: block; height: 23px; width: 80px; } .portlet-content-container div.tarifitem_footer { height: auto; text-align: right; border: 0px; border: 1px solid red; } .printIcon, a.printIcon { background: url('/static/de-mainova/images/Bilder_Layout/form_button_print.png') no-repeat; height: 20px; padding: 2px 6px 3px 24px; font-weight: bold; text-decoration: none; position: relative; } .printIcon span { background: url('/static/de-mainova/images/Bilder_Layout/form_button_bg.png') no-repeat; width: 4px; height: 20px; position: absolute; top: 0px; right: -3px; display: block; } .portlet-content-container div.tarif_auswahl { border: 0px; position: absolute; left: 20px; bottom: -10px; color: #FFF; padding: 0; height: 0px; width: 100px; } .tarif_abschlussform { padding: 0px 0px 30px 180px; line-height: 30px; color: #333; left: 0px; position: absolute; top: 424px; z-index: 501; } .tarif_abschlussform_spanner { height: 140px; } .tarif_footer { border-top: 1px solid #c1c1c1; padding: 20px 0px 0px 0px; line-height: 25px; } .tarif_close_link { background: url('/static/de-mainova/images/Bilder_Layout/icon_arrow_small.png') right 2px no-repeat; float: right; margin-right: 40px; padding-right: 15px; } .tarif_error { color: #D82130; font-weight: normal; padding: 20px; } .tarif_error p { margin: 0px; margin-bottom: 10px; } .tarif_error .formular { padding-bottom: 10px; } .errortext { color: #D82130; font-weight: bold; } .infotext { color: #000000; } /*--- Tarifrechner Satellitenspalte (SP)---*/ .guenstigButton { background: url('/static/de-mainova/images/Bilder_Layout/button_guenstiger_rechnen.png') no-repeat; height: 105px; width: 144px; position: absolute; right: -12px; top: -68px; z-index: 50; } .portlet-header h1.tarifrechner_sp_header { font-size: 12px; height: 60px; } .tarifrechner_sp_header input[type="radio"] { top: 0px; } .tarifrechner_sp input.plz { width: 62px; position: relative; z-index: 50; } .tarifrechner_sp_spanner { background: url('/static/de-mainova/images/Bilder_Layout/dotline.gif') repeat-x; height: 2px; clear: both; padding: 0; margin: 10px 0px 10px 0px; } .tarifrechner_sp .stromrechner, .tarifrechner_sp .gasrechner { padding: 26px 0px 0px 0px; position: relative; width: 200px; } .tarifrechner_sp #slider, .tarifrechner_sp #slider2 { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_slider_small_bg.png') no-repeat; width: 180px; height: 10px; padding: 1px 2px 0px 2px; cursor: pointer; margin-top: 11px; margin-left: 4px; } .tarifrechner_sp .tarife_content_pk .stromrechner, .tarifrechner_sp .stromrechner { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_bg_small_strom.png') no-repeat; } .tarifrechner_sp .tarife_content_pk .gasrechner, .tarifrechner_sp .gasrechner { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_bg_small_gas.png') no-repeat; } .tarifrechner_sp .tarife_content_gk .stromrechner, .tarifrechner_sp .tarife_content_gk .gasrechner { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_gk_bg_small.png') no-repeat 0px 35px; } .pramie_thumb { padding: 0 10px; margin: 0 5px 5px 0; float: left; height: 160px; width: 95px; text-align: center; background: url('/static/de-mainova/images/Bilder_Layout/thumb_praemie.png') no-repeat left bottom transparent; } .pramie_thumb input.radio { margin-bottom: 5px; } .pramie_thumb a.zoomIcon { background: url('/static/de-mainova/images/Bilder_Layout/basis/icon_lupe.gif') no-repeat left top; padding-left: 20px; margin-top: 5px; float: right; } /*--- Tarifrechner Downtime---*/ .portlet.downtimeLayer .portlet-content-container { background: url("/static/de-mainova/images/Bilder_Layout/tarifrechner_downtime.png") no-repeat; left: -20px; position: relative; top: -12px; padding-top: 30px; width: 720px; } #content .downtimeLayer .content_left, .downtimeLayer .content_left { font-size: 16px; font-weight: bold; margin-left: 25px; width: 230px; float: left; line-height: 20px; } .downtimeLayer .content_right { margin-left: 265px; } /*--- Preischeck Downtime---*/ .preischeck_result_container .downtimeLayer { background: url("/static/de-mainova/images/Bilder_Layout/preischeck_downtime.png") no-repeat; margin: 25px 0px 40px 0px; position: relative; left: -20px; width: 490px; padding-top: 20px; } #content .preischeck_result_container .downtimeLayer .content_left { top: 35px; width: 170px; } .preischeck_result_container .downtimeLayer .content_right { float: left; width: 295px; margin-left: 0px; } .landingpage .preischeck_result_container .downtimeLayer { background: url("/static/de-mainova/images/Bilder_Layout/preischeck_downtime_landingpage.png") no-repeat; padding-left: 80px; left: -100px; } /** downloadicons **/ .download { text-decoration: none; margin: 5px 0 0px 0; padding: 0 0 0 20px; display: block; background: url('/static/de-mainova/images/Bilder_Layout/icon_generisch.png') 0px 0px no-repeat; } .download:hover { text-decoration: underline; } .downloadBeschreibung { margin-bottom: 15px; margin-left: 20px; } .mp3 { background: url('/static/de-mainova/images/Bilder_Layout/icon_music.png') 0px 0px no-repeat; } .wav { background: url('/static/de-mainova/images/Bilder_Layout/icon_sound.png') 0px 0px no-repeat; } .txt { background: url('/static/de-mainova/images/Bilder_Layout/icon_textdokument.png') 0px 0px no-repeat; } .doc, .docx { background: url('/static/de-mainova/images/Bilder_Layout/icon_doc.png') 0px 0px no-repeat; } .zip, .gzip, .gz, .7z, .rar { background: url('/static/de-mainova/images/Bilder_Layout/icon_zip.png') 0px 0px no-repeat; } .exe { background: url('/static/de-mainova/images/Bilder_Layout/icon_exe.png') 0px 0px no-repeat; } .extern { background: url('/static/de-mainova/images/Bilder_Layout/icon_extern.png') 0px 0px no-repeat; float: left; } .grafik, .jpg, .gif, .png, .tiff, .psd { background: url('/static/de-mainova/images/Bilder_Layout/icon_grafik.png') 0px 0px no-repeat; } .pdf { background: url('/static/de-mainova/images/Bilder_Layout/icon_pdf.png') 0px 0px no-repeat; } .ppt { background: url('/static/de-mainova/images/Bilder_Layout/icon_ppt.png') 0px 0px no-repeat; } .xls, .xlsx, .xlsb, .xlsm, .xltx { background: url('/static/de-mainova/images/Bilder_Layout/icon_xls.png') 0px 0px no-repeat; } .video, .wmv, .avi, .flv, .swf, .mp4 { background: url('/static/de-mainova/images/Bilder_Layout/icon_video.png') 0px 0px no-repeat; } .infonavi .download, .infonavi .exe, .infonavi .extern { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_dokument.png') 0px 0px no-repeat; } .infonavi .mp3 { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_music.png') 0px 0px no-repeat; } .infonavi .wav { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_sound.png') 0px 0px no-repeat; } .infonavi .txt { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_textdokument.png') 0px 0px no-repeat; } .infonavi .doc, .infonavi .docx { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_doc.png') 0px 0px no-repeat; } .infonavi .zip, .infonavi .gzip, .infonavi .gz, .infonavi .7z, .infonavi .rar { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_zip.png') 0px 0px no-repeat; } .infonavi .grafik, .infonavi .jpg, .infonavi .gif, .infonavi .png, .infonavi .tiff, .infonavi .psd { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_jpg.png') 0px 0px no-repeat; } .infonavi .pdf { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_pdf.png') 0px 0px no-repeat; } .infonavi .ppt { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_ppt.png') 0px 0px no-repeat; } .infonavi .xls { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_xls.png') 0px 0px no-repeat; } .infonavi .video, .infonavi .wmv, .infonavi .avi, .infonavi .flv, .infonavi .swf, .infonavi .mp4 { background: url('/static/de-mainova/images/Bilder_Layout/icon_w_movie.png') 0px 0px no-repeat; } /** Asset Angebot Modul **/ .basiscontent table.assets { width: 510px; margin-bottom: 30px; } .basiscontent table.assets td { border-bottom: 1px solid #cccccc; vertical-align: top; padding: 10px 0 10px 0; text-align: right; } .basiscontent table.assets td.left { text-align: left; padding-left: 35px; } .basiscontent table.assets td img { margin: -5px 10px -5px 10px; } .basiscontent table.assets td strong { color: #000000; } .basiscontent strong.assetsmark { color: #000000; padding: 15px 0 15px 0; display: block; } .basiscontent .contentpdfdownload a.download { font-weight: bold; } .basiscontent .contentpdfdownload .download span { color: #000000; font-weight: normal; } /** Adhoc Meldung **/ .adhoc_meldung a { color: #004b91; font-weight: bold; padding-left: 10px; } .adhoc_meldung div { margin-bottom: 20px; } /** pressebilder bilderlisten**/ .bilderliste { position: relative; } .bilderliste div { background: url('/static/de-mainova/images/Bilder_Layout/bg_bilder.png') no-repeat left top transparent; padding: 0; margin: 0 4px 7px 3px; height: 200px; width: 120px; text-align: center; color: #004C92; float: left; z-index: 20; } .bilderliste div .thumbnail { text-align: center; margin: 10px 0 5px 10px; width: 100px; height: 100px; } .bilderliste div .thumbnail img { vertical-align: middle; text-align: center; } .bilderliste div a { padding: 0 10px 0 10px; text-align: center; display: block; } #subpage .detailview { background: url('/static/de-mainova/images/Bilder_Layout/tooltip_bg.png') no-repeat left bottom transparent; display: none; text-align: left; color: #000000; width: 504px; z-index: 90; position: absolute; left: auto; height: auto; } #subpage .detailview .header { background: url('/static/de-mainova/images/Bilder_Layout/tooltip_bg.png') no-repeat left top transparent; float: left; height: 10px; margin-top: -10px; width: 504px; z-index: 95; } #subpage .detailview a { color: #004C92; font-weight: bold; margin: 10px 0; padding-left: 0; text-align: left; } #subpage .detailview dl { float: left; height: auto; width: 270px; text-align: left; margin: 5px 15px 15px 15px; } #subpage .detailview dd { margin: 0 0 15px 0; } #subpage .detailview div.right { background: none transparent; float: left; height: auto; width: 189px; text-align: left; margin: 5px 15px 15px 0; color: #000000; } /** pressemitteilung **/ .pm .pmheader .date { color: #000000; font-weight: bold; padding: 0 10px 0 0; } .pm .pmheader span { padding: 0 10px 0 10px; } #content .layout-3cols-2 .pm h3 { color: #000000; font-size: 14px; margin: 10px 0 10px 0; } /*--- Sitemap ---*/ .sitemap ul { padding: 0px; margin: 0px; } .sitemap ul li { background: url('/static/de-mainova/images/Bilder_Layout/sitemap_header.gif') no-repeat; font-weight: bold; list-style-type: none; width: 510px; padding-top: 0; margin-top: 3px; } .sitemap ul li a { background: url('/static/de-mainova/images/Bilder_Layout/sitemap_icon_arrow.gif') no-repeat left 11px; padding-left: 15px; padding-top: 6px; font-size: 14px; margin-top: 0; margin-left: 10px; display: block; height: 21px; } .sitemap ul ul li { background: url('/static/de-mainova/images/Bilder_Layout/sitemap_punkte.gif') repeat-x; font-size: 12px; padding-top: 0px; padding-left: 50px; width: auto; margin-top: 0; } .sitemap ul ul li a { background: url('/static/de-mainova/images/Bilder_Layout/sitemap_icon_arrow_small.gif') no-repeat left 9px; padding-left: 12px; font-size: 12px; margin-left: 0px; /*padding-top:5px;*/ height: auto; } .sitemap ul ul ul { background: none; padding-left: 0px; padding-top: 0px; margin-left: 50px; margin-top: 0; } .sitemap ul ul ul ul { background: none repeat scroll 0 0 transparent; margin-left: 50px; } .sitemap ul ul ul li { font-weight: normal; background: none; padding-left: 10px; } .sitemap ul ul ul ul ul { margin-left: 55px; } .sitemap ul ul ul ul ul li { background: none; list-style-type: square; padding-left: 0px; font-size: 11px; } .sitemap ul ul ul ul ul li a { background: none; padding-left: 0px; font-size: 12px; } /** Presse-Ansprechpartner **/ .layout-3cols-2 .info_portlet .portlet-content-container .contact { display: block; clear: both; margin: 10px 0 10px 0; } .layout-3cols-2 .info_portlet .portlet-content-container .contact img { float: left; margin: 0px 10px 10px 0; } *+ html .layout-3cols-2 .info_portlet .portlet-content-container .contact img { margin: 0px 10px 20px 0; } .layout-3cols-2 .info_portlet .portlet-content-container .contact span { display: block; font-size: 14px; font-weight: bold; margin-bottom: 15px; } .layout-3cols-2 .info_portlet .portlet-content-container .contact a { font-weight: bold; } .layout-3cols-2 .info_portlet .portlet-content-container .contact img.encryptedEmail { display: inline; float: none; margin: 0; position: relative; vertical-align: text-bottom; // -- MNV-65 } /** für verlinkte Bilder **/ .imageLink { cursor: pointer; } /** für die Druckansicht **/ #homepageprint, #printfooter, .printlogo { display: none; } /** Fix für IE7 Hintergrundgrafik **/ #homepageSpecial2 { margin: auto; width: 900px; height: 450px; position: relative; } #homepageSpecial2_sub { position: absolute; left: 716px; width: 190px; height: 10px; top: 405px; background: url('/static/de-mainova/images/Bilder_Layout/bg.png') repeat-x scroll 0pt -405px transparent; } /*---- NEUE FORMULARE ONLINE SERVICE ----*/ @charset "utf-8"; /* CSS Document */ .formular { color: #333; } .formular label { float: left; width: 178px; display: block; padding: 3px 3px 0px 0px; font-weight: bold; margin: 0px; } .formular input, .formular select, .formular textarea { width: 290px; padding: 2px 2px 2px 5px; background: url("/static/de-mainova/images/Bilder_Layout/input_bg.png") no-repeat; border: 1px solid #BEC9D7; border-radius: 2px 2px 2px 2px; color: #333333; margin: 0px; } .formular select { width: 298px; } .formular textarea { min-height: 120px; overflow: visible; } .formular input.plz { width: 45px; } .formular input.ort { width: 233px; } .formular ol { margin: 0px; padding: 0px; } .formular ol li { list-style: none; margin-bottom: 8px; clear: both; } .formular ol li.btn_row { text-align: right; } .formular ol li.btn_row_left { text-align: left; } .formular ol li .btn_left { float: left; } .formular button, .formular li a, .formular li span { background: transparent; width: auto; text-align: center; border: 0px; padding: 0px 4px 4px 0px; cursor: pointer; margin-right: -4px; overflow: visible; } .formular button span, .formular li a span, .formular li span span { background: url("/static/de-mainova/images/Bilder_Layout/form_button_bg.png") no-repeat right top; padding: 0px 4px 0px 0px; display: block; } .formular li a span, .formular li span span { display: inline-block; } .formular button span em, .formular li a span em, .formular li span span em { background: url("/static/de-mainova/images/Bilder_Layout/form_button_pfeil.png") no-repeat; padding: 0px 8px 0px 20px; display: block; font: bold 12px/20px Arial, Helvetica, sans-serif; color: #004C92; } .formular li a span em, .formular li span span em { display: inline-block; } .formular button.btn_print span em { background: url("/static/de-mainova/images/Bilder_Layout/form_button_print.png") no-repeat; padding: 0px 8px 0px 24px; } .formular button.btn_back span em { background: url("/static/de-mainova/images/Bilder_Layout/form_button_backpfeil.png") no-repeat; } .formular input[type="radio"] { width: auto; margin-top: 0px; background: none; border: 0px; } .formular input[type="checkbox"] { width: auto; margin-top: 0px; background: inherit; background-image: none; border: 0px; } .formular input[disabled], .formular select[disabled], .formular textarea[disabled] { background: #C0C0C0; color: #000000; } .formular input[type="checkbox"][disabled] { background: none; } .formular .form-4cols label { margin-left: 15px; } .formular .form-4cols input { width: 136px; } .formular h2 { color: #3D3D3D; font-size: 12px; } .formular .pflichtfeld { color: #D82130; } .errormessage { background: url('/static/de-mainova/images/Bilder_Layout/form_icon_fehler.png') 0px 3px no-repeat; color: #D82130; margin: 0px 0px 15px 0px; padding: 10px 15px 5px 40px; font-weight: bold; } input.small { width: 80px; } input.middle { width: 140px; } input.large { width: 200px; } select.small { width: 88px; } select.middle { width: 148px; } select.large { width: 208px; } .formular.login_form li input { width: 95px; } .pdf_do wnload { background: url('/static/de-mainova/images/Bilder_Layout/icon_pdf.png') right 0px no-repeat; padding: 0px 20px 0px 0px } th.valign_middle, td.valign_middle, tr.valign_middle td { vertical-align: middle; } /*----- Formular Spalten -----*/ .form_box_table { border: 1px solid #EDF2F5; } .form_box_table th { background: #EDF2F5; text-align: left; color: #333333; } .form_box_table th, .form_box_table td { padding: 5px; vertical-align: top; } .form_box_table td a { font-weight: bold; } .form_box_table .pdf_download a { background: url('/static/de-mainova/images/Bilder_Layout/icon_pdf.png') no-repeat; width: 13px; height: 13px; display: block; float: right; text-decoration: none; } .form_box_table td.error, .form_box_table label.error { color: #d82130 } /*----- Formular Portlet -----*/ .portlet.form_portlet, .form_portlet .portlet-header, .form_portlet .portlet-header h1, .form_portlet .portlet-content { background: url('/static/de-mainova/images/Bilder_Layout/info_portlet_bg.png') no-repeat right bottom; } .form_portlet { color: #333; } .form_portlet .portlet-header { background-position: right top; margin-right: -5px; padding-right: 40px; position: relative; top: -7px; margin-bottom: -7px; } .form_portlet .portlet-header h1 { background-position: left top; margin: 0px 0px 0px 0px; padding: 11px 0px 0px 15px; color: #004C92; font-size: 16px !important; position: relative; left: -7px; } .form_portlet .portlet-content { background-position: left bottom; padding: 1px 0px 10px 15px; position: relative; left: -7px; margin-top: 0px; min-height: 0px; } /*---- NEUE FORMULARE ONLINE SERVICE ENDE----*/ .gewinnspielFrage .portlet-content .portlet-content-container .trennerlinie { background: url('/static/de-mainova/images/Bilder_Layout/bg_line_white_on_blue.gif') no-repeat 0px bottom; margin: 0px 0px 18px 0px; padding: 0px 0px 5px 0px; } /* -- Gewinnspiel -- */ .gewinnspielFrage label { width: 165px; float: left; } .gewinnspielFrage p { margin-bottom: 0; } .gewinnspielFrage .form_standard td, .gewinnspielFrage td, .gewinnspielFrage table { background: none; } .gewinnspielFrage .firstBlue { width: 100px; background: none !important; } .CheckBoxNutzungsbedingungen { background: url('/static/de-mainova/images/Bilder_Layout/Checkbox_white_bg.png') no-repeat top left transparent; width: 52px; float: left; line-height: 55px !important; padding-left: 19px; } /* -- Gewinnspiel ENDE -- */ /** Styles für den Veranstaltungskalender Begin **/ .veranstaltungskalender { background: url('/static/de-mainova/images/Bilder_Layout/vk_bg.png') no-repeat; height: 209px; } #content .veranstaltungskalender h1.mainheadline { background: none; margin-bottom: 0px; } .vk_monat { width: 100px; height: 100px; float: left; margin: 20px 0px 0px 0px; text-align: center; position: relative; } .vk_monat a { text-decoration: none; } .vk_back, .vk_next, .vk_month_overview, .vk_jahr { display: block; } .vk_back { background: url('/static/de-mainova/images/Bilder_Layout/vk_back.png') 0px 3px no-repeat; width: 7px; height: 11px; margin: 0px 4px 0px 5px; position: absolute; top: 0px; left: 0px; cursor: pointer; } .vk_next { background: url('/static/de-mainova/images/Bilder_Layout/vk_next.png') 0px 3px no-repeat; width: 7px; height: 11px; margin: 0px 5px 0px 4px; position: absolute; top: 0px; right: 0px; cursor: pointer; } .vk_month_overview { font-size: 12px; font-weight: bold; } .vk_jahr { color: #004C92; font-size: 16px; font-weight: bold; width: 100px; text-align: center; padding-top: 10px; } .vk_tagesraster { background: url('/static/de-mainova/images/Bilder_Layout/vk_tagesraster.png') no-repeat; width: 395px; height: 86px; float: left; margin: 20px 0px 0px 0px; padding: 22px 0px 0px 1px; } .layout-3cols-3 .veranstaltungskalender { background: #FFF; height: 209px; } .layout-3cols-3 .veranstaltungskalender h1.mainheadline { background: none; margin-bottom: 0px; } .layout-3cols-3 .vk_monat { background: #FFF; width: 198px; height: 10px; float: left; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; text-align: center; position: relative; } .layout-3cols-3 .vk_monat a { text-decoration: none; color: #004C92; } .layout-3cols-3 .vk_back, .layout-3cols-3 .vk_next, .layout-3cols-3 .vk_month_overview, .layout-3cols-3 .vk_jahr { display: block; } .layout-3cols-3 .vk_back { background: url('/static/de-mainova/images/Bilder_Layout/vk_back.png') 0px 3px no-repeat; width: 7px; height: 11px; margin: 5px 4px 0px 5px; position: absolute; top: 0px; left: 0px; cursor: pointer; } .layout-3cols-3 .vk_next { background: url('/static/de-mainova/images/Bilder_Layout/vk_next.png') 0px 3px no-repeat; width: 7px; height: 11px; margin: 5px 5px 0px 4px; position: absolute; top: 0px; right: 0px; cursor: pointer; } .layout-3cols-3 .vk_month_overview { font-size: 12px; font-weight: bold; } .layout-3cols-3 .vk_jahr { color: #004C92; font-size: 16px; font-weight: bold; width: 100px; text-align: center; position: absolute; top: 0px; right: 0px; float: right; } .layout-3cols-3 .vk_tagesraster { background: url('/static/de-mainova/images/Bilder_Layout/vk_tagesraster_satelit.png') no-repeat; width: 198px; height: 142px; /*float: left; margin: 10px 0px 0px 0px; padding: 22px 0px 0px 1px;*/ } .layout-3cols-3 .vk_tagesraster.vk_tagesraster_extended, .layout-3cols-3 .vk_tagesraster_extended { background: url('/static/de-mainova/images/Bilder_Layout/vk_tagesraster_satelit_extended.png') no-repeat; width: 198px; height: 170px; float: left; margin: 20px 0px 0px 0px; padding: 22px 0px 0px 1px; } .vk_tagesraster a, .vk_tagesraster div { float: left; width: 27px; height: 21px; margin: 0px 1px 1px 0px; padding-top: 6px; text-align: center; color: #004C92; font-weight: bold; } .vk_tagesraster a { display: block; cursor: pointer; text-decoration: none; } .vk_tagesraster .vk_today { border: 1px solid red; width: 25px; height: 19px; } .vk_tagesraster .vk_event { background: url('/static/de-mainova/images/Bilder_Layout/vk_tag_hover.png') no-repeat; position: relative; } .vk_tooltip div { display: none; border: 1px solid #CCC; padding: 5px; color: #004C92; background: #FFF; position: absolute; z-index: 9999; } .vk_tooltip div.visible { display: block; } .vk_tooltip div p { font-size: 12px; } .eventliste .event_content { margin: 0px 0px 15px 0px; padding-top: 20px; } .eventliste .event_content.seperator { background: url('/static/de-mainova/images/Bilder_Layout/form_linie2.png') no-repeat; } .eventliste h2 { margin: 10px 0px 10px 0px; font-size: 18px; color: #000; } .eventliste p { margin: 0px; } .eventliste a { background: url("/static/de-mainova/images/Bilder_Layout/navi_arrow.png") no-repeat scroll 0 4px transparent; color: #004C92; display: block; font-size: 12px; height: 21px; padding-left: 13px; text-decoration: none; } .list_month { cursor: pointer; } /** Styles für den Veranstaltungskalender End **/ #homepage .homepage_carousel_box #carouselText { text-align: center; margin-right: 25px; } .externalLink { background: url('/static/de-mainova/images/Bilder_Layout/icon_extern.png') 0px 0px no-repeat; padding-left: 13px; margin-left: 5px; } /** PreisCheck Styles begin**/ #preischeck_form .portlet .portlet-header h1.preischeck, .preischeck_seite2 .portlet .portlet-header h1.preischeck { color: #FFFFFF; font-size: 22px; font-weight: normal; margin: 0; padding: 14px 5px 0px 25px; } #preischeck_form .portlet .portlet-header, .dialog_c2b .portlet-header { z-index: 1; } .preischeck_seite2 .portlet .portlet-header h1.result { color: #FFFFFF; font-size: 22px; font-weight: normal; margin: 0; padding: 14px 5px 0px 25px; position: relative; z-index: 500; line-height: 22px; } .preischeck_seite2 .portlet-content.tarifrechner { height: 152px; } .preischeck_result { padding-left: 7px; } .preischeck_klimaschutz { margin-top: 11px; padding-left: 7px; position: absolute; } .preischeck_klimaschutz label { vertical-align: top; } .angebotspreis, .angebotspreis span.preisBrutto { color: #FFFFFF; font-size: 22px; font-weight: normal; padding-left: 7px; padding-top: 10px; } #preischeck_form .tarifrechner.portlet-content-container { background: url("/static/de-mainova/images/Bilder_Layout/tarifrechner_bg_small_strom.png") no-repeat scroll 155px 27px transparent; padding-left: 25px; padding-right: 10px; z-index: 15; position: relative; overflow: hidden; } #preischeck_form .tarifrechner.portlet-content-container span { float: left; } #preischeck_form .tarifrechner.portlet-content-container .intro { z-index: 11; position: relative; } #preischeck_form .tarifrechner.portlet-content-container input.plz { left: 25px; position: absolute; width: 65px; top: 77px; z-index: 100; } #preischeck_form #slider_pc, #preischeck_form #slider2_pc { background: url("/static/de-mainova/images/Bilder_Layout/tarifrechner_slider_small_bg.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 8px; position: absolute; left: 128px; top: 66px; width: 180px; } #preischeck_form #slider2_pc { left: 122px; } #preischeck_form .ui-state-default-mainova, #preischeck_form .ui-widget-content-mainova .ui-state-default-mainova, #preischeck_form .ui-widget-header-mainova .ui-state-default-mainova { background: url("/static/de-mainova/images/Bilder_Layout/tarifrechner_slider.png") no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; height: 27px; margin: -16px 0 0 -10px; position: absolute; width: 23px; z-index: 2; } #preischeck_form .stromrechner, #preischeck_form .gasrechner { float: none; padding-top: 65px; padding-left: 0px; position: relative; width: auto; } .pricecheck_back_button { background: url("/static/de-mainova/images/Bilder_Layout/pricecheck_icon_arrow_small.png") no-repeat scroll 0 3px transparent; color: #FFFFFF; padding: 0 9px 5px 15px; position: absolute; right: 0; bottom: 10px; } .pricecheck_kunde_button { color: #FFFFFF; text-decoration: underline; position: absolute; left: 25px; top: 133px; } .preischeck_kundenfrage { position: absolute; left: 25px; top: 89px; } .preischeck_kundenfrage_grund { position: absolute; left: 27px; top: 80px; display: none; } .kundenfrage { background: none repeat scroll 0 0 transparent; border: medium none; height: auto; margin: 0 4px 0 0; position: relative; top: 2px; width: auto; } .preischeck_tarif_footer { border-top: none; line-height: 18px; padding: 20px 0 0 0; } .preischeck_tarif_abschlussform_spanner { height: 0px; } .details_preischeck_info .portlet { margin: 0 7px 15px 0; } .preischeck_tarif_content { width: 510px; padding: 20px 0 0 20px; } .preischeck_tarifitem { width: 300px; margin: 0 0 20px 160px; } .preischeck_tarifitem .portlet-header h1 { height: 0; padding: 10px 0 0; } preischeck_tarifitem .portlet-content-container div { width: 278px; } .preischeck_tarifbezeichner { width: 470px; top: 12px } .preischeck_tarifkey { border-bottom: 1px solid #ADBED3; font-weight: bold; height: 23px; padding: 9px 0 0; } .tarifberater_preischeck_seite2 .preischeck_tarifitem .portlet-content-container div { width: 278px; } .preischeck_tarifitem .portlet-content-container div { border-bottom: 1px solid #ADBED3; height: 23px; left: -20px; margin-right: -50px; padding: 9px 0 0 20px; position: relative; width: 168px; } .tarifberater_preischeck_seite2 .preischeck_tarifbezeichner { top: 12px; width: 470px; } .preischeck_tarifbezeichner { left: 20px; position: absolute; top: 13px; width: 470px; z-index: 5; } .preischeck_pk_strom img { position: absolute; right: -153px; top: -48px; z-index: 10; } .preischeck_pk_gas img { position: absolute; right: -153px; top: -48px; z-index: 10; } #preischeck_form .tarifrechner.portlet-content-container .intro.preischeck_pk_plz, .preischeck_pk_plz { position: absolute; top: 52px; left: 25px; } #preischeck_form .tarifrechner.portlet-content-container .intro.preischeck_haushalt, .preischeck_haushalt { position: absolute; top: 52px; left: 155px; display: none; } #preischeck_form .tarifrechner.portlet-content-container .intro.preischeck_flaeche, .preischeck_flaeche { position: absolute; top: 52px; left: 155px; display: none; } #preischeck_form .tarifrechner.portlet-content-container .intro.preischeck_verbrauch, .preischeck_verbrauch { position: absolute; top: 52px; left: 375px; } .preischeck_input_verbrauch { position: absolute; left: 375px; top: 77px; vertical-align: top; } .preischeck_trenner { position: absolute; width: 465px; left: 25px; top: 117px; z-index: 1; } .preischeck_trenner2 { position: absolute; width: 465px; left: 25px; bottom: 35px; z-index: 1; } .preischeck_gk_strom img { z-index: 10; position: absolute; right: -184px; top: -59px; } .preischeck_gk_gas img { z-index: 10; position: absolute; right: -184px; top: -59px; } .preischeck_gk_plz { position: absolute; top: 55px; left: 25px; vertical-align: top; } #preischeck_form .tarifrechner.portlet-content-container .preischeck_gk_plz input.plz { position: relative; left: 0px; top: 0px; margin-right: 20px; width: 65px; position: relative; z-index: 200; } #preischeck_form .tarifrechner.portlet-content-container .preischeck_gk_plz input.verbrauch_pc { width: 65px; margin-right: 10px; position: relative; z-index: 200; } .preischeck_stromrechner, .preischeck_gasrechner { display: block; margin: 43px 0 10px 159px; position: relative; z-index: 1; } /** PreisCheck Styles end **/ /** Tarifberater change request**/ #tarifItemList .tarif_abschlussform .anbieterCheckbox { display: none; } .ui-dialog-titlebar-close { position: absolute; right: 0px; top: 15px; float: none; } /* Ueberschreiben des Abstands in der Rueckmeldung vom Tariefberater 2.0*/ .margintopColorBoxHeadline { margin-top: 15px; } /*** standardTable:Formatierung für texteditor Tabellen ***/ td.tabellenzelleBlauerHintergrund { background: #DAE5EB; } td.tabellenzelleWeisserHintergrund { background: #FFFFFF; } td.tabellenzelleGrauerRandUnten { border-bottom: 1px solid #cccccc; } td.tabellenzelleGrauerRandOben { border-top: 1px solid #cccccc; } table.tabelleGrauerRand { border: 1px solid #cccccc !important; } table.standardTable { width: 100% !important; height: auto !important; padding: 0; margin: 0; border: none; } table.standardTableGrauerRand { width: 100% !important; height: auto !important; padding: 0; margin: 0; border: none; } table.streifenTabelle { width: 100% !important; height: auto !important; padding: 0; margin: 0; border: none; } table.streifenTabelleGrauerRand { width: 100% !important; height: auto !important; padding: 0; margin: 0; border: none; } table.einfarbigeTabelle { width: 100% !important; height: auto !important; padding: 0; margin: 0; border: none; } table.einfarbigeTabelleGrauerRand { width: 100% !important; height: auto !important; padding: 0; margin: 0; border: none; } table.vertikaleStreifenTabelle { width: 100% !important; height: auto !important; padding: 0; margin: 0; border: none; } table.vertikaleStreifenTabelleGrauerRand { width: 100% !important; height: auto !important; padding: 0; margin: 0; border: none; } /** Icons für interne und externe Links **/ a.contentLinkExtern, a.contentLinkIntern { text-decoration: none; margin: 0; padding: 0 0 0 15px; display: inline; line-height: 2; /** neue Anforderung - 03/2016 - Ulrich **/ background: url('/static/de-mainova/images/Bilder_Layout/icon_extern.png') no-repeat 0px 0px; } a.contentLinkIntern { background: url('/static/de-mainova/images/Bilder_Layout/icon_arrow_small.png') no-repeat left 3px; } a.contentLinkIntern:hover, a.contentLinkExtern:hover { text-decoration: underline; } /*** Styles Verfügbarkeits Check begin ***/ .availabilityCheck { position: relative; } .availabilityCheck input { margin-top: 5px; width: 63px; display: block; } .availabilityCheck .box_nutzungsart { position: absolute; font-weight: bold; top: 12px; left: 0; } .availabilityCheck .box_nutzungsart input { display: inline; width: 20px; } .availabilityCheck .box_plz { position: absolute; top: 128px; font-size: 14px; font-weight: bold; left: 15px; padding: 0; } .availabilityCheck .box_plz input { display: inline; margin-left: 15px; margin-top: -5px; line-height: 21px; height: 21px; position: absolute; } .availabilityCheck .portlet-content-container { height: 180px; width: 470px; position: relative; background: url('/static/de-mainova/images/Bilder_Layout/vc_step1.png') no-repeat -21px 26px #002C77; } .availabilityCheck .containerEingabePLZ .portlet-content-container { background: url('/static/de-mainova/images/Bilder_Layout/vc_step1.png') no-repeat -21px 26px #002C77; height: 180px; } .availabilityCheck .containerAntwort_yes .portlet-content-container { background: url('/static/de-mainova/images/Bilder_Layout/vc_step2_yes.png') no-repeat -21px 26px #002C77; } .availabilityCheck .containerAntwort_no .portlet-content-container { background: url('/static/de-mainova/images/Bilder_Layout/vc_step2_no.png') no-repeat -21px 26px #002C77; } .availabilityCheck .containerPrivatStromGas .portlet-content-container { background: none; height: 260px; } .availabilityCheck .containerKleingewerbeStromGas .portlet-content-container { background: none; height: 250px; } .availabilityCheck .containerPrivatStrom .portlet-content-container, .availabilityCheck .containerPrivatGas .portlet-content-container, .availabilityCheck .containerKleingewerbeStrom .portlet-content-container, .availabilityCheck .containerKleingewerbeGas .portlet-content-container { background: none; height: 220px; } .availabilityCheckTariffOffer .info_portlet .portlet-header, .availabilityCheckTariffOffer .info_portlet.active .portlet-header { padding-right: 0; } .availabilityCheck .portlet .portlet-header h1 { color: #ffffff; font-size: 22px; font-weight: bold; margin: 0; padding: 20px 5px 5px 20px; } .availabilityCheck .containerPrivatStromGas .portlet-header h1, .availabilityCheck .containerPrivatStrom .portlet-header h1, .availabilityCheck .containerPrivatGas .portlet-header h1, .availabilityCheck .containerKleingewerbeStromGas .portlet-header h1, .availabilityCheck .containerKleingewerbeStrom .portlet-header h1, .availabilityCheck .containerKleingewerbeGas .portlet-header h1 { color: #002C77; } .availabilityCheck .step3bg { position: absolute; display: none; left: -20px; top: 13px; width: 490px; background: none; } .availabilityCheck .containerPrivatStromGas .step3bg { display: block; background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_pk.png') no-repeat 0px 0px #002C77; height: 240px; } .availabilityCheck .containerPrivatStrom .step3bg { display: block; background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_pk_strom.png') no-repeat 0px 0px #002C77; height: 190px; } .availabilityCheck .containerPrivatGas .step3bg { display: block; background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_pk_gas.png') no-repeat 0px 0px #002C77; height: 190px; } .availabilityCheck .containerKleingewerbeStromGas .step3bg { display: block; background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_gk.png') no-repeat 0px 0px #002C77; height: 240px; } .availabilityCheck .containerKleingewerbeStrom .step3bg { display: block; background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_gk_strom.png') no-repeat 0px 0px #002C77; height: 190px; } .availabilityCheck .containerKleingewerbeGas .step3bg { display: block; background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_gk_gas.png') no-repeat 0px 0px #002C77; height: 190px; } .availabilityCheck .portlet-content-container a { color: #ffffff; } .availabilityCheck a.btn_back { background: url('/static/de-mainova/images/Bilder_Layout/vc_back.png') no-repeat 0 3px; position: absolute; bottom: 5px; right: 5px; cursor: pointer; text-decoration: underline; padding: 0 2px 0 15px; color: #FFFFFF; } .availabilityCheck a.btn_back:hover { text-decoration: none; } .availabilityCheck a.form_buttons, .availabilityCheckTariffOffer a.form_buttons { background: url('/static/de-mainova/images/Bilder_Layout/vc_button_pfeil.png') no-repeat; color: #004C92; height: 20px; padding: 2px 6px 2px 20px; font-weight: bold; text-decoration: none; position: absolute; bottom: 29px; right: 35px; cursor: pointer; } .availabilityCheckTariffOffer a.form_buttons { padding: 2px 6px 2px 20px; position: absolute; bottom: 0; line-height: 17px; right: 162px; } .availabilityCheck a.form_buttons span.submit, .availabilityCheckTariffOffer a.form_buttons span.submit { background: url("/static/de-mainova/images/Bilder_Layout/form_button_bg.png") no-repeat right top transparent; height: 20px; width: 3px; margin: 0; padding: 0; position: absolute; right: -3px; top: 0; } .availabilityCheck .antwort a.form_buttons { bottom: 10px; right: 97px; } .verbrauchAuswahlPrivatStromGas a.strom { left: 41px; bottom: 36px; position: absolute; width: 115px; } .verbrauchAuswahlPrivatStromGas a.gas { left: 292px; position: absolute; width: 115px; bottom: 36px; } .verbrauchAuswahlKleingewerbeStromGas a.strom { position: absolute; width: 115px; left: 38px; bottom: 46px; } .verbrauchAuswahlKleingewerbeStromGas a.gas { position: absolute; width: 115px; left: 290px; bottom: 46px; } .availabilityCheck .verbrauchAuswahlPrivatStrom a.form_buttons, .availabilityCheck .verbrauchAuswahlPrivatGas a.form_buttons { bottom: 45px; right: 40px; } .availabilityCheck .verbrauchAuswahlKleingewerbeStrom a.form_buttons, .availabilityCheck .verbrauchAuswahlKleingewerbeGas a.form_buttons { bottom: 47px; right: 168px; } .availabilityCheck .dialogBox { display: none; margin-left: 25px; } .availabilityCheck .dialogBox a { position: absolute; } .availabilityCheck .privatkunden_abfrage .tarif_error { margin-left: 80px; } .availabilityCheck .privatkunden_abfrage .tarif_error .radioBox { margin: 30px 0 30px 0; } #content .availabilityCheck .introduction { position: absolute; top: 59px; left: 0; line-height: 18px; font-size: 14px; } #content .availabilityCheck .portlet .antwort .introduction { position: absolute; top: 65px; left: 80px; font-weight: bold; line-height: 25px; font-size: 16px; } #content .availabilityCheck .introduction .yes, #content .availabilityCheck .introduction .no { display: none; line-height: 25px; } #content .availabilityCheck .antwort .introduction span { font-weight: bold; font-size: 16px; line-height: 25px; } #content .availabilityCheck .verbrauchAuswahlPrivatStromGas .introduction, #content .availabilityCheck .verbrauchAuswahlPrivatStrom .introduction, #content .availabilityCheck .verbrauchAuswahlPrivatGas .introduction, #content .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .introduction, #content .availabilityCheck .verbrauchAuswahlKleingewerbeStrom .introduction, #content .availabilityCheck .verbrauchAuswahlKleingewerbeGas .introduction { font-size: 14px; left: 0; line-height: 18px; position: absolute; top: -20px; width: 254px; } #content .availabilityCheck .introduction_strom, #content .availabilityCheck .introduction_gas { position: absolute; top: 87px; left: 0px; } #content .availabilityCheck .verbrauchAuswahlKleingewerbeStrom .introduction_strom, #content .availabilityCheck .verbrauchAuswahlKleingewerbeGas .introduction_gas { left: 100px; top: 95px; } #content .availabilityCheck .verbrauchAuswahlPrivatStromGas .introduction_gas { left: 260px; } #content .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .introduction_strom { top: 95px; left: 38px; } #content .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .introduction_gas { top: 95px; left: 290px; } #content .availabilityCheck .verbrauchAuswahlPrivatStromGas .label_gas, #content .availabilityCheck .verbrauchAuswahlPrivatStromGas .label_strom, #content .availabilityCheck .verbrauchAuswahlPrivatStrom .label_strom, #content .availabilityCheck .verbrauchAuswahlPrivatGas .label_gas, #content .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .label_gas, #content .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .label_strom, #content .availabilityCheck .verbrauchAuswahlKleingewerbeStrom .label_strom, #content .availabilityCheck .verbrauchAuswahlKleingewerbeGas .label_gas { font-size: 16px; left: 30px; line-height: 18px; position: absolute; top: 48px; font-weight: bold; color: #ffffff; } #content .availabilityCheck .verbrauchAuswahlPrivatStromGas .label_gas, #content .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .label_gas { left: 273px; } #content .availabilityCheck .verbrauchAuswahlPrivatGas .label_gas, #content .availabilityCheck .verbrauchAuswahlKleingewerbeGas .label_gas { left: 35px; } .availabilityCheck .jahresverbrauch_strom, .availabilityCheck .jahresverbrauch_gas { position: absolute; left: 0px; top: 147px; vertical-align: top; } .verbrauchAuswahlPrivatStrom .jahresverbrauch_strom, .verbrauchAuswahlPrivatGas .jahresverbrauch_gas { left: 210px; top: 80px; } *+ html .verbrauchAuswahlPrivatStrom .jahresverbrauch_strom, *+ html .verbrauchAuswahlPrivatGas .jahresverbrauch_gas { top: 79px; } .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .jahresverbrauch_gas { left: 286px; top: 118px; } .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .jahresverbrauch_strom { left: 33px; top: 118px; } *+ html #content .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .jahresverbrauch_strom { left: 8px; } *+ html #content .availabilityCheck .verbrauchAuswahlKleingewerbeStromGas .jahresverbrauch_gas { left: 261px; } .availabilityCheck .verbrauchAuswahlKleingewerbeStrom .jahresverbrauch_strom, .availabilityCheck .verbrauchAuswahlKleingewerbeGas .jahresverbrauch_gas { left: 211px; top: 88px; } *+ html .availabilityCheck .verbrauchAuswahlKleingewerbeStrom .jahresverbrauch_strom, *+ html .availabilityCheck .verbrauchAuswahlKleingewerbeGas .jahresverbrauch_gas { left: 186px; } .verbrauchAuswahlPrivatStromGas .jahresverbrauch_gas, .verbrauchAuswahlKleingewerbeStromGas .jahresverbrauch_gas { left: 260px; } .jahresverbrauch_strom input, .jahresverbrauch_gas input { display: inline; margin-left: 5px; height: 14px; } .availabilityCheck .ui-slider-mainova .ui-slider-handle-mainova { background: url('/static/de-mainova/images/Bilder_Layout/vc_slider.png') no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; height: 27px; margin: -17px 0 0 -10px; position: absolute; width: 20px; z-index: 2; } .availabilityCheck .sliderstrom, .availabilityCheck .slidergas { background: url('/static/de-mainova/images/Bilder_Layout/vc_slider_bg.png') no-repeat scroll 0 0 transparent; position: absolute; margin-left: 5px; width: 180px; cursor: pointer; height: 10px; margin-top: 0; padding: 1px 2px 0; left: -2px; top: 126px; } .verbrauchAuswahlPrivatStromGas .slidergas { left: 258px; } .availabilityCheckTariffOffer { padding: 25px 10px 10px 10px; background: #ffffff; overflow: hidden; } .availabilityCheck .tariffOfferTemplate, .availabilityCheck .privatkunden_abfrage, .tarifItemList .tarif_abschlussform .anbieterCheckbox, .availabilityCheckTariffOffer .tarif_footer, .availabilityCheckTariffOffer .tarifbezeichner, .availabilityCheck .availabilityCheckResult { display: none; } .availabilityCheckTariffOffer .infozeile { margin-bottom: 25px; } .availabilityCheckTariffOffer .logo_blau { margin-right: -9px; float: left; } .availabilityCheckTariffOffer .tarif_abschlussform { top: 424px; } .availabilityCheckTariffOffer .sendIcon { padding: 2px 15px 3px 18px; } .availabilityCheckTariffOfferColumnPrivate, .availabilityCheckTariffOfferColumnBusiness { float: left; margin: 0 0 20px 10px; position: relative; width: 170px; z-index: 500; } .availabilityCheckTariffOfferColumnPrivate .info_portlet, .availabilityCheckTariffOfferColumnBusiness .info_portlet { cursor: pointer; } .availabilityCheckTariffOfferColumnPrivate.cols2, .availabilityCheckTariffOfferColumnBusiness.cols2 { width: 255px; } .availabilityCheckTariffOfferColumnPrivate.cols1, .availabilityCheckTariffOfferColumnBusiness.cols1 { width: 520px; } .tarif_content .availabilityCheckTariffOfferColumnPrivate div.portlet-header h1, .tarif_content .availabilityCheckTariffOfferColumnBusiness div.portlet-header h1 { font-size: 16px; height: 25px; padding: 25px 0 17px 20px; } .availabilityCheckTariffOfferColumnPrivate.cols2 .portlet-content-container div, .availabilityCheckTariffOfferColumnBusiness.cols2 .portlet-content-container div { width: 235px; } .availabilityCheckTariffOfferColumnPrivate .portlet-content-container div, .availabilityCheckTariffOfferColumnBusiness .portlet-content-container div { border-bottom: 1px solid #ADBED3; height: 23px; left: -20px; margin-right: -35px; padding: 9px 0 0 20px; position: relative; width: auto; } .availabilityCheckTariffOfferColumnPrivate .portlet-content-container div.tarif_auswahl, .availabilityCheckTariffOfferColumnBusiness .portlet-content-container div.tarif_auswahl { border: 0 none; bottom: -10px; color: #FFFFFF; height: 0; left: 20px; padding: 0; position: absolute; width: 100px; } .availabilityCheckTariffOfferColumnPrivate .portlet-content-container div.tarifpreis, .availabilityCheckTariffOfferColumnPrivate .portlet-content-container div.klimapreis, .availabilityCheckTariffOfferColumnPrivate .portlet-content-container div.garantiepreis, .availabilityCheckTariffOfferColumnPrivate .portlet-content-container div.pgvoekopreis, .availabilityCheckTariffOfferColumnPrivate .portlet-content-container div.oekopgvpreis, .availabilityCheckTariffOfferColumnBusiness .portlet-content-container div.tarifpreis, .availabilityCheckTariffOfferColumnBusiness .portlet-content-container div.klimapreis, .availabilityCheckTariffOfferColumnBusiness .portlet-content-container div.garantiepreis, .availabilityCheckTariffOfferColumnBusiness .portlet-content-container div.pgvoekopreis, .availabilityCheckTariffOfferColumnBusiness .portlet-content-container div.oekopgvpreis { color: #002C77; font-size: 20px; font-weight: bold; height: 27px; padding: 5px 0 0 20px; } /*** Styles Verfügbarkeits Check end ***/ /*** Landingpages CSS Document begin ***/ body.bgcolor1 { background: url('/static/de-mainova/images/Bilder_Layout/bgV1.png') repeat-x #FFF; } body.bgcolor2 { background: url('/static/de-mainova/images/Bilder_Layout/bg.png') repeat-x #FFF; } .bgcolor1 #header { background: transparent url('/static/de-mainova/images/Bilder_Layout/header_bgV1.png') no-repeat left top; } .bgcolor2 #header { background: transparent url('/static/de-mainova/images/Bilder_Layout/header_bgV2.png') no-repeat left top; } .variant1 #header { height: 150px; } .variant2 #header { height: 125px; } .landingpage h2 { color: #004C92; } .landingpage #header .logo { float: left; margin: 45px 0 0 15px; } .landingpage #header h1 { font-family: Arial regular, Helvetica, sans-serif; font-size: 22px; width: 510px; line-height: 26px; color: #004C92; font-weight: normal; text-align: right; position: absolute; top: 50px; left: 215px; width: 510px; } .variant1 #content .layout-2cols-1 { padding: 0; width: 730px; } .variant1 #content .layout-2cols-1 .layout-2cols-1 { padding: 0 20px 0 0; width: 180px; } .variant1 #content .layout-2cols-1 .layout-2cols-2 { width: 510px; } .variant1 #content .layout-2cols-1 .pagetop { width: 710px; max-width: 710px; overflow: hidden; } .variant2 .layout-1cols-1 { margin-left: 50px; width: 660px; } .landingpage .quicklinks { border-top: 1px solid #E4E4E4; } .landingpage .quicklinks ul { list-style-type: none; margin: 15px 0 0 0; padding: 0; } .landingpage .quicklinks h2 { font-size: 14px; color: #000000; margin: 10px 0 10px 15px; } .landingpage .quicklinks ul li { padding: 0 0 0 15px; background: url("/static/de-mainova/images/Bilder_Layout/icon_arrow_small.png") no-repeat scroll 0 2px transparent; margin: 10px 0 15px; } .landingpage .quicklinks ul li a { color: #000000; text-decoration: none; display: block; font-weight: bold; margin: 0; padding: 0; } .landingpage .quicklinks ul li a:hover { text-decoration: underline; } /*-- Tarifberater Landingpage --*/ .landingpage .contentTarifberater .portlet-content.tarifrechner { padding-left: 0px; } .landingpage .layout-2cols-1 .tarifrechner .portlet-content-container.tarife_content_pk { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_content_bg_landingpage.png') no-repeat; padding-left: 97px; } .landingpage .layout-2cols-1 .tarifrechner .portlet-content-container.tarife_content_gk { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_gk_content_bg_landingpage.png') no-repeat; padding-left: 90px; } .landingpage .layout-2cols-1 .stromrechner, .landingpage .layout-2cols-1 .gasrechner { width: 235px; } .landingpage .layout-2cols-1 .gasrechner { width: 225px; } .landingpage .layout-2cols-1 #slider, .landingpage .layout-2cols-1 #slider2, .landingpage .layout-2cols-1 #slider_pc, .landingpage .layout-2cols-1 #slider2_pc { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_slider_content_bg.png') no-repeat; width: 180px; margin-left: 5px; } .landingpage .layout-2cols-1 #slider2, .landingpage .layout-2cols-1 #slider2_pc { margin-left: 12px; } .landingpage .portlet-header h1.tarifrechner_header { padding-left: 102px; } .landingpage .tarifrechner_header span { left: 310px; } .landingpage .tarifrechner_trenner_header { left: 102px; } .landingpage .contentTarifberater { margin-left: 50px; } .landingpage .layout-1cols-1 .contentTarifberater { margin-left: 0px; } /*-- Preischeck Landingpage --*/ .landingpage .preisCheckDialogPortalBox { margin-left: 50px; } .landingpage .layout-1cols-1 .preisCheckDialogPortalBox { margin-left: 0px; } .landingpage #preischeck_form #slider_pc, .landingpage #preischeck_form #slider2_pc { margin-left: 7px; } .landingpage .preischeck_trenner2, .landingpage .pricecheck_kunde_button { left: 105px; } .landingpage .preischeck_kundenfrage { left: 105px; } .landingpage .preischeck_kundenfrage_grund { left: 105px; } .landingpage .pc_resultPage .preischeck_kundenfrage { top: 125px; } .landingpage .pc_resultPage .preischeck_kundenfrage_grund { top: 115px; } .landingpage #content .preisCheckDialogPortalBox .portlet-header h1.tarifrechner_header { font-weight: normal; font-size: 22px; padding-left: 33px; padding-top: 14px; line-height: 26px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container { padding-left: 34px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_selectionPage { background: none; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_selectionPage>span, .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_pk_strom, .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_gk_gas, .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_pk_plz, .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_verbrauch, .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_gk_strom, .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_gk_gas { font-size: 14px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_settingPage.strom { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_bg_small_strom_direkt_landingpage.png') 34px 90px no-repeat !important; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_settingPage.gas { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_bg_small_gas_direkt_landingpage.png') 34px 90px no-repeat !important; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_resultPage { background: url('/static/de-mainova/images/Bilder_Layout/tarifrechner_bg_result_direkt_landingpage.png') 34px 90px no-repeat !important; height: 205px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_gk_settingPage.strom { background: url('/static/de-mainova/images/Bilder_Layout/pricecheck_bg_gk_strom_direkt_landingpage.png') 34px 90px no-repeat !important; height: 245px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_gk_settingPage.gas { background: url('/static/de-mainova/images/Bilder_Layout/pricecheck_bg_gk_gas_direkt_landingpage.png') 34px 90px no-repeat !important; height: 245px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_gk_settingPage .preischeck_gk_plz { font-size: 14px; position: absolute; left: 126px; top: 121px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_gk_settingPage input.plz { position: relative; top: 0px; left: 5px; margin-right: 80px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_gk_settingPage .stromrechner, .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_gk_settingPage .gasrechner { margin-left: 225px; margin-top: 215px; padding-top: 0px; width: 143px; } .landingpage .preisCheckDialogPortalBox .tarifrechner .tarif_select_strom, .landingpage .preisCheckDialogPortalBox .tarifrechner .tarif_select_gas { float: left; display: block; width: 223px; height: 93px; cursor: pointer; } .landingpage .preisCheckDialogPortalBox .tarifrechner .tarif_select_strom { background: url('/static/de-mainova/images/Bilder_Layout/tarifcheck_strom.png') no-repeat; margin-left: 45px; } .landingpage .preisCheckDialogPortalBox .tarifrechner .tarif_select_gas { background: url('/static/de-mainova/images/Bilder_Layout/tarifcheck_erdgas.png') no-repeat; margin-left: 65px; } .landingpage .preisCheckDialogPortalBox .preischeck_trenner { left: 34px; top: 204px; width: auto; } .landingpage .preisCheckDialogPortalBox .preischeck_trenner2 { left: 34px; top: 155px; width: auto; } .landingpage .preisCheckDialogPortalBox .pc_resultPage .preischeck_trenner2 { top: 205px; } .landingpage .preisCheckDialogPortalBox .pricecheck_back_button { right: 0px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_resultPage .pricecheck_back_button { right: 13px; bottom: 13px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_pk_plz { left: 142px; top: 101px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_haushalt { left: 254px; top: 101px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_flaeche { left: 258px; top: 101px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container input.plz { left: 143px; top: 127px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_verbrauch { left: 500px; top: 101px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_input_verbrauch { left: 500px; top: 127px; } .landingpage #content .preisCheckDialogPortalBox #slider_pc, .landingpage #content .preisCheckDialogPortalBox #slider2_pc { left: 221px; top: 123px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .sliderDisplayValue { margin-right: 4px; text-align: center; width: 22px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_result { padding-left: 0px; font-size: 14px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .angebotspreis { font-size: 14px; padding-left: 0px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .preischeck_kundenfrage label { font-size: 14px; } .landingpage #content .preisCheckDialogPortalBox .portlet-content.tarifrechner { height: 235px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container .pricecheck_kunde_button { left: 34px; top: 215px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_resultPage .verbrauch_wert { font-size: 18px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_resultPage .plz_wert { font-size: 18px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_resultPage .angebotspreis span.preisBrutto { padding-left: 0px; } .landingpage #content .preisCheckDialogPortalBox .tarifrechner.portlet-content-container.pc_resultPage .preischeck_klimaschutz { padding-left: 0px; } /*-- Verfügbarkeitscheck Landingpage --*/ .landingpage .availabilityCheck { margin-left: 50px; } .landingpage .availabilityCheck .portlet .portlet-header h1 { padding-left: 90px; } .landingpage .availabilityCheck .vc_portlet .portlet-content-container { margin-left: 70px; } .landingpage .availabilityCheck .step3bg { left: -90px; width: 560px; } .landingpage .availabilityCheck .containerPrivatStromGas .step3bg { background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_pk_landingpage.png') no-repeat 0px 0px #002C77; } .landingpage .availabilityCheck .containerPrivatStrom .step3bg { background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_pk_strom_landingpage.png') no-repeat 0px 0px #002C77; } .landingpage .availabilityCheck .containerKleingewerbeStromGas .step3bg { background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_gk_landingpage.png') no-repeat 0px 0px #002C77; } .landingpage .availabilityCheck .containerKleingewerbeStrom .step3bg { background: url('/static/de-mainova/images/Bilder_Layout/vc_step3_gk_strom_landingpage.png') no-repeat 0px 0px #002C77; } .landingpage .availabilityCheck .containerKleingewerbeGas .step3bg { background-position: 70px 0px; } .landingpage .availabilityCheck .containerPrivatGas .step3bg { background-position: 70px 0px; } /*** Landingpages CSS Document end ***/ /*** Quick fixes ***/ /* #1892 */ .carousel-images { position: absolute; margin-top: 5px; } /* Cookie Layer */ .cookie-layer { width: 920px; padding: 10px 20px; background-color: #365693; color: #ffffff; position: fixed; bottom: 20px; left: 50%; margin-left: -480px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 99999999; } .cookie-layer h6 { margin: 0 0 6px; font-size: 11px; font-weight: bold; } .cookie-layer p { margin: 0 200px 0 0; font-size: 11px; } .cookie-layer .close-layer { border: 1px solid #ffffff; font-size: 9px; line-height: 9px; padding: 1px 3px 2px 3px; color: #ffffff; text-decoration: none; display: inline-block; position: absolute; right: 20px; top: 10px; } .cookie-layer .more-info { color: #ffffff; text-decoration: underline; font-size: 11px; font-weight: bold; position: absolute; bottom: 10px; right: 70px; line-height: 15px; } /* Cookie Layer Ende */ /* Highlight Box */ .highlight-box { cursor:pointer; width: auto; height: 150px !important; margin: 0px 0 0; margin-bottom:20px !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius:10px; background-color: #dae5eb; } .highlight-box img { border-radius:0px; border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; width: 240px; height: 150px; float:left; } .highlight-box.text-snippet { border-radius:0px; border-top-right-radius: 10px !important; border-bottom-right-radius: 10px !important; float:right; width:270px; } .highlight-box.text-snippet h2 { position:relative; margin:0; top:21px; left:29px; width:210px !important; overflow:hidden; color: #004C92; } .highlight-box.text-snippet p { position:relative; margin-bottom:0px !important; top:28px; left:29px; height:52px !important; width:210px !important; overflow:hidden; } .highlight-box.text-snippet a { position:relative; margin:0; top:42px; left:30px; color: #d82130; height:10px !important; width:200px !important; font-weight:bold !important; } .highlight-box.text-snippet a img { margin-right:3px !important; float:none !important; width:7px !important; height:8px !important; position: static !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;} /* Highlight Box Ende */ /* 2011-08-31 DS: Homepage Carousel-Text ausrichten */ #homepage .homepage_carousel_box #carouselText { text-align: center; margin-right: 25px; } /*** Styles alternative header begin ***/ .typeVariantLongNavi #search{ background: url('/static/de-mainova/images/Bilder_Layout/basis/search_bg.png') no-repeat scroll 0 bottom transparent; width:230px; top:0px; right:-23px; margin: 0 5px 0 0; padding-top:4px; padding-left:13px; height:25px; } .typeVariantLongNavi #search .searchSubmit{ position: relative; } .typeVariantLongNavi .searchText { top: 4px; } .portlet-content, .info_portlet .portlet-content, .info_portlet.active .portlet-content, .tooltip_portlet .portlet-content { z-index: 5; /*vorher z-index: 20*/ } .preischeck_tarifitem .portlet-content { z-index: 5; } /* MAINNAVI */ .typeVariantLongNavi #mainnavi{ padding-left:0; } .typeVariantLongNavi #mainnavi ul li{ /*margin:0; */ padding:0; margin: 0 0 0 30px } .typeVariantLongNavi #mainnavi ul li a:hover, .typeVariantLongNavi #mainnavi ul li a.active:hover{ color:#004c92; } .typeVariantLongNavi #mainnavi ul li .seperator { margin-left:0px; } /*** Styles alternative header end ***/ /* Navi Last Child - Anpassung */ #mainnavi ul li:last-child .seperator { display: none; } #mainnavi ul li.active:last-child .seperator { display: none; }