body {
    color: #728087;
    font-family: Arial,Verdana;
    font-size: 12px;
    height: 100%;
    line-height: 1.3em;
}
h1 {
    display:inline;
}
h1,h2,h3,h4,h5,h6 {
    color: #3b0950;
    font-weight: normal;
    line-height:100%;
}
h2,h3 {
    font-size: 15px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 10px;
    margin-top: 0;
}
a {
    text-decoration: none;
    color: #74820f;
    font-weight: bold;
}
.clear {
    clear: both;
}
#wrapper {
    width: 1000px;
    margin: 0 auto;
}
#header {
    height: 100px;
    padding-top: 34px;
    position: relative;
}
.headline h1 a {
    color: #3B0950;
    font-size: 30px;
    font-weight: normal;
}
.headline {
    position: relative;
    display: inline;
}
.headline .subheadline {
    position: absolute;
    right: 10px;
    top: 35px;
    font-size: 16px;
}
#header .image {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -8px;
}
#header .image span {
    width: 319px;
    height: 145px;
    background: url("../img/header-purple.png") no-repeat scroll 0 0 transparent;
    display: block;
}
#left {
    width: 200px;
    float: left;
    margin-right: 15px;
    margin-top: 10px;
}
#main {
    width: auto;
    border-top: 2px solid #765786;
    padding-top: 20px;
    overflow: hidden;
}
#main p {
    margin: 0 0 14px;
}
.rechner_img {
    float: right;
    margin: 0 0 8px 12px;
}
.navigation.left {
    margin-bottom: 22px;
    width: 200px;
}
.navigation.left ul {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #EFEFEF;
}
.navigation.left ul li {
    list-style-type: none;
}
.navigation.left a, .navigation.left span {
    padding: 2px 0 2px 10px;
    color: #ffffff;
    display: block;
}
.navigation.left ul.level_0 li {
    background: url("../img/pfeil_closed_weiss.png") no-repeat scroll top left #3b0950;
}
.navigation.left ul.level_0 li.active, .navigation.left ul.level_0 li.showSubNavi {
    background: url("../img/pfeil_open_weiss.png") no-repeat scroll top left #3b0950;
}
.navigation.left ul.level_0 li span {
    font-weight: bold;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    border-bottom: 1px solid;
    cursor: pointer;
    padding-left: 25px;
}
.navigation.left ul.level_0 li.item_2 span {
    line-height: 23px;
}
.navigation.left ul.level_1 li a {
    font-weight: normal;
    font-size: 12px;
    background-color: #9c84a8;
}
.navigation.left ul.level_1 li a:hover, .navigation.left ul.level_1 li.active a {
    background-color: #56306d;
}
.navigation .indent a {
    padding-left: 21px;
}
.impressum a {
    color: #3B0950;
    font-weight: normal;
    margin-left: 12px;
}
.teaser_top {
    border-bottom: 2px solid #765786;
    padding-bottom: 20px;
}
.great_teaser h2 {
    padding-top: 10px;
    margin: 0 0 6px;
}
.great_teaser h2 a {
    font-size: 16px;
    color: #35323C;
    font-weight: bold;
}
.great_teaser {
    width: 367px;
    float: left;
    padding: 0 8px;
}
.great_teaser.pkv {
    margin-right: 15px;
}
.great_teaser .image {
    float: left;
}
.great_teaser .image a span {
    display: block;
    width: 150px;
    height: 200px;
    background: url("../img/teaserbox-pkv.jpg") no-repeat scroll 0 0 transparent;
}
.great_teaser.bu .image a span {
    display: block;
    width: 150px;
    height: 200px;
    background: url("../img/teaserbox-bu.jpg") no-repeat scroll 0 0 transparent;
}
.great_teaser .content {
    margin-left: 150px;
    background-color: #cec1d3;
    color: #35323c;
    height: 200px;
    position: relative;
}
.great_teaser .content .text {
    padding: 0 10px 0 15px;
}
.great_teaser .content .text p {
    margin-bottom: 0;
    margin-top: 6px;
}
.great_teaser .button a {
    background: url("../img/buttons/btn_jetztberechnen_lightgreen.png") no-repeat scroll top left transparent;
    display: block;
    height: 40px;
    overflow: hidden;
    width: 151px;
    position: absolute;
    bottom: 8px;
    right: 10px;
}
.great_teaser .button a:hover {
    background: url("../img/buttons/btn_jetztberechnen_lightgreen.png") no-repeat scroll bottom left transparent;
}
.teaser_bottom {
    border-bottom: 2px solid #765786;
    padding: 20px 0;
    margin-bottom: 20px;
}
.small_teaser {
    width: 255px;
    float: left;
    margin-left: 10px;
}
.small_teaser.first {
    margin-left: 0;
}
.small_teaser h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
}
.small_teaser h3 a{
    color: #3b0950;
}
.small_teaser .image {
    float: left;
    padding-top: 10px;
}
.small_teaser .image a span {
    display: block;
    width: 115px;
    height: 77px;
}
.small_teaser.riester .image a span {
    background: url("../img/teaserbox-riester-purple.jpg") no-repeat scroll 0 0 transparent;
}
.small_teaser.lv .image a span {
    background: url("../img/teaserbox-lv-purple-green.jpg") no-repeat scroll 0 0 transparent;
}
.small_teaser.pflege .image a span {
    background: url("../img/teaserbox-pflege.jpg") no-repeat scroll 0 0 transparent;
}
.small_teaser .content {
    margin-left: 115px;
}
.small_teaser .content .text {
    border-right: 1px solid #765786;
}
.small_teaser.last .content .text {
    border: 0;
}
.small_teaser .content .text p {
    margin: 0;
    text-align: justify;
    padding: 10px 10px 5px;
}
.small_teaser.last .content .text p {
    padding: 10px 0 5px 10px;
}
.small_teaser .content .link {
    margin-top: 10px;
    text-align: center;
}
.showSubNavi .level_1 {
    display: block !important;
}
/**************************************/
/* Style-Befehle für das grüne Layout */
/**************************************/
.green h2, .green h3 {
    color: #aec428;
}
.green a {
    color: #ef8226;
}
.green .headline h1 a {
    color: #aec428;
}
.green #header .image {
    margin-bottom: -4px;
}
.green #header .image span {
    background: url("../img/header-green.png") no-repeat scroll 0 0 transparent;
    width: 260px;
    height: 147px;
}
.green #main {
    border-top: 2px solid #aec428;
}
.green .navigation.left ul {
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}
.green .navigation.left ul.level_0 li {
    background: url("../img/verlauf_lightgreen_navi.png") repeat-x scroll left top #E6F294;
}
.green .navigation.left ul.level_0 li span {
    background: url("../img/pfeil_closed.png") no-repeat scroll left top transparent;
    color: #676769;
    border: 1px solid #efefef;
}
.green .navigation.left ul.level_0 li.active span, .green .navigation.left ul.level_0 li.showSubNavi span {
    background: url("../img/pfeil_open.png") no-repeat scroll top left transparent;
}
.green .navigation.left ul.level_1 li a {
    background-color: #ffffff;
    color: #676769;
}
.green .navigation.left ul.level_1 li a:hover, .green .navigation.left ul.level_1 li.active a {
    background-color: #cae423;
}
.green .impressum a {
    color: #676769;
}
.green .teaser_top {
    border-bottom: 2px solid #aec428;
}
.green .great_teaser h2 a {
    color: #676769;
}
.green .great_teaser .content {
    background: url("../img/verlauf_lightgreen_teaser.png") repeat-x scroll top left #E6F294;
}
.green .great_teaser .button a {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll top left transparent;
}
.green .great_teaser .button a:hover {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll bottom left transparent;
}
.green .teaser_bottom {
    border-bottom: 2px solid #aec428;
}
.green .small_teaser h3 a {
    color: #676769;
}
.green .small_teaser .content .text {
    border-right-color:#AEC428;
}
.green .small_teaser.riester .image a span {
     background: url("../img/teaserbox-riester-green.jpg") no-repeat scroll 0 0 transparent;
}
/**************************************/
/* Style-Befehle für das blaue Layout */
/**************************************/
.blue h2, .blue h3 {
    color: #3D92D0;
}
.blue a {
    color: #F99202;
}
.blue .headline h1 a {
    color: #3d92d0;
}
.blue #header .image {
    margin-bottom: -4px;
}
.blue #header .image span {
    background: url("../img/header-green.png") no-repeat scroll 0 0 transparent;
    width: 260px;
    height: 147px;
}
.blue #main {
    border-top: 2px solid #DDDDDD;
}
.blue .navigation.left ul {
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
}
.blue .navigation.left ul.level_0 li {
    background: url("../img/verlauf_lightgreen_navi.png") repeat-x scroll left top #ddeefa;
}
.blue .navigation.left ul.level_0 li span {
    background: url("../img/pfeil_closed.png") no-repeat scroll left top transparent;
    color: #676769;
    border: 1px solid #efefef;
}
.blue .navigation.left ul.level_0 li.active span, .blue .navigation.left ul.level_0 li.showSubNavi span {
    background: url("../img/pfeil_open.png") no-repeat scroll top left transparent;
}
.blue .navigation.left ul.level_1 li a {
    background-color: #ffffff;
    color: #676769;
}
.blue .navigation.left ul.level_1 li a:hover, .blue .navigation.left ul.level_1 li.active a {
    background-color: #3D92D0;
    color: #ffffff;
}
.blue .impressum a {
    color: #676769;
}
.blue .teaser_top {
    border-bottom: 2px solid #DDDDDD;
}
.blue .great_teaser h2 a {
    color: #3D92D0;
}
.blue .great_teaser .content {
    background: url("../img/verlauf_lightgreen_teaser.png") repeat-x scroll top left #e1f0fb;
}
.blue .great_teaser .button a {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll top left transparent;
}
.blue .great_teaser .button a:hover {
    background: url("../img/buttons/btn_jetztberechnen_orange.png") no-repeat scroll bottom left transparent;
}
.blue .teaser_bottom {
    border-bottom: 2px solid #DDDDDD;
}
.blue .small_teaser h3 a {
    color: #3D92D0;
}
.blue .small_teaser .content .text {
    border-right-color:#3D92D0;
}
.blue .small_teaser.riester .image a span {
     background: url("../img/teaserbox-riester-blue.jpg") no-repeat scroll 0 0 transparent;
}
.blue .small_teaser.lv .image a span {
     background: url("../img/teaserbox-lv-blue.jpg") no-repeat scroll 0 0 transparent;
}
#fde {
    clear:both;
}