body {overflow-y:scroll; font-size: 90%; line-height:140%;} body.overlayed {overflow:hidden; margin-left:-8px;} iframe {overflow:auto; -webkit-overflow-scrolling:touch;} .iframe-preview {width:100%; max-width:100%; margin:0; height:610px} .mobileView, .mobile {display:none!important} html.notTouchable .touch {display:none} html.touchable .notTouch {display:none} #page {max-width:980px; min-width:600px; margin:0 auto 60px auto; position:relative; background:#fff; box-shadow: 0 0 14px (none)} #logo {position:absolute; left:-1px; clip:rect(0px 129px 157px 1px); z-index:5} #head {height:64px;} #page.Landingpage #head {z-index:1;} #head:after {background:url('/layout/images/system/divshadow.png') no-repeat 50% 0; left:0; bottom:-10px; position:absolute; width:100%; height:10px; content:" "} #suche {position:absolute; right:0; top:0; margin:18px 20px 0 0 ; z-index:101;} #suche:before {cursor:pointer; box-shadow: 2px 2px 4px rgba(0,0,0,.3);position:absolute; right:0; top:0; background:url('/layout/images/system/icons/ic-suche.png') center no-repeat; width:30px; height:30px; display:inline-block; content:""} #suche #SuchFeld {border:1px solid (none); font-size:140%; margin:0 10px 0 0; padding:5px 3px; width:190px; float:left;} #suche form {position:absolute; width:310px; height:38px; display:none; right:0; top:30px; margin:5px 0 0 0; padding:10px; background-color:#fff; box-shadow: 2px 2px 6px rgba(0,0,0,.3)} #suche.overlay form {display:block} #suche button {margin-bottom:0} #navigation {position:absolute; top:0px; right:0px; margin:20px 0 0 0; display:block; line-height:200%; text-align:right; z-index:100} #navigation > div.navi {display:none} #navigation.open {width:100%} #navigation > ul {padding:0px 49px 0 0; margin:0; float:right;} #navigation > ul > li {float:left; font-weight:bold; cursor:pointer;} #navigation > ul > li:after {content:""; position:absolute; height:70%; top:15%; width:1px; background-color:rgba(0,0,0,.25);} #navigation > ul > li:last-of-type:after {display:none} .MSIE #navigation > ul > li:last-of-type:after {display:block} .MSIE #navigation > ul > li:nth-of-type(2):after {display:none!important} #navigation > ul > li.home {display:none} #navigation > ul > li > span {position:relative; z-index:5} #navigation > ul > li > p {position:relative; margin:0; padding:0;} #navigation > ul > li > p:before {top:0; left:0; position:absolute; content:""; display:block; width:100%; height:100%; z-index:2} #navigation > ul > li.nosub > p:before {display:none} #navigation.open > ul > li.open > p:after {position:absolute; display:block; bottom:-10px; left:calc(50% - 15px); z-index:2; content:""; width:32px; height:16px; background:url('/layout/images/system/icons/desktop_menu_indikator.png') bottom center no-repeat;} #navigation.open > ul > li.nosub.open > p:after {display:none} #navigation > ul > li > p {font-size:105%; line-height:200%; padding:0 10px} #navigation > ul > li.active > p > a {color:(none)!important;} #navigation ul > li > div.container {display:none; font-size:105%; line-height:100%; padding:0 10px; margin:6px 0;position:absolute; margin:10px 0 0 0; padding:10px 0 10px 0; width:100%; right:0; background-color:#f7faf7; box-shadow:0 0 10px rgba(0,0,0,.2)} #navigation.open ul > li.open > div.container {display:block;} #navigation ul > li > div.container p {margin:0;padding:0} .notTouchable #navigation ul > li > div.container a:hover {background-color:(none)} #navigation ul > li.open > div.container > ul {margin:0; opacity:1;} #navigation ul > li > div.container > ul > li {width:23%; width:calc(25% - 20px); padding:0 10px; float:left; display:inline; text-align:left; overflow:hidden; font-weight:bold; padding-bottom:3px;} #navigation ul > li > div.container > ul > li li {display:none} #navigation ul > li > div.container > ul > li li.c0 {display:block} #navigation ul > li > div.container > ul > li li.c1 {display:block} #navigation ul > li > div.container > ul > li li.c2 {display:block} #navigation ul > li > div.container > ul > li li.c3 {display:block} #navigation ul > li > div.container > ul > li li.more {display:block} #navigation ul > li > div.container > ul > li li {font-weight:normal; border-bottom:1px solid (none);} #navigation ul > li > div.container > ul > li li ul {display:none} #navigation ul > li > div.container > ul > .clearboth {height:15px; display:block} #navigation ul > li > div.container a, #navigation ul > li > div.container li.opener {line-height:140%; display:block; padding:5px; cursor:pointer} #navigation ul > li > div.ic {position:absolute; top:-7px} #header > div.text {position:absolute; left:50%; left:calc(50% + 16px); top:50%; transform:translate(0,-70%); -webkit-transform:translate(0,-70%); margin-right:5%; color:#fff; font-family:calibri; z-index:5;} #header > div.text > H1 {margin-bottom:10px} #header > div.imgContainer {position:relative;} #header > div.imgContainer > img {display:block} #page.Landingpage H1 {position:absolute; top:-45px; left:140px;} #page.Landingpage #header {margin-bottom:20px; background-color:(none);} #page.Landingpage > div > div.right {margin:15px 25px 0 0} #page.Landingpage #header > div.teaser {z-index:2; font-size:80%} #page.Landingpage #header > div.teaser > div {position:relative; margin:0 15px; float:left} #page.Landingpage #header > div.teaser div.button {padding-left:30px} #page.Landingpage #header > div.teaser div.button a {font-size:160%; line-height:180%;} #page.Landingpage #header > div.teaser div.button:before {top:13px; left:6px} #page.Landingpage #header > div.teaser > div.col1 {padding:15px 0 0 0; width:calc(50% - 42px)} #page.Landingpage #header > div.teaser > div.col2 {background-color:#fff; margin:0 55px 20px 15px; width:calc(50% - 70px); color:#333; border:1px solid (none); left:auto; float:left; z-index:2; top:0} #page.Landingpage #header > div.teaser > div.col2 > div {padding:20px;} #page.Landingpage #header > div.teaser > div.col2 .tarifrechner{font-size:115%} #page.Landingpage #header > div.teaser > div.col2.nopadding > div {padding:0} #page.Landingpage #header > div.teaser > div.col2 > div {z-index:1; position:relative; background-color:#fff} #page.Landingpage #header > div.teaser > div.col2:before {content:" ";background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat center; position:absolute; left:-30px; top:-10px; opacity:.5; width:67px; height:232px; z-index: 0;} #page.Landingpage #header > div.teaser > div.col2:after {content:" ";background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat center; position:absolute; right:-20px; margin-top:-35px; opacity:.5; width:346px; height:67px; z-index: 0;} .iframed #page {box-shadow:none} .iframed #head, .iframed #header, .iframed #foot, .iframed #logo, .iframed #navigation, .iframed #suche {display:none} #foot ul li {float:left; margin:0 15px 0 0;} #foot ul:after {content:" "; background:url('/layout/images/system/icons/trenner_dott.png') repeat-x 50% 50%; width:100%; height:6px; display:block; clear:both; margin-top:6px} #foot ul.metanav:after {display:none} #foot ul.metanav {margin-right:100px} #foot ul:empty {display:none} #foot .copyright {position:absolute; right:20px; bottom:15px; font-size:11px} #kontakt {position:relative; margin-bottom:20px; height:74px; width:100%; max-width:980px;} #kontakt > div.transition {position:absolute; width:100%; max-width:980px; height:74px; top:0} #kontakt.open > div.transition {box-shadow:0 0 5px rgba(0,0,0,.5); z-index:200; } ul.funktionsleiste {position:absolute; width:100%; background-color:(none); padding:5px 0 0 0; color:#fff; font-weight:bold; top:0px; height:45px} ul.funktionsleiste:hover {z-index:21;} ul.funktionsleiste:after {background:url('/layout/images/system/divshadow.png') no-repeat 50% 0; left:0; bottom:-10px; position:absolute; width:100%; height:10px; content:" "; z-index:1} ul.funktionsleiste li {float:left; text-align:center; line-height:20px; cursor:pointer; width:25%; position:relative; overflow:hidden; white-space:nowrap;} ul.funktionsleiste li.toggle {display:none} ul.funktionsleiste li:before {position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; content:""; display:block} ul.funktionsleiste li > div {display:inline-block; text-align:left} ul.funktionsleiste li > div > span {font-weight:bold; letter-spacing:5} ul.funktionsleiste li > div > span:before {position:relative; display:inline-block; top:4px; content:" "; background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -70px -350px; width:16px; height:16px} ul.funktionsleiste li.email > div > span:before {transform: rotate(-90deg) scale(1); -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); top:2px; left:-2px} ul.funktionsleiste li:first-child {text-align:left; font-weight:bold;} ul.funktionsleiste li:first-child > div > span {margin-left:20px; display:inline-block} ul.funktionsleiste li.telefon {cursor:default} ul.funktionsleiste li.telefon > div > span:before {background-position: -0px -350px; top:3px} ul.funktionsleiste div.icon {margin:-3px 10px 0 5px} ul.funktionsleiste button {line-height:90%; margin:0;padding:5px 8px 5px 15px} ul.funktionsleiste img {margin: 0px 5px 0 0; vertical-align:middle} ul.funktionsleiste p {margin:-10px 0 0 0; font-size:80%!important; font-weight:normal} ul.funktionsleiste #berater {overflow:hidden;} ul.funktionsleiste #berater .icon {z-index:2} ul.funktionsleiste li:after {background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -35px -350px; content:" "; height:50%; width:2px; position:absolute; left:-1px; top:25%} ul.funktionsleiste li:first-child:after {display:none} ul.funktionsleiste a {color:#fff} #dialogLayer {width:100%; background-color:#fff; height:0; top:0; overflow:hidden; position:relative;} #kontakt.open #dialogLayer {position:absolute; height:calc(100% - 50px); top:50px} .ANDROID #kontakt.open #dialogLayer {height:90%; } #dialogLayer > div {width:100%; height:100%; z-index:3} .SAFARI #dialogLayer div {overflow-y:auto; -webkit-overflow-scrolling:touch;} #dialogLayer iframe {height:100%; width:100%; overflow:auto} #dialogLayer div.closer {position:absolute; top:5px; right:15px; height:35px; width:35px; z-index:101; background-color:transparent; cursor:pointer; display:none} #kontakt.open #dialogLayer div.closer {display:block} #dialogLayer div.closer:after {background:url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -105px -210px; content:""; position:absolute; top:10px; left:10px; width: 15px;height: 15px;} #dialogLayer div.closer:hover:after {background-position:-140px -210px;} #path {padding: 10px 20px 10px 20px; font-size:11px; line-height:16px; height:16px; bottom:-15px} #kontakt #path {position:absolute;} #header > #path {border-bottom:1px solid (none)} #kontakt.open #path {display:none} #path li {float:left; margin:0 15px 0 0; display:inline-block} #path li > * {color:#000; opacity:.5; padding:0 0 0 10px; position:relative;} #path li > *:after {background: url('/layout/images/system/icons/Universal-Sprite.png') no-repeat -210px -245px; content:" "; margin:0; height:8px; width:6px; position:absolute; left:0; top:4px} #path li > a:hover {opacity:1} div.column {float:left} div.divider {border-top:2px dotted (none); margin: 20px 0; clear:both} div.slots {position:relative; margin:20px 10px} div.klappliste div.slots {margin:20px 0px} div.slots.frame {margin:15px 20px; padding:20px 0; border:1px solid (none)} div.slots.frame > div.spalte{margin-bottom:0px!important} div.slots.shadow {background-color:#fff} div.slots.shadow:before {content:" ";background:url('/layout/images/system/icons/ic_shadow_ol.png') no-repeat left top; position:absolute; left:-20px; top:-10px; opacity:.5; width:20px; height:232px; z-index: 0;} div.slots.shadow:after {content:" ";background:url('/layout/images/system/icons/ic_shadow_ur.png') no-repeat right bottom; position:absolute; right:-10px; bottom:-20px; opacity:.5; width:100%; height:20px; z-index: 0;} div.slots > div.spalte {position:relative; float:left} div.slots > div.spalte:hover {z-index:2} div.slots > div.spalte > div.layout {margin:0; position:relative} div.slots > div.spalte > div.layout > div.wrapper {margin:0; position:relative} div.bildfeld > div.slots {opacity:.9} /* SLOT SOLO */ div.slots.solo div.spalte {width:100%;} div.slots.solo div.spalte.withPadding {width:80%; padding-right:10%; padding-left:10%} /* SLOT DUO */ div.slots.duo > div.spalte {width:50%;} div.slots.duo12 > div.spalte.eins {width:33.333%;} div.slots.duo12 > div.spalte.zwei {width:66.666%;} div.slots.duo21 > div.spalte.eins {width:66.666%;} div.slots.duo21 > div.spalte.zwei {width:33.333%;} /* SLOT TRIO */ div.slots.trio div.spalte {width:33.333%; } /* SLOT QUART */ div.slots.quart > div.spalte {width:25%;} /* SLOT Trenner*/ div.klappliste > div > div.content {margin-left:50px;} div.autocomplete {max-height:400px; margin-top:23px} div.bildfeld > div {margin-top:22px!important} .siteactive > div > a.link {position:absolute; right:0; bottom:5px} .siteactivePager label {position:absolute; left:0px; top:10px} .switch div div.ico {float:left; margin:2px 10px 0 10px;} div.teaserIcon.s1 {padding:0 0 0 135px; min-height:120px} div.teaserIcon.s2 {padding:0 0 0 75px; min-height:60px} div.teaserIcon.iconRight.s1 {padding:0 135px 0 0; min-height:120px} div.teaserIcon.iconRight.s2 {padding:0 75px 0 0; min-height:60px} div.teaserIcon.noText.s1 .ueberschrift {padding-top:50px;} div.teaserIcon.noText.s2 .ueberschrift {padding-top:20px} .tarifrechner .betrag {float:left;} .tarifrechner.small .betrag {float:none; margin-bottom:15px} .tarifrechner table.tabbed {border:1px solid (none)} .tarifrechner table.tabbed td {border-left:1px solid (none);} .tarifrechner.small table.tabbed td {width:100%; display:inline-block; border-left:0px; border-bottom:1px solid (none)} .tarifrechner.small table.tabbed td:last-child { border-bottom:0px solid (none)} .tarifrechner.small table.tabbed.description td.selected:after {display:none} .tarifrechner table.tabbed.description td.selected:after {position:absolute; left:calc(50% - 10px); bottom:-20px; content:" "; z-index:10; width: 0; height: 0; border-right: 10px solid transparent; border-bottom: 10px solid (none); border-left: 10px solid transparent;} .homepage {position:relative; z-index:10; clear:both; background-color:(none); padding:0 20px} .homepage:after {display:block; content:""; clear:both; position:relative;} .homepage > div.container {top:-55px; position:relative; border:1px solid (none); background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.3); margin-bottom:-35px} .homepage > div.container:after {display:block; content:""; clear:both; position:relative;} .homepage .row {display:block; margin-bottom:15px} .homepage .row:after {display:block; content:""; clear:both; position:relative;} .homepage .column {width:33.333%; float:left; margin-top:20px; overflow:hidden} .homepage h4 {font-family: arial, sans; font-weight:bold; font-size:120%; padding:0 0 5px 0} .homepage .suche {width:auto; background-color:(none); padding:15px 20px 15px 20px; clear:both;} .homepage .suche:after {display:block; content:""; clear:both; position:relative;} .homepage .suche h4 {display:inline-block; line-height:26px; } .homepage .suche button {position:absolute; right:0; top:0; height:28px; width:28px; padding:0; background-color:(none); border-color:(none)} .homepage .suche button:after {right:3px; top:50%; margin-top:-8px; background-position:-35px -280px!important} .homepage .suche .fieldContainer {width:calc(100% - 260px); display:inline-block;} .homepage .suche input {line-height:26px; height:26px; padding:0 5px; border-color:(none)} .homepage .column .wrapper {padding:0 20px; position:relative} .homepage .column.c2 .wrapper {border-left:2px dotted (none)} .homepage .column.c3 .wrapper {border-left:2px dotted (none)} .homepage div.ico {margin-bottom:10px} .multiteaser {position:relative; z-index:10; padding:0 20px; margin-top:-55px; margin-bottom:15px} .CHROME .multiteaser {margin-bottom:35px} .multiteaser > div.container {border:1px solid (none); box-shadow:0 0 5px rgba(0,0,0,.3);} .multiteaser .column.c2 .wrapper {border-left:2px dotted (none)} .multiteaser .column.c3 .wrapper {border-left:2px dotted (none)} .multiteaser .row.col3 .column {width:33.333%; display:inline; overflow:hidden} #versicherungen {overflow:auto; clear:both; text-align:center} #versicherungen:after {display:block; content:""; clear:both; position:relative;} #versicherungen a {display:inline-block; width:11%; text-align:center; font-size:85%; float:left;} #versicherungen a:hover {cursor:pointer} #versicherungen p {margin:0 0 10px 0} .iframed div.quickeditMenu {display:none} div.quickeditMenu {position:fixed; right:20px; top:0; box-shadow:0px 0px 8px #000; padding:2px 5px 5px 5px; background-color:(none); border-radius:0 0 5px 5px; z-index:1000} div.quickeditMenu > div {display:inline; float:left; width:20px; height:20px; margin:3px 0 0 2px; cursor:pointer} div.quickEditOpener {background: url(/layout/images/system/qeContent.png)} div.quickEditNew {background: url(/layout/images/system/qeDustbin.png)} div.imperiaDashboard {background: url(/layout/images/system/qeDashboard.png)} div.quickEditNew {background: url(/layout/images/system/qeNewSite.png)} div.quickEditMobile {background: url(/layout/images/system/qeViewMobile.png)} div.quickEditKill {background: url(/layout/images/system/qeDustbin.png); margin-left:15px!important} div.quickEdit {display:none; position:absolute; margin-top:2px; width:20px; height:20px; overflow:hidden; background: url(/layout/images/system/qeContent.png); cursor:pointer; z-index:1000} body.quickEdit div.quickEdit {display:block} div.quickEdit a {width:100%; height:100%} body.quickEdit div.quickeditmarker {width:100%; height:100%; position:absolute; background-color:#000; opacity:.5; filter:alpha(opacity=50, style=0); z-index:1000; top:0; left:0} //objects input[type=checkbox]:after {top:-1px; left:0;} input[type=radio]:after {top:0px; left:-3px;} #anwaltsuche div.anwalt div.kanzlei div.col {width:33%; float:left; display:inline-block; margin-top:15px} #anwaltsuche div.anwalt div.kanzlei div.rechtsgebiete {width:calc(33% - 20px); padding:0 0 0 20px; border-left:1px solid (none)} #dialog div.container.message > div.content > div {width:400px; line-height:150%} #page.Themenseite #header > div.text {margin-right:5%; transform:translate(0,-65%); -webkit-transform:translate(0,-65%);} #page.Themenseite.uebersicht #header > div.text {transform:translate(0,-50%); -webkit-transform:translate(0,-50%);} #themennavigation #interface {background:url('/layout/images/system/divshadow.png') no-repeat center 0; border-top:1px solid (none); padding-top:10px} #themennavigation #interface > li.favorit {border-right:0px solid; margin-right:-10px} #themennavigation #interface > li.switch div.icon {margin:0 5px 0 0} #themennavigation #interface > li.social {cursor:pointer} #themendialog > div.bewertung {margin-left:250px; width:200px; padding:10px} #themendialog.bewertung > div.bewertung { margin-bottom:13px} #themendialog > div.social .button {position:absolute; bottom:0px} #themendialog > div.social .button.p3 {right: 50%; right:calc(50% + 15px);} #themendialog ul {float:right; width:40%; width:calc(50% - 40px); margin-left:20px} #themennavigation #themenliste.list li div.bewertung {position:absolute; right:5px; top:5px} #suchergebnis .searchitem {padding:0 100px 0 0;} #vpsuche {margin-top:20px} #vpsuche div.gst div.gmap {width:50%; float:right;} div.themenselector ul.versicherungen {width:50%; margin-left:15px;} div.themenselector ul.versicherungen li {float:left; width:calc(50% - 20px) } div.themenselector ul.versicherungen li.label {float:left; width:calc(100% - 20px) } div.themenselector ul.spezialthemen li {padding-left:50%} div.themenselector ul.spezialthemen li label {position:absolute; left:15px; } .jforms div.glossar {position:absolute} .jforms.message {width:600px; color:#fff} /* Reiter */ div.reiter {margin:0 0 15px 0; position:relative; width:98%;} div.reiter > ul.pager { left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); position:relative; display:inline-block; z-index:2;} div.reiter > ul.pager li {display:inline-block; padding: 15px 35px; font-size:100%; border-top:1px solid (none); border-bottom:1px solid (none);border-right:1px solid (none); } div.reiter > ul.pager li:first-child {border-left:1px solid (none);} div.reiter > ul.pager li:hover {text-decoration:underline; cursor:pointer} div.reiter > ul.pager li.aktiv {background-color:(none); position:relative;} div.reiter > ul.pager li.aktiv:before {content: " "; width:100%; height:100%; border:1px solid #f4c403;position:absolute; left:-1px; top:-1px} /* Pfeil auf Reiter zeigend */ div.reiter > ul.pager li.aktiv:after {z-index:99; background:url(/layout/images/system/icons/Universal-Sprite.png) no-repeat -280px -630px; margin: 38px auto; left:50%;transform: translate(-50%); width:16px; height:9px; text-align: center; content:" "; display: block; position:absolute; } /* Reiter-Content */ div.reiter > div.content {padding:10px 0 ; position:relative;} div.reiter > div.content > div.page {padding:0; margin:0; } div.reiter > div.content > div.page.aktiv {z-index:2; border: 1px solid (none); margin-top:20px; padding:20px;} .print {display:auto} /* = ########## Elemente loeschen ----------------------------------------------- */ body {overflow:visible!important;} #navigation, #path, #suche, #mainNav, #metaNav, #contentNav, #contentFooter, #foot, #kontakt, #themennavigation #interface, .quickeditMenu, .info, #head, .button { display: none!important;} html, body { height: 0; font-size: 89%; line-height:130%; margin:0!important; padding:0!important} h1, .h1, p.H1 {font-size:170%; margin-top:0px; padding-top:0px; top:0; line-height:100%} #themendialog, #path, #interface, #head, #suche, #navigation {height:0px;padding:0; margin:0;} #header img {width:100%; float:left; margin-top:5px; margin-bottom:5px;;position:relative; z-index:2;} #header div.text {left:0;top:245px;margin-bottom:20px;position:relative; width:98%; z-index:1;} #header div.text h1{margin-top:20px;} #header div.text p{width:100%; float: left; line-height: 140%;} #header div.text a {display:none; } #page { box-shadow:none; top:0!important} div.slots {margin:0px!important; } div.slots > div.spalte.stripes > div.layout > div.wrapper, div.slots > div.spalte > div.layout.stripes > div.wrapper { padding-top: 0; border: 1px solid (none); padding:3px;} div.slots > div.spalte.stripes > div.layout, div.slots > div.spalte > div.layout.stripes { margin: 3px; padding: 0;} div.slots > div.spalte.white > div.layout, div.slots > div.spalte > div.layout.white {background-color: #fff!important;} div.klappliste > .head h2 { padding: 0;font-size: 120%;font-weight:bold; text-align:center;} div.klappliste > div.content { height: inherit; overflow: show; margin-left: 0!important;} div.klappliste div.content {display:block!important} div.bildfeld {min-height:0!important;} div.bildfeld > img {width: 40%; position:relative; float:left;margin-top: 0!important;} div.bildfeld > div.slots.trio div.spalte {width: 49%; margin-left: 51%;margin-bottom:0; float:left; position:relative;margin-top: 0!important;clear:none;} div.bildfeld > div { margin-top: 0!important;}