
/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */
html, body {
font-family:Arial, Verdana, Helvetica, sans-serif;
margin:0 ;
padding:0;
color:#000;
height:auto!important;
font-size:100.1%;
}
h1, h2, h3, h4, h5, h6, p, a, ul, li, div, span, img, dl, dt, dd {
margin:0;
padding:0;
border:0;
padding:0;
}
#typo {
font-size:10pt;
line-height:130%;
width:99%;
display:block;
}
/* Unsichtbare Elemente au�erhalb des Bildschirms */
.ubar, .unsichtbar, .nurDruck {
position:absolute;
left:-1000px;
top:-1000px;
width:0px;
height: 0px;
overflow:hidden;
display:inline;
}
a:link {text-decoration: none; color:#7f1245;}
a:visited {text-decoration: none; color:#7f1245;  }
.clear {
clear:both;
display:block;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
display:inline-block;
}
* html .clearfix {height: 1%;}
#typo .floatLeft {
float:left;
}
#typo .floatRight {
float:right;
}
img.logoLeft {
position:absolute;
top:0;
left:0;
}
img.logoRight {
position:absolute;
top:0;
right:37px;
}
ul.inline {
list-style-type:none;
}
ul.inline li {
float:left;
width:auto;
background-image:none!important;
padding:0!important;
}
.displaNone {
display:none;
}
.borderBottom {
border-bottom:1px solid #c2c8d1;
}
.borderTop {
border-top:1px solid #c2c8d1;
}

/* Fonts */
sup {
font-family:Arial,Verdana, Helvetica, sans-serif;
font-size:0.55em;
}
.introduction sup {
font-size:0.5em;
}
.blackFont {
color:#000!important
}
/* - - - - - - - - - - - -  Raster  - - - - - - - - - - - - */
.contentTotal  {
display:block;
clear:both;
float:none;
width:100%;
padding:20px 0 0 0;
margin-top:100px;
border-top:4px solid #801146;
}
.content {
float:left;
margin:0;
padding:0;
}
.rightCol {
float:right;
margin:0;
padding:0;
}
.home .content {
width:49%;
}
.home .rightCol {
width:49%;
}
.contentPage .rightCol {
width:186px;
}
/* - - - - - - - - - Case Studies - - - - - - - - */
div.slideContainer {
position:relative;
overflow:hidden;
width:270pt;
height:17pt;
}
.slider {
display:block;
margin-left:-1px;
}
.slider li {
display:inline;
position:relative;
float:left;
border:1px solid #e4e8eb;
border-bottom:0;
margin-left:1px;
padding-left:0;
}
.slider li a {
display:block;
width:78pt;
padding:3px 1px 3px 1px;
text-align:center;
}
.slider li.high {
position:relative;
margin-bottom:-1px;
}
.slider li.high a {
padding:3px 2px 3px 2px;
background-color:#fff;
color:#000;
font-weight:bold;
}
.singleStudy {
display:block;
clear:both;
border:1px solid #e4e8eb;
position:relative;
top:-2px;
z-index:0;
padding:0 0;
width:100%;
margin-left:1px;
}
.slideLeft,
.slideRight {
visibility:hidden;
}
.singleStudy .case {
display:none;
width:83%;
height:90%;
text-align:center;
margin:auto;
margin-top:-30pt;
margin-bottom:-30pt;
vertical-align:top;
padding:0;
}
.singleStudy .high {
display:block;
}
.case img {
margin-bottom:5pt;
width:100%;
}
.case h2 {
text-align:left;
font-size:12pt;
}
.home .module img {
max-width:100%;
}
/* - - - - - Gallery - - - - - - - - - */
.gallery {
width:30.5em;
min-width:366px;
height:auto;
margin:auto;
position:relative;
}
.gallery a {
outline:none!important;
}
.gallery .case {
width:26.0em;
height:auto;
}
.gallery .case .imgMiddle {
margin:auto;
}
.gallery .case .imgMiddle dt {
width:304px;
height:182px;
}
.gallery .case .imgMiddle dt img {
max-height:182px;
}
.gallery .case .imgMiddle dt img.lupe {
left:0;
bottom:-30px!important;
height:20px;
}
.galleryIndex {
display:block;
clear:both;
float:none;
text-align:right!important;
padding:0 5px;
display:block;
position:relative;
}
.galleryIndex ul {
float:right;
width:auto;
margin:0!important;
display:inline!important;
right:0;
}
.galleryIndex ul li {
display:inline;
background-image:none!important;
padding:0 0 0 1px!important;
width:11px!important;
height:11px!important;
overflow:hidden;
position:relative;
}
.galleryIndex .slider li.high {
position:relative;
top:0;
margin-bottom:0;
}
.galleryIndex ul li a {
width:11px!important;
height:11px!important;
}
.galleryIndex .slider li.high a {
padding:0 0 0 0;
background-color:transparent;
}
.galleryIndex ul li a span {
display:none;
}
/* - - - Color Teaser / Teaser mit Imagespalte / Text-Image Module  - - - -*/
.colorTeaser {
height:114pt;
position:relative;
border-bottom:1px solid #c2c8d1;
}
/* Bild links, vom Text umflossen */
.imgLeft {
float:left;
width:auto;
margin-right:10px;
}
.imgLeft img {
width:auto;
}
/* Bildspalte links, nicht vom Text umflossen */
.columnLeft {
float:left;
padding:0;
margin:0;
}
/* Text zu Bildspalte links */
.textColRight {
padding-left:10px;
}
*+html .textColRight {
display:inline-block;
}
.colorTeaser .imgLeft img {
position:absolute;
bottom:0;
}
.text {
padding-top:2px;
}
.textRight {
padding:5px 0 20px 0;
}
.colorTeaser .textRight {
padding:25px 20px 20px 0;
}
.eyecatcher .textRight {
padding:0 0 20px 0;
}
.module dt {
margin-bottom:-3px;
position:relative;
}
*+html .module dt  {
margin-bottom:-4px;
}
.module dl dd {
color:#535254;
font-size:95%;
padding:5px 5px 6px 30px;
margin-bottom:0;
position:relative;
}
dl dt img.lupe {
position:absolute;
z-index:8;
width:auto;
height:auto;
left:5px;
bottom:-20px;
}
/* - - - - - - - - - - - - - - - - - - - - contentTotal   - - - - - - - - - - - - - - - - - - - */
h1 {
font-size:155%;
margin-bottom:11px;
line-height:110%;
}
h2 {
color:#7f1245;
font-size:130%;
margin-bottom:5px;
line-height:110%;
}
.contentPage .contentArea h2 {
font-size:120%;
}
.colorTeaser h2 {
margin-bottom:10px;
}
.home h2 {
font-size:120%;
}
#typo h3.category {
color:#535254;
font-size:110%;
padding-left:0;
margin-bottom:5px;
}
h3.category a {
color:#535254!important;
}
.text h3,
.textRight h3,
.textColRight h3 {
font-size:100%;
margin-bottom:4px;
font-weight:bold!important;
}
h4 {
color:#535254;
font-size:110%;
line-height:110%;
font-weight:normal;
margin-bottom:8px;
}
.text h4 {
font-size:100%;
margin-bottom:3px;
margin-top:5px;
}
.introduction {
color:#535254;
font-size:110%;
line-height:130%;
}
.contactDetails {
margin-top:5px;
border:1px solid #dfe3e7;
padding:10px 14px;
}
*+html .corner1  {
display:inline-block!important;
position:relative;
}
.module {
display:block;
clear:both;
float:none;
margin-bottom:30px;
}
.visual {
display:block;
margin-bottom:20px;
}
.more {
color:#7f1245;
}
*+html .more {
display:inline-block;
}
.categoryLink {
display:block;
border-bottom:1px solid #c2c8d1;
text-align:right;
margin-top:20px;
padding-bottom:1px;
}
.categoryLink a {
border:1px solid #c2c8d1;
border-bottom:0;
padding:5px 16px 2px 5px;
background-image:url(../layoutbilder/categoryLink.gif);
background-position:right 0.75em;
background-repeat:no-repeat;
}
*+html .categoryLink a {
background-position:right 0.9em;
}
.module p a.blackFont {
display:block;
}
/* Bild links, vom Text umflossen */
.imgLeft {
float:left;
width:auto;
margin-right:10px;
}
/* Bild rechts, vom Text umflossen */
.imgRight {
float:right;
width:auto;
margin-left:10px;
}
/*Bild mittig &uuml;ber die ganze Breite*/
.imgMiddle {
display:block;
text-align:center;
margin-bottom:5px;
}
/* Bildspalte links, nicht vom Text umflossen */
.columnLeft {
float:left;
padding:0;
margin:0;
}
/* Text zu Bildspalte links */
.textColRight {
padding-left:10px;
}
*+html .textColRight {
display:inline-block;
}
/* Bildspalte rechts, nicht vom Text umflossen */
.columnRight {
float:right;
padding:0;
margin:0;
}
/* Text zu Bildspalte rechts */
.textColLeft {
padding-right:10px;
}
*+html .textColLeft {
display:inline-block;
}
.colorTeaser .imgLeft img {
position:absolute;
bottom:0;
}
.colorTeaser .imgRight img {
position:absolute;
bottom:0;
right:0;
}
.text {
padding-top:2px;
}
.textRight {
padding:5px 0 20px 0;
}
.textLeft {
padding:5px 0 20px 0;
}
.colorTeaser .textRight {
padding:25px 20px 20px 0;
}
.colorTeaser .textLeft {
padding:25px 0 20px 20px;
}
.eyecatcher .textRight {
padding:0 0 20px 0;
}
.module dt {
margin-bottom:-3px;
position:relative;
}
*+html .module dt  {
margin-bottom:-4px;
}
.module dl dd {
color:#535254;
font-size:95%;
padding:5px 5px 6px 30px;
margin-bottom:0;
position:relative;
}
dl dt img.lupe {
position:absolute;
z-index:8;
width:auto;
height:auto;
left:5px;
bottom:-20px;
}
/* - - - - - - - - - - - - ContenPage - - - - - - - - - - - - */
.contentMarker {
display:block;
margin:10px 0 0 0;
}
.contentMarker img {
float:left;
width:auto;
margin-bottom:-35px;
display:block;
position:relative;
z-index:1;
}
*+html .contentMarker img {
margin-bottom:-40px;
}
.contentMarker h2 {
color:#29292a;
font-size:110%;
margin-left:70px;
padding-top:8px;
}
.coloredArea {
display:block;
padding:15px 13px;
margin-left:10px;
}
.contentPage .coloredAreaInner {
float:left;
width:44.0em;
}
.contentPage .contentArea {
margin:0 0 30px 0;
background-color:#fff;
padding:30px 20px 15px 20px;
display:block;
}
.contentPage .contentArea .borderBottom {
padding-bottom:20px;
}
/* - - - - - - Listen im Content - - - - - - */
.contentTotal .module ul  {
margin-left:20px;
margin-top:5px;
}
.contentTotal .module ul li {
padding:0  0 4px 0;
}
.contentTotal .module ol {
margin-left:20px;
margin-top:5px;
display:block;
display:inline-block;
}
*+html .contentTotal .module ol {
margin-left:0;
padding-left:28px;
display:block;
}
.contentTotal .module ol ol  {
margin-top:0;
}
/* - - - - Klappfunktion - - - - - */
.slideModul {
margin-bottom:25px;
display:block;
}
.singleSlide {
margin:0 0 0 0;
position:relative;
border-bottom:1px solid #c2c8d1;
}
a.slideLink {
display:block;
text-decoration:none;
padding:7px 10px 5px 10px;
color:#7f1245;
vertical-align:top;
}
a.klapplink:hover {
text-decoration:underline;
}
a.open {
border-left:1px solid #c2c8d1;
border-right:1px solid #c2c8d1;
padding:6px 9px 3px 9px;
}
div.slidingContent {
position:relative;
background-repeat:no-repeat;
background-position:left bottom;
border:1px solid #c2c8d1;
border-top:0;
padding:10px 20px 20px 30px;
margin-bottom:1px;
}
.hide,
div.slidingContent {
display:block;
}
.js .hide,
.js div.slidingContent {
display:none;
}
.slidingContent .module {
margin-bottom:15px;
}
/* JST 20-01-09 */
a.noslideLink {
display:block;
text-decoration:none;
padding:7px 10px 5px 5px;
color:#7f1245;
vertical-align:top;
}
/* JST 20-01-09 end */
/* - - - - - - - eyecatcher - - - - - - - */
.eyecatcher {
padding:16px 25px 0 25px;
border:1px solid #c2c8d1;
}
.eyecatcher .floatLeft,
.eyecatcher .floatRight {
width:49%;
}
.eyecatcher .module {
margin-bottom:15px;
}
.eyecatcher .text {
padding-left:25px;
}
.eyecatcher .module ul{
margin-left:0;
}
.eyecatcher .module ul a {
background-position:0 0;
padding:0 0 1px 0;
display:block;
}
/* - - - - - Sitemap - - - - - - */
.sitemap {
display:block;
}
.sitemap .floatLeft,
.sitemap .floatRight {
width:48%;
}
.sitemap h2 {
border-bottom:2px solid #c2c8d1;
}
ul.subNavigation {
list-style: none;
padding:0 0 0 0;
margin:0 0 30px 0;
font-size:105%;
}
ul.subNavigation ul {
list-style: none;
margin:0 0 0 0;
background-color:#fff;
font-size:95%;
}
ul.subNavigation li {
padding:0;
}
/* - - - - - - In dieses LI wird die naechste Liste eingeschachtelt - - - - - - -*/
ul.subNavigation li.ohne  {
margin:0 0 0 0;
padding:0 0 0 0;
color: #7f1245;
border-bottom:0;
background-color:#fff;
min-height:1px;
}
*+html ul.subNavigation li.ohne {
margin:0 0 -4px 0;
} 
/* - - - - - -  Allgemeines Aussehen der Links - - - - - - -- */
ul.subNavigation a {
display: block;
color: #7f1245!important;
text-decoration: none;
padding: 4px 8px 3px 8px;
border-bottom:1px solid #c2c8d1;
}
ul.subNavigation ul a {
padding: 2px 8px 3px 8px;
font-weight:normal;
margin-left:15px;
}
/* - - - - - Partner - - - - - - - */
a.slideLink {
padding:7px 10px 7px 30px;
}
.partner a.slideLink span {
padding-top:3px;
}
.partner  img {
float:left;
width:90px;
}
.partner .partnerText {
width:auto;
display:block;
margin-left:90px;
vertical-align:bottom;
}
.partner div.slidingContent {
padding:5px 20px 20px 10.0em;
}
/* - - - - - - Downloads - - - - - - - - */
.slidingContent ul.download {
margin-top:0;
}
.slidingContent ul.download li {
background-image:none!important;
padding-left:0;
}
*+html .slidingContent ul.download li {
text-indent:0;
}
.slidingContent ul.download a {
padding:0 0 1px 0;
display:block;
}
/* - - - - - - press release - - - - - - - - */
.date {
display:block;
color:#5f5f62;
margin-bottom:2px;
}
.pressRelease {
margin-bottom:20px;
}
.pressRelease .textColRight p a,
.pressRelease .text p a {
color:#000;
}
/* - - - - - - - Glossar - - - - - - - */
.glossaryIndex  {
color:#7e7e7e;
font-weight:bold;
font-size:130%;
border-bottom:2px solid #c2c8d1;
padding-bottom:3px;
margin:5px 0 10px 0;
display:block;
}
.glossaryIndex li {
margin:0 0 0 8px;
}
.glossaryIndex li.first {
margin:0 0 0 0;
}
.glossaryIndex li .active {
color:#000;
}
#typo .glossaryList {
display:block;
width:100%;
margin-left:0;
}
.glossaryList li {
display:block;
padding:3px 0!important;
border-top:1px solid #c2c8d1;
font-size:110%;
margin-left:0;
}
.glossaryList li.first {
border-top:0;
}
/* - - - - - - - - - - Formular - - - - - - - - - - - */
.contact fieldset {
margin-bottom:16px;
border:0;
}
.contact fieldset legend{
font-weight:bold;
margin-bottom:10px;
}
*+html .contact fieldset legend{
margin-left:-7px;
}
.contact label {
width:10.5em;
display:block;
float:left;
margin-bottom:12px;
margin-left:-5px;
padding:2px 5px 2px 5px;
}
.contact input,
.contact textarea,
.contact select {
width:20.8em;
border:1px solid silver;
font-family:Arial, Helvetica, sans-serif;
font-size:95%;
padding:2px 0 2px 2px;
}
.contact select {
width: 21.1em;
}
.contact textarea {
height:13.75em;
}
.star {
font-weight:bold;
font-size:110%;
}
.warnsign {
position:absolute;
width:16px;
height:16px;
text-align:center;
color:white;
display:inline;
margin-left:-6px;
margin-top:-6px;
display:none;
}
#message {
margin-left:11.0em;
width:20.8em;
}
label.captcha {
position:relative;
top:-5px;
padding:0 5px;
margin-bottom:0;
background-color:#fff!important;
}
label.captcha img {
margin-top:-8px;
}
/* - - - - Zitate - - - - - */
.quotation {
color:#7e7e7e;
display:block;
padding:0 0 0 0;
margin:5px 0;
text-align:right;
font-style:italic;
}
.navigationArea .quotation {
background-image:none;
padding:0 0 0 0!important;
margin-top:0;
}
.quotationInner {
color:#7e7e7e;
display:block;
padding:0 0 0 0;
text-align:left;
margin-bottom:5px;
}
.navigationArea .quotationInner {
background-image:none;
padding:0 0 0 0!important;
}
.quotationImg .quotation {
padding-right:15px;
}
.quotationImg .imgRight {
padding-top:5px;
}
/* - - - - - - - searchResult - - - - - - - - */
.searchResult {
padding-top:15px;
margin-bottom:20px;
}
.resultLink {
font-size:95%;
margin-top:7px;
}
.contentPage .navigationArea .contentArea {
margin:0 0 3px 0;
background-color:#fff;
padding:15px 15px 10px 15px;
background-image:none;
display:block;
}


/* ausgeblendete Inhalte * * * * * * * * * * * * * * * * * */
.footer,
.meta,
.stage,
.specialOffer,
.menu,
.leftCol,
.print,
ul.breadcrumb,
.typoBottom,
.browseIn,
.navigationArea,
form.filter,
.send,
.toolTip
{
display:none;
}
