/** RESET **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
}
body {
/*line-height: 1;*/
background:#FFFFFF;
font-family:arial;
}
ol, ul {
list-style: none;
}
/** RESET END **/
body {
background: url("/media/img/footer_bg.png");
margin: 0px;
padding: 0px;
font-size: 14px;
color: #333333;
}
b.aligner {
height: 100%;
margin-right: -0.25em;
zoom: 1;
display: inline-block;
*position: absolute;
*top: 50%;
vertical-align: middle;
font-size: 0;
}
h1 span {
font-weight: normal;
}
address {
font-style: normal;
}
p {
line-height: 1.4;
}
p.marginBottom {
margin-bottom: 1em;
}
.innerPadding {
padding: 10px;
}
strong, b {
font-weight: bold;
display: inline-block;
margin-right: 0.25em;
}
/** LINKS **/
a,
a:active,
a:visited,
a:hover {
color: #333333;
text-decoration: none;
outline: none;
cursor: pointer;
}
a.inline {
color: #006C8C;
cursor: pointer
}
a.link,
a.simple,
a.linkMedium,
a.linkHuge,
a.icon,
a.iconMedium,
a.prev,
a.next,
a.blue {
display: inline-block;
zoom: 1;
*display: inline;
padding-left: 14px;
background: url("/media/img/gui_12.png") no-repeat 0 3px;
color: #006C8C;
font-weight: bold;
cursor: pointer
}
p a.link{
background-position: 0 5px;
}
a.simple {
background: none;
padding-left: 0;
}
a.simple:hover {
color: #9ACBD9;
}
a.link,
a.icon {
font-size: 14px;
}
a.linkMedium,
a.iconMedium {
font-size: 17px;
background-position: 0 6px;
}
a.icon,
a.iconMedium {
background: none;
padding-left: 0px;
}
a.linkHuge {
font-size: 23px;
background: url("/media/img/gui_16.png") no-repeat 0 -3192px;
padding-left: 24px;
}
a.prev {
background: url("/media/img/gui_12.png") no-repeat 0 -2296px;
cursor: pointer;
}
a.next {
padding: 0 14px 0 0;
background-position: right 3px;
cursor: pointer;
}
a.blue:hover,
a.link:hover,
a.linkMedium:hover,
a.linkHuge:hover,
a.prev:hover,
a.next:hover {
color: #9ACBD9;
background-position: 0 -97px;
font-weight: bold;
}
p a.link:hover{
background-position: 0 -95px;
}
a.blue:active,
a.link:active,
a.linkMedium:active,
a.linkHuge:active,
a.prev:active,
a.next:active {
color: #005068;
background-position: 0 -197px;
}
p a.link:active{
background-position: 0 -195px;
}
a.linkMedium:hover {
background-position: 0 -94px;
}
a.linkMedium:active {
background-position: 0 -194px;
}
a.linkHuge:hover {
background-position: 0 -3292px;
}
a.linkHuge:active {
background-position: 0 -3392px;
}
a.icon:hover,
a.iconMedium:hover {
background: none;
}
a.prev:hover {
background-position: 0 -2396px;
}
a.prev:active {
color: #005068;
background-position: 0 -2496px;
}
a.next:hover {
background-position: right -97px;
}
a.next:active {
color: #005068;
background-position: right -197px;
}
a.link.standAlone {
display: block;
margin: 1.4em 0 0;
}
/** LINKS END **/
/** TEXT **/
.large {
font-size: 17px;
color: #333333;
}
.extraLarge {
font-size: 20px;
}
.huge {
font-size: 56px;
}
.blue {
color: #006C8C;
}
.bold {
font-weight: bold;
}
.normal {
font-weight: normal;
}
.tiny {
font-size: 11px;
}
.italic {
font-style: italic;
}
.match {
background-color: #B1D1DC;
}
/** TEXT END **/
/** INPUT **/
.input {
display: inline-block;
*display: inline;
height: 44px;
background: url("/media/img/input_left.png") no-repeat 0 2px;
padding: 0px;
padding-left: 4px;
vertical-align: middle;
}
.input .inputText {
position: relative;
height: 44px;
font-size: 14px;
font-family: arial, sans-serif;
padding-right: 16px;
padding-left: 10px;
background: url("/media/img/input_right.png") no-repeat right 2px;
border: none;
width: 317px;
line-height: 44px\9; /* IE8 and below - red border */
}
*+html .input .inputText {
line-height: 44px;
}
input:focus,
select:focus,
textarea:focus {
outline: none;
}
input::-ms-clear {
width: 0;
height: 0;
}
/** INPUT END **/
/** HEADLINE **/
.toolbarHeadline {
margin: 0 auto;
padding: 10px 0 30px;
font-size: 24px;
color: #333333;
font-weight: bold;
}
.pageHeadline {
margin: 0 auto;
padding: 31px 0 0 10px;
font-size: 27px;
padding-bottom: 30px;
color: #333333;
}
.pageSubline {
margin: 0 auto;
padding: 31px 0 0 10px;
font-size: 20px;
padding-bottom: 20px;
color: #333333;
}
.primaryHeadline {
font-size: 20px;
padding: 0 0 0 0;
font-weight: normal;
color: #333333
}
.secondaryHeadline {
font-size: 23px;
padding-top: 0px;
padding-bottom: 3px;
color: #333333;
}
.boxPrimaryHeadline {
font-size: 17px;
line-height: 17px;
font-weight: bold;
color: #333333;
}
.boxSecondaryHeadline {
font-size: 14px;
line-height: 16px;
font-weight: normal;
color: #333333;
}
.iconizedHeadline {
padding-left: 50px;
margin: 20px 0 20px 10px;
font-size: 16px;
font-weight: normal;
}
.iconizedHeadline span {
font-size: 20px;
font-weight: bold;
display: block;
margin-top: 2px;
}
.iconizedHeadline.iconBeratung {
background: url("/media/img/icon_cura_plus.png") no-repeat -6px 2px transparent;
}
.iconizedHeadline.iconService {
background: url("/media/img/icon_cura_plus.png") no-repeat scroll -3px -135px transparent;
}
.isTopic {
padding-bottom: 0;
}
/** HEADLINE END **/
/** ICONS **/
.checked {
zoom: 1;
*display: inline;
display: inline-block;
padding-left: 22px;
padding-top: 2px;
height: 18px;
background: url("/media/img/gui_24.png") no-repeat 0px -1400px;
}
.empty {
zoom: 1;
*display: inline;
display: inline-block;
padding-left: 19px;
height: 20px;
background: url("/media/img/gui_24.png") no-repeat 0px -988px;
}
/** ICONS END **/
/** GRADIENT BACKGROUNDS **/
.gradientLightBlue {
background: rgb(226, 241, 245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 241, 245, 1)), color-stop(90%, rgba(226, 241, 245, 1)), color-stop(100%, rgba(207, 234, 243, 1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2f1f5', endColorstr='#cfeaf3', GradientType=0); /* IE6-9 */
}
/** GRADIENT BACKGROUNDS END **/
/** BUTTONS **/
.primaryButton {
display: inline-block;
cursor: pointer;
font-family: arial, sans-serif;
padding: 0px;
border: none;
border-collapse: collapse;
background: none;
width: auto;
overflow: visible;
position: relative;
}
.primaryButton .left {
display: block;
white-space: nowrap;
overflow: visible;
padding-left: 20px;
height: 53px;
background: url("/media/img/buttons_left.png") no-repeat 0 -1200px;
}
.primaryButton .right {
display: block;
min-height: 53px;
text-align: center;
padding-right: 20px;
white-space: nowrap;
background: url("/media/img/buttons_right.png") no-repeat right -1200px;
}
.primaryButton:hover .left,
.primaryButton:hover .right {
background-position: 0px -1300px;
}
.primaryButton:hover .right {
background-position: right -1300px;
}
.primaryButton:active .left,
.primaryButton:active .right {
background-position: 0px -1400px;
}
.primaryButton:active .right {
background-position: right -1400px;
}
.primaryButton::-moz-focus-inner {
border: 0;
}
.primaryButton.selected {
}
.primaryButton.selected .left,
.primaryButton.selected .right {
background-position: 0px -1500px;
}
.primaryButton.selected .right {
background-position: right -1500px;
}
.primaryButton .text {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
display: inline-block;
padding-top: 16px;
text-shadow: 0px 1px 1px #cb6011;
}
/* new button css3 style - start - */
.primaryButton {
background: #fea448;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYTQ0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmVhMDQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNmZTliM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNmZThhMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNmZTcyMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiNmZTcxMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNmZTcyMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiNmZTdhMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmU3ZjI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fea448), color-stop(2%, #fea041), color-stop(6%, #fe9b3a), color-stop(32%, #fe8a27), color-stop(85%, #fe720e), color-stop(89%, #fe710d), color-stop(94%, #fe7211), color-stop(98%, #fe7a1d), color-stop(100%, #fe7f28));
background: -webkit-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: -o-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: -ms-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: linear-gradient(to bottom, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea448', endColorstr='#fe7f28', GradientType=0);
border-right: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
border-top: 1px solid #FFDDBB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 1px 0px #D4D4D4;
box-shadow: 0px 0px 1px 0px #D4D4D4;
-webkit-box-shadow: inset 0px 0px 5px 0px #D4D4D4;
box-shadow: inset 0px 0px 5px 0px #D4D4D4;
}
.primaryButton span {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
display: inline-block;
padding: 16px;
text-shadow: 0px 1px 1px #cb6011;
}
button.primaryButton span {
padding: 14px;
}
.primaryButton:hover {
background: #feae5d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYWU1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTgzMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feae5d), color-stop(100%, #fe832c));
background: -webkit-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: -o-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: -ms-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: linear-gradient(to bottom, #feae5d 0%, #fe832c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feae5d', endColorstr='#fe832c', GradientType=0);
}
.primaryButton:active {
background: #fea448;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYTQ0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmVhMDQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNmZTliM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNmZThhMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNmZTcyMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiNmZTcxMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNmZTcyMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiNmZTdhMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmU3ZjI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fea448), color-stop(2%, #fea041), color-stop(6%, #fe9b3a), color-stop(32%, #fe8a27), color-stop(85%, #fe720e), color-stop(89%, #fe710d), color-stop(94%, #fe7211), color-stop(98%, #fe7a1d), color-stop(100%, #fe7f28));
background: -webkit-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: -o-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: -ms-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: linear-gradient(to bottom, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea448', endColorstr='#fe7f28', GradientType=0);
-webkit-box-shadow: 2px 2px 1px 0 #A15D1E inset;
box-shadow: 2px 2px 1px 0 #A15D1E inset;
}
.primaryButton.active,
.primaryButton.active:hover,
.primaryButton.active:active {
background: #feae5d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYWU1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTgzMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feae5d), color-stop(100%, #fe832c));
background: -webkit-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: -o-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: -ms-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: linear-gradient(to bottom, #feae5d 0%, #fe832c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feae5d', endColorstr='#fe832c', GradientType=0);
-webkit-box-shadow: inset 0px 0px 2px 2px #F9D6B5;
box-shadow: inset 0px 0px 2px 2px #F9D6B5;
}
/* new button css3 style - end - */
/** ICONS FUR PRIMARY BUTTONS START **/
.primaryButton.iconNext .text {
background: url("/media/img/gui_12.png") no-repeat scroll right -478px transparent;
padding-right: 20px;
}
.primaryButton.iconNext {
padding-right: 12px;
}
.primaryButton.iconNext span {
padding-right: 20px;
background: url("/media/img/gui_12.png") no-repeat scroll right -478px transparent;
}
/** ICONS FUR PRIMARY BUTTONS END **/
.secondaryButton {
height: 53px;
display: inline-block;
cursor: pointer;
font-family: arial, sans-serif;
padding: 0px;
border: none;
border-collapse: collapse;
background: none;
width: auto;
overflow: visible;
position: relative;
}
/* new css3 version start */
.secondaryButton,
.smallSecondaryButton {
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(34%, #fbfbfb), color-stop(81%, #f2f2f2), color-stop(100%, #f1f1f1));
background: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
border-right: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 0 1px 1px #D4D4D4;
box-shadow: 0 0 1px 1px #D4D4D4;
height: 51px;
}
.secondaryButton span,
.smallSecondaryButton span {
font-size: 16px;
font-weight: normal;
color: #006C8C;
display: inline-block;
padding: 16px;
}
.secondaryButton:hover,
.smallSecondaryButton:hover {
background: #eff5f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2U4ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #eff5f9 0%, #dce8ed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff5f9), color-stop(100%, #dce8ed));
background: -webkit-linear-gradient(top, #eff5f9 0%, #dce8ed 100%);
background: -o-linear-gradient(top, #eff5f9 0%, #dce8ed 100%);
background: -ms-linear-gradient(top, #eff5f9 0%, #dce8ed 100%);
background: linear-gradient(to bottom, #eff5f9 0%, #dce8ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff5f9', endColorstr='#dce8ed', GradientType=0);
}
.secondaryButton:active,
.smallSecondaryButton:active {
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(34%, #fbfbfb), color-stop(81%, #f2f2f2), color-stop(100%, #f1f1f1));
background: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
-webkit-box-shadow: 2px 2px 1px 0 #A4A4A4 inset;
box-shadow: 2px 2px 1px 0 #A4A4A4 inset;
}
.secondaryButton::-moz-focus-inner {
border: 0;
}
.mediumSecondaryButton span {
padding: 11px 16px;
}
.smallSecondaryButton span {
padding: 6px 16px;
}
/* new css3 version end */
.secondaryButton .left {
display: block;
padding-left: 20px;
height: 53px;
white-space: nowrap;
background: url("/media/img/buttons_left.png") no-repeat 0 -1600px;
}
.secondaryButton .right {
display: block;
height: 53px;
white-space: nowrap;
text-align: center;
padding-right: 20px;
background: url("/media/img/buttons_right.png") no-repeat right -1600px;
}
.secondaryButton:hover .left,
.secondaryButton:hover .right {
background-position: 0px -1700px;
}
.secondaryButton:hover .right {
background-position: right -1700px;
}
.secondaryButton:active .left,
.secondaryButton:active .right {
background-position: 0px -1800px;
}
.secondaryButton:active .right {
background-position: right -1800px;
}
.secondaryButton.selected {
}
.secondaryButton.selected .left,
.secondaryButton.selected .right {
background-position: 0px -1800px;
}
.secondaryButton.selected .right {
background-position: right -1800px;
}
.secondaryButton .text {
font-size: 16px;
color: #006c8c;
display: inline-block;
padding-top: 16px;
font-weight: normal;
}
.smallSecondaryButton {
height: 32px;
cursor: pointer;
}
.smallSecondaryButton .left {
display: block;
padding-left: 20px;
height: 100%;
overflow: hidden;
background: url("/media/img/buttons_left.png") no-repeat 0 -2000px;
}
.smallSecondaryButton .right {
display: block;
height: 100%;
text-align: center;
padding-right: 20px;
background: url("/media/img/buttons_right.png") no-repeat right -2000px;
}
.smallSecondaryButton:hover .left,
.smallSecondaryButton:hover .right {
background-position: 0px -2100px;
}
.smallSecondaryButton:hover .right {
background-position: right -2100px;
}
.smallSecondaryButton:active .left,
.smallSecondaryButton:active .right {
background-position: 0px -2200px;
}
.smallSecondaryButton:active .right {
background-position: right -2200px;
}
.smallSecondaryButton.selected {
}
.smallSecondaryButton.selected .left,
.smallSecondaryButton.selected .right {
background-position: 0px -2300px;
}
.smallSecondaryButton.selected .right {
background-position: right -2300px;
}
.smallSecondaryButton .text {
font-size: 14px;
color: #006c8c;
display: inline-block;
padding-top: 6px;
font-weight: normal;
}
.mediumSecondaryButton {
height: 42px;
display: inline-block;
cursor: pointer;
}
.mediumSecondaryButton .left {
display: block;
padding-left: 20px;
height: 100%;
overflow: hidden;
background: url("/media/img/buttons_left.png") no-repeat 0 -2400px;
}
.mediumSecondaryButton .right {
display: block;
height: 100%;
text-align: center;
padding-right: 20px;
background: url("/media/img/buttons_right.png") no-repeat right -2400px;
}
.mediumSecondaryButton:hover .left,
.mediumSecondaryButton:hover .right {
background-position: 0px -2500px;
}
.mediumSecondaryButton:hover .right {
background-position: right -2500px;
}
.mediumSecondaryButton:active .left,
.mediumSecondaryButton:active .right {
background-position: 0px -2600px;
}
.mediumSecondaryButton:active .right {
background-position: right -2600px;
}
.mediumSecondaryButton.selected {
}
.mediumSecondaryButton.selected .left,
.mediumSecondaryButton.selected .right {
background-position: 0px -2700px;
}
.mediumSecondaryButton.selected .right {
background-position: right -2700px;
}
.mediumSecondaryButton .text {
font-size: 14px;
color: #006c8c;
display: inline-block;
zoom: 1;
*display: inline;
padding-top: 11px;
font-weight: normal;
}
/** BUTTONS END **/
/** UI-ICONS start **/
.iconSmall {
padding-left: 25px;
background: url("/media/img/gui_24.png") no-repeat 0 -9999px;
}
.iconBig {
padding-left: 50px;
background: url("/media/img/gui_48.png") no-repeat 0 -9999px;
width: 48px;
height: 48px;
display: block;
}
.icon span,
.iconStandalone span {
background: url("/media/img/gui_24.png") no-repeat 0 -9999px;
display: inline-block;
float: left;
height: 24px;
width: 24px;
padding-right: 5px;
}
.linkMedium.icon span,
.iconMediumStandalone span {
background: url("/media/img/gui_24.png") no-repeat 0 -9999px;
display: inline-block;
float: left;
height: 32px;
width: 32px;
padding-right: 5px;
}
.linkLarge.icon span,
.iconLargeStandalone span {
background: url("/media/img/gui_32.png") no-repeat 0 -9999px;
display: inline-block;
float: left;
height: 40px;
min-width: 32px;
padding-left: 40px;
font-size: 32px;
color: #333333;
font-weight: bold;
}
span.iconMail {
background: url("/media/img/gui_24.png") no-repeat 0 -2598px;
}
.icon:hover span.iconMail {
background-position: 0 -2698px;
}
.icon:active span.iconMail {
background-position: 0 -2798px;
}
.linkMedium span.iconMail {
background: url("/media/img/gui_24.png") no-repeat 0 -2596px;
}
.linkMedium.icon:hover span.iconMail {
background-position: 0 -2696px;
}
.linkMedium.icon:active span.iconMail {
background-position: 0 -2796px;
}
.icon span.iconPartner {
background-position: 0 -2200px;
}
.icon:hover span.iconPartner {
background-position: 0 -2300px;
}
.icon:active span.iconPartner {
background-position: 0 -2400px;
}
span.iconXing {
background-position: 0 -3800px;
}
.icon:hover span.iconXing {
background-position: 0 -3900px;
}
.icon:active span.iconXing {
background-position: 0 -4000px;
}
span.iconFax {
background-position: 0 -3298px;
}
.icon span.iconFax {
background-position: 0 -3398px;
}
.icon:hover span.iconFax {
background-position: 0 -3498px;
}
.icon:active span.iconFax {
background-position: 0 -3598px;
}
span.iconPhone {
background-position: 0 -2900px;
}
.icon span.iconPhone {
background-position: 0 -3000px;
}
.icon:hover span.iconPhone {
background-position: 0 -3100px;
}
.icon:active span.iconPhone {
background-position: 0 -3200px;
}
.iconBig.iconPhone {
background-position: 0 -1300px;
}
.iconLargeStandalone .iconPhone {
background-position: 0 -2392px;
}
span.iconMouse {
background-position: 0 -2900px;
}
.icon span.iconMouse {
background-position: 0 -3000px;
}
.icon:hover span.iconMouse {
background-position: 0 -3100px;
}
.icon:active span.iconMouse {
background-position: 0 -3200px;
}
span.iconBubble {
background-position: 0 -4098px;
}
.icon span.iconBubble {
background-position: 0 -4198px;
}
.icon:hover span.iconBubble {
background-position: 0 -4298px;
}
.icon:active span.iconBubble {
background-position: 0 -4398px;
}
span.iconStockDown {
background: url("/media/img/stock-icons.png") no-repeat 0 0 transparent;
background-position: 0 1px;
}
span.iconStockUp {
background: url("/media/img/stock-icons.png") no-repeat 0 0 transparent;
background-position: 0 -97px;
}
.flagGB,
.flagFR {
background: url("/media/img/flags.png") no-repeat 5px 0;
display: block;
float: left;
clear: left;
height: 24px;
width: 24px;
}
.flagGB {
background-position: 0 4px;
}
.flagFR {
background-position: 0 -96px;
}
/** UI-ICONS end **/
/** ICONS FUR SECONDARY BUTTONS START **/
.secondaryButton.iconPrev .text {
background: url("/media/img/gui_12.png") no-repeat scroll 0 -2278px transparent;
padding-left: 20px;
}
.secondaryButton.iconBerater .text {
background: url("/media/img/gui_24.png") no-repeat scroll 0 -2186px transparent;
padding-left: 35px;
}
.secondaryButton.iconDownload .text {
background: url("/media/img/gui_12.png") no-repeat scroll 0 -3280px transparent;
padding-left: 20px;
}
.secondaryButton.iconCross .text {
background: url("/media/img/gui_16.png") no-repeat scroll 0 -2395px transparent;
padding-left: 25px;
}
.secondaryButton.iconGallery .text {
background: url("/media/img/gui_48.png") no-repeat scroll 0 -988px transparent;
padding-left: 45px;
padding-bottom: 13px;
}
.secondaryButton.iconPlay .text {
background: url("/media/img/gui_32.png") no-repeat scroll 0 -2086px transparent;
padding-left: 40px;
padding-bottom: 13px;
}
.secondaryButton.iconDelete .text {
background: url("/media/img/gui_12.png") no-repeat scroll 0 -3280px transparent;
padding-left: 20px;
}
/** ICONS FUR SECONDARY BUTTONS END **/
/* new button css3 style - start - */
.secondaryButton.iconPrev {
padding-left: 16px;
}
.secondaryButton.iconPrev span {
background: url("/media/img/gui_12.png") no-repeat scroll 0 -2278px transparent;
padding-left: 18px;
}
.secondaryButton.iconBerater {
padding-left: 16px;
}
.secondaryButton.iconBerater span {
background: url("/media/img/gui_24.png") no-repeat scroll 0 -2186px transparent;
padding-left: 35px;
}
.secondaryButton.iconDownload {
padding-left: 16px;
}
.secondaryButton.iconDownload span {
background: url("/media/img/gui_12.png") no-repeat scroll 0 -3280px transparent;
padding-left: 20px;
}
.secondaryButton.iconCross {
padding-left: 16px;
}
.secondaryButton.iconCross span {
background: url("/media/img/gui_16.png") no-repeat scroll 0 -2395px transparent;
padding-left: 25px;
}
.secondaryButton.iconGallery {
padding-left: 16px;
}
.secondaryButton.iconGallery span {
background: url("/media/img/gui_48.png") no-repeat scroll 0 -988px transparent;
padding-left: 45px;
padding-bottom: 13px;
}
.secondaryButton.iconPlay {
padding-left: 16px;
}
.secondaryButton.iconPlay span {
background: url("/media/img/gui_32.png") no-repeat scroll 0 -2086px transparent;
padding-left: 40px;
padding-bottom: 13px;
}
/* new button css3 style - end - */
.shadowBox {
border-right: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 0px 0px #D4D4D4;
box-shadow: 1px 1px 0px 0px #D4D4D4;
}
.innerShadowBox {
border-right: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 0px 1px 0px #D4D4D4;
box-shadow: 0px 0px 5px 0px #D4D4D4 inset;
}
.rechnerGroupItem {
position: relative;
border-top: 1px solid #E5E5E5;
height: 49px;
zoom: 1;
}
.rechnerGroupItem .label,
.rechnerGroupItem .column {
width: 239px;
border-right: 1px solid #E5E5E5;
float: left;
height: 100%;
display: table;
vertical-align: middle;
}
.rechnerGroupItem .column {
text-align: center;
position: relative;
width: 239px;
}
.rechnerGroupItem .column.last {
border-right: none;
width: 237px;
}
.rechnerGroupItem.oneColumn {
width: 717px;
}
.rechnerGroupItem.twoColumns .label {
width: 475px;
}
.rechnerGroupItem.oneColumn .column,
.rechnerGroupItem.oneColumn .label,
.rechnerGroupItem.oneColumn .column.last {
width: 354px;
}
.rechnerGroupItem .label {
position: relative;
background: #FFFFFF;
padding: 2px;
height: 45px;
width: 235px;
}
.rechnerGroupItem .wrapper {
height: 100%;
position: relative;
display: table;
}
.rechnerGroupItem .wrapperInner {
display: table-cell;
}
.rechnerGroupItem .label .wrapper {
background: #EEEEEE;
font-size: 0;
word-wrap: break-word;
}
.rechnerGroupItem .label h3.rechnerGroupItemHeadline {
display: inline-block;
*display: inline;
zoom: 1;
font-weight: bold;
font-size: 13px;
padding-left: 20px;
vertical-align: middle;
padding-right: 35px;
margin-right: 10px;
color: #000000;
width: 170px;
line-height: 1.1em;
}
.rechnerGroupItem.oneColumn .label h3.rechnerGroupItemHeadline {
width: 289px;
}
.rechnerGroupItem.twoColumns .label h3.rechnerGroupItemHeadline {
width: 410px;
}
.rechnerGroupItem .label .tooltip {
right: 3px;
vertical-align: middle;
}
.rechnerGroupItem .wrapper {
display: table-cell;
vertical-align: middle;
}
.rechnerGroupItem .column.disabled .wrapper {
display: none;
}
*+html .rechnerGroupItem .column .wrapper {
padding-top: 10px;
}
.rechnerGroupItem .column .disabledLayer {
position: relative;
display: table-cell;
vertical-align: middle;
background: #FFFFFF;
}
.rechnerGroupItem .column .disabledLayer .icon {
display: inline-block;
width: 12px;
height: 15px;
background: url("/media/img/gui_12.png") no-repeat 0 -2200px;
}
.backLinkContainer {
margin: 0 auto;
width: 960px;
position: relative;
padding-top: 15px;
}
.backLinkContainer .backLink {
position: absolute;
padding-top: 0px;
right: 0;
}
/**
* This hack targets the Webkit browser engine
* which includes Safari and Chrome.
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.rechnerGroupItem .label {
height: 100% !important;
}
}
.divider {
border-bottom: 1px solid #E5E5E5;
}
.columns {
margin-right: -6px;
}
.columns.column5050 {
margin: 0;
}
.columns.column5050 .col1,
.columns.column5050 .col2 {
width: 50%;
float: left;
}
.tarifColumns .col1 .colContent,
.tarifColumns .col2 .colContent,
.tarifColumns .col3 .colContent {
margin: 0 1px 0 1px;
}
.tarifColumns .col4 .colContent {
margin: 0 0 0 1px;
}
.tarifColumns .container {
margin: 0 0 2px 0;
}
.hidden {
display: none !important;
}
.center {
text-align: center;
}
.cBoth {
clear: both;
height: 0px;
width: 0px;
line-height: 0px;
padding: 0px;
margin: 0px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
/*display: inline-block;*/
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
.jspContainer {
overflow: hidden;
position: relative;
}
.jspPane {
position: absolute;
}
.jspVerticalBar {
position: absolute;
top: 0;
right: 0;
width: 17px;
height: 100%;
border-left: 1px solid transparent;
}
.jspHorizontalBar {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: none;
}
/*
.jspVerticalBar *,
.jspHorizontalBar *
{
margin: 0;
padding: 0;
}*/
.jspCap {
display: none;
}
.jspHorizontalBar .jspCap {
float: left;
}
.jspTrack {
background-color: transparent;
position: relative;
}
.jspDrag {
background: #c5c5c5;
position: relative;
top: 0;
left: 5px;
cursor: pointer;
width: 5px;
height: 5px;
border: solid 1px #c5c5c5;
border-radius: 5px;
}
.jspDragTop {
}
.jspDragBottom {
}
.jspHorizontalBar .jspTrack {
height: 100%;
float: left;
}
.jspHorizontalBar .jspDrag {
top: 5px;
height: 5px;
}
.jspArrow {
text-indent: -20000px;
display: block;
cursor: pointer;
}
.jspArrow.jspArrowUp {
/*background: url("") no-repeat 0 0;*/
}
.jspArrow.jspArrowDown {
/*background: url("") no-repeat 0 11px;*/
}
.jspArrow.jspDisabled {
cursor: default;
}
.jspVerticalBar .jspArrow {
height: 20px;
}
.jspHorizontalBar .jspArrow {
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus {
outline: none;
}
.jspCorner {
background: transparent;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
margin: 0 -3px 0 0;
}
.jspCap {
display: block;
background: transparent;
}
.jspVerticalBar .jspCapTop {
height: 5px;
}
.jspVerticalBar .jspCapBottom {
height: 7px;
}
/** BEGIN AccordionModul **/
.accordionModul .accordionModulHeader {
cursor: pointer;
background-color: #FFFFFF;
font-size: 20px;
font-weight: bold;
color: #016C8C;
}
.accordionModul .accordionModulHeaderContent {
border: 2px solid #FFFFFF;
padding: 10px 16px;
position: relative;
}
.accordionModul .accordionModulHeaderContent a {
color: #016C8C;
font-weight: normal;
}
.accordionModul .accordionModulHeaderContent h3 {
color: #016C8C;
font-weight: normal;
}
.accordionModul .accordionModulHeaderIcon {
position: absolute;
top: 20px;
right: 10px;
display: block;
width: 16px;
height: 16px;
background: url("/media/img/gui_16.png") no-repeat scroll 0 -600px transparent;
}
.accordionModul .accordionModulHeader.selected {
background-color: #CBE9F1;
}
.accordionModul .accordionModulHeader.selected .accordionModulHeaderIcon {
background-position: 0 -700px;
}
.accordionModul .accordionModulPanel {
background-color: #DDDDDD;
}
.accordionModul .accordionModulPanel .innerPadding {
padding: 20px;
}
.accordionModul .accordionModulHeader {
position: relative;
}
.accordionModul .accordionModulHeader .primaryHeadline,
.accordionModul .accordionModulHeader .secondaryHeadline {
width: 50%;
}
.accordionModul .accordionModulHeader .primaryHeadline {
font-size: 20px;
font-weight: bold;
}
.accordionModul .accordionModulHeader .price,
.accordionModul .accordionModulHeader .stock {
width: 25%;
display: inline-block;
position: absolute;
top: 50%;
margin-top: -12px;
left: 50%;
font-weight: normal;
}
.accordionModul .accordionModulHeader .priceSmall {
font-size: 14px;
}
.accordionModul .accordionModulHeader .stock {
left: 75%;
}
.accordionModul .accordionModulHeader .stockRed {
color: #CC3333;
}
.accordionModul .accordionModulHeader .stockGreen {
color: #5C9C17;
}
.accordionModul .accordionModulHeader .secondaryHeadline {
font-size: 16px;
font-weight: normal;
padding: 0;
}
/** END AccordionModul **/
/** BEGIN BeispielRechnungenModul **/
.beispielRechnungenModul {
height: 100%;
}
.beispielRechnungenModul .even,
.beispielRechnungenModul .odd {
float: left;
}
.beispielRechnungenModul .even {
margin-right: 8px;
}
.beispielRechnungenModul .rechnerGroupContainer.small {
width: 475px;
margin-bottom: 0;
}
.beispielRechnungenModul .rechnerGroupContainerContent {
padding: 20px;
width: 435px;
height: 263px;
}
.beispielRechnungenModul .imageContainer {
position: absolute;
}
.beispielRechnungenModul .textContainer {
background-color:#fff;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
background-color:rgba(255, 255, 255, 0.7);
position: absolute;
margin: 10px;
height: 225px;
}
.beispielRechnungenModul .textContent {
padding: 20px;
position: relative
}
.beispielRechnungenModul .priceType {
padding: 0;
font-size: 18px;
font-weight: bold;
display: block;
}
.beispielRechnungenModul .priceDisplay {
float: left;
}
.beispielRechnungenModul .tooltip {
padding: 6px 0 0 6px;
margin-left: 10px;
position: static;
float: left;
}
.beispielRechnungenModul .buttons {
clear: left;
padding-top: 20px;
}
.beispielRechnungenModul .buttons .blue {
padding-bottom: 18px;
display: block;
font-weight: bold;
}
.beispielRechnungenModul .price {
font-size: 36px;
font-weight: bold;
vertical-align: text-top;
padding: 0 0 0 5px;
display: block;
float: left;
}
.beispielRechnungenModul .prePrice {
padding-top: 4px;
float: left;
}
.beispielRechnungenModul .postPrice {
display: block;
text-align: right;
clear: left;
}
/** END BeispielRechnungenModul **/
/** BEGIN BeraterModul **/
.beraterModul {
overflow: auto;
}
.beraterModulContainer {
border: 2px solid #FFFFFF;
padding: 18px 18px 13px;
overflow: auto;
}
.beraterModul .leftColumn,
.beraterModul .rightColumn {
float: left;
}
.beraterModul .leftColumn {
padding-right: 20px;
width: 579px;
}
.beraterModul p {
padding: 0 0 20px;
}
.beraterModul .button {
clear: left;
}
.beraterModul .secondaryButton .text {
color: #016C8C;
background: url("/media/img/gui_24.png") no-repeat scroll 0 -2286px transparent;
display: inline-block;
font-weight: normal;
padding-left: 32px;
}
/** END BeraterModul **/
/** BEGIN Breadcrumb **/
.breadcrumb {
width:920px;
margin:0 auto;
padding: 8px 20px;
position:relative;
border: 1px solid #AAAAAA;
border-bottom: none;
}
.breadcrumb li.breadcrumbItem {
float: left;
margin-right: 5px;
}
.breadcrumb li.breadcrumbItem a {
display: block;
font-weight: normal;
font-size: 12px;
padding: 0 22px 0 0;
background: url("/media/img/gui_12.png") no-repeat right -3897px transparent;
}
.breadcrumb li.breadcrumbItem.last a {
background: none;
color: #AAAAAA;
}
.breadcrumb li.breadcrumbItem.last span {
background: none;
color: #AAAAAA;
display: block;
font-weight: normal;
font-size: 12px;
}
/** END Breadcrumb **/
/** BEGIN Columns **/
/** END Columns **/
/** BEGIN Container **/
.container {
width: 100%;
background:none;
margin-bottom:25px;
margin:0 auto;
margin-bottom:28px;
}
.container.noMargin {
margin-bottom: 0;
}
.container.hideMode .containerSection {
display: none;
}
.container.width50 {
float: left;
width: 50%;
}
.container.width33 {
float: left;
width: 33.3%;
}
.container.width50 .box,
.container.width33 .box {
margin-right: 6px;
}
.container .containerHeadline {
margin:0px;
padding: 5px 10px;
color:#333333;
font-size:20px;
font-weight:bold;
background:#EEEEEE;
border:2px solid #FFFFFF;
margin-bottom:0px;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.container.blue .containerHeadline {
background: none repeat scroll 0 0 #CBE9F1;
}
.container.small .containerHeadline {
padding:6px 10px;
font-size: 16px;
line-height: 18px;
}
.container.lightBlue .containerHeadline {
border:1px solid #FFFFFF;
-webkit-box-shadow: 0px 1px 1px 0px #D4D4D4;
box-shadow :0px 1px 1px 0px #D4D4D4;
background:#CBE9F1;
background: rgb(226,241,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,241,245,1) 0%, rgba(207,234,241,1) 100%, rgba(207,234,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,241,245,1)), color-stop(100%,rgba(207,234,241,1)), color-stop(100%,rgba(207,234,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f1f5', endColorstr='#cfeaf1',GradientType=0 ); /* IE6-9 */
position: relative;
z-index: 101;
padding-left: 11px;
padding-top: 11px;
padding-bottom:12px;
}
.container.lightBlue.small .containerHeadline {
padding:7px 11px;
}
.container .containerContent {
border-top:1px solid #E6E6E6;
background:#FFFFFF;
color: #000000;
position:relative;
padding: 10px;
z-index:100;
}
.container.noZ .containerContent {
z-index: inherit;
}
.container.bgLightBlue .containerContent{
background: #ebf5f8 ;
}
.container.noPadding .containerContent {
padding:0px;
}
.container.padding20 .containerContent {
padding:20px;
}
.container.noBackground .containerContent {
background: transparent;
}
/** AUFKLAPPER **/
.container.hideMode .containerContent {
overflow:hidden;
}
.container.hideMode {
margin-bottom:68px;
position:relative;
}
.container .btn {
width : 684px;
height:38px;
margin:0 auto;
border:1px solid #B1B1B1;
border-top:none;
background:url("/media/img/gradient_btn_more.png") repeat-x;
text-align:center;
color:#FFFFFF;
font-weight:bold;
line-height:40px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
position:absolute;
-webkit-box-shadow: 0px 0px 1px 0px #D4D4D4;
box-shadow: 0px 0px 1px 0px #D4D4D4;
cursor:pointer;
}
.smallExpandable.container .btn {
width : 510px;
}
.container .btn .labelWrapper {
padding-left:20px;
background:url("/media/img/gui_12.png") no-repeat 0 -1095px;
color:#333333;
}
.container .btn .label {
cursor:pointer;
padding-right:20px;
background:url("/media/img/gui_12.png") no-repeat right -1095px;
}
.container.open .btn .labelWrapper {
padding-left:20px;
background:url("/media/img/gui_12.png") no-repeat 0 -1194px;
}
.container.open .btn .label {
cursor:pointer;
padding-right:20px;
background:url("/media/img/gui_12.png") no-repeat right -1194px;
}
/** END Container **/
/** BEGIN ContentContainer **/
.contentWrapper {
background:#E5E5E5;
color: #333333;
overflow:auto;
border-collapse: collapse;
}
.contentWrapper .content {
padding-top:1px;
padding-bottom:1px;
}
/** END ContentContainer **/
/** BEGIN CrossSellingModul **/
.crossSellingModul {
margin-right: -6px;
}
.crossSellingModul .teaserCrossSelling.last{
margin-right:0px;
}
/** END CrossSellingModul **/
/** BEGIN DetailInfoModul **/
.detailInfoModul {
background-color: #ffffff;
}
.detailInfoModulContent {
padding: 40px;
}
.detailInfoModul .secondaryHeadline {
padding-bottom: 24px;
}
.detailInfoModul .buttons {
padding: 20px;
text-align: right;
}
.detailInfoModul .primaryButton {
margin-left: 15px;
}
.detailInfoModul.hideMode .detailInfoModulContainer {
overflow:hidden;
}
.detailInfoModul.hideMode {
margin-bottom:68px;
position:relative;
}
.detailInfoModul .btn {
width : 510px;
height:38px;
margin:0 auto;
border:1px solid #B1B1B1;
border-top:none;
background:url("/media/img/gradient_btn_more.png") repeat-x;
text-align:center;
color:#FFFFFF;
font-weight:bold;
line-height:40px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
position:absolute;
-webkit-box-shadow: 0px 0px 1px 0px #D4D4D4;
box-shadow: 0px 0px 1px 0px #D4D4D4;
cursor:pointer;
}
.detailInfoModul .btn .labelWrapper {
padding-left:20px;
background:url("/media/img/gui_12.png") no-repeat 0 -3094px;
color:#006C8C;
}
.detailInfoModul .btn .label {
cursor:pointer;
padding-right:20px;
background:url("/media/img/gui_12.png") no-repeat right -3094px;
}
.detailInfoModul.open .btn .labelWrapper {
padding-left:20px;
background:url("/media/img/gui_12.png") no-repeat 0 -2594px;
}
.detailInfoModul.open .btn .label {
cursor:pointer;
padding-right:20px;
background:url("/media/img/gui_12.png") no-repeat right -2594px;
}
/** END DetailInfoModul **/
/** BEGIN FehlerseitenContent **/
.errorPage {
margin: 90px auto 0px;
padding-bottom: 90px;
width: 960px;
}
.errorPage .errorImage {
position: absolute;
margin-left: 20px;
}
.errorPage .errorText {
margin-left: 400px;
position: relative;
}
.errorPage .errorContactHead {
margin-bottom: 10px;
}
.errorPage .tiny {
margin: 4px 0px 24px;
}
.errorPage .link {
display: block;
margin: 16px 0;
}
.errorPage .errorContact {
padding: 20px;
border: 1px solid #C9C9C9;
background-color: #EDEDED;
width: 50%;
position: relative;
}
.errorPage .errorContact .phone,
.errorPage .errorContact .opening {
display: block;
width: 40%;
margin: 0;
text-align: right;
}
.errorPage .errorContact a {
width: 60%;
float: right;
text-align: right;
}
.errorPage.error503 .errorText,
.errorPage.error500 .errorText{
margin: 0;
width: 50%;
}
.errorHeader {
height: 120px;
background-color: #ffffff;
}
.errorHeader h1 {
color: #006E8C;
font-size: 54px;
margin: 0 auto ;
padding-top: 30px;
width: 960px;
}
/** END FehlerseitenContent **/
/** BEGIN Footer **/
.footerWrapper {
background:url("/media/img/footer_bg.png");
}
.footerWrapper .footer {
background: url("/media/img/toolbar_bg_shadow_top.png") no-repeat center top;
padding-bottom:30px;
color:#808080;
position: relative;
}
.footerWrapper .footer .footerContent,
.footerWrapper .footer .footerSeo,
.footerWrapper .footerSeo .subLevelContainer,
.footerWrapper .footerSocial,
.footerWrapper .footerCopy {
width:960px;
margin:0 auto;
overflow: auto;
}
.footerWrapper .footer .footerContent {
padding-bottom: 30px;
}
.footerWrapper .footer .footerContent li.topLevel {
width:176px;
margin-right:20px;
font-size:16px;
float:left;
}
.footerWrapper .footer .footerContent li.topLevel .label {
display:block;
height:30px;
border-bottom:1px solid #AAAAAA;
margin-bottom:7px;
}
.footerWrapper .footer .footerContent li.topLevel.last {
margin-right:0px;
}
.footerWrapper .footer .footerContent li.topLevel li.subLevel {
padding-top:1px;
padding-bottom:1px;
}
.footerWrapper .footer .footerContent li.topLevel li.subLevel .link {
font-size:12px;
background: none;
padding: 0;
}
.footerWrapper .footerSocial {
border-left: 1px solid #AAAAAA ;
border-right: 1px solid #AAAAAA ;
border-bottom: 1px solid #AAAAAA ;
margin-bottom: 30px;
color: #808080;
padding: 10px 0 6px;
min-height: 66px;
overflow: visible;
}
.footerWrapper .footerSocial .recommend,
.footerWrapper .footerSocial .follow {
padding: 0 25px;
float: left;
}
.footerWrapper .footerSocial .recommend {
padding: 0 25px 0 0;
margin-bottom: 10px;
}
.footerWrapper .footerSocial .follow {
float: right;
}
.footerWrapper .footerSocial .recommendLabel,
.footerWrapper .footerSocial .followLabel {
display: block;
margin-bottom: 10px;
padding-right: 10px;
}
.footerWrapper .footerSocial .followLabel {
top: 6px;
}
.footerWrapper .footerSocial .btnSwitch {
background: url("/media/img/footer_social.png") no-repeat 0 0;
padding-right: 40px;
padding-left: 64px;
display: inline-block;
height: 21px;
}
.footerWrapper .footerSocial .btnSwitch.selected {
background-position: 0 -100px;
}
.footerWrapper .footerSocial .recommendBtn {
text-indent: -9999px;
display: inline-block;
height: 20px;
}
.footerWrapper .footerSocial .recommendBtn.facebook {
background: url("/media/img/footer_social.png") no-repeat 0 -200px;
width: 84px;
}
.footerWrapper .footerSocial .recommendBtn.twitter {
background: url("/media/img/footer_social.png") no-repeat 0 -400px;
width: 56px;
}
.footerWrapper .footerSocial .recommendBtn.google {
background: url("/media/img/footer_social.png") no-repeat 0 -600px;
width: 32px;
}
.footerWrapper .footerSocial .recommendBtn.facebook:hover {
background-position: 0 -300px;
}
.footerWrapper .footerSocial .recommendBtn.twitter:hover {
background-position: 0 -500px;
}
.footerWrapper .footerSocial .recommendBtn.google:hover {
background-position: 0 -700px;
}
.footerWrapper .footerSocial .followBtn {
text-indent: -9999px;
display: inline-block;
height: 30px;
width: 30px;
padding-right: 5px;
}
.footerWrapper .footerSocial .followBtn.facebook {
background: url("/media/img/footer_social.png") no-repeat 0 -800px;
}
.footerWrapper .footerSocial .followBtn.twitter {
background: url("/media/img/footer_social.png") no-repeat 0 -1000px;
}
.footerWrapper .footerSocial .followBtn.youtube {
background: url("/media/img/footer_social.png") no-repeat 0 -1200px;
}
.footerWrapper .footerSocial .followBtn.googleplus {
background: url("/media/img/footer_social.png") no-repeat 0 -1400px;
}
.footerWrapper .footerSocial .followBtn.blog {
background: url("/media/img/footer_social.png") no-repeat 0 -1600px;
}
.footerWrapper .footerSocial .followBtn.xing {
background: url("/media/img/footer_social.png") no-repeat 0 -1800px;
}
.footerWrapper .footerSocial .followBtn.qype {
background: url("/media/img/footer_social.png") no-repeat 0 -2000px;
}
.footerWrapper .footerSocial .followBtn.kununu {
background: url("/media/img/footer_social.png") no-repeat 0 -2290px;
}
.footerWrapper .footerSocial .followBtn.facebook:hover {
background: url("/media/img/footer_social.png") no-repeat 0 -900px;
}
.footerWrapper .footerSocial .followBtn.twitter:hover {
background: url("/media/img/footer_social.png") no-repeat 0 -1100px;
}
.footerWrapper .footerSocial .followBtn.youtube:hover {
background: url("/media/img/footer_social.png") no-repeat 0 -1300px;
}
.footerWrapper .footerSocial .followBtn.googleplus:hover {
background: url("/media/img/footer_social.png") no-repeat 0 -1500px;
}
.footerWrapper .footerSocial .followBtn.blog:hover {
background: url("/media/img/footer_social.png") no-repeat 0 -1700px;
}
.footerWrapper .footerSocial .followBtn.xing:hover {
background: url("/media/img/footer_social.png") no-repeat 0 -1900px;
}
.footerWrapper .footerSocial .followBtn.qype:hover {
background: url("/media/img/footer_social.png") no-repeat 0 -2100px;
}
.footerWrapper .footerSocial .followBtn.kununu:hover {
background: url("/media/img/footer_social.png") no-repeat 0 -2390px;
}
.footerWrapper .footer .footerSeo {
border: 1px solid #AAAAAA;
overflow: visible;
position: relative;
}
.footerWrapper .footerSeo {
height: 100%;
}
.footerWrapper .footerSeo .topLevel {
float: left;
height: 34px;
margin-left: -6px;
margin-top: -6px;
overflow: hidden;
padding: 6px;
}
.footerWrapper .footerSeo .topLevel>.link {
display: block;
padding: 14px 20px 0 20px ;
font-size: 12px;
background: none;
height: 26px;
}
.footerWrapper .footerSeo .topLevel.selected>a {
-webkit-box-shadow: 0px 0px 10px 0px #A6A6A6;
box-shadow: 0px 0px 10px 0px #A6A6A6;
z-index: 1000;
position: relative;
background-color: #fff;
}
.footerWrapper .footerSeo .topLevel.hasContent.selected .icon,
.footerWrapper .footerSeo .topLevel.hasContent .icon {
background: #fff url("/media/img/gui_12.png") no-repeat right -2596px ;
padding-right: 20px;
display: inline-block;
}
.footerWrapper .footerSeo .topLevel.hasContent .icon {
background-position: right -3095px;
background-color: transparent;
}
.footerWrapper .footerSeo .topLevel.hasContent a:hover .icon {
background-position: right -2995px;
}
.footerWrapper .footerSeo .topLevel.hasContent.selected .subLevelContainer {
display: block;
overflow:visible;
}
.footerWrapper .footerSeo .topLevel.hasContent.selected a:hover .icon {
background-position: right -2696px;
}
.footerWrapper .footerSeo .subLevelContainer {
margin: 0 0 20px;
display: none;
position: absolute;
left: 0;
}
.footerWrapper .footerSeo .subLevelContent {
padding: 20px 0px;
background-color: #fff;
margin-bottom: 40px;
}
.footerWrapper .footerSeo .subLevelWrap:first-child {
border-left: none;
}
.footerWrapper .footerSeo .subLevelWrap .subLevel.littleList {
padding-bottom: 0px;
}
.footerWrapper .footerSeo .subLevelWrap {
float: left;
padding-left: 25px;
padding-right: 10px;
padding-bottom: 20px;
border-left: 1px solid #E5E5E5;
width:284px;
}
.footerWrapper .footerSeo .subLevelWrap .subLevelLabel {
font-size: 16px;
font-weight: normal;
}
.footerWrapper .footerSeo .subLevelWrap .subLevel {
padding-bottom: 20px;
}
.footerWrapper .footerSeo .thirdLevelWrap {
padding-left: 15px;
}
.footerWrapper .footerSeo .thirdLevel a.link {
background: none;
font-size: 12px;
padding: 3px 0;
}
.footerWrapper .footerCopy li {
padding-top: 10px;
display: block;
text-align: center;
font-size: 12px;
width: 960px;
position: absolute;
}
.footerShadow {
-webkit-box-shadow: 0px 0px 10px 0px #A6A6A6;
box-shadow: 0px 0px 10px 0px #A6A6A6;
}
/** END Footer **/
/** BEGIN FormInputBase **/
.formInputBase {
margin-bottom: 30px;
}
.formInputBase label {
display: block;
font-weight: bold;
line-height: 1.4;
margin-bottom: 5px;
}
/** END FormInputBase **/
/** BEGIN Gallery **/
.gallery {
width:960px;
position:relative;
margin:0 auto;
}
.gallery .viewport {
margin-left:20px;
margin-right:20px;
overflow:hidden;
margin-bottom:5px;
height:518px;
}
.gallery .images {
position:relative;
left:0px;
background:#FFFFFF;
}
.gallery .image {
width:920px;
float:left;
position:relative;
background:#FFFFFF;
}
.gallery .image img {
display:block;
margin:0 auto;
}
.gallery .btnRight,
.gallery .btnLeft {
top:249px;
position:absolute;
}
.gallery .btnRight span,
.gallery .btnLeft span{
background:url("/media/img/gui_24.png") no-repeat 18px -6153px;
width:50px;
height:50px;
display:block;
padding:0;
}
.gallery .btnLeft span {
background-position:15px -6253px;
}
.gallery .btnLeft {
left:-10px;
}
.gallery .btnRight {
right:-10px;
}
.gallery .thumbBar {
position:relative;
padding-top:5px;
padding-bottom:5px;
}
.gallery .thumbsViewport {
margin-left:20px;
margin-right:20px;
overflow:hidden;
}
.gallery .thumbs {
position:relative;
white-space:nowrap;
left:0px;
background:#FFFFFF;
}
.gallery .thumb {
float:left;
white-space:nowrap;
cursor:pointer;
background:#FFFFFF;
}
.gallery .thumb img{
height:120px;
margin-right:1px;
margin-left:1px;
}
.gallery .btnThumbLeft,
.gallery .btnThumbRight {
background:url("/media/img/gui_16.png") no-repeat 5px -846px #FFFFFF;
position:absolute;
width:20px;
height:120px;
top:5px;
left:0px;
}
.gallery .btnThumbRight {
background-position:5px -746px;
left:auto;
right:0px;
}
.gallery .needle {
left:0px;
background:none;
background:rgba(255,255,255,0.5);
position:absolute;
border:3px solid #006C8C;
height:114px;
-webkit-transition: width 0.5s ease-out;
-moz-transition: width 0.5s ease-out;
-ms-transition: width 0.5s ease-out;
-o-transition: width 0.5s ease-out;
transition: width 0.5s ease-out;
}
.gallery .status {
padding-left:6px;
font-size:17px;
padding-bottom:10px;
color:#333333;
}
/** END Gallery **/
/** BEGIN Header **/
.headerWrapper {
background: #FFFFFF;
}
.header {
width: 969px;
height: 120px;
margin: 0 auto;
position: relative;
}
.header .logo {
display: inline-block;
margin-top: 28px;
margin-left: 10px;
}
.header .nav {
position: absolute;
right: 9px;
bottom: 0px;
z-index: 200;
}
.header .nav li.navItem {
float: left;
margin-right: 5px;
}
.headerButton {
width: 184px;
height: 50px;
display: inline-block;
cursor: pointer;
}
.headerButton .left {
display: block;
padding-left: 20px;
height: 100%;
background: url("/media/img/buttons_left.png") no-repeat 0 -800px;
}
.headerButton .right {
display: block;
height: 50px;
text-align: center;
padding-right: 20px;
background: url("/media/img/buttons_right.png") no-repeat right -800px;
}
.headerButton:hover .left,
.headerButton:hover .right {
background-position: 0px -900px;
}
.headerButton:hover .right {
background-position: right -900px;
}
.headerButton:active .left,
.headerButton:active .right {
background-position: 0px -1000px;
}
.headerButton:active .right {
background-position: right -1000px;
}
.headerButton.selected {
z-index: 100;
}
.headerButton.selected .left,
.headerButton.selected .right {
background-position: 0px -1100px;
height: 58px;
}
.headerButton.selected .right {
background-position: right -1100px;
}
.headerButton .text {
font-size: 16px;
color: #006C8C;
display: inline-block;
padding-top: 18px;
font-weight: bold;
}
.headerButton:active .text,
.headerButton.selected .text {
color: #FFFFFF;
}
/** END Header **/
/** BEGIN HeaderMicrosites **/
.headerMicrosites {
background-color: #FFFFFF;
height: 113px;
}
.headerMicrosites .header {
width: 969px;
height: 113px;
margin: 0 auto;
position: relative;
}
.headerMicrosites .header .logo {
display: inline-block;
margin-top: 28px;
margin-left: 10px;
}
.headerMicrosites address {
float: right;
}
.headerMicrosites .contact {
float: right;
padding-right: 0;
padding-top: 38px;
}
.headerMicrosites .contact li.contactItem {
display: inline-block;
float: left;
background: url("/media/img/microsite_header_divider.png") no-repeat scroll -4px -7px transparent;
padding-left: 31px;
padding-right: 20px;
text-align: right;
line-height: 16px;
vertical-align: middle;
padding-top: 10px;
height: 34px;
}
.headerMicrosites .contact li.contactItem:first-child {
padding-top: 3px;
height: 41px;
background: none;
}
.headerMicrosites .contact li.contactItem .iconSmall {
vertical-align: middle;
}
.headerMicrosites .contact li.contactItem .iconPhone {
background: url("/media/img/gui_16.png") no-repeat 0 1px;
}
.headerMicrosites .contact li.contactItem .iconMail {
background: url("/media/img/gui_16.png") no-repeat 0 -2009px;
}
.headerMicrosites .contact li.contactItem, .headerMicrosites .contact li.contactItem a.contactLink {
font-size: 16px;
font-weight: bold;
color: #006C8C;
}
.seitenContainer .pageHeadline.phl_ms {
padding-top: 31px;
padding-bottom: 20px;
}
/** END HeaderMicrosites **/
/** BEGIN HinweisModul **/
.hinweisModul {
margin-bottom: 28px;
}
.hinweisModul.shadowBox {
background: rgb(226,241,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,241,245,1) 0%, rgba(226,241,245,1) 90%, rgba(207,234,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,241,245,1)), color-stop(90%,rgba(226,241,245,1)), color-stop(100%,rgba(207,234,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(226,241,245,1) 90%,rgba(207,234,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(226,241,245,1) 90%,rgba(207,234,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(226,241,245,1) 90%,rgba(207,234,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226,241,245,1) 0%,rgba(226,241,245,1) 90%,rgba(207,234,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f1f5', endColorstr='#cfeaf3',GradientType=0 ); /* IE6-9 */
}
.hinweisModul .textContainer {
padding: 0;
min-height: 52px;
}
.hinweisModul .hinweisModulHeadline {
font-size:20px;
font-weight:bold;
margin-bottom:1px;
}
.hinweisModul .hinweisModulSubline {
display:block;
font-weight:normal;
font-size:20px;
}
.hinweisModul .hinweisModulIcon {
background: url("/media/img/gui_64.png") no-repeat left -200px;
padding-left: 67px;
}
.hinweisModul.shadowBox.error {
background: #FFD0D0;
filter:none;
}
.hinweisModul.shadowBox.success {
background: #deedc6;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZWRjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ0JSIgc3RvcC1jb2xvcj0iI2Q4ZThiNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGU0OWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #deedc6 0%, #d8e8b7 44%, #cde49c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deedc6), color-stop(44%,#d8e8b7), color-stop(100%,#cde49c));
background: -webkit-linear-gradient(top, #deedc6 0%,#d8e8b7 44%,#cde49c 100%);
background: -o-linear-gradient(top, #deedc6 0%,#d8e8b7 44%,#cde49c 100%);
background: -ms-linear-gradient(top, #deedc6 0%,#d8e8b7 44%,#cde49c 100%);
background: linear-gradient(to bottom, #deedc6 0%,#d8e8b7 44%,#cde49c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deedc6', endColorstr='#cde49c',GradientType=0 );
}
.hinweisModul.shadowBox.success .hinweisModulIcon {
background: url("/media/img/gui_64.png") no-repeat left -600px;
}
.hinweisModul.shadowBox.error .hinweisModulIcon {
background: url("/media/img/gui_64.png") no-repeat left -400px;
}
.hinweisModul.shadowBox.success .textContainer {
color: #336A00;
}
.hinweisModul .hinweisModulContainer {
border: 2px solid #FFFFFF;
padding: 18px 18px 13px;
}
/** END HinweisModul **/
/** BEGIN InputBase **/
.inputBase {
padding: 10px;
padding-left: 15px;
padding-right: 0px;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
border-left: 2px solid #FFFFFF;
border-right: 2px solid #FFFFFF;
overflow: hidden;
min-height: 85px;
}
.inputBase .loader {
display: block;
position: absolute;
width: 25px;
background: url("/media/img/ajax-loader.gif") no-repeat center center #FFFFFF;
}
.inputBase label {
font-weight: bold;
display: block;
line-height: 1.4;
margin-bottom: 5px;
}
.inputBase span.input {
margin-right: 5px;
}
.inputBase .helpText {
display: none;
vertical-align: middle;
width: 395px;
}
.inputBase .errorText {
display: none;
width: 395px;
vertical-align: middle;
}
.inputBase .inputContainer {
width: 440px;
float: left;
/*padding-bottom:19px;*/
position: relative;
z-index: 1000;
}
.inputBase.active .inputContainer {
z-index: 1001;
}
.inputBase .infoContainer {
width: 471px;
padding-left: 19px;
float: left;
background: url("/media/img/input_left.png") no-repeat 0 3000px;
height: 85px;
margin-top: 0px;
}
.inputBase .infoContainerWrapper {
background: url("/media/img/input_right.png") no-repeat right 3000px;
height: 65px;
padding: 10px;
padding-top: 5px;
padding-bottom: 15px;
position: relative;
}
.inputBase .infoContainerWrapper .icon {
float: left;
display: block;
margin-top: 18px;
margin-right: 12px;
background: url("/media/img/gui_48.png") no-repeat 0 -400px;
height: 36px;
width: 36px;
}
.inputBase.error .infoContainer,
.inputBase.active .infoContainer {
float: left;
background: url("/media/img/input_left.png") no-repeat 0 -300px;
}
.inputBase.error .infoContainer .infoContainerWrapper,
.inputBase.active .infoContainer .infoContainerWrapper {
background: url("/media/img/input_right.png") no-repeat right -300px;
}
.inputBase.active .infoContainer .icon {
background-position: 0 -500px;
}
.inputBase.active .infoContainer .helpText {
display: inline-block;
zoom: 1;
*display: inline;
}
/** COMPELTE **/
.inputBase.complete {
}
/** ACTIVE **/
.inputBase.active {
background: #CBE9F0;
}
.inputBase.active .input {
background-position: 0 -1098px;
}
.inputBase.active .input .inputText {
color: #000000;
background-position: right -1098px;
}
/** NO HELP **/
.inputBase.noHelp .infoContainer {
display: none;
}
/** ERROR **/
.inputBase.error {
background: #ffd0d0;
}
.inputBase.error .input {
background-position: 0 -1198px;
color: #CC3234;
}
.inputBase.error .input .inputText {
background-position: right -1198px;
color: #CC3234;
}
.inputBase.noHelp.error .infoContainer {
display: block;
}
.inputBase.error .infoContainer .icon {
background: url("/media/img/gui_12.png") no-repeat 15px -996px;
}
.inputBase.error .infoContainer .helpText {
display: none;
}
.inputBase.error .infoContainer .errorText {
display: inline-block;
zoom: 1;
*display: inline;
}
.inputBase .textWrapper {
background: none;
}
/** READ ONLY **/
.inputBase .input.readonly,
.inputBase.active .input.readonly,
.inputBase.error .input.readonly {
background-position: left -1400px;
}
.inputBase .input.readonly input,
.inputBase.active .input.readonly input,
.inputBase.error .input.readonly input {
background-position: right -1400px;
}
/** END InputBase **/
/** BEGIN InputCaptcha **/
.inputCaptcha .imageContainer {
padding-right:22px;
margin-right:10px;
float:left;
padding-top:3px;
background:url("/media/img/gui_12.png") no-repeat right -584px;
}
.inputCaptcha .imageContainer img.code {
border:2px solid #5F5F5F;
}
.inputCaptcha .input .inputText{
width:120px;
}
.inputCaptcha .newImageHeadline {
margin-top:13px;
clear:both;
display:block;
}
.inputCaptcha label {
display:block;
padding-bottom:10px;
font-weight:normal;
}
.inputCaptcha .infoContainer {
margin-top:10px;
}
/** END InputCaptcha **/
/** BEGIN InputCheck **/
.inputCheck label {
display:table-cell;
vertical-align:middle;
font-weight:normal;
margin-right: 28px;
padding-top: 0;
height: 32px;
white-space:normal ;
}
.inputCheck label .tooltip.link .opener {
display: inline;
}
.inputCheck {
min-height: 85px;
}
.inputCheck .inputContainer {
padding-top:20px;
display: table;
}
.inputCheck .postLabel {
display:none;
}
/* Custom radio-checkbox */
.inputCheck .checkbox {
background: url("/media/img/gui_32.png") left -1300px no-repeat;
width: 32px;
height: 32px;
margin: 0px 10px 0 0;
cursor: pointer;
/* don't modify this line */float:left;
/* ie 6 */overflow:hidden;
}
.inputCheck .checkbox-checked {
background: url("/media/img/gui_32.png") left -1400px no-repeat;
}
/* hide input from view but still visible (ie & opera support) */
.inputCheck .rc-hidden { position: absolute; left: -999em }
.inputCheck.noWidth .inputContainer {
width: auto;
padding: 0px 0 ;
}
.inputCheck.noHelp.noWidth.error .infoContainer {
display:none;
}
.inputLabelWrapper {
}
/** END InputCheck **/
/** BEGIN InputDropDown **/
.inputBase.inputDropDown {
overflow:visible;
zoom:1;
}
.inputBase.inputDropDown .loader{
border:1px solid #F2F2F2;
}
/* Dropdown control */
.selectBox-dropdown {
min-width: 80px;
width:202px;
position: relative;
border:none;
text-decoration: none;
text-align: left;
color: #000;
outline: none;
vertical-align: middle;
display: block;
zoom: 1;
*display: inline;
cursor: default;
height:42px;
margin-right:5px;
background: url("/media/img/dropdown_202_high.png") no-repeat 0 0;
}
.karriereFilter .selectBox-dropdown {
width:282px;
background: url("/media/img/dropdown_280_high.png") no-repeat 0 0;
}
.selectBox-dropdown .selectBox-label {
width: 144px;
}
.short .selectBox-dropdown {
width: 177px;
height:42px;
background: url("/media/img/dropdown_177_high.png") no-repeat ;
}
.short .selectBox-dropdown .selectBox-label {
width: 259px;
}
.wide .selectBox-dropdown {
width:317px;
height:42px;
background: url("/media/img/dropdown_317_high.png") no-repeat ;
}
.wide .selectBox-dropdown .selectBox-label {
width: 259px;
}
.narrow .selectBox-dropdown {
width:202px;
height:42px;
background: url("/media/img/dropdown_202_high.png") no-repeat ;
}
.narrow .selectBox-dropdown .selectBox-label {
width: 144px;
}
.high.wide .selectBox-dropdown {
width:317px;
height:42px;
background: url("/media/img/dropdown_317_high.png") no-repeat ;
}
.high.wide .selectBox-dropdown .selectBox-label {
width: 259px;
}
.high.narrow .selectBox-dropdown {
width:202px;
height:42px;
background: url("/media/img/dropdown_202_high.png") no-repeat ;
}
.high.narrow .selectBox-dropdown .selectBox-label {
width: 144px;
}
.plain .selectBox-dropdown,
.plain.narrow .selectBox-dropdown,
.plain.wide .selectBox-dropdown {
width:232px;
height:32px;
background: url("/media/img/dropdown_232_plain.png") no-repeat ;
}
.plain .selectBox-dropdown .selectBox-label,
.plain.narrow .selectBox-dropdown .selectBox-label,
.plain.wide .selectBox-dropdown .selectBox-label {
width: 174px;
}
.plain.narrow .selectBox-dropdown {
width:211px;
background: url("/media/img/dropdown_211_plain.png") no-repeat ;
}
.plain.narrow .selectBox-dropdown .selectBox-label {
width: 153px;
}
.plain.narrow .selectBox-dropdown.selectBox-menuShowing,
.selectBox-dropdown.selectBox-menuShowing {
background-position: 0 -200px;
}
.inputBase.active .selectBox-dropdown {
background-position: 0 -100px;
}
.inputBase.active .selectBox-dropdown.selectBox-menuShowing {
background-position: 0 -200px;
}
.inputBase.error .selectBox-dropdown {
background-position: 0 -300px;
}
.inputBase.error .selectBox-dropdown.selectBox-menuShowing {
background-position: 0 -400px;
}
.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
border-color: #666;
}
.selectBox-dropdown.selectBox-menuShowing {
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {
background-position:left -1183px;
}
.selectBox-dropdown .selectBox-label {
height:18px;
padding: 12px 16px 0;
display: inline-block;
white-space: nowrap;
overflow: hidden;
width: 134px;
}
.karriereFilter .selectBox-dropdown .selectBox-label{
width:210px;
}
.selectBox-dropdown .selectBox-arrow {
position: absolute;
top: 0;
right: 0;
width: 26px;
height: 100%;
background: url("/media/img/gui_12.png") left -1083px no-repeat;
}
.high .selectBox-dropdown .selectBox-arrow {
background-position: left -1083px;
width: 26px;
}
.plain .selectBox-dropdown .selectBox-arrow {
background-position: left -1087px;
width: 23px;
}
.high .selectBox-dropdown .selectBox-label {
height:18px;
padding: 12px 16px;
}
.plain .selectBox-dropdown .selectBox-label {
height:18px;
padding: 7px 16px;
}
/* Dropdown menu */
.selectBox-dropdown-menu {
border:none;
z-index: 11111;
}
.selectBox-options-wrapper {
height: 150px;
position: absolute;
z-index: 11111;
max-height: 200px;
min-height: 1em;
border: solid 1px #006b8c; /* should be the same border width as .selectBox-dropdown */
border-top:none;
background: #FFF;
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}
.active .selectBox-options-wrapper {
border: solid 1px #006b8c; /* should be the same border width as .selectBox-dropdown */
border-top:none;
}
.inputBase.error .selectBox-options-wrapper {
border: solid 1px #d22d2d; /* should be the same border width as .selectBox-dropdown */
border-top:none;
}
/* Inline control */
.selectBox-inline {
min-width: 150px;
outline: none;
border: solid 1px #BBB;
background: #FFF;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: auto;
}
.selectBox-inline:focus {
border-color: #666;
}
/* Options */
.selectBox-options,
.selectBox-options li.selectBox-item ,
.selectBox-options li a.dropDownLink {
list-style: none;
display: block;
cursor: default;
padding: 0;
margin: 0;
}
.selectBox-options li.selectBox-item {
padding:1px;
}
.selectBox-options li a.dropDownLink {
line-height: 1.5;
padding: 0 .5em;
white-space: pre-wrap;
overflow: hidden;
background: 6px center no-repeat;
padding-left:16px;
display:block;
min-height: 17px;
}
.selectBox-options LI.selectBox-hover a.dropDownLink {
background-color: #E5E5E5;
}
.selectBox-options LI.selectBox-disabled a.dropDownLink {
color: #888;
background-color: transparent;
}
.selectBox-options LI.selectBox-selected a.dropDownLink {
background-color: #E5E5E5;
}
.selectBox-options .selectBox-optgroup {
color: #666;
background: #EEE;
font-weight: bold;
line-height: 1.5;
padding: 0 .3em;
white-space: nowrap;
}
/* Scrollable */
.selectBox-options-wrapper {
}
/* Disabled state */
.selectBox.selectBox-disabled {
color: #888 !important;
}
.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
opacity: .5;
filter: alpha(opacity=50);
border-color: #666;
}
.selectBox-inline.selectBox-disabled {
color: #888 !important;
}
.selectBox-inline.selectBox-disabled .selectBox-options a.dropDownLink {
background-color: transparent !important;
color: #9a9a9a;
}
/** END InputDropDown **/
/** BEGIN InputDropDownCombo **/
.inputDropDownCombo {
overflow: visible;
}
.inputDropDownCombo .singleField {
float: left;
margin-bottom: 30px;
}
.inputDropDownCombo .inputLabel {
display: block;
font-weight: bold;
line-height: 1.4;
margin-bottom: 5px;
}
.inputDropDownCombo .singleField .inputLabel,
.inputDropDownCombo .postLabel {
font-weight: normal;
width: 80px;
line-height: 1;
display: inline-block;
vertical-align: middle;
margin: 0;
}
.inputDropDownCombo .postLabel {
width: auto;
padding-left: 5px;
padding-right: 8px;
}
/** END InputDropDownCombo **/
/** BEGIN InputDropDownSuggest **/
.inputBase.inputDropDownSuggest {
overflow: visible;
}
.inputBase.inputDropDownSuggest .loader {
border: none;
background-color: transparent;
}
.inputDropDownSuggest.active div.bgFrame {
background-position: 0 -100px;
}
.inputDropDownSuggest .input {
background: none;
padding: 0;
position: relative;
}
.inputDropDownSuggest .inputText {
width: 256px;
background: url("/media/img/dropdown_autosuggest.png");
height: 42px;
padding: 0 46px 0 15px;
}
.inputBase.inputDropDownSuggest.active .inputText {
background-position: 0 -100px;
}
.inputBase.inputDropDownSuggest.error .inputText {
background-position: 0 -200px;
}
.inputBase.inputDropDownSuggest.active.error .inputText {
background-position: 0 -300px;
}
.inputDropDownSuggest .autoSuggestListWrapper {
display: none;
margin-left: 0;
margin-top: -2px;
position: absolute;
background-color: #FFFFFF;
}
.inputDropDownSuggest .autoSuggestList {
display: block;
position: static;
top: 0px;
border: none;
}
.inputDropDownSuggest .autoSuggestList li.dropDownSuggestListItem,
.inputDropDownSuggest .autoSuggestList li a.dropDownSuggestLink {
list-style: none;
display: block;
cursor: default;
padding: 0;
}
.inputDropDownSuggest .autoSuggestList li a.dropDownSuggestLink {
line-height: 1.5;
padding: 0 .5em;
white-space: pre-line;
overflow: hidden;
background: 6px center no-repeat;
}
.inputDropDownSuggest .autoSuggestList li:hover a.dropDownSuggestLink {
background-color: #E5E5E5;
}
.inputDropDownSuggest .autoSuggestList li.selected a.dropDownSuggestLink,
.inputDropDownSuggest .autoSuggestList li.active {
background-color: #E5E5E5;
}
.autoSuggestListWrapper {
border: solid 1px #E5E5E5;
border-top: none;
width: 315px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
z-index: 11111;
}
.inputDropDownSuggest .active .autoSuggestListWrapper {
border: solid 1px #006b8c;
border-top: none;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.inputDropDownSuggest .error .autoSuggestListWrapper {
border: solid 1px #d22d2d;
border-top: none;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.inputDropDownSuggest .openDropDown {
width: 40px;
height: 37px;
background-image: url("/media/img/dropdown_autosuggest.png");
background-position: -275px -2px;
display: block;
position: absolute;
top: 2px;
right: 2px;
cursor: pointer;
}
.inputDropDownSuggest.open .openDropDown {
background-position: -275px -102px;
}
/** END InputDropDownSuggest **/
/** BEGIN InputDropDownZahlweise **/
.inputBase.inputDropDownZahlweise {
overflow:visible;
}
.inputBase.inputDropDownZahlweise .loader{
border:1px solid #F2F2F2;
}
.inputDropDownZahlweise .postLabel {
color:#006C8C;
font-style:italic;
}
/* Options */
.inputDropDownZahlweise .selectBox-options,
.inputDropDownZahlweise .selectBox-options li.selectBox-item ,
.inputDropDownZahlweise .selectBox-options li a.dropDownLink {
list-style: none;
display: block;
cursor: default;
padding: 0;
margin: 0;
}
.inputDropDownZahlweise .selectBox-options li a.dropDownLink {
line-height: 1.5;
padding: 0 .5em;
white-space: nowrap;
overflow: hidden;
background: 6px center no-repeat;
}
.inputDropDownZahlweise .selectBox-options li:hover a.dropDownLink {
background-color: #E5E5E5;
}
.inputDropDownZahlweise .selectBox-options li.selectBox-disabled a.dropDownLink {
color: #888;
background-color: transparent;
}
.inputDropDownZahlweise .selectBox-options li.selectBox-selected a.dropDownLink {
background-color: #E5E5E5;
}
.inputDropDownZahlweise .selectBox-options .selectBox-optgroup {
color: #666;
background: #EEE;
font-weight: bold;
line-height: 1.5;
padding: 0 .3em;
white-space: nowrap;
}
/** END InputDropDownZahlweise **/
/** BEGIN InputEditableList **/
.inputEditableList {
}
.inputEditableList .postLabel {
display: block;
margin-top: 10px;
}
.inputEditableList .listWrapper .input {
position: relative;
}
.inputEditableList .listWrapper li {
margin-bottom: 15px;
}
.inputEditableList .inputText {
display: inline-block;
padding-right: 32px;
width: 297px;
}
.inputEditableList input.inputText[readonly],
.inputEditableList.active input.inputText[readonly]{
color: #CCCCCC;
}
.inputEditableList .edit,
.inputEditableList .delete{
width: 24px;
height: 24px;
vertical-align: middle;
background: url("/media/img/gui_24.png") no-repeat 0px -1100px transparent;
display: inline-block;
position: relative;
cursor: pointer;
}
.inputEditableList .edit {
margin-left: -30px;
}
.inputEditableList .edit:hover,
.inputEditableList .input:hover .edit {
background-position: 0px -1200px;
}
.inputEditableList .delete {
margin-left: 12px;
width: 16px;
height: 16px;
background: url("/media/img/gui_16.png") no-repeat 0px -4300px transparent;
}
.inputEditableList .delete:hover {
background-position: 0px -200px;
}
.inputEditableList .secondaryButton {
display: inline-block;
margin: 0px 0;
padding-left: 10px;
min-width: 120px;
}
.inputEditableList .secondaryButton span {
background: url("/media/img/gui_12.png") no-repeat scroll 0 -890px transparent;
color: #333333;
padding-left: 20px;
}
/** END InputEditableList **/
/** BEGIN InputFahrzeugschein **/
.inputFahrzeugschein label {
}
.inputFahrzeugschein .inputText {
width:26px;
}
.inputFahrzeugschein .first,
.inputFahrzeugschein .second {
display:inline-block;
*display:inline;
zoom:1;
}
.inputFahrzeugschein .first {
margin-right:14px;
}
.inputFahrzeugschein .first .inputText {
width:34px
}
.inputFahrzeugschein fieldset {
margin-bottom: 17px;
}
/** END InputFahrzeugschein **/
/** BEGIN InputKennzeichen **/
.inputKennzeichen .postLabel {
display:none;
}
.inputKennzeichen .loader{
width:40px;
height:48px;
left:101px;
top:24px;
}
.inputKennzeichen label {
display:none;
}
.inputKennzeichen .inputText {
width:50px;
padding-left:0;
padding-right:0;
}
.inputKennzeichen span.input {
margin-top:5px;
}
.inputKennzeichen fieldset {
background: url("/media/img/kennzeichen_form.png");
width:272px;
height:53px;
margin-top: 5px;
}
.inputKennzeichen .formfield1 {
margin-left:30px;
}
.inputKennzeichen .formfield1 .inputText {
width:63px;
}
.inputKennzeichen .formfield2 {
margin-left:35px;
}
.inputKennzeichen .formfield2 .inputText {
width:30px;
}
.inputKennzeichen .formfield3 {
margin-left:5px;
}
.inputKennzeichen .formfield3 .inputText {
width:63px;
}
/** END InputKennzeichen **/
/** BEGIN InputList **/
.inputList .selectBox {
width:425px;
height:120px;
}
.inputList.active .selectBox {
border:solid 1px #006b8c; /* should be the same border width as .selectBox-dropdown */
border-radius: 5px;
}
.inputList.error .selectBox {
border: solid 1px #d22d2d; /* should be the same border width as .selectBox-dropdown */
border-radius: 5px;
}
.inputList .infoContainer {
margin-top:33px;
}
.inputList label {
display: inline-block;
margin-right:10px;
}
.inputList .selectBox-options LI.selectBox-selected a.dropDownLink {
background-color: #E5E5E5;
}
/* Inline control */
.inputList .selectBox-inline {
min-width: 150px;
outline: none;
border: solid 1px #BBB;
background: #FFF;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.inputList .selectBox-inline:focus {
border-color: #666;
}
/** END InputList **/
/** BEGIN InputRadio **/
.inputRadio label {
display:inline;
font-weight:normal;
float: left;
font-weight: normal;
margin-right: 29px;
margin-top: 20px;
}
.inputRadio div.bold {
}
.inputRadio .postLabel {
clear:both;
display:block;
padding-top: 10px;
color:#333333;
}
/* Custom radio-checkbox */
.inputRadio .radio {
background: url("/media/img/gui_32.png") left -1100px no-repeat;
width: 32px;
height: 32px;
margin: 12px 10px 0 0;
/* don't modify this line */float:left;
/* ie 6 */overflow:hidden;
}
.inputRadio .radio-checked { background-position: left -1200px }
/* hide input from view but still visible (ie & opera support) */
.inputRadio .rc-hidden { position: absolute; left: -999em }
.inputRadio.vertical .singleElement:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
*+html .inputRadio.vertical .singleElement {
display: inline-block;
/* IE7not8 */
}
.inputRadio .preLabel.filled {
padding-top: 10px;
}
/** END InputRadio **/
/** BEGIN InputRadioTripleCombo **/
.inputRadioTripleCombo {
overflow:auto;
font-size:14px;
}
.inputRadioTripleCombo .radioTripleCombo {
margin-left:3px;
display:block;
}
.inputRadioTripleCombo .label {
font-weight:bold;
margin-bottom:5px;
}
.inputRadioTripleCombo .radioTripleCombo .postLabel {
display:block;
margin-top: 20px;
}
/* Custom radio-checkbox */
.inputRadioTripleCombo .radioTripleCombo .radio {
width: 105px;
height: 32px;
margin: 0;
/* don't modify this line */float:left;
/* ie 6 */overflow:hidden;
}
.inputRadioTripleCombo .radioTripleCombo .radioButton1,
.inputRadioTripleCombo .radioTripleCombo .radioButton2,
.inputRadioTripleCombo .radioTripleCombo .radioButton3 {
position:relative;
width:105px;
display:block;
float:left;
}
.inputRadioTripleCombo .radioTripleCombo .radioButton1 label.inputLabel,
.inputRadioTripleCombo .radioTripleCombo .radioButton2 label.inputLabel,
.inputRadioTripleCombo .radioTripleCombo .radioButton3 label.inputLabel {
position:absolute;
float:none;
margin:0;
width:105px;
left:0;
line-height:32px;
font-weight:bold;
text-align:center;
}
.inputRadioTripleCombo .radioTripleCombo .radio-checked + label.inputLabel {
color:#ffffff;
}
.inputRadioTripleCombo .radioTripleCombo .radioButton1 .radio {
background: url("/media/img/tarifauswahl_radio.png") left 0px no-repeat;
}
.inputRadioTripleCombo .radioTripleCombo .radioButton2 .radio {
background: url("/media/img/tarifauswahl_radio.png") left -100px no-repeat;
}
.inputRadioTripleCombo .radioTripleCombo .radioButton3 .radio {
background: url("/media/img/tarifauswahl_radio.png") left -200px no-repeat;
}
.inputRadioTripleCombo .radioTripleCombo .radioButton1 .radio-checked {
background-position: left -300px;
}
.inputRadioTripleCombo .radioTripleCombo .radioButton2 .radio-checked {
background-position: left -400px;
}
.inputRadioTripleCombo .radioTripleCombo .radioButton3 .radio-checked {
background-position: left -500px;
}
/* hide input from view but still visible (ie & opera support) */
.inputRadioTripleCombo .radioTripleCombo .rc-hidden { position: absolute; left: -999em }
.inputRadioTripleCombo.two {
}
.inputRadioTripleCombo.two .radioTripleCombo .radioButton1,
.inputRadioTripleCombo.two .radioTripleCombo .radioButton2
{
width:116px;
}
.inputRadioTripleCombo.two .radioTripleCombo .radioButton3 {
display:none;
}
.inputRadioTripleCombo.two .radioTripleCombo .radioButton1 label.inputLabel,
.inputRadioTripleCombo.two .radioTripleCombo .radioButton2 label.inputLabel,
.inputRadioTripleCombo.two .radioTripleCombo .radioButton3 label.inputLabel {
width:116px;
}
.inputRadioTripleCombo.two .radioTripleCombo .radioButton1 .radio {
background: url("/media/img/tarifauswahl_radio_two.png") left 0px no-repeat;
}
.inputRadioTripleCombo.two .radioTripleCombo .radioButton2 .radio {
background: url("/media/img/tarifauswahl_radio_two.png") left -100px no-repeat;
}
.inputRadioTripleCombo.two .radioTripleCombo .radioButton1 .radio-checked {
background-position: left -200px;
}
.inputRadioTripleCombo.two .radioTripleCombo .radioButton2 .radio-checked {
background-position: left -300px;
}
.inputRadioTripleCombo.two .radioTripleCombo .radio {
width: 116px;
/* don't modify this line */float:left;
/* ie 6 */overflow:hidden;
}
/** END InputRadioTripleCombo **/
/** BEGIN InputTextarea **/
/*
* CSS Styles that are needed by jScrollPane for it to operate correctly.
*
* Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
* may not operate correctly without them.
*/
.inputTextarea textarea {
width:400px;
height:225px;
font-family:arial,sans-serif;
text-align:left;
padding:10px;
resize:none;
vertical-align:top;
}
.inputTextarea textarea {
border:solid 1px #bbbbbb;
border-radius: 5px;
box-shadow: 1px 1px 2px 0 #888888 inset;
}
.inputTextarea.active textarea {
border:solid 1px #006b8c;
border-radius: 5px;
}
.inputTextarea.error textarea {
border: solid 1px #d22d2d;
border-radius: 5px;
}
.inputTextarea .infoContainer {
margin-top:105px;
}
.inputTextarea label {
display: inline-block;
margin-right:10px;
}
/** END InputTextarea **/
/** BEGIN InputTextfeld **/
/** END InputTextfeld **/
/** BEGIN InputTextfeld3StelligKombo **/
.inputTextfeld3StelligKombo label {
display:inline;
font-weight:normal;
}
.inputTextfeld3StelligKombo .inputText {
width:34px;
}
.inputTextfeld3StelligKombo span.input {
margin-left:5px;
margin-right:5px;
}
.inputTextfeld3StelligKombo fieldset {
display: inline;
margin-top: 5px;
}
/** END InputTextfeld3StelligKombo **/
/** BEGIN InputTextfeldBlz **/
.inputTextfeldBlz .postLabel {
color:#006C8C;
}
.inputTextfeldBlz .input {
}
.inputTextfeldBlz .inputText {
width:80px;
}
/** END InputTextfeldBlz **/
/** BEGIN InputTextfeldDatum **/
.inputTextfeldDatum .inputText {
width:75px;
}
/** END InputTextfeldDatum **/
/** BEGIN InputTextfeldDatumCombo **/
.inputTextfeldDatumCombo .inputText {
width:75px;
}
.inputTextfeldDatumCombo .singleField {
float: left;
margin-bottom: 30px;
}
.inputTextfeldDatumCombo .inputLabel {
display: block;
font-weight: bold;
line-height: 1.4;
margin-bottom: 5px;
}
.inputTextfeldDatumCombo .singleField .inputLabel,
.inputTextfeldDatumCombo .postLabel {
font-weight: normal;
width: 80px;
line-height: 1;
display: inline-block;
vertical-align: middle;
margin: 0;
}
.inputTextfeldDatumCombo .postLabel {
width: auto;
padding-left: 5px;
padding-right: 8px;
}
/** END InputTextfeldDatumCombo **/
/** BEGIN InputTextfeldFrei **/
.inputTextfeldFrei .inputText {
width:402px;
}
.inputTextfeldFrei .postLabel {
display:none;
}
/** END InputTextfeldFrei **/
/** BEGIN InputTextfeldIban **/
.inputTextfeldIban .inputGroupContainer {
display: block;
background: url("/media/img/input_right.png") no-repeat scroll right 2px transparent;
height: 44px;
margin-right: 5px;
padding-left: 6px;
}
.inputTextfeldIban.active .inputGroupContainer {
background-position: right -1098px;
}
.inputTextfeldIban.error .inputGroupContainer {
background-position: right -1198px;
}
.inputTextfeldIban .inputPart {
width: 25px;
font-family: arial,sans-serif;
font-size: 14px;
height: 25px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 5px;
margin-top: 10px;
position: relative;
float: left;
border: none;
background: url("/media/img/inputfield_divider.png") no-repeat scroll right 0px transparent;
}
.inputTextfeldIban .inputPart1 {
padding-left: 0;
}
.inputTextfeldIban .inputPart3 {
width: 70px;
}
.inputTextfeldIban .inputPart4 {
width: 185px;
background: none;
}
.inputTextfeldIban .sepaInteractiveLegend {
float: left;
margin-top: 40px;
background: url("/media/img/iban_sprite.png") no-repeat scroll left 0px transparent;
width: 422px;
height: 140px;
}
.inputTextfeldIban .sepaInteractiveLegend.part1 {
background-position: left -145px;
}
.inputTextfeldIban .sepaInteractiveLegend.part2 {
background-position: left -285px;
}
.inputTextfeldIban .sepaInteractiveLegend.part3 {
background-position: left -425px;
}
.inputTextfeldIban .sepaInteractiveLegend.part4 {
background-position: left -565px;
}
.inputTextfeldIban .bankName {
display: inline;
padding-left: 11px;
}
/** END InputTextfeldIban **/
/** BEGIN InputTextfeldKreditkarte **/
.inputTextfeldKreditkarte .inputGroupContainer {
display: block;
background: url("/media/img/input_right.png") no-repeat scroll right 2px transparent;
height: 44px;
margin-right: 5px;
padding-left: 6px;
width: 195px;
}
.inputTextfeldKreditkarte.active .inputGroupContainer {
background-position: right -1098px;
}
.inputTextfeldKreditkarte.error .inputGroupContainer {
background-position: right -1198px;
}
.inputTextfeldKreditkarte .input {
float: left;
}
.inputTextfeldKreditkarte .inputPart {
width: 38px;
font-family: arial,sans-serif;
font-size: 14px;
height: 24px;
padding-left: 5px;
padding-right: 5px;
margin-top: 10px;
position: relative;
float: left;
border: none;
background: url("/media/img/inputfield_dot.png") no-repeat scroll right -4px transparent;
}
.inputTextfeldKreditkarte .inputPart4 {
background: none;
}
.inputTextfeldKreditkarte .creditCards {
float: left;
margin-top: 7px;
}
.inputTextfeldKreditkarte .creditCards img {
padding-right: 5px;
float: left;
}
.inputTextfeldKreditkarte .postLabel {
float: left;
margin-top: 13px;
}
/** END InputTextfeldKreditkarte **/
/** BEGIN InputTextfeldMail **/
.inputTextfeldMail .inputText {
width:402px;
}
.inputTextfeldMail .postLabel {
display:none;
}
/** END InputTextfeldMail **/
/** BEGIN InputTextfeldName **/
.inputTextfeldName div.singleField {
float:left;
}
.inputTextfeldName .inputText {
width:174px;
}
.inputTextfeldName .inputContainer .first {
margin-right:16px;
}
.inputTextfeldName .postLabel {
display:none;
}
/** END InputTextfeldName **/
/** BEGIN InputTextfeldOrt **/
.inputTextfeldOrt div.singleField {
float:left;
}
.inputTextfeldOrt .inputText {
width:303px;
}
.inputTextfeldOrt .inputContainer .first {
margin-right:16px;
}
.inputTextfeldOrt .inputContainer .first .inputText {
width:47px;
}
.inputTextfeldOrt .postLabel {
display:none;
}
/** END InputTextfeldOrt **/
/** BEGIN InputTextfeldStrasse **/
.inputTextfeldStrasse div.singleField {
float:left;
}
.inputTextfeldStrasse .inputText {
width:57px;
}
.inputTextfeldStrasse .inputContainer .first {
margin-right:16px;
}
.inputTextfeldStrasse .inputContainer .first .inputText {
width:293px;
}
.inputTextfeldStrasse .postLabel {
display:none;
}
/** END InputTextfeldStrasse **/
/** BEGIN InputTextfeldZahlen **/
.inputTextfeldZahlen .inputText {
width:402px;
}
/** END InputTextfeldZahlen **/
/** BEGIN InputTextfeldZeit **/
.inputTextfeldZeit .inputText {
width:40px;
}
/** END InputTextfeldZeit **/
/** BEGIN IntroModulKategorie **/
.introModulKategorie {
width:919px;
padding:20px;
position:relative;
background:#FFFFFF;
margin-bottom:28px;
}
.introModulKategorie .primaryHeadline {
padding:0px;
}
.introModulKategorie .imageContainer,
.introModulKategorie .textContainer {
float:left;
}
.introModulKategorie .imageContainer {
width:457px;
margin-right:25px;
}
.introModulKategorie .textContainer {
width:375px;
padding: 20px;
margin: 10px;
}
.introModulKategorie .productText {
padding-left: 0;
padding-right: 0;
}
.introModulKategorie .textContainer {
background: rgba(255, 255, 255, 0.5);
}
/** END IntroModulKategorie **/
/** BEGIN IntroModulProdukte **/
.introModulProdukte {
width:919px;
padding:20px;
position:relative;
background:#FFFFFF;
margin-bottom:28px;
}
.introModulProdukte p {
margin: 0;
padding: 0;
}
.introModulProdukte .stoerer {
top:-7px;
right:10px;
}
.introModulProdukte .primaryHeadline {
padding:0px;
}
.introModulProdukte .seal {
position:absolute;
left:40px;
bottom:30px;
}
.introModulProdukte .seal .sealImage {
margin: -13px -13px ;
}
.introModulProdukte .seal .tooltip {
position:absolute;
left:-14px;
bottom:-14px;
}
.introModulProdukte .imageContainer,
.introModulProdukte .textContainer {
float:left;
}
.introModulProdukte .imageContainer {
width:457px;
margin-right:25px;
}
.introModulProdukte .textContainer {
width:435px;
}
.introModulProdukte .productText {
padding:10px 0px;
margin-bottom:16px;
}
.introModulProdukte .buttons {
margin-top:25px;
text-align:right;
}
.introModulProdukte .primaryButton {
margin-left:15px;
}
.introModulProdukte .productName {
width:auto;
}
/** END IntroModulProdukte **/
/** BEGIN KachelModul **/
.kachelModul {
}
.kachelModul li {
float: left;
width: 303px;
border-right: 4px solid #E7E7E7;
}
.kachelModul li.firstInRow .kachelModulItemContent {
margin-left: 0;
}
.kachelModul li.lastInRow .kachelModulItemContent {
margin-right: 0;
}
.kachelModul li.lastInRow {
border-right: none;
}
.kachelModul .kachelModulItemContent {
margin: 0 8px;
border-top: 1px solid #E7E7E7;
padding: 20px 12px;
}
.kachelModul .kachelModulItemHeadline {
font-size: 16px;
}
.kachelModul .kachelModulImage {
float: left;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
.kachelModul .kachelModulItemText {
line-height: 20px;
}
/** END KachelModul **/
/** BEGIN KarriereDetail **/
.karriereDetail {
width: auto;
}
.karriereDetail .intro {
padding-right: 40px;
}
.karriereDetail .detail {
padding: 10px;
}
.karriereDetail .image {
position: absolute;
}
.karriereDetail .image img {
}
.karriereDetail .text {
position: relative;
margin-left: 50%;
padding-left: 20px;
}
.karriereDetail .intro {
margin-bottom: 40px;
}
.karriereDetail .tertiaryHeadline {
font-size: 20px;
margin: 20px 0px 10px;
}
.karriereDetail .card {
display: table-cell;
width: 265px;
padding: 20px;
border-top: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
}
.karriereDetail .columns {
display: table;
width: 100%;
}
.karriereDetail .left,
.karriereDetail .right {
width: 50%;
display: table-cell;
vertical-align: bottom;
}
.karriereDetail .right {
text-align: right;
}
.karriereDetail h1,
.karriereDetail h2 {
color: #333333;
font-size: 23px;
padding-bottom: 3px;
padding-top: 0;
}
.karriereDetail h1 {
font-size: 20px;
}
.karriereDetail p {
margin-bottom: 1em;
}
.karriereDetail p#contact {
margin-bottom: 0;
}
.karriereDetail #headerContainer {
height: 342px;
position: relative;
}
.karriereDetail #contentContainer {
padding-left: 30px;
}
.karriereDetail #contentContainer .logoContainer {
display: inline-block;
position: absolute;
bottom: 20px;
right: 20px;
}
.karriereDetail #header {
background-color: rgba(2, 113, 143, 0.8);
padding: 15px 20px 10px 30px;
color: #FFF;
bottom: 0px;
width: 870px;
display: inline-block;
vertical-align: baseline;
position: absolute;
}
.karriereDetail #header h1 {
color: #FFF;
font-size: 26px;
}
.karriereDetail #header h3 {
color: #FFF;
font-size: 20px;
}
.karriereDetail #online_bewerben a{
background: #fea448;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYTQ0OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmVhMDQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNmZTliM2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIzMiUiIHN0b3AtY29sb3I9IiNmZThhMjciIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4NSUiIHN0b3AtY29sb3I9IiNmZTcyMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OSUiIHN0b3AtY29sb3I9IiNmZTcxMGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5NCUiIHN0b3AtY29sb3I9IiNmZTcyMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OCUiIHN0b3AtY29sb3I9IiNmZTdhMWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmU3ZjI4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fea448), color-stop(2%, #fea041), color-stop(6%, #fe9b3a), color-stop(32%, #fe8a27), color-stop(85%, #fe720e), color-stop(89%, #fe710d), color-stop(94%, #fe7211), color-stop(98%, #fe7a1d), color-stop(100%, #fe7f28));
background: -webkit-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: -o-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: -ms-linear-gradient(top, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
background: linear-gradient(to bottom, #fea448 0%, #fea041 2%, #fe9b3a 6%, #fe8a27 32%, #fe720e 85%, #fe710d 89%, #fe7211 94%, #fe7a1d 98%, #fe7f28 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fea448', endColorstr='#fe7f28', GradientType=0);
border-right: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
border-top: 1px solid #FFDDBB;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 0px 1px 0px #D4D4D4;
box-shadow: 0px 0px 1px 0px #D4D4D4;
-webkit-box-shadow: inset 0px 0px 5px 0px #D4D4D4;
box-shadow: inset 0px 0px 5px 0px #D4D4D4;
color: #FFFFFF;
display: block;
font-size: 16px;
font-weight: bold;
padding: 16px;
border-collapse: collapse;
cursor: pointer;
font-family: arial, sans-serif;
overflow: visible;
position: relative;
width: 130px;
margin-bottom: 2em;
}
.karriereDetail #online_bewerben a:hover {
background: #feae5d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlYWU1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZTgzMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feae5d), color-stop(100%, #fe832c));
background: -webkit-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: -o-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: -ms-linear-gradient(top, #feae5d 0%, #fe832c 100%);
background: linear-gradient(to bottom, #feae5d 0%, #fe832c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feae5d', endColorstr='#fe832c', GradientType=0);
width: 130px;
}
.karriereDetail #online_bewerben a:after {
content: 'Online bewerben';
}
.karriereDetail ul {
margin: 1em 0;
}
.karriereDetail ul li {
background: url("/media/img/sprite_bullitpoints.png") no-repeat scroll 0 0 transparent;
line-height: 16px;
padding: 2px 0 12px 30px;
}
.karriereDetail #bluecolored {
line-height: 1.4em;
color: #006C8C;
}
/** END KarriereDetail **/
/** BEGIN KarriereFilter **/
.karriereFilter {
}
.karriereFilter .secondaryHeadline {
margin-bottom: 20px;
}
.karriereFilter .formInputDropDown {
display: inline-block;
width: 280px;
margin-right: 10px;
}
/** END KarriereFilter **/
/** BEGIN KarriereList **/
/** END KarriereList **/
/** BEGIN KommentareList **/
.kommentareList {
}
.kommentareList .secondaryHeadline {
padding: 30px 20px 0px 30px;
}
.kommentareList .kommentareListItems {
padding-bottom: 20px;
}
.kommentareList .kommentareListItems li {
border-top: 1px solid #E5E5E5;
padding: 20px 30px;
min-height: 90px;
}
.kommentareList .kommentareListItems li:first-child {
border-top: none;
}
.kommentareList .kommentareRating {
margin-bottom: 5px;
}
.kommentareList .kommentareRating .star,
.kommentareList .kommentareRating .unstar{
background: url("/media/img/gui_24.png") no-repeat 0px -5966px transparent;
display: inline-block;
width: 20px;
height: 20px;
margin-right: 2px;
}
.kommentareList .kommentareRating .unstar {
background-position: 0px -5866px ;
}
.kommentareList .kommentareUser {
margin-bottom: 10px;
}
.kommentareList .kommentareText {
position: relative;
margin-bottom: 0px;
min-height: 40px;
}
.kommentareList .kommentareText p {
text-indent: 45px;
line-height: 32px;
}
.kommentareList .quoteStart,
.kommentareList .quoteEnd {
background: url("/media/img/sprite_quotation_marks.png") no-repeat 0px 0px transparent;
display: inline-block;
width: 45px;
height: 39px;
position: absolute;
top : 0;
z-index: -1;
}
.kommentareList .quoteEnd {
background: url("/media/img/sprite_quotation_marks.png") no-repeat -960px 0px transparent;
bottom: 0px;
top: inherit;
}
.kommentareList .kommentareResponse {
-webkit-box-shadow: inset 0px 0px 3px 1px rgba(125, 125, 125, .2);
box-shadow: inset 0px 0px 3px 1px rgba(125, 125, 125, .2);
border: 1px solid #E5E5E5;
padding: 12px;
margin-top: 20px;
margin-left: -10px;
margin-right: -10px;
}
.kommentareList .kommentareResponse img {
float: left;
padding-right: 10px;
}
/** END KommentareList **/
/** BEGIN KommentareOverview **/
.kommentareOverview {
padding: 30px;
}
.kommentareOverview .left,
.kommentareOverview .right {
float: left;
width: 55%;
}
.kommentareOverview .right {
width: 45%;
}
.kommentareOverview .left p,
.kommentareOverview .left .secondaryHeadline {
padding-right: 60px;
}
.kommentareOverview .secondaryHeadline {
margin-bottom: 6px;
}
.kommentareOverview p {
margin-bottom: 1.4em;
}
.kommentareOverview .secondaryButton {
}
.kommentareOverview .kommentareOverviewAverage {
margin-top: 0px;
}
.kommentareOverview .kommentareOverviewAverageLabel,
.kommentareOverview .kommentareOverviewAverageStars {
width: 48%;
display: inline-block;
}
.kommentareOverview .kommentareOverviewAverageStars .star,
.kommentareOverview .kommentareOverviewAverageStars .unstar {
background: url("/media/img/gui_32.png") no-repeat 0px -2896px transparent;
display: inline-block;
width: 30px;
height: 30px;
margin-right: 2px;
}
.kommentareOverview .kommentareOverviewAverageStars .unstar {
background-position: 0px -2796px;
}
.kommentareOverview .kommentareRatingStat {
margin-top: 30px;
display: block;
}
.kommentareOverview .kommentareRatingStat li {
display: block;
margin-bottom: 15px;
}
.kommentareOverview .kommentareRatingStat .star,
.kommentareOverview .kommentareRatingStat .unstar {
background: url("/media/img/gui_24.png") no-repeat 0px -5966px transparent;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 2px;
}
.kommentareOverview .kommentareRatingStat .unstar {
background-position: 0px -5866px;
}
.kommentareOverview .kommentareRatingStat .bar,
.kommentareOverview .kommentareRatingStat .innerBar {
-webkit-border-radius: 4px;
border-radius: 4px;
}
.kommentareOverview .kommentareRatingStat .bar {
width: 213px;
height: 18px;
border: 1px solid #9F9F9F;
padding: 2px;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.kommentareOverview .kommentareRatingStat .innerBar {
border: 1px solid #9F9F9F;
height: 16px;
background: #95c9da;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk1YzlkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIzJSIgc3RvcC1jb2xvcj0iIzc4YjZjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc3JSIgc3RvcC1jb2xvcj0iIzIyODE5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjcxOTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #95c9da 0%, #78b6ca 23%, #22819d 77%, #067190 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95c9da), color-stop(23%, #78b6ca), color-stop(77%, #22819d), color-stop(100%, #067190));
background: -webkit-linear-gradient(top, #95c9da 0%, #78b6ca 23%, #22819d 77%, #067190 100%);
background: -o-linear-gradient(top, #95c9da 0%, #78b6ca 23%, #22819d 77%, #067190 100%);
background: -ms-linear-gradient(top, #95c9da 0%, #78b6ca 23%, #22819d 77%, #067190 100%);
background: linear-gradient(to bottom, #95c9da 0%, #78b6ca 23%, #22819d 77%, #067190 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#95c9da', endColorstr='#067190', GradientType=0);
}
.kommentareOverview .kommentareRatingStat .barLabel {
display: inline-block;
color: #9F9F9F;
padding-left: 5px;
}
/** END KommentareOverview **/
/** BEGIN KundenCenterHeader **/
.kundenCenterHeader {
float: right;
margin-top: 10px;
}
.kundenCenterHeader #userData {
margin-top: 10px;
position: absolute;
z-index: 500;
right: 0;
}
.kundenCenterHeader #loginnav {
font-size: 0;
list-style-type: none;
margin: 0;
text-align: left;
}
.kundenCenterHeader #loginnav li {
display: inline;
}
.kundenCenterHeader #loginnav a {
border: 1px solid transparent;
padding: 7px 20px;
background: none;
display: inline;
}
.kundenCenterHeader #userData .loginnav a:first-child {
padding-right: 20px;
border-right:1px solid #006C8C;
}
.kundenCenterHeader #loginnav a.menu-open {
outline: none;
}
.kundenCenterHeader #loginnav .aufklappen {
background: url("/media/img/gui_16.png") no-repeat scroll 0 -600px transparent;
margin-left: 5px;
display: inline-block;
height: 16px;
position: relative;
top: 8px;
width: 16px;
}
.kundenCenterHeader #loginnav .menu-open .aufklappen {
background-position: 0 -700px;
}
.kundenCenterHeader #menu_angemeldet {
display: none;
background-color: #FFF;
width: 210px;
text-align: left;
border: 1px solid #E5E5E5;
margin: 7px 0 0;
padding: 5px 0px 10px;
}
.kundenCenterHeader #menu_angemeldet li {
padding: 12px 20px 5px 20px;
}
/** END KundenCenterHeader **/
/** BEGIN KundenkontoMenu **/
.kundenkontoMenu .headline {
color: #333333;
font-size: 20px;
margin: 0 auto;
padding: 10px 0 0px 10px;
}
.kundenkontoMenu .personalData,
.kundenkontoMenu .functions{
padding: 10px;
}
.kundenkontoMenu .functions {
border-top: solid #d6d6d6 1px;
margin-top: 10px;
padding-top: 20px;
}
.kundenkontoMenu .width33 {
float: left;
width: 33.3%;
}
/** END KundenkontoMenu **/
/** BEGIN KundenkontoVertraege **/
.kundenkontoVertraege {
position: relative;
}
.kundenkontoVertraege ul.contractList {
margin-right: -6px;
}
.kundenkontoVertraege ul li.box {
float: left;
width: 33.33%;
}
.kundenkontoVertraege ul.contractList li.box .innerBox {
background: #ffffff url("/media/img/icon_aktiv_kundenkonto.png") no-repeat center 50px;
width: 316px;
height: 316px;
margin-right: 5px;
margin-bottom: 5px;
cursor: pointer;
position: relative;
}
.kundenkontoVertraege ul.contractList li.box.active .innerBox {
margin-bottom: 0;
}
.kundenkontoVertraege ul.contractList li.box.info .innerBox,
.kundenkontoVertraege ul.contractList li.box.disabled .innerBox {
cursor: default;
}
.kundenkontoVertraege ul.contractList li.box.active .innerBox {
background-image: url("/media/img/icon_aktiv_kundenkonto_onclick.png");
position: relative;
z-index: 2;
}
.kundenkontoVertraege ul.contractList li.box.active .innerBox:before {
content : '';
background: transparent url("/media/img/kundenkonto_arrow_up.png") no-repeat left top;
width: 25px;
height: 15px;
display: block;
position: absolute;
margin-left: 150px;
margin-top: 303px;
}
.kundenkontoVertraege ul.contractList li.info .innerBox {
display: table;
background: #e2f1f6 none;
}
.kundenkontoVertraege .center {
display: table-cell;
vertical-align: middle;
text-align: center;
border: 2px solid #FFFFFF;
}
.kundenkontoVertraege .title {
display: block;
text-align: center;
font-size: 22px;
padding-top: 200px;
}
.kundenkontoVertraege .insuranceid {
display: block;
text-align: center;
}
.kundenkontoVertraege .linkDetails {
text-align: center;
display: block;
font-size: 16px;
font-weight: bold;
cursor: pointer;
background-image: none;
padding-left: 0;
position: absolute;
bottom:25px;
width:100%;
}
.kundenkontoVertraege .box.disabled .linkDetails {
color: #CCCCCC;
cursor: default;
}
.kundenkontoVertraege ul li.info .infoDetails {
display: inline-block;
text-align: left;
padding-bottom: 20px;
width: 200px;
}
.kundenkontoVertraege .details {
overflow: hidden;
position: absolute;
z-index: 1;
left: 0;
margin-top: -1px;
margin-bottom: 10px;
width: 959px;
padding: 20px 0 0;
background-color: #ebebeb;
border: 1px solid #b9b9b9;
}
.kundenkontoVertraege .contractMenu {
border-bottom: 1px solid #b9b9b9;
margin: 0 20px;
}
.kundenkontoVertraege .contractMenu li {
display: inline-block;
margin-right: 30px;
margin-bottom: 16px;
}
.kundenkontoVertraege .contractData {
padding: 16px 20px 4px;
border-bottom: 1px solid #b9b9b9;
}
.kundenkontoVertraege .contractData .secondaryHeadline {
padding-bottom: 12px;
font-size: 20px;
}
.kundenkontoVertraege .contractData table td {
padding: 0 10px 10px 0;
vertical-align: top;
}
.kundenkontoVertraege .contractData table td.label {
width: 410px;
font-weight: bold;
}
.kundenkontoVertraege .contractFooter {
float: right;
padding: 16px 20px;
}
/** END KundenkontoVertraege **/
/** BEGIN Layer **/
.layerWrapper {
display:none;
z-index:33000;
position:absolute;
top:0;
left:0;
}
.layer {
width:958px;
position:absolute;
}
.layerOverlay {
position:absolute;
background:url("/media/img/lightbox_beackground_repeat.png");
}
.layer .layerHeadline{
margin:0px;
padding-left:20px;
padding-top:10px;
padding-bottom:11px;
color:#006c8c;
font-size:20px;
font-weight:bold;
background:#EEEEEE;
border:2px solid #FFFFFF;
margin-bottom:0px;
}
.layer .layerContent {
background:#FFFFFF;
padding-bottom:1px;
}
.layer .close {
display:block;
position:absolute;
right:17px;
top:17px;
width:15px;
cursor:pointer;
height:15px;
background:url("/media/img/gui_16.png") no-repeat 0 -2314px;
}
.layer .close:hover {
background-position:0 -2414px;
}
.layer .close:active {
background-position:0 -2514px;
}
/** END Layer **/
/** BEGIN ListBullets **/
.listBullets li {
background: url("/media/img/sprite_bullitpoints.png") no-repeat -1920px 6px;
padding: 0 0 8px 15px;
line-height: 16px;
}
.listBullets li:last-child {
padding-bottom: 5px;
}
.listBullets.inline li {
display: inline-block;
padding-right: 6px;
padding-bottom: 15px;
}
.listBullets.grey li {
background-position: -2880px 6px;
}
/** END ListBullets **/
/** BEGIN ListCheck **/
.listCheck li {
background: url("/media/img/sprite_bullitpoints.png") no-repeat 0 0;
padding: 2px 0 12px 30px;
line-height: 16px;
}
.listCheck li:last-child {
padding-bottom: 5px;
}
/** END ListCheck **/
/** BEGIN ListDownload **/
.listDownload li {
background: url("/media/img/sprite_bullitpoints.png") no-repeat -960px 0px;
padding: 4px 0 14px 30px;
}
.listDownload li:last-child {
padding-bottom: 5px;
}
.listDownload li a {
font-weight: bold;
padding: 0 .5em 0 0;
background: 0;
}
/** END ListDownload **/
/** BEGIN Loader **/
.loaderWrapper {
display:none;
z-index:33000;
position:absolute;
top:0;
left:0;
}
.loader {
width:958px;
position:absolute;
}
.loaderOverlay {
position:absolute;
background:url("/media/img/lightbox_beackground_repeat.png");
}
.loader .loaderHeadline{
padding-left:20px;
padding-top:10px;
padding-bottom:11px;
color:#006c8c;
font-size:20px;
font-weight:bold;
background:#EEEEEE;
border:2px solid #FFFFFF;
margin: 0;
text-align:center;
}
.loader .loaderContent {
background:#FFFFFF;
padding:14px;
}
.loader .loaderContent .loaderText {
width:480px;
text-align:center;
background:url("/media/img/ajaxloader_large.gif") no-repeat center bottom;
padding-bottom:75px;
margin: 0 auto 30px;
}
.loader .loaderContent .loaderTip {
background:#E2F1F5;
width:440px;
padding: 10px 20px;
margin:0 auto;
}
.loader .loaderContent .loaderTip .loaderTipHeadline {
font-size:20px;
color:#006C8C;
}
.loader .loaderContent .loaderTip .loaderTipText {
padding:0;
}
/** END Loader **/
/** BEGIN PaginatorModule **/
.paginatorModule.marginBottom {
margin-bottom: 20px;
}
.paginatorModule.center {
text-align: center;
}
.paginatorModule.center>ul {
margin: 0px auto;
text-align: left;
display: inline-block
}
.paginatorModule li.paginatorPrev {
padding-left: 20px;
}
.paginatorModule li.paginatorPrev a,
.paginatorModule li.paginatorPrev span {
background: url("/media/img/gui_16.png") no-repeat 0 -891px;
padding-left: 20px;
}
.paginatorModule li.paginatorNext {
padding-right: 15px;
}
.paginatorModule li.paginatorNext a,
.paginatorModule li.paginatorNext span {
background: url("/media/img/gui_16.png") no-repeat right -791px;
padding-right: 26px;
}
.paginatorModule li.inactive span {
color: #cccccc;
}
.paginatorModule li.inactive.paginatorNext a,
.paginatorModule li.inactive.paginatorNext span{
background: url("/media/img/gui_12.png") no-repeat right -4392px;
}
.paginatorModule li.inactive.paginatorPrev a,
.paginatorModule li.inactive.paginatorPrev span{
background: url("/media/img/gui_12.png") no-repeat 0 -4292px;
}
.paginatorModule li a,
.paginatorModule li span {
font-size: 14px;
color: #006c8c;
display: inline-block;
padding: 7px 20px;
font-weight: bold;
}
.paginatorModule li {
height: 30px;
display: block;
margin: 0;
float: left;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(34%, #fbfbfb), color-stop(81%, #f2f2f2), color-stop(100%, #f1f1f1));
background: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
border-right: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 0px 0px #D4D4D4;
box-shadow: 1px 1px 0px 0px #D4D4D4
}
.paginatorModule li:hover {
background: #eff5f9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZjVmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2U4ZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #eff5f9 0%, #dce8ed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff5f9), color-stop(100%, #dce8ed));
background: -webkit-linear-gradient(top, #eff5f9 0%, #dce8ed 100%);
background: -o-linear-gradient(top, #eff5f9 0%, #dce8ed 100%);
background: -ms-linear-gradient(top, #eff5f9 0%, #dce8ed 100%);
background: linear-gradient(to bottom, #eff5f9 0%, #dce8ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff5f9', endColorstr='#dce8ed', GradientType=0);
}
.paginatorModule li:active {
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgxJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(34%, #fbfbfb), color-stop(81%, #f2f2f2), color-stop(100%, #f1f1f1));
background: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
background: linear-gradient(to bottom, #ffffff 0%, #fbfbfb 34%, #f2f2f2 81%, #f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f1f1f1', GradientType=0);
border-right: 1px solid #B1B1B1;
border-bottom: 1px solid #B1B1B1;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 2px 2px 1px 0 #A4A4A4 inset;
box-shadow: 2px 2px 1px 0 #A4A4A4 inset
}
.paginatorModule li.selected {
background: #7aae41;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYWU0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYyJSIgc3RvcC1jb2xvcj0iIzYwOWYxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTlkMWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #7aae41 0%, #609f1d 62%, #5e9d1a 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7aae41), color-stop(62%, #609f1d), color-stop(100%, #5e9d1a));
background: -webkit-linear-gradient(top, #7aae41 0%, #609f1d 62%, #5e9d1a 100%);
background: -o-linear-gradient(top, #7aae41 0%, #609f1d 62%, #5e9d1a 100%);
background: -ms-linear-gradient(top, #7aae41 0%, #609f1d 62%, #5e9d1a 100%);
background: linear-gradient(to bottom, #7aae41 0%, #609f1d 62%, #5e9d1a 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7aae41', endColorstr='#5e9d1a', GradientType=0);
-webkit-box-shadow: 2px 2px 2px 0 #577B30 inset;
box-shadow: 2px 2px 2px 0 #577B30 inset;
}
.paginatorModule li.selected a {
color: #FFFFFF;
}
/** END PaginatorModule **/
/** BEGIN ProduktTeaser **/
.productTeaserContainer .produktTeaser {
float: left;
}
.produktTeaser .groupContainer {
background:#E6E6E6;
width:916px;
margin: 0 auto;
position: relative;
}
.produktTeaser .groupContainer .groupContainerHeadline {
padding-left:17px;
padding-top:7px;
padding-bottom:7px;
color:#000000;
font-size:20px;
font-weight:bold;
background:#EEEEEE;
border:2px solid #FFFFFF;
margin: 0px;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.produktTeaser .groupContainer .groupContainerContent {
border-top:1px solid #E6E6E6;
background:#FFFFFF;
position:relative;
padding: 20px;
z-index:101
}
.produktTeaser .groupContainer .headline {
font-size: 16px;
line-height: 16px;
font-weight: bold;
display: block;
padding-bottom: 1px;
}
.produktTeaser .groupContainer .subline {
font-size: 14px;
line-height: 14px;
display: block;
}
.produktTeaser .groupContainer p {
padding-left: 0;
padding-right: 0;
}
.produktTeaser .groupContainer .groupContainerContent {
padding: 20px;
}
.produktTeaser .groupContainer .imageContainer,
.produktTeaser .groupContainer .textContainer {
float: left;
width: 436px;
}
.produktTeaser .groupContainer .textContainer {
padding-left: 20px;
width: 416px;
}
.produktTeaser .groupContainer .groupContainerContent .primaryHeadline {
padding: 0;
}
.produktTeaser .groupContainer .groupContainerContent p {
padding-left: 0;
padding-right: 0;
padding-bottom: 20px;
}
.produktTeaser .groupContainer .groupContainerContent .listCheck {
padding-bottom: 20px;
}
.produktTeaser .primaryButton {
float: right;
}
/* VARIANTEN */
.produktTeaser.small {
margin-right: 10px;
}
.produktTeaser.medium {
margin-right: 9px;
}
.produktTeaser.medium .groupContainer {
width:453px;
}
.produktTeaser.small .groupContainer {
width:298px;
}
.produktTeaser.small .groupContainer .groupContainerContent,
.produktTeaser.medium .groupContainer .groupContainerContent {
padding: 10px;
}
.produktTeaser.small .groupContainer .imageContainer,
.produktTeaser.small .groupContainer .textContainer,
.produktTeaser.medium .groupContainer .imageContainer,
.produktTeaser.medium .groupContainer .textContainer {
width: auto;
}
.produktTeaser.medium .groupContainer .textContainer {
padding-left: 10px;
}
.produktTeaser.small .groupContainer .textContainer {
padding-left: 5px;
}
.produktTeaser.last {
margin-right: 0;
}
/* STOERER */
.produktTeaser .groupContainer .stoerer {
right: 10px;
top: -7px;
}
.produktTeaser.selected .groupContainer .groupContainerHeadline {
background-color: #DCEFF4;
}
/** END ProduktTeaser **/
/** BEGIN RechnerBreadcrumb **/
.rechnerBreadcrumb {
margin: 0 auto;
border:1px solid #BBBBBB;
background:#E5E5E5;
display:inline-block;
*display:inline;
zoom:1;
width: 960px;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem {
float: left;
width:290px;
background:url("/media/img/gui_12.png") no-repeat 0 -1500px ;
padding-left:30px;
position: relative;
}
.rechnerBreadcrumb.twoSteps li.rechnerBreadcumbItem {
width: 449px;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem .label {
display:inline-block;
height:28px;
padding-top:10px;
font-weight:bold;
color:#9B9B9B;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem.current {
background:url("/media/img/gui_12.png") no-repeat 0 -1300px #F2F2F2;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem.current .label {
color:#000000;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem.current + li.rechnerBreadcumbItem {
background-position: 0 -1400px;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem.complete {
background: no-repeat 0 -5400px;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem.complete .label {
color:#326B02;
padding-right:30px;
background:url("/media/img/gui_24.png") no-repeat right -1392px;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem:first-child {
background-image:none;
}
.rechnerBreadcrumb.single {
background:#F2F2F2;
}
.rechnerBreadcrumb.single li.rechnerBreadcumbItem {
width:auto;
}
.rechnerBreadcrumb.single li.rechnerBreadcumbItem .label {
color:#000000;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem .subSteps {
position: absolute;
right: 0px;
top: 7px;
display: inline-block;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem .subStepIcon {
display: block;
height: 16px;
width: 17px;
padding: 5px 7px;
background:url("/media/img/gui_16.png") no-repeat 9px -2797px;
display: block;
float: left;
border-left: 1px solid #CCCCCC;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem .subStepIcon:first-child {
border-left: none;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem .subStepIcon.current {
background-position: 9px -2697px;
}
.rechnerBreadcrumb li.rechnerBreadcumbItem .subStepIcon.complete {
background-position: 9px -2997px;
}
.rechnerBreadcrumb.fiveSteps li.rechnerBreadcumbItem {
width: 162px;
}
/** END RechnerBreadcrumb **/
/** BEGIN RechnerButton **/
.rechnerButton {
}
.rechnerButton.secondaryButton {
margin-right:14px;
}
/** END RechnerButton **/
/** BEGIN RechnerButtonContainer **/
.rechnerButtonContainerWrapper {
border-top:1px solid #CFCFCF;
border-bottom:1px solid #CFCFCF;
background:#F3F3F3;
padding-top:1px;
padding-bottom:1px;
margin-bottom:28px;
}
.rechnerButtonContainerWrapperInner {
background:#E8E8E8;
padding-top:25px;
padding-bottom:25px;
}
.rechnerButtonContainer {
margin:0 auto;
width:960px;
}
.rechnerButtonContainer .primaryButton {
float:right;
}
.rechnerButtonContainer .secondaryButton {
float:left;
}
.rechnerButtonContainerWrapper.secondaryButtonRight .secondaryButton {
float:right;
margin-right: 0;
margin-left: 14px;
}
.rechnerButtonContainer .buttonSubline {
clear:both;
}
.rechnerButtonContainerWrapper.noMargin {
margin: 0;
}
.rechnerButtonContainerWrapper.noPadding .rechnerButtonContainerWrapperInner{
padding: 0;
}
.rechnerButtonContainerWrapper.withinLayer {
margin: 0;
border: none;
}
.rechnerButtonContainerWrapper.withinLayer .rechnerButtonContainerWrapperInner {
background-color: #FFFFFF;
}
.rechnerButtonContainerWrapper.withinLayer .rechnerButtonContainer{
padding-left:15px;
padding-right:15px;
width:930px;
}
.rechnerButtonContainerWrapper.withinLayer .primaryButton {
margin: 0;
margin-left:14px;
}
.rechnerButtonContainerWrapper.dialog {
padding: 0;
}
.rechnerButtonContainerWrapper.dialog .rechnerButton{
display: inline-block;
float: none;
margin: 0px 10px 0px 0px;
}
/** END RechnerButtonContainer **/
/** BEGIN RechnerColumnContainer **/
.rechnerColumnContainer {
width:960px;
margin:0 auto;
padding-bottom: 16px;
position:relative;
}
.rechnerColumnContainer.small,
.rechnerColumnContainer.tinyLeft {
padding-bottom:0px;
}
.rechnerColumnContainer.vAlign {
display: table;
}
.rechnerColumnContainer .leftColumn,
.rechnerColumnContainer .rightColumn {
width: 461px;
float: left;
}
.rechnerColumnContainer.vAlign .leftColumn,
.rechnerColumnContainer.vAlign .rightColumn {
float: none;
display: table-cell;
vertical-align: middle;
}
.rechnerColumnContainer .leftColumn {
margin-right:19px;
}
.rechnerColumnContainer.small .rightColumn {
width:488px;
}
.rechnerColumnContainer.small .leftColumn,
.rechnerColumnContainer.tinyLeft .leftColumn {
border-right:1px solid #E5E5E5;
margin-right:0px;
}
.rechnerColumnContainer.small .leftColumn div:first-child,
.rechnerColumnContainer.tinyLeft .leftColumn div:first-child {
border-top:none;
}
.rechnerColumnContainer.small .rightColumn div:first-child,
.rechnerColumnContainer.tinyLeft .rightColumn div:first-child {
border-top:none;
}
.rechnerColumnContainer.tinyLeft .leftColumn {
padding:15px;
width:180px;
}
.rechnerColumnContainer.tinyLeft .rightColumn {
padding:15px;
width:719px;
}
/** END RechnerColumnContainer **/
/** BEGIN RechnerConfigurationRadio **/
.rechnerConfigurationRadio .radioTripleCombo {
margin-left:4px;
}
/** END RechnerConfigurationRadio **/
/** BEGIN RechnerConfigurationSelect **/
.rechnerConfigurationSelect.rechnerGroupItem {
overflow:visible;
}
.rechnerConfigurationSelect .selectBox-label {
font-weight:bold;
}
.rechnerConfigurationSelect .selectBox-dropdown-menu {
text-align:left;
}
.rechnerConfigurationSelect .selectBox-dropdown-menu li.selectBox-item {
background: #FFFFFF;
}
.rechnerConfigurationSelect .selectBox-menuShowing {
background-position:0 -200px;
}
/** END RechnerConfigurationSelect **/
/** BEGIN RechnerContainer **/
.rechnerContainer {
width:960px;
margin:0 auto;
padding-bottom:28px;
position:relative;
border-collapse: separate;
}
.rechnerContainer.white {
background-color: #FFFFFF;
padding: 20px;
}
.rechnerContainer.noPadding {
padding: 0;
}
.rechnerContainer .rechnerTarifInfo {
position:absolute;
top:15px;
right:0px;
z-index:102;
}
.rechnerContainer .backLink {
float: right;
margin-top: -50px;
}
/** END RechnerContainer **/
/** BEGIN RechnerGroup **/
.rechnerGroup {
border-top:1px solid #E5E5E5;
padding-top:15px;
}
.rechnerGroup.noStyle {
border: none;
padding: 0;
}
/** END RechnerGroup **/
/** BEGIN RechnerGroupContainer **/
.rechnerGroupContainer {
background:#E6E6E6;
width:960px;
margin:0 auto;
margin-bottom:28px;
border-collapse: separate;
}
.rechnerGroupContainer.hideMode {
margin-bottom:68px;
position:relative;
}
.rechnerGroupContainer.small {
width:470px;
}
.rechnerGroupContainer.medium {
width:718px;
}
.rechnerGroupContainer.floatRight {
float: right;
margin: 0 0 28px 0;
}
.rechnerGroupContainer.floatLeft {
float: left;
margin: 0 0 28px 0;
}
.rechnerGroupContainer .rechnerGroupContainerHeadline {
padding-left:17px;
padding-top:10px;
padding-bottom:11px;
color:#333333;
font-size:20px;
font-weight:bold;
background:#EEEEEE;
border:2px solid #FFFFFF;
margin: 0px;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.rechnerGroupContainer .rechnerGroupContainerHeadline span {
color:#333333;
font-size:20px;
font-weight:bold;
}
.rechnerGroupContainer.multiplePV .rechnerGroupContainerHeadline span {
background:url("/media/img/gui_16.png") no-repeat 0 -2698px;
padding-left: 24px;
}
.rechnerGroupContainer .rechnerGroupContainerHeadline a.blue {
float:right;
margin-right:20px;
margin-top:7px;
padding-left:15px;
font-size:14px;
}
.rechnerGroupContainer .rechnerGroupContainerContent {
border-top:1px solid #E6E6E6;
background:#FFFFFF;
position:relative;
padding-bottom:1px;
}
.rechnerGroupContainer.hideMode .rechnerGroupContainerContent{
overflow:hidden;
}
.rechnerGroupContainer.text .rechnerGroupContainerContent {
padding:15px;
}
.rechnerGroupContainer .rechnerGroupContainerContent div.rechnerGroupItem:first-child,
.rechnerGroupContainer .rechnerGroupContainerContent div.rechnerOverviewItem:first-child {
border-top:none;
}
.rechnerGroupContainer.orange .rechnerGroupContainerHeadline {
background:#ffe2a3;
}
.rechnerGroupContainer.orange .rechnerGroupContainerHeadline span {
color:#b76c13;
}
.rechnerGroupContainer.orange .rechnerGroupContainerContent {
border:2px solid #FFFFFF;
padding-top:10px;
padding-bottom:10px;
}
.rechnerGroupContainer.grey .rechnerGroupContainerHeadline {
background:#d9d9d9;
}
.rechnerGroupContainer.grey .rechnerGroupContainerHeadline span {
color:#666666;
}
.rechnerGroupContainer.grey .rechnerGroupContainerContent {
background:#EEEEEE;
border:2px solid #FFFFFF;
margin-top:1px;
padding-top:10px;
padding-bottom:10px;
}
.rechnerGroupContainer.grey .rechnerGroupContainerContent .group{
border-top:2px solid #FFFFFF;
margin-top:1px;
}
.rechnerGroupContainer.grey .rechnerGroupContainerContent .group:first-child {
margin-top:0px;
}
.rechnerGroupContainer.grey .inputBase {
border-left:2px solid #EEEEEE;
border-right:2px solid #EEEEEE;
}
.rechnerGroupContainer.complete .rechnerGroupContainerHeadline {
color:#336A00;
background:url("/media/img/gui_32.png") no-repeat 922px -1490px #DDEBC2;
}
.rechnerGroupContainer.complete .rechnerGroupContainerHeadline a.blue {
margin-right:45px;
}
.rechnerGroupContainer.small.complete .rechnerGroupContainerHeadline {
color:#336A00;
background:url("/media/img/gui_32.png") no-repeat 433px -1490px #DDEBC2;
}
.rechnerGroupContainer.error .rechnerGroupContainerHeadline {
color:#CC3234;
background:url("/media/img/gui_12.png") no-repeat 926px -990px #FFD0D0;
}
.rechnerGroupContainer.error .rechnerGroupContainerHeadline a.blue {
margin-right:50px;
}
.rechnerGroupContainer.small.error .rechnerGroupContainerHeadline {
color:#CC3234;
background:url("/media/img/gui_12.png") no-repeat 440px -990px #FFD0D0;
}
.rechnerGroupContainer .btn {
width : 510px;
height:38px;
margin:0 auto;
border:1px solid #B1B1B1;
border-top:none;
background:url("/media/img/gradient_btn_more.png") repeat-x;
text-align:center;
color:#FFFFFF;
font-weight:bold;
line-height:40px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
position:absolute;
-webkit-box-shadow: 0px 0px 1px 0px #D4D4D4;
box-shadow: 0px 0px 1px 0px #D4D4D4;
cursor:pointer;
}
.rechnerGroupContainer .btn .labelWrapper {
padding-left:20px;
background:url("/media/img/gui_12.png") no-repeat scroll 0 -1095px transparent;
color:#333333;
}
.rechnerGroupContainer .btn .label {
cursor:pointer;
padding-right:20px;
background:url("/media/img/gui_12.png") no-repeat scroll right -1095px transparent;
}
.rechnerGroupContainer.open .btn .labelWrapper {
padding-left:20px;
background:url("/media/img/gui_12.png") no-repeat scroll 0 -1194px transparent
}
.rechnerGroupContainer.open .btn .label {
cursor:pointer;
padding-right:20px;
background:url("/media/img/gui_12.png") no-repeat scroll right -1194px transparent
}
.rechnerGroupItem .label .tooltip {
position: absolute;
right: 10px;
top: 10px;
}
.rechnerGroupContainer.twoColumns .rechnerGroupItem .label {
width: 475px;
}
.rechnerGroupContainer.oneColumn .rechnerGroupItem .column {
width: 475px;
}
.rechnerGroupContainer.oneColumn .rechnerGroupItem .label {
width: 475px;
}
/** END RechnerGroupContainer **/
/** BEGIN RechnerGroupHeadline **/
.rechnerGroupHeadline {
margin: 0 auto;
padding-top:31px;
padding-bottom:16px;
color:#333333;
width: 959px;
}
.rechnerGroupHeadline span {
color: #333333;
font-size: 20px;
font-weight: bold;
}
.rechnerGroupHeadline.iconVertrag span {
background: url("/media/img/gui_16.png") no-repeat scroll 0 -3498px transparent;
padding-left: 24px;
}
.rechnerGroupHeadline.iconPerson span {
background: url("/media/img/gui_16.png") no-repeat scroll 0 -2699px transparent;
padding-left: 24px;
}
.rechnerGroupHeadline.iconZahlung span{
background: url("/media/img/gui_24.png") no-repeat scroll 0 -7863px transparent;
padding-left: 30px;
}
/** END RechnerGroupHeadline **/
/** BEGIN RechnerHeadline **/
.rechnerHeadline {
margin: 0 auto;
padding-top:31px;
font-size:28px;
padding-bottom:30px;
color:#333333;
}
/** END RechnerHeadline **/
/** BEGIN RechnerHinweis **/
.rechnerHinweis {
padding: 20px;
}
.rechnerHinweis.notice .rechnerHinweisContainer {
background: url("/media/img/gui_64.png") no-repeat left -200px;
padding-left: 70px;
min-height: 52px;
}
.rechnerHinweis.success .rechnerHinweisContainer {
background: url("/media/img/gui_64.png") no-repeat left -600px transparent;
padding-left: 70px;
min-height: 52px;
}
.rechnerHinweis.error .rechnerHinweisContainer {
background: url("/media/img/gui_64.png") no-repeat left -400px transparent;
padding-left: 70px;
min-height: 52px;
}
.rechnerHinweis .rechnerHinweisHeadline {
font-weight: bold;
}
/** END RechnerHinweis **/
/** BEGIN RechnerImage **/
.rechnerImage {
float:right;
}
.rechnerImage.noMargin {
margin: 0;
}
.rechnerImage img {
margin:14px;
-webkit-box-shadow: 1px 1px 5px 1px #e4e4e4;
box-shadow: 1px 1px 5px 1px #e4e4e4;
}
/** END RechnerImage **/
/** BEGIN RechnerLayer **/
.rechnerLayerWrapper {
display:none;
z-index:33000;
position:absolute;
top:0px;
left:0px;
}
.rechnerLayer {
width:958px;
position: absolute;
border-collapse: separate;
}
.rechnerLayerOverlay {
position:absolute;
background:url("/media/img/lightbox_beackground_repeat.png");
}
.rechnerLayer .rechnerLayerHeadline{
margin:0px;
padding-left:20px;
padding-top:10px;
padding-bottom:11px;
color:#333333;
font-size:20px;
font-weight:bold;
background:#EEEEEE;
border:2px solid #FFFFFF;
margin-bottom:0px;
}
.rechnerLayerWrapper.noHeadline .rechnerLayer .rechnerLayerHeadline {
display: none;
}
.rechnerLayer .rechnerLayerContent {
background:#FFFFFF;
padding-bottom:1px;
}
.rechnerLayer .close {
display:block;
position:absolute;
right:17px;
top:17px;
width:15px;
cursor:pointer;
height:15px;
background:url("/media/img/gui_16.png") no-repeat 0 -2314px;
}
.rechnerLayer .close:hover {
background-position:0 -2414px;
}
.rechnerLayer .close:active {
background-position:0 -2514px;
}
/** END RechnerLayer **/
/** BEGIN RechnerLoader **/
.loaderWrapper {
display:none;
z-index:33000;
position:absolute;
top:0px;
left:0px;
}
.loader {
width:958px;
position: absolute;
}
.loaderOverlay {
position:absolute;
background-image: url("/media/img/lightbox_beackground_repeat.png");
}
.loader .loaderHeadline{
margin:0px;
padding-left:20px;
padding-top:10px;
padding-bottom:11px;
color:#006c8c;
font-size:20px;
font-weight:bold;
background:#EEEEEE;
border:2px solid #FFFFFF;
margin-bottom:0px;
text-align:center;
}
.loader .loaderContent {
background:#FFFFFF;
padding:14px;
}
.loader .loaderContent .loaderText {
width:480px;
text-align:center;
background:url("/media/img/ajaxloader_large.gif") no-repeat center bottom;
padding-bottom:75px;
margin: 0 auto 30px;
}
.loader .loaderContent .loaderTip {
background:#E2F1F5;
width:440px;
padding:20px;
padding-top:10px;
padding-bottom:10px;
margin:0 auto;
}
.loader .loaderContent .loaderTip .loaderTipHeadline {
font-size:20px;
color:#006C8C;
}
.loader .loaderContent .loaderTip .loaderTipText {
padding:0px;
}
/** END RechnerLoader **/
/** BEGIN RechnerMultiplePVIndicator **/
.rechnerMultiplePVIndicator {
background: none repeat scroll 0 0 transparent;
margin-left: 1px;
width: 238px;
float: left;
}
.rechnerMultiplePVIndicator .body {
background: url("/media/img/gui_64.png") no-repeat scroll center -955px transparent;
height: 100%;
text-align: center;
}
.rechnerMultiplePVIndicator .subline {
display: block;
padding-top: 160px;
font-weight: bold;
}
.rechnerMultiplePVIndicator .headline {
display: block;
color: #333333;
font-size: 20px;
font-weight: bold;
}
.rechnerMultiplePVIndicator .text {
display: block;
font-weight: bold;
}
/** END RechnerMultiplePVIndicator **/
/** BEGIN RechnerNumberedList **/
.rechnerNumberedList {
color:#006C8C;
}
.rechnerNumberedList h3.rechnerNumberedListHeadline {
font-size:20px;
padding-bottom:14px;
padding-top:10px;
color: #333333;
}
.rechnerNumberedList ol.list {
list-style:none;
counter-reset:li;
}
.rechnerNumberedList ol li.listItem {
background:url("/media/img/gui_48.png") no-repeat 0px -600px;
font-size:24px;
font-weight:bold;
position:relative;
}
.rechnerNumberedList ol li.listItem:before {
content:counter(li);
counter-increment:li;
position:absolute;
top:5px;
width:43px;
text-align:center;
color: #333333;
}
.rechnerNumberedList ol li .paragraph {
font-size:14px;
font-weight:normal;
line-height: normal;
display:block;
padding-top:9px;
padding-left:50px;
padding-bottom:20px;
color:#333333;
}
*+html .rechnerNumberedList ol.list {
list-style: decimal inside;
margin-left:40px;
}
*+html .rechnerNumberedList ol li .paragraph{
background:none;
}
*+html .rechnerNumberedList ol li .paragraph {
/* ie 7 */
padding-left:0px;
padding-top:0px;
}
/** END RechnerNumberedList **/
/** BEGIN RechnerOptions **/
.rechnerOptions {
height: 130px;
position: relative;
}
.rechnerOptions.tall {
height: 190px;
}
.rechnerOptions.stoerer.tall {
height: 213px;
}
.rechnerOptions.verytall {
height: 253px;
}
.rechnerOptions.stoerer {
height: 150px;
}
.rechnerOptions.stoerer.tall {
height: 210px;
}
.rechnerOptions.stoerer.verytall {
height: 250px;
}
.rechnerOptions .label .tooltip {
position: absolute;
top: 10px;
right: 8px;
}
.rechnerOptions .wrapper {
border-right: none;
border-left: none;
}
.rechnerOptions .label {
vertical-align: top;
}
.rechnerOptions .label .wrapper {
vertical-align: top;
}
.rechnerOptions .label h3.rechnerGroupItemHeadline {
padding-top: 15px;
padding-bottom: 9px;
font-size: 16px;
}
.rechnerOptions .column {
border-top: 2px solid #FFFFFF;
border-bottom: 2px solid #FFFFFF;
}
.rechnerOptions .label,
.rechnerOptions .column {
height: 126px;
}
.rechnerOptions.tall .label,
.rechnerOptions.tall .column {
height: 186px;
}
.rechnerOptions.verytall .label,
.rechnerOptions.verytall .column {
height: 249px;
}
.rechnerOptions.stoerer .label,
.rechnerOptions.stoerer .column {
height: 146px;
}
.rechnerOptions.stoerer.tall .label,
.rechnerOptions.stoerer.tall .column {
height: 206px;
}
.rechnerOptions.stoerer.verytall .label,
.rechnerOptions.stoerer.verytall .column {
height: 246px;
}
.rechnerOptions .column .wrapper {
height: 100%;
font-weight: bold;
font-size: 16px;
line-height: 0.9em;
zoom: 1;
}
.rechnerOptions .column:first-child {
border-left: 2px solid #FFFFFF;
}
.rechnerOptions .column.last {
border-right: 2px solid #FFFFFF;
}
.rechnerOptions .subLabel {
padding-left: 20px;
display: block;
width: 170px;
font-size: 11px;
}
.rechnerOptions .options {
padding-left: 17px;
display: block;
}
.rechnerOptions .label + .column {
border-left: 2px solid #FFFFFF;
width: 237px;
}
.rechnerOptions.selected .column {
border-right: 1px solid #FFFFFF;
}
.rechnerOptions.selected .column.disabled {
border-right: 1px solid #E5E5E5;
}
.rechnerOptions.selected .column .wrapper {
background: #DCEBC2;
}
.rechnerOptions .iconChecked {
display: none;
background: url("/media/img/gui_32.png") no-repeat 0 -1500px;
width: 30px;
height: 30px;
position: absolute;
bottom: 14px;
right: 6px;
}
.rechnerOptions.selected .iconChecked {
display: block;
}
.rechnerOptions .smallSecondaryButton {
width: 120px;
display: block;
margin: 5px 19px;
padding-left: 10px;
}
.rechnerOptions .smallSecondaryButton span {
background: url("/media/img/gui_12.png") no-repeat 0px -890px;
padding-left: 20px;
color: #333333;
}
.rechnerOptions.selected .smallSecondaryButton span {
background: url("/media/img/gui_12.png") no-repeat -4px -786px;
padding-left: 20px;
}
.rechnerOptions .rechnerRadioTripleCombo {
margin-bottom: 10px;
}
.rechnerOptions .rechnerSelectBox {
margin-bottom: 10px;
}
.rechnerOptions.rechnerGroupItem {
position: static;
z-index: 0;
}
.rechnerOptions.rechnerGroupItem .wrapper .disabledLayer {
top: 0px;
left: 0px;
}
.rechnerOptions.rechnerGroupItem .locked {
width: 100%;
height: 100%;
display: none;
position: absolute;
z-index: 100;
}
.rechnerOptions.rechnerGroupItem .lockedBg {
width: 100%;
height: 100%;
display: block;
position: absolute;
background-color: #FFFFFF;
opacity: 0.75;
filter: alpha(opacity=75);
}
.rechnerOptions.rechnerGroupItem .locked .lockedInfo {
position: absolute;
z-index: 100;
}
.rechnerOptions.rechnerGroupItem .locked .rechnerTeaser {
float: none;
margin-left: 382px;
margin-top: 15px;
}
.rechnerOptions .rechnerStoerer {
left: -7px;
top: 14px;
display: none;
}
.rechnerOptions.stoerer .rechnerStoerer {
display: block;
}
.rechnerOptions.stoerer h3.rechnerGroupItemHeadline {
padding-top: 50px;
}
.rechnerOptions.stoerer .label .tooltip {
top: 46px;
}
.rechnerOptions .loader {
background: url("/media/img/ajax-loader.gif") no-repeat center center #E2F1F5;
position: relative;
width: 100%;
height: 100%;
}
/** END RechnerOptions **/
/** BEGIN RechnerOverviewItem **/
.rechnerOverviewItem {
width:466px;
padding:2px;
background:#FFFFFF;
border-top:1px solid #E5E5E5;
}
.rechnerOverviewItem .rechnerOverviewWrapper {
display:table;
vertical-align:middle;
}
.rechnerOverviewItem .rechnerOverviewContent {
width:466px;
display:table-cell;
vertical-align:middle;
}
.rechnerOverviewItem .rechnerOverviewContent a.rechnerOverviewContentLink{
display:table-cell;
width:466px;
height:46px;
vertical-align:middle;
background: url("/media/img/sprite_pen.png") no-repeat 436px 13px #FFFFFF;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.rechnerOverviewItem.large .rechnerOverviewContent a.rechnerOverviewContentLink {
height: 96px;
background-position: 436px 37px
}
.rechnerOverviewItem .rechnerOverviewContent a.rechnerOverviewContentLink:hover {
background-color:#CBE9F0;
background-position: -542px 13px;
}
.rechnerOverviewItem.large .rechnerOverviewContent a.rechnerOverviewContentLink:hover {
background-position: -542px 37px
}
.rechnerOverviewItem .label {
font-weight:bold;
display:inline-block;
width:225px;
padding-left:15px;
padding-right: 10px;
vertical-align:middle;
white-space: normal;
word-wrap: break-word;
}
.rechnerOverviewItem.emphasized .label {
font-size: 18px;
}
.rechnerOverviewItem .text {
display:inline-block;
width:185px;
vertical-align:middle;
padding-right: 25px;
white-space: normal;
word-wrap: break-word;
}
.rechnerOverviewItem.emphasized .text {
font-size: 18px;
}
/** END RechnerOverviewItem **/
/** BEGIN RechnerOverviewPrice **/
.rechnerOverviewPrice {
text-align:center;
color:#333333;
font-weight:bold;
padding: 10px;
}
.rechnerOverviewPrice .headline{
font-size:20px;
}
.rechnerOverviewPrice .price {
font-size:60px;
}
.rechnerOverviewPrice.small .price {
font-size: 48px;
}
.rechnerOverviewPrice .subline {
display: block;
font-weight:normal;
}
/** END RechnerOverviewPrice **/
/** BEGIN RechnerRadioTripleCombo **/
.rechnerRadioTripleCombo {
overflow:auto;
font-size:14px;
}
.rechnerRadioTripleCombo .radioTripleCombo {
display:inline-block;
}
.rechnerRadioTripleCombo .radioTripleCombo .postLabel {
display:block;
margin-top: 20px;
}
/* Custom radio-checkbox */
.rechnerRadioTripleCombo .radioTripleCombo .radio {
width: 70px;
height: 32px;
margin: 0;
/* don't modify this line */float:left;
/* ie 6 */overflow:hidden;
}
.rechnerRadioTripleCombo .radioTripleCombo .radioButton1,
.rechnerRadioTripleCombo .radioTripleCombo .radioButton2,
.rechnerRadioTripleCombo .radioTripleCombo .radioButton3 {
position:relative;
width:70px;
display:block;
float:left;
}
.rechnerRadioTripleCombo .radioTripleCombo .radioButton1 label.inputLabel,
.rechnerRadioTripleCombo .radioTripleCombo .radioButton2 label.inputLabel,
.rechnerRadioTripleCombo .radioTripleCombo .radioButton3 label.inputLabel {
position:absolute;
float:none;
margin:0;
width:70px;
left:0;
line-height:32px;
font-weight:bold;
text-align:center;
}
.rechnerRadioTripleCombo .radioTripleCombo .radio-checked + label.inputLabel {
color:#ffffff;
}
.rechnerRadioTripleCombo .radioTripleCombo .radioButton1 .radio {
background: url("/media/img/tarifauswahl_radio.png") left 0px no-repeat;
}
.rechnerRadioTripleCombo .radioTripleCombo .radioButton2 .radio {
background: url("/media/img/tarifauswahl_radio.png") left -100px no-repeat;
}
.rechnerRadioTripleCombo .radioTripleCombo .radioButton3 .radio {
background: url("/media/img/tarifauswahl_radio.png") left -200px no-repeat;
}
.rechnerRadioTripleCombo .radioTripleCombo .radioButton1 .radio-checked {
background-position: left -300px;
}
.rechnerRadioTripleCombo .radioTripleCombo .radioButton2 .radio-checked {
background-position: left -400px;
}
.rechnerRadioTripleCombo .radioTripleCombo .radioButton3 .radio-checked {
background-position: left -500px;
}
/* hide input from view but still visible (ie & opera support) */
.rechnerRadioTripleCombo .radioTripleCombo .rc-hidden { position: absolute; left: -999em }
.rechnerRadioTripleCombo.two {
}
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton1,
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton2
{
width:105px;
}
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton3 {
display:none;
}
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton1 label.inputLabel,
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton2 label.inputLabel,
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton3 label.inputLabel {
width:105px;
}
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton1 .radio {
background: url("/media/img/tarifauswahl_radio_two.png") left 0px no-repeat;
}
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton2 .radio {
background: url("/media/img/tarifauswahl_radio_two.png") left -100px no-repeat;
}
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton1 .radio-checked {
background-position: left -200px;
}
.rechnerRadioTripleCombo.two .radioTripleCombo .radioButton2 .radio-checked {
background-position: left -300px;
}
.rechnerRadioTripleCombo.two .radioTripleCombo .radio {
width: 105px;
/* don't modify this line */float:left;
/* ie 6 */overflow:hidden;
}
/** END RechnerRadioTripleCombo **/
/** BEGIN RechnerScrollable **/
.rechnerContainer {
display: block;
}
/** END RechnerScrollable **/
/** BEGIN RechnerSelectBox **/
.rechnerSelectBox {
font-size:14px;
position:relative;
margin:0 auto;
}
.rechnerSelectBox .selectBox-dropdown {
margin-right:0px;
}
.rechnerSelectBox .selectBox-options-wrapper {
border:1px solid #B3B3B3; /* should be the same border width as .selectBox-dropdown */
border-top:none;
margin-top:0px;
position: absolute;
z-index: 9999;
}
.rechnerSelectBox .selectBox-label {
font-weight:bold;
}
.rechnerSelectBox .selectBox-options-wrapper {
text-align:left;
}
.rechnerSelectBox .selectBox-dropdown-menu li.selectBox-item {
background: #FFFFFF;
}
.rechnerSelectBox .selectBox-menuShowing {
background-position:0px -200px;
}
/** END RechnerSelectBox **/
/** BEGIN RechnerStoerer **/
.rechnerStoerer {
position:absolute;
}
.rechnerStoerer .rechnerStoererBody {
background:#9ACBDA;
color:#FFFFFF;
padding: 5px 20px;
border-right:1px solid #BFDDE7;
border-bottom:1px solid #BFDDE7;
}
.rechnerStoerer .rechnerStoererBody.shadowBox {
-webkit-box-shadow: 1px 1px 1px 0px #B1B1B1;
box-shadow :1px 1px 1px 0px #B1B1B1;
}
.rechnerStoerer .corner {
width:7px;
height:7px;
background:url("/media/img/gui_16.png") no-repeat 0 -500px;
position:absolute;
left:-7px;
}
.rechnerStoerer.left .corner {
background:url("/media/img/gui_12.png") no-repeat 0 -4100px;
bottom:-7px;
left:0px;
}
.rechnerStoerer.left .rechnerStoererBody {
left: 0px;
font-size: 14px;
}
.rechnerStoerer.right {
right: -7px;
}
.rechnerStoerer.right .corner {
background:url("/media/img/gui_12.png") no-repeat 0 -4200px;
bottom:-7px;
right:0;
left: auto;
}
.rechnerStoerer.right .rechnerStoererBody {
right: 0px;
font-size: 14px;
}
/** END RechnerStoerer **/
/** BEGIN RechnerSubline **/
.rechnerSubline {
color:#006C8C;
padding-left:17px;
}
/** END RechnerSubline **/
/** BEGIN RechnerSuccessContainer **/
.rechnerSuccessContainer {
width:960px;
margin:0 auto ;
position:relative;
background:#E5E5E5;
}
.rechnerSuccessContainer .rechnerSuccessContainerHeadline {
font-size:20px;
font-weight:bold;
margin-bottom:1px;
}
.rechnerSuccessContainer .rechnerSuccessContainerSubline {
display:block;
font-weight:normal;
}
.rechnerSuccessContainer .rechnerSuccessContainerContent {
padding-top:10px;
padding-bottom:10px;
padding-right:35px;
padding-left:35px;
position:relative;
background:#FFFFFF;
}
.rechnerSuccessContainer .rechnerContainer {
}
.rechnerSuccessContainer .rechnerSuccessNextSteps {
padding: 40px;
background-color: #FFFFFF;
margin-bottom: 28px;
}
/** END RechnerSuccessContainer **/
/** BEGIN RechnerTarif **/
.rechnerTarif {
width: 239px;
background: #FFFFFF;
margin-left: 1px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.rechnerTarif.floatRight {
float: right;
}
.rechnerTarif .head {
-webkit-border-radius: 2px;
border-radius: 2px;
background: #CBE9F1;
position: relative;
height: 68px;
border-bottom: 1px solid #A7A7A7;
-webkit-box-shadow: 1px 1px 0px 0px #D4D4D4;
box-shadow: 1px 1px 0px 0px #D4D4D4;
}
.rechnerTarif .headWrapper {
height: 54px;
padding: 6px 10px;
border: 1px solid #FFFFFF;
background: #CBE9F1;
background: rgb(226, 241, 245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(207, 234, 241, 1) 100%, rgba(207, 234, 241, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 241, 245, 1)), color-stop(100%, rgba(207, 234, 241, 1)), color-stop(100%, rgba(207, 234, 241, 1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(207, 234, 241, 1) 100%, rgba(207, 234, 241, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(207, 234, 241, 1) 100%, rgba(207, 234, 241, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(207, 234, 241, 1) 100%, rgba(207, 234, 241, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226, 241, 245, 1) 0%, rgba(207, 234, 241, 1) 100%, rgba(207, 234, 241, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2f1f5', endColorstr='#cfeaf1', GradientType=0); /* IE6-9 */
}
.rechnerTarif .head .rechnerTarifHeadline {
color: #000000;
font-size: 16px;
line-height: 18px;
width: 185px;
}
.rechnerTarif .head .rechnerTarifHeadline.noTooltip {
width: 100%;
}
.rechnerTarif .head .tooltip {
position: absolute;
right: 6px;
top: 11px;
text-align: left;
}
.rechnerTarif .body {
padding: 10px;
position: relative;
}
.rechnerTarif .body .list {
font-size: 14px;
line-height: 18px;
display: table;
width: 100%;
}
.rechnerTarif .body .list li {
display: table-row;
}
.rechnerTarif .body .primaryButton {
display: block;
margin: 10px auto 0;
text-align: center;
}
.rechnerTarif .body .list .label {
display: table-cell;
padding-right: 5px;
}
.rechnerTarif .body .list .price {
display: table-cell;
text-align: right;
white-space: nowrap;
}
.rechnerTarif .body .list .invalid {
font-style: italic;
color: #9A9A9A;
font-size: 14px;
}
.rechnerTarif .body .tarifPrice {
clear: both;
font-size: 28px;
display: block;
padding-top: 6px;
padding-bottom: 0px;
background: url("/media/img/hor_line_trans.png") no-repeat center top;
text-align: center;
margin-top: 6px;
color: #333333;
font-weight: bold;
}
.rechnerTarif .body .paymentType {
display: block;
color: #333333;
text-align: center;
font-size: 14px;
padding-bottom: 4px;
}
.rechnerTarif .body .footNote {
text-align: center;
}
.rechnerTarif .body .priceAlternate,
.rechnerTarif .body .priceSubline {
font-size: 11px;
}
.rechnerTarif .body .disabledLayer {
background: #E2F1F5;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.rechnerTarif .body .loader {
background: url("/media/img/ajax-loader.gif") no-repeat center center #E2F1F5;
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
}
.rechnerTarif .body .disabledIcon {
background: url("/media/img/gui_24.png") no-repeat 20px -1890px;
width: 100%;
height: 50px;
display: block;
position: absolute;
}
.rechnerTarif .body .disabledLayer .text {
font-weight: bold;
background: #E2F1F5;
padding: 0px 20px 8px;
display: block;
margin-top: 45px;
}
.rechnerTarif .body .disabledLayer .link {
margin-left: 20px;
margin-right: 20px;
font-weight: bold;
}
/** END RechnerTarif **/
/** BEGIN RechnerTarifContainer **/
.rechnerTarifContainer {
width:720px;
margin:0 auto;
margin-bottom:28px;
padding-left:240px;
overflow: hidden;
}
.rechnerTarifContainer .rechnerTarif {
float:left;
}
.rechnerTarifContainer.noPadding {
padding: 0;
width:960px;
}
.rechnerTarifContainer.twoColumns {
padding-left:480px;
width:480px;
}
.rechnerTarifContainer.oneColumn {
padding-left:720px;
width: 240px;
}
/** END RechnerTarifContainer **/
/** BEGIN RechnerTarifInfo **/
.rechnerTarifInfo {
width:318px;
background:#FFFFFF;
margin-left:1px;
position:relative;
}
.rechnerTarifInfo .head{
-webkit-border-radius: 2px;
border-radius: 2px;
background:#CBE9F1;
position:relative;
height:62px;
border-bottom:1px solid #A7A7A7;
-webkit-box-shadow: 1px 1px 0px 0px #D4D4D4;
box-shadow :1px 1px 0px 0px #D4D4D4;
cursor:pointer;
}
.rechnerTarifInfo .headWrapper {
height:56px;
padding:5px;
padding-top:0px;
padding-bottom:4px;
padding-left:7px;
border:1px solid #FFFFFF;
background:#CBE9F1;
background: rgb(226,241,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,241,245,1) 0%, rgba(207,234,241,1) 100%, rgba(207,234,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,241,245,1)), color-stop(100%,rgba(207,234,241,1)), color-stop(100%,rgba(207,234,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f1f5', endColorstr='#cfeaf1',GradientType=0 ); /* IE6-9 */
}
.rechnerTarifInfo .head .rechnerTarifHeadline {
color:#000000;
font-size:16px;
line-height:18px;
margin-bottom:-2px;
background:url("/media/img/gui_12.png") no-repeat 287px -1095px;
padding-right:20px;
width:284px;
}
.rechnerTarifInfo.open .head .rechnerTarifHeadline {
background:url("/media/img/gui_12.png") no-repeat 287px -1195px;
}
.rechnerTarifInfo .head .subline {
color:#000000;
font-size:10px;
}
.rechnerTarifInfo .body {
display:none;
}
.rechnerTarifInfo .body .list {
padding-top:10px;
font-size:14px;
line-height:18px;
}
.rechnerTarifInfo .body .list li.listItem {
padding:1px;
}
.rechnerTarifInfo .body .list a.rechnerTarifInfoLink{
padding-left:10px;
display:block;
padding-right:35px;
background:url("/media/img/gui_16.png") no-repeat 292px -299px;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.rechnerTarifInfo .body .list a.rechnerTarifInfoLink:hover {
background-color:#CBE9F0;
background-position: 292px -399px;
}
.rechnerTarifInfo .body .list .price {
float:right;
}
.rechnerTarifInfo .body .list .invalid {
font-style:italic;
color:#9A9A9A;
font-size:14px;
padding-left:10px;
padding-right:10px;
}
.rechnerTarifInfo .body .tarifPrice {
clear:both;
font-size:28px;
display:block;
padding-top:6px;
padding-bottom:0px;
background:url("/media/img/hor_line_trans.png") no-repeat center top;
text-align:center;
margin-top:6px;
color:#016C8C;
font-weight:bold;
}
.rechnerTarifInfo .body .paymentType {
display:block;
color:#016C8C;
text-align:center;
font-size:14px;
padding-bottom:4px;
}
.rechnerTarifInfo .body .footNote {
text-align:center;
padding-bottom:6px;
}
.rechnerTarifInfo .body .priceAlternate,
.rechnerTarifInfo .body .priceSubline {
font-size:11px;
}
/** END RechnerTarifInfo **/
/** BEGIN RechnerTeaser **/
.rechnerTeaser {
padding:20px;
padding-top:13px;
padding-bottom:12px;
float:right;
width:434px;
margin-right:2px;
font-size:12px;
border:2px solid #FFFFFF;
}
.rechnerTeaser.shadowBox {
-webkit-box-shadow: 1px 1px 2px 0px #B1B1B1;
box-shadow :1px 1px 2px 0px #B1B1B1;;
}
.rechnerTeaser h3 {
font-size:18px;
padding-bottom:2px;
color:#333333;
}
.rechnerTeaser a {
display:block;
padding-left:17px;
margin-top:9px;
font-size:16px;
font-weight:bold;
background-position: 0 5px;
}
.rechnerTeaser p {
padding:0;
}
.rechnerTeaser a:hover {
background-position: 0 -95px;
}
.rechnerTeaser img {
float: left;
}
.rechnerTeaser a.imageLink {
display: inline-block;
padding: 0 20px 0 0;
}
/** END RechnerTeaser **/
/** BEGIN RechnerTeaserCrossSelling **/
.rechnerTeaserCrossSelling {
width:918px;
padding: 13px 20px 18px;
float:right;
font-size:12px;
border:2px solid #FFFFFF;
}
.rechnerTeaserCrossSelling.shadowBox {
-webkit-box-shadow: 1px 1px 2px 0px #B1B1B1;
box-shadow :1px 1px 2px 0px #B1B1B1;
}
.rechnerTeaserCrossSelling .wrapper {
float:left;
width:735px;
}
.rechnerTeaserCrossSelling.small {
float:right;
width:434px;
margin-right:2px;
}
.rechnerTeaserCrossSelling.small .wrapper {
width:249px;
}
.rechnerTeaserCrossSelling p {
padding:0;
}
.rechnerTeaserCrossSelling h3 {
font-size:18px;
padding-bottom:12px;
color:#333333;
}
.rechnerTeaserCrossSelling h4 {
padding-bottom:4px;
}
.rechnerTeaserCrossSelling a {
display:block;
padding-left:17px;
margin-top:9px;
font-size:16px;
font-weight:bold;
background-position: 0 5px;
}
.rechnerTeaserCrossSelling a:hover {
background-position: 0 -95px;
}
.rechnerTeaserCrossSelling img {
margin-right:20px;
margin-top:3px;
float:left;
}
/** END RechnerTeaserCrossSelling **/
/** BEGIN RechnerText **/
.rechnerText {
padding:0 15px 15px;
line-height:1.4;
}
.rechnerText.buttonSubline {
display:block;
padding: 2px 4px 0 0;
text-align:right;
color:#989898;
}
.rechnerText.inline {
display: inline;
padding: 0;
}
.rechnerText.withinLayer {
padding: 20px;
}
/** END RechnerText **/
/** BEGIN RechnerTextfeldDatum **/
/** END RechnerTextfeldDatum **/
/** BEGIN Routenplaner **/
.routenplaner {
position: relative;
}
.routenplaner .routenplaner-overview {
width: 630px;
display: inline-block;
margin-bottom: 16px;
}
.routenplaner .routenplaner-overview table {
width: 100%;
border-collapse: collapse;
}
.routenplaner .routenplaner-overview td.label {
font-weight: bold;
width: 20%;
}
.routenplaner .routenplaner-overview td {
width: 80%;
padding: 2px 2px 2px 0px;
}
.routenplaner .routenplaner-options {
display: inline-block;
position: absolute;
right: 0;
}
.routenplaner .routenplaner-options .link {
display: inline-block;
margin-right: 30px;
}
.routenplaner .routenplaner-options .primaryButton {
display: inline-block;
}
.routenplaner .routenplaner-direction {
margin-bottom: 20px;
}
.routenplaner .routenplaner-table {
width: 100%;
border-collapse: collapse;
}
.routenplaner .routenplaner-table th,
.routenplaner .routenplaner-table td {
text-align: left;
padding: 20px 0px 40px 20px;
border-bottom: solid #DDDDDD 1px;
}
.routenplaner .routenplaner-table th.last,
.routenplaner .routenplaner-table td.last {
text-align: right;
padding-right: 20px;
}
.routenplaner .routenplaner-table .direction-distance,
.routenplaner .routenplaner-table .distance {
width: 150px;
}
.routenplaner .routenplaner-table tr.content:hover {
background-color: #CBE9F1;
}
.routenplaner .routenplaner-footer {
height: 55px;
}
/** END Routenplaner **/
/** BEGIN RoutenplanerCard **/
.routenplanerCard {
line-height: 1.4em;
width: 920px;
}
.routenplanerCard .routenplanerCard-image {
float: left;
padding-right: 40px;
}
.routenplanerCard .routenplanerCard-headline {
font-size: 20px;
padding-bottom: 6px;
line-height: 1.2em;
}
.routenplanerCard .left {
width: 50%;
float: left;
}
.routenplanerCard .right {
width: 50%;
float: right;
padding-top: 4px;
}
.routenplanerCard .iconStandalone {
margin-top: 10px;
}
/** END RoutenplanerCard **/
/** BEGIN Search **/
.search {
position: relative;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
width: 380px;
}
.search .input {
border: none;
background-position: 0 -1000px;
}
.search .input .inputText {
border: none;
width: 323px;
background-position: right -1000px;
padding-right: 40px;
padding-bottom: 3px;
padding-top: 0;
height: 41px;
}
.search .loader {
background: url("/media/img/ajax-loader.gif") no-repeat scroll center center #F2F2F2;
display: none;
height: 34px;
position: absolute;
left: 0;
top: 0;
width: 25px;
}
.searchAutoSuggest {
position: absolute;
z-index: 9999;
margin-top: 8px;
display: none;
}
.searchAutoSuggest .match {
color: #006C8C;
display: inline-block;
white-space: nowrap;
}
.searchAutoSuggest .searchAutoSuggestList,
.searchAutoSuggest .searchAutoSuggestBestMatches {
background-color: #ffffff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #999999;
padding: 1px;
position: relative;
z-index: 1;
-webkit-box-shadow: 1px 1px 2px 0 rgba(40, 40, 40, .2);
box-shadow: 1px 1px 2px 0 rgba(40, 40, 40, .2);
}
.searchAutoSuggest .searchAutoSuggestListItem a {
display: block;
padding: 14px 14px;
border-top: 1px solid #DDDDDD;
}
.searchAutoSuggest .searchAutoSuggestListItem:first-child a {
border-top: none;
}
.searchAutoSuggest .searchAutoSuggestListItem a:hover {
background-color: #CBE9F1;
}
.searchAutoSuggest .searchAutoSuggestBestMatches {
background-color: #E5F7FB;
margin-top: -2px;
z-index: 0;
position: relative;
}
.searchAutoSuggest .searchAutoSuggestBestMatches li {
display: block;
padding: 14px 14px;
border-top: 1px solid #B2E0EF;
}
div.searchAutoSuggestBestMatches ul li {
position: relative;
white-space: nowrap;
overflow: hidden;
vertical-align: top;
width: 346px;
}
.searchAutoSuggest .searchAutoSuggestBestMatches li:hover {
cursor: pointer;
background-color: #CBE9F1;
}
.searchAutoSuggest .searchAutoSuggestBestMatches li:first-child {
border-top: none;
margin-top: 36px;
}
div.searchAutoSuggestBestMatches ul li:after {
content: '';
pointer-events: none;
overflow: hidden;
display: block;
position: absolute;
bottom: 0;
right: 0;
height: 90%;
width: 100%;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZjdmYiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2U1ZjdmYiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2U1ZjdmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWY3ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, right, left, color-stop(5%, rgba(229,247,251,1)), color-stop(20%, rgba(229,247,251,0)));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(right, rgba(229,247,251,1) 5%,rgba(229,247,251,0) 20%);/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(right, rgba(229,247,251,1) 5%, rgba(229,247,251,0) 20%);/* FF3.6+ */
background: -ms-linear-gradient(right, rgba(229,247,251,1) 5%, rgba(229,247,251,0) 20%);/* IE10+ */
background: -o-linear-gradient(right, rgba(229,247,251,1) 5%, rgba(229,247,251,0) 20%);/* Opera 11.10+ */
background: linear-gradient(right, rgba(229,247,251,1) 5%, rgba(229,247,251,0) 20%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5f7fb', endColorstr='#e5f7fb',GradientType=1 );/* IE6-8 */
}
div.searchAutoSuggestBestMatches ul li:hover:after {
content: '';
overflow: hidden;
display: block;
position: absolute;
bottom: 0;
right: 0;
height: 90%;
width: 100%;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NiZTlmMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2NiZTlmMSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iI2NiZTlmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYmU5ZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -webkit-gradient(linear, right, left, color-stop(5%, rgba(203,233,241,1)), color-stop(20%, rgba(203,233,241,0)));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(right, rgba(203,233,241,1) 5%,rgba(203,233,241,0) 20%);/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(right, rgba(203,233,241,1) 5%, rgba(203,233,241,0) 20%);/* FF3.6+ */
background: -ms-linear-gradient(right, rgba(203,233,241,1) 5%, rgba(203,233,241,0) 20%);/* IE10+ */
background: -o-linear-gradient(right, rgba(203,233,241,1) 5%, rgba(203,233,241,0) 20%);/* Opera 11.10+ */
background: linear-gradient(right, rgba(203,233,241,1) 5%, rgba(203,233,241,0) 20%);/* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbe9f1', endColorstr='#cbe9f1',GradientType=0 );/* IE6-8 */
}
.searchAutoSuggest .searchAutoSuggestBestMatches img {
float: left;
padding-right: 10px;
}
.searchAutoSuggest .searchAutoSuggestBestMatches h2 {
}
.searchAutoSuggest .searchAutoSuggestBestMatches .stoerer {
position: absolute;
margin-top: 10px;
right: -7px;
}
.searchAutoSuggest .searchAutoSuggestBestMatches .stoerer .stoererBody {
background-color: #006C8C;
padding-top: 3px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
border-bottom: 1px solid #BFDDE7;
border-right: 1px solid #BFDDE7;
box-shadow: 1px 1px 1px 0 #B1B1B1;
color: #FFFFFF;
font-size: 14px;
right: 0;
}
.searchAutoSuggest .searchAutoSuggestBestMatches .stoerer .corner {
background: url("/media/img/gui_12.png") no-repeat scroll 0 -4200px transparent;
bottom: -7px;
right: 0;
left: auto;
height: 7px;
position: absolute;
width: 7px;
}
.searchAutoSuggest .searchAutoSuggestBestMatches .stoerer .stoererBody .text {
background: url("/media/img/gui_16.png") no-repeat 0px -3700px transparent;
padding-left: 20px;
}
.searchAutoSuggest .searchAutoSuggestBestMatches ul {
margin-top: 30px;
}
/** END Search **/
/** BEGIN SearchResults **/
.searchResultsModule p {
line-height: 1.2;
}
.searchResultsHeadline {
padding: 0 0 15px 0;
font-size: 20px;
font-weight: normal;
}
.searchResultsModule .searchResultsFilters,
.searchResultsModule .searchResultsMore {
padding-right: 20px;
float: left;
}
.searchResultsModule .searchResultsFilters {
width: 715px;
}
.searchResultsModule .searchResultsMore {
width: 164px;
}
.searchResultsModule .searchResultsFilters ul li {
display: inline-block;
margin-right: -4px;
}
.searchResultsModule .searchResultsHeader {
padding: 20px 20px 20px 20px;
}
.searchResultsModule .searchResultsHeader .searchResultsLabel {
padding-bottom: 8px;
display: block;
}
.searchResultsModule .searchResultsLinkList a {
color: #006c8c;
font-weight: bold;
padding-bottom: 5px;
display: block;
}
.searchResultsModule .searchResultItem {
padding: 20px 20px 20px 20px;
border-top: 1px solid #dcdcdc;
}
.searchResultsModule .searchResultItem.even:hover,
.searchResultsModule .searchResultItem.odd:hover {
background-color: #CBE9F1;
cursor: pointer;
}
.searchResultsModule .searchResultItem.odd {
background-color: #ebf5f8 ;
}
.searchResultsModule .searchResultItem.even {
background-color: #ffffff;
}
.searchResultsModule .searchResultItem .headline {
font-size: 24px;
color: #006c8c;
font-weight: normal;
padding-bottom: 10px;
}
.searchResultsModule .searchResultItem.download .headline {
padding-left: 24px;
background: url("/media/img/gui_16.png") no-repeat scroll left -3595px transparent;
}
.searchResultsModule .searchResultItem.download .description {
width: 70%;
float: left;
}
.searchResultsModule .searchResultItem .left {
float: left;
padding-right: 20px;
}
.searchResultsModule .searchResultItem .right {
float: right;
margin-left: 20px;
}
.searchResultsModule .listBullets {
display: inline-block;
padding-top: 10px;
}
.searchResultsModule .searchResultBreadcrumb {
margin-top: 16px;
}
.searchResultsModule .searchResultBreadcrumb li {
display: inline-block;
}
.searchResultsModule .searchResultBreadcrumb li a {
background: url("/media/img/gui_12.png") no-repeat scroll right -3997px transparent;
display: block;
font-size: 12px;
font-weight: normal;
color: #006c8c;
padding: 0 22px 0 0;
}
.searchResultsModule .searchResultBreadcrumb li.last a {
background: none repeat scroll 0 0 transparent;
color: #AAAAAA;
}
.searchResultsModule .docIcon.pdf {
width: 78px;
height: 96px;
background: url("/media/img/gui_96.png") no-repeat scroll left top transparent;
display: inline-block;
}
.searchResultsModule .smallSecondaryButton {
height: auto;
}
.searchResultsModule .smallSecondaryButton span {
font-size: 12px;
font-weight: bold;
}
.searchResultsModule .smallSecondaryButton.active {
background: linear-gradient(to bottom, #6AB7CE 0%, #138DB2 2%, #0586AC 3%, #0083AA 5%, #007DA5 8%, #007398 17%, #006E8E 97%, #087392 98%, #197B99 100%) repeat scroll 0 0 transparent;
}
.searchResultsModule .smallSecondaryButton.active span {
color: #ffffff;
}
/** END SearchResults **/
/** BEGIN Slider **/
.slider {
height:50px;
position:relative;
}
.slider .needle {
position:absolute;
width:22px;
height:40px;
top:10px;
left:0px;
background:url("/media/img/gui_24.png") no-repeat 0 -7665px;
cursor:pointer;
z-index:20;
}
.slider .needle:hover {
background-position:0 -7765px;
}
.slider .chart {
position:absolute;
z-index:10;
cursor:pointer;
top:12px;
height:15px;
}
.slider .chartItem {
position:absolute;
border:1px solid #9F9F9F;
height:2px;
line-height:2px;
top:5px;
-webkit-box-shadow: -1px 1px 1px 0px #DFDFDF;
box-shadow: -1px 1px 1px 0px #DFDFDF;
}
.slider .labels {
position:absolute;
z-index:10;
height:18px;
}
.slider .label {
position:absolute;
color:#9A9A9A;
top:0px;
font-size:12px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
display:block;
white-space:nowrap;
}
/** END Slider **/
/** BEGIN Stoerer **/
.stoerer {
position:absolute;
}
.stoerer .stoererBody {
background:#9ACBDA;
color:#FFFFFF;
padding:5px;
padding-left:20px;
padding-right:20px;
border-right:1px solid #BFDDE7;
border-bottom:1px solid #BFDDE7;
}
.stoerer .stoererBody.shadowBox {
-webkit-box-shadow: 1px 1px 1px 0px #B1B1B1;
box-shadow :1px 1px 1px 0px #B1B1B1;
}
.stoerer .corner {
width:7px;
height:7px;
background:url("/media/img/gui_16.png") no-repeat 0 -500px;
position:absolute;
left:-7px;
}
.stoerer.left .corner {
background:url("/media/img/gui_12.png") no-repeat 0 -4100px;
bottom:-7px;
left:0px;
}
.stoerer.left .stoererBody {
left: 0px;
}
/** END Stoerer **/
/** BEGIN SystemContainer **/
.errorPage {
margin: 90px auto 0px;
padding-bottom: 90px;
width: 960px;
}
.errorPage .errorImage {
position: absolute;
margin-left: 20px;
}
.errorPage .errorContent {
margin-left: 400px;
position: relative;
}
.errorPage .errorContactHead {
margin-bottom: 10px;
}
.errorPage .tiny {
margin: 4px 0px 24px;
}
.errorPage .link {
display: block;
margin: 16px 0;
}
.errorPage .errorContact {
padding: 20px;
border: 1px solid #C9C9C9;
background-color: #EDEDED;
width: 50%;
position: relative;
}
.errorPage .errorContact .phone,
.errorPage .errorContact .opening {
display: block;
width: 40%;
margin: 0;
text-align: right;
}
.errorPage .errorContact a {
width: 60%;
float: right;
text-align: right;
}
.errorPage.error503 .errorContent,
.errorPage.error500 .errorContent{
margin: 0;
width: 50%;
}
.errorHeader {
height: 120px;
background-color: #ffffff;
}
.errorHeader h1 {
color: #006E8C;
font-size: 54px;
margin: 0 auto ;
padding-top: 30px;
width: 960px;
}
/** END SystemContainer **/
/** BEGIN TabModul **/
.tabModule .tabs {
position: relative;
z-index: 1;
margin-right: -1px;
}
.tabModule.bottom .tabs {
margin-top: -8px;
}
.tabModule ul.tabs li {
background: url("/media/img/tabs_right.png") no-repeat 0 0;
display: inline-block;
margin-right: 1px;
margin-bottom: 5px;
width: 187px;
height: 55px;
}
.tabModule ul.tabs li:hover {
background-position: 0 -100px;
}
.tabModule.small ul.tabs li {
height: 35px;
background-position: 0 -300px;
}
.tabModule.small ul.tabs li:hover {
background-position: 0 -400px;
}
.tabModule.grey ul.tabs li {
background: url("/media/img/tabs_right.png") no-repeat 0 -705px;
}
.tabModule.grey ul.tabs li:hover {
background-position: 0 -805px;
}
.tabModule.grey.small ul.tabs li {
background-position: 0 -900px;
}
.tabModule.grey.small ul.tabs li:hover {
background-position: 0 -1000px;
}
.tabModule.bottom ul.tabs li {
margin-bottom: 0px;
margin-top: 6px;
}
.tabModule ul.tabs li a {
color: #ffffff;
display: inline-block;
font-weight: bold;
line-height: 16px;
text-align: center;
padding: 8px;
width: 163px;
}
.tabModule.grey ul.tabs li a {
color: #333333;
}
.tabModule ul.tabs li span {
vertical-align: middle;
display: inline-block;
}
.tabModule ul.tabs li h3 {
vertical-align: middle;
display: inline-block;
}
.tabModule ul.tabs li.selected {
border-bottom: none;
box-shadow: none;
border-radius: 2px 2px 0 0;
margin-bottom: 0px;
background: none;
background-color: #fff;
padding-bottom: 6px;
}
.tabModule.bottom ul.tabs li.selected {
padding-bottom: 0px;
padding-top: 7px;
border-bottom: 1px solid #B1B1B1;
}
.tabModule ul.tabs li.selected a {
color: #5B9C17;
}
.tabModule.grey ul.tabs li.selected a {
color: #333333;
}
.tabModule .tabContainer {
background-color: #fff;
padding:20px;
position: relative;
margin-top: -1px;
}
.tabModule.bottom .tabContainer {
margin-top: 0;
}
.tabModule .tabContainer .primaryHeadline,
.tabModule .tabContainer .secondaryHeadline {
padding: 0;
}
.tabModule .tabContainer p {
padding-left: 0;
padding-right: 0;
}
.tabModule .introModulProdukte {
padding: 0px;
}
.tabModule .tabContainer .container .box {
border-top:1px solid #E5E5E5;
border-left:1px solid #E5E5E5;
}
/** END TabModul **/
/** BEGIN Table **/
.table {
border-collapse: separate;
border-spacing: 1px;
width:100%
}
.table.width50 {
width: 50%;
}
.table.verticalAlignTop td {
vertical-align: top;
}
.table tr {
}
.table td,
.table th {
text-align:center;
height:30px;
padding:10px;
background:#FFFFFF;
width: 219px;
}
.table.noBorderTop tr:first-child td {
border-top: none;
}
.table.autoHeight th,
.table.autoHeight td {
height:auto;
}
.table.labelLeft tr td:first-child,
.table.labelLeft tr th:first-child {
background:#EEEEEE;
font-weight:bold;
text-align:left;
padding-left:10px;
border-spacing:2px;
border-left: none;
-webkit-box-shadow: inset 0px 0px 0px 2px #FFFFFF;
box-shadow: inset 0px 0px 0px 2px #FFFFFF;
width: 219px;
}
.table.labelLeft.twoCol tr td:first-child,
.table.labelLeft.twoCol tr th:first-child,
.table.labelLeft.oneCol tr td:first-child,
.table.labelLeft.oneCol tr th:first-child {
width: 458px;
}
.table.labelLeft.oneCol td,
.table.labelLeft.oneCol th {
width: 464px;
}
.table .labelBig {
text-align: left;
background: none repeat scroll 0 0 #EEEEEE;
color: #333333;
font-size: 20px;
font-weight: bold;
margin: 0;
padding-bottom: 11px;
padding-left: 10px;
padding-top: 10px;
box-shadow: 0 0 1px 2px #FFFFFF inset;
}
.table .bordered {
background: none repeat scroll 0 0 #FFFFFF;
padding: 2px;
height: auto;
}
.table td.bordered .innerBorderWrap {
background: none repeat scroll 0 0 #EEEEEE;
border-collapse: collapse;
border: 0;
}
.table td.bordered .innerBorder {
display: table-cell;
padding: 8px;
height: 30px;
vertical-align: middle;
}
.table.autoHeight td.bordered .innerBorder {
height: auto;
}
.table td {
vertical-align:middle;
}
.table td.firstRow {
border-left: none;
clear: both;
}
.table .selected {
background:#ebf5f8;
}
.table tr .invisible,
.table.labelLeft tr .invisible {
background-color: transparent !important ;
border: none !important;
box-shadow: none !important;
}
.table .headline {
background: #CFEAF1 ;
background: linear-gradient(to bottom, #E2F1F5 0%, #CFEAF1 100%, #CFEAF1 100%) repeat scroll 0 0 transparent;
border: 1px solid #FFFFFF;
font-size: 16px;
line-height: 18px;
font-weight: bold;
text-align: left;
padding: 7px 11px;
white-space: nowrap;
}
.table.simple {
border-collapse: collapse;
}
.table.simple td, .table.simple th {
background-color: transparent;
border: none;
box-shadow: none;
border-bottom: 1px solid #ccc;
text-align: left;
}
.table.simple.noBorderBottom tr:last-child td {
border-bottom: none;
}
.table.simple th {
font-weight: normal;
}
.table.selectable tr:hover {
background-color: #CBE9F1;
}
.table.selectable tr:hover th {
background-color: #FFFFFF;
}
.table.labelLeft.simple tr td:first-child,
.table.labelLeft.simple tr th:first-child {
background:transparent;
font-weight:bold;
text-align:left;
padding-left:20px;
border-spacing:2px;
border-left: none;
-webkit-box-shadow: none;
box-shadow: none;
width: 219px;
}
.table td.width50 {
width: 50%;
}
.table td.width33 {
width: 33%;
}
.table td.width66 {
width: 66%;
}
.table td.width20 {
width: 20%;
}
.table td.width25 {
width: 25%;
}
.table td.width80 {
width: 80%;
}
.table.minHeight td {
height: 50px;
}
/** END Table **/
/** BEGIN Tariftabelle **/
.tarifTabelle .tarifContainer {
width: 720px;
margin: 0 auto 2px;
padding-left: 240px;
}
.tarifTabelle .tarif {
float: left;
margin-left:1px;
width:238px;
position:relative;
}
.tarifTabelle .tarif.selected .body {
background:#ebf5f8;
}
.tarifTabelle .tarif .stoerer {
top:-7px;
right:10px;
}
.tarifTabelle .head{
-webkit-border-radius: 2px;
border-radius: 2px;
background:#CBE9F1;
position:relative;
height:33px;
border-bottom:1px solid #A7A7A7;
-webkit-box-shadow: 1px 1px 0px 0px #D4D4D4;
box-shadow :1px 1px 0px 0px #D4D4D4;
}
.tarifTabelle .headWrapper {
height:19px;
padding:10px;
padding-top:6px;
padding-bottom:6px;
border:1px solid #FFFFFF;
background:url("/media/img/pricebox_header_large_gradient.png") repeat-x;
}
.tarifTabelle .head .tarifHeadline {
color:#000000;
font-size:16px;
line-height:18px;
width:185px;
}
.tarifTabelle .body {
background:#FFFFFF;
padding:10px;
padding-top:10px;
text-align:center;
}
.tarifTabelle .column.selected {
background:#ebf5f8;
}
.tarifTabelle .price {
font-size:28px;
font-weight:bold;
}
.tarifTabelle .payment {
display:block;
}
/** END Tariftabelle **/
/** BEGIN Teaser **/
.teaser {
width:276px;
border:2px solid #FFFFFF;
float:left;
font-size:12px;
padding: 18px 18px 13px;
margin-right:6px;
}
.teaser.medium {
width:436px;
margin-right:8px;
}
.teaser .visual {
padding-bottom:6px;
}
.teaser.shadowBox {
-webkit-box-shadow: 1px 1px 2px 0px #B1B1B1;
box-shadow :1px 1px 2px 0px #B1B1B1;
}
.teaser p {
padding:0px;
font-size:14px;
}
.teaser h3 {
font-size:18px;
padding-bottom:1px;
color:#000000;
}
.teaser a {
display:block;
padding-left:14px;
margin-top:9px;
font-size:14px;
font-weight:bold;
background-position: 0 4px;
}
.teaser a:hover {
background-position: 0 -96px;
}
/** END Teaser **/
/** BEGIN Toolbar **/
.toolbarWrapper {
background: #DBD9DA;
}
.toolbarWrapper .toolbar {
width: 959px;
background: url("/media/img/toolbar_bg_content.png") repeat-y;
padding-left: 5px;
padding-right: 5px;
margin: 0 auto;
position: relative;
}
.toolbarWrapper .toolbarTop {
background: url("/media/img/toolbar_bg_shadow_top.png") no-repeat center top;
}
.toolbarWrapper .toolbarBottom {
background: url("/media/img/toolbar_bg_shadow_btm.png") no-repeat center bottom;
padding-bottom: 1px;
}
.toolbarWrapper .toolbar .toolbarCenter {
background: url("/media/img/toolbar_bg_shadow_top_center.png") repeat-x top #006C8C;
}
.toolbarWrapper .toolbar .contact {
float: right;
padding-right: 0;
padding-top: 23px;
}
.toolbarWrapper .toolbar .contact li.contactItem {
display: inline-block;
float: left;
background: url("/media/img/toolbar_bg_contact.png") no-repeat;
padding-left: 31px;
padding-right: 20px;
text-align: right;
line-height: 16px;
vertical-align: middle;
padding-top: 10px;
height: 34px;
}
.toolbarWrapper .toolbar .contact li.contactItem:first-child {
padding-top: 3px;
height: 41px;
background: none;
}
.toolbarWrapper .toolbar .contact li.contactItem .iconSmall {
vertical-align: middle;
}
.toolbarWrapper .toolbar .contact li.contactItem .iconPhone {
background: url("/media/img/gui_16.png") no-repeat 0 -100px;
}
.toolbarWrapper .toolbar .contact li.contactItem .iconMail {
background: url("/media/img/gui_16.png") no-repeat 0 -2109px;
}
.toolbarWrapper .toolbar .contact li.contactItem, .toolbarWrapper .toolbar .contact li.contactItem a.contactLink {
font-size: 16px;
font-weight: bold;
color: #9acbdb;
}
.toolbarWrapper .toolbar .toolbarNav {
position: relative;
z-index: 100;
clear: both;
width: 960px;
}
.toolbarWrapper .toolbar .toolbarNav ul.toolbarNavList {
margin-left: 10px;
padding-top: 12px;
height: 60px;
}
.toolbarWrapper .toolbar .toolbarNav ul li.toolbarNavItem {
float: left;
margin-right: 5px;
height: 60px;
width: 184px;
}
.toolbarWrapper .toolbar .toolbarContent {
background: #006C8C;
overflow: hidden;
position: relative;
padding: 10px 0 10px;
}
.toolbarWrapper .toolbar .toolbarContent .animationContainer {
display: none;
overflow: hidden;
}
.toolbarWrapper .toolbar .toolbarContent .wrapper {
padding: 20px;
background: #EBEBEB;
margin: 0 9px 0 10px;
}
.toolbarWrapper .toolbar .toolbarContent .toolbarContentItem {
overflow: hidden;
position: relative;
width: 900px;
display: none;
}
.toolbarWrapper .toolbar .closeWrapper .close {
width: 510px;
height: 40px;
margin: 0 auto;
border: 1px solid #9acbd9;
border-top: none;
background: url("/media/img/toolbar_bg_close.png") repeat-x;
text-align: center;
color: #FFFFFF;
font-weight: bold;
line-height: 40px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
cursor: pointer;
position: relative;
}
.toolbarWrapper .toolbar .closeWrapper .close:hover {
background-position: 0 -100px;
}
.toolbarWrapper .toolbar .closeWrapper .close .labelWrapper {
padding-left: 20px;
background: url("/media/img/gui_12.png") no-repeat 0 -2094px;
}
.toolbarWrapper .toolbar .closeWrapper .close .label {
cursor: pointer;
color: #FFFFFF;
padding-right: 20px;
background: url("/media/img/gui_12.png") no-repeat right -2094px;
}
.toolbarButton {
width: 184px;
height: 65px;
display: inline-block;
cursor: pointer;
}
.toolbarNavItem.css3 .toolbarButton {
width: 162px;
height: 57px;
display: inline-block;
cursor: pointer;
padding-top: 8px;
padding-left: 20px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #6ab7ce;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZhYjdjZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjMTM4ZGIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiMwNTg2YWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzAwODNhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjMDA3ZGE1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjMDA3Mzk4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTclIiBzdG9wLWNvbG9yPSIjMDA2ZThlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTglIiBzdG9wLWNvbG9yPSIjMDg3MzkyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE5N2I5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #6ab7ce 0%, #138db2 2%, #0586ac 3%, #0083aa 5%, #007da5 8%, #007398 17%, #006e8e 97%, #087392 98%, #197b99 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6ab7ce), color-stop(2%, #138db2), color-stop(3%, #0586ac), color-stop(5%, #0083aa), color-stop(8%, #007da5), color-stop(17%, #007398), color-stop(97%, #006e8e), color-stop(98%, #087392), color-stop(100%, #197b99));
background: -webkit-linear-gradient(top, #6ab7ce 0%, #138db2 2%, #0586ac 3%, #0083aa 5%, #007da5 8%, #007398 17%, #006e8e 97%, #087392 98%, #197b99 100%);
background: -o-linear-gradient(top, #6ab7ce 0%, #138db2 2%, #0586ac 3%, #0083aa 5%, #007da5 8%, #007398 17%, #006e8e 97%, #087392 98%, #197b99 100%);
background: -ms-linear-gradient(top, #6ab7ce 0%, #138db2 2%, #0586ac 3%, #0083aa 5%, #007da5 8%, #007398 17%, #006e8e 97%, #087392 98%, #197b99 100%);
background: linear-gradient(to bottom, #6ab7ce 0%, #138db2 2%, #0586ac 3%, #0083aa 5%, #007da5 8%, #007398 17%, #006e8e 97%, #087392 98%, #197b99 100%);
border: 1px solid #22819E;
border-top: none;
border-bottom: none;
}
.toolbarNavItem.css3:hover .toolbarButton {
-webkit-box-shadow: inset 0 0 20px 3px #379EBD;
box-shadow: inset 0 0 20px 3px #379EBD;
}
.toolbarNavItem.css3 .toolbarButton.selected,
.toolbarNavItem.css3:hover .toolbarButton.selected {
background: #e9e9e9;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZGVkZWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNiUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #e9e9e9 0%, #dedede 2%, #dddddd 6%, #e5e5e5 17%, #e6e6e6 23%, #ebebeb 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e9e9e9), color-stop(2%, #dedede), color-stop(6%, #dddddd), color-stop(17%, #e5e5e5), color-stop(23%, #e6e6e6), color-stop(100%, #ebebeb));
background: -webkit-linear-gradient(top, #e9e9e9 0%, #dedede 2%, #dddddd 6%, #e5e5e5 17%, #e6e6e6 23%, #ebebeb 100%);
background: -o-linear-gradient(top, #e9e9e9 0%, #dedede 2%, #dddddd 6%, #e5e5e5 17%, #e6e6e6 23%, #ebebeb 100%);
background: -ms-linear-gradient(top, #e9e9e9 0%, #dedede 2%, #dddddd 6%, #e5e5e5 17%, #e6e6e6 23%, #ebebeb 100%);
background: linear-gradient(to bottom, #e9e9e9 0%, #dedede 2%, #dddddd 6%, #e5e5e5 17%, #e6e6e6 23%, #ebebeb 100%);
height: 65px;
border-color: #e9e9e9;
-webkit-box-shadow: none;
box-shadow: none;
}
.toolbarButton .left {
display: block;
padding-left: 20px;
height: 100%;
background: url("/media/img/buttons_left.png") no-repeat;
}
.toolbarButton .right {
display: block;
height: 57px;
padding-top: 8px;
background: url("/media/img/buttons_right.png") no-repeat right top;
}
.toolbarButton:hover .left, .toolbarButton:hover .right {
background-position: 0 -100px;
}
.toolbarButton:hover .right {
background-position: right -100px;
}
.toolbarButton:active .left {
height: 65px;
}
.toolbarButton:active .left, .toolbarButton:active .right {
background-position: 0 -200px;
}
.toolbarButton:active .right {
background-position: right -200px;
}
.toolbarButton.selected .left {
height: 65px;
}
.toolbarButton.selected .left, .toolbarButton.selected .right {
background-position: 0 -300px;
}
.toolbarButton.selected .right {
background-position: right -300px;
}
.toolbarButton.grid .text {
background: url("/media/img/gui_24.png") no-repeat 0 -195px;
}
.toolbarButton:hover.grid .text {
background: url("/media/img/gui_24.png") no-repeat 0 -195px;
}
.toolbarButton:active.grid .text {
background: url("/media/img/gui_24.png") no-repeat 0 -295px;
}
.toolbarButton.selected.grid .text {
background: url("/media/img/gui_24.png") no-repeat 0 -95px;
}
.toolbarButton.calculator .text {
padding-left: 40px;
background: url("/media/img/gui_24.png") no-repeat 0 -595px;
}
.toolbarButton:hover.calculator .text {
background: url("/media/img/gui_24.png") no-repeat 0 -595px;
}
.toolbarButton:active.calculator .text {
background: url("/media/img/gui_24.png") no-repeat 0 -695px;
}
.toolbarButton.selected.calculator .text {
background: url("/media/img/gui_24.png") no-repeat 0 -495px;
}
.toolbarButton.consultant .text {
padding-left: 47px;
background: url("/media/img/gui_32.png") no-repeat 0 -193px;
}
.toolbarButton:hover.consultant .text {
background: url("/media/img/gui_32.png") no-repeat 0 -193px;
}
.toolbarButton:active.consultant .text {
background: url("/media/img/gui_32.png") no-repeat 0 -293px;
}
.toolbarButton.selected.consultant .text {
background: url("/media/img/gui_32.png") no-repeat 0 -93px;
}
.toolbarButton.dialog .text {
padding-left: 50px;
background: url("/media/img/gui_32.png") no-repeat 0 -593px;
}
.toolbarButton:hover.dialog .text {
background: url("/media/img/gui_32.png") no-repeat 0 -593px;
}
.toolbarButton:active.dialog .text {
background: url("/media/img/gui_32.png") no-repeat 0 -693px;
}
.toolbarButton.selected.dialog .text {
background: url("/media/img/gui_32.png") no-repeat 0 -493px;
}
.toolbarButton.mouse .text {
background: url("/media/img/gui_32.png") no-repeat 0 -1793px;
}
.toolbarButton:hover.mouse .text {
background: url("/media/img/gui_32.png") no-repeat 0 -1793px;
}
.toolbarButton:active.mouse .text {
background: url("/media/img/gui_32.png") no-repeat 0 -1893px;
}
.toolbarButton.selected.mouse .text {
background: url("/media/img/gui_32.png") no-repeat 0 -1693px;
}
.toolbarButton .text {
padding-left: 36px;
font-size: 16px;
line-height: 1;
color: #FFFFFF;
display: inline-block;
}
.toolbarButton:active .text {
color: #005068;
}
.toolbarButton.selected .text {
color: #006c8c;
}
.toolbarButton .label {
margin-top: 5px;
display: block;
font-weight: bold;
}
.toolbarListContainer {
width: 284px;
margin-left: 7px;
margin-right: 7px;
float: left;
margin-bottom: 29px;
overflow: hidden;
position: relative;
padding-bottom: 1px;
}
.toolbarListContainer.last+.toolbarListContainer {
clear: both;
}
.toolbarListContainer .image {
width: 284px;
}
.toolbarListContainer .image .visual {
display: block;
margin: 0 auto;
}
.toolbarListContainer .head {
-webkit-border-radius: 2px;
border-radius: 2px;
background: #CBE9F1;
position: relative;
height: 50px;
border-bottom: 1px solid #A7A7A7;
-webkit-box-shadow: 1px 1px 0 0 #D4D4D4;
box-shadow: 1px 1px 0 0 #D4D4D4;
cursor: pointer;
}
.toolbarListContainer .headWrapper {
height: 38px;
padding: 5px 5px 5px 7px;
border: 1px solid #FFFFFF;
background: url("/media/img/pricebox_header_gradient.png") repeat-x;
}
.toolbarListContainer .head h2.toolbarListContainerHeadline {
color: #000000;
font-size: 16px;
line-height: 16px;
padding-top: 10px;
padding-left: 11px;
}
.toolbarListContainer li.listItem {
height: 40px;
}
.toolbarListContainer li.listItem .mediumSecondaryButton {
width: 284px;
}
.toolbarListContainer li.listItem .mediumSecondaryButton .right {
text-align: left;
padding-left: 6px;
}
.toolbarContentItem .teaser {
background: #E2F1F4;
padding: 13px 19px 12px;
float: left;
width: 243px;
margin-left: 0;
margin-right: 19px;
margin-bottom: 29px;
font-size: 12px;
border: 1px solid #B1B1B1;
}
.toolbarContentItem .teaser.shadowBox {
-webkit-box-shadow: 1px 1px 1px 0 #B1B1B1;
box-shadow: 1px 1px 1px 0 #B1B1B1;
}
.toolbarContentItem .teaser h3.teaserHeadline {
font-size: 18px;
padding-bottom: 8px;
color: #006C8C;
}
.toolbarContentItem .teaser a.teaserLink {
display: block;
padding-left: 17px;
margin-top: 4px;
font-size: 16px;
font-weight: bold;
background-position: 0 5px;
}
.toolbarContentItem .teaser .paragraph {
padding: 0;
}
.toolbarContentItem .teaser a.teaserLink:hover {
background-position: 0 -95px;
}
/** END Toolbar **/
/** BEGIN ToolbarBerater **/
.toolbarBerater {
display: block;
}
.toolbarWrapper .toolbar .toolbarBerater .input {
background-position: left 0;
position: relative;
}
.toolbarWrapper .toolbar .toolbarBerater .input .inputText {
background-position: right 0;
width: 400px;
}
.toolbarBerater .toolbarBeraterForm {
margin-bottom: 30px;
}
.toolbarBerater .inputTextWrap,
.toolbarBerater .inputRadioWrap,
.toolbarBerater .inputSubmitWrap {
float : left;
}
.toolbarBerater .inputTextWrap {
padding-top: 7px;
}
.toolbarBerater .inputRadioWrap {
margin-left: 15px;
}
.toolbarBerater .inputRadioWrap .singleElement {
display: inline-block;
}
.toolbarBerater .inputSubmitWrap {
float: right;
padding-top: 5px;
}
.toolbarBerater .inputSubmitWrap .primaryButton {
min-width: 120px;
}
.toolbarBerater .toolbarBeraterTiles {
width: 335px;
height: 580px;
float: left;
margin-right: 10px;
}
.toolbarBerater .toolbarBeraterMap {
width: 200px;
float: left;
}
.toolbarBerater .toolbarBeraterTile {
background-color: #FFFFFF;
padding: 10px;
margin-bottom: 10px;
}
.toolbarBerater .toolbarBeraterTile.selected {
background: #CFEAF1;
background: linear-gradient(to bottom, #E2F1F5 0%, #CFEAF1 100%, #CFEAF1 100%) repeat scroll 0 0 transparent;
-webkit-box-shadow: inset 0px 0px 0px 2px #FFFFFF;
box-shadow: 0 0 1px 2px #FFFFFF inset;
}
.toolbarBerater .toolbarBeraterTile h2 {
display: block;
margin-bottom: 10px;
font-size: 18px;
}
.toolbarBerater .toolbarBeraterTile {
padding-bottom: 10px;
}
.toolbarBerater .toolbarBeraterTileImage {
float: left;
padding-right: 10px;
}
.toolbarBerater .toolbarBeraterAddress {
line-height: 22px;
}
.toolbarBerater .iconStandalone {
display: block;
margin-top: 8px;
font-size: 16px;
font-weight: bold;
}
.toolbarBerater .toolbarBeraterTileLinks {
border-top: 1px solid #CCCCCC;
padding-top: 5px;
position: relative;
height: 12px;
}
.toolbarBerater .toolbarBeraterTileLinks .link {
position: absolute;
}
.toolbarBerater .toolbarBeraterTileLinks .link.linkEmail {
left: 0;
}
.toolbarBerater .toolbarBeraterTileLinks .link.linkWeb {
left: 121px;
}
.toolbarBerater .toolbarBeraterTileLinks .link.linkRoute {
right: 0;
}
.toolbarBerater .italic {
font-size: 12px;
}
.toolbarBerater .jspTrack,
.toolbarBerater .jspCap {
background-color: transparent;
}
.toolbarBerater .toolbarBeraterForm .loader {
background: url("/media/img/ajax-loader.gif") no-repeat scroll center center #FFFFFF;
display: block;
position: absolute;
width: 25px;
height: 25px;
top: 9px;
right: 8px;
}
/** END ToolbarBerater **/
/** BEGIN ToolbarProdukte **/
.toolbarProdukte {
width: 920px;
}
.toolbarProdukte .column {
width: 285px;
float: left;
margin-right: 20px;
}
.toolbarProdukte .toolbarProdukteGroup {
margin-right: 20px;
margin-bottom: 0px;
margin-top: 20px;
float: left;
position: relative;
width: 285px;
}
.toolbarProdukte .toolbarProdukteGroup.lastinrow {
margin-bottom: 23px;
}
.toolbarProdukte .toolbarProdukteGroupHeadlineWrap {
position:relative;
z-index: 1;
}
.toolbarProdukte .toolbarProdukteGroupHeadline {
font-size: 16px;
padding: 12px 20px;
display: inline-block;
background-color: #DCEFF4;
background: linear-gradient(to bottom, #E2F1F5 0%, #E2F1F5 90%, #CFEAF3 100%) repeat scroll 0 0 transparent;
color: #016C8C;
border:1px solid #FFFFFF;
width: 242px;
}
.toolbarProdukte .toolbarProdukteItems {
position:relative;
}
.toolbarProdukte .toolbarProdukteItem {
border-bottom:1px solid #DDDDDD;
border-left:1px solid #CECECE;
border-right: 1px solid #BCBCBC;
}
.toolbarProdukte .toolbarProdukteItem a.toolbarProdukteLink {
color: #016C8C;
background-color: #FFFFFF;
border: 2px solid #FFFFFF;
padding: 10px 20px;
display: block;
width: 239px;
}
.toolbarProdukte .toolbarProdukteItem a.toolbarProdukteLink:hover {
background-color: #DCEFF4;
}
/** END ToolbarProdukte **/
/** BEGIN ToolbarRechner **/
.toolbarRechner {
margin-right: -21px;
}
.toolbarRechner .toolbarRechnerGroup {
margin-right: 19px;
margin-bottom: 23px;
margin-left: 1px;
}
.toolbarRechner .toolbarRechnerGroup {
float: left;
margin-bottom: 6px;
}
.toolbarRechner .toolbarRechnerGroupHeadline {
font-size: 18px;
padding: 20px 0 30px;
font-weight: bold;
}
.toolbarRechner .toolbarRechnerItem {
padding-bottom: 17px;
position: relative;
padding-bottom: 20px;
}
.toolbarRechner .secondaryButton {
width: 285px;
}
.toolbarRechner .secondaryButton .text {
font-weight: normal;
color: #016C8C;
padding-right: 50px;
text-align: left;
display: block;
}
.toolbarRechner .toolbarRechnerItem:hover .icon {
display: block;
width: 32px;
height: 32px;
position: absolute;
right: 10px;
top: 5px;
background: url("/media/img/gui_16.png") no-repeat scroll center -1003px transparent;
}
.toolbarRechner .teaserCrossSelling {
width: 242px;
margin-top: 73px;
}
.toolbarRechner .teaserCrossSelling h3 {
margin-bottom: 10px;
}
/** END ToolbarRechner **/
/** BEGIN ToolbarSchaden **/
.toolbarSchaden {
width: 920px;
}
.toolbarSchaden .toolbarSchadenImage {
float: left;
width: 220px;
}
.toolbarSchaden .toolbarSchadenText {
float: left;
width: 600px;
padding: 0 30px;
}
.toolbarSchaden .toolbarSchadenTab {
margin-top: 16px;
}
.toolbarSchaden .toolbarSchadenTab {
margin-bottom: 16px;
}
.toolbarSchaden .toolbarSchadenTab li {
float: left;
width: 299px;
position: relative;
}
.toolbarSchaden .toolbarSchadenTab li a {
display: block;
padding: 20px 70px;
text-align: center;
background: #ffffff; /* Old browsers */
color: #006C8C;
font-size: 16px;
}
.toolbarSchaden .toolbarSchadenTab li.selected {
border-bottom: 1px solid #505050;
box-shadow: 0px 1px 1px 0px #858585;
}
.toolbarSchaden .toolbarSchadenTab li a:hover,
.toolbarSchaden .toolbarSchadenTab li.selected a {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.toolbarSchaden .toolbarSchadenTab li .needle {
display: none;
}
.toolbarSchaden .toolbarSchadenTab li.selected .needle {
background: url("/media/img/gui_32.png") no-repeat 0 -3200px;
position: absolute;
left: 140px;
display: block;
width: 32px;
height: 32px;
}
.toolbarSchadenTabContent {
display: none;
}
.toolbarSchadenTabContent.selected {
display: block;
}
.toolbarSchaden .containerContent {
padding: 30px;
}
.toolbarSchaden .tabContent-left h3 {
font-size: 18px;
padding-bottom: 9px;
}
.toolbarSchaden .tabContent-left {
float: left;
width: 270px;
padding-right: 30px;
}
.toolbarSchaden .tabContent-right {
float: left;
width: 440px;
padding-left: 80px;
position: relative;
}
.toolbarSchaden .iconBig.iconPhone {
display: inline-block;
position: absolute;
top: 10px;
left: 20px;
padding: 0;
height: 43px;
}
.toolbarSchaden .tab-2 .tabContent-right {
padding-left: 0;
width: 540px;
}
.toolbarSchaden .tab-3 .tabContent-right {
padding-top: 30px;
}
.toolbarSchaden .toolbarSchadenLinkList li {
margin-bottom: 20px;
}
.toolbarSchaden .toolbarSchadenBtn {
width: 248px;
float: left;
margin: 0 0 20px 20px;
}
/** END ToolbarSchaden **/
/** BEGIN Tooltip **/
.tooltip {
display: inline-block;
position: relative;
zoom: 1;
*display: inline;
}
.tooltip .opener {
display: inline-block;
zoom: 1;
*display: inline;
width: 25px;
height: 25px;
cursor: pointer;
text-align: center;
padding: 2px;
background: url("/media/img/gui_32.png") no-repeat 0px -900px;
}
.tooltip.loupe .opener {
background-position: 0px -800px;
}
.tooltip.loupe a.opener.selected {
background-position: 0px -800px;
}
.tooltip.mapcomp .opener,
.tooltip.mapcomp .opener.selected {
background: url("/media/img/mapicons.png") no-repeat 0px 0px;
width: 57px;
height: 47px;
}
.tooltip.mappartner .opener,
.tooltip.mappartner .opener.selected {
background: url("/media/img/mapicons.png") no-repeat 0px -100px;
width: 57px;
height: 47px;
}
.tooltip.loupe a.opener.selected {
background-position: 0px -800px;
}
.tooltip.link .opener {
width: auto;
height: auto;
padding: 0px;
padding-left: 15px;
margin-left: 10px;
color: #006C8C;
font-weight: bold;
line-height: 18px;
background: url("/media/img/gui_12.png") no-repeat 0 -1594px;
text-align: left;
}
.tooltip.link .opener:hover {
color: #9ACBD9;
background-position: 0 -1694px;
}
.tooltip.link:active .opener:hover {
color: #005068;
background-position: 0 -1794px;
}
.tooltip.inline {
display: inline-block;
padding-right: 10px;
}
.tooltipLayer {
display: none;
position: absolute;
width: 425px;
padding: 10px;
background: #E2F1F6;
/*height:300px;*/
z-index: 35000;
text-align: left;
color: #000000;
border: 1px solid #BBBBBB;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 1px 1px 5px 1px #e4e4e4;
box-shadow: 1px 1px 5px 1px #e4e4e4;
}
.tooltipLayer.mapcomp,
.tooltipLayer.mappartner {
background-color: #FFFFFF;
width: auto;
min-width: 200px;
}
.tooltipLayer .tooltipLayerHeadline {
padding-bottom: 20px;
padding-right: 20px;
line-height: 18px;
}
.tooltipLayer .close {
display: block;
position: absolute;
right: 9px;
top: 9px;
width: 15px;
cursor: pointer;
height: 15px;
background: url("/media/img/gui_16.png") no-repeat 0 -200px;
}
.tooltipLayer .needle {
position: absolute;
width: 10px;
height: 20px;
background: url("/media/img/gui_24.png") no-repeat 0 -1500px;
}
.tooltipLayer.mapcomp .needle,
.tooltipLayer.mappartner .needle {
background: url("/media/img/gui_16.png") no-repeat 0 -3804px;
width: 15px;
height: 35px;
left: -15px;
}
.tooltipLayer.mapcomp,
.tooltipLayer.mappartner {
background-color: #EEEEEE;
padding: 0;
}
.tooltipLayer.mapcomp {
width: 320px;
}
.tooltipLayer.mappartner {
width: 220px;
}
.tooltipLayer.mapcomp .tooltipLayerHeadline,
.tooltipLayer.mappartner .tooltipLayerHeadline {
border: 2px solid #FFFFFF;
padding: 8px 30px 8px 10px;
}
.tooltipLayer.mapcomp .tooltipContent,
.tooltipLayer.mappartner .tooltipContent {
padding: 10px;
background-color: #ffffff;
}
.tooltipLayer.mapcomp .tooltipDistance,
.tooltipLayer.mappartner .tooltipDistance {
font-style: italic;
position: absolute;
margin-top: -26px;
right: 10px;
font-size: 12px;
}
.tooltipLayer.mapcomp .tooltipContent,
.tooltipLayer.mapcomp .tooltipContent {
padding: 0;
}
.tooltipLayer.mapcomp .tooltipList,
.tooltipLayer.mappartner .tooltipList {
}
.tooltipLayer.mapcomp .tooltipList li,
.tooltipLayer.mappartner .tooltipList li {
padding: 0 8px;
margin: 0 2px;
border-top: 1px solid #9ACBDA;
}
.tooltipLayer.mapcomp .tooltipList li:first-child,
.tooltipLayer.mappartner .tooltipList li:first-child {
border-top: 0;
}
.tooltipLayer.mapcomp .tooltipList li:last-child a,
.tooltipLayer.mappartner .tooltipList li:last-child a{
}
.tooltipLayer.mapcomp .tooltipList li a,
.tooltipLayer.mappartner .tooltipList li a {
position: relative;
width: 100%;
font-weight: bold;
color: #006C8C;
display: inline-block;
padding: 10px 0 9px;
}
.tooltipLayer.mapcomp .tooltipList li:hover,
.tooltipLayer.mappartner .tooltipList li:hover {
background-color: #9ACBD9;
}
.tooltipLayer .needle.top {
width: 20px;
height: 10px;
background: url("/media/img/gui_24.png") no-repeat 0 -1600px;
}
.tooltipLayer .needle.right {
width: 10px;
height: 20px;
background: url("/media/img/gui_24.png") no-repeat 0 -1701px;
}
.tooltipLayer .needle.bottom {
width: 20px;
height: 10px;
background: url("/media/img/gui_24.png") no-repeat 0 -1800px;
}
/** END Tooltip **/
/** BEGIN TopProducts **/
.topProducts {
}
.topProducts h1 {
color:#326901;
margin-bottom:10px;
margin-top:20px;
}
.topProducts .stage{
height:400px;
background:#FFFFFF;
padding:20px;
}
.topProducts .products {
overflow:auto;
}
.topProducts .products .product{
float:left;
margin-right:4px;
}
.topProducts .products .product.last{
margin-right:0px;
}
.productButton {
width:185px;
height:67px;
display:inline-block;
cursor:pointer;
}
.productButton .left {
display:block;
padding-left:20px;
height:100%;
background:url("/media/img/buttons_left.png") no-repeat 0 -400px;
}
.productButton .right {
display:block;
height:53px;
padding-top:14px;
background:url("/media/img/buttons_right.png") no-repeat right -400px;
}
.productButton:hover .left,
.productButton:hover .right
{
background-position: 0px -500px;
}
.productButton:hover .right
{
background-position: right -500px;
}
.productButton:active .left,
.productButton:active .right {
background-position: 0px -600px ;
}
.productButton:active .right {
background-position: right -600px;
}
.productButton.selected .left,
.productButton.selected .right {
background-position: 0px -700px;
}
.productButton.selected .right {
background-position: right -700px;
}
.productButton .text {
font-size:16px;
color:#FFFFFF;
display:inline-block;
padding-bottom:2px;
}
.productButton:active .text,
.productButton.selected .text {
color:#5D9A18;
}
.productButton .label{
display:block;
font-weight:bold;
}
/** END TopProducts **/
/* Extend Gothaer PI Styles */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.textContainer .price {
font-size: 30px;
}
}
.toolbarWrapper .toolbar .toolbarContent .wrapper {
margin-bottom: 40px !important;
}
.tabContainer.tab-container-height-small .textContainer {
height: 100px !important;
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}
.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}
.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.fancybox-opened {
z-index: 8030;
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.fancybox-outer, .fancybox-inner {
position: relative;
}
.fancybox-inner {
overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}
.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}
.fancybox-image {
max-width: 100%;
max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('/media/img/fancybox/fancybox_sprite.png');
}
#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
#fancybox-loading div {
width: 44px;
height: 44px;
background: url('/media/img/fancybox/fancybox_loading.gif') center center no-repeat;
}
.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url('/media/img/fancybox/blank.gif'); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}
.fancybox-prev {
left: 0;
}
.fancybox-next {
right: 0;
}
.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}
.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}
.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}
.fancybox-nav:hover span {
visibility: visible;
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}
/* Overlay helper */
.fancybox-lock {
overflow: hidden;
}
.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('/media/img/fancybox/fancybox_overlay.png');
}
.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}
.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
.socialshareprivacy_wrapper{
float: left;
margin-left: 20px;
width: 650px;
}
#socialshareprivacy {
width: 650px;
/*overflow: hidden;*/
float: left;
}
.social_share_privacy_area {
clear: both;
/* margin: 20px 0 !important;*/
list-style-type: none;
padding: 0 !important;
width: auto;
height: 30px;
display: block;
}
.social_share_privacy_area li {
margin: 0 !important;
padding: 0 !important;
height: 30px;
float: left;
}
.social_share_privacy_area li .dummy_btn {
float: left;
margin: 4px 0 0 10px;
cursor: pointer;
padding: 0;
height: inherit;
}
.social_share_privacy_area li div iframe {
overflow: hidden;
height: inherit;
width: inherit;
}
/* Facebook begin */
.social_share_privacy_area .facebook {
width: 230px;
display: inline-block;
}
.social_share_privacy_area .facebook .fb_like iframe {
width: 145px;
}
/* Facebook end */
/* Twitter begin */
.social_share_privacy_area .twitter {
width: 180px;
}
.social_share_privacy_area li div.tweet {
width: 59px;
}
/* Twitter end */
/* Google+ begin */
.social_share_privacy_area .gplus {
width: 175px;
}
.social_share_privacy_area li div.gplusone {
width: 50px;
}
/* Google+ end */
/* Switch begin */
.social_share_privacy_area li .switch {
display: inline-block;
text-indent: -9999em;
/*background: transparent url(images/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;*/
background: transparent url(/media/img/footer_social.png) no-repeat 0 0 scroll;
width: 62px;
height: 25px;
overflow: hidden;
float: left;
margin: 4px 0 0;
padding: 0;
cursor: pointer;
}
.social_share_privacy_area li .switch.on {
background-position: 0 -100px;
}
/* Switch end */
/* Tooltips begin */
.social_share_privacy_area li.help_info {
position: relative;
}
.social_share_privacy_area li.help_info .info,
.social_share_privacy_area li .help_info.icon .info,
.social_share_privacy_area li .help_info.icon span {
display: none;
position: absolute;
bottom: 40px;
left: 0;
width: 290px;
padding: 10px 15px;
margin: 0;
font-size: 12px;
line-height: 16px;
font-weight: bold;
border: 1px solid #ccc;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 0 3px 4px #999;
-webkit-box-shadow: 0 3px 4px #999;
box-shadow: 0 3px 4px #999;
background-color: #e2f1f6;
color: #000;
z-index: 500;
height: auto;
}
.social_share_privacy_area li.gplus.help_info .info {
left: -60px;
}
.social_share_privacy_area li .help_info.icon .info {
left: -243px;
width: 350px;
}
.social_share_privacy_area li.help_info.display .info,
.social_share_privacy_area li .help_info.icon.display .info {
display: block;
}
.social_share_privacy_area li.help_info.info_off.display .info {
display: none;
}
.social_share_privacy_area li .help_info.icon {
background: url(/media/img/footer_social.png) no-repeat scroll 0 -2201px transparent;
width: 54px;
height: 20px;
position: relative;
display: inline-block;
/*vertical-align: top;
border: 2px solid #e7e3e3;
border-right-width: 0;
-moz-border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;*/
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
border-top-width: 0;
border-left-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
border-right-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* Tooltips end */
/* Settings/Info begin */
.social_share_privacy_area li.settings_info {
position: relative;
top: 3px;
/*display: none;*/
}
.social_share_privacy_area li.settings_info a {
text-decoration: none;
margin: 0 !important;
}
.social_share_privacy_area li.settings_info .settings_info_menu {
background-color: #f3f4f5;
border: 2px solid #e7e3e3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 2px 2px 3px #c1c1c1;
-webkit-box-shadow: 2px 2px 3px #c1c1c1;
box-shadow: 3px 3px 3px #c1c1c1;
left: 0;
position: absolute;
top: 0;
width: 54px;
z-index: 1000;
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off {
border-width: 0;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.social_share_privacy_area li.settings_info .settings_info_menu.off form {
display: none;
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu .settings {
text-indent: -9999em;
display: none;
background: #fff url(images/settings.png) no-repeat center center scroll;
width: 25px;
height: 20px;
border: 2px solid #e7e3e3;
-moz-border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border-left: 1px solid #ddd;
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
border-top-width: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
border-width: 0;
margin: 0;
padding: 0 10px 10px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
font-size: 11px;
font-weight: bold;
line-height: 14px;
margin: 0;
padding: 10px 0;
width: 115px;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
clear: both;
float: left;
margin: 4px 10px 4px 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
display: inline-block;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 24px;
-moz-transition: color .5s ease-in;
-webkit-transition: color .5s ease-in;
transition: color .5s ease-in;
margin: 0;
padding: 0;
}
.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
color: #090;
}
/* personally added */
.gc-bubbleDefault, .pls-container {
display: none !important;
}
.footerWrapper .footerSocial .btnHelp{
padding: 0 40px 0 0;
}
/* Settings/Info end */
/** BEGIN standardContainer form inputBase **/
.standardContainer .inputBase .inputContainer {
width: auto;
}
/** END standardContainer form inputBase **/
/** BEGIN seitenContainer als Ersatz für **/
.seitenContainer {
width:960px;
margin:0 auto;
padding-bottom:28px;
}
.seitenContainer.white {
background-color: #FFFFFF;
padding: 20px;
}
.seitenContainer.noPadding {
padding: 0;
}
.seitenContainer .rechnerTarifInfo {
position:absolute;
top:15px;
right:0px;
z-index:102;
}
.seitenContainer .backLink {
background:url("/media/img/gui_12.png") no-repeat 0 -2296px;
cursor: pointer;
float: right;
z-index: 15;
position: relative;
color:#006C8C;
}
.seitenContainer .backLink:hover {
color:#9ACBD9;
font-weight: bold;
background-position: 0 -2396px;
}
/** END seitenContainer **/
p.noPadding {
padding:0;
}
/** BEGIN Section **/
.sectionGroup {
margin-right: -6px;
}
.contentToHide .sectionGroup {
float: left;
width: 100%;
}
.kachelGroup {
background: none repeat scroll 0 0 #FFFFFF;
margin-right: -6px;
float: left;
width: 100%;
}
.accordionModul .sectionGroup {
width: 100%;
}
.section {
width: 100%;
background:none;
margin:0 auto;
}
.section.width50 {
float: left;
width: 50%;
}
.section.width33 {
float: left;
width: 33.3%;
}
.section .sectionBox {
margin-right: 6px;
}
.contentToHide .sectionBox {
margin-right: 0;
}
.section .sectionHeadline {
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:#333333;
font-size:20px;
font-weight:bold;
background:#EEEEEE;
border:2px solid #FFFFFF;
margin-bottom:0px;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.section.blue .sectionHeadline {
background: none repeat scroll 0 0 #CBE9F1;
}
.section.small .sectionHeadline {
padding:6px 10px;
font-size: 16px;
line-height: 18px;
}
.section.lightBlue .sectionHeadline {
border:1px solid #FFFFFF;
-webkit-box-shadow: 0px 1px 1px 0px #D4D4D4;
box-shadow :0px 1px 1px 0px #D4D4D4;
background:#CBE9F1;
background: rgb(226,241,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,241,245,1) 0%, rgba(207,234,241,1) 100%, rgba(207,234,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,241,245,1)), color-stop(100%,rgba(207,234,241,1)), color-stop(100%,rgba(207,234,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f1f5', endColorstr='#cfeaf1',GradientType=0 ); /* IE6-9 */
position:relative;
z-index:101;
padding-left:11px;
padding-top:11px;
padding-bottom:12px;
}
.section.lightBlue.small .sectionHeadline {
padding:7px 11px;
}
.section .sectionContent {
border-top:1px solid #E6E6E6;
background:#FFFFFF;
color: #000000;
position:relative;
padding: 18px;
z-index:100;
}
.section.bgLightBlue .sectionContent{
background: #F5FBFB;
}
.section.noPadding .sectionContent {
padding:0px;
}
.section.noBackground .sectionContent {
background: transparent;
}
.contentToHide .section {
margin:0;
}
.contentToHide .sectionContent {
border:none;
}
/** END Section **/
.contentWrapperCMS {
background: none repeat scroll 0 0 #E5E5E5;
}
/** BEGIN Headlines **/
.seitenContainer .pageHeadline {
padding-top: 47px;
}
.emptyPageHeadline {
padding-bottom: 30px;
}
.pageHeadline.rechner {
margin: 0 auto;
width: 960px;
}
.secondaryHeadlineSmall {
color: #333333;
font-size: 21px;
padding-bottom: 3px;
padding-top: 0;
line-height: 27px;
}
h4.boxContHeadline {
color: #333333;
font-size: 20px;
font-weight: bold;
line-height: 28px;
}
h3.boxContHeadline {
color: #333333;
font-size: 20px;
font-weight: normal;
line-height: 28px;
}
h3.underRow {
color: #333333;
font-size: 17px;
font-weight: bold;
line-height: 20px;
}
.TextKlein {
font-size: 10px;
line-height: 0.9;
}
/** END Headlines **/
/** BEGIN Links **/
a.backLink:hover {
color:#9ACBD9;
font-weight: bold;
background-position: 0 -2396px;
}
a.backLink:active {
color:#005068;
background-position: 0 -2496px;
}
.standardContainer .sectionHeadline a.link{
float: right;
margin-top: 7px;
color: #006C8C;
}
a.download {
background: url("/media/img/gui_24.png") no-repeat scroll 0 -2000px transparent;
padding: 4px 0 14px 24px;
font-size: 14px;
color: #006C8C;
cursor: pointer;
display: inline-block;
font-weight: bold;
}
.textContent .primaryButton {
clear:left;
position: relative;
margin: 15px 0 0;
}
.textContent .toBoB {
clear:left;
margin-top: 15px;
color: #006C8C;
}
.buttons .toBoB {
margin-top: 20px;
}
/** END Links **/
/** BEGIN Price textContainer**/
.textContainer .priceType {
padding: 0;
font-size: 18px;
font-weight: bold;
display: block;
}
.textContainer .priceDisplay {
float: left;
}
.textContainer .price {
font-size: 36px;
font-weight: bold;
vertical-align: text-top;
padding: 0 0 0 5px;
display: block;
float: left;
}
.textContainer .prePrice {
padding-top: 4px;
float: left;
}
.textContainer .postPrice {
display: block;
text-align: right;
clear: left;
padding-bottom: 15px;
}
table td .postPrice {
padding: 0;
}
/** END Price textContainer **/
/** BEGIN Produkt Preis **/
.table .price {
font-size: 28px;
font-weight: bold;
}
.table .payment {
display: block;
}
.table .tooltip {
float: left;
padding-left: 10px;
}
.table .tooltip_right .tooltip{
float: right;
}
.table .tooltip_left .tooltip{
padding-left: 0;
padding-right: 10px;
}
.table .tooltip_right.headline,
.table .tooltip_left.headline{
white-space: normal!important;
}
.table.oneCol .priceDisplay {
padding-left: 110px;
}
.beschreibung .priceDisplay {
float: left;
padding-left: 24px;
}
.beschreibung .price {
vertical-align: text-top;
padding: 0 0 0 5px;
display: block;
float: left;
}
.beschreibung .prePrice {
padding-top: 4px;
float: left;
}
.beschreibung .postPrice {
display: block;
clear: left;
padding-bottom: 15px;
}
/** END Produkt Preis**/
/** BEGIN Rechnertabelle Preis **/
.table td.preis {
padding: 0;
}
.table td.preis .head {
position:relative;
}
.table td.preis .head,
.table td.preis .body {
padding: 10px;
border-right: medium none;
}
.table td.preis .head .headWrapper {
text-align:left;
}
/** END Rechnertabelle **/
.seitenContainer.withHint {
padding-top: 31px;
}
/** Tooltip **/
td.firstRow .beschreibung {
color: #000000;
display: inline-block;
font-weight: bold;
margin-right: 10px;
vertical-align: middle;
padding-right: 5px;
}
.tooltipLayer .close {
position:relative;
float: right;
top:0px;
right:0px;
width:15px;
cursor:pointer;
height:15px;
background:url("/media/img/gui_16.png") no-repeat 0 -200px;
}
.firstRow .tabellenlabel {
float: left;
width: 200px;
vertical-align: middle;
}
h3.rechnerGroupItemHeadline {
display:inline-block;
*display:inline;
zoom:1;
font-weight:bold;
font-size:13px;
vertical-align:middle;
margin-right:10px;
color:#000000;
}
/** BEGIN Section **/
.section {
float: left;
position: relative;
width: 100%;
background:none;
/*margin-bottom:28px;*/
}
.section .stoerer {
right: 12px;
top: -6px;
z-index: 1000;
}
.stoerer.eins {
right: 494px;
top: -6px;
z-index: 100;
}
.stoerer.zwei {
right: 254px;
top: -6px;
z-index: 100;
}
.stoerer.drei {
right: 13px;
top: -6px;
z-index: 100;
}
.stoerer.withHead.eins {
top: 38px;
}
.stoerer.withHead.zwei {
top: 38px;
}
.stoerer.withHead.drei {
top: 38px;
}
.stoerer.tbody.eins {
right: 494px;
top: -6px;
z-index: 100;
}
.stoerer.tbody.zwei {
right: 254px;
top: -6px;
z-index: 100;
}
.stoerer.tbody.drei {
right: 13px;
top: -6px;
z-index: 100;
}
.stoerer.withHead.tbody.eins {
top: 38px;
}
.stoerer.withHead.tbody.zwei {
top: 38px;
}
.stoerer.withHead.tbody.drei {
top: 38px;
}
.section.width50 {
width: 50%;
}
.section.width33 {
width: 33.3%;
}
.section.width25 {
width: 25%;
}
.contentToHide .sectionBox {
margin-right: 0;
}
.section .sectionHeadline {
margin:0px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:#333333;
font-size:20px;
font-weight:bold;
background:#EEEEEE;
border:2px solid #FFFFFF;
margin-bottom:0px;
-webkit-transition: background-color 0.5s ease-out;
-moz-transition: background-color 0.5s ease-out;
-o-transition: background-color 0.5s ease-out;
-ms-transition: background-color 0.5s ease-out;
transition: background-color 0.5s ease-out;
}
.section .sectionHeadline.blue {
background: none repeat scroll 0 0 #CBE9F1;
}
.section .sectionHeadline.small{
font-size: 16px;
line-height: 18px;
padding: 6px 10px;
}
.section .sectionHeadline.lightBlue {
border:1px solid #FFFFFF;
-webkit-box-shadow: 0px 1px 1px 0px #D4D4D4;
box-shadow :0px 1px 1px 0px #D4D4D4;
background:#CBE9F1;
background: rgb(226,241,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,241,245,1) 0%, rgba(207,234,241,1) 100%, rgba(207,234,241,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,241,245,1)), color-stop(100%,rgba(207,234,241,1)), color-stop(100%,rgba(207,234,241,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226,241,245,1) 0%,rgba(207,234,241,1) 100%,rgba(207,234,241,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f1f5', endColorstr='#cfeaf1',GradientType=0 ); /* IE6-9 */
position:relative;
z-index:101;
padding-left:11px;
padding-top:11px;
padding-bottom:12px;
}
.section .sectionHeadline.small {
padding:7px 11px;
}
.section .sectionContent.gradientLightBlue {
border: 2px solid #FFFFFF;
background: rgb(226,241,245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226,241,245,1) 0%, rgba(226,241,245,1) 90%, rgba(207,234,243,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,241,245,1)), color-stop(90%,rgba(226,241,245,1)), color-stop(100%,rgba(207,234,243,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(226,241,245,1) 90%,rgba(207,234,243,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(226,241,245,1) 90%,rgba(207,234,243,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226,241,245,1) 0%,rgba(226,241,245,1) 90%,rgba(207,234,243,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226,241,245,1) 0%,rgba(226,241,245,1) 90%,rgba(207,234,243,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2f1f5', endColorstr='#cfeaf3',GradientType=0 ); /* IE6-9 */
}
/** END section **/
/** BEGIN TextUeberBild Modul **/
.standardContainer .textUeberBildModul {
background:#FFFFFF;
position:relative;
z-index:101;
}
.textUeberBildModul .textContainer {
background-color:#fff;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
background-color:rgba(255, 255, 255, 0.7);
position: absolute;
margin: 10px;
top: 20px;
bottom: 23px;
width: auto;
}
.textUeberBildModul .textContainer.introKategorie {
bottom: auto;
}
.textUeberBildModul .textContainer.right {
position: absolute;
right: 20px;
}
.textUeberBildModul .textContainer.left {
position: absolute;
left: 20px;
}
.textUeberBildModul .textContent {
padding: 13px 20px 0 20px;
position: relative
}
.textUeberBildModul .textContent .tooltip {
padding: 6px 0 0 6px;
}
.textUeberBildModul .textContainer .link .toBoB {
padding-top: 20px;
}
.textUeberBildModul .textContent .buttons {
clear: left;
}
.textUeberBildModul .textContent .buttons .toBoB{
margin-top: 0px;
}
.textUeberBildModul .primaryButton {
margin: 0 0 15px 0;
}
.textUeberBildModul .textContent .buttons .link {
display: block;
color: #006C8C;
}
.textUeberBildModul .textContent .buttons .primaryButton {
margin: 15px 0;
}
/** END TextUeberBild Modul **/
/** BEGIN IntroModulProdukte (Buehne) **/
.introModulProdukte p {
padding: 0 0 20px;
}
/** überschreibt pi_css **/
.introModulProdukte .seal {
top: 238px;
left: 42px;
bottom: inherit;
}
/** überschreibt pi_css **/
.introModulProdukte .imageContainer {
width: inherit;
margin-right: 20px;
}
.introModulProdukte .gallerybtn {
left: 20px;
top: 215px;
position: absolute;
}
.gallerybtn .secondaryButton {
width: 217px;
}
.introModulProdukte .buttons {
position: relative;
right: -35px;
}
.introModulProdukte .buttons.galleryBtn {
margin-top: 49px;
}
.introModulProdukte.sad .buttons.galleryBtn {
margin-top: 72px;
}
.introModulProdukte .sadButton1 {
position: absolute;
top: 215px;
}
.introModulProdukte .sadButton2 {
position: absolute;
top: 279px;
}
.introModulProdukteSadnoLogo .buttons {
position: relative;
right: 0px;
}
.introModulProdukte .primaryButton {
float: right;
margin-top: 25px;
}
.introModulProdukte .imageContainerSadlogo {
float: left;
position: absolute;
top: 20px;
right: 20px;
}
.introModulProdukte.withPadding .imageContainer {
margin-right:20px;
padding-bottom: 70px;
}
.introModulProdukte .textContent .primaryButton {
margin: 0 0 0 15px;
right: -35px;
}
.introModulProdukte.sadlogo .textContent .primaryButton {
margin: 0 0 0 15px;
right: -105px;
bottom: 0px;
}
.introModulProdukte.sad .textContent .galleryBtn .primaryButton {
bottom: 1px;
}
.introModulProdukte.sadlogo .textContent .galleryBtn .primaryButton {
bottom: 20px;
}
.introModulProdukte.sad .textContent .primaryButton {
margin: 0 0 0 15px;
right: 0px;
bottom: -52px;
}
.introModulProdukte.sadnoGallery .textContent .primaryButton {
margin: 0 0 0 15px;
right: 0px;
bottom: 0px;
}
.introModulProdukte.sadlogo .textContent .buttons .primaryButton,.introModulProdukte.sadnoGallery .textContent .buttons .primaryButton {
right: -110px;
}
.introModulProdukte .content {
position: absolute;
left: 20px;
}
.introModulProdukte.sad .textContent .buttons.galleryBtn .primaryButton {
right: 29px;
}
.introModulProdukte .textContent .buttons .primaryButton {
right: 0;
}
.introModulProdukte.sadnoGallery .textContent .buttons .primaryButton {
right: 30px;
}
.introModulProdukte.sad .textContainer {
width:569px;
}
.introModulProdukte.maxHeight .textContainer {
height:314px;
}
.introModulProdukte.minHeight .textContainer {
/** 1.3.000 defect 1710 min-height wird programatisch ein und ausgeschaltet **/
min-height:262px;
}
.introModulProdukte.minHeight2 .textContainer {
/** 1.3.200 defect 1710 min-height2 wird programatisch ein und ausgeschaltet **/
min-height:246px;
}
.introModulProdukte.sadnoGallery .textContainer {
/** 1.2.000 defect 1389 min-height raus **/
/** 1.2.001 defect 1389 min-height wieder rein weil es querwirkungen gab **/
/** 1.3.000 defect 1710 min-height wieder raus, buehne wurde angepasst **/
/** min-height: 262px;**/
}
.introModulProdukte.sad .imageContainer {
width:320px;
margin-right: 25px;
}
.tabContainer .introModulProdukte .stoerer {
top: -27px;
right: -10px;
}
.tabContainer .introModulProdukte .secondaryButton {
bottom: -26px;
left: 0px;
position: absolute;
}
.tabWrapper.withPadding .tabContainer .textContainer,
.tabContainer .textContainer {
height: 344px;
}
.tabWrapper.withPadding .tabContainer .introModulProdukte {
width: auto;
}
.tabContainer .introModulProdukte .buttons {
position: absolute;
bottom: -28px;
right: 0px;
}
.tabWrapper.withPadding .tabContainer .introModulProdukte .buttons {
position: absolute;
bottom: -22px;
right: 7px;
}
.tabContainer .introModulProdukte .primaryButton {
float: none;
}
.tabContainer .introModulProdukte .seal {
left: 22px;
top: 222px;
}
.tabContainer .introModulProdukte .textContainer .toBoB {
margin-left: 0px;
}
.introModulKategorie .sectionContent ul {
padding: 2px 0 20px;
}
.tabModule .tabContainer .introModulProdukte .primaryHeadline {
padding-left: 0px;
}
.tabModule .tabContainer .introModulProdukte p {
padding: 0px 0px 20px 0px ;
}
/** END IntroModulProdukte **/
/** BEGIN standardContainer **/
.standardContainer {
margin-bottom: 28px;
background: none repeat scroll 0 0 transparent;
padding: 0;
position:relative;
}
.standardContainer.noZ .sectionContent {
z-index: inherit;
}
.standardContainer.withPadding {
padding: 20px;
}
.standardContainer.white {
background: none repeat scroll 0 0 #FFFFFF;
}
.standardContainer.noMargin {
margin-bottom: 0;
}
.standardContainer.hideMode {
margin:0;
margin-bottom: 68px;
}
.standardContainer.hideMode .contentToHide {
z-index: 100;
overflow: hidden;
position: static;
}
.standardContainer.hideMode .contentToHide.sectionWrap {
padding: 0 15px 20px 20px;
}
.standardContainer .sectionHeadline {
background: none repeat scroll 0 0 #EEEEEE;
border: 2px solid #FFFFFF;
color: #333333;
font-size: 20px;
font-weight: bold;
margin: 0;
padding: 5px 10px;
transition: background-color 0.5s ease-out 0s;
}
/** AUFKLAPPER **/
.standardContainer .btn {
width : 684px;
height:38px;
margin:0 auto;
border:1px solid #B1B1B1;
border-top:none;
background:url("/media/img/gradient_btn_more.png") repeat-x;
text-align:center;
color:#FFFFFF;
font-weight:bold;
line-height:40px;
-webkit-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
position:absolute;
-webkit-box-shadow: 0px 0px 1px 0px #D4D4D4;
box-shadow: 0px 0px 1px 0px #D4D4D4;
cursor:pointer;
}
.smallExpandable.standardContainer .btn {
width : 510px;
}
.standardContainer .btn .labelWrapper {
padding-left:20px;
background:url("/media/img/gui_12.png") no-repeat 0 -1095px;
color:#333333;
}
.standardContainer .btn .label {
cursor:pointer;
padding-right:20px;
background:url("/media/img/gui_12.png") no-repeat right -1095px;
}
.standardContainer.open .btn .labelWrapper {
padding-left:20px;
background:url("/media/img/gui_12.png") no-repeat 0 -1194px;
}
.standardContainer.open .btn .label {
cursor:pointer;
padding-right:20px;
background:url("/media/img/gui_12.png") no-repeat right -1194px;
}
/** END Aufklapper **/
.standardContainer.hideMode .sectionBox {
margin: 0;
}
.sectionBox.textUeberBildModul.noMargin {
margin-right:0px;
border-top:none;
padding-bottom:0px;
}
.sectionBox.textUeberBildModul.noMargin .imageContainer {
padding:0px;
}
/** END standardContainer **/
/** BEGIN TABLE tooltip / label **/
.firstRow {
padding: 0 0 0 10px !important;
}
.rechnerGroupItem .label {
width: 234px;
}
table.table .wrapper {
display: table-cell;
vertical-align: middle;
height: 45px;
}
.firstRow .label {
position: relative;
}
.firstRow .tooltip {
vertical-align: middle;
position: absolute;
right:10px;
top:10px;
}
/** END tooltip **/
/** BEGIN tabWrapper **/
.tabModule .tabContainer .introModulProdukte {
padding:0px;
}
.tabModule .tabContainer > h4.primaryHeadline {
padding:0 0 12px 0;
}
.tabModule .tabContainer > h4.secondaryHeadline {
padding:0 0 20px 0;
}
.tabModule .tabContainer > p {
padding:0 0 40px 0;
}
.tabWrapper {
margin-bottom: 28px;
}
.tabModule {
margin-bottom: 28px;
}
.tabModule.bottom {
margin-bottom: 28px;
}
div.tabWrapper.withPadding {
padding: 20px;
background-color: #FFFFFF;
}
div.tabWrapper.withPadding h4.primaryHeadline {
padding-bottom: 12px;
}
div.tabWrapper.withPadding h4.secondaryHeadline {
padding-bottom: 20px;
}
div.tabWrapper.withPadding h4 + p {
padding-bottom: 40px;
}
div.tabWrapper.withPadding .tabModule .tabContainer {
padding: 12px;
}
div.tabWrapper.withPadding .tabModule .tabs {
border-bottom: 1px solid #B1B1B1;
padding-top: 0;
}
div.tabWrapper.withPadding .tabModule.bottom ul.tabs {
border-bottom: none;
}
div.tabWrapper.withPadding .tabModule ul.tabs li.selected {
border-top: 1px solid #B1B1B1;
border-bottom: 1px solid #FFFFFF;
margin-bottom: -1px;
}
div.tabWrapper.withPadding .tabModule.bottom ul.tabs li.selected {
border-top: none;
border-bottom: 1px solid #B1B1B1;
}
div.tabWrapper.withPadding .tabModule ul.tabs li {
width: 178px;
}
div.tabWrapper.withPadding .tabModule ul.tabs li.last {
width: 181px;
}
.tabModule ul.tabs li span.subline {
font-weight: normal;
}
.tabContainer .section .sectionContent {
border-top: none;
padding-top: 9px;
padding-left: 13px;
}
/*
.tabContainer .sectionContent.noPadding {
padding-left:0px;
padding-right:0px;
}
*/
/** END tabContainer **/
/** BEGIN InlineTabelle **/
.section .sectionContent.table {
padding: 0;
margin: 0;
border-top: 0;
}
.section .sectionContent .table {
width: 100%;
}
.sectionContent.table p {
padding-bottom: 0;
}
.standardContainer.white .sectionContent.table .invisible {
background-color: #FFFFFF !important;
}
/** END InlineTabelle **/
.section .sectionContent {
background: none repeat scroll 0 0 transparent;
}
.section .sectionContent.blue {
background: none repeat scroll 0 0 #CBE9F1;
}
.section .sectionContent.lightBlue {
background: #F5FBFB;
}
.section .sectionContent.grey {
background: none repeat scroll 0 0 #DDDDDD;
}
.section .sectionContent.white {
background: none repeat scroll 0 0 #FFFFFF;
}
.section.noPadding .sectionContent {
padding:0px;
}
.section.noBackground .sectionContent {
background: transparent;
}
.sectionContent .buttons {
float: left;
}
.sectionContent .buttons.right,
.sectionContent .primaryButton.right,
.sectionContent .secondaryButton.right {
float: right;
}
.sectionContent .buttons .primaryButton {
margin-left: 15px;
}
.sectionContent .buttons.left{
float: left;
}
.sectionContent .buttons.left .primaryButton {
margin-left: 0px;
margin-right: 15px;
}
.sectionContent .buttons .iconBerater {
position: absolute;
bottom: 19px;
}
.sectionContent .center {
position: relative;
text-align: center;
}
.sectionContent .center .primaryButton {
margin: 0 auto;
}
.sectionContent .center .primaryButton.equalHeight {
position: relative;
left:0;
right:0;
bottom:0;
}
.sectionContent .primaryButton.equalHeight {
position: absolute;
bottom: 18px;
left: 18px;
}
.sectionContent .primaryButton.equalHeight.right {
left:auto;
right: 18px;
}
.sectionContent .center .secondaryButton.equalHeight {
position: relative;
left:0;
right:0;
bottom:0;
}
.sectionContent .secondaryButton.equalHeight {
position: absolute;
bottom: 18px;
left: 18px;
}
.sectionContent .secondaryButton.equalHeight.right {
left:auto;
right: 18px;
}
.sectionContent p {
padding-bottom: 13px;
clear: left;
}
.sectionContent p.noPadding {
padding-bottom: 0;
}
.sectionContent p.imageLeft {
clear: right;
}
.sectionContent ul {
padding-bottom: 20px;
padding-top: 0;
float: left;
}
.accordionModul .contentToHide .section {
float: none;
}
/** END Section **/
/** BEGIN Fondsdaten **/
#templates {
color: #006C8C;
float: left;
margin-left: 20px;
margin-top: 25px;
width: 535px;
}
div.fondsdaten{
padding: 10px;
}
/** ENDE Fondsdaten **/
.standardContainer .textContainer ul {
overflow: hidden;
}
.imageContainer {
width:auto;
}
.standardContainer .imageContainer.left,
.tabContainer .imageContainer.left {
margin-right: 25px;
float: left;
}
.standardContainer .imageContainer.right,
.tabContainer .imageContainer.right {
margin-left: 25px;
float: right;
}
.contentToHide {
overflow:hidden;
}
.contentToHide .section {
margin:0;
}
.contentToHide .sectionContent {
border:none;
padding: 20px;
overflow: hidden;
}
.sectionHeadline .headline {
display: block;
font-size: 17px;
font-weight: bold;
line-height: 16px;
padding-bottom: 0px;
}
.sectionHeadline .subline {
display: block;
font-size: 14px;
line-height: 16px;
}
.sectionHeadline.small .headline {
display: block;
font-size: 16px;
font-weight: bold;
line-height: 16px;
padding-bottom: 1px;
}
/** BEGIN kachelModul **/
.kachelModul {
float:left;
border-right: 4px solid #E7E7E7;
}
.kachelModul.noBorder {
border-right: none;
}
.kachelModul.width33{
width:33%;
}
.kachelModul.width50{
width:49%;
}
.kachelModul.width50.noBorder {
border-right: none;
float:right;
}
.kachelModul .kachelModulItemContent {
border-top: 1px solid #E7E7E7;
margin: 0 8px;
padding: 20px 12px;
}
.kachelModul .kachelModulItemHeadline {
font-size: 16px;
}
.kachelModul .kachelModulImage {
float: left;
padding-bottom: 5px;
padding-right: 10px;
padding-top: 5px;
}
.kachelModul .kachelModulItemText {
line-height: 20px;
}
/** END kachelModul **/
/** BEGIN Preisschieber **/
label.crc {
margin:0px !important;
}
.section.calcSlider .sectionBox {
margin-right:0;
}
.section.calcSlider .sectionContent {
float:left;
}
.sectionContent .questionContainer {
float:left;
width:49%;
padding:10px;
}
.questionContainer .question {
display:block;
font-size:18px;
font-weight:bold;
padding:10px 0;
}
.sectionContent .resultContainer {
float:right;
position:relative;
}
.resultContainer .textContainer {
left:0;
top:0;
bottom:3px;
}
.resultContainer .textContainer.width50 {
width:50%;
}
.resultContainer .textContainer.width66 {
width:66%;
}
.resultContainer .textContent {
position: relative;
top:25%;
}
/** END Preisschieber **/
/** BEGIN Tabelle **/
.table {
margin-right: 6px;
width: auto;
}
table tr {
height:49px;
}
table.autoHeight tr {
min-height:49px;
}
.table.white {
margin-right: 0px;
width: auto;
background: #E5E5E5;
}
.table td .stoerer {
font-weight: lighter;
top: -7px;
right: 10px;
}
.table td .stoerer .stoererBody{
width: 80px;
}
.table th.right,
.table td.right {
text-align: right;
}
.table th.left,
.table td.left {
text-align: left;
}
.table td.block {
text-align: justify;
}
.table td.left ul.list{
list-style: outside;
padding-left: 10px;
}
.table.white tr .invisible,
.table.white.labelLeft tr .invisible {
background-color: #FFFFFF !important ;
}
.tabContainer .table.white tr .invisible,
.tabContainer .table.white.labelLeft tr .invisible {
background-color: #FFFFFF !important ;
}
.contractData table tr { height:0; }
.contentToHide .table { margin-right:0px; }
/** END Tabelle **/
/* Toolbar fix */
.toolbarProdukte .toolbarProdukteGroup {
margin-right: 0;
}
.toolbarButton.grid .text {
background: url("/media/img/gui_24.png") no-repeat 0 -195px;
}
.toolbarButton.selected {
height:70px;
background-color:#EBEBEB;
}
.toolbarButton:hover.grid .text {
background: url("/media/img/gui_24.png") no-repeat 0 -195px;
}
.toolbarButton:active.grid .text {
background: url("/media/img/gui_24.png") no-repeat 0 -295px;
}
.toolbarButton.selected.grid .text {
background: url("/media/img/gui_24.png") no-repeat 0 -95px;
}
.toolbarButton.press .text {
background: url("/media/img/gui_48.png") no-repeat 0 -1697px;
padding-left:50px;
}
.toolbarButton:hover.press.text {
background: url("/media/img/gui_48.png") no-repeat 0 -1695px;
}
.toolbarButton:active.press .text {
background: url("/media/img/gui_48.png") no-repeat 0 -1800px;
}
.toolbarButton.selected.press .text {
background: url("/media/img/gui_48.png") no-repeat 0 -1800px;
}
.toolbarButton.career .text {
background: url("/media/img/gui_48.png") no-repeat 0 -2093px;
padding-left:50px;
}
.toolbarButton:hover.career .text {
background: url("/media/img/gui_48.png") no-repeat 0 -2093px;
}
.toolbarButton:active.career .text {
background: url("/media/img/gui_48.png") no-repeat 0 -2193px;
}
.toolbarButton.selected.career .text {
background: url("/media/img/gui_48.png") no-repeat 0 -2193px;
}
.toolbarButton.investors .text {
background: url("/media/img/gui_48.png") no-repeat 0 -2496px;
padding-left:50px;
}
.toolbarButton:hover.investors .text {
background: url("/media/img/gui_48.png") no-repeat 0 -2496px;
}
.toolbarButton:active.investors .text {
background: url("/media/img/gui_48.png") no-repeat 0 -2596px;
}
.toolbarButton.selected.investors .text {
background: url("/media/img/gui_48.png") no-repeat 0 -2596px;
}
.toolbarButton.solutions .text {
background: url("/media/img/gui_24.png") no-repeat 0 -8195px;
}
.toolbarButton:hover.solutions .text {
background: url("/media/img/gui_24.png") no-repeat 0 -8195px;
}
.toolbarButton:active.solutions .text {
background: url("/media/img/gui_24.png") no-repeat 0 -8295px;
}
.toolbarButton.selected.solutions .text {
background: url("/media/img/gui_24.png") no-repeat 0 -8295px;
}
.toolbarButton.company .text {
background: url("/media/img/gui_32.png") no-repeat 0 -3495px;
}
.toolbarButton:hover.company .text {
background: url("/media/img/gui_32.png") no-repeat 0 -3495px;
}
.toolbarButton:active.company .text {
background: url("/media/img/gui_32.png") no-repeat 0 -3595px;
}
.toolbarButton.selected.company .text {
background: url("/media/img/gui_32.png") no-repeat 0 -3595px;
}
/* Toolbar Button Ihre Agentur immer im Zustand Hover */
.toolbarButton.consultant.hoverStatic .left,
.toolbarButton.consultant.hoverStatic .right {
background-position: 0 -100px;
}
.toolbarButton.consultant.hoverStatic .right {
background-position: right -100px;
}
.toolbarButton.consultant.hoverStatic.selected .left, .toolbarButton.consultant.hoverStatic.selected .right {
background-position: 0 -300px;
}
.toolbarButton.consultant.hoverStatic.selected .right {
background-position: right -300px;
}
/* GWT loading css */
#loading {position: absolute; left: 42%; top: 40%; padding: 2px; margin-left: -45px; z-index: 99999; border: 1px solid #ccc; }
#loading .loading-indicator { background: #fff; font: bold 13px tahoma, arial, helvetica; padding: 10px; margin: 0; height: auto; color: #444; }
#loading .loading-indicator img { margin-right: 8px; float: left; vertical-align: top; }
#loading-msg { font: normal 10px tahoma, arial, helvetica, sans-serif; }
/* GWT Styles */
#GWT-Zone { display:block; padding-top:25px; }
/*!
* jQuery UI Dialog 1.8.23
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog { position: absolute; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: 5px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-state-hover { background-color: #CBE9F1; }
.ui-dialog {
background-color: #FFF;
margin:0;
padding:0;
}
.ui-dialog .ui-dialog-titlebar-close {
height: 30px;
width: 30px;
top: 15px;
z-index: 33010;
padding: 2px;
background:url(/media/img/gui_32.png) no-repeat 0 -1300px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 1px;
}
.ui-dialog .ui-dialog-titlebar-close span {
position:absolute;
top: 20%;
left: 25%;
width: 100%;
height: 100%;
z-index: 100;
background:url(/media/img/gui_16.png) no-repeat 0 -2314px;
}
.ui-widget-overlay {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
background: repeat-x scroll 50% 50% #000;
opacity: 0.8 !important;
filter: alpha(opacity=80) !important;
}
.layerContent .section{
float:none;
}
.layerContent .sectionBox {
margin-right:0;
}
.layerOverlay {
position:absolute;
background:none repeat-x scroll 50% 50% rgb(0, 0, 0);
opacity: 0.8;
}
/** BEGIN BILD/VIDEO im Layer **/
.layerContent .imageContainer {
padding: 18px;
}
#movielayer_wrapper {
margin: 0px auto;
display: block;
}
.layerContent .imageContainer,
.layerContent .videoContainer {
padding: 18px;
}
.layerContent .imageContainer img,
.layerContent .videoContainer div {
margin: 0 auto;
display: block;
}
/** END BILD/VIDEO im Layer **/
#flag {
display: block;
height:0;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
z-index: 1;
font-size: 13px;
}
#flag span {
padding: 5px;
color: black;
border: 1px solid gray;
background-color: white;
position: relative;
left: 5px;
top: 5px;
}
div.pageinfo {
padding: 5px;
width: 200px;
color: black;
border: 1px solid gray;
background-color: white;
position: relative;
font-size: 13px;
}
div.shadow {
background-color:#A8A8A8;
border-bottom:2px solid #D1D1D1;
border-right:2px solid #D1D1D1;
left:3px;
padding-bottom:2px;
padding-right:2px;
position:relative;
top:3px;
width:211px;
}
/*Gästebuch Stylesheet -------------------------------------------------------------------------------*/
label {
color: #333333;
}
.tplclear {
clear: both;
height: 1px;
margin: 0;
overflow: hidden;
padding: 0;
}
.buttonright{
margin-top:7px;
float:right;
}
.sadgstbuch {
width:525px;
overflow:hidden;
margin-bottom:30px;
}
.sadgstbpaging table{
clear:both;
}
.pagebanner{
color:#333333;
background-color:#cbe9f0;
padding-left:12px;
font-size:13px;
font-weight:bold;
float:left;
}
.pagelinks{
color:#333333;
background-color:#cbe9f0;
font-size:13px;
float:right;
padding-right:5px;
}
.sadgstbpaging{
width:525px;
background-color:#cbe9f0;
float:none;
}
.pagelinks img{
margin-top:5px;
}
.gbuch {
margin-left: 0px;
}
#gaestebuch {
width: 960px;
}
#gaestebuch .ueberschrift {
border-bottom: 2px solid #FFFFFF;
background-color: #CBE9F1;
}
#gaestebuch .ueberschrift h2{
color: #333333;
padding: 6px 10px;
margin: 0;
font-weight: bold;
font-size: 18px;
line-height: 18px;
}
.kommentareList .quoteStart,
.kommentareList .quoteEnd {
z-index: inherit;
}
#gaestebuch .neuer-eintrag {
border-top: 1px solid #E6E6E6;
background-color:#FFFFFF;
}
#gaestebuch .neuer-eintrag img{
margin-left: 118px;
margin-right: 6px;
}
#gaestebuch .neuer-eintrag p{
margin-left: 11px;
margin-bottom: 13px;
}
#gaestebuch .neuer-eintrag p.text {
margin-bottom: 0px;
}
#gaestebuch .kommentareList {
background-color: #FFFFFF;
}
#gaestebuch #eintraege-auswahl{
border-top: 1px solid #E5E5E5;
height:28px;
}
#gaestebuch .eintrage-kopf{
padding-bottom:1em;
padding-top:5px;
}
#gaestebuch #uebrigeZeichen{
float: left;
margin: 6px 0px 0px 367px;
}
#gaestebuch #captcha{
float: right;
width: 297px;
}
#gaestebuch img.captcharesp{
float: left;
margin-left: 0px;
margin-right: 20px;
}
#gaestebuch .captchaerror{
color: red;
margin-bottom: 0px;
padding-top: 5px;
}
#gbeintrag label {
display: block;
width: 150px;
font-weight: bold;
padding-bottom: 3px;
}
#gbeintrag label.long {
width:460px;
font-weight:
normal;
}
#gbeintrag label.error {
margin-left: 100px;
width: auto;
display: block;
color: #f00;
float:none;
}
#gbeintrag textarea.text{
width: 453px;
height: 70px;
margin-top: 3px;
font-size: 14px;
padding-left: 15px;
}
#gbeintrag input.text {
position:relative;
height: 44px;
font-size:14px;
font-family:arial;
padding-right:16px;
padding-left:10px;
background: url("/media/img/input_right.png") no-repeat right 2px;
border: none;
width: 450px;
line-height:44px\9; /* IE8 and below - red border */
}
*+html #gbeintrag input.text {
line-height:44px;
}
#gbeintrag input.error, #gbeintrag textarea.error{
border:1px dotted #f00;
}
.highlight {
background-color: #DDEBC2;
color:inherit;
font-size:1em;
text-decoration:inherit;
}
.buttonright {
float:right;
margin-bottom:18px;
margin-right:18px;
margin-top:7px;
}
.buttonright .primaryButton {
color: #FFFFFF;
display: inline-block;
font-weight: bold;
font-size: 16px;
padding: 16px;
text-shadow: 0 1px 1px #CB6011;
}
.bt_captcha {
text-decoration:none;
cursor:hand;
border:0;
color:#006C8C;
font-weight:bold;
margin-left: 6px;
width:180px;
}
/*ENDE Gästebuch Stylesheet -------------------------------------------------------------------------------*/
/*Kundenregistrierung Stylesheet -------------------------------------------------------------------------------*/
body.kundenreg {
background: none repeat scroll 0 0 #FFFFFF;
}
#kundenreg {
background-color: #FFFFFF;
}
#kundenreg .ueberschrift {
background-color: #CBE9F1;
border-bottom: 2px solid #FFFFFF;
}
#kundenreg .buttonleft {
margin-left: 10px;
}
#kundenreg .buttonleft .primaryButton {
margin-right: 67px;
}
#kundenreg .ueberschrift h2 {
color: #333333;
font-size: 16px;
font-weight: bold;
line-height: 18px;
margin: 0;
padding: 6px 10px;
transition: background-color 0.5s ease-out 0s;
}
#kundenreg .row{
display:block;
margin-bottom: 13px;
margin-left: 11px;
margin-top: 10px;
}
div.f2{
margin-bottom: 13px;
margin-left: 11px;
float: left;
width: 30%;
}
div.f2.plz {
width: 13%;
}
div.f2.first {
float: none;
}
div.f3{
margin-top: 20px;
margin-bottom: 13px;
margin-left: 11px;
float: left;
}
div.f3.first {
float: none;
}
div.f2left{
width:30px;
padding-left:10px;
float:left;
}
div.f4 {
margin-top: 44px;
line-height: 20px;
}
.ftext2 {
line-height: 20px;
display: block;
font-weight: bold;
padding-bottom: 3px;
}
#kundenreg input.inputText {
width: 250px;
}
#kundenreg input.inputText.name {
width: 190px;
}
#kundenreg input.inputText.gebdat {
padding-left: 2px;
width: 40px;
}
#kundenreg input.inputText.plz {
width: 60px;
}
.ftext3{
margin-right: 10px;
}
label.ftextline{
width: 525px;
margin-left: 10px;
line-height: 20px;
}
div.ftextline{
width: 525px;
margin-left: 10px;
}
.buttonleft {
margin-bottom: 18px;
margin-top: 7px;
}
.buttonleft .primaryButton {
color: #FFFFFF;
display: inline-block;
font-weight: bold;
font-size: 16px;
padding: 16px 30px;
text-shadow: 0 1px 1px #CB6011;
}
#iframetemplates{
width: 960px;
background-color: #FFFFFF;
padding-botton: 10px;
}
.textbild{
margin-left:10px;
margin-bottom:30px;
padding:0px;
}
h3.kundenreg{
margin:0px;
padding:0px;
margin-bottom:9px;
vertical-align:middle;
color:#cc3333;
overflow:hidden;
}
.error h3{
color:#cc3333;
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
}
.error p{
color:#cc3333;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
margin-left:10px;
}
.hinweisModul.error p {
margin: 0;
}
/*ENDE Kundenregistrierung Stylesheet -------------------------------------------------------------------------------*/
/** BEGIN ToolbarRechner **/
.toolbarRechnerSad {
margin-right: -21px;
}
.toolbarRechnerSad .toolbarRechnerGroup {
margin-right: 19px;
margin-bottom: 23px;
margin-left: 1px;
}
.toolbarRechnerSad .toolbarRechnerGroup {
float: left;
}
.toolbarRechnerSad .toolbarRechnerGroupHeadline {
font-size: 18px;
padding: 20px 0 30px;
}
.toolbarRechnerSad .toolbarRechnerItem {
padding-bottom: 17px;
position: relative;
}
.toolbarRechnerSad .secondaryButton {
width: 285px;
}
.toolbarRechnerSad .secondaryButton .text {
font-weight: normal;
color: #016C8C;
padding-right: 50px;
text-align: left;
display: block;
}
.toolbarRechnerSad .toolbarRechnerItem:hover .icon {
display: block;
width: 32px;
height: 32px;
position: absolute;
right: 10px;
top: 5px;
background: url("/media/img/gui_16.png") no-repeat scroll center -1003px transparent;
}
.toolbarRechnerSad .teaserCrossSelling {
width: 242px;
margin-top: 73px;
}
.toolbarRechnerSad .teaserCrossSelling h3 {
margin-bottom: 10px;
}
.toolbarSchliessen {
margin-bottom:20px;
border-top: 1px solid #ccc;
}
/** END ToolbarRechner **/
.toolbarWrapper .toolbar .closeWrapper{
background-color: #006c8c;
position: absolute;
bottom: 10px;
left: 0;
right: 0;
}
.toolbarWrapper .toolbar .toolbarContent .wrapper{
margin-bottom: 40px;
}
.toolbarWrapper .toolbar .closeWrapper .close {
background: url("/media/img/toolbar_bg_close.png") repeat-x scroll 0 0 transparent;
}
.toolbarSchadenTabContent .container{
height:236px;
}
.toolbarSchaden .iconBig.iconPhone {
top: 36px;
}
/* Karriere BEGIN */
.karriereDetail ul {
float: none !important;
padding-bottom: 0px;
}
.karriereDetail img {
}
.karriereDetail h2 {
}
.karriereDetail p:nth-child(2) {
}
/* Karriere END*/
/* SearchResults BEGIN */
.searchResultsModule .searchResultsLinkList li span {
color: #cccccc;
font-weight: bold;
padding-bottom: 5px;
display: block;
}
.newSearch p {
padding-bottom:15px;
padding-left: 10px;
}
.newSearch .sectionHeadline {
padding-left: 25px;
}
.newSearch .formInputBase { margin-bottom:20px; }
.newSearch .selectBox-options-wrapper { height : 70px; }€
.newSearch .suggestList a {
padding: 0 5px 15px 5px;
}
/* SearchResults END */
/* Fehlerseiten */
.errorPage .errorContent {
float: right;
}
/** BEGIN SAD Ansprechpartnerseite / Kontaktblock **/
.tabModule.sad .tabContainer {
padding: 0;
background-color: transparent;
}
.tabModule.sad .tabContainer .kontakt {
padding-left: 30px;
width: 35%;
}
.tabModule.sad .sectionGroup {
background-color: #FFF;
margin-right: 0;
}
.tabModule.sad .tabContainer .leerzeile {
background-color:#E5E5E5;
height: 28px;
}
.tabModule.sad .sectionContent {
padding:20px 20px 10px 35px;
}
.tabModule.sad .sectionContent.middle {
margin: 0px auto;
width: 550px;
}
.tabModule.sad .contentNotHide {
z-index: 100;
overflow: hidden;
position: static;
}
.tabModule.sad .contentNotHide .sectionGroup {
float: left;
width: 100%;
}
.tabModule.sad .section.width20 {
width:20%;
}
.tabModule.sad .section.width30 {
width:30%;
}
.tabModule.sad .section.kontakt {
position: static;
}
.tabModule.sad .iconStandalone {
height: 30px;
padding-top: 10px;
}
.tabModule.sad .kontakt .iconStandalone {
position: relative;
right: 35px;
padding-bottom: 20px;
}
.tabModule.sad .kontakt .iconPhone {
padding-right: 10px;
left: -42px;
position: relative;
}
.tabModule.sad .icon span.iconBubble {
background-position: 0 -4098px;
}
.tabModule.sad .kontakt section p{
position: absolute;
bottom: 20px;
left: 20px;
}
.tabModule.sad .kontakt section .sectionContent p{
position: static;
}
.tabModule.sad .kontaktImage{
width: 550px;
float: right;
padding-right: 20px;
overflow: hidden;
}
.iconLargeStandalone .iconPhone {
min-width: 250px;
}
/** END SAD Ansprechpartnerseite / Kontaktblock **/
/** BEGIN Gallery innerhalb .sectionContent (Absatz) **/
.sectionContent .gallery {
width: auto;
}
/** END Gallery innerhalb .sectionContent **/
/** BEGIN SAD Aktuelles **/
.standardContainer.aktuelles .section {
margin-bottom: 5px;
}
.introModulProdukte.aktuelles .author,
.standardContainer.aktuelles .infoContent .author {
padding-top: 15px;
border-top: 1px solid #EFEFEF;
}
.standardContainer.aktuelles .infoContent .secondaryButton {
margin-top: 15px;
}
.standardContainer.aktuelles .infoContent .author {
margin-top: 10px;
}
.introModulProdukte.aktuelles .author span,
.standardContainer.aktuelles .infoContent .author span {
font-weight: bold;
}
.introModulProdukte.aktuelles .iconStandalone,
.standardContainer.aktuelles .infoContent .iconStandalone {
float: right;
}
.standardContainer.aktuelles .infoContent h4 {
height:50px;
}
/** END SAD Aktuelles **/
/** BEGIN Bild / Video / Audio im Layer **/
.layerContent .imageContainer,
.layerContent .videoContainer {
padding: 18px;
}
.layerContent .imageContainer img,
.layerContent .videoContainer div {
margin: 0 auto;
display: block;
}
.layerContent .imageContainer {
padding: 18px;
}
#movielayer_wrapper {
margin: 0px auto;
display: block;
}
/** END Bild / Video / Audio im Layer **/
/** BEGIN Zusatz SAD Footer **/
.subLevelWrap.fullSize b {
width: 895px;
}
/** END Zusatz SAD Footer **/
.tabContent-right.toolbar_custom .presse {
border-color: black;
border-style: solid;
border-width: 1px;
height: 230px;
margin-left: 10px;
padding-left: 20px;
}
.tabContent-left.toolbar_custom .presse .gradientLightBlue {
background: rgb(226, 241, 245); /* Old browsers */
background: -moz-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226, 241, 245, 1)), color-stop(90%, rgba(226, 241, 245, 1)), color-stop(100%, rgba(207, 234, 243, 1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(226, 241, 245, 1) 0%, rgba(226, 241, 245, 1) 90%, rgba(207, 234, 243, 1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2f1f5', endColorstr='#cfeaf3', GradientType=0); /* IE6-9 */
}
.toolbarSchaden .tabContent-left .imageContainer.left{
float:left;
padding-right:20px;
}
.toolbarSchaden .tabContent-right .imageContainer.left{
float:left;
padding-right:20px;
}
.tabContent-right.toolbar_custom h3.links{
float: left;
padding-bottom: 20px;
padding-left: 20px;
margin-left: 0px;
position: absolute;
}
.tabContent-right.toolbar_custom h3.rechts{
float: left;
padding-bottom: 20px;
padding-left: 288px;
}
.tabContent-left.toolbar_2text {
float: left;
width: 385px;
}
.toolbarSchaden .tabContent-right.toolbar_2text{
float: left;
width: 385px;
}
div.toolbar_custom {
margin-left: -20px;
}
div.toolbar_custom.presse {
margin-left: 0;
padding: 20px;
width: 230px;
margin-right: 20px
}
.toolbar_custom.presse.gradientLightBlue.imageContainer.left {
margin-left: 0;
}
.toolbarSchaden .tabContent-right.toolbar_custom {
width: 565px;
padding-right: 0px;
padding-left: 0px;
}
/** Änderungen gemäß ppt Datei vom 24.07.13 **/
.header {
width: 960px;
}
.header .logo {
margin-top: 30px;
}
.kundenCenterHeader #userData {
margin-top: 17px;
}
.kundenCenterHeader #loginnav a {
padding: 7px 12px 7px 20px;
}
.toolbarWrapper .toolbar {
width: 960px;
}
.toolbarWrapper .toolbar .toolbarContent {
padding: 5px 0;
}
.pageSubline {
padding: 0 0 20px 10px;
}
/** Ende Änderungen gemäß ppt Datei **/
.msbuehne .textContainer .textContent{
position: static;
}
.msbuehne .textContainer .priceDisplay{
width: 90%;
text-align: right;
}
.msbuehne .textContainer .priceDisplay *{
float: none;
}
.msbuehne .textContainer .price {
display: inline;
}
.msbuehne .textContainer.top {
top: 30px !important;
bottom: auto !important;
}
.msbuehne .textContainer.bottom {
bottom: 30px !important;
top: auto !important;
}
.msbuehne .textContainer.left {
left: 30px;
}
.msbuehne .textContainer.right{
right: 30px;
}
.msbuehne .right .seal {
position: absolute;
}
.msbuehne .left .seal {
position: absolute;
}
.msbuehne .right .seal .tooltip,.msbuehne .left .seal .tooltip{
position: absolute;
bottom: -25px;
}
.msbuehne .right .seal .tooltip{
left: -31px;
}
.msbuehne .left .seal .tooltip {
right: -31px;
}
.msbuehne .seal img{
margin: -13px;
}
.msbuehne .boxContHeadline {
font-size: 23px;
}
.msbuehne .textContent .buttons {
padding-bottom: 20px;
}
.msbuehne .textContent .buttons .primaryButton {
margin: 0 0 0 15px;
}
.msbuehne .textContainer .textContent .buttons .toBoB {
margin-top:20px;
display: inline-block;
}
.toolbarCloseMoving{
padding-left:50px;
padding-top:5px;
height:20px;
width:135px;
background-color:#EBEBEB;
visibility:hidden;
}
.toolbarCloseMoving a{
color:#006C8C;
font-weight:bold;
}
.toolbarCloseMoving.aktive{
visibility:visible;
}
.toolbarCloseMoving:before{
background: url("/media/img/gui_12.png") no-repeat scroll 0 -2792px rgba(0, 0, 0, 0);
content: " ";
height: 32px;
margin: 0 0 0 -25px;
position: absolute;
width: 32px;
}
.toolbarCloseMoving:after{
background: url("/media/img/gui_12.png") no-repeat scroll 0 -2792px rgba(0, 0, 0, 0);
content: " ";
height: 32px;
margin: 0 0 0 20px;
position: absolute;
width: 32px;
}
.inputTextfeldCombo .first, .inputTextfeldCombo .second {
display: inline-block;
}
.rechnerHeadline {
padding-bottom: 15px;
}
.rechnerGroupContainer.error .rechnerGroupContainerHeadline {
color: #CC3234;
}
.rechnerColumnContainer .leftColumn, .rechnerColumnContainer .rightColumn {
width: 470px;
float: left;
}
.tabModule ul.tabs li a {
font-size: 16px;
}
.rechnerNumberedList ol li.listItem {
background: transparent url("") no-repeat scroll 0px -2px;
font-size: 24px;
font-weight: bold;
position: relative;
}
.rechnerText.inline .rechnerTextContent {
display: inline;
}
/** BEGIN RechnerNumberSpinbox **/
.rechnerNumberSpinbox {
display: table;
width: 100%;
}
.rechnerConfigurationSpinbox .column .wrapper {
padding: 0px 15px;
}
.rechnerNumberSpinbox .control {
display: table-cell;
width: 20px;
}
.rechnerNumberSpinbox .control .spinboxDown,
.rechnerNumberSpinbox .control .spinboxUp {
display: block;
padding-left: 10px;
width: 1.5em;
}
.rechnerNumberSpinbox .control .spinboxDown.inactive,
.rechnerNumberSpinbox .control .spinboxUp.inactive {
opacity: .5;
cursor: default;
pointer-events: none;
}
.rechnerNumberSpinbox .spinboxUp span,
.rechnerNumberSpinbox .spinboxDown span {
background: url("/media/img/gui_12.png") no-repeat scroll 0 -890px transparent;
color: #333333;
padding-left: 20px;
height: 1em;
}
.rechnerNumberSpinbox .spinboxDown span {
background: url("/media/img/gui_12.png") no-repeat scroll 0px -786px transparent;
}
.rechnerNumberSpinbox .spinboxValue {
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 18px;
font-weight: bold;
}
/** END RechnerNumberSpinbox **/
.inputBase.multiline div.inputContainer span.inputRadio label {
display: table-cell;
font-weight: normal;
margin-right: 29px;
margin-top: 20px;
float: none;
padding-bottom: 0px;
}
.inputBase.multiline div.inputContainer span.inputRadio div.bold {
padding-bottom: 15px;
}
.inputBase.multiline div.inputContainer span.inputRadio div.singleElement {
padding-bottom: 15px;
}
.inputBase.multiline div.inputContainer span.inputRadio .radio {
background: transparent url("/media/img/gui_32.png") no-repeat scroll left -1100px;
width: 32px;
height: 32px;
margin: 3px 10px 0px 0px;
float: left;
overflow: hidden;
}
.inputBase.multiline div.inputContainer span.inputRadio .radio-checked {
background-position: left -1200px;
}
.inputRadio.noWidth .inputContainer {
padding: 0;
width: auto;
}