/*++++++++++++++++++++ Stylesheet Deutsche Rück ++++++++++++++++++++*/
/*++++++++++++++++++++ Zusatzsheet Startseite   ++++++++++++++++++++*/
/*++++++++++++++++++++ red: #B6181D             ++++++++++++++++++++*/
/*++++++++++++++++++++ dark red: #A20D11        ++++++++++++++++++++*/
/*++++++++++++++++++++ beige: #F3EDDF           ++++++++++++++++++++*/
/*++++++++++++++++++++ grey: #666666            ++++++++++++++++++++*/

/*++++++++++++++++++++ show additional branding picture (left) ++++++++++++++++++++*/

#branding-left {
float: left;
display: inline;
}

#branding .csc-textpic, #branding .csc-textpic-imagewrap {
float: left;
clear: none;
display: inline;
width: 645px;
padding: 0px;
margin: 0px;
}

#branding .csc-textpic-caption, #branding .csc-textpic-clear {
display: none;
}

#branding .csc-textpic img {
float: left;
padding 0px;
margin: 0px;
}

/*++++++++++++++++++++ promotion area slightly changed ++++++++++++++++++++*/
#container {
width: 1000px;
}
#middle {
display: block;
}

#promotion-startseite {
float: left;
clear: both;
width: 1000px;
padding-left: 0px;
}

#teaserlist {
float: left;
width: 645px;
}

#promotion-startseite .teaser {
background-color: #A20D11!important;
background-image: url('resources/teaser.jpg');
background-position: right 20px;
background-repeat: no-repeat;
color: #fee;
float: left;
display: inline;
width: 625px;
margin-bottom: 20px;
margin-left: 20px;
}

.teaser a, .teaser a:visited, .teaser a:hover {
display: block;
float: left;
clear: both;
width: 625px;
color: #fee;
}

#promotion-startseite .teaser img {
float: left;
width: 225px;
}

#promotion-startseite .teasertext {
float: left;
width: 400px;
}

#promotion-startseite h1, #promotion-startseite h2, #promotion-startseite h3, #promotion-startseite h4, #promotion-startseite h5, #promotion-startseite h6 {
width: 360px;
font-size: 18px;
color: #FFF;
float: left;
clear: both;
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
margin-right: 0px;
margin-top: 0px;
font-weight: bold;
line-height: 20px;
}

#promotion-startseite p {
display: block;
width: 360px;
float: left;
clear: both;
font-size: 12px;
line-height: 1.4em;
padding-top: 5px;
padding-left: 20px;
padding-right: 20px;
}

/*++++++++++++++++++++ latest area attached to promotion area ++++++++++++++++++++*/

#latest {
width: 230px;
float: right;
display: inline;
margin-right: 20px;
}

#latest #newsliste {
width: 230px;
float: right;
clear: both;
display: inline;
margin-bottom: 20px;
}

#latest #newsliste h1 {
width: 230px;
font-size: 14px;
color: #fff;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom: 1px dotted #fff;
}

#latest #newsliste li {
color: #fff;
float: left;
clear: both;
width: 230px;
padding: 5px 0px 5px 0px;
border-bottom: 1px dotted #fff;
}

#latest #newsliste li a, #latest #newsliste li a:visited, #latest #newsliste li a:hover {
color: #fff;
font-size: 11px;
}

.newsliste-morenews {
color: #fff!important;
float: right;
padding-top: 5px;
font-size: 11px;
}