* {margin: 0;}
html, body {
    width: 100%;
    height: 100%;
}
/* --- div layout --- */
#container-outer {
    position: absolute;
    width: 886px;
    height: 588px;
    left: 50%;
    top: 50%;
    margin-left: -443px;
    margin-top: -294px;
}
#top, #menu-head, #picture, #divider, #teasers, #menu-foot { width: 100%; }
#top {
    height: 67px;
    margin-bottom: 8px;
    background-image: url(../images/logo.gif);
    background-repeat: no-repeat;
    background-position: top left;
}
#logolink {
    display: block;
    height: 67px;
    width: 230px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
}
#logolink-add {
    display: block;
    height: 30px;
    /*width: 30px;*/
    width: 50px;
    position: absolute;
    top: 30px;
    left: 240px;
    /*background-image: url(../images/logo_sparkasse_2.gif);*/
    background-image: url(../images/service.gif);
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 1000;
}
#logolink-add-r1 {
    display: block;
    height: 30px;
    /*width: 30px;*/
    width: 141px;
    position: absolute;
    top: 42px;
    left: 295px;
    /*background-image: url(../images/logo_sparkasse_2.gif);*/
    background-image: url(../images/radioeins.gif);
    background-repeat: no-repeat;
    background-position: top left;
    z-index: 1000;
}
#picture {
    height: 300px;
    margin-bottom: 8px;
    background-image: url(../images/startbild.jpg);
    background-repeat: no-repeat;
}
#slideshow { width: 100%; height: 100%; }
#divider {
    height: 8px;
    margin-bottom: 8px;
    background-image: url(../images/Ani_TG.gif);
    background-repeat: repeat-x;
}
#teasers { height: 104px; }
#menu-head {
    height: 21px;
    margin-bottom: 8px;
    background-color: #ad0020;
    font-size: 12px;
}
#top, #menu-foot { font-size: 11px; line-height: normal; }
#menu-head a { color: #ffffff; }
#menu-foot { padding-top: 15px; }
#top a, #menu-foot a { color: #333333; font-weight: normal; }
#top a, #menu-head a, #menu-foot a { text-decoration: none; }
#top a:hover, #menu-head a:hover, #menu-foot a:hover { text-decoration: underline; }
.teaser-container {
    float: left;
    height: 104px;
    width: 290px;
    margin: 0px 2px;
    background-color: white;
}
#top ul {
    list-style-type: none;
    padding: 0px;
    position: relative;
    top: 50%;
    text-align: right;
    width: 100%;
}
#top ul li {
    border-right: 1px solid #333333;
    text-align: center;
    text-transform: lowercase;
    padding: 0px 5px;
    display: inline;
}
#top ul li.first { border-left: 1px solid #333333; }
#menu-head ul, #menu-foot ul {
    list-style-type: none;
    padding: 0px;
    position: relative;
    margin: 0px;
    width: 100%;
    text-align: center;
}
#menu-head ul li, #menu-foot ul li {
    text-align: center;
    text-transform: lowercase;
    padding: 0px 7px 0px 10px;
    display: inline;
}
#menu-head ul { top: 3px; }
#menu-foot ul { top: 0px; }
#menu-head ul li {
    color: #ffffff;
    font-weight: bold;
    padding: 0px;
}
#menu-foot ul li {
    border-left: 1px solid #333333;
    color: #333333;
}
#teasers .first { margin-left: 0px; }
#menu-head ul li.first, #menu-foot ul li.first { border: none; }
#menu-head ul li img { border-left: 1px solid #ffffff; }
#menu-head ul li.first img { border: none; }
#top ul li.active a { font-weight: bold; }
.teaser-container img {
    border: none;
    float: left;
    margin: 6px !important;
}
.teaser-container .teaser { height: 81px; }
.teaser-container h4 {
    color: #ad0020;
    margin: 6px 0px;
}
.teaser-container p.intromore {
    color: #ad0020;
    font-weight: bold;
    text-align: right;
    margin: 0px;
    margin-right: 6px;
}


div.little-socials  {
border:0 none;
clear:both;
margin:0;
padding:0;
position:fixed;
left:0;
top:260px;
}
div.little-socials a {
background:url("../images/little-socials-sprite32.png") no-repeat scroll 0 0 transparent;
display:block;
height:32px;
margin:0 0 4px;
padding:0;
width:32px;
}

div.little-socials a.little-socials-twitter {
background-position:-32px 0;
}
div.little-socials a.little-socials-twitter:hover {
background-position:-32px -32px;
}
div.little-socials a.little-socials-facebook {
background-position:-64px 0;
}
div.little-socials a.little-socials-facebook:hover {
background-position:-64px -32px;
}
div.little-socials a.little-socials-xing {
background-position:-800px 0;
}
div.little-socials a.little-socials-xing:hover {
background-position:-800px -32px;
}

/* --- neue Boxen unten von Sepp --- */
#teasers .csc-default {background-color:white;
float:left;
height:98px;
margin:0 4px 0 0;
width:285px;
padding:3px;
}

.csc-textpic-imagewrap img{
border:medium none;
float:left;
margin:6px !important;}

#teasers h4	{color:#AD0020;
margin:6px 0;}
/* --- Sepp alternative Startseiten--- */

#c11201 .csc-textpic-imagewrap { width: 887px !important;height:300px; text-align: center !important; background: #efefef}
#c11201 .csc-textpic-imagewrap img {padding: 30px 0 0 60px;}
#c11213 { width: 887px !important;height:300px; text-align: center !important; background: #efefef}
#c11213 select, #c11213 label {display: none}
#c11213 input { border: 1px solid #dedede; height: 40px; width: 400px;}
#c11213 h4 {padding-top: 50px; font-size: 40px; font-style: italic; font-weight: bold}
#c11213 .csc-searchform-submit { text-align: center; width: auto; font-style: italic;
    font-weight: bold;color: #AD0020; font-size: 25px; text-transform: lowercase; }