@import url(basics.css);

/* Get rid of all different margins and paddings */
* {
  margin:0px;
  padding:0px;
}

hr {
    display:none;
}

img {
    border:0;
}

button {
    cursor:pointer;
}

body
{
/*    background-image:url(img/tangram1_2.png); */ /*url(img/bg_wrapper_4.png);*/
/*    background-repeat:repeat-y; */
/*    background-position:34.3em 6.5em; */ /*27.3em 7.4em*//*55em 6.875em; *//*ama*/
    background-color:#FFF;
    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    color:#000;
    height:100%;
}

#Wrapper {
    background-repeat:no-repeat;
    width:55.3125em;
    height:48.125em;
    background-image:url(img/bg_right.png);/*ama*/
    background-repeat:repeat-y;
    background-position:55em 6.875em;
}



.second-level #Wrapper {
   height:34.375em;
}

#Wrapper.teaser9
{
  height:48.375em;
}

#historie #Wrapper.teaser9 {
    height: 48em;
}

#Header {
    background-image:url(img/bg_header.png);
    background-position:left bottom;
    background-repeat:repeat-x;
    height:6.8750em;
    border-right:.3125em solid #FFF;
    background-color:#FFF;
    overflow:hidden;
    position : relative;
}

#Footer {
    background-image:url(img/bg_footer.png);/*ama*/
    background-repeat: repeat-x;/*ama*/
    clear:both;
    /*height:3.625em;*/
    height:auto;
    width:55em;/*ama*/
    overflow:hidden;
}


#ContentsHome {
    background-color:#000;
    width:55em;
    padding:0 0 0 0;
    position:relative;
    background-repeat:no-repeat;
    background-position:left bottom;
}

#Footer a:hover, a.more:hover {
    text-decoration:underline !important;
}

.info-box li a:hover,
.text-teaser li a:hover
{
    text-decoration:underline;
}

.text-teaser a
{
    color:#E1E1E1;
}

#Shares {
    color:#DCDCDC;
    padding:.8333em 0 0 0;
    border-bottom:1px solid #343434;
    font-size:.75em;
    line-height:1.3333em;
}

#Shares em {
    font-style:normal;
}

#Shares dd {
    position:relative;
}

#Shares strong {
    color:#209640;
    font-weight:normal;
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:1.3333em;
}

strong.up {
    background-image:url(img/up.gif);
}

#Shares strong.down {
    background-image:url(img/down.gif);
    color:#df0029;
}
#Shares strong.steady {
    background-image:url(img/steady.gif);
    color:#fff;
}

#Stage {
    position:relative;
    width:41.1875em;
    height:27.1875em;
    overflow:hidden;
    float:left;
    border-right:1px solid #181818;
}

#Stage img {
    width:41.1875em;
    height:27.1875em;
}

#Stage h2 {
    position:absolute;
    left:.3333em;
    background-color:#000;
    color:#FFF;
    font-size:1.75em;
    padding:.1em .1667em;
    font-weight:normal;
    top:11.0714em;
}

#Stage p {
    position:absolute !important;
    font-size:1.25em;
    color:#FFF;
    background-color:#000;
    padding:.15em .25em;
    left:.5em;
    top:17.75em;

}

#Stage p a {
    font-weight:normal;
}

#Teaser {
    height:6.625em;
    width:12.9375em;
    overflow:hidden;
}

#Related {
    width:12.9375em;
    float:left;
    padding:.625em .375em 0 .375em;
    height:26.875em;
    overflow:hidden;
}

#News {
    border-bottom:1px solid #343434;
    font-size:.75em;
}

.news
{
    font-size:.75em;
    list-style-type:none;
}

#News ul, .news ul {
    list-style-type:none;
}

#News li em, #Shares em, .news em {
    font-style:normal;
    font-weight:bold;
    color:#E60000;
    font-size:.9167em !important;
    padding:0 .1667em 0 0;
}

#News li dt, .news li dt {
    font-weight:bold;
}

#News dd, #News dt, #Shares dd, #Shares dt, .news dt, .news dd {
    display:inline;
    line-height:1.3333em;
}

#News h2 {
    background-image:url(img/hdl_news.jpg);
    background-repeat:no-repeat;
    background-position:left center;
    width:55px;
    height:15px;
    margin:0 0 .6875em 0;
}

#Shares h2 {
    background-image:url(img/hdl_aktienkurs.jpg);
    background-repeat:no-repeat;
    background-position:left center;
    width:97px;
    height:16px;
    margin:0 0 .625em 0;
}

#Shares dl {
    padding:.8333em .4167em .75em 0;
    color:#E2E2E2;
    background-image:url(img/dotted_line.gif);
    background-repeat:repeat-x;
}

#News h2 span, #Shares h2 span {
    display:none;
}

#News li {
    padding:.8333em .4167em .75em 0;
    color:#E2E2E2;
    background-image:url(img/dotted_line.gif);
    background-repeat:repeat-x;
}

.news li {
    padding:.8333em .4167em .75em .75em;
    color:#E2E2E2;
    background-image:url(img/dotted_line.gif);
    background-repeat:repeat-x;
}

.noline li {
    background-image:none !important;
    padding-bottom:0;
}

.noline ul {
    background-image:url(img/dotted_line.gif);
    background-repeat:repeat-x;
}

a.more {
    color:#0181C8 !important;
    text-decoration:none !important;
    background-image:none !important;
    padding:0 !important;
}

.hidden {
    display:none;
}


.info-box-container {
    list-style-type:none;
    font-size:.75em;
    clear:both;
}


.info-box-container .info-box {
    display:block;
    float:left;
    width:17.6667em;
    margin:0 0 0 .5em;
    height:18.3333em;
    overflow:hidden;
    position:relative;
}

.second {
    display:none;
}

.info-box-container div img
{
   /* display:block; */
   /* margin:0 0 .9167em 0; */
   margin:0 0 0.4em 0;
   display:inline;
}
.info-box-container div.video-box {
    margin:0 0 .9167em 0;
}

.info-box-container .info-box ul,
.text-teaser ul {
    list-style-type:none;
    padding:0 .75em;
}

.info-box ul li,
.text-teaser ul li  {
    padding:0 0 0 0;
    color:#B6B6B6;
}

.info-box h2 span {
    display:none;
}

.info-box li.important {
    padding:0 0 .4167em 0;
}

.info-box li,
.text-teaser li {
    line-height:1.3333em;
}

.info-box-container .info-box a,
.text-teaser ul a {
    color:#B6B6B6;
    text-decoration:none;
    background-image:url(img/link_arrow.gif);
    background-repeat:no-repeat;
    background-position:left center;
    padding:0 0 0 13px;
}

#ContentsHome:after, #Header:after,
#Footer:after, .info-box-container:after,
#ContentsLarge:after, .news li:after,
.small-teaser:after, .large-teaser:after,
.teaser-normal:after,.carusel-bar:after,
#TeaserBoxContainer:after{
    content:".";
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
  font-size:1px;
}

.claim {
    float:left;
    width:660px;
    overflow:hidden;
}

.claim img {
    margin-top:-2px;
}

.claim blockquote, .claim cite {
    display:none;
}

.first .clickE {
    position:absolute;
    top:0;
    right:0;
    width:15px;
    height:16px;
    cursor:pointer;
    z-Index:4;
}

.second .clickE {
    position:absolute;
    top:0;
    right:0;
    width:15px;
    height:16px;
    cursor:pointer;
    z-Index:4;
}
/*.second .clickE {
    position:absolute;
    bottom:0;
    left:0;
    width:18px;
    height:18px;
    cursor:pointer;
    background-image:url(img/corner.jpg);
    background-repeat:no-repeat;
    background-position:left bottom;
    z-Index:4;
}*//*ama*/

 .sprite {
    z-Index:3;
    display:none;
    position:absolute;
    left:0;
    top:0;
}
.sprite img
{
  height:5718px;/*ama*/
}

.sprite img {
    position:absolute;
    left:0;
    top:0;
}

li.open {
    background-color:#000 !important;
}

.info-box h3 {
    font-size:12px;
    margin:10px 0 6px 0 !important;
    color:#FFF;
}

#Teaser {
    position:relative;
}


#Teaser * {
    cursor:pointer;
}

#Teaser div {
    position:absolute;
    left:0;
    top:0;
    z-Index:2;
}

#Teaser div.hidden {
    z-Index:1 !important;
}

#Stage {
    position:relative;
}

#Stage div {
    position:absolute;
    left:0;
    top:0;
    z-Index:2;
}

#Stage div.hidden {
    z-Index:1 !important;
}

p.end-note {
    color: #999 !important;
    font-size: 10px !important;
    line-height: 14px !important;
}

a.mail {
    color:#999 !important;
}

.info-box p {
    color:#B6B6B6 !important;
}

#ContentsLarge {
    border-left:13.75em solid #000;
    padding:0 0 0 0;
/*    height:27.5em;*/
    background-color:#000;
    margin-right:5px;
}
#flashcontainer{
  overflow:hidden;
  height:438px;
}

#Main .info-box,
#ContentsHome .info-box
{
    display:block;
    float:left;
    width:18.25em;
    margin:0 0 0 0;
    border-left:1px solid #FFF;
    height:18.2em;
    background-color:#000;
    overflow:hidden;
    position:relative;
}

#ContentsHome .info-box-container
{
    padding-top:2px;
}

.dark {
    background-color:#000;
    height:440px;
}

.subcolumn {
    float:left;
    background-color:#000;
    width:13.6875em;
    border-left:1px solid #494949;
    height:27.5em;
}

.subcolumnlarge {
    float:left;
    background-color:#000;
    width:27.4375em;
    border-left:1px solid #494949;
    height:27.5em;
}


.subcolumn.type2  {
    background-color:#FFF !important;
}



.subcolumn #News li,
.subcolumn #Shares dl {
    padding:.8333em .4167em .75em .8333em;
    background-image:none;
}


#Wrapper .subcolumn h2 {
    margin-top:.4167em !important;
    margin-left:.8333em !important;
}

.subcolumn #News {
    border:0;
}

.subcolumn #Shares {
    padding-top:1px;
    background-image:url(img/dotted_line.gif) !important;
    background-repeat:repeat-x !important;
    background-position:top !important;
}

#Shares p {
    font-size:1em;
}

#presseinformationen {
    background-image:url(img/hdl_presseinformationen.png);
    background-repeat:no-repeat;
    background-position:left center;
    height:19px;
    width:169px;
    margin:.45em .4167em;
}

#newsletter {
    background-image:url(img/hdl_newsletter.png);
    background-repeat:no-repeat;
    background-position:left center;
    height:15px;
    width:88px;
    margin:.45em .4167em;
}

#offen {
    background-image:url(img/hdl_offene_stellen.png);
    background-repeat:no-repeat;
    background-position:left center;
    height:20px;
    width:113px;
    margin:.45em .4167em;
}

#beste {
    background-image:url(img/hdl_beste.png);
    background-repeat:no-repeat;
    background-position:left center;
    height:21px;
    width:195px;
    margin:.45em .4167em;
}


#leistungen {
    background-image:url(img/hdl_leistungen.png);
    background-repeat:no-repeat;
    background-position:left center;
    height:22px;
    width:153px;
    margin:.45em .4167em;
}

#mitteilung {
    background-image:url(img/hdl_mitteilungen.png);
    background-repeat:no-repeat;
    background-position:left center;
    height:20px;
    width:104px;
    margin:.45em .4167em;
}

#aktie {
    background-image:url(img/hdl_aktien.png);
    background-repeat:no-repeat;
    background-position:left center;
    height:16px;
    width:42px;
    margin:.45em .4167em;
}

#termine {
    background-image:url(img/hdl_termine.png);
    background-repeat:no-repeat;
    background-position:left center;
    height:16px;
    width:64px;
    margin:.45em .4167em;
}

#publikationen {
    background-image:url(img/hdl_publikationen.png);
    background-repeat:no-repeat;
    background-position:left center;
    height:16px;
    width:112px;
    margin:.45em .4167em;
}

#presseinformationen span,
#newsletter span, #offen span,
#leistungen span, #beste span,
#mitteilung span,#aktie span,
#termine span,#publikationen span {
    display:none;
}

.subcolumnlarge .news em {
    display:block;
    float:left;
}

.subcolumnlarge .news dl {
    width:85%;
    display:block;
    float:left;
}

.subcolumnlarge p,
.subcolumn p {
    font-size:.75em;
    margin:1em .4167em;
}

a.further {
    color:#E1E1E1;
    text-decoration:none;
    background-image:url(img/link_arrow.gif);
    background-repeat:no-repeat;
    background-position:left center;
    padding:0 0 0 13px;
}

.text-teaser p {
    color:#E1E1E1;
    font-size:.75em;
    margin:.4167em;
}

.text-teaser p.lined {
    background-image:url(img/dotted_line.gif);
    background-repeat:repeat-x;
    background-position:left top;
    padding-top:.8333em;
}

.small-teaser img, .large-teaser img,
.teaser-normal img {
    float:left;
}

.teaser-normal, .small-teaser {
   border-bottom:1px solid #494949;
}



.text-teaser li {
    font-size:.75em;
}

.fl-box .text-teaser {
    float:left;
    width:13.6875em;
}

.multiline .info-box li a span {
    position:relative;
    width:94%;
    float:right;
}

.small-teaser-box {
    list-style-type:none;
}

.small-teaser-box li {
    float:left;
    width:13.6875em;
    border-left:1px solid #FFF;
    border-top:1px solid #FFF;
}

/* 2008-06-19 fschlicht: workaround to avoid 4 px padding beneath image */
.text-claim
{
    line-height:0.7em;
}

.text-claim p {
    font-size:.75em;
    padding:.1em 1.6667em 2.25em 1.6667em;
}

.type2 * {
    color:#2B2B2B;
}

.type2 ul {
    list-style-type:none;
}

.type2 .lined {
    background-image:url(img/dotted_line.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:.65em .46em;
}

.type2 ul {
    padding:.65em .46em;
}

.type2 .subnav {
    background-image:url(img/dotted_line.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    padding:0 0 .45em 0;
    margin-bottom: .5em; 
}

.type2 .subnav p {
    background-image:url(img/dotted_line.gif);
    background-repeat:repeat-x;
    background-position:top;
    padding:.65em 0 0 .46em;
    margin:0;
}

.type2 .subnav a {
    text-decoration:none;
    color:#0288CF;
}

.type2 li {
    font-size:.75em;
    background-image:url(img/forward.png);
    background-repeat:no-repeat;
    background-position:0 5px;
    padding-left:10px;
}

.type2 li a {
    text-decoration:none;
}


img.center {
    margin:.1em auto;
    display:block;
}

.news li p {
    margin:0;
    font-size:1em;
}

.news li p a {
    color:#0089C8;
    text-decoration:none;
}

.chronik  .subcolumnlarge,
.chronik  .subcolumn {
    border-color:#FFF !important;
}

.chronik .small-teaser,
.chronik .large-teaser,
.chronik .teaser-normal {
    border-color:#FFF !important;
    border-bottom:1px solid;
}

.chronik h3 {
    color:#E2E2E2;
    font-family:"Times New Roman", Times, serif;
    font-style:italic;
    font-size: 1em;
    /*font-weight:bold;*/
    line-height: 1.25em;
    margin:.35em 0 1em .35em;
}

.noborder {
    border:0 !important;
}

.small-stage {
    position:relative;
}

.small-stage p {
    position:absolute;
    left:1em;
    top:8em;
    background-color:#000;
    color:#FFF;
    padding:.4167em .25em;
    font-size:.6875em;
    font-weight:bold;
}

.small-stage h2 {
    position:absolute;
    left:.5em;
    top:3.5em;
    background-color:#000;
    color:#FFF;
    padding:.1em .4em;
    font-size:1.2em;
    font-weight:normal;
}

.small-stage ul {
    position:absolute;
    left:0;
    width:100%;
    top:12.5em;
    padding:.4167em 0;
    font-size:.75em;
    background-color:#FFF;

}
.small-stage li {
    display:inline;
}

.small-stage li a {
    display:block;
    float:left;
    font-weight:bold;
    color:#000;
    text-decoration:none;
    font-size:1em;
    width:4.1667em;
    text-align:center;
}

.addc .clickE{
    background-image:url(img/corner2.jpg);
    background-position:right top;
    background-repeat:no-repeat;
}

.info-box-container a.media-link {
    padding:0 !important;
    margin:0 !important;
    display:inline !important;
    background-image:none !important;
}

.carousel {
    font-size:16px !important;
}

.jcarousel-scope {
    position: relative;
}

.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.info-box .jcarousel-list li {
    float: left;
    list-style: none;
    width:13.75em;
    height:9.375em;
}

.carusel,.carusel *  {
    margin:0 !important;
    padding:0 !important;
}

.carusel-bar {
    top:8em;
    left:1em;
    position:absolute;
    padding:0 2.5em;
    z-index:1000;
}

.carusel-bar * {
    display:inline;
}

.jcarousel-prev {
   font-size:.75em;
   background-image:url(img/prevb.png);
   background-position:left center;
   background-repeat:no-repeat;
   padding-right:1em;
   cursor:pointer;
}

.jcarousel-prev-disabled,
.jcarousel-next-disabled {
    cursor: default;
    opacity: .3;
    -moz-opacity: .3;
}

.jcarousel-next {
   font-size:.75em;
   background-image:url(img/nextb.png);
   background-position:right center;
   background-repeat:no-repeat;
   padding-left:1em;
   cursor:pointer;
}



.carusel-bar span {
    color:#FFF;
    font-size:.75em;
}

#iframe_stepstone_jobs
{
  width:200px;
  height:300px;
  border:0px;
  margin-left:10px;
}



/* Anpassung IR */
.teaserheadline {
	background-repeat:no-repeat;
	background-position:left center;
	margin:.45em .4167em;
}

.teaserheadline span {
    display:none;
}

#Teaser img {
  padding : .82em 2.69em; 
}

table.teaser_list_text td
{
    vertical-align:top;
}

table.teaser_list_text td img
{
    margin-left:8px;
    margin-right:8px;
    margin-top:3px;
}

table.teaser_list_text td a
{
    background:none !important;
    padding:0 !important;
}

#News dl
{
    font-size:0.9em;
}

#News a img,
#Shares a img
{
  margin:0pt 0pt 0.625em;
}

#Main .info-box .second p
{
    font-size:1em !important;
}

#Main .subcolumn .info-box
{
    border-left:none;
}

div#ContentsLarge.navi_height
{
  height:auto;
}

/* 2009-06-23 fschlicht: Klickbare Newstitel auf Startseite, Linkfarbe weiss */
#Related #News ul li dl dt a,
.news ul li dl dt a
{
  color:#FFFFFF !important;
  text-decoration:none !important;
}

/* taken from stepstone iframe */
/* begin stepstone */

.gabel
{
  background-color:Black;
}
.gabelcontainer
{
  color:White;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  margin-bottom:16px;
  width:200px;
  padding-left:5px;
}

.gabellocation
{
  color:#E1E1E1;
}

.gabeldate
{
  color:#DF0029;
}

.gabelcontainer a
{
color:#0089CA;
text-decoration:none;
}

.gabeltitle
{
color:#E1E1E1;
font-weight:bold;
}

.contentcontainer
{
  border:medium none;
  border-collapse:collapse;
  color:Black;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  margin-bottom:16px;
  width:579px;
}

.contentlocation
{
  border:medium none;
  border-collapse:collapse;
  color:Black;
  float:left;
  width:100px;
}

.contentdate
{
  border:medium none;
  border-collapse:collapse;
  color:Black;
  float:left;
  width:90px;
}

.contenttitle
{
  border:medium none;
  border-collapse:collapse;
  color:Black;
  float:left;
  width:389px;
}

.contenttitle a, .pagingelt a
{
  color:#0089CA;
  text-decoration:none;
}

.pagingelt
{
  color:Black;
  float:left;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:200%;
  margin-left:15px;
}

/* end stepstone */


#TeaserBoxContainer #days li {
    background-image:url(img/bg_day_2.gif);
    background-color:#A0A0A0;
    width:14% !important;
    color:#000;
    border-bottom:1px solid #232323;
}

#TeaserBoxContainer #days li a {
    color:#000;
}

#days {
    border-top:1px solid #C5C5C5;
    margin:0 -1px;
    overflow:hidden;
}

#days li a {
    display:block;
    border-left:1px solid #FFF;
}

#weeks {
    background-color:#323232;
    border-bottom:1px solid #FFF;
    text-align:center;
    padding-left:.2em;
}

#weeks li {
    padding:0 .4em;
}

#weeks a, #days a {
    color:#969696;
    text-decoration:none;
}

#weeks li.active a {
    font-weight:bold;
    color:#FFF;
}

#days li.active {
    background-color:#FFF;
    background-image:url(img/bg_day_active.gif);
    color:#000;
    font-weight:bold;
    width:16%;
}

#TeaserBoxContainer #days li.active {
    background-image:none;
    background-color:#FFF;
    width:16% !important;
    border-bottom:1px solid #FFF;
}

#days li.active a {
    color:#000;
}

#events li {
    font-size:.75em;
    padding-bottom:.25em;
}

#events {
    padding-bottom:.4em;
}

#TeaserBoxContainer {
    width:41.25em;
    color: #E1E1E1;
/*    width:41.8125em;
    background-image:url(img/shadow_t.png);
    background-repeat:no-repeat;
    background-position:right top;*/
}

#TeaserBoxContainer ul {
    list-style-type:none;
}



#TeaserBoxContainer li.teaser {
/*    width:13.75em;*/
/*    width:13.68em;*/
    width:13.67em;
    height:13.75em;
    overflow:hidden;
    float:left;
    border-left:1px solid #FFF;
    position:relative;
    border-bottom:1px solid #FFF;
}
/* ============================================
	START Anpassungen 1000 Meilensteine
   ============================================ */

#historie #TeaserBoxContainer li.teaser, #historie #TeaserBoxContainer li.teaser-large {
    border-left:0px solid #FFF !important;
    border-bottom:0px solid #FFF !important;
}
#historie #TeaserBoxContainer li.teaser {
    width:220px !important;
}
#historie #TeaserBoxContainer li.teaser-large {
    width:440px !important;
}

.historie_teaser {
    color: #000000;
    left: 10px;
    position: absolute;
    top: 161px;
}

.historie_teaser .headline {
    background-image: url("img/historie_teaser_arrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    color: #138F3A;
    font-size: 0.9em;
    font-style: italic;
    font-weight: normal;
    padding-left: 10px;
}

.historie_teaser .headline p {
display:inline;
}

.keyvisual_small .keyvisualpager {
 display:none;
}

.keyvisual_small .keyvisualcontrols {
    top: 80px;
}
.keyvisual_small .keyvisualnext a {
    background-image: url("img/hs_s_right.png") !important;
    right:12px;
    width:12px;
    height:22px;
    top:15px;
}
.keyvisual_small .keyvisualnext a:hover {
    background-image: url("img/hs_s_right_hover.png") !important;
}
.keyvisual_small .keyvisualprevious a {
    background-image: url("img/hs_s_left.png") !important;
    left:12px;
    width:12px;
    height:22px;
    top:15px;

}
.keyvisual_small .keyvisualprevious a:hover {
    background-image: url("img/hs_s_left_hover.png") !important;
}

.keyvisual_small .keyvisualcontrols .keyvisualprevious, .keyvisual_small .keyvisualcontrols .keyvisualnext {
display:block !important;
}

/* ============================================
	ENDE Anpassungen 1000 Meilensteine
   ============================================ */




/* ============================================
	START Anpassungen Startseite Teaser
   ============================================ */

#Stage .keyvisualpager {
    left: 13px;
    top: 7px;
}

#Stage .keyvisualcontrols {
    top: 187.5px;
}

#Stage .keyvisualslides img {
    /*height: auto;*/
    width: auto;
    display: block;
    float: left;
}

#Stage .keyvisualslides a {
    display: block;
    float: left;
}

#Stage .keyvisual {
    margin-bottom: 0;
    margin-top: 0;
}

/* ============================================
	ENDE Anpassungen Startseite Teaser
   ============================================ */


.rte_style_blue
{
  color:#0089CA !important;
}

.rte_style_green
{
  color:#209640 !important;
}

.rte_style_red
{
  color:#DF0029 !important;
}


#TeaserBoxContainer li.teaser img {
    width:13.75em;
}
#TeaserBoxContainer li.teaser .imgContainer img{
    width:auto;
}

#TeaserBoxContainer li ul  {
    float:left;
}

#TeaserBoxContainer .teaser-box {
     width:41.5em;
     float:left;
     border:0 !important;
}

#TeaserBoxContainer .teaser-box .teaser-box {
     width:27.625em;
}

#TeaserBoxContainer .teaser-box .type3 {
    height:27.5625em;
}

#TeaserBoxContainer .teaser-box .type3 .teaser {
    border-left:0;
}

#TeaserBoxContainer li.teaser-large {
/*    width:27.5625em;*/
    width:27.38em;
    height:13.75em;
    overflow:hidden;
    float:left;
    border-left:1px solid #FFF;
    position:relative;
    border-bottom:1px solid #FFF;
}

#TeaserBoxContainer li.teaser-large img {
    width:27.5625em;
}
#TeaserBoxContainer li.teaser-large .imgContainer img /*ama*/{
    width:auto;
}

#TeaserBoxContainer .type2 {
    color:#9D9D9D;
    background-color:#000;
}

#TeaserBoxContainer .type4 {
    background-color:#CBCBCB;
    background-image:url(img/bg_type4.png);
    background-repeat:no-repeat;
}

#TeaserBoxContainer .type4 .box {
    padding-top:.15em;
}

.box p a {
	color: #008ac8 !important;
}

.box {
padding:0.1875em 0.425em 0.1875em 0.625em;
}

#TeaserBoxContainer p,
#TeaserBoxContainer ul.dots li
{
  font-size: 0.75em;
  line-height: 18px;
}

#TeaserBoxContainer a.forward-link {
    display:block;
    position:absolute;
    font-size:.75em;
    bottom:.6667em;
    left:.8333em;
    color:#0099FF;
    text-decoration:none;
}


#TeaserBoxContainer a.forward-reverse {
    display:block;
    position:absolute;
    font-size:.75em;
    bottom:.6667em;
    right:.8333em;
    color:#0099FF;
    text-decoration:none;
}

#TeaserBoxContainer .overlay {
    position:absolute;
    left:0;
    top:1.5625em;
}

#TeaserBoxContainer .overlay a, #TeaserBoxContainer a.inline {
    color:#0099FF;
    text-decoration:none;
}

#TeaserBoxContainer .stage {
    border-left:1px solid #FFF;
    border-bottom:1px solid #FFF;
    background-color:#000;
}

#TeaserBoxContainer .stage img {
    width:41.4375em;
}
#TeaserBoxContainer .stage .imgContainer img {/*ama*/
    width:auto;
}
#TeaserBoxContainer .stage .imgContainer {/*ama*/
    border:none;
}

#TeaserBoxContainer .teaser-full {
    width:41.4375em;
    height:13.75em;
    clear:both;
    border-left:1px solid #FFF;
    border-bottom:1px solid #FFF;
}

#TeaserBoxContainer ul.dots li a
{
  color:#0099FF;
  text-decoration:none;
}

div.gabelcontainer.last
{
  margin-bottom:0 !important;
}

p.further
{
  margin-top:0.5em !important;
}

h2.teaserheadline a {
    font-size: 0 !important;
    height:0 !important;
    line-height: 0 !important;
    vertical-align: top !important;
    float:left !important;
}

h2.teaserheadline a:active, h2.teaserheadline a:link, h2.teaserheadline a:focus, h2.teaserheadline a:hover {
    text-decoration: none;
}

/* ============================================
					navigation
   ============================================ */

#jk #ContentNavigation a.active { border-bottom: 1px solid #5E5E5E; }

.jobbox {
    padding:1em 1.625em 0 .625em !important;
    margin-bottom: 20px;
}

.jobbox h2,
.jobbox a span { color: #ed2314; }

.jobbox ul a {
    /* this useless background declaration
       is actually needed. something unknown,
       somewhere, far far away is messed up...
    */
    background: transparent;

    border-bottom: none !important;
    font-weight: bold;
}

.jobbox span a { 
    display: inline-block !important;
    margin: 3em 0 0 0;

    font-weight: bold;
    color: #fff !important;
    background: #ed2314 url(/css/img/mbr_rarrow.gif) right center no-repeat;
    border: none !important;

    padding: .25em 1.3em .25em .5em !important;
}





/* ============================================
					keyvisual
   ============================================ */

#keyvisual {}

#keyvisualslides li {
width: 41.1875em;
height: 21.18em;
list-style: none;

display: none;
}

#keyvisualpager {
position: absolute;
top: 10px;
right: 10px;
}

#keyvisualpager li { display: inline !important; }

#keyvisualpager li a {
display: inline-block;
width: 9px;
height: 9px;
background: #fff;
cursor: pointer;
}

#keyvisualpager li .keyvisualactive { background: #000; }

#keyvisualpager li a span { display: none; }

#keyvisual .keyvisuallinks {
position: absolute;
top: 16em;
right: 2em;

list-style: none;
text-align: right;
}

#keyvisual .keyvisuallinks li { padding-top: .8em; }

#keyvisual .keyvisuallinks a {
background: #000 url(/css/img/mbr_rarrow.gif) right center no-repeat;
padding: .25em 1em .25em .5em;

font-weight: bold;
}




/* ============================================
sub columns
============================================ */

.halfcolumn {
float: left;
width: 50%;
color: #fff;
background: #000;
}





/* ============================================
left columns
============================================ */

.quicklinks {
min-height: 131px;
padding: 1.5em .5em 1.5em 1.5em;
}

@-moz-document url-prefix() {
.quicklinks { min-height: 135px; }
}

.quicklinks h3 { margin-bottom: .5em; }

.quicklinks li {
display: inline-block;
line-height: 1.8em;
}

.quicklinks a { padding: .15em; }

.checklistteaser a {
display: inline-block;
width: 330px;
height: 83px;	
}

@-moz-document url-prefix() {
.checklistteaser a { height: 79px; }
}

.checklistteaser a span { display: none; }




/* ============================================
right column
============================================ */

.videoteaser img { position: absolute; }

.videoteaser div {
position: absolute;
margin: .5em 0 0 .5em;
}

.videoteaser h3 span,
.videoteaser h4 span {
background: #000;
color: #fff;
padding: .15em .2em;
}

.videoteaser h3 { margin-bottom: .2em; }

#videoslider { margin: 0; }

#videoslides {
width: 330px;
height: 266px;
}

#videoslides li {
list-style: none;
width: 100%;
height: 100%;

display: none;

}

#videoslides li .videoplay {
position: absolute;
left: 120px;
top: 95px;
}

#videoslides li .videolink {
position: absolute;
width: 100%;
height: 100%;							
}

        #videoslides li .videolink span { display: none; }

#videoslider .slideleft,
#videoslider .slideright {
z-index: 100;
top: 117px;
cursor: pointer;
}

#videoslider .slideleft {
left: 10px;
}

#videoslider .slideright {
right: 32px;
}
				

				

		
		



/* ============================================
					content font styles
   ============================================ */ 

#keyvisual a,
.halfcolumn a {
	text-decoration: none;
	color: #fff;
}

.quicklinks li {
	font-size: .9em;
	font-weight: bold;
}

.videoteaser span {
	font-size: .8em;
	font-weight: bold;
}

		.videoteaser h3 span { font-size: .9em; }

/* Beginn J&K Gabelseite, farbige Hintergruende */
.quicklinks .roter_hintergrund
{
  background-color:#DF0029;
  display: block;
  line-height: 1.5em;
  margin: 0.15em;
}

.quicklinks .gruener_hintergrund
{
  background-color:#209640;
}

.quicklinks .blauer_hintergrund
{
  background-color:#0089CA;
}
/* Ende J&K Gabelseite, farbige Hintergruende */


/* Beginn Startseite - Sonderseite */
body#hp_sonderseite {
    height:auto !important;
    background-repeat: no-repeat !important;
}
#hp_sonderseite div#Wrapper {
    background-image: none !important;
}
#hp_sonderseite div#Wrapper div#Header {
    background-color: transparent !important;
    background-image: url('img/bg_grey_50.png') !important;
    background-repeat: repeat !important;
    position: absolute !important;
    top: 0 !important;
    width: 55em !important;
    z-index: 5000 !important;
    border-right:none !important;
}
#hp_sonderseite div#Wrapper div#ContentsHome {
    background-color: transparent !important;
}
#hp_sonderseite div#Wrapper div#Stage {
    width: 55em !important;
    height: auto !important;
    border-right: none !important;
}
#hp_sonderseite #Stage img {
    width:55em !important;
    height:auto !important;
    vertical-align: top !important;
}

#hp_sonderseite #Stoerer {
    position: absolute;
    right: 0;
    top: 110px;
    z-index: 5000;
}
#hp_sonderseite #Footer {
    background-image: none !important;
}

/* Ende Startseite - Sonderseite */