@charset 'UTF-8';

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

html, body {
height: 100%;
}
html {
background: #FFFFFF;
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: #FFFFFF;
}
body {
height: auto;
}
body.jsDisabled { min-width: 1340px; }
html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, fieldset {
margin: 0;
padding: 0;
}
a { color: #003D8F; 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;
}
.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;
}
body {
background: #FFF url(//img.ui-portal.de/homepage/img/1und1/bg/header.png) repeat-x 0 24px;
}
.wrapper-center {
position: relative;
display: block;
margin: 0 auto;
width: 1322px;
}
.wrapper-center {
}
.adWithOutsideComponent .wrapper-center {
background-color: #FFFFFF;
}
.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/1und1/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/1und1/bg/header.png);
background-position: 0 24px;
height: 96px;
}
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: 1260px;
}
#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;
}
.hasMessage .sepLoginExpander {
height: 224px;
}
body[data-promoline-position="belowlogin"] .sepLoginExpander {
height: 144px;
}
body[data-promoline-position="belowlogin"].hasMessage .sepLoginExpander {
height: 253px;
}
#sepResp2 {
display: block;
}
#header {
position: relative;
display: block;
margin-bottom: 15px;
}
#logo {
top: 30px;
left: 0;
position: absolute;
background: url(//img.ui-portal.de/homepage/img/1und1/logo.png) no-repeat 0 0;
}
#logo a {
width: 60px;
height: 60px;
display: block;
}
#logo h\:header {
display: block;
overflow: hidden;
text-indent: -9999px;
height: 0;
padding: 0;
margin: 0;
}
#mainnav {
height: 51px;
padding-top: 45px;
padding-left: 75px;
}
.rect321 #mainnav {
padding-left: 65px;
}
#mainnav > ul > li {
float: left;
text-align: center;
font-size: 16px;
font-weight: bold;
font-family: Arial, Verdana, sans-serif;
line-height: 15px;
margin-right: 2px;
}
#mainnav > ul > li > a,
#mainnav > ul > li > label {
display: block;
height: 15px;
padding: 8px;
color: #FFFFFF;
position: relative;
text-decoration: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
cursor: pointer;
}
#mainnav > ul > li:hover > a,
#mainnav > ul > li.open > a,
#mainnav > ul > li:hover > label,
#mainnav > ul > li.open > label,
#mainnav > ul > li > input:checked + label {
color: #004192;
background: #FFFFFF;
}
#helplinks {
position: absolute;
top: 2px;
left: -10px;
right: 0;
font-family: Arial, Verdana, sans-serif;
font-size: 11px;
line-height: 12px;
}
.rect321 #helplinks {
left: -20px;
}
#helplinks ul { float: right; }
#helplinks > ul > li {
float: left;
margin: 0 5px;
}
#helplinks #helplinks-login {
margin-right: 0;
}
#helplinks li a {
color: #0760A7;
padding: 4px 10px;
display: inline-block;
}
#helplinks li#helplinks-neukunden {
position: absolute;
left: 10px;
margin: 0;
}
#helplinks li#helplinks-neukunden a {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/icon-phone.png);
background-repeat: no-repeat;
background-position: 0 center;
font-weight: bold;
padding: 4px 0 4px 18px;
}
#helplinks-neukunden a { font-size: 13px; }
#helplinks li#helplinks-login a { background: #0760A7; color: #FFFFFF; }
#header > .header-inner {
width: 1260px;
margin: 0 auto;
position: relative;
height: 100%;
}
#helplinks-start img { display: block; }
#helplinks #helplinks-start > a img { margin-top: -1px; margin-right: 10px; }
#helplinks-start { position: relative; height: 20px; }
#helplinks-start .tooltip img { float: left; margin-right: 5px; }
#helplinks-start .tooltip-enlarged {
margin-left: -25px;
margin-top: 15px;
}
#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 {
left: 38px;
}
#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="msie"] .tooltip-wrapper .txt > div > img { margin-right: 40px; }
#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;
right: 80px;
top: 0;
width: 195px;
}
#mainnav > ul > li > a > h\:figure > h\:header {
position: absolute;
display: inline-block;
top: -7px;
padding: 0 3px 2px;
background-color: #F3E11E;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 10px;
color: #003D8F;
white-space: nowrap;
z-index: 9;
font-size: 10px;
right: 0;
}
@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;
margin-top: 12px;
height: 48px;
width: 48px;
margin-right: 10px;
float: left;
}
.jsEnabled #weather > span { cursor: pointer; }
#weather > span,
#weather > h\:section .icon {
background: url(//img.ui-portal.de/homepage/img/1und1/icons/sprite-weather.png) no-repeat -8px -8px;
}
#weather.weather-1 > span { background-position: -15px -15px; }
#weather h\:section.weather-1 .icon { background-position: -24px -185px; }
#weather.weather-2 > span { background-position: -96px -15px; }
#weather h\:section.weather-2 .icon { background-position: -104px -185px; }
#weather.weather-3 > span { background-position: -177px -15px; }
#weather h\:section.weather-3 .icon { background-position: -184px -185px; }
#weather.weather-4 > span { background-position: -258px -15px; }
#weather h\:section.weather-4 .icon { background-position: -264px -185px; }
#weather.weather-5 > span { background-position: -336px -15px; }
#weather h\:section.weather-5 .icon { background-position: -344px -185px; }
#weather.weather-6 > span { background-position: -416px -15px; }
#weather h\:section.weather-6 .icon { background-position: -424px -185px; }
#weather.weather-7 > span { background-position: -496px -15px; }
#weather h\:section.weather-7 .icon { background-position: -504px -185px; }
#weather.weather-8 > span { background-position: -576px -15px; }
#weather h\:section.weather-8 .icon { background-position: -584px -185px; }
#weather.weather-9 > span { background-position: -656px -15px; }
#weather h\:section.weather-9 .icon { background-position: -664px -185px; }
#weather.weather-10 > span { background-position: -736px -15px; }
#weather h\:section.weather-10 .icon { background-position: -744px -185px; }
#weather.weather-11 > span { background-position: -816px -15px; }
#weather h\:section.weather-11 .icon { background-position: -824px -185px; }
#weather.weather-12 > span { background-position: -896px -15px; }
#weather h\:section.weather-12 .icon { background-position: -904px -185px; }
#weather.weather-13 > span { background-position: -976px -15px; }
#weather h\:section.weather-13 .icon { background-position: -984px -185px; }
#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: 35px;
margin-right: 35px;
}
.hasEmotionHeader #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: #FFFFFF;
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: #FFFFFF;
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;
}
.module-group > .r1,
.module-group > .r2 {
height: auto;
}
#mainnav li.open .nose,
#mainnav li > input[type="checkbox"]:checked .nose {
background: transparent;
border-bottom: 8px solid #FFFFFF;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
bottom: -20px;
height: 0;
width: 0;
left: 50%;
display: block;
position: absolute;
transform: rotate(0deg);
}
@media screen and (min--moz-device-pixel-ratio:0) {
#mainnav li.open .nose,
#mainnav li > input[type="checkbox"]:checked .nose {
border: 0;
width: 12px;
height: 12px;
bottom: -26px;
margin-left: -6px;
background-color: #FFFFFF;
-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: none;
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;
border-left: 1px solid #004192;
border-bottom: 1px solid #004192;
border-right: 1px solid #004192;
margin-top: 20px;
}
.rect321 .layer {
padding-left: 10px;
padding-right: 10px;
left: -21px;
}
.layer .login-button {
display: none;
}
.layer .login-button .r4 {
height: auto;
}
li.open .layer,
li > input[type="checkbox"]:checked ~ .layer { display: block; }
.layer h\:header {
font-size: 13px;
font-weight: bold;
margin-bottom: 10px;
font-family: Arial, Verdana, sans-serif;
color: #0461A9;
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/1und1/btn/layer_close.png');
background-repeat: no-repeat;
font-size: 12px;
line-height: 19px;
color: #0461A9;
cursor: pointer;
background-position: right 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.layer .close:hover {
text-decoration: underline;
}
.layer .close.top { top: 20px; }
.layer .close.bottom { bottom: 16px; }
#allContents {
background: #3DA3DC;
}
#allContents > input { display: none; }
.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;
}
.jsDisabled .channel-list ul {
height: auto;
white-space: normal;
margin-left: -5px;
}
.channel-list li {
display: inline-block;
margin-left: 5px;
margin-bottom: 5px;
}
.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: #004192;
display: inline-block;
padding: 2px 10px 4px;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.channel-list a:hover,
.channel-list a:focus {
background-color: #EAF1FB;
text-decoration: none;
}
.channel-list a:hover,
.channel-list a:focus {
color: #0461A9;
}
@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: #BC1761;
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: #3DA3DC;
color: #FFFFFF;
}
.channel-list li.email-login a:hover,
.channel-list li.email-login a:focus {
background-color: #3DA3DC;
}
.layer .slider-pagination {
position: absolute;
right: 123px;
top: 20px;
width: 53px;
overflow: hidden;
}
.layer .slider-pagination li {
display: inline-block;
float: left;
}
.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: #004192;
background-repeat: no-repeat;
background-position: top left;
background-image: url('//img.ui-portal.de/homepage/img/1und1/slider-pagination.png');
}
.layer .slider-pagination .next a {
background-position: top right;
}
.layer .slider-pagination a:hover,
.layer .slider-pagination a:focus {
background-color: #3DA3DC;
}
.layer .slider-pagination .disabled a {
cursor: default;
background-color: #EAF1FB;
}
.layer .slider-pagination .disabled a:hover,
.layer .slider-pagination .disabled a:focus {
}
.service.link-list h\:header {
margin-bottom: 11px;
}
.service.link-list ul {
overflow: hidden;
list-style: none;
margin: 0 -5px 0 -5px;
}
.service.link-list li {
float: left;
margin: 0 5px 10px 5px;
}
.service.link-list a {
background-color: #004192;
display: inline-block;
padding: 2px 10px 4px;
color: #FFFFFF;
font-size: 13px;
font-weight: bold;
line-height: 18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
white-space: nowrap;
}
.service.link-list a:hover,
.service.link-list a:focus {
background-color: #EAF1FB;
text-decoration: none;
}
.service.link-list a:hover,
.service.link-list a:focus {
color: #0461A9;
}
@media screen and (min--moz-device-pixel-ratio:0) {
.service.link-list a {
padding: 2px 10px 5px;
line-height: 17px;
}
}
.layerWrapper {
overflow: hidden;
}
.layerWrapper .module-group {
height: 253px;
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: 9px;
}
.layer-list-container .layer-list ~ .layer-list,
.module-group > .r1 > .layer-list ~ .layer-list {
margin-left: 20px;
}
.layer .module-group h\:header {
background-color: #EAF1FB;
padding: 7px 10px 7px 10px;
color: #0461A9;
border-bottom: 1px solid #C4D1DB;
}
.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;
}
.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: #0461A9;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.block-txt {
padding-top: 18px;
}
.block-txt .r4 { height: auto; }
.block-txt h1 {
color: #3C3C3C;
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;
}
.jsDisabled .hint-wrapper {
margin-top: 139px;
}
body[data-promoline-position="belowlogin"] .hint-wrapper {
margin-top: 378px;
}
body[data-promoline-position="belowlogin"].hasBreakingNews .hint-wrapper {
margin-top: 408px;
}
.hint-wrapper .r4 {
height: auto;
}
.hint {
min-height: 40px;
height: 65px;
overflow: hidden;
padding: 11px 15px 9px 15px;
position: relative;
}
.hint h2 {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/hint.png);
background-repeat: no-repeat;
font-size: 18px;
line-height: 25px;
font-weight: normal;
height: 45px;
margin: 0;
max-width: 540px;
padding: 0 0 0 50px;
color: #3C3C3C;
font-family: Arial, Verdana, sans-serif;
}
.hint p {
max-width: 540px;
padding: 0;
font-size: 13px;
line-height: 20px;
color: #3C3C3C;
margin: -19px 0 0 50px;
}
.hint .subtext {
color: #6A6A6A;
font-size: 11px;
line-height: 21px;
margin-left: 50px;
}
.hint-confirm h2 { background-position: 0 0; }
.hint-info h2 { background-position: 0 -80px; }
.hint-warning h2 { background-position: 0 -160px; }
.hint-error h2 { background-position: 0 -239px; }
.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; }
.hint-confirm h2,
.hint-confirm p { max-width: 360px; }
.jsEnabled .hint-jsDisabled { display: none; }
.ip-address,
.ip-address a {
pointer-events: none;
color: inherit;
}
.hint .hint-btn {
position: absolute;
right: 655px;
text-decoration: none;
top: 30px;
}
#halfpage .hint .hint-btn {
right: 335px;
}
.hint .hint-btn .btn-s > * {
font-size: 14px;
line-height: 30px;
height: 30px;
}
.hint .hint-btn .btn-s.btn-fix > * {
padding-left: 12px;
padding-right: 12px;
}
.hint .hint-btn .btn-s.btn-pressed > * {
padding-left: 11px;
padding-right: 11px;
line-height: 28px;
height: 28px;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper {
position: relative;
margin: 0 0 0 -15px;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper .r4 {
width: auto;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper .hint {
height: 47px;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper p {
max-width: none;
}
[data-login-disabled="1"] #loginsearch .hint-wrapper p br {
display: none;
}
[data-login-disabled="1"] #loginsearch-ad {
display: none;
}
#halfpage .hint-wrapper .r4 {
width: 940px;
}
#topper {
position: relative;
top: -44px;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
min-width: 930px;
overflow: hidden;
margin-left: -1px;
margin-bottom: -44px;
background: #262626;
background: -webkit-linear-gradient(top, #0B120D 0%, #24231E 100%);
background: -moz-linear-gradient(top, #0B120D 0%, #24231E 100%);
background: -ms-linear-gradient(top, #0B120D 0%, #24231E 100%);
background: -o-linear-gradient(top, #0B120D 0%, #24231E 100%);
background: linear-gradient(to bottom, #0B120D 0%, #24231E 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0B120D', endColorstr='#24231E', GradientType=0 );
}
#topper > div {
border-bottom: 1px solid #0B120D;
}
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/1und1/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/1und1/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/1und1/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;
}
.notification {
position: relative;
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;
}
.notification > div {
display: block;
white-space: nowrap;
padding: 9px 20px 8px 54px;
}
.notification-alert {
color: #FFFFFF;
background: #991A26 url('//img.ui-portal.de/homepage/img/1und1/icons/notification/warning.png') no-repeat 20px 9px;
}
.notification-alert > div {
border-bottom: 1px solid #800915;
}
.notification .btn-wrapper{
margin-left: 13px;
}
.notification .btn-wrapper.btn-fix {
margin-left: 20px;
}
*:first-child+html .notification .btn-wrapper { margin-top: 4px; }
.notification .btn-wrapper.btn-fix.btn-s {
background-image: none;
background-color: #DEE5EA;
background: -moz-linear-gradient(top, #DEE5EA 0%, #B7C3CA 100%);
background: -webkit-linear-gradient(top, #DEE5EA 0%,#B7C3CA 100%);
background: -o-linear-gradient(top, #DEE5EA 0%,#B7C3CA 100%);
background: linear-gradient(to bottom, #DEE5EA 0%,#B7C3CA 100%);
}
.notification .btn-wrapper.btn-fix > * {
background: none;
color: #3C3C3C;
}
.notification .btn-icon {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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/1und1/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/1und1/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/1und1/icons/notification/browser_FF_24x24.png);
}
.notification[data-notification-browser="chrome"] {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/notification/browser_CHROME_24x24.png);
}
.notification[data-notification-browser="msie"] {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/notification/browser_IE_24x24.png);
}
.notification > div:first-child > span:first-child + span { display: none; }
.btn-wrapper {
display: inline-block;
}
.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: Arial, Verdana, sans-serif;
}
.btn-wrapper > a {
text-decoration: none;
}
.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 > * {
}
.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;
font-weight: bold;
}
.btn-l > input {
height: 46px;
}
.btn-m {
height: 34px;
line-height: 30px;
}
.btn-m > * {
height: 30px;
line-height: 30px;
font-weight: 700;
font-size: 16px;
padding: 0 15px 0;
}
.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: #003D8F;
background: -webkit-gradient(linear, left top, left bottom, from(#F3E11E), to(#F0B602));
background: -webkit-linear-gradient(#F3E11E, #F0B602);
background: -moz-linear-gradient(#F3E11E, #F0B602);
background: -o-linear-gradient(#F3E11E, #F0B602);
background: linear-gradient(#F3E11E, #F0B602);
border: 0;
}
.btn-wrapper.btn-service > a {
color: #003D8F;
}
.btn-wrapper.btn-service.btn-over > * {
color: #003D8F;
border-color: transparent;
background: -webkit-gradient(linear, left top, left bottom, from(#FFFCC3), to(#F0B602));
background: -webkit-linear-gradient(#FFFCC3, #F0B602);
background: -moz-linear-gradient(#FFFCC3, #F0B602);
background: -o-linear-gradient(#FFFCC3, #F0B602);
background: linear-gradient(#FFFCC3, #F0B602);
}
.btn-wrapper.btn-service.btn-pressed > * {
color: #003D8F;
border-color: #003D8F;
border: 1px solid #003D8F;
background: -webkit-gradient(linear, left top, left bottom, from(#FFFCC3), to(#F0B602));
background: -webkit-linear-gradient(#FFFCC3, #F0B602);
background: -moz-linear-gradient(#FFFCC3, #F0B602);
background: -o-linear-gradient(#FFFCC3, #F0B602);
background: linear-gradient(#FFFCC3, #F0B602);
}
.btn-wrapper.btn-m.btn-service.btn-pressed > * {
padding-left: 14px;
padding-right: 14px;
}
.btn-service.btn-fix:hover > * {
color: #003D8F;
}
.btn-service.btn-fix:active > *,
.btn-service.btn-fix.btn-pressed > * {
color: #003D8F;
}
.btn-service.btn-fix.btn-disabled:hover > * {
color: #808080;
}
.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/1und1/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/1und1/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/1und1/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/1und1/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/1und1/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/1und1/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; }
.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;
}
.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;
}
.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-color: #f2cc11; }
.btn-wrapper.btn-fix > * { background-color: #f2cc11; }
.btn-fix:hover,
.btn-fix.btn-over { background-color: #f8da67; }
.btn-fix:hover > *,
.btn-fix.btn-over > * { background-color: #f8da67; }
.btn-fix:active,
.btn-fix.btn-pressed { background-color: #f8da67; }
.btn-fix:active > *,
.btn-fix.btn-pressed > * { background-color: #f8da67; }
.btn-fix.btn-m.btn-pressed > * { padding-left: 9px; padding-right: 9px; }
.btn-fix.btn-disabled { background-color: #d6d9df; }
.btn-fix.btn-disabled > * { background-color: #d6d9df; }
.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;
}
.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 #9EBAD8;
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;
}
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 {
background: #FFFFFF;
background-image: none;
border-color: #99A1A7;
color: #262626;
font-style: normal;
}
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/1und1/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: #C00030;
-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: #C00030 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;
}
.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 ul li {
display: inline;
float: left;
height: 30px;
margin-right: 5px;
position: relative;
}
.tab-nav ul li a,
.tab-nav ul 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 ul li a,
.cased .tab-nav ul li em {
background-color: #FFFFFF;
}
.tab-nav ul li.active a,
.tab-nav ul li.active em,
.tab-nav ul li.active a:focus {
background-color: #003D8F;
color: #FFFFFF;
cursor: default;
}
.tab-nav ul li a:hover,
.tab-nav ul li a:focus {
background-color: #3DA3DC;
color: #FFFFFF;
}
.tab-nav ul li.active a:hover {
background-color: #003D8F;
color: #FFFFFF;
}
.tab-nav ul li.active a .nose,
.tab-nav ul li.active em .nose {
border-top: 6px solid #003D8F;
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 ul li {
margin-right: 7px;
height: 40px;
}
.tab-nav.tab-l ul li a,
.tab-nav.tab-l ul li em {
height: 32px;
line-height: 30px;
font-weight: 400;
}
.tab-nav.tab-l ul li.active a .nose,
.tab-nav.tab-l ul 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-left-bottom,
.tooltip-left-top,
.tooltip-top-left,
.tooltip-bottom-left {
margin-left: 4px;
}
.tooltip-right-bottom,
.tooltip-right-top,
.tooltip-top-right,
.tooltip-bottom-right {
margin-left: -4px;
}
.tooltip-left-bottom,
.tooltip-right-bottom {
margin-top: -14px;
}
.tooltip-bottom-left,
.tooltip-bottom-right {
margin-top: -4px;
}
.tooltip-left-top,
.tooltip-right-top,
.tooltip-top-left,
.tooltip-top-right {
margin-top: 4px;
}
.tooltip-wrapper {
background: #FFFFFF;
border: 1px solid #AFAFAF;
-moz-box-shadow: 2px 2px 7px 2px rgba(104, 114, 130, 0.5);
box-shadow: 2px 2px 7px 0 rgba(104, 114, 130, 0.5);
padding: 10px 15px 14px;
cursor: default;
position: relative;
}
.tooltip-enlarged .nose {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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;
}
.tooltip-enlarged .nose { background-image: url(//img.ui-portal.de/homepage/img/1und1/tooltip/tooltip_sprite.gif)\0; }
:root .tooltip-enlarged .nose { background-image: url(//img.ui-portal.de/homepage/img/1und1/tooltip/tooltip_sprite.png)\0; }
.tooltip-enlarged.tooltip-top-left .nose {
top: -15px;
right: auto;
bottom: auto;
left: 11px;
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: 13px;
left: auto;
background-position: 0 -42px;
}
.tooltip-enlarged.tooltip-bottom-right .nose {
top: auto;
right: 19px;
bottom: -18px;
left: auto;
background-position: 0 -19px;
}
.tooltip-enlarged.tooltip-bottom-left .nose {
top: auto;
right: 19px;
bottom: -18px;
left: 11px;
background-position: 0 -19px;
}
.tooltip-enlarged.tooltip-left-bottom .nose {
top: auto;
right: auto;
bottom: 13px;
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 {
color: #3C3C3C;
font-size: 11px;
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: 0;
right: 0;
background-color: #E5E5E5;
background-image: url('//img.ui-portal.de/homepage/img/1und1/btn/layer_close.png');
display: block;
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-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;
}
#loginsearch-login .tab-nav {
background-color: #004192;
display: block;
height: 44px;
font-weight: 700;
padding: 0;
border: none;
overflow: visible;
}
#loginsearch-login .tab-nav li {
height: 44px;
margin: 0;
background-color: #004192;
border-right: 1px solid #5284C2;
}
#loginsearch-login .tab-nav li a {
font-size: 16px;
color: #EAF1FB;
font-family: Arial, Verdana, sans-serif;
height: 32px;
line-height: 30px;
padding: 6px 15px;
background-color: #003D8F;
}
#loginsearch-login .tab-container {
padding: 0;
position: relative;
z-index: 20;
height: 71px;
}
#loginsearch-login .tab-contentPart {
margin-left: 15px;
}
#loginsearch-login .tab-nav li a:hover,
#loginsearch-login .tab-nav li a:focus {
background-color: #FFFFFF;
color: #0760A7;
}
#loginsearch-login .tab-nav li.active a,
#loginsearch-login .tab-nav li.active a:hover {
background-color: #EAF1FB;
color: #0760A7;
cursor: pointer;
}
#loginsearch-login .tab-nav li.active a .nose {
border-top: 8px solid #003D8F;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
margin-left: -8px;
bottom: -8px;
}
#loginsearch-login .tab-contentPart,
#loginsearch-login .tab-nav ul {
}
.loginFixed #loginsearch-login .tab-nav ul {
margin-left: 0;
}
#loginsearch-login li a.hasIcon {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/sticky-tabs.png);
background-repeat: no-repeat;
outline: 0;
padding-left: 52px;
}
#loginsearch-login li a.icon-freemail {
background-position: 15px 10px;
}
#loginsearch-login li.active a.icon-freemail,
#loginsearch-login li a.icon-freemail:hover,
#loginsearch-login li a.icon-freemail:focus {
background-position: 15px -30px;
}
#loginsearch-login li a.icon-promail {
background-position: 15px -70px;
}
#loginsearch-login li.active a.icon-promail,
#loginsearch-login li a.icon-promail:hover,
#loginsearch-login li a.icon-promail:focus {
background-position: 15px -110px;
}
#loginsearch-login li a.icon-topmail {
background-position: 15px -150px;
}
#loginsearch-login li.active a.icon-topmail,
#loginsearch-login li a.icon-topmail:hover,
#loginsearch-login li a.icon-topmail:focus {
background-position: 15px -190px;
}
#loginsearch-login li a.icon-demail {
background-position: 15px -315px;
}
#loginsearch-login li.active a.icon-demail,
#loginsearch-login li a.icon-demail:hover,
#loginsearch-login li a.icon-demail:focus {
background-position: 15px -360px;
}
#loginsearch-login li a.icon-search {
background-position: 15px 5px;
}
#loginsearch-login li.active a.icon-search,
#loginsearch-login li a.icon-search:hover,
#loginsearch-login li a.icon-search:focus {
background-position: 15px -35px;
}
#loginsearch-login li a.icon-control-center {
background-position: 15px -75px;
}
#loginsearch-login li.active a.icon-control-center,
#loginsearch-login li a.icon-control-center:hover,
#loginsearch-login li a.icon-control-center:focus {
background-position: 15px -115px;
}
#loginsearch-login li a.icon-kundenshop {
background-position: 15px -154px;
}
#loginsearch-login li.active a.icon-kundenshop,
#loginsearch-login li a.icon-kundenshop:hover,
#loginsearch-login li a.icon-kundenshop:focus {
background-position: 15px -194px;
}
#loginsearch-login li a.icon-webmail {
background-position: 15px -233px;
}
#loginsearch-login li.active a.icon-webmail,
#loginsearch-login li a.icon-webmail:hover,
#loginsearch-login li a.icon-webmail:focus {
background-position: 15px -273px;
}
#loginsearch-login li a.icon-demail {
background-position: 11px -314px;
}
#loginsearch-login li.active a.icon-demail,
#loginsearch-login li a.icon-demail:hover,
#loginsearch-login li a.icon-demail:focus {
background-position: 11px -354px;
}
#loginsearch-login form.form-login {
display: block;
padding: 12px 0 0;
}
.tooltip-name-demail,
.tooltip-name-password {
margin-top: 17px;
padding-left: 6px;
padding-top: 14px;
width: auto;
height: auto;
}
.tooltip-name-demail .tooltip-wrapper,
.tooltip-name-password .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,
.tooltip-name-password .tooltip-wrapper p {
margin-bottom: 0;
font-size: 13px;
line-height: 20px;
color: #262626;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tooltip-name-password .tooltip-wrapper p + p {
margin-top: 4px;
}
.tooltip-name-password .tooltip-wrapper p:not(.tooltip-blocker) a {
font-weight: bold;
}
.tooltip-name-demail .tooltip-wrapper .tooltip-blocker,
.tooltip-name-password .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.login-username > span a {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/icon-info.png);
background-repeat: no-repeat;
background-position: 0 0;
padding-left: 21px;
padding-bottom: 3px;
cursor: pointer;
}
.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,
#loginsearch-demail {
height: 34px;
position: absolute;
top: 18px;
display: inline-block;
}
#loginsearch #loginsearch-search.open {
z-index: 30;
}
#loginsearch-demail { padding-left: 15px; }
#loginsearch-demail * { display: inline-block; vertical-align: top;}
#loginsearch-demail > div > h\:header {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 18px;
color: #034090;
}
#loginsearch-demail > div > a { display: block; margin-top: 3px; }
#loginsearch-demail span { margin: 0 0 0 60px; }
#loginsearch-demail .btn-m > a { line-height: 33px; }
#loginsearch-demail .btn-m.btn-pressed > a { height: 32px; line-height: 32px; }
#inpSearchText {
border-color: #3DA3DC;
width: 478px;
margin-right: 10px;
padding-left: 10px;
font-weight: bold;
background: #FFFFFF;
background: #FFFFFF url(//img.ui-portal.de/homepage/img/1und1/icons/search.png) center -272px no-repeat;
}
#inpSearchText[data-suggest-enabled="true"] {
padding-right: 30px;
width: 454px;
}
#header #inpSearchText {
border-color: #4E7AC0;
}
#inpSearchText:focus {
-moz-box-shadow: none;
box-shadow: none;
}
#inpSearchText + .placeholder {
color: #7EA63B;
font-weight: 700;
}
#inpSearchText::-webkit-input-placeholder {
color: #7EA63B;
font-weight: 700;
}
#inpSearchText:focus::-webkit-input-placeholder {
color: transparent;
}
#inpSearchText:-moz-placeholder {
color: #7EA63B;
font-weight: 700;
}
#inpSearchText::-moz-placeholder {
color: #7EA63B;
font-weight: 700;
}
#inpSearchText:-moz-placeholder:focus {
color: transparent;
}
#inpSearchText::-moz-placeholder:focus {
color: transparent;
}
#inpSearchText:-ms-input-placeholder {
color: #7EA63B;
font-weight: 700;
}
#inpSearchText:-ms-input-placeholder:focus {
color: transparent;
}
.jsDisabled #inpSearchText:focus,
#inpSearchText.filled,
#inpSearchText.clickSelected {
background-position: center -300px;
}
#searchControls .btn-wrapper.hasIcon .btn-icon {
background-image: url('//img.ui-portal.de/homepage/img/1und1/icons/search.png');
background-position: 3px 2px;
}
#loginsearch-search .onlyIcon {
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
}
#loginsearch-search .onlyIcon > input {
-moz-border-top-left-radius: 0;
border-top-left-radius: 0;
-moz-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 35px;
padding-right: 14px;
}
#loginsearch-search .btn-fix.onlyIcon {
background-image: url(//img.ui-portal.de/homepage/img/1und1/btn/search_m.png);
padding-right: 0
}
#loginsearch-search .btn-fix.onlyIcon,
#loginsearch-search .btn-fix.onlyIcon > input {
margin-left: 0;
}
#loginsearch-search .btn-fix.onlyIcon > input {
background: none;
padding-right: 15px;
}
x:-o-prefocus,
#loginsearch-search .onlyIcon input,
#loginsearch-search .btn-fix.onlyIcon input { padding-right: 13px; }
#loginsearch-search .btn-fix.hasIcon .btn-icon {
display: none;
}
#search-textlink {
display: none;
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/search.png);
background-repeat: no-repeat;
background-position: 130px -274px;
}
#search-textlink a {
display: inline-block;
padding-right: 30px;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #b5ccea;
line-height: 30px;
}
#loginsearch-ad {
position: absolute;
bottom: 16px;
z-index: 25;
right: 0;
width: 770px;
}
#loginsearch-login.tab-active-search #loginsearch-ad {
width: 580px;
}
#halfpage .loginmode-init #loginsearch-login #loginsearch-ad,
#halfpage .loginmode-reduced #loginsearch-login #loginsearch-ad {
width: auto;
right: 0;
}
#halfpage .loginmode-init #loginsearch-ad>h\:section,
#halfpage .loginmode-reduced #loginsearch-ad>h\:section {
margin-right: 0;
}
#halfpage .loginmode-init #loginsearch-ad>h\:section+h\:section,
#halfpage .loginmode-reduced #loginsearch-ad>h\:section+h\:section {
display: none;
}
#loginsearch {
background: none;
position: absolute;
top: 0;
left: 0;
right: 0;
margin-top: 409px;
overflow: visible;
clear: both;
width: 1260px;
margin-left: auto;
margin-right: auto;
background-image: url(//img.ui-portal.de/homepage/img/1und1/bg/login-bg.png);
background-repeat: repeat-x;
}
[data-login-disabled="1"] #loginsearch {
background-image: url(//img.ui-portal.de/homepage/img/1und1/bg/login-bg-disabled.png);
}
.jsDisabled #loginsearch {
margin-top: 139px;
}
.jsDisabled.hasMessage #loginsearch {
margin-top: 248px;
}
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/1und1/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/1und1/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"]:not(.hasBreakingNews) #loginsearch {
margin-top: 378px;
}
body[data-promoline-position="belowlogin"]:not(.hasBreakingNews).hasMessage #loginsearch {
margin-top: 487px;
}
body[data-promoline-position="belowlogin"]:not(.hasBreakingNews).hasMessage.loginFixed #loginsearch {
margin-top: 0;
}
#loginsearch-login {
position: relative;
background-color: #EAF1FB;
}
#loginsearch>.container {
background-color: #EAF1FB;
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 #loginsearch-mail {
float: right;
margin-right: 15px;
}
#loginsearch #loginsearch-mail .r1 {
width: auto;
height: auto;
}
#loginsearch #loginsearch-mail a {
color: #EAF1FB;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
line-height: 44px;
}
#loginsearch #loginsearch-mail a:hover,
#loginsearch #loginsearch-mail a:focus {
text-decoration: underline;
}
#loginsearch #loginsearch-mail a strong {
font-weight: bold;
}
.hideLoginsearchHeaderAd.tab-active-control #loginsearch-mail,
.hideLoginsearchHeaderAd.tab-active-kundenshop #loginsearch-mail,
.hideLoginsearchHeaderAd.tab-active-webmail #loginsearch-mail,
.hideLoginsearchHeaderAd.tab-active-demail #loginsearch-mail {
display: none;
}
#inpSearchText::-ms-clear {
display: none;
}
#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 #9EBAD8;
width: 494px;
left: 0;
}
#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: #3C3C3C;
}
#suggestions ul li.active span,
#suggestions ul li.active .suggestion span,
#suggestions ul li.spell-correct:hover span {
background: #E5E5E5;
}
#suggestions ul li b {
color: #000000;
font-weight: normal;
}
#suggestions ul li.active b {
color: #FFFFFF;
}
#suggestions p {
color: #8D8D8D;
font-size: 11px;
line-height: 14px;
padding: 8px 9px 8px;
text-align: right;
margin-bottom: 0;
}
#suggestions p .small-text {
display: none;
}
.searchFormReset {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/search_suggest_close.png);
left: 473px;
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;
}
.filled .searchFormReset {
display: inline;
}
#jumplabel {
position: fixed;
bottom: 60px;
height: 30px;
width: 30px;
filter: alpha(opacity=80);
-webkit-opacity: 0.8;
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
background: #003D8F url('//img.ui-portal.de/homepage/img/1und1/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;
}
.ad.empty {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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;
}
.hasMessage .ad-type-bridge.ad-component-layer {
display: none !important;
}
.ad-component-layer.ad-type-sitebar {
left: 0;
}
.ad-component-sitebar { left: 1322px; }
.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;
}
[data-ua-os="ios"] .ad-component-sitebar iframe[width="100%"] {
width: 220px;
min-width: 100%;
}
.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: 20px;
}
.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,
.ad-component .iframe {
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,
.ad-component .fallback .col4,
.ad-component .fallback .col4border,
.ad-component .fallback .col3,
.ad-component .fallback .col3border,
.ad-component .fallback .col2 {
display: none;
}
.ad-component-billboard .noflash .col4,
.ad-component-billboard .noflash .col4border,
.ad-component-billboard .noflash .col3,
.ad-component-billboard .noflash .col3border,
.ad-component-billboard .noflash .col2,
.ad-component-billboard .fallback .col4,
.ad-component-billboard .fallback .col4border,
.ad-component-billboard .fallback .col3,
.ad-component-billboard .fallback .col3border,
.ad-component-billboard .fallback .col2 {
margin: 0 auto;
}
.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,
[data-status="ipblocked"] #middle-container,
[data-status="loginfailed"] #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,
.ad-type-bridge.ad-component-superbanner > .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; background-color: #FFFFFF; }
.rect321 .wrapper-border {
padding-left: 11px;
padding-right: 11px;
margin: 0;
}
.rect321 #header {
margin-left: -10px;
margin-right: -10px;
}
.rect321 body {
min-width: 982px;
}
#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.politeFallback > .fallback {
position: absolute;
top: 0;
left: 0;
display: block;
visibility: visible;
}
.adWithOutsideComponent { margin-left: 0.5px; }
[data-ua-browser="edge"].adWithOutsideComponent { margin-left: 0; }
.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;
}
.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;
}
.ad-multiple-fallback {
display: block;
}
.order-template-5 .order-5 {
float: right;
}
#halfpage.order-template-5 .order-5 {
float: left;
}
#adLayer .layer-overlay {
font-family: 'Open Sans', sans-serif;
background: rgba(0,61,143,0.6);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align:center;
white-space:nowrap;
}
#adLayer .layer-overlay:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
#adLayer .layer-overlay {
background: url(//img.ui-portal.de/homepage/img/1und1/ads/layer/default/overlay.png) repeat 0 0\0;
}
#adLayer .layer-container {
background: #FFFFFF;
border: 1px solid #C7CBD1;
cursor: default;
height: auto;
position: relative;
padding: 35px 0 30px 30px;
width:auto;
z-index:4000;
color:#262626;
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: normal;
}
#adLayer .layer-container .layerCloserRt {
background: url(//img.ui-portal.de/homepage/img/1und1/ads/layer/default/close-default.png) no-repeat 100% 0;
height: 20px;
right: 30px;
top: 20px;
color: #2269C3;
cursor: pointer;
display: inline-block;
line-height: 15px;
padding-right: 23px;
position: absolute;
z-index: 3000;
cursor: pointer;
}
#adLayer .layer-container .layerCloserRt:hover {
background: url(//img.ui-portal.de/homepage/img/1und1/ads/layer/support/close-hover.png) no-repeat 100% 0;
}
#adLayer .button-container { clear: both; }
#adLayer .button-key {
text-indent: -99999px;
display: inline-block;
overflow: hidden;
background-image: url(//img.ui-portal.de/homepage/img/1und1/ads/layer/default/key_xl.png);
background-repeat: no-repeat;
background-position: 0 -82px;
height: 62px;
width: 198px;
}
#adLayer .button-key:hover,
#adLayer .button-key:focus {
background-position:-218px 0;
outline:none;
}
#adLayer .button-key:active {
background-position:-436px 0;
}
#adLayer .button-container { clear: both; }
#adLayer .btn-secondary {
display: inline-block;
vertical-align: top;
margin: 25px 0 0 40px;
}
#adLayer .layer-container .layer-content h3 {
color: #646E80;
font-size: 30px;
font-weight: 400;
margin: 20px 0 0;
padding-bottom: 2px;
}
#adLayer .layer-container .layer-content .subline {
color: #1C449B;
font: 400 18px/25px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 14px;
}
#adLayer .list {
margin-right: 20px;
padding: 0 15px;
}
#adLayer .list li > .list { padding-bottom: 0; }
#adLayer .list-s > li {
background-position: 0 2px;
padding: 0 0 0 26px;
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin-bottom: 10px;
}
#adLayer .list-s.list-service > li {
background-image: url(//img.ui-portal.de/homepage/img/1und1/ads/layer/default/layer_usp.png);
}
#adLayer .layer-container .layer-content > img {
float: left;
margin: 4px 0 15px;
}
#adLayer .layer-container .layer-content table tr:first-child td p {
color: #646E80;
font-size: 16px;
font-weight: 400;
line-height: 20px;
width: 450px;
margin: 20px 30px 0 0;
padding: 20px 0 50px;
border-top: 1px solid #eeeeee;
}
#adLayer .layer-container .layer-content table {
display: block;
width: 750px;
clear: both;
}
#adLayer .layer-container .layer-content table tr:first-child td + td > img {
margin: 25px 0 15px 0;
}
#adLayer .layer-container .layer-content #layer-icons img { float: left; margin-bottom: 10px; }
#adLayer .layer-container .layer-content #layer-icons p{
font-weight: 400px;
font-size: 16px;
color: #646E80;
float: left;
margin-top: 15px;
margin-left: 10px;
}
#adLayer .layer-container .layer-content #layer-btn a {
border: 1px solid #0F95FC;
border-radius: 4px;
padding: 10px 10px;
display: inline-block;
font-size: 14px;
color: #0F95FC;
text-decoration: none;
}
#adLayer .layer-container .layer-content #layer-btn a:hover {
background-color: #F5F9FC;
}
.channel.hasSponsoredTeaser {
position: relative;
}
.channel.hasSponsoredTeaser uim\:ad + span + .news-tile-item { width: 129px; }
.channel a>.sponsored {
position: absolute;
right: 0;
bottom: 0;
width: 16px;
height: 120px;
background: url(//img.ui-portal.de/homepage/img/1und1/bg/sponsored_120.jpg) no-repeat right bottom;
}
.channel .news-image-list + a>.sponsored { height: 112px; background-image: url(//img.ui-portal.de/homepage/img/1und1/bg/sponsored_112.jpg); }
.channel .news-fullsize + a>.sponsored { height: 85px; background-image: url(//img.ui-portal.de/homepage/img/1und1/bg/sponsored_85.jpg); }
.channel .news-text-list + a>.sponsored { height: 72px; background-image: url(//img.ui-portal.de/homepage/img/1und1/bg/sponsored_72.jpg); }
.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: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #3DA3DC;
font-weight: bold;
padding: 2px 10px 2px 10px;
}
.news .news-content > h\:header a:hover {
color: #0760A7;
}
.erotik .news .news-content > h\:header a,
.erotik .news .news-content > h\:header span {
background-color: #BC1761;
color: #FFFFFF;
}
.news .news-content > h\:header a:hover {
background-color: #FFFFFF;
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/1und1/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/1und1/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/1und1/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.news-tile-item .teaser-img span.auto-service {
width: 36px;
height: 24px;
background-image: url(//img.ui-portal.de/homepage/img/1und1/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/1und1/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,
.news-fullsize-item .teaser-text,
.news-double-fullsize-item .teaser-text,
.news-gallery .teaser-text {
color: #FFFFFF;
background-color: rgba(60, 60, 60, 0.8);
background-repeat: repeat;
}
.multi-news .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/1und1/bg/news_bg.png)\9;
}
:root .multi-news .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/1und1/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/1und1/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;
color: #003D8F;
}
.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: #003D8F;
}
.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: #003D8F;
}
.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: #003D8F;
}
.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;
color: #003D8F;
}
.news-text-list-item a {
color: #003D8F;
}
.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: #003D8F;
}
.news-text-list-item .news-content .teaser-text > h\:header a {
color: #003D8F;
}
.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;
}
.news-tile-item a {
color: #003D8F;
}
.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;
}
.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;
}
.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.channel-special {
margin-bottom: 0;
padding-bottom: 20px;
}
h\:section.channel.channel-special + .channel-special {
margin-bottom: 20px;
padding-bottom: 0;
}
h\:section.channel.football {
background-color: #EEF7ED;
}
.football .news .news-content > h\:header a,
.football .news .news-content > h\:header span {
background-color: #119007;
}
.football .news .teaser-text span.more {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/football/more.png);
}
h\:section.channel.olympia {
background-color: #EBF4ED;
}
.olympia .news-image-list-item .teaser-text,
.olympia .news-image-list-item .teaser-text h\:header,
.olympia .news-image-list-item .teaser-text h\:header a,
.olympia .news-image-list-item a {
color: #262626;
}
.olympia .news .news-content > h\:header a:hover {
color: #FFFFFF;
}
.olympia .news .news-content > h\:header a,
.olympia .news .news-content > h\:header span {
background-color: #02731E;
}
.olympia .news .teaser-text span.more {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/olympia/more.png);
}
.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;
padding-top: 12px;
}
.news-gallery .slider-item > h\:header {
margin-bottom: 8px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 21px;
line-height: 25px;
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
}
.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/1und1/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/1und1/icons/overlay_imagegallery.png);
position: absolute;
display: block;
}
.news-gallery-item .teaser-img span.blog {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/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;
min-height: 36px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-weight: bold;
padding: 4px 5px 7px 5px;
margin-bottom: 0;
}
.news-gallery-item .teaser-text p {
display: none;
}
.news-gallery .slider-items-list {
display: block;
overflow: hidden;
list-style: none;
clear: both;
}
.news-gallery .slider-items-list li {
display: block;
float: left;
}
.news-gallery .slider-items-list li + li {
margin-left: 4px;
}
.news-gallery .slider-items-list li > span {
display: block;
width: 72px;
text-align: center;
font-size: 9px;
line-height: 16px;
padding-top: 42px;
padding-bottom: 6px;
position: relative;
cursor: default;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-gallery .slider-items-list li.active > span,
.news-gallery .slider-items-list li > span:hover {
color: #FFFFFF;
text-decoration: none;
}
.news-gallery .slider-items-list li > span .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 > span .icon,
.news-gallery .slider-items-list li > span:hover .icon {
background-position: bottom center;
}
.football .news-gallery .slider-item > h\:header {
color: #119007;
}
.football .news-gallery .slider-items-list li > span {
color: #119007;
background-color: #CFE9CD;
}
.football .news-gallery .slider-items-list li.active > span,
.football .news-gallery .slider-items-list li > span:hover {
color: #FFFFFF;
background-color: #119007;
}
.football .news-gallery .slider-items-list li.news > span .icon { background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/football/news.png); }
.football .news-gallery .slider-items-list li.em-buzz > span .icon { background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/football/em-buzz.png); }
.football .news-gallery .slider-items-list li.video > span .icon { background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/football/video.png); }
.football .news-gallery .slider-items-list li.euro-live > span .icon { background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/football/euro-live.png); }
.olympia .news-gallery .slider-item > h\:header {
color: #02731E;
}
.olympia .news-gallery .slider-items-list li > span {
color: #02731E;
background-color: #CFE9CD;
}
.olympia .news-gallery .slider-items-list li.active > span,
.olympia .news-gallery .slider-items-list li > span:hover {
color: #FFFFFF;
background-color: #02731E;
}
.olympia .news-gallery .slider-items-list li.news > span .icon { background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/olympia/news.png); }
.olympia .news-gallery .slider-items-list li.buzz > span .icon { background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/olympia/buzz.png); }
.olympia .news-gallery .slider-items-list li.video > span .icon { background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/olympia/video.png); }
.olympia .news-gallery .slider-items-list li.live > span .icon { background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/olympia/live.png); }
#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/1und1/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;
}
.multi-news .slider { background-color: #333333\9; }
.multi-news .teaser-content { background-image: url(//img.ui-portal.de/homepage/img/1und1/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/1und1/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/1und1/icons/playbutton.png);
}
.multi-news .teaser-img span.game {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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;
}
.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: #F3E11E;
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;}
.multi-news.hero .teaser-content {
width: 480px;
height: 250px;
zoom: 1;
background-position: center center;
opacity: inherit;
filter: inherit;
background-image: none;
}
.defaultHero .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/1und1/icons/playbutton.png);
}
.multi-news.hero .slider .teaser-text,
#products1and1 .teaser-text,
#products1and12 .slider .teaser-content .teaser-text { display: none !important; }
.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: #F3E11E;
}
.multi-news.hero .news-list li .news-list-teaser a {
zoom: 1;
}
.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-bottom: 2px;
}
.multi-news.hero .news-list li .news-list-teaser h\:figcaption:after {
content: '';
display: block;
clear: both;
width: 0;
height: 0;
}
.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.breaking h\:figcaption span.placeholder {
margin-top: 14px;
}
.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;
}
h\:section.channel {
margin-left: 0;
margin-right: 0;
height: 250px;
overflow: hidden;
background-color: #EAF1FB;
margin-bottom: 20px;
}
h\:section.channel.noBackground {
background-color: transparent;
}
.module-group .channel {
width: 620px;
}
.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: #003D8F;
}
.ad .module h3 a,
.info .module h3 a {
color: #003D8F;
}
.ad .module p,
.info .module p {
font-size: 11px;
line-height: 14px;
color: #003D8F;
}
.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: #003D8F;
text-decoration: underline;
}
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/1und1/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;}
.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: #EAF1FB;
padding: 15px 15px 13px 15px;
}
.oms-ad .oms-content.bigImg {
padding: 0;
border: 0;
}
.oms-ad .oms-content .oms-img {
position: absolute;
}
.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: #3C3C3C;
font-size: 14px;
line-height: 15px;
font-family: Arial, Verdana, sans-serif;
display: block;
font-weight: bold;
}
.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: #003D8F;
font-family: Arial, Verdana, 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: #003D8F;
margin-bottom: 0;
}
.oms-ad .oms-content .oms-text p .more,
.oms-ad .oms-content .oms-text p .more a {
color: #003D8F;
text-decoration: underline;
}
.oms-ad .oms-content .oms-text p .more:hover,
.oms-ad .oms-content .oms-text p .more a:hover { text-decoration: underline; }
#omsFirst {
margin: 0 0 20px 0;
}
.jsEnabled #omsFirst.empty {
height: 115px;
width: 1280px;
}
#omsFirst > .r4 {
width: 1280px;
position: relative;
}
#omsFirst > .r4 > h\:section {
margin-left: 10px;
margin-right: 10px;
width: auto;
}
#omsFirst > .r4 > h\:section .r1 {
margin-right: 0;
width: 620px;
}
#omsFirst .r4 { height: auto; }
#omsFirst > .r4 > h\:section .r1 { height: 115px; }
#omsFirst .oms-content.bigImg {
padding: 0;
border: 0;
}
#omsFirst > .r4 > h\:section .oms-img {
right: 15px;
top: 15px;
}
#omsFirst > .r4 > h\:section .oms-content .oms-text h\:header {
display: block;
text-transform: uppercase;
height: 25px;
overflow: hidden;
margin-bottom: 3px;
}
#omsFirst > .r4 > h\:section .oms-content .oms-text p {
max-height: 40px;
overflow: hidden;
}
#omsFirst .oms-ad .oms-content .oms-text p {
height: 40px;
}
#omsFirst > .r4 > h\:section .oms-content-large .oms-img {
display: block;
width: 110px;
height: 85px;
text-align: center;
}
#omsFirst > .r4 > h\:section .oms-content-large .oms-text {
margin-bottom: 4px;
margin-right: 125px;
}
#omsFirst > .r4 > h\:section .oms-content-small {
display: none;
}
#omsFirst > .r4 > h\:section .oms-content-small .oms-text {
margin-right: 100px;
}
#omsFirst > .r4 > h\:section .oms-content-small .oms-text h\:header {
margin-bottom: 3px;
}
#omsFirst > .r4 > h\:section .oms-content-small .oms-text h\:header + .btn-position { margin-top: 14px; }
#loginsearch-ad > h\:section {
margin:0 5px 0 0 ;
}
#loginsearch-ad > h\:section + h\:section {
margin:0 0 0 5px;
}
#loginsearch-ad > h\:section .r1 {
height: 48px;
width: auto;
}
#loginsearch-ad > h\:section .oms-content {
height: 30px;
width: 200px;
padding: 9px 10px 9px 10px;
background-color: rgba(255,0,0,0.1);
background-color: transparent;
}
#loginsearch-ad > h\:section .oms-content.bigImg {
height: 48px;
padding: 0;
width: 220px;
}
#loginsearch-ad > h\:section .oms-content.oms-content-large { width: 360px; }
#loginsearch-ad > h\:section .oms-content.oms-content-large.bigImg { width: 380px; }
#loginsearch-ad > h\:section .oms-content.oms-content-medium { width: 265px; }
#loginsearch-ad > h\:section .oms-content.oms-content-medium.bigImg { width: 285px; }
#loginsearch-ad > h\:section .oms-content.oms-content-mini { width: 120px; }
#loginsearch-ad > h\:section .oms-content.oms-content-mini.bigImg { width: 140px; }
#loginsearch-ad > h\:section .oms-content.oms-content-small { display: none; }
#loginsearch-ad > h\:section .oms-img {
top: 8px;
left: 10px;
}
#loginsearch-ad > h\:section .oms-content > h\:header { display: none; }
#loginsearch-ad > h\:section .oms-content.oms-content-small .oms-text { margin-left: 42px; }
#loginsearch-ad > h\:section .oms-content.oms-content-large .oms-text { margin-left: 58px; }
#loginsearch-ad > h\:section .oms-content.oms-content-mini .oms-text,
#loginsearch-ad > h\:section .oms-content.oms-content-medium .oms-text { margin-right: 0; }
#loginsearch-ad > h\:section .oms-content .oms-text h\:header,
#loginsearch-ad > h\:section .oms-content .oms-text h\:header a {
font-size: 11px;
line-height: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 700;
margin-top: 0;
color: #3C3C3C;
}
#loginsearch-ad > h\:section .oms-content .oms-text p,
#loginsearch-ad > h\:section .oms-content .oms-text p a {
font-size: 11px;
line-height: 15px;
max-height: 15px;
overflow: hidden;
margin-bottom: 0;
color: #003D8F;
}
#loginsearch-ad > h\:section .oms-content .oms-text p a {
color: #1F6A9F;
}
#loginsearch-login.tab-active-search #loginsearch-ad > h\:section .oms-content.oms-content-medium,
#loginsearch-login.tab-active-control #loginsearch-ad > h\:section .oms-content.oms-content-large,
#loginsearch-login.tab-active-webmail #loginsearch-ad > h\:section .oms-content.oms-content-large,
#loginsearch-login.tab-active-demail #loginsearch-ad > h\:section .oms-content.oms-content-large,
#loginsearch-login.tab-active-kundenshop #loginsearch-ad > h\:section .oms-content.oms-content-large { display: block; }
#loginsearch-login.tab-active-search #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-search #loginsearch-ad > h\:section .oms-content.oms-content-small,
#loginsearch-login.tab-active-search #loginsearch-ad > h\:section .oms-content.oms-content-large,
#loginsearch-login.tab-active-control #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-control #loginsearch-ad > h\:section .oms-content.oms-content-small,
#loginsearch-login.tab-active-control #loginsearch-ad > h\:section .oms-content.oms-content-medium,
#loginsearch-login.tab-active-webmail #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-webmail #loginsearch-ad > h\:section .oms-content.oms-content-small,
#loginsearch-login.tab-active-webmail #loginsearch-ad > h\:section .oms-content.oms-content-medium,
#loginsearch-login.tab-active-demail #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-demail #loginsearch-ad > h\:section .oms-content.oms-content-small,
#loginsearch-login.tab-active-demail #loginsearch-ad > h\:section .oms-content.oms-content-medium,
#loginsearch-login.tab-active-kundenshop #loginsearch-ad > h\:section .oms-content.oms-content-mini,
#loginsearch-login.tab-active-kundenshop #loginsearch-ad > h\:section .oms-content.oms-content-small,
#loginsearch-login.tab-active-kundenshop #loginsearch-ad > h\:section .oms-content.oms-content-medium { display: none; }
#promoline {
margin: 0 10px;
font-size: 11px;
overflow: hidden;
height: 15px;
line-height: 15px;
margin-bottom: 13px;
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;
}
#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;
background-color: #F3E11E;
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"].hasBreakingNews #promoline {
position: absolute;
top: 538px;
}
body[data-promoline-position="belowlogin"].hasMessage #promoline {
top: 617px;
}
body[data-promoline-position="belowlogin"].hasMessage.hasBreakingNews #promoline {
top: 647px;
}
.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: #003D8F; }
.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/1und1/icons/arrows.gif) no-repeat 0 -392px;
padding-left: 8px;
}
.oms-rectangle {
height: 250px;
overflow: hidden;
}
.oms-rectangle .oms-content {
height: 220px;
}
.oms-rectangle .oms-content.bigImg {
padding: 0;
height: 250px;
border-top: 0;
}
.oms-rectangle .oms-img {
top: 107px;
right: 15px;
}
.oms-rectangle .oms-content > h\:header {
margin-bottom: 15px;
}
.oms-rectangle .oms-content .oms-text h\:header,
.oms-rectangle .oms-content .oms-text h\:header a {
font-size: 21px;
height: 50px;
overflow: hidden;
}
.oms-rectangle .oms-content .oms-text h\:header {
display: block;
margin-bottom: 9px;
text-transform: uppercase;
}
.oms-rectangle .oms-content .oms-text p {
margin-bottom: 28px;
overflow: hidden;
margin-right: 135px;
}
.oms-rectangle .oms-content .oms-text p .more {
display: block;
padding-top: 10px;
}
.oms-rectangle .oms-content .oms-text .btn-position {
text-align: center;
}
.ad .r1 > h\:header,
.info .r1 > h\:header {
display: block;
color: #6A6A6A;
border-bottom: 1px solid #99B6D5;
color: #003D8F;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 17px;
font-weight: bold;
margin-top: 2px;
padding-bottom: 7px;
margin-bottom: 7px;
}
.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: #6E91BA;
font-family: Verdana, Arial, Helvetica, sans-serif;
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/1und1/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;
}
.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; }
@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;
}
.module {
position: relative;
}
.advHalfRectangle {
height: 115px;
width: 300px;
}
.ad .module .advHalfRectangle {
margin-bottom: 20px;
}
.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: inline-block;
}
.advHalfRectangle .content h2 a {
color: #6E91BA;
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/1und1/icons/price.gif) no-repeat 100% -48px;
color: #FFFFFF;
background: #0760A7 url(//img.ui-portal.de/homepage/img/1und1/icons/price.png) 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/1und1/icons/price.gif) no-repeat 69px -96px;
color: #003D8F;
background: #E5E5E5 url(//img.ui-portal.de/homepage/img/1und1/icons/price.png) no-repeat 69px -96px;
padding-right: 15px;
right: 70px;
width: 65px;
}
.advFullRectangle .moduleContent > a img {
display: block;
margin-bottom: 9px;
}
#adRectangle .advFullRectangle .moduleContent > a img,
#adRectangleBottom .advFullRectangle .moduleContent > a img { margin-bottom: 10px; }
.advFullRectangle .content {
padding: 0 15px 0 0;
}
.advFullRectangle .content h2 {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
margin-bottom: 7px;
}
#adRectangle .advFullRectangle .content h2,
#adRectangleBottom .advFullRectangle .content h2 {
font-size: 12px;
margin-bottom: 10px;
}
.advFullRectangle .content h2,
.advFullRectangle .content h2 a {
color: #6A6A6A;
}
.advFullRectangle .content h3 {
font-size: 11px;
line-height: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #003D8F;
margin-bottom: 5px;
}
#adRectangle .advFullRectangle .content h3,
#adRectangleBottom .advFullRectangle .content h3 {
font-size: 16px;
line-height: 19px;
font-family: Arial, Verdana, sans-serif;
margin-bottom: 7px;
white-space: normal;
}
.advFullRectangle .content h3 a,
.advFullRectangle .content h3 a span {
color: #003D8F;
}
.advFullRectangle .content p,
.advFullRectangle .content a.more {
font-size: 11px;
line-height: 16px;
display: inline;
}
#adRectangle .advFullRectangle .content p,
#adRectangle .advFullRectangle .content a.more,
#adRectangleBottom .advFullRectangle .content p,
#adRectangleBottom .advFullRectangle .content a.more {
font-size: 12px;
line-height: 17px;
}
.advFullRectangle .content p,
.advFullRectangle .content p a,
.advFullRectangle .content p a span {
color: #003D8F;
}
.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 #99B6D5;
position: relative;
zoom: 1;
}
.uim-top-list .uim-content ul li.last {
border-bottom: 1px solid #99B6D5;
}
.uim-top-list .uim-content ul li a {
line-height: 20px;
color: #262626;
display: block;
padding: 6px 57px 6px 29px;
zoom: 1;
background: #FFFFFF;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/uim-finanzvergleich.png);
background-repeat: no-repeat;
background-position: left 10px;
font-size: 11px;
}
.uim-top-list .uim-content ul li a span.more {
color: #003D8F;
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: #EAF1FB;
background-position: left -17px;
}
.uim-top-list .uim-content ul li a span.more:hover {
text-decoration: underline;
}
.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;
}
.uim-fullsize-imageteaser .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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/1und1/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: #003D8F;
}
.uim-fullsize-rotate .teaser-text p {
margin-bottom: 0;
font-size: 11px;
line-height: 16px;
}
.uim-fullsize-rotate .teaser-text p span.more {
color: #003D8F;
}
.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;
}
.uim-gallery.uim-imagegallery .teaser-text > h\:header {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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;
}
.uim-gallery.uim-imagegallery .teaser-text .tag,
.uim-gallery.uim-imagegallery .teaser-text .tag span {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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;
}
.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 {
-moz-box-shadow: 0 0 4px #B3B8C0;
box-shadow: 0 0 4px #B3B8C0;
background: #FFFFFF;
background-image: none;
border-color: #99A1A7;
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;
}
.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;
}
.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/1und1/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;
}
.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;
}
.uim-fullsize-form .teaser-text {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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;
}
.uim-fullsize-form form {
display: block;
overflow: hidden;
}
.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.ad.empty {
display: none;
}
.adaptiveboard > .r1 {
width: 1260px;
height: 138px;
}
.adaptiveboard .ad .r1 {
width: 1260px;
}
.adaptiveboard .ad .r1 h\:header {
overflow: hidden;
}
.adaptiveboard .ad .r1 iframe {
width: 1260px;
height: 104px;
display: block;
}
.adRectangleBottom {
float: right;
}
#uim_5 {
float: right;
}
.topnews .r3 {
position: relative;
background-image: url(//img.ui-portal.de/homepage/img/1und1/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: #C50707;
}
@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: #3DA3DC;
}
.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(60, 60, 60, 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(60, 60, 60, 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: #3DA3DC;
}
.topnews .link-list li a {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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/1und1/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;
}
.topnews .teaser-img .before {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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;
}
.content-slider {
padding-top: 15px;
overflow: visible;
position: relative;
margin-bottom: 30px;
}
.content-slider .slider-item.loader {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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 .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 > .r4 > .slider-container > .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/1und1/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 #EAF1FB;
background-color: #EAF1FB;
}
.service h\:header {
color: #003D8F;
font-size: 21px;
line-height: 25px;
margin-bottom: 8px;
font-family: Arial, Helvetica, sans-serif;
display: block;
font-weight: bold;
}
.service h\:header a {
color: #003D8F;
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/1und1/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: #003D8F;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.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; }
.horoscope .service-content > .overview,
.horoscope .service-content > .close {
display: none;
}
[data-variant-name="horoscope-slider"] .horoscope .service-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 250px;
}
[data-variant-name="horoscope-slider"] .horoscope .service-content h\:header {
margin-bottom: 15px;
}
[data-variant-name="horoscope-slider"] .horoscope .service-content > .overview,
[data-variant-name="horoscope-slider"] .horoscope .service-content > .close {
display: block;
position: absolute;
right: 15px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
top: 15px;
line-height: 19px;
color: #0461A9;
font-weight: 700;
cursor: pointer;
}
[data-variant-name="horoscope-slider"] .horoscope .service-content > .overview:hover,
[data-variant-name="horoscope-slider"] .horoscope .service-content > .close:hover {
text-decoration: underline;
}
[data-variant-name="horoscope-slider"] .horoscope .service-content > .close {
background: url(//img.ui-portal.de/homepage/img/1und1/btn/layer_close.png) no-repeat 100% 1px;
padding-right: 23px;
}
[data-variant-name="horoscope-slider"] .horoscope .service-content.overview > .overview,
[data-variant-name="horoscope-slider"] .horoscope .service-content.chosen > .close {
display: none;
}
[data-variant-name="horoscope-slider"] .horoscope .service-content.overview .item-container {
margin-left: 0 !important;
}
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a {
height: 55px;
margin-bottom: 10px;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container {
position: relative;
padding-top: 25px;
margin-left: -233px;
margin-right: -5px;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container ul {
white-space: nowrap;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li {
float: none;
display: inline-block;
width: 144px;
transition: all 0.5s;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li:first-child {
width: 0 !important;
overflow: hidden !important;
}
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a:before,
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a:before {
content: '';
display: block;
margin: auto;
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/horoscope.svg);
background-position: 0 0;
}
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a:before {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/horoscope-small.png)\9;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a:before {
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/horoscope-large.png)\9;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li {
margin-right: -4px\9;
}
:root [data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li {
margin-right: 0\9;
}
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a:before {
width: 40px;
height: 40px;
background-size: 160px 480px;
transform: translate(2.5px, 0);
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a:before {
width: 120px;
height: 120px;
background-size: 480px 1440px;
}
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.widder:before { background-position: 0% 0%; } .horoscope .overview .item-container li a.widder:hover:before { background-position: 33.33% 0%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.stier:before { background-position: 0% 9.09%; } .horoscope .overview .item-container li a.stier:hover:before { background-position: 33.33% 9.09%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.zwillinge:before { background-position: 0% 18.18%; } .horoscope .overview .item-container li a.zwillinge:hover:before { background-position: 33.33% 18.18%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.krebs:before { background-position: 0% 27.27%; } .horoscope .overview .item-container li a.krebs:hover:before { background-position: 33.33% 27.27%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.loewe:before { background-position: 0% 36.36%; } .horoscope .overview .item-container li a.loewe:hover:before { background-position: 33.33% 36.36%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.jungfrau:before { background-position: 0% 45.45%; } .horoscope .overview .item-container li a.jungfrau:hover:before { background-position: 33.33% 45.45%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.waage:before { background-position: 0% 54.55%; } .horoscope .overview .item-container li a.waage:hover:before { background-position: 33.33% 54.55%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.skorpion:before { background-position: 0% 63.64%; } .horoscope .overview .item-container li a.skorpion:hover:before { background-position: 33.33% 63.64%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.schuetze:before { background-position: 0% 72.73%; } .horoscope .overview .item-container li a.schuetze:hover:before { background-position: 33.33% 72.73%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.steinbock:before { background-position: 0% 81.82%; } .horoscope .overview .item-container li a.steinbock:hover:before { background-position: 33.33% 81.82%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.wassermann:before { background-position: 0% 90.91%; } .horoscope .overview .item-container li a.wassermann:hover:before { background-position: 33.33% 90.91%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a.fische:before { background-position: 0% 100%; } .horoscope .overview .item-container li a.fische:hover:before { background-position: 33.33% 100%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.widder:before { background-position: 66.67% 0%; } .horoscope .chosen .item-container li a.widder:hover:before { background-position: 100% 0%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.stier:before { background-position: 66.67% 9.09%; } .horoscope .chosen .item-container li a.stier:hover:before { background-position: 100% 9.09%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.zwillinge:before { background-position: 66.67% 18.18%; } .horoscope .chosen .item-container li a.zwillinge:hover:before { background-position: 100% 18.18%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.krebs:before { background-position: 66.67% 27.27%; } .horoscope .chosen .item-container li a.krebs:hover:before { background-position: 100% 27.27%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.loewe:before { background-position: 66.67% 36.36%; } .horoscope .chosen .item-container li a.loewe:hover:before { background-position: 100% 36.36%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.jungfrau:before { background-position: 66.67% 45.45%; } .horoscope .chosen .item-container li a.jungfrau:hover:before { background-position: 100% 45.45%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.waage:before { background-position: 66.67% 54.55%; } .horoscope .chosen .item-container li a.waage:hover:before { background-position: 100% 54.55%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.skorpion:before { background-position: 66.67% 63.64%; } .horoscope .chosen .item-container li a.skorpion:hover:before { background-position: 100% 63.64%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.schuetze:before { background-position: 66.67% 72.73%; } .horoscope .chosen .item-container li a.schuetze:hover:before { background-position: 100% 72.73%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.steinbock:before { background-position: 66.67% 81.82%; } .horoscope .chosen .item-container li a.steinbock:hover:before { background-position: 100% 81.82%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.wassermann:before { background-position: 66.67% 90.91%; } .horoscope .chosen .item-container li a.wassermann:hover:before { background-position: 100% 90.91%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a.fische:before { background-position: 66.67% 100%; } .horoscope .chosen .item-container li a.fische:hover:before { background-position: 100% 100%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.widder:before { background-position: 0% 0%; } .horoscope .chosen .item-container li.active a.widder:hover:before { background-position: 33.33% 0%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.stier:before { background-position: 0% 9.09%; } .horoscope .chosen .item-container li.active a.stier:hover:before { background-position: 33.33% 9.09%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.zwillinge:before { background-position: 0% 18.18%; } .horoscope .chosen .item-container li.active a.zwillinge:hover:before { background-position: 33.33% 18.18%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.krebs:before { background-position: 0% 27.27%; } .horoscope .chosen .item-container li.active a.krebs:hover:before { background-position: 33.33% 27.27%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.loewe:before { background-position: 0% 36.36%; } .horoscope .chosen .item-container li.active a.loewe:hover:before { background-position: 33.33% 36.36%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.jungfrau:before { background-position: 0% 45.45%; } .horoscope .chosen .item-container li.active a.jungfrau:hover:before { background-position: 33.33% 45.45%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.waage:before { background-position: 0% 54.55%; } .horoscope .chosen .item-container li.active a.waage:hover:before { background-position: 33.33% 54.55%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.skorpion:before { background-position: 0% 63.64%; } .horoscope .chosen .item-container li.active a.skorpion:hover:before { background-position: 33.33% 63.64%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.schuetze:before { background-position: 0% 72.73%; } .horoscope .chosen .item-container li.active a.schuetze:hover:before { background-position: 33.33% 72.73%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.steinbock:before { background-position: 0% 81.82%; } .horoscope .chosen .item-container li.active a.steinbock:hover:before { background-position: 33.33% 81.82%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.wassermann:before { background-position: 0% 90.91%; } .horoscope .chosen .item-container li.active a.wassermann:hover:before { background-position: 33.33% 90.91%; }
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a.fische:before { background-position: 0% 100%; } .horoscope .chosen .item-container li.active a.fische:hover:before { background-position: 33.33% 100%; }
[data-variant-name="horoscope-slider"] .horoscope .overview .item-container li a,
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a {
background: none;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a {
width: 110px;
height: 140px;
margin: 0 30px 0 30px;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a:active {
outline: none;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li a span {
display: none;
font-family: Arial, Verdana, sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 30px;
}
[data-variant-name="horoscope-slider"] .horoscope .chosen .item-container li.active a span {
display: block;
}
.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;
padding-bottom: 28px;
}
.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: #6E91BA;
}
.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: #3DA3DC;
padding: 0 10px;
font-family: Arial, Verdana, sans-serif;
font-size: 15px;
line-height: 24px;
font-weight: 700;
color: #FFFFFF;
}
.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 #99B6D5;
position: relative;
zoom: 1;
}
.service.top-article .service-content ul > li + li + li + li + li.last { border-bottom: 1px solid #99B6D5; }
.service.top-article .service-content ul > li + li + li + li + li + li.last { border-bottom: none; }
.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: #003D8F;
}
.service.top-article .service-content ul li a span.more {
color: #003D8F;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
text-decoration: underline;
}
.service.top-article .service-content ul li a span.more:hover {
text-decoration: underline;
}
.service.top-article .service-content > a {
margin-left: 15px;
color: #003D8F;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
body[data-variant-name="top-article-1"] .top-article ol {
border-bottom: 1px solid #99B6D5;
padding-top:1px;
padding-top:3px;
}
body[data-variant-name="top-article-1"] .top-article ol.first {
margin-right: 10px;
width: 135px;
}
body[data-variant-name="top-article-1"] .top-article ol li {
line-height: 32px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
overflow: hidden;
position: relative;
border-top: 1px solid #99B6D5;
}
body[data-variant-name="top-article-1"] .top-article ol li .number {
display: inline-block;
margin-right: 5px;
color: #6E91BA;
float: left;
}
body[data-variant-name="top-article-1"] .top-article ol.first li .number { width: 13px; }
body[data-variant-name="top-article-1"] .top-article ol.last li .number { width: 21px; }
body[data-variant-name="top-article-1"] .top-article ol li a {
overflow: hidden;
display: block;
padding-right: 15px;
}
body[data-variant-name="top-article-1"] .top-article ol li a .teaser {
display: none;
}
body[data-variant-name="top-article-1"] .top-article ol li a .text {
white-space: nowrap;
max-width: 225px;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
display: inline-block;
float: left;
}
body[data-variant-name="top-article-1"] .top-article ol li.active a .text,
body[data-variant-name="top-article-1"].jsDisabled .top-article ol li:hover a .text {
display: inline;
max-width: auto;
white-space: normal;
overflow: visible;
float: none;
}
body[data-variant-name="top-article-1"] .top-article ol li.active,
body[data-variant-name="top-article-1"].jsDisabled .top-article ol li:hover {
font-family: Arial, Verdana, sans-serif;
}
body[data-variant-name="top-article-1"] .top-article ol li.active a,
body[data-variant-name="top-article-1"].jsDisabled .top-article ol li:hover a {
padding: 10px 15px 10px 0;
text-decoration: none;
}
body[data-variant-name="top-article-1"] .top-article ol li.active .number,
body[data-variant-name="top-article-1"] .top-article ol li.active a,
body[data-variant-name="top-article-1"].jsDisabled .top-article ol li:hover .number,
body[data-variant-name="top-article-1"].jsDisabled .top-article ol li:hover a {
font-size: 15px;
line-height: 22px;
font-weight: 700;
color: #003D8F;
}
body[data-variant-name="top-article-1"].jsDisabled .top-article ol li:hover .number,
body[data-variant-name="top-article-1"] .top-article ol li.active .number {
color: #003D8F;
}
body[data-variant-name="top-article-1"] .top-article ol li.active a .teaser,
body[data-variant-name="top-article-1"].jsDisabled .top-article ol li:hover a .teaser {
display: inline;
vertical-align: text-top;
margin-right: 10px;
float: left;
}
body[data-variant-name="top-article-1"] .top-article ol li.active .more,
body[data-variant-name="top-article-1"].jsDisabled .top-article ol li:hover .more {
font-size: 13px;
font-weight: 400;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
right: 15px;
bottom: 5px;
}
body[data-variant-name="top-article-1"] .top-article ol li .more {
float: right;
text-decoration: underline;
}
body[data-variant-name="top-article-1"] .top-article ol li .more:hover {
}
body[data-variant-name="top-article-1"] .top-article ol.first li a { max-width: 117px;}
body[data-variant-name="top-article-1"] .top-article ol.last li a { max-width: 104px; }
body[data-variant-name="top-article-1"] .top-article .service-content > a {
display: none;
}
body[data-variant-name="top-article-2"] .top-article {
overflow: visible;
}
body[data-variant-name="top-article-2"] .top-article:after {
clear: both;
content: " ";
}
body[data-variant-name="top-article-2"] .top-article .service-content {
padding-bottom: 7px;
}
body[data-variant-name="top-article-2"] .top-article .container {
overflow: hidden;
position: relative;
top: 8px;
height: 199px;
}
body[data-variant-name="top-article-2"] .top-article ol {
border-bottom: 1px solid #99B6D5;
position: relative;
}
body[data-variant-name="top-article-2"] .top-article ol li {
overflow: hidden;
position: relative;
border-top: 1px solid #99B6D5;
font-family: Arial, Verdana, sans-serif;
}
body[data-variant-name="top-article-2"] .top-article ol li .number {
display: inline-block;
margin-right: 5px;
color: #6E91BA;
float: left;
}
body[data-variant-name="top-article-2"] .top-article ol li a {
overflow: hidden;
display: block;
padding: 10px 15px 10px 0;
text-decoration: none;
}
body[data-variant-name="top-article-2"] .top-article ol li:hover {
}
body[data-variant-name="top-article-2"] .top-article ol li .number,
body[data-variant-name="top-article-2"] .top-article ol li a {
font-size: 15px;
line-height: 22px;
font-weight: 700;
}
body[data-variant-name="top-article-2"] .top-article ol li:hover .number {
color: #003D8F;
}
body[data-variant-name="top-article-2"] .top-article ol li:hover .text {
text-decoration: underline;
}
body[data-variant-name="top-article-2"] .top-article ol li a .teaser {
display: inline;
vertical-align: text-top;
margin-right: 10px;
float: left;
}
body[data-variant-name="top-article-2"] .top-article ol li .more {
font-size: 13px;
font-weight: 400;
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
right: 15px;
bottom: 5px;
text-decoration: underline;
}
body[data-variant-name="top-article-2"] .top-article ol li .more:hover {
}
body[data-variant-name="top-article-2"].jsDisabled .top-article .service-content > .show-more {
display: none;
}
body[data-variant-name="top-article-2"] .top-article .service-content > .show-more {
position: absolute;
bottom: -14px;
left: 50%;
margin-left: -24px;
width: 48px;
height: 28px;
overflow: hidden;
display: inline-block;
text-indent: -9999px;
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/arrows-up-down.png);
background-position: -3px -3px;
}
body[data-variant-name="top-article-2"] .top-article .service-content > .show-more:hover,
body[data-variant-name="top-article-2"] .top-article .service-content > .show-more:focus {
background-position: -3px -51px;
}
body[data-variant-name="top-article-2"] .top-article .service-content > .show-more:active {
background-position: -3px -99px;
}
body[data-variant-name="top-article-2"] .top-article .service-content > .show-more.up {
background-position: -69px -3px;
}
body[data-variant-name="top-article-2"] .top-article .service-content > .show-more.up:hover,
body[data-variant-name="top-article-2"] .top-article .service-content > .show-more.up:focus {
background-position: -69px -51px;
}
body[data-variant-name="top-article-2"] .top-article .service-content > .show-more.up:active {
background-position: -69px -99px;
}
h\:section.liveticker > .r1 {
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
.liveticker .liveticker-content {
padding: 12px 15px 15px 15px;
}
.liveticker .liveticker-content > h\:header {
font-size: 21px;
line-height: 25px;
font-family: 'Frutiger Cn Blk', Verdana, Arial, Helvetica, sans-serif;
display: block;
margin-bottom: 8px;
}
.liveticker .partner {
display: inline-block;
position: absolute;
top: 15px;
right: 12px;
}
.liveticker .partner a {
text-align: right;
}
.liveticker .partner span,
.liveticker .partner img {
float: right;
display: inline-block;
}
.liveticker .partner span {
padding-right: 3px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 3px;
}
.liveticker .partner img {
display: block;
clear: both;
}
.liveticker .game h\:header {
font-size: 13px;
line-height: 17px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 1px;
display: inline-block;
}
.liveticker .game .game-content {
position: absolute;
left: 15px;
right: 15px;
top: 88px;
}
.liveticker .game .game-content.ajax-load .liveticker-slides {
background-color: #FFFFFF;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: center center;
opacity: .9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.liveticker .game .game-content.ajax-load table {
display: none;
}
.liveticker .game-content .liveticker-slides .ajax-error {
background-color: #FFFFFF;
padding: 11px 10px;
background-color: #FFFFFF;
font-family: Verdana;
font-weight: normal;
font-size: 11px;
line-height: 16px;
display: none;
color: #0F4F08;
}
.jsDisabled .liveticker .game-content .liveticker-slides .ajax-error {
display: block;
}
.liveticker .game-content.ajax-error .liveticker-slides .ajax-error { display: block; }
.liveticker .game-content.ajax-error .liveticker-slides table { display: none; }
.liveticker .game-content .liveticker-slides {
overflow: hidden;
margin-bottom: 6px;
}
.liveticker .game-content[data-liveticker-games="1"] .liveticker-slides,
.liveticker .game-content[data-liveticker-games="2"] .liveticker-slides {
margin-bottom: 11px;
}
.liveticker .game table,
.liveticker .link-list ul {
width: 270px;
border-collapse: separate;
}
.liveticker .game-content .ajax-error {
width: 250px;
}
.liveticker .game-content {
overflow: hidden;
}
.liveticker .link-list {
text-align: right;
}
.liveticker .link-list ul {
font-size: 0;
text-align: right;
margin-top: 1px;
overflow: hidden;
margin-bottom: 10px;
}
.liveticker .link-list li {
display: inline-block;
}
.liveticker .link-list li.border {
padding: 0;
}
.liveticker .link-list li.border span {
display: block;
width: 1px;
height: 7px;
background-color: #62A424;
}
.liveticker .link-list li a {
font-size: 10px;
line-height: 14px;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0 6px;
text-decoration: underline;
}
.liveticker .link-list li a:hover {
text-decoration: underline;
}
.liveticker .link-list li.last a {
padding-right: 0;
}
.tooltip-name-liveticker .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-liveticker.tooltip-enlarged.tooltip-right-bottom .nose {
right: -16px;
width: 16px;
}
.tooltip-name-liveticker.tooltip-enlarged.tooltip-right-bottom {
margin-top: -14px;
margin-left: 2px;
}
.tooltip-name-liveticker .tooltip-wrapper .txt p {
margin-bottom: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #262626;
font-size: 10px;
line-height: 17px;
}
h\:section.liveticker.football > .r1 {
background-image: url('//img.ui-portal.de/homepage/img/1und1/ticker/em/background.jpg');
}
.liveticker.football .liveticker-content > h\:header {
color: #FFFFFF;
}
.liveticker.football .partner span {
color: #FFFFFF;
}
.liveticker.football .game h\:header,
.liveticker.football .game h\:header a {
color: #FFFFFF;
}
.liveticker.football .game .game-content.ajax-load .liveticker-slides {
background-image: url(//img.ui-portal.de/homepage/img/1und1/ticker/em/loader.gif);
}
.liveticker.football .game-content td {
background-color: #FFFFFF;
color: #262626;
padding: 0 2px;
vertical-align: middle;
line-height: 0;
}
.liveticker.football .game-content tr.data td {
border-top: 1px solid #6F923E;
border-bottom: 1px solid #6F923E;
}
.liveticker.football .game-content tr.data td:first-child {
border-left: 1px solid #6F923E;
}
.liveticker.football .game-content tr.data td:last-child {
border-right: 1px solid #6F923E;
}
.liveticker.football .game-content td:first-child { padding-left: 4px; }
.liveticker.football .game-content td span {
display: inline-block;
overflow: hidden;
white-space: nowrap;
font-size: 9px;
text-overflow: ellipsis;
line-height: 18px;
}
.liveticker.football .game-content[data-liveticker-games="1"] td span {
line-height: 48px;
font-size: 13px;
}
.liveticker.football .game-content[data-liveticker-games="2"] td span {
line-height: 32px;
font-size: 13px;
}
.liveticker.football .game-content[data-liveticker-games="3"] td span {
line-height: 24px;
font-size: 11px;
}
.liveticker.football .game-content td.team {
width: 60px;
position: relative;
}
.liveticker.football .game-content td.team span {
padding-left: 25px;
width: 35px;
}
.liveticker.football .game-content td.team img {
position: absolute;
left: 5px;
top: 50%;
margin-top: -8px;
}
.liveticker.football .game-content td:first-child + td,
.liveticker.football .game-content td:first-child + td span { width: 15px; }
.liveticker.football .game-content td.score,
.liveticker.football .game-content td.score span {
width: 35px;
text-align: center;
}
.liveticker.football .game-content td.info,
.liveticker.football .game-content td.info span {
width: 53px;
}
[data-device-type="mobile"] .liveticker.football .game-content td.info,
[data-device-type="mobile"] .liveticker.football .game-content td.info span {
width: 75px;
}
.liveticker.football .game-content td.icon {
padding-right: 4px;
padding-left: 3px;
}
.liveticker.football .game-content td.icon span {
display: block;
width: 100%;
min-width: 5px;
text-indent: -999em;
background-image: url('//img.ui-portal.de/homepage/img/1und1/ticker/em/info-small.png');
background-repeat: no-repeat;
background-position: center center;
height: 18px;
}
.liveticker.football .game-content .spacer td {
background:none;
padding: 0;
height: 4px;
width: auto;
}
.liveticker.football .game-content .spacer:last-child {
display: none;
}
.liveticker.football .game-content[data-liveticker-games="2"] .spacer td { height: 8px; }
.liveticker.football .game-content[data-liveticker-games="3"] .spacer td { height: 7px; }
.liveticker.football .game-content td.icon .info-container {
display: none;
}
.medal-icon {
width: 12px;
height: 12px;
display: inline-block;
border-width: 2px;
border-style: solid;
border-radius: 50%;
}
.medal-icon.gold { border-color: #FFCB4B; }
.medal-icon.silver { border-color: #8F8684; }
.medal-icon.bronze { border-color: #99773D; }
.medal-icon + .medal-icon {
margin-left: -8px;
}
.liveticker.olympia .liveticker-content {
padding: 0;
padding-top: 12px;
}
.liveticker.olympia .liveticker-content > h\:header,
.liveticker.olympia .game h\:header,
.liveticker.olympia .game h\:header a {
color: #02731E;
}
.liveticker.olympia .liveticker-content > h\:header {
font-family: Arial, Verdana, sans-serif;
font-size: 21px;
font-weight: bold;
}
.liveticker.olympia .partner span {
color: #888888;
}
.liveticker.olympia .game .game-content {
left: 0;
right: 0;
top: 78px;
}
.liveticker.olympia .game table {
border-top: 1px solid #C8E1CE;
width: 300px;
}
.liveticker .game-content .ajax-error {
width: 265px;
}
.liveticker.olympia .game-content th,
.liveticker.olympia .game-content td {
color: #262626;
padding: 0 2px;
vertical-align: middle;
line-height: 0;
text-align: center;
}
.liveticker.olympia .game-content th > span,
.liveticker.olympia .game-content td > span {
display: inline-block;
overflow: hidden;
font-size: 13px;
text-overflow: ellipsis;
line-height: 32px;
}
.liveticker.olympia .game-content[data-liveticker-games="3"] td > span {
line-height: 40px;
}
.liveticker.olympia .game-content th > span {
line-height: 26px;
padding-top: 6px;
}
.liveticker.olympia .game-content .data td {
border-top: 1px solid #D1D4D9;
}
.liveticker.olympia .game-content .header + .data td {
background-color: #D9EADD;
}
.liveticker.olympia .game-content td.flag img {
display: block;
}
.liveticker.olympia .game-content td.court {
width: 40px;
}
.liveticker.olympia .game-content td.flag {
width: 25px;
padding-right: 17px;
}
.liveticker.olympia .game-content td.country { width: 50px; text-align: left; }
.liveticker.olympia .game-content th.medals,
.liveticker.olympia .game-content td.medals {
width: 34px;
padding-right: 15px;
}
#header-image-link {
text-align: center;
}
.olympia-header {
background-color: #FFFFFF;
display: inline-block;
padding: 0 10px 0 47px;
padding: 0 0 0 37px;
background-image: url(//img.ui-portal.de/homepage/em-flags/t357-m.png);
background-repeat: no-repeat;
background-position: 10px 3px;
width: 158px;
}
[data-country="at"] .olympia-header {
background-image: url(//img.ui-portal.de/homepage/em-flags/t515-m.png);
}
[data-country="ch"] .olympia-header {
background-image: url(//img.ui-portal.de/homepage/em-flags/t497-m.png);
}
.olympia-header ol {
list-style: none;
display: table;
width: 100%;
font-size: 0;
line-height: 0;
}
.olympia-header li {
display: table-cell;
font-size: 15px;
line-height: 32px;
font-family: Arial, Verdana, sans-serif;
color: #262626;
font-weight: bold;
vertical-align: middle;
}
.olympia-header li + li {
margin-left: 12px;
margin-left: 15px;
}
.olympia-header .medal-icon {
display: inline-block;
vertical-align: -2px;
}
.olympia-header .amount {
display: none;
}
.olympia-header .amount .medal-icon {
margin-right: 0;
}
.service.product-list {
position: relative;
}
.service.product-list h\:header {
margin-bottom: 6px;
}
.service.product-list .service-content {
padding-left: 0;
padding-right: 0;
}
.service.product-list .service-content h\:header {
margin-left: 15px;
}
.service.product-list .service-content ul {
margin-bottom: 8px;
overflow: hidden;
}
.service.product-list .service-content ul li {
border-top: 1px solid #99B6D5;
position: relative;
zoom: 1;
}
.service.product-list .service-content ul > li + li + li + li + li.last { border-bottom: 1px solid #99B6D5; }
.service.product-list .service-content ul > li + li + li + li + li + li.last { border-bottom: none; }
.service.product-list .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: #003D8F;
}
.service.product-list .service-content ul li a span.more {
color: #003D8F;
right: 15px;
position: absolute;
top: 0;
bottom: 0;
padding: 6px 0;
display: block;
text-decoration: underline;
}
.service.product-list .service-content ul li a span.more:hover {
text-decoration: underline;
}
.service.product-list .service-content > a {
margin-left: 15px;
color: #003D8F;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.jsDisabled #wrapper2:before {
content: 'Bitte aktivieren Sie Javascript in Ihrem Browser, um dieses Internetangebot voll nutzen zu können.';
display: block;
height: 44px;
line-height: 44px;
font-size: 13px;
font-weight: bold;
color: #262626;
background-image: url(//img.ui-portal.de/homepage/img/1und1/icons/hint_24x24.png);
background-position: 10px -230px;
background-repeat: no-repeat;
float: left;
margin-top: 3px;
padding-left: 44px;
top: -47px;
position: absolute;
zoom: 1;
}
.jsDisabled {
margin-top: 44px;
}
.jsDisabled:before {
content: '';
position: absolute;
left: 0;
top: -44px;
background-color: #FFCDCD;
right: 0;
height: 44px;
display: block;
}
.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: #003D8F;
}
@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;
}
.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 #99B6D5;
border-bottom: 1px solid #99B6D5;
}
.service.icons .service-content {
overflow: hidden;
padding: 0;
border: none;
background-color: #FFFFFF;
}
.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: #0760A7;
}
.service.icons .icon-wrapper a:hover h\:figure,
.service.icons .icon-wrapper > h\:figure:hover {
background-color: #3DA3DC;
}
.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 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);
}
.service.icons h\:figure h\:figcaption h\:header {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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;
}
#footer .wrapper-center { background-color: #FFFFFF; }
#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: #003D8F;
background: #EAF1FB;
padding-bottom: 11px;
}
#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 #EAF1FB transparent transparent;
}
#footer-bubble > h\:section a:hover {
text-decoration: none;
}
#footer-bubble > h\:section h\:header {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
font-size: 16px;
}
#footer-bubble > h\:section a h\:header:hover {
text-decoration: underline;
}
#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;
padding-bottom: 0;
}
.rect321 #footer-socialmarks { padding-left: 0; }
#footer-socialmarks > h\:section {
height: 48px;
background: none;
margin-bottom: 0;
}
#footer-socialmarks > h\:section.sep-line {
height: auto;
padding-top: 10px;
}
#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: #004192;
}
#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/1und1/icons/footer/autoservice.png'); }
#social-music-flatrate a { background-image: url('//img.ui-portal.de/homepage/img/1und1/icons/footer/music-flatrate.png'); }
#social-topde a { background-image: url('//img.ui-portal.de/homepage/img/1und1/icons/footer/topde.png'); }
#social-mailcheck a { background-image: url('//img.ui-portal.de/homepage/img/1und1/icons/footer/mailcheck.png'); }
#social-lotto a { background-image: url('//img.ui-portal.de/homepage/img/1und1/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 {
margin: 0 0 0 10px;
width: 300px;
}
.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: Arial, Verdana, sans-serif;
font-size: 16px;
font-weight: bold;
color: #003D8F;
}
.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;
}
.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-link-group > h\:section {
float: none;
}
.footer-link-group > h\:section > .r0 {
height: auto;
}
.footer-link-group > h\:section ~ h\:section > .r0 {
padding-top: 31px;
}
.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: 6px; }
.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: 90px;
}
#footer .sep-line { margin: 15px 10px 0 10px; clear:both; }
#footer .sep-line > .r4 {
height: 2px;
background: #99B6D5;
}
.service.lotto {
position: relative;
}
.service.lotto .slide-navigation {
position: absolute;
top: 0;
right: 0;
background-color: rgba(60, 60, 60, 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 {
border: 1px solid #FF0000;
border: 1px solid #FFFFFF;
}
.service.lotto .slide-navigation li:last-child {
margin-right: 0;
}
.service.lotto .slide-navigation li.active,
.service.lotto .slide-navigation li:hover {
border-color: #F3E11E;
}
.service.lotto .slide-navigation li.active,
.service.lotto .slide-navigation li:hover,
.service.lotto .slide-navigation li:focus {
background-color: #F3E11E;
}
.service.lotto .service-content {
display: none;
}
.service.lotto .service-content > a:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 19px;
left: 0;
}
.service.lotto [data-active-slide="1"] .service-content[data-slide-id="1"],
.service.lotto [data-active-slide="2"] .service-content[data-slide-id="2"],
[data-variant="js"] .service.lotto .service-content {
display: block;
}
.service.lotto a,
.service.lotto a:hover,
.service.lotto a:focus {
text-decoration: none;
outline: none;
}
.service.lotto .service-content {
border-top: 0;
padding: 10px 13px;
background-image: url(//img.ui-portal.de/homepage/img/1und1/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/1und1/bg/lotto_logo-2.png);
background-repeat: no-repeat;
background-position: 5px 34px;
margin-bottom: 4px;
margin-left: -3px;
}
.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;
padding: 2px 10px 2px 10px;
color: #FFFFFF;
font-weight: bold;
background-color: #3DA3DC;
}
.service.lotto .next-draw-content {
padding: 5px 0 5px 15px;
height: 45px;
background-color: #C90713;
position: relative;
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 #C90713;
height: 0;
width: 0;
margin-left: -6px;
}
.service.lotto .next-draw-content:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.service.lotto .jackpot-info {
display: inline-block;
float: left;
color: #FFFFFF;
width: 140px;
}
.service.lotto .jackpot-info:after {
content: '';
display: block;
clear: both;
width: 0;
height: 0;
overflow: hidden;
}
.service.lotto .jackpot-info .jackpot {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 43px;
line-height: 45px;
float: left;
margin-right: 10px;
}
.service.lotto .no-jackpot .jackpot-info {
text-align: center;
width: 125px;
margin-right: 15px;
}
.service.lotto .no-jackpot .jackpot-info .jackpot {
display: none;
}
.service.lotto .next-draw-content .jackpot-info .headline {
display: inline-block;
font-family: Arial, Verdana, sans-serif;
font-size: 22px;
line-height: 22px;
margin-top: 4px;
}
.service.lotto .next-draw-content .jackpot-info .subline {
display: inline-block;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
line-height: 16px;
}
.service.lotto .jackpot-button {
float: left;
color: #FFFFFF;
overflow: hidden;
padding-top: 5px;
}
.service.lotto .chance {
margin-top: 5px;
display: block;
font-size: 10px;
color: #FFFFFF;
}
.service.lotto .next-draw {
margin-bottom: 25px;
}
.service.lotto .last-draw {
overflow: hidden;
padding-left: 5px;
}
.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: 1px;
font-size: 12px;
color: #3C3C3C;
}
.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;
}
.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: 7px;
}
.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/1und1/bg/lottokugel-2.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: #3C3C3C;
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: #3C3C3C;
background-color: #FFFFFF;
display: block;
clear: both;
line-height: 17px;
padding-left: 5px;
padding-right: 5px;
}
.service.lotto .service-content > h\:header,
.service.lotto .service-content > a > h\:header {
padding-bottom: 37px;
}
.service.lotto .additional-links {
text-align: right;
font-size: 11px;
position: absolute;
right: 8px;
bottom: 72px;
padding: 5px;
}
.service.lotto .btn-m {
display: none;
}
.service.lotto .additional-links li {
display: inline-block;
}
.service.lotto .additional-links li a:hover {
text-decoration: underline;
}
.service.lotto .additional-links li + li {
padding-left: 15px;
}
.service.lotto .winning-numbers .sz {
padding-left: 40px;
}
.service.lotto .slide-eurojackpot {
background-image: url(//img.ui-portal.de/homepage/img/1und1/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/1und1/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-lotto.standalone {
background-image: url(//img.ui-portal.de/homepage/img/1und1/bg/lotto_bg_standalone.jpg);
}
.service.lotto .slide-eurojackpot.standalone {
background-image: url(//img.ui-portal.de/homepage/img/1und1/bg/eurojackpot_bg_standalone.jpg);
}
.service.lotto .standalone .next-draw h\:header {
display: none;
}
.service.lotto .standalone .next-draw-content {
background: transparent;
margin-top: 0;
padding-top: 0;
height: auto;
text-align: center;
}
.service.lotto .standalone .next-draw-content::before {
display: none;
}
.service.lotto .standalone .next-draw-content .jackpot-info {
width: 244px;
margin-bottom: 8px;
}
.service.lotto .standalone .next-draw-content .jackpot-info .jackpot {
font-family: Arial, Verdana, sans-serif;
font-weight: 400;
font-size: 98px;
width: 115px;
line-height: 86px;
text-align: right;
}
.service.lotto .standalone .next-draw-content .jackpot-info .headline,
.service.lotto .standalone .next-draw-content .jackpot-info .subline {
text-align: left;
display: block;
white-space: nowrap;
}
.service.lotto .standalone .next-draw-content .jackpot-info .headline {
font-size: 35px;
line-height: 35px;
margin-top: 3px;
margin-bottom: 4px;
font-weight: bold;
}
.service.lotto .standalone .next-draw-content .jackpot-info .subline {
font-size: 18px;
line-height: 18px;
text-transform: uppercase;
}
.service.lotto .standalone .next-draw-content .chance {
position: absolute;
left: 140px;
top: 60px;
}
.service.lotto .slide-lotto.standalone .next-draw-content .chance {
color: #6A6A6A;
}
.service.lotto .slide-lotto.standalone .next-draw-content .jackpot-info {
color: #C90713;
}
.service.lotto .standalone .btn-xs { display: none; }
.service.lotto .standalone .btn-m {
display: inline-block;
}
.service.lotto .standalone .additional-links {
text-align: center;
bottom: 21px;
left: 0;
right: 0;
}
.service.lotto .standalone .additional-links ul {
padding-top: 8px;
}
.service.lotto .standalone .last-draw {
display: none;
}
#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;
}
.breaking-news {
margin: 0 10px;
font-size: 11px;
font-weight: bold;
color: #FFFFFF;
background-color: #CC1100;
overflow: hidden;
height: 20px;
line-height: 20px;
margin-bottom: 13px;
clear: both;
padding: 0 10px;
overflow: hidden;
position: relative;
transform: translateZ(0);
}
.breaking-news .breaking-news-inner {
position: absolute;
left: 10px;
}
.breaking-news a {
color: #FFFFFF;
white-space: nowrap;
overflow: hidden;
line-height: 20px;
padding: 5px 0;
}
.breaking-news:hover a {
text-decoration: underline;
}
.info-layer {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
white-space: nowrap;
background-color: rgba(0,0,0,0.6);
}
[data-device-type="desktop"] .info-layer {
position: fixed;
bottom: 0;
}
.info-layer:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.info-layer .layer-content {
padding: 35px 30px 30px 30px;
background-color: #FFFFFF;
box-sizing: border-box;
position: relative;
display: inline-block;
vertical-align: middle;
text-align: left;
white-space: normal;
width: 710px;
width: 712px;
border: 1px solid #004192;
}
.info-layer .tooltip-closer {
top: 10px;
right: 10px;
cursor: pointer;
padding-right: 20px;
width: auto;
background-position: right center;
background-color: transparent;
}
.info-layer .layer-content-inner {
display: block;
padding: 15px;
overflow: hidden;
position: relative;
}
.info-layer h1 {
font-weight: 400;
font-size: 30px;
line-height: 37px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 20px;
}
.info-layer h2 {
font-weight: 400;
font-size: 22px;
line-height: 30px;
font-family: Arial, Verdana, sans-serif;
margin-bottom: 20px;
}
.info-layer p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
margin: 0 0 15px 0;
}
.info-layer-inactive .stage {
text-align: center;
margin-bottom: 50px;
}
.info-layer-inactive h2 {
margin-bottom: 12px;
}
.info-layer-inactive .reco-teaser {
margin: 0;
float: none;
display: block;
}
.info-layer-inactive .footer {
padding-top: 35px;
font-size: 11px;
line-height: 16px;
margin-bottom: 0;
}
.info-layer-inactive .news-image-list {
height: auto;
padding-top: 0;
padding-right: 0;
width: 300px;
}
.info-layer-inactive .news-image-list .r1 {
width: 300px;
}
.info-layer-inactive .news-image-list + .news-image-list {
margin-left: 20px;
}
.info-layer-inactive .news-image-list-item .news-content .teaser-text {
width: 165px;
}
.info-layer-inactive .news-image-list .news {
border: 0;
padding-bottom: 12px;
}
.info-layer-inactive .news-image-list .news:first-child + .news {
border: 0;
}
#header {
z-index: 1000;
}
#loginsearch,
#middle-container {
z-index: 15;
}
body[data-tooltip-active="demail"] #loginsearch,
body[data-tooltip-active="control"] #loginsearch,
body[data-tooltip-active="password"] #loginsearch {
z-index: 40000;
}
#jumplabel {
z-index: 20;
}
#topper,
.notification {
z-index: 999;
}
body .notification-area {
z-index: 2000;
}
.content-layer {
z-index: 10000;
}
#adLayer .layer-overlay {
z-index: 3000;
}
#video-layer {
z-index: 65000;
}
#password-layer .layer-overlay,
.info-layer {
z-index: 60000;
}
.ad-component {
z-index: 999;
}
.ad-type-billboard.ad-component-billboard.ad-variant-layer {
z-index: auto;
}
.ad-component-layer {
z-index: 20;
}
.ad-component-layer.ad-type-hockeystick,
.ad-component-layer.ad-type-buster,
.ad-component-layer.ad-type-fireplace {
z-index: 1001;
}
html.adWithOutsideComponent body { background-image: none; }
.jsDisabled #products1and1,
.jsDisabled #products1and12 {
display: none;
}
#products1and1 {
height: 250px;
}
.tooltip-enlarged.tooltip-name-control,
.tooltip-enlarged.tooltip-name-kundenshop {
top: 85px !important;
left: 0 !important;
margin-top: 0;
margin-left: 0;
padding: 0;
}
.loginFixed .tooltip-enlarged.tooltip-name-control,
.loginFixed .tooltip-enlarged.tooltip-name-kundenshop {
left: 31px !important;
}
.loginFixed.loginmode-reduced .tooltip-enlarged.tooltip-name-control,
.loginFixed.loginmode-reduced .tooltip-enlarged.tooltip-name-kundenshop {
left: 0 !important;
}
.tooltip-enlarged.tooltip-name-control .tooltip-wrapper,
.tooltip-enlarged.tooltip-name-kundenshop .tooltip-wrapper {
position: relative;
}
.tooltip-enlarged.tooltip-name-control .nose,
.tooltip-enlarged.tooltip-name-kundenshop .nose {
position: absolute;
display: block;
background-image: url('//img.ui-portal.de/homepage/img/1und1/icons/icon-info.png');
background-repeat: no-repeat;
background-position: top left;
height: 16px;
width: 16px;
content: ' ';
left: 13px;
top: 1px;
top: 6px;
}
.tooltip-name-control .tooltip-wrapper,
.tooltip-name-kundenshop .tooltip-wrapper {
padding: 50px 20px 20px;
width: 220px;
border: 2px solid #004D9B;
}
.tooltip-name-control .tooltip-closer,
.tooltip-name-kundenshop .tooltip-closer {
position: absolute;
top: 0;
right: 0;
display: block;
height: 14px;
width: 14px;
padding: 8px;
background-color: #E5E5E5;
background-image: url('//img.ui-portal.de/homepage/img/1und1/btn/layer_close.png');
background-repeat: no-repeat;
background-position: center center;
}