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

html, body {
height: 100%;
}
html {
background: #F0F2F3;
color: #262626;
font: 400 13px/20px Verdana, Arial, Helvetica, sans-serif;
direction: ltr;
}
body, body * {
font-family: inherit;
font-size: 1em;
line-height: inherit;
background-repeat: no-repeat;
}
html, body, ul, ol, li, dl, dd, dt, form, h1, h2, h3, h4, h5, h6, p, fieldset {
margin: 0;
padding: 0;
}
h\:hgroup, h\:header, h\:nav, h\:article, h\:section, h\:aside, h\:footer, h\:details, h\:output {
display: block;
}
a { color: #2269C3; cursor: pointer; text-decoration: none; }
a:hover,
a:focus { color: #2269C3; text-decoration: underline; }
a:visited { color: #6496D5; }
a:active { color: #6496D5; }
a.img {
text-decoration: none;
display: inline-block;
}
ul > li {
display: block;
list-style-type: none;
}
img {
border: none;
}
a img {
border: 0 none;
}
form {
display: inline;
}
fieldset {
border: 0 solid;
}
legend {
display: none;
color: #262626;
}
select, option {
background-color: #FFFFFF;
}
table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
td, th {
padding: 0;
}
iframe {
display: block;
border: 0;
margin: 0;
padding: 0;
}
object, a:focus {
outline: none;
}
.centered {
text-align: center;
}
* html script {
display: block;
left: -6000px;
height: 0;
overflow: hidden;
position: absolute;
width: 0;
}
.hr {
display: none;
clear: both;
}
.hr hr {
display: none;
}
.skip * {
display: none;
}
.statistics {
left: -6000px;
height: 0;
overflow: hidden;
position: absolute;
width: 0;
}
.jsDisabled .js-only {
display: none!important;
}
.off {
font: 0/0 Verdana;
text-shadow: none;
color: transparent;
position: absolute;
text-decoration: none;
}
@font-face {
font-family: 'WebdeSans';
src: url('//img.ui-portal.de/ci/webde/global/fonts/webde/webdesans-medium.eot');
src: url('//img.ui-portal.de/ci/webde/global/fonts/webde/webdesans-medium.eot?#iefix') format('embedded-opentype'), url('//img.ui-portal.de/ci/webde/global/fonts/webde/webdesans-medium.woff') format('woff'), url('//img.ui-portal.de/ci/webde/global/fonts/webde/webdesans-medium.ttf') format('truetype'), url('//img.ui-portal.de/ci/webde/global/fonts/webde/webdesans-medium.svg#webdesans_medium') format('svg');
font-weight: normal;
font-style: normal;
}
#page-header {
background-image: url(//img.ui-portal.de/ci/webde/global/servicename.png);
background-repeat: no-repeat;
background-position: 140px 29px;
-webkit-box-shadow: 0 42px 5px -42px #DADDE1;
-moz-box-shadow: 0 42px 5px -42px #DADDE1;
box-shadow: 0 42px 5px -42px #DADDE1;
margin: 0 30px 0;
padding-top: 91px;
position: relative;
}
*+html #page-header {
z-index: 2;
}
#page-header.header-simple {
border-bottom: 1px solid #C0C9CE;
margin-bottom: 0;
}
#page-header #header-brand {
background: url(//img.ui-portal.de/ci/webde/global/logo.png) no-repeat 0 0;
width: 70px;
height: 70px;
top: 11px;
position: absolute;
left: 30px;
text-indent: -9999em;
z-index: 1;
}
#page-header #header-service {
width: 350px;
height: 50px;
position: absolute;
left: 140px;
top: 20px;
direction: ltr;
text-indent: -9999em;
z-index: 1;
}
#headerUserinfo {
background: transparent url(//img.ui-portal.de/ci/webde/global/bg/account_basket.png) no-repeat 100% 100%;
height: 48px;
padding: 4px 10px 9px;
position: absolute;
right: 0;
top: 17px;
}
#headerUserinfo.account_basket { background-position: 100% 0%; }
#headerUserinfo ul {
display: inline;
float: left;
width: 140px;
}
#headerUserinfo li {
display: inline;
float: left;
font-size: 11px;
line-height: 16px;
white-space: nowrap;
width: 140px;
}
#headerUserinfo li.name {
font-size: 12px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
}
#headerUserinfo .basket {
padding-left: 20px;
}
#headerUserinfo .basket li.name {
padding-left: 24px;
background: transparent url(//img.ui-portal.de/ci/webde/global/bg/account_basket.png) no-repeat -303px -79px;
}
#page-nav {
position: relative;
width: 938px;
height: 26px;
line-height: 25px;
border: 1px solid #C0C9CE;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
background: #EEF0F3 url(//img.ui-portal.de/ci/webde/global/bg/nav.gif) repeat-x 0 0;
background: -webkit-gradient(linear, left top, left bottom, from(#F5F6F6), to(#E7EAEB));
background: -webkit-linear-gradient(#F5F6F6, #E7EAEB);
background: -moz-linear-gradient(#F5F6F6, #E7EAEB);
background: -o-linear-gradient(#F5F6F6, #E7EAEB);
background: linear-gradient(#F5F6F6, #E7EAEB);
}
#page-nav ul {
height: 100%;
}
#page-nav ul li {
float: left;
display: inline;
height: 100%;
}
#page-nav ul li > a {
display: inline-block;
height: 100%;
}
#main-nav {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: 700;
float: left;
}
#main-nav li {
border-left: 1px solid #F3F5F5;
border-right: 1px solid #C0C9CE;
}
#main-nav li:first-child {
border-left: none;
}
#main-nav li > a {
color: #687282;
padding: 0 15px;
}
#main-nav li > a,
#main-nav li > a:hover {
text-decoration: none;
}
#main-nav li.active > a,
#main-nav li > a:hover,
#main-nav li > a:focus {
color: #4689CD;
}
#main-nav li > a > span {
display: inline-block;
height: 24px;
}
#main-nav > li.active > a > span,
#main-nav > li > a:hover > span,
#main-nav > li > a:focus > span {
border-bottom: 2px solid #4689CD;
}
#main-nav li.home,
#main-nav li.home:hover,
#main-nav li.home:focus {
border-left: 0 solid;
-webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px;
}
#main-nav li.home {
background: #4689CD;
background: -webkit-gradient(linear, left top, left bottom, from(#72A5D9), to(#488ACE));
background: -webkit-linear-gradient(#72A5D9, #488ACE);
background: -moz-linear-gradient(#72A5D9, #488ACE);
background: -o-linear-gradient(#72A5D9, #488ACE);
background: linear-gradient(#72A5D9, #488ACE);
border-right-color: #7DACDC;
}
#main-nav li.home:hover {
background: #417EC9;
background: -webkit-gradient(linear, left top, left bottom, from(#669CD5), to(#417EC9));
background: -webkit-linear-gradient(#669CD5, #417EC9);
background: -moz-linear-gradient(#669CD5, #417EC9);
background: -o-linear-gradient(#669CD5, #417EC9);
background: linear-gradient(#669CD5, #417EC9);
}
#main-nav li.home + li {
border-left-color: #4689CD;
}
#main-nav li.home a,
#main-nav li.home a:hover {
border-bottom: none;
color: #FFFFFF;
text-decoration: none;
}
#main-nav li.home a {
padding-left: 25px;
background: url(//img.ui-portal.de/ci/webde/global/icon/home.png) no-repeat 15px 4px;
}
#main-nav li.home.active a {
background-position: 15px 6px;
}
#additional-nav {
display: inline;
float: right;
margin-right: 5px;
}
#additional-nav li {
font-size: 12px;
padding: 0 10px;
}
#additional-nav li a:focus {
text-decoration: underline;
}
#additional-nav li#nav-login a,
#additional-nav li#nav-logout a {
color: #262626;
background: url(//img.ui-portal.de/ci/webde/global/icon/loginstates.png) no-repeat 0 5px;
padding-left: 23px;
}
#additional-nav li#nav-login a:hover {
background-position: 0 -25px;
}
#additional-nav li#nav-logout a {
background-position: 0 -55px;
}
#additional-nav .key {
background: url(//img.ui-portal.de/ci/webde/global/bg/login_verlauf.gif) repeat-x 0 0;
border: 0;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
border-left: 1px solid #C0C9CE;
margin-right: -5px;
}
#page-nav.submenuOpened {
-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
}
#page-nav.submenuOpened li.home {
-webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0;
}
#main-nav .megamenu ul,
#main-nav .megamenu ul li {
border: none;
display: block;
float: none;
height: auto;
}
#main-nav .megamenu ul li > a,
#main-nav .megamenu ul li > a:hover {
padding: 0;
}
#main-nav .megamenu ul li > a span {
background: none;
margin: 0;
padding: 0;
}
#main-nav li.hasSubmenu > a,
#main-nav li.hasSubmenu > a:focus {
color: #687282;
}
#main-nav li.hasSubmenu > a:hover,
.submenuOpened #main-nav li.hasSubmenu > a {
color: #4689CD;
}
#main-nav li.hasSubmenu > a > span {
background: url(//img.ui-portal.de/ci/webde/global/nav/arrows.png) no-repeat 100% -194px;
border-bottom: none;
padding-right: 19px;
text-decoration: none;
}
#main-nav li.hasSubmenu > a:hover > span,
.submenuOpened #main-nav li.hasSubmenu > a > span {
background: url(//img.ui-portal.de/ci/webde/global/nav/arrows.png) no-repeat 100% 10px;
border-bottom: 2px solid #4689CD;
}
#main-nav .megamenu {
background: #EEF0F3;
border: 1px solid #C0C9CE;
-webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;;
-webkit-box-shadow: 0 52px 30px -50px #BABCC3; -moz-box-shadow: 0 52px 30px -50px #BABCC3; box-shadow: 0 52px 30px -50px #BABCC3;
display: none;
font-weight: 400;
overflow: hidden;
position: absolute;
left: -1px;
top: 26px;
width: 938px;
z-index: 1001;
}
#main-nav .megamenu h\:nav {
height: 440px;
}
#page-nav.submenuOpened .hasSubmenu .megamenu,
.jsDisabled #main-nav .hasSubmenu:hover .megamenu {
display: block;
}
#main-nav .megamenu .menuCloser {
background: #EEF0F3;
border-top: 1px solid #C0C9CE;
clear: both;
padding: 9px 15px 12px 0;
position: relative;
text-align: right;
z-index: 10;
}
#main-nav .megamenu .menuCloser span {
background: url(//img.ui-portal.de/ci/webde/global/nav/icon_close.png) no-repeat 100% 2px;
color: #2269C3;
cursor: pointer;
display: inline-block;
font-size: 12px;
height: 18px;
line-height: 18px;
padding-right: 24px;
}
#main-nav .megamenu .menuCloser span:hover {
text-decoration: underline;
}
#main-nav .megamenu .mainItems {
border-right: 1px solid #C0C9CE;
height: 100%;
width: 312px;
}
#main-nav .megamenu .submenu {
background: #FFFFFF url(//img.ui-portal.de/ci/webde/global/nav/bg.jpg) no-repeat 0% 100%;
border-right: 1px solid #C0C9CE;
position: absolute;
left: 313px;
top: 0;
height: 440px;
width: 312px;
}
#main-nav .megamenu .leafmenu {
position: absolute;
left: 313px;
top: 0;
width: 312px;
}
#main-nav .megamenu .mainItems li.noThirdCol .submenu {
background: #FFFFFF url(//img.ui-portal.de/ci/webde/global/nav/bg_noThirdCol.jpg) no-repeat 0 0;
height: 440px;
overflow: auto;
overflow-x: hidden;
width: 625px;
}
#main-nav .megamenu .mainItems li .leafmenu.submenu {
width: 625px;
}
#main-nav .megamenu .mainItems li .leafmenu.submenu h\:nav {
border-right: 1px solid #C0C9CE;
-webkit-box-shadow: 5px 0 10px -5px #CCCCCC;
-moz-box-shadow: 5px 0 10px -5px #CCCCCC;
box-shadow: 5px 0 10px -5px #CCCCCC;
position: relative;
width: 312px;
}
#main-nav .megamenu .mainItems li {
display: block;
}
*+html #main-nav .megamenu .mainItems li {
float: left;
clear: left;
}
#main-nav .megamenu .mainItems li > a,
#main-nav .megamenu .mainItems li > a:hover {
color: #687282;
display: block;
height: auto;
}
#main-nav .megamenu .mainItems > li.active a h3,
#main-nav .megamenu .mainItems > li:hover a h3 {
color: #4689CD;
}
#main-nav .megamenu .mainItems > li {
background: url(//img.ui-portal.de/ci/webde/global/nav/arrows.png) no-repeat 291px -108px;
border-bottom: 1px solid #C0C9CE;
height: 62px;
width: 312px;
}
#main-nav .megamenu .mainItems > li.active,
.jsDisabled #main-nav .megamenu .mainItems > li:hover {
background-color: #FFFFFF;
background-position: 291px -39px;
width: 313px;
}
#main-nav .megamenu .mainItems > li > a,
#main-nav .megamenu .mainItems > li > a:hover {
background-repeat: no-repeat;
background-position: 15px 15px;
padding: 11px 28px 14px 60px;
}
#main-nav .megamenu .mainItems > li.active > a,
#main-nav .megamenu .mainItems > li:hover > a {
background-position: 15px -57px;
}
#main-nav .megamenu .mainItems > li > a > h3 {
font-size: 15px;
line-height: 21px;
}
#main-nav .megamenu .mainItems > li > a > p {
font-size: 12px;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
#main-nav .megamenu .mainItems li > a .headline {
color: #687282;
font: 13px;
margin-bottom: 2px;
}
#main-nav .megamenu .mainItems li.active > a .headline,
#main-nav .megamenu .mainItems li:hover > a .headline {
color: #4689CD;
}
#main-nav .megamenu .mainItems li > a .headline span {
height: 18px;
}
#main-nav .megamenu .mainItems li > a h3.headline {
color: #687282;
font: 13px;
margin-bottom: 0;
}
#main-nav .megamenu .mainItems li .submenu {
display: none;
}
#main-nav .megamenu .mainItems li.active .submenu,
#main-nav .megamenu .mainItems li:hover .submenu {
display: block;
}
#main-nav .megamenu .mainItems .submenu > h\:nav {
height: 440px;
-webkit-box-shadow: inset -5px 0 10px -5px #CCCCCC;
-moz-box-shadow: inset -5px 0 10px -5px #CCCCCC;
box-shadow: inset -5px 0 10px -5px #CCCCCC;
}
#main-nav .megamenu .mainItems h\:nav > h3 {
color: #4689CD;
font-size: 13px;
height: 43px;
line-height: 42px;
margin-top: -1px;
padding: 0 30px;
}
#main-nav .megamenu .mainItems h\:nav > a {
display: inline-block;
font-size: 13px;
line-height: 20px;
margin: 20px 30px 0 30px;
}
#main-nav .megamenu .mainItems .areaItems {
margin-top: 0;
}
*+html #main-nav .megamenu .mainItems .areaItems {
zoom: 1;
}
#main-nav .megamenu .mainItems .areaItems > li {
background: url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s2.png) no-repeat 0 bottom;
border-bottom: none;
height: 43px;
line-height: 42px;
margin-top: -1px;
width: 220px;
}
#main-nav .megamenu .mainItems .areaItems > li.active,
.jsDisabled #main-nav .megamenu .mainItems .areaItems > li:hover {
background: #FFFFFF url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s2_active.png) no-repeat 1px -7px;
-webkit-box-shadow: 25px 0 5px #CCCCCC;
-moz-box-shadow: 25px 0 5px #CCCCCC;
box-shadow: 25px 0 5px #CCCCCC;
width: 313px;
}
#main-nav .megamenu .mainItems .areaItems > li > a,
#main-nav .megamenu .mainItems .areaItems > li > a:hover {
background: url(//img.ui-portal.de/ci/webde/global/nav/arrows.png) no-repeat 214px -118px;
font-size: 13px;
padding: 0 10px 0 30px;
}
#main-nav .megamenu .mainItems .areaItems > li.active > a,
#main-nav .megamenu .mainItems .areaItems > li.activate > a,
#main-nav .megamenu .mainItems .areaItems > li:hover > a {
background-position: 98% -49px;
}
#main-nav .megamenu .mainItems .areaItems > li > a span,
#main-nav .megamenu .mainItems .areaItems > li > a:hover span {
display: block;
height: 100%;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
#main-nav .megamenu .mainItems .areaItems > li.active > a span,
#main-nav .megamenu .mainItems .areaItems > li:hover > a span,
#main-nav .megamenu .mainItems .areaItems > li.activate > a span {
color: #4689CD;
font-weight: 700;
}
#main-nav .megamenu .mainItems .areaItems > li.activate {
background: #FFFFFF url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s2_active.png) no-repeat 1px -7px;
-webkit-box-shadow: 10px -15px 5px -15px #CCCCCC, 10px 15px 5px -15px #CCCCCC;
-moz-box-shadow: 10px -15px 5px -15px #CCCCCC, 10px 15px 5px -15px #CCCCCC;
box-shadow: 10px -15px 5px -15px #CCCCCC, 10px 15px 5px -15px #CCCCCC;
}
#main-nav .megamenu .mainItems .areaItems.s1 > li.activate { width: 215px; }
#main-nav .megamenu .mainItems .areaItems.s1 > li.activate { width: 215px; }
#main-nav .megamenu .mainItems .areaItems.s2 > li.activate { width: 230px; }
#main-nav .megamenu .mainItems .areaItems.s3 > li.activate { width: 250px; }
#main-nav .megamenu .mainItems .areaItems.s4 > li.activate { width: 270px; }
#main-nav .megamenu .mainItems .areaItems.s5 > li.activate { width: 290px; }
#main-nav .megamenu .mainItems .areaItems.s6 > li.activate { width: 305px; }
#main-nav .megamenu .mainItems .areaItems.s7 > li.activate { width: 313px; }
#main-nav .megamenu .mainItems .areaItems > li {
overflow: hidden;
}
#main-nav .megamenu .mainItems .areaItems > li .leafmenu {
display: none;
position: absolute;
top: 0;
}
#main-nav .megamenu .mainItems .areaItems > li.active .leafmenu,
#main-nav .megamenu .mainItems .areaItems > li.activate .leafmenu,
#main-nav .megamenu .mainItems .areaItems > li:hover .leafmenu {
display: inline-block;
}
#main-nav .megamenu .mainItems .leafmenu > h\:nav {
background: #FFFFFF;
height: 440px;
overflow: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#main-nav .megamenu .mainItems .leafmenu li {
background: url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3.png) no-repeat 100% 100%;
border-bottom: none;
margin-top: -1px;
white-space: nowrap;
width: 312px;
}
#main-nav .megamenu .mainItems .leafmenu li.active,
.jsDisabled #main-nav .megamenu .mainItems .leafmenu li:hover {
background: url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3.png) no-repeat 100% 0%,
url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3.png) no-repeat 100% 100%,
url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3_active.png) repeat-y 100% 0%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
*+html #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li.active,
*+html .jsDisabled #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li:hover {
background: url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3_active_ie.png) no-repeat 100% 100%;
}
*+html #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li.active > a,
*+html .jsDisabled #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li:hover > a {
background: url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3.png) no-repeat 100% 0%;
}
#main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li.active,
.jsDisabled #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li:hover {
background: url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3_active_ie.png) no-repeat 100% 100%\0;
}
#main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li.active > a,
.jsDisabled #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li:hover > a {
background: url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3.png) no-repeat 100% 0%\0;
}
:root #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li.active,
:root .jsDisabled #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li:hover {
background: url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3.png) no-repeat 100% 0%,
url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3.png) no-repeat 100% 100%,
url(//img.ui-portal.de/ci/webde/global/nav/bg_nav_s3_active.png) repeat-y 100% 0%;
}
:root #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li.active > a,
:root .jsDisabled #main-nav .megamenu .mainItems .leafmenu > h\:nav > ul > li:hover > a {
background: none;
}
#main-nav .megamenu .mainItems .leafmenu li > a {
color: #687282;
font-size: 13px;
font-weight: 400;
}
#main-nav .megamenu .mainItems .leafmenu li.active > a,
#main-nav .megamenu .mainItems .leafmenu li:hover > a {
color: #4689CD;
font-weight: 700;
}
#main-nav .megamenu .mainItems .leafmenu > h\:nav {
overflow-x: hidden;
}
.jsEnabled #main-nav .megamenu .mainItems h\:nav.scrollable {
overflow: hidden;
}
#main-nav .megamenu .mainItems li .scrollUp,
#main-nav .megamenu .mainItems li .scrollDown {
height: 28px;
left: 0;
position: absolute;
width: 100%;
}
#main-nav .megamenu .mainItems li .scrollUp {
background: url(//img.ui-portal.de/ci/webde/global/nav/scroller_up.png) no-repeat 50% 0;
top: 0;
}
#main-nav .megamenu .mainItems li .scrollDown {
background: url(//img.ui-portal.de/ci/webde/global/nav/scroller_down.png) no-repeat 50% 0;
bottom: 0;
}
#main-nav .megamenu .mainItems li .scrollUp:hover,
#main-nav .megamenu .mainItems li .scrollDown:hover {
background-position: 50% -58px;
}
#main-nav .megamenu .mainItems li .scrollUp.inactive,
#main-nav .megamenu .mainItems li .scrollDown.inactive {
display: none;
}
#main-nav .megamenu .mainItems .leafmenu .items-link li {
height: 43px;
}
#main-nav .megamenu .mainItems .leafmenu .items-link li > a,
#main-nav .megamenu .mainItems .leafmenu .items-link li > a:hover {
height: 42px;
line-height: 42px;
padding: 0 30px 1px;
}
#main-nav .megamenu .mainItems .leafmenu .items-link li > a > span {
display: block;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
#main-nav .megamenu .mainItems .leafmenu .items-logo li {
height: 62px;
}
#main-nav .megamenu .mainItems .leafmenu .items-logo li > a {
height: 30px;
line-height: 30px;
padding: 16px 30px;
}
#main-nav .megamenu .mainItems .leafmenu .items-logo li > a img {
display: inline;
float: left;
margin-right: 15px;
}
#main-nav .megamenu .mainItems .leafmenu .items-logo li > a span {
display: inline;
float: left;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 147px;
}
#main-nav .megamenu .mainItems .leafmenu .items-img li {
height: 284px;
}
#main-nav .megamenu .mainItems .leafmenu .items-img li > a {
height: 252px;
padding: 15px 30px;
}
#main-nav .megamenu .mainItems .leafmenu .items-logo li > a img {
display: block;
}
#main-nav .megamenu .mainItems h\:figure {
display: inline;
float: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
padding: 15px 30px;
width: 252px;
}
#main-nav .megamenu .mainItems li.noThirdCol h\:figure {
padding-top: 30px;
width: 565px;
}
#main-nav .megamenu .mainItems h\:figure > a,
#main-nav .megamenu .mainItems h\:figure > a:hover {
background: none;
display: inline;
padding: 0;
}
#main-nav .megamenu .mainItems h\:figure img {
display: block;
margin-bottom: 10px;
}
#main-nav .megamenu .mainItems h\:figure .btn-wrapper {
float: right;
margin-top: 10px;
}
#main-nav .megamenu .mainItems h\:figure > h3,
#main-nav .megamenu .mainItems h\:figure > .headline {
font-size: 21px;
font-weight: 400;
line-height: 28px;
margin-top: -6px;
padding-bottom: 10px;
}
#main-nav .megamenu .mainItems h\:figure .info {
clear: both;
display: block;
width: 252px;
}
#main-nav .megamenu .mainItems li.noThirdCol h\:figure .info {
width: 565px;
}
#main-nav .megamenu .mainItems h\:figure .info a,
#main-nav .megamenu .mainItems h\:figure .info a:hover {
color: #2269C3;
display: inline;
font-weight: 400;
}
#main-nav .megamenu .mainItems h\:figure .info a:hover {
text-decoration: underline;
}
#main-nav .megamenu .mainItems h\:figure .info h5,
#main-nav .megamenu .mainItems h\:figure .info .subline {
font-size: 14px;
line-height: 21px;
padding-bottom: 1px;
}
#main-nav .megamenu .mainItems h\:figure .info ul,
#main-nav .megamenu .mainItems h\:figure .info p {
display: block;
font-size: 13px;
line-height: 20px;
padding-bottom: 10px;
width: 100%;
}
#main-nav .megamenu .mainItems h\:figure .info li {
background: none;
height: auto;
line-height: auto;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
white-space: normal;
}
#main-nav .megamenu .mainItems h\:figure .info li.active > a,
#main-nav .megamenu .mainItems h\:figure .info li:hover > a {
color: #2269C3;
font-weight: 400;
}
#main-nav .megamenu .mainItems h\:figure .info .list-xs li {
background: url(//img.ui-portal.de/ci/webde/global/icon/list/bullet_xs.png) no-repeat 0 8px;
font-size: 13px;
line-height: 20px;
font-weight: 400;
margin-bottom: 6px;
padding-left: 17px;
width: 235px;
}
#main-nav .megamenu .mainItems li.noThirdCol h\:figure .info .list-xs li {
width: 548px;
}
#wrapper {
min-height: 100%;
overflow: hidden;
position: relative;
min-width: 1000px;
z-index: 100;
}
#container {
background: #FBFBFC url(//img.ui-portal.de/ci/webde/global/bg/header_r.png) no-repeat 100% 0;
border: 1px solid #C0C9CE;
border-bottom: none;
-webkit-box-shadow: inset 0 50px 50px -50px #FFFFFF,
0 -10px 30px 10px #E4E5E5;
-moz-box-shadow: inset 0 50px 50px -50px #FFFFFF,
0 -10px 30px 10px #E4E5E5;
box-shadow: inset 0 50px 50px -50px #FFFFFF,
0 -10px 30px 10px #E4E5E5;
margin: 0 auto;
position: relative;
width: 1000px;
}
.richcontent #container {
border-left: none;
margin: 0;
}
#page-content {
background: url(//img.ui-portal.de/ci/webde/global/bg/content_r.png) no-repeat right bottom;
background: url(//img.ui-portal.de/ci/webde/global/bg/content_r.png) no-repeat right bottom,
url(//img.ui-portal.de/ci/webde/global/bg/content_bottom.png) no-repeat center bottom;
padding-bottom: 93px;
padding-top: 45px;
padding-right: 10px;
padding-left: 30px;
position: relative;
width: 960px;
}
#main {
min-height: 570px;
position: relative;
}
#page-header.header-simple ~ #page-content #main {
min-height: auto;
}
h\:section h1,
.article-text h1 {
font: 400 32px/36px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 31px;
}
h\:section h2,
.article-text h2 {
font: 400 22px/29px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 7px;
}
h\:section h3,
h\:section .subline,
.tab-container h3,
.article-text h3 {
font: 400 19px/26px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 2px;
}
h\:section h4,
.article-text h4 {
font: 700 14px/21px Verdana, Arial, Helvetica, sans-serif;
}
h\:section h5,
h\:section h6,
.article-text h5,
.article-text h6 {
font: 700 14px/21px Verdana, Arial, Helvetica, sans-serif;
}
h\:section > h1,
h\:section > h2,
h\:section > h3,
h\:section > h4,
h\:section > h5,
h\:section > h6,
h\:section > p,
h\:section > .subline {
clear: left;
padding: 0 15px;
margin-right: 20px;
}
h\:section > .subline,
.article-text > .subline {
margin-bottom: 31px;
}
h\:section > h1 + .subline,
.article-text > h1 + .subline {
margin-top: -29px;
}
h\:section > h4,
.article-text > h4 {
margin-bottom: 1px;
}
h\:section > p,
.article-text > p {
margin-bottom: 20px;
}
.content-form .subline,
.content-form h1,
.content-form h2,
.content-form h3,
.content-form h4,
.content-form .subline {
padding: 0;
}
.content-form h2 {
font: 400 22px/29px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
}
.content-form h3 {
font: 400 19px/26px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
}
.content-form h4 {
padding-bottom: 5px;
}
.article-text {
margin-right: 20px;
padding: 15px 15px 0;
}
.article-text h1:first-child,
.article-text h2:first-child,
.article-text h3:first-child,
.article-text h4:first-child,
.article-text p:first-child {
margin-top: -4px;
}
.article-text p.intro {
font-weight: 700;
}
.article-text p + h1 { margin-top: 36px; }
.article-text p + h2 { margin-top: 29px; }
.article-text p + h3 { margin-top: 26px; }
.article-text p + h4 { margin-top: 21px; }
.article-text .btn-wrapper {
margin-bottom: 20px;
}
.article-text .btn-print {
display: inline;
float: right;
}
.content-part {
float: left;
padding-bottom: 20px;
}
.content-part-col6 { width: 960px; padding-bottom: 0; }
.content-part-col5 { width: 800px; padding-bottom: 0; }
.content-part-col4 { width: 640px; padding-bottom: 0; }
.content-part-col3 { width: 480px; padding-bottom: 0; }
.content-part-col2 { width: 320px; padding-bottom: 0; }
.content-part-quad { width: 240px; padding-bottom: 0; }
.content-part-fifth { width: 192px; padding-bottom: 0; }
.content-part-col1 { width: 160px; padding-bottom: 0; }
.note,
.note-unobtrusive {
color: #6A6A6A;
font-size: 11px;
line-height: 16px;
}
.note-dark {
color: #262626;
font-size: 11px;
line-height: 16px;
}
.cased {
background-color: #EEF0F3;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.hr {
border-bottom: 1px solid #D1D4D9;
-webkit-box-shadow: 0 40px 10px -41px #DADDE1; -moz-box-shadow: 0 40px 10px -41px #DADDE1; box-shadow: 0 40px 10px -41px #DADDE1;
display: block;
margin-bottom: 15px;
}
div.hr {
-webkit-box-shadow: 0 4px 5px -4px #BABCC3; -moz-box-shadow: 0 4px 5px -4px #BABCC3; box-shadow: 0 4px 5px -4px #BABCC3;
margin: -10px 0 25px 0;
padding-bottom: 20px;
position: relative;
}
div.hr > hr {
display: none;
}
#page-header:after,
#page-content:after,
#main:after,
.content-part:after,
h\:article:after,
h\:aside:after {
content: ".";
clear: both;
height: 0;
line-height: 0;
visibility: hidden;
overflow: hidden;
display: block;
}
*+html #page-header,
*+html #page-content,
*+html #page-footer,
*+html #main,
*+html .content-part,
*+html h\:article,
*+html h\:aside {
zoom: 1;
}
.content-part-right {
text-align: right;
}
#breadcrumb {
font-size: 11px;
line-height: 14px;
overflow: hidden;
position: absolute;
height: 14px;
top: 12px;
z-index: 100;
width: 940px;
}
#breadcrumb > span {
margin-right: 4px;
float: left;
display: inline;
}
#breadcrumb li {
float: left;
display: inline;
}
#breadcrumb li {
background: url(//img.ui-portal.de/ci/webde/global/icon/breadcrumb.gif) no-repeat left center;
padding-left: 12px;
margin-left: 6px;
}
#breadcrumb li.first {
background: none;
padding-left: 0;
margin-left: 0;
}
#breadcrumb li a:hover,
#breadcrumb li a:focus,
#breadcrumb li a:hover span,
#breadcrumb li a:focus span {
text-decoration: underline;
}
#breadcrumb li em {
font-size: 11px;
font-style: normal;
}
.hint {
margin: 20px 20px 35px 0;
min-height: 40px;
padding: 12px 15px 13px;
border-bottom: 6px solid;
}
#main > .hint {
position: relative;
top: -20px;
}
#page-header.header-simple ~ #page-content #main .hint {
}
#page-header.header-simple ~ #page-content #main .hint ~ .hero {
}
.hint-single {
padding: 12px 15px;
}
.hint .hint-headline {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/hint.png);
background-repeat: no-repeat;
display: block;
font: 400 19px/26px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
height: 45px;
margin: 0;
max-width: 540px;
padding: 0 0 0 50px;
}
.hint-single .hint-headline {
line-height: 42px;
padding-top: 1px;
}
.hint p {
margin: -16px 0 0 50px;
max-width: 540px;
padding: 0;
}
.hint .subtext {
color: #6A6A6A;
font-size: 11px;
line-height: 13px;
margin-left: 50px;
}
.hint-confirm .hint-headline { background-position: 0 3px; }
.hint-info .hint-headline { background-position: 0 -77px; }
.hint-warning .hint-headline { background-position: 0 -157px; }
.hint-error .hint-headline { background-position: 0 -237px; }
.hint-confirm { background-color: #F1F6ED; }
.hint-info { background-color: #EFF4F8; }
.hint-warning { background-color: #FDF9EA; }
.hint-error { background-color: #F8EEEE; }
.hint-confirm { border-color: #A9C88F; }
.hint-info { border-color: #B9CFDD; }
.hint-warning { border-color: #F3DA79; }
.hint-error { border-color: #D59394; }
.jsEnabled .hint-jsDisabled { display: none; }
.layer-content .hint {
margin: 0 -15px 17px;
min-height: 33px;
padding: 14px 15px 15px;
position: relative;
z-index: 90;
border-bottom-width: 4px;
}
.layer-content .hint-single {
padding: 14px 15px 15px;
}
.layer-content .hint .hint-headline {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/hint_32x32.png);
font: 700 13px/16px Verdana, Arial, Helvetica, sans-serif;
height: 33px;
max-width: 548px;
padding: 0 0 0 42px;
}
.layer-content .hint-single .hint-headline {
line-height: 33px;
padding-top: 0;
}
.layer-content .hint p {
line-height: 16px;
margin-top: -17px;
margin-left: 42px;
max-width: 548px;
}
.layer-content .hint-confirm .hint-headline { background-position: 0 1px; }
.layer-content .hint-info .hint-headline { background-position: 0 -79px; }
.layer-content .hint-warning .hint-headline { background-position: 0 -159px; }
.layer-content .hint-error .hint-headline { background-position: 0 -239px; }
.hero .hint {
background: none;
border: 0 solid;
margin: 0 -15px 17px;
min-height: 33px;
padding: 14px 15px 15px;
position: relative;
z-index: 90;
}
.hero .hint-single {
padding: 14px 15px 15px;
}
.hero .hint .hint-headline {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/hint_32x32.png);
font: 700 13px/16px Verdana, Arial, Helvetica, sans-serif;
height: 33px;
max-width: 100%;
padding: 0 0 0 42px;
}
.hero .hint-single .hint-headline {
font-size: 22px;
font-weight: 400;
line-height: 33px;
max-width: 100%;
padding-top: 0;
}
.hero .hint p {
line-height: 16px;
margin-top: -17px;
margin-left: 42px;
max-width: 100%;
}
.hero .hint-confirm .hint-headline { background-position: 0 1px; }
.hero .hint-info .hint-headline { background-position: 0 -79px; }
.hero .hint-warning .hint-headline { background-position: 0 -159px; }
.hero .hint-error .hint-headline { background-position: 0 -239px; }
.paging {
border-top: 1px solid #D1D4D9;
clear: both;
margin: 0 20px 20px 0;
overflow: hidden;
padding-top: 10px;
text-align: center;
}
.paging.noBorder {
border: 0;
padding-top: 0;
margin-top: -5px;
}
.paging-topPosition {
border-bottom: 1px solid #D1D4D9;
border-top: 0;
padding-bottom: 10px;
padding-top: 0;
}
.paging .paging-items {
display: table;
margin: 0 auto;
overflow: hidden;
width: auto;
}
.paging ol {
display: block;
list-style-type: none;
padding: 0;
}
.paging li {
color: #687282;
display: inline;
float: left;
height: 24px;
min-width: 24px;
margin: 0 5px 0 0;
text-align: center;
}
.paging li span,
.paging li em,
.paging li a,
.paging li a:visited {
background-color: #DFE3E6;
color: #687282;
display: block;
font-size: 13px;
font-style: normal;
font-weight: 700;
height: 20px;
line-height: 20px;
min-width: 10px;
padding: 1px 7px 3px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.paging li a:hover,
.paging li a:focus,
.paging li.active em,
.paging li.active span {
color: #FFFFFF;
}
.paging li.active em,
.paging li.active span {
background-color: #4689CD;
}
.paging li a:hover,
.paging li a:focus {
text-decoration: none;
background-color: #7DACDC;
}
.paging li.disabled span {
background-color: #E6E9EB;
color: #A7ADB6;
}
.paging li.ellipsis {
line-height: 22px;
}
.paging li.prev a,
.paging li.next a {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/paging.gif);
background-position: 9px -13px;
background-repeat: no-repeat;
background-color: #7DACDC;
}
.paging li.next a {
background-position: 9px 7px;
}
.paging li.prev a:visited,
.paging li.next a:visited {
background-color: #7DACDC;
}
.paging li.prev a:hover,
.paging li.prev a:focus,
.paging li.next a:hover,
.paging li.next a:focus {
background-color: #4689CD;
}
*+html .paging .paging-items {
display: inline;
zoom: 1;
}
.paging-content {
border: 0 solid;
padding: 0;
margin: 0 20px 20px 0;
}
.paging-content img {
display: block;
margin: 0 auto;
}
.btn-wrapper {
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.jsEnabled .btn-wrapper {
cursor: pointer;
}
.btn-wrapper > * {
background-color: transparent;
cursor: pointer;
display: inline-block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-style: normal;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 1px 0 rgba(255,255,255,0.6) inset;
-moz-box-shadow: 0 0 1px 0 rgba(255,255,255,0.6) inset;
box-shadow: 0 0 1px 0 rgba(255,255,255,0.6) inset;
margin: 0;
outline: none;
overflow: visible;
padding: 0;
position: relative;
text-align: center;
width: auto;
white-space: nowrap;
z-index: 1;
-webkit-appearance: none;
}
.btn-wrapper > a {
text-decoration: none;
}
*+html .btn-wrapper > * {
display: inline;
float: left;
position: static;
}
.btn-wrapper input::-moz-focus-inner {
border: 0 solid;
margin: 0;
padding: 0;
}
.btn-disabled > input[disabled] {
opacity: 1;
}
.btn-wrapper.btn-disabled,
.btn-wrapper.btn-disabled > * {
cursor: default;
}
.btn-wrapper.btn-pressed > * {
-webkit-box-shadow: 0 3px 5px -3px #000000 inset,
0 8px 10px -8px rgba(255,255,255,0.4) inset;
-moz-box-shadow: 0 3px 5px -3px #000000 inset,
0 8px 10px -8px rgba(255,255,255,0.4) inset;
box-shadow: 0 3px 5px -3px #000000 inset,
0 8px 10px -8px rgba(255,255,255,0.4) inset;
}
.btn-xxl {
height: 76px;
line-height: 26px;
}
.btn-xxl > * {
height: 66px;
line-height: 26px;
font-size: 19px;
font-weight: 400;
padding: 8px 20px 0;
}
.btn-xxl > * span {
display: block;
font-size: 10px;
font-weight: 700;
line-height: 14px;
}
.btn-xl {
height: 62px;
line-height: 26px;
}
.btn-xl > * {
height: 52px;
line-height: 26px;
font-size: 19px;
font-weight: 400;
padding: 8px 20px 0;
}
.btn-xl > * span {
display: block;
font-size: 10px;
font-weight: 700;
line-height: 14px;
}
.btn-l {
height: 46px;
line-height: 41px;
}
.btn-l > * {
height: 41px;
line-height: 41px;
font-size: 19px;
font-weight: 300;
padding: 0 20px 3px;
}
.btn-l > input {
height: 46px;
}
.btn-m {
height: 34px;
line-height: 30px;
}
.btn-m > * {
height: 30px;
line-height: 30px;
font-size: 15px;
font-weight: 700;
padding: 0 14px 2px;
}
.btn-m > input {
height: 34px;
}
.btn-s {
height: 26px;
line-height: 22px;
}
.btn-s > * {
height: 22px;
line-height: 22px;
font-size: 13px;
font-weight: 700;
padding: 0 12px 2px;
}
.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-key > * {
color: #000000;
border: 1px #F2BD3E solid;
background: -webkit-gradient(linear, left top, left bottom, from(#FFE688), to(#FFCF20));
background: -webkit-linear-gradient(#FFE688, #FFCF20);
background: -moz-linear-gradient(#FFE688, #FFCF20);
background: -o-linear-gradient(#FFE688, #FFCF20);
background: linear-gradient(#FFE688, #FFCF20);
}
.btn-key > a {
color: #000000;
}
.btn-key.btn-over > * {
color: #000000;
border-color: #F1B525;
background: -webkit-gradient(linear, left top, left bottom, from(#FFDD62), to(#FFBF06));
background: -webkit-linear-gradient(#FFDD62, #FFBF06);
background: -moz-linear-gradient(#FFDD62, #FFBF06);
background: -o-linear-gradient(#FFDD62, #FFBF06);
background: linear-gradient(#FFDD62, #FFBF06);
}
.btn-key.btn-pressed > * {
color: #58440A;
border-color: #D7B260;
background: -webkit-gradient(linear, left top, left bottom, from(#FFD74D), to(#FFBA05));
background: -webkit-linear-gradient(#FFD74D, #FFBA05);
background: -moz-linear-gradient(#FFD74D, #FFBA05);
background: -o-linear-gradient(#FFD74D, #FFBA05);
background: linear-gradient(#FFD74D, #FFBA05);
}
.btn-key.btn-disabled > *,
.btn-key.btn-disabled.btn-over > * {
color: #808080;
border-color: #F9DE9F;
background: -webkit-gradient(linear, left top, left bottom, from(#FFF3C4), to(#FFE790));
background: -webkit-linear-gradient(#FFF3C4, #FFE790);
background: -moz-linear-gradient(#FFF3C4, #FFE790);
background: -o-linear-gradient(#FFF3C4, #FFE790);
background: linear-gradient(#FFF3C4, #FFE790);
}
.btn-key.btn-fix:hover > * {
color: #000000;
}
.btn-key.btn-fix:active > *,
.btn-key.btn-fix.btn-pressed > * {
color: #58440A;
}
.btn-key.btn-fix.btn-disabled:hover > * {
color: #808080;
}
.btn-key.btn-fix.btn-xxl,
.btn-key.btn-fix.btn-xxl > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/key_xxl.png);
}
.btn-key.btn-fix.btn-xl,
.btn-key.btn-fix.btn-xl > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/key_xl.png);
}
.btn-key.btn-fix.btn-l,
.btn-key.btn-fix.btn-l > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/key_l.png);
}
.btn-key.btn-fix.btn-m,
.btn-key.btn-fix.btn-m > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/key_m.png);
}
.btn-key.btn-fix.btn-s,
.btn-key.btn-fix.btn-s > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/key_s.png);
}
.btn-key.btn-fix.btn-xs,
.btn-key.btn-fix.btn-xs > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/key_xs.png);
}
.btn-service > * {
color: #FFFFFF;
border: 1px #4281C1 solid;
background: -webkit-gradient(linear, left top, left bottom, from(#72A5D9), to(#488ACE));
background: -webkit-linear-gradient(#72A5D9, #488ACE);
background: -moz-linear-gradient(#72A5D9, #488ACE);
background: -o-linear-gradient(#72A5D9, #488ACE);
background: linear-gradient(#72A5D9, #488ACE);
}
.btn-service > a {
color: #FFFFFF;
}
.btn-service.btn-over > * {
color: #FFFFFF;
border-color: #407EBC;
background: -webkit-gradient(linear, left top, left bottom, from(#669CD5), to(#417EC9));
background: -webkit-linear-gradient(#669CD5, #417EC9);
background: -moz-linear-gradient(#669CD5, #417EC9);
background: -o-linear-gradient(#669CD5, #417EC9);
background: linear-gradient(#669CD5, #417EC9);
}
.btn-service.btn-pressed > * {
color: #DBE7F5;
border-color: #2A537C;
background: -webkit-gradient(linear, left top, left bottom, from(#5B93D1), to(#3D79C7));
background: -webkit-linear-gradient(#5B93D1, #3D79C7);
background: -moz-linear-gradient(#5B93D1, #3D79C7);
background: -o-linear-gradient(#5B93D1, #3D79C7);
background: linear-gradient(#5B93D1, #3D79C7);
}
.btn-service.btn-disabled > *,
.btn-service.btn-disabled.btn-over > * {
color: #FFFFFF;
border-color: #A1C0E0;
background: -webkit-gradient(linear, left top, left bottom, from(#B9D2EC), to(#A4C5E7));
background: -webkit-linear-gradient(#B9D2EC, #A4C5E7);
background: -moz-linear-gradient(#B9D2EC, #A4C5E7);
background: -o-linear-gradient(#B9D2EC, #A4C5E7);
background: linear-gradient(#B9D2EC, #A4C5E7);
}
.btn-service.btn-fix:hover > * {
color: #FFFFFF;
}
.btn-service.btn-fix:active > *,
.btn-service.btn-fix.btn-pressed > * {
color: #DBE7F5;
}
.btn-service.btn-fix.btn-disabled:hover > * {
color: #FFFFFF;
}
.btn-service.btn-fix.btn-xxl,
.btn-service.btn-fix.btn-xxl > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/service_xxl.png);
}
.btn-service.btn-fix.btn-xl,
.btn-service.btn-fix.btn-xl > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/service_xl.png);
}
.btn-service.btn-fix.btn-l,
.btn-service.btn-fix.btn-l > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/service_l.png);
}
.btn-service.btn-fix.btn-m,
.btn-service.btn-fix.btn-m > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/service_m.png);
}
.btn-service.btn-fix.btn-s,
.btn-service.btn-fix.btn-s > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/service_s.png);
}
.btn-service.btn-fix.btn-xs,
.btn-service.btn-fix.btn-xs > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/service_xs.png);
}
.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-secondary > a {
color: #666666;
}
.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-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-secondary.btn-disabled > *,
.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/ci/webde/global/btn/secondary_xxl.png);
}
.btn-secondary.btn-fix.btn-xl,
.btn-secondary.btn-fix.btn-xl > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_xl.png);
}
.btn-secondary.btn-fix.btn-l,
.btn-secondary.btn-fix.btn-l > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_l.png);
}
.btn-secondary.btn-fix.btn-m,
.btn-secondary.btn-fix.btn-m > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_m.png);
}
.btn-secondary.btn-fix.btn-s,
.btn-secondary.btn-fix.btn-s > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_s.png);
}
.btn-secondary.btn-fix.btn-xs,
.btn-secondary.btn-fix.btn-xs > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_xs.png);
}
.btn-level4 > * {
color: #2269C3;
border: 1px transparent solid;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
font-weight: 400;
}
.btn-level4 > a {
color: #2269C3;
}
.btn-level4.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);
-webkit-box-shadow: 0 0 1px 0 rgba(255,255,255,0.6) inset;
-moz-box-shadow: 0 0 1px 0 rgba(255,255,255,0.6) inset;
box-shadow: 0 0 1px 0 rgba(255,255,255,0.6) inset;
}
.btn-level4.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);
-webkit-box-shadow: 0 3px 5px -3px #000000 inset,
0 8px 10px -8px rgba(255,255,255,0.4) inset;
-moz-box-shadow: 0 3px 5px -3px #000000 inset,
0 8px 10px -8px rgba(255,255,255,0.4) inset;
box-shadow: 0 3px 5px -3px #000000 inset,
0 8px 10px -8px rgba(255,255,255,0.4) inset;
}
.btn-level4.btn-disabled > *,
.btn-level4.btn-disabled.btn-over > * {
color: #B3B3B3;
background: none;
border-color: transparent;
}
.btn-level4.btn-fix:hover > * {
color: #5C5C5C;
}
.btn-level4.btn-fix:active > *,
.btn-level4.btn-fix.btn-pressed > * {
color: #7C7C7C;
}
.btn-level4.btn-fix.btn-xxl,
.btn-level4.btn-fix.btn-xxl > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_xxl.png);
}
.btn-level4.btn-fix.btn-xl,
.btn-level4.btn-fix.btn-xl > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_xl.png);
}
.btn-level4.btn-fix.btn-l,
.btn-level4.btn-fix.btn-l > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_l.png);
}
.btn-level4.btn-fix.btn-m,
.btn-level4.btn-fix.btn-m > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_m.png);
}
.btn-level4.btn-fix.btn-s,
.btn-level4.btn-fix.btn-s > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_s.png);
}
.btn-level4.btn-fix.btn-xs,
.btn-level4.btn-fix.btn-xs > * {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/secondary_xs.png);
}
.btn-level4.btn-disabled.btn-fix,
.btn-level4.btn-disabled.btn-fix > *,
.btn-level4.btn-disabled.btn-fix:hover > * {
background-image: none;
color: #B3B3B3;
}
.btn-wrapper.hasIcon {
position: relative;
}
.btn-wrapper.onlyIcon > * {
text-indent: -9999px;
}
.btn-wrapper.hasIcon.btn-l > * { padding-left: 58px; }
.btn-wrapper.hasIcon.btn-m > * { padding-left: 43px; }
.btn-wrapper.hasIcon.btn-s > * { padding-left: 32px; }
.btn-wrapper.onlyIcon.btn-l > * { padding-left: 44px; }
.btn-wrapper.onlyIcon.btn-m > * { padding-left: 32px; }
.btn-wrapper.onlyIcon.btn-s > * { padding-left: 24px; }
.btn-fix.onlyIcon.btn-l > * { padding-left: 45px; }
.btn-fix.onlyIcon.btn-m > * { padding-left: 33px; }
.btn-fix.onlyIcon.btn-s > * { padding-left: 25px; }
*+html .btn-fix.onlyIcon.btn-l input { width: 61px; }
*+html .btn-fix.onlyIcon.btn-m input { width: 43px; }
*+html .btn-fix.onlyIcon.btn-s input { width: 33px; }
.btn-wrapper.hasIcon .btn-icon {
border: none;
background-repeat: no-repeat;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-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%; }
.jsDisabled .btn-wrapper.onlyIcon > * {
text-indent: 0;
}
.jsDisabled .btn-wrapper .btn-icon {
display: none;
}
.jsDisabled .btn-xxl.hasIcon > *,
.jsDisabled .btn-xxl.onlyIcon > *,
.jsDisabled .btn-xl.hasIcon > *,
.jsDisabled .btn-xl.onlyIcon > * {
padding: 9px 16px 0 21px;
}
.jsDisabled .btn-l.hasIcon > *,
.jsDisabled .btn-l.onlyIcon > * {
padding: 0 16px 3px 21px;
}
.jsDisabled .btn-m.hasIcon > *,
.jsDisabled .btn-m.onlyIcon > * {
padding: 0 10px 2px 15px;
}
.jsDisabled .btn-s.hasIcon > *,
.jsDisabled .btn-s.onlyIcon > * {
padding: 0 8px 2px 13px;
}
.jsDisabled .btn-xs.hasIcon > *,
.jsDisabled .btn-xs.onlyIcon > * {
padding: 0 6px 1px 11px;
}
.btn-wrapper.btn-fix {
background: none;
background-repeat: no-repeat;
border: 0 solid;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0 0 0 5px;
padding: 0 5px 0 0;
}
.btn-wrapper.btn-fix > * {
background: none;
background-repeat: no-repeat;
border: 0 solid;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0 0 0 -5px;
}
.btn-wrapper.btn-fix { background-position: 100% 0; }
.btn-wrapper.btn-fix > * { background-position: 0 0; }
.btn-fix.btn-level4,
.btn-fix.btn-level4 > * { background-position: -100% -100%; }
.btn-fix:hover,
.btn-fix.btn-over { background-position: 100% -50px; }
.btn-fix:hover > *,
.btn-fix.btn-over > * { background-position: 0 -50px; }
.btn-fix:active,
.btn-fix.btn-pressed { background-position: 100% -100px; }
.btn-fix:active > *,
.btn-fix.btn-pressed > * { background-position: 0 -100px; }
.btn-fix.btn-disabled { background-position: 100% -150px; }
.btn-fix.btn-disabled > * { background-position: 0 -150px; }
.btn-fix.btn-xl,
.btn-fix.btn-xxl { background-position: 100% 0; }
.btn-fix.btn-xl > *,
.btn-fix.btn-xxl > * { background-position: 0 0; }
.btn-fix.btn-xl.btn-level4,
.btn-fix.btn-xxl.btn-level4,
.btn-fix.btn-xl.btn-level4 > *,
.btn-fix.btn-xxl.btn-level4 > * { background-position: -100% -100%; }
.btn-fix.btn-xl:hover,
.btn-fix.btn-xxl:hover,
.btn-fix.btn-xl.btn-over,
.btn-fix.btn-xxl.btn-over { background-position: 100% -90px; }
.btn-fix.btn-xl:hover > *,
.btn-fix.btn-xxl:hover > *,
.btn-fix.btn-xl.btn-over > *,
.btn-fix.btn-xxl.btn-over > * { background-position: 0 -90px; }
.btn-fix.btn-xl:active,
.btn-fix.btn-xxl:active,
.btn-fix.btn-xl.btn-pressed,
.btn-fix.btn-xxl.btn-pressed { background-position: 100% -180px; }
.btn-fix.btn-xl:active > *,
.btn-fix.btn-xxl:active > *,
.btn-fix.btn-xl.btn-pressed > *,
.btn-fix.btn-xxl.btn-pressed > * { background-position: 0 -180px; }
.btn-fix.btn-xl.btn-disabled,
.btn-fix.btn-xxl.btn-disabled { background-position: 100% -270px; }
.btn-fix.btn-xl.btn-disabled > *,
.btn-fix.btn-xxl.btn-disabled > * { background-position: 0 -270px; }
.btn-fix.btn-xxl > * {
height: 67px;
padding: 9px 16px 0 21px;
}
.btn-fix.btn-xl > * {
height: 53px;
padding: 9px 16px 0 21px;
}
.btn-fix.btn-l > * {
height: 43px;
line-height: 43px;
padding: 0 16px 3px 21px;
}
.btn-fix.btn-l > input {
height: 46px;
}
.btn-fix.btn-l.hasIcon .btn-icon {
left: 12px;
}
.btn-fix.btn-m > * {
height: 32px;
line-height: 32px;
padding: 0 10px 2px 15px;
}
.btn-fix.btn-m > input {
height: 34px;
}
.btn-fix.btn-m.hasIcon .btn-icon {
left: 7px;
}
.btn-fix.btn-s > * {
height: 24px;
line-height: 24px;
padding: 0 8px 2px 13px;
}
.btn-fix.btn-s > input {
height: 26px;
}
.btn-fix.btn-s.hasIcon .btn-icon {
left: 6px;
}
.btn-fix.btn-xs > * {
height: 21px;
line-height: 21px;
padding: 0 6px 1px 11px;
}
.btn-fix.btn-xs > input {
height: 22px;
}
.content-form {
border: 0 solid transparent;
border-bottom: 1px solid #D1D4D9;
-webkit-box-shadow: 0 40px 10px -41px #DADDE1; -moz-box-shadow: 0 40px 10px -41px #DADDE1; box-shadow: 0 40px 10px -41px #DADDE1;
display: inline;
float: left;
margin: 0 20px 35px 0;
padding: 0 15px 20px;
}
.content-form.noSeperator {
border-bottom:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-bottom: 0;
}
.content-part-col4 .content-form { width: 590px; }
.content-part-col4 .form-item { width: 590px; }
.content-part-col4 .form-item .item-label { width: 150px; text-align: right; }
.content-part-col4 .item-label + .item-data { width: 440px; }
.content-part-col4 .item-label.label-top { width: 590px; text-align: left; }
.content-part-col4 .item-data,
.content-part-col4 .label-top + .item-data { width: 590px; }
.content-part-col3 .content-form { width: 430px; }
.content-part-col3 .form-item { width: 430px; }
.content-part-col3 .form-item .item-label { width: 150px; text-align: right; padding-right: 10px; }
.content-part-col3 .item-label + .item-data { width: 270px; }
.content-part-col3 .item-label.label-top { width: 430px; text-align: left; padding-right: 0; }
.content-part-col3 .item-data,
.content-part-col3 .label-top + .item-data { width: 430px; }
.content-part-col2 .content-form { width: 270px; }
.content-part-col2 .form-item { width: 270px; }
.content-part-col2 .form-item .item-label { width: 270px; text-align: left; }
.content-part-col2 .form-item .item-data { width: 270px; }
.form-item {
clear: left;
display: inline;
float: left;
padding-bottom: 10px;
position: relative;
}
.form-l {
font-size: 14px;
line-height: 21px;
}
.form-l .form-item {
padding-bottom: 15px;
}
.form-item.action {
padding-top: 5px;
padding-bottom: 0;
}
.form-send .btn-wrapper {
float: right;
margin-left: 20px;
}
.item-data {
position: relative;
}
.item-data strong {
padding-left: 10px;
}
.item-data label strong {
padding-left: 0;
}
.item-label label,
.item-label,
.item-data,
.form-item h\:details,
.form-item h\:output,
.form-item span.mark {
display: inline;
float: left;
font-size: 13px;
line-height: 22px;
min-height: 24px;
}
.content-part-col2 .item-label label h\:details,
.content-part-col4 .item-label label h\:details,
.content-part-col4 .item-label label,
.content-part-col4 .item-label span.mark,
.content-part-col4 .item-label h\:details,
.content-part-col3 .item-label label,
.content-part-col3 .item-label span.mark,
.content-part-col3 .item-label h\:details {
float: right;
}
*+html .content-part-col2 .item-label label h\:details,
*+html .content-part-col4 .item-label h\:details {
float: none;
}
.content-part-col4 .label-top label,
.content-part-col4 .label-top span.mark,
.content-part-col4 .label-top h\:details {
float: left;
}
.form-l .item-label label,
.form-l .item-label,
.form-l .item-data,
.form-l .form-item h\:details,
.form-l .form-item h\:output,
.form-l .form-item span.mark {
font-size: 14px;
line-height: 33px;
min-height: 34px;
}
.form-item h\:details {
color: #6A6A6A;
font-size: 11px;
line-height: 23px;
margin-left: 10px;
}
.form-l .form-item h\:details {
font-size: 13px;
line-height: 34px;
}
.form-l .form-item h\:details p {
font-size: 13px;
line-height: 23px;
}
.item-label h\:details,
.item-data span.mark {
margin-left: 5px;
}
.item-data span.mark {
margin-right: -5px;
}
input[type="text"],
input[type="password"] {
border: 1px solid #B3B8C0;
-webkit-border-radius: 4px;
-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: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 16px;
line-height: 16px;
margin-left: 0;
outline: none;
padding: 2px 6px 4px;
}
.form-l input[type="text"],
.form-l input[type="password"] {
font-size: 14px;
height: 20px;
line-height: 20px;
padding: 5px 6px 7px;
}
.hero-form-xl .form-l input[type="text"],
.hero-form-xl .form-l input[type="password"] {
font-size: 14px;
height: 32px;
line-height: 32px;
padding: 5px 6px 7px;
}
.item-label + .item-data input[type="text"],
.item-label + .item-data input[type="password"],
.item-label + .item-data .btn-wrapper,
.item-label + .item-data .select-wrapper,
.item-label + .item-data textarea {
margin-left: 10px;
}
.apv-form-l .item-label + .item-data .btn-wrapper.btn-fix {
margin-left: 15px;
}
.content-part-col2 .form-item input[type="text"],
.content-part-col2 .form-item input[type="password"],
.content-part-col2 .form-item .select-wrapper,
.content-part-col2 .form-item textarea,
.content-part-col3 .form-item input[type="text"],
.content-part-col3 .form-item input[type="password"],
.content-part-col3 .form-item .select-wrapper,
.content-part-col3 .form-item textarea,
.label-top + .item-data input[type="text"],
.label-top + .item-data input[type="password"],
.label-top + .item-data .select-wrapper,
.label-top + .item-data textarea {
margin-left: 0;
}
.content-part-col4 input[type="text"],
.content-part-col4 input[type="password"],
.content-part-col4 textarea { width: 416px; }
.content-part-col4 select { width: 428px; }
.content-part-col4 input.city,
.content-part-col4 input.streetName { width: 311px; }
.content-part-col4 input.zipCode,
.content-part-col4 input.streetNumber { width: 81px; }
.content-part-col4 input.birthDay,
.content-part-col4 input.birthMonth { width: 18px; }
.content-part-col4 input.birthYear { width: 38px; }
.content-part-col3 input[type="text"],
.content-part-col3 input[type="password"],
.content-part-col3 textarea { width: 256px; }
.content-part-col3 select { width: 268px; }
.content-part-col3 input.city,
.content-part-col3 input.streetName { width: 200px; }
.content-part-col3 input.zipCode,
.content-part-col3 input.streetNumber { width: 53px; }
.content-part-col2 input[type="text"],
.content-part-col2 input[type="password"],
.content-part-col2 textarea { width: 256px; }
.content-part-col2 select { width: 268px; }
.content-part-col2 input.city,
.content-part-col2 input.streetName { width: 200px; }
.content-part-col2 input.zipCode,
.content-part-col2 input.streetNumber { width: 53px; }
.content-part-col4 input[type="text"].fullwidth,
.content-part-col4 input[type="password"].fullwidth,
.content-part-col4 textarea.fullwidth { width: 576px; }
.content-part-col4 select.fullwidth { width: 588px; }
select.autowidth { width: auto; }
.select-wrapper {
background: #FFFFFF;
border: 1px solid #B3B8C0;
-webkit-border-radius: 4px;
-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: 22px;
margin-left: 0;
}
.form-l .select-wrapper {
height: 32px;
}
.select-wrapper select {
background-color: transparent;
border: 0 solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #262626;
display: inline;
float: left;
font-size: 13px;
height: 18px;
line-height: 18px;
margin: 1px 0;
outline: none;
padding: 0 3px;
}
.form-l .select-wrapper select {
font-size: 14px;
height: 21px;
line-height: 21px;
margin-top: 5px;
}
span.select-wrapper select option {
padding: 2px 6px 2px 2px;
outline: none;
}
@-moz-document url-prefix() {
.form-l .select-wrapper select {
margin-top: 6px;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.select-wrapper {
background: #EEF0F3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.select-wrapper select {
background: #EEF0F3;
height: 22px;
line-height: 22px;
padding: 1px 3px 3px;
margin: 0;
}
.form-l .select-wrapper select {
background: #EEF0F3;
height: 32px;
line-height: 32px;
padding: 1px 3px 3px;
margin: 0;
}
}
x:-o-prefocus, .select-wrapper {
background: #FFFFFF;
}
x:-o-prefocus, .select-wrapper select {
margin: 1px 3px;
width: 422px;
}
x:-o-prefocus, .select-wrapper select.fullwidth { width: 582px; }
x:-o-prefocus, .select-wrapper select.autowidth { width: auto; }
x:-o-prefocus, .content-part-col3 .select-wrapper select,
x:-o-prefocus, .content-part-col2 .select-wrapper select { width: 262px; }
*+html .select-wrapper {
background: none;
border: 0 solid;
}
*+html .select-wrapper select,
*+html .form-l .select-wrapper select {
height: 22px;
margin: 0;
width: 430px;
}
*+html .form-l .select-wrapper select {
margin-top: 6px;
}
*+html .select-wrapper select.fullwidth { width: 590px; }
*+html .select-wrapper select.autowidth { width: auto; }
*+html .content-part-col3 .select-wrapper select,
*+html .content-part-col2 .select-wrapper select { width: 270px; }
textarea {
border: 1px solid #B3B8C0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #FFFFFF;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#EFF2F6), color-stop(0.2,#FFFFFF));
background-image: -webkit-linear-gradient(#EFF2F6 0%, #FFFFFF 20%);
background-image: -moz-linear-gradient(#EFF2F6 0%, #FFFFFF 20%);
background-image: -o-linear-gradient(#EFF2F6 0%, #FFFFFF 20%);
background-image: linear-gradient(#EFF2F6 0%, #FFFFFF 20%);
color: #262626;
display: inline;
float: left;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
margin-left: 0;
min-height: 100px;
overflow: auto;
outline: none;
padding: 2px 6px 4px;
word-wrap: break-word;
}
.form-l textarea {
font-size: 14px;
height: 20px;
line-height: 20px;
padding: 5px 6px 7px;
}
textarea.noresize {
resize: none;
}
textarea.vresize {
resize: vertical;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #6A6A6A;
}
input:focus::-webkit-input-placeholder {
color: transparent;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #6A6A6A;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #6A6A6A;
}
input.hasError[type="text"],
input.hasError[type="password"],
textarea.hasError {
background-color: #F8EEEE;
background-image: none;
border-color: #C00030;
color: #C00030;
font-style: italic;
}
.select-wrapper.hasError,
select.hasError {
border-color: #C00030;
color: #C00030;
}
label.hasError h\:details,
label.hasError {
color: #C00030;
}
:-moz-ui-invalid:not(output) {
box-shadow: none;
}
input[type="text"]:focus,
input[type="password"]:focus,
.select-wrapper.focus,
textarea:focus,
input.hasError[type="text"]:focus,
input.hasError[type="password"]:focus,
.select-wrapper.hasError.focus
textarea.hasError:focus,
input.isValid[type="text"]:focus,
input.isValid[type="password"]:focus,
.select-wrapper.isValid.focus
textarea.isValid:focus {
-webkit-box-shadow: 0 0 4px #B3B8C0;
-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;
}
select:focus,
select.hasError:focus,
select.isValid:focus {
background: #FFFFFF;
color: #262626;
font-style: normal;
}
input[disabled="disabled"],
input.hasError[disabled="disabled"],
input.isValid[disabled="disabled"],
.select-wrapper[disabled="disabled"],
.select-wrapper.hasError[disabled="disabled"],
.select-wrapper.isValid[disabled="disabled"],
textarea[disabled="disabled"],
textarea.hasError[disabled="disabled"],
textarea.isValid[disabled="disabled"],
select[disabled="disabled"],
select.hasError[disabled="disabled"],
select.isValid[disabled="disabled"],
.isDisabled label,
.isDisabled h\:details,
.isDisabled h\:output,
.isDisabled span.mark,
.isDisabled p.char-counter,
label.isDisabled,
h\:details.isDisabled,
h\:output.isDisabled,
span.mark.isDisabled,
p.char-counter.isDisabled {
color: #999999;
border-color: #D7D9DE;
}
div.form-checkbox-element,
div.form-radio-element {
clear: left;
display: inline;
float: left;
margin: 0;
padding-left: 25px;
position: relative;
}
.item-label + .item-data div.form-checkbox-element,
.item-label + .item-data div.form-radio-element {
margin-left: 10px;
}
.content-part-col2 .form-item div.form-checkbox-element,
.content-part-col2 .form-item div.form-radio-element,
.label-top + .item-data div.form-checkbox-element,
.label-top + .item-data div.form-radio-element {
margin-left: 0;
}
.form-l div.form-checkbox-element,
.form-l div.form-radio-element,
div.form-checkbox-element.size-l,
div.form-radio-element.size-l {
padding-left: 34px;
}
div.form-checkbox-element.size-s,
div.form-radio-element.size-s {
padding-left: 25px;
}
*+html div.form-checkbox-element,
*+html div.form-radio-element {
zoom: 1;
}
.data-horizontal div.form-checkbox-element,
.data-horizontal div.form-radio-element {
clear: none;
margin-right: 10px;
}
span.form-checkbox-wrapper,
span.form-radio-wrapper {
height: 20px;
width: 20px;
left: 0;
top: 4px;
overflow: hidden;
position: absolute;
}
.form-l span.form-checkbox-wrapper,
.form-l span.form-radio-wrapper,
.size-l span.form-checkbox-wrapper,
.size-l span.form-radio-wrapper {
height: 34px;
width: 34px;
}
.size-s span.form-checkbox-wrapper,
.size-s span.form-radio-wrapper {
height: 20px;
width: 20px;
}
.form-l .size-s span.form-checkbox-wrapper,
.form-l .size-s span.form-radio-wrapper {
top: 9px;
}
span.form-checkbox-wrapper input[type="checkbox"],
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;
}
.form-l span.form-checkbox-wrapper input[type="checkbox"],
.form-l span.form-radio-wrapper input[type="radio"],
.size-l span.form-checkbox-wrapper input[type="checkbox"],
.size-l span.form-radio-wrapper input[type="radio"] {
height: 28px;
width: 28px;
}
.size-s span.form-checkbox-wrapper input[type="checkbox"],
.size-s span.form-radio-wrapper input[type="radio"] {
height: 19px;
width: 19px;
}
*+html span.form-checkbox-wrapper input[type="checkbox"],
*+html span.form-radio-wrapper input[type="radio"] {
left: 0;
top: 0;
}
span.form-checkbox-wrapper input[type="checkbox"]:focus,
span.form-radio-wrapper input[type="radio"]:focus {
outline: none;
}
span.form-checkbox-wrapper input[type="checkbox"] + label,
span.form-radio-wrapper input[type="radio"] + label {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/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;
}
.form-l span.form-checkbox-wrapper input[type="checkbox"] + label,
.form-l span.form-radio-wrapper input[type="radio"] + label {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/radio-checkbox_24x24.png);
height: 28px;
width: 28px;
}
.size-s span.form-checkbox-wrapper input[type="checkbox"] + label,
.size-s span.form-radio-wrapper input[type="radio"] + label {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/radio-checkbox_16x16.png);
height: 19px;
width: 19px;
}
span input[type="radio"] + label { background-position: -7px -7px; }
span input[type="radio"] + label:hover { background-position: -7px -47px; }
span input[type="radio"]:checked + label { background-position: -47px -7px; }
span input[type="radio"] + label.checked { background-position: -47px -7px; }
span input[type="radio"]:checked + label:hover { background-position: -47px -47px; }
span input[type="radio"] + label.checked:hover { background-position: -47px -47px; }
span input[type="radio"]:focus + label { background-position: -7px -87px; }
span input[type="radio"]:focus + label:hover { background-position: -7px -87px; }
span input[type="radio"]:checked:focus + label { background-position: -47px -87px; }
span input[type="radio"]:focus + label.checked { background-position: -47px -87px; }
span input[type="radio"]:checked:focus + label:hover { background-position: -47px -87px; }
span input[type="radio"]:focus + label.checked:hover { background-position: -47px -87px; }
span input[type="checkbox"] + label { background-position: -7px -127px; }
span input[type="checkbox"] + label:hover { background-position: -7px -167px; }
span input[type="checkbox"]:checked + label { background-position: -47px -127px; }
span input[type="checkbox"] + label.checked { background-position: -47px -127px; }
span input[type="checkbox"]:checked + label:hover { background-position: -47px -167px; }
span input[type="checkbox"] + label.checked:hover { background-position: -47px -167px; }
span input[type="checkbox"]:focus + label { background-position: -7px -207px; }
span input[type="checkbox"]:focus + label:hover { background-position: -7px -207px; }
span input[type="checkbox"]:checked:focus + label { background-position: -47px -207px; }
span input[type="checkbox"]:focus + label.checked { background-position: -47px -207px; }
span input[type="checkbox"]:checked:focus + label:hover { background-position: -47px -207px; }
span input[type="checkbox"]:focus + label.checked:hover { background-position: -47px -207px; }
span input[type="radio"].hasError + label { background-position: -87px -7px; }
span input[type="radio"].hasError + label:hover { background-position: -87px -47px; }
span input[type="radio"].hasError:checked + label { background-position: -127px -7px; }
span input[type="radio"].hasError + label.checked { background-position: -127px -7px; }
span input[type="radio"].hasError:checked + label:hover { background-position: -127px -47px; }
span input[type="radio"].hasError + label.checked:hover { background-position: -127px -47px; }
span input[type="radio"].hasError:focus + label { background-position: -87px -87px; }
span input[type="radio"].hasError:focus + label:hover { background-position: -87px -87px; }
span input[type="radio"].hasError:checked:focus + label { background-position: -127px -87px; }
span input[type="radio"].hasError:focus + label.checked { background-position: -127px -87px; }
span input[type="radio"].hasError:checked:focus + label:hover { background-position: -127px -87px; }
span input[type="radio"].hasError:focus + label.checked:hover { background-position: -127px -87px; }
span input[type="checkbox"].hasError + label { background-position: -87px -127px; }
span input[type="checkbox"].hasError + label:hover { background-position: -87px -167px; }
span input[type="checkbox"].hasError:checked + label { background-position: -127px -127px; }
span input[type="checkbox"].hasError + label.checked { background-position: -127px -127px; }
span input[type="checkbox"].hasError:checked + label:hover { background-position: -127px -167px; }
span input[type="checkbox"].hasError + label.checked:hover { background-position: -127px -167px; }
span input[type="checkbox"].hasError:focus + label { background-position: -87px -207px; }
span input[type="checkbox"].hasError:focus + label:hover { background-position: -87px -207px; }
span input[type="checkbox"].hasError:checked:focus + label { background-position: -127px -207px; }
span input[type="checkbox"].hasError:focus + label.checked { background-position: -127px -207px; }
span input[type="checkbox"].hasError:checked:focus + label:hover { background-position: -127px -207px; }
span input[type="checkbox"].hasError:focus + label.checked:hover { background-position: -127px -207px; }
span input[type="radio"].isDisabled + label { background-position: -247px -7px; }
span input[type="radio"].isDisabled + label:hover { background-position: -247px -7px; }
span input[type="radio"].isDisabled:checked + label { background-position: -287px -7px; }
span input[type="radio"].isDisabled + label.checked { background-position: -287px -7px; }
span input[type="radio"].isDisabled:checked + label:hover { background-position: -287px -7px; }
span input[type="radio"].isDisabled + label.checked:hover { background-position: -287px -7px; }
span input[type="radio"].isDisabled:focus + label { background-position: -247px -7px; }
span input[type="radio"].isDisabled:focus + label:hover { background-position: -247px -7px; }
span input[type="radio"].isDisabled:checked:focus + label { background-position: -287px -7px; }
span input[type="radio"].isDisabled:focus + label.checked { background-position: -287px -7px; }
span input[type="radio"].isDisabled:checked:focus + label:hover { background-position: -287px -7px; }
span input[type="radio"].isDisabled:focus + label.checked:hover { background-position: -287px -7px; }
span input[type="checkbox"].isDisabled + label { background-position: -247px -127px; }
span input[type="checkbox"].isDisabled + label:hover { background-position: -247px -127px; }
span input[type="checkbox"].isDisabled:checked + label { background-position: -287px -127px; }
span input[type="checkbox"].isDisabled + label.checked { background-position: -287px -127px; }
span input[type="checkbox"].isDisabled:checked + label:hover { background-position: -287px -127px; }
span input[type="checkbox"].isDisabled + label.checked:hover { background-position: -287px -127px; }
span input[type="checkbox"].isDisabled:focus + label { background-position: -247px -127px; }
span input[type="checkbox"].isDisabled:focus + label:hover { background-position: -247px -127px; }
span input[type="checkbox"].isDisabled:checked:focus + label { background-position: -287px -127px; }
span input[type="checkbox"].isDisabled:focus + label.checked { background-position: -287px -127px; }
span input[type="checkbox"].isDisabled:checked:focus + label:hover { background-position: -287px -127px; }
span input[type="checkbox"].isDisabled:focus + label.checked:hover { background-position: -287px -127px; }
span input[type="radio"].isDisabled,
span input[type="radio"].isDisabled + label,
span input[type="checkbox"].isDisabled,
span input[type="checkbox"].isDisabled + label { cursor: default; }
span.form-checkbox-wrapper + label,
span.form-radio-wrapper + label {
display: inline-block;
line-height: 20px;
padding: 2px 0;
}
.form-l span.form-checkbox-wrapper + label,
.form-l span.form-radio-wrapper + label,
.size-l span.form-checkbox-wrapper + label,
.size-l span.form-radio-wrapper + label,
.form-l div.form-checkbox-element.size-s + label,
.form-l div.form-radio-element.size-s + label {
line-height: 21px;
padding: 6px 0 7px;
}
.hasError span.form-checkbox-wrapper + label,
.hasError span.form-radio-wrapper + label {
color: #C00030;
}
div.form-checkbox-element ~ p,
div.form-radio-element ~ p {
clear: left;
float: left;
font-size: 13px;
line-height: 20px;
padding: 0 0 0 25px;
position: relative;
top: -2px;
}
.form-l div.form-checkbox-element ~ p,
.form-l div.form-radio-element ~ p,
div.form-checkbox-element.size-l ~ p,
div.form-radio-element.size-l ~ p {
font-size: 14px;
line-height: 21px;
top: -7px;
padding: 0 0 0 34px;
}
*+html .item-data.data-horizontal span.form-checkbox-wrapper + label,
*+html .item-data.data-horizontal span.form-radio-wrapper + label,
*+html .form-l .item-data.data-horizontal span.form-checkbox-wrapper + label,
*+html .form-l .item-data.data-horizontal span.form-radio-wrapper + label {
width: auto;
}
*+html .item-data span.form-checkbox-wrapper + label,
*+html .item-data span.form-radio-wrapper + label {
width: 405px;
}
*+html .form-l .item-data span.form-checkbox-wrapper + label,
*+html .form-l .item-data span.form-radio-wrapper + label {
width: 396px;
}
span.form-checkbox-wrapper + label,
span.form-radio-wrapper + label {
display: inline\0;
float: left\0;
}
:root span.form-checkbox-wrapper + label,
:root span.form-radio-wrapper + label {
display: inline-block\0;
float: none\0;
}
*+html .jsDisabled span.form-checkbox-wrapper input[type="checkbox"],
*+html .jsDisabled span.form-radio-wrapper input[type="radio"] {
opacity: 1;
filter: none;
z-index: 1;
}
*+html .jsDisabled span.form-checkbox-wrapper input[type="checkbox"] + label,
*+html .jsDisabled span.form-radio-wrapper input[type="radio"] + label {
display: none;
}
.jsDisabled span.form-checkbox-wrapper input[type="checkbox"],
.jsDisabled span.form-radio-wrapper input[type="radio"] {
opacity: 1\0;
filter: none;
z-index: 1\0;
}
.jsDisabled span.form-checkbox-wrapper input[type="checkbox"] + label,
.jsDisabled span.form-radio-wrapper input[type="radio"] + label {
display: none\0;
}
:root .jsDisabled span.form-checkbox-wrapper input[type="checkbox"],
:root .jsDisabled span.form-radio-wrapper input[type="radio"] {
opacity: 0\0;
filter: alpha(opacity=0)\0;
z-index: -1\0;
}
:root .jsDisabled span.form-checkbox-wrapper input[type="checkbox"] + label,
:root .jsDisabled span.form-radio-wrapper input[type="radio"] + label {
display: inline-block\0;
}
h\:output.status {
background: url(//img.ui-portal.de/ci/webde/global/icon/hint_16x16.png) no-repeat 0 -30px;
display: none;
line-height: 24px;
height: 24px;
width: 16px;
margin-left: 5px;
position: absolute;
}
.data-horizontal h\:output.status {
margin-left: -5px;
}
.form-l h\:output.status {
line-height: 34px;
height: 34px;
}
.content-part-col2 .item-label + .item-data h\:output.status {
top: -24px;
right: 0;
}
.content-part-col2 .form-l .item-label + .item-data h\:output.status {
top: -34px;
}
h\:output.status.hasError,
.hasError h\:output.status {
background-position: 0 -236px;
display: inline;
}
.form-l h\:output.status.hasError,
.form-l .hasError h\:output.status { background-position: 0 -231px; }
h\:output.status.isValid,
.isValid h\:output.status {
xbackground-position: 0 4px;
background: none;
display: inline;
}
.form-l h\:output.status.isValid,
.form-l .isValid h\:output.status { background-position: 0 9px; }
span.info {
background: url(//img.ui-portal.de/ci/webde/global/icon/hint_16x16.png) no-repeat 0 -76px;
line-height: 22px;
height: 22px;
width: 16px;
margin-left: 5px;
position: absolute;
text-indent: -9999px;
}
.form-l span.info {
background-position: 0 -71px;
line-height: 34px;
height: 34px;
}
.hasError span.info { margin-left: 27px; }
span.help {
background: url(//img.ui-portal.de/ci/webde/global/icon/help_16x16.png) no-repeat 0 4px;
line-height: 22px;
height: 22px;
width: 16px;
margin-left: 5px;
position: absolute;
text-indent: -9999px;
}
.form-l span.help {
background-position: 0 9px;
line-height: 34px;
height: 34px;
}
span.help:hover {
background-position: 0 -76px;
}
.form-l span.help:hover {
background-position: 0 -71px;
}
.hasError span.help { margin-left: 27px; }
h\:output.feedback,
.form-l h\:output.feedback {
background-color: #B33C3D;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 5px 7px #DDE0DC;
-moz-box-shadow: 0 5px 7px #DDE0DC;
box-shadow: 0 5px 7px #DDE0DC;
display: block;
float: none;
font-style: 400;
line-height: 20px;
min-height: 20px;
margin: -38px 0 0 20px;
padding: 4px 10px 7px;
position: absolute;
left: 0;
top: 0;
width: auto;
z-index: 999;
}
.item-label + .item-data h\:output.feedback {
margin-left: 30px;
}
.content-part-col3 .layer-content .item-data h\:output.feedback,
.label-top + .item-data h\:output.feedback,
.content-part-col2 .item-data h\:output.feedback {
margin-left: 20px;
}
.item-data select + h\:output.feedback,
.item-label + .item-data select + h\:output.feedback,
.content-part-col2 select + h\:output.feedback {
margin-left: 19px;
}
.item-data select + h\:output.feedback {
margin-top: -41px;
}
*+html .item-data select + h\:output.feedback {
margin-top: -36px;
}
h\:output.feedback p {
color: #FFFFFF;
line-height: 20px;
min-height: 20px;
margin: 0;
padding: 0;
white-space: nowrap;
}
h\:output.feedback span.nose {
border-color: #B33C3D transparent transparent transparent;
border-style: solid;
border-width: 6px;
height: 0;
margin: 7px 0 0 3px;
position: absolute;
width: 0;
}
*+html h\:output.feedback {
left: 0;
}
*+html h\:output.feedback span.nose {
top: 24px;
left: 10px;
}
.item-label + .item-data h\:output.feedback.feedback-city { margin-left: 135px; }
.item-label + .item-data h\:output.feedback.feedback-streetNumber { margin-left: 365px; }
.item-label + .item-data h\:output.feedback.feedback-birthDay { margin-left: 10px; }
.item-label + .item-data h\:output.feedback.feedback-birthMonth { margin-left: 57px; }
.item-label + .item-data h\:output.feedback.feedback-birthYear { margin-left: 104px; }
.form-login {
display: block;
margin: 0 20px 20px 0;
padding: 9px 5px 0 15px;
}
.form-login fieldset {
position: relative;
}
.form-login label {
display: block;
line-height: 33px;
min-height: 34px;
font-weight: 700;
}
.form-login .login-username,
.form-login .login-password {
clear: none;
display: inline;
float: left;
padding-bottom: 8px;
width: 300px;
}
.form-login input[type=text],
.form-login input[type=password] {
margin-bottom: 2px;
width: 276px;
}
.form-login .content-form input[type=text],
.form-login .content-form input[type=password] {
width: 270px;
}
.form-login .form-item span a {
font-size: 13px;
line-height: 20px;
}
.form-login h\:output.status + span {
clear: left;
display: inline;
float: left;
width: 100%;
}
.form-login .login-submit {
clear: both;
float: none;
margin-right: 10px;
text-align: right;
}
.form-login h\:output.status {
top: 0;
right: 10px;
}
.form-login .form-item > .feedback {
top: 24px;
}
.form-login.form-l .form-item > .feedback {
top: 34px;
}
.teaser-col6 .teaser-login {
padding-top: 15px;
}
.teaser-col6 .form-login {
width: 910px;
padding: 0;
}
.teaser-col6 .form-login .login-username,
.teaser-col6 .form-login .login-password {
padding-bottom: 0;
width: 280px;
}
.teaser-col6 .form-login input[type=text],
.teaser-col6 .form-login input[type=password] {
width: 256px;
}
.teaser-col6 .form-login .login-submit {
clear: none;
display: inline;
float: left;
padding-top: 34px;
}
.form-login h\:article {
font-size: 13px;
line-height: 20px;
}
.form-l .payment-method-radio .form-radio-element label.imgLabel,
.form-l .payment-method-select label.imgLabel {
background-repeat: no-repeat;
background-position: 50% 50%;
padding-left: 64px;
text-indent: -10000px;
}
*+html .form-l .payment-method-radio .form-radio-element label.imgLabel {
display: block;
}
.form-l .payment-method-radio label.imgLabel-master,
.form-l .payment-method-select label.imgLabel-master {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/mastercard_64x64.png);
}
.form-l .payment-method-radio .form-radio-element label.imgLabel-visa,
.form-l .payment-method-select label.imgLabel-visa {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/visa_64x64.png);
}
.content-part .form-l .payment-method-select .item-data {
width: auto;
float: left
}
.form-l.shop-order .payment-method-select,
.form-l.shop-order .payment-method-select label.imgLabel {
display: none;
}
.form-l.shop-order .payment-method-select.showImgLabel label.imgLabel {
display: block;
float: left;
}
.form-l.shop-order .payment-method-select.showImgLabel .imgLabel-visa,
.form-l.shop-order .payment-method-select.showImgLabel .imgLabel-master {
padding-left: 64px;
height: 32px;
margin-left: 10px;
}
.form-l.shop-order .payment-method-select.showImgLabel select {
width: 185px;
}
.form-l.shop-order .payment-method-radio .form-radio-element {
margin-right: 30px;
}
.form-l.shop-order .card-expire-date .select-wrapper {width:auto;}
.form-l.shop-order .card-expire-date select.expire-year,
.form-l.shop-order .card-expire-date select.expire-month {
width: 120px;
}
x:-o-prefocus, .form-l.shop-order .card-expire-date select.expire-year,
x:-o-prefocus, .form-l.shop-order .card-expire-date select.expire-month {
width: 114px;
}
*+html .form-l.shop-order .card-expire-date select.expire-year,
*+html .form-l.shop-order .card-expire-date select.expire-month {
width: 108px;
}
.form-l.shop-order .card-expire-date .mark {
float: left;
margin: 0 0 0 10px;
}
.form-l.shop-order .card-security-number input[type="text"] {
width: 108px;
}
.form-l.shop-order .teaser .teaser-text {
font-size: 13px;
}
.form-l.shop-order .item-data-normalized h\:details p {
margin-bottom: 0;
}
.form-l.shop-order .item-data-normalized h\:details p strong {
padding-left: 0;
}
.form-l.shop-order .confirm .form-item {
padding-bottom: 0;
}
.form-l.shop-order .confirm .form-item .item-label {
text-align: left;
width:120px;
}
.form-l.shop-order .content-form h3 {color:#262626}
.form-l.shop-order .content-form h3 a.link {
font-size: 14px;
line-height: 21px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.legal-description,
.legal-description label {
font-size: 13px
}
.legal-description em {
font-size: 14px;
line-height: 21px;
font-style: normal;
font-weight: bold;
}
.legal-description .form-item p.agb-text {
margin: 0;
}
.content-form h3 .tooltip,
.content-form .item-label .tooltip {
width: 17px;
height: 17px;
display: inline-block;
background: transparent url(//img.ui-portal.de/ci/webde/global/icon/help.png) center no-repeat;
cursor: pointer;
vertical-align: text-bottom;
}
.content-form h3 .tooltip {
vertical-align: sub;
}
.teaser {
float: left;
display: inline;
margin: 0 20px 20px 0;
padding: 0;
}
.teaser-col1,
.teaser-xxs,
.teaser-xs,
.teaser-s { width: 140px; }
.teaser-fifth { width: 172px; }
.teaser-quad,
.teaser-m { width: 220px; }
.teaser-col2,
.teaser-l { width: 300px; }
.teaser-col3,
.teaser-xl { width: 460px; }
.teaser-col4,
.teaser-xxl { width: 620px; }
.teaser-col5 { width: 780px; }
.teaser-col6 { width: 940px; }
.teaser > a,
.teaser .headline > a {
color: inherit;
text-decoration: none;
}
*+html .teaser > a {
color: #262626;
text-decoration: none;
}
*+html .teaser .headline > a {
color: #262626;
text-decoration: none;
}
.teaser-content {
padding: 5px 0 13px;
position: relative;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.teaser-content:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
*+html .teaser-content,
*+html .teaser-content a {
zoom: 1;
}
.teaser-header {
padding-top: 6px;
margin: 0 15px;
}
.teaser-img {
display: inline;
float: left;
margin: 0 15px;
padding-top: 10px;
padding-bottom: 2px;
}
.teaser-v .teaser-img {
padding-bottom: 5px;
}
.teaser-coupon {
position: relative;
max-width: 190px;
margin: 0 auto;
}
.teaser .teaser-img .teaser-coupon .banderole {
position: absolute;
width: auto;
height: auto;
right: 12px;
bottom: 5px;
}
.teaser-coupon .coupon-text {
position: absolute;
left: 0;
top: 0;
width: 105px;
text-align: center;
padding: 20px 0 0 30px;
height: 61px;
font-family: WebdeSans, Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 18px;
}
.teaser-coupon .coupon-text span {
display: block;
font-size: 50px;
line-height: 50px;
}
.teaser-img > a {
display: block;
width: auto;
}
.teaser-img img {
display: block;
}
.teaser h\:details {
display: inline;
float: left;
padding-top: 6px;
width: 100%;
}
.teaser h\:details > * {
margin: 0 15px 0 0;
}
.teaser-v h\:details > * {
margin-left: 15px;
}
.jsEnabled .js-teaser-expand h\:details a,
.jsEnabled .js-teaser-expand h\:details a:visited {
color: #262626;
}
.teaser h\:details .link, .teaser h\:details .link:visited,
.teaser h\:details a.link, .teaser h\:details a.link:visited {
color: #2269C3;
}
.teaser h\:details .link:hover {
text-decoration: underline;
}
.teaser-v.withBtn .teaser-content {
padding-bottom: 22px;
}
.withBtn .teaser-footer {
bottom: -11px;
clear: left;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.teaser-userlevel.teaser-m.withBtn {
margin-bottom: 30px;
}
.teaser-userlevel.teaser-m.withBtn .teaser-content {
padding-bottom: 30px;
}
.teaser-userlevel.teaser-m.withBtn .teaser-footer {
bottom: -17px;
}
.teaser-userlevel .teaser-header span.club {
display: inline-block;
float: left;
width: 35px;
height: 25px;
background: url(//img.ui-portal.de/ci/webde/verivox/icon/club-logo.png) no-repeat scroll 0 2px transparent;
}
*+html .withBtn .teaser-footer {
clear: none;
}
.withBg .teaser-content {
background-color: #EEF0F3;
}
.teaser > a:focus .teaser-content,
.teaser > a:hover .teaser-content {
background-color: #EEF0F3;
-webkit-box-shadow: 0 22px 20px -20px #BABCC3;
-moz-box-shadow: 0 22px 20px -20px #BABCC3;
box-shadow: 0 22px 20px -20px #BABCC3;
cursor: pointer;
}
.withBtnH .teaser-footer {
display: block;
height: 22px;
overflow: hidden;
font-size: 0;
}
.withBtnH .teaser-footer > * {
top: 50px;
position: relative;
}
.withBtnH > a:focus .teaser-footer > *,
.withBtnH > a:hover .teaser-footer > * {
top: 0;
}
.teaser-header + .teaser-text p:first-child {
padding-top: 3px;
}
.teaser .headline,
.teaser .headline-small {
display: block;
font-style: normal;
color: #262626;
}
.teaser-header .headline {
font: 400 22px/27px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
overflow: hidden;
padding-top: 1px;
white-space: nowrap;
width: 100%;
}
.teaser-m .teaser-header .headline,
.teaser-s .teaser-header .headline,
.teaser-xs .teaser-header .headline {
font: 400 19px/24px Verdana, Arial, Helvetica, sans-serif;
}
.teaser h\:details .headline {
font: 400 19px/26px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
overflow: hidden;
padding-top: 2px;
padding-bottom: 4px;
}
.teaser h\:details .headline-small,
.teaser-v.teaser-s h\:details .headline,
.teaser-col2.teaser-s h\:details .headline {
font: 700 14px/21px Verdana, Arial, Helvetica, sans-serif;
overflow: hidden;
padding-top: 1px;
padding-bottom: 1px;
}
.teaser-xs h\:details .headline,
.teaser-xs h\:details .headline-small,
.teaser-xxs h\:details .headline,
.teaser-xxs h\:details .headline-small {
font: 700 14px/21px Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 1px;
}
.teaser-header > * {
font: 400 22px/27px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
overflow: hidden;
padding-top: 1px;
white-space: nowrap;
width: 100%;
}
.teaser-m .teaser-header > *,
.teaser-s .teaser-header > *,
.teaser-xs .teaser-header > * {
font: 400 19px/24px Verdana, Arial, Helvetica, sans-serif;
}
.teaser h\:details h3 {
font: 400 19px/26px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0;
overflow: hidden;
padding-bottom: 5px;
}
.teaser h\:details h4,
.teaser h\:details h5 {
color: #262626;
}
.teaser h\:details h4 {
font: 700 14px/21px Verdana, Arial, Helvetica, sans-serif;
overflow: hidden;
padding-top: 1px;
padding-bottom: 1px;
}
.teaser h\:details h5 {
font: 700 14px/21px Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 0;
}
.teaser-xxl .teaser-img { width: 590px; }
.teaser-xxl.teaser-col6 .teaser-img + h\:details { width: 320px; }
.teaser-xl .teaser-img { width: 430px; }
.teaser-xl.teaser-col6 .teaser-img + h\:details { width: 480px; }
.teaser-l .teaser-img { width: 270px; }
.teaser-l.teaser-col3 .teaser-img + h\:details { width: 160px; }
.teaser-l.teaser-col4 .teaser-img + h\:details { width: 320px; }
.teaser-l.teaser-col5 .teaser-img + h\:details { width: 480px; }
.teaser-l.teaser-col6 .teaser-img + h\:details { width: 640px; }
.teaser-m .teaser-img { width: 190px; }
.teaser-m.teaser-col3 .teaser-img + h\:details { width: 240px; }
.teaser-m.teaser-col4 .teaser-img + h\:details { width: 400px; }
.teaser-m.teaser-col5 .teaser-img + h\:details { width: 560px; }
.teaser-m.teaser-col6 .teaser-img + h\:details { width: 720px; }
.teaser-s .teaser-img { width: 110px; }
.teaser-s.teaser-fifth .teaser-img { width: 142px; }
.teaser-s.teaser-fifth .teaser-img > * { margin: 0 16px; }
.teaser-s.teaser-col2 .teaser-img + h\:details { width: 160px; }
.teaser-s.teaser-col3 .teaser-img + h\:details { width: 320px; }
.teaser-s.teaser-col4 .teaser-img + h\:details { width: 480px; }
.teaser-s.teaser-col5 .teaser-img + h\:details { width: 640px; }
.teaser-s.teaser-col6 .teaser-img + h\:details { width: 800px; }
.teaser-xs .teaser-img { width: 64px; }
.teaser-xs.teaser-col1 .teaser-img,
.teaser-xs.teaser-v .teaser-img { width: 110px; }
.teaser-xs.teaser-col1 .teaser-img > *,
.teaser-xs.teaser-v .teaser-img > * { margin: 0 23px; }
.teaser-xs.teaser-fifth .teaser-img { width: 142px; }
.teaser-xs.teaser-fifth .teaser-img > * { margin: 0 39px; }
.teaser-xs.teaser-quad .teaser-img + h\:details { width: 126px; }
.teaser-xs.teaser-quad-apv .teaser-img + h\:details { width: 126px; }
.teaser-xs.teaser-col2 .teaser-img + h\:details { width: 206px; }
.teaser-xs.teaser-col3 .teaser-img + h\:details { width: 366px; }
.teaser-xxs .teaser-img { width: 48px; }
.teaser-xxs .teaser-img + h\:details { padding-top: 7px; }
.teaser-xxs.teaser-col1 .teaser-img,
.teaser-xxs.teaser-v .teaser-img { width: 110px; }
.teaser-xxs.teaser-col1 .teaser-img > *,
.teaser-xxs.teaser-v .teaser-img > * { margin: 0 31px; }
.teaser-xxs.teaser-fifth .teaser-img { width: 142px; }
.teaser-xxs.teaser-fifth .teaser-img > * { margin: 0 47px; }
.teaser-xxs.teaser-quad .teaser-img + h\:details { width: 142px; }
.teaser-xxs.teaser-col2 .teaser-img + h\:details { width: 222px; }
.teaser-xxs.teaser-col3 .teaser-img + h\:details { width: 382px; }
.teaser-xxs h\:details strong {
display: block;
}
.teaser-xxs h\:details p {
font-size: 11px;
line-height: 16px;
}
.jsDisabled .js-teaser-expand .link {
display: none;
}
.jsDisabled .js-teaser-expand a.link {
display: inline;
}
.jsDisabled .js-teaser-expand .headline > a {
color: #2269C3;
text-decoration: none;
}
.jsDisabled .js-teaser-expand .headline > a:visited {
color: #6496D5;
text-decoration: none;
}
.jsDisabled .js-teaser-expand .headline > a:hover {
color: #6496D5;
text-decoration: underline;
}
*+html .jsDisabled .js-teaser-expand .headline > a {
color: #2269C3;
text-decoration: none;
}
*+html .jsDisabled .js-teaser-expand .headline > a:visited {
color: #6496D5;
text-decoration: none;
}
*+html .jsDisabled .js-teaser-expand .headline > a:hover {
color: #6496D5;
text-decoration: underline;
}
.teaser-accordion {
margin-bottom: -1px;
}
.teaser-accordion .accordion {
margin: 0;
width: 100%;
}
.teaser-accordion .headline,
.teaser-accordion > h3 {
margin-left: 15px;
}
.teaser-accordion .headline + .accordion,
.teaser-accordion > h3 + .accordion {
margin-top: 2px;
}
.accordion {
clear: both;
margin-bottom: -13px;
border-bottom: 1px solid #D1D4D9;
}
.accordion li {
border-top: 1px solid #D1D4D9;
}
.jsDisabled .accordion,
.accordion .active,
.accordion .active + .accordion-part {
background-color: #EEF0F3;
}
.accordion .accordion-part {
padding: 0 15px 10px;
}
.accordion .accordion-part .teaser {
margin: 0 -15px;
}
.accordion .accordion-part .teaser .teaser-content,
.accordion .accordion-part .teaser .teaser-img,
.accordion .accordion-part .teaser .teaser-text {
padding: 0;
}
.accordion .accordion-part .teaser .teaser-img {
padding-top: 4px;
}
.accordion .title {
color: #262626;
font-size: 13px;
line-height: 20px;
margin: 0;
padding: 6px 15px;
}
.accordion .title > span {
display: block;
margin-right: 15px;
}
.teaser-col6 .accordion .title > span {
width: 590px;
}
.teaser-col6 .accordion .accordion-part > p {
width: 590px;
}
.jsEnabled .accordion .title {
background: transparent url(//img.ui-portal.de/ci/webde/global/icon/open-close.gif) no-repeat 100% -31px;
cursor: pointer;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
}
.jsEnabled .accordion .title:hover {
background-color: #EEF0F3;
text-decoration: underline;
}
.jsEnabled .accordion .title.active {
background-color: #EEF0F3;
background-position: 100% 13px;
font-weight: 700;
}
.jsEnabled .accordion .title.active:hover {
background-color: #E6E9EB;
}
.jsEnabled .accordion .title.active > span {
font-weight: 700;
}
.jsEnabled .accordion .accordion-part {
display: none;
padding-bottom: 40px;
position: relative;
}
.accordion .close {
display: none;
}
.jsEnabled .accordion .close {
clear: both;
color: #2269C3;
cursor: pointer;
display: block;
text-align: right;
position: absolute;
margin: 12px 0 2px;
bottom: 8px;
right: 15px;
visibility: hidden;
}
.jsEnabled .accordion .active + .open .close {
visibility: visible;
}
.jsEnabled .accordion .close:hover {
text-decoration: underline;
}
.accordion .accordion-part:after {
content: ".";
clear: both;
height: 0;
visibility: hidden;
display: block;
}
*+html .accordion .accordion-part { zoom: 1; }
.teaser-accordion-table .accordion {
margin-right: 0;
}
.teaser-accordion-table .accordion > li {
border-top: none;
display: inline;
}
.accordion-table {
overflow: visible;
}
.accordion .accordion-table.active,
.jsDisabled .accordion {
background: none;
}
.accordion-table > h3 {
margin-left: 15px;
}
.accordion-table > h3 + table {
margin-top: 2px;
}
.accordion-table table {
margin: 0;
width: 100%;
table-layout: fixed;
}
.accordion-table table thead tr {
background-color: #EEF0F3;
}
.accordion-table th,
.accordion-table td {
border-top: 1px solid #D1D4D9;
padding: 6px 15px;
vertical-align: top;
}
.accordion-table td img {
margin-top: -1px;
margin-bottom: -7px;
display: inline;
}
.accordion-table td .tooltip img {
display: block;
margin-top: 2px;
}
.jsEnabled .accordion-table {
height: 33px;
overflow: hidden;
}
.jsEnabled .accordion-table table thead tr {
cursor: pointer;
}
.jsEnabled .accordion-table table thead tr:hover {
background-color: #E6E9EB;
text-decoration: underline;
}
.jsEnabled .accordion-table table thead tr th.last,
.jsEnabled .accordion-table .accArrow:after {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/open-close.gif);
background-repeat: no-repeat;
background-position: 100% -31px;
}
.jsEnabled .accordion-table .accArrow {
position: relative;
padding-right: 24px;
}
.jsEnabled .accordion-table .accArrow:after{
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -18px;
height: 22px;
width: 24px;
}
.jsEnabled .accordion-table.active table thead tr th.last,
.jsEnabled .accordion-table.active .accArrow:after {
background-position: 100% 13px;
}
.jsEnabled .accordion-table tbody {
visibility: collapse;
}
.jsEnabled .accordion-table.active tbody {
visibility: visible;
}
.teaser-accordion-table .accordion .table-close {
display: none;
}
.jsEnabled .teaser-accordion-table .accordion .table-close {
color: #2269C3;
cursor: pointer;
display: inline;
float: right;
text-align: right;
margin: 0 10px 10px 0;
}
.jsEnabled .teaser-accordion-table .accordion .table-close:hover {
text-decoration: underline;
}
.jsEnabled .accordion-table table thead tr th {
text-indent: -9999px;
}
.jsEnabled .accordion-table table thead tr th.first {
text-indent: 0;
}
.jsEnabled .accordion-table.active table thead tr th {
text-indent: 0;
}
.teaser-linklist {
margin-bottom: -13px;
}
.teaser-linklist > .linklist {
margin: 0;
width: 100%;
}
.teaser-linklist .headline,
.teaser-linklist > h3 {
margin-left: 15px;
}
.teaser-linklist .headline + .linklist,
.teaser-linklist > h3 + .linklist {
margin-top: 2px;
}
.linklist {
border-bottom: 1px solid #D1D4D9;
}
.linklist li {
border-top: 1px solid #D1D4D9;
}
.linklist li > a {
color: #262626;
display: block;
padding: 6px 15px;
}
.linklist li > a:hover {
background-color: #EEF0F3;
color: #262626;
}
.linklist li > a span.link {
float: right;
}
.linklist li > a:hover span.link {
text-decoration: underline;
}
.teaser-slider-wrapper {
display: block;
position: relative;
margin-right: 20px;
}
.teaser-slider-host {
overflow: hidden;
display: block;
position: relative;
}
*+html .teaser-slider-host {
padding-bottom: 20px;
}
.content-part.teaser-slider .teaser-slider-host {
margin-right: 0;
}
.teaser-slider {
-webkit-tap-highlight-color: transparent;
}
.teaser-slider-group {
left: 0;
display: block;
position: relative;
-webkit-tap-highlight-color: transparent;
}
.teaser-slider-group-transition {
-webkit-transform-style: preserve-3d;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-property: left;
-webkit-transition-duration: 800ms;
-moz-transition-property: left;
-moz-transition-duration: 800ms;
-o-transition-property: left;
-o-transition-duration: 800ms;
-ms-transition-property: left;
-ms-transition-duration: 800ms;
transition-property: left;
transition-duration: 800ms;
}
.teaser-slider-buttons .teaser-slideBtn {
position: absolute;
z-index: 10;
margin-top: 15px;
cursor: pointer;
}
.teaser-slider-buttons .teaser-slideBtn {
background: none;
}
.teaser-slider-buttons .teaser-slideBtn-l {
height: 62px;
width: 34px;
}
.teaser-slider-buttons .teaser-slideBtn-l .btn-xl.onlyIcon > * {
padding: 0 16px 0;
height: 62px;
}
.teaser-slider-buttons .teaser-slideBtn-l .btn-xl.onlyIcon.btn-fix > * {
padding-left: 13px;
}
.teaser-slider-buttons .teaser-slideBtn-s {
height: 46px;
width: 28px;
}
.teaser-slider-buttons .teaser-slideBtn-s .btn-l.onlyIcon > * {
padding: 0 13px 0;
height: 44px;
}
.teaser-slider-buttons .teaser-slideBtn-s .btn-l.onlyIcon.btn-fix > * {
padding-left: 10px;
}
.teaser-slider-buttons .teaser-slideBtn-l .btn-xl.hasIcon .btn-icon {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/content_slider_icon.png);
line-height: 32px;
width: 10px;
height: 23px;
top: 20px;
left: 12px;
padding: 0;
}
.teaser-slider-buttons .teaser-slideBtn-l .btn-xl.btn-fix.hasIcon .btn-icon {
left: 5px;
}
.teaser-slider-buttons .teaser-slideBtn-s .btn-l.hasIcon .btn-icon {
background-image: url(//img.ui-portal.de/ci/webde/global/btn/content_slider_icon.png);
line-height: 32px;
width: 10px;
height: 23px;
top: 12px;
left: 9px;
padding: 0;
}
.teaser-slider-buttons .teaser-slideBtn-s .btn-l.btn-fix.hasIcon .btn-icon {
left: 2px;
}
.teaser-hide-buttons .teaser-slideBtn {
display: none;
}
.teaser-slider-buttons .teaser-slideBtn-left {
left: -1px;
}
.teaser-slider-buttons .teaser-slideBtn-right {
right: -1px;
}
.teaser-slider-buttons .teaser-slideBtn.teaser-slideBtn-inactive {
cursor: default;
}
.teaser-slider-buttons .teaser-slideBtn-left .hasIcon .btn-icon { background-position: 0 0; }
.teaser-slider-buttons .teaser-slideBtn-right .hasIcon .btn-icon { background-position: -22px 0; }
.teaser-slider-buttons .teaser-slideBtn-left.teaser-slideBtn-active .hasIcon.btn-over .btn-icon { background-position: 0 -40px; }
.teaser-slider-buttons .teaser-slideBtn-right.teaser-slideBtn-active .hasIcon.btn-over .btn-icon { background-position: -22px -40px; }
.teaser-slider-buttons .teaser-slideBtn-left.teaser-slideBtn-active .hasIcon.btn-pressed .btn-icon { background-position: 0 -80px; }
.teaser-slider-buttons .teaser-slideBtn-right.teaser-slideBtn-active .hasIcon.btn-pressed .btn-icon { background-position: -22px -80px; }
.teaser-slider-buttons .teaser-slideBtn-left.teaser-slideBtn-inactive .hasIcon .btn-icon { background-position: 0 -120px; }
.teaser-slider-buttons .teaser-slideBtn-right.teaser-slideBtn-inactive .hasIcon .btn-icon { background-position: -22px -120px; }
.teaser-slider-buttons .teaser-slideBtn-left.teaser-slideBtn-noHover .hasIcon .btn-icon { background-position: 0 0; }
.teaser-slider-buttons .teaser-slideBtn-right.teaser-slideBtn-noHover .hasIcon .btn-icon { background-position: -22px 0; }
.teaser-slider-buttons .hasIcon.btn-wrapper .btn-icon {
margin: 0;
}
.teaser-slider-buttons .btn-fix.btn-wrapper {
margin: 0 0 0 7px;
}
.teaser-slider-buttons .btn-fix.btn-wrapper > * {
margin: 0 0 0 -7px;
}
.teaser-table {
margin-bottom: -13px;
}
.teaser-table table {
margin: 0;
width: 100%;
}
.teaser-table .headline,
.teaser-table > h3 {
margin-left: 15px;
}
.teaser-table .headline + table,
.teaser-table > h3 + table {
margin-top: 2px;
}
.teaser-table table {
table-layout: fixed;
}
.teaser-table table tbody {
border-bottom: 1px solid #D1D4D9;
}
*+html .teaser-table table {
border-bottom: 1px solid #D1D4D9;
}
.teaser-table table thead tr,
.teaser-table table thead tr:hover {
background-color: #E6E9EB;
}
.teaser-table th,
.teaser-table td {
border-top: 1px solid #D1D4D9;
padding: 6px 15px;
vertical-align: top;
}
table th {
text-align: left;
}
table .data {
text-align: right;
}
table.center th,
table.center td {
text-align: center;
}
table.middle th,
table.middle td {
vertical-align: middle;
}
table.widthHover tr.focus,
table.widthHover tr:hover {
background-color: #E3EDF8;
}
table.widthHover td > a {
color: #262626;
}
table.widthHover a.link {
color: #2269C3;
}
table img {
display: block;
}
table a.hasIcon {
background-repeat: no-repeat;
background-position: 0 0;
display: block;
height: 24px;
width: 24px;
}
table a.hasIcon:hover,
table a.hasIcon:focus {
background-position: 0 -40px;
}
.teaser-table table a.hasIcon.icon-mail {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/mail_24x24.png);
}
.teaser-table table a.hasIcon.icon-trash {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/trash_24x24.png);
}
.teaser-table table input.amount {
width: 35px;
}
.teaser-tagcloud #iconTags {
text-align: center;
vertical-align: middle;
}
.teaser-tagcloud #iconTags a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin: 0;
padding: 15px;
}
.teaser-tagcloud a:hover {
background-color: #EEF0F3;
}
.jsEnabled .teaser-tagcloud {
height: 400px;
overflow: hidden;
padding-top: 0;
}
.jsDisabled .teaser-tagcloud canvas {
display: none;
}
*+html .jsEnabled .teaser-tagcloud {
height: auto;
}
.jsEnabled .teaser-tagcloud {
height: auto\0;
}
:root .teaser-tagcloud {
height: 400px\0;
}
.teaser .teaser-eyecatcher {
height: 115px;
margin: 0;
left: 24px;
padding: 0;
position: absolute;
top: 15px;
width: 82px;
}
.teaser .teaser-eyecatcher .ec-benefit {
background-position: no-repeat;
height: 67px;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 82px;
z-index: 1;
}
.teaser .teaser-eyecatcher .ec-promo {
height: 39px;
top: 55px;
margin: 0;
padding: 0;
z-index: 2;
width: 82px;
position: relative;
}
.teaser .teaser-eyecatcher .ec-promo span {
color: #ffffff;
font-size: 11px;
font-weight: 700;
line-height: 14px;
display: inline-block;
position: relative;
width: 68px;
top: 11px;
left: 6px;
text-align: center;
}
*+html .teaser .teaser-eyecatcher .ec-promo span { top: 14px; }
.teaser .teaser-eyecatcher .ec-promo-large { height: 54px; }
.teaser .teaser-eyecatcher .ec-promo-large span {
top: 15px;
}
.list {
margin-right: 20px;
padding: 0 15px 15px;
}
.article-text ol.list {
margin-right: 0;
padding: 6px 0 20px;
}
.article-text ul.list {
margin-right: 0;
padding: 0 0 15px;
}
.list li > .list {
padding-top: 6px;
padding-bottom: 0;
}
h\:details > .list {
margin-right: 0;
padding: 0;
}
.list > li {
background-repeat: no-repeat;
border-top: 0 solid;
margin-bottom: 6px;
}
.list-l > li {
background-position: 0 0;
font-size: 14px;
font-weight: 700;
line-height: 21px;
margin-bottom: 7px;
padding: 3px 0 3px 37px;
}
.list-l.list-check.list-key > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_check_l.png); }
.list-l.list-plus.list-key > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_plus_l.png); }
.list-l.list-check.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_check_l.png); }
.list-l.list-plus.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_plus_l.png); }
.list-l li > p,
.list-m li > p {
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin-top: 1px;
}
.list-m > li,
.list-s > li {
background-position: 0 1px;
font-size: 14px;
font-weight: 700;
line-height: 21px;
margin-bottom: 13px;
padding: 0 0 0 26px;
}
.list-m.list-key > li,
.list-s.list-key > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_bullet.png); }
.list-m.list-service > li,
.list-s.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_bullet.png); }
.list-s > li {
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin-bottom: 10px;
}
.list-xs > li {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/bullet_xs.png);
background-position: 1px 8px;
font-size: 13px;
font-weight: 400;
line-height: 20px;
padding: 0 0 0 17px;
}
ol.list {
list-style-type: decimal;
list-style-position: outside;
}
ol.list > li {
margin-left: 29px;
}
ol.list-lower-latin {
list-style-type: lower-latin;
}
h\:details > ol.list,
.accordion .accordion-part .teaser .teaser-content ol.list{
padding: 0 0 20px;
list-style-type: decimal;
list-style-position: outside;
}
h\:details > ol.list > li {
margin-left: 29px;
display: block;
}
.hero .list {
margin: 0;
padding: 0;
}
.hero .list > li {
color: #515151;
font: 400 19px/26px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
}
.hero .list-xl > li {
background-position: 0 0;
margin-bottom: 5px;
padding: 4px 0 6px 47px;
}
.hero .list-l > li {
background-position: 0 1px;
margin-bottom: 8px;
padding: 1px 0 1px 37px;
}
.hero .list-m > li {
background-position: 0 4px;
margin-bottom: 7px;
padding: 0 0 0 24px;
}
.hero .list-m > li:last-child {
margin-bottom: 0;
}
.list-xl.list-check.list-key > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_check_xl.png); }
.list-xl.list-plus.list-key > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_plus_xl.png); }
.list-xl.list-check.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_check_xl.png); }
.list-xl.list-plus.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_plus_xl.png); }
.list-l.list-key > li.item-1 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-01.png); }
.list-l.list-key > li.item-2 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-02.png); }
.list-l.list-key > li.item-3 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-03.png); }
.list-l.list-key > li.item-4 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-04.png); }
.list-l.list-key > li.item-5 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-05.png); }
.list-l.list-key > li.item-6 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-06.png); }
.list-l.list-key > li.item-7 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-07.png); }
.list-l.list-key > li.item-8 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-08.png); }
.list-l.list-key > li.item-9 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-09.png); }
.list-l.list-key > li.item-10 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_l-10.png); }
.list-xl.list-key > li.item-1 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-01.png); }
.list-xl.list-key > li.item-2 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-02.png); }
.list-xl.list-key > li.item-3 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-03.png); }
.list-xl.list-key > li.item-4 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-04.png); }
.list-xl.list-key > li.item-5 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-05.png); }
.list-xl.list-key > li.item-6 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-06.png); }
.list-xl.list-key > li.item-7 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-07.png); }
.list-xl.list-key > li.item-8 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-08.png); }
.list-xl.list-key > li.item-9 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-09.png); }
.list-xl.list-key > li.item-10 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/key_num_xl-10.png); }
.list-l.list-service > li.item-1 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-01.png); }
.list-l.list-service > li.item-2 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-02.png); }
.list-l.list-service > li.item-3 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-03.png); }
.list-l.list-service > li.item-4 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-04.png); }
.list-l.list-service > li.item-5 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-05.png); }
.list-l.list-service > li.item-6 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-06.png); }
.list-l.list-service > li.item-7 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-07.png); }
.list-l.list-service > li.item-8 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-08.png); }
.list-l.list-service > li.item-9 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-09.png); }
.list-l.list-service > li.item-10 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_l-10.png); }
.list-xl.list-service > li.item-1 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-01.png); }
.list-xl.list-service > li.item-2 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-02.png); }
.list-xl.list-service > li.item-3 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-03.png); }
.list-xl.list-service > li.item-4 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-04.png); }
.list-xl.list-service > li.item-5 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-05.png); }
.list-xl.list-service > li.item-6 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-06.png); }
.list-xl.list-service > li.item-7 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-07.png); }
.list-xl.list-service > li.item-8 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-08.png); }
.list-xl.list-service > li.item-9 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-09.png); }
.list-xl.list-service > li.item-10 { background-image: url(//img.ui-portal.de/ci/webde/global/icon/list/service_num_xl-10.png); }
.hero {
background: no-repeat 0 0;
-webkit-box-shadow: 0 52px 30px -50px #BABCC3; -moz-box-shadow: 0 52px 30px -50px #BABCC3; box-shadow: 0 52px 30px -50px #BABCC3;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
margin: 0 20px 30px 0;
padding: 0;
width: 940px;
position: relative;
}
.hero-l { height: 450px; }
.hero-m { height: 330px; }
.hero-s { height: 210px; }
.hero-content {
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
padding: 35px 30px 0;
position: relative;
left: 0;
right: 0;
}
.hero-l .hero-content { height: 415px; }
.hero-m .hero-content { height: 295px; }
.hero-s .hero-content { height: 175px; }
.hero-content h1 {
margin-bottom: 26px;
}
.hero-s .hero-content h1 {
margin-bottom: 14px;
}
.hero-content h1 img {
display: block;
}
.hero-headline {
position: relative;
z-index: 10;
}
.hero-headline .headline {
color: #515151;
white-space: pre;
display: block;
font: 400 54px/64px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
}
.hero-headline .subline {
display: block;
font: 400 28px/35px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
color: #4689CD;
margin-top: -4px;
margin-bottom: 25px;
}
.hero-visual {
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.hero-apv-overlay {
position: absolute;
right: 15px;
top: -13px;
z-index: 1500;
}
.hero-apv-overlay.show-4cols {
top: -11px;
}
.hero-apv-overlay.show-2cols {
top: -9px;
}
.hero-text {
font: 400 19px/26px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
}
.hero-label {
position: absolute;
right: 38px;
top: -14px;
z-index: 100;
}
.hero h\:details {
color: #515151;
font-size: 18px;
line-height: 25px;
position: relative;
z-index: 1000;
}
.hero-l h\:details {
margin-bottom: 29px;
}
.hero-m h\:details {
margin-bottom: 14px;
}
.hero-btn .btn-wrapper,
.hero-btn .btn-wrapper > * {
position: relative;
z-index: 100;
}
.hero-visual ~ .hero-sub > .hero-btn > .btn-wrapper {
margin-right: 5px;
}
h\:details.hero-login {
margin-bottom: 0;
}
.hero-login .form-login {
font-size: 14px;
line-height: 21px;
margin: 15px 0 0;
padding: 0;
width: 440px;
}
.hero-text + .hero-login .form-login {
margin-top: -9px;
}
.hero-login .form-login .login-username,
.hero-login .form-login .login-password {
width: 220px;
}
.hero-login .form-login input[type=text],
.hero-login .form-login input[type=password] {
margin: 0 10px 2px 0;
width: 196px;
}
.hero-container {
position: relative;
}
.hero-half {
display: inline;
float: left;
height: 230px;
margin-top: 20px;
position: relative;
width: 470px;
z-index: 100;
}
.hero-half.half-left { margin-left: -30px; }
.hero-half.half-right { margin-right: -30px; }
.hero-half .hero-img {
text-align: center;
width: 100%;
}
.hero-half .hero-img img {
display: inline-block;
}
.hero-half .hero-btn {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
}
.hero-triple {
display: inline;
float: left;
height: 365px;
margin-top: 20px;
position: relative;
width: 313px;
z-index: 100;
}
.hero-triple.triple-left { margin-left: -30px; }
.hero-triple.triple-right { margin-right: -30px; }
.hero-triple .hero-text {
font-size: 13px;
line-height: 20px;
position: absolute;
top: 258px;
text-align: center;
width: 100%;
}
.hero-triple .hero-btn {
position: absolute;
bottom: 0;
text-align: center;
width: 100%;
}
.hero-slider .hero-container {
display: none;
position: relative;
left: 0;
top: 0;
width: 940px;
}
.hero-slider .hero-container.active {
z-index: 90;
display: block;
}
.hero-slider .hero-container.inactive {
z-index: 89;
display: block;
position: absolute;
}
.hero-slider .hero-btn {
bottom: 0;
position: absolute;
z-index: 90;
}
.hero-slider.hero-s .hero-btn {
height: 65px;
}
.hero-slider.hero-m .hero-btn {
height: 60px;
}
.hero-slider.hero-l .hero-btn {
height: 120px;
}
.hero-slider .hero-nav {
bottom: 7px;
position: absolute;
text-align: center;
height: 22px;
width: 140px;
margin-left: -70px;
left: 50%;
z-index: 100;
}
.hero-slider .hero-nav li {
background-color: #687282;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-box-shadow: 0 0 1px rgba(74, 84, 100, 0.6);
cursor: pointer;
display: inline-block;
height: 16px;
line-height: 16px;
width: 16px;
margin: 3px;
position: relative;
}
.hero-slider .hero-nav li.active {
background-color: #4689CD;
}
*+html .hero-slider .hero-nav li {
display: inline;
}
.hero-slider-visual .hero-visual img {
display: none;
}
.hero-slider-visual .hero-visual img.active {
display: block;
position: absolute;
left: 0;
top: 0;
z-index: 90;
}
.slider-vertical,
.slider-horizontal {
position: relative;
}
.slider-vertical .hero-container,
.slider-horizontal .hero-container {
display: none;
position: relative;
left: 0;
top: 0;
width: 940px;
overflow:hidden;
}
.slider-vertical .hero-visual {
width: 640px;
}
.hero-nav-teaser li {
float:left;
list-style-type:none;
margin-right: 20px;
width: 300px;
}
.hero-nav-teaser li .teaser-xs,
.hero-nav-teaser li:hover .teaser-xs,
.hero-nav-teaser li.active .teaser-xs {
border-top: 3px solid transparent;
}
.hero-nav-teaser .teaser-xs {
margin-bottom: 0;
}
.hero-nav-teaser .teaser-xs .teaser-content {
padding-top: 15px;
}
.hero-nav-teaser li:hover .teaser-xs .teaser-content,
.hero-nav-teaser li.active .teaser-xs .teaser-content,
.hero-nav-teaser li .teaser > a:focus .teaser-content,
.hero-nav-teaser li .teaser > a:hover .teaser-content {
background: inherit;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.slider-horizontal .hero-nav-teaser .teaser-xs .teaser-content { height:89px; }
.slider-vertical .hero-nav-teaser .teaser-xs .teaser-content { height:79px; }
.hero-nav-teaser .teaser-xs .teaser-content p {
font: 400 13px/20px Verdana,Arial,Helvetica,sans-serif;
float:left;
}
.slider-vertical .hero-nav-teaser,
.slider-horizontal .hero-nav-teaser {
position: absolute;
z-index: 91;
}
.slider-horizontal .hero-nav-teaser {
bottom: 0;
width: 960px;
}
.slider-vertical .hero-nav-teaser {
width: 300px;
top: 0;
}
.hero.slider-vertical .hero-content {
position: relative;
left: 300px;
height: 302px;
padding: 28px 0 0 30px;
width:640px;
}
.hero.slider-vertical .partnerlogo {right:40px;}
.slider-horizontal .hero-btn,
.slider-vertical .hero-btn {
position: relative;
top: -10px;
}
.slider-vertical.hero-m .hero-btn {
top: 0;
}
.hero-slider.slider-horizontal .hero-btn {
height: auto;
}
.slider-vertical .hero-nav-teaser li.first .teaser-xs {
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;
border-radius: 4px 0 0 0;
}
.slider-vertical .hero-nav-teaser li.last .teaser-xs,
.slider-horizontal .hero-nav-teaser li.first .teaser-xs {
-webkit-border-radius: 0 0 0 4px;
-moz-border-radius: 0 0 0 4px;
border-radius: 0 0 0 4px;
}
.slider-horizontal .hero-nav-teaser li.last .teaser-xs {
-webkit-border-radius: 0 0 4px 0;
-moz-border-radius: 0 0 4px 0;
border-radius: 0 0 4px 0;
}
.slider-vertical .headline {
font-size: 28px;
line-height: 37px;
}
.slider-vertical .subline {
font-size: 19px;
line-height: 26px;
}
.content-tab {
margin: 0 20px 20px 0;
}
.tab-container {
padding: 11px 15px 0;
}
.tab-container.cased,
.cased > .tab-container {
padding-bottom: 15px;
}
.tab-contentPart {
display: none;
}
.tab-contentPart.active {
display: block;
}
.tab-container > img:first-child,
.tab-contentPart > img:first-child {
padding-top: 4px;
}
.tab-nav {
border-bottom: 1px solid #D1D4D9;
font-weight: 700;
overflow: hidden;
padding: 0 0 4px;
}
.cased > .tab-nav {
padding: 15px 15px 4px;
}
.tab-nav.noSeperator {
border: none;
}
.tab-nav li {
display: inline;
float: left;
height: 30px;
margin-right: 5px;
position: relative;
}
.tab-nav a,
.tab-nav em {
background-color: #DFE3E6;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
color: #687282;
display: inline-block;
font-style: normal;
height: 24px;
line-height: 22px;
padding: 0 15px;
text-decoration: none;
}
.cased > .tab-nav a,
.cased > .tab-nav em {
background-color: #FFFFFF;
}
.tab-nav a:hover,
.tab-nav a:focus {
background-color: #7DACDC;
color: #FFFFFF;
}
.tab-nav .active a,
.tab-nav .active em,
.tab-nav .active a:focus {
background-color: #4689CD;
color: #FFFFFF;
cursor: default;
}
.tab-nav .active a:hover {
background-color: #4689CD;
color: #FFFFFF;
}
.tab-nav .nose {
border-top: 6px solid #4689CD;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
display: none;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 0;
margin-left: -6px;
font-size: 0;
height: 0;
width: 0;
}
.tab-nav .active .nose {
display: block;
}
.tab-l li {
margin-right: 7px;
height: 40px;
}
.tab-l a,
.tab-l em {
height: 32px;
font: 700 15px/30px Verdana, Helvetica, sans-serif;
}
.tab-l .nose {
border-width: 8px;
margin-left: -6px;
}
.tab-nav .hasIcon {
background-repeat: no-repeat;
background-position: 15px 4px;
padding-left: 36px;
}
.tab-l .hasIcon {
padding-left: 46px;
}
.tab-nav .active .hasIcon,
.tab-nav .hasIcon:hover,
.tab-nav .hasIcon:focus {
background-position: 15px -36px;
}
.tab-nav .icon-mail {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/mail_16x16.png);
}
.tab-l .icon-mail {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/mail_24x24.png);
}
.partnerlogo {
color: #6A6A6A;
font-size: 11px;
line-height: 12px;
position: absolute;
right: 13px;
text-align: right;
margin-top: -14px;
z-index: 1000;
}
.hero .partnerlogo {
top: 27px;
}
.partnerlogo > div,
.partnerlogo > span {
margin-right: -13px;
}
.partnerlogo .partner-wrapper-l {
display: inline-block;
background: url(//img.ui-portal.de/ci/webde/global/bg/partnerintegration_l.png) no-repeat 0 0;
height: 77px;
padding-left: 10px;
}
.partnerlogo .partner-wrapper-r {
background: url(//img.ui-portal.de/ci/webde/global/bg/partnerintegration_r.png) no-repeat 100% 0;
height: 77px;
margin-left: 64px;
padding-right: 10px;
}
.partnerlogo img {
height: 50px;
display: block;
margin-left: -64px;
padding-top: 10px;
}
.tooltip-enlarged {
background: url(//img.ui-portal.de/p.gif);
padding: 10px;
position: absolute;
z-index: 1000;
text-align: left;
color: #262626;
}
.tooltip-wrapper {
background: #FFFFFF;
border: 1px solid #D2D5DA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 7px 0 rgba(104, 114, 130, 0.5);
-moz-box-shadow: 0 0 7px 0 rgba(104, 114, 130, 0.5);
box-shadow: 0 0 7px 0 rgba(104, 114, 130, 0.5);
cursor: default;
padding: 15px;
width: 270px;
position: relative;
}
.tooltip-enlarged .nose {
background-image: url(//img.ui-portal.de/ci/webde/global/tooltip/tooltip_sprite.png);
background-repeat: no-repeat;
background-color: transparent;
background-position: 0 -21px;
position: absolute;
height: 20px;
width: 20px;
bottom: -15px;
left: 7px;
}
*+html .tooltip-enlarged .nose { background-image: url(//img.ui-portal.de/ci/webde/global/tooltip/tooltip_sprite.gif); }
.tooltip-enlarged .nose { background-image: url(//img.ui-portal.de/ci/webde/global/tooltip/tooltip_sprite.gif)\0; }
:root .tooltip-enlarged .nose { background-image: url(//img.ui-portal.de/ci/webde/global/tooltip/tooltip_sprite.png)\0; }
.tooltip-enlarged.tooltip-top-left .nose { top: -15px; right: auto; bottom: auto; left: 18px; background-position: 0 -69px; }
.tooltip-enlarged.tooltip-top-right .nose { top: -15px; right: 19px; bottom: auto; left: auto; background-position: 0 -69px; }
.tooltip-enlarged.tooltip-right-top .nose { top: 18px; right: -20px; bottom: auto; left: auto; background-position: 0 -42px; }
.tooltip-enlarged.tooltip-right-bottom .nose { top: auto; right: -20px; bottom: 18px; left: auto; background-position: 0 -42px; }
.tooltip-enlarged.tooltip-bottom-right .nose { top: auto; right: 18px; bottom: -18px; left: auto; background-position: 0 -19px; }
.tooltip-enlarged.tooltip-bottom-left .nose { top: auto; right: 18px; bottom: -18px; left: 18px; background-position: 0 -19px; }
.tooltip-enlarged.tooltip-left-bottom .nose { top: auto; right: auto; bottom: 18px; left: -20px; background-position: 0 0; }
.tooltip-enlarged.tooltip-left-top .nose { top: 18px; right: auto; bottom: auto; left: -20px; background-position: 0 0; }
.jsEnabled .tooltip {
cursor: default;
}
.jsEnabled a.tooltip {
cursor: pointer;
}
.tooltip-enlarged .txt {
white-space: normal;
font-size: 13px;
line-height: 20px;
}
.tooltip-enlarged .txt .headline {
display: block;
padding-left: 0;
padding-bottom: 5px;
}
.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-html-container { display: none; }
.jsDisabled .link.tooltip:hover + .tooltip-html-container {
display: block;
background: #FFFFFF;
position: absolute;
border: 1px solid #D2D5DA;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 6px 0 rgba(104, 114, 130, 0.5);
-moz-box-shadow: 0 0 6px 0 rgba(104, 114, 130, 0.5);
box-shadow: 0 0 7px 0 rgba(104, 114, 130, 0.5);
z-index: 9000;
padding: 8px 14px;
width: 270px;
}
*+html .jsDisabled .link.tooltip + .tooltip-html-container,
*+html .jsDisabled .link.tooltip:hover + .tooltip-html-container {
display: block;
position: static;
margin-top: 10px;
border: 1px solid #D2D5DA;
background: #FFFFFF;
padding: 8px 14px;
width: auto;
}
.clicktip {
cursor: pointer;
}
.clicktip-enlarged .txt {
margin-top: 15px;
}
.clicktip-enlarged .close,
.tooltip-enlarged .tooltip-closer {
font-size: 13px;
line-height: 16px;
width: 16px;
height: 16px;
padding-right: 20px;
position: absolute;
right: 10px;
top: 10px;
background: url(//img.ui-portal.de/ci/webde/global/icon/close.png) no-repeat 100% 0;
}
.jsEnabled .layer {
cursor: pointer;
}
.layer-overlay {
background: rgba(0, 0, 0, 0.6);
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1000;
display: none
}
*+html .layer-overlay {
background: url(//img.ui-portal.de/ci/webde/global/bg/layer_background.png) repeat 0 0;
}
.layer-overlay {
background: url(//img.ui-portal.de/ci/webde/global/bg/layer_background.png) repeat 0 0\0;
}
.layer-container {
background: #FFFFFF;
border: 1px solid #C7CBD1;
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.5);
cursor: default;
padding: 35px 10px 30px 30px;
height: auto;
left: 50%;
top: 50%;
position: absolute;
visibility: hidden;
}
.layer-container.content-part-col5 { margin-left: -440px; }
.layer-container.content-part-col4 { margin-left: -340px; }
.layer-container.content-part-col3 { margin-left: -260px; }
.layer-container.content-part-col2 { margin-left: -180px; }
.layer-container .layerCloser,
.layer-container .layer-container-close {
background: url(//img.ui-portal.de/ci/webde/global/icon/close.png) no-repeat 100% 0;
color: #2269C3;
cursor: pointer;
display: inline-block;
height: 16px;
line-height: 15px;
padding-right: 23px;
position: absolute;
right: 10px;
top: 10px;
z-index: 1000;
}
.layer-content-wrapper {
position: relative;
max-height: 360px;
overflow: auto;
}
.layer-height-auto .layer-content-wrapper {
max-height: none;
}
.layer-container .layer-content {
padding: 0 15px;
}
.content-part-col5 .layer-content { width: 750px; }
.content-part-col4 .layer-content { width: 590px; }
.content-part-col3 .layer-content { width: 430px; }
.content-part-col2 .layer-content { width: 270px; }
.content-part-apv .layer-container{
padding: 35px 25px 30px 25px;
}
.content-part-apv .layer-container-content {
width: 590px;
}
.content-part-apv .layer-content {
width: 540px;
}
.layer-container .layer-content .article-text {
padding-left: 0;
padding-right: 0;
}
.layer-container .layer-content .article-text > .headline,
.layer-container .layer-content .article-text > .subline {
padding-left: 0;
padding-right: 0;
}
.layer-container .layer-content .headline,
.layer-container .layer-content > h3 {
color: #262626;
font: 400 32px/36px Verdana, Arial, Helvetica, sans-serif;
margin: 11px 0 0;
padding-bottom: 2px;
}
.layer-container .layer-content .headline img,
.layer-container .layer-content > h3 img {
float: none;
margin: 3px 0 18px;
}
.layer-container .layer-content .subline {
color: #262626;
font: 400 19px/26px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 14px;
margin-top: 0;
}
.layer-container .layer-content > img {
display: inline;
float: right;
margin: 4px 0 15px 15px;
}
.layer-container .layer-content > p {
margin-bottom: 13px;
}
.layer-container .layer-content > .btn-wrapper {
margin-bottom: 15px;
}
.layer-container .layer-content > .list {
margin: 0 0 18px;
padding: 0;
}
.layer-container .layer-content > .list li {
font-size: 18px;
font-weight: 400;
line-height: 25px;
}
.layer-container .layer-content > .list-m li {
background-position: 0 3px;
margin-bottom: 7px;
padding: 0 0 0 26px;
}
.layer-container .content-form {
border-bottom: 0 solid transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 18px 0 0;
}
.layer-container .content-form .btn-wrapper {
margin-bottom: 15px;
}
.layer-container.content-part-col2 .content-form {
padding-top: 0;
}
.layer-container.content-part-col4 .content-form .btn-wrapper {
position: relative;
left: 10px;
}
.layer-message {
padding: 36px 0 0 0;
margin-left: -230px;
width: 460px;
}
.layer-message .layer-content-wrapper {
max-height: none;
overflow: visible;
}
.layer-message .layer-content {
background: none;
padding: 0 15px 20px;
overflow: hidden;
width: 430px;
}
.layer-message .layer-icon {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/hint.png);
background-repeat: no-repeat;
display: inline;
float: left;
height: 55px;
width: 40px;
margin-top: 4px;
}
.layer-message .layer-icon.layer-confirm { background-position: 0 0; }
.layer-message .layer-icon.layer-info { background-position: 0 -80px; }
.layer-message .layer-icon.layer-warning { background-position: 0 -160px; }
.layer-message .layer-icon.layer-error { background-position: 0 -240px; }
.layer-message .layer-content .headline,
.layer-message .layer-content h3 {
font: 400 22px/29px Verdana, Arial, Helvetica, sans-serif;
color: #262626;
margin-top: 1px;
padding-bottom: 7px;
}
.layer-message .layer-content .headline,
.layer-message .layer-content > h3,
.layer-message .layer-content > p {
margin-left: 55px;
width: 375px;
}
.layer-message .singleHeadline .headline,
.layer-message .singleHeadline h3 {
margin-top: 9px;
}
.layer-login {
padding: 25px 0 0 0;
margin-left: -195px;
width: 390px;
}
.layer-login .layer-container-close {
display: none;
}
.layer-login .layer-content {
padding: 0 45px 15px;
width: 300px;
}
.layer-login .layer-content > h3 {
font: 400 19px/26px Verdana, Arial, Helvetica, sans-serif;
padding-bottom: 3px;
padding-top: 0;
margin-top: -4px;
}
.layer-login .layer-content > h3,
.layer-login .layer-content > p {
margin-left: 0;
width: auto;
}
.layer-login .content-form { width: 300px; }
.layer-login .form-item { width: 300px; }
.layer-login .form-item .item-label { width: 300px; text-align: left; }
.layer-login .form-item .item-data { width: 300px; }
.layer-login input[type="text"],
.layer-login input[type="password"] { width: 286px; }
.layer-login .form-item span {
line-height: 14px;
font-size: 11px;
margin-top: -4px;
}
.layer-login input[type="checkbox"] {
display: inline;
float: left;
margin: 4px 8px 0 0;
}
.layer-login label {
display: inline;
float: left;
margin: 0;
}
.layer-login .layer-footer {
padding-left: 35px;
padding-right: 35px;
}
.layer-footer {
clear: left;
background: #EEF0F3;
padding: 10px 15px;
position: relative;
margin: 0 -10px 0 -30px;
overflow: hidden;
}
*+html .layer-footer {
height: 1%;
}
.layer-message .layer-footer {
margin: 0;
}
.layer-container .btn-wrapper {
display: inline;
float: left;
margin-right: 10px;
}
.layer-footer .btn-wrapper {
float: right;
}
.layer-html-container { display: none; }
.layer-slider .layer-content-wrapper {
overflow: visible;
}
.layer-slider .teaser-slider {
margin-left: -15px;
}
.layer-image .layer-content-wrapper {
overflow: visible;
max-height: none;
}
.layer-image .layer-content > img {
float: none;
margin: 4px 0 0 -15px;
}
.js-layer-hidden {
display: none!important;
}
.layer-iframe {
padding: 0;
}
.layer-iframe.content-part-col3,
.layer-iframe.content-part-col4 {
width: auto;
}
.layer-iframe .layer-content-wrapper {
max-height: none;
overflow: visible;
}
.layer-iframe .layer-content {
padding: 0;
width: auto;
}
.layer-container .form-login {
margin: 0;
padding: 0;
}
.layer-container .form-login .form-item {
width: 245px;
}
.layer-container .form-login .form-item input {
width: 220px;
}
.layer-container .form-login .login-submit {
float: right;
display: inline;
clear: none;
margin-right: -10px;
padding-top: 34px;
}
.layer-container iframe + p,
.layer-container iframe + .form-login {
margin-top: 10px;
}
.layer-container iframe + p .btn-wrapper {
float: right;
margin-top: 5px;
margin-right: 0;
margin-left: 10px;
}
#main.page-kontrast {
padding-top: 40px;
}
.page-interstitial .layer-close {
margin-top: -32px;
float: right;
cursor: pointer;
vertical-align: top;
}
.page-interstitial .layer-close span {
background: url(//img.ui-portal.de/ci/webde/global/icon/close.png) no-repeat 100% 0;
display: inline-block;
margin-left: 7px;
width: 16px;
height: 16px;
cursor: pointer;
vertical-align: top;
margin-top: 2px;
}
.page-login .form-login {
padding: 0;
margin-bottom: 0;
overflow: hidden;
}
.page-login .legaltext {
padding-top: 0;
padding-bottom: 20px;
}
.page-login .form-login .content-form {
width: 600px\0;
}
#page-footer {
background: url(//img.ui-portal.de/ci/webde/global/bg/separator.png) no-repeat 50% 0;
-webkit-box-shadow: 0 -70px 6px -69px #DADDE1;
-moz-box-shadow: 0 -70px 6px -69px #DADDE1;
box-shadow: 0 -70px 6px -69px #DADDE1;
border-bottom: 1px solid #C0C9CE;
padding-top: 2px;
color: #687282;
font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
position: relative;
}
#page-footer a {
color: #687282;
text-decoration: none;
}
#page-footer a:hover,
#page-footer a:focus {
text-decoration: underline;
}
#footerOptional {
background: #CCD1D5;
height: 88px;
}
#footerMain {
background-color: #EEF0F3;
}
#footerAddition {
overflow: hidden;
position: relative;
background: transparent url(//img.ui-portal.de/ci/webde/global/bg/separator.png) no-repeat 50% 100%;
min-height: 178px;
padding: 0 30px 2px;
}
*+html #footerAddition {
height: 252px;
}
#footerOptional + #footerMain {
background: url(//img.ui-portal.de/ci/webde/global/bg/separator.png) no-repeat 50% 0 #EEF0F3;
padding-top: 2px;
}
#footerSocialbookmarks {
overflow: hidden;
padding: 20px 0;
}
#footerSocialbookmarks ul {
margin-left: 30px;
}
#footerSocialbookmarks li {
display: inline;
float: left;
margin-right: 20px;
position: relative;
height: 48px;
width: 300px;
}
#footerSocialbookmarks.threeCols li {
width: 193px;
}
#footerSocialbookmarks a:hover {
text-decoration: none;
}
#footerSocialbookmarks a:hover *,
#footerSocialbookmarks a:focus * {
text-decoration: underline;
}
#footerSocialbookmarks .headline {
background: no-repeat 0 0;
display: inline-block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: 400;
font-size: 18px;
height: 48px;
line-height: 27px;
padding-left: 63px;
}
#footerSocialbookmarks a:hover .headline,
#footerSocialbookmarks a:focus .headline {
background-position: 0 100%;
}
#modFacebook .headline {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/facebook.png);
}
#modTwitter .headline {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/twitter.png);
}
#modGoogleplus .headline {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/googleplus.png);
}
#modRecommendation .headline {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/recommendation.png);
}
#modPartner .headline {
background-image: url(//img.ui-portal.de/ci/webde/global/icon/partner.png);
}
#footerSocialbookmarks p {
display: inline-block;
font-size: 13px;
line-height: 20px;
left: 63px;
position: absolute;
top: 26px;
}
#footerSocialbookmarks .socialCommunity {
left: 63px;
position: absolute;
top: 28px;
}
#footerSocialbookmarks .socialCommunity iframe {
border: none;
overflow: hidden;
width: 130px;
height: 22px;
}
* html #footerSocialbookmarks .hidefromIE7 { display: none; }
*+html #footerSocialbookmarks .hidefromIE7 { display: none; }
*+html #footerSocialbookmarks .headline,
*+html #footerSocialbookmarks p { display: inline; }
#footerNavlinks {
display: inline;
float: left;
padding-top: 15px;
margin-bottom: 15px;
}
#footerNavlinks h\:nav {
display: inline;
float: left;
margin-right: 20px;
padding-top: 33px;
position: relative;
width: 140px;
}
#footerNavlinks h\:nav li {
display: block;
float: none;
}
#footerNavlinks h\:nav h4,
#footerNavlinks h\:nav .headline {
color: #687282;
font: 400 19px/23px WebdeSans, Verdana, Arial, Helvetica, sans-serif;
position: absolute;
left: 0;
top: 1px;
white-space: nowrap;
margin-top: 3px;
}
#footerNavlinks.threeCols h\:nav {
width: 193px;
}
#footerIcons {
float: right;
display: inline;
width: 300px;
margin: 20px 0 10px;
}
#footerIcons li {
float: left;
display: inline;
margin-right: 8px;
margin-bottom: 10px;
}
#footerIcons li.last {
margin-right: 0;
}
#footerIcons li a,
#footerIcons li img {
display: block;
}
#footerMOTD {
background: #4689CD;
position: absolute;
right: 30px;
top: -20px;
width: 270px;
height: 90px;
padding: 0 15px;
-webkit-box-shadow: 0 18px 12px -12px #A1AEBC;
-moz-box-shadow: 0 18px 12px -12px #A1AEBC;
box-shadow: 0 18px 12px -12px #A1AEBC;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
#footerMOTD .headline {
background: url(//img.ui-portal.de/ci/webde/global/bg/motd_headline.png) no-repeat 0 40px;
background: url(//img.ui-portal.de/ci/webde/global/bg/motd_headline.png) no-repeat 0 40px,
url(//img.ui-portal.de/ci/webde/global/bg/motd_nose.png) no-repeat 240px 0;
height: 60px;
position: absolute;
top: -23px;
width: 270px;
}
#footerMOTD .headline span {
display: none;
}
#footerMOTD p {
color: #FFFFFF;
font-size: 13px;
line-height: 20px;
padding-top: 36px;
}
#footerMOTD a {
color: #FFFFFF;
}
#footerMainlinks {
background: url(//img.ui-portal.de/ci/webde/global/bg/footer_bottom.png) no-repeat 50% 100%;
height: 98px;
padding: 0 30px;
clear: both;
}
#footerMainlinks ul {
padding-top: 17px;
}
#footerMainlinks li {
display: inline;
float: left;
margin-right: 30px;
}
#footerMainlinks .last {
margin-right: 0;
}