* { 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: #333333; } body { width: 1100px; min-width: 300px; 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: 0.7em 0 0.7em; line-height: 1.2; font-variant: small-caps; color: #000000; } h2 { font-size: 16px; font-size: 1rem; margin: 0.7em 0 0.7em; line-height: 1.2; color: #000000; } h2:first-letter { font-size: 24px; font-size: 1.5rem; color: #FF6600; } h3, h4 { font-size: 16px; font-size: 1rem; margin: 1.2em 0 0.7em; line-height: 1.2; color: #000000; } 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; } small { font-size: 80%; } mark { background: #ffff00; color: #000000; } a { color: #003355; } a:hover { color: #ff3300; } img, a > img { border: none; } ol { margin-left: 20px; } nav[class="top-navi"] { width: 100%; padding-bottom: 10px; } nav[class="top-navi"] .soc-netze { list-style-type: none; height: 36px; float: left; margin-top: 5px; } nav[class="top-navi"] .soc-netze > li { width: 38px; height: 36px; cursor: pointer; float: left; border: 2px solid #FFFFFF; border-radius: 2em; box-shadow: 0 2px 3px #CCCCCC; background-color: #DDF0FF; margin-right: 2px; } nav[class="top-navi"] .soc-netze > li:hover { background-color: #EFD4D4 !important; } nav[class="top-navi"] .soc-netze > li[data-soc="0"] { background: url("/media/images/278559/soc-netze.gif") no-repeat 5px -1px; border: none !important; box-shadow: none !important; } nav[class="top-navi"] .soc-netze > li[data-soc="0"] a { display: block; width: 100%; height: 100%; } nav[class="top-navi"] .soc-netze > li[data-soc="1"] { background: #FFDBC3 url("/media/images/278559/soc-netze.gif") no-repeat -47px -1px; } nav[class="top-navi"] .soc-netze > li[data-soc="2"] { background: #FFDBC3 url("/media/images/278559/soc-netze.gif") no-repeat -84px -1px; } nav[class="top-navi"] .soc-netze > li[data-soc="3"] { background: #FFDBC3 url("/media/images/278559/soc-netze.gif") no-repeat -122px -1px; } nav[class="top-navi"] .soc-netze > li[data-soc="4"] { background: #FFDBC3 url("/media/images/278559/soc-netze.gif") no-repeat -160px -1px; } nav[class="top-navi"] .soc-netze > li[data-soc="5"] { margin-left: 10px; background: #FFDBC3 url("/media/images/278559/soc-netze.gif") no-repeat -320px -1px; } nav[class="top-navi"] .soc-netze > li[data-soc="6"] { background: #FFDBC3 url("/media/images/278559/soc-netze.gif") no-repeat -198px -1px; } nav[class="top-navi"] .soc-netze > li[data-soc="7"] { background: #FFDBC3 url("/media/images/278559/soc-netze.gif") no-repeat -236px -1px; } nav[class="top-navi"] .soc-netze > li[data-soc="8"] { background: #FFDBC3 url("/media/images/278559/soc-netze.gif") no-repeat -274px -1px; } nav[class="top-navi"] .soc-netze > li[data-soc="9"] { background: #FFDBC3 url("/media/images/278559/soc-netze.gif") no-repeat -357px -1px; } .lang-de, .lang-ru, .lang-pl, .lang-en { background-image: url("/media/images/278559/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-info { display: none; position: absolute; width: 250px; top: 50px; z-index: 700 !important; background-color: #ebdbcb; background-color: rgba(235, 219, 203, 0.9); border: 1px solid #503325; box-shadow: 0 2px 2px #503325; 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; } a.soc-link-gp { font-weight: bold; color: #dd4b39; } a.soc-link-tw { font-weight: bold; color: #1064A3; } a.soc-link-fb { font-weight: bold; color: #3b5998; } a.soc-link-vk { font-weight: bold; color: #44607D; } .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: #503325; padding: 0 5px 3px; } nav[class="top-navi"] .top-buttons { list-style-type: none; height: 36px; float: right; margin-right: 60px; } nav[class="top-navi"] .top-buttons li { display: inline-block; margin: 10px 5px 0 0; } nav[class="top-navi"] .top-buttons li a { display: block; border: 2px solid #FFFFFF; border-radius: 2em; box-shadow: 0 2px 3px #CCCCCC; padding: 4px 14px; background-color: #FFDBC3; text-decoration: none; font-weight: bold; color: #333333; } nav[class="top-navi"] .top-buttons li a:hover { background-color: #EFD4D4; color: #000000; } header[role="banner"] { width: 100%; height: 200px; background: #EBDBCB url("/media/images/278559/logo-hg.jpg") center center; text-align: center; padding: 150px 20px 0 0; border-top: 1px solid #503325; border-bottom: 1px solid #503325; } header[role="banner"] > #cse-search-box { float: right; text-align: right; } header[role="banner"] > #cse-search-box input[name="q"] { padding: 6px 15px !important; border: #503325 1px solid !important; font-size: inherit; border-radius: 2em; width: 180px !important; } header[role="banner"] > #cse-search-box > div > div { float: right; } nav[class="breadcrumb"] { width: 100%; min-height: 30px; padding: 5px 0; margin: 5px 0; border-top: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #EBDBCB; color: #503325; } nav[class="breadcrumb"] > .breadcrumb-navi a span { color: #503325; display: inline-block; } nav[class="breadcrumb"] > .breadcrumb-navi a { font-weight: bold; } nav[class="breadcrumb"] > span.div-line { padding: 0 5px; font-size: 70%; font-weight: bold; } #navi-button { display: none; background: #ebdbcb url("/media/images/278559/soc-netze.gif") no-repeat -439px -1px; width: 36px; height: 35px; float: left; border: 1px solid #503325; border-radius: 0.5em; box-shadow: 0 2px 2px #503325; margin: 0 5px; cursor: pointer; } #navi-button.active { border: 1px solid #FFFFFF; } .rights label { cursor: pointer; } main[role="main"] { width: 100%; } main[role="main"] > section.main-content { width: 61%; float: left; border-right: 1px solid #003355; border-left: 1px solid #003355; min-height: 2100px; padding: 0 20px 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: 16.3%; float: right; padding: 0; } main[role="main"] > section.main-info h4 { padding: 6px 0; margin: 0 0 10px 0; background-color: #FF6600; color: #FFFFFF; text-align: center; text-shadow: none; box-shadow: 0 2px 6px #503325; font-size: 80%; } 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; width: 100%; text-decoration: none; background: url("/media/images/278559/buttons.gif") no-repeat -17px -162px; padding-left: 10px; } main[role="main"] > section.main-info ul li a:hover { color: #000000; background: #EFD4D4 url("/media/images/278559/buttons.gif") no-repeat 0 -207px; } main[role="main"] > section.main-navi { width: 21%; float: left; display: block; } main[role="main"] > section.main-navi ul { list-style-type: none !important; } main[role="main"] > section.main-navi > ul { padding-right: 20px; } main[role="main"] > section.main-navi > ul > li { margin-bottom: 7px; box-shadow: 0 2px 6px #503325; position: relative; } main[role="main"] > section.main-navi > ul > li.active { margin-bottom: 20px; padding-bottom: 10px; border-radius: 0 0 0.8em 0.8em; background-color: #503325; border: 1px solid #503325; } main[role="main"] > section.main-navi > ul > li.active > a { background: #503325 url("/media/images/278559/buttons.gif") no-repeat -62px -32px; } main[role="main"] > section.main-navi > ul > li.active > a.active { background-color: #EFD4D4; } main[role="main"] > section.main-navi > ul > li.active > ul { display: block; } main[role="main"] > section.main-navi > ul > li.active > ul > li.active > a { color: #FF3300; } main[role="main"] > section.main-navi > ul > li > a { display: block; color: #FFFFFF; padding: 5px 0 5px 30px; text-decoration: none; background: #503325 url("/media/images/278559/buttons.gif") no-repeat -24px -106px; } main[role="main"] > section.main-navi ul ul > li > a { display: block; border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; padding: 4px 5px; text-decoration: none; color: #000000; border-bottom: 4px solid #ffffff; } main[role="main"] > section.main-navi > ul ul { display: none; } main[role="main"] > section.main-navi > ul ul > li > a:hover { background-color: #EFD4D4; } main[role="main"] > section.main-navi > ul ul > li:nth-child(2n+1) { background-color: #ffffff; } main[role="main"] > section.main-navi > ul ul > li:nth-child(2n) { background-color: #ffdbc3; } .poll-cont { margin: 20px 20px 20px 0; box-shadow: 0 2px 6px #503325; border-radius: 0 0 0.8em 0.8em; background-color: #FF6600; border: 1px solid #FF6600; padding-bottom: 10px; } .poll-cont-2 { margin: 20px auto !important; } .poll-results { background-color: #FFFFFF; padding: 5px 5px 10px 10px; } .poll-head { color: #FFFFFF; text-align: center; padding: 10px 0; } .form-poll, .bg-poll { background-color: #FFFFFF; padding: 5px 10px 10px 10px; } .form-poll h3 { margin: 5px 0; } .form-poll input[type="text"], .form-poll textarea, .form-poll select { width: 100%; } .form-poll .form-comment { display: none; } .form-fields { clear: both; margin: 5px 0; } .mini-img-4 { background: url("/media/images/278559/main-page-img-1.gif") no-repeat 0 -216px; padding-left: 100px !important; } .mini-img-3 { background: url("/media/images/278559/main-page-img-1.gif") no-repeat -72px -150px; padding-left: 100px !important; } .mini-img-1 { background: url("/media/images/278559/main-page-img-1.gif") no-repeat -146px -70px; padding-left: 100px !important; } .mini-img-2 { background: url("/media/images/278559/main-page-img-1.gif") no-repeat -228px 5px; padding-left: 100px !important; } .background-placeholder { background-image: url("/media/images/278559/placeholder-image.gif") !important; } footer[role="contentinfo"] { clear: both; width: 100%; margin: 5px 0 0 0; } footer[role="contentinfo"] > .copy-info { border-top: 1px solid #503325; border-bottom: 1px solid #503325; background-color: #EBDBCB; padding: 8px 0; } footer[role="contentinfo"] #counters { width: 20%; float: right; text-align: right; margin: -6px 5px 0 0; } nav[class="bottom-navi"] { margin: 0 0 40px; } nav[class="bottom-navi"] ul { list-style-type: none; float: left; width: 32%; } nav[class="bottom-navi"] ul > li { text-align: center; } nav[class="bottom-navi"] ul > li > h4 { color: #503325; } nav[class="bottom-navi"] ul > li > a { text-decoration: none; color: #503325; } nav[class="bottom-navi"] ul > li > a:hover { text-decoration: underline; font-weight: bold; } .forum-rubrik { list-style-type: none !important; } .forum-rubrik > li { border: 2px solid #FFDBC3; margin: 0 !important; padding: 10px; } .forum-rubrik > li:nth-child(2n+1) { background-color: #FFDBC3; } .forum-rubrik > li:nth-child(2n) { background-color: #FFFFFF; } .forum-rubrik > li > h3 { padding: 10px 0 5px 0 !important; margin: 0 !important; } #forum-auth-info { text-align: right; position: relative; } #forum-login { padding: 20px 10px; border: 1px solid #cccccc; box-shadow:0 0 10px #000000; background-color: #FFFFFF; border-radius: 1em; width: 300px; text-align: right; position: absolute; z-index: 900; right: 0; } .photo-user-leer { float: left; width: 250px; height: 300px; margin-right: 20px; background: #ffdbc3 url("/media/images/278559/photo_ph.gif") no-repeat center center; text-align: center; } .forum-data, .comments-data { margin: 0 !important; } .forum-col-1 { width: 45%; float: left; } .forum-col-2 { width: 45%; float: right; } .forum_cols > li { width: 45%; } .forum_cols > li:nth-child(2n+1) { float: left; clear: both; } .forum_cols > li:nth-child(2n) { float: right; } .forum-data > li, .comments-data > li { padding: 0 0 20px 0 !important; margin: 0 !important; list-style-type: none; } .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; } .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: #FF6600; } .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; } form input, form select, form textarea { padding: 5px; border: #503325 1px solid !important; background-color: #ffdbc3; color: #333333; margin-bottom: 2px; font-size: inherit; border-radius: 0.5em; } form input:focus, form select:focus, form textarea:focus { background-color: #FFFFFF; color: #000000; font-size: inherit; } form select > option { padding: 1px 5px; } form select > option[disabled="disabled"] { background-color: #ffdbc3; text-align: center; } form select > option[selected="selected"] { text-decoration: dotted; } form select > option.main { font-weight: bold; } .form-lab { display: block; float: left; width: 150px; text-align: right; padding-right: 10px; font-size: 14px; clear: both; } .form-req { color: #CD0000; font-weight: bold; } .form-btn-submit { display: inline-block; border: 1px solid #503325; border-radius: 2em; box-shadow: 0 2px 3px #503325; padding: 4px 16px 6px; background-color: #EBDBCB; text-decoration: none; color: #000000; cursor: pointer; margin: 5px 0; } .form-btn-submit:first-letter { font-weight: bold; color: #FF6600; } .form-btn-submit:hover { color: #FFFFFF; background-color: #503325; } 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: #503325; 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: #EBDBCB; } .tr-bg-col1 { background-color: #EFD4D4 !important; } .information { border: 2px solid #006600; padding: 10px; margin: 10px 0; color: #003333; text-align: center; } .error-information { border: 2px solid #660000; padding: 10px; margin: 10px 0; color: #003333; text-align: center; } #muster-banner { width: 170px; height: 650px; display: none; position: absolute; } .muster-banner-link { font-weight: bold; font-style: italic; cursor: pointer; border-bottom: 1px dotted #000000; } #no-result { color: #cd0000; text-align: center; padding: 20px; margin: 10px 0; } .tab-center { clear: both; float: none; margin: 20px auto; } .liste-2-rows { margin-top: 20px !important; padding: 10px; border: 1px solid #003355; box-shadow: 0 2px 6px #003355; } #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; } .get-large-image { cursor: pointer; } .tooltip { display: inline-block; border: 1px solid #503325; border-radius: 2em; box-shadow: 0 2px 3px #CCCCCC; padding: 3px 12px; background-color: #FFDBC3; font-weight: bold; color: #503325; cursor: pointer; } .tooltip-small { padding: 0 8px !important; } #tooltip { display: none; position: absolute; z-index: 800; width: 250px; min-height: 50px; padding: 5px; background-color: #EBDBCB; background-color: rgba(235, 219, 203, 0.8); border: 1px solid #503325; box-shadow: 5px 5px 5px 0 #503325; 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; } .body-eu-lightbox { overflow-y: hidden; overflow-x: hidden; } .uca-eu-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("https://ru-geld.de/media/images/278559/ru-geld-app-128.png") no-repeat right 10px top 20px; color: #222222; } .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 { 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; } .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 #00A000; 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: #00A000; 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: #00A000; } #uca-info p.inactive { display: none; } #uca-info .uca-cancel { background-color: #A00000; color: #FFFFFF; } #uca-info .uca-accept { background-color: #00A000; color: #FFFFFF; } .m0-hide, .m-hide { display: none; } .ov-hi { overflow: hidden; } .clall { clear: both; } .fll { float: left; } .flr { float: right; } .pd0 { padding: 0 !important; } .pd10 { padding: 10px; } .pdl10 { padding-left: 10px; } .pdl20 { padding-left: 20px; } .pdl40 { padding-left: 40px !important; } .pdo10 { padding-top: 10px; } .pdo30 { padding-top: 30px; } .mg0 { margin: 0 !important; } .mgr5 { margin-right: 5px; } .mgr10 { margin-right: 10px; } .mgo10 { margin-top: 10px; } .mgo20 { margin-top: 20px; } .mgo30 { margin-top: 30px; } .mgu10 { margin-bottom: 10px; } .mgu20 { margin-bottom: 20px; } .alg_c { text-align: center; } .alg_r { text-align: right; } .alg_l { text-align: left; } .valg_c { vertical-align: middle; } .valg_b { vertical-align: bottom; } .valr_t { vertical-align: top; } .mg_center { margin: 0 auto !important; } .dhide { display: none !important; } .dshow { display: block !important; } .dinlbl { display: inline-block; } .bg-col-1 { background-color: #FFDBC3; } .bg-col-2 { background-color: #FFFFFF; } .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: #006600; } .border-b-1 { border-bottom: 1px solid #FFDBC3; } .border-2 { border: 1px solid #FF0000 !important; } .fo-it { font-style: italic; } .fo-we { font-weight: bold; } .fo-u-li { text-decoration: underline !important; } .fo-we-no { font-weight: normal; } .fo-we-no { font-weight: normal; } .w-10-pr { width: 10%;} .w-33-pr { width: 33%;} .w-40-pr { width: 40%;} .w-50-pr { width: 50%;} .w-70-pr { width: 70%;} .w-100-pr { width: 100%;} .w-100 { width: 100px;} .w-200 { width: 200px;} .w-300 { width: 300px;} .w-400 { width: 400px;} .h-200 { height: 200px; } .h-320 { height: 320px !important; } .h-380 { height: 380px !important; } .m-h-bottom { height: 100px; } .iframe-main { border: none; overflow: hidden; margin: 5px; } .w-goo-resp { margin: 20px auto; text-align: center; border-bottom: 1px solid #503325; border-top: 1px solid #503325; padding: 10px 0; } .w-goo-bottom { margin: 20px auto; padding-top: 5px; text-align: center; width: 100%; overflow: hidden; } .w-goo-block { background-color: #FFFEEB; margin: 0 10px 10px 0; padding: 10px 0; text-align: center; border: 1px solid #CCCCCC; border-radius: 1em; box-shadow: 0 2px 3px #CCCCCC; width: 260px; height: 620px; float: left; overflow: hidden; } .w-goo-right { width: 162px; margin: 20px auto; text-align: center; } .w-only-pc { display: block; } .w-only-m { display: none; } #werbextra { text-align: center; cursor: pointer; } #werbextra img[height="600"] { width: 160px !important; height: 600px !important; } .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: "» "; } .diagram-img { text-align: center; background-color: #ffffff; padding: 0 10px; } .diagram-img-2 { text-align: center; padding: 10px; width: 40%; float: left; margin-right: 20px; border: 1px solid #503325; box-shadow: 0px 2px 6px #503325; } .diagram-img > img, .diagram-img-2 img { width: 100%; max-width: 400px; height: auto; } .f-diagram { height: 300px; width: 100%; } .f-small-diagram { height: 200px; width: 100%; } .diagrams-main { text-align: center; width: 40%; margin-right: 20px; height: 240px; float: left; border: 1px solid #503325; box-shadow: 0px 2px 6px #503325; padding: 20px; cursor: pointer; overflow: hidden; } .diagrams-left { text-align: center; width: 100%; height: 210px; padding: 0 10px; cursor: pointer; background-color: #FFFFFF; overflow: hidden; } .local-link:before { content: "↙"; } .img-in-text { float: left; margin: 0 10px 10px 0; } .main-img { border: 1px solid #503325; box-shadow: 0px 2px 6px #503325; margin: 10px; } .main-box { border: 1px solid #503325; box-shadow: 0px 2px 6px #503325; margin: 10px 0 !important; padding: 20px !important; } .m-scrollarea { width: 100%; overflow-x: auto; } .m-scrollable { max-width: 90%; } .sticky-container-wdt { height: 450px; width: 300px; float: right; text-align: center; } .w-design-top { position: -webkit-sticky; position: sticky; top: 0; height: 350px; width: 300px; margin: 0 auto; text-align: center; } .w-top-text { width: 320px; float: left; } .w-top-text .show-more { display: none; position: sticky; bottom: 0; height: 30px; background-color: rgba(255, 255, 255, 0.7); text-align: center; } .w-top-text .show-more span { display: inline-block; color: #003355; border: 3px solid #CCCCCC; border-radius: 1em; padding: 0 3px; cursor: pointer; width: 30px; height: 30px; background-color: #FFFFFF; } .btn-main { display: inline-block; border: 2px solid #FFFFFF; border-radius: 2em; box-shadow: 0 2px 3px #CCCCCC; padding: 4px 14px; background-color: #FFDBC3; text-decoration: none; font-weight: bold; color: #333333; cursor: pointer; } .btn-main:hover { background-color: #EFD4D4; color: #000000; } ul.btn-list, ul.btn-paging { list-style-type: none !important; } ul.btn-list li, ul.btn-paging li { display: inline; padding: 0 !important; margin: 0 !important; } ul.btn-list li a, ul.btn-paging li a, ul.btn-paging li span, ul.btn-paging li.p-active { 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; } ul.btn-list li a { display: block !important; width: 70% !important; margin: 5px auto !important; text-align: center; } ul.btn-list li a:hover, ul.btn-paging li a:hover { background-color: #EFD4D4; color: #000000; } ul.btn-paging li span, ul.btn-paging li.p-active { color: #000000 !important; border: 2px solid #FF6600 !important; } ul.btn-paging li.p-info { padding: 4px 5px !important; margin: 5px 5px 0 0 !important; } ul.btn-paging li a.sym-2, ul.btn-paging li span.sym-2, ul.btn-paging li.p-active.sym-2 { padding: 4px 6px !important; } ul.btn-paging li a.sym-3, ul.btn-paging li span.sym-3, ul.btn-paging li.p-active.sym-3 { padding: 4px 4px !important; } ul.btn-paging li a.sym-4, ul.btn-paging li span.sym-4, ul.btn-paging li.p-active.sym-4 { padding: 4px 2px !important; } ul.btn-paging li a.sym-5, ul.btn-paging li span.sym-5, ul.btn-paging li.p-active.sym-5 { padding: 4px 0 !important; } .paging { border-top: 1px solid #999999; border-bottom: 1px solid #999999; padding: 10px 0; text-align: right; margin: 10px 0; } .button-roll { display: inline-block; padding: 5px 0 5px 15px; text-decoration: none; cursor: pointer; background: url("/media/images/278559/buttons.gif") no-repeat -47px -83px; font-style: italic; color: #003355; } .button-roll-2 { display: inline-block; padding: 5px 0 5px 15px; text-decoration: underline; cursor: pointer; background: url("/media/images/278559/buttons.gif") no-repeat -47px -83px; color: #003355; } .button-roll-active { background: url("/media/images/278559/buttons.gif") no-repeat -85px -9px !important; } .button-roll-3 { display: inline-block; padding: 5px 0 5px 20px; cursor: pointer; background: #FFDBC3 url("/media/images/278559/buttons.gif") no-repeat -40px -78px; border: 2px solid #FFDBC3; border-radius: 2em; box-shadow: 0 2px 3px #CCCCCC; width: 100%; } .layer-roll-3 { border: 1px solid #503325; border-radius: 1em; box-shadow: 0 2px 3px #CCCCCC; padding: 10px; } .button-roll-active-3 { background: url("/media/images/278559/buttons.gif") no-repeat -78px -5px !important; } [data-u2] { cursor: pointer; } [data-u], .a-link { cursor: pointer; color: #003355; text-decoration: underline; } [data-u]:hover, .a-link:hover { color: #ff3300; } a.soc-link-youtube { display: inline-block; margin-top: 10px; padding-top: 10px; font-size: 90%; font-weight: normal; height: 90px; } #yt-rec { height: 700px; overflow: hidden; } .youtube-news { margin: 30px 0; } .youtube-show { margin: 30px 0; position: relative; min-height: 200px; } .youtube-show .yt-logo { display: inline-block; background: transparent url("/media/images/278559/youtube-logo.png") no-repeat center center; width: 121px; height: 35px; position: absolute; top: 155px; left: 50px; cursor: pointer; } .youtube-show .yt-logo-r { left: auto; right: 50px; } .youtube-show .yt-logo-t { top: 50px; } .youtube-news > ul { width: 100%; float: right; list-style-type: none !important; height: 32px; border-bottom: 1px solid #503325; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; margin: 0 !important; padding: 0 !important; } .youtube-news > ul > li { padding: 10px 4px 6px !important; list-style-type: none !important; height: 32px; line-height: 12px; border-top: 1px solid #503325; border-left: 3px solid #503325; border-right: 1px solid #503325; border-radius: 1em 0 0 0; margin: 0 5px 0 0 !important; width: 150px; text-align: center; overflow: hidden; font-size: 14px; background: #FFFFFF; color: #000000; } .youtube-news > ul > li:hover { transform: scale(1.03); cursor: pointer; } .youtube-news > ul > li.drows { padding-top: 4px !important; } .youtube-news > ul > li.tshow { color: #FFFFFF; background-color: #503325; border: 1px solid #503325; border-bottom: none !important; min-width: 150px; width: auto !important; height: 33px !important; } .youtube-news > div { clear: both; min-height: 200px; border-bottom: 1px solid #503325; border-left: 3px solid #503325; border-right: 1px solid #503325; background-color: #FFFFFF; padding: 0 0 10px 0 !important; display: none; } .youtube-news > div > div { background-color: #FFFFFF; padding: 0 !important; display: none; } .youtube-news > div > div.tshow, .youtube-news > div.tshow { display: block; } .youtube-news > div > div > img, .youtube-show > img, .youtube-show > a > img { width: 100%; border: 1px solid #503325; cursor: pointer; } .youtube-news > div > div > p, .youtube-show > p { text-align: center; } .youtube-news > div > div > div, .youtube-show > div { width: 100%; text-align: center; padding: 10px 3px; color: #FFFFFF; background-color: #503325; text-transform: uppercase; } .youtube-news > div > div > div > span { cursor: pointer; border-radius: 2em; padding: 0 5px; margin: 0 5px; border: 1px solid #000000; color: #000000; } .youtube-news > div > div > div > span[onclick] { border-color: #FFFFFF; color: #FFFFFF; } .youtube-news > div > div > div > span:nth-child(1) { float: left; } .youtube-news > div > div > div > span:nth-child(2) { float: right; } .youtube-news > div > ul { list-style-type: none !important; text-align: center; } .youtube-news > div > ul > li { display: inline-block; 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; border: 2px solid #FFFFFF; cursor: pointer; } .youtube-news > div > ul > li:first-child { background-color: #FFFFFF !important; font-weight: normal; color: #000000; box-shadow: none; cursor: auto; } .youtube-news > div > ul > li.tshow { border: 2px solid #993300; } .youtubecolor { color: #ED230D; } .btn-1 { background-color: #503325; border: 2px solid #503325; border-radius: 0.5em; box-shadow: 0 2px 3px #503325; display: inline-block; margin: 5px 10px 0 0; padding: 5px 10px; text-decoration: none; cursor: pointer; color: #FFFFFF !important; } .btn-1:hover { background-color: #503325 !important; box-shadow: 0 5px 5px #503325; } @media screen and (min-width: 769px) and (max-width: 1099px){ body { width: 90% !important; } .m1-hide { display: none !important; } .m0-hide { display: block !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; } nav[class="top-navi"] .top-buttons { margin-right: 0; } main[role="main"] > section.main-content { width: 74%; float: left; border-left: none; } main[role="main"] > section.main-navi { width: 100%; float: none; clear: both; height: 30px; box-shadow: 0 2px 6px #503325; background-color: #503325; margin-bottom: 14px; } main[role="main"] > section.main-navi > ul { margin: auto 0; } main[role="main"] > section.main-navi > ul > li { width: auto; float: left; } main[role="main"] > section.main-navi > ul > li > a { padding: 5px 10px 5px 20px; border-right: 1px solid #ebdbcb; background: #503325 url("/media/images/278559/buttons.gif") no-repeat -28px -106px; } main[role="main"] > section.main-navi > ul > li > a.last { border-right: none !important; } main[role="main"] > section.main-navi > ul > li.active { margin-bottom: 0; padding-bottom: 0; border: none; } main[role="main"] > section.main-navi > ul > li.active > a { background: #503325 url("/media/images/278559/buttons.gif") no-repeat -66px -32px; } main[role="main"] > section.main-navi > ul > li ul { position: absolute; z-index: 1000; width: 250px; left: 0px; top: 32px; box-shadow: 0 2px 6px #503325; border: 1px solid #503325; padding-bottom: 10px; border-radius: 0 0 0.8em 0.8em; background-color: #503325; } main[role="main"] > section.main-navi > ul > li ul.last { left: -100px !important; } main[role="main"] > section.main-info { width: 25%; float: right; } .paging { text-align: center; margin: 10px auto; } table.info-table { overflow-x: auto; display: block; } .w-top-text { width: 35%; } } @media screen and (min-width: 481px) and (max-width: 768px){ body { width: 90% !important; } p, ul, li, input, textarea, td, th, div { font-size: 16px; font-size: 1rem; } .m2-hide { display: none !important; } .m0-hide { display: block !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; } header[role="banner"] { background: #EBDBCB url("/media/images/278559/logo-hg-2.jpg") center center; } main[role="main"] > section.main-content { min-height: auto; } form input[type="text"], form input[type="password"], form select, form textarea { width: 94% !important; padding: 1%; clear: both; } .form-lab { display: block; width: 100%; text-align: left; padding-right: 0; font-size: inherit; } nav[class="top-navi"] { padding: 0; } nav[class="top-navi"] .top-buttons, nav[class="top-navi"] .soc-netze { margin: 0 auto; float: none; clear: both; text-align: center; width: 420px; } nav[class="breadcrumb"] { padding: 5px 0 7px; } #navi-button { display: inline-block; } main[role="main"] > section.main-navi { width: 250px; padding: 20px; float: none; position: absolute; z-index: 900; display: none; background-color: #ebdbcb; border-top: 1px solid #503325; border-bottom: 1px solid #503325; } main[role="main"] > section.main-navi > ul { padding: 0; } main[role="main"] > section.main-content { width: 100%; float: none; border: 0; min-height: 400px; padding: 0; } main[role="main"] > section.main-info { width: 100%; float: none; } main[role="main"] > section.main-info ul { display: none; } main[role="main"] > section.main-info h4 { background: #503325 url("/media/images/278559/buttons.gif") no-repeat -20px -109px; cursor: pointer; margin: 0 0 3px 0; font-size: 100%; } main[role="main"] > section.main-info h4.active { background: #503325 url("/media/images/278559/buttons.gif") no-repeat -60px -35px; } ul.btn-list li a { display: block; width: 100%; text-align: center; } .paging { text-align: center; margin: 10px auto; } table.info-table { overflow-x: auto; display: block; } .w-only-pc { display: none; } .w-only-m { display: block; } .uca-eu-info { border-right: none; padding: 15px; background: #FFFFFF; top: 10px; left: 5%; right: 5%; width: 90%; } .sticky-container-wdt { height: 550px; width: 100%; float: none; margin: 15px 0 0 0; } .w-top-text { width: 100%; float: none; height: 170px; overflow-y: scroll; position: relative; } .w-top-text .show-more { display: block; } } @media screen and (max-width: 480px){ body { width: 90% !important; } p, ul, li, input, textarea, td, th, div { font-size: 16px; font-size: 1rem; } .m3-hide { display: none !important; } .m0-hide { display: block !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; } header[role="banner"] { height: 100px; background: #EBDBCB url("/media/images/278559/logo-hg-3.jpg") center center; } main[role="main"] > section.main-content { min-height: auto; } form input[type="text"], form input[type="password"], form select, form textarea { width: 94% !important; padding: 1%; clear: both; } .form-lab { display: block; width: 100%; text-align: left; padding-right: 0; font-size: inherit; } nav[class="top-navi"] .top-buttons, nav[class="top-navi"] .soc-netze { margin: 0; } nav[class="top-navi"] .top-buttons li { margin: 0; } nav[class="breadcrumb"] { padding: 5px 0 7px; } #navi-button { display: inline-block; } main[role="main"] > section.main-navi { width: 250px; padding: 20px; float: none; position: absolute; z-index: 900; display: none; background-color: #ebdbcb; border-top: 1px solid #503325; border-bottom: 1px solid #503325; } main[role="main"] > section.main-navi > ul { padding: 0; } main[role="main"] > section.main-content { width: 100%; float: none; border: 0; min-height: 400px; padding: 0; } main[role="main"] > section.main-info { width: 100%; float: none; } main[role="main"] > section.main-info ul { display: none; } main[role="main"] > section.main-info h4 { background: #503325 url("/media/images/278559/buttons.gif") no-repeat -20px -109px; cursor: pointer; margin: 0 0 3px 0; font-size: 100%; } main[role="main"] > section.main-info h4.active { background: #503325 url("/media/images/278559/buttons.gif") no-repeat -60px -35px; } ul.btn-list li a { display: block; width: 100%; text-align: center; } .paging { text-align: center; margin: 10px auto; } table.info-table { overflow-x: auto; display: block; } .w-only-pc { display: none; } .w-only-m { display: block; } .uca-eu-info { border-right: none; padding: 15px; background: #FFFFFF; top: 10px; left: 5%; right: 5%; width: 90%; } .sticky-container-wdt { height: 550px; width: 100%; float: none; margin: 15px 0 0 0; } .w-top-text { width: 100%; float: none; height: 170px; overflow-y: scroll; position: relative; } .w-top-text .show-more { display: block; } } @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; } }