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

#page-header {
background-image: url(//img.ui-portal.de/ci/webde/produkte/servicename.png);
}
#page-nav {
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);
}
#main-nav li {
border-left: 1px solid #F3F5F5;
border-right: 1px solid #C0C9CE;
}
#main-nav li.active > a,
#main-nav li > a:hover,
#main-nav li > a:focus {
color: #7FAAC0;
}
#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 #7FAAC0;
}
#main-nav li.home {
background: #7FAAC0;
background: -webkit-gradient(linear, left top, left bottom, from(#75A3BC), to(#4D88A8));
background: -webkit-linear-gradient(#75A3BC, #4D88A8);
background: -moz-linear-gradient(#75A3BC, #4D88A8);
background: -o-linear-gradient(#75A3BC, #4D88A8);
background: linear-gradient(#75A3BC, #4D88A8);
border-right-color: #A3C1D1;
}
#main-nav li.home:hover {
background: #457C9F;
background: -webkit-gradient(linear, left top, left bottom, from(#699AB5), to(#457C9F));
background: -webkit-linear-gradient(#699AB5, #457C9F);
background: -moz-linear-gradient(#699AB5, #457C9F);
background: -o-linear-gradient(#699AB5, #457C9F);
background: linear-gradient(#699AB5, #457C9F);
}
#main-nav li.home + li {
border-left-color: #7FAAC0;
}
#container {
background: #FBFBFC url(//img.ui-portal.de/ci/webde/produkte/bg/header_r.png) no-repeat 100% 0;
}
#page-content {
background: url(//img.ui-portal.de/ci/webde/produkte/bg/content_r.png) no-repeat right bottom;
background: url(//img.ui-portal.de/ci/webde/produkte/bg/content_r.png) no-repeat right bottom,
url(//img.ui-portal.de/ci/webde/global/bg/content_bottom.png) no-repeat center bottom;
}
.paging li.active em,
.paging li.active span {
background-color: #4B87A7;
}
.paging li a:hover,
.paging li a:focus {
background-color: #7FAAC0;
}
.paging li.prev a,
.paging li.next a {
background-color: #7FAAC0;
}
.paging li.prev a:visited,
.paging li.next a:visited {
background-color: #7FAAC0;
}
.btn-service > * {
color: #FFFFFF;
border: 1px #477F9D solid;
background: -webkit-gradient(linear, left top, left bottom, from(#75A3BC), to(#4D88A8));
background: -webkit-linear-gradient(#75A3BC, #4D88A8);
background: -moz-linear-gradient(#75A3BC, #4D88A8);
background: -o-linear-gradient(#75A3BC, #4D88A8);
background: linear-gradient(#75A3BC, #4D88A8);
}
.btn-service > a {
color: #FFFFFF;
}
.btn-service.btn-over > * {
color: #FFFFFF;
border-color: #457C99;
background: -webkit-gradient(linear, left top, left bottom, from(#699AB5), to(#457C9F));
background: -webkit-linear-gradient(#699AB5, #457C9F);
background: -moz-linear-gradient(#699AB5, #457C9F);
background: -o-linear-gradient(#699AB5, #457C9F);
background: linear-gradient(#699AB5, #457C9F);
}
.btn-service.btn-pressed > * {
color: #E3ECF5;
border-color: #2D5265;
background: -webkit-gradient(linear, left top, left bottom, from(#2D5265), to(#42769B));
background: -webkit-linear-gradient(#2D5265, #42769B);
background: -moz-linear-gradient(#2D5265, #42769B);
background: -o-linear-gradient(#2D5265, #42769B);
background: linear-gradient(#2D5265, #42769B);
}
.btn-service.btn-disabled > *,
.btn-service.btn-disabled.btn-over > * {
color: #FFFFFF;
border-color: #A3BFCE;
background: -webkit-gradient(linear, left top, left bottom, from(#BAD1DE), to(#A6C4D4));
background: -webkit-linear-gradient(#BAD1DE, #A6C4D4);
background: -moz-linear-gradient(#BAD1DE, #A6C4D4);
background: -o-linear-gradient(#BAD1DE, #A6C4D4);
background: linear-gradient(#BAD1DE, #A6C4D4);
}
.btn-service.btn-fix:hover > * {
color: #FFFFFF;
}
.btn-service.btn-fix:active > *,
.btn-service.btn-fix.btn-pressed > * {
color: #E3ECF5;
}
.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/produkte/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/produkte/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/produkte/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/produkte/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/produkte/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/produkte/btn/service_xs.png);
}
.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;
}
.list-l.list-check.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_check_l.png); }
.list-l.list-plus.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_plus_l.png); }
.list-m.list-service > li,
.list-s.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_bullet.png); }
.list-xl.list-check.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_check_xl.png); }
.list-xl.list-plus.list-service > li { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_plus_xl.png); }
.list-l.list-service > li.item-1 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-01.png); }
.list-l.list-service > li.item-2 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-02.png); }
.list-l.list-service > li.item-3 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-03.png); }
.list-l.list-service > li.item-4 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-04.png); }
.list-l.list-service > li.item-5 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-05.png); }
.list-l.list-service > li.item-6 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-06.png); }
.list-l.list-service > li.item-7 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-07.png); }
.list-l.list-service > li.item-8 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-08.png); }
.list-l.list-service > li.item-9 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-09.png); }
.list-l.list-service > li.item-10 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_l-10.png); }
.list-xl.list-service > li.item-1 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-01.png); }
.list-xl.list-service > li.item-2 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-02.png); }
.list-xl.list-service > li.item-3 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-03.png); }
.list-xl.list-service > li.item-4 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-04.png); }
.list-xl.list-service > li.item-5 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-05.png); }
.list-xl.list-service > li.item-6 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-06.png); }
.list-xl.list-service > li.item-7 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-07.png); }
.list-xl.list-service > li.item-8 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-08.png); }
.list-xl.list-service > li.item-9 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-09.png); }
.list-xl.list-service > li.item-10 { background-image: url(//img.ui-portal.de/ci/webde/produkte/icon/list/service_num_xl-10.png); }
.hero-headline .subline {
color: #4B87A7;
}
.hero-slider .hero-nav li.active {
background-color: #4B87A7;
}
.hero-nav-teaser li:hover .teaser-xs,
.hero-nav-teaser li.active .teaser-xs {
border-top: 3px solid #4B87A7;
background-color: #EEF0F3;
}
.tab-nav a,
.tab-nav em {
background-color: #DFE3E6;
}
.cased > .tab-nav a,
.cased > .tab-nav em {
background-color: #FFFFFF;
}
.tab-nav a:hover,
.tab-nav a:focus {
background-color: #7FAAC0;
}
.tab-nav .active a,
.tab-nav .active em,
.tab-nav .active a:focus {
background-color: #4B87A7;
}
.tab-nav .active a:hover {
background-color: #4B87A7;
}
.tab-nav .nose {
border-top: 6px solid #4B87A7;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
}
.tab-l .nose {
border-width: 8px;
margin-left: -6px;
}
#footerMOTD {
background: #4B87A7;
}
#footerMOTD h4, #footerMOTD .headline {
background: url(//img.ui-portal.de/ci/webde/global/bg/motd_headline.png) no-repeat 0 40px,
url(//img.ui-portal.de/ci/webde/produkte/bg/motd_nose.png) no-repeat 240px 0;
}
#footerMainlinks {
background-image: none;
}