/* CSS Document */

.clear {clear:both;}

/* HOME */
#HomeMainBanner { width:920px; margin:0 0 20px 0; z-index: 0 ;}
#HomeMainBanner .flash {width:645px; height:390px; float:left; z-index: 0 ; overflow: hidden; }
#HomeMainBanner .info {width:275px; height:320px; float:left; background:url(../img/structure/moodnav/flash_banner_home_cc_re.gif) no-repeat;}
#HomeMainBanner a.button {width:275px; height:70px; float:left; display:block; overflow: hidden; background:url(../img/structure/moodnav/flash_banner_home_re_button.gif) no-repeat;}
* html #HomeMainBanner a.button { width: 272px; }
#flash01 {z-index: 0; position: relative; }

/* TAGESGELD */
#ContentArea #MainBanner .tg_moodnav {width:275px; height:200px; float:left; display:block;}
#ContentArea #MainBanner .tg_moodnav ul {list-style-type:none; margin:0; padding:0;}
#ContentArea #MainBanner .tg_moodnav ul li {margin:0!important;}
#ContentArea #MainBanner .tg_moodnav ul li.region a {display:block; height:30px; padding:20px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_1_0.gif) no-repeat;}
#ContentArea #MainBanner .tg_moodnav ul li.region a.active {background:url(../img/structure/moodnav/tg_mood_1_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.region a:hover {background:url(../img/structure/moodnav/tg_mood_1_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.planet a {display:block; height:30px; padding:20px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_2_0.gif) no-repeat;}
#ContentArea #MainBanner .tg_moodnav ul li.planet a.active {background:url(../img/structure/moodnav/tg_mood_2_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.planet a:hover {background:url(../img/structure/moodnav/tg_mood_2_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.leben a {display:block; height:30px; padding:20px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_3_0.gif) no-repeat;}
#ContentArea #MainBanner .tg_moodnav ul li.leben a.active {background:url(../img/structure/moodnav/tg_mood_3_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.leben a:hover {background:url(../img/structure/moodnav/tg_mood_3_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.kultur a {display:block; height:30px; padding:20px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_4_0.gif) no-repeat;}
#ContentArea #MainBanner .tg_moodnav ul li.kultur a.active {background:url(../img/structure/moodnav/tg_mood_4_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.kultur a:hover {background:url(../img/structure/moodnav/tg_mood_4_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_flash {width:645px; height:200px; float:left; background:transparent; display:block;}
    
    /* TAGESGELD::UNTERPUNKT */
    .color-02 #ContentArea #MainBanner .tg_moodnav {width:275px; height:200px; float:left; display:block;}
    .color-02 #ContentArea #MainBanner .tg_moodnav ul {list-style-type:none; margin:0; padding:0;}
    .color-02 #ContentArea #MainBanner .tg_moodnav ul li {margin:0!important;}
    .color-02 #ContentArea #MainBanner .tg_moodnav ul li.tagesgeld a {display:block; height:30px; padding:70px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_col-2_1_0.gif) no-repeat;}
    .color-02 #ContentArea #MainBanner .tg_moodnav ul li.tagesgeld a.active {color:#FFFFFF; display:block; height:30px; padding:70px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_col-2_1_1.gif) no-repeat;}
    .color-02 #ContentArea #MainBanner .tg_moodnav ul li.tagesgeld a:hover {color:#FFFFFF; display:block; height:30px; padding:70px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_col-2_1_1.gif) no-repeat;}
    .color-02 #ContentArea #MainBanner .tg_moodnav ul li.festgeld a {display:block; height:30px; padding:70px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_col-2_2_0.gif) no-repeat;}
    .color-02 #ContentArea #MainBanner .tg_moodnav ul li.festgeld a.active {color:#FFFFFF; display:block; height:30px; padding:70px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_col-2_2_1.gif) no-repeat;}
    .color-02 #ContentArea #MainBanner .tg_moodnav ul li.festgeld a:hover {color:#FFFFFF; display:block; height:30px; padding:70px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_mood_col-2_2_1.gif) no-repeat;}
    .color-02 #ContentArea #MainBanner .tg_flash {width:645px; height:200px; float:left; display:block;}


/* ÜBERSICHT 02 */
#ContentArea #MainBanner #MoneyHelps .moodnav {width:275px; height:390px; float:left; display:block;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul {list-style-type:none; margin:0; padding:0;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul li {margin:0!important;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul li.region a {display:block; height:80px; padding:0 0 0 15px; font-family:Arial; font-size:11px; color:#fff; background:url(../img/structure/moodnav/02_mood_1_0.gif) no-repeat; text-indent:-9999em;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul li.region a.active {display:block; height:110px; padding:40px 10px 0 20px; line-height:20px; background:url(../img/structure/moodnav/02_mood_1_1.gif) no-repeat; text-indent:inherit;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul li.planet a {display:block; height:80px; padding:0 0 0 15px; font-family:Arial; font-size:11px; color:#fff; background:url(../img/structure/moodnav/02_mood_2_0.gif) no-repeat; text-indent:-9999em;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul li.planet a.active {display:block; height:110px; padding:40px 10px 0 20px; line-height:20px; background:url(../img/structure/moodnav/02_mood_2_1.gif) no-repeat; text-indent:inherit;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul li.leben a {display:block; height:80px; padding:0 0 0 15px; font-family:Arial; font-size:11px; color:#fff; background:url(../img/structure/moodnav/02_mood_3_0.gif) no-repeat; text-indent:-9999em;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul li.leben a.active {display:block; height:110px; padding:40px 10px 0 20px; line-height:20px; background:url(../img/structure/moodnav/02_mood_3_1.gif) no-repeat; text-indent:inherit;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul li.kultur a {display:block; height:80px; padding:0 0 0 15px; font-family:Arial; font-size:11px; color:#fff; background:url(../img/structure/moodnav/02_mood_4_0.gif) no-repeat; text-indent:-9999em;}
#ContentArea #MainBanner #MoneyHelps .moodnav ul li.kultur a.active {display:block; height:110px; padding:40px 10px 0 20px; line-height:20px; background:url(../img/structure/moodnav/02_mood_4_1.gif) no-repeat; text-indent:inherit;}
#ContentArea #MainBanner #MoneyHelps .head {width:645px; height:390px; float:left; background:url(../img/structure/moodnav/02_mood_head.jpg) no-repeat; display:block;}

/* SAVING */
#ContentArea #MainBanner #Saving .moodnav {width:275px; height:200px; float:left; display:block;}
#ContentArea #MainBanner #Saving .moodnav ul {list-style-type:none; margin:0; padding:0;}
#ContentArea #MainBanner #Saving .moodnav ul li {margin:0!important;}
#ContentArea #MainBanner #Saving .moodnav ul li.tagesgeld a {display:block; height:31px; padding:37px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/saving_mood_1_0.gif) no-repeat;}
#ContentArea #MainBanner #Saving .moodnav ul li.tagesgeld a.active {color:#FFFFFF; display:block; height:31px; padding:37px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/saving_mood_1_1.gif) no-repeat;}
#ContentArea #MainBanner #Saving .moodnav ul li.tagesgeld a:hover {color:#FFFFFF; display:block; height:31px; padding:37px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/saving_mood_1_1.gif) no-repeat;}
#ContentArea #MainBanner #Saving .moodnav ul li.festgeld a {display:block; height:31px; padding:37px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/saving_mood_2_0.gif) no-repeat;}
#ContentArea #MainBanner #Saving .moodnav ul li.festgeld a.active {color:#FFFFFF; display:block; height:31px; padding:37px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/saving_mood_2_1.gif) no-repeat;}
#ContentArea #MainBanner #Saving .moodnav ul li.festgeld a:hover {color:#FFFFFF; display:block; height:31px; padding:37px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/saving_mood_2_1.gif) no-repeat;}
#ContentArea #MainBanner #Saving .moodnav ul li.citizen a {display:block; height:27px; padding:37px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/saving_mood_3_0.gif) no-repeat;}
#ContentArea #MainBanner #Saving .moodnav ul li.citizen a.active {color:#FFFFFF; display:block; height:27px; padding:37px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/saving_mood_3_1.gif) no-repeat;}
#ContentArea #MainBanner #Saving .moodnav ul li.citizen a:hover {color:#FFFFFF; display:block; height:27px; padding:37px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/saving_mood_3_1.gif) no-repeat;}
#ContentArea #MainBanner #Saving .head {width:645px; height:200px; float:left; background:url(../img/structure/moodnav/saving_mood_head.jpg) no-repeat; display:block;}


#ContentArea #MainBanner .tg_moodnav ul li.a-green a {display:block; height:30px; padding:20px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_moodnav_green_1_0.gif) no-repeat;}
#ContentArea #MainBanner .tg_moodnav ul li.a-green a.active {background:url(../img/structure/moodnav/tg_moodnav_green_1_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.a-green a:hover {background:url(../img/structure/moodnav/tg_moodnav_green_1_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.b-green a {display:block; height:30px; padding:20px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_moodnav_green_2_0.gif) no-repeat;}
#ContentArea #MainBanner .tg_moodnav ul li.b-green a.active {background:url(../img/structure/moodnav/tg_moodnav_green_2_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.b-green a:hover {background:url(../img/structure/moodnav/tg_moodnav_green_2_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.c-green a {display:block; height:30px; padding:20px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_moodnav_green_3_0.gif) no-repeat;}
#ContentArea #MainBanner .tg_moodnav ul li.c-green a.active {background:url(../img/structure/moodnav/tg_moodnav_green_3_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.c-green a:hover {background:url(../img/structure/moodnav/tg_moodnav_green_3_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.d-green a {display:block; height:30px; padding:20px 0 0 15px; font-weight:bold; font-family:Arial; font-size:12px; background:url(../img/structure/moodnav/tg_moodnav_green_4_0.gif) no-repeat;}
#ContentArea #MainBanner .tg_moodnav ul li.d-green a.active {background:url(../img/structure/moodnav/tg_moodnav_green_4_1.gif) no-repeat; color:#FFFFFF;}
#ContentArea #MainBanner .tg_moodnav ul li.d-green a:hover {background:url(../img/structure/moodnav/tg_moodnav_green_4_1.gif) no-repeat; color:#FFFFFF;}