/* //////////////////////////////////////////////////////////////////////// // mobile.anthrazit.org // //////////////////////////////////////////////////////////////////////// // // // Cascading Style Sheet for mobile.anthrazit.org // // Created 2007 by bitsolution stalder, www.bitsolution.ch // // Styles for Screen: XXS XS S M L XL XXL [base] // // // //////////////////////////////////////////////////////////////////////// */ /* ======================== | HTML ELEMENTS /////// ======================== */ body { padding:0px; margin:0px;} /*.modal-open { height: 100%; overflow: hidden; width: 100%; position: fixed; }*/ body { font-family: Zurich, Arial, Helvetica, sans-serif; font-size:0.65em; color:#111; } body {-moz-osx-font-smoothing: grayscale;} table { font-size:1em; } form { margin:0; padding:0; } pre { background-color: #3c577e; color:#fff; font-size:9px; line-height:125%; margin:0 0 2px 0; padding:0.2em; z-index:1001; position: relative; text-align: left; } pre.wrap { white-space: pre-wrap; } pre.absdump { position:fixed; z-index:9999; } label { cursor:pointer; } sup { font-size:70%;} img { border:none; } /* ======================== | BLOCKS ////////////// ======================== */ .blockMain { text-align:left; } .blockContent { } .blockBottom { background-color:#fff; } .wrapperContent, .blockTop, .elementNaviMobile { text-align:left; } .devIndicator { position: fixed; transform: rotate(45deg); width:80px; top:-42px; left:-42px; height:80px; border:0.5px solid white; background-color: #0bb724; z-index:101; opacity:1; color:white; font-weight: bold; font-size:14px; opacity: 0.95; animation: dim 5s infinite; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); } .devIndicator.local { background-color: #0067c5; } .devIndicator span { margin:0 -30px 0 21px; display:block; transform: rotate(-90deg); } @keyframes dim { 0% { opacity:0.1;} 50% { opacity:1;} 100% { opacity:0.1; } } /* ======================== | LINKS /////////////// ======================== */ a { color:#276BAB; text-decoration:none; } a:hover { color:#000; text-decoration:none; } a.intern { color:#276BAB; } a.red { color:#c00; } a.intern:hover { color:#000; text-decoration:none; } a.extern { color:#2cb12c; font-weight:normal; } a.extern:hover { color:#000; text-decoration:none; } a.inherit { color:inherit!important; } a.forecInherit { color:inherit!important; } a.doc:hover { } a.folder { padding-left:24px; background-image:url(/appl/grfx/icons/folders/folder_small.gif); background-repeat:no-repeat; background-position:left 50%; } a.folder:hover { background-image:url(/appl/grfx/icons/folders/folder_small_hover.gif); } a.linkRight { float:right; font-weight:normal; } a.nolink { color:inherit!important;} .arrow { font-size:90%; } .blueArrow { background:url(/appl/grfx/blue_arrow.png) no-repeat left center; padding-left:20px; display:inline-block; } .blueArrowBack { background:url(/appl/grfx/blue_arrow_back.png) no-repeat left 0.25em; padding-left:20px; display:inline-block; } .bgText, .linkGreen, .linkRed { color:#FFF; font-size:0.8em; font-weight:bold; padding:0 0.2em 0 0.2em; } .linkGreen { background-color:#390;} .linkRed { background-color:#C00; } .colorinherit { color:inherit!important; } .title a.intern, .bold a.intern { color:#276BAB; } hr.divider { border:none; height:0px; border-bottom:1px solid #999; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;} .online hr.divider { border-color:#bbb;} hr.dividerNormal { margin-top:0.5em; margin-bottom:0.5em; clear:both;} hr.noStyles { display:none;} br.noStyles { display:none; } div.divDivider { height:0px; line-height:0px; margin: 1.5em 0 1.5em 0;} /*borders*/ .borderTop, .borderTopInverse { border-top-style:solid; border-top-width:1px; } .borderTopFat { border-top-style:dotted; border-top-width:2px; } .borderBottom { border-bottom-style:solid; border-bottom-width:1px; } .borderBottomFat { border-bottom-style:dotted; border-bottom-width:2px; } .borderTopSolid { border-top-style:solid;} .borderBottomSolid { border-bottom-style:solid;} .noBorders { border:none!important;} .noBorderBottom { border-bottom:none!important;} .noBorderTop { border-top:none!important;} .border { border:1px solid orange!important; } .noPadding { padding-left:0px; padding-right:0px; } .bold, .strong, .bold * { font-weight:bold!important; } .bbold { font-weight: bold; font-family: ZurichB; } .noPaddingTop { padding-top:0!important;} .nobold { font-weight:normal!important;} .noboldall, .noboldall * { font-weight:normal!important;} .normal { font-weight:normal; } .basic { font-family: Zurich; font-weight:normal; font-size:15px!important; letter-spacing: 0; } .nobr { white-space:nowrap; } .whiteBg { background-color:#fff; padding-right:5px; } .nowrap { white-space:nowrap; } .wrap { word-break: break-all; } .block { display:block; } .blockElement { display:block!important; } .inline { display:inline; } .inlineBlock { display:inline-block; } .italic { font-style:italic; } .mobileInline { display:block; } .size3 .mobileInline { display:inline; } .mobileBlock { display:inline; } .size3 .mobileBlock { display:block; } .left, .leftFunc { float:left; width:48%; } .right, .rightFunc { float:right; width:48%; text-align:right; } .rightAuto { float:right;} .leftAuto { float:left;} .rightSmall { float:right; text-align:right;} .leftFunc { width:65%; } .rightFunc { width:35%; } .size3 .rightMobile { float:right; line-height:100%; margin-top:1em; } .liter { opacity:0.25; } .lite { opacity:0.6; } .faded { opacity:0.8; } .semiLite { color:#777; } .clearLeft { clear:left; } .clearRight { clear:right; } .clearBoth { clear:both; } .clear { padding:0 0 0 0; margin:0 0 0 0; line-height:0px; height:0px; clear:both; overflow:hidden } .autoSize, .autoWidth { width:auto!important; min-width:0!important;} .imageLeft { float:left; margin:0 1em 0.5em 0;} .imageRight { float:right; margin:0 0 0.5em 1em;} .middle { vertical-align: middle; display:inline-block; } .top { vertical-align: top; display:inline-block; } .third { width:33.3333%;} .size6 .leftBig { float:left; width:calc(50% - 10px); } .size6 .rightBig { float:right; width:calc(50% - 10px); } .iconMarginLeft { margin-left:0.5em; } .iconMarginRight { padding-right:0.5em; } .iconRight { } .inlineIcon { vertical-align:middle; } .subtitle { font-weight:bold; margin-bottom:2px;} .title { font-weight:bold; } blockquote { padding:0px; margin:0px 0px 1em 1.5em; } blockquote blockquote { padding:0px; margin:0px 0px 1em 2em; } .hilite { background-color:#ddd; padding:0.1em 0.3em 0.3em 0.3em;} .hiliteLite { background-color:#f8f8f8; padding:0.2em 0.4em 0.2em 0.4em;} .hiliteLiteMore { background-color:#FbFbFb;} .darkmode .hiliteLite { background-color:rgba(63,63,63,0.4); } .cat { display:inline-block; background-color:#C1EFB1; padding:0 0.3em 0 0.3em; margin:0.1em 0} .rowUndone { } /* margins paddings*/ .marginTop { margin-top:1em!important;} .negMarginTop { margin-top:-0.7em!important;} .negMarginTopSmall { margin-top:-0.3em!important;} .negMarginTopBig { margin-top:-1.4em!important;} .negMarginBottomBig { margin-bottom:-1.4em!important;} .negMarginTopMid { margin-top:-1em!important;} .smallMarginTop { margin-top:0.3em!important; } .tinyMarginTop { margin-top:0.1em!important; } .midMarginTop { margin-top:0.55em!important; } .smallMarginBottom { margin-bottom:0.3em!important; } .marginLineTop { margin-top:1px!important; } .marginLineBottom { margin-bottom:1px!important; } .negMarginLineBottom { margin-bottom:-1px!important; } .marginBottom { margin-bottom:1em!important;} .midMarginBottom { margin-bottom:0.5em!important;} .extraMarginTop { margin-top:1.8em!important; } .bigMarginTop { margin-top:1.4em!important; } .bigMarginBottom { margin-bottom:1.4em!important; } .h1MarginTop { margin-top:29px;} .paddingTop { padding-top:1em;} .bigPaddingTop { padding-top:1.4em;} .smallPaddingTop { padding-top:0.3em;} .paddingLeft { padding-left:0.7em;} .paddingRight { padding-right:0.7em;} .paddingBottom { padding-bottom:1em;} .midPaddingBottom { padding-bottom:0.5em;} .emptyLine { clear:both; height:0.5em; overflow:hidden; } .noMargin { margin-bottom:0;} .noMarginBottom { margin-bottom:0!important;} .noMarginTop { top:0!important;} .smallPadding { padding:0.2em 0.3em 0.2em 0.3em;} .midPadding { padding:0.5em;} .negMarginBottomMid { margin-bottom:-0.5em; } .negMarginBottomInst { margin-bottom:-3.5px; } .buttonHeight { line-height:43px; } .noMargins { margin:0 0 0 0;} .marginRight { margin-right:0.3em;} .marginLeft { margin-left:0.3em;} .marginRightBig { margin-right:1em;} .paddingAvg { padding:0.8em;} /*contentwrapper*/ .mobile .wrapperContent { padding:0 19px 0 19px;} @media only screen and (orientation : landscape) { .iphonex .wrapperContent { padding-left:40px; padding-right:40px;} } .wrapperFullWidth, .size123 .wrapperFullWidthMobile { margin-left:-19px; margin-right:-19px; } .wrapperFullWidthRight { margin-right:-19px; } .paddingFullWidth { padding-left:19px; padding-right:19px; } .paddingFullWidthRight { padding-right:19px; } .paddingFullWidthLeft { padding-left:19px; } .wrapperVeryBottom { margin-bottom:0px; } .wrapperVeryTop { margin-top:-0.8em;} /*colors*/ .bgRed { background-color:#C73327; } .bgGreen { background-color:#358E2E; } .bgBlue { background-color:#00519E; } .borderRed { border-color:#C73327; } .borderGreen { border-color:#358E2E; } .borderBlue { border-color:#00519E; } .bgRedLite { background-color:#E39993; } .bgGreenLite { background-color:#9AC797; } .bgBlueLite { background-color:#80A8CF; } .bgRedLiter { background-color:#F4D5D3; } .bgGreenLiter { background-color:#D6E8D4; } .bgBlueLiter { background-color:#D7D7E9; } .bgSat { background-color: #f1f1f1;} .bgSun { background-color: #e1e1e1;} .tcRed { color:#C73327!important; } .tcYellow { color: #e7b913 !important; } .tcRedLite { color:#E39993!important; } .tcGreen { color:#358E2E!important; } .tcGreenLite { color:#9AC797!important; } .tcBlue { color:#00519E!important; } .tcBlueLite { color:#80A8CF!important; } .txtGray { color:#aaa!important;} .red { color:#C00;} .yellow { color: #ffbd0e;} .green { color:#129904;} .black { color:#111;} .code, .codeNoBg { padding:0.5em; background-color: #f1f1f1; font-size:11px; font-family: "Courier", monospace; white-space: pre; line-height: 135%; } .codeNoBg { background-color: inherit; } .codeNoBr { padding:0.5em; background-color: #e0ebee; font-size:11px; font-family: "Courier", monospace; line-height: 135%; } .tdcode { white-space: normal; } .monospace { font-family: "Lucida Console", Monaco, monospace; line-height: 130%; } /*text sizes*/ .textSmall, small { font-size:90%; } .textMid { font-size:100%; } .textBig { font-size:115%; } .bullet { font-size:135%; line-height:100%; } .smaller, .gi.smaller, .fa.smaller { font-size:90%;} .bigger { font-size:120%;} .bigger.fa { vertical-align: -1px;} .smallest, .gi.smallest, .fa.smallest { font-size:80%;} .tiny { font-size:70%;} .lineheight100 { line-height: 100%; } .lineheight115 { line-height: 115%; } .verticalText { writing-mode: vertical-lr; text-orientation: mixed; } .bigFat { font-size:150%; font-weight: bold;} /*common classes*/ .titleSmall { font-weight:bold; padding-bottom:0em;} /*lists*/ ol { padding-left:2em; margin:1em 0em 1.5em 2em; } ul { padding-left:2em; margin:0.7em 0em 0.2em 0em; } ul li, .plaintree ul { margin-top:0; margin-bottom:0;} /*images*/ .fullSize { width:100%;} /*rounded corners*/ .rounded { -webkit-border-radius:0.5em; -moz-border-radius:0.5em;} .noRoundedCorners { -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .toggle { display:none; } .size6 .toggle { display:none; } .alignRight { text-align:right; } .alignLeft { text-align:left; } .hidden { display:none; } .forcehidden { display:none!important;} .bgAdmin, .bgAdminInner, .sysadminonly, form input.sysadminonly { background-color: #E7F5FA!important; } /*.bgAdmin, .bgAdminInner, .sysadminonly { border: 1px dashed #8ab1bf!important; }*/ .cmsBgGray .bgAdmin, .cmsBgGray .sysadminonly, .cmsBgGray .elementSysadminOptionsTop .tag.sysadminonly { background-color:rgba(77, 163, 215, 0.34) !important; } .partneradminonly { background-color: #fcf8dd !important;} .bgDevAdmin { background-color: #daf3de!important; } .boxModel { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .imgToggler { vertical-align: middle; color: #222; font-weight:bold; } .imgToggler .fa:first-of-type { margin-right:0.5em; width:0.8em;} .imgToggler img { vertical-align: 0.05em; margin-right: 0.15em; width:10px; height:10px; } .relative { position:relative;} .mobileBlock { display:inline; } .size123 .mobileBlock { display:block; } .fixed { position: fixed; } .pointer { cursor: pointer; } .banned { cursor: not-allowed; } .desaturate img, .desaturate .imageMask { filter: grayscale(100%); } .strikethru { text-decoration: line-through; } .distUnit { padding-left:0.2em;} td p { padding:0; margin:0 0 0.5em 0;} table.autowidth td { white-space:nowrap; } /* ======================== | HEADER /////////////// ======================== */ .feSwitchHeader { border-bottom:2px solid #999;} .elementLogoMobile { float:left; width:50%; padding:0.5em 0 0em 0.35em; } /* user funcs */ .elementUserFuncs { padding-right:0.4em; padding-top:0.6em; text-align:right; line-height:120%; } .elementUserFuncs a { font-weight:normal; } .elementUserFuncsMobile { float:right; width:40%; text-align:right; padding:0.7em 0.4em 0.3em 0.3em; font-weight:bold; } .elementUserFuncsMobile a { } /*logo if no style set yet*/ .blockTop .center { text-align:center; } .blockTop .center .logo { float:none; } /*stylesheet chooser*/ .elementSizeChooser { clear:both; } .elementSizeChooser a { margin-right:0.3em; font-weight:normal; } .elementSizeChooser a:hover { color:#000; } .elementSizeChooser .selected { font-weight:bold; color:#666; } /* navi mobile*/ .elementNaviMobile { margin:0 0 1px 0; } .elementNaviMobile a { color:#fff; font-weight:bold; font-size:1em; line-height:14px; } .elementNaviMobile a:hover, .elementNaviMobile .selected { color:#ccc; } .elementMainRulerTop { margin-bottom:1em;} .mobile .elementMainRulerTop { margin-bottom:0.5em;} /* ======================== | anthrazit-id bar ======================== */ .elementPbmp, .pbmpBorder, .pbmpBorder div, .pbmpBorder .inputButton { color:#000;} .pbmpBorder .error { color:#CC0000; font-weight:bold; } .mopage .pbmpText { font-size: 0.9em;} .elementPbmp { clear:both; background-color:#bbb; padding:0.2em 0.4em 0.2em 0.3em; } .online .elementPbmp { } .elementPbmp a { color:#444; } .mobile .elementPbmp a { font-size:90%; } .elementPbmp .logo { padding:0 0 0 0; vertical-align:middle; } .elementPbmp .elementUserLinks { float:right; font-weight:bold; color:#444; font-size:0.9em;} .online .elementPbmp .elementUserLinks { margin-top:0.2em;} .elementPbmp .elementUserLinks a { color:#444; } .elementAnthrazitIdClaim { display:inline; margin-left:0.4em; font-size:11px; color:#fff; font-weight:bold; text-shadow:1px 1px 4px #000 } /*title*/ .pbmpBorder .title { font-size:1em; margin-bottom:0em; color:#000; } /*border*/ .online .pbmpBorder { border:2px solid #bbb; border-top:none; margin:-1em 0 0 0; padding:0.5em; } /*links*/ .pbmpBorder a, .pbmpBorder a.intern, .pbmpBorder a.folder, .pbmpBorder .title a.intern, .pbmpBorder .pguideViewDetails .title a { color:#276BAB;} .pbmpBorder a:hover { color:#000; } /*misc wrappers*/ .online .pbmpBorder .fullsizeimage { margin:-0.5em -0.5em 0 -0.5em; } /*footer*/ .elementAnthrazitIdFooter { background-color:#bbb; color:#fff; padding:0 0.4em 0.1em 0.4em; } .elementAnthrazitIdFooter .text { font-size:75%; font-style:italic; } .mobile .elementAnthrazitIdFooter { margin-top:0.5em;} /* ======================== | MMW ///////// ======================== */ .elementEditBox { border:none; background-color:#eee; padding:0.5em 0.7em 0.6em 0.7em; } .elementEditBox .hilite { background-color:#fff; margin-bottom:0.2em;} .elementBgBox { margin:0 0 0 0; } .elementBgBox { padding:0.4em; margin-bottom:1em;} /*editmode*/ .mmw .elementNaviMobile { margin-bottom:1px; } .mmw .elementNaviMobile a { font-weight:bold; } .online .elementNaviMobile { padding:0.3em; margin-bottom:1em; } .mmwMoveArrow { display:inline-block; width:1.5em; text-align:center; } /*navis*/ .mobile .mmw .elementNaviMobile { background-color:#fff; border-bottom:0.6em solid #ccc; margin-bottom:0em; padding-right:0; font-family:Arial, Helvetica, sans-serif; } .mobile .mmw .elementNaviMobile { color:#000; } .mobile .mmw .elementNaviMobile a { color:#000; } .mobile .mmw .elementNaviMobile a.selected { color:#E9942D; } /*user info*/ .elementUserInfo { padding:0.4em 0.4em 0.4em 0em; } .smallUserImage { height:1.3em; float:right; } /*sitemap tree*/ ul.mmwSitemap, ul.mmwSitemap ul { margin:0 0 0 0; padding:0 0 0 0; list-style:none;} ul.mmwSitemap ul { padding:0 0 0 1.5em;} ul.mmwSitemap li li { } /*mmw header in editmode*/ .elementMmwHeader { margin:0em 0 0.8em 0; background-color:#999; background-image:none; border-bottom:1px solid; height:auto!important; } .mobile .elementMmwHeader { margin:-0.4em 0em 0.6em 0em;} /*wrappers online*/ .wrapperMmwOnline { border:none; } .wrapperMmwContent { padding:0; } .elementPoweredBy { font-size:0.8em; font-weight:bold; font-size:0.7em; text-align:center; padding:0.3em 0 0.5em 0; } .elementPoweredBy a { color:#aaa; } .poweredby { color:#888; float:left; font-size:100%; white-space: nowrap; } .poweredby .ant { color:#3b3b3b!important; font-weight:bold;} .poweredby a { color:inherit!important; } .wrapperPoweredBy .row2 .td { padding-top:8px;} .wrapperPoweredBy a { color:#aaa; } .wrapperPoweredBy .usertag .email { color:inherit; opacity: 1;} /* ======================== | red edit ///////// ======================== */ .elementRedViewSwitch { z-index:99; opacity:0.9; background-color:#b7e592; border:1px solid #4a9d06; display:inline-block; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; color:#4a9d06!important; padding:0.1em 0.3em 0.2em 0.3em;} .absolute { position:absolute; } /* .mobile .mmw .elementRedViewSwitch { position:relative; margin-bottom:0.5em; display:block; } */ .elementRedViewSwitch small { margin:0 1em 0.2em 0;} .redOrange { background-color:#b7e592; border-color:#4a9d06; color:#444; } a.redEditLink { opacity:0.7; filter:alpha(opacity=7 ); ;background-image:none; z-index:99; font-size:10px!important; line-height:13px!important; padding:3px 0 0 0!important; font-weight:bold!important; color:#fff!important; position:absolute; color:#fff; margin-top:0; display:inline!important; text-shadow:none!important; text-decoration:none; } a.redEditLink:hover, .elementRedViewSwitch .selected { opacity:1; } a.redEditList {margin-top:10px; margin-left:-19px;} a.redEditTitle { margin-left:-19px;} .elementRedEditor .smallest { font-size:8px;} .bigField { width:800px!important; font-size:85%!important;} .editGeoAddress .left { width:45%; } .editGeoAddress .right { width:50%; } /* ======================== | REG PROMO ///////// ======================== */ .regpromo .blockTitle .title { color:#666; } .online .regpromo .wrapperContent { padding-top:0; } .regpromo .hiliteLite { background-color:transparent; padding:0 0 0 0; } .elementFullwidthImage img { float:none; width:100%; } /* ======================== | GUIDED TOUR ///////// ======================== */ .guidedtour .wrapperContent { padding:0 0 0 0; } .guidedtour .elementNavItems { padding:0.9em 0.4em 0.7em 0.4em; } .elementGtNavbar { padding:0.4em} .elementGtNavbar { background-color:#FCCF82; color:#222; } .wrapperGtPage { padding:0.5em 0.4em 0 0.4em; overflow:hidden; } .elementGtNavbar .colLeft, .elementGtNavbar .colMid, .elementGtNavbar .colRight { float:left; width:33%; } .elementGtNavbar .colMid { text-align:center; } .elementGtNavbar .colRight { float:right; text-align:right; } .elementGtNavbar .thumb { margin:0 1em 0 0; padding:0;} .elementGtNavbar .button { font-weight:bold; font-size:90%; text-transform:uppercase; } .elementGtNavbar .pageof { float:right; font-size:90%; } /* ======================== | CONTAINERS /////////// ======================== */ .rowTop { padding:0em 0em 0.5em 0em; margin:0em 0em 0.5em 0em; } .rowMid { padding:0.5em 0em 0.5em 0em; margin:0.5em 0em 0.5em 0em; } .tinyRowMid { padding:0.2em 0em 0.2em 0em; margin:0.2em 0em 0.2em 0em; } .rowNoPadding { padding:0.5em 0em 0em 0em; margin:0.5em 0em 0em 0em; } .rowBottom { padding:0.5em 0em 0em 0em; margin:0.5em 0em 0em 0em; } /* ======================== | ELEMENTS //////////// ======================== */ .elementDeviceinfo { margin-top:5em; padding:1em; font-size:80%; background-color:#efefef; } .elementDeviceinfo .title{ margin-top:1em;} .elementTagCloud { background-color:#e8e8e8; padding:0.4em; margin:0.5em 0em 0.8em 0em; font-size:80%; text-align:justify; } .elementTagCloud a { margin-right:0em; color:inherit; font-weight:bold; } .elementTagCloud a:hover{ color:#000;} /*text colors*/ .elementTagCloud .textSmall { color:#333;} .elementTagCloud .textMid { color:#555;} .elementTagCloud .textBig { color:#888;} a.textDark { color:#444; } a.textNormal { color:#777; } a.textLite { color:#aaa; } .elementLastSearchterms { clear:both; } /*result block*/ .elementResultBlock { margin-bottom:1.4em; } .elementResultBlock .blockTitle { margin-left:-0.2em; margin-right:-0.2em;} .elementResultBlock .blockTitle { border-top-width:1px; border-top-style:solid; border-top-color:#bbb; padding:0.2em 0.2em 0.2em 0.2em; margin-bottom:0.8em; background-color:#eee;} .elementResultBlock .blockTitle .title { float:left; margin:0; } .elementResultBlock .blockTitle .linkRight { float:right; margin:0; display:block; width:auto; text-align:right; } .elementResultBlock .blockTitle .right { width:auto; } .elementResultBlock .left { float:left; width:70%; } .elementResultBlock .right { float:right; width:30%; text-align:right; } .elementResultBlock small.date { width:20%; display:inline-block; color:#888; } .elementResultBlock div.row { padding-left:0.5em; padding-right:0.5em; } /*element title bar (paging buttons)*/ .drawBorder { background-image:none; border:1px solid #666; background-color:#fff; color:#222; font-size:1.1em;} /*users last x search terms */ .elementSearch .elementResultBlock { margin-bottom:0.8em; } .elementSearch .elementResultBlock .elementTitleBar { margin-bottom:0.3em; } /*obj service links*/ .elementObjServicelinks { margin-top:1em;} .elementObjServicelinks a {} .elementObjServicelinks .colsMyhome { padding:0 0 0.3em 0; margin-top:-0.3em;} .elementObjServicelinks .colsMyhome .row { margin:0em 0 0.2em 0; padding:0.2em 0 0.2em 0; } .elementObjServicelinks .twoCols .row { width:48%!important; width:44%; } .elementObjServicelinks .twoCols .col1 { float:left; } .elementObjServicelinks .twoCols .col2 { float:right; } .elementObjServicelinks .threeCols .row { width:32%!important; } .elementObjServicelinks .threeCols .col2 { margin-left:0.8em;} /*paging*/ .elementPaging { text-align:center; font-size:80%; margin-bottom:0.5em; margin-top:0.5em; } .elementShowMore { font-size: inherit;} .elementShowMore a { text-align: center;} a.pagingBrowse, .pagingBrowseDisabled { background-color:#eee; border:1px solid #bbb; font-weight:bold; padding:0.3em 0.5em 0.3em 0.5em; text-transform:uppercase; line-height:2.5em; } .pagingBrowseDisabled { background-color:#f1f1f1; border:1px solid #ddd; color:#888; } .elementPaging .selected { color:#888!important; } .elementPaging .char { display:inline-block; min-width:1.6em; min-height:1.6em; margin:0.2em 0.2em 0.5em 0.2em; line-height:1.6em!important;} /*pseudo button*/ .pseudoButton, .pseudoButtonSmall, .wrapperMmwOnline .pseudoButton, .inputButton { background:url(/appl/grfx/bg_button.png) repeat-x top #cecece; display:inline-block; border:1px solid #bbb; font-size:14px; font-weight:bold; padding:0.4em 0.7em 0.4em 0.7em; margin:0.2em 0 0.2em 0; color:#222; text-shadow:1px 1px 0 #eee; text-align:center; } .inputButton { padding:0.3em 0.7em 0.3em 0.7em; } .pseudoButton { -webkit-border-radius:0.2em; -moz-border-radius:0.2em; border-radius:0.2em; } .buttonHidden { display:inline-block; width:100px; height:25px; } .pseudoButton:hover { color:#555; } .pseudoButton .arrow { vertical-align:middle; margin-right:0.4em;} .pseudoButtonSelected, .pseudoButtonSelected:hover { color:#999!important; opacity:0.6; } .pseudoButtonSmall { font-size:90%!important; font-weight:normal!important; padding:0.1em 0.4em 0.1em 0.4em!important; height:auto!important; border-radius:0.2em; } .pseudoButtonSmall .arrow { vertical-align:middle; margin-right:0.4em;} .dimmed { opacity:0.6;} .salmon { background-image:none; background-color:#FCCA9A; color:#222; border:1px solid #444; } a.selected { color:#888!important;} /*sharing links*/ .elementSharingOptions { text-align:right; margin:0 0 0 0; padding:0.3em 0 0 0; background-color:#FFF; } .elementSharingOptions .row { margin:0 0 0 0; padding:0 0 0 0; display:inline; border:none!important;} .elementSharingOptions .row a { padding:0 0em 0 0.5em;} .elementSharingOptions img { width:16px; height:16px; } /*orbit ticket*/ .elementOrbitTicket { padding:1em 0 1.5em 0; } .elementOrbitTicket .rowBottom { margin:0; padding:0.5em 0 0 0; } /*share link*/ /*.elementShareLink { margin:0 -0.4em 0 -0.4em; background-color:#efefef; padding:0.7em 0.4em 0.6em 0.4em; }*/ .elementShareLink { padding:0.7em 0 0.7em 0;} .mobile .mmw .elementShareLink { margin-bottom:0em; } .elementShareLink .pseudoButton { margin:0 0 0 0; display:inline; } /*rating*/ .elementRating .titleSmall { padding-top:0.3em; } .elementRating .star { padding:0 12px 0 0; } .colFuncs .elementRating .star { padding:0 10px 0 0; } .ratingPublic .star img { vertical-align:middle; padding-bottom:0.5em; width:25px; height:auto; } .elementRating .starIe { height:1.5em; } .elementRating .starIe img { margin-right:0.5em; } .elementRating .starIe input { vertical-align:baseline; margin-right:0.5em; } .elementRating .row { display:inline-block; padding:0.2em 8em 0.2em 0.8em; } .rated { background-color:#00519E; font-size:75%; font-weight:bold; color:#fff; padding:0 0.2em 0 0.2em;} /*refresh images*/ .elementRefreshImage .imageHalf { width:50%; height:auto; } .elementRefreshImage .imageFull { width:100%; height:auto; } .elementRefreshImage .imageOrig { max-width:100%; height:auto; } /*navi top*/ .mobile .elementNaviTop { font-size:1em; padding-top:0.3em; padding-bottom:0.3em;} /* ======================== | Obj Path ///// ======================== */ .elementObjPath { border:2px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; margin:0 0 1em 0; padding:0.2em 0.2em 0.2em 0.5em; font-size:90%; color:#666;} .elementObjPath a {} /* ======================== | RSS Feed ///// ======================== */ .elementRssFeed .date { font-style:italic; color:#999; font-size:90%; } .elementRssFeed { padding-bottom:1em;} .elementRssFeed .row { padding-bottom:0.5em!important; margin-bottom:0.5em; border-bottom:1px solid #ccc; } .elementRssFeed .cat, .elementRssFeed .customDate { } .elementRssFeed .viewItem .customDate { color:#000; } .elementRssFeed .viewItem .customDate, .elementRssFeed .viewItem .cat, .elementRssFeed .viewItem .location { font-style:normal; font-weight:normal; color:#000; margin:0.5em 0 0.5em 0; font-size:100%;} .elementRssFeed .viewItem .title { font-size:120%; margin-bottom:0.7em;} .elementRssFeed .dateSwitcher { text-align:left; font-weight:bold; line-height:35px; } .elementRssFeed .dateSwitcher a { line-height:130%; } .elementRssFeed .dateSwitcher a.pseudoButton { } .elementRssFeed .dateSwitcher .pseudoButton { width:25%; text-align:center; } .elementRssFeed .dateSwitcher .title { text-align:left; } .elementRssFeed .odd, .elementRssFeed .even { background-color:#fff;} .elementRssFeed .captionCat { clear:both; margin:1em 0 0.4em 0; padding-bottom:0.2em; border-bottom:1px solid #ccc;} .elementRssFeed .elementCategories { text-align:left; } .elementRssFeed .elementCategories .pseudoButton { width:48%; font-size:90%; padding-left:0; padding-right:0; text-align:center; } /*new rss feeds*/ .elementRssFeedNew .item { padding-top:0.3em; padding-bottom:0.3em;} .elementRssFeedNew .item a { color:inherit!important;} .elementRssFeedNew .date { color:#888; font-size:80%; } .elementRssFeedNew .containerLead { float:right; width:50%;} .elementRssFeedNew .pguideResList .more { color:#276BAB; } .elementRssFeedNew .captionCat { background-color:#888; padding-top:0.5em; padding-bottom:0.5em;} .elementRssFeedNew .captionCat a { color:#fff!important; } .elementRssFeedNew .elementCategories { margin-bottom:0.5em;} .elementRssFeedNew .read { background-color:#eee;} .elementRssFeedNew .elementLinkRow a { font-weight:inherit; padding-top:0.3em; padding-bottom:0.3em;} /*article/cats toggler*/ .elementRssCatArticleSwitch { margin-bottom:2px;} .elementRssCatArticleSwitch a { display:inline-block; width:50%; color:inherit!important; background-color:#bbb; text-align:center; padding:0.5em 0 0.5em 0; } .elementRssCatArticleSwitch .left { width:49.5%;} .elementRssCatArticleSwitch .selected { opacity:0.5; filter:alpha(opacity=50); font-style:italic;} /* ======================== | NEWS ///// ======================== */ .elementNewsListItem .clipImage { display:inline-block; float: left; max-height:70px; overflow: hidden; padding:0 0.75em 0 0; } .elementNewsListItem .thumb { width: 60px; height:auto; float:none!important; padding:0; margin:0;} /* ======================== | FRONTEND WEICHE ///// ======================== */ .elementNoFrontendSet { font-size:120%; text-align:center; } .elementNoFrontendSet .wrapper { display:block; text-align:center; } .elementNoFrontendSet .row { margin-bottom:0.5em; } .elementNoFrontendSet .row .pseudoButton { width:200px; max-width:80%;} .elementNoFrontendSet .title { font-size:140%; margin-bottom:0.7em; color:#999; } .elementNoFrontendSet .text { margin-bottom:1em; } /* ======================== | Stored Procedure //// ======================== */ table.elementTableView { width:100%; background-color:#e8e8e8; } .elementTableView td { padding:0.1em 0.2em 0.1em 0.2em; font-size:85%;} .normal .elementTableView td { font-size:100%;} .elementTableView .header { background-color:#eee; } .elementTableView .header td{ font-weight:bold; } .elementTableView .header .sort { font-style:italic; } .elementTableView .rowcount { width:3em; font-size:80%; color:#999; font-family:"Courier New", Courier, monospace;} .elementTableView .center { text-align:center; } .elementTableView .summary { background-color:#fff; font-weight:bold; font-style:italic;} .elementTableView ul { margin:0 0 0 0; padding:0 0 0 1.5em; } .elementTableView .date { white-space: nowrap; } .tableSmall td { font-size: 80%; } .trWeekend { background-color: #e1e1e1 !important; } /* ======================== | SETTINGS ///////////// ======================== */ .settingsRoot .caption { font-size:1em; margin-top:0.4em; } .settingsRoot .row { text-align:center; } .settingsRoot .row .title { font-size:0.9em; text-align:left; min-width:70%; display:inline-block; } .settingsRoot .pseudoButton { min-width:70%; } .settingsRoot .twoCols .row { width:48%!important; width:44%; margin-bottom:0.6em; } .settingsRoot .twoCols .col1 { float:left; } .settingsRoot .twoCols .col2 { float:right; } .captionGroup { color:#aaa; font-size:1em; font-weight:bold; font-style:italic; margin-bottom:0.5em;} /* ======================== | OBJ FORWARD PAGE /// ======================== */ .elementForward .list { } .elementForward .term { padding:0.3em 0em 0.3em 0em; margin:0.3em 0em 0.3em 0em; } .elementSendSms { font-size:80%; text-align:left; line-height:170%; margin-top:-0.5em; color:#222;} /* ======================== | LISTS VIEWS /// ======================== */ /*LISTS*/ .pguideResList .title { font-weight:bold; } .pguideResList .detail .title { font-weight:bold; margin-bottom:0.7em; } .pguideResList { margin-top:1em; } /*.pguideResList .row { padding:0.3em 0em 0.3em 0em; margin:0.3em 0em 0.3em 0em; }*/ .pguideResList .row { padding-top:0.3em; padding-bottom:0.3em; margin-top:0.3em; margin-bottom:0.3em; } .listBorderBottom .pguideResList .row { padding:0.1em 0em 0.4em 0em; } .pguideResList .thumb { float:left; margin:0px; padding:0.2em 0em 0.4em 0em; } .pguideResList .sharingIcon { margin:0 0.3em 0 0; vertical-align:middle; } .pguideResList .containerLead { float:right; } /*fancy sibling list*/ .elementFancySiblingList .siblingThumb { padding:0em 0em 0em 0em; } .elementFancySiblingList .thumb { float:left; padding:0; margin:0; border:1px solid #eee; } .pguideResList .elementFancySiblingList .containerLead { float:right; width:73%; } .elementFancySiblingList .title a { color:#000; font-size:115%;} .elementFancySiblingList .row { padding-bottom:0; margin-bottom:1.5em;} /*thumbs for fav list*/ .pguideResList .elementFavList .thumb { float:left; margin:0px; padding:0.2em 1em 0.4em 0em; } .pguideResList .elementFavList .containerLead { float:left; width:70%; } .pguideResList .elementFavList .func { float:right; text-align:right; } .wrapperSiblingButton { padding:0.5em 0;} .pguideResList .buddy .thumb { float:left; } .pguideResList .buddy .containerLead { float:right; } /*sibl lists for sibl. type 'detail no links'*/ .pguideResList .noLinks .title { margin-bottom:0em; font-size:1em;} .pguideResList .noLinks .lead { font-weight:normal; margin-bottom:0em;} .pguideResList .noLinks .row { padding:0.3em 0em 0.3em 0em; margin:0.3em 0em 0.3em 0em; } .pguideResList .noLinks .containerLead { float:left; } /*booth info for firma objs*/ .pguideResList .boothInfo { font-weight:bold; } /*a-z listing chars*/ .pguideResList .char { font-weight:bold; margin:1.5em 0 0.6em 0;} /*geo objs list*/ .pguideResList .linkRow .elementNum { float:right; font-weight:bold; } .pguideResList .linkRow .geoInfo { text-shadow:none; font-size:90%!important; color:#777; font-weight:normal;} /* new columns sibling list (2 or 3 cols depending on width) */ .listCols { margin:20px -15px 0 0; } .listCols .row { float:left; width:33.33333333333%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:0 15px 15px 0; margin:0 0 0 0; } .listCols .row a { display:block; } .listCols .row .wrapper { } .listCols .row .imageMask { height:200px; background-color: #f6f6f6; } .listCols .icon { display:table-cell; vertical-align:middle; text-align: center; } .listCols .icon img { width:60%; max-width:70px; height:auto; opacity: 0.8; filter:alpha(opacity=80);} /*.listCols .wrapperTitle { background:no-repeat 100% center; background-image: url(/appl/grfx/bg_goto_ios7.png); background-image: -webkit-image-set(url(/appl/grfx/bg_goto_ios7.png) 1x, url(/appl/grfx/bg_goto_ios7_retina.png) 2x); }*/ .listCols .title { font-weight:normal; font-size:100%; padding:6px 5px 6px 5px; height:40px; display:table-cell; vertical-align: middle; width:100%; border-top:0.5px solid #333; border-bottom:0.5px solid #333; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .listCols .wrapperTitleText { overflow-x: hidden; display:table-cell; vertical-align: middle; width:100%; color:inherit; font-size:90%; padding:10px 25px 10px 0px; border-top:0.5px solid #333; border-bottom:0.5px solid #333; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} .listCols .wrapperTitleText .legend { opacity:0.5; filter:alpha(opacity=50); } .listCols .image .title { font-size:90%; } .listCols .title .gi { font-size:80%; opacity: 0.9; filter:alpha(opacity=90);} .listCols .weather { margin:-20px 0 0 0; padding:0; text-align: center; } .listCols .weather img { width:40%; height:auto;} .listCols .weather .temp { display:block; margin-top:-5px; color:#333;} .listCols .weather .location { color:#777;} @media screen and ( max-width: 700px ) { .listCols .title { font-size:75%!important; } .listCols { margin-right:-8px; } .listCols .row { padding:0 8px 8px 0; } .listCols .title { height:35px;} .listCols .icon img { width:40%; } } @media screen and ( max-width: 480px ) { .listCols .weather .temp, .listCols .weather .location { font-size:80%; } } @media screen and ( max-width: 375px ) { .listCols .row { width:50%!important; } } /*sibl typ 11*/ .pguideResList .biggerThumb .containerLead { width:62%;} .rowFullObj { padding-top:11px; padding-bottom:10px; } /* multi cols lists */ @media screen and ( min-width: 480px ) { .multiColsList { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .multiColsList .flexItem { width: 50%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .altListMode .multiColsList .flexItem .elementLinkRow { border:none!important;} .multiColsList .flexItem .wrapperFullWidth { margin: 0;} } .cmsFlexList { gap:10px; } .cmsFlexList .flexItem { background-color: #f8f8f8; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:8px!important; } .online .cmsFlexList .flexItem:nth-child(odd) { } .online .cmsFlexList .flexItem:nth-child(even) { } /* common flex container */ .flexContainer { display: flex; flex-direction: row; flex-wrap: wrap; } .flexContainer.verticalCentered { align-items: center; } .flexContainer.verticalBaseline { align-items: baseline; } .flexContainer.spaceBetween { justify-content: space-between; } .flexContainer .item { width:20%; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .flex { display: flex; flex-direction: row; flex-wrap: wrap; gap:15px; justify-content: space-between; } .flex.nogap { gap:0; } .flex .break { flex-basis: 100%; height: 0; } .flexContainer50 { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content:stretch; gap:10px; } .flexContainer50 .item50 { width:calc((100% - 10px) / 2); box-sizing: border-box; background-color: #fbfbfb; padding:0.3em 0.5em; border:1px solid #ddd; border-radius: 4px;} /*res list webguide*/ /* .resBlockMagazin .pguideResList .thumb { float:right; } .resBlockMagazin .pguideResList .containerLead { float:left; } */ /* ======================== | DETAIL VIEWS /// ======================== */ .pguideViewDetails .row:first-child { padding:0.5em 0em 0.5em 0em; } .rowFullObj .pguideViewDetails > .row { padding:0 0 0.5em 0;} .noTopPadding .row:first-child { margin-top:0; padding-top:0;} .noBottomPadding + .row:first-child { margin-bottom:0; padding-bottom:0;} .pguideViewDetails .text{ margin-bottom:0; } .pguideViewDetails .text img { max-width:100%; } .pguideViewDetails .links { text-align:left; margin-top:0.3em; } .pguideViewDetails div.thumb { float:left; margin:0; padding:0.2em 0.7em 0.6em 0em; } .pguideViewDetails div.thumb.alignRight { float:right; margin:0; padding:0.2em 0 0.6em 0.7em; } .pguideViewDetails .imgWrapper { } .pguideViewDetails .thumbHalf { width:50%; float:left; margin:0 1em 1em 0; } .pguideViewDetails .alignRight.thumbHalf { float:right; margin:0 0 1em 1em; } .pguideViewDetails .thumbHalf .caption, .pguideViewDetails .imgWrapper .caption { margin-top:0.5em; opacity: 0.8; text-align: center; } .pguideViewDetails .thumbHalf .subcaption, .pguideViewDetails .imgWrapper .subcaption { opacity: 0.6; text-align: center; font-size:0.85em; } .pguideViewDetails .thumbHalf img { width:100%; height:auto;} #wrapperFullSizeImage { position:relative;} #wrapperFullSizeImage .thumb {float:none; } .wrapperFullSizeImageEmbedded .thumb { padding:0; margin:0;} .bigimage div.thumb, .thumbFullWidth { float:none; display:block; } .pguideViewDetails .thumbFullWidth, .pguideResList .thumbFullWidth { padding:0.2em 0 0 0; margin:0 0 0 0; position:relative; z-index:0; } .pguideViewDetails .extraPaddingRight { padding:0.2em 1.8em 1em 0em; } .pguideViewDetails h1.title, .pguideViewDetails .title, .wrapperContent > h1.title { font-weight:bold; font-size:1.5em; margin:0 0 0.5em 0; } /* icon before title */ .title .icon { display:inline-block; margin-right:10px;} .title .icon img { height: 24px; width:auto; vertical-align: -0.15em; } /* square obj img */ .pguideViewDetails .mask, #wrapperFullSizeImage .mask { display:block; position:relative; width:40px; height:40px; background-size: cover; background-position: center; background-repeat: no-repeat!important; } .mask img.thumb { display:none;} .pguideViewDetails .lead { font-weight:bold; margin-bottom:0.5em; } .pguideViewDetails .normal { font-weight:normal; } .pguideViewDetails .textStart { margin-bottom:0.2em; } .elementNavItems { padding: 0em 0em 0.8em 0em; } .elementNavItems a { } .elementNavItems a.arrow { margin-right:0.8em;} /*fanca promo obj*/ .online .fancyPromo .containerText { max-width:50%; } /*fullsize images, objektstyle = 3*/ .mobile .fullsizeimage { } .pguideViewDetails .fullsizeimage .thumb { float:none; padding:0em 0 0.6em 0; } /*date*/ .pguideViewDetails .itemDate { color:#999; font-size:90%;} .wrapperContent .marginTop:first-child { margin-top:-0.2em;} .moapp .wrapperContent .marginTop:first-child { margin-top:1em;} .landingpage .wrapperContent .marginTop:first-child { margin-top:0.6em;} .pguideViewDetails .linklist { padding-top:0.5em; } .linklist .term { padding-bottom:0.5em;} .extlinkicon { font-size:85%; padding-right:3px; } /*meta search results*/ .elementMetaresults { padding-bottom:0.4em; } .elementMetaresults .title { font-weight:bold;} .metaResults { margin-top:0.5em; padding-top:0.5em; } .pguideRubrikList { padding:0.5em 0em 0em 0em; } /*2 cols layout*/ .twoCols .row { width:48%!important; width:44%; margin-bottom:0.6em; } .twoCols .col1 { float:left; } .twoCols .col2 { float:right; } /*3 cols layout*/ .threeCols .row { width:33%!important; margin-bottom:0.6em; } .threeCols .col1 { float:left; } .threeCols .col2 { float:left; } .threeCols .col3 { float:right; } /*services list*/ .listHilited .hilite { background-color:#efefef; margin-bottom:0.2em;} .listHilited .left { width:70%; padding:0px;} .listHilited .right { width:auto; text-align:right; padding:0px; } /* alternating lists */ .elementAltList .odd, .elementAltList .even, .elementAltList .header { padding:0.1em 0.2em 0.1em 0.2em;} .odd { background-color:#fff; } .even { background-color:#f3f3f3; } .total { background-color:#bbb; border-top:1px solid #333; border-bottom:2px solid #333; padding:0.3em 0.2em 0.3em 0.2em; color:#222; font-weight:bold; margin-top:0.5em; } .header { background-color:#ddd; margin-bottom:0.3em; } .elementAltList .term { line-height:1.6em;} ul.listBlueArrow { list-style-image:url(/appl/grfx/blue_arrow.png); } ul.listBlueArrow li { margin-left:0;} .wrapperObjText { max-height:143px; overflow:hidden; } .size6 .wrapperObjText { max-height:230px; } .titleCats { text-transform: uppercase; font-size: 70%; color:#aaa; } /* 2 cols on big mobile size */ ul.colBig { margin-top: 0; padding-top:0} .size6 ul.colBig { width:40%; float:left; } .elementVideo { width:100%; margin-bottom:1em;} .wrapperVideoEmbed { margin:0.5em 0;} /* ======================== | ADS /// ======================== */ .elementAd { color:#777; font-size:80%; font-style:italic; } .elementAd .elementBannerRectangle { margin-top:1em; background-color:#f2f2f2; text-align:center; padding:1em 0 1em 0; } .elementAd p { margin:0; padding:0; } .mobile .elementAd { text-align:left; } .elementAd .wrapper { padding:0.6em 0em 0.6em 0em; } .elementAd img { border:none; } .mobile .elementAd img { max-width:100%; } /*for mob banner top*/ .elementAd .wrapperTop { padding:0.6em 0 0.6em 0; } .elementMobileBanner { text-align:center; } /* ======================== | macois overrides /// ======================== */ /* body.apptypeMacos, body.apptypeMacos.size6 .elementNavigationLeft .elementLinkRow a { font-size:20px; } body.apptypeMacos .elementMopageTinyHeader, a.button { font-size:85%; } */