* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } html, body { font-size: 100%; line-height: 1.5; font-family: Verdana, Arial, Helvetica, sans-serif; text-shadow: 0 1px 0 #CCCCCC; color: #000000; } html { background: url(/media/images/278567/fon-main.jpg) top left repeat; } body { width: 960px; min-width: 240px; margin: 0 auto 50px; background-color: #ffffff; border: 1px solid #ffffff; border-radius: 1em; overflow-x: hidden; padding-bottom: 10px; } h1 { font-size: 18px; font-size: 1.125rem; margin: 1.2em 0 0.7em; line-height: 1.2; } h2 { font-size: 16px; font-size: 1.1rem; margin: 1.2em 0 0.7em; line-height: 1.2; color: #000000; border-left: #003355 6px solid; border-bottom: #003355 1px solid; padding-left: 5px; margin: 20px 0 20px; } h3, h4, div.h4 { font-size: 16px; font-size: 1rem; margin: 1.2em 0 0.7em; line-height: 1.2; } p { margin: 0 0 0.5em; line-height: 1.5; } p, ul, li, input, textarea, td, th, div { font-size: 14px; font-size: 0.8rem; } .main-content p, .main-content ul, .main-content li, .main-content input, .main-content textarea, .main-content td, .main-content th, .main-content div, .uca-eu-info p { font-size: 16px; font-size: 0.9rem; } blockquote { margin: 20px 0; border-left: 10px solid #993300; background-color: #FFDBC3; font-size: 110%; padding: 20px 30px; margin-left: 20%; } blockquote:first-letter { color: #993300; font-size: 150%; } small { font-size: 80%; } mark { background: #ffff00; } a { color: #003355; } a:hover { color: #ff3300; } a.disabled { color: #666666 !important; cursor: default !important; } img, a > img { border: none; } ol { counter-reset: item; padding-left: 10px; } ol li { display: block; } ol > li > ol > li:before { content: counters(item, ".") " "; counter-increment: item; } ul.top-style li { list-style-type: none; } ul.top-style li:before { content: "➤ "; font-size: 120%; color: #993300; } ul.top-style-1 li:before { content: "✔ " !important; } ul.top-style-2 li:before { content: "✘ " !important; } ul.top-style-3 li:before { content: "➴ " !important; } header[role="banner"] { width: 100%; min-height: 70px; padding: 20px 0 10px; } header[role="banner"] > a { display: block; width: 40%; float: left; font-size: 30px; font-weight: bold; line-height: 1; text-shadow: 0px 0px 0px #CCCCCC, 3px 3px 0px #CCCCCC; color: #003355; border: none; text-decoration: none; } header[role="banner"] > h3 { margin: 0 !important; padding: 0 !important; width: 60%; float: right; font-size: 20px; } header[role="banner"] > h3 span { display: inline-block; } nav[class~="main-nav"] { clear: both; width: 100%; height: 350px; position: relative; background: url("/media/images/278567/hamburg-city-logo.jpg") no-repeat center center; } nav[class~="main-nav"].slide-2 { background: url("/media/images/278567/anzeigen-slide.jpg") no-repeat center center !important; } nav[class~="main-nav"].slide-3 { background: url("/media/images/278567/spargeld-slide.jpg") no-repeat center center !important; } nav[class~="main-nav"].slide-4 { background: url("/media/images/278567/eshops-slide.jpg") no-repeat center center !important; } nav[class~="main-nav"] > div.nav-constant { position: absolute; width: 100%; z-index: 500; min-height: 32px; background-color: #003355; color: #FFFFFF; box-shadow: 0 2px 6px #003355; border-radius: 0 0 1em 1em; text-align: center; padding: 0 !important; } nav[class~="main-nav"] > div.nav-constant > ul { width: 80%; margin: 0 10%; } nav[class~="main-nav"] > div.nav-constant li { position: relative; } nav[class~="main-nav"] > div.nav-constant > ul > li > a { color: #FFFFFF; text-decoration: none; width: 100%; padding: 0 20px 0 20px; font-size: 15px; letter-spacing: 1px; line-height: 30px; vertical-align: middle; border: 1px solid #003355; } nav[class~="main-nav"] > div.nav-constant > ul > li.sub-menu:not(.no-active):hover > a { color: #000000 !important; background-color: #DDF0FF !important; background-color: rgba(221, 240, 255, 0.8) !important; border-radius: 1em 1em 0 0 !important; background-image: none !important; } nav[class~="main-nav"] > div.nav-constant > ul > li > a:hover { color: #000000; background-color: #DDF0FF; border-radius: 1em 1em 1em 1em; } nav[class~="main-nav"] > div.nav-constant > ul > li.sub-menu > a:hover { background-image: url("/media/images/278567/buttons.gif"); background-repeat: no-repeat; background-position: -39px -83px; } nav[class~="main-nav"] > div.nav-constant > ul > li.sub-menu:not(.no-active):hover > ul { display: block !important; } nav[class~="main-nav"] > div.nav-constant > ul ul { display: none; position: absolute; z-index: 650; left: 0; top: 31px; width: 300px; background-color: #DDF0FF; background-color: rgba(221, 240, 255, 0.8); border-bottom: 1px solid #003355; border-left: 1px solid #003355; border-right: 1px solid #003355; box-shadow: 5px 5px 5px 0 #003355; padding: 5px; list-style-type: none; font-size: 14px; } nav[class~="main-nav"] > div.nav-constant > ul ul > li { text-align: left; } nav[class~="main-nav"] > div.nav-constant > ul ul > li > a { display: block; text-align: left; border-bottom: 1px solid #FFFFFF; padding: 2px 5px; text-decoration: none; } nav[class~="main-nav"] > div.nav-constant > ul ul > li > a:hover { background-color: #EFD4D4; } nav[class~="main-nav"] > div.nav-constant > ul ul > li:nth-child(2n+1), ul.li-tab > li:nth-child(2n+1) { background-color: #DDF0FF; } nav[class~="main-nav"] > div.nav-constant > ul ul > li:nth-child(2n), ul.li-tab > li:nth-child(2n) { background-color: #FFFFFF; } .li-tab > li { padding: 5px 0; } #slider-buttons { list-style-type: none; position: absolute; z-index: 400; width: 120px; top: 90%; right: 0; } #slider-buttons li { width: 14px; height: 14px; cursor: pointer; background-color: #FFFFFF; border: 1px solid #000; border-radius: 1em 1em 1em 1em; float: left; margin-right: 10px; box-shadow: 0 2px 3px #FFFFFF; } #slider-buttons li.slide-active { background-color: #CD0000; } .slider-info { width: 100%; height: 350px; } #slider-scrolling { position: absolute; z-index: 150 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 70% !important; display: block !important; } .slider-info div { display: none; position: absolute; z-index: 200; bottom: 10px; left: 10px; } .slider-info div a{ font-weight: bold; font-size: 150%; color: #ff6600; text-decoration: none; text-shadow: 2px 2px 1px #000000; } .slider-info div p { color: #FFFFFF; font-weight: bold; font-style: italic; text-shadow: 1px 1px 0px #000000; } nav[class="breadcrumb"] { width: 100%; min-height: 47px; padding: 5px 0; margin: 10px 0; border-top: 1px solid #003355; border-bottom: 1px solid #003355; background-color: #DDF0FF; } nav[class="breadcrumb"] > div { margin: 5px 0 0 0; width: 60%; } nav[class="breadcrumb"] > div > ol, nav[class="breadcrumb"] > div > ol > li { list-style: none; margin: 0 !important; padding: 0 !important; display: inline-block !important; } nav[class="breadcrumb"] > div > ol > li > span.div-line { padding: 0 3px; color: #000000; font-size: 80%; font-weight: bold; } nav[class="breadcrumb"] > div > a { color: #003355; display: inline-block; } nav[class="breadcrumb"] > div > span.div-line { padding: 0 5px; color: #003355; font-size: 70%; font-weight: bold; } nav[class="breadcrumb"] .more-links:before { content: 'v'; } nav[class="breadcrumb"] .more-links { text-decoration: none; display: inline-block; border: 1px solid #003355; border-radius: 2em; padding: 0px 5px !important; background-color: #FFFFFF; color: #003355; text-shadow: 0 2px 2px #003355; margin-left: 10px; } .lang-de, .lang-ru, .lang-pl, .lang-en { background-image: url("/media/images/278567/languages.gif"); background-repeat: no-repeat; padding-left: 45px !important; } .lang-ru { background-position: 0px -90px; } .lang-de { background-position: -81px -30px; } .lang-en { background-position: -121px 0; } .lang-pl { background-position: -41px -60px; } .soc-netze { list-style-type: none; height: 36px; float: right; } .soc-netze > li { width: 38px; height: 36px; cursor: pointer; float: left; background-image: url("/media/images/278567/soc-netze.png"); background-repeat: no-repeat; } .soc-netze > li[data-soc="1"] { background-position: -45px 0; } .soc-netze > li[data-soc="2"] { background-position: -82px 0; } .soc-netze > li[data-soc="3"] { background-position: -120px 0; } .soc-netze > li[data-soc="4"] { background-position: -158px 0; } .soc-netze > li[data-soc="5"] { margin-left: 10px; background-position: -318px 0; } .soc-netze > li[data-soc="6"] { background-position: -196px 0; } .soc-netze > li[data-soc="7"] { background-position: -234px 0; } .soc-netze > li[data-soc="8"] { background-position: -272px 0; } .soc-netze > li[data-soc="9"] { background-position: -355px 0; } #soc-info { display: none; position: absolute; width: 250px; top: 50px; z-index: 700 !important; background-color: #DDF0FF; background-color: rgba(221, 240, 255, 0.8); border: 1px solid #003355; box-shadow: 5px 5px 5px 0 #003355; padding: 5px; } #soc-info textarea, #soc-info input[type="text"] { width: 100%; } #soc-info p, #soc-info h4 , #soc-info div { padding: 0 10px !important; } #soc-info h4 { margin: 0; } .close-layer { float: right; cursor: pointer; font-size: 12px; color: #FFFFFF; line-height: normal; border: 1px solid #000; border-radius: 1em 1em 1em 1em; background-color: #003355; padding: 0 5px 3px; } .foli-info .close-layer { color: #993300; font-weight: bold; border: 2px solid #993300; border-radius: 1em; background-color: #FFFFFF; } .soc-links { text-align: center; } .soc-links a { font-weight: bold; font-size: 15px; background: none !important; border: none !important; } .soc-links a.soc-link-gp { color: #dd4b39 !important; } .soc-links a.soc-link-tw { color: #55acee !important; } .soc-links a.soc-link-fb { color: #3b5998 !important; } .soc-links a.soc-link-vk { color: #5d80a6 !important; } main[role="main"] { width: 100%; } main[role="main"] > section.main-content { width: 75%; float: left; border-right: 1px solid #003355; min-height: 3150px; padding: 0 20px 0 0; } main[role="main"] > section.main-content h1 { margin-top: 0; } main[role="main"] > section.main-content ul { list-style-type: disc; margin: 5px 0 10px; } main[role="main"] > section.main-content ul li { margin: 5px 0 0 20px; padding-left: 10px; } main[role="main"] > section.main-info { width: 24%; float: right; padding: 0; } main[role="main"] > section.main-info .h4 { padding: 6px 0; margin: 0 0 10px 0; background-color: #003355; color: #FFFFFF; text-align: center; text-shadow: none; box-shadow: 0 2px 6px #003355; } main[role="main"] > section.main-info ul { list-style-type: none; margin-bottom: 20px; } main[role="main"] > section.main-info ul li { display: inline; } main[role="main"] > section.main-info ul li a { display: block; line-height: 1.7em; text-decoration: none; background: url("/media/images/278567/buttons.gif") no-repeat -17px -161px; padding-left: 10px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; } main[role="main"] > section.main-info ul li a:hover { border-top: 1px solid #003355; border-bottom: 1px solid #003355; color: #000000; background: #DDF0FF url("/media/images/278567/buttons.gif") no-repeat 0 -206px; } footer[role="contentinfo"] { clear: both; width: 100%; margin: 5px 0 0 0; height: 32px; background-color: #003355; color: #FFFFFF; box-shadow: 0 2px 6px #003355; border-radius: 0 0 1em 1em; padding: 0 20px; } footer[role="contentinfo"] > div#counters { width: 20%; float: right; text-align: right; margin-top: 1px; } form input, form select, form textarea, .search-field { padding: 4px; border: #CCCCCC 1px solid; background-color: #DDF0FF; color: #333333; margin-bottom: 2px; font-size: inherit; } form input:focus, form select:focus, form textarea:focus, .search-field:focus { background-color: #FFFFFF; color: #000000; font-size: inherit; } .form-lab { display: block; float: left; width: 150px; text-align: right; padding-right: 10px; font-size: 14px; clear: both; } ul.holidays { list-style-type: none !important; } ul.holidays > li { padding: 0 !important; margin: 0 !important; } ul.holidays > li > span[itemprop="eventType"] { display: none; } .holidays-actual { list-style-type: none !important; } .holidays-actual > li { padding: 5px 0 !important; margin: 0 !important; border-bottom: 1px solid #666666; } .holidays-actual > li:last-child { border-bottom: none !important; } .holidays-actual > li.today { background-color: #FFDBC3; } .holidays-actual > li > span { color: #660000; } ul.no-list-type, ul.links-left { list-style-type: none !important; } ul.links-left > li { float: left; margin-right: 3px; cursor: pointer; } ul.links-left > li >a { display: block; } ul.links > li.not-links { background: none !important; margin: 15px 0 0 0; padding-left: 0; font-style: italic; } table.info-table, table.info-table-col { border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } table.info-table tr > th, table.info-table-col tr > th { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; text-align: center; vertical-align: middle; background-color: #003355; font-weight: bold; color: #FFFFFF; padding: 5px; } table.info-table tr > td, table.info-table-col tr > td { border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 5px; } table.first-col-center tr > td:first-child { text-align: center; } table.info-table tr:nth-child(2n+1) { background-color: #FFFFFF; } table.info-table tr:nth-child(2n) { background-color: #DDF0FF; } .list-table { border-left: 10px solid #993300; margin: 20px auto; } .list-table th, .list-table td { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; padding: 10px; vertical-align: top; } .list-table th { background-color: #FFDBC3 !important; font-weight: bold; text-align: right; width: 40%; } .list-table th:first-letter { color: #993300; font-size: 150%; } .list-table td { background-color: #FFDBC3 !important; width: 60%; vertical-align: middle; } .tr-bg-col1 { background-color: #EFD4D4 !important; } .error-information { border: 2px solid #660000; padding: 10px; margin: 10px 0; color: #660000; } .information { border: 2px solid #006600; padding: 10px; margin: 10px 0; color: #003333; } #muster-banner { width: 170px; height: 650px; display: none; position: absolute; } #no-result { color: #cd0000; text-align: center; padding: 20px; margin: 10px 0; } .tab-center { clear: both; float: none; margin: 20px auto; } #lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #c0c0c0; background-color: rgba(0,0,0,0.7); text-align: center; } #lightbox div.lb-close { text-align: right; color: #ffffff; margin-right: 20px; font-size: 14px; cursor: pointer; font-weight: bold; } #lightbox div.lb-alt-text { text-align: center; color: #ffffff; font-size: 14px; } #lightbox img { box-shadow:0 0 25px #000000; -webkit-box-shadow:0 0 25px #000000; -moz-box-shadow:0 0 25px #000000; max-width: 90%; max-height: 90%; height: auto; } .get-large-image { cursor: pointer; } .translit-result { width: 100%; min-height: 100px; padding: 15px; margin-top: 20px; background-color: #FFDBC3; } .translit-result span { color: #CD0000; } .kalender, .kalender ul { list-style-type: none !important; background-color: #ffffff; } .kalender > li { width: 32%; float: left; border: 1px solid #003355; padding: 5px; text-align: center; margin: 0 1% 5px 0 !important; } .dbl-kalender .kalender > li { width: 90% !important; } .kalender > li > ul > li { width: 12.3%; height: 26px; float: left; border: 1px solid #CCCCCC; padding: 2px !important; text-align: center; margin: 0 !important; font-size: 14px; font-size: 0.8rem; } .kalender > li > ul.kl-weekdays > li { border: 1px solid #FFFFFF !important; font-weight: bold; color: #003355; } .woche-nummer { font-size: 90% !important; border: 1px solid #FFFFFF !important; color: #666666; } .kl-leer { background-color: #EFEFEF; } ul.kl-leer > li { border: 1px solid #FFFFFF !important; } .kl-sa { background-color: #DDF0FF !important; } .kl-so { background-color: #DDF0FF !important; } .kl-a-monat { color: #006600; } .kl-a-day { border: 2px solid #006600 !important; } .kl-redday { color: #CD0000 !important; font-weight: bold; } .kl-ferien { background-color: #DDF0AA; } .tooltip { background-image: url("/media/images/278567/buttons.gif"); background-repeat: no-repeat; background-position: -111px 0px; } #tooltip { display: none; position: absolute; z-index: 800; width: 250px; min-height: 50px; padding: 5px; background-color: #DDF0FF; background-color: rgba(221, 240, 255, 0.8); border: 1px solid #003355; box-shadow: 5px 5px 5px 0 #003355; font-size: 14px; } .tt-close { float: right; cursor: pointer; font-size: 12px; color: #003355; line-height: normal; padding: 0 5px 3px; } .tt-close > span { display: inline-block; } h2[id].anchor > a, h3[id].anchor > a { display: inline-block; text-decoration: none; color: #993300; font-weight: normal; width: 15px; } h2[id].anchor:hover > a, h3[id].anchor:hover > a { color: #cd0000; } .comments-data { margin: 0 !important; } .comments-data > li { padding: 0 0 20px 0 !important; margin: 0 !important; list-style-type: none; } #comments-new-comment, .comments-langs { margin: 30px 0; padding: 20px 15px; border: 1px solid #003355; box-shadow: 0 2px 6px #003355; border-radius: 0.5em; } .forum-data-user { padding-left: 50px; color: #666666; } .forum-data-user:hover { color: #000000; } .forum-data-user p { float: left; width: 40%; } .forum-data-user div { float: right; width: 55%; text-align: right; } .forum-data-user div img { float: right; margin: 0 5px 0 5px; } .forum-c-to-c { position: absolute; z-index: 150; } .forum-new-comment-to-comment { background-color: #FFFFFF; margin: 0 auto; width: 80%; max-width: 400px; padding: 20px 15px; border: 1px solid #003355; box-shadow: 0 2px 6px #003355; border-radius: 0.5em; } .forum-comment-to-comment-info { border-top: 2px solid #FFDBC3; margin: 0 0 0 50px !important; padding: 10px; } .forum-comment-to-comment-info div { text-align: right; color: #666666; } .voting, .voting-c { width: 40px; float: left; margin: 5px 10px 10px 0; } .voting > .v-plus, .voting > .v-minus, .voting-c > .v-plus, .voting-c > .v-minus { background-color: #FFDBC3; box-shadow: 0 2px 6px #503325; border: 1px solid #503325; text-align: center; padding: 2px 2px 0 2px; font-weight: bold; cursor: pointer; } .voting > .v-plus:hover, .voting > .v-minus:hover, .voting-c > .v-plus:hover, .voting-c > .v-minus:hover { color: #006600; } .voting > .v-plus, .voting-c > .v-plus { border-radius: 0.8em 0.8em 0 0; } .voting > .v-minus, .voting-c > .v-minus { border-radius: 0 0 0.8em 0.8em; } .voting > .v-counter, .voting-c > .v-counter { border-right: 1px solid #503325; border-left: 1px solid #503325; text-align: center; padding: 3px 0; background-color: #ffffff; box-shadow: 0 2px 6px #503325; } .voting > .v-supp, .voting-c > .v-supp { color: #009900; font-size: 150%; font-weight: bold; font-style: italic; padding-top: 10px; text-align: center; } .voting > .v-supp2, .voting-c > .v-supp2 { color: #CCCCCC; font-size: 150%; font-weight: bold; font-style: italic; padding-top: 10px; text-align: center; cursor: pointer; } .body-eu-lightbox { overflow-y: hidden; } .uca-eu-lightbox, .foli-lightbox { position: fixed; z-index: 950; top: 0; left: 0; width: 100%; height: 100%; background-color: #c0c0c0; background-color: rgba(0,0,0,0.6); text-align: center; } .uca-eu-info { border-top: 5px solid #006600; border-bottom: 5px solid #006600; border-right: 10px solid #FFFFFF; padding: 15px 140px 15px 15px; position: fixed; z-index: 9000; top: 30px; left: 25%; right: 25%; width: 50%; height: auto; max-height: 95%; overflow-y: scroll; min-height: 200px; background: #FFFFFF url("/media/images/278567/ru-geld-app-128.png") no-repeat right 10px top 20px; color: #222222; } .foli-info { border-top: 5px solid #993300; border-bottom: 5px solid #993300; border-right: 10px solid #FFDBC3; border-left: 10px solid #FFDBC3; padding: 15px; position: fixed; z-index: 9000; top: 50px; left: 25%; right: 25%; width: 50%; height: auto; max-height: 95%; overflow-y: scroll; min-height: 200px; color: #222222; background-color: #FFDBC3; } .uca-eu-info h4 { margin: 10px 0 !important; } .uca-eu-info p { min-height: 30px; } .uca-eu-info a { display: inline-block; height: 25px; } .uca-eu-info .uca-chb { border: 2px solid #CCCCCC !important; padding: 0 4px 3px 4px; border-radius: 0.5em; background-color: #B0FFB0; } .uca-eu-info input { margin: 0 !important; padding: 0 !important; } .uca-eu-error-info { color: #CD0000; padding: 10px; margin: 3px 0 10px 0; border: 1px solid #CD0000; display: inline-block; } .uca-eu-button, .foli-button { text-transform: capitalize; display: inline-block; padding: 5px 15px; margin-right: 5px; cursor: pointer; border: 1px solid #999999; border-radius: 1em; color: #000000; background-color: #EFEFEF; } .foli-info .foli-button { border: 2px solid #993300; border-radius: 1em; background-color: #FFFFFF; } .uca-eu-all-accept, .uca-eu-accept { background-color: #B0FFB0; color: #000000; font-weight: bold; } #uca-info { background-color: rgba(255, 255, 255, 0.7); border: 2px solid #006600; padding: 10px; position: fixed; z-index: 9000; left: 0; bottom: 0; width: 100%; min-height: 20px; } #uca-info > .uca-close { float: right; text-transform: none !important; } #uca-info > .uca-close:hover { font-weight: bold; } #uca-info > span, #uca-info button { text-transform: capitalize; display: inline-block; padding: 2px 10px; margin-right: 2px; cursor: pointer; border: 1px solid #999999; border-radius: 1em; color: #006600; background-color: #EFEFEF; } #uca-info > span:hover, #uca-info button:hover { border: 1px solid #FFFFFF; -webkit-box-shadow: 1px 1px 2px 0px rgba(51,51,51,1); -moz-box-shadow: 1px 1px 2px 0px rgba(51,51,51,1); box-shadow: 1px 1px 2px 0px rgba(51,51,51,1); } #uca-info > span.active { color: #FFFFFF; background-color: #006600; } #uca-info p.inactive { display: none; } #uca-info .uca-cancel { background-color: #A00000; color: #FFFFFF; } #uca-info .uca-accept { background-color: #006600; color: #FFFFFF; } .clall { clear: both; } .fll { float: left; } .flr { float: right; } .pdl20 { padding-left: 20px; } .pdl50 { padding-left: 50px; } .pdr20i { padding-right: 20px !important; } .pdr50i { padding-right: 50px !important; } .pdo10 { padding-top: 10px; } .pd5 { padding: 5px; } .pd10 { padding: 10px; } .mgr5 { margin-right: 5px; } .mgr10 { margin-right: 10px; } .mgo20 { margin-top: 20px; } .mgo30 { margin-top: 30px; } .mgb20 { margin-bottom: 20px; } .mg_alc { margin: 10px auto; } .alg_c { text-align: center; } .alg_r { text-align: right; } .alg_l { text-align: left !important; } .valg_c { vertical-align: middle; } .valg_b { vertical-align: bottom; } .valr_t { vertical-align: top; } .dhide { display: none; } .dshow { display: block !important; } .of-h { overflow: hidden; } .dinlbl { display: inline-block; } .dinl { display: inline !important; } .bg-col-1 { background-color: #DDF0FF !important; } .bg-col-2 { background-color: #FFDBC3 !important; } .bg-col-3 { background-color: #FFFFFF !important; } .col-1 { color: #003355; } .col-2 { color: #660000; } .col-3 { color: #FF0000; } .col-4 { color: #000000; } .col-5 { color: #666666; } .col-6 { color: #FFFFFF; } .col-7 { color: #993300; } .angebot { color: #FF0000; font-size: 110%; } .angebot-info { color: #FF0000; font-size: 110%; border: 1px solid #FF0000; padding: 10px; margin: 20px 0; text-align: center;} .fo-it { font-style: italic; } .fo-we { font-weight: bold; } .fo-we-no { font-weight: normal; } .fo-u-li { text-decoration: underline !important; } .txt-no-dec { text-decoration: none !important; } .txt-dlh { text-decoration: line-through; } .ltr-sp1 { letter-spacing: 5px; } .fo-si-110-pr {font-size: 110% !important; } .w-10-pr { width: 10%;} .w-33-pr { width: 33%;} .w-40-pr { width: 40%;} .w-50-pr { width: 50%;} .w-66-pr { width: 66%;} .w-100-pr { width: 100%;} .mw-100-pr { max-width: 100%;} .w-75-pr { width: 75%;} .w-420 { width: 420px;} .w-100 { width: 100px;} .w-140 { width: 140px;} .w-200 { width: 200px;} .w-230 { width: 230px;} .w-300 { width: 300px;} .h-50 { height: 50px;} .h-100 { height: 100px;} .h-200 { height: 200px;} .mh-200 { max-height: 200px;} .h-650 { height: 650px;} .h-500 { height: 500px;} .point, ul.point > li { cursor: pointer; } .bd-1 { border: 1px solid #003355; } .pp-afd { background-color: #009EE0; color: #FFFFFF;} .pp-spd { background-color: #e30613; color: #FFFFFF;} .pp-cdu { background-color: #000000; color: #FFFFFF;} .pp-fdp { background-color: #ffe900; color: #000000;} .pp-linke { background-color: #DF0404; color: #FFFFFF;} .pp-gruene { background-color: #579541; color: #FFFFFF;} .dd-black { background-color: #000000; color: #FFFFFF; } .dd-gold { background-color: #FFCC00; color: #000000; } .dd-red { background-color: #FF0000; color: #FFFFFF; } [src*="placeholder-image"] { width: 1px !important; height: 1px !important; } .placeholder-chart img { width: 100%; height: 200px; cursor: pointer; } .background-placeholder > li { background-image: url("/media/images/278567/placeholder-image.gif") !important; } .statistic-chart { display: none; } .time-show, .box-show { font-family: "Courier New", Courier, monospace; font-size: 30px !important; font-weight: bold; text-align: center; width: 70%; margin: 20px auto; padding: 20px; border: 1px solid #993300; background-color: #FFDBC3; } .pattern { font-family: "Courier New", Courier, monospace; background-color: #DDF0FF; padding: 2px; } .pattern2 { font-family: "Courier New", Courier, monospace; background-color: #FFDBC3; padding: 2px 4px; font-weight: bold; } div.pattern { padding: 20px; margin: 20px 0; } .pattern span { color: #cd0000; font-style: italic; } .siten-image { text-align: center; padding: 10px 0 20px; } .siten-image img { width: 100%; max-width: 230px; height: auto; display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; } .local-link:before, ul.local-links > li > a:before { content: "↙"; } .button-maps { display: inline-block; padding: 5px 15px; text-decoration: none; cursor: pointer; background: url("/media/images/278567/buttons.gif") no-repeat -47px -83px; font-style: italic; color: #003355; } .button-maps-active { background: url("/media/images/278567/buttons.gif") no-repeat -85px -9px !important; } .events-liste { margin-top: 20px !important; padding: 10px; border: 1px solid #003355; box-shadow: 0 2px 6px #003355; min-height: 80px; } .wanted-list { margin-top: 20px !important; padding: 10px; border: 1px solid #003355; box-shadow: 0 2px 6px #003355; float: left; margin-right: 2%; min-height: 250px; width: 48%; } .main-page-info, .main-page-images { list-style-type: none; } .main-page-images > li { padding: 0 !important; float: left; margin: 20px 2% 0 0 !important; height: 260px; width: 48%; overflow: hidden; font-size: 14px !important; text-align: center; list-style-type: none; } .main-page-images > li > p { color: #666666; margin-top: 5px; font-style: italic; font-size: 12px !important; clear: both; } .main-page-images > li img { max-width: 100%; box-shadow: 0 2px 6px #999999; border: 1px solid #CCCCCC; border-radius: 0.5em; } .main-page-info > li { padding: 5px 5px 5px 130px !important; border: 1px solid #003355; box-shadow: 0 2px 6px #003355; float: left; margin: 20px 2% 0 0 !important; height: 120px; width: 48%; overflow: hidden; font-size: 14px !important; background-image: url("/media/images/278567/minibilder-germany-page.jpg"); background-repeat: no-repeat; } .main-page-info > li > p { color: #666666; margin-top: 5px; font-style: italic; font-size: 12px !important; } .mini-img-1 { background-position: 0 0; } .mini-img-2 { background-position: 0 -345px; } .mini-img-3 { background-position: 0 -230px; } .mini-img-4 { background-position: 0 -115px; } .mini-img-5 { background-position: 0 -575px; } .mini-img-6 { background-position: 0 -460px; } .mini-img-7 { background-position: 0 -690px; } .mini-img-8 { background-position: 0 -805px; } .mini-img-9 { background-position: 0 -918px; } .mini-img-10 { background-position: 0 -1032px; } .mini-img-11 { background-position: 0 -1155px; } .mini-img-12 { background-position: 0 -1266px; } .maps-layer { height: 350px; width: 100%; } #euro-rate, .euro-rate { width: 300px; margin: 20px auto; border: 1px solid #003355; box-shadow: 0 2px 6px #003355; text-align: center; padding: 10px; } .diagram { background-color: #DDF0FF; border-top: 1px solid #003355; border-bottom: 1px solid #003355; height: 220px; padding: 20px 10px 0; position: relative; overflow: hidden; } .diagram > div { float: left; margin-right: 2.6%; width: 4%; font-size: 80%; text-align: center; } .diagram > div > div { border: 1px solid #003355; background-color: #003355; width: 100%; padding: 10px 0 0 5px; } .diagram > div > div > span { background-color: #FFFFFF; padding: 2px; border: 1px solid #FFFFFF; box-shadow: 0 2px 6px #000000; } .diagram > div > div.col-1 { background-color: #CD0000; } .kurs-info { position: absolute; border: 1px solid #003355; background-color: #FFFFFF; box-shadow: 0 2px 6px #003355; text-align: center; padding: 2px; border-radius: 0.5em; display: none; width: 100px; height: 50px; } .calc-cur { width: 220px; float: left; margin-left: 20px; border: 1px solid #003355; background-color: #FFFFFF; border-radius: 0.5em; box-shadow: 0 2px 6px #003355; padding: 10px; text-align: center; } .calc-cur > input, .calc-cur > select { width: 100%; text-align: center; } .tel-is-code { color: #CD0000; font-weight: bold; } .tel-il-code { color: #660000; font-weight: bold; } .tel-land-code { color: #0000FF; font-weight: bold; } .tel-stadt-code { color: #006666; font-weight: bold; } .tel-telefon { color: #003355; } .tel-gebuer, #tel-gebuer { color: #CD0000; } .tel-note, #tel-note { color: #0000CD; } #additional-links { margin-top: 70px !important; } .additional { border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 10px 0; text-align: right; margin: 10px 0; } ul.btn-add li { display: inline; padding: 0 !important; margin: 0 !important; } ul.btn-add li a, ul.btn-add li span { text-decoration: none; display: inline-block; border: 2px solid #FFFFFF; border-radius: 2em; box-shadow: 0 2px 3px #CCCCCC; padding: 4px 10px !important; background-color: #FFDBC3; font-weight: bold; color: #333333; margin: 5px 5px 0 0 !important; font-size: 14px; } ul.btn-add li a.pg-br, ul.btn-add li span.pg-br { padding: 4px 6px !important; } ul.btn-add li a:hover { background-color: #EFD4D4; color: #000000; } ul.btn-add li span { color: #000000 !important; border: 2px solid #993300 !important; } .rights label { cursor: pointer; } form[name="anfrage"] { box-shadow: 0 2px 6px #003355; border: 1px solid #003355; border-radius: 0.5em; padding: 30px 20px; } form[name="anfrage"] label { display: block; } form[name="anfrage"] input[type="text"], form[name="anfrage"] textarea, form[name="anfrage"] select { width: 100%; } .w-only-pc { display: block; } .w-only-m { display: none; } .w-only-pc.w-design-1 { padding: 15px 0; margin: 15px -2px; border-top: 1px solid #8c6239; border-bottom: 1px solid #8c6239; } .w-only-m.w-design-1 { padding: 0; margin: 15px -2px; border-top: 1px solid #8c6239; border-bottom: 1px solid #8c6239; } .w-design-2 { background-color: #FFFEEB; padding: 15px 0; margin: 15px auto; border-top: 1px solid #8c6239; border-bottom: 1px solid #8c6239; text-align: center; } .gads-resp-1 { display: block; height: 250px; width: 690px; text-align: center; margin: 0 auto; } .w-left { float: left; width: 300px; margin: 20px 10px 0 0; } .w-goo-col { background-color: #FFFEEB; } .w-pd-0 { padding: 0 !important; } .w-goo-block3, .w-goo-block4, .w-design-3 { float: left; width: 300px; margin-right: 20px; } .w-goo-block5 { padding: 10px 0; margin: 20px 0; } .w-goo-block21 { border: 1px solid #003355; float: left; width: 240px; margin-right: 20px; } .w-goo-block22, .w-goo-block21m { border-top: 1px solid #003355; border-bottom: 1px solid #003355; width: 100%; margin: 20px 0; text-align: center; padding: 20px 0; } .w-goo-block2 { height: 663px; } .w-goo-block2 .gads-resp-1 { height: 650px !important; width: 200px !important; } .w-goo-block2m { width: 100% !important; display: none; border: none !important; } .w-goo-block21m { display: none; } #w-goo-bottom, #w-goo-block1, .w-goo-bottom, .w-goo-block1 { background-color: #DDF0FF; margin: 20px auto; text-align: center; border-bottom: 1px solid #003355; border-top: 1px solid #003355; padding: 10px 0; } #w-goo-block1, .w-goo-block1 { display: none; } #w-goo-right, .w-goo-right { margin: 20px auto; text-align: center; } #werbextra { text-align: center; cursor: pointer; } .aside-1 { border: 1px solid #666666; padding: 10px 10px 10px 15px; background-color: #f5f5dc; min-height: 90px; margin: 5px 0; } .aside-1 .aside-header { -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); transform-origin: center top 0; width: 20px; float: left; font-weight: bold; text-transform: capitalize; padding-left: 5px; } .aside-1 .aside-content { float: left; width: 90%; } .aside-1 .aside-content div { cursor: pointer; padding-left: 10px; } .aside-1 .aside-content div:before { content: "» "; } .main-article { padding-bottom: 20px; } .main-article p img, .img-portal { box-shadow: 0 2px 6px #003355; border: 1px solid #003355; border-radius: 0.5em; float: left; margin: 0 10px 10px 0; } .main-article ul { list-style-type: none !important; } .main-article ul li { float: left; padding: 0 !important; margin: 0 !important; } .main-article li a, .button-link, .button-link-h { text-decoration: none; display: inline-block; box-shadow: 0 2px 3px #003355; border: 1px solid #003355; border-radius: 0.5em; background-color: #DDF0FF; padding: 3px 10px; margin: 5px 10px 0 0; } .main-article li a, .button-link-h { text-decoration: none !important; font-size: 120%; } .m-scrollarea { width: 100%; } .m-scrollable { width: 100%; overflow-x: auto; } #lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #c0c0c0; background-color: rgba(0,0,0,0.7); text-align: center; } #lightbox div.lb-close { text-align: right; color: #ffffff; margin-right: 20px; font-size: 14px; cursor: pointer; font-weight: bold; } #lightbox div.lb-alt-text { text-align: center; color: #ffffff; font-size: 14px; } #lightbox img { box-shadow:0 0 25px #000000; -webkit-box-shadow:0 0 25px #000000; -moz-box-shadow:0 0 25px #000000; max-width: 90%; height: auto; } .btn-1 { background-color: #003355; border: 2px solid #003355; border-radius: 0.5em; box-shadow: 0 2px 3px #003355; display: inline-block; margin: 5px 10px 0 0; padding: 5px 10px; text-decoration: none; cursor: pointer; color: #FFFFFF !important; } .btn-1:hover { background-color: #003366 !important; box-shadow: 0 5px 5px #003355; } .btn-2 { font-weight: bold; color: #003355; border: 1px solid #003355; border-radius: 1em; box-shadow: 0 2px 3px #003355; display: inline-block; padding: 0 7px; cursor: pointer; } .btn-3 { color: #003355; border: 1px solid #003355; border-radius: 0.5em; box-shadow: 0 2px 3px #003355; display: inline-block; padding: 2px 7px 5px; cursor: pointer; } .button-roll, .button-roll-in { display: inline-block; padding: 5px 15px; text-decoration: none; cursor: pointer; background: transparent url("/media/images/278567/buttons.gif") no-repeat scroll -47px -83px; font-style: italic; color: #003355; } #recommendations { min-height: 90px; padding-top: 10px; display: none; } [data-u2] { cursor: pointer; } [data-u], .a-link { cursor: pointer; color: #003355; text-decoration: underline; } [data-u]:hover, .a-link:hover { color: #ff3300; } @media screen and (min-width: 769px) and (max-width: 959px){ html { background: none; } body { width: 96% !important; } .m1-hide { display: none !important; } .m1-clear { clear: both; float: none; width: 100%; } .m1-img { width: 100%; max-width: 100%; height: auto; display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; } header[role="banner"] > h1 { font-size: 18px; } nav[class~="main-nav"] > div.nav-constant > ul { width: 90%; margin: 0 5%; } .slider-info div p { display: none; } nav[class="breadcrumb"] > div { width: 100%; } .w-goo-block2, .w-goo-block21 { display: none; } .w-goo-block2m { display: block; width: 98% !important; } .w-goo-block21m { display: block; } .soc-netze { float: none; } .kalender > li { font-size: 80%; } .kalender > li > ul > li { font-size: 80%; } .w-only-pc-1 { display: none; } .w-only-m-1 { display: block; } .gads-resp-1 { height: 250px; width: 480px; } } @media screen and (min-width: 481px) and (max-width: 768px){ html { background: none; } body { width: 96% !important; } p, ul, li, input, textarea, td, th, div { font-size: 16px; font-size: 1rem; } .m2-hide { display: none !important; } .m2-img { width: 100%; max-width: 100%; height: auto; display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; } .m2-clear { clear: both !important; float: none !important; width: 100% !important; } nav[class~="main-nav"] > div.nav-constant > ul > li.sub-menu > a:hover { background-image: none; } main[role="main"] > section.main-content { min-height: auto; } form input, form select, form textarea { width: 94%; padding: 1%; clear: both; } .form-lab { display: block; width: 100%; text-align: left; padding-right: 0; font-size: inherit; } nav[class~="main-nav"] { height: 250px; background: url("/media/images/278567/hamburg-city-logo-2.jpg") no-repeat center center; } .slider-info { height: 250px; } header[role="banner"] > h3 { font-size: 16px; width: 100%; clear: both; float: none; } header[role="banner"] > a { width: 100%; } nav[class~="main-nav"] > div.nav-constant > ul { width: 100%; margin: 0; } nav[class~="main-nav"] > div.nav-constant > ul > li > a { width: 100%; padding: 0 5px 0 5px; letter-spacing: normal; } nav[class~="main-nav"] > div.nav-constant > ul > li > a:first-child { margin-left: 10px; } nav[class~="main-nav"] > div.nav-constant > ul ul { left: 10px; } main[role="main"] > section.main-content { width: 100%; float: none; border-right: 0; min-height: 400px; padding: 0; } main[role="main"] > section.main-info { width: 100%; float: none; } main[role="main"] > section.main-info ul li a { line-height: 32px; font-size: 16px; font-size: 1rem; } .slider-info div p { display: none; } .slider-info div { bottom: 30px; } nav[class="breadcrumb"] > div { width: 100%; } nav[class="breadcrumb"] > div ol > li > a { padding: 6px 2px; line-height: 32px; } nav[class="breadcrumb"] .more-links { margin-left: 10px; line-height: 32px; padding: 0 12px !important; } ul.local-links > li > a { font-size: 1rem; line-height: 32px; padding: 5px !important; } #additional-links ul.no-list-type > li > a { font-size: 1rem; line-height: 32px; padding: 5px !important; } .soc-netze { float: none; } #w-goo-bottom, .w-goo-bottom, #w-goo-right { display: none; } #w-goo-block1, .w-goo-block1 { display: block; } .w-goo-block2, .w-goo-block21 { display: none; } .w-goo-block2m { display: block; width: 97% !important; } .w-goo-block21m { display: block; } .calc-cur, .m2-tab-center { clear: both; float: none; margin: 20px auto; } .kalender > li { font-size: 80%; width: 48%; } .kalender > li > ul > li { font-size: 80%; } table.info-table, table.list-table { overflow-x: auto; display: block; } .w-only-pc { display: none; } .w-only-m { display: block; } #uca-info { background-color: rgb(255, 255, 255); } .uca-eu-info { border-right: none; padding: 15px; background: #FFFFFF; top: 10px; left: 5%; right: 5%; width: 90%; } .gads-resp-1 { height: 300px; width: 420px; } .foli-info { top: 30px; left: 15%; right: 15%; width: 70%; } } @media screen and (max-width: 480px){ html { background: none; } body { width: 96% !important; } p, ul, li, input, textarea, td, th, div { font-size: 16px; font-size: 1rem; } .m3-hide { display: none !important; } .m3-img { width: 100%; max-width: 100%; height: auto; display: inline-block; vertical-align: middle; -ms-interpolation-mode: bicubic; } .m3-clear { clear: both !important; float: none !important; width: 100% !important; } main[role="main"] > section.main-content { min-height: auto; } form input, form select, form textarea { width: 94%; padding: 1%; clear: both; } .form-lab { display: block; width: 100%; text-align: left; padding-right: 0; font-size: inherit; } nav[class~="main-nav"] { height: 250px; background: url("/media/images/278567/hamburg-city-logo-3.jpg") no-repeat center center; } .slider-info { height: 250px; } header[role="banner"] > h3 { font-size: 16px; width: 100%; clear: both; float: none; } header[role="banner"] > a { width: 100%; font-size: 26px; } nav[class~="main-nav"] > div.nav-constant > ul { width: 90%; margin: 0 auto; } nav[class~="main-nav"] > div.nav-constant > ul > li { float: none; margin: 0; padding: 0; } nav[class~="main-nav"] > div.nav-constant > ul ul { width: 100%; opacity: 1; border-radius: 0 0 1em 1em; } main[role="main"] > section.main-content { width: 100%; float: none; border-right: 0; min-height: 400px; padding: 0; } main[role="main"] > section.main-info { width: 100%; float: none; } main[role="main"] > section.main-info ul:not(.always-show) { display: none; } main[role="main"] > section.main-info ul li a { line-height: 32px; font-size: 16px; font-size: 1rem; margin-left: 7px; } main[role="main"] > section.main-info .h4 { background: #003355 url("/media/images/278567/buttons.gif") no-repeat -20px -109px; cursor: pointer; margin: 0 0 7px 0; } main[role="main"] > section.main-info .h4.active { background: #003355 url("/media/images/278567/buttons.gif") no-repeat -60px -35px; } .slider-info div p { display: none; } .slider-info div { bottom: 30px; } .slider-info div a { font-size: 120%; } nav[class="breadcrumb"] > div { width: 100%; } nav[class="breadcrumb"] > div ol > li > a { padding: 6px 2px; line-height: 32px; } .soc-netze { float: none; } .main-article li { width: 100%; text-align: center; } .main-article li a { width: 80%; text-align: center; } #w-goo-bottom, .w-goo-bottom, #w-goo-right { display: none; } #w-goo-block1, .w-goo-block1 { display: block; } .w-goo-block2, .w-goo-block21 { display: none; } .w-goo-block2m { display: block; width: 100% !important; } .w-goo-block21m { display: block; } .calc-cur, .m3-tab-center { clear: both; float: none; margin: 20px auto; } .kalender > li { font-size: 80%; width: 100%; } .kalender > li > ul > li { font-size: 80%; } table.info-table, table.list-table { overflow-x: auto; display: block; } .w-only-pc { display: none; } .w-only-m { display: block; } #uca-info { background-color: rgb(255, 255, 255); } .gads-resp-1 { height: 300px; width: 340px; } nav[class="breadcrumb"] .more-links { margin-left: 10px; line-height: 32px; padding: 0 12px !important; } ul.local-links > li > a { font-size: 1rem; line-height: 32px; padding: 5px !important; } #additional-links ul.no-list-type > li > a { font-size: 1rem; line-height: 32px; padding: 5px !important; } .uca-eu-info { border-right: none; padding: 15px; background: #FFFFFF; top: 10px; left: 5%; right: 5%; width: 90%; } .foli-info { top: 30px; left: 15%; right: 15%; width: 70%; } } @media print { * { color: #000000 !important; box-shadow: none !important; text-shadow: none !important; background: transparent !important; } html { background-color: #ffffff; } nav { display:none; } a[href] { font-weight: bold; text-decoration: underline; color: #06c; border: none; } a[href^="javascript:"]:after, a[href^="#"]:after { content:""; } abbr[title]:after { content: " (" attr(title) ")"; } figure { margin-bottom: 1em; overflow: hidden; } figure img { border: 1px solid #000000; } .google-info, .main-banner, .go-werb-1, footer, header, .go-werb-2 { display: none; } }