/*
* HTML5 ? Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Force vertical scrollbar in non-IE
* 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 81.3%; line-height: 118.8% }
body, button, input, select, textarea { font-family: Verdana,Geneva,sans-serif; color: #000000; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
/*
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/
/* =============================================================================
Links
========================================================================== */
a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0 none; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 0; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/e
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
* 2. Correct inner spacing displayed oddly in IE6/7
*/
button, input { line-height: normal; *overflow: visible; }
/*
* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
*/
table button, table input { *overflow: auto; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Bootstrap items
========================================================================== */
.grid-row:after, .grid-row:before { display: table; content: ''; line-height: 0; clear: both; }
.grid-row { margin-left: -10px; margin-right: -10px; box-sizing: border-box; padding-bottom:40px; }
.grid-col { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; box-sizing: border-box; float: left; }
.col-50 { width: 50%; }
.col-33 { width: 33.33333333333333%; }
.col-100{ width:100%; }
/* ==|== primary styles =====================================================
Author: Alexander Schuska, SF eBusiness
========================================================================== */
/* Sprite */
.ci-thieme-grey
#header-content,
#header-outer-container,
#header-inner-container,
#header-search .text,
#header-search .submit,
#header-menu .header-menu li a,
#header-toolbar,
#header-toolbar #header-toolbar-content,
#header-toolbar .header-toolbar li.dropdown a,
#header-webshop-content-top,
#header-webshop-content-bottom,
#header-webshop-content-top a,
#header-webshop-content-top a p span,
#footer-logo,
#footer-logo-trias,
#breadcrump ul li,
#content-footer .print,
#content-footer .scroll-to,
#footer-top-newsletter > a,
#footer-top-share > a,
#content-navigation .content-navigation li a,
#header-menu .header-menu li .layer-shadow-bottom,
#header-menu .header-menu li .layer-shadow-bottom-left,
#header-menu .header-menu li .layer-shadow-bottom-right,
#header-menu .header-menu li .layer-shadow-top,
#header-menu .header-menu li .layer-shadow-top-left,
#header-menu .header-menu li .layer-shadow-top-right,
#header-menu .header-menu li ul li a,
#header-menu .header-menu li ul li span,
#header-toolbar .header-toolbar li ul .layer-shadow-top-left,
#header-toolbar .header-toolbar li ul .layer-shadow-top-top-left,
#header-toolbar .header-toolbar li ul .layer-shadow-top-right,
#header-toolbar .header-toolbar li ul .layer-shadow-top-top-right,
#header-toolbar .header-toolbar li ul .layer-shadow-bottom,
#header-toolbar .header-toolbar li ul .layer-shadow-bottom-left ,
#header-toolbar .header-toolbar li ul .layer-shadow-bottom-right,
#header-toolbar .header-toolbar li ul.service .item a,
#header-toolbar .header-toolbar li ul .layer-shadow-top-top-left-top,
#header-toolbar .header-toolbar li ul .layer-shadow-top-top-right-top,
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline,
#header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar .controls li,
#header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a,
#header-webshop-content-top-content,
#header-webshop-content-bottom,
#header-webshop-content-bottom > a,
#footer-top,
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline a,
#header-toolbar .header-toolbar li ul.theme-world .col-left span.headline,
#header-toolbar .header-toolbar li ul.theme-world .col-right span.headline,
#header-toolbar .header-toolbar li ul.thieme-group span.headline,
#header-toolbar .header-toolbar li ul.service .headline,
#header-toolbar .header-toolbar li,
#header-toolbar .header-toolbar,
a.arrow,
.slideshow .prev,
.slideshow .next,
.slideshow .image-text .zoom,
.flash-fallback .flash-ico,
.link-list li,
.teaser .headline,
.teaser-list .rss-ico,
.faq-list li .faq-list-headline,
.faq-list li .faq-list-answer ul li,
.media .media-elements-row li p .zoom,
.media .media-elements-row li .media-downloads li a,
.product .title,
.product .order .add-cart,
.action-btn,
.filtered-list .paginator .prev,
.filtered-list .paginator .next,
.webshop-teaser-list .paginator .prev,
.webshop-teaser-list .paginator .next,
.js-select,
.js-select .title,
.filtered-list .rss-ico,
.filtered-list .paginator .reset,
.job a,
.webshop-teaser .headline h2,
.webshop-teaser .headline a,
.webshop-teaser .content p a,
.box h2,
.box.xsearch .text,
.box.xsearch .submit,
.quotes blockquote .mark,
.presslist a.feed,
.teaserbox .teaserlink .icon,
#cboxClose,
#colorbox .lb-gallery .lb-gallery-thumbs .lb-gallery-thumbs-content ul li span.active,
#colorbox .lb-gallery .lb-gallery-next,
#colorbox .lb-gallery .lb-gallery-prev,
.galleries .gallery-first .zoom,
.box h2 .icon,
.box.video li .youtube,
.box.media li a,
.box.audio li .itunes,
.videoicon,
.box.audio li .download,
.galleries .more-galleries li .zoom,
.box .bg-top,
.box .bg-bottom,
.app-teaser,
.app-teaser .headline,
.app-teaser .market-link,
.std-form .row .text,
.std-form .row textarea,
.std-form .row .btn,
.stage .stage-text .top-shaddow,
.stage .stage-text .bottom-shaddow,
.stage .stage-text .bottom .content .order .add-cart,
.stage-product-slider .content .order .add-cart,
.stage .stage-items li.active,
.paragraph ul li,
.box.media .play,
.home #content-teaser-top .tabs li,
.home .shadow-box .top-shadow,
.home .shadow-box .bottom-shadow,
.home #content-container-top p.headline,
.home .shadow-box .overview-link,
.home .teaser-list .title,
.home .selector-list .open .list-headline,
.home .selector-list .list-headline span,
.no-js .home .selector-list .list-headline,
.home .gallery li .title,
.home .gallery li .add-cart,
.home .gallery-prev,
.home .gallery-next,
.teaserbox img+.teaserlink .icon,
#colorbox .lb-gallery .lb-gallery-img-next,
#colorbox .lb-gallery .lb-gallery-img-prev,
.paragraph a,
.themes-filter ul li,
.themes-filter .button,
.themes-filter .reset,
.lb-filter ul li,
.newspaper-list ul li .col li a,
.resulttext a
{
background-image: url(../img/layout/sprite.png);
}
/* webshop link nur mobile */
.webshoplink
{
display:none;
}
/*.slideshow .image-text,*/
#header-menu .header-menu li .layer-shadow-left,
#header-menu .header-menu li .layer-shadow-right,
#header-toolbar .header-toolbar li ul .layer-shadow-left,
#header-toolbar .header-toolbar li ul .layer-shadow-right,
#cboxTitle,
#colorbox .lb-gallery .lb-gallery-title,
.box,
.app-teaser.box,
.stage .stage-items,
.stage .stage-text .top,
.stage .stage-text .bottom,
.home .shadow-box,
.teaserbox img+.teaserlink-container
{
background-image: url(../img/layout/v_sprite.png);
}
.ci.trias #header-content,
.ci-trias #header-outer-container,
.ci-trias #header-inner-container,
.ci-trias #header-search .submit,
.ci-trias #header-webshop-content-top,
.ci-trias #header-webshop-content-bottom,
.ci-trias #header-webshop-content-top a,
.ci-trias #header-webshop-content-top a p span,
.ci-trias #header-webshop-content-top-content,
.ci-trias #header-webshop-content-bottom,
.ci-trias #header-webshop-content-bottom > a,
.ci-trias #header-toolbar .header-toolbar,
.ci-trias #header-toolbar .header-toolbar li,
.ci-trias #header-toolbar #header-toolbar-content,
.ci-trias #header-toolbar,
.ci-trias #footer-logo,
.ci-trias #footer-logo-trias,
.ci-trias #header-logo
{
background-image: url(../img/layout/trias_sprite_neu.png);
}
.ci-trias #header-logo{
background-position: 0 -600px;
}
/* Grid */
body {
background-color: #FFFFFF;
background-position: 0 118px;
margin-top: 121px;
min-width: 1020px;
}
body.advert {
min-width: 1260px;
}
body.facebook {
background-color: #FFFFFF;
margin-top: 0;
min-width: 440px;
}
.image-border {
border: 1px solid #C5C6C8;
}
#header {
left: 0;
min-height: 130px;
min-width: 1020px;
position: absolute;
top: 0;
width: 100%;
z-index: 1000;
}
.advert #header {
min-width: 1260px;
}
#header-color1 {
background-color: #013476;
height: 27px;
}
.ci-trias #header-color2 {
height: 46px;
}
#header-color2 {
height: 40px;
}
#header-color3 {
background-color: #FFFFFF;
height: 54px;
}
#header-outer-container {
height: 130px;
background-position: -622px -190px;
background-repeat: no-repeat;
margin-top: -121px;
}
#header-inner-container {
background-position: 0 121px;
background-repeat: repeat-x;
height: 100%;
margin-left: 78px;
}
#header-content-container {
height: 94px;
left: -38px;
margin-right: -38px;
padding-right: 38px;
position: relative;
top: 27px;
width: 100%;
}
#header-content {
height: 121px;
position: relative;
top: -27px;
width: 940px;
}
.ci-trias #header-content {
height: 121px;
position: relative;
top: -31px;
width: 940px;
}
#breadcrump {
}
#content {
}
.home #content {
font-size: 13px;
line-height: 19px
}
#content > h1.headline {
left: 40px;
margin-bottom: 0;
margin-top: 15px;
top: 0;
}
h5 {
font-size: 100%;
}
#content-col1 {
float: left;
margin: 22px 20px 0 40px;
width: 210px;
}
#content-col2 {
float: left;
margin: 22px 25px 0 0px;
width: 440px;
}
.ie7 #content-col2 {
position: relative;
}
.facebook #content-col2 {
margin: 0 25px 0 0px;
width: 440px;
}
.cols2 #content-col2 {
margin: 22px 0 0 0;
width: 710px;
}
.nonavcol .cols2 #content-col2 {
margin: 22px 0 0 160px;
}
#content-col3 {
float: left;
margin: 22px 0 0 0;
width: 245px;
}
.facebook #content-col3 {
margin: 0 0 0 0px;
}
.cols2 #content-col3 {
display: none;
}
#content-footer {
clear: left;
height: 50px;
margin-left: 40px;
text-align: right;
width: 940px;
}
#content-bg-img {
background-color: #E6E6E6;
height: 556px;
min-width: 1020px;
position: absolute;
width: 100%;
}
.advert #content-bg-img {
min-width: 1260px;
}
div.advert {
margin-bottom: 20px;
}
.home #content-container-top {
min-height: 206px;
padding: 350px 0 30px 0;
position: relative;
}
/* Shadow-Boxen */
.home .shadow-box {
background-position: -1724px 0;
background-repeat: repeat-y;
padding: 0 2px;
position: relative;
width: 223px;
}
.home .shadow-box .shadow-content {
background-color: rgba(255, 255, 255, 0.9);
padding: 14px 13px;
height: auto;
overflow-y: auto;
overflow-x: hidden;
zoom: 1;
}
.ie7 .home .shadow-box .shadow-content,
.ie8 .home .shadow-box .shadow-content {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#DDFFFFFF', endColorstr='#DDFFFFFF');
}
.home .shadow-box .top-shadow{
background-position: 0 -1178px;
height: 3px;
left: 0;
position: absolute;
top: -3px;
width: 227px;
}
.ie7 .shadow-box .top-shadow {
background-position: 0 -1179px;
}
.home .shadow-box .bottom-shadow {
background-position: 0 -1189px;
bottom: -3px;
height: 3px;
left: 0;
position: absolute;
width: 227px;
}
.home .shadow-box .overview-link {
background-position: -496px -1080px;
bottom: 10px;
color: #013476;
display: block;
font-size: 12px;
height: 24px;
line-height: 21px;
margin-top: 15px;
padding-left: 32px;
text-decoration: none;
}
.home .shadow-box .overview-link:hover {
color: #6AACDA;
}
/* Bühne */
.home #content-teaser-top {
height:219px;
left: 757px;
position: absolute;
top: 79px;
width: 223px;
z-index: 0;
}
.home #content-teaser-top ul.tabs {
display: inline-block;
list-style-type: none;
left: -2px;
margin: 0 0 8px;
overflow: auto;
padding: 0;
position: relative;
z-index: 30
}
.ie7 .home #content-teaser-top ul.tabs {
display: inline;
zoom:1;
}
.home #content-teaser-top .tabs li {
background-position: left -1147px;
float: left;
height: 18px;
margin-right: 3px;
padding: 2px;
width: 35px;
}
.home #content-teaser-top .tabs li a {
background-color: #FFFFFF;
color: #013476;
display: block;
font-size: 9px;
line-height: 9px;
padding-bottom: 6px;
padding-right: 5px;
padding-top: 3px;
text-align: right;
text-decoration: none;
}
.home #content-teaser-top .tabs li.active a {
background-color: #013476;
color: #FFFFFF;
}
.no-js .home #content-teaser-top .tabs li a {
cursor: default;
}
.home #content-teaser-top .panes a {
cursor: pointer;
text-decoration: none;
z-index: 0;
zoom: 1;
}
.home #content-teaser-top .panes a {
display: none;
}
.home #content-teaser-top .panes a:first-child {
display: block;
}
.home #content-teaser-top .panes img {
height: 556px;
left: -757px;
position: absolute;
top: -79px;
width: 1033px;
z-index: 0;
}
.home #content-teaser-top .shadow-box {
left: -2px;
list-style-type: none;
position: absolute;
top: 27px;
z-index: 30;
}
.lte8 .home #content-teaser-top .shadow-box {
filter: inherit !important;
}
.home #content-teaser-top .shadow-content {
background-color: rgba(255, 255, 255, 0.75);
height: 165px;
overflow: visible;
}
.ie7 .home #content-teaser-top .shadow-content,
.ie8 .home #content-teaser-top .shadow-content {
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#BBFFFFFF', endColorstr='#BBFFFFFF');
}
.home #content-teaser-top .panes p {
color: #013476;
font-size: 12px;
line-height: 16px;
margin: 0 0 12px;
}
.home #content-teaser-top .panes h2 {
color: #013476;
font-size: 18px;
font-weight: normal;
line-height: 22px;
margin: 0 0 8px;
}
.home #content-col1 {
float: left;
height: 467px;
margin: 0 11px 0 40px;
position: relative;
width: 223px;
z-index: 200;
}
.home #content-col2,
.home #content-col3,
.home #content-col4 {
float: left;
height: 467px;
margin: 0 11px 0 0;
position: relative;
width: 223px;
z-index: 20;
}
.home #content-col2 {
background: url(../img/layout/index-col-shadow.png) 0 0 repeat-y transparent;
margin-top: 0;
width: 462px;
}
.ie7 .home #content-col2 {
margin-top: -1px;
}
.home #content-col4-top {
height: 199px;
margin-bottom:25px;
}
.home #content-container-top p.headline {
background-position: left -490px;
color: #FFFFFF;
font-size: 12px;
font-weight: normal;
height: 37px;
left: -13px;
line-height: 35px;
margin: 1px 1px -4px;
padding: 0 13px;
position: relative;
text-transform: uppercase;
top: -14px;
width: 195px;
}
.home #content-col2 .headline-wrapper {
background-color: #FFFFFF;
margin-top: -1px;
}
.home #content-col2 p.headline {
left: 0;
margin-bottom: 0;
top: 1px;
width: 434px;
}
.home #content-col2 .shadow-content {
float: left;
height: 430px;
padding: 0 15px 0 10px;
width: 206px;
}
.home #content-col2 .shadow-content p.headline {
background: none;
color: #000000;
font-weight: bold;
height: auto;
left: 0;
line-height: 19px;
margin: 0.9em 0;
padding: 0;
text-transform: normal;
top: 0;
width: auto;
}
.home #content-col2 .subject-selector p.headline {
margin-bottom: 20px;
}
.home #content-col2 .top-shadow,
.home #content-col2 .bottom-shadow{
background: url(../img/layout/index-col-shadow-border.png) 0 0 no-repeat transparent;
width: 466px;
}
.home #content-col2 .bottom-shadow {
background-position: 0 -11px;
}
/* Teaserliste / Aktuelles */
.home #content-col3 .shadow-content {
height: 367px;
}
.home .shadow-box .teaser-list {
height: 439px;
margin-bottom: 0;
width: 197px;
}
.home .teaser-list .rss-ico {
right: 15px;
top: 11px;
}
.home .teaser-list .teaser {
font-size: 13px;
height: auto;
margin-bottom: 16px;
width: 195px;
}
.home .teaser-list .teaser h2 {
display: inline;
font-size: 12px;
font-weight: normal;
line-height: 16px;
margin: 0;
}
.home .teaser-list .teaser .headline {
background-position: -610px -968px;
color: #013476;
font-size: 12px;
font-weight: bold;
line-height: 16px;
margin-bottom: 4px;
padding: 0 0 0 10px;
top: 0;
}
.home .teaser-list .teaser .date {
top: 0;
}
/* Service-Selektor */
.home #content-container-top .link-list {
list-style-type: none;
margin: 0;
padding: 0;
width: 197px;
}
.home #content-col4-top .shadow-content {
height: 171px;
overflow: visible;
}
/* Teaserbox */
.home .shadow-box .teaserbox {
border: 0 none;
height: 191px;
margin-bottom: -1px;
overflow: visible;
padding: 0;
width: 223px;
}
.home .teaserbox img {
height: 191px;
width: 223px;
}
.home .teaserbox .teaserlink-container {
bottom: -1px;
width: 223px;
}
.home .teaserbox .teaserlink-container .teaserlink {
font-weight: normal;
}
.home .teaserbox .teaserlink-container .teaserlink .icon {
background-position: right -1240px;
display: block;
height: 45px;
}
.home .teaserbox .teaserlink span {
color: #000;
display: block;
font-size: 11px;
height: auto;
line-height: 11px;
margin-bottom: 3px;
}
.home .teaserbox .teaserlink .headline {
font-size: 12px;
text-transform: uppercase;
}
/* Tab-Selektor */
.home .shadow-box .tab-selector {
height: 100%;
padding: 1px 0 0;
}
.home .shadow-box .tab-selector p.headline {
left: 0;
margin-bottom: 0;
top: -1px;
}
.home .selector-list {
list-style-type: none;
margin: 0;
padding: 0;
}
.home .selector-list li {
margin: 0 1px;
}
.home .selector-list .list-headline {
border-bottom: 1px dotted #C5C6C8;
border-top: 1px dotted #C5C6C8;
color: #013476;
display: block;
font-size: 12px;
height: 27px;
left: 0;
line-height: 25px;
margin-top: -1px;
padding: 0;
text-decoration: none;
}
.home .selector-list .open .list-headline,
.no-js .home .selector-list .list-headline {
background-position: left -1935px;
}
.home .selector-list .list-headline span {
background-position: -677px -1885px;
display: block;
padding-left: 28px;
}
.home .selector-list .open .list-headline span,
.no-js .home .selector-list .list-headline span {
background-position: -677px -1865px;
}
.home #content-container-top .selector-list .link-list {
margin-left: 28px;
margin-right: 1px;
top: 0;
width: auto;
}
.js .home #content-container-top .selector-list .link-list {
display: none;
}
.home .selector-list .link-list li {
background-position: -610px -968px;
font-size: 11px;
line-height: 15px;
margin: 6px 0;
}
.home #content-container-bottom {
height: 135px;
margin-left: 40px;
padding-bottom: 50px;
width: 940px;
}
.home #content-container-bottom h2 {
font-size: 15px;
font-weight: normal;
margin: 0 0 7px;
}
.home .gallery {
background-color: #E1EEF8;
height: inherit;
overflow: hidden;
padding: 0 35px;
position: relative;
}
.home .gallery-prev,
.home .gallery-next {
height: 135px;
position: absolute;
top: 0;
text-indent: -9999px;
width: 35px;
}
.home .gallery-prev {
background-position: left -1653px;
border-right: 2px solid #FFFFFF;
left: 0;
}
.home .gallery-next {
background-position: left -1505px;
border-left: 2px solid #FFFFFF;
right: 0;
}
.home .gallery-prev.disabled {
background: none;
cursor: default;
}
.home .gallery-next.disabled {
background: none;
border-left: 2px solid #FFFFFF;
cursor: default;
}
.home .gallery-content {
overflow: hidden;
position: relative;
}
.home .gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 9000px;
}
.home .gallery li {
border-right: 1px solid #FFFFFF;
float: left;
height: 115px;
padding: 10px 15px;
position: relative;
width: 258px;
}
.ie7 .home .gallery li,
.ie8 .home .gallery li {
width: 259px;
}
.home .gallery li:first-child {
border-left: 1px solid #FFFFFF;
}
.home .gallery li a.image {
float: left;
margin: 0;
}
.home .gallery li img {
border: 1px solid #C7C9CB;
max-height: 113px;
max-width: 70px;
}
.home .gallery li p,
.home .gallery li .title {
margin: 0 0 0 87px;
padding: 0;
}
.home .gallery li .author {
font-size: 10px;
line-height: 10px;
margin-bottom: 2px;
position: relative;
top: -1px;
}
.home .gallery li h3 {
font-size: 12px;
font-weight: normal;
margin: 0 0 10px 87px;
}
.home .gallery li .title {
background-position: -610px -968px;
background-repeat: no-repeat;
color: #013476;
display: block;
line-height: 16px;
margin: 0;
padding-left: 10px;
text-decoration: none;
}
.home .gallery li .description {
font-size: 10px;
line-height: 10px;
margin-bottom: 5px;
}
.home .gallery li .order {
bottom: 28px;
left: 102px;
margin: 0;
padding: 0 36px 0 0;
position: absolute;
}
.home .gallery li .add-cart {
background-position: -45px -388px;
height: 29px;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -10000px;
top: 0;
width: 29px;
}
.home .gallery li .add-cart.product-detail {
background-position: -441px -388px;
}
.home .gallery li .price {
color: #013476;
font-weight: bold;
font-size: 11px;
line-height: 13px;
position: relative;
top: -3px;
}
.home .gallery li .tax {
color: #000000;
display: block;
font-size: 10px;
line-height: 10px;
margin-left: 0;
position: relative;
text-decoration: none;
top: -2px;
}
.home-theme #content-container-top {
margin-left: 40px;
padding-top: 24px;
width: 940px;
}
.home-theme #content-container-bottom {
padding-bottom: 20px;
}
.home-theme #content-col1 {
float: left;
margin: 20px 20px 0 40px;
width: 210px;
}
.home-theme #content-col2 {
float: left;
margin: 20px 24px 0 0;
width: 440px;
}
.home-theme .cols2 #content-col2 {
width: 710px;
}
.home-theme #content-col3 {
float: left;
margin: 20px 22px 0 0;
width: 246px;
}
/* WebShop Footer Anfang */
#footer-middle {
padding: 10px 0 10px 150px;
background-color: #dcdcdc;
}
#footer-middle .headline{
color: #000;
text-transform: uppercase;
padding-bottom: 10px;
line-height: 14px;
font-size: 10px;
}
#footer-middle .headline a{
color: #013476;
text-decoration: none;
font-size: 11px;
line-height: 14px;
text-transform: lowercase;
}
.clearfix::before, .clearfix::after {
content: "";
display: table;
}
.footer-middle-container>div {
float:left
}
.footer-middle-container .headline {
color:#000;
text-transform:uppercase;
padding-bottom:3px;
line-height:14px;
font-size:10px
}
.payment-delivery-col {
width:326px
}
.payment-delivery-col .payment-options {
list-style:none;
margin:10px -1px -1px 0;
padding:0;
width:231px
}
.payment-delivery-col .payment-options li {
background-color:#fff;
display:table;
float:left;
margin:0 1px 1px 0
}
.payment-delivery-col .payment-options li>span {
color:#013476;
font-size:11px;
height:47px;
width:76px;
display:table-cell;
vertical-align:middle;
text-align:center
}
.payment-delivery-col .logo-mastercard,.payment-delivery-col .logo-paypal,.payment-delivery-col .logo-visa,.payment-delivery-col .logo-dhl,.payment-delivery-col .logo-packstation,.security-confidence-help-col .logo-ssl {
background-image:url("../img/layout/sprite_hybris.png");
background-repeat:no-repeat;
display:block;
margin:0 auto;
text-indent:-999999px;
white-space:nowrap;
overflow:hidden
}
.payment-delivery-col .logo-mastercard {
background-position:-7px -2282px;
width:60px;
height:37px
}
.payment-delivery-col .logo-paypal {
background-position:-7px -2328px;
width:60px;
height:37px
}
.payment-delivery-col .logo-visa {
background-position:-7px -2362px;
width:60px;
height:37px
}
.payment-delivery-col p {
font-size:10px;
width:231px
}
.payment-delivery-col .delivery-options {
margin:0 -1px 0 0;
padding:0;
list-style:none
}
.payment-delivery-col .delivery-options li {
float:left;
background-color:#fff;
display:table;
margin-right:1px
}
.payment-delivery-col .delivery-options li:last-child {
width:169px
}
.payment-delivery-col .delivery-options li>span {
height:31px;
display:table-cell;
vertical-align:middle;
text-align:center
}
.payment-delivery-col .logo-dhl {
background-position:-7px -2404px;
width:60px;
height:31px
}
.payment-delivery-col .logo-packstation {
background-position:-7px -2451px;
width:135px;
height:15px
}
.security-confidence-help-col {
width:214px
}
.security-confidence-help-col .security-options,.security-confidence-help-col .help-links {
list-style:none;
margin:10px 0 35px 0;
padding:0
}
.security-confidence-help-col .security-options li {
float:left
}
.security-confidence-help-col .security-options li:first-child {
margin-right:30px
}
.security-confidence-help-col .logo-ssl {
background-position:-7px -2479px;
width:61px;
height:61px
}
.security-confidence-help-col .help-links li {
margin:3px 0 4px 0;
line-height:14px
}
.security-confidence-help-col .help-links a {
color:#013476;
text-decoration:none;
font-size:11px;
line-height:14px
}
.benefit-col {
width:290px
}
.benefit-col .benefit-info {
list-style:none;
margin:10px 0 0 0;
padding:0;
width:auto
}
.benefit-col .benefit-info span {
font-size:11px
}
/* WebShop Footer Ende */
#footer {
z-index: 0;
}
#footer-top {
background-position: 0 -554px;
background-repeat: repeat-x;
height: 50px;
}
#footer-top-container {
margin-left: 40px;
position: relative;
width: 940px;
}
#footer-top-right {
position: absolute;
right: 0;
top: 14px;
}
#footer-bottom {
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8F8F8', endColorstr='#F3F3F3')"; /* IE8 */
background: -moz-linear-gradient(top, #F8F8F8, #F3F3F3); /* Firefox */
background: -ms-linear-gradient(top, #F8F8F8, #F3F3F3); /* IE10 */
background: -o-linear-gradient(top, #F8F8F8, #F3F3F3); /* Opera */
background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#F3F3F3)); /* Webkit */
background: -webkit-linear-gradient(top, #F8F8F8, #F3F3F3); /* Webkit- new syntax */
background: linear-gradient(top, #F8F8F8, #F3F3F3); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#F8F8F8', endColorstr='#F3F3F3'); /* IE6 – IE9 */
width: 100%;
}
#footer-bottom-container {
margin: 0 0 40px 40px;
padding: 0 0 0 110px;
position: relative;
width: 830px;
}
#footer-col1 {
float: left;
max-width: 190px;
min-width: 190px;
padding-top: 27px;
}
.ie7 #footer-col1 {
padding-top: 25px;
}
#footer-col2 {
float: left;
max-width: 145px;
padding-top: 27px;
}
.ie7 #footer-col2 {
padding-top: 25px;
}
#footer-col3 {
float: left;
max-width: 214px;
min-width: 214px;
padding-top: 27px;
}
.ie7 #footer-col3 {
padding-top: 25px;
}
#footer-col4 {
float: left;
max-width: 154px;
min-width: 154px;
padding-top: 27px;
}
.ie7 #footer-col4 {
padding-top: 25px;
}
#footer-col5 {
float: left;
max-width: 127px;
padding-top: 27px;
}
.ie7 #footer-col5 {
padding-top: 25px;
}
/*
#footer-triascol {
float: left;
max-width: 260px;
min-width: 260px;
padding-top: 27px;
}
#footer-triascol-middle {
float: left;
max-width: 310px;
min-width: 310px;
padding-top: 27px;
}
*/
/* Header Elements */
#header-toolbar {
background-position: right -430px;
font-size: 13px;
height: 27px;
line-height: 19px;
padding-right: 11px;
position: absolute;
right: -11px;
top: 0px;
z-index: 600;
}
.ci-trias #header-toolbar {
background-position: right -430px;
font-size: 13px;
height: 27px;
line-height: 19px;
padding-right: 11px;
position: absolute;
right: -11px;
top: -2px;
z-index: 600;
}
#header-toolbar .header-toolbar {
background-position: 0 -680px;
background-repeat:repeat-x;
height: 27px;
margin: 0;
padding: 0;
}
.ci-trias #header-toolbar .header-toolbar {
background-position: 0 -680px;
background-repeat:repeat-x;
height: 27px;
margin: 0;
padding: 0;
}
#header-toolbar #header-toolbar-content {
background-position: -689px -460px;
padding-left: 11px;
}
.ci-trias #header-toolbar #header-toolbar-content {
background-position: -689px -460px;
padding-left: 11px;
}
#header-toolbar .header-toolbar li {
background-position:0 -652px;
background-repeat:repeat-x;
float: left;
height: 27px;
list-style-type: none;
margin: 0;
padding: 0;
}
.ci-trias #header-toolbar .header-toolbar li {
/* background-position:0 -652px;
background-repeat:repeat-x;*/
float: left;
height: 27px;
list-style-type: none;
margin: 0;
padding: 0;
}
#header-toolbar .header-toolbar li.active,
.no-js #header-toolbar .header-toolbar li.dropdown:hover {
background: none;
background-color: #FFFFFF;
}
.ci-trias #header-toolbar .header-toolbar li.active,
.no-js #header-toolbar .header-toolbar li.dropdown:hover {
background: none;
background-color: #FFFFFF;
}
#header-toolbar .header-toolbar li.language {
margin-right: 1px;
}
#header-toolbar .header-toolbar li span,
#header-toolbar .header-toolbar li a {
color: #FFFFFF;
display: inline-block;
font-size: 10px;
line-height: 14px;
margin: 2px 10px 0 10px;
outline: 0 none;
padding-top: 1px;
text-decoration: none;
vertical-align: middle;
}
.ci-trias #header-toolbar .header-toolbar li span,
.ci-trias #header-toolbar .header-toolbar li a {
color: #FFFFFF;
display: inline-block;
font-size: 10px;
line-height: 14px;
margin: 2px 10px 0 10px;
outline: 0 none;
padding-top: 1px;
text-decoration: none;
vertical-align: middle;
}
#header-toolbar .header-toolbar li.dropdown a {
background-position: right -720px;
padding-right: 12px;
}
.ci.trias #header-toolbar .header-toolbar li.dropdown a {
background-position: right -720px;
padding-right: 12px;
}
#header-toolbar .header-toolbar li.active a,
.no-js #header-toolbar .header-toolbar li.dropdown:hover a {
background-position: right -780px;
color: #013476;
}
.ci-trias #header-toolbar .header-toolbar li.active a,
.ci-trias .no-js #header-toolbar .header-toolbar li.dropdown:hover a {
background-position: right -780px;
color: #013476;
}
#header-toolbar .header-toolbar li.first a{
margin-left: 12px;
}
#header-toolbar .header-toolbar li.last a{
margin-right: 12px;
}
#header-toolbar .header-toolbar li.language a,
#header-toolbar .header-toolbar li.language span {
display: inline-block;
height: 13px;
margin: 2px 7px 0 7px;
padding: 0;
vertical-align: middle;
swidth: 32px;
}
.ie7 #header-toolbar .header-toolbar li.language a,
.ie7 #header-toolbar .header-toolbar li.language span {
display: block;
margin-top: 5px;
}
#header-toolbar .header-toolbar li ul {
background-color: #FFFFFF;
display: none;
margin: 0;
padding: 0 0 11px 0;
position: absolute;
right: 11px;
top: 27px;
z-index: 3;
}
.ci.trias #header-toolbar .header-toolbar li ul {
background-color: #FFFFFF;
display: none;
margin: 0;
padding: 0 0 11px 0;
position: absolute;
right: 11px;
top: 27px;
z-index: 999;
}
.no-js #header-toolbar .header-toolbar li ul {
right: 10px;
}
#header-toolbar .header-toolbar li ul.service {
width: 260px;
}
#header-toolbar .header-toolbar li ul.service .item {
background-repeat: no-repeat;
display: block;
line-height: 15px;
margin: 0;
min-height: 15px;
padding: 0 25px;
position: relative;
top: -2px;
width: 210px;
}
.ci-trias #header-toolbar .header-toolbar li ul.service .item {
background-repeat: no-repeat;
display: block;
line-height: 15px;
margin: 0;
min-height: 15px;
padding: 0 25px;
position: relative;
top: -2px;
width: 210px;
}
#header-toolbar .header-toolbar li ul.service .item span,
#header-toolbar .header-toolbar li ul.service .item a {
background-position: -605px -967px;
background-repeat: no-repeat;
color: #013476;
display: block;
font-size: 12px;
line-height: 15px;
margin: 0;
padding: 2px 5px 3px 15px;
vertical-align: top;
}
.ci-trias #header-toolbar .header-toolbar li ul.service .item span,
.ci-trias #header-toolbar .header-toolbar li ul.service .item a {
background-position: -605px -967px;
background-repeat: no-repeat;
color: #013476;
display: block;
font-size: 12px;
line-height: 15px;
margin: 0;
padding: 2px 5px 3px 15px;
vertical-align: top;
}
#header-toolbar .header-toolbar li ul.service .headline {
background-position: 0 -606px;
background-repeat: repeat-x;
color: #013476;
display: block;
font-size: 15px;
height: 34px;
line-height: 19px;
margin-bottom: 14px;
padding: 11px 30px 0 30px;
width: 200px;
}
#header-toolbar .header-toolbar li ul.service .headline span {
color: #013476;
font-size: 15px;
line-height: 19px;
}
#header-toolbar .header-toolbar li ul.thieme-group {
width: 790px;
}
#header-toolbar .header-toolbar li ul.thieme-group span.headline {
background-position: 0 -606px;
background-repeat: repeat-x;color: #013476;
display: block;
font-size: 15px;
height: 34px;
line-height: 19px;
margin: 0 0 15px 0;
padding: 11px 30px 0 30px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left {
overflow: auto;
width: 530px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left ul {
display: block;
left: 0;
margin: 0;
padding: 0;
position: relative;
top: 0;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .news {
border-top: 1px dotted #C5C6C8;
margin: 0 0 0 30px;
min-height: 245px;
overflow: auto;
padding: 0 15px 0 0;
width: 235px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .news li {
border-bottom: 1px dotted #C5C6C8;
color: #000000;
height: 64px;
line-height: 14px;
overflow: hidden;
padding: 2px 15px 0 0;
width: 235px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .news li.last {
height: 62px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .news li p{
background: none;
margin: 0;
padding: 0;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .news li p a {
background-position: -610px -969px;
background-repeat: no-repeat;
font-size: 12px;
margin: 0;
padding: 0 0 0 10px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .news li p a:hover {
color: #6AACDA;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .news li .date {
color: #000000;
font-weight: bold;
font-size: 11px;
line-height: 14px;
margin: 0;
padding: 0;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .news li.link {
border: none;
height: auto;
margin: 0;
padding: 0;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .news li.link a {
background-position: -494px -1080px;
color: #013476;
display: inline-block;
font-size: 12px;
height: 19px;
left: -1px;
margin: 19px 0 3px 0;
padding: 5px 0 0 31px;
position: relative;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar {
border: 1px solid #C5C6C8;
height: 198px;
left: 280px;
overflow: hidden;
position: absolute;
top: 60px;
width: 248px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar .imgs {
width: 10000px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar .imgs li {
float: left;
height: 198px;
overflow: hidden;
width: 248px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar .imgs li a {
margin: 0;
padding: 0;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar .controls {
background-color: transparent;
bottom: 4px;
display: inline-block;
height: 37px;
left: 4px;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 174px;
width: auto;
}
.no-js #header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar .controls {
display: none;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar .controls li {
background-color: transparent;
background-position: 0 -770px;
padding: 1px;
margin: 0 5px 0 0;
height: 20px;
width: 37px;
display: block;
float: left;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar .controls li a {
background-color: #FFFFFF;
background-image: none;
color: #013476;
display: block;
font-size: 10px;
height: 18px;
line-height: 12px;
margin: 0;
overflow: hidden;
padding: 0 5px 0 0;
text-align: right;
vertical-align: top;
width: 30px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-left .img-teaser-toolbar .controls li a.active {
background-color: #013476;
color: #FFFFFF;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-right {
float: left;
width: 260px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-right span.headline {
margin-bottom: 10px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-right ul {
display: block;
left: 0;
margin: 0 0 0 30px;
padding: 0;
position: relative;
top: 0;
width: 230px;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-right ul li {
display: block;
line-height: 15px;
margin: 0;
min-height: 15px;
padding: 0;
width: 100%;
}
#header-toolbar .header-toolbar li ul.thieme-group .col-right ul li span,
#header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a {
background-position: -610px -967px;
background-repeat: no-repeat;
color: #013476;
display: block;
font-size: 12px;
line-height: 15px;
margin: 0;
padding: 2px 30px 3px 10px;
vertical-align: top;
}
#header-toolbar .header-toolbar li ul.theme-world {
width: 780px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left {
float: left;
width: 470px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left span.headline {
background-position: 0 -606px;
background-repeat: repeat-x;
color: #013476;
display: block;
font-size: 15px;
height: 34px;
line-height: 19px;
margin: 0 0 15px 0;
padding: 11px 0 0 30px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul {
background-color: #FFFFFF;
display: block;
left: 0;
padding-left: 30px;
position: relative;
top: 0;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline {
background-position: 0 -835px;
font-size: 15px;
height: 34px;
line-height: 19px;
position: relative;
width: 440px;
padding: 0;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline.hippokrates {
background-color: #97BF0D;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline.enke {
background-color: #F47D00;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline.haug {
background-color: #339E9E;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline.sonntag {
background-color: #E30036;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline.trias {
background-color: #E01C3E;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline.thieme {
background-color: #013476;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline span {
background-image: none;
color: #013476;
font-size: 12px;
height: 26px;
right: 10px;
line-height: 16px;
margin: 0;
padding: 8px 0 0 0;
position: absolute;
text-align: right;
top: 0;
display: inline-block;
}
.ie7 #header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline span {
display: inline;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline a {
background-color: #FFFFFF;
background-position: -37px -835px;
display: block;
color: #000000;
font-size: 15px;
height: 34px;
line-height: 34px;
margin: 0 0 0 37px;
padding: 0 0 0 12px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline.thieme a {
color: #000000;
}
.ie7 #header-toolbar .header-toolbar li ul.theme-world .col-left ul li.headline.thieme a {
display: block;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.content {
margin-bottom: 20px;
padding-top: 15px;
width: 440px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.content.last {
margin-bottom: 4px;
}
.ie7 #header-toolbar .header-toolbar li ul.theme-world .col-left ul li.content.last {
padding-bottom: 4px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.content p {
float: left;
font-size: 12px;
line-height: 16px;
margin: -3px 0 0 0;
padding: 0 15px 3px 0;
width: 323px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.content p a {
background-position: -610px -970px;
display: block;
font-size: 12px;
margin: 7px 0 -3px 0;
overflow: visible;
padding: 0 0 0 11px;
white-space: nowrap;
width: 0;
}
#header-toolbar .header-toolbar li ul.theme-world .col-left ul li.content img {
border: 1px solid #C5C6C8;
margin: 0;
vertical-align: top;
}
#header-toolbar .header-toolbar li ul.theme-world .col-right {
width: 310px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-right span.headline {
background-position: 0 -606px;
background-repeat: repeat-x;
color: #013476;
display: block;
font-size: 15px;
height: 34px;
line-height: 19px;
margin: 0 0 15px 0;
padding: 11px 0 0 30px;
width: 280px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-right form {
margin: -3px 0 0 0;
padding: 0 30px;
width: 250px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-right form label {
color: #000000;
display: block;
font-size: 12px;
line-height: 16px;
margin-bottom: 4px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-right form select {
font-size: 12px;
line-height: 18px;
margin-bottom: 17px;
vertical-align: middle;
width: 250px;
}
#header-toolbar .header-toolbar li ul.theme-world .col-right form .reset-filter {
background-position: -495px -1080px;
background-repeat: no-repeat;
color: #013476;
display: inline-block;
font-size: 12px;
height: 19px;
left: -1px;
margin: 2px 0 13px 0;
padding: 5px 0 0 31px;
position: relative;
}
.no-js #header-toolbar .header-toolbar li ul {
border: 1px solid #C5C6C8;
border-top: none;
}
.no-js #header-toolbar .header-toolbar li ul li ul {
border: none;
}
.no-js #header-toolbar .header-toolbar li:hover ul {
display: block;
}
#header-toolbar .header-toolbar li ul .layer-shadow-top-left {
background-position: -250px -225px;
display: block;
height: 20px;
left: -10px;
margin: 0;
padding: 0;
position: absolute;
top: -10px;
width: 20px;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-top-left {
background-position: -250px -225px;
display: block;
height: 20px;
left: -10px;
margin: 0;
padding: 0;
position: absolute;
top: -10px;
width: 20px;
z-index: 4;
}
#header-toolbar .header-toolbar li ul .layer-shadow-top-right {
background-position: -225px -225px;
display: block;
height: 20px;
margin: 0;
padding: 0;
position: absolute;
right: -10px;
top: -10px;
width: 20px;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-top-right {
background-position: -225px -225px;
display: block;
height: 20px;
margin: 0;
padding: 0;
position: absolute;
right: -10px;
top: -10px;
width: 20px;
z-index: 4;
}
#header-toolbar .header-toolbar li ul .layer-shadow-bottom-right {
background-position: -200px -225px;
bottom: -10px;
display: block;
height: 20px;
margin: 0;
padding: 0;
position: absolute;
right: -10px;
width: 20px;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-bottom-right {
background-position: -200px -225px;
bottom: -10px;
display: block;
height: 20px;
margin: 0;
padding: 0;
position: absolute;
right: -10px;
width: 20px;
z-index: 4;
}
#header-toolbar .header-toolbar li ul .layer-shadow-bottom-left {
background-position: -175px -225px;
bottom: -10px;
display: block;
height: 20px;
left: -10px;
margin: 0;
padding: 0;
position: absolute;
width: 20px;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-bottom-left {
background-position: -175px -225px;
bottom: -10px;
display: block;
height: 20px;
left: -10px;
margin: 0;
padding: 0;
position: absolute;
width: 20px;
z-index: 4;
}
#header-toolbar .header-toolbar li ul .layer-shadow-bottom {
background-repeat: repeat-x;
bottom: -10px;
display: block;
height: 10px;
left: 10px;
margin: 0;
padding: 0;
position: absolute;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-bottom {
background-repeat: repeat-x;
bottom: -10px;
display: block;
height: 10px;
left: 10px;
margin: 0;
padding: 0;
position: absolute;
z-index: 4;
}
#header-toolbar .header-toolbar li ul .layer-shadow-top-top-right {
background-position: 0 -25px;
background-repeat: repeat-x;
display: block;
height: 10px;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: -10px;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-top-top-right {
background-position: 0 -25px;
background-repeat: repeat-x;
display: block;
height: 10px;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: -10px;
z-index: 4;
}
#header-toolbar .header-toolbar li ul .layer-shadow-top-top-right-top {
background-position: -300px -225px;
display: block;
height: 27px;
margin: 0;
padding: 0;
position: absolute;
top: -27px;
width: 10px;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-top-top-right-top {
background-position: -300px -225px;
display: block;
height: 27px;
margin: 0;
padding: 0;
position: absolute;
top: -27px;
width: 10px;
z-index: 4;
}
#header-toolbar .header-toolbar li ul .layer-shadow-top-top-left {
background-position: 0 -25px;
background-repeat: repeat-x;
display: block;
height: 10px;
left: 10px;
margin: 0;
padding: 0;
position: absolute;
top: -10px;
z-index: 5;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-top-top-left {
background-position: 0 -25px;
background-repeat: repeat-x;
display: block;
height: 10px;
left: 10px;
margin: 0;
padding: 0;
position: absolute;
top: -10px;
z-index: 5;
}
#header-toolbar .header-toolbar li ul .layer-shadow-top-top-left-top {
background-position: -280px -225px;
display: block;
height: 27px;
margin: 0;
padding: 0;
position: absolute;
top: -27px;
width: 10px;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-top-top-left-top {
background-position: -280px -225px;
display: block;
height: 27px;
margin: 0;
padding: 0;
position: absolute;
top: -27px;
width: 10px;
z-index: 4;
}
#header-toolbar .header-toolbar li ul .layer-shadow-left {
background-position: -10px 0;
background-repeat: repeat-y;
display: block;
left: -10px;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
width: 10px;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-left {
background-position: -10px 0;
background-repeat: repeat-y;
display: block;
left: -10px;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
width: 10px;
z-index: 4;
}
#header-toolbar .header-toolbar li ul .layer-shadow-right {
background-position: 0 0;
background-repeat: repeat-y;
display: block;
margin: 0;
padding: 0;
position: absolute;
right: -10px;
top: 10px;
width: 10px;
z-index: 4;
}
.ci-trias #header-toolbar .header-toolbar li ul .layer-shadow-right {
background-position: 0 0;
background-repeat: repeat-y;
display: block;
margin: 0;
padding: 0;
position: absolute;
right: -10px;
top: 10px;
width: 10px;
z-index: 4;
}
#header-toolbar .header-toolbar li ul li {
background: none;
display: inline-block;
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
.ci-trias #header-toolbar .header-toolbar li ul li {
background: none;
display: inline-block;
height: auto;
margin: 0;
padding: 0;
width: 100%;
}
#header-logo {
background-repeat: no-repeat;
height: 31px;
left: 22px;
position: absolute;
top: 32px;
}
#header-logo a {
display: block;
height: 100%;
overflow: hidden;
text-indent: -10000px;
width: 100%;
}
#header-title {
font-size: 13px;
height: 16px;
left: 146px;
line-height: 19px;
position: absolute;
top: 36px;
}
#header-title span {
color: #013476;
font-size: 12px;
line-height: 16px;
white-space: nowrap;
}
#header-search {
height: 26px;
position: absolute;
right: -2px;
top: 33px;
width: 313px
}
.ci-trias #header-search {
height: 26px;
position: absolute;
right: -2px;
top: 33px;
width: 313px
}
#header-search .text {
background-position: 0 -190px;
border: 0;
color: #013476;
font-size: 10px;
height: 24px;
left: 0;
line-height: 24px;
padding: 0 5px;
position: absolute;
top: 1px;
vertical-align: center;
width: 270px;
}
#header-search .submit {
background-color: transparent;
background-position: -300px -190px;
border: none;
color: transparent;
height: 26px;
margin: 0;
padding: 0;
position: absolute;
right: 0;
text-indent: -10000px;
top: 0;
width: 28px;
}
/* Autocomplete */
ul.ui-autocomplete {
background-color: #FFFFFF;
border-bottom: 1px solid #B7B8BA;
border-left: 1px solid #B9BABD;
border-right: 1px solid #DBDBDD;
list-style-type: none;
margin: 0;
padding: 0;
width: 270px;
z-index: 5;
}
ul.ui-autocomplete li {
font-size: 11px;
line-height: 24px;
}
ul.ui-autocomplete li a {
color: #013476;
cursor: pointer;
display: block;
padding: 0 23px 0 11px;
}
ul.ui-autocomplete li a:hover,
ul.ui-autocomplete li a:focus,
ul.ui-autocomplete .ui-state-hover,
ul.ui-autocomplete .ui-state-focus{
background-color: #6AACDA;
}
#header-menu {
height: 40px;
left: 0;
max-width: 800px;
position: absolute;
top: 81px;
z-index: 2;
width:790px;
}
.ci-trias #header-menu {
height: 40px;
left: 0;
max-width: 800px;
position: absolute;
top: 90px;
z-index: 2;
/* width:790px;
border-top: 1px solid #ebebeb;*/
}
#header-menu .header-menu {
background-repeat: no-repeat;
height: 40px;
margin: 0;
padding: 0;
}
.ci-trias #header-menu .header-menu {
background-repeat: no-repeat;
height: 35px;
margin: 0;
padding: 0;
}
/*
.ci-trias #header-menu .header-menu {
background-color: #EBEBEB;
}
*/
.ci-trias #header-menu .header-menu {
-webkit-border-radius: 3px; text-decoration:none; color: #FFFFFF;
background-color: #D9D9D9; background-image: -webkit-gradient(linear, left top, left bottom, from(#D9D9D9), to(#EBEBEB));
background-image: -webkit-linear-gradient(top, #D9D9D9, #EBEBEB);
background-image: -moz-linear-gradient(top, #D9D9D9, #EBEBEB);
background-image: -ms-linear-gradient(top, #D9D9D9, #EBEBEB);
background-image: -o-linear-gradient(top, #D9D9D9, #EBEBEB);
background-image: linear-gradient(to bottom, #D9D9D9, #EBEBEB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D9D9D9, endColorstr=#EBEBEB);
}
#header-menu .header-menu li {
float: left;
height: 40px;
list-style-type: none;
margin: 0;
position: relative;
}
.ci-trias #header-menu .header-menu li {
float: left;
height: 35px;
list-style-type: none;
margin: 0;
position: relative;
}
.ci-trias #header-menu .header-menu li.active{
/* border-bottom: 1px solid #ebebeb;*/
border-top: 1px solid #ebebeb;
height:34px;
}
#header-menu .header-menu li a,
#header-menu .header-menu li span {
background-position: right -334px;
background-repeat: no-repeat;
color: #013476;
display: inline-block;
font-size: 92.3%;
height: 35px;
line-height: 123.1%;
outline: 0 none;
padding: 5px 23px 0 22px;
text-decoration: none;
}
.ci-trias #header-menu .header-menu li a,
.ci-trias #header-menu .header-menu li span {
background-position: right -334px;
background-repeat: no-repeat;
color: #013476;
display: inline-block;
font-size: 92.3%;
height: 26px;
line-height: 123.1%;
outline: 0 none;
padding: 8px 23px 0 22px;
text-decoration: none;
}
.ci-trias #header-menu .header-menu li a:active {
background-color: #ffffff;
}
.ie7 #header-menu .header-menu li a,
.ie8 #header-menu .header-menu li a {
background-position: -699px -334px;
}
#header-menu .header-menu li .header-menu-layer {
background-color: #FFFFFF;
display: none;
left: 0;
margin: 0;
padding: 10px 0;
position: absolute;
top: 40px;
z-index: 2;
}
.ci-trias #header-menu .header-menu li .header-menu-layer {
background-color: #FFFFFF;
display: none;
left: 0;
margin: 0;
padding: 10px 0;
position: absolute;
top: 35px;
z-index: 2;
}
.no-js #header-menu .header-menu li .header-menu-layer {
border: 1px solid #C5C6C8;
left: -1px;
top: 39px;
}
.no-js #header-menu .header-menu li:hover .header-menu-layer {
display: block;
}
#header-menu .header-menu li .header-menu-layer ul {
float: left;
margin: 0;
padding: 0;
}
#header-menu .header-menu li .layer-shadow-top-left {
background-position: -250px -225px;
display: block;
height: 20px;
left: -10px;
margin: 0;
padding: 0;
position: absolute;
top: -10px;
width: 10px;
z-index: 3;
}
#header-menu .header-menu li .layer-shadow-top-left:hover {
background-color:transparent !important;
}
#header-menu .header-menu li .layer-shadow-top-right {
background-position: -225px -225px;
display: block;
height: 20px;
margin: 0;
padding: 0;
position: absolute;
right: -10px;
top: -10px;
width: 20px;
z-index: 3;
}
#header-menu .header-menu li .layer-shadow-top-right:hover {
background-color:transparent !important;
}
#header-menu .header-menu li .layer-shadow-bottom-right {
background-position: -200px -225px;
bottom: -10px;
display: block;
height: 20px;
margin: 0;
padding: 0;
position: absolute;
right: -10px;
width: 20px;
z-index: 3;
}
#header-menu .header-menu li .layer-shadow-bottom-right:hover {
background-color:transparent !important;
}
#header-menu .header-menu li .layer-shadow-bottom-left {
background-position: -175px -225px;
bottom: -10px;
display: block;
height: 20px;
left: -10px;
margin: 0;
padding: 0;
position: absolute;
width: 20px;
z-index: 3;
}
#header-menu .header-menu li .layer-shadow-bottom-left:hover {
background-color:transparent !important;
}
#header-menu .header-menu li .layer-shadow-bottom {
background-repeat: repeat-x;
bottom: -10px;
display: block;
height: 10px;
left: 10px;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
z-index: 3;
}
#header-menu .header-menu li .layer-shadow-bottom:hover {
background-color:transparent !important;
}
#header-menu .header-menu li .layer-shadow-top {
background-position: 0 -25px;
background-repeat: repeat-x;
display: block;
height: 10px;
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: -10px;
z-index: 3;
}
#header-menu .header-menu li .layer-shadow-top:hover {
background-color:transparent !important;
}
#header-menu .header-menu li .layer-shadow-left {
background-position: -10px 0;
background-repeat: repeat-y;
bottom: 10px;
display: block;
left: -10px;
margin: 0;
padding: 0;
position: absolute;
top: 0;
width: 10px;
z-index: 3;
}
#header-menu .header-menu li .layer-shadow-left:hover {
background-color:transparent !important;
}
#header-menu .header-menu li .layer-shadow-right {
background-position: 0 0;
background-repeat: repeat-y;
bottom: 10px;
display: block;
margin: 0;
padding: 0;
position: absolute;
right: -10px;
top: 10px;
width: 10px;
z-index: 3;
}
#header-menu .header-menu li .layer-shadow-right:hover {
background-color:transparent !important;
}
#header-menu .header-menu li ul li {
display: inline-block;
float: none;
height: auto;
margin: 0;
padding: 0;
white-space: nowrap;
width: 100%;
}
.ci-trias #header-menu .header-menu li ul li {
display: inline-block;
float: none;
height: auto;
margin: 0;
padding: 0 0 -2px 0;
white-space: nowrap;
width: 100%;
}
#header-menu .header-menu li ul li a,
#header-menu .header-menu li ul li span {
background-position: -588px -967px !important;
color: #013476;
display: block;
font-size: 92.3%;
height: auto;
line-height: 153.8%;
margin: 0;
padding: 0 22px 2px 33px;
}
.ci-trias #header-menu .header-menu li ul li a,
.ci-trias #header-menu .header-menu li ul li span {
background-position: -588px -967px !important;
color: #013476;
display: block;
font-size: 92.3%;
height: auto;
line-height: 153.8%;
margin: 0;
padding: 0 22px 2px 33px;
}
.ie7 #header-menu .header-menu li ul li a,
.ie7 #header-menu .header-menu li ul li span {
margin-right: 0;
min-width: 0;
}
.ie7 #header-menu .header-menu li ul li span {
margin-right: 1em;
min-width: 100%;
}
#header-menu .header-menu li ul li.active a,
#header-menu .header-menu li ul li.active span,
#header-menu .header-menu li ul li.active {
background-image:none;
}
#header-webshop {
font-size: 13px;
left: 785px;
line-height: 19px;
position: absolute;
top: 78px;
width: 158px;
z-index: 500;
}
.ci-trias #header-webshop {
font-size: 13px;
left: 785px;
line-height: 19px;
position: absolute;
top: 82px;
width: 158px;
z-index: 500;
}
#header-webshop-content-top {
background-position: 0 -225px;
padding: 3px 0 0 3px;
}
.ci-trias #header-webshop-content-top {
background-position: 0 -225px;
padding: 8px 0 0 1px;
height: 36px;
}
#header-webshop-content-top-content {
background-position: -163px -1013px;
background-repeat: repeat-x;
width: 158px;
}
.ci-tris #header-webshop-content-top-content {
background-position: -163px -1013px;
background-repeat: repeat-x;
width: 152px;
height: 40px;
}
#header-webshop-content-top a {
background-position: left -327px;
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 14px;
height: 40px;
margin: 0 8px;
padding: 0 0 0 34px;
text-align: left;
text-decoration: none;
width: auto;
}
.ci-trias #header-webshop-content-top a {
background-position: left -327px;
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 14px;
height: 36px;
margin: 0 8px;
padding: 0 0 0 34px;
text-align: left;
text-decoration: none;
width: auto;
}
.ie7 #header-webshop-content-top a p,
.ie8 #header-webshop-content-top a p {
background-position: left -330px;
}
#header-webshop-content-top a p {
display: inline-block;
height: 40px;
margin: 0;
}
.ie7 #header-webshop-content-top a p {
display: inline;
}
.ie7 #header-webshop-content-top a p,
.ie8 #header-webshop-content-top a p {
margin-top:1px;
height: 39px;
}
#header-webshop-content-top a p span {
background-position: right -754px;
line-height: 36px;
padding-right: 12px;
}
.ie7 #header-webshop-content-top a p span,
.ie8 #header-webshop-content-top a p span {
background-position: right -755px;
line-height: 34px;
}
#header-webshop-content-bottom {
background-color: transparent;
background-position: 0 bottom;
padding-bottom: 3px;
width: 158px;
}
.ci-trias #header-webshop-content-bottom {
background-color: transparent;
background-position: 2000px bottom;
padding-bottom: 3px;
width: 157px;
}
#header-webshop-content-bottom > a {
background-position: 0 -531px;
background-repeat: repeat-x;
color: #013476;
display: block;
font-size: 10px;
height: 22px;
line-height: 20px;
margin: 0 3px 0 3px;
padding: 0 8px;
text-align: center;
text-decoration: none;
}
.ci-trias #header-webshop-content-bottom > a {
background-position: 0 -531px;
background-repeat: repeat-x;
color: #013476;
display: block;
font-size: 10px;
height: 22px;
line-height: 20px;
margin: 0 2px 0 2px;
padding: 0 8px;
text-align: center;
text-decoration: none;
}
/* Breadcrump Elements */
#breadcrump ul {
border-bottom: 1px dotted #C5C6C8;
margin: 0 0 0 40px;
min-height: 16px;
overflow: hidden;
padding: 22px 0 4px 11px;
vertical-align: top;
width: 940px;
}
#breadcrump ul li {
background-position: -610px -968px;
background-repeat: no-repeat;
float: left;
list-style-type: none;
margin: 0;
padding: 0 0 0 11px;
vertical-align: top;
}
#breadcrump ul li.first {
background-image: none;
padding-left: 0;
}
#breadcrump ul li span,
#breadcrump ul li a {
color: #013476;
float: left;
font-size: 84.6%;
line-height: 146.2%;
margin-right: 14px;
text-decoration: none;
vertical-align: top;
}
/* Advert Elements */
#advert {
float: left;
margin: 1px 0 0 20px;
max-width: 200px;
zoom: 1;
}
.home #advert {
left: 980px;
position: absolute;
top: 178px;
}
.home-theme #advert {
left: 980px;
position: absolute;
top: 162px;
}
#advert-content {
margin: 3px 0 0 0;
}
#advert span {
display: none;
color: #C5C6C8;
font-size: 9px;
line-height: 13px;
}
@media (min-width:1200px){
#advert-content{
position:fixed;
}
}
/* Footer Elements */
#content-footer .print {
background-position: -520px -195px;
display: block;
float: right;
height: 15px;
margin: 19px 0 0 20px;
width: 17px;
}
.no-js #content-footer .print {
display: none;
}
#content-footer .scroll-to {
background-position: -545px -195px;
display: block;
float: right;
height: 8px;
margin-top: 23px;
width: 31px;
}
#content-footer .print span,
#content-footer .scroll-to span {
left: -100000px;
position: absolute;
top: -100000px;
}
#footer-top .copyright {
color: #000000;
float: left;
font-size: 10px;
line-height: 15px;
margin: 16px 10px 0 0;
}
#footer-top-menu {
float: left;
}
#footer-top-menu .footer-top-menu {
margin: 0;
padding: 15px 0 0 0;
}
#footer-top-menu .footer-top-menu li {
float: left;
list-style-type: none;
margin: 0;
padding: 0;
}
#footer-top-menu .footer-top-menu li a {
color: #013476;
display: inline-block;
font-size: 10px;
line-height: 14px;
margin: 0 10px;
text-decoration: none;
}
#footer-top-share {
float: left;
position: relative;
}
#footer-top-newsletter {
float: left;
margin-right: 18px;
}
#footer-top-share > a,
#footer-top-newsletter > a{
color: #013476;
display: inline-block;
font-size: 10px;
height: 24px;
line-height: 24px;
padding-left: 27px;
position: relative;
text-decoration: none;
top: -2px;
}
#footer-top-share > a {
background-position: -643px -917px;
background-repeat: no-repeat;
}
#footer-top-newsletter a {
background-position: -617px -941px;
background-repeat: no-repeat;
}
#footer-logo {
background-position: -340px -190px;
height: 22px;
left: 0;
position: absolute;
text-indent: -10000px;
top: 25px;
width: 80px;
}
#footer-logo-trias
{
background-position: 2px -2264px;
height: 24px;
left: 0;
position: absolute;
text-indent: -10000px;
top: 0px;
width: 80px;
left: -4px;
}
#footer-bottom .headline {
color: #000000;
display: inline-block;
font-size: 10px;
height: 14px;
line-height: 14px;
overflow: hidden;
padding-bottom: 3px;
}
.ie7 #footer-bottom .headline {
padding-bottom: 7px;
}
#footer-bottom .footer-menu {
border-top: 1px dotted #C5C6C8;
margin: 0;
padding: 5px 35px 0 0;
}
#footer-col1 .footer-menu {
padding-right: 25px;
}
#footer-col5 .footer-menu {
padding-right: 0;
}
#footer-bottom .footer-menu li {
line-height: 14px;
list-style-type: none;
margin: 3px 0 4px 0;
padding: 0;
}
#footer-bottom .footer-menu a {
color: #013476;
font-size: 11px;
text-decoration: none;
vertical-align: top;
}
/*
#footer-bottom .footer-triasmenu {
border-top: 1px dotted #C5C6C8;
margin: 0;
padding: 5px 35px 0 0;
}
#footer-bottom .footer-triasmenu li {
line-height: 14px;
list-style-type: none;
margin: 3px 0 4px 0;
padding: 0;
}
#footer-bottom .footer-triasmenu a {
color: #cd3246;
font-size: 11px;
text-decoration: none;
vertical-align: top;
}
#footer-triascol. footer-menu {
padding-right: 25px;
}
*/
/* Content Elements */
/* Content Navigation */
#content-navigation .content-navigation {
list-style-type: none;
margin: 0 0 13px 0;
overflow: hidden;
padding: 0;
position:relative;
top:-5px;
width: 210px;
}
#content-navigation .content-navigation > li {
width: 210px;
}
#content-navigation .content-navigation li.active {
min-height: 20px;
padding-bottom: 0;
}
#content-navigation .content-navigation li a,
#content-navigation .content-navigation li span {
background-color: transparent;
background-position: -280px -2084px;
background-repeat: no-repeat;
color: #013476;
display: block;
font-size: 92.3%;
line-height: 125%;
padding: 2px 10px 5px 14px;
text-decoration: none;
}
#content-navigation .content-navigation li.active > span {
background-image: none;
}
#content-navigation .content-navigation li.active ul {
padding-bottom: 10px;
}
#content-navigation .content-navigation li ul {
background-color: transparent;
list-style-type: none;
margin: 0;
padding: 4px 0 10px 0;
}
#content-navigation .content-navigation li ul li > a{
background-position: -266px -2084px;
padding-left: 28px;
}
#content-navigation .content-navigation li ul li > span{
padding-left: 28px;
}
#content-navigation .content-navigation li ul li ul li > a{
background-position: -252px -2084px;
padding-left: 42px;
}
#content-navigation .content-navigation li ul li ul li > span{
padding-left: 42px;
}
#content-navigation .content-navigation li ul li ul li ul li > a{
/*background-position: -238px -2084px; */
background-position: -252px -2084px;
/* padding-left: 56px;*/
padding-left: 42px;
}
#content-navigation .content-navigation li ul li ul li ul li > span{
padding-left: 56px;
}
#content-navigation .content-navigation li ul li ul li ul li ul li > a{
background-position: -224px -2084px;
padding-left: 70px;
}
#content-navigation .content-navigation li ul li ul li ul li ul li > span{
padding-left: 70px;
}
/* Generic Content Elements */
a.arrow {
background-position: -610px -967px;
background-repeat: no-repeat;
color: #013476;
padding-left: 10px;
text-decoration:none;
margin: 0 13px;
}
a.arrow:hover {
color: #6AACDA;
}
.headline {
color: #6AACDA;
display: block;
margin: 0;
padding: 0;
position: relative;
}
.headline.dotted {
border-bottom: 1px dotted #C5C6C8;
}
h1.headline {
font-size: 153.8%;
font-weight: normal;
line-height: 153.8%;
margin-bottom: 10px;
top: -7px;
}
h1.headline.dotted {
margin-bottom: 6px;
padding-bottom: 3px;
}
h2.headline {
font-size: 115.4%;
font-weight: normal;
line-height: 169.2%;
margin-bottom: 11px;
top: -5px;
}
h2.headline.liste {
margin-top: 10px;
}
h2.headline.dotted {
margin-bottom: 10px;
padding-bottom: 3px;
}
/* paragraph */
.paragraph {
margin-bottom:20px;
width:440px;
}
.paragraph a {
background-position: -610px -967px;
background-repeat: no-repeat;
color: #013476;
padding-left: 10px;
text-decoration:none;
}
.paragraph a.special {
background-image: none;
padding-left: 0px;
}
.ie7 .paragraph a {
background: 0 none;
padding-left: 0;
}
.paragraph a:hover {
color: #6AACDA;
}
.paragraph p {
line-height: 130.8%;
margin: 0 0 9px 0;
overflow: hidden;
padding: 0;
position: relative;
top: -5px;
}
.paragraph p.liste {
margin: 12px 0 9px 0;
}
.paragraph h2 {
font-size: 14px;
font-weight: bold;
margin: 0 0 19px 0;
padding: 7px 0 0 0;
position: relative;
top: 5px;
line-height: 1.2;
color: #013476;
}
.paragraph h3 {
font-size: 16px;
font-weight: normal;
margin: 0 0 13px 0;
padding: 7px 0 0 0;
position: relative;
top: -4px;
}
.paragraph ul {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0;
position: relative;
top: -5px;
}
.paragraph ul li {
background-position: -692px -2033px;
background-repeat: no-repeat;
margin: 4px 0;
padding: 0 0 0 22px;
line-height: 146.2%;
}
.paragraph ul li ul li {
background-position: -692px -2033px;
background-repeat: no-repeat;
margin: 4px 0;
padding: 0 0 0 22px;
line-height: 146.2%;
}
.paragraph ol {
list-style-position: outside;
margin: 0 0 7px 28px;
padding: 0;
position: relative;
top: -5px;
}
.ie7 .paragraph ol {
margin-left: 30px;
}
.paragraph ol li {
margin: 1px 0px 1px 0px;
line-height: 146.2%;
}
.paragraph img {
/* max-width: 220px; */
max-width: 440px;
}
.paragraph img.left {
float:left;
margin-right: 10px;
margin-bottom: 10px;
}
.paragraph img.right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
/* Videos */
.video {
margin-bottom:21px;
}
.video.player {
margin-bottom:25px;
}
.video .embedded {
overflow: hidden;
padding-bottom: 4px;
}
.video .video-embedded-code {
display: none;
}
.video .video-text {
font-size: 84.6%;
line-height: 100%;
margin: 4px 0 0 0;
padding: 0;
}
.video .video-link {
background-position: -610px -969px;
font-size: 84.6%;
line-height: 100%;
margin:0;
position: relative;
top: -2px;
}
.video .player {
height: 248px;
width: 440px;
}
.video .player a {
display: none;
}
.fallback-img {
width:243px;
height:auto;
}
/* Newspaper List */
.newspaper-list {
margin-bottom: 12px;
overflow: hidden;
width: 440px;
}
.newspaper-list a.arrow {
background-position: -610px -968px;
font-weight: bold;
}
.newspaper-list h2.headline.dotted {
margin-bottom: 6px;
}
.newspaper-list .filter {
margin: 0 0 9px 0;
padding: 0;
position: relative;
top: -1px;
width: 448px;
}
.newspaper-list .filter a,
.newspaper-list .filter span {
color: #013476;
display: inline-block;
float: left;
font-size: 11px;
padding: 0 2px 0 2px;
margin-right: 1px;
outline: 0 none;
text-decoration: underline;
}
.ie7 .newspaper-list .filter a {
display: inline;
}
.newspaper-list .filter a:hover {
color: #6AACDA;
}
.newspaper-list .filter a.active:hover {
color: #FFFFFF;
}
.newspaper-list .filter .active {
color: #FFFFFF;
text-decoration: none;
background-color: #013476;
}
.no-js .newspaper-list .filter .all {
display: none;
}
.no-js .newspaper-list .filter .active {
color: #013476;
text-decoration: underline;
}
.no-js .newspaper-list .filter .active:hover {
color: #6AACDA;
}
.newspaper-list .filter .disabled {
color: #C5C6C8;
text-decoration: none;
}
.newspaper-list ul {
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
}
.newspaper-list ul li {
line-height: 16px;
margin-bottom: 13px;
}
.newspaper-list ul li p {
margin: 0 0 3px 0;
padding: 1px 0 0 0;
}
.newspaper-list ul li p strong{
color: #013476;
}
.newspaper-list ul li .col {
float: left;
margin-right: 19px;
}
.newspaper-list ul li .col li{
line-height: 18px;
margin: 0;
}
.newspaper-list ul li .col li a {
background-position: -610px -968px;
background-repeat: no-repeat;
color: #013476;
padding-left: 10px;
text-decoration: none;
}
.newspaper-list ul li .col li a:hover {
color: #6AACDA;
}
/* Author List */
.author-list {
margin-bottom: 12px;
overflow: hidden;
width: 440px;
}
.author-list a.arrow,
.author a.arrow{
background-position: -610px -969px;
}
.author-list h2.headline.dotted {
margin-bottom: 6px;
}
.author-list .filter {
margin: 0 0 9px 0;
padding: 0;
position: relative;
top: -1px;
width: 448px;
}
.author-list .filter a,
.author-list .filter span {
color: #013476;
display: inline-block;
float: left;
font-size: 11px;
padding: 0 2px 0 2px;
margin-right: 1px;
outline: 0 none;
text-decoration: underline;
}
.ie7 .author-list .filter a {
display: inline;
}
.author-list .filter a:hover {
color: #6AACDA;
}
.author-list .filter a.active:hover {
color: #FFFFFF;
}
.author-list .filter .active {
color: #FFFFFF;
text-decoration: none;
background-color: #013476;
}
.no-js .author-list .filter .all {
display: none;
}
.no-js .author-list .filter .active {
color: #013476;
text-decoration: underline;
}
.no-js .author-list .filter .active:hover {
color: #6AACDA;
}
.author-list .filter .disabled {
color: #C5C6C8;
text-decoration: none;
}
.author-list ul {
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
}
.author-list ul li {
line-height: 16px;
margin-bottom: 13px;
}
.author-list ul li p {
margin: 0 0 3px 0;
padding: 1px 0 0 0;
}
.author-list ul li p strong{
color: #013476;
}
/* filtered-list */
.filtered-list {
margin-bottom: 25px;
overflow: visible;
position: relative;
width: 440px;
}
.ie7 .filtered-list {
margin-bottom: 24px;
}
.filtered-list h2.headline {
margin-bottom: 7px;
padding-right: 25px;
}
.no-js .filtered-list h2.headline {
margin-bottom: 10px;
}
.filtered-list .rss-ico {
background-position:-235px -288px;
height:15px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-10000px;
top:1px;
width:15px;
}
.filtered-list .intro {
margin: 0 0 13px 0;
padding: 0;
position: relative;
top: -3px;
}
.filtered-list form {
margin-bottom: 20px;
}
.no-js .filtered-list .filter .row {
left: -14px;
}
.no-js .filtered-list select {
background: 0 none;
margin-left: 15px;
width: 180px;
}
.no-js .filtered-list button {
margin-left: 12px;
}
.js .filtered-list button {
display: none;
}
.filtered-list form .reset {
display: none;
}
.filtered-list form .row {
left: -18px;
margin: 0;
padding: 0;
position: relative;
width: 458px;
}
.ie7 .filtered-list form .row {
left: 0;
margin-left: -18px;
position: static;
}
.filtered-list ul.js-select.w50 {
margin-left: 18px;
margin-bottom: 9px;
z-index: 2;
}
.filtered-list ul.js-select.w100 {
margin-left: 18px;
margin-bottom: 9px;
}
.filtered-list .content {
border-bottom: 1px dotted #C5C6C8;
}
.no-js .filtered-list .content {
border: none;
}
.filtered-list ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.filtered-list .pages {
border-bottom: 1px dotted #C5C6C8;
}
.filtered-list .pages .page {
display: none;
}
.filtered-list .pages .page.active {
display: block;
}
.filtered-list .paginator {
float: right;
padding-top: 8px;
}
.filtered-list .paginator a {
color: #6AACDA;
float:left;
line-height: 19px;
margin: 2px 8px 0 0;
text-decoration: none;
}
.filtered-list .paginator a.active {
color: #000000;
cursor: default;
outline: 0 none;
}
.filtered-list .paginator span {
color: #000000;
cursor: default;
float:left;
line-height: 19px;
margin: 2px 8px 0 0;
outline: 0 none;
text-decoration: none;
}
.filtered-list .paginator .reset {
background-position: -610px -965px;
background-repeat: no-repeat;
color: #013476;
font-size: 11px;
line-height: 22px;
margin: 1px 16px 0 0;
padding: 0 0 0 10px;
}
.filtered-list .paginator .prev,
.filtered-list .paginator .next {
display: block;
height: 24px;
margin: 0;
outline: 0 none;
overflow: hidden;
padding: 0;
width: 26px;
}
.filtered-list .paginator .prev {
background-position: 0 -800px;
margin-right: 7px;
}
.filtered-list .paginator .prev.disabled {
background-position: -56px -800px;
cursor: default;
}
.filtered-list .paginator .next {
background-position: -495px -1080px;
}
.filtered-list .paginator .next.disabled {
background-position: -28px -800px;
cursor: default;
}
.filtered-list .teaser {
margin-bottom:20px !important;
}
/* JS-Select */
.js select.js-select {
visibility: hidden;
height: 24px;
margin-left: 18px;
margin-bottom: 9px;
}
ul.js-select {
background-position: 0 -1368px;
background-repeat: no-repeat;
display: block;
height: 24px;
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
ul.js-select.blue {
background-position: 0 -1343px;
}
ul.js-select .title {
background-position: right -1423px;
color: #013476;
cursor: pointer;
display: block;
font-size: 11px;
height: 24px;
line-height: 22px;
padding: 0 23px 0 11px;
white-space: nowrap;
}
ul.js-select.blue .title {
background-position: right -1396px;
}
ul.js-select .options {
background-color: #FFFFFF;
border-bottom: 1px solid #B7B8BA;
border-left: 1px solid #B9BABD;
border-right: 1px solid #DBDBDD;
display: none;
position: absolute;
top: 23px;
z-index: 5;
}
.ie7 ul.js-select .options {
z-index: 20;
}
ul.js-select.blue .options {
border-bottom: 1px solid #99B1CD;
border-left: 1px solid #B7C5D2;
border-right: 1px solid #F8FBFD;
}
ul.js-select .options ul {
list-style-type: none;
margin: 0;
padding: 0;
z-index: 1;
}
ul.js-select .options ul li {
color: #013476;
cursor: pointer;
font-size: 11px;
line-height: 24px;
padding: 0 23px 0 11px;
}
ul.js-select .options ul li:hover {
background-color: #6AACDA;
}
ul.js-select.w50 {
display: block;
float: left;
width: 211px;
}
ul.js-select.w50 .options {
min-width: 209px;
}
ul.js-select.w100 {
display: block;
float: left;
width: 440px;
}
ul.js-select.w100 .options {
min-width: 438px;
}
/* Jobs */
.filtered-list.jobs .pages {
padding-bottom: 4px;
}
.job {
margin: 0 0 13px 0;
padding: 0;
position: relative;
top: -3px;
}
.job span {
display: block;
font-size: 92.3%;
line-height: 123.1%;
margin-bottom: 1px;
}
.job a {
background-position: -610px -968px;
background-repeat: no-repeat;
color: #013476;
display: inline-block;
font-weight: bold;
padding: 0 0 0 10px;
text-decoration: none;
}
.ie7 .job a {
display: inline;
}
.job a:hover {
color: #6AACDA;
}
/* Standart Formular */
.std-form {
width: 440px;
}
.std-form h2.headline{
margin-bottom: 15px;
}
.std-form .error {
color: #FF0000;
}
.std-form .errormessage {
border: 1px solid #FF0000;
margin-bottom: 15px;
padding: 5px;
}
.std-form .errormessage p {
line-height: 1.5;
margin: 0;
top: 0;
}
.std-form h3 {
font-size: 115%;
font-weight: normal;
margin: 0 0 13px;
padding: 7px 0 0;
position: relative;
top: -4px;
}
.std-form p {
margin-bottom: 16px;
position: relative;
top: -4px;
}
.std-form .row {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;
top: 0;
}
.ie7 .std-form .row {
position: relative;
z-index: 1;
}
.ie7 .std-form .row.select {
z-index: 10;
}
.std-form .row.submit {
margin-bottom: 18px;
position: relative;
top: -1px;
}
.std-form .row label {
cursor: default;
position: relative;
top: -5px;
}
.std-form .row .mandatory {
color: #FF0000;
font-size: 15px;
margin-left: 3px;
}
.std-form .row .text {
background-color: transparent;
background-position: -260px -1725px;
border: none;
font-size: 12px;
height: 24px;
line-height: 24px;
margin: 0 0 -1px 0;
padding: 0 5px;
position: relative;
top: -1px;
vertical-align: middle;
width: 430px;
}
.std-form .row textarea {
background-position: -260px -1760px;
border: none;
font-size: 12px;
height: 92px;
line-height: 16px;
margin: 0 0 -1px 0;
overflow: auto;
padding: 4px 5px;
position: relative;
resize: none;
top: -1px;
width: 430px;
}
.std-form .row .btn {
background-color: transparent;
background-position: -255px -430px;
border: none;
color: #013476;
display: inline-block;
float: right;
height: 29px;
line-height: 29px;
margin: 0 0 0 6px;
text-align: center;
vertical-align: middle;
width: 102px;
}
.std-form .row .mandatory-info {
color: #FF0000;
position: relative;
top: -4px;
}
.std-form ul.row.checkbox {
margin-bottom: 15px;
position: relative;
top: -4px;
}
.std-form p.row.checkbox {
margin-bottom: 15px;
padding-left: 22px;
position: relative;
top: -4px;
}
.std-form .row.checkbox li {
padding-left: 22px;
position: relative;
}
.std-form .row.checkbox input {
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 2px;
}
.ie7 .std-form .row.checkbox input {
left: -4px;
top: 0px;
}
.ie7 .std-form .row.checkbox li input {
left: -4px;
top: -2px;
}
.std-form p.row.radio {
margin-bottom: 14px;
padding-left: 22px;
position: relative;
top: -5px;
}
.std-form ul.row.radio {
margin-bottom: 14px;
position: relative;
top: -5px;
}
.std-form .row.radio li {
padding-left: 22px;
position: relative;
}
.std-form .row.radio input {
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 2px;
}
.ie7 .std-form .row.radio input {
left: -4px;
top: 0px;
}
.ie7 .std-form .row.radio li input {
left: -4px;
top: -2px;
}
.std-form .captcha-reload {
color: #013476;
font-size: 11px;
text-decoration: none;
}
.std-form .captcha-reload:hover {
color: #6AACDA;
}
.no-js .std-form .captcha-reload {
display: none;
}
/* Image-Slideshow */
.slideshow {
margin-bottom:25px;
overflow: hidden;
position: relative;
width: 440px;
}
.slideshow ul {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
width: 100000px;
}
.slideshow li {
float: left;
margin: 0;
padding: 0;
position: relative;
width: 440px;
}
.slideshow .image-text {
background-position: -20px 0;
background-repeat: repeat-y;
bottom: 0;
left: 0;
min-height: 45px;
position: absolute;
width: 100%;
}
.slideshow .image-text p {
color: #000;
display: block;
font-size: 84.6%;
line-height: 107.7%;
margin: 0;
padding: 7px 10px 10px 10px;
position: static;
/*width: 368px;*/
}
.slideshow .image-text .position {
bottom: 5px;
color: #000;
display: none;
font-size: 76.9%;
position: absolute;
right: 9px;
}
.slideshow .image-text .zoom {
background-position: 0 -380px;
display: block;
height: 44px;
overflow: hidden;
position: absolute;
right: 0;
top: -17px;
width: 36px;
}
.slideshow .no-zoom .image-text .zoom {
display:none;
}
.slideshow .image-text .zoom a {
display: block;
height: 28px;
outline: 0 none;
overflow: hidden;
position: absolute;
right:0;
text-indent: -10000px;
top: 8px;
width: 28px;
}
.slideshow .prev,
.slideshow .next {
display: none;
height: 24px;
margin-top: -12px;
outline: 0 none;
overflow: hidden;
position: absolute;
text-indent: -10000px;
top: 50%;
width: 26px;
}
.slideshow .prev {
background-position: 0 -800px;
left: 6px;
}
.slideshow .next {
background-position: -495px -1080px;
right: 6px;
}
p.textlayer
{
background: rgba(243, 243, 243, 0.4);
/*width:100%; */
min-height: 45px;
}
/* Flash-Content */
.flash {
margin-bottom:25px;
width: 440px;
}
.flash object {
display: block;
}
.flash .flash-src {
display: none;
}
.flash .flash-text {
background-color: #013476;
color: #FFFFFF;
font-size: 84.6%;
line-height: 125%;
margin: 0;
min-height: 28px;
padding: 7px 14px 10px 14px;
}
/* Flash Fallback */
.flash-fallback {
background-color: #C5C6C8;
display: block;
margin: 0;
padding: 9px 15px 23px 15px;
font-size: 13px;
line-height: 19px;
}
.flash-fallback .flash-ico {
background-position: -180px -288px;
display: block;
float: left;
height: 45px;
margin: 6px 10px 0px 0;
overflow: hidden;
text-indent: -10000px;
width: 48px;
}
/* iFrame */
.iframe {
margin-bottom: 25px;
width:440px;
overflow: hidden;
}
.cols2 .iframe {
width: 710px;
}
#content-col3 .iframe {
width:246px;
}
.iframe iframe {
border: none;
display: block;
margin: 0;
overflow: auto;
width: 440px;
}
.cols2 .iframe iframe {
width: 710px;
}
#content-col3 .iframe iframe {
width: 246px;
}
.iframe.no-scroll iframe {
overflow:hidden;
}
.iframe .iframe-src-1, .iframe .iframe-src-2 {
display: none;
}
/* iFrame Fallback */
.iframe-fallback {
background-color: #C5C6C8;
display: none;
font-size: 13px;
line-height: 19px;
margin: 0;
padding: 9px 15px 23px 15px;
}
.no-js .iframe-fallback {
display: block;
}
/* Facebook Box */
.fb-like-box {
background-image:url(../img/layout/loading.gif);
background-position: center center;
background-repeat: no-repeat;
height:520px;
margin-bottom: 25px;
}
.fb-like-box iframe {
background-color: #FFFFFF;
}
.no-js .fb-like-box {
display: none;
}
/* Twitter embedded timeline */
.twitter_timeline {
margin-bottom: 25px;
}
/* Whatsapp Widget */
.wa-widget
{
width:100%;
margin: 0 0 10% 0;
}
.wa-widget a {
margin-top:-10px;
text-decoration:none;
text-align:right;
display:block;
font-size:11px;
padding-right:8px;
color: rgba(8, 0, 0, 0.54);
font-family:'Roboto',sans-serif;
}
/* Linklist */
.link-list {
margin: 0 0 14px 0;
position: relative;
top: -5px;
width: 440px;
}
#content-col3 .link-list {
width: 245px;
}
.link-list h2.headline {
margin-bottom:15px;
top:0;
}
.link-list ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.link-list li {
background-position: -610px -968px;
background-repeat: no-repeat;
margin-bottom: 1px;
padding-left: 10px;
}
.link-list li a {
color: #013476;
text-decoration: none;
}
.link-list li a:hover {
color: #6AACDA;
}
/* Teaser */
.teaser {
margin-bottom: 24px;
width: 440px;
}
.bg-img .teaser {
background-color: #FFFFFF;
padding: 9px 5px 0 5px;
}
.teaser.left {
margin-bottom: 25px;
overflow: hidden;
}
.teaser.right {
margin-bottom: 25px;
overflow: hidden;
}
.teaser img {
/*border: 1px solid #C5C6C8;*/
}
.bg-img .teaser img {
left: -5px;
margin-bottom: -9px;
margin-right: -5px;
position: relative;
top: -9px;
}
.teaser.left img {
float: left;
margin-right: 13px;
}
.teaser.right img {
float: right;
margin-left: 13px;
}
.teaser .date {
display: block;
font-size: 76.9%;
line-height: 107.7%;
margin-bottom: 2px;
position: relative;
top: -1px;
z-index: 0;
}
.teaser h2 {
font-size: 1em;
font-weight: normal;
margin: 0;
}
.teaser .headline {
background-position: -280px -2084px;
background-repeat: no-repeat;
margin: 0 0 6px 0;
display: inline-block;
text-decoration: none;
z-index: 0;
}
.teaser.left .headline {
max-width: 265px;
}
.teaser .headline span {
color: #013476;
font-size: 123.1%;
line-height: 123.1%;
padding: 0 0 0 10px;
}
.ie7 .teaser .headline {
display: inline;
}
.ie .teaser .headline {
background-position: -610px -966px;
}
.teaser a.headline:hover span {
color: #6AACDA;
}
.teaser p {
font-size: 92.3%;
line-height: 123.1%;
margin: 0;
}
.bg-img .teaser p {
padding-bottom: 9px;
}
/* Teaser List */
.teaser-list {
margin-bottom: 23px;
position:relative;
width: 440px;
}
.ie7 .teaser-list {
margin-bottom: 5px;
}
.teaser-list > h1,
.teaser-list > h2 {
padding-right: 25px;
}
.teaser-list .teaser {
margin-bottom:19px;
}
.teaser-list .teaser.left,
.teaser-list .teaser.right {
margin-bottom:20px;
}
.teaser-list .rss-ico {
background-position:-235px -288px;
height:15px;
overflow:hidden;
position:absolute;
right:0;
text-indent:-10000px;
top:1px;
width:15px;
}
/* FAQ Box */
.faq-box {
margin-bottom:25px;
width: 440px;
}
.faq-box h2.headline {
margin-bottom: 8px;
}
.faq-list {
background-color: #FFFFFF;
border-top:1px dotted #C5C6C8;
list-style-type:none;
margin:0;
padding:0;
position:relative;
}
.faq-list li {
border-bottom:1px dotted #C5C6C8;
padding-left:43px;
position:relative;
}
.no-js .faq-list li {
padding-bottom: 10px;
}
.faq-list li:hover {
background-color:#F3F3F3;
}
.faq-list li .faq-list-headline {
background-position: -578px -983px;
background-repeat: no-repeat;
color: #000000;
cursor: pointer;
display: block;
font-size: 107.7%;
left: -43px;
margin: 0;
outline: none;
padding: 8px 0 9px 43px;
position: relative;
text-decoration: none;
width: 397px;
}
.faq-list li .faq-list-headline:focus {
outline: none;
}
.faq-list li .faq-list-answer {
display: none;
margin: 0;
padding: 0 15px 10px 0;
position: relative;
top: 2px;
}
.no-js .faq-list li .faq-list-answer {
padding-bottom: 10px;
}
.faq-list li .faq-list-answer ul {
list-style-type: none;
margin: 0 0 7px 0;
padding: 0;
position: relative;
top: -5px;
}
.faq-list li .faq-list-answer ul li {
background-position: -692px -2033px;
background-repeat: no-repeat;
border-bottom:none;
cursor: normal;
padding-left:0;
line-height: 146.2%;
margin: 0 0 1px;
padding: 0 0 0 22px;
}
.faq-list li .faq-list-answer ol {
list-style-position: outside;
margin: 0 0 7px 28px;
padding: 0;
position: relative;
top: -5px;
}
.faq-list li .faq-list-answer ol li {
border-bottom:none;
cursor: normal;
padding-left:0;
line-height: 146.2%;
margin: 0 0 1px;
}
.faq-list li.open {
background-color: #F3F3F3;
padding-bottom: 10px;
zoom: 1;
}
.faq-list li.open .faq-list-headline {
background-position: -552px -1006px;
z-index: 1;
zoom: 1;
}
.faq-list li.open .faq-list-answer {
zoom: 1;
}
.faq-list li.open .faq-list-answer {
display: block;
height: auto;
/*top: 0;*/
}
.no-js .faq-list li {
background-color: #F3F3F3;
background-image: none;
}
.no-js .faq-list li .faq-list-answer {
display:block;
}
/* Themenweltkatalog Teaser */
.content ul.links {
float: left;
list-style:none;
margin:0 5% 0 0;
padding:0 0 10px 0;
}
.content ul.links li
{
line-height: 20px;
}
.content ul.links li a
{
background-position: -610px -969px;
background-repeat: no-repeat;
color: #013476;
display: block;
margin: 7px 0 -3px 0;
overflow: auto;
padding: 0 0 0 11px;
text-decoration: none;
white-space: nowrap;
background-image: url(../img/layout/sprite.png);
}
.content ul.links li a span.thlink
{
display: block;
margin: -4px 0 0 0;
}
/* Webshop Teaser */
.webshop-teaser-list {
margin-bottom: 25px;
}
.webshop-teaser .headline {
height: 34px;
position: relative;
line-height: 19px;
}
.webshop-teaser .headline.hippokrates {
background-color: #97BF0D;
}
.webshop-teaser .headline.enke {
background-color: #F47D00;
}
.webshop-teaser .headline.haug {
background-color: #339E9E;
}
.webshop-teaser .headline.sonntag {
background-color: #E30036;
}
.webshop-teaser .headline.trias {
background-color: #E01C3E;
}
.webshop-teaser .headline.thieme {
background-color: #013476;
}
.webshop-teaser .headline h2 {
background-position: 0 -835px;
font-size: 1em;
font-weight: normal;
margin: 0;
}
.webshop-teaser .headline span {
background-image: none;
color: #013476;
display: inline-block;
font-size: 12px;
height:26px;
line-height: 16px;
margin: 0;
padding: 8px 0 0 0;
position: absolute;
right: 10px;
text-decoration: none;
top: 0;
}
.ie7 .webshop-teaser .headline span {
display: inline;
}
.webshop-teaser .headline a {
background-color: #FFFFFF;
background-position: -37px -835px;
color: #000000;
display: block;
font-size: 15px;
height: 34px;
line-height: 34px;
margin-left: 37px;
padding: 0 0 0 12px;
text-decoration: none;
}
.webshop-teaser headline
.webshop-teaser .headline.thieme a {
color: #000000;
}
.webshop-teaser .content {
margin-bottom: 25px;
overflow: hidden;
padding-top: 15px;
position: relative;
width: 440px;
}
.webshop-teaser .content > div {
float: left;
}
.webshop-teaser .content p {
font-size: 92.3%;
line-height: 130.8%;
margin: -3px 0 0 0;
overflow: hidden;
padding: 0 15px 3px 0;
width: 323px;
}
.webshop-teaser .content p.navigation {
margin-bottom: 5px;
}
.webshop-teaser .content p a {
background-position: -610px -969px;
background-repeat: no-repeat;
color: #013476;
display: block;
margin: 7px 0 -3px 0;
overflow: auto;
padding: 0 0 0 11px;
text-decoration: none;
white-space: nowrap;
}
.ie7 .webshop-teaser .content p a {
background-position: -610px -967px;
}
.webshop-teaser .content p.navigation a {
float: left;
white-space: normal;
width: 150px;
}
.webshop-teaser .content p a:hover {
color: #6AACDA;
}
.webshop-teaser .content img {
border: 1px solid #C5C6C8;
float: right;
margin: 0;
vertical-align: top;
}
.webshop-teaser-list .paginator {
float: right;
}
.webshop-teaser-list .paginator a {
color: #6AACDA;
float:left;
margin: 2px 8px 0 0;
text-decoration: none;
}
.webshop-teaser-list .paginator a.active {
color: #000000;
cursor: default;
outline: 0 none;
}
.webshop-teaser-list .paginator .prev,
.webshop-teaser-list .paginator .next {
display: block;
height: 24px;
margin: 0;
outline: 0 none;
overflow: hidden;
padding: 0;
width: 26px;
}
.webshop-teaser-list .paginator .prev {
background-position: 0 -800px;
margin-right: 7px;
}
.webshop-teaser-list .paginator .prev.disabled {
background-position: -56px -800px;
cursor: default;
}
.webshop-teaser-list .paginator .next {
background-position: -495px -1080px;
}
.webshop-teaser-list .paginator .next.disabled {
background-position: -28px -800px;
cursor: default;
}
/* Contact */
.contact {
margin-bottom:25px;
width: 440px;
}
.bg-img .contact {
background-color: #FFFFFF;
}
.contact img {
border: 1px solid #C5C6C8;
float:right;
}
.contact p {
font-size: 92.3%;
line-height: 107.7%;
margin:0 20px 0 0;
padding:0;
}
.contact p span {
display:block;
margin-top:8px;
}
.contact p .name {
display:block;
font-weight:bold;
margin-bottom:2px;
margin-top:0;
position:relative;
top: -2px;
}
.bg-img .contact p .name {
margin-top: 7px;
}
.contact p .position {
margin-bottom:8px;
margin-top:0;
}
.contact p .phone,
.contact p .fax {
margin-bottom:2px;
margin-top:0;
}
.contact p span span {
display:inline;
margin-right:15px;
margin-top:0;
}
.contact p a.arrow {
background-position: -610px -969px;
}
/* Themenweltenkatalog */
.themes-filter {
margin-bottom: 25px;
}
.themes-filter .headline {
border-bottom: 1px dotted #C5C6C8;
font-size: 115.4%;
font-weight: normal;
line-height: 169.2%;
margin-bottom: 3px;
padding-bottom: 0;
top: -5px;
}
.themes-filter ul.filter-list {
font-size: 92.3%;
list-style-type: none;
margin: 0 0 10px;
padding: 0;
position: relative;
overflow: hidden;
}
.themes-filter ul li,
.lb-filter ul li {
background-color: transparent;
background-position: -280px -2084px;
background-repeat: no-repeat;
display: block;
line-height: 115.4%;
padding: 2px 10px 2px 14px;
vertical-align: top;
}
.themes-filter ul li.selected {
background: none;
padding-left: 0;
}
.themes-filter ul li a,
.lb-filter ul li a {
color: #013476;
text-decoration: none;
vertical-align: top;
}
.themes-filter ul li a:hover,
.lb-filter ul li a:hover{
color: #6AACDA;
}
.themes-filter ul .count,
.lb-filter ul .count{
margin-left: 5px;
}
.js .themes-filter .button {
background-position: -496px -1080px;
bottom: 10px;
color: #013476;
display: block;
height: 24px;
line-height: 21px;
padding-left: 32px;
text-decoration: none;
}
.js .themes-filter .arrow {
cursor: pointer;
display: block;
line-height: 1.4;
padding-left: 14px;
}
.lte8 .themes-filter .button {
background-position: -495px -1080px;
}
.no-js .themes-filter .button,
.no-js .themes-filter .arrow{
display: none;
}
.themes-filter .button:hover {
color: #6AACDA;
}
.themes-filter .reset {
background-position: -610px -969px;
background-repeat: no-repeat;
color: #013476;
font-size: 84.6%;
line-height: 14px;
margin: 0 16px 0 0;
padding: 0 0 0 10px;
position: relative;
text-decoration: none;
top: -3px;
}
.themes-filter .reset:hover {
color: #6AACDA;
}
.lb-filter {
overflow: hidden;
padding: 15px;
position: relative;
}
.lb-filter .headline {
font-weight: bold;
margin-bottom: 15px;
}
.lb-filter .filter-list {
float: left;
font-size: 92.3%;
list-style-type: none;
margin: 0 0 0 15px;
padding: 0;
position: relative;
width: 230px;
}
.lb-filter .headline + .filter-list {
margin-left: 0;
}
/* Media */
.media {
font-size: 13px;
line-height: 19px;
margin-bottom: 9px;
overflow: hidden;
width: 440px;
}
.ie7 .media {
padding-bottom: 15px;
}
.media .media-elements-row {
list-style-type: none;
margin: 0;
padding: 0;
width: 456px;
}
.ie7 .media .media-elements-row {
margin-bottom: 16px;
}
.media .media-elements-row li {
background-color: #FFFFFF;
-khtml-border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
border: 1px solid #C5C6C8;
float: left;
margin: 0 16px 16px 0;
padding: 1px;
position: relative;
width: 208px;
}
.media .media-elements-row li p {
font-size: 11px;
line-height: 14px;
margin: 0;
padding: 7px 9px 11px 9px;
position: relative;
}
.media .media-elements-row li p .zoom {
background-position: 0 -380px;
display: block;
height: 44px;
overflow: hidden;
position: absolute;
right: 0;
top: -28px;
width: 36px;
}
.media .media-elements-row li p .zoom a {
display: block;
height: 28px;
outline: 0 none;
overflow: hidden;
position: absolute;
right:0;
text-indent: -10000px;
top: 8px;
width: 28px;
}
.media .media-elements-row li .media-downloads {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
bottom: -1px;
}
.media .media-elements-row li .media-downloads li {
background-color: #F3F3F3;
border: none;
height: 23px;
margin: 0 0 1px 0;
overflow: hidden;
padding: 2px 0 0 0;
}
.media .media-elements-row li .media-downloads li a {
background-position: -530px -1044px;
color: #013476;
display: inline-block;
font-size: 11px;
height: 22px;
line-height: 21px;
margin-left: 7px;
padding: 0 0 0 26px;
text-decoration: none;
}
.ie7 .media .media-elements-row li .media-downloads li a {
display: inline;
}
.media .media-elements-row li .media-downloads li a:hover {
color: #6AACDA;
}
/* Table */
table {
font-size: 84.6%;
line-height: 172.7%;
margin-bottom: 25px;
width: 100%;
}
table thead tr {
background-color: #C3DEF1;
border-left: 1px solid #C3DEF1;
border-right: 1px solid #C3DEF1;
}
table thead th {
border-left: 1px solid #FFFFFF;
font-weight: bold;
padding: 5px 10px 6px 11px;
text-align: left;
}
table thead th:first-child {
border-left: none;
padding-left: 14px;
}
table tbody td {
border: 1px solid #C5C6C8;
border-top: none;
padding: 3px 10px 5px 11px;
}
table tbody th {
background-color: #F3F3F3;
border: 1px solid #C5C6C8;
border-top: none;
font-weight: bold;
padding: 3px 10px 5px 14px;
text-align: left;
}
table tbody tr:first-child td,
table tbody tr:first-child th{
border: 1px solid #C5C6C8;
}
table thead + tbody tr:first-child td,
table thead + tbody tr:first-child th {
border-top: none;
}
table tbody td:first-child {
padding-left: 14px;
}
table tbody td a.arrow {
background-position: -610px -969px;
}
/* Product */
.product {
margin-bottom: 20px;
position: relative;
}
.product > a,
.message .product > img{
display: block;
float: left;
}
.lte8 .product > a {
max-width: 100px;
}
.product img {
border: 1px solid #C5C6C8;
}
.product .text {
float: left;
margin-left: 15px;
width: 323px;
}
.product .author {
display: block;
font-size: 76.9%;
line-height: 100%;
margin: 0 0 1px 0;
padding: 2px 0 0 0;
position: relative;
top: -2px;
}
.product .title {
background-position: -610px -966px;
background-repeat: no-repeat;
display: block;
margin: 0 0 3px 0;
padding-left: 10px;
text-decoration: none;
}
.product .title span {
color: #013476;
font-size: 123.1%;
line-height: 123.1%;
}
.product .title:hover span {
color: #6AACDA;
}
.message .product .title:hover span {
color: #013476;
}
.product .description {
line-height: 123.1%;
margin: 0 0 11px 0;
padding: 0;
}
.product .order {
display: inline-block;
margin: 0;
padding: 0 36px 0 0;
position: relative;
}
.ie7 .product .order {
display: inline;
}
.product .order .price {
color: #013476;
display: block;
font-weight: bold;
line-height: 115.4%;
margin: 0 0 1px 0;
}
.product .order .add-cart {
background-position: -45px -388px;
height: 29px;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -10000px;
top: 0;
width: 29px;
}
.product .order .add-cart.product-detail {
background-position: -441px -388px;
}
.product .order .tax {
color: #000000;
font-size: 76.9%;
line-height: 107.7%;
position: relative;
text-decoration: none;
top: -3px;
}
.product .publishdate {
font-size: 76.9%;
line-height: 120%;
}
/* Product List */
.product-list {
margin-bottom: 20px;
}
.product-list .product {
margin-bottom: 15px;
}
.product-list .product img{
max-width: 100px;
}
/* Call to action Button */
.action-btn {
display: block;
height: 54px;
left: -2px;
margin: 0 0 21px 0;
padding:0 12px 0 10px;
position: relative;
text-decoration: none;
top: -2px;
width: 226px;
font-size: 13px;
overflow: hidden;
}
.action-btn.blue {
background-position: 0 -430px;
}
.action-btn.red {
background-position: 0 -2149px;
}
#content-col2 .action-btn {
width: 432px;
}
#content-col2 .action-btn.blue {
background-position: 0 -710px;
}
#content-col2 .action-btn.red {
background-position: 0 -2207px;
}
.action-btn div {
height: 54px;
line-height: 47px;
float: left;
padding: 0 10px 0 0;
display: inline-block;
}
.ie7 .action-btn div {
padding-top: 2px;
}
.action-btn img {
display: inline;
}
.action-btn span {
color: #FFFFFF;
font-size: 11px;
line-height: 12px;
margin: 0;
display: block;
}
.action-btn .headline {
font-size: 16px;
line-height: 17px;
padding: 10px 0 0 0;
margin: 0 0 5px 0;
}
/* App Teaser */
.app-teaser {
background-position: -256px -1455px;
font-size: 13px;
height: 246px;
left: -2px;
line-height: 19px;
margin-bottom: 23px;
overflow: hidden;
padding: 8px 3px 3px 3px;
position: relative;
top: -1px;
width: 438px;
}
.app-teaser .headline {
background-position: 0 -490px;
color: #FFFFFF;
display: block;
font-size: 13px;
font-weight: normal;
height: 26px;
line-height: 22px;
margin: 0 0 10px 0;
padding-left: 13px;
text-transform: uppercase;
width: 425px;
}
.app-teaser img {
float: left;
margin: 0 20px 150px 14px;
}
.app-teaser .title {
display: block;
font-weight: bold;
margin-bottom: 9px;
position: relative;
top: -5px;
}
.app-teaser .text {
font-size: 10px;
line-height: 13px;
margin: 0 0 9px 0;
padding: 0;
}
.app-teaser .price {
color: #013476;
display: block;
font-weight: bold;
line-height: 15px
}
.app-teaser .tax {
color: #000000;
font-size: 10px;
line-height: 14px;
text-decoration: none;
position: relative;
top: -3px;
}
.app-teaser .market-link {
background-position: -610px -967px;
background-repeat: no-repeat;
bottom: 13px;
color: #013476;
left: 16px;
padding-left: 10px;
position: absolute;
text-decoration: none;
}
.app-teaser .market-link:hover {
color: #6AACDA;
}
.app-teaser .logos {
bottom: 17px;
float: right;
list-style-type: none;
margin: 0;
max-width: 254px;
padding: 0;
position: absolute;
right: 17px;
}
.app-teaser .logos li {
float: left;
margin: 5px 0 0 15px;
padding: 0;
}
.app-teaser .logos li img {
margin: 0;
}
/**
* Sidebar-Modules
*/
/* Tabelle */
.table table{
background-color: #FFFFFF;
table-layout: fixed;
width: 245px;
}
.table h2 {
color: #6AACDA;
display: block;
font-size: 115.4%;
font-weight: normal;
line-height: 169.2%;
margin-bottom: 0;
margin-top: 0;
position: relative;
top: -5px;
}
/* Sidebar-Box */
.box {
background-position: -971px 0;
background-repeat: repeat-y;
left: -2px;
margin-bottom: 27px;
padding: 1px 3px 19px;
top: 1px;
position: relative;
width: 243px;
}
.box h2{
background-position: 0 -490px;
color: #FFFFFF;
font-size: 13px;
font-weight: normal;
height: 26px;
line-height: 22px;
margin: 0 0 15px;
padding-left: 13px;
text-transform: uppercase;
}
.box h2 .icon {
display: block;
height: 11px;
overflow: hidden;
position: absolute;
right: 8px;
text-indent: -10000px;
top: 7px;
width: 16px;
}
.box .bg-top,
.box .bg-bottom {
height: 7px;
left: 0;
position: absolute;
width: 249px;
}
.box .bg-top {
background-position: 0 -930px;
top: -2px;
}
.box .bg-bottom {
background-position: 0 -940px;
bottom: -6px;
}
/* Bildergallerien */
.box.galleries {
padding-bottom: 8px;
font-size: 13px;
line-height: 19px;
}
.box.galleries h2 {
margin: 0 0 1px 0;
position: relative;
}
.box.galleries h2 .icon {
background-position: -265px -390px;
}
.galleries .gallery-first {
margin: 0 0 8px 0;
padding: 0;
position: relative;
}
.galleries .gallery-first img {
width: 243px;
}
.galleries .gallery-first a {
outline: 0 none;
text-decoration: none;
}
.galleries .gallery-first .zoom {
background-position: -265px -285px;
display: block;
height: 50px;
left: 50%;
margin-left: -26px;
margin-top: -25px;
overflow: hidden;
position: absolute;
text-decoration: none;
text-indent: -10000px;
top: 50%;
width: 52px;
}
.galleries .gallery-first .zoom a {
display: block;
height: 40px;
left: 5px;
position: relative;
top: 5px;
width: 42px;
}
.galleries .gallery-first .count {
background-color: #013476;
bottom: 0;
color: #FFFFFF;
font-size: 10px;
line-height: 18px;
padding: 0 11px;
position: absolute;
right: 0;
text-decoration: none;
}
.galleries .headline {
color: #000000;
font-size: 10px;
font-weight: bold;
line-height: 14px;
margin: 0 13px 4px 13px;
padding: 0;
}
.galleries .gallery-first-description {
font-size: 10px;
line-height: 13px;
margin: 0 13px 14px 13px;
padding: 0;
}
.galleries .gallery-first-description .headline {
color: #000000;
font-size: 12px;
font-weight: normal;
line-height: 16px;
margin: 0 0 4px 0;
padding: 0;
}
.galleries .gallery-first-items {
display: none;
}
.galleries .more-galleries {
list-style-type: none;
margin: 0;
padding: 0;
}
.galleries .more-galleries li {
margin: 0 0 -2px 0;
min-height: 21px;
padding: 0 20px 0 39px;
position: relative;
}
.galleries .more-galleries li .zoom {
background-position: -330px -290px;
display: block;
height: 21px;
left: 11px;
overflow: hidden;
position: absolute;
text-indent: -10000px;
top: -1px;
width: 22px;
}
.galleries .more-galleries li .description {
font-size: 10px;
line-height: 13px;
margin: 0;
padding: 0;
}
.galleries .more-galleries li .count {
font-size: 10px;
line-height: 13px;
margin: 0;
padding: 0;
position: relative;
top: -4px;
}
.galleries .more-galleries li .items {
display: none;
}
/* Newsletter Box */
.box.newsletter p {
margin: 0 13px 15px;
}
.box.newsletter a {
background-position: -610px -968px;
margin: 0 13px;
}
.ie8 .box.newsletter a,
.ie7 .box.newsletter a {
background-position: -610px -969px;
}
/* xsearch Modul */
.box.xsearch p {
margin: 0 13px 15px;
}
.box.xsearch form {
height: 24px;
margin: 0 13px;
position: relative;
}
.box.xsearch .text {
background-position: 0 -1836px;
border: 0;
color: #013476;
font-size: 10px;
height: 24px;
left: 0;
line-height: 24px;
padding: 0 5px;
position: absolute;
top: 1px;
vertical-align: center;
width: 173px;
}
.box.xsearch .submit {
background-color: transparent;
background-position: -300px -190px;
border: none;
color: transparent;
height: 26px;
margin: 0;
padding: 0;
position: absolute;
right: 0;
text-indent: -10000px;
top: 0;
width: 28px;
}
/* Zitate */
#content-col3 .slideshow {
width: 245px;
}
.quotes {
font-size: 13px;
line-height: 19px;
}
.quotes ul {
height: 100%;
overflow: auto;
z-index: 0;
}
.quotes li {
display: block;
height: 100%;
width: 245px;
}
.quotes blockquote {
display: block;
height: 100%;
}
.quotes blockquote p {
color: #6AACDA;
display: block;
margin: 10px 40px 15px 40px;
position: relative;
text-align: left;
}
.quotes blockquote .mark {
height: 18px;
width: 25px;
}
.quotes blockquote .left {
background-position: left -1310px;
left: -33px;
position: absolute;
top: -3px;
}
.quotes blockquote .right {
background-position: right -1312px;
bottom: -5px;
display: inline-block;
position: relative;
right: -10px
}
.quotes blockquote .link {
color: #6AACDA;
display: block;
margin: 0 0 0 8px;
padding: 2px 40px;
text-align: center;
text-decoration: none;
width: 149px;
}
.quotes blockquote .link a {
color: #6AACDA;
display: inline-block;
padding: 0;
text-decoration: none;
}
.quotes blockquote cite {
display: block;
font-size: 10px;
line-height: 20px;
}
.quotes .prev,
.quotes .next {
bottom: 0pt !important;
top: auto !important;
z-index: 1;
}
/* Presslist */
.presslist {
margin-bottom: 15px;
padding-bottom: 1px;
position: relative;
}
.presslist.box {
margin-bottom: 25px;
}
.presslist.light h2 {
border-bottom: 1px dotted #C5C6C8;
color: #6AACDA;
display: block;
font-size: 115.4%;
font-weight: normal;
line-height: 169.2%;
margin-bottom: 10px;
margin-top: 0;
padding-bottom: 3px;
padding-right: 25px;
position: relative;
top: -5px;
}
.presslist p {
margin: 0 0 10px;
}
.presslist.box p {
margin: 0 13px 10px;
}
.presslist .date,
.presslist .source {
font-size: 76.9%;
font-weight: bold;
line-height: 76.9%;
margin-bottom: 4px;
}
.presslist a {
display: block;
background-position: -610px -968px;
}
.presslist a.feed {
background-position: -235px -288px;
height: 15px;
position: absolute;
right: 0;
text-indent: -9000px;
top: 0;
width: 15px;
}
.ie7 .presslist a.feed {
top: -2px;
}
.presslist.box a.feed {
right: 8px;
top: 7px;
}
/* Contact */
.contact.box {
padding-bottom: 1px;
}
.contact.box p {
margin: 0 13px 22px;
}
/* Teaser Image */
.teaser-img {
display: block;
margin-bottom: 25px;
overflow: hidden;
width: 243px;
}
#content-col1 .teaser-img {
width: 208px;
}
.teaser-img img{
border: 1px solid #C5C6C8;
}
/* Teaser */
.teaserbox {
border: 1px solid #C5C6C8;
margin-bottom: 25px;
position: relative;
width: 243px;
}
#content-col1 .teaserbox {
width: 210px;
}
.teaserbox a {
display: block;
text-decoration: none;
}
.teaserbox img {
width: 243px;
}
#content-col1 .teaserbox img {
width: 210px;
}
.teaserbox .teaserlink {
background-color: #013476;
bottom: 0;
color: #FFFFFF;
display: block;
font-size: 84.6%;
line-height: 130.8%;
min-height: 33px;
padding: 5px 45px 5px 9px;
cursor: pointer;
}
.ie7 .teaserbox .teaserlink {
padding-top: 7px;
}
.teaserbox .teaserlink .icon {
background-position: -484px -1071px;
display: block;
height: 45px;
position: absolute;
right: 0;
top: 0;
width: 45px;
}
.teaserbox img+.teaserlink-container {
background-position: -20px 0;
bottom: 0;
left: 0;
min-height: 0;
padding: 0;
position: absolute;
width: 243px;
margin: 0;
}
#content-col1 .teaserbox img+.teaserlink-container {
width: 210px;
}
.teaserbox img+.teaserlink-container .teaserlink {
background-color: transparent;
color: #000;
cursor: pointer;
display: block;
font-weight: normal;
margin: 0;
min-height: 33px;
padding: 5px 45px 5px 9px;
}
.teaserbox img+.teaserlink-container .teaserlink .icon {
background-position: -484px -1071px;
}
#content-col1 .teaserbox img+.teaserlink-container .teaserlink .icon {
background-position: -484px -1071px;
}
/* App-Teaser */
.app-teaser.box {
background-position: -1231px 0;
background-repeat: no-repeat;
height: auto;
max-height: 426;
overflow: visible;
padding-bottom: 15px;
}
.app-teaser.box .app {
margin: 15px 13px 10px;
}
.app-teaser.box img {
float: left;
margin: 0;
width: 75px;
}
.app-teaser.box p {
margin-bottom: 6px;
margin-top: 0;
}
.app-teaser.box .app p {
font-size: 10px;
line-height: 13px;
margin-bottom: 0;
margin-left: 85px;
}
.app-teaser.box p.title {
font-size: 13px;
font-weight: bold;
line-height: 19px;
top: -3px;
}
.app-teaser.box p.price {
color: #013476;
font-size: 13px;
font-weight: bold;
line-height: 19px;
margin-bottom: 0;
}
.app-teaser.box .arrow.small {
background-position: -610px -969px;
display: block;
}
.app-teaser.box > .arrow {
background-position: -610px -966px;
display: block;
margin: 0 13px;
}
.app-teaser.box .logos {
bottom: auto;
float: none;
list-style-type: none;
margin: 5px 15px -10px 0;
overflow: auto;
position: relative;
right: auto;
}
.app-teaser.box .logos li {
float: right;
margin-left: 5px;
margin-bottom: 10px;
overflow: hidden;
}
.app-teaser.box .logos img {
float: none;
width: auto;
}
/* Produkte */
#content-col3 .product-list {
margin-bottom: 25px;
}
#content-col3 .product-list .product {
margin-bottom: 11px;
}
#content-col3 .product-list .product > a {
max-width: 68px;
}
#content-col3 .product-list img {
max-width: 66px;
}
#content-col3 .product-list .text {
margin-left: 11px;
width: 166px;
}
#content-col3 .product-list .title {
background-position: -610px -969px;
}
#content-col3 .product-list .title span {
font-size: 100%;
line-height: 115.4%;
}
#content-col3 .product-list .description {
font-size: 76.9%;
margin-bottom: 2px;
}
#content-col3 .product-list .order {
display: block;
min-height: 29px;
}
#content-col3 .product-list .shop {
line-height: 26px;
}
/* Share */
.box.share {
padding: 10px 3px;
font-size: 13px;
line-height: 19px;
}
.box.share.like {
padding-bottom: 2px;
}
.box.share p.headline {
color: #013476;
line-height: 13px;
margin: 0 13px 10px;
text-transform: uppercase;
}
.box.share .addthis_toolbox {
height: 16px;
margin: 0 13px;
}
.box.share.like .addthis_toolbox{
height: auto;
}
.box.share.like .addthis_toolbox a {
height: 30px;
}
/* Slideshow */
.box.imageslider {
padding-bottom: 0;
}
#content-col3 .imageslider .slideshow {
margin-bottom: 0;
width: 243px;
}
.box .slideshow ul {
overflow: auto;
}
.imageslider li,
.imageslider li img{
width: 243px;
}
.imageslider .image-text {
background: none;
position: relative;
}
.imageslider .image-text p {
color: #000000;
padding: 7px 36px 10px 16px;
width: auto;
}
.box.imageslider .image-text p {
line-height: 154.5%;
padding: 5px 36px 6px 16px;
}
.imageslider .image-text .position {
bottom: 8px;
color: #000000;
}
.imageslider .image-text .zoom {
top: -30px;
}
/* Rotationsteaser */
.box.teaserslider {
padding-bottom: 0;
}
.teaserslider h2 {
margin-bottom: 1px;
}
#content-col3 .teaserslider .slideshow {
margin-bottom: 0;
width: 243px;
}
.teaserslider li,
.teaserslider li img{
width: 243px;
}
.teaserslider .image-text {
background: none;
padding: 13px 0;
position: relative;
}
.teaserslider .image-text h3 {
font-size: 1em;
font-weight: normal;
margin: 0;
}
.teaserslider .image-text .arrow {
margin: 0 13px;
background-position: -610px -968px;
}
.teaserslider .image-text p {
color: #000000;
padding: 0 13px;
width: auto;
}
/* Media-Boxen */
.box.media {
overflow: visible;
padding-bottom: 15px;
font-size: 13px;
line-height: 19px;
}
.box.media .player-container {
position: relative;
}
.box.media .preview,
.box.media .player {
display: block;
position: relative;
width: 243px;
}
.box.media .player .src {
display: none;
}
.box.media .preview img{
width: 243px;
}
.box.media .count {
background-color: #013476;
bottom: -18px;
color: #FFFFFF;
font-size: 10px;
line-height: 18px;
margin: 0;
padding: 0 11px;
position: absolute;
right: 0;
}
.box.audio .count {
bottom: 0;
bottom: auto;
height: 18px;
right: 3px;
}
.box.media .play {
background-position: left -1220px;
cursor: pointer;
display: block;
height: 50px;
left: 95px;
margin-top: -25px;
position: absolute;
top: 50%;
width: 52px;
}
.box.media h2 {
margin-bottom: 1px;
}
.box.video .icon {
background-position: -289px -390px;
}
.box .videoicon {
background-position: -289px -390px;
display: block;
margin: -15px 0 0 200px;
width: 20px;
height: 20px;
}
.box.audio .icon {
background-position: -336px -390px;
}
.box.flash .icon {
background-position: -354px -390px;
}
.box.media p {
font-size: 11px;
line-height: 14px;
margin: 0 13px;
}
.box.media .headline {
color: #000000;
font-size: 13px;
line-height: 19px;
margin-bottom: 3px;
margin-top: 5px;
}
.box.media .strong {
font-weight: bold;
margin-top: 13px;
}
.box.media ul {
font-size: 11px;
line-height: 14px;
list-style-type: none;
margin: 0 13px;
padding: 0;
}
.box.media li {
position: relative;
}
.box.video li {
padding-right: 22px;
}
.box.media li > a {
background-position: -297px -2064px;
background-repeat: no-repeat;
color: #000000;
display: block;
margin-top: 7px;
min-height: 22px;
padding-left: 27px;
text-decoration: none;
}
.ie7 .box.media li > a {
position: relative;
zoom: 1;
}
.box.media li .youtube {
background-position: -312px -390px;
height: 18px;
position: absolute;
right: -4px;
top: 4px;
width: 18px;
}
.box.media li .download {
background-position: -530px -1045px;
display: block;
float: left;
height: 21px;
margin-right: 3px;
position: relative;
text-indent: -9999px;
width: 22px;
}
.box.media li .itunes {
background-position: -376px -390px;
display: block;
float: left;
height: 21px;
margin-right: 9px;
text-indent: -9999px;
width: 54px;
}
.box.media li p {
margin-left: 30px;
margin-right: 0;
margin-top: 5px;
overflow: auto;
}
.box.media li p .length {
line-height: 19px;
}
/**
* END - Sidebar-Modules
*/
/* Stage */
.stage {
font-size: 13px;
height: 360px;
line-height: 19px;
margin: 0;
overflow: hidden;
padding: 0;
position: relative;
width: 940px;
}
.stage .images {
height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
position: relaitve;
width: 100%;
}
.stage .images li {
display: none;
left: 0;
position: absolute;
top: 0;
}
.stage .images li.active {
display: block;
}
.stage .stage-text {
bottom: 11px;
position: absolute;
right: 63px;
width: 234px;
z-index: 1;
}
.stage .stage-text .top,
.stage .stage-text .bottom {
background-position: -1486px 0;
background-repeat: repeat-y;
padding: 0 2px;
position: relative;
}
.stage .stage-text.ie-fade .top,
.stage .stage-text.ie-fade .bottom {
background-image: none;
}
.stage .stage-text .top {
margin-bottom: 20px;
}
.stage .stage-text .top-shaddow {
height: 3px;
left: 0;
position: absolute;
top: -3px;
width: 234px;
}
.stage .stage-text .top .top-shaddow {
background-position: 0 -950px;
}
.stage .stage-text .bottom .top-shaddow {
background-position: 0 -959px;
}
.stage .stage-text .bottom-shaddow {
bottom: -3px;
height: 3px;
left: 0;
position: absolute;
width: 234px;
}
.stage .stage-text .top .bottom-shaddow {
background-position: 0 -969px;
}
.stage .stage-text .bottom .bottom-shaddow {
background-position: 0 -978px;
}
.stage .stage-text.ie-fade .top-shaddow,
.stage .stage-text.ie-fade .bottom-shaddow {
background-image: none;
}
.stage .stage-text .top .content {
background-color: #FFFFFF;
overflow: hidden;
padding: 11px 30px 0 15px;
width: 185px;
}
.stage .stage-text .top .content .headline {
color: #013476;
font-size: 16px;
line-height: 21px;
margin-bottom: 0;
}
.stage .stage-text .top .content p {
color: #013476;
font-size: 11px;
line-height: 14px;
margin: 0 0 4px 0;
padding: 0;
}
.stage .stage-text .top .content .links {
list-style-type: none;
margin: 0 0 10px 0;
padding: 0;
}
.stage .stage-text .top .content .links li {
line-height: 16px;
margin: 0;
padding: 0;
}
.stage .stage-text .top .content .links a.arrow {
background-position: -610px -970px;
font-size: 11px;
}
.stage .stage-text .bottom .content {
background-color: #E5EEF5;
overflow: hidden;
padding: 4px 30px 0 15px;
width: 185px;
}
.stage .stage-text .bottom .content .author {
display: block;
font-size: 11px;
line-height: 14px;
margin: 0;
}
.stage .stage-text .bottom .content .title {
display: block;
font-size: 11px;
font-weight: bold;
line-height: 14px;
margin-bottom: 3px;
}
.stage .stage-text .bottom .content .order {
display: inline-block;
margin: 0 0 3px 0;
padding: 0 36px 0 0;
position: relative;
}
.ie7 .stage .stage-text .bottom .content .order {
display: inline;
}
.stage .stage-text .bottom .content .order .price {
color: #013476;
display: block;
font-size: 11px;
font-weight: bold;
line-height: 11px;
}
.stage .stage-text .bottom .content .order .add-cart {
background-position: -45px -388px;
display: block;
height: 29px;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -10000px;
top: -1px;
width: 29px;
}
.stage .stage-text .bottom .content .order .add-cart.product-detail {
background-position: -441px -388px;
}
.stage .stage-text .bottom .content .order .tax {
background-position: -610px -970px;
font-size: 10px;
line-height: 10px;
position: relative;
top: -2px;
}
.stage .stage-text .bottom .content .publishdate {
font-size: 76.9%;
line-height: 120%;
}
.stage .stage-items {
background-position: -1969px 5px;
background-repeat: no-repeat;
bottom: 0;
height: 71px;
left: 0;
list-style-type: none;
margin: 0;
padding: 0 0 0 4px;
position: absolute;
width: 940px;
}
.stage .stage-items li {
float: left;
height: 50px;
margin: 0 0 0 2px;
overflow: hidden;
padding: 13px 4px 8px 4px;
width: 130px;
}
.stage .stage-items li a img {
-ms-interpolation-mode: bicubic;
}
.stage .stage-items li .text-active {
color: #FFFFFF;
display: none;
font-size: 11px;
height: 50px;
line-height: 14px;
padding:5px 10px;
text-align: center;
vertical-align: middle;
}
.stage .stage-items li .stage-item-content {
display: none;
}
.stage .stage-items li.active {
background-position: 0 -1000px;
background-repeat: no-repeat;
}
.stage .stage-items li.active a {
display: none;
}
.stage .stage-items li.active .text-active {
display: table-cell;
}
.ie7 .stage .stage-items li.active .text-active {
display: block;
}
/* Suchergebnisse */
.search #content-col1 {
position: relative;
}
#content-col1 .ajax-loader {
background: url(../img/layout/ajax-loader.gif) center center transparent no-repeat;
height: 32px;
position: absolute;
top: 50px;
width: 100%;
}
.search .themes-filter ul li.selected {
background-color: #A3D8F8;
color: #013476;
padding-bottom: 4px;
padding-top: 4px;
padding-left: 14px;
}
.resulttext {
font-weight: bold;
margin-top: 0;
margin-bottom: 10px;
}
.resulttext a {
background-position: -610px -967px;
background-repeat: no-repeat;
color: #013476;
padding-left: 10px;
text-decoration:none;
}
.ie7 .resulttext a {
background: 0 none;
padding-left: 0;
}
.resulttext a:hover {
color: #6AACDA;
}
.filtered-list.searchresult .paginator {
float: none;
padding-left: 48%;
}
.filtered-list.searchresult .paginator .label {
display: inline;
left: 0;
line-height: 24px;
margin: 0;
position: absolute;
}
.filtered-list.searchresult .paginator .chunksize {
left: 70px;
margin: 0;
position: absolute;
width: 120px;
}
.filtered-list.searchresult .paginator .options {
min-width: 100px;
width: 118px;
}
.filtered-list.searchresult .paginator .paging {
float: right;
margin: 0;
overflow: hidden;
}
.filtered-list.searchresult .top {
border-bottom: 1px dotted #C5C6C8;
margin-bottom: 19px;
padding-bottom: 8px;
}
.filtered-list.searchresult .bottom {
border-top: 1px dotted #C5C6C8;
padding-top: 8px;
}
.searchresult .result {
margin-bottom: 21px;
}
.searchresult .result .title {
color: #013476;
font-size: 130.8%;
line-height: 1.2;
text-decoration: none;
}
.searchresult .result .title:hover {
color: #6AACDA;
}
.searchresult .result p {
margin: 5px 0;
}
.searchresult .result strong {
background-color: #FFFF00;
font-weight: normal;
}
.searchresult .result .additional {
display: block;
}
.searchresult .result .strong {
font-weight: bold;
}
/* CI Colors & Images */
/* Thieme */
.ci-thieme ::-moz-selection {
background: #A3D8F8;
color: #013476;
}
.ci-thieme ::selection {
background: #A3D8F8;
color: #013476;
}
.ci-thieme #header-color2 {
background-color: #A3D8F8;
}
.ci-thieme #header-menu .header-menu > .active > a,
.ci-thieme #header-logo {
background-image: url(../img/layout/thieme_sprite.png);
}
.ci-thieme #header-menu .header-menu > .active > a {
background-position: 0 -35px;
background-repeat: repeat-x;
}
.lte8 .ci-thieme #header-menu .header-menu > .active > a {
background-position: 0 -34px;
}
.ci-thieme #header-logo {
background-position: 0 0;
width: 115px;
}
.ci-thieme #header-title {
left: 166px;
}
.ci-thieme #content-navigation .content-navigation li.active span {
background-color: #A3D8F8;
}
.ie7 .ci-thieme #header-menu .header-menu li ul li.active,
.ie7 .ci-thieme #header-menu .header-menu li ul li:hover,
.ci-thieme #header-menu .header-menu li ul li a:hover,
.ci-thieme #header-menu .header-menu li ul li.active a,
.ci-thieme #header-menu .header-menu li ul li.active span,
.ci-thieme #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-thieme #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-thieme #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-thieme #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-thieme #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-thieme #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color:#A3D8F8;
}
/* Anycare */
.ci-anycare ::-moz-selection {
background: #A3D8F8;
color: #013476;
}
.ci-anycare ::selection {
background: #A3D8F8;
color: #013476;
}
.ci-anycare #header-color2 {
background-color: #eaeaea;
}
.ci-anycare #header-menu .header-menu > .active > a,
.ci-anycare #header-logo {
background-image: url(../img/layout/anycare_sprite.png);
}
.ci-anycare #header-menu .header-menu > .active > a {
background-position: 0 -35px;
background-repeat: repeat-x;
}
.lte8 .ci-anycare #header-menu .header-menu > .active > a {
background-position: 0 -34px;
}
.ci-anycare #header-logo {
background-position: 0 0;
width: 116px;
}
.ci-anycare #header-title {
left: 166px;
}
.ci-anycare #content-navigation .content-navigation li.active span {
background-color: #A3D8F8;
}
.ie7 .ci-anycare #header-menu .header-menu li ul li.active,
.ie7 .ci-anycare #header-menu .header-menu li ul li:hover,
.ci-anycare #header-menu .header-menu li ul li a:hover,
.ci-anycare #header-menu .header-menu li ul li.active a,
.ci-anycare #header-menu .header-menu li ul li.active span,
.ci-anycare #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-anycare #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-anycare #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-anycare #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-anycare #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-anycare #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color:#A3D8F8;}
/* telecare */
.ci-telecare ::-moz-selection {
background: #A3D8F8;
color: #013476;
}
.ci-telecare ::selection {
background: #A3D8F8;
color: #013476;
}
.ci-telecare #header-color2 {
background-color: #A3D8F8;
}
.ci-telecare #header-menu .header-menu > .active > a,
.ci-telecare #header-logo {
background-image: url(../img/layout/telecare_sprite.png);
}
.ci-telecare #header-menu .header-menu > .active > a {
background-position: 0 -35px;
background-repeat: repeat-x;
}
.lte8 .ci-telecare #header-menu .header-menu > .active > a {
background-position: 0 -34px;
}
.ci-telecare #header-logo {
background-position: 0 0;
width: 225px;
}
.ci-telecare #header-title {
left: 166px;
}
.ci-telecare #content-navigation .content-navigation li.active span {
background-color: #A3D8F8;
}
.ie7 .ci-telecare #header-menu .header-menu li ul li.active,
.ie7 .ci-telecare #header-menu .header-menu li ul li:hover,
.ci-telecare #header-menu .header-menu li ul li a:hover,
.ci-telecare #header-menu .header-menu li ul li.active a,
.ci-telecare #header-menu .header-menu li ul li.active span,
.ci-telecare #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-telecare #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-telecare #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-telecare #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-telecare #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-telecare #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color:#A3D8F8;}
/* Styles für Werbetext in Inhaltsteaser */
.addtext {
margin: 3px 0px;
}
.addtext span {
color: #c5c6c8;
font-size: 9px;
line-height: 13px;
}
.addtextborder {
border: 1px solid #a3a3a3;
}
/* Styles für Youtubesubscribe-Teaser */
.ytsubscribetext {
font-size:84.6%;
padding: 5px 9px 5px 9px;
background-color: #ffffff;
}
.ytsubscribebutton {
height:20px;
margin-bottom: 3px;
background-color: #cc0000;
color: #ffffff;
}
/* Separates Logo für Thieme Chemistry */
.ci-thieme.chemistry #header-logo {
background-image: url(../img/layout/thieme_chemistry_sprite.png);
width: 235px;
}
.ci-thieme.chemistry #header-title {
display: none;
}
/* Separates Logo für Thieme DokuFORM */
.ci-thieme.dokuform #header-logo {
background-image: url(../img/layout/thieme_dokuform_sprite.png);
width: 257px;
}
.ci-thieme.dokuform #header-title {
display: none;
}
/* Trias */
.ci-trias ::-moz-selection {
/*! background: #E20036; */
color: #013476;
}
.ci-trias ::selection {
background: #E20036;
color: #013476;
}
.ci-trias #header-color1 {
background-color: #b2b2b2;
}
.ci-trias #header-color2 {
background-color: #ffffff;
}
.ci-trias #header-menu .header-menu > .active > a,
.ci-trias .stage .stage-items li.active,
.ci-trias .stage .stage-text .bottom .top-shaddow,
.ci-trias .stage .stage-text .bottom .bottom-shaddow,
.ci-trias #header-logo {
background-image: url(../img/layout/trias_sprite.png);
}
.ci-trias .stage .stage-items li.active {
background-position: 0 -78px;
}
.ci-trias #header-menu .header-menu > .active > a {
/*background-position: 0 -35px;
background-repeat: repeat-x;*/
background-color: #fff;
}
.ci-trias #header-logo {
background-image: url(../img/layout/trias_sprite_neu.png);
background-position: 0 -2291px;
width: 98px;
height: 46px;
position: relative;
top: 25px;
left: 52px;
}
.ci-trias #header-title {
left: 166px;
top: 40px;
}
.ci-trias #content-navigation .content-navigation li.active span{
background-color: #E20036;
}
.ci-trias .stage .stage-text .bottom .content {
background-color: #F499AF;
}
.ci-trias .stage .stage-text .bottom .top-shaddow {
background-position: 0 -148px;
}
.ci-trias .stage .stage-text .bottom .bottom-shaddow {
background-position: 0 -152px;
}
.ci-trias .job a,
.ci-trias .newspaper-list a.arrow,
.ci-trias .author-list a.arrow,
.ci-trias .teaser .headline span,
.ci-trias .product .title span {
color: #E20036;
}
.ci-trias .job a:hover,
.ci-trias .newspaper-list a.arrow:hover,
.ci-trias .author-list a.arrow:hover,
.ci-trias .teaser a.headline:hover span,
.ci-trias .product .title:hover span {
color: #F499AF;
}
.ie7 .ci-trias #header-menu .header-menu li ul li.active,
.ie7 .ci-trias #header-menu .header-menu li ul li:hover,
.ci-trias #header-menu .header-menu li ul li a:hover,
.ci-trias #header-menu .header-menu li ul li.active a,
.ci-trias #header-menu .header-menu li ul li.active span,
.ci-trias #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-trias #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-trias #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-trias #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-trias #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-trias #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color: #E20036;
}
/* Hippokrates */
.ci-hippokrates ::-moz-selection {
background: #97BF0D;
color: #013476;
}
.ci-hippokrates ::selection {
background: #97BF0D;
color: #013476;
}
.ci-hippokrates #header-color2 {
background-color: #97BF0D;
}
.ci-hippokrates #header-menu .header-menu > .active > a,
.ci-hippokrates .stage .stage-items li.active,
.ci-hippokrates .stage .stage-text .bottom .top-shaddow,
.ci-hippokrates .stage .stage-text .bottom .bottom-shaddow,
.ci-hippokrates #header-logo {
background-image: url(../img/layout/hippokrates_sprite.png);
}
.ci-hippokrates .stage .stage-items li.active {
background-position: 0 -78px;
}
.ci-hippokrates #header-menu .header-menu > .active > a {
background-position: 0 -35px;
background-repeat: repeat-x;
}
.ci-hippokrates #header-logo {
background-position: 0 0;
width: 167px;
}
.ci-hippokrates #header-title {
left: 198px;
}
.ci-hippokrates #content-navigation .content-navigation li.active span{
background-color: #97BF0D;
}
.ci-hippokrates .stage .stage-text .bottom .content {
background-color: #C1D96E;
}
.ci-hippokrates .stage .stage-text .bottom .top-shaddow {
background-position: 0 -148px;
}
.ci-hippokrates .stage .stage-text .bottom .bottom-shaddow {
background-position: 0 -152px;
}
.ci-hippokrates .job a,
.ci-hippokrates .newspaper-list a.arrow,
.ci-hippokrates .author-list a.arrow,
.ci-hippokrates .teaser .headline span,
.ci-hippokrates .product .title span {
color: #97BF0D;
}
.ci-hippokrates .job a:hover,
.ci-hippokrates .newspaper-list a.arrow:hover,
.ci-hippokrates .author-list a.arrow:hover,
.ci-hippokrates .teaser a.headline:hover span,
.ci-hippokrates .product .title:hover span {
color: #C1D96E;
}
.ie7 .ci-hippokrates #header-menu .header-menu li ul li.active,
.ie7 .ci-hippokrates #header-menu .header-menu li ul li:hover,
.ci-hippokrates #header-menu .header-menu li ul li a:hover,
.ci-hippokrates #header-menu .header-menu li ul li.active a,
.ci-hippokrates #header-menu .header-menu li ul li.active span,
.ci-hippokrates #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-hippokrates #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-hippokrates #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-hippokrates #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-hippokrates #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-hippokrates #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color: #97BF0D;
}
/* Enke */
.ci-enke ::-moz-selection {
background: #F47D00;
color: #013476;
}
.ci-enke ::selection {
background: #F47D00;
color: #013476;
}
.ci-enke #header-color2 {
background-color: #F47D00;
}
.ci-enke #header-menu .header-menu > .active > a,
.ci-enke .stage .stage-items li.active,
.ci-enke .stage .stage-text .bottom .top-shaddow,
.ci-enke .stage .stage-text .bottom .bottom-shaddow,
.ci-enke #header-logo {
background-image: url(../img/layout/enke_sprite.png);
}
.ci-enke .stage .stage-items li.active {
background-position: 0 -78px;
}
.ci-enke #header-menu .header-menu > .active > a {
background-position: 0 -35px;
background-repeat: repeat-x;
}
.ci-enke #header-logo {
background-position: 0 0;
width: 86px;
}
.ci-enke #header-title {
left: 117px;
}
.ci-enke #content-navigation .content-navigation li.active span{
background-color: #F47D00;
}
.ci-enke .stage .stage-text .bottom .content {
background-color: #F8B166;
}
.ci-enke .stage .stage-text .bottom .top-shaddow {
background-position: 0 -148px;
}
.ci-enke .stage .stage-text .bottom .bottom-shaddow {
background-position: 0 -152px;
}
.ci-enke .job a,
.ci-enke .newspaper-list a.arrow,
.ci-enke .author-list a.arrow,
.ci-enke .teaser .headline span,
.ci-enke .product .title span {
color: #F47D00;
}
.ci-enke .job a:hover,
.ci-enke .newspaper-list a.arrow:hover,
.ci-enke .author-list a.arrow:hover,
.ci-enke .teaser a.headline:hover span,
.ci-enke .product .title:hover span {
color: #F8B166;
}
.ie7 .ci-enke #header-menu .header-menu li ul li.active,
.ie7 .ci-enke #header-menu .header-menu li ul li:hover,
.ci-enke #header-menu .header-menu li ul li a:hover,
.ci-enke #header-menu .header-menu li ul li.active a,
.ci-enke #header-menu .header-menu li ul li.active span,
.ci-enke #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-enke #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-enke #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-enke #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-enke #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-enke #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color: #F47D00;
}
/* Haug */
.ci-haug ::-moz-selection {
background: #339E9E;
color: #013476;
}
.ci-haug ::selection {
background: #339E9E;
color: #013476;
}
.ci-haug #header-color2 {
background-color: #339E9E;
}
.ci-haug #header-menu .header-menu > .active > a,
.ci-haug .stage .stage-items li.active,
.ci-haug .stage .stage-text .bottom .top-shaddow,
.ci-haug .stage .stage-text .bottom .bottom-shaddow,
.ci-haug #header-logo {
background-image: url(../img/layout/haug_sprite.png);
}
.ci-haug .stage .stage-items li.active {
background-position: 0 -78px;
}
.ci-haug #header-menu .header-menu > .active > a {
background-position: 0 -35px;
background-repeat: repeat-x;
}
.ci-haug #header-logo {
background-position: 0 0;
width: 89px;
}
.ci-haug #header-title {
left: 120px;
}
.ci-haug #content-navigation .content-navigation li.active span{
background-color: #339E9E;
}
.ci-haug .stage .stage-text .bottom .content {
background-color: #85C5C5;
}
.ci-haug .stage .stage-text .bottom .top-shaddow {
background-position: 0 -148px;
}
.ci-haug .stage .stage-text .bottom .bottom-shaddow {
background-position: 0 -152px;
}
.ci-haug .job a,
.ci-haug .newspaper-list a.arrow,
.ci-haug .author-list a.arrow,
.ci-haug .teaser .headline span,
.ci-haug .product .title span {
color: #339E9E;
}
.ci-haug .job a:hover,
.ci-haug .newspaper-list a.arrow:hover,
.ci-haug .author-list a.arrow:hover,
.ci-haug .teaser a.headline:hover span,
.ci-haug .product .title:hover span {
color: #85C5C5;
}
.ie7 .ci-haug #header-menu .header-menu li ul li.active,
.ie7 .ci-haug #header-menu .header-menu li ul li:hover,
.ci-haug #header-menu .header-menu li ul li a:hover,
.ci-haug #header-menu .header-menu li ul li.active a,
.ci-haug #header-menu .header-menu li ul li.active span,
.ci-haug #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-haug #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-haug #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-haug #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-haug #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-haug #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color: #339E9E;
}
/* Sonntag */
.ci-sonntag ::-moz-selection {
background: #E30036;
color: #013476;
}
.ci-sonntag ::selection {
background: #E30036;
color: #013476;
}
.ci-sonntag #header-color2 {
background-color: #E30036;
}
.ci-sonntag #header-menu .header-menu > .active > a,
.ci-sonntag .stage .stage-items li.active,
.ci-sonntag .stage .stage-text .bottom .top-shaddow,
.ci-sonntag .stage .stage-text .bottom .bottom-shaddow,
.ci-sonntag #header-logo {
background-image: url(../img/layout/sonntag_sprite.png);
}
.ci-sonntag .stage .stage-items li.active {
background-position: 0 -78px;
}
.ci-sonntag #header-menu .header-menu > .active > a {
background-position: 0 -35px;
background-repeat: repeat-x;
}
.ci-sonntag #header-logo {
background-position: 0 0;
width: 123px;
}
.ci-sonntag #header-title {
left: 154px;
}
.ci-sonntag #content-navigation .content-navigation li.active span{
background-color: #E30036;
}
.ci-sonntag .stage .stage-text .bottom .content {
background-color: #F17F9A;
}
.ci-sonntag .stage .stage-text .bottom .top-shaddow {
background-position: 0 -148px;
}
.ci-sonntag .stage .stage-text .bottom .bottom-shaddow {
background-position: 0 -152px;
}
.ci-sonntag .job a,
.ci-sonntag .newspaper-list a.arrow,
.ci-sonntag .author-list a.arrow,
.ci-sonntag .teaser .headline span,
.ci-sonntag .product .title span {
color: #E30036;
}
.ci-sonntag .job a:hover,
.ci-sonntag .newspaper-list a.arrow:hover,
.ci-sonntag .author-list a.arrow:hover,
.ci-sonntag .teaser a.headline:hover span,
.ci-sonntag .product .title:hover span {
color: #F17F9A;
}
.ie7 .ci-sonntag #header-menu .header-menu li ul li.active,
.ie7 .ci-sonntag #header-menu .header-menu li ul li:hover,
.ci-sonntag #header-menu .header-menu li ul li a:hover,
.ci-sonntag #header-menu .header-menu li ul li.active a,
.ci-sonntag #header-menu .header-menu li ul li.active span,
.ci-sonntag #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-sonntag #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-sonntag #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-sonntag #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-sonntag #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-sonntag #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color: #E30036;
}
/* CRM */
.ci-crm ::-moz-selection {
background: #FFF7B2;
color: #013476;
}
.ci-crm ::selection {
background: #FFF7B2;
color: #013476;
}
.ci-crm #header-color2 {
background-color: #FFF7B2;
}
.ci-crm #header-menu .header-menu > .active > a,
.ci-crm .stage .stage-text .bottom .top-shaddow,
.ci-crm .stage .stage-text .bottom .bottom-shaddow,
.ci-crm #header-logo {
background-image: url(../img/layout/crm_sprite.png);
}
.ci-crm #header-menu .header-menu > .active > a {
background-position: 0 -35px;
background-repeat: repeat-x;
}
.ci-crm #header-logo {
background-position: 0 0;
width: 152px;
}
.ci-crm #header-title {
left: 183px;
}
.ci-crm #content-navigation .content-navigation li.active span{
background-color: #FFF7B2;
}
.ci-crm .stage .stage-text .bottom .content {
background-color: #FFF7B2;
}
.ci-crm .stage .stage-text .bottom .top-shaddow {
background-position: 0 -78px;
}
.ci-crm .stage .stage-text .bottom .bottom-shaddow {
background-position: 0 -82px;
}
.ie7 .ci-crm #header-menu .header-menu li ul li.active,
.ie7 .ci-crm #header-menu .header-menu li ul li:hover,
.ci-crm #header-menu .header-menu li ul li a:hover,
.ci-crm #header-menu .header-menu li ul li.active a,
.ci-crm #header-menu .header-menu li ul li.active span,
.ci-crm #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-crm #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-crm #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-crm #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-crm #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-crm #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color: #FFF7B2;
}
/* Thieme Grey Gradient Style*/
.ci-thieme-grey ::-moz-selection {
background: #013476;
color: #FFFFFF;
}
.ci-thieme-grey ::selection {
background: #013476;
color: #FFFFFF;
}
.ci-thieme-grey #header-color2,
.ci-thieme-grey #header-menu .header-menu .active,
.ci-thieme-grey #header-logo {
background-image: url(../img/layout/thieme-grey_sprite.png);
}
.ci-thieme-grey #header-color2 {
background-position: 0 -36px;
background-repeat: repeat-x;
height: 94px;
}
.ci-thieme-grey.home #header-color2 {
background-position: 0 -134px;
}
.ci-thieme-grey #header-menu .header-menu .active {
background-position: 0 -233px;
background-repeat: repeat-x;
}
.ci-thieme-grey #header-logo {
background-position: 0 0;
width: 115px;
}
.ci-thieme-grey #header-title {
left: 166px;
}
.ci-thieme-grey #header-color3 {
display: none;
}
.ci-thieme-grey #header-content {
background-position: 0 -63px;
background-repeat: no-repeat;
}
.ci-thieme-grey #header-content-container {
background-color: #C5C6C8;
}
.ci-thieme-grey #header-menu .header-menu li a {
background-position: right -389px;
}
.ci-thieme-grey #content-navigation .content-navigation li.active span{
background-color: #A3D8F8;
}
.ie7 .ci-thieme-grey #header-menu .header-menu li ul li.active,
.ie7 .ci-thieme-grey #header-menu .header-menu li ul li:hover,
.ci-thieme-grey #header-menu .header-menu li ul li a:hover,
.ci-thieme-grey #header-menu .header-menu li ul li.active a,
.ci-thieme-grey #header-menu .header-menu li ul li.active span,
.ci-thieme-grey #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-thieme-grey #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-thieme-grey #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-thieme-grey #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-thieme-grey #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-thieme-grey #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color: #A3D8F8;
}
/* Separates Logo für Thieme Chemistry */
.ci-thieme-grey.chemistry #header-logo {
background-image: url(../img/layout/thieme_chemistry_sprite.png);
background-position: 0 0;
width: 235px;
}
.ci-thieme-grey.chemistry #header-title {
display: none;
}
/* MVS */
.ci-mvs ::-moz-selection {
background: #EAEAEA;
color: #013476;
}
.ci-mvs ::selection {
background: #EAEAEA;
color: #013476;
}
.ci-mvs #header-color2 {
background-color: #EAEAEA;
}
.ci-mvs #header-menu .header-menu > .active > a,
.ci-mvs .stage .stage-items li.active,
.ci-mvs .stage .stage-text .bottom .top-shaddow,
.ci-mvs .stage .stage-text .bottom .bottom-shaddow,
.ci-mvs #header-logo {
background-image: url(../img/layout/mvs_sprite.png);
}
.ci-mvs .stage .stage-items li.active {
background-position: 0 -83px;
}
.ci-mvs #header-menu .header-menu > .active > a {
background-position: 0 -41px;
background-repeat: repeat-x;
}
.ci-mvs #header-logo {
background-position: 0 0;
width: 160px;
}
.ci-mvs #header-title {
left: 190px;
}
.ci-mvs #content-navigation .content-navigation li.active span{
background-color: #EAEAEA;
}
.ci-mvs .stage .stage-text .bottom .content {
background-color: #E5EEF5;
}
.ci-mvs .stage .stage-text .bottom .top-shaddow {
background-position: 0 -148px;
}
.ci-mvs .stage .stage-text .bottom .bottom-shaddow {
background-position: 0 -152px;
}
.ci-mvs .job a,
.ci-mvs .newspaper-list a.arrow,
.ci-mvs .author-list a.arrow,
.ci-mvs .product .title span {
color: #EAEAEA;
}
.ci-mvs .job a:hover,
.ci-mvs .newspaper-list a.arrow:hover,
.ci-mvs .author-list a.arrow:hover,
.ci-mvs .product .title:hover span {
color: #E5EEF5;
}
.ie7 .ci-mvs #header-menu .header-menu li ul li.active,
.ie7 .ci-mvs #header-menu .header-menu li ul li:hover,
.ci-mvs #header-menu .header-menu li ul li a:hover,
.ci-mvs #header-menu .header-menu li ul li.active a,
.ci-mvs #header-menu .header-menu li ul li.active span,
.ci-mvs #header-toolbar .header-toolbar li ul.service .item.active span,
.ci-mvs #header-toolbar .header-toolbar li ul.service .item a:hover,
.ci-mvs #header-toolbar .header-toolbar li ul.service .item:hover,
.ci-mvs #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li.active span,
.ci-mvs #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li a:hover,
.ci-mvs #header-toolbar .header-toolbar li ul.thieme-group .col-right ul li:hover {
background-color: #EAEAEA;
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9997;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
overflow: auto;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
float: left;
margin: auto;
border: 0;
display: block;
}
.cboxIframe {
width: 100%;
height: 100%;
display: block;
border: 0;
}
/*
ColorBox User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
background: #000000;
}
#colorbox{}
#cboxContent{
box-shadow: 0 0 15px #000000; /* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
-moz-box-shadow: 0 0 15px #000000; /* FF3.5 - 3.6 */
-webkit-box-shadow: 0 0 15px #000000; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
overflow: visible;
}
.cboxIframe{
background: #fff;
}
#cboxError{
border: 1px solid #ccc;
padding: 50px;
}
#cboxLoadedContent{
background: #000;
}
#cboxLoadingGraphic{
background: url(../img/layout/loading_black.gif) no-repeat center center;
}
#cboxLoadingOverlay{
background: #000;
}
#cboxTitle {
background-position: -20px 0;
background-repeat: repeat-y;
bottom: 0;
color: #000000;
font-size: 11px;
left: 0;
line-height: 14px;
padding: 12px 0 14px 0;
position: absolute;
width: 100%;
}
#cboxTitle span {
display: block;
padding: 0 19px 0 19px;
}
#cboxCurrent {
display: none;
}
#cboxClose {
right: -9px;
text-indent: -9999px;
width: 37px;
height: 36px;
position: absolute;
top: -9px;
background-position: -85px -385px;
z-index: 9998;
}
#cboxPrevious {
display: none;
}
#cboxNext {
display: none;
}
#content.message {
padding: 20px;
}
#colorbox .lb-gallery {
background:url(../img/layout/loading_black.gif) no-repeat center 224px;
height: 580px;
text-align: center;
width: 750px;
}
#colorbox .lb-gallery .lb-gallery-image-container {
display: table-cell;
height: 480px;
margin-bottom: 100px;
overflow: hidden;
text-align: center;
vertical-align: middle;
width: 750px;
}
#colorbox .lb-gallery .lb-gallery-image {
margin: 0 auto 0 auto;
max-height: 480px;
max-width: 750px;
}
#colorbox .lb-gallery .lb-gallery-thumbs {
background-color: #FFFFFF;
bottom:0;
height: 85px;
left:0;
padding: 15px 85px 0 85px;
position:absolute;
width: 580px;
z-index: 99998;
}
#colorbox .lb-gallery .lb-gallery-thumbs .lb-gallery-thumbs-content {
height: 70px;
overflow: hidden;
position: relative;
width: 580px;
}
#colorbox .lb-gallery .lb-gallery-thumbs .lb-gallery-thumbs-content ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 100000px;
}
#colorbox .lb-gallery .lb-gallery-thumbs .lb-gallery-thumbs-content ul li {
display: block;
float: left;
height: 70px;
margin-right: 12px;
overflow: hidden;
position: relative;
width: 108px;
}
#colorbox .lb-gallery .lb-gallery-thumbs .lb-gallery-thumbs-content ul li a {
display: block;
height: 100%;
text-decoration: none;
width: 100%;
}
#colorbox .lb-gallery .lb-gallery-thumbs .lb-gallery-thumbs-content ul li.active a {
cursor: default;
}
#colorbox .lb-gallery .lb-gallery-thumbs .lb-gallery-thumbs-content ul li span.active {
background-position: -135px -390px;
bottom: 0;
display: block;
height: 25px;
left: 50%;
margin-left: -29px;
position: absolute;
width: 58px;
}
#colorbox .lb-gallery .lb-gallery-thumbs .lb-gallery-thumbs-content ul li p {
display: none;
}
#colorbox .lb-gallery .lb-gallery-next,
#colorbox .lb-gallery .lb-gallery-prev {
bottom: 40px;
display: block;
height: 21px;
outline: 0 none;
overflow: hidden;
position: absolute;
text-indent: -10000px;
width: 15px;
z-index: 99999;
}
#colorbox .lb-gallery .lb-gallery-next.disabled,
#colorbox .lb-gallery .lb-gallery-prev.disabled {
-moz-opacity: .30; /* Firefox */
-ms-filter: ”alpha(opacity=30)”; /* IE8 */
cursor: default;
filter: alpha(opacity=30); /* IE6 - IE9 */
opacity: .30; /* W3C */
}
#colorbox .lb-gallery .lb-gallery-prev {
background-position: -210px -390px;
left: 20px;
}
#colorbox .lb-gallery .lb-gallery-next {
background-position: -235px -390px;
right: 20px;
}
#colorbox .lb-gallery .lb-gallery-title {
background-position: -20px 0;
background-repeat: repeat-y;
bottom: 100px;
color: #000;
font-size: 11px;
left: 0;
line-height: 14px;
margin: 0;
padding: 12px 85px 14px 19px;
position: absolute;
text-align: left;
width: 646px;
}
#colorbox .lb-gallery .lb-gallery-title span {
position: absolute;
right: 20px;
top:12px;
}
#colorbox .lb-gallery .lb-gallery-img-next,
#colorbox .lb-gallery .lb-gallery-img-prev {
display: none;
height: 24px;
outline: 0 none;
overflow: hidden;
position: absolute;
text-indent: -10000px;
top: 228px;
width: 26px;
}
.mobile #colorbox .lb-gallery .lb-gallery-img-next,
.mobile #colorbox .lb-gallery .lb-gallery-img-prev {
display: block;
}
#colorbox .lb-gallery .lb-gallery-img-prev {
background-position: 0 -800px;
left: 6px;
}
#colorbox .lb-gallery .lb-gallery-img-next {
background-position: -495px -1080px;
right: 6px;
}
#share-content {
background-color: #FFFFFF;
bottom: 24px;
box-shadow: 0 0 15px #000000;
-moz-box-shadow: 0 0 15px #000000;
-webkit-box-shadow: 0 0 15px #000000;
-ms-box-shadow: 0 0 15px #000000;
padding: 20px;
position: absolute;
right: -50%;
width: 250px;
z-index: 20;
}
.lte8 #share-content {
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=0),
progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=90),
progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=180),
progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, Strength=5, Direction=270);
zoom: 1;
}
.ie7 #share-content {
padding-bottom: 0;
}
/**
* Sitemap
**/
#sitemap {
margin-left: 40px;
overflow: hidden;
padding-top: 24px;
width: 940px;
}
#sitemap .col {
float: left;
margin-left: 25px;
width: 216px;
}
#sitemap .col:first-child {
margin-left: 0;
}
#sitemap .link-list {
width: 216px;
}
#sitemap a.arrow {
color: #6AACDA;
}
#sitemap a.arrow:hover {
color: #013476;
}
/**
* END - Sitemap
**/
/**
* eJournal
**/
.ejournal
{
margin: 0;
font-size: 12px;
line-height: 140%;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000;
}
.ejournal h1
{
font-size: 21px;
line-height: 140%;
font-weight: normal;
color: #78ACD1;
margin: 0 0 16px 0;
}
/* -- Journal related Metadata -- */
.ejournal .issueNumber
{
font-weight: bold;
}
.ejournal .issueSampleIssue
{
font-weight: bold;
color: #cc0000;
}
.ejournal .issueSponsor
{
display: block;
font-weight: bold;
color: #666;
}
.ejournal .issueEditor
{
display: block;
}
/* -- Module -> ToC- Artikelliste -- */
.ejournal .articleList #section
{
margin-bottom: 1em;
}
.ejournal .articleList #section h2
{
background-color: #f0f0f0;
padding: 0.375em 0.5em;
margin: 0 0 0em 0;
font-size: 12px;
font-weight: bold;
color: #013476;
}
.ejournal .articleList #section h3
{
font-size: 12px;
font-weight: bold;
color: #000;
margin-bottom: 0;
}
.ejournal .articleList .magazine .articleTitle, .articleList .mantelartikel .articleTitle
{
font-size: 12px;
font-weight: bold;
}
.ejournal .articleList div.articleDetails
{
margin-left: 4em;
}
.ejournal .listItem
{
padding: 1em 0;
border-top: 1px solid #EBEBEB;
}
.ejournal .pageNumber
{
display: inline-block;
zoom: 1;
float: left;
padding-right: 1em;
min-width: 3em;
color: #666;
}
.ie7 .ejournal .pageNumber
{
display: inline;
}
.ejournal .authors
{
display: block;
font-style: 12px;
color: #666666;
margin-bottom: 0.125em;
}
.ejournal .articleTitle
{
display: block;
text-decoration: none;
color: #052463;
font-size: 16px;
line-height: 120%;
margin-bottom: 0.125em;
}
.ejournal .articleTitle:hover
{
text-decoration: underline;
}
.ejournal .articleOptions
{
margin: 1em 0 0 0;
}
.ejournal .singleButton
{
display: inline-block;
padding: 0 1em;
margin: 0 1em 0 0;
line-height: 21px;
border: 1px solid #EBEBEB;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: url(../img/layout/bg_gradient.jpg) repeat-x;
}
.ejournal a.singleButton
{
text-decoration: none;
color: #000;
}
.ejournal ul.splitButton
{
display: inline-block;
zoom: 1;
list-style: none;
padding: 0;
margin: 0 1em 0 0;
border: 1px solid #EBEBEB;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: url(../img/layout/bg_gradient.jpg) repeat-x;
}
.ie7 .ejournal ul.splitButton
{
display: inline;
}
.ejournal ul.splitButton li
{
display: inline-block;
zoom: 1;
line-height: 21px;
padding: 0 1em;
border-right: 1px solid #EBEBEB;
}
.ie7 .ejournal ul.splitButton
{
display: inline;
}
.ejournal ul.splitButton li:last-child
{
border-right: none;
}
.ejournal ul.splitButton a
{
text-decoration: none;
color: #000;
}
/* -- Module Acess Options --*/
.ejournal ul.accessOptions
{
}
.ejournal .accessOptions li
{
line-height: 22px;
display: inline-block;
zoom: 1;
padding: 0 1em;
border-right: 1px solid #EBEBEB;
border-bottom: 0;
}
.ie7 .ejournal .accessOptions li
{
display: inline;
}
.ejournal .accessOptions li:last-child
{
border-right: none;
}
.ejournal .accessOptions li a
{
text-decoration: none;
color: #000;
}
.ejournal .accessOptions .label
{
color: #fff;
background: url(../img/layout/accessOptions_bgLabel.png) right -1px no-repeat;
padding: 0 24px 0 2px;
border-right: none;
}
.ejournal .accessOptions .label span
{
display: inline-block;
padding-left: 24px;
background: url(../img/layout/accessOptions_Icons.png) left 0 no-repeat;
}
.ejournal .accessOptions.thieme .label
{
background-position: right -121px;
color: #003576;
}
.ejournal .accessOptions.thieme .label span
{
background-position: left 0;
}
.ejournal .accessOptions.thieme a
{
color: #000;
}
.ejournal .fz_toc_meta
{
display: block;
}
.ejournal .fz_toc_meta #number_start
{
display: inline;
font-weight: bold;
}
.ejournal .fz_toc_meta #date
{
display: block;
}
.ejournal .fz_toc_meta #publishing
{
display: block;
}
/* -- Module Conference Box --*/
.ejournal #conference {
background-color: #dbeaf5;
border-top: 1px solid #EBEBEB;
margin-bottom: 1.33em;
padding: 1em;
}
/**
* END eJournal
**/
/* eRef TOC */
/* -- Module -> ToC- Artikelliste -- */
.eref {
border-left: 4px solid #a3d8f8;
/* border-top: 1px solid #C5C6C8;*/
background: #f5f5f5;
padding: 5px;
}
.eref .articleList #section h3
{
font-size: 12px;
font-weight: bold;
color: #000;
margin-bottom: 0;
}
.eref .articleList .magazine .articleTitle, .articleList .mantelartikel .articleTitle
{
font-size: 12px;
font-weight: bold;
}
.eref .articleList div.articleDetails
{
padding: 5px;
}
.eref .listItem
{
padding: 1em 0;
border-top: 1px solid #EBEBEB;
}
.eref .pageNumber
{
display: inline-block;
zoom: 1;
float: left;
padding-right: 1em;
min-width: 3em;
color: #666;
}
.ie7 .eref .pageNumber
{
display: inline;
}
.eref .authors
{
display: block;
font-style: 14px;
color: #666666;
margin-bottom: 0.125em;
}
.eref .articleTitle
{
display: block;
text-decoration: none;
color: #052463;
font-size: 12px;
line-height: 120%;
margin-bottom: 0.125em;
}
.eref .articleTitle:hover
{
text-decoration: underline;
}
.eref .articleOptions
{
margin: 1em 0 0 0;
}
.eref .details
{
color: #777;
}
.eref .singleButton
{
display: inline-block;
padding: 0 1em;
margin: 0 1em 0 0;
line-height: 21px;
border: 1px solid #EBEBEB;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: url(../img/layout/bg_gradient.jpg) repeat-x;
}
.eref a.singleButton
{
text-decoration: none;
color: #000;
}
.eref ul.splitButton
{
display: inline-block;
zoom: 1;
list-style: none;
padding: 0;
margin: 0 1em 0 0;
border: 1px solid #EBEBEB;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: url(../img/layout/bg_gradient.jpg) repeat-x;
}
.ie7 .eref ul.splitButton
{
display: inline;
}
.eref ul.splitButton li
{
display: inline-block;
zoom: 1;
line-height: 21px;
padding: 0 1em;
border-right: 1px solid #EBEBEB;
}
.ie7 .eref ul.splitButton
{
display: inline;
}
.eref ul.splitButton li:last-child
{
border-right: none;
}
.eref ul.splitButton a
{
text-decoration: none;
color: #000;
}
/* -- Module Acess Options --*/
.eref ul.accessOptions
{
}
.eref .accessOptions li
{
line-height: 22px;
display: inline-block;
zoom: 1;
padding: 0 1em;
border-right: 1px solid #EBEBEB;
border-bottom: 0;
}
.ie7 .eref .accessOptions li
{
display: inline;
}
.eref .accessOptions li:last-child
{
border-right: none;
}
.eref .accessOptions li a
{
text-decoration: none;
color: #000;
}
.eref .accessOptions .label
{
color: #fff;
background: url(../img/layout/accessOptions_bgLabel.png) right -1px no-repeat;
padding: 0 24px 0 2px;
border-right: none;
}
.eref .accessOptions .label span
{
display: inline-block;
padding-left: 24px;
background: url(../img/layout/accessOptions_Icons.png) left 0 no-repeat;
}
.eref .accessOptions.thieme .label
{
background-position: right -121px;
color: #003576;
}
.eref .accessOptions.thieme .label span
{
background-position: left 0;
}
.eref .accessOptions.thieme a
{
color: #000;
}
.eref .fz_toc_meta
{
display: block;
}
.eref .fz_toc_meta #number_start
{
display: inline;
font-weight: bold;
}
.eref .fz_toc_meta #date
{
display: block;
}
.eref .fz_toc_meta #publishing
{
display: block;
}
.eref h1.teaserheadline
{
font-size: 21px;
line-height: 140%;
font-weight: normal;
color: #78ACD1;
margin: 0 0 16px 0;
}
/* eRef Styles */
.body{
border-left: 4px solid #a3d8f8;
border-top: 1px solid #C5C6C8;
background: #f5f5f5;
padding: 5px;
}
.ribbon {
display: inline-block;
height: 41px;
line-height: 41px;
position: relative;
left: -19px;
background-color: #013476;
padding-left: 15px;
padding-right: 15px;
margin-top: 15px;
margin-bottom: 5px;
}
.ribbon::after {
content: ' ';
background: transparent;
position: absolute;
left: 0;
top: 41px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 8px 0;
border-color: transparent #011e43 transparent
}
.ribbon h1, .ribbon h2, .ribbon h3, .ribbon h4, .ribbon h5, .ribbon h6 {
display: block;
margin: 0;
line-height: 41px;
font-size: 13px;
color: #fff;
font-weight: 300 !important;
text-transform: none;
}
h2.teaserheadline {
font-size: 14px;
color: #013476;
margin: 5px 0;
font-weight: 600;
text-decoration:none;
}
a.title, a.moreInfo{
text-decoration:none;
color: #013476;
}
.mainContent .stories .erefimage {
padding: 0;
border:1px solid #ff0000;
}
.col-md-4
{
height:auto;
float:left;
padding: 5px 7px 0px 5px;
}
.erefimage
{
width: 150px;
height: auto;
}
/**
* BEGIN Author Map
**/
.labels{
opacity: 1 !important;
font-family: Arial, sans-serif;
color: #FFF;
}
#map
{
width: 510px;
height: 380px;
}
#mapOuterContainer
{
text-align: center;
clear: both;
}
#author-map{
width: 510px;
float: left;
}
.map-full #author-map{
width: 100%;
float: none;
height: 450px;
}
#sidebar-container{
width: 200px;
float: left;
}
.map-full #sidebar-container{
width: 100%;
float: none;
margin-top: 10px;
}
#message
{
margin-top: -300px;
visibility: visible;
text-align: center;
}
#side_bar_top_outer
{
width: 205px;
height: 30px;
}
.map-full #side_bar_top_outer
{
background-color: #F3F3F3;
height: 20px;
margin-bottom: 10px;
padding: 15px 10px;
width: 690px;
}
.map-full #side_bar_top_outer .input-element
{
display: inline-block;
margin-left: 40px;
}
.map-full #side_bar_top_outer .input-element:first-child
{
margin-left: 0px;
}
.map-full #side_bar_top_outer .input-element select
{
width: 160px;
}
#side_bar_top
{
color: #000066;
font-size: 12px;
padding: 0 0 0 10px;
}
#side_bar_outer
{
width: 200px;
height: 335px;
overflow: auto;
}
.map-full #side_bar_outer
{
background-color: #F3F3F3;
height: 270px;
padding: 20px 0 20px 15px;
width: 695px;
}
#side_bar
{
font-size: 12px;
padding: 0 0 0 5px;
}
.map-full #side_bar .author{
display: inline-block;
padding: 0 16px 0 0;
vertical-align: top;
width: 320px;
margin-bottom: 10px;
}
.map-full #side_bar .author h4{
color: #013476;
cursor: pointer;
margin-bottom: 5px;
margin-top: 0;
}
.map-full #side_bar .author p{
margin-top: 0;
margin-bottom: 5px;
}
.map-full #side_bar .author.invisible{
display: none !important;
}
.gm-style-iw
{
font-size: 12px;
width: 275px;
height: 125px;
margin: 0 20px 20px 5px;
overflow: auto;
text-align: left;
}
#map .thieme{
height: 130px;
overflow: auto;
width: 305px;
}
.infoWindowAuthorContainer
{
border-top: 1px solid #000000;
font-size: 12px;
padding: 5px 5px 10px 5px;
text-align: left;
width: 275px;
}
.infoWindowAuthorContainer img{
height: auto;
max-width: 50px;
padding-bottom: 5px;
padding-right: 8px;
}
.infoWindowAuthorContainer:first-child
{
border-top: none;
}
.infoWindowAuthorDataLine1
{
font-weight: bold;
}
.infoWindowSpacer
{
padding-bottom: 5px;
}
.infoWindowSpacer a{
color: #013476;
}
.infoWindowSpacer p{
margin: 5px 0;
}
.infoWindowSpacer ul{
list-style: square;
margin: 5px 0;
padding: 0 0 0 15px;
}
a.infoWindowVolumeLink:link, a.infoWindowVolumeLink:visited, a.infoWindowVolumeLink:hover,
a.infoWindowVolumeLink:active, a.infoWindowVolumeLink:focus
{
color: #000066;
}
/*
* 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.
*/
.jspContainer
{
overflow: hidden;
position: relative;
}
.jspPane
{
position: absolute;
}
.jspVerticalBar
{
position: absolute;
top: 0;
right: 0;
width: 12px;
height: 100%;
background: #FFF;
border-radius: 3px;
}
.jspHorizontalBar
{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 16px;
background: red;
}
.jspCap
{
display: none;
}
.jspHorizontalBar .jspCap
{
float: left;
}
.jspTrack
{
background: #CCC;
position: relative;
}
.jspDrag
{
background: #013476;
border-radius: 5px;
position: relative;
top: 0;
left: 0;
cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
float: left;
height: 100%;
}
.jspArrow
{
background: #50506d;
text-indent: -20000px;
display: block;
cursor: pointer;
padding: 0;
margin: 0;
}
.jspArrow.jspDisabled
{
cursor: default;
background: #80808d;
}
.jspVerticalBar .jspArrow
{
height: 16px;
}
.jspHorizontalBar .jspArrow
{
width: 16px;
float: left;
height: 100%;
}
.jspVerticalBar .jspArrow:focus
{
outline: none;
}
.jspCorner
{
background: #eeeef4;
float: left;
height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{
margin: 0 -3px 0 0;
}
/**
* END Author Map
**/
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; color: black !important; } /* Black prints faster: h5bp.com/s */
a[href^="http://"],
a[href^="https://"],
a[href^="mailto:"],
a[href^="itms-apps://"],
a[href^="itms://"],
a[href^="market://"] {
text-decoration: underline !important;
}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
body {
margin-top: 61px;
}
#header-toolbar,
#header-search,
#header-menu,
#header-webshop,
#footer-bottom,
#footer-top-menu,
#footer-top-right,
#header-color1,
#header-color2,
#header-color3,
#content-container-top,
#content-navigation,
.box.share,
.fb-like-box,
.home #content-teaser-top ul.tabs {
display: none !important;
}
.home #content-container-top,
.home #content-col1 {
display: block !important;
}
.home #content-teaser-top .panes img {
display: none !important;
}
#header {
height: 80px;
min-height: 0;
overflow: hidden;
}
#header-outer-container {
margin-top: 0;
}
#header-logo {
overflow: hidden;
}
#header-logo a{
display: list-item;
font-size: 0;
list-style-image: url(../img/layout/thieme_sprite.png);
list-style-position: inside;
text-indent: 0;
zoom: 1;
}
.ci-trias #header-logo a {
list-style-image: url(../img/layout/trias_sprite.png);
}
.ci-hippokrates #header-logo a {
list-style-image: url(../img/layout/hippokrates_sprite.png);
}
.ci-enke #header-logo a {
list-style-image: url(../img/layout/enke_sprite.png);
}
.ci-haug #header-logo a {
list-style-image: url(../img/layout/haug_sprite.png);
}
.ci-sonntag #header-logo a {
list-style-image: url(../img/layout/sonntag_sprite.png);
}
.ci-crm #header-logo a {
list-style-image: url(../img/layout/crm_sprite.png);
}
.ci-thieme-grey #header-logo a {
list-style-image: url(../img/layout/thieme-grey_sprite.png);
}
.ci-mvs #header-logo a {
list-style-image: url(../img/layout/mvs_sprite.png);
}
a:before,
#breadcrump li > span:before {
content: " > ";
}
.webshop-teaser .headline a:before,
.faq-list li .faq-list-headline:before,
.paginator a:before,
.newspaper-list .filter a:before,
.author-list .filter a:before,
.teaserbox a:before,
.teaser-img:before,
.box.media .preview:before,
.box.media .player:before,
.quotes blockquote .link a:before,
.home #content-teaser-top .tabs li a:before,
.home #content-teaser-top .panes a:before,
.home .selector-list .list-headline:before,
.home .gallery li a:before,
#breadcrump li.first > span:before{
display: none;
}
.teaser a:not(.headline):before,
.product a:not(.title):before {
display: none;
}
a {
padding-left: 0 !important;
}
#breadcrump ul {
width: 720px;
}
#breadcrump ul li {
padding: 0;
}
#breadcrump ul li a {
margin-right: 4px;
text-decoration: none !important;
}
#content-col1 {
margin-left: 0 !important;
margin-top: 0;
}
.paragraph ul {
list-style-position: inside;
list-style-type: square;
}
.paragraph ul li {
padding-left: 0;
}
.faq-list li {
padding-bottom: 10px;
}
.faq-list li .faq-list-headline {
font-weight: bold;
}
.faq-list li p {
display: block;
}
.link-list li {
padding-left: 0;
}
.slideshow .image-text {
position: relative;
}
.std-form .row .text,
.std-form .row textarea,
.std-form .row .btn {
border: 1px solid black;
}
.webshop-teaser .headline a {
font-weight: bold;
padding-left: 0;
}
.teaser .headline span{
padding-left: 0;
}
table thead th {
border-left: 1px solid #C5C6C8;
border-right: 1px solid #C5C6C8;
border-bottom: 1px solid #C5C6C8;
}
.galleries .more-galleries li {
padding-left: 13px;
}
.galleries .more-galleries li p:before {
content: " >> ";
}
.teaserbox img + .teaserlink-container {
position: relative;
}
.quotes blockquote p {
margin: 10px 20px 20px;
}
.quotes blockquote .link {
padding: 0;
width: 230px;
}
.quotes blockquote .link a cite:before {
content: " > ";
}
.quotes blockquote .link a:after {
font-size: 10px;
}
.ie7 .teaser .date{
display: inline-block;
width: 200px;
}
}
/**
* Fullsize Stage Productslider
*/
.stage-product-slider {
background-position: 50% 50%;
background-size: cover;
background-color: #F3F3F3;
padding: 50px 50px 70px 50px;
position: relative;
}
.stage-product-slider .slick-initialized .slick-slide {
display: inline-block;
vertical-align: bottom;;
width: auto;
float: none;
}
.stage-product-slider .headline {
color: #013476;
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: normal;
line-height: 30px;
margin-bottom: 20px;
}
.stage-product-slider .content {
background-color: #E5EEF5;
overflow: hidden;
padding: 15px;
}
.stage-product-slider .content .author {
display: block;
font-size: 11px;
line-height: 14px;
margin: 0;
}
.stage-product-slider .content .title {
color: #000;
display: block;
font-size: 11px;
font-weight: bold;
line-height: 14px;
margin-bottom: 6px;
}
.stage-product-slider .content .order {
display: inline-block;
margin: 0 0 3px 0;
padding: 0 36px 0 0;
position: relative;
}
.stage-product-slider .content .order .price {
color: #013476;
display: block;
font-size: 11px;
font-weight: bold;
line-height: 11px;
}
.stage-product-slider .content .order .add-cart {
background-position: -45px -388px;
display: block;
height: 29px;
overflow: hidden;
position: absolute;
right: 0;
text-indent: -10000px;
top: -1px;
width: 29px;
}
.stage-product-slider .content .order .add-cart.product-detail {
background-position: -441px -388px;
}
.stage-product-slider .content .order .tax {
background-position: -610px -970px;
font-size: 10px;
line-height: 10px;
position: relative;
top: -2px;
}
.stage-product-slider .content .publishdate {
font-size: 76.9%;
line-height: 120%;
}
.stage-product-slider-container .slick-list {
margin: 0 -12px;
}
.stage-product-slider-container .slide {
margin: 0 12px;
}
.stage-product-slider .slick-arrow.next {
background-position: -495px -1080px;
right: -45px;
}
.stage-product-slider .slick-arrow.prev {
background-position: 0 -800px;
left: -45px;
}
/**
* Fullsize Stage Imageslider
*/
.stage-image-slider {
max-width: 940px;
width: 100%;
}
.stage-image-slider + .stage,
.stage-product-slider + .stage,
.stage-product-slider + .stage-image-slider,
.stage-image-slider + .stage-product-slider {
margin-top: 20px;
}
.stage-image-slider .slick-arrow,
.stage-product-slider .slick-arrow {
background-image: url("../img/layout/sprite.png");
cursor: pointer;
display: block;
height: 24px;
margin-top: -12px;
position: absolute;
transition: opacity .2s ease-in-out;
top: 50%;
width: 26px;
z-index: 2;
}
.stage-image-slider .slick-arrow:hover,
.stage-product-slider .slick-arrow:hover {
opacity: 0.8;
}
.stage-image-slider .slick-arrow.next {
background-position: -495px -1080px;
right: 5px;
}
.stage-image-slider .slick-arrow.prev {
background-position: 0 -800px;
left: 5px;
}
.stage-image-slider.slick-initialized img,
.stage-product-slider-container.slick-initialized img {
height: auto;
width: 100%;
}
.stage-image-slider .slick-dots,
.stage-product-slider .slick-dots {
bottom: 5px;
left: 0;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
text-align: center;
width: auto;
}
.stage-image-slider .slick-dots li,
.stage-product-slider .slick-dots li {
background-color: #FFF;
color: #013476;
cursor: pointer;
display: inline-block;
height: 18px;
margin: 0 5px;
position: relative;
width: 35px;
}
.stage-image-slider .slick-dots li button,
.stage-product-slider .slick-dots li button {
background-color: #FFF;
border: none;
color: #013476;
font-size: 9px;
outline: none;
position: absolute;
right: 0;
top: 1px;
}
.stage-image-slider .slick-dots li.slick-active,
.stage-product-slider .slick-dots li.slick-active,
.stage-image-slider .slick-dots li.slick-active button,
.stage-product-slider .slick-dots li.slick-active button {
background-color: #013476;
color: #FFF;
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/* =============================================================================
Start relaunch
========================================================================== */
.relaunch a,
.relaunch a:active,
.relaunch a:focus {outline: none;}
/* Bootstrap Grid */
.relaunch .grid-row {padding-bottom: 20px;}
/* Content-Teaser-Top */
.relaunch #content-container-top{padding: 420px 0 30px 0;}
.relaunch #content-teaser-top { top: 129px; left: 742px; }
.relaunch #content-teaser-top .panes h2 { font-weight:bold; text-transform: uppercase; }
.relaunch #content-teaser-top .panes img { height: 675px; top: -129px; left: -742px; }
.relaunch #content-teaser-top .shadow-box{top: -26px;height:266px;left:-45px;background-image:none;}
.relaunch #content-teaser-top .shadow-content{height: 205px;width:220px; padding: 29px; border: 1px solid #e4e4e5;}
.relaunch #content-teaser-top .top-shadow, .relaunch #content-teaser-top .bottom-shadow { display: none; }
/* MAIN CONTENT */
.relaunch .content-container-main {width:940px;margin-left:40px;}
.relaunch .content-main { position: relative; float:left; width:640px; }
.relaunch .content-aside { position: relative; float:right; width:280px;}
.relaunch .content-container-bottom { position: relative; float: left; width: 100%; }
.relaunch .content-container-bottom h2 { margin-top: 0; font-size: 15px; font-weight: normal; }
/* MODUL PRODUCTS */
.mod-products .grid-row {padding-bottom: 20px;}
.mod-products .item-product { width: 100%; margin-bottom: 0; border:1px solid #e4e4e5; min-height: 185px; background-color: #fff; box-sizing: border-box; overflow:hidden; }
.mod-products .item-product .teaser-image { width: auto; height: auto; }
.mod-products .item-product a { text-decoration:none; }
.mod-products .item-product a:hover h2{ color:#6aacda; }
.mod-products .item-product .teaser-text { padding:10px; }
.mod-products .item-product .teaser-text h2 { color: #013476;font-size: 14px;font-weight: bold;line-height: 18px;margin: 0 0 3px;text-decoration:none;}
.mod-products .item-product .teaser-text p { font-size: 11px;line-height: 14px;margin: 0px;}
/* MODUL SERVICE */
.mod-service .grid-row { margin-left: -2.5px; margin-right: -2.5px; padding-bottom: 5px; }
.mod-service .grid-col { padding-left: 2.5px; padding-right: 2.5px; }
/*.mod-service .tile-service { width: 100%; height: 90px; background-color: #013577; text-align: center; }*/
.mod-service .tile-service { width: 100%; height: 90px; background-color: #fff; border: 1px solid #e4e4e5; text-align: center; box-sizing: border-box; }
.mod-service .tile-link { width: 100%; height: 100%; display: inline-block; box-sizing: border-box; padding: 10px; text-decoration: none; }
.mod-service .tile-icon-wrapper { min-height: 50px; }
.mod-service .tile-icon { position: relative; margin: 0 auto; }
/*.mod-service .tile-text { color: #fff; }*/
.mod-service .tile-text { color: #013476; }
.mod-service .box-service { width: 100%; margin: 0; padding: 0; top: 0; left: 0; border: 0px; background: none; background-color: #fff; overflow: hidden; }
.mod-service .box-service-header-mobile { display: none; }
.mod-service .box-service-header-link { position: relative; width: 100%; height: 100%; display: inline-block; box-sizing: border-box; text-decoration: none; }
.mod-service .box-service-header-text { position: absolute; left: 35px; bottom: 10px; color:#fff; font-weight: bold; }
.mod-service .box-service-header-text.blue { color: #013476; }
.mod-service .box-service-content { height: 204px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #e4e4e5; background-image: url(../img/layout/tree.png); background-position: right bottom; background-repeat: no-repeat; }
.mod-service .box-service-link-list { margin: 0; padding: 10px 0 0 15px; list-style: none; }
.mod-service .box-service-link-list-item { padding: 5px 0 0 20px; list-style: none; background-image: url(../img/layout/arrow.png); background-position: left 8px; background-repeat: no-repeat; }
.mod-service .box-service-link-list a { color: #013577; text-decoration: none; }
.mod-service .box-service-content-link { position: absolute; right: 15px; bottom: 10px; line-height: 34px; padding-left: 38px; color: #013577; text-decoration: none; background-image: url(../img/layout/arrowbox.png); background-position: left 0px; background-repeat: no-repeat; }