@charset 'UTF-8';

/* DON'T EDIT THIS GENERATED FILE! Changes will be lost. */

html, body {
height: 100%;
}
html {
background: #F7FAFF;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
direction: ltr;
}
body, body * {
font-family: inherit;
font-size: 1em;
line-height: inherit;
background-repeat: no-repeat;
}
html {
background-color: #FBFBFC;
}
body {
height: auto;
}

html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, fieldset {
margin: 0;
padding: 0;
}
a { color: #1F6A9F; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
a img {
border: 0 none;
}
p {
margin: 0 0 1em 0;
line-height: 1.3em;
}
li {
display: block;
list-style: none;
}
img {
border: none;
}
form {
display: inline;
}
fieldset {
border: 0 solid;
}
legend {
display: none;
color: #000000;
}
option {
background-color: #FFFFFF;
}
table {
empty-cells: show;
border-collapse: collapse;
border-spacing: 0;
}
td, th {
text-align: left;
vertical-align: top;
}
iframe {
display: block;
border: 0;
margin: 0;
padding: 0;
}
object {
display: block;
outline: none;
}
embed {
display: block;
}
* html script {
display: block;
position: absolute;
height: 0;
width: 0;
overflow: hidden;
left: -3000px;
}
.hr {
display: none;
clear: both;
}
.hr.ad {
display: block;
clear: both;
margin: 0;
padding: 0;
height: 20px;
overflow: hidden;
}
.hr hr {
display: none;
}
.skip * {
display: none;
}
.statistics {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
left: -1000em;
}
.empty {
display: none;
}
h4 {
font-size: 18px;
font-family: Arial, Verdana, sans-serif;
}
.wrapper-center {
position: relative;
display: block;
margin: 0 auto;
}
.wrapper-center {
}
.adWithOutsideComponent .wrapper-center {
background-color: #FBFBFC;
}
.wrapper-border {
position: relative;
display: block;
border-width: 0;
padding: 0 21px;
}
.adWithOutsideComponent .wrapper-center,
.adWithOutsideComponent .wrapper-border {
background-image: url(//img.ui-portal.de/homepage/img/webde/border.gif);
background-repeat: repeat-y;
}
.adWithOutsideComponent .wrapper-center { background-position: top left; }
.adWithOutsideComponent .wrapper-border { background-position: top right; }
#container:before {
position: absolute;
content: '';
display: block;
left: 1px;
right: 1px;
top: 0;
background-repeat: repeat-x;
background-image: url(//img.ui-portal.de/homepage/img/webde/hd-bg.jpg);
background-position: 0 0;
height: 250px;
}

#container {
    background: #fbfbfc url(//img.ui-portal.de/homepage/img/webde/hd-bg.jpg) no-repeat scroll 100% 0;
    border: 1px solid #c0c9ce;
    border-top: 0px;
    border-bottom: 0px;
    box-shadow: 0 50px 50px -50px #ffffff inset, 0 -10px 30px 10px #e4e5e5;
    margin: 0 auto;
    position: relative;
    width: 1050px;
    border-top: 4px solid #ffc800;

}


*+html .wrapper-border,
*+html .wrapper-indent {
height: 1%;
}
h\:section {
display: inline;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 20px;
overflow: hidden;
}
h\:section h\:section {
margin: 0;
}
h\:section>div {
width: 300px;
height: 250px;
}
h\:section>.r0 {
width: 140px;
height: 115px;
}
h\:section>.r2 {
width: 620px;
}
h\:section>.r3 {
width: 940px;
}
h\:section>.r4 {
width: 950px;
}
#footer {
display: block;
clear: both;
}
#moduleVideo {
float: right;
}
.force-overflow-visible {
overflow: visible !important;
}
.sepLoginExpander {
display: none;
clear: both;
border: none;
height: 115px;
margin-bottom: 20px;
}
#sepResp3 {
display: block;
}
#header {
position: relative;
display: block;
height: 102px;
}
.hasEmotionHeader #header { background-position: 545px 0; }
.rect321 .hasEmotionHeader #header { background-position: 555px 0; }
#hockeystick .hasEmotionHeader #header { background-position: 566px 0; }
#fireplace .hasEmotionHeader #header { background-position: 556px 0; }
body[data-promoline-position="belowlogin"] #header {
margin-bottom: 6px;
}
#logo {
position: absolute;
background: url(//img.ui-portal.de/homepage/img/webde/logo-webde.png) no-repeat 0 0;
left: 0;
top: 15px;
}
#logo a {
display: block;
width: 70px;
height: 70px;
}
#logo h\:header {
display: block;
overflow: hidden;
text-indent: -9999px;
height: 0;
padding: 0;
margin: 0;
}
#mainnav {
float: left;
height: 94px;
margin-left: 119px;
}
.hasEmotionHeader #mainnav { margin-left: 109px; }
#mainnav ul {
padding-right: 6px;
}
#mainnav ul:after {
overflow: hidden;
}
#mainnav > ul > li { font-size: 0; }
#mainnav > ul > li { font-size: 1px\9; }
#mainnav > ul > li#allContents { display: block !important; }
#mainnav > ul > li:before {
content: 'b';
text-indent: -999em;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/header-shadow-left.png);
background-repeat: no-repeat;
position: absolute;
display: none;
height: 88px;
width: 6px;
top: 0;
left: -6px;
}
#mainnav > ul > li:after {
content: 'a';
text-indent: -999em;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/header-shadow-right.png);
background-repeat: no-repeat;
position: absolute;
display: none;
height: 88px;
width: 6px;
top: 0;
right: -6px;
}
#mainnav > ul > li:hover:before,
#mainnav > ul > li:hover:after {
content: 'h';
display: inline-block;
z-index: 15;
}
#mainnav > ul > li {
float: left;
position: relative;
line-height: 11px;
}
#mainnav > ul { overflow: hidden; }
#mainnav > ul > li:first-child > a { margin-left: 6px; }
#mainnav > ul > li:first-child:before { left: 0; }
#mainnav > ul > li#allContents { position: static; }
#mainnav > ul > li#allContents:hover:before,
#mainnav > ul > li#allContents:hover:after {
position: relative;
display: block;
}
#mainnav > ul > li#allContents > a { float: left; }
#mainnav > ul > li#allContents .layer { top: 94px; }
#mainnav > ul > li#allContents:before { float: left; left: 0; margin-left: -6px; }
#mainnav > ul > li#allContents:after { float: right; right: 0; margin-top: 0; }
#mainnav > ul > li > a {
color: transparent;
font-size: 9px;
display: inline-block;
height: 54px;
min-width: 45px;
color: #687282;
text-decoration: none;
position: relative;
padding: 25px 20px 15px 20px;
overflow: visible;
text-align: center;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*+html #mainnav > ul > li > a {
overflow: hidden;
display: block;
}
*+html #mainnav > ul > li > a h\:figure {
display: block;
}
#mainnav > ul > li:hover > a {
color: #262626;
background: #f3f8fc;
background: -webkit-linear-gradient(top, #ffffff 0%, #f3f8fc 100%);
background: -moz-linear-gradient(top, #ffffff 0%, #f3f8fc 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #f3f8fc 100%);
background: -o-linear-gradient(top, #ffffff 0%, #f3f8fc 100%);
background: linear-gradient(to bottom, #ffffff 0%, #f3f8fc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f8fc', GradientType=0 );
}
#mainnav > ul > li > a > h\:figure {
overflow: hidden;
}
#mainnav > ul > li > a > h\:figure > img {
width: 40px;
height: 176px;
position: absolute;
top: 0;
left: 50%;
margin-left: -20px;
}
#mainnav > ul > li:hover > a > h\:figure > img,
#mainnav > ul > li.open > a > h\:figure > img {
top: -88px;
}
#mainnav > ul > li > a > h\:figure > h\:figcaption {
display: block;
margin-top: 35px;
}
#header > h\:aside{
display: block;
float: left;
width: 460px;
height: 108px;
overflow: hidden;
background: #000;
}
.hasEmotionHeader #mainnav > ul > li + li + li + li + li { display: none; }
.hasEmotionHeader #mainnav > ul > li#allContents { display: block; }
#helplinks {
position: absolute;
display: block;
height: 18px;
top: 0;
right: 0;
font-size: 10px;
line-height: 12px;
background: #FFC800;
padding: 0 10px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-right-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topright: 0;
-moz-border-radius-topleft: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-right-radius: 0;
border-top-left-radius: 0;
background-clip: padding-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
padding-top: 2px;
margin-top: -2px;
}
#helplinks li {
float: left;
padding: 0 8px 0 8px;
border-left: 1px solid #888888;
}
#helplinks li + li + li { margin-right: 0; }
#helplinks li:first-child { border-left: none; }
#helplinks a {
font-size: 10px;
color: #262626;
}
#header > .header-inner {
width: 950px;
margin: 0 auto;
position: relative;
height: 100%;
}
#helplinks-start img { display: block; }
#helplinks-start { position: relative; height: 20px; }
#helplinks-start .tooltip img { float: left; margin-right: 5px; }
#helplinks-start .tooltip-wrapper { height: 117px; width: 410px; }
#helplinks-start .tooltip-wrapper .txt p > a {
display: inline-block;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
}
#helplinks-start .tooltip-wrapper .nose {
}
#helplinks-start .tooltip-closer { top: 10px; right: 10px; }
.jsEnabled #helplinks-start a.tooltip:hover { cursor: pointer; }
#helplinks-start[data-browser="chrome"] .tooltip-wrapper b { font-size: 11px; line-height: 16px; }
#helplinks-start[data-browser="chrome"] .tooltip-wrapper ul { margin-top: 5px; }
#helplinks-start[data-browser="chrome"] .tooltip-wrapper ul li { line-height: 16px; list-style-type: decimal; }
#helplinks-start[data-browser="chrome"] .tooltip-wrapper ul li { border: 0; }
#helplinks-start[data-browser="msie"] .tooltip-wrapper,
#helplinks-start[data-browser="firefox"] .tooltip-wrapper { height: 70px; width: 390px; }
#helplinks-start[data-browser="msie"] .tooltip-wrapper p,
#helplinks-start[data-browser="firefox"] .tooltip-wrapper p {
display: block;
height: 65px;
margin-top: 5px;
margin-right: 11px;
font-size: 13px;
line-height: 20px;
}
#helplinks-start[data-browser="msie"] .tooltip-wrapper .txt > div > img,
#helplinks-start[data-browser="firefox"] .tooltip-wrapper .txt > div > img {
float: right;
margin-right: 20px;
margin-left: 20px;
}
#helplinks-start[data-browser="firefox"] .tooltip-wrapper .txt > div > img { margin-left: 0; }
#helplinks-start[data-browser="msie"] .tooltip-wrapper p img { float: none; display: inline-block !important; margin-right: 0; vertical-align: middle; }
#header #header-image-link {
position: absolute;
bottom: 22px;
top: -3px;
width: 195px;
right: 60px;
}
#mainnav > ul > li > a > h\:figure > h\:header {
position: absolute;
display: inline-block;
top: 23px;
padding: 0 3px 2px;
background-color: #ffc800;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 10px;
color: #262626;
white-space: nowrap;
z-index: 9;
font-size: 9px;
left: 50%;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#mainnav > ul > li > a > h\:figure > h\:header {
padding: 1px 3px 1px;
}
}
#weather {
position: absolute;
top: 24px;
right: 0;
height: 64px;
}
#weather > span {
display: block;
height: 64px;
width: 64px;
margin-right: 10px;
float: left;
}
.jsEnabled #weather > span { cursor: pointer; }
#weather > span,
#weather > h\:section .icon {
background: url(//img.ui-portal.de/homepage/img/webde/icons/sprite-weather.png) no-repeat -8px -8px;
}
#weather.weather-1 > span { background-position: -8px -8px; }
#weather h\:section.weather-1 .icon { background-position: -24px -344px; }
#weather.weather-2 > span { background-position: -96px -8px; }
#weather h\:section.weather-2 .icon { background-position: -104px -344px; }
#weather.weather-3 > span { background-position: -168px -8px; }
#weather h\:section.weather-3 .icon { background-position: -184px -344px; }
#weather.weather-4 > span { background-position: -248px -8px; }
#weather h\:section.weather-4 .icon { background-position: -264px -344px; }
#weather.weather-5 > span { background-position: -328px -8px; }
#weather h\:section.weather-5 .icon { background-position: -344px -344px; }
#weather.weather-6 > span { background-position: -408px -8px; }
#weather h\:section.weather-6 .icon { background-position: -424px -344px; }
#weather.weather-7 > span { background-position: -488px -8px; }
#weather h\:section.weather-7 .icon { background-position: -504px -344px; }
#weather.weather-8 > span { background-position: -568px -8px; }
#weather h\:section.weather-8 .icon { background-position: -584px -344px; }
#weather.weather-9 > span { background-position: -648px -8px; }
#weather h\:section.weather-9 .icon { background-position: -664px -344px; }
#weather.weather-10 > span { background-position: -728px -8px; }
#weather h\:section.weather-10 .icon { background-position: -744px -344px; }
#weather.weather-11 > span { background-position: -808px -8px; }
#weather h\:section.weather-11 .icon { background-position: -824px -344px; }
#weather.weather-12 > span { background-position: -888px -8px; }
#weather h\:section.weather-12 .icon { background-position: -904px -344px; }
#weather.weather-13 > span { background-position: -968px -8px; }
#weather h\:section.weather-13 .icon { background-position: -984px -344px; }
#weather h\:section {
display: block;
height: 64px;
float: left;
}
#weather h\:section:hover h\:detail {
text-decoration: underline;
}
#weather > span ~ h\:section {
max-width: 90px;
margin: 0;
}
#weather > span + h\:section + h\:section {
margin-left: 15px;
margin-right: 15px;
}
#weather > h\:section a:hover {
text-decoration: none;
}
#weather > h\:section > a > h\:aside {
font-family: Arial, Verdana, sans-serif;
font-size: 46px;
color: #4b87a7;
display: block;
margin-top: 15px;
line-height: 32px;
height: 32px;
}
#weather > h\:section h\:detail {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #687282;
display: block;
height: 20px;
line-height: 15px;
}
#weather > span + h\:section h\:detail {
overflow: hidden;
text-overflow: ellipsis;
}
#weather > h\:section span > span,
#weather > h\:section a > span {
margin-top: 15px;
display: block;
height: 32px;
width: 32px;
}
.module-group {
margin-bottom: 0;
}
.wrapper-indent > .module-group {
clear: both;
}
*+html .module-group {
margin-bottom: 20px;
}
.module-group > .r1,
.module-group > .r2 {
height: auto;
}
*+html .layer .module-group {
overflow: visible;
}
#page-allContents #mainnav li .nose,
#mainnav li.open .nose {
background: transparent;
border-bottom: 8px solid #FFC800;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
bottom: 0;
height: 0;
width: 0;
left: 50%;
display: block;
position: absolute;
transform: rotate(0deg);
}
@media screen and (min--moz-device-pixel-ratio:0) {
#page-allContents #mainnav li .nose,
#mainnav li.open .nose {
border: 0;
width: 12px;
height: 12px;
bottom: -6px;
margin-left: -6px;
background-color: #FFC800;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.layer {
position: absolute;
left: 0;
right: 0;
z-index: 20;
display: none;
padding: 20px 20px;
text-align: left;
background-color: #FFFFFF;
border-top: 5px solid #FFC800;
box-shadow: 0 6px 10px -4px rgba(32, 32, 32, 0.4);
-moz-box-shadow: 0 6px 10px -4px rgba(32, 32, 32, 0.4);
-webkit-box-shadow: 0 6px 10px -4px rgba(32, 32, 32, 0.4);
width: 1280px;
left: -31px;
right: -31px;
border-left: 1px solid #C0C9CE;
border-bottom: 1px solid #C0C9CE;
border-right: 1px solid #C0C9CE;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.rect321 .layer {
padding-left: 10px;
padding-right: 10px;
left: -21px;
}
*+html .layer {
padding-bottom: 40px;
border-bottom: 1px solid #c1c1c1;
}
.layer {
border-bottom: 1px solid #C1C1C1\0;
}
:root .layer {
border-bottom: none\0;
}
.layer .login-button {
display: none;
}
#page-allContents .layer .login-button {
display: block;
}
.layer .login-button .r4 {
height: auto;
}
#page-allContents .layer,
li.open .layer { display: block; }
.layer h\:header {
font-size: 18px;
line-height: 22px;
font-weight: normal;
margin-bottom: 5px;
font-family: Arial, Verdana, sans-serif;
color: #262626;
text-align: left;
display: block;
clear: both;
}
.layer .close {
position: absolute;
right: 15px;
display: inline-block;
padding: 1px 23px 1px 2px;
background-image: url('//img.ui-portal.de/homepage/img/webde/btn/layer_close.png');
background-repeat: no-repeat;
font-size: 12px;
line-height: 19px;
color: #1F6A9F;
background-position: right 2px;
}
.layer .close.top { top: 20px; }
.layer .close.bottom { bottom: 16px; }
#allContents-space {
height: 630px;
}
.channel-list {
margin-left: 0;
margin-bottom: 25px;
}
.channel-list .r4 {
height: auto;
}
.channel-list h\:nav {
margin-right: 105px;
position: relative;
display: block;
overflow: hidden;
width: 1104px;
padding-right: 0;
height: 29px;
}
.rect321 .channel-list h\:nav {
width: 1094px;
}
.jsDisabled .channel-list h\:nav {
height: auto;
}
.channel-list ul {
white-space: nowrap;
overflow: visible;
display: inline-block;
height: 29px;
font-size: 0;
-webkit-transition: margin-left 0.5s ease-in-out;
-o-transition: margin-left 0.5s ease-in-out;
-moz-transition: margin-left 0.5s ease-in-out;
transition: margin-left 0.5s ease-in-out;
}
*+html .channel-list ul {
display: inline;
}
.jsDisabled .channel-list ul {
height: auto;
white-space: normal;
margin-left: -5px;
}
.channel-list li {
display: inline-block;
margin-left: 5px;
margin-bottom: 5px;
}
*+html .channel-list li {
display: inline;
}
.channel-list li.jsgen {
display: none;
margin-left: 0;
}
.channel-list li:first-child {
margin-left: 0;
}
.jsDisabled .channel-list li:first-child {
margin-left: 5px;
}
.channel-list a {
background-color: #D2E1EA;
display: inline-block;
padding: 2px 10px 4px;
color: #687282;
font-size: 13px;
font-weight: bold;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.channel-list a:hover,
.channel-list a:focus {
background-color: #C4D7E3;
text-decoration: none;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.channel-list a {
padding: 2px 10px 5px;
line-height: 17px;
}
}
.channel-list li.erotik a {
background-color: #D31767;
color: #FFFFFF;
}
.channel-list li.erotik a:hover,
.channel-list li.erotik a:focus {
background-color: #BC1761;
}
.channel-list li.email-login a {
background-color: #4b87a7;
color: #FFFFFF;
}
.channel-list li.email-login a:hover,
.channel-list li.email-login a:focus {
background-color: #407499;
}
.layer .slider-pagination {
position: absolute;
right: 123px;
top: 20px;
width: 53px;
overflow: hidden;
}
.layer .slider-pagination li {
display: inline-block;
float: left;
}
*+html .layer .slider-pagination li {
display: inline;
width: 24px;
}
.layer .slider-pagination li:first-child {
margin-right: 5px;
}
.layer .slider-pagination a {
display: block;
height: 24px;
width: 24px;
text-indent: -999em;
padding: 0;
background-color: #D2E1EA;
background-repeat: no-repeat;
background-position: top left;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
*+html .layer .slider-pagination a {
display: block;
}
.layer .slider-pagination .next a {
background-image: url('//img.ui-portal.de/homepage/img/webde/slider-pagination-right.png');
}
.layer .slider-pagination .prev a {
background-image: url('//img.ui-portal.de/homepage/img/webde/slider-pagination-left.png');
}
.layer .slider-pagination .prev.disabled a,
.layer .slider-pagination .next.disabled a {
background-position: top left;
}
.layer .slider-pagination a:hover,
.layer .slider-pagination a:focus {
background-color: #6B9ABA;
background-position: bottom left;
}
.layer .slider-pagination .disabled a {
cursor: default;
}
.layer .slider-pagination .disabled a:hover,
.layer .slider-pagination .disabled a:focus {
background-color: #D2E1EA;
}
.layerWrapper {
overflow: hidden;
}
*+html .layerWrapper {
overflow: visible;
}
.layerWrapper .module-group {
height: 361px;
margin-bottom: 0;
}
.layer-list-container,
.layer-list-container .layer-list,
.module-group > .r1 > .layer-list {
margin-left: 0;
margin-right: 0;
}
.layer-list-container + .layer-list-container {
margin-top: 3px;
}
.layer-list-container .layer-list ~ .layer-list,
.module-group > .r1 > .layer-list ~ .layer-list {
margin-left: 20px;
}
.layer .module-group h\:header {
border-top: 4px solid #D2E1EA;
padding-top: 13px;
}
.layer-list {
margin-bottom: 0;
}
.layer-list-container .r1,
.layer-list .r1,
.layer-list .r0 {
height: auto;
}
.layer-list h\:nav {
margin-bottom: 5px;
overflow: hidden;
display: block;
}
*+html .layer-list h\:nav {
margin-bottom: 0;
}
.layer-list ul {
width: 140px;
float: left;
overflow: hidden;
}
.layer-list li {
display: block;
margin-bottom: 6px;
}
.layer-list a {
font-size: 13px;
line-height: 20px;
color: #1F6A9F;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.block-txt {
padding-top: 18px;
}
*+html .block-txt {
overflow: visible;
}
.block-txt .r4 { height: auto; }
.block-txt h1 {
color: #262626;
font-size: 15px;
line-height: 22px;
font-family: Arial, Verdana, sans-serif;
font-weight: 700;
text-align: left;
display: block;
margin-bottom: 2px;
clear: both;
}
.block-txt .content {
width: 620px;
float: left;
color: #687282;
}
.block-txt .content.first { margin-right: 20px; }
.block-txt .content p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
margin-bottom: 0;
font-weight: normal;
}
.hint-wrapper {
display: block;
float: none;
padding: 0;
margin: 0 10px 20px 10px;
position: absolute;
top: 0;
margin-top: 406px;
}
body[data-promoline-position="belowlogin"] .hint-wrapper {
margin-top: 378px;
}
.hint-wrapper .r4 {
height: auto;
}
.hint {
min-height: 40px;
height: 65px;
overflow: hidden;
padding: 11px 15px 9px 15px;
}
.hint h2 {
font-size: 18px;
line-height: 25px;
font-weight: normal;
margin: 0;
max-width: 540px;
padding: 0 0 0 50px;
color: #262626;
position: relative;
}
.hint h2:before {
content: '';
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/hint.png);
background-repeat: no-repeat;
width: 40px;
height: 40px;
display: block;
position: absolute;
left: 0;
top: 3px;
}
.hint p {
max-width: 540px;
padding: 0;
font-size: 13px;
line-height: 20px;
color: #262626;
margin: 0 0 0 50px;
}
.hint .subtext {
color: #6A6A6A;
font-size: 11px;
line-height: 21px;
margin-left: 50px;
}
.hint-confirm h2:before { background-position: 0 0; }
.hint-info h2:before { background-position: 0 -80px; }
.hint-warning h2:before { background-position: 0 -160px; }
.hint-error h2:before { background-position: 0 -240px; }
.hint-confirm { background-color: #F1F6ED; }
.hint-info { background-color: #EFF4F8; }
.hint-warning { background-color: #FDF9EA; }
.hint-error { background-color: #F8EEEE; }
.hint-confirm { border-bottom: 4px solid #A9C88F; }
.hint-info { border-bottom: 4px solid #B9CFDD; }
.hint-warning { border-bottom: 4px solid #F3DA79; }
.hint-error { border-bottom: 4px solid #D59394; }
.jsEnabled .hint-jsDisabled { display: none; }
.ip-address,
.ip-address a {
pointer-events: none;
color: inherit;
}
.hint h2 {
height: auto;
}
.hint p {
font-size: 11px;
margin-top: 0;
}
.hint-wrapper .hint {
height: 91px;
}
.hint[data-hint="ip-blocked"] #middle-container,
.hint[data-hint="deleteaccount"] #middle-container {
display: none;
}
.hint[data-hint="ip-blocked"] .hint-btn,
.hint[data-hint="deleteaccount"] .hint-btn {
position: absolute;
left: 50%;
margin-left: 10px;
bottom: 20px;
}
#halfpage .hint[data-hint="ip-blocked"] .hint-btn,
#halfpage .hint[data-hint="deleteaccount"] .hint-btn { margin-left: 170px; }
#halfpage .hint-wrapper .r4 {
width: 940px;
}
#loginsearch .hint-wrapper {
margin: 0;
}
#loginsearch .hint-wrapper .r4 {
height: auto;
width: 680px;
border-right: 3px solid #FDFDFD;
}
#loginsearch .hint {
padding-top: 13px;
padding-right: 40px;
height: 46px;
}
#loginsearch .hint-wrapper:after,
#loginsearch .hint:after {
content: '.';
text-indent: -999em;
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
}
#loginsearch .hint-wrapper:after {
border: 8px solid transparent;
margin-top: -8px;
border-right-color: #E9F0F5;
right: 0;
z-index: 15;
}
#loginsearch .hint:after {
border: 10px solid transparent;
margin-top: -10px;
border-right-color: #FDFDFD;
right: 3px;
z-index: 10;
}
#loginsearch .hint-btn {
position: absolute;
top: 50%;
margin-top: -17px;
right: 43px;
}
#loginsearch .hint h2,
#loginsearch .hint p {
width: 400px;
}
#topper {
position: absolute;
top: -44px;
right: 0;
left: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
min-width: 930px;
overflow: hidden;
margin-left: -1px;
z-index: 999;
margin-bottom: -44px;
background: #35424A;
background: -webkit-linear-gradient(top, #35424A 0%, #4E535B 100%);
background: -moz-linear-gradient(top, #35424A 0%, #4E535B 100%);
background: -ms-linear-gradient(top, #35424A 0%, #4E535B 100%);
background: -o-linear-gradient(top, #35424A 0%, #4E535B 100%);
background: linear-gradient(to bottom, #35424A 0%, #4E535B 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35424A', endColorstr='#4E535B', GradientType=0 );
border-bottom: 4px solid #FFC800;
}
#topper > div {
border-bottom: 1px solid #272F34;
}
html#buster #topper { margin-right: -180px; }
#topper .topper-content .message p { margin: 0; }
#topper .topper-content .message a {
color: #FFFFFF;
display: block;
padding: 9px 20px 8px 54px;
height: 26px;
line-height: 26px;
background: transparent url(//img.ui-portal.de/homepage/img/webde/icons/notification/topper_default_24x24.png) no-repeat 20px center;
white-space: nowrap;
}
#topper .topper-content .message a:hover { text-decoration: none; }
#topper .topper-content .message a > span:hover { text-decoration: underline; }
#topper .topper-content .message a #topperButtons {
position: absolute;
display: block;
top: 12px;
right: 20px;
height: 19px;
width: 52px;
}
#topper .topper-content .message a #topperLater {
background: transparent url('//img.ui-portal.de/homepage/img/webde/icons/notification/close_bg_black.png') no-repeat;
display: block;
height: 19px;
width: 24px;
float: left;
margin: 0 15px 0 0;
}
#topper .topper-content .message a #topperClose {
background: transparent url('//img.ui-portal.de/homepage/img/webde/icons/notification/close_black.png') no-repeat;
display: block;
height: 13px;
width: 13px;
float: right;
margin-top: 3px;
}
#topper .topper-content .message a #topperLater:hover,
#topper .topper-content .message a #topperClose:hover {
filter: alpha(opacity=85);
-webkit-opacity: 0.85;
-khtml-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
}
#topper .topper-content .message a span:first-child + span { display: none; }
.msg-notify body {
border-top: 0;
background-position: 0 4px;
}
.notification {
left: 0;
right: 0;
top: 0;
position: absolute;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
height: 44px;
top: -44px;
margin-bottom: -44px;
display: none;
min-width: 930px;
width: auto;
margin-left: -1px;
z-index: 999;
border-bottom: 4px solid #FFC800;
}
.notification > div {
display: block;
white-space: nowrap;
padding: 9px 20px 8px 54px;
}
*:first-child+html .notification > div { padding-top: 5px; }
*:first-child+html .notification > div > span {
float: left;
margin: 8px 15px 0 0;
}
.notification-alert {
color: #FFFFFF;
background: #991A26 url('//img.ui-portal.de/homepage/img/webde/icons/notification/warning.png') no-repeat 20px 9px;
}
.notification-alert > div {
border-bottom: 1px solid #800915;
}
.notification-info { }
.notification-warning { }
.notification .btn-wrapper{
margin-left: 18px;
}
.notification .btn-wrapper.btn-fix {
margin-left: 25px;
}
*:first-child+html .notification .btn-wrapper { margin-top: 4px; }
.notification .btn-icon {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/notification/download_btn_sprite.png) !important;
}
.notification-btns {
position: absolute;
display: block;
top: 11px;
right: 20px;
height: 19px;
}
.notification-btns .btn-open,
.notification-btns .btn-close {
display: block;
cursor: pointer;
float: left;
}
.notification-btns .btn-open:hover,
.notification-btns .btn-close:hover {
filter: alpha(opacity=85);
-webkit-opacity: 0.85;
-khtml-opacity: 0.85;
-moz-opacity: 0.85;
opacity: 0.85;
}
.notification-btns .btn-open {
background: transparent url(//img.ui-portal.de/homepage/img/webde/icons/notification/close_bg_black.png) no-repeat;
height: 19px;
width: 24px;
}
.notification-btns .btn-close {
background: transparent url(//img.ui-portal.de/homepage/img/webde/icons/notification/close_black.png) no-repeat;
height: 13px;
width: 13px;
margin: 3px 0 0 15px;
vertical-align: top;
}
html#buster .notification {
margin-right: -180px;
}
.notification[data-notification-browser="ff"],
.notification[data-notification-browser="firefox"] {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/notification/browser_FF_24x24.png);
}
.notification[data-notification-browser="chrome"] {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/notification/browser_CHROME_24x24.png);
}
.notification[data-notification-browser="msie"] {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/notification/browser_IE_24x24.png);
}
.notification > div:first-child > span:first-child + span { display: none; }
.btn-wrapper {
display: inline-block;
-moz-border-radius: 4px;
border-radius: 4px;
}
.jsEnabled .btn-wrapper {
cursor: pointer;
}
.btn-wrapper > * {
background-color: transparent;
cursor: pointer;
display: inline-block;
font-style: normal;
margin: 0;
outline: none;
overflow: visible;
padding: 0;
position: relative;
text-align: center;
width: auto;
white-space: nowrap;
z-index: 1;
-webkit-appearance: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 0 1px 0 rgba(255,255,255,0.6) inset;
box-shadow: 0 0 1px 0 rgba(255,255,255,0.6) inset;
}
.btn-wrapper > a {
text-decoration: none;
}
*+html .btn-wrapper > * {
display: inline;
float: left;
position: static;
}
.btn-wrapper input::-moz-focus-inner {
border: 0 solid;
margin: 0;
padding: 0;
}
.btn-wrapper.btn-disabled > input[disabled] {
opacity: 1;
}
.btn-wrapper.btn-disabled,
.btn-wrapper.btn-disabled > * {
cursor: default;
}
.btn-wrapper.btn-pressed > * {
-moz-box-shadow: 0 3px 5px -3px #000000 inset,
0 8px 10px -8px rgba(255,255,255,0.4) inset;
box-shadow: 0 3px 5px -3px #000000 inset,
0 8px 10px -8px rgba(255,255,255,0.4) inset;
}
.btn-xxl {
height: 76px;
line-height: 26px;
}
.btn-xxl > * {
height: 66px;
line-height: 26px;
font-size: 19px;
font-weight: 400;
padding: 8px 20px 0;
}
.btn-xxl > * span {
display: block;
font-size: 10px;
font-weight: 700;
line-height: 14px;
}
.btn-xl {
height: 62px;
line-height: 26px;
}
.btn-xl > * {
height: 52px;
line-height: 26px;
font-size: 19px;
font-weight: 400;
padding: 8px 20px 0;
}
.btn-xl > * span {
display: block;
font-size: 10px;
font-weight: 700;
line-height: 14px;
}
.btn-l {
height: 46px;
line-height: 41px;
}
.btn-l > * {
height: 41px;
line-height: 41px;
font-size: 19px;
font-weight: 300;
padding: 0 20px 3px;
}
.btn-l > input {
height: 46px;
}
.btn-m {
height: 34px;
line-height: 30px;
}
.btn-m > * {
height: 30px;
line-height: 30px;
font-size: 15px;
font-weight: 700;
padding: 0 14px 2px;
}
.btn-m > input { height: 34px; }
.btn-s {
height: 26px;
line-height: 22px;
}
.btn-s > * {
height: 22px;
line-height: 22px;
font-weight: 700;
padding: 0 12px 2px;
font-size: 13px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn-s > * {
line-height: 23px;
}
}
.btn-s > input {
height: 26px;
}
.btn-xs {
height: 22px;
line-height: 19px;
}
.btn-xs > * {
height: 19px;
line-height: 19px;
font-size: 11px;
font-weight: 700;
padding: 0 10px 1px;
}
.btn-xs > input {
height: 22px;
}
.btn-wrapper.btn-service > * {
color: #000000;
background: -webkit-gradient(linear, left top, left bottom, from(#FFE688), to(#FFCF20));
background: -webkit-linear-gradient(#FFE688, #FFCF20);
background: -moz-linear-gradient(#FFE688, #FFCF20);
background: -o-linear-gradient(#FFE688, #FFCF20);
background: linear-gradient(#FFE688, #FFCF20);
border: 1px #F2BD3E solid;
}
.btn-wrapper.btn-service > a {
color: #000000;
}
.btn-wrapper.btn-service.btn-over > * {
color: #000000;
border-color: #F1B525;
background: -webkit-gradient(linear, left top, left bottom, from(#FFDD62), to(#FFBF06));
background: -webkit-linear-gradient(#FFDD62, #FFBF06);
background: -moz-linear-gradient(#FFDD62, #FFBF06);
background: -o-linear-gradient(#FFDD62, #FFBF06);
background: linear-gradient(#FFDD62, #FFBF06);
}
.btn-wrapper.btn-service.btn-pressed > * {
color: #58440A;
border-color: #D7B260;
background: -webkit-gradient(linear, left top, left bottom, from(#FFD74D), to(#FFBA05));
background: -webkit-linear-gradient(#FFD74D, #FFBA05);
background: -moz-linear-gradient(#FFD74D, #FFBA05);
background: -o-linear-gradient(#FFD74D, #FFBA05);
background: linear-gradient(#FFD74D, #FFBA05);
}
.btn-service.btn-fix:hover > * {
color: #000000;
}
.btn-service.btn-fix:active > *,
.btn-service.btn-fix.btn-pressed > * {
color: #58440A;
}
.btn-service.btn-fix.btn-disabled:hover > * {
color: #808080;
}
.btn-service.btn-fix.btn-xxl,
.btn-service.btn-fix.btn-xxl > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/service_xxl.png);
}
.btn-service.btn-fix.btn-xl,
.btn-service.btn-fix.btn-xl > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/service_xl.png);
}
.btn-service.btn-fix.btn-l,
.btn-service.btn-fix.btn-l > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/service_l.png);
}
.btn-service.btn-fix.btn-m,
.btn-service.btn-fix.btn-m > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/service_m.png);
}
.btn-service.btn-fix.btn-s,
.btn-service.btn-fix.btn-s > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/service_s.png);
}
.btn-service.btn-fix.btn-xs,
.btn-service.btn-fix.btn-xs > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/service_xs.png);
}
.btn-wrapper.btn-secondary > * {
color: #666666;
border: 1px #C2C2C2 solid;
background: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#DDDDDD));
background: -webkit-linear-gradient(#E8E8E8, #DDDDDD);
background: -moz-linear-gradient(#E8E8E8, #DDDDDD);
background: -o-linear-gradient(#E8E8E8, #DDDDDD);
background: linear-gradient(#E8E8E8, #DDDDDD);
}
.btn-wrapper.btn-secondary > a {
color: #666666;
}
.btn-wrapper.btn-secondary.btn-over > * {
color: #5C5C5C;
border-color: #B6B6B7;
background: -webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#D5D5D5));
background: -webkit-linear-gradient(#E1E1E1, #D5D5D5);
background: -moz-linear-gradient(#E1E1E1, #D5D5D5);
background: -o-linear-gradient(#E1E1E1, #D5D5D5);
background: linear-gradient(#E1E1E1, #D5D5D5);
}
.btn-wrapper.btn-secondary.btn-pressed > * {
color: #7C7C7C;
border-color: #BBBBBB;
background: -webkit-gradient(linear, left top, left bottom, from(#D8D8D8), to(#CECECE));
background: -webkit-linear-gradient(#D8D8D8, #CECECE);
background: -moz-linear-gradient(#D8D8D8, #CECECE);
background: -o-linear-gradient(#D8D8D8, #CECECE);
background: linear-gradient(#D8D8D8, #CECECE);
}
.btn-wrapper.btn-secondary.btn-disabled > *,
.btn-wrapper.btn-secondary.btn-disabled.btn-over > * {
color: #B3B3B3;
border-color: #E1E1E1;
background: -webkit-gradient(linear, left top, left bottom, from(#F4F4F4), to(#EEEEEE));
background: -webkit-linear-gradient(#F4F4F4, #EEEEEE);
background: -moz-linear-gradient(#F4F4F4, #EEEEEE);
background: -o-linear-gradient(#F4F4F4, #EEEEEE);
background: linear-gradient(#F4F4F4, #EEEEEE);
}
.btn-secondary.btn-fix:hover > * {
color: #5C5C5C;
}
.btn-secondary.btn-fix:active > *,
.btn-secondary.btn-fix.btn-pressed > * {
color: #7C7C7C;
}
.btn-secondary.btn-fix.btn-disabled:hover > * {
color: #B3B3B3;
}
.btn-secondary.btn-fix.btn-xxl,
.btn-secondary.btn-fix.btn-xxl > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/secondary_xxl.png);
}
.btn-secondary.btn-fix.btn-xl,
.btn-secondary.btn-fix.btn-xl > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/secondary_xl.png);
}
.btn-secondary.btn-fix.btn-l,
.btn-secondary.btn-fix.btn-l > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/secondary_l.png);
}
.btn-secondary.btn-fix.btn-m,
.btn-wrapper.btn-secondary.btn-fix.btn-m > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/secondary_m.png);
}
.btn-secondary.btn-fix.btn-s,
.btn-secondary.btn-fix.btn-s > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/secondary_s.png);
}
.btn-secondary.btn-fix.btn-xs,
.btn-secondary.btn-fix.btn-xs > * {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/secondary_xs.png);
}
.btn-wrapper.hasIcon {
position: relative;
}
.btn-wrapper.onlyIcon > * {
text-indent: -9999px;
overflow: hidden;
}
.btn-wrapper.hasIcon.btn-l > * { padding-left: 58px; }
.btn-wrapper.hasIcon.btn-m > * { padding-left: 43px; }
.btn-wrapper.hasIcon.btn-s > * { padding-left: 32px; }
.btn-wrapper.onlyIcon.btn-l > * { padding-left: 44px; }
.btn-wrapper.onlyIcon.btn-m > * { padding-left: 32px; }
.btn-wrapper.onlyIcon.btn-s > * { padding-left: 24px; }
.btn-fix.onlyIcon.btn-l > * { padding-left: 45px; }
.btn-fix.onlyIcon.btn-m > * { padding-left: 33px; }
.btn-fix.onlyIcon.btn-s > * { padding-left: 25px; }
*+html .btn-fix.onlyIcon.btn-l input { width: 61px; }
*+html .btn-fix.onlyIcon.btn-m input { width: 43px; }
*+html .btn-fix.onlyIcon.btn-s input { width: 33px; }
.btn-wrapper.hasIcon .btn-icon {
border: none;
background-repeat: no-repeat;
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.btn-wrapper.btn-l .btn-icon {
line-height: 32px;
height: 32px;
width: 32px;
left: 17px;
top: 7px;
}
.btn-wrapper.btn-m .btn-icon {
line-height: 24px;
height: 24px;
width: 24px;
left: 12px;
top: 5px;
}
.btn-wrapper.btn-s .btn-icon {
line-height: 16px;
height: 16px;
width: 16px;
left: 11px;
top: 5px;
}
.btn-wrapper.hasIcon .btn-icon { background-position: 0 0; }
.btn-wrapper.hasIcon:hover .btn-icon,
.btn-wrapper.hasIcon.btn-hover .btn-icon { background-position: 0 -40px; }
.btn-wrapper.hasIcon:active .btn-icon,
.btn-wrapper.hasIcon.btn-pressed .btn-icon { background-position: 0 -80px; }
.btn-wrapper.hasIcon.btn-disabled .btn-icon { background-position: 0 100%; }
.btn-wrapper.btn-fix {
background: none;
background-repeat: no-repeat;
border: 0 solid;
-moz-border-radius: 0;
border-radius: 0;
padding: 0 5px 0 0;
margin: 0 0 0 5px;
}
.btn-wrapper.btn-fix > * {
background: none;
background-repeat: no-repeat;
border: 0 solid;
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
box-shadow: none;
margin: 0 0 0 -5px;
}
.btn-wrapper.btn-fix.btn-service > * {
-moz-border-radius: 0;
border-radius: 0;
-moz-box-shadow: none;
box-shadow: none;
}
.btn-fix.btn-disabled.btn-over > input {
background-color: transparent;
}
.btn-wrapper.btn-fix { background-position: 100% 0; }
.btn-wrapper.btn-fix > * { background-position: 0 0; }
.btn-level4.btn-fix,
.btn-level4.btn-fix > * { background-position: -100% -100%; }
.btn-fix:hover,
.btn-fix.btn-over { background-position: 100% -50px; }
.btn-fix:hover > *,
.btn-fix.btn-over > * { background-position: 0 -50px; }
.btn-fix:active,
.btn-fix.btn-pressed { background-position: 100% -100px; }
.btn-fix:active > *,
.btn-fix.btn-pressed > * { background-position: 0 -100px; }
.btn-fix.btn-disabled { background-position: 100% -150px; }
.btn-fix.btn-disabled > * { background-position: 0 -150px; }
.btn-fix.btn-xl,
.btn-fix.btn-xxl { background-position: 100% 0; }
.btn-fix.btn-xl > *,
.btn-fix.btn-xxl > * { background-position: 0 0; }
.btn-fix.btn-xl:hover,
.btn-fix.btn-xxl:hover,
.btn-fix.btn-xl.btn-over,
.btn-fix.btn-xxl.btn-over { background-position: 100% -90px; }
.btn-fix.btn-xl:hover > *,
.btn-fix.btn-xxl:hover > *,
.btn-fix.btn-xl.btn-over > *,
.btn-fix.btn-xxl.btn-over > * { background-position: 0 -90px; }
.btn-fix.btn-xl:active,
.btn-fix.btn-xxl:active,
.btn-fix.btn-xl.btn-pressed,
.btn-fix.btn-xxl.btn-pressed { background-position: 100% -180px; }
.btn-fix.btn-xl:active > *,
.btn-fix.btn-xxl:active > *,
.btn-fix.btn-xl.btn-pressed > *,
.btn-fix.btn-xxl.btn-pressed > * { background-position: 0 -180px; }
.btn-fix.btn-xl.btn-disabled,
.btn-fix.btn-xxl.btn-disabled { background-position: 100% -270px; }
.btn-fix.btn-xl.btn-disabled > *,
.btn-fix.btn-xxl.btn-disabled > * { background-position: 0 -150px; }
.btn-fix.btn-xxl > * {
height: 67px;
padding: 9px 16px 0 21px;
}
.btn-fix.btn-xl > * {
height: 53px;
padding: 9px 16px 0 21px;
}
.btn-fix.btn-l > * {
height: 43px;
line-height: 43px;
padding: 0 16px 3px 21px;
}
.btn-fix.btn-l > input {
height: 46px;
}
.btn-fix.btn-l.hasIcon .btn-icon {
left: 12px;
}
.btn-fix.btn-m > * {
height: 32px;
line-height: 32px;
padding: 0 10px 2px 15px;
}
.btn-fix.btn-m > input {
height: 34px;
}
.btn-fix.btn-m.hasIcon .btn-icon {
left: 7px;
}
.btn-fix.btn-s > * {
height: 24px;
line-height: 24px;
padding: 0 8px 2px 13px;
}
.btn-fix.btn-s > input {
height: 26px;
}
.btn-fix.btn-s.hasIcon .btn-icon {
left: 6px;
}
.btn-fix.btn-xs > * {
height: 21px;
line-height: 21px;
padding: 0 6px 1px 11px;
}
.btn-fix.btn-xs > input {
height: 22px;
}
.content-form {
border: 0 solid transparent;
display: inline;
float: left;
}
.form-item {
clear: left;
display: inline;
float: left;
position: relative;
}
.item-data {
position: relative;
}
.item-label label,
.item-label,
.item-data {
display: inline;
float: left;
font-size: 14px;
line-height: 33px;
min-height: 34px;
}
.form-l input[type="text"],
.form-l input[type="email"],
.form-l input[type="password"] {
border: 1px solid #9CBDCF;
color: #262626;
display: inline;
float: left;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 0;
outline: none;
height: 20px;
line-height: 20px;
padding: 6px;
background: #FFFFFF;
-moz-border-radius: 4px;
border-radius: 4px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#EFF2F6), color-stop(0.4,#FFFFFF));
background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
background-image: -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
background-image: -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
background-image: linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
}
input[type="text"] + .placeholder,
input[type="email"] + .placeholder,
input[type="password"] + .placeholder {
line-height: 20px;
font-size: 14px;
padding: 7px;
font-style: normal;
}
input.hasError[type="text"],
input.hasError[type="email"],
input.hasError[type="password"] {
border-color: #C00030;
background: #F8EEEE;
background-image: none;
color: #C00030;
font-style: italic;
}
input.hasError[type="text"] + .placeholder,
input.hasError[type="email"] + .placeholder,
input.hasError[type="password"] + .placeholder {
font-style: italic;
color: #C00030;
}
:-moz-ui-invalid:not(output) {
box-shadow: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input.hasError[type="text"]:focus,
input.hasError[type="email"]:focus,
input.hasError[type="password"]:focus,
input.hasError[type="text"].focus,
input.hasError[type="email"].focus,
input.hasError[type="password"].focus {
background: #FFFFFF;
background-image: none;
border-color: #5FA9D4;
color: #262626;
font-style: normal;
-moz-box-shadow: 0 0 4px rgba(95, 169, 212, 0.8);
box-shadow: 0 0 4px rgba(95, 169, 212, 0.8);
}
input + .placeholder {
color: #6A6A6A;
}
input::-webkit-input-placeholder {
color: #6A6A6A;
}
input::-webkit-input-placeholder:focus {
color: transparent;
}
input:-moz-placeholder {
color: #6A6A6A;
}
input::-moz-placeholder {
color: #6A6A6A;
}
input:-moz-placeholder:focus {
color: transparent;
}
input::-moz-placeholder:focus {
color: transparent;
}
input:-ms-input-placeholder {
color: #6A6A6A;
}
input:-ms-input-placeholder:focus {
color: transparent;
}
h\:output.status {
background: url(//img.ui-portal.de/homepage/img/webde/icons/hint_16x16.png) no-repeat 0 -30px;
display: none;
line-height: 34px;
height: 34px;
width: 16px;
margin-left: 5px;
position: absolute;
z-index: 100;
}
h\:output.status.hasError,
.hasError h\:output.status {
background-position: 0 -231px;
display: inline;
}
h\:output.status.isValid,
.isValid h\:output.status {
background: none;
display: inline;
}
h\:output.feedback,
.form-l h\:output.feedback {
background-color: #B33C3D;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 5px 7px #DDE0DC;
box-shadow: 0 5px 7px #DDE0DC;
display: block;
float: none;
font-size: 13px;
font-weight: 400;
line-height: 20px;
min-height: 20px;
margin: -42px 0 0 0;
padding: 6px 10px 8px;
position: absolute;
left: 0;
top: 0;
width: auto;
z-index: 999;
}
h\:output.feedback p {
color: #FFFFFF;
line-height: 20px;
min-height: 20px;
margin: 0;
padding: 0;
white-space: nowrap;
z-index: 999;
}
h\:output.feedback span.nose {
border-color: #B33C3D transparent transparent transparent;
border-style: solid;
border-width: 6px;
height: 0;
margin: 7px 0 0 3px;
position: absolute;
width: 0;
}
.safari-autofill h\:output.feedback {
display: none !important;
}
*+html h\:output.feedback {
left: 0;
}
*+html h\:output.feedback span.nose {
top: 24px;
left: 10px;
z-index: 100;
}
.tab-container {
padding: 11px 15px 0;
}
.tab-container.cased,
.content-tab.cased .tab-container {
padding-bottom: 15px;
}
.tab-container .tab-contentPart {
display: none;
}
.tab-container .tab-contentPart.active {
display: block;
}
.tab-container > img:first-child,
.tab-container .tab-contentPart > img:first-child {
padding-top: 4px;
}
.tab-nav {
overflow: hidden;
padding: 0 0 4px;
}
.content-tab.cased .tab-nav {
padding: 15px 15px 4px;
}
.tab-nav.noSeperator {
border: none;
}
.tab-nav li {
display: inline;
float: left;
height: 30px;
margin-right: 5px;
position: relative;
}
.tab-nav li a,
.tab-nav li em {
display: inline-block;
font-style: normal;
font-weight: 700;
height: 24px;
line-height: 22px;
padding: 0 15px;
text-decoration: none;
}
.cased .tab-nav li a,
.cased .tab-nav li em {
background-color: #FFFFFF;
}
.tab-nav li.active a,
.tab-nav li.active em,
.tab-nav li.active a:focus {
background-color: #4689CD;
color: #FFFFFF;
cursor: default;
}
.tab-nav li a:hover,
.tab-nav li a:focus {
background-color: #7DACDC;
color: #FFFFFF;
}
.tab-nav li.active a:hover {
background-color: #4689CD;
color: #FFFFFF;
}
.tab-nav li.active a .nose,
.tab-nav li.active em .nose {
border-top: 6px solid #4689CD;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -6px;
font-size: 0;
height: 0;
width: 0;
}
.tab-nav.tab-l li {
margin-right: 7px;
height: 40px;
}
.tab-nav.tab-l li a,
.tab-nav.tab-l li em {
height: 32px;
line-height: 30px;
font-weight: 400;
}
.tab-nav.tab-l li.active a .nose,
.tab-nav.tab-l li.active em .nose {
border-width: 8px;
margin-left: -6px;
}
.tooltip-enlarged {
background: url(//img.ui-portal.de/p.gif);
padding: 10px;
position: absolute;
z-index: 999;
}
.tooltip-wrapper {
background: #FFFFFF;
border: 1px solid #D2D5DA;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 6px 2px rgba(104, 114, 130, 0.5);
box-shadow: 0 0 7px 0 rgba(104, 114, 130, 0.5);
cursor: default;
padding: 8px 14px;
position: relative;
}
.tooltip-enlarged .nose {
background-image: url(//img.ui-portal.de/homepage/img/webde/tooltip/tooltip_sprite.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 -21px;
position: absolute;
height: 20px;
width: 20px;
bottom: -15px;
left: 7px;
}
*+html .tooltip-enlarged .nose { background-image: url(//img.ui-portal.de/homepage/img/webde/tooltip/tooltip_sprite.gif); }
.tooltip-enlarged .nose { background-image: url(//img.ui-portal.de/homepage/img/webde/tooltip/tooltip_sprite.gif)\0; }
:root .tooltip-enlarged .nose { background-image: url(//img.ui-portal.de/homepage/img/webde/tooltip/tooltip_sprite.png)\0; }
.tooltip-enlarged.tooltip-top-left .nose { top: -15px; right: auto; bottom: auto; left: 18px; background-position: 0 -69px; }
.tooltip-enlarged.tooltip-top-right .nose { top: -15px; right: 19px; bottom: auto; left: auto; background-position: 0 -69px; }
.tooltip-enlarged.tooltip-right-top .nose { top: 18px; right: -20px; bottom: auto; left: auto; background-position: 0 -42px; }
.tooltip-enlarged.tooltip-right-bottom .nose { top: auto; right: -20px; bottom: 18px; left: auto; background-position: 0 -42px; }
.tooltip-enlarged.tooltip-bottom-right .nose { top: auto; right: 18px; bottom: -18px; left: auto; background-position: 0 -19px; }
.tooltip-enlarged.tooltip-bottom-left .nose { top: auto; right: 18px; bottom: -18px; left: 18px; background-position: 0 -19px; }
.tooltip-enlarged.tooltip-left-bottom .nose { top: auto; right: auto; bottom: 18px; left: -20px; background-position: 0 0; }
.tooltip-enlarged.tooltip-left-top .nose { top: 18px; right: auto; bottom: auto; left: -20px; background-position: 0 0; }
.jsEnabled a.tooltip {
cursor: default;
}
.tooltip-enlarged .txt {
white-space: normal;
}
.tooltip-enlarged ul li {
display: list-item;
list-style-type: disc;
margin-left: 18px;
}
.teaser h\:details span.link.tooltip {
text-decoration: none;
cursor: default;
}
.tooltip-closer {
position: absolute;
top: 5px;
right: 5px;
display: block;
height: 14px;
width: 14px;
background-image: url('//img.ui-portal.de/homepage/img/webde/btn/tooltip-close.png');
background-repeat: no-repeat;
background-position: center center;
}
.tooltip-html-container { display: none; }
.jsDisabled .link.tooltip:hover + .tooltip-html-container {
display: block;
background: #FFFFFF;
position: absolute;
border: 1px solid #D2D5DA;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 0 6px 2px rgba(104, 114, 130, 0.5);
box-shadow: 0 0 7px 0 rgba(104, 114, 130, 0.5);
z-index: 9000;
padding: 8px 14px;
width: 270px;
}
*+html .jsDisabled .link.tooltip + .tooltip-html-container,
*+html .jsDisabled .link.tooltip:hover + .tooltip-html-container {
display: block;
position: static;
margin-top: 10px;
border: 1px solid #D2D5DA;
background: #FFFFFF;
padding: 8px 14px;
width: auto;
}
#loginsearch-login .tab-nav {
display: block;
height: 44px;
font-weight: 700;
padding: 0;
border: none;
overflow: hidden;
}
#loginsearch-login .tab-nav ul {
overflow: hidden;
display: inline-block;
}
*+html #loginsearch-login .tab-nav ul {
float: left;
display: inline;
}
.jsDisabled #loginsearch-login .tab-nav > ul > li:first-child + li + li + li {
display: none;
}
.loginFixed #loginsearch-login[data-tab-active="1"] .tab-nav ul {
padding-left: 3px;
}
#loginsearch-login .tab-nav ul {
padding-right: 3px;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/login-trenner.png);
background-position: right top;
}
#loginsearch-login[data-tab-active="4"] .tab-nav ul {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/login-shadow-right.png);
}
*+html #loginsearch-login .tab-nav ul,
*+html #loginsearch-login[data-tab-active="4"] .tab-nav ul {
background: none;
}
#loginsearch-login .tab-nav li {
background-color: transparent;
height: 44px;
margin: 0;
}
#loginsearch-login .tab-nav li a {
font-size: 14px;
height: 32px;
line-height: 30px;
padding: 6px 15px;
color: #687282;
background-color: transparent;
}
#loginsearch-login .tab-nav li:before {
content: url(//img.ui-portal.de/homepage/img/webde/bg/login-trenner.png);
position: absolute;
display: block;
height: 44px;
width: 3px;
}
#loginsearch-login .tab-nav li:first-child:before {
content: '';
display: none;
}
#loginsearch-login .tab-nav li:hover,
#loginsearch-login .tab-nav li:focus {
background-color: #C4D7E3;
}
#loginsearch-login .tab-nav li.active:before {
content: 'b';
text-indent: -999em;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/login-shadow-left.png);
display: block;
left: -3px;
}
#loginsearch-login .tab-nav li.active + li:before {
content: 'a';
text-indent: -999em;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/login-shadow-right.png);
}
#loginsearch-login .tab-nav li.active {
background-color: #E9F0F5;
background: -moz-linear-gradient(top, #FFFFFF 0%, #E9F0F5 100%);
background: -webkit-linear-gradient(top, #FFFFFF 0%,#E9F0F5 100%);
background: -o-linear-gradient(top, #FFFFFF 0%,#E9F0F5 100%);
background: linear-gradient(to bottom, #FFFFFF 0%,#E9F0F5 100%);
}
#loginsearch-login .tab-nav li.active {
background: url(//img.ui-portal.de/homepage/img/webde/bg/login-gradient.png)\9;
}
#loginsearch-login .tab-nav li.active a {
color: #262626;
cursor: pointer;
}
#loginsearch-login .tab-nav li.active a .nose {
display: none;
}
#loginsearch-login .tab-container {
padding: 0;
position: relative;
z-index: 20;
height: 71px;
}
#loginsearch-login .tab-contentPart {
margin-left: 15px;
}
#loginsearch-login li a.hasIcon {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/sticky-tabs.png);
background-repeat: no-repeat;
padding-left: 55px;
outline: 0;
}
#loginsearch-login li:first-child a.hasIcon {
padding-left: 55px;
}
.loginFixed #loginsearch-login li.active:first-child a {
padding-left: 52px;
background-position: 15px 7px;
}
#loginsearch-login li a.icon-search {
background-position: 18px 7px;
}
#loginsearch-login li a.icon-freemail {
background-position: 18px -32px;
}
#loginsearch-login li a.icon-club {
background-position: 18px -72px;
}
#loginsearch-login li a.icon-demail {
background-position: 18px -112px;
}
#loginsearch-login form.form-login {
display: block;
padding: 12px 0 0;
}
.tooltip-name-demail {
margin-top: 17px;
padding-left: 6px;
padding-top: 14px;
width: auto;
height: auto;
}
*+html .tooltip-name-demail {
margin-top: 18px;
}
.tooltip-name-demail .tooltip-wrapper {
width: 343px;
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
padding: 11px 15px 13px 15px;
}
.tooltip-name-demail .tooltip-wrapper p {
margin-bottom: 0;
font-size: 13px;
line-height: 20px;
color: #262626;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tooltip-name-demail .tooltip-wrapper .tooltip-blocker {
padding-top: 4px;
}
.form-login fieldset {
position: relative;
}
.form-login .login-username,
.form-login .login-password {
clear: none;
display: inline;
line-height: 21px;
float: left;
width: 195px;
}
.form-login input[type=email],
.form-login input[type=text],
.form-login input[type=password] {
width: 171px;
}
.form-login .form-item > span {
clear: left;
display: block;
padding-top: 3px;
}
.form-login .form-item > span,
.form-login .form-item > span a {
font-size: 11px;
line-height: 14px;
}
.form-login .login-submit {
display: inline;
float: left;
}
.jsEnabled .form-login h\:output.status {
display: none;
}
.jsDisabled .form-login h\:output.status {
top: 0;
right: 15px;
}
.form-login .hasError input[type=email] + .placeholder,
.form-login .hasError input[type=text] + .placeholder,
.form-login .hasError input[type=password] + .placeholder {
color: #C00030;
}
.form-login input[type=email] + .placeholder:focus,
.form-login input[type=text] + .placeholder:focus,
.form-login input[type=password] + .placeholder:focus {
color: transparent;
}
.form-login .hasError input[type=email]::-webkit-input-placeholder,
.form-login .hasError input[type=text]::-webkit-input-placeholder,
.form-login .hasError input[type=password]::-webkit-input-placeholder {
color: #C00030;
}
.form-login input[type=email]:focus::-webkit-input-placeholder,
.form-login input[type=text]:focus::-webkit-input-placeholder,
.form-login input[type=password]:focus::-webkit-input-placeholder {
color: transparent;
}
.form-login .hasError input[type=email]:-moz-placeholder,
.form-login .hasError input[type=text]:-moz-placeholder,
.form-login .hasError input[type=password]:-moz-placeholder {
color: #C00030;
}
.form-login .hasError input[type=email]::-moz-placeholder,
.form-login .hasError input[type=text]::-moz-placeholder,
.form-login .hasError input[type=password]::-moz-placeholder {
color: #C00030;
}
.form-login input[type=email]:-moz-placeholder:focus,
.form-login input[type=text]:-moz-placeholder:focus,
.form-login input[type=password]:-moz-placeholder:focus {
color: transparent;
}
.form-login input[type=email]::-moz-placeholder:focus,
.form-login input[type=text]::-moz-placeholder:focus,
.form-login input[type=password]::-moz-placeholder:focus {
color: transparent;
}
.form-login .hasError input[type=email]:-ms-input-placeholder,
.form-login .hasError input[type=text]:-ms-input-placeholder,
.form-login .hasError input[type=password]:-ms-input-placeholder {
color: #C00030;
}
.form-login input[type=email]:-ms-input-placeholder:focus,
.form-login input[type=text]:-ms-input-placeholder:focus,
.form-login input[type=password]:-ms-input-placeholder:focus {
color: transparent;
}
#loginsearch-search {
height: 34px;
position: absolute;
top: 18px;
display: inline-block;
}
#loginsearch #loginsearch-search.open {
z-index: 30;
}
#searchDropdown {
display: block;
position: absolute;
left: 0;
top: 0;
}
#loginsearch #searchDropdown {
z-index: 1000;
}
#searchesOpener {
background: #D2E1EA url(//img.ui-portal.de/homepage/img/webde/icons/search.png) no-repeat 9px -153px;
-moz-border-top-left-radius: 4px;
border-top-left-radius: 4px;
-moz-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
cursor: pointer;
height: 32px;
width: 37px;
display: block;
border-style: solid;
border-width: 1px 0 1px 1px;
border-color: #9CBDCF;
}
#loginsearch-search.open #searchesOpener {
background-color: #6B9ABA;
background-position: 9px -193px;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
border-bottom: 1px solid #6B9ABA;
border-color: #6B9ABA;
}
#searchesContainer {
display: none;
background: #6B9ABA;
left: 0;
position: absolute;
top: 33px;
zoom: 1;
z-index: 1002;
}
#loginsearch-search.open #searchesContainer { display: block; }
#searches {
font-size: 11px;
overflow: visible;
padding: 5px;
width: 150px;
}
#searches li { float: none; }
#searches li.first { border-top: 0 none; }
#searches li.last { border-bottom: 0 none; }
#searches li a {
display: block;
padding: 7px;
font-size: 11px;
line-height: 18px;
color: #FFFFFF;
}
#searches li a:hover,
#searches li a:focus {
font-weight: 700;
color: #262626;
background-color: #C4D7E3;
text-decoration: none;
}
#inpSearchText {
border-color: #9CBDCF;
border-left: 0 solid;
padding-left: 43px;
background: #FFFFFF;
background: #FFFFFF url(//img.ui-portal.de/homepage/img/webde/icons/search.png) center -272px no-repeat;
background: url(//img.ui-portal.de/homepage/img/webde/icons/search.png) center -272px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0,#EFF2F6), color-stop(0.4,#FFFFFF));
background: url(//img.ui-portal.de/homepage/img/webde/icons/search.png) center -272px no-repeat, -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%) 0 0 repeat;
background: url(//img.ui-portal.de/homepage/img/webde/icons/search.png) center -272px no-repeat, -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%) 0 0 repeat;
background: url(//img.ui-portal.de/homepage/img/webde/icons/search.png) center -272px no-repeat, -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%) 0 0 repeat;
background: url(//img.ui-portal.de/homepage/img/webde/icons/search.png) center -272px no-repeat, linear-gradient(#EFF2F6 0%, #FFFFFF 40%) 0 0 repeat;
width: 482px;
margin-right: 10px;
}
#inpSearchText:focus {
-moz-box-shadow: none;
box-shadow: none;
}
.jsDisabled #inpSearchText:focus,
#inpSearchText.filled,
#inpSearchText.clickSelected {
background-position: 69px -300px;
background-position: 69px -300px, 0 0;
}
#inpSearchText:focus,
#inpSearchText.focus {
-moz-box-shadow: 0 0 4px rgba(95, 169, 212, 0.8);
box-shadow: 0 0 4px rgba(95, 169, 212, 0.8);
}
*+html .jsDisabled #inpSearchText {
background-image: none;
}
#searchControls .btn-wrapper.hasIcon .btn-icon {
background-image: url('//img.ui-portal.de/homepage/img/webde/icons/search.png');
background-position: 3px 2px;
}
#searchControls .btn-wrapper.onlyIcon > * {
text-indent: 0;
padding-left: 14px;
}
#searchControls .btn-wrapper.btn-fix.onlyIcon > * {
padding-left: 15px;
}
#loginsearch-search .btn-fix.hasIcon .btn-icon {
display: none;
}
#search-textlink {
display: none;
}
#loginsearch-ad {
position: absolute;
bottom: 16px;
z-index: 25;
width: 560px;
right: 0;
}
#halfpage #loginsearch-ad {
width: 240px;
right: 0;
}
#loginsearch {
background: none;
position: absolute;
top: 0;
left: 0;
right: 0;
margin-top: 406px;
z-index: 15;
overflow: visible;
clear: both;
width: 1260px;
margin-left: auto;
margin-right: auto;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/login-bg.png);
background-repeat: repeat-x;
}
.layer-open #loginsearch,
body[data-tooltip-active="demail"] #loginsearch,
body[data-tooltip-active="control"] #loginsearch {
z-index: 21;
}
[data-login-disabled="1"] #loginsearch {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/login-bg-disabled.png);
}
*+html #loginsearch {
margin-right: 30px;
margin-left: 30px;
}
*+html.rect321 #loginsearch {
margin-right: 20px;
margin-left: 20px;
}
body.loginFixed.loginFixed #loginsearch:before,
body.loginFixed #ie8before {
height: 125px;
width: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/login-bg.png);
background-repeat: repeat-x;
background-position: top left;
}
[data-login-disabled="1"] body.loginFixed.loginFixed #loginsearch:before,
[data-login-disabled="1"] body.loginFixed #ie8before {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/login-bg-disabled.png);
}
body.loginFixed:last-child #loginsearch:before {
content: '';
}
body.loginFixed #ie8before {
z-index: 2;
}
.adWithOutsideComponent body.loginFixed.loginFixed #loginsearch:before,
.adWithOutsideComponent body.loginFixed #ie8before {
display: none;
}
.hasMessage #loginsearch {
margin-top: 515px;
}
body[data-promoline-position="belowlogin"] #loginsearch {
margin-top: 378px;
}
body[data-promoline-position="belowlogin"].hasMessage #loginsearch {
margin-top: 487px;
}
body[data-promoline-position="belowlogin"].hasMessage.loginFixed #loginsearch {
margin-top: 0;
}
#loginsearch-login {
position: relative;
background-color: transparent;
}
#loginsearch>.container {
background-color: transparent;
position: relative;
width: 100%;
height: 115px;
}
[lang|="DE"] .loginFixed #loginsearch {
position: fixed;
margin: 0 auto;
height: 115px;
padding-left: 30px;
padding-right: 30px;
top: 0 !important;
}
.adWithOutsideComponent body.loginFixed #loginsearch {
height: 125px;
}
[lang|="DE"].rect321 .loginFixed #loginsearch {
padding-left: 20px;
padding-right: 20px;
}
#loginsearch .btn-m > * {
font-size: 13px;
}
#halfpage[lang|="DE"] .loginFixed.loginmode-reduced #loginsearch {
padding-left: 0;
padding-right: 0;
height: 125px;
}
#halfpage body.loginFixed.loginmode-reduced:last-child #loginsearch:before {
display: none;
}
#halfpage body.loginFixed.loginmode-reduced #ie8before {
display: none;
}
#halfpage .loginFixed.loginmode-reduced #loginsearch-login[data-tab-active="1"] .tab-nav ul {
padding-left: 0;
}
#loginsearch #loginsearch-mail {
float: right;
color: #000000;
}
#loginsearch #loginsearch-mail a:hover {
background: -webkit-gradient(linear, left top, left bottom, from(#FFDD62), to(#FFBF06));
background: -webkit-linear-gradient(#FFDD62, #FFBF06);
background: -ms-linear-gradient(#FFDD62, #FFBF06);
background: -moz-linear-gradient(#FFDD62, #FFBF06);
background: -o-linear-gradient(#FFDD62, #FFBF06);
background: linear-gradient(#FFDD62, #FFBF06);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFDD62, endColorstr=#FFBF06);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFDD62, endColorstr=#FFBF06)";
}
#loginsearch #loginsearch-mail:before {
content: url(//img.ui-portal.de/homepage/img/webde/bg/login-trenner.png);
position: absolute;
display: block;
height: 44px;
width: 3px;
}
.loginFixed #loginsearch #loginsearch-mail:after {
content: url(//img.ui-portal.de/homepage/img/webde/bg/login-trenner.png);
position: absolute;
display: block;
height: 44px;
width: 3px;
right:0;
top:0;
}
.loginmode-reduced #loginsearch #loginsearch-mail:after {
content: '';
}
#loginsearch #loginsearch-mail .r1 {
width: auto;
height: 44px;
text-align: center;
}
#loginsearch #loginsearch-mail a {
display: block;
color: #262626;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 14px;
text-align: center;
background-image: url(//img.ui-portal.de/p.gif);
background: -webkit-gradient(linear, left top, left bottom, from(#FFE688), to(#FFCF20));
background: -webkit-linear-gradient(#FFE688, #FFCF20);
background: -moz-linear-gradient(#FFE688, #FFCF20);
background: -ms-linear-gradient(#FFE688, #FFCF20);
background: -o-linear-gradient(#FFE688, #FFCF20);
background: linear-gradient(#FFE688, #FFCF20);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE688, endColorstr=#FFCF20);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE688, endColorstr=#FFCF20)";
padding-right: 18px;
padding-left:18px;
padding-top:8px;
padding-bottom: 8px;
}
#loginsearch #loginsearch-mail a:hover,
#loginsearch #loginsearch-mail a:focus {
text-decoration: none;
}
#loginsearch #loginsearch-mail a strong {
font-weight: bold;
}
.hideLoginsearchHeaderAd.tab-active-freemail #loginsearch-mail,
.hideLoginsearchHeaderAd.tab-active-club #loginsearch-mail,
.hideLoginsearchHeaderAd.tab-active-demail #loginsearch-mail {
display: none;
}
.login-loggedin {
padding-top: 17px;
overflow: hidden;
width: 460px;
}
.loggedin-layer h\:header {
font-size: 18px;
line-height: 28px;
overflow: hidden;
font-family: Arial, Verdana, sans-serif;
color: #262626;
display: inline-block;
}
.loggedin-layer h\:header .name {
white-space: nowrap;
max-width: 205px;
max-width: 229px;
text-overflow: ellipsis;
display: inline-block;
overflow: hidden;
float: left;
}
.loggedin-layer h\:header .opener {
display: inline-block;
background-image: url('//img.ui-portal.de/homepage/img/webde/icons/eingeloggt.png');
background-repeat: no-repeat;
background-position: 0 3px;
width: 13px;
height: 13px;
margin-left: 10px;
}
*+html .loggedin-layer h\:header .opener {
margin-top: 7px;
}
.loggedin-layer.open h\:header .opener {
background-position: 0 -17px;
}
.jsDisabled .login-loggedin h\:header {
background: transparent;
padding-right: 0;
cursor: inherit;
}
.loggedin-layer {
width: 252px;
padding: 5px 12px;
float: left;
margin-right: 10px;
}
.loggedin-layer.open {
background-color: #FFFFFF;
}
.loggedin-layer .layer-content {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
padding-top: 11px;
display: none;
}
.loggedin-layer.open .layer-content {
display: block;
}
.loggedin-layer .layer-content p {
line-height: 20px;
margin-bottom: 6px;
}
.loggedin-layer .layer-content .mail {
display: block;
font-weight: 700;
color: #262626;
}
.loggedin-layer .layer-content ul a {
color: #687282;
display: block;
line-height: 18px;
padding: 7px 0 7px 21px;
}
.loggedin-layer .layer-content ul a:hover {
background-color: #C4D7E3;
font-weight: bold;
padding-left: 7px;
padding-right: 7px;
margin-left: -7px;
margin-right: -7px;
text-decoration: none;
}
.loggedin-layer .layer-content ul li.logout a {
background-image: url('//img.ui-portal.de/homepage/img/webde/icons/eingeloggt.png');
background-repeat: no-repeat;
background-position: 0 -32px;
padding-left: 20px;
}
.loggedin-layer .layer-content ul li.logout a:hover {
padding-left: 27px;
background-position: 7px -62px;
color: #262626;
}
.loggedin-layer .btn-wrapper {
float: left;
}
#inpSearchText::-ms-clear {
display: none;
}
#inpSearchText.hasSuggest {
-webkit-border-radius: 4px 4px 0 4px;
border-radius: 4px 4px 0 4px;
}
#suggestions {
background: #FFFFFF;
clear: left;
display: none;
font-size: 16px;
height: 0;
line-height: 18px;
overflow: hidden;
position: absolute;
top: 33px;
z-index: 10;
-webkit-transform: translateZ(0);
border: 1px solid #9CBDCF;
width: 493px;
left: 37px;
}
#suggestions.active {
display: block;
height: auto;
}
#suggestions ul * {
font-size: 13px;
line-height: 20px;
}
#suggestions ul li {
background: #FFFFFF;
cursor: pointer;
text-align: left;
}
#suggestions ul li.spell-correct {
padding-bottom: 3px;
border-bottom: 1px solid #E7E7E7;
}
#suggestions ul li.spell-correct span {
color: #555555;
font-style: italic;
font-weight: 400;
display: block;
}
#suggestions ul li span {
display: block;
padding: 5px 9px 5px 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #262626;
}
#suggestions ul li.active span,
#suggestions ul li.active .suggestion span,
#suggestions ul li.spell-correct:hover span {
background: #EEF0F3;
}
#suggestions ul li b {
color: #000000;
font-weight: normal;
}
#suggestions ul li.active b {
color: #FFFFFF;
}
#suggestions p {
color: #6A6A6A;
font-size: 11px;
line-height: 14px;
padding: 8px 9px 8px;
text-align: right;
margin-bottom: 0;
}
.searchFormReset {
background-image: url(//img.ui-portal.de/homepage/img/webde/btn/suggest_close.png);
right: 103px;
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 0;
border: none;
color: transparent;
cursor: pointer;
display: none;
font-size: 0;
height: 14px;
overflow: hidden;
padding: 0;
position: absolute;
text-indent: 20px;
top: 11px;
width: 14px;
}
.loginFixed .searchFormReset { right: 58px; }
.filled .searchFormReset {
display: inline;
}
#jumplabel {
position: fixed;
bottom: 60px;
height: 30px;
width: 30px;
z-index: 20;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-clip: padding-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background: #4B87A7 url('//img.ui-portal.de/homepage/img/webde/icons/ico-sprungmarke.png') no-repeat center;
}
#jumplabel:hover {
filter: alpha(opacity=100);
-webkit-opacity: 1;
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}
body {
position: relative;
}
.adWithOutsideComponent body {
border-top: 0 solid transparent;
}
.adWithOutsideComponent #container {
border-top: 4px solid #FFC800;
}
.ad.empty {
background-image: url(//img.ui-portal.de/homepage/img/webde/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
}
.jsDisabled .ad.empty {
background: none;
}
.abd .ad.empty {
background-image: none;
}
#adRectangle {
float: right;
}
.ad-background {
position: absolute;
height: 100%;
}
.ad-background a {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.rect321 #adRectangle > div {
overflow: visible;
}
.ad-component {
position: absolute;
overflow: visible;
z-index: 999;
}
.ad-component-layer {
z-index: 20;
}
.ad-component-layer.ad-type-sitebar {
left: 0;
}
.ad-component-sitebar { left: 1322px; }
.ad-component-layer.ad-type-hockeystick,
.ad-component-layer.ad-type-buster,
.ad-component-layer.ad-type-fireplace {
z-index: 1001;
}
.ad-component-sitebar.sticky,
.ad-component-skyleft.sticky > .ad-component-inner,
.ad-component-skyright.sticky > .ad-component-inner {
position: fixed;
}
.ad-component-skyleft.sticky > .ad-component-inner,
.ad-component-skyright.sticky > .ad-component-inner {
height: auto;
}
.disableSticky .ad-component-sitebar.sticky,
.disableSticky .ad-component-sitebar.sticky > .ad-component-inner {
position: absolute;
}
.disableSticky .ad-component-skyright.sticky > .ad-component-inner {
position: absolute;
margin-left: 0 !important;
left: 0 !important;
top: 0 !important;
margin-top: 0 !important;
}
.disableSticky .ad-component-skyleft.sticky > .ad-component-inner {
position: absolute;
margin-right: 0 !important;
right: 0 !important;
top: 0 !important;
margin-top: 0 !important;
}
.ad-component-skyright.sticky,
.ad-component-skyright.sticky > .ad-component-inner {
left: 50%;
}
.ad-component-skyleft.sticky,
.ad-component-skyleft.sticky > .ad-component-inner {
right: 50%;
}
.ad-component-skyleft.sticky {
left: auto !important;
}
.ad-component-skyright.sticky {
right: auto !important;
}
.ad-component a.background-link {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.ad-component.inside-content {
position: relative;
float: left;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 50px;
}
.ad-component.inside-content.fullwidth {
margin-left: 0;
margin-right: 0;
}
.ad-component-maxiad.inside-content.fullwidth > .ad-component-inner {
margin-left: 10px;
margin-right: 10px;
}
.ad-component-maxiadcontent > .ad-component-inner {
margin-left: -20px;
}
.ad-component .main,
.ad-component .fallback,
.ad-component .noflash {
height: 100%;
display: inline-block;
position: relative;
}
.ad-component .noflash .col4,
.ad-component .noflash .col4border,
.ad-component .noflash .col3,
.ad-component .noflash .col3border,
.ad-component .noflash .col2 {
display: none;
}
.ad-component-inner {
position: relative;
line-height: 0;
height: 100%;
}
.ad-component-inner.align-center { text-align: center; }
.ad-component-inner.align-right { text-align: right; }
.ad-component-inner.align-center > .adv-generic-container object,
.ad-component-inner.align-center > .adv-generic-container embed,
.ad-component-inner.align-center > .adv-generic-container iframe,
.ad-component-inner.align-center > .adv-generic-container img,
.ad-component-inner.align-center > .adv-generic-container > div,
.ad-component-inner.align-center > .iframe,
.ad-component-inner.align-center > .noflash,
.ad-component-inner.align-center > .main,
.ad-component-inner.align-center > .fallback {
margin: auto;
}
.ad-variant-expand > .ad-component-inner {
z-index: 99999;
}
.ad-variant-expand > .ad-component-inner.align-right > .main,
.ad-variant-expand > .ad-component-inner.align-right > .main > * {
position: absolute;
right: 0;
}
.ad-variant-expand > .ad-component-inner.align-left > .main,
.ad-variant-expand > .ad-component-inner.align-left > .main > * {
position: absolute;
left: 0;
}
.ad-component-sitebar > .ad-component-inner,
.ad-component-sitebar > .ad-component-inner > .adv-generic-container {
height: 100%;
}
.ad-component > .ad-component-inner > .fallback {
display: none;
}
html[data-exclusive-ad="true"] #adRectangle,
html[data-exclusive-ad="true"] #middle-container {
display: none !important;
}
.hideSpecialAd .ad-component .main,
.hideSpecialAd .ad-component object,
.hideSpecialAd .ad-component embed,
.hideSpecialAd .ad-component iframe,
.hideMedRecTop #adRectangle.ad .main,
.hideMedRecTop #adRectangle.ad object,
.hideMedRecTop #adRectangle.ad embed,
.hideMedRecTop #adRectangle.ad iframe {
position: absolute !important;
left: -9999em;
}
.hideSpecialAd .ad-component .fallback iframe,
.hideMedRecTop #adRectangle .fallback iframe {
display: block;
overflow: visible !important;
position: static !important;
height: auto !important;
width: auto !important;
}
.hideSpecialAd .ad-component .fallback,
.hideMedRecTop #adRectangle .fallback {
display: inline-block;
}
.hideSpecialAd .ad-component-layer,
.hideSpecialAd .ad-component .adp-wrapper,
.hideMedRecTop #adRectangle .adp-wrapper {
display: none !important;
}
.ad > div {
overflow: hidden;
}
.ad .ad > div {
height: auto;
}
.ad > .r1 .module {
clear: left;
overflow: hidden;
}
.ad > .r1 .adv-generic-container {
margin-bottom: 20px;
}
.ad > .r1 .adv-generic-container .module {
margin-bottom: 0;
}
.pricetag .prefix {
-webkit-transform: translateZ(0);
}
.ad-component-billboard > .ad-component-inner,
.ad-component-billboard > .ad-component-layer.ad-variant-fullwidth > .ad-component-inner {
margin-left: -20px;
margin-right: -20px;
}
.ad-component-billboard.ad-variant-fullwidth > .ad-component-inner,
.ad-component-billboard.ad-variant-fullwidth > .ad-component-layer.ad-variant-fullwidth > .ad-component-inner {
margin-left: -21px;
margin-right: -21px;
}
.ad-component-billboard > .ad-component-inner > .background-link {
left: 15px;
right: 15px;
}
.ad-component-billboard.ad-variant-fullwidth > .ad-component-inner > .background-link {
left: 0;
right: 0;
}
[data-ua-os="ios"] .ad-component-billboard iframe[width="100%"] {
width: 682px;
min-width: 100%;
}
.ad-type-fireplace.ad-component-layer > .ad-component-inner,
.ad-type-fireplace.ad-component-superbanner.ad-variant-fullsize > .ad-component-inner {
margin: 0 auto;
}
html[data-seperator="billboard"] #sepRespBillboard {
display: block;
}
html[data-seperator="billboard"] #sepResp1,
html[data-seperator="billboard"] #sepResp2,
html[data-seperator="billboard"] #sepResp3 {
display: none;
}
html#halfpage .sepLoginExpander {
float: left;
clear: none;
width: 960px;
}
.rect321 .wrapper-center { width: 1302px; }
.rect321 .wrapper-border {
padding-left: 11px;
padding-right: 11px;
margin: 0;
}
.rect321 #header {
margin-left: -10px;
margin-right: -10px;
}
.rect321 body {
min-width: 982px;
}
.adWithOutsideComponent,
.adWithOutsideComponent body {
background: #F0F2F3;
}
.adWithOutsideComponent .wrapper-border {
border-color: #C0C9CE;
}
.adWithOutsideComponent #footer {
margin: 0 auto;
}
#footer > .wrapper-center:before {
content: '';
display: block;
height: 88px;
background-color: #eef0f3;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.adWithOutsideComponent #footer > .wrapper-center:before {
left: 1px;
right: 1px;
}
.adWithOutsideComponent #footer { width: 1322px; }
.rect321 #footer { width: 1302px; }
#rectangle-fallbackContent {
float: right !important;
}
#rectangle-fallbackContent + #adRectangle {
display: none !important;
}
.ad-component-pushdown {
position: relative;
}
.ad-type-tantum {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ad-type-tantum .ad-component-inner {
height: 100%;
}
.msg-notify .ad-type-sky.ad-component-skyright,
.msg-notify .ad-type-skyright.ad-component-skyright {
top: 0 !important;
}
.ad-component-inner > .loading {
display: block;
position: absolute;
z-index: 9999;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: no-repeat 50% 50%;
}
.politeFallback {
position: relative;
}
.ad-component-inner > .loading ~ .fallback,
.ad-component-inner.politeFallback > .fallback {
display: block;
visibility: visible;
}
.videoscreen-background #header,
.videoscreen-background #wrapper2 > div,
.videoscreen-background #wrapper2 > h\:section {
-ms-transform: translateZ(0);
}
.videoscreen-background #header,
.videoscreen-background #wrapper2 > div > *,
.videoscreen-background #wrapper2 > h\:section > * {
position: relative;
}
.videoscreen-background #header,
.videoscreen-background #header > div {
z-index: 99999;
}
.layer-open.videoscreen-background #header {
z-index: 999999;
}
.videoscreen-background #wrapper2 > .logout-notification {
z-index: 99999;
}
.videoscreen-background #wrapper2 > div,
.videoscreen-background #wrapper2 > h\:section,
.videoscreen-background #wrapper2 > div > *,
.videoscreen-background #wrapper2 > h\:section > * {
z-index: 9999;
}
.videoscreen-background #wrapper2 > #adRectangle,
.videoscreen-background #wrapper2 > #adRectangle > * {
z-index: 0 !important;
}
.adWithOutsideComponent { margin-left: 0.5px; }
.mejs-offscreen{
position: absolute !important;
top: -10000px;
left: -10000px;
overflow: hidden;
width: 1px;
height: 1px;
}
.mejs-container {
position: relative;
background: #000;
font-family: Helvetica, Arial;
text-align: left;
vertical-align: top;
text-indent: 0;
}
.me-plugin {
position: absolute;
}
.mejs-embed, .mejs-embed body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background: #000;
overflow: hidden;
}
.mejs-fullscreen {
overflow: hidden !important;
}
.mejs-container-fullscreen {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
z-index: 1000;
}
.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
width: 100%;
height: 100%;
}
.mejs-clear {
clear: both;
}
.mejs-background {
position: absolute;
top: 0;
left: 0;
}
.mejs-mediaelement {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mejs-poster {
position: absolute;
top: 0;
left: 0;
background-size: contain ;
background-position: 50% 50% ;
background-repeat: no-repeat ;
}
:root .mejs-poster img {
display: none ;
}
.mejs-poster img {
border: 0;
padding: 0;
border: 0;
}
.mejs-overlay {
position: absolute;
top: 0;
left: 0;
}
.mejs-overlay-play {
cursor: pointer;
}
.mejs-overlay-button {
position: absolute;
top: 50%;
left: 50%;
width: 100px;
height: 100px;
margin: -50px 0 0 -50px;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/bigplay.svg) no-repeat;
}
.no-svg .mejs-overlay-button {
background-image: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/bigplay.png);
}
.mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -100px ;
}
.mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 80px;
height: 80px;
margin: -40px 0 0 -40px;
background: #333;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(0, 0, 0, 0.9);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9)));
background: -webkit-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
background: -moz-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
background: -o-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
background: -ms-linear-gradient(top, rgba(50,50,50,0.9), rgba(0,0,0,0.9));
background: linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9));
}
.mejs-overlay-loading span {
display: block;
width: 80px;
height: 80px;
background: transparent url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/loading.gif) 50% 50% no-repeat;
}
.mejs-container .mejs-controls {
position: absolute;
list-style-type: none;
margin: 0;
padding: 0;
bottom: 0;
left: 0;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
height: 30px;
width: 100%;
}
.mejs-container .mejs-controls div {
list-style-type: none;
background-image: none;
display: block;
float: left;
margin: 0;
padding: 0;
width: 26px;
height: 26px;
font-size: 11px;
line-height: 11px;
font-family: Helvetica, Arial;
border: 0;
}
.mejs-controls .mejs-button button {
cursor: pointer;
display: block;
font-size: 0;
line-height: 0;
text-decoration: none;
margin: 7px 5px;
padding: 0;
position: absolute;
height: 16px;
width: 16px;
border: 0;
background: transparent url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/controls.svg) no-repeat;
}
.no-svg .mejs-controls .mejs-button button {
background-image: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/controls.png);
}
.mejs-controls .mejs-button button:focus {
outline: dotted 1px #999;
}
.mejs-container .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 17px;
width: auto;
padding: 10px 3px 0 3px ;
overflow: hidden;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.mejs-container .mejs-controls .mejs-time a {
color: #fff;
font-size: 11px;
line-height: 12px;
display: block;
float: left;
margin: 1px 2px 0 0;
width: auto;
}
.mejs-controls .mejs-play button {
background-position: 0 0;
}
.mejs-controls .mejs-pause button {
background-position: 0 -16px;
}
.mejs-controls .mejs-stop button {
background-position: -112px 0;
}
.mejs-controls div.mejs-time-rail {
direction: ltr;
width: 200px;
padding-top: 5px;
}
.mejs-controls .mejs-time-rail span, .mejs-controls .mejs-time-rail a {
display: block;
position: absolute;
width: 180px;
height: 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
}
.mejs-controls .mejs-time-rail .mejs-time-total {
margin: 5px;
background: #333;
background: rgba(50,50,50,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}
.mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
-o-background-size: 15px 15px;
background-size: 15px 15px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
}
@-webkit-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-moz-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-ms-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@-o-keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
@keyframes buffering-stripes { from {background-position: 0 0;} to {background-position: 30px 0;} }
.mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #3caac8;
background: rgba(60,170,200,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44,124,145,0.8)), to(rgba(78,183,212,0.8)));
background: -webkit-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
background: -moz-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
background: -o-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
background: -ms-linear-gradient(top, rgba(44,124,145,0.8), rgba(78,183,212,0.8));
background: linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
background: #fff;
background: rgba(255,255,255,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
width: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-handle {
display: none;
position: absolute;
margin: 0;
width: 10px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
border: solid 2px #333;
top: -2px;
text-align: center;
}
.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
display: none;
background: #eee;
width: 36px;
height: 17px;
border: solid 1px #333;
top: -26px;
margin-left: -18px;
text-align: center;
color: #111;
}
.mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 2px;
width: 30px;
display: block;
text-align: center;
left: 0;
}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {
position: absolute;
display: block;
width: 0;
height: 0;
line-height: 0;
border: solid 5px #eee;
border-color: #eee transparent transparent transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: 15px;
left: 13px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
width: 48px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
width: 44px;
}
.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
left: 18px;
}
.mejs-controls .mejs-fullscreen-button button {
background-position: -32px 0;
}
.mejs-controls .mejs-unfullscreen button {
background-position: -32px -16px;
}
.mejs-controls .mejs-volume-button {
}
.mejs-controls .mejs-mute button {
background-position: -16px -16px;
}
.mejs-controls .mejs-unmute button {
background-position: -16px 0;
}
.mejs-controls .mejs-volume-button {
position: relative;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider {
display: none;
height: 115px;
width: 25px;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(50, 50, 50, 0.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
top: -115px;
left: 0;
z-index: 1;
position: absolute;
margin: 0;
}
.mejs-controls .mejs-volume-button:hover {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.5);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
position: absolute;
left: 11px;
top: 8px;
width: 2px;
height: 100px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
margin: 0;
}
.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
position: absolute;
left: 4px;
top: -3px;
width: 16px;
height: 6px;
background: #ddd;
background: rgba(255, 255, 255, 0.9);
cursor: N-resize;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
margin: 0;
}
.mejs-controls a.mejs-horizontal-volume-slider {
height: 26px;
width: 56px;
position: relative;
display: block;
float: left;
vertical-align: middle;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #333;
background: rgba(50,50,50,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30,30,30,0.8)), to(rgba(60,60,60,0.8)));
background: -webkit-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -moz-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -o-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: -ms-linear-gradient(top, rgba(30,30,30,0.8), rgba(60,60,60,0.8));
background: linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
position: absolute;
left: 0;
top: 11px;
width: 50px;
height: 8px;
margin: 0;
padding: 0;
font-size: 1px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #fff;
background: rgba(255,255,255,0.8);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -moz-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -o-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: -ms-linear-gradient(top, rgba(255,255,255,0.9), rgba(200,200,200,0.8));
background: linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
display: none;
}
.mejs-controls .mejs-captions-button {
position: relative;
}
.mejs-controls .mejs-captions-button button {
background-position: -48px 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -51px;
width: 85px;
height: 100px;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(50,50,50,0.7);
border: solid 1px transparent;
padding: 10px 10px 0 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
width: 55px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
.mejs-controls .mejs-captions-button .mejs-captions-translations {
font-size: 10px;
margin: 0 0 5px 0;
}
.mejs-chapters {
position: absolute;
top: 0;
left: 0;
-xborder-right: solid 1px #fff;
width: 10000px;
z-index: 1;
}
.mejs-chapters .mejs-chapter {
position: absolute;
float: left;
background: #222;
background: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50,50,50,0.7)), to(rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -moz-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -o-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: -ms-linear-gradient(top, rgba(50,50,50,0.7), rgba(0,0,0,0.7));
background: linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);
overflow: hidden;
border: 0;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block {
font-size: 11px;
color: #fff;
padding: 5px;
display: block;
border-right: solid 1px #333;
border-bottom: solid 1px #333;
cursor: pointer;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
border-right: none;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
background: #666;
background: rgba(102,102,102, 0.7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102,102,102,0.7)), to(rgba(50,50,50,0.6)));
background: -webkit-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background: -moz-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background: -o-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background: -ms-linear-gradient(top, rgba(102,102,102,0.7), rgba(50,50,50,0.6));
background: linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232);
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
font-size: 12px;
font-weight: bold;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0 0 3px 0;
line-height: 12px;
}
.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
font-size: 12px;
line-height: 12px;
margin: 3px 0 4px 0;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
}
.mejs-captions-layer {
position: absolute;
bottom: 0;
left: 0;
text-align:center;
line-height: 20px;
font-size: 16px;
color: #fff;
}
.mejs-captions-layer a {
color: #fff;
text-decoration: underline;
}
.mejs-captions-layer[lang=ar] {
font-size: 20px;
font-weight: normal;
}
.mejs-captions-position {
position: absolute;
width: 100%;
bottom: 15px;
left: 0;
}
.mejs-captions-position-hover {
bottom: 35px;
}
.mejs-captions-text {
padding: 3px 5px;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(20, 20, 20, 0.5);
white-space: pre-wrap;
}
.me-cannotplay {
}
.me-cannotplay a {
color: #fff;
font-weight: bold;
}
.me-cannotplay span {
padding: 15px;
display: block;
}
.mejs-controls .mejs-loop-off button {
background-position: -64px -16px;
}
.mejs-controls .mejs-loop-on button {
background-position: -64px 0;
}
.mejs-controls .mejs-backlight-off button {
background-position: -80px -16px;
}
.mejs-controls .mejs-backlight-on button {
background-position: -80px 0;
}
.mejs-controls .mejs-picturecontrols-button {
background-position: -96px 0;
}
.mejs-contextmenu {
position: absolute;
width: 150px;
padding: 10px;
border-radius: 4px;
top: 0;
left: 0;
background: #fff;
border: solid 1px #999;
z-index: 1001;
}
.mejs-contextmenu .mejs-contextmenu-separator {
height: 1px;
font-size: 0;
margin: 5px 6px;
background: #333;
}
.mejs-contextmenu .mejs-contextmenu-item {
font-family: Helvetica, Arial;
font-size: 12px;
padding: 4px 6px;
cursor: pointer;
color: #333;
}
.mejs-contextmenu .mejs-contextmenu-item:hover {
background: #2C7C91;
color: #fff;
}
.mejs-controls .mejs-sourcechooser-button {
position: relative;
}
.mejs-controls .mejs-sourcechooser-button button {
background-position: -128px 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: hidden;
position: absolute;
bottom: 26px;
right: -10px;
width: 130px;
height: 100px;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(50,50,50,0.7);
border: solid 1px transparent;
padding: 10px;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
margin: 0 0 6px 0;
padding: 0;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
}
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
width: 100px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 10px;
}
.mejs-postroll-layer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(50,50,50,0.7);
z-index: 1000;
overflow: hidden;
}
.mejs-postroll-layer-content {
width: 100%;
height: 100%;
}
.mejs-postroll-close {
position: absolute;
right: 0;
top: 0;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(50,50,50,0.7);
color: #fff;
padding: 4px;
z-index: 100;
cursor: pointer;
}
div.mejs-speed-button {
width: 46px !important;
position: relative;
}
.mejs-controls .mejs-button.mejs-speed-button button {
background: transparent;
width: 36px;
font-size: 11px;
line-height: normal;
color: #ffffff;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector {
visibility: hidden;
position: absolute;
top: -100px;
left: -10px;
width: 60px;
height: 100px;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(50, 50, 50, 0.7);
border: solid 1px transparent;
padding: 0;
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.mejs-controls .mejs-speed-button:hover > .mejs-speed-selector {
visibility: visible;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected {
color: rgba(33, 248, 248, 1);
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul {
margin: 0;
padding: 0;
display: block;
list-style-type: none !important;
overflow: hidden;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li {
margin: 0 0 6px 0;
padding: 0 10px;
list-style-type: none !important;
display: block;
color: #fff;
overflow: hidden;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input {
clear: both;
float: left;
margin: 3px 3px 0 5px;
display: none;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label {
width: 60px;
float: left;
padding: 4px 0 0 0;
line-height: 15px;
font-family: helvetica, arial;
font-size: 11.5px;
color: white;
margin-left: 5px;
cursor: pointer;
}
.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover {
background-color: rgb(200, 200, 200) !important;
background-color: rgba(255,255,255,.4) !important;
}
.mejs-controls .mejs-button.mejs-skip-back-button {
background: transparent url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/skipback.png) no-repeat;
background-position: 3px 3px;
}
.mejs-controls .mejs-button.mejs-skip-back-button button {
background: transparent;
font-size: 9px;
line-height: normal;
color: #ffffff;
}
.mejs-iphone .mejs-controls {
display: none;
}
.mejs-ui .mejs-overlay-loading {
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -27px 0 0 -26px;
background: #333;
background: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/background.png);
background: rgba(0, 0, 0, 0.9);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
z-index: 100000;
}
.mejs-ui .mejs-overlay-play {
}
.mejs-ui .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
visibility: visible;
}
.mejs-ui .mejs-postroll-layer-content {
color:#fff;
}
.mejs-ui .mejs-overlay:hover .mejs-overlay-button {
background-position: 0;
}
.mejs-ui .mejs-overlay-loading {
z-index: 1;
}
.mejs-container.mejs-ui:focus {
outline:0;
-webkit-box-shadow: 0 0 7px #262626;
box-shadow: 0 0 7px #262626;
}
.mejs-container.mejs-ui .mejs-overlay-loading span {
width:50px;
height:50px;
background: transparent url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/loading-ui.gif) 50% 50% no-repeat;
}
.mejs-ui .mejs-overlay-button {
background-image: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/bigplay-ui.svg);
}
.mejs-ui.no-svg .mejs-overlay-button {
background-image: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/bigplay-ui.png);
}
.mejs-ui .mejs-controls .mejs-button button {
background-image: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/controls-ui.svg);
}
.mejs-ui.no-svg .mejs-controls .mejs-button button {
background-image: url(//img.ui-portal.de/mejs-videoplayer/2015-01-23/controls-ui.png);
}
.mejs-ui .mejs-controls .mejs-fullscreen-button {
display: none\9;
}
.mejs-ui .mejs-controls .mejs-fullscreen-button:nth-of-type(1n) {
display:block;
}
.mejs-ui .mejs-controls .mejs-unfullscreen button {
background-position: -32px 0;
}
.mejs-ui .mejs-controls .mejs-time-rail .mejs-time-total {
background: #666666;
}
.mejs-ui .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #9A9A9A;
}
.mejs-ui .mejs-controls .mejs-time-rail .mejs-time-current {
background: #FFFFFF;
}
.mejs-ui .mejs-controls .mejs-time-rail .mejs-time-buffering {
width: 100%;
background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background: -o-linear-gradient(90deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background: -webkit-gradient(linear, 0 100%, 0 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background: linear-gradient(90deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
-o-background-size: 3px 3px;
background-size: 3px 3px;
-webkit-animation: buffering-stripes 2s linear infinite;
-moz-animation: buffering-stripes 2s linear infinite;
-ms-animation: buffering-stripes 2s linear infinite;
-o-animation: buffering-stripes 2s linear infinite;
animation: buffering-stripes 2s linear infinite;
}
.mejs-ui .mejs-controls .mejs-sourcechooser-button button {
background-position: -46px 0;
width:23px;
margin-left:0;
margin-right:3px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-moz-opacity: 0.5;
opacity: 0.5;
}
.mejs-ui .mejs-controls .mejs-sourcechooser-button button[data-current-video-quality="hd"] {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
opacity: 1;
}
.mejs-ui video::-webkit-media-controls-overlay-play-button {
display:none;
}
.mejs-ui .mejs-clickout-layer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 1000;
overflow: hidden;
}
.mejs-ui .mejs-clickout-layer-content {
width: 100%;
height: 100%;
color: #fff;
}
.mejs-ui .mejs-postroll-layer-content img {
width:100%;
max-width:100%;
border:0;
}
.ad-component.intext-video {
margin-left: 0;
margin-bottom: 0;
height: 0;
overflow: hidden;
z-index: 10;
}
.ad-component.intext-video > .ad-component-inner {
position: relative;
padding-bottom: 20px;
height: auto;
}
.ad-component.intext-video video {
width: 100%;
}
.ad-component.intext-video .mejs-controls {
opacity: 1 !important;
visibility: visible !important;
background: none;
top: 10px;
right: 10px;
bottom: auto;
left: auto;
width: auto;
height: 56px;
}
.ad-component.intext-video .mejs-controls div,
.ad-component.intext-video .mejs-controls div button {
width: 42px;
height: 42px;
margin: 0 5px;
}
.ad-component.intext-video .mejs-controls .mejs-mute button {
background: url(//adimg.uimserv.net/intextvideoad/soundon.png) no-repeat;
}
.ad-component.intext-video .mejs-controls .mejs-unmute button {
background: url(//adimg.uimserv.net/intextvideoad/soundoff.png) no-repeat;
}
.ad-component.intext-video .mejs-controls .mejs-volume-slider {
display: none !important;
}
.ad-component.intext-video .intext-video-close button {
background: url(//adimg.uimserv.net/intextvideoad/close.png) no-repeat;
}
.ad-component.intext-video .intext-video-clickout {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ad-component .parallaxBackground {
background: transparent repeat fixed 50% 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ad-type-hockeystick.ad-variant-videolayer {
width: 0;
height: 0;
}
.ad-type-hockeystick.ad-variant-videolayer.ad-component-layer {
overflow: hidden;
}
.ad-type-hockeystick.ad-variant-videolayer > .ad-component-inner,
.ad-type-hockeystick.ad-variant-videolayer > .ad-component-inner > .iframe,
.ad-type-hockeystick.ad-variant-videolayer > .ad-component-inner > .iframe > iframe {
width: 100%;
height: 100%;
}
.ad-type-hockeystick.ad-variant-videolayer > .ad-component-closer {
position: absolute;
height: 42px;
width: 42px;
top: 10px;
right: 10px;
background: url(//adimg.uimserv.net/intextvideoad/close.png);
}
#loginpromo .r1 {
width: auto;
height: auto;
}
#loginpromo {
position: absolute;
top: 0;
left: 640px;
width: 160px;
height: 44px;
}
#halfpage #loginpromo {
position: relative;
left: 0;
float: left;
}
#halfpage #loginsearch-login .tab-nav ul {
float: left;
}
.ad-multiple-fallback {
display: block;
}
.news {
position: relative;
display: block;
}
.news a {
color: #FFF;
text-decoration: none;
display: block;
}
.news .link-list {
display: none;
}
.news .news-content > h\:header {
position: absolute;
top: 10px;
left: 10px;
z-index: 10;
cursor: default;
}
.news .news-content > h\:header a,
.news .news-content > h\:header span {
display: inline-block;
line-height: 20px;
color: #262626;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #FFC800;
font-weight: normal;
padding: 2px 10px 2px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.erotik .news .news-content > h\:header a,
.erotik .news .news-content > h\:header span {
background-color: #D31767;
color: #FFFFFF;
}
.news .news-content > h\:header a:hover {
background-color: #F6B600;
text-decoration: none;
}
.erotik .news .news-content > h\:header a:hover {
background-color: #BC1761;
}
.teaser-img img {
display: block;
}
.teaser-img {
position: relative;
}
.teaser-img span.video,
.teaser-img span.game {
display: block;
text-indent: -999em;
position: absolute;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/playbutton.png);
background-position: top left;
background-repeat: no-repeat;
height: 52px;
width: 52px;
top: 70px;
left: 124px;
}
.teaser-img span.game {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/gamebutton.png);
}
.jsDisabled .teaser-img span.video,
.jsDisabled .teaser-img span.game {
display: none;
}
a:hover .teaser-img span.video,
a:focus .teaser-img span.video,
a:hover .teaser-img span.game,
a:focus .teaser-img span.game {
background-position: left -80px;
}
.news .teaser-img span.auto-service,
.multi-news .news-list-teaser span.auto-service {
position: absolute;
display: block;
top: 0;
right: 0;
background-repeat: no-repeat;
background-position: top left;
}
.multi-news.hero .teaser-img span.auto-service,
.news.news-fullsize-item .teaser-img span.auto-service,
.news.news-double-fullsize-item .teaser-img span.auto-service,
.multi-news .teaser-content .teaser-img span.auto-service {
width: 77px;
height: 34px;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/auto-service-big.png);
}
.multi-news.hero .teaser-img span.auto-service {
right: auto;
left: 0;
}
.multi-news .news-list-teaser span.auto-service,
.multi-news.hero .news-list-teaser span.auto-service,
body[data-variant-name="hero-1"] .multi-news.hero [data-slide-id="2"] span.auto-service,
body[data-variant-name="hero-1"] .multi-news.hero [data-slide-id="3"] span.auto-service,
.news.news-spotlight-item .teaser-img span.auto-service,
.news.news-image-list-item .teaser-img span.auto-service,
.news.multi-news-large .teaser-img span.auto-service,
.news.news-tile-item .teaser-img span.auto-service {
width: 36px;
height: 24px;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/auto-service-small.png);
}
.teaser-content {
position: relative;
}
.news .teaser-text h\:header {
font-weight: 400;
font-size: 18px;
line-height: 23px;
margin-bottom: 2px;
font-family: Arial, Verdana, sans-serif;
display: block;
}
.news .teaser-text span.more {
background-image: url('//img.ui-portal.de/homepage/img/webde/icons/more.png');
zoom: 1;
background-position: 0 3px;
padding-left: 11px;
}
.news .teaser-img:hover + .teaser-text span.more,
.news .teaser-text a:hover span.more,
.news a:hover .teaser-text span.more {
background-position: 0 -28px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.news a .teaser-text span.more:after {
content: 'a';
display: none;
}
.news a:hover .teaser-text span.more:after {
content: 'h';
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.news .teaser-text span.more:before {
content: '\200B';
}
}
.news .teaser-text h\:header a:hover,
.news a .teaser-text h\:header:hover {
text-decoration: underline;
}
.news .teaser-text p {
margin-bottom: 0;
font-size: 0;
line-height: 0;
}
.news .teaser-text p span {
font-weight: 400;
font-size: 13px;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
display: inline;
}
.news .teaser-text .subline {
padding-right: 5px;
}
.multi-news .teaser-text,
.multi-news-large .teaser-text,
.news-fullsize-item .teaser-text,
.news-double-fullsize-item .teaser-text,
.news-gallery .teaser-text {
color: #FFFFFF;
background-color: rgba(51, 51, 51, 0.8);
background-repeat: repeat;
}
*+html .multi-news .teaser-text,
*+html .multi-news-large .teaser-text,
*+html .news-fullsize-item .teaser-text,
*+html .news-double-fullsize-item .teaser-text,
*+html .news-gallery .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png);
}
.multi-news .teaser-text,
.multi-news-large .teaser-text,
.news-fullsize-item .teaser-text,
.news-double-fullsize-item .teaser-text,
.news-gallery .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png)\9;
}
:root .multi-news .teaser-text,
:root .multi-news-large .teaser-text,
:root .news-fullsize-item .teaser-text,
:root .news-double-fullsize-item .teaser-text,
:root .news-gallery .teaser-text {
background-image: none;
}
.multi-news.hero .teaser-text,
.news-fullsize-item .teaser-text,
.news-double-fullsize-item .teaser-text {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 7px 15px 13px 15px;
}
.jsDisabled .news span.more {
display: none;
}
#sepResp2 + .news-spotlight + .news-spotlight + .news + h\:section { float: right; }
.news.multi-news .teaser-img,
.channel .teaser-img,
.news-fullsize-item .teaser-img {
background-image: url(//img.ui-portal.de/homepage/img/webde/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
}
.news-double-fullsize-item .teaser-img,
.news-fullsize-item .teaser-img {
background-position: center 66px;
}
.jsDisabled .news.multi-news .teaser-img,
.jsDisabled .channel .teaser-img,
.jsDisabled .news-fullsize-item .teaser-img {
background-image: none;
}
.news-double-fullsize-item > .r1 {
width: 620px;
}
.news-double-fullsize-item .teaser-img span.video,
.news-double-fullsize-item .teaser-img span.game {
left: 284px;
}
.news-fullsize-item a:hover,
.news-double-fullsize-item a:hover {
text-decoration: none;
}
.news-fullsize-item .teaser-text h\:header,
.news-double-fullsize-item .teaser-text h\:header { display: block\9; }
:root .news-fullsize-item .teaser-text h\:header,
:root .news-double-fullsize-item .teaser-text h\:header { display: inline-block\9; }
.news-fullsize-item .teaser-text span.more,
.news-double-fullsize-item .teaser-text span.more {
background-image: url('//img.ui-portal.de/homepage/img/webde/icons/more_bright.png');
}
.news-fullsize-item .teaser-text,
.news-double-fullsize-item .teaser-text {
padding-bottom: 14px;
}
.news-fullsize-item .teaser-text h\:header,
.news-double-fullsize-item .teaser-text h\:header {
margin-bottom: 5px;
}
.news-image-list,
body[data-variant-name="hero-1"] [data-slide-id="2"],
body[data-variant-name="hero-1"] [data-slide-id="3"] {
padding-right: 15px;
width: 285px;
padding-top: 5px;
height: 245px;
}
.news-image-list .r1 {
height: auto;
width: auto;
}
.news-image-list .news:first-child,
body[data-variant-name="hero-1"] [data-slide-id="2"] {
padding-bottom: 12px;
}
.news-image-list-item a,
body[data-variant-name="hero-1"] [data-slide-id="2"] a,
body[data-variant-name="hero-1"] [data-slide-id="3"] a {
overflow: hidden;
display: block;
color: #262626;
}
.news-image-list-item .news-content {
height: auto;
width: auto;
}
.news-image-list-item .news-content > h\:header {
display: none;
}
.news-image-list-item .news-content .teaser-content,
body[data-variant-name="hero-1"] [data-slide-id="2"],
body[data-variant-name="hero-1"] [data-slide-id="3"] {
padding-top: 34px;
overflow: hidden;
}
.news-image-list-item .news-content .teaser-img,
body[data-variant-name="hero-1"] [data-slide-id="2"] .teaser-img,
body[data-variant-name="hero-1"] [data-slide-id="3"] .teaser-img {
float: left;
margin-right: 10px;
padding-top: 3px;
}
.news-image-list-item .news-content .teaser-img span.auto-service,
body[data-variant-name="hero-1"] [data-slide-id="2"] .teaser-img span.auto-service,
body[data-variant-name="hero-1"] [data-slide-id="3"] .teaser-img span.auto-service {
top: 3px;
}
.news-image-list-item .teaser-img span.video,
body[data-variant-name="hero-1"] [data-slide-id="2"] .teaser-img span.video,
body[data-variant-name="hero-1"] [data-slide-id="3"] .teaser-img span.video {
height: 26px;
width: 26px;
left: 50px;
top: 23px;
background-position: left -160px;
}
.news-image-list-item a:hover .teaser-img span.video,
.news-image-list-item a:focus .teaser-img span.video,
body[data-variant-name="hero-1"] [data-slide-id="2"] a:hover .teaser-img span.video,
body[data-variant-name="hero-1"] [data-slide-id="2"] a:focus .teaser-img span.video,
body[data-variant-name="hero-1"] [data-slide-id="3"] a:hover .teaser-img span.video,
body[data-variant-name="hero-1"] [data-slide-id="3"] a:focus .teaser-img span.video {
background-position: left -240px;
}
.news-image-list-item .news-content .teaser-text,
body[data-variant-name="hero-1"] [data-slide-id="2"] .teaser-text,
body[data-variant-name="hero-1"] [data-slide-id="3"] .teaser-text {
float: left;
width: 150px;
}
.news-image-list-item .news-content .teaser-text > h\:header,
body[data-variant-name="hero-1"] [data-slide-id="2"] .teaser-text > h\:header,
body[data-variant-name="hero-1"] [data-slide-id="3"] .teaser-text > h\:header {
position: absolute;
top: 8px;
left: 0;
right: 0;
font-size: 15px;
line-height: 23px;
margin-bottom: 0;
padding-bottom: 3px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
color: #1F6A9F;
}
.news-image-list-item .news-content .teaser-text > h\:header a,
body[data-variant-name="hero-1"] [data-slide-id="2"] .teaser-text > h\:header a,
body[data-variant-name="hero-1"] [data-slide-id="3"] .teaser-text > h\:header a {
color: #1F6A9F;
}
.news-image-list-item .news-content .teaser-text > p,
body[data-variant-name="hero-1"] [data-slide-id="2"] .teaser-text > p,
body[data-variant-name="hero-1"] [data-slide-id="3"] .teaser-text > p {
float: left;
}
.news-text-list {
padding-right: 15px;
width: 285px;
padding-top: 5px;
height: 245px;
}
.news-text-list .r1 {
height: auto;
width: auto;
}
.news-text-list .news:first-child,
.news-text-list .news:first-child + .news {
padding-bottom: 12px;
}
.news-text-list-item {
padding-top: 8px;
clear: both;
width: 285px;
}
.news-text-list-item a {
color: #262626;
}
.news-text-list-item .news-content {
height: auto;
width: auto;
}
.news-text-list-item .news-content > h\:header,
.news-text-list-item .news-content .teaser-img,
.news-text-list-item .teaser-img span.video {
display: none;
}
.news-text-list-item .news-content .teaser-text > h\:header {
font-size: 15px;
line-height: 23px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
margin-bottom: 3px;
color: #1F6A9F;
}
.news-text-list-item .news-content .teaser-text > h\:header a {
color: #1F6A9F;
}
.news-tile {
padding-right: 10px;
width: 290px;
padding-top: 8px;
height: 242px;
}
.news-tile .r1 {
height: auto;
width: auto;
}
.news-tile .news:first-child,
.news-tile .news:first-child + .news + .news {
margin-right: 20px;
}
.news-tile-item {
width: 135px;
padding-top: 7px;
min-height: 108px;
}
*+html .news-tile-item {
margin-bottom: 2px;
}
.news-tile-item a {
color: #1F6A9F;
}
.news-tile-item .news-content {
height: auto;
width: auto;
}
.news-tile-item .news-content > h\:header {
display: none;
}
.news-tile-item .teaser-img {
margin-bottom: 3px;
position: static;
}
*+html .news-tile-item .teaser-img img { float: left; }
.news-tile-item .teaser-img span.video,
.news-tile-item .teaser-img span.game {
height: 26px;
width: 26px;
left: 50px;
top: 23px;
background-position: left -160px;
}
.news-tile-item .teaser-img span.auto-service {
right: 10px;
}
.news-tile-item a:hover .teaser-img span.video,
.news-tile-item a:focus .teaser-img span.video,
.news-tile-item a:hover .teaser-img span.game,
.news-tile-item a:focus .teaser-img span.game {
background-position: left -240px;
}
.news-tile-item .teaser-text h\:header {
font-family: Verdana, Arial, Helvetica, sans-serif;
display: inline-block;
font-size: 11px;
line-height: 16px;
font-weight: bold;
color: #1F6A9F;
}
.news-tile-item .teaser-text p,
.news-tile-item .teaser-text p .subline,
.news-tile-item .teaser-text span.more {
display: none;
}
h\:section.channel.wm {
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
}
h\:section.channel.wm + .wm {
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
.news-gallery .slider-container {
height: auto;
position: relative;
height: 186px;
}
.news-gallery .slider {
width: 1200px;
overflow: hidden;
position: absolute;
}
.news-gallery .slider-item {
float: left;
width: 300px;
position: relative;
border-top: 4px solid #CFE9CD;
padding-top: 8px;
}
.news-gallery .slider-item > h\:header {
color: #119007;
margin-bottom: 8px;
display: block;
font-size: 21px;
line-height: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.news-gallery .slider-container[data-active-slide="1"] .slider { left: 0; }
.news-gallery .slider-container[data-active-slide="2"] .slider { left: -300px; }
.news-gallery .slider-container[data-active-slide="3"] .slider { left: -600px; }
.news-gallery .slider-container[data-active-slide="4"] .slider { left: -900px; }
.hasCssTransitions .news-gallery .slider-item {
opacity: 0;
}
.jsDisabled .news-gallery .slider-item + .slider-item {
visibility: hidden;
}
.hasCssTransitions .news-gallery .slider-container[data-active-slide="1"] .slider-item[data-slide-id="1"],
.hasCssTransitions .news-gallery .slider-container[data-active-slide="2"] .slider-item[data-slide-id="2"],
.hasCssTransitions .news-gallery .slider-container[data-active-slide="3"] .slider-item[data-slide-id="3"],
.hasCssTransitions .news-gallery .slider-container[data-active-slide="4"] .slider-item[data-slide-id="4"] {
opacity: 1;
}
.news-gallery-item {
float: left;
position: relative;
margin-right: 10px;
width: 145px;
}
.news-gallery-item + .news-gallery-item {
margin-right: 0;
}
.news-gallery-item > .r1 {
height: auto;
width: auto;
}
.news-gallery-item .teaser-img {
display: block;
background-image: url(//img.ui-portal.de/homepage/img/webde/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
}
.news-gallery-item .teaser-img span.video {
height: 26px;
width: 26px;
left: 60px;
top: 28px;
background-position: left -160px;
}
.news-gallery-item a:hover .teaser-img span.video,
.news-gallery-item a:focus .teaser-img span.video {
background-position: left -240px;
}
.news-gallery-item .teaser-img span.imagegallery {
height: 32px;
width: 36px;
right: 0;
top: 0;
background-position: center center;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/overlay_imagegallery.png);
position: absolute;
display: block;
}
.news-gallery-item .teaser-img span.blog {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/overlay_blog.png);
}
.news-gallery-item .teaser-text {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.news-gallery-item .teaser-text h\:header {
font-size: 11px;
line-height: 18px;
height: 36px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
padding: 4px 5px 7px 5px;
margin-bottom: 0;
}
.news-gallery .slider-items-list {
display: block;
overflow: hidden;
list-style: none;
clear: both;
}
.news-gallery .slider-items-list li {
display: block;
float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.news-gallery .slider-items-list li + li {
margin-left: 4px;
}
.news-gallery .slider-items-list li a {
display: block;
width: 72px;
text-align: center;
font-size: 9px;
line-height: 16px;
color: #119007;
padding-top: 42px;
padding-bottom: 6px;
position: relative;
background-color: #CFE9CD;
}
.news-gallery .slider-items-list li.active a,
.news-gallery .slider-items-list li a:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #119007;
}
.news-gallery .slider-items-list li a .icon {
background-repeat: no-repeat;
background-position: top center;
position: absolute;
top: 8px;
left: 20px;
display: block;
width: 32px;
height: 32px;
}
.news-gallery .slider-items-list li.active a .icon,
.news-gallery .slider-items-list li a:hover .icon {
background-position: bottom center;
}
.news-gallery .slider-items-list li.news a .icon { background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/news.png); }
.news-gallery .slider-items-list li.results a .icon { background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/results.png); }
.news-gallery .slider-items-list li.imagegallery a .icon { background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/imagegallery.png); }
.news-gallery .slider-items-list li.video a .icon { background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/video.png); }
.news-gallery .link-list {
display: block;
margin-bottom: 8px;
overflow: hidden;
}
.news-gallery .link-list li {
border-top: 1px solid #BDE4B7;
position: relative;
zoom: 1;
}
.news-gallery .link-list li a {
font-size: 13px;
line-height: 20px;
display: block;
padding: 6px 57px 6px 41px;
zoom: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-repeat: no-repeat;
background-position: 15px center;
color: #262626;
}
.news-gallery .link-list li a:hover,
.news-gallery .link-list li a:focus {
background-color: #DBEFDA;
outline: none;
}
.news-gallery .link-list li.liveticker a { background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/list_liveticker.png); }
.news-gallery .link-list li.tables a { background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/list_tables.png); }
.news-gallery .link-list li.results a { background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/list_results.png); }
.news-gallery .link-list li.schedule a { background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/list_schedule.png); }
.news-gallery .link-list li a span.more {
color: #1F6A9F;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
}
.news-gallery .link-list li a:hover,
.news-gallery .link-list li a:focus {
text-decoration: none;
}
.news-gallery .link-list li a span.more:hover {
text-decoration: underline;
}
#sepResp1+.multi-news {
float: right;
}
.multi-news {
position: relative;
}
.multi-news .slider {
position: absolute;
left: 0;
top: 0;
width: 1200px;
height: 192px;
}
.multi-news .slider-container[data-active-slide="1"] .slider { left: 0; }
.multi-news .slider-container[data-active-slide="2"] .slider { left: -300px; }
.multi-news .slider-container[data-active-slide="3"] .slider { left: -600px; }
.multi-news .slider-container[data-active-slide="4"] .slider { left: -900px; }
.multi-news .teaser-content {
float: left;
width: 300px;
height: 192px;
position: relative;
background-image: url(//img.ui-portal.de/homepage/img/webde/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
}
.hasCssTransitions .multi-news .teaser-content {
opacity: 0;
}
.jsDisabled .multi-news .teaser-content + .teaser-content {
visibility: hidden;
}
.hasCssTransitions .multi-news .slider-container[data-active-slide="1"] .teaser-content[data-slide-id="1"],
.hasCssTransitions .multi-news .slider-container[data-active-slide="2"] .teaser-content[data-slide-id="2"],
.hasCssTransitions .multi-news .slider-container[data-active-slide="3"] .teaser-content[data-slide-id="3"],
.hasCssTransitions .multi-news .slider-container[data-active-slide="4"] .teaser-content[data-slide-id="4"] {
opacity: 1;
}
.multi-news .slider { overflow: hidden; }
.multi-news .teaser-content:last-child {
margin-right: 0;
}
*+html .multi-news .teaser-content {
display: inline;
margin-right: 0;
}
*+html .multi-news .slider { background-color: #333333; }
*+html .multi-news .teaser-content { background-image: url(//img.ui-portal.de/homepage/img/webde/spinner-dark.gif); }
.multi-news .slider { background-color: #333333\9; }
.multi-news .teaser-content { background-image: url(//img.ui-portal.de/homepage/img/webde/spinner-dark.gif)\9; }
.multi-news .slider:nth-of-type(1n) { background-color: transparent; }
.multi-news .teaser-content:nth-of-type(1n) { background-image: url(//img.ui-portal.de/homepage/img/webde/spinner.gif); }
.multi-news .teaser-content > a {
display: block;
}
.multi-news .teaser-img span.video,
.multi-news .teaser-img span.game {
height: 52px;
width: 52px;
top: 70px;
left: 124px;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/playbutton.png);
}
.multi-news .teaser-img span.game {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/gamebutton.png);
}
.multi-news a:hover .teaser-img span.video,
.multi-news a:focus .teaser-img span.video,
.multi-news a:hover .teaser-img span.game,
.multi-news a:focus .teaser-img span.game {
background-position: left -80px;
}
.multi-news .slider .teaser-content .teaser-text {
position: absolute;
left: 0;
bottom: 0;
padding: 0;
right: auto;
}
.multi-news .teaser-content .teaser-text h\:header {
font-size: 13px;
line-height: 20px;
padding: 6px 15px 8px 15px;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
max-width: 280px;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.multi-news .teaser-content .teaser-text h\:header {
padding: 5px 15px 9px 15px;
}
}
.multi-news .news-list {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 300px;
overflow: hidden;
height: 58px;
}
*+html .multi-news .news-list {
width: 304px;
}
.multi-news .news-list li {
float: left;
margin-right: 4px;
position: relative;
}
.multi-news .news-list li.last {
margin-right: 0;
}
.multi-news .news-list li .news-list-teaser {
position: relative;
}
.multi-news .news-list li .news-list-teaser,
.multi-news .news-list li .news-list-teaser a,
.multi-news .news-list li .news-list-teaser img {
display: block;
}
.multi-news .news-list li .news-list-teaser img {
margin-top: 4px;
}
.multi-news .news-list li .news-list-teaser h\:figcaption {
position: absolute;
left: 0;
right: 0;
top: -4px;
height: 4px;
text-indent: -999em;
background-color: #FFC800;
display: block;
opacity: 0;
}
.multi-news .news-list li a:hover .news-list-teaser h\:figcaption,
.multi-news .news-list li a:focus .news-list-teaser h\:figcaption,
.multi-news .news-list li.active .news-list-teaser h\:figcaption {
opacity: 1;
}
.multi-news .news-list li .news-list-teaser h\:figcaption {
display: none\9;
}
.multi-news .news-list li a:hover .news-list-teaser h\:figcaption,
.multi-news .news-list li a:focus .news-list-teaser h\:figcaption,
.multi-news .news-list li.active .news-list-teaser h\:figcaption {
display: block\9;
}
.multi-news.hero {
float: left;
}
.hasCssTransitions .hero .news-list-teaser,
.hasCssTransitions .hero .news-list-teaser img {
-webkit-transform: translateZ(0);
}
.multi-news.hero .slider {
width: 1860px;
height: 250px;
}
.multi-news.hero .slider-container[data-active-slide="1"] .slider { left: 0; }
.multi-news.hero .slider-container[data-active-slide="2"] .slider { left: -480px; }
.multi-news.hero .slider-container[data-active-slide="3"] .slider { left: -960px; }
html body .multi-news.hero .slider-container[data-slide-effect="fade"] .slider { left: 0; }
.multi-news.hero .slider-container {
position: relative;
width: 480px;
height: 250px;
overflow: hidden;
}
.defaultHero .multi-news.hero .slider-container[data-slide-effect="fade"] .slider {
width: 480px;
height: 250px;
}
.defaultHero.hasCssTransitions .multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content {
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
position: absolute;
opacity: 0;
z-index: 0;
}
.defaultHero .multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content { z-index: 0; }
.defaultHero .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="1"] .teaser-content[data-slide-id="1"] { z-index: 2; }
.defaultHero .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="2"] .teaser-content[data-slide-id="2"] { z-index: 2; }
.defaultHero .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="3"] .teaser-content[data-slide-id="3"] { z-index: 2; }
.defaultHero.hasCssTransitions .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="1"] .teaser-content[data-slide-id="1"] { opacity: 1; z-index: 1;}
.defaultHero.hasCssTransitions .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="2"] .teaser-content[data-slide-id="2"] { opacity: 1; z-index: 1;}
.defaultHero.hasCssTransitions .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="3"] .teaser-content[data-slide-id="3"] { opacity: 1; z-index: 1;}
.defaultHero.hasCssTransitions .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="clone"] .teaser-content[data-slide-id="clone"] { opacity: 1; z-index: 1;}
.hasCssTransitions[data-variant-name="hero-1"] .multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content,
.hasCssTransitions[data-variant-name="hero-2"] .multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content {
-webkit-transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
position: absolute;
opacity: 0;
z-index: 0;
}
[data-variant-name="hero-1"] .multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content,
[data-variant-name="hero-2"] .multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content {
z-index: 0;
}
[data-variant-name="hero-1"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="1"] .teaser-content[data-slide-id="1"],
[data-variant-name="hero-2"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="1"] .teaser-content[data-slide-id="1"],
[data-variant-name="hero-1"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="2"] .teaser-content[data-slide-id="2"],
[data-variant-name="hero-2"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="2"] .teaser-content[data-slide-id="2"],
[data-variant-name="hero-1"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="3"] .teaser-content[data-slide-id="3"],
[data-variant-name="hero-2"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="3"] .teaser-content[data-slide-id="3"] { z-index: 2; }
.hasCssTransitions[data-variant-name="hero-1"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="1"] .teaser-content[data-slide-id="1"],
.hasCssTransitions[data-variant-name="hero-2"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="1"] .teaser-content[data-slide-id="1"],
.hasCssTransitions[data-variant-name="hero-1"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="2"] .teaser-content[data-slide-id="2"],
.hasCssTransitions[data-variant-name="hero-2"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="2"] .teaser-content[data-slide-id="2"],
.hasCssTransitions[data-variant-name="hero-1"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="3"] .teaser-content[data-slide-id="3"],
.hasCssTransitions[data-variant-name="hero-2"] .multi-news.hero .slider-container[data-slide-effect="fade"][data-active-slide="3"] .teaser-content[data-slide-id="3"] {
opacity: 1;
z-index: 1;
}
.multi-news.hero .teaser-content {
width: 480px;
height: 250px;
zoom: 1;
background-position: center center;
opacity: inherit;
filter: inherit;
}
.defaultHero .multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content {
position: absolute;
float: none;
}
[data-variant-name="hero-1"] .multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content,
[data-variant-name="hero-2"] .multi-news.hero .slider-container[data-slide-effect="fade"] .teaser-content {
position: absolute;
float: none;
}
.multi-news.hero .teaser-content .teaser-img {
position: static;
}
.multi-news.hero .teaser-content .teaser-img img {
width: 480px;
height: 250px;
}
.multi-news.hero .teaser-img span.video {
top: 70px;
left: 214px;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/playbutton.png);
}
.multi-news.hero .teaser-text {
padding: 0;
width: 480px;
background: none;
}
.multi-news.hero .teaser-text h\:header {
font-size: 22px;
line-height: 27px;
padding: 0;
font-family: Arial, Verdana, sans-serif;
padding: 7px 15px 1px 15px;
display: block;
max-width: none;
}
.multi-news.hero .teaser-text p {
padding: 3px 15px 13px 15px;
}
.multi-news.hero .teaser-text h\:header,
.multi-news.hero .teaser-text p {
background-color: rgba(51, 51, 51, 0.8);
background-repeat: repeat;
}
.multi-news.hero .teaser-text span.more {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/more_bright.png);
}
.multi-news.hero .news-list {
position: absolute;
top: 0;
left: auto;
bottom: auto;
z-index: 2;
width: auto;
height: auto;
}
.multi-news.hero .news-list li {
display: block;
margin: 0;
float: none;
margin-bottom: 5px;
}
.multi-news.hero .news-list li + li + li {
margin-bottom: 0;
}
.multi-news.hero .news-list li a:hover,
.multi-news.hero .news-list li a:focus {
text-decoration: none;
}
.multi-news.hero .news-list li .news-list-teaser {
display: block;
text-decoration: none;
position: relative;
padding: 0 0 0 5px;
overflow: hidden;
}
.multi-news.hero .news-list li.active .news-list-teaser,
.multi-news.hero .news-list li:hover .news-list-teaser,
.multi-news.hero .news-list li:focus .news-list-teaser {
background-color: #FFC800;
}
.multi-news.hero .news-list li .news-list-teaser a {
zoom: 1;
}
*+html .multi-news.hero .news-list li {
float: left;
clear: both;
}
.multi-news.hero .news-list li .news-list-teaser img {
display: block;
margin-top: 0;
}
.multi-news.hero .news-list li .news-list-teaser h\:figcaption {
text-indent: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 14px;
display: inline-block;
opacity: 1;
line-height: 0;
border: none;
height: auto;
background-color: transparent;
left: 5px;
right: 0;
bottom: -1px;
top: auto;
border-left: 2px solid #333333;
padding-top: 1px;
padding-bottom: 2px;
overflow: hidden;
}
.multi-news.hero .news-list li .news-list-teaser h\:figcaption span {
background-color: #333333;
line-height: 14px;
white-space: pre-wrap;
padding: 2px 6px 2px 0;
font-weight: 400;
color: #AAA;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.multi-news.hero .news-list li .news-list-teaser h\:figcaption {
bottom: 0;
}
.multi-news.hero .news-list li .news-list-teaser h\:figcaption span {
padding: 1px 6px 2px 0;
}
}
@media screen and (min--moz-device-pixel-ratio:0) {
.multi-news.hero .news-list li .news-list-teaser h\:figcaption span {
padding: 1px 6px 2px 0;
}
}
.multi-news.hero .news-list li.active .news-list-teaser h\:figcaption span,
.multi-news.hero .news-list li:hover .news-list-teaser h\:figcaption span,
.multi-news.hero .news-list li:focus .news-list-teaser h\:figcaption span {
color: #FFF;
}
.multi-news.hero .news-list li .news-list-teaser h\:figcaption span.placeholder {
display: block;
width: 30px;
height: 10px;
float: right;
padding: 0;
background-color: transparent;
}
.multi-news.hero .news-list li .news-list-teaser h\:figcaption a:hover,
.multi-news.hero .news-list li .news-list-teaser:hover h\:figcaption,
.multi-news.hero .news-list li .news-list-teaser h\:figcaption a:focus,
.multi-news.hero .news-list li .news-list-teaser:focus h\:figcaption {
text-decoration: none;
}
.multi-news.hero > .r2 {
width: 300px;
}
.multi-news.hero .teaser-content {
width: 300px;
height: 250px;
}
.multi-news.hero .slider .teaser-content .teaser-text {
right: 0;
padding: 7px 15px 14px 15px;
width: 270px;
background-repeat: repeat;
}
html body .multi-news.hero .teaser-text h\:header {
font-size: 18px;
line-height: 25px;
margin-bottom: 5px;
background: none;
padding: 0;
}
html body .multi-news.hero .teaser-text p {
background: none;
padding: 0;
}
.multi-news.hero .teaser-text p span.subline {
max-width: 230px;
}
.multi-news.hero .slider .teaser-img {
width: 300px;
overflow: hidden;
text-align: center;
}
*+html .multi-news.hero .slider .teaser-img {
width: auto;
overflow: visible;
}
*+html .multi-news.hero .slider .teaser-img img { width: 300px; }
.multi-news.hero .teaser-img span.video {
left: 124px;
}
.multi-news.hero .slider .teaser-img img {
height: 250px;
width: 300px;
}
.multi-news.hero .slider .teaser-img img.small-img { margin-left: 0; }
.multi-news.hero .slider-container[data-active-slide="1"] .slider { left: 0; }
.multi-news.hero .slider-container[data-active-slide="2"] .slider { left: -300px; }
.multi-news.hero .slider-container[data-active-slide="3"] .slider { left: -600px; }
.multi-news.hero .slider .teaser-content {
width: 300px;
}
.multi-news.hero .news-list {
padding: 5px 7px;
background-color: rgba(51, 51, 51, 0.8);
overflow: visible;
background-repeat: repeat;
position: absolute;
display: block;
z-index: 10;
}
*+html .multi-news.hero .news-list {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png);
}
.multi-news.hero .news-list {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png)\9;
}
:root .multi-news.hero .news-list {
background-image: none;
}
.multi-news.hero .news-list li,
.multi-news.hero .news-list li.first,
.multi-news.hero .news-list li.last {
display: block;
margin: 0 5px 0 0;
float: left;
}
*+html .multi-news.hero .news-list li {
clear: none;
}
.multi-news.hero .news-list li.last {
margin-right: 0;
}
.multi-news.hero .news-list li .news-list-teaser {
padding: 0;
overflow: hidden;
background-color: transparent;
border: 1px solid #FFF;
width: 10px;
height: 10px;
}
.multi-news.hero .news-list li:first-child + li .news-list-teaser {
padding: 0;
}
.multi-news.hero .news-list li .news-list-teaser img { display: none; }
.multi-news.hero .news-list li .news-list-teaser h\:figcaption,
.multi-news.hero .news-list li a:hover .news-list-teaser h\:figcaption,
.multi-news.hero .news-list li a:focus .news-list-teaser h\:figcaption,
.multi-news.hero .news-list li.active .news-list-teaser h\:figcaption {
display: none;
}
.multi-news.hero .news-list li .news-list-teaser a {
display: block;
height: 10px;
width: 10px;
}
.multi-news.hero .news-list li .news-list-teaser h\:figcaption a span,
.multi-news.hero .news-list li .news-list-teaser a h\:figcaption span,
.multi-news.hero .news-list li .news-list-teaser h\:figcaption a span.placeholder,
.multi-news.hero .news-list li .news-list-teaser a h\:figcaption span.placeholder {
display: none;
}
.multi-news.hero .news-list li.active .news-list-teaser,
.multi-news.hero .news-list li .news-list-teaser:hover {
border: 1px solid #FFC800;
}
.multi-news.hero .link-list {
padding-top: 0;
display: block;
overflow: hidden;
position: relative;
clear: both;
}
.multi-news.hero .link-list li {
display: inline-block;
float: left;
max-width: 235px;
}
*+html .multi-news.hero .link-list li {
display: inline;
}
.multi-news.hero .link-list li + li {
margin-left: 5px;
}
.multi-news.hero .link-list li a {
padding: 7px 15px 6px 15px;
display: inline-block;
background-color: rgba(51, 51, 51, 0.8);
line-height: 21px;
color: #FFF;
font-weight: bold;
background-repeat: repeat;
font-weight: 400;
font-size: 13px;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.multi-news.hero .link-list li a {
padding: 4px 15px 6px 15px;
}
}
.multi-news.hero .link-list li a:hover {
text-decoration: none;
background: #262626;
}
*+html .multi-news.hero .link-list li a {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png);
}
.multi-news.hero .link-list li a {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png)\9;
}
:root .multi-news.hero .link-list li a {
background-image: none;
}
.multi-news.hero .link-list li a {
font-size: 13px;
}
.multi-news.hero .link-list { display: none; }
.multi-news.hero .teaser-img .before {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news-bg-ie8.png);
background-repeat: repeat-x;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
z-index: 2;
}
.multi-news.hero .teaser-img::before,
.multi-news.hero .teaser-img a::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuNyIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 );
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
content: '';
}
.multi-news.hero .teaser-img::before {
z-index: 2;
}
.multi-news.hero .teaser-img a {
position: relative;
z-index: 3;
}
.multi-news.hero .teaser-text {
z-index: 3;
}
.multi-news.hero .teaser-text h\:header,
.multi-news.hero .teaser-text p {
background-color: transparent;
text-shadow: 0 6px 140px #000000;
}
[data-device-type="mobile"] .multi-news.hero .teaser-text h\:header,
[data-device-type="mobile"] .multi-news.hero .teaser-text p {
background-color: transparent;
text-shadow: 0 3px 60px #000000;
}
.multi-news-large .r4 {
height: 115px;
}
.multi-news-large .slider-container {
margin-left: 20px;
margin-right: 20px;
overflow: hidden;
}
.multi-news-large .slider {
white-space: nowrap;
position: relative;
font-size: 0;
line-height: 0;
-webkit-transition: margin-left 0.5s ease-in-out;
-o-transition: margin-left 0.5s ease-in-out;
-moz-transition: margin-left 0.5s ease-in-out;
transition: margin-left 0.5s ease-in-out;
}
.multi-news-large .news-content {
display: inline-block;
width: 220px;
margin-left: 10px;
overflow: hidden;
}
.multi-news-large .news-content .teaser-content {
display: block;
float: left;
}
*+html .multi-news-large .news-content {
display: inline;
}
.multi-news-large .news-content:first-child {
margin-left: 0;
}
.multi-news-large .news-content > h\:header {
position: absolute;
top: 5px;
left: 5px;
}
.multi-news-large .teaser-img {
position: static;
}
.multi-news-large .teaser-img span.video {
left: 94px;
top: 39px;
background-position: left -320px;
}
.multi-news-large a:hover .teaser-img span.video,
.multi-news-large a:focus .teaser-img span.video {
background-position: left -400px;
}
.multi-news-large .teaser-text {
position: absolute;
bottom: 0;
left: 0;
}
.multi-news-large .teaser-text h\:header {
font-size: 11px;
line-height: 20px;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
padding: 2px 10px 2px 10px;
margin-bottom: 0;
}
.multi-news-large .slider-pagination li {
position: absolute;
top: 0;
}
.multi-news-large .slider-pagination .prev {
left: 0;
}
.multi-news-large .slider-pagination .next {
right: 0;
}
.multi-news-large .slider-pagination a {
display: block;
background-color: #D1D4D9;
width: 20px;
height: 115px;
text-indent: -999em;
background-position: center center;
background-repeat: no-repeat;
}
.multi-news-large .slider-pagination a:hover {
background-color: #FFC800;
}
.multi-news-large .slider-pagination .disabled a,
.multi-news-large .slider-pagination .disabled a:hover {
background-color: #EFF1F3;
cursor: default;
}
.multi-news-large .slider-pagination .prev a {
background-image: url(//img.ui-portal.de/homepage/img/webde/multi-news-large-prev.png);
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.multi-news-large .slider-pagination .next a {
background-image: url(//img.ui-portal.de/homepage/img/webde/multi-news-large-next.png);
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.multi-news-large .slider-pagination .prev.disabled a {
background-image: url(//img.ui-portal.de/homepage/img/webde/multi-news-large-prev-disabled.png);
}
.multi-news-large .slider-pagination .next.disabled a {
background-image: url(//img.ui-portal.de/homepage/img/webde/multi-news-large-next-disabled.png);
}
h\:section.channel {
margin-left: 0;
margin-right: 0;
height: 250px;
overflow: hidden;
background-color: #E9F0F5;
-webkit-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-right-radius: 4px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topright: 4px;
-moz-border-radius-topleft: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 0;
border-top-right-radius: 4px;
border-top-left-radius: 0;
background-clip: padding-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
margin-bottom: 20px;
}
h\:section.channel.oneTeaser,
h\:section.channel.twoTeaser {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-clip: padding-box;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
}
h\:section.channel.noBackground {
background-color: transparent;
}
.module-group .channel {
width: 620px;
}
*+html .module-group .channel {
margin-bottom: 20px;
}
.module-group .channel > h\:section {
margin-right: 20px;
}
.module-group .channel > h\:section + h\:section {
margin-right: 0;
}
.jsDisabled .wrapper-indent > .module-group ~ .module-group {
float: right;
}
.jsDisabled .wrapper-indent > .module-group ~ .module-group ~ .module-group {
float: left;
}
.channel > .r2 {
overflow: hidden;
}
.channel > .r2 > .news > .r1 {
height: auto;
}
.advCount { position: absolute; }
.ad .ad,
.info .info {
position: relative;
}
.ad .module,
.info .module,
.ad .module a,
.info .module a {
color: #262626;
}
.ad .module h3 a,
.info .module h3 a {
color: #1F6A9F;
}
.ad .module p,
.info .module p {
font-size: 11px;
line-height: 14px;
}
.ad .module a:hover,
.info .module a:hover {
text-decoration: none;
}
.ad .module h3 a:hover,
.info .module h3 a:hover,
.ad .module a.more:hover,
.info .module a.more:hover {
text-decoration: underline;
}
.ad .module .more,
.info .module .more {
color: #1F6A9F;
}
body.adp-popup{margin:0;padding:10px;background-color:#FFF;color:#000;}.adp-top-right{top:0;right:0;}.adp-top-left{top:0;left:0;}.adp-bottom-right{bottom:0;right:0;}.adp-bottom-left{bottom:0;left:0;}.adp-wrapper{position:absolute;}.adp-popup .adp-wrapper{position:relative;}div.adp-wrapper div.adp-panel{background:#fff;color:#000;border:1px solid #ccc;margin:0;padding:13px 8px 3px 8px;min-height:25px;width:310px;position:absolute;}.adp-popup div.adp-wrapper div.adp-panel{border:0;width:100%;max-width:380px;position:relative;padding:0;}div.adp-wrapper div.adp-panel,div.adp-wrapper div.adp-admarker{font-family:Arial,Verdana,Tahoma,sans-serif;font-size:11px;line-height:1.3;font-weight:normal;font-style:normal;text-align:left;color:#000;}div.adp-wrapper div.adp-panel .adp-panel-header,div.adp-wrapper div.adp-panel .adp-panel-info,div.adp-wrapper div.adp-panel .adp-panel-publisherinfo,div.adp-wrapper div.adp-panel .adp-panel-footer{margin:0;padding:5px 0;}.adp-admarker:hover .adp-admarker-text,.adp-admarker-hover .adp-admarker-text{display:block;white-space:nowrap;}.adp-admarker-icon{background:url('//img.ui-portal.de/homepage/img/webde/icons/oba_icon.png') no-repeat top left #ccc;width:19px;height:15px;position:absolute;cursor:pointer;}div.adp-wrapper div.adp-admarker .adp-admarker-text,div.adp-wrapper div.adp-panel .adp-panel-close{background:#ccc;font-size:10px;line-height:15px;padding:0 5px;position:absolute;cursor:pointer;}body.adp-popup div.adp-wrapper div.adp-panel .adp-panel-close{position:fixed;z-index:99;}.adp-admarker-text{display:none;}.adp-top-right .adp-admarker-text,.adp-bottom-right .adp-admarker-text{right:15px;}.adp-top-left .adp-admarker-text,.adp-bottom-left .adp-admarker-text{left:15px;}.adp-panel-close{top:0;right:0;}.adp-panel-header,.adp-panel-publisherinfo{border-bottom:1px solid #ccc;}.adp-info-header,.adp-header-strong{font-weight:bold;}div.adp-wrapper div.adp-panel .adp-panel-footer{border-top:1px solid #ccc;}div.adp-wrapper div.adp-panel a:link,div.adp-wrapper div.adp-panel a:active,div.adp-wrapper div.adp-panel a:hover,div.adp-wrapper div.adp-panel a:visited{font-family:inherit;font-size:inherit;font-style:normal;font-weight:normal;color:#08C;text-decoration:underline;}div.adp-wrapper div.adp-panel a:hover{color:#005580;}
body .notification-area {
z-index: 2000;
}
.ad {
display: block;
}
.ad a,
.info a {
color: inherit;
}
.ad a:hover,
.ad a:focus,
.info a:hover,
.info a:focus {
text-decoration: none;
}
.oms-ad {
position: relative;
}
.oms-ad a .oms-content {
display: block;
}
.oms-ad .oms-content {
background-color: transparent;
}
.oms-ad .oms-content.bigImg {
padding: 0;
border: 0;
}
.oms-ad .oms-content .oms-img {
position: absolute;
}
.oms-ad .oms-content .oms-img .ie7ClickFix {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: url(//img.gmx.net/p.gif);
}
.oms-ad .oms-content.bigImg .oms-img {
position: static;
}
body .oms-ad .oms-content.bigImg .oms-img {
top: 0;
right: 0;
width: auto;
height: auto;
}
body .oms-ad .oms-content.bigImg .oms-img img {
display: block;
}
.oms-ad .oms-content > h\:header,
.oms-ad .oms-content > h\:header a {
color: #262626;
font-size: 11px;
line-height: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}
.oms-ad .oms-content > h\:header {
margin-bottom: 5px;
}
.oms-ad .oms-content .oms-text {
display: block;
}
.oms-ad .oms-content .oms-text h\:header,
.oms-ad .oms-content .oms-text h\:header a {
margin-top: -2px;
font-size: 18px;
line-height: 25px;
color: #1F6A9F;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}
.oms-ad .oms-content .oms-text h\:header:hover,
.oms-ad .oms-content .oms-text h\:header a:hover {
text-decoration: underline;
}
.oms-ad .oms-content .oms-text p,
.oms-ad .oms-content .oms-text p a {
font-size: 13px;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
margin-bottom: 0;
}
.oms-ad .oms-content .oms-text p .more,
.oms-ad .oms-content .oms-text p .more a {
color: #1F6A9F;
}
.oms-ad .oms-content .oms-text p .more:hover,
.oms-ad .oms-content .oms-text p .more a:hover { text-decoration: underline; }
#middle-container .adv-generic-container {
position: relative;
width: 300px;
float: left;
}
#middle-container .adv-generic-container ~ .adv-generic-container {
margin-left: 20px;
}
#middle-container .oms-content {
padding: 13px 15px 13px 15px;
border-top: 4px solid #D2E1EA;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/oms/gradient_300.png);
background-repeat: no-repeat;
background-position: bottom right;
height: 85px;
}
#middle-container .oms-content.bigImg {
background: none;
}
#middle-container .oms-content.bigImg {
padding: 0;
border: 0;
}
#middle-container .oms-ad .oms-img {
right: 15px;
top: 19px;
}
#middle-container .oms-ad .oms-text h\:header {
display: block;
margin-bottom: 1px;
}
#middle-container .oms-ad .oms-text p {
max-height: 40px;
overflow: hidden;
}
#middle-container .oms-ad .oms-content .oms-text p {
height: 40px;
}
#middle-container .oms-ad .oms-content-small {
width: 270px;
}
#middle-container .oms-ad .oms-content-small .oms-text {
margin-right: 100px;
margin-right: 91px;
}
#middle-container .oms-ad .oms-content-small .oms-text h\:header {
margin-bottom: 1px;
}
#middle-container .oms-ad .oms-content-small .oms-text h\:header + .btn-position { margin-top: 14px; }
#middle-container .oms-ad .oms-content-large { display: none; }
#middle-container .oms-ad .oms-content-small { display: block; }
#loginsearch-ad > .r4 {
height: auto;
width: auto;
}
#loginsearch-ad > .r4 .oms-content {
max-width: 240px;
width: 100%;
padding: 0;
float: left;
background-color: transparent;
}
#loginsearch-ad > .r4 .oms-img {
top: 0;
left: 0;
line-height: 0;
}
#loginsearch-ad > .r4 .oms-content .oms-text {
margin-left: 50px;
}
#loginsearch-ad > .r4 .oms-content > h\:header { display: none; }
#loginsearch-ad > .r4 .oms-content .oms-text h\:header,
#loginsearch-ad > .r4 .oms-content .oms-text h\:header a {
font-size: 18px;
line-height: 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin-top: 0;
color: #262626;
}
#loginsearch-ad > .r4 .oms-content .oms-text p,
#loginsearch-ad > .r4 .oms-content .oms-text p a {
margin-bottom: 0;
color: #1F6A9F;
font-size: 11px;
line-height: 16px;
}
#loginsearch-ad > .r4 .oms-content .oms-text p a {
color: #1F6A9F;
}
#promoline {
margin: 0 10px;
font-size: 11px;
overflow: hidden;
height: 15px;
line-height: 15px;
margin-bottom: 19px;
clear: both;
}
#promoline .oms-promoline .oms-promoline-part,
#promoline .part1 {
float: left;
}
#promoline .oms-promoline .oms-promoline-part + .oms-promoline-part,
#promoline .part2 {
float: right;
}
#promoline>div.module,
#promoline>div.module+div.module {
float: none;
}
#promoline a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
font-style: normal;
white-space: nowrap;
color: #262626;
}
#promoline .oms-promoline a:hover {
text-decoration: none;
}
#promoline .oms-promoline a:hover > span {
text-decoration: underline;
}
#promoline a strong,
#promoline a em {
font-weight: 700;
font-style: normal;
color: #FFFFFF;
background-color: #C50707;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
padding: 0 4px;
}
body[data-promoline-position="belowlogin"] #promoline {
width: 1260px;
}
#halfpage body[data-promoline-position="belowlogin"] #promoline {
width: 940px;
}
#halfpage body[data-promoline-position="belowlogin"] #adRectangle {
height: 684px;
}
#halfpage body.hasMessage[data-promoline-position="belowlogin"] #adRectangle {
height: 793px;
}
body[data-promoline-position="belowlogin"] #promoline {
position: absolute;
top: 508px;
}
body[data-promoline-position="belowlogin"].hasMessage #promoline {
top: 617px;
}
.promo .moduleContent .part1 {
left: 9px;
position: absolute;
top: 30px;
}
.promo .part1 { width: 160px; }
.promo .moduleContent .part1 h3 a {
color: #FFFFFF;
display: block;
font-size: 12px;
font-weight: 700;
line-height: 20px;
padding-bottom: 4px;
}
.promo.advRectangle .moduleContent .part1 h3 a {
width: 280px;
position: relative;
}
.promo.advRectangle .moduleContent .part1 p { padding-top: 8px; }
.promo .moduleContent p a,
.promo .moduleContent p a:hover { text-decoration: none; }
.promo .moduleContent .part1 .more {
font-size: 11px;
}
.promo .moduleContent p a,
.promo .moduleContent .more {
display: block;
}
.promo .part2 {
font-size: 11px;
left: 10px;
line-height: 18px;
position: absolute;
top: 185px;
width: 280px;
}
.promo .part2 li a { color: #000000; }
.promo .part2 li a:hover { text-decoration: none; }
.promo .part2 li a strong,
.promo .part2 li a span { color: #1F6A9F; }
.promo .part2 li a:hover * { text-decoration: underline; }
.promo .part2 .info { padding-left: 60px; }
.promo .part2 .info li {
background: url(//img.ui-portal.de/homepage/img/webde/icons/arrows.gif) no-repeat 0 -392px;
padding-left: 8px;
}
.oms-rectangle {
height: 250px;
overflow: hidden;
}
.oms-rectangle .oms-content {
height: 220px;
border-top: 4px solid #D2E1EA;
padding: 9px 15px 17px 15px;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/oms/gradient_medrec.png);
background-repeat: no-repeat;
background-position: bottom right;
}
.oms-rectangle .oms-content.bigImg {
padding: 0;
height: 250px;
border-top: 0;
background: none;
}
.oms-rectangle .oms-img {
top: 71px;
right: 15px;
}
.oms-rectangle .oms-content .oms-text h\:header {
display: block;
margin-bottom: 18px;
}
.oms-rectangle .oms-content .oms-text p {
margin-bottom: 28px;
height: 100px;
overflow: hidden;
margin-right: 135px;
}
.oms-rectangle .oms-content .oms-text .btn-position {
text-align: center;
}
.ad .r1 > h\:header,
.info .r1 > h\:header {
display: block;
color: #6A6A6A;
font-size: 16px;
line-height: 22px;
font-weight: normal;
margin-top: -2px;
padding-bottom: 14px;
}
.ad .r1 > h\:header span,
.info .r1 > h\:header span {
display: inline-block;
}
.ad .r1 > h\:header .flag,
.info .r1 > h\:header .flag {
float: right;
font-weight: normal;
padding-right: 5px;
color: #6A6A6A;
font-size: 11px;
padding-top: 2px;
}
.ad .r1.uim-bestprice > h\:header span,
.info .r1.uim-bestprice > h\:header span {
background-image: url('//img.ui-portal.de/homepage/img/webde/bg/stars.png');
background-repeat: no-repeat;
padding-right: 51px;
background-position: right 4px;
}
.ad .r1.uim-bestprice > h\:header span.flag,
.info .r1.uim-bestprice > h\:header span.flag {
background: none;
padding-right: 5px;
}
.ad .adv-promotion-text,
.info .adv-promotion-text {
display: none;
}
.advHalfRectangle .moduleContent .teaser-image-scaled {
width: 140px;
height: 115px;
text-align: center;
overflow: hidden;
position: relative;
}
.advHalfRectangle .moduleContent .teaser-image-scaled img {
float: none;
height: 100%;
width: auto;
margin-left: -100%;
margin-right: -100%;
display: inline-block;
}
#not#ie8,
.advHalfRectangle .moduleContent .teaser-image-scaled img {
margin-left: 0;
margin-right: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uim-ad .privacy-icon {
position: absolute;
top: 0;
right: 0;
}
.partnerForm {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.partnerForm h3 {
margin: 6px 0 7px;
}
.partnerForm input,
.partnerForm select,
.partnerForm textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 0 0 5px;
}
.partnerForm input {
padding: 1px;
}
.partnerForm label {
display: block;
margin-bottom: 6px;
}
#adRectangle .partnerForm label {
margin-bottom: 8px;
}
.partnerForm .defaultValue {
color: #888888;
}
.partnerForm .defaultValue options {
color: #000000;
}
.partnerForm .fieldgroup {
display: inline;
float: left;
}
* html .partnerForm .fieldgroup { padding-bottom: 5px; }
*+html .partnerForm .fieldgroup { padding-bottom: 5px; }
.partnerForm .fieldgroup input,
.partnerForm .fieldgroup select,
.partnerForm .fieldgroup radio,
.partnerForm .fieldgroup label {
display: inline;
float: left;
}
.partnerForm .radio { margin-top: 2px; }
.partnerForm .fieldgroup label { padding: 0 9px 0 4px; }
* html .partnerForm .radio { margin: -2px 0 0 -4px; padding: 0; }
*+html .partnerForm .radio { margin: -2px 0 0 -4px; padding: 0; }
* html .partnerForm .fieldgroup label { padding: 0 8px 0 3px; }
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
.partnerForm .fieldgroup label { padding-left: 3px; }
.partnerForm .radio { margin-top: 0;}
}
.partnerForm .formControl {
float: right;
padding: 2px 10px 0 0;
text-align: right;
}
#adRectangle .partnerForm .formControl {
padding: 5px 10px 0 0;
}
.partnerForm .formControl input {
color: #000000;
padding: 1px 5px;
margin-bottom: 0;
cursor: pointer;
}
* html .partnerForm .formControl input {
padding: 1px 0;
}
*+html .partnerForm .formControl input {
padding: 1px 0;
}
.module{
position: relative;
}
.advHalfRectangle {
height: 115px;
width: 300px;
}
#adRectangle.ad .module .advHalfRectangle {
margin-bottom: 20px;
}
#adRectangle.ad .module + .module .advHalfRectangle {
margin-bottom: 0;
}
.advHalfRectangle .content {
position: absolute;
top: 0;
left: 150px;
width: 150px;
}
.withoutImage .content {
left: 0;
width: 300px;
}
.advHalfRectangle .moduleContent > a img {
display: block;
}
.advHalfRectangle .content h2 a {
color: #888888;
display: block;
font-weight: 400;
margin-top: -1px;
}
.advHalfRectangle .content h2 a span {
font-size: 12px;
line-height: 19px;
}
.advHalfRectangle .content h3 a {
display: block;
}
.advHalfRectangle .content h3 a {
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 19px;
margin-bottom: 2px;
}
.advHalfRectangle .content h2 a:hover { text-decoration: none; }
.advHalfRectangle .content p { display: inline; }
.advHalfRectangle .content p {
font-size: 12px;
line-height: 16px;
}
.advHalfRectangle .content p a { text-decoration: none; }
.advHalfRectangle .content .more {
line-height: 16px;
}
.advHalfRectangle .content .more:hover span { text-decoration: underline; }
.advHalfRectangle .content .price {
background: transparent;
color: #262626;
display: block;
font-weight: 400;
max-height: 72px;
line-height: 17px;
margin: 0 0 0 0;
overflow: hidden;
padding-bottom: 24px;
position: relative;
text-align: left;
width: 150px;
}
.advHalfRectangle .content form table {
margin: 10px 0 0;
width: 140px;
}
.withoutImage .advHalfRectangle .content form table { width: 290px; }
.advHalfRectangle .content input.text {
border: 1px solid #7F9DB9;
width: 140px;
}
.withoutImage .content input.fulltext { width: 290px; }
.flashOverlay {
position: absolute;
left: 0;
top: 0;
}
.flashOverlay div[role=button] {
display: none !important;
}
.ad .advHalfRectangle .content .pricetag {
color: #CA0230;
display: block;
background: url(//img.ui-portal.de/homepage/img/webde/icons/price.gif) no-repeat 100% -48px;
font-weight: 700;
height: 18px;
line-height: 16px;
margin-left: 5px;
padding: 0 5px 0 0;
position: absolute;
text-align: right;
right: 0;
white-space: nowrap;
bottom: 3px;
font-size: 11px;
width: 140px;
}
.ad .advHalfRectangle .price-condensed .pricetag { letter-spacing: -0.1em; }
.ad .advHalfRectangle .price-condensed .pricetag .prefix { letter-spacing: 0; }
.ad .advHalfRectangle .content .price .noteaser { background-image: none; }
.ad .advHalfRectangle .content .price .prefix {
color: #000000;
display: block;
height: 18px;
position: absolute;
top: 0;
background: #F6F6F6 url(//img.ui-portal.de/homepage/img/webde/icons/price.gif) no-repeat 69px -96px;
padding-right: 15px;
right: 70px;
width: 65px;
}
.advFullRectangle .moduleContent > a img {
display: block;
margin-bottom: 10px;
}
.advFullRectangle .content {
padding: 0 15px 0 0;
}
.advFullRectangle .content h2 {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin-bottom: 10px;
}
.advFullRectangle .content h2,
.advFullRectangle .content h2 a {
color: #6A6A6A;
}
.advFullRectangle .content h3 {
font-size: 16px;
line-height: 19px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
color: #1F6A9F;
margin-bottom: 7px;
white-space: normal;
}
.advFullRectangle .content h3 a,
.advFullRectangle .content h3 a span {
color: #1F6A9F;
}
.advFullRectangle .content p,
.advFullRectangle .content a.more {
font-size: 12px;
line-height: 16px;
display: inline;
}
.advFullRectangle .content p,
.advFullRectangle .content p a,
.advFullRectangle .content p a span {
color: #262626;
}
.advFullRectangle .content a.more {
}
.uim-top-list .uim-content ul {
padding-top: 11px;
overflow: hidden;
}
.uim-top-list .uim-content ul li {
border-top: 1px solid #D2E1EA;
position: relative;
zoom: 1;
}
.uim-top-list .uim-content ul li.last {
border-bottom: 1px solid #D2E1EA;
}
.uim-top-list .uim-content ul li a {
line-height: 20px;
color: #262626;
display: block;
padding: 6px 57px 6px 29px;
zoom: 1;
background: transparent;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/uim-finanzvergleich.png);
background-repeat: no-repeat;
background-position: left 10px;
font-size: 11px;
}
*+html .uim-top-list .uim-content ul li {
float: left;
}
*+html .uim-top-list .uim-content ul li a {
padding: 0 57px 0 29px;
}
*+html .uim-top-list .uim-content ul li a span:first-child {
display: block;
width: 214px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0;
float: left;
}
.uim-top-list .uim-content ul li a span.more {
color: #1F6A9F;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
}
.uim-top-list .uim-content ul li a:hover,
.uim-top-list .uim-content ul li a:focus {
text-decoration: none;
background-color: #E9F0F5;
background-position: left -17px;
}
.uim-top-list .uim-content ul li a span.more:hover {
text-decoration: underline;
}
.uim-gallery {
position: relative;
padding-top: 20px;
border-top: 4px solid #D2E1EA;
}
.uim-gallery .slider {
height: 115px;
position: relative;
margin-bottom: 20px;
}
.uim-gallery .slider > div {
display: none;
position: absolute;
top: 0;
left: 0;
}
.uim-gallery .slider > div.active {
display: block;
}
.uim-gallery .gallery-navigation {
clear: both;
position: relative;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.uim-gallery .gallery-navigation ul {
overflow: hidden;
font-size: 0;
white-space: nowrap;
}
.uim-gallery .gallery-navigation ul li {
display: inline-block;
margin-right: 4px;
position: relative;
cursor: pointer;
}
*+html .uim-gallery .gallery-navigation ul li {
display: inline;
line-height: 0;
}
.uim-gallery .gallery-navigation ul li a {
display: block;
width: 110px;
height: 90px;
text-align: center;
overflow: hidden;
position: relative;
}
.uim-gallery .gallery-navigation li a img {
float: none;
height: 100%;
width: auto;
display: inline-block;
margin-left: -100%;
margin-right: -100%;
image-rendering: optimizeQuality;
-ms-interpolation-mode: bicubic;
}
#not#ie8,
.uim-gallery .gallery-navigation li a img {
margin-left: 0;
margin-right: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uim-gallery .gallery-navigation ul li span {
display: none;
}
.uim-gallery .gallery-navigation ul li.active a span {
display: block;
position: absolute;
left: 0;
right: 0;
height: 4px;
top: 0;
background-color: #FFC800;
}
.uim-gallery .gallery-pagination {
display: block;
position: absolute;
top: 0;
bottom: 0;
width: 20px;
background-position: center center;
background-repeat: no-repeat;
background-color: #DFE3E6;
}
.uim-gallery .gallery-pagination:hover {
background-color: #FFC800;
background-position: center -165px;
}
.uim-gallery .gallery-pagination.disabled,
.uim-gallery .gallery-pagination.disabled:hover {
cursor: default;
background-color: #EFF1F3;
background-position: center 5px;
}
.uim-gallery .gallery-pagination.prev {
left: 0;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/uim/slider-prev-logout.png);
}
.uim-gallery .gallery-pagination.next {
right: 0;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/uim/slider-next-logout.png);
}
.uim-gallery-fullsize .slider {
margin-bottom: 0;
height: 216px;
}
.uim-gallery-halfsize .slider {
margin-bottom: 0;
height: 216px;
}
.uim-gallery-halfsize .module {
clear: both;
margin-bottom: 10px;
}
.uim-gallery-halfsize .module + .module {
margin-top: 0;
}
.uim-gallery.uim-trendbox .slider {
margin-bottom: 30px;
}
.uim-gallery.uim-trendbox .gallery-navigation li img {
margin-top: -2px;
}
.uim-fullsize-imageteaser {
position: relative;
}
.uim-fullsize-imageteaser .teaser-img {
position: static;
}
.uim-fullsize-imageteaser .teaser-img img {
display: block;
}
.uim-fullsize-imageteaser .teaser-image-scaled {
width: 300px;
height: 250px;
text-align: center;
overflow: hidden;
position: relative;
}
.uim-fullsize-imageteaser .teaser-image-scaled img {
float: none;
height: 100%;
width: auto;
display: inline-block;
margin-left: -100%;
margin-right: -100%;
}
#not#ie8,
.uim-fullsize-imageteaser .teaser-image-scaled img {
margin-left: 0;
margin-right: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.uim-fullsize-imageteaser .teaser-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
font-size: 11px;
line-height: 16px;
color: #FFF;
padding: 8px 15px 18px 15px;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
background-color: rgba(32,32,32,0.7);
background-repeat: repeat;
}
*+html .uim-fullsize-imageteaser .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png);
}
.uim-fullsize-imageteaser .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png)\9;
}
:root .uim-fullsize-imageteaser .teaser-text {
background-image: none;
}
.uim-fullsize-imageteaser .teaser-text h\:header,
.uim-fullsize-imageteaser .teaser-text h\:header span {
display: block;
}
.uim-fullsize-imageteaser .teaser-text h\:header span {
margin-bottom: 5px;
}
.uim-fullsize-imageteaser .teaser-text h\:header span.headline {
font-weight: bold;
margin-bottom: 4px;
}
.uim-fullsize-imageteaser .teaser-text p {
margin-bottom: 0;
font-size: 11px;
line-height: 16px;
}
.uim-fullsize-imageteaser .teaser-text h\:header span.headline:hover,
.uim-fullsize-imageteaser .teaser-text p span.more:hover {
text-decoration: underline;
}
.uim-fullsize-imageteaser .teaser-text {
padding-right: 31px;
}
.uim-fullsize-imageteaser .consumerinfo {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 16px;
background: #888888 url(//img.ui-portal.de/homepage/img/webde/bg/consumerinfo.png) no-repeat 0 100%;
}
.uim-fullsize-imageteaser .consumerinfo > span {
display: none;
}
#anti#ie8, .uim-fullsize-imageteaser .consumerinfo {
background: #888888;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 16px;
font-weight: 400;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
overflow: hidden;
}
#anti#ie8, .uim-fullsize-imageteaser .consumerinfo > span {
display: block;
float: left;
margin-left: 9px;
margin-top: 1px;
}
#anti#ie8, :root .uim-fullsize-imageteaser .consumerinfo > span {
margin-left: -1px \ ;
margin-top: 11px \ ;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
:root .uim-fullsize-imageteaser .consumerinfo > span {
margin-left: 9px;
margin-top: 1px;
}
}
#anti#ie8, .uim-fullsize-imageteaser .consumerinfo > span > span {
float: left;
margin-left: -50%;
margin-top: 50%;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.uim-fullsize-rotate {
position: relative;
}
.uim-fullsize-rotate .teaser-img {
position: static;
}
.uim-fullsize-rotate .teaser-img img {
display: block;
}
.uim-fullsize-rotate .teaser-text {
position: relative;
font-size: 11px;
line-height: 16px;
color: #262626;
padding: 8px 15px 0 0;
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}
.uim-fullsize-rotate .teaser-text h\:header,
.uim-fullsize-rotate .teaser-text h\:header span {
display: block;
}
.uim-fullsize-rotate .teaser-text h\:header span {
margin-bottom: 5px;
}
.uim-fullsize-rotate .teaser-text h\:header span.partner {
color: #6a6a6a;
}
.uim-fullsize-rotate .teaser-text h\:header span.headline {
font-weight: bold;
margin-bottom: 4px;
color: #1F6A9F;
}
.uim-fullsize-rotate .teaser-text p {
margin-bottom: 0;
font-size: 11px;
line-height: 16px;
}
.uim-fullsize-rotate .teaser-text p span.more {
color: #1F6A9F;
}
.uim-fullsize-rotate .teaser-text h\:header span.headline:hover,
.uim-fullsize-rotate .teaser-text p span.more:hover {
text-decoration: underline;
}
.uim-gallery.uim-imagegallery .slider {
height: 158px;
margin-bottom: 0;
}
.uim-gallery.uim-imagegallery .teaser-img {
position: static;
}
.uim-gallery.uim-imagegallery .teaser-text {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.uim-gallery.uim-imagegallery .teaser-text > h\:header {
display: block;
width: 197px;
padding: 1px 93px 1px 10px;
background-color: rgba(32,32,32,0.7);
background-repeat: repeat;
}
*+html .uim-gallery.uim-imagegallery .teaser-text > h\:header {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png);
}
.uim-gallery.uim-imagegallery .teaser-text > h\:header {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png)\9;
}
:root .uim-gallery.uim-imagegallery .teaser-text > h\:header {
background-image: none;
}
.uim-gallery.uim-imagegallery .teaser-text > h\:header .partner {
font-size: 10px;
line-height: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.uim-gallery.uim-imagegallery .teaser-text > h\:header .headline {
font-size: 11px;
line-height: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
}
.uim-gallery.uim-imagegallery .teaser-text .tag {
position: absolute;
right: 0;
bottom: 6px;
display: inline-block;
padding-left: 12px;
background-position: left top;
}
*+html .uim-gallery.uim-imagegallery .teaser-text .tag {
padding-left: 18px;
}
.uim-gallery.uim-imagegallery .teaser-text .tag,
.uim-gallery.uim-imagegallery .teaser-text .tag span {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/price_bg.png);
background-repeat: no-repeat;
}
.uim-gallery.uim-imagegallery .teaser-text .tag > span {
display: inline-block;
background-position: right top;
font-size: 10px;
line-height: 22px;
padding: 0 2px;
text-indent: -6px;
color: #6A6A6A;
}
.uim-gallery.uim-imagegallery .teaser-text .tag > span strong {
font-weight: bold;
color: #C80D23;
font-size: 11px;
}
.uim-gallery.uim-imagegallery .gallery-navigation li {
width: 72px;
overflow: hidden;
padding-top: 4px;
}
.uim-gallery.uim-imagegallery .gallery-navigation li img {
margin-left: -15px;
}
.uim-fullsize-form .form-item {
clear: left;
display: inline;
float: left;
padding-bottom: 10px;
position: relative;
}
.uim-fullsize-form .item-data {
position: relative;
}
.uim-fullsize-form .item-data strong {
padding-left: 10px;
}
.uim-fullsize-form .item-data label strong {
padding-left: 0;
}
.uim-fullsize-form .item-label label,
.uim-fullsize-form .item-label,
.uim-fullsize-form .item-data,
.uim-fullsize-form .form-item span.mark {
display: inline;
float: left;
font-size: 11px;
line-height: 20px;
min-height: 22px;
color: #FFF;
}
.uim-fullsize-form .item-data span.mark {
margin-left: 5px;
margin-right: 5px;
}
.uim-fullsize-form input[type="text"] {
border: 1px solid #B3B8C0;
-moz-border-radius: 4px;
border-radius: 4px;
background: #FFFFFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#EFF2F6), color-stop(0.4,#FFFFFF));
background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
background-image: -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
background-image: -o-linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
background-image: linear-gradient(#EFF2F6 0%, #FFFFFF 40%);
color: #262626;
display: inline;
float: left;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 14px;
line-height: 14px;
margin-left: 0;
outline: none;
padding: 3px 6px 3px;
}
.uim-fullsize-form input[type='text'] + .placeholder {
font-size: 11px;
line-height: 14px;
padding: 4px 6px 3px;
}
.uim-fullsize-form .item-label + .item-data input[type="text"],
.uim-fullsize-form .item-label + .item-data .select-wrapper {
margin-left: 10px;
}
.uim-fullsize-form .select-wrapper {
background: #FFFFFF;
border: 1px solid #B3B8C0;
-moz-border-radius: 4px;
border-radius: 4px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1px,#F8F9FB), color-stop(0.7,#E8E9EB));
background-image: -webkit-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
background-image: -moz-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
background-image: -o-linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
background-image: linear-gradient(#FFFFFF, #F8F9FB 1px, #E8E9EB 70%);
color: #262626;
display: inline;
float: left;
height: 20px;
margin-left: 0;
}
.uim-fullsize-form .select-wrapper + .select-wrapper {
margin-left: 5px;
}
.uim-fullsize-form .select-wrapper select {
background-color: transparent;
border: 0 solid;
-moz-border-radius: 2px;
border-radius: 2px;
color: #262626;
display: inline;
float: left;
font-size: 11px;
height: 16px;
line-height: 16px;
margin: 1px 0;
outline: none;
padding: 0 3px;
}
.uim-fullsize-form span.select-wrapper select option {
padding: 1px 6px 1px 2px;
outline: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.uim-fullsize-form .select-wrapper {
background: #DBE5F4;
}
.uim-fullsize-form .select-wrapper select {
background: #DBE5F4;
height: 20px;
line-height: 20px;
padding: 1px 3px 1px;
margin: 0;
}
}
x:-o-prefocus, .uim-fullsize-form .select-wrapper {
background: #FFFFFF;
}
x:-o-prefocus, .uim-fullsize-form .select-wrapper select {
margin: 1px 3px;
width: 422px;
}
*+html .uim-fullsize-form .select-wrapper {
background: none;
border: 0 solid;
}
*+html .uim-fullsize-form .select-wrapper select {
height: 22px;
margin: 0;
width: 430px;
}
.uim-fullsize-form input::-webkit-input-placeholder {
color: #6A6A6A;
}
.uim-fullsize-form input:focus::-webkit-input-placeholder {
color: transparent;
}
.uim-fullsize-form input:-moz-placeholder {
color: #6A6A6A;
}
.uim-fullsize-form input:-ms-input-placeholder {
color: #6A6A6A;
}
:-moz-ui-invalid:not(output) {
box-shadow: none;
}
.uim-fullsize-form input[type="text"]:focus,
.uim-fullsize-form .select-wrapper.focus {
-moz-box-shadow: 0 0 4px rgba(95, 169, 212, 0.8);
box-shadow: 0 0 4px rgba(95, 169, 212, 0.8);
background: #FFFFFF;
background-image: none;
border-color: #5FA9D4;
color: #262626;
font-style: normal;
}
.uim-fullsize-form select:focus {
background: #FFFFFF;
color: #262626;
font-style: normal;
}
.uim-fullsize-form div.form-radio-element {
clear: left;
display: inline;
float: left;
margin: 0;
padding-left: 25px;
position: relative;
}
.uim-fullsize-form .item-label + .item-data div.form-radio-element {
margin-left: 10px;
}
*+html .uim-fullsize-form div.form-radio-element {
zoom: 1;
}
.uim-fullsize-form .data-horizontal div.form-radio-element {
clear: none;
margin-right: 10px;
}
.uim-fullsize-form span.form-radio-wrapper {
height: 20px;
width: 20px;
left: 0;
top: 4px;
overflow: hidden;
position: absolute;
}
.uim-fullsize-form span.form-radio-wrapper input[type="radio"] {
display: inline-block;
height: 19px;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
width: 19px;
z-index: -1;
}
*+html .uim-fullsize-form span.form-radio-wrapper input[type="radio"] {
left: 0;
top: 0;
}
.uim-fullsize-form span.form-radio-wrapper input[type="radio"]:focus {
outline: none;
}
.uim-fullsize-form span.form-radio-wrapper input[type="radio"] + label {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/radio-checkbox_16x16.png);
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
height: 19px;
width: 19px;
position: absolute;
left: 0;
top: 0;
margin: 0;
}
.uim-fullsize-form span input[type="radio"] + label { background-position: -7px -7px; }
.uim-fullsize-form span input[type="radio"] + label:hover { background-position: -7px -47px; }
.uim-fullsize-form span input[type="radio"]:checked + label { background-position: -47px -7px; }
.uim-fullsize-form span input[type="radio"] + label.checked { background-position: -47px -7px; }
.uim-fullsize-form span input[type="radio"]:checked + label:hover { background-position: -47px -47px; }
.uim-fullsize-form span input[type="radio"] + label.checked:hover { background-position: -47px -47px; }
.uim-fullsize-form span input[type="radio"]:focus + label { background-position: -7px -87px; }
.uim-fullsize-form span input[type="radio"]:focus + label:hover { background-position: -7px -87px; }
.uim-fullsize-form span input[type="radio"]:checked:focus + label { background-position: -47px -87px; }
.uim-fullsize-form span input[type="radio"]:focus + label.checked { background-position: -47px -87px; }
.uim-fullsize-form span input[type="radio"]:checked:focus + label:hover { background-position: -47px -87px; }
.uim-fullsize-form span input[type="radio"]:focus + label.checked:hover { background-position: -47px -87px; }
.uim-fullsize-form span.form-radio-wrapper + label {
display: inline-block;
padding: 2px 0;
font-size: 11px;
line-height: 20px;
color: #FFF;
}
.uim-fullsize-form div.form-radio-element ~ p {
clear: left;
float: left;
font-size: 13px;
line-height: 20px;
padding: 0 0 0 23px;
position: relative;
top: -2px;
}
*+html .uim-fullsize-form .item-data.data-horizontal span.form-radio-wrapper + label {
width: auto;
}
*+html .uim-fullsize-form .item-data span.form-radio-wrapper + label {
width: 405px;
}
*+html .uim-fullsize-form .form-l .item-data span.form-radio-wrapper + label {
width: 396px;
}
.uim-fullsize-form span.form-radio-wrapper + label {
display: inline\0;
float: left\0;
}
:root .uim-fullsize-form span.form-radio-wrapper + label {
display: inline-block\0;
float: none\0;
}
.uim-fullsize-form .teaser-text {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(32,32,32,0.7);
display: block;
padding: 9px 15px 0 15px;
background-repeat: repeat;
}
*+html .uim-fullsize-form .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png);
}
.uim-fullsize-form .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png)\9;
}
:root .uim-fullsize-form .teaser-text {
background-image: none;
}
.uim-fullsize-form .teaser-text h\:header {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #FFFFFF;
font-size: 11px;
line-height: 16px;
margin-bottom: 5px;
}
*+html .uim-fullsize-form .teaser-text h\:header {
float: left;
}
.uim-fullsize-form form {
display: block;
overflow: hidden;
}
*+html .uim-fullsize-form form {
clear: both;
float: left;
}
.uim-fullsize-form form:first-child {
padding-top: 1px;
}
.uim-fullsize-form .form-item {
width: 270px;
float: left;
clear: both;
}
.uim-fullsize-form .form-item.condensed-padding {
padding-bottom: 6px;
}
.uim-fullsize-form .form-item.extended-padding {
padding-bottom: 12px;
}
.uim-fullsize-form .form-item.button {
position: absolute;
right: 14px;
bottom: 9px;
margin: 0;
padding: 0;
width: auto;
float: none;
clear: none;
}
.uim-fullsize-form .condensed-padding + .form-item.button {
bottom: 5px;
}
.uim-fullsize-form .extended-padding + .form-item.button {
bottom: 11px;
}
.uim-fullsize-form .form-item.button input[type="submit"] {
background-repeat: repeat;
font-size: 11px;
line-height: 15px;
height: 24px;
margin: 0;
cursor: pointer;
}
.uim-fullsize-form .form-item.button input::-moz-focus-inner {
padding: 0;
border: 0;
}
.adaptiveboard {
margin-bottom: 10px;
}
.adaptiveboard.empty,
.teaserline.empty {
display: none;
}
.teaserline > .adv-generic-container {
height: auto;
width: auto;
float: left;
margin-bottom: 20px;
}
.teaserline > .adv-generic-container ~ .adv-generic-container {
margin-left: 20px;
}
.teaserline,
.adaptiveboard,
.adaptiveboard > .adv-generic-container,
.adaptiveboard > .adv-generic-container > iframe {
width: 1260px;
height: 125px;
display: block;
}
.topnews .r3 {
position: relative;
background-image: url(//img.ui-portal.de/homepage/img/webde/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
}
.topnews,
.topnews a {
color: #FFFFFF;
}
.topnews .news-content,
.topnews .teaser-content {
position: relative;
height: 250px;
}
.topnews .teaser-img {
position: relative;
}
.topnews .teaser-img > a {
display: block;
width: 100%;
height: 100%;
}
.topnews .teaser-img .teaser-flag {
position: absolute;
top: 0;
left: 0;
line-height: 32px;
font-size: 18px;
color: #FFF;
padding: 2px 14px 1px 14px;
font-family: Arial, Verdana, sans-serif;
background-color: #C81F33;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.topnews .teaser-img .teaser-flag {
padding: 1px 10px 2px 10px;
}
}
.topnews .teaser-img .teaser-flag.top {
background-color: #FFC800;
color: #262626;
}
.topnews .teaser-text {
position: absolute;
bottom: 0;
padding-top: 0;
background: none;
display: inline-block;
width: 620px;
font-size: 0;
}
.topnews .teaser-text > a:before {
display: block;
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.topnews .teaser-text > a > * {
position: relative;
}
.topnews .teaser-text h\:header {
line-height: 34px;
display: inline-block;
font-size: 28px;
font-weight: 400;
font-family: Arial, Verdana, sans-serif;
padding: 9px 15px 0 15px;
float: left;
width: 590px;
}
.topnews .teaser-text h\:header:hover,
.topnews .teaser-text h\:header a:hover {
text-decoration: underline;
}
.topnews .teaser-text p {
padding: 4px 15px 9px 15px;
margin: 0;
font-size: 14px;
line-height: 23px;
font-family: Verdana, Arial, Helvetica, sans-serif;
clear: both;
}
.topnews .teaser-text a {
display: block;
}
.topnews .teaser-text a:hover {
text-decoration: none;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.topnews .teaser-text p {
padding: 3px 15px 10px 15px;
}
}
.topnews .teaser-text h\:header,
.topnews .teaser-text p {
background-color: rgba(51, 51, 51, 0.8);
background-repeat: repeat;
}
.topnews .link-list {
padding-top: 5px;
display: inline-block;
overflow: hidden;
position: relative;
clear: both;
}
.topnews .link-list li {
display: inline-block;
float: left;
}
.topnews .link-list li + li {
margin-left: 5px;
}
.topnews .link-list li a {
padding: 7px 15px 6px 15px;
display: inline-block;
background-color: rgba(51, 51, 51, 0.8);
line-height: 21px;
color: #FFF;
font-weight: bold;
background-repeat: repeat;
font-weight: 400;
font-size: 13px;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.topnews .link-list li a {
padding: 4px 15px 6px 15px;
}
}
.topnews .link-list li a:hover {
text-decoration: none;
background: #262626;
}
*+html .topnews .link-list li a {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png);
}
.topnews .link-list li a {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png)\9;
}
:root .topnews .link-list li a {
background-image: none;
}
.topnews .icon {
display: inline-block;
margin-left: 8px;
background-repeat: no-repeat;
width: 11px;
height: 11px;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/trm_more_large.png);
background-position: top center;
}
.topnews .teaser-img:hover + .teaser-text .icon,
.topnews .teaser-text a:hover .icon {
background-position: bottom center;
}
body.hasTopnews .news.hero + .news {
float: right;
}
*+html .topnews .link-list li {
display: inline;
}
.topnews .teaser-img .before {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news-bg-ie8.png);
background-repeat: repeat-x;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
z-index: 2;
}
.topnews .teaser-img::before,
.topnews .teaser-img a::after {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiKDAsIDAsIDApIiBzdG9wLW9wYWNpdHk9IjAuNyIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
zoom: 1;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 50%;
content: '';
}
.topnews .teaser-img::before {
z-index: 2;
}
.topnews .teaser-img a {
position: relative;
z-index: 3;
}
.topnews .teaser-text {
z-index: 3;
}
.topnews .teaser-text h\:header,
.topnews .teaser-text p {
background-color: transparent;
text-shadow: 0 6px 140px #000000;
}
[data-device-type="mobile"] .topnews .teaser-text h\:header,
[data-device-type="mobile"] .topnews .teaser-text p {
text-shadow: none;
}
body.hasTopnews #sepResp0 {
display: block;
}
[data-seperator="billboard"] body.hasTopnews #sepResp0 {
display: none;
}
body.hasTopnews #sepResp1,
body.hasTopnews #sepResp2 {
display: none;
}
.content-slider {
border-top: 4px solid #D2E1EA;
padding-top: 15px;
overflow: visible;
position: relative;
margin-bottom: 30px;
}
.content-slider .adv-generic-container { display: none; }
.content-slider .slider-item.loader {
background-image: url(//img.ui-portal.de/homepage/img/webde/spinner.gif);
background-repeat: no-repeat;
background-position: center center;
width: 1260px;
}
.content-slider > .r4 {
height: auto;
}
.content-slider .channel-list {
display: block;
margin-bottom: 10px;
}
.content-slider .channel-list ul {
white-space: normal;
height: 24px;
overflow: hidden;
}
.content-slider .channel-list ul li {
float: left;
}
.content-slider .channel-list a {
background-color: #DFE3E6;
color: #687282;
}
.content-slider.vorteilswelt .channel-list a:hover {
background-color: #78A74B;
color: #FFFFFF;
}
.content-slider.vorteilswelt .channel-list .highlight a {
background-color: #418100;
color: #FFFFFF;
}
.content-slider.games .channel-list a:hover {
background-color: #FFD94D;
color: #262626;
}
.content-slider.games .channel-list li:first-child a {
background-color: #FFC800;
color: #262626;
}
.content-slider .slider:after {
content: '';
display: block;
clear: both;
height: 0;
width: 0;
}
.content-slider .slider-container {
position: relative;
overflow: hidden;
}
.content-slider .slider {
position: relative;
white-space: nowrap;
font-size: 0;
line-height: 0;
}
.content-slider .slider-item {
display: inline-block;
white-space: normal;
float: none;
width: 300px;
height: 250px;
}
.content-slider .slider-item + .slider-item {
margin-left: 20px;
}
.content-slider .slider-pagination {
width: 0;
height: 0;
}
.content-slider .slider-pagination a {
display: inline-block;
width: 28px;
height: 48px;
position: absolute;
bottom: 101px;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/arrows-left-right.png);
text-indent: -9999px;
overflow: hidden;
margin: 0;
opacity: 1;
}
.content-slider .slider-pagination .prev a {
left: -10px;
background-position: -3px -3px;
}
.content-slider .slider-pagination .prev a:hover,
.content-slider .slider-pagination .prev a:focus {
background-position: -3px -73px;
}
.content-slider .slider-pagination .prev a:active {
background-position: -3px -143px;
}
.content-slider .slider-pagination .prev.disabled a {
background-position: -3px -213px;
cursor: default;
}
.content-slider .slider-pagination .next a {
right: -10px;
background-position: -63px -3px;
}
.content-slider .slider-pagination .next a:hover,
.content-slider .slider-pagination .next a:focus {
background-position: -63px -73px;
}
.content-slider .slider-pagination .next a:active {
background-position: -63px -143px;
}
.content-slider .slider-pagination .next.disabled a {
background-position: -63px -213px;
cursor: default;
}
.service .service-content {
padding: 8px 15px 15px 15px;
border-top: 4px solid #D2E1EA;
}
.service h\:header {
color: #687282;
font-size: 21px;
line-height: 27px;
margin-bottom: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
}
.service h\:header a {
color: #687282;
text-decoration: none;
}
.service h\:header a:hover,
.service h\:header a:focus {
text-decoration: underline;
}
.horoscope .service-content {
padding: 8px 5px 10px 5px;
position: relative;
}
.service.horoscope h\:header {
margin-left: 10px;
}
.service.horoscope ul {
overflow: hidden;
padding: 0 5px;
}
.horoscope li {
float: left;
}
.horoscope li a {
display: block;
height: 60px;
width: 60px;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/horoscope.png);
background-repeat: no-repeat;
margin: 0 5px 5px 5px;
position: relative;
}
.horoscope li a:hover,
.horoscope li a:focus {
text-decoration: none;
}
.horoscope li a span {
font-size: 11px;
line-height: 15px;
color: #687282;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.horoscope li a:hover span,
.horoscope li a:focus span {
color: #262626;
}
.horoscope li a.wassermann span {
left: -10px;
right: -10px;
}
.horoscope li a.wassermann { background-position: -10px -10px; }
.horoscope li a.fische { background-position: -10px -90px; }
.horoscope li a.steinbock { background-position: -10px -170px; }
.horoscope li a.stier { background-position: -10px -250px; }
.horoscope li a.zwillinge { background-position: -10px -330px; }
.horoscope li a.krebs { background-position: -10px -410px; }
.horoscope li a.loewe { background-position: -10px -490px; }
.horoscope li a.jungfrau { background-position: -10px -570px; }
.horoscope li a.waage { background-position: -10px -650px; }
.horoscope li a.skorpion { background-position: -10px -730px; }
.horoscope li a.schuetze { background-position: -10px -810px; }
.horoscope li a.widder { background-position: -10px -890px; }
.horoscope li a:hover.wassermann { background-position: -90px -10px; }
.horoscope li a:hover.fische { background-position: -90px -90px; }
.horoscope li a:hover.steinbock { background-position: -90px -170px; }
.horoscope li a:hover.stier { background-position: -90px -250px; }
.horoscope li a:hover.zwillinge { background-position: -90px -330px; }
.horoscope li a:hover.krebs { background-position: -90px -410px; }
.horoscope li a:hover.loewe { background-position: -90px -490px; }
.horoscope li a:hover.jungfrau { background-position: -90px -570px; }
.horoscope li a:hover.waage { background-position: -90px -650px; }
.horoscope li a:hover.skorpion { background-position: -90px -730px; }
.horoscope li a:hover.schuetze { background-position: -90px -810px; }
.horoscope li a:hover.widder { background-position: -90px -890px; }
.service.top-search .service-content {
padding:8px 10px 15px 15px;
overflow: hidden;
}
.service.top-search h\:header {
margin-right: -10px;
}
.service.top-search ol {
float: left;
width: 130px;
white-space: nowrap;
overflow: hidden;
padding-top: 9px;
}
.service.top-search ol {
margin-right: 10px;
width: 270px;
padding-top: 7px;
}
.service.top-search ol li {
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
overflow: hidden;
height: 24px;
margin-bottom: 10px;
background: #E9F0F5;
}
.service.top-search ol li * {
float: left;
}
.service.top-search ol li .number {
display: inline-block;
margin-right: 5px;
color: #959CA7;
}
.service.top-search ol.first li .number { width: 13px; }
.service.top-search ol.last li .number { width: 21px; }
.service.top-search ol li a {
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
background: #FFC800;
padding: 0 10px;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
line-height: 24px;
font-weight: 700;
color: #262626;
}
.service.top-search li:first-child a { width: 220px; }
.service.top-search li:first-child + li a { width: 200px; }
.service.top-search li:first-child + li + li a { width: 180px; }
.service.top-search li:first-child + li + li + li a { width: 160px; }
.service.top-search li:first-child + li + li + li + li a { width: 140px; }
.service.top-article {
position: relative;
}
.service.top-article h\:header {
margin-bottom: 6px;
}
.service.top-article .service-content {
padding-left: 0;
padding-right: 0;
}
.service.top-article .service-content h\:header {
margin-left: 15px;
}
.service.top-article .service-content ul {
margin-bottom: 8px;
overflow: hidden;
}
.service.top-article .service-content ul li {
border-top: 1px solid #D2E1EA;
position: relative;
zoom: 1;
}
.service.top-article .service-content ul li.last {
border-bottom: 1px solid #D2E1EA;
}
.service.top-article .service-content ul li a {
font-size: 13px;
line-height: 20px;
display: block;
padding: 6px 57px 6px 15px;
zoom: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #262626;
}
*+html .service.top-article .service-content ul li {
float: left;
}
*+html .service.top-article .service-content ul li a {
padding: 0 57px 0 15px;
}
*+html .service.top-article .service-content ul li a span:first-child {
display: block;
width: 228px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 6px 0;
float: left;
}
.service.top-article .service-content ul li a span.more {
color: #1F6A9F;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
}
.service.top-article .service-content ul li a:hover,
.service.top-article .service-content ul li a:focus {
text-decoration: none;
background-color: #E9F0F5;
}
.service.top-article .service-content ul li a span.more:hover {
text-decoration: underline;
}
.service.top-article .service-content > a {
margin-left: 15px;
color: #1F6A9F;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h\:section.topevent > .r1 {
background-image: url('//img.ui-portal.de/homepage/img/webde/bg/topevent-wm-fussball.jpg');
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.topevent .topevent-content {
padding: 12px 15px 15px 15px;
}
.topevent .topevent-content > h\:header {
color: #FFF;
font-size: 21px;
line-height: 27px;
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
margin-bottom: 8px;
}
.topevent .partner {
display: inline-block;
position: absolute;
top: 15px;
right: 12px;
}
.topevent .partner a {
text-align: right;
}
.topevent .partner span,
.topevent .partner img {
float: right;
display: inline-block;
}
.topevent .partner span {
padding-right: 3px;
color: #FFF;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 3px;
}
.topevent .partner img {
display: block;
clear: both;
}
.topevent .game h\:header {
color: #FFF;
font-size: 13px;
line-height: 19px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 1px;
display: inline-block;
}
.topevent .game .game-content {
position: absolute;
left: 15px;
right: 15px;
top: 86px;
}
.topevent .game .game-content.ajax-load .topevent-slides {
background-image: url(//img.ui-portal.de/homepage/img/webde/topevent-wm-loader.gif);
background-color: #FFFFFF;
background-color: rgba(255, 255, 255, 0.9);
background-repeat: no-repeat;
background-position: center center;
}
.topevent .game .game-content.ajax-load table {
display: none;
}
.topevent .game-content .topevent-slides .ajax-error {
background-color: #FFFFFF;
padding: 11px 10px;
background-color: rgba(255, 255, 255, 0.9);
font-family: Verdana;
font-weight: normal;
font-size: 11px;
line-height: 16px;
display: none;
color: #235C0D;
}
*+html .topevent .game .game-content.ajax-load .topevent-slides,
*+html .topevent .game-content .topevent-slides .ajax-error {
background-color: #FFFFFF;
}
.topevent .game-content.ajax-error .topevent-slides .ajax-error { display: block; }
.topevent .game-content.ajax-error .topevent-slides table { display: none; }
.topevent .game-content .topevent-slides {
overflow: hidden;
height: 92px;
margin-bottom: 8px;
}
.topevent .game table,
.topevent .link-list ul {
width: 253px;
}
.topevent .game-content.no-pagination table,
.topevent .game-content.no-pagination .link-list ul {
width: 270px;
}
.topevent .game-content.no-pagination .ajax-error {
width: 250px;
}
.topevent .game-content table td {
background-color: #FFFFFF;
color: #0F4F08;
padding: 0 2px;
vertical-align: middle;
line-height: 0;
}
.topevent .game-content table tr.data td,
.topevent .game-content table tr.data-placeholder td {
border-top: 1px solid #6F923E;
border-bottom: 1px solid #6F923E;
}
.topevent .game-content table tr.data td:first-child,
.topevent .game-content table tr.data-placeholder td:first-child {
border-left: 1px solid #6F923E;
}
.topevent .game-content table tr.data td:first-child + td + td + td + td + td,
.topevent .game-content table tr.data-placeholder td:first-child {
border-right: 1px solid #6F923E;
}
.topevent .game-content table .data-placeholder td {
height: 18px;
}
.topevent .game-content table td:first-child { padding-left: 4px; }
.topevent .game-content table td span {
display: inline-block;
overflow: hidden;
white-space: nowrap;
font-size: 9px;
text-overflow: ellipsis;
line-height: 18px;
}
.topevent .game-content table td:first-child,
.topevent .game-content table td:first-child span { width: 62px; }
.topevent .game-content table td:first-child + td + td,
.topevent .game-content table td:first-child + td + td span { width: 61px; }
.topevent .game-content.no-pagination table td:first-child,
.topevent .game-content.no-pagination table td:first-child span,
.topevent .game-content.no-pagination table td:first-child + td + td,
.topevent .game-content.no-pagination table td:first-child + td + td span {
width: 70px;
}
.topevent .game-content table td:first-child + td { padding: 0; }
.topevent .game-content table td:first-child + td,
.topevent .game-content table td:first-child + td span { width: 5px; }
.topevent .game-content table td:first-child + td + td + td,
.topevent .game-content table td:first-child + td + td + td span {
width: 35px;
text-align: center;
}
.topevent .game-content table td:first-child + td + td + td + td,
.topevent .game-content table td:first-child + td + td + td + td span {
width: 53px;
}
.topevent .game-content table td:first-child + td + td + td + td + td {
padding-right: 4px;
padding-left: 3px;
}
.topevent .game-content .minute { text-align: right;}
.topevent .game-content td.info span {
display: block;
width: 100%;
min-width: 5px;
text-indent: -999em;
background-image: url('//img.ui-portal.de/homepage/img/webde/btn/topevent-wm-info-small.png');
background-repeat: no-repeat;
background-position: center center;
height: 18px;
}
.topevent .game-content .spacer td {
background:none;
padding: 0;
height: 4px;
width: auto;
}
*+html .topevent .game-content .spacer td {
height: 5px;
}
.topevent .game-content.no-pagination td.info span {
background-image: url('//img.ui-portal.de/homepage/img/webde/btn/topevent-wm-info-wide.png');
min-width: 9px;
}
.topevent .game-content td.info .info-container {
display: none;
}
.topevent .game-content {
overflow: hidden;
}
.topevent .topevent-pagination {
display: block;
width: 15px;
background-image: url('//img.ui-portal.de/homepage/img/webde/bg/topevent-wm-bg.png');
float: right;
margin-left: 2px;
height: 92px;
}
.topevent .no-pagination .topevent-pagination {
display: none;
}
.topevent .topevent-pagination a {
display: block;
background-repeat: no-repeat;
width: 15px;
height: 46px;
outline: none;
}
.topevent .topevent-pagination a.up {
background-position: top right;
background-image: url('//img.ui-portal.de/homepage/img/webde/btn/topevent-wm-nav-up.png');
}
.topevent .topevent-pagination a.up.disabled,
.topevent .topevent-pagination a.up.disabled:hover { background-position: top left; }
.topevent .topevent-pagination a.up:hover { background-position: top center; }
.topevent .topevent-pagination a.down {
background-position: bottom right;
background-image: url('//img.ui-portal.de/homepage/img/webde/btn/topevent-wm-nav-down.png');
}
.topevent .topevent-pagination a.down.disabled,
.topevent .topevent-pagination a.down.disabled:hover { background-position: bottom left; }
.topevent .topevent-pagination a.down:hover { background-position: bottom center; }
.topevent .link-list ul {
font-size: 0;
text-align: right;
margin-top: 1px;
overflow: hidden;
}
.topevent .link-list li {
display: inline-block;
}
*+html .topevent .link-list li {
display: inline;
}
.topevent .link-list li.border {
padding: 0;
}
.topevent .link-list li.border span {
display: block;
width: 1px;
height: 7px;
background-color: #62A424;
}
.topevent .link-list li a {
font-size: 10px;
line-height: 16px;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0 6px;
}
.topevent .link-list li a:hover {
text-decoration: underline;
}
.topevent .link-list li.last a {
padding-right: 0;
}
.topevent .btn-wrapper {
position: absolute;
right: 15px;
bottom: 11px;
}
.tooltip-name-topevent .tooltip-wrapper {
padding: 7px 10px;
width: 213px;
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
.tooltip-name-topevent.tooltip-enlarged.tooltip-right-bottom {
margin-top: -12px;
margin-left: 3px;
}
.tooltip-name-topevent.tooltip-enlarged.tooltip-right-bottom .nose {
bottom: 8px;
}
.tooltip-name-topevent .tooltip-wrapper .txt p {
margin-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
font-size: 10px;
line-height: 17px;
}
.finanzen h\:header {
margin-left: 15px;
}
.finanzen .service-content {
padding: 8px 0 12px 0;
}
.finanzen .service-content + .service-content {
padding-top: 0;
border-top: none;
}
.finanzen table {
width: 300px;
}
body .finanzen table {
table-layout: fixed\9;
}
.finanzen table .colgroup .company,
.finanzen table td:first-child { width: 130px; }
.finanzen table .colgroup .rate,
.finanzen table td:first-child + td { width: 55px; }
.finanzen table .colgroup .change,
.finanzen table td:first-child + td + td { width: 57px; }
.finanzen table td {
padding: 5px 15px 7px 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 100%;
white-space: nowrap;
color: #262626;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.finanzen table td {
padding: 6px 15px 6px 15px;
}
}
@media screen and (min--moz-device-pixel-ratio:0) {
.finanzen table td {
padding: 4px 15px 6px 15px;
}
}
.finanzen table td:first-child {
max-width: 130px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
*+html .finanzen table td:first-child span {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.finanzen table td:first-child + td {
text-align: right;
padding-left: 0;
padding-right: 0;
}
.finanzen table td:first-child + td + td {
text-align: right;
padding-left: 13px;
}
.finanzen table.tops td + td + td {
color: #00AB28;
}
.finanzen table.flops td + td + td {
color: #DC0303;
}
.finanzen table tr:first-child + tr {
border-top: 1px solid #D1D4D9;
border-bottom: 1px solid #D1D4D9;
}
.service.icons .service-content {
overflow: hidden;
padding: 0;
border: none;
}
.service.icons .icon-wrapper {
display: block;
height: 115px;
width: 140px;
float: left;
overflow: hidden;
margin: 0 10px 20px 10px;
}
.service.icons .icon-wrapper a {
text-decoration: none;
}
.service.icons .icon-wrapper h\:figure {
position: relative;
display: block;
height: 100%;
padding: 0;
background-color: #E9F0F5;
}
.service.icons .icon-wrapper a:hover h\:figure,
.service.icons .icon-wrapper > h\:figure:hover {
background-color: #E9F0F5;
}
.jsDisabled .service.icons .icon-wrapper > h\:figure h\:header a:hover {
text-decoration: underline;
}
.service.icons .icon-wrapper:first-child {
margin-left: 0;
}
.service.icons .icon-wrapper:first-child + .icon-wrapper {
margin-right: 0;
}
.service.icons .icon-wrapper:first-child + .icon-wrapper + .icon-wrapper {
margin-left: 0;
margin-bottom: 0;
}
.service.icons .icon-wrapper:first-child + .icon-wrapper + .icon-wrapper + .icon-wrapper {
margin-right: 0;
margin-bottom: 0;
}
.service.icons .icon {
display: block;
width: 140px;
height: 115px;
background-repeat: no-repeat;
}
.service.icons a:hover .icon {
background-position: bottom center;
}
.service.icons h\:figure h\:figcaption {
position: absolute;
display: block;
left: 0;
right: auto;
bottom: 0;
padding: 0;
}
.service.icons h\:figure h\:figcaption h\:header,
.service.icons h\:figure h\:figcaption h\:header a,
.service.icons h\:figure h\:figcaption h\:footer {
color: #FFFFFF;
text-decoration: none;
}
.service.icons a h\:figure h\:figcaption h\:header:hover {
color: #FFFFFF;
text-decoration: underline;
}
.service.icons h\:figure h\:figcaption h\:header {
}
.service.icons h\:figure h\:figcaption h\:header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
margin: 0;
font-weight: normal;
padding: 2px 10px;
}
@media screen and (min--moz-device-pixel-ratio: 0) {
.service.icons h\:figure h\:figcaption h\:header {
padding: 2px 10px;
}
}
.service.icons h\:figure h\:figcaption h\:header {
color: #FFFFFF;
background-repeat: repeat;
background-color: rgba(51, 51, 51, 0.8);
}
*+html .service.icons h\:figure h\:figcaption h\:header {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png);
}
.service.icons h\:figure h\:figcaption h\:header {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/news_bg.png)\9;
}
:root .service.icons h\:figure h\:figcaption h\:header {
background-image: none;
}
.service.icons h\:figure h\:figcaption h\:footer {
display: none;
}
.uimobile-btmobile {
margin: 0 10px;
clear: both;
}
#footer .footer-links + .sep-line {
margin-top: -37px;
}
.uimobile-btmobile {
margin-top: -37px;
}
.rect321 #footer .footer-links + .sep-line {
margin-left: 10px;
margin-right: 10px;
}
.uimobile-btmobile p {
color: #6a6a6a;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: right;
font-size: 28px;
line-height: 35px;
font-weight: 400;
padding: 13px 0;
margin-bottom: 0;
}
.uimobile-btmobile p a {
color: #6a6a6a;
}
#footer {
background: none;
zoom: 1;
position: relative;
background-color: #eef0f3;
background-position: top left;
background-repeat: repeat-x;
}
#footer li {
list-style-position: outside;
}
#footer .hint {
margin: 0;
padding: 0;
min-height: 0;
}
#footer-bubble {
position: absolute;
right: 0;
top: -20px;
right: 30px;
cursor: default;
}
.rect321 #footer-bubble { right: 20px; }
#footer-bubble > h\:section {
margin: 0;
padding: 0;
}
#footer-bubble > h\:section .r1 {
display: block;
width: 270px;
height: 64px;
padding: 15px;
color: #FFFFFF;
background: #4B87A7;
border-radius: 4px;
box-shadow: 0 7px 10px -9px #888888;
-moz-box-shadow: 0 7px 10px -9px #888888;
-webkit-box-shadow: 0 7px 10px -9px #888888;
}
#footer-bubble > h\:section h\:pointer {
display: block;
position: absolute;
top: -23px;
right: 20px;
border: 20px solid transparent;
border-width: 23px 23px 0 0;
border-color: transparent #4B87A7 transparent transparent;
}
#footer-bubble > h\:section a:hover {
text-decoration: none;
}
#footer-bubble > h\:section .r1 h\:header {
background: url(//img.ui-portal.de/homepage/img/webde/bg/pssssst_text.png) left top no-repeat;
margin-bottom: 8px;
display: block;
height: 17px;
}
#footer-bubble > h\:section h\:detail {
font-family: Verdana, Arial, Helvetica, sans-serif;
display: block;
font-size: 13px;
line-height: 20px;
}
#footer-socialmarks {
overflow: hidden;
display: block;
padding: 20px 0;
margin: 0 0 20px;
background: url("//img.ui-portal.de/homepage/img/webde/bg/footer-separator.png") no-repeat scroll 50% 0 #CCD1D5;
}
.rect321 #footer-socialmarks { padding-left: 0; }
#footer-socialmarks > h\:section {
height: 48px;
background: none;
margin-bottom: 0;
}
#footer-socialmarks .r1 {
display: inline-block;
height: 48px;
}
#footer-socialmarks .r1 > a {
height: 48px;
display: inline-block;
padding-left: 63px;
padding-right: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #687282;
}
#footer-socialmarks .r1 > a > h\:header {
font-size: 18px;
line-height: 28px;
}
@media screen and (min--moz-device-pixel-ratio:0) {
#footer-socialmarks .r1 > a > h\:header {
line-height: 27px;
}
}
#footer-socialmarks > h\:section {
background-repeat: no-repeat;
background-position: left top;
}
#social-autoservice a { background-image: url('//img.ui-portal.de/homepage/img/webde/icons/footer/autoservice.png'); }
#social-music-flatrate a { background-image: url('//img.ui-portal.de/homepage/img/webde/icons/footer/music-flatrate.png'); }
#social-topde a { background-image: url('//img.ui-portal.de/homepage/img/webde/icons/footer/topde.png'); }
#social-mailcheck a { background-image: url('//img.ui-portal.de/homepage/img/webde/icons/footer/mailcheck.png'); }
#social-lotto a { background-image: url('//img.ui-portal.de/homepage/img/webde/icons/footer/lotto.png'); }
#social-autoservice a:hover,
#social-music-flatrate a:hover,
#social-topde a:hover,
#social-mailcheck a:hover,
#social-lotto a:hover {
cursor: pointer;
background-position: 0 -80px;
text-decoration: underline;
}
.footer-links {
overflow: hidden;
display: block;
background: none;
margin: 20px 0 0;
}
.rect321 .footer-links {
margin-left: 10px;
margin-right: 10px;
}
.footer-links + .footer-links { border-bottom: 0; }
.footer-links > h\:section > .r0 {
height: auto;
}
.footer-addition-container {
width: 300px;
margin-bottom: 0px;
}
.footer-addition first {
    margin-bottom: 0px;
}
.footer-addition.last {
margin-left: 0;
}
.footer-links li { line-height: 20px; font-size: 13px; zoom: 1; }
#footer-icons li { padding-left: 0; line-height: 20px; }
#footer-icons li a { padding-left: 24px;}
.footer-links h\:header {
display: block;
margin: 0 0 7px;
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #687282;
}
.footer-links a {
font-size: 13px;
line-height: 20px;
color: #687282;
}
.footer-links > h\:section > .r1 h\:header { margin: 0; padding: 0; color: #6A6A6A; font-size: 11px; line-height: 18px; }
.footer-links > h\:section > .r1 h\:header + ul li { display: block; color: #6A6A6A; font-size: 11px; line-height: 16px; }
.footer-links > h\:section > .r1 p { font-size: 11px; color: #919090; }
.footer-links > .footer-addition-container > h\:section > .r1 h\:header { margin: 0; padding: 0; color: #6A6A6A; font-size: 11px; line-height: 18px; }
.footer-links > .footer-addition-container > h\:section > .r1 h\:header + ul li { display: block; color: #6A6A6A; font-size: 11px; line-height: 16px; }
.footer-links > .footer-addition-container > h\:section > .r1 p { font-size: 11px; color: #919090; }
.footer-links ul {
display: inline-block;
zoom: 1;
}
.footer-links .hint {
height: auto;
}
.footer-links + .footer-links {
margin-top: 13px;
padding-bottom: 37px;
}
.footer-links + .footer-links > h\:section {
margin-bottom: 16px;
}
*:first-child+html .footer-links + .footer-links {
margin-bottom: 20px;
}
.footer-links .r4 {
position: relative;
height: auto;
}
.footer-links .r4 ul:first-child {
overflow: hidden;
display: block;
}
.footer-links .r4 ul:first-child li {
display: block;
float: left;
margin-right: 30px;
}
.footer-links .r4 ul:first-child li a {
white-space: nowrap;
}
.footer-links .r4 ul:first-child li.as-homepage {
float: right;
margin-right: 0;
}
.footer-links .r4 ul + ul { position: absolute; right: 0; top: 0; margin: 0; }
.rect321 .footer-links .r4 ul + ul { right: 0; }
.footer-addition { margin-bottom: 0; }
.footer-addition h\:header { font-family: Verdana, Arial, Helvetica, sans-serif; }
.footer-addition .description { line-height: 16px; }
.footer-addition.first { margin-bottom: 10px; }
.footer-addition.first > .r1,
.footer-addition.last > .r1 { height: auto; }
.footer-addition.first a:first-child { margin-right: 0; }
.footer-addition.last { margin-bottom: 20px; }
.footer-links > script#ita-footer-icons + .footer-addition.first > .r1 { width: auto; }
.footer-links > script#ita-footer-icons + .footer-addition.first > .r1 ul:first-child li + li { margin-left: 8px; }
.footer-links > script#ita-footer-icons + .footer-addition-container > .footer-addition.first > .r1 { width: auto; }
.footer-links > script#ita-footer-icons + .footer-addition-container > .footer-addition.first > .r1 ul:first-child li + li { margin-left: 8px; }
.rect321 .footer-links h\:section:first-child,
.rect321 .footer-links script:first-child + h\:section { margin-left: 0; }
.rect321 .footer-addition { margin-right: 0; }
.footer-links > .footer-addition-container > h\:section.footer-addition.first ul {
margin: 0 -4px 0 -4px;
}
.footer-links > .footer-addition-container > h\:section.footer-addition.first ul li {
margin: 3px 4px 6px 4px;
float: left;
}
.footer-links > .footer-addition-container > h\:section.footer-addition.first ul li a,
.footer-links > .footer-addition-container > h\:section.footer-addition.first ul li img {
display: block;
}
#footer-sep-line {
display: block;
clear: both;
float: none;
margin-bottom: 0;
height: 70px;
}
#footer .sep-line { margin: 15px 10px 0 10px; clear:both; }
#footer .sep-line > .r4:before {
content: '.';
display: block;
height: 1px;
width: 100%;
background: #F3F4F7;
background: -moz-linear-gradient(left, #F3F4F7 0%, #c5cfd0 20%, #c5cfd0 50%, #c5cfd0 80%, #F3F4F7 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F3F4F7), color-stop(20%,#c5cfd0), color-stop(50%,#c5cfd0), color-stop(80%,#c5cfd0), color-stop(100%,#F3F4F7));
background: -webkit-linear-gradient(left, #F3F4F7 0%,#c5cfd0 20%,#c5cfd0 50%,#c5cfd0 80%,#F3F4F7 100%);
background: -o-linear-gradient(left, #F3F4F7 0%,#c5cfd0 20%,#c5cfd0 50%,#c5cfd0 80%,#F3F4F7 100%);
background: -ms-linear-gradient(left, #F3F4F7 0%,#c5cfd0 20%,#c5cfd0 50%,#c5cfd0 80%,#F3F4F7 100%);
background: linear-gradient(to right, #F3F4F7 0%,#c5cfd0 20%,#c5cfd0 50%,#c5cfd0 80%,#F3F4F7 100%);
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
#footer .sep-line > .r4 {
height: 2px;
background: #F3F4F7;
background: -moz-linear-gradient(left, #F3F4F7 0%, #fbfcff 20%, #fbfcff 50%, #fbfcff 80%, #F3F4F7 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F3F4F7), color-stop(20%,#fbfcff), color-stop(50%,#fbfcff), color-stop(80%,#fbfcff), color-stop(100%,#F3F4F7));
background: -webkit-linear-gradient(left, #F3F4F7 0%,#fbfcff 20%,#fbfcff 50%,#fbfcff 80%,#F3F4F7 100%);
background: -o-linear-gradient(left, #F3F4F7 0%,#fbfcff 20%,#fbfcff 50%,#fbfcff 80%,#F3F4F7 100%);
background: -ms-linear-gradient(left, #F3F4F7 0%,#fbfcff 20%,#fbfcff 50%,#fbfcff 80%,#F3F4F7 100%);
background: linear-gradient(to right, #F3F4F7 0%,#fbfcff 20%,#fbfcff 50%,#fbfcff 80%,#F3F4F7 100%);
}
.service.lotto .r1 {
position: relative;
}
.service.lotto a,
.service.lotto a:hover,
.service.lotto a:focus {
text-decoration: none;
}
.service.lotto .service-content {
border-top: 0;
padding: 10px 13px;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/lotto_bg.jpg);
background-repeat: no-repeat;
height: 230px;
}
.service.lotto .service-content > h\:header,
.service.lotto .service-content > a > h\:header {
display: block;
font-size: inherit;
line-height: inherit;
padding-bottom: 40px;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/lotto_logo.png);
background-repeat: no-repeat;
background-position: bottom left;
margin-bottom: 4px;
}
.service.lotto .service-content > h\:header span,
.service.lotto .service-content > a > h\:header span {
display: inline-block;
line-height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-right: -3px;
color: #262626;
font-weight: normal;
padding: 2px 10px 2px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #FFC800;
}
.service.lotto .next-draw-content {
background-color: #db0003;
padding: 4px 15px 6px 15px;
position: relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-top: 9px;
}
.service.lotto .next-draw-content:before {
content: '.';
text-indent: -999em;
position: absolute;
top: -12px;
left: 50%;
border: 6px solid transparent;
border-bottom: 6px solid #DB0003;
height: 0;
width: 0;
margin-left: -6px;
}
.service.lotto .next-draw-content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.service.lotto .next-draw-content .jackpot {
line-height: 48px;
display: inline-block;
float: left;
padding-right: 62px;
color: #FFFFFF;
font-weight: 700;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/mioeuro.png);
background-repeat: no-repeat;
background-position: right center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 43px;
}
.service.lotto .next-draw-content .button {
display: block;
float: right;
margin-top: 6px;
}
.service.lotto .next-draw-content .chance {
float: right;
font-size: 10px;
color: #FFFFFF;
}
.service.lotto .next-draw {
margin-bottom: 11px;
}
.service.lotto .last-draw {
overflow: hidden;
}
.service.lotto .next-draw h\:header,
.service.lotto .last-draw h\:header {
line-height: 18px;
font-weight: 700;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 4px;
font-size: 12px;
color: #262626;
}
.service.lotto .next-draw p {
font-size: 11px;
line-height: 16px;
color: #6A6A6A;
margin-bottom: 0;
font-weight: normal;
}
.service.lotto .next-draw h\:footer {
font-size: 11px;
line-height: 16px;
color: #6A6A6A;
clear: both;
display: inline-block;
width: 110px;
}
.service.lotto .winning-numbers {
margin-bottom: 5px;
}
.service.lotto .winning-numbers h\:header {
float: left;
font-size: 11px;
line-height: 17px;
font-weight: 400;
margin-top: 2px;
}
.service.lotto .winning-numbers {
overflow: hidden;
}
* + html .service.lotto .winning-numbers {
margin-bottom: 5px;
}
.service.lotto .winning-numbers ol {
overflow: hidden;
float: left;
}
.service.lotto .winning-numbers ol li {
float: left;
}
.service.lotto .winning-numbers ol li + li {
margin-left: 5px;
}
.service.lotto .winning-numbers ol.numbers span {
display: block;
height: 24px;
width: 24px;
font-size: 10px;
color: #333;
line-height: 24px;
text-align: center;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/lottokugel.png);
background-position: center center;
background-repeat: no-repeat;
}
.service.lotto .winning-numbers .sz {
display: inline-block;
float: left;
line-height: 24px;
font-size: 11px;
color: #262626;
padding-left: 25px;
padding-right: 7px;
}
.service.lotto .service-content > h\:footer,
.service.lotto .service-content > a > h\:footer {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
position: absolute;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #B3B3B3;
color: #262626;
display: block;
clear: both;
line-height: 17px;
padding-left: 5px;
padding-right: 5px;
}
.service.lotto .service-content {
display: none;
}
.service.lotto [data-active-slide="1"] [data-slide-id="1"],
.service.lotto [data-active-slide="2"] [data-slide-id="2"],
.service.lotto [data-active-slide="3"] [data-slide-id="3"],
.service.lotto [data-active-slide="4"] [data-slide-id="4"],
.service.lotto [data-active-slide="5"] [data-slide-id="5"],
.service.lotto [data-active-slide="6"] [data-slide-id="6"] {
display: block;
}
.service.lotto .slide-navigation {
position: absolute;
top: 0;
right: 0;
background-color: rgba(51, 51, 51, 0.8);
padding: 5px 7px;
}
.service.lotto .slide-navigation li {
float: left;
margin: 0 5px 0 0;
overflow: hidden;
text-indent: -9999em;
width: 10px;
height: 10px;
border: 1px solid #FFFFFF;
cursor: pointer;
}
.service.lotto .slide-navigation li:last-child {
margin-right: 0;
}
.service.lotto .slide-navigation li.active,
.service.lotto .slide-navigation li:hover {
border-color: #FFC800;
}
.service.lotto .slide-navigation li.active,
.service.lotto .slide-navigation li:hover,
.service.lotto .slide-navigation li:focus {
background-color: #FFC800;
}
.service.lotto .service-content > h\:header,
.service.lotto .service-content > a > h\:header {
padding-bottom: 37px;
}
.service.lotto .next-draw-content {
background-color: #C90713;
padding-top: 2px;
padding-bottom: 3px;
}
.service.lotto .next-draw-content:before {
border-bottom-color: #C90713;
}
.service.lotto .next-draw-content.no-jackpot .jackpot {
padding-right: 124px;
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/lotto_millionaer.png);
background-position: center;
overflow: hidden;
text-indent: -9999em;
}
.service.lotto .next-draw {
margin-bottom: 3px;
}
.service.lotto .additional-links {
text-align: right;
font-size: 11px;
margin-bottom: 8px;
}
.service.lotto .additional-links li {
display: inline-block;
padding-left: 15px;
}
.service.lotto .winning-numbers .sz {
padding-left: 55px;
}
.service.lotto .slide-eurojackpot {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/eurojackpot_bg.jpg);
}
.service.lotto .slide-eurojackpot > h\:header,
.service.lotto .slide-eurojackpot > a > h\:header {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/eurojackpot_logo.png);
}
.service.lotto .slide-eurojackpot .next-draw-content {
background-color: #8E5B26;
}
.service.lotto .slide-eurojackpot .next-draw-content:before {
border-bottom-color: #8E5B26;
}
.service.lotto .slide-eurojackpot .next-draw-content .jackpot {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/eurojackpot_mioeuro.png);
}
.service.lotto .slide-eurojackpot .next-draw-content.no-jackpot .jackpot {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/lotto_millionaer.png);
}
.service.lotto .slide-lotto.standalone {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/lotto_bg_standalone.jpg);
}
.service.lotto .slide-eurojackpot.standalone {
background-image: url(//img.ui-portal.de/homepage/img/webde/bg/eurojackpot_bg_standalone.jpg);
}
.service.lotto .standalone .next-draw-content {
background: transparent;
margin-top: 0;
padding-top: 0;
height: auto;
}
.service.lotto .standalone .next-draw-content::before {
display: none;
}
.service.lotto .standalone .next-draw-content .jackpot {
float: none;
display: block;
background-position: 120px 8px;
font-family: Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 98px;
line-height: 86px;
width: 110px;
padding-right: 140px;
text-align: right;
}
.service.lotto .slide-lotto.standalone .next-draw-content .jackpot {
color: #C90713;
}
.service.lotto .slide-lotto.standalone .next-draw-content.day-saturday .jackpot { background-image: url(//img.ui-portal.de/homepage/img/webde/bg/lotto_mio_saturday.png); }
.service.lotto .slide-lotto.standalone .next-draw-content.day-wednesday .jackpot { background-image: url(//img.ui-portal.de/homepage/img/webde/bg/lotto_mio_wednesday.png); }
.service.lotto .slide-eurojackpot.standalone .next-draw-content.day-friday .jackpot { background-image: url(//img.ui-portal.de/homepage/img/webde/bg/eurojackpot_mio_friday.png); }
.service.lotto .standalone .next-draw-content .chance {
float: left;
margin-left: 120px;
margin-top: -19px;
}
.service.lotto .slide-lotto.standalone .next-draw-content .chance {
color: #6A6A6A;
}
.service.lotto .standalone .additional-links {
text-align: center;
}
.service.lotto .standalone .additional-links ul {
padding-top: 6px;
}
#cssTest {
position: absolute;
left: -9999px;
border: 4px dashed red;
font-size: 11px;
}
#does-not-exist #cssTest {
font-size: 15px;
}
#cssTest {
border-width: 1px;
border-left-width: 3px;
color: red;
font-size: if-i-had-a-hammer;
float: left;
}
body #cssTest {
border-top-width: 9px;
font-size: 17px;
cursor: crosshair;
}
html #cssTest {
-o-hyphens: none;
-ms-hyphens: none;
-moz-hyphens: manual;
-webkit-hyphens: auto;
}
h\:section.channel.wm {
background-color: #EEF7ED;
margin-bottom: 0;
padding-bottom: 20px;
}
h\:section.channel.wm + .wm {
margin-bottom: 20px;
padding-bottom: 0;
}
.wm .news .news-content > h\:header a,
.wm .news .news-content > h\:header span {
background-color: #119007;
color: #FFFFFF;
}
.wm .news .news-content > h\:header a:hover {
background-color: #108807;
}
.wm .news-image-list-item .news-content .teaser-text > h\:header,
.wm .news-image-list-item .news-content .teaser-text > h\:header a {
color: #2C312B;
}
.wm .news-image-list-item .german-flag {
display: block;
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/overlay_german_flag.gif);
width: 6px;
border-right: 1px solid #FFF;
height: 70px;
position: absolute;
top: 3px;
left: 0;
}
.wm .news .teaser-text span.more {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/wm/more.png);
}
[data-status="nomessage"] #header #loginsearch-search {
top: 15px;
}
[data-status="nomessage"] #logo {
background-image: url(//img.ui-portal.de/homepage/img/webde/logo-webde-small.png);
top: 5px;
left: 13px;
}
[data-status="nomessage"] #logo a {
height: 54px;
width: 54px;
}
.logout-notification {
float: none;
display: block;
margin-top: -37px;
position: relative;
z-index: 100;
margin-bottom: 15px;
}
.rect321 .logout-notification {
margin-left: 10px;
margin-right: 10px;
}
.logout-notification .r4 {
height: auto;
}
.logout-notification .hint-step-1 { display: none; }
.logout-notification .hint {
padding: 0;
height: auto;
min-height: 0;
background-color: #DFEBD6;
}
.logout-notification .hint h2,
.logout-notification .hint p {
display: inline-block;
font-size: 11px;
line-height: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
white-space: nowrap;
width: auto;
}
.logout-notification .hint h2 {
height: auto;
max-width: none;
font-weight: bold;
padding-left: 26px;
}
.logout-notification .hint h2:before {
background-image: url(//img.ui-portal.de/homepage/img/webde/icons/hint_16x16.png);
background-position: 5px 0;
width: 21px;
height: 16px;
top: 2px;
}
.logout-notification .hint p {
margin: 0;
}
.logout-notification .hint p a {
display: none;
}
.logout-notification .notification-closer {
display: none;
}
.logout-notification .link-list {
float: right;
display: block;
list-style: none;
overflow: hidden;
}
.logout-notification .link-list li {
float: left;
}
.logout-notification .link-list li > a {
display: inline-block;
font-size: 11px;
line-height: 22px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
margin-right: 15px;
}
.logout-notification .link-list .btn-wrapper {
-moz-border-radius: 0;
border-radius: 0;
}
.logout-notification .link-list .btn-wrapper > * {
-moz-border-radius: 0;
border-radius: 0;
}
#middle-container {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 0 20px 0;
margin-top: 406px;
z-index: 15;
overflow: visible;
clear: both;
}
#middle-container > .r4 {
margin-left: auto;
margin-right: auto;
width: 1280px;
position: relative;
height: auto;
}
#middle-container > .r4 > h\:section {
margin-left: 10px;
margin-right: 10px;
width: auto;
width: 300px;
height: 115px;
margin-bottom: 20px;
}
.homepage-button .r4 {
height: auto;
text-align: right;
}
#header #loginsearch-search {
right: auto;
left: 300px;
top: 20px;
}
.rect321 #header #loginsearch-search { left: 320px; }
#header #inpSearchText { width: 260px; }
#header #loginsearch-search .btn-fix.onlyIcon { background-image: url(//img.ui-portal.de/homepage/img/webde/btn/variant_search_m_large.png); }
#header #loginsearch-search .onlyIcon > input {
padding-left: 74px;
}
#header #loginsearch-search .btn-wrapper.btn-m .btn-icon {
left: 50%;
margin-left: -13px;
}
.jsDisabled .ie7fix > .hint-wrapper,
.jsDisabled #loginsearch {
position: relative;
margin-top: 34px;
margin-bottom: 85px;
}
.jsDisabled #adRectangle {
display: none;
}
.ad-fallback #adRectangle {
display: none;
}
.ad-fallback #loginsearch {
margin-top: 372px;
}