/**
 * style.css
 *
 * CSS fuer HanisauLand in der Bildschirm-Ansicht
 * 
 * 2.0.0        2009-09-01  Joerg Hahnraths
 *              - Erstimplementierung im Rahmen des Redesign 2009
 *
 * @package     contentBLUE-HanisauLand
 * @subpackage  Frontend
 * @author      Joerg Hahnraths <hahnraths@glamus.de>
 *
 */

    * {
        font-size:1em !important;
        margin: 0em;
        border: 0em none;
        padding: 0em;
    }

    body {
        background-color: #fff;
        font-family: verdana, arial, sans-serif;
        text-decoration: none;
        font-weight: normal;
        padding-left:10px;
        padding-right:10px;
        padding-bottom:10px;
        padding-top:70px;
        margin:0em;
        text-align:center;
    }
    div.fliesstext a {
        text-decoration:underline;
    }
    div.fliesstext a:hover {
        text-decoration:none !important;
    }
    div.skin_gelb div.fliesstext a {
        color:#965100 !important;
    }
    div.skin_rot div.fliesstext a {
        color: #8c3500 !important;
    }
    div.skin_gruen div.fliesstext a {
        color: #067e00 !important;
    }
    div.skin_blau div.fliesstext a {
        color: #01578e !important;
    }
    div.skin_gelb div.fliesstext a:active {
        color:#965100 !important;
    }
    div.skin_rot div.fliesstext a:active {
        color: #8c3500 !important;
    }
    div.skin_gruen div.fliesstext a:active {
        color: #067e00 !important;
    }
    div.skin_blau div.fliesstext a:active {
        color: #01578e !important;
    }
    div.skin_gelb div.fliesstext a:visited {
        color:#965100 !important;
    }
    div.skin_rot div.fliesstext a:visited {
        color: #8c3500 !important;
    }
    div.skin_gruen div.fliesstext a:visited {
        color: #067e00 !important;
    }
    div.skin_blau div.fliesstext a:visited {
        color: #01578e !important;
    }
    div.keinfliesstext {
        font-size:0.73em !important;
    }
    div.keinfliesstext a {
        color:black;
        text-decoration:none;
    }
    div.keinfliesstext a:active {
        color:black;
        text-decoration:none;
    }
    div.keinfliesstext a:visited {
        color:black;
        text-decoration:none;
    }
    div.keinfliesstext a:hover {
        text-decoration:underline;
    }
    div.skin_gelb div.keinfliesstext a:hover {
        color:#965100 !important;
    }
    div.skin_rot div.keinfliesstext a:hover {
        color: #8c3500 !important;
    }
    div.skin_gruen div.keinfliesstext a:hover {
        color: #067e00 !important;
    }
    div.skin_blau div.keinfliesstext a:hover {
        color: #01578e !important;
    }
/*  NAVIGATION START */

    .nav_gelb div.rechts {
        background-color: #fdda7a;
    }
    .nav_rot div.rechts {
        background-color: #f3bb80;
    }
    .nav_gruen div.rechts {
        background-color: #c0dc7d;
    }
    .nav_blau div.rechts {
        background-color: #a1cae1;
    }
    .nav_active a {
	    padding:0.0em 0.413em 0em 0.413em !important;
	}
    .nav_gelb .nav_active a {
        background-color: #fdda7a;
    }
    .nav_rot .nav_active a {
        background-color: #f3bb80;
    }
    .nav_gruen .nav_active a {
	    background-color: #c0dc7d;
	}
    .nav_blau .nav_active a {
        background-color: #a1cae1;
    }
    .top-navi {
        width: 43.09em;
        float: left;
    }
    
/* RECHTER TEIL DER BUTTONS */
    
    .top-navi .rechts {
        background-image: url(/img/Navi_Button_rechts.png);
        background-repeat: no-repeat;
        background-position: top right;
        height: 2.27em;
        float: left;
    }
    .erster .rechts {
        margin-left: 0.272em !important;
    }
    .letzter .rechts {
        background-image: url(/img/Navi_rechterButton_rechts.png) !important;
        padding-right: 1em !important;
    }
    .nav_active .rechts {
        margin-left: 0em;
        margin-right: -1em;
        padding-right: 0.938em; 
    }
    .mitte .nav_active .rechts {
        background-image: url(/img/Navi-Button_On-rechts.png) !important;
    }
    .letzter .nav_active .rechts {
        background-image: url(/img/Navi-Button_On-rechts_letzter.png) !important;
    }
    .mitte .nav_pre .rechts {
        background-image: url(/img/Navi_Button_rechts-pre-active.png) !important;
    }
    
/* LINKER TEIL DER BUTTONS */
    
    .top-navi .links {
        background-image: url(/img/Navi_Button_links.png);
        background-repeat: no-repeat;
        padding: 0.375em 0.625em 0em 0.625em;
        height: 2.27em;
        float: left;
    }
    .erster .links {
        background-image: url(/img/Navi_linkerButton_links.png) !important;
    }
    .nav_post .links {
        background-image: url(/img/Navi_Button_links-post-active.png) !important;
    }
    .nav_active .links {
        background-image: url(/img/Navi-Button_On-links-gl.png) !important;
        padding: 0.375em 0.193em 0em 0.275em !important;
    }

/* MITTELTEIL DER BUTTONS */

    .nav_spacer {
        padding-top: 0.516em;
    }
    .nav_active .nav_spacer {
        padding:0em;
        margin:0em;
        width:0em;
        height:0em;
    }
    .top-navi a {
        font-size:0.688em !important;
        text-decoration: none;
        font-weight: bold;
        color: #000000 !important;
        display: inline-block;
        margin: -0em -0.034em 0em -0.034em;
        padding: 0em 0em 0em 0em;
        height: 3.1em;
        position: relative;
    }

    .top-navi a:hover {
        text-decoration: underline;
    }

	.active-padding {
	    color:#f00;
	    padding: 13.76em;
	}

/*  NAVIGATION ENDE */



/*  FARBSCHEMA START */

    div.bg_oben {
        margin-top: -0.375em;
        background-repeat: no-repeat;
        background-position: left top;
        padding: 1em 0em 0em 0em;
        width: 43.1em;
        float: left;
    }
    div.bg_unten {
        margin-top: -0.375em;
        background-repeat: no-repeat;
        background-position: left top;
        height: 1.5em;
        width: 43.1em;
        float: left;
    }
    div.bg_oben_rechts {
        float: right;
        margin-top: -1em;
        height: 16px;
        width: 18px;
    }
    div.bg_mitte_rechts {
        background-position: right top;
        background-repeat: repeat-y;
        text-align:left;
        padding: 0em 1em 0.8em 1em;
        margin-top: -0.688em;
    }
    div.bg_unten_rechts {
        background-position: right; 
        float: right;
        width: 16px;
        height: 21px;
    }

    /*    GELB    */

    .skin_gelb div.bg_oben {
        background-image: url(/img/Fond_oben_Farbe1.png);
    }
    .skin_gelb div.bg_mitte {
        background-image: url(/img/Fond_mitte_Farbe1.png);
    }
    .skin_gelb div.bg_unten {
        background-image: url(/img/Fond_unten_Farbe1.png);
    }
    .skin_gelb div.bg_oben_rechts {
        background-image: url(/img/Fond_oben_Farbe1_RechteKante.png);
    }
    .skin_gelb div.bg_mitte_rechts {
        background-image: url(/img/Fond_mitte_Farbe1_RechteKante.png);
    }
    .skin_gelb div.bg_unten_rechts {
        background-image: url(/img/Fond_unten_Farbe1_RechteKante.png);
    }

    /*    ROT    */

    .skin_rot div.bg_oben {
        background-image: url(/img/Fond_oben_Farbe2.png);
    }
    .skin_rot div.bg_mitte {
        background-image: url(/img/Fond_mitte_Farbe2.png);
    }
    .skin_rot div.bg_unten {
        background-image: url(/img/Fond_unten_Farbe2.png);
    }
    .skin_rot div.bg_oben_rechts {
        background-image: url(/img/Fond_oben_Farbe2_RechteKante.png);
    }
    .skin_rot div.bg_mitte_rechts {
        background-image: url(/img/Fond_mitte_Farbe2_RechteKante.png);
    }
    .skin_rot div.bg_unten_rechts {
        background-image: url(/img/Fond_unten_Farbe2_RechteKante.png);
    }
    
    /*    GRUEN    */

    .skin_gruen div.bg_oben {
        background-image: url(/img/Fond_oben_Farbe3.png);
    }
    .skin_gruen div.bg_mitte {
        background-image: url(/img/Fond_mitte_Farbe3.png);
    }
    .skin_gruen div.bg_unten {
        background-image: url(/img/Fond_unten_Farbe3.png);
    }
    .skin_gruen div.bg_oben_rechts {
        background-image: url(/img/Fond_oben_Farbe3_RechteKante.png);
    }
    .skin_gruen div.bg_mitte_rechts {
        background-image: url(/img/Fond_mitte_Farbe3_RechteKante.png);
    }
    .skin_gruen div.bg_unten_rechts {
        background-image: url(/img/Fond_unten_Farbe3_RechteKante.png);
    }

    /*    BLAU    */

    .skin_blau div.bg_oben {
        background-image: url(/img/Fond_oben_Farbe4.png);
    }
    .skin_blau div.bg_mitte {
        background-image: url(/img/Fond_mitte_Farbe4.png);
    }
    .skin_blau div.bg_unten {
        background-image: url(/img/Fond_unten_Farbe4.png);
    }
    .skin_blau div.bg_oben_rechts {
        background-image: url(/img/Fond_oben_Farbe4_RechteKante.png);
    }
    .skin_blau div.bg_mitte_rechts {
        background-image: url(/img/Fond_mitte_Farbe4_RechteKante.png);
    }
    .skin_blau div.bg_unten_rechts {
        background-image: url(/img/Fond_unten_Farbe4_RechteKante.png);
    }

/*  FARBSCHEMA ENDE */



/* SEITENSTRUKTUR START */

    div.aussendrum {
        /* GESAMTER BEREICH DES BODIES ABZUEGLICH DESSEN PADDING */
    }
    div.linkespalte_container {
        /* CONTAINER FUER DEN GESAMTEN LINKEN BEREICH MIT MENUE UND CONTENT */
        width:43.1em;
        float:left;
        padding-left:17px;
    }
    div.rechtespalte_container {
        /* CONTAINER FUER DEN GESAMTEN RECHTEN BEREICH MIT TEASERN USW */
        width:13em;
        float:right;
        margin-top:8px;
    }
    div.duenner_rahmen {
        /* SCHWARZER RAHMEN VON EINEM PIXEL DICKE -- UM DEN GESAMTEN GRAU HINTERLEGTEN BEREICH */
        width: 57.38em;
        text-align:left;
        margin: 0 auto;
        padding: 0px;
        border: 1px solid #9595a8;
        border-top:0px none;
    }
    div.silhouette {
        /* GRAUE KOPFSILHOUETTE -- HINTERGRUND DER KOPFZEILE */
        margin: 0 auto;
        width: 57.5em;
        height: 39px;
        position:relative;
        z-index:1;
    }
    div.grauer_hintergrund {
        background-color: #ccccd4;
        padding-bottom:15px;
        display:inline-block;
    }
    div.bpb_logo {
        /* LOGO DER BPB -- AM LINKEN ENDE DER KOPFZEILE */
        background-image: url(/img/BPB_Logo.png);
        background-repeat: no-repeat;
        background-position: top left;
        float:left;
        width: 12.5em;
        height: 1.94em;
        margin-top:-9px;
        margin-left:26px;
        position:relative;
        z-index:2;
    }
    div.hanisauland_titelbild {
        /* HANISAULAND - POLITIK FUER DICH -- IN DER MITTE DER KOPFZEILE */
        float:right;
        width: 28.44em;
        height: 120px;
        margin-top: -96px;
        margin-right: 5px;
        position:relative;
        z-index:3;
    }
    div.baerbel {
        /* WINKENDE BAERBEL -- AM RECHTEN ENDE DER KOPFZEILE */
/*
        background-image: url(/img/baerbel.png);
        background-repeat: no-repeat;
        background-position: top right;
*/
        float:right;
        width: 13.13em;
        height: 7.5em;
        margin-top: -96px;
        margin-right: -1px;
        position:relative;
        z-index:4;
    }
    div.clear_l {
        clear: left;
    }
    div.clear_r {
        clear: right;
    }
    div.clear_b {
        clear: both;
    }

/* SEITENSTRUKTUR ENDE */



/* GROSSE RUBRIKENTITEL START */

    h1 {
        background-repeat: no-repeat;
        background-position: top left;
        float:left;
        width:11.2em;
        height:2.3em;
        margin-left:12px;
        /* padding-left:-10000px; */
    }
    h1.comic {
        background-image: url(/img/titel_gross_comic.png);
    }
    h1.lexikon {
        background-image: url(/img/titel_gross_lexikon.png);
    }
    h1.spezial {
        background-image: url(/img/titel_gross_spezial.png);
    }
    h1.spiele {
        background-image: url(/img/titel_gross_spiele.png);
    }
    h1.buchtipps {
        background-image: url(/img/titel_gross_buchtipps.png);
    }
    h1.filmtipps {
        background-image: url(/img/titel_gross_filmtipps.png);
    }
    h1.kalender {
        background-image: url(/img/titel_gross_kalender.png);
    }
    h1.links {
        background-image: url(/img/titel_gross_links.png);
    }
    h1.post {
        background-image: url(/img/titel_gross_post.png);
    }
    h1.info {
        background-image: url(/img/titel_gross_info.png);
    }

/* GROSSE RUBRIKENTITEL ENDE */



/* KLEINE RUBRIKENTITEL START */

    #rechts h3 {
        background-repeat: no-repeat;
        background-position: top left;
        float:left;
        width:9em;
        height:1.7em;
        margin-left:2.35em;
    }
    #rechts h3.buchtipp {
        background-image: url(/img/titel_klein_buchtipp.png);
    }
    #rechts h3.chat {
        background-image: url(/img/titel_klein_chat.png);
    }
    #rechts h3.comic {
        background-image: url(/img/titel_klein_comic.png);
    }
    #rechts h3.downloads {
        background-image: url(/img/titel_klein_downloads.png);
    }
    #rechts h3.filmtipp {
        background-image: url(/img/titel_klein_filmtipp.png);
    }
    #rechts h3.info {
        background-image: url(/img/titel_klein_info.png);
    }
    #rechts h3.kalender {
        background-image: url(/img/titel_klein_kalender.png);
    }
    #rechts h3.lexikon {
        background-image: url(/img/titel_klein_lexikon.png);
    }
    #rechts h3.links {
        background-image: url(/img/titel_klein_links.png);
    }
    #rechts h3.machmit {
        background-image: url(/img/titel_klein_machmit.png);
    }
    #rechts h3.nachrichten {
        background-image: url(/img/titel_klein_nachrichten.png);
    }
    #rechts h3.post {
        background-image: url(/img/titel_klein_post.png);
    }
    #rechts h3.sonstiges{
        background-image: url(/img/titel_klein_sonstiges.png);
    }
    #rechts h3.spezial {
        background-image: url(/img/titel_klein_spezial.png);
    }
    #rechts h3.spiele {
        background-image: url(/img/titel_klein_spiele.png);
    }

/* KLEINE RUBRIKENTITEL ENDE */



/* FARBIGE ELEMENTE DER STARTSEITE START */

    .h1_subtitel {
        font-size:0.7em !important;
        float:left;
        width:17em;
        margin-top:3px;
        margin-left:16px;
        font-weight:bold;
    }
    #links .teaserpfeil {
        background-repeat: no-repeat;
        background-position: left;
        float:left;
        width:1.94em;
        height:1.56em;
    }
    #links .links .teaserpfeil {
        margin-top:0.7em;
        margin-left: 17px;
        margin-right: 0.1em;
    }
    #links .rechts .teaserpfeil {
        margin-top:0.7em;
        margin-left: 0em;
        margin-right: 0.1em;
    }
    #links .kalender .teaserpfeil {
        margin-left: 17px !important;
    }
    .skin_gelb .teaserpfeil {
        background-image: url(/img/pfeil_farbe1.png);
    }
    .skin_rot .teaserpfeil {
        background-image: url(/img/pfeil_farbe2.png);
    }
    .skin_gruen .teaserpfeil {
        background-image: url(/img/pfeil_farbe3.png);
    }
    .skin_blau .teaserpfeil {
        background-image: url(/img/pfeil_farbe4.png);
    }
    .teaserpfeil:hover {
        background-image: url(/img/pfeil_on.png) !important;
    }
    .teaserpfeil_hover {
        background-image: url(/img/pfeil_on.png) !important;
    }
    

/* FARBIGE ELEMENTE DER STARTSEITE ENDE */



/* ELEMENTE DER RECHTEN SPALTE START */

    #rechts .teaser {
        font-size: 1em !important;
        float:right;
        padding-top:0.8em;
        width:12.19em;
        border-bottom:1px solid #9595a8;
        padding-bottom:0.75em;
    }
    #rechts .hell {
        background-color:#ECEDF0;
        margin-right:-1px;
    }
    #rechts .teaserpfeil {
        background-repeat: no-repeat;
        background-position: left;
        float:left;
        width:2em;
        height:1.63em;
        margin-top:0.3em;
        margin-left: 0.1em;
        margin-right: 0.15em;
    }
    #rechts .farbe1 {
        background-image: url(/img/pfeil_farbe1.png);
    }
    #rechts .farbe2 {
        background-image: url(/img/pfeil_farbe2.png);
    }
    #rechts .farbe3 {
        background-image: url(/img/pfeil_farbe3.png);
    }
    #rechts .farbe4 {
        background-image: url(/img/pfeil_farbe4.png);
    }
    #rechts .teasertext {
        font-size:0.75em !important;
        float:left;
        padding-top:0.6em;
        width:11.6em;
        vertical-align:top;
        line-height:1.25em;
    }
    #rechts .teaser_zoellner {
        float:right;
        margin-right:-1px;
    }
    div.englisch_neuhier {
        font-size:0.7em !important;
        font-weight:bold;
        margin-top:0.2em;
        margin-left:0.6em;
        margin-right:-0.2em;
    }
    div.sprachbutton {
        background-repeat: no-repeat;
        background-position: top left;
        width:5em;
        height:2.67em;
        float:left;
        padding-left:3.5em;
        padding-top:0.6em;
    }
    div.neuhier_off {
        background-image: url(/img/neuhier_off.png);
        background-repeat: no-repeat;
        background-position: top left;
        width:6.1em;
        height:2.67em;
        float:left;
        margin-left:0.15em;
        padding-left:3.25em;
        padding-top:0.6em;
    }
    div.englisch_off {
        background-image: url(/img/englisch_off.png);
    }
    div.englisch_off:hover {
        background-image: url(/img/englisch_on.png) !important;
    }
    div.deutsch_off {
        background-image: url(/img/deutsch_off.png);
    }
    div.deutsch_off:hover {
        background-image: url(/img/deutsch_on.png) !important;
    }
    div.neuhier_off:hover {
        background-image: url(/img/neuhier_on.png) !important;
    }
    #rechts div.searchbox {
        font-size:0.7em !important;
        font-weight:bold;
        margin-top:0.9em;
        margin-left:0.25em;
    }
    #rechts input.searchbox {
        border: 1px solid black;
        background-color:#fff;
        width:11em;
        height:1.5em;
        margin-left:0.25em;
    }

/* ELEMENTE DER RECHTEN SPALTE ENDE */



/* ELEMENTE DER LINKEN SPALTE START */

    div.hometeaser {
        width:41em;
    }
    div.hometeaser .links {
        float:left;
        width:15em;
    }
    div.hometeaser .rechts {
        float:right;
        width:25.13em;
        margin-right:0.87em;
    }
    div.hometeaser .teasertext {
        font-size:0.75em !important;
        float:left;
        margin-top:1.1em;
        margin-left:0.1em;
        line-height:1.3em;
    }
    div.hometeaser .links .teasertext {
        width:14em;
    }
    div.hometeaser .rechts .teasertext {
        width:30em;
    }
    div.hometeaser .kalender .teasertext {
        width:13em !important;
    }
    #links div.searchbox {
        font-size:0.75em !important;
        font-weight:bold;
        margin-top:0em;
        margin-left:0.25em;
        margin-bottom:0.6em;
        margin-top:0.3em;
    }
    #links input.searchbox {
        font-size:1em !important;
        border: 1px solid black;
        background-color:#fff;
        width:10em;
        height:1.3em;
        margin-left:0.6em;
        vertical-align:middle;
    }

/* ELEMENTE DER LINKEN SPALTE ENDE */



/* GEMEINSAME ELEMENTE DER RUBRIKSEITEN START */

    a.subnavi {
        text-decoration:none;
        padding:0px;
        margin:0px;
        color:#000 !important;
    }
    a.subnavi:visited {
        color:#000 !important;
    }
    a.subnavi:hover {
        text-decoration:underline !important;
    }
    div.skin_gelb a.subnavi:hover {
        color:#965100 !important;
    }
    div.skin_rot a.subnavi:hover {
        color: #8c3500 !important;
    }
    div.skin_gruen a.subnavi:hover {
        color: #067e00 !important;
    }
    div.skin_blau a.subnavi:hover {
        color: #01578e !important;
    }
    div.skin_gelb .skin {
        color:#965100 !important;
    }
    div.skin_rot .skin {
        color: #8c3500 !important;
    }
    div.skin_gruen .skin {
        color: #067e00 !important;
    }
    div.skin_blau .skin {
        color: #01578e !important;
    }
    .zentriert {
        text-align:center;
        margin: 0 auto;
    }
    .fett {
        font-weight:bold;
    }
    .kursiv {
        font-style:italic;
    }
    .schwarz {
        color:black !important;
    }
    .eng {
        margin:0em !important;
        padding:0em !important;
    }
    .noborder {
        border: 0px none !important;
    }
    .left {
        float:left !important;
    }
    .right {
        float:right !important;
    }
    .smallink {
        font-size:6pt !important;
    }
    div.container {
        width:41em;
    }
    div.container div.links {
        float:left;
        width:15em;
    }
    div.container div.rechts {
        float:right;
        width:25.13em;
        margin-right:0.87em;
    }
    div.container div.meinung, div.meinung_active {
        width:2.5em;
        height:2.5em;
        border:1px solid black;
        float:left;
        background-repeat: no-repeat;
        background-position: top left;
        margin-bottom:3px;
        cursor:pointer;
    }
    div.skin_gelb div.meinung {
        background-image: url(/img/kastenpfeil_farbe1_off.png);
        cursor:pointer;
    }
    div.skin_rot div.meinung {
        background-image: url(/img/kastenpfeil_farbe2_off.png);
    }
    div.skin_gruen div.meinung {
        background-image: url(/img/kastenpfeil_farbe3_off.png);
    }
    div.skin_blau div.meinung {
        background-image: url(/img/kastenpfeil_farbe4_off.png);
    }
    div.skin_gelb div.meinung:hover {
        background-image: url(/img/kastenpfeil_farbe1_over.png);
    }
    div.skin_rot div.meinung:hover {
        background-image: url(/img/kastenpfeil_farbe2_over.png);
    }
    div.skin_gruen div.meinung:hover {
        background-image: url(/img/kastenpfeil_farbe3_over.png);
    }
    div.skin_blau div.meinung:hover {
        background-image: url(/img/kastenpfeil_farbe4_over.png);
    }
    div.skin_gelb div.meinung_active {
        background-image: url(/img/kastenpfeil_farbe1_over.png);
    }
    div.skin_rot div.meinung_active {
        background-image: url(/img/kastenpfeil_farbe2_over.png);
    }
    div.skin_gruen div.meinung_active {
        background-image: url(/img/kastenpfeil_farbe3_over.png);
    }
    div.skin_blau div.meinung_active {
        background-image: url(/img/kastenpfeil_farbe4_over.png);
    }
    div.container div.proforma, div.proforma_active {
        width:2.5em;
        height:2.5em;
        border:1px solid black;
        float:left;
        background-repeat: no-repeat;
        background-position: top left;
        cursor:pointer;
    }
    div.skin_gelb div.proforma {
        background-image: url(/img/proforma_klein_gelb_on.jpg);
    }
    div.skin_rot div.proforma {
        background-image: url(/img/proforma_klein_rot_on.jpg);
    }
    div.skin_gruen div.proforma {
        background-image: url(/img/proforma_klein_gruen_on.jpg);
    }
    div.skin_blau div.proforma {
        background-image: url(/img/proforma_klein_blau_on.jpg);
    }
    div.skin_gelb div.proforma:hover {
        background-image: url(/img/proforma_klein_gelb_off.jpg);
    }
    div.skin_rot div.proforma:hover {
        background-image: url(/img/proforma_klein_rot_off.jpg);
    }
    div.skin_gruen div.proforma:hover {
        background-image: url(/img/proforma_klein_gruen_off.jpg);
    }
    div.skin_blau div.proforma:hover {
        background-image: url(/img/proforma_klein_blau_off.jpg);
    }
    div.skin_gelb div.proforma_active {
        background-image: url(/img/proforma_klein_gelb_off.jpg);
    }
    div.skin_rot div.proforma_active {
        background-image: url(/img/proforma_klein_rot_off.jpg);
    }
    div.skin_gruen div.proforma_active {
        background-image: url(/img/proforma_klein_gruen_off.jpg);
    }
    div.skin_blau div.proforma_active {
        background-image: url(/img/proforma_klein_blau_off.jpg);
    }
    div.sub_container {
        margin-left:0.275em;
        margin-top:0.138em;
    }
    div.rechts div.sub_container {
    }
    div.sub_container div.sub_bild {
        float:left;
        background-repeat: no-repeat;
        background-position: top left;
    }
    div.rechts div.sub_container div.sub_bild {
        margin-bottom:3px;
    }
    div.links div.sub_container div.leer {
        border:0px none !important;
        padding-right:3px;
        width:2.5em;
        height:2.5em;
    }
    div.links div.sub_container div.menu {
        border:1px solid black;
        width:2.5em;
        height:2.5em;
    }
    div.sub_container div.sub_text {
    	font-size:0.75em !important;
    	letter-spacing:-0.03em;
        float:left;
        padding-left:0.688em;
        margin-top:1em;
    }
    div.sub_container div.submenu {
        width:14em;
    }
    div.rechts div.sub_container div.sub_text {
        width:28.5em;
        margin-top:0.5em;
    }
    div.sub_container div.active {
    	letter-spacing:0em;
        padding-top:0.894em;
        font-weight:bold;
    }
    div.rechts div.sub_container div.active {
        padding-top:0.5em;
        font-weight:normal;
        color:#000 !important;
    }
    div.links div.sub_container_menu {
        font-size:0.7em !important;
        margin-left:1em;
        margin-top:1em;
        margin-bottom:1em;
    }
    div.sub_container_menu div.head {
        margin-bottom:1em;
    }
    div.sub_container_menu div.item {
        margin-bottom:0.1em;
    }
    div.sub_container_menu div.fett {
        font-weight:bold;
    }
    div.rechts h2.rubrik_titel {
        color:#000;
        margin:0em;
        padding:0em;
        font-size:1.25em !important;
    	margin-bottom:0.2em;
    	font-weight:normal;
    }
    div.rechts h2.rubrik_subtitel {
        color:#000;
        margin:0em;
        padding:0em;
        font-size:0.85em !important;
    	margin-bottom:0.2em;
    	margin-top:0.2em;
    	font-weight:normal;
    }
    div.rechts div.rubrik_subtitel {
        color:#000;
        margin:0em;
        padding:0em;
        font-size:0.75em !important;
        letter-spacing:-0.01em;
    	margin-bottom:0.2em;
    	font-weight:normal;
    }
    div.rechts h2.rubrik_wasnoch {
        font-size: 1em !important;
        font-weight:bold;
        margin-top:1.5em;
        margin-bottom:1.5em;
    }
    div.rechts div.bild_ganzebreite {
        width:25em;
    }
    div.buttonleiste {
    	float:left;
    	width:25.09em;
    	padding:0em;
    	margin:0em;
    	margin-top:0.3em;
    	margin-bottom:0.5em;
    }
    div.buttonleiste div {
        background-repeat: no-repeat;
        background-position: top left;
    }
    div.skin_gelb div.buttonleiste a {
        color:#965100 !important;
    }
    div.skin_rot div.buttonleiste a {
        color: #8c3500 !important;
    }
    div.skin_gruen div.buttonleiste a {
        color: #067e00 !important;
    }
    div.skin_blau div.buttonleiste a {
        color: #01578e !important;
    }
    div.buttonleiste .left {
    	float:left;
    }
    div.buttonleiste .right {
    	float:right;
    }
    div.buttonleiste div.text {
        font-size:0.6em !important;
        padding-left:0.4em;
        padding-right:0.4em;
        padding-top:0.4em;
    }
    div.buttonleiste div.teaserpfeil {
        float:left;
        width:1.94em;
        height:1.56em;
        padding:0em;
        margin:0em;
    }
    div.buttonleiste div.starten {
    	width:1.94em;
    	height:1.56em;
    }
    div.skin_gelb div.starten {
        background-image: url(/img/kleinerpfeil_farbe1.png);
    }
    div.skin_rot div.starten {
        background-image: url(/img/kleinerpfeil_farbe2.png);
    }
    div.skin_gruen div.starten {
        background-image: url(/img/kleinerpfeil_farbe3.png);
    }
    div.skin_blau div.starten {
        background-image: url(/img/kleinerpfeil_farbe4.png);
    }
    div.buttonleiste div.starten_active {
    	width:1.94em;
    	height:1.56em;
        background-image: url(/img/kleinerpfeil_active.png) !important;
    }
    div.buttonleiste div.starten:hover {
        background-image: url(/img/kleinerpfeil_active.png) !important;
    }
    div.buttonleiste div.sehen {
    	width:25px;
    	height:25px;
    }
    div.skin_gelb div.sehen {
        background-image: url(/img/ansehen_farbe1.png);
    }
    div.skin_rot div.sehen {
        background-image: url(/img/ansehen_farbe2.png);
    }
    div.skin_gruen div.sehen {
        background-image: url(/img/ansehen_farbe3.png);
    }
    div.skin_blau div.sehen {
        background-image: url(/img/ansehen_farbe4.png);
    }
    div.buttonleiste div.sehen_active {
    	width:25px;
    	height:25px;
        background-image: url(/img/ansehen_active.png) !important;
    }
    div.buttonleiste div.englisch {
    	width:25px;
    	height:21px;
    }
    div.skin_gelb div.englisch {
        background-image: url(/img/in_englisch_farbe1.png);
    }
    div.skin_rot div.englisch {
        background-image: url(/img/in_englisch_farbe2.png);
    }
    div.skin_gruen div.englisch {
        background-image: url(/img/in_englisch_farbe3.png);
    }
    div.skin_blau div.englisch {
        background-image: url(/img/in_englisch_farbe4.png);
    }
    div.buttonleiste div.englisch_active {
    	width:25px;
    	height:21px;
        background-image: url(/img/in_englisch_active.png) !important;
    }
    div.buttonleiste div.lesen {
    	width:32px;
    	height:26px;
    }
    div.skin_gelb div.lesen {
        background-image: url(/img/lesen_farbe1.png);
    }
    div.skin_rot div.lesen {
        background-image: url(/img/lesen_farbe2.png);
    }
    div.skin_gruen div.lesen {
        background-image: url(/img/lesen_farbe3.png);
    }
    div.skin_blau div.lesen {
        background-image: url(/img/lesen_farbe4.png);
    }
    div.buttonleiste div.lesen_active {
    	width:32px;
    	height:26px;
        background-image: url(/img/lesen_active.png) !important;
    }
    div.buttonleiste div.hoeren {
    	width:22px;
    	height:25px;
    }
    div.skin_gelb div.hoeren {
        background-image: url(/img/hoeren_farbe1.png);
    }
    div.skin_rot div.hoeren {
        background-image: url(/img/hoeren_farbe2.png);
    }
    div.skin_gruen div.hoeren {
        background-image: url(/img/hoeren_farbe3.png);
    }
    div.skin_blau div.hoeren {
        background-image: url(/img/hoeren_farbe4.png);
    }
    div.buttonleiste div.hoeren_active {
    	width:22px;
    	height:25px;
        background-image: url(/img/hoeren_active.png) !important;
    }
    div.rechts div.fliesstext {
        font-size:0.73em !important;
    	padding-bottom:1.3em;
    	line-height:1.35em;
    }
    div.links div.fliesstext {
        font-size:0.73em !important;
    	line-height:1.35em;
    	padding-left:15px;
    	padding-right:10px;
    }
    div.skin_gelb div.trenner {
        border-bottom: 1px solid #bea35b;
    }
    div.skin_rot div.trenner {
        border-bottom: 1px solid #b86c60;
    }
    div.skin_gruen div.trenner {
        border-bottom: 1px solid #90a55e;
    }
    div.skin_blau div.trenner {
        border-bottom: 1px solid #7997a9;
    }
    div.wasnoch div {
        float:left;
        text-align:center;
        margin-right:1.4em;
        font-size:0.75em !important;
        font-weight:bold;
        width:10.2em;
    }            
    div.wasnoch div.letzter {
        margin-right:0em;
    }
    div.skin_gelb div.wasnoch div.active {
        color:#965100;
    }
    div.skin_rot div.wasnoch div.active {
        color:#8c3500;
    }
    div.skin_gruen div.wasnoch div.active {
        color:#067e00;
    }
    div.skin_blau div.wasnoch div.active {
        color:#01578e;
    }
    div.alphabet {
        border:0px none;
        margin-top:7px;
    }
    div.alphabet div.index {
        width:23.5em;
        float:right;
        font-weight:bold;
        margin-top:0.13em;
    }
    div.alphabet div.dossier-index {
        width:15em !important;
        float:left !important;
        font-weight:bold;
        margin-top:3px;
        margin-left:10px;
    }
    div.alphabet div.buchstabe {
        float:left;
        width:3.846%;
        text-align:center;
        font-size:0.75em !important;
        padding-bottom:0px !important;
    }
    div.alphabet div.dossier-buchstabe {
        width:9%;
    }
    div.alphabet div.buchstabe:hover {
        background-color:#fff !important;
        border:1px solid black;
        margin:-1px;
    }
    div.alphabet div.active {
        background-color:#fff !important;
        border:1px solid black;
        margin:-1px;
    }
    div.alphabet div.buchstabe_passive {
        float:left;
        width:3.846%;
        text-align:center;
        font-size:0.75em !important;
        padding-bottom:0px !important;
    }
    div.skin_gelb div.alphabet div.index {
        border-top: 1px solid #bea35b;
        border-bottom: 1px solid #bea35b;
    }
    div.skin_rot div.index {
        border-top: 1px solid #b86c60;
        border-bottom: 1px solid #b86c60;
    }
    div.skin_gruen div.alphabet div.index {
        border-top: 1px solid #90a55e;
        border-bottom: 1px solid #90a55e;
    }
    div.skin_blau div.alphabet div.index {
        border-top: 1px solid #7997a9;
        border-bottom: 1px solid #7997a9;
    }
    div.alphabet div.pfeil {
        background-repeat: no-repeat;
        background-position: left;
        float:left;
        width:1.56em;
        height:1.63em;
        padding:0em;
        margin:0em;
    }
    div.skin_gelb div.alphabet div.pfeil {
        background-image: url(/img/kleinerpfeil_kurz_farbe1.png);
    }
    div.skin_rot div.alphabet div.pfeil {
        background-image: url(/img/kleinerpfeil_kurz_farbe2.png);
    }
    div.skin_gruen div.alphabet div.pfeil {
        background-image: url(/img/kleinerpfeil_kurz_farbe3.png);
    }
    div.skin_blau div.alphabet div.pfeil {
        background-image: url(/img/kleinerpfeil_kurz_farbe4.png);
    }
    div.fliesstext div.bild {
        float:left;
        width:21.94em;
        margin-right:20px;
        margin-top:4px;
        padding-bottom:3px;
        font-size:0.75em !important;
        line-height:1.3em;
    }
    div.container div.rechts div.teaserpfeil {
        width:1.56em !important;
    }
    div.container div.rechts  .farbe1 {
        background-image: url(/img/kleinerpfeil_kurz_farbe1.png);
    }
    div.container div.rechts  .farbe2 {
        background-image: url(/img/kleinerpfeil_kurz_farbe2.png);
    }
    div.container div.rechts  .farbe3 {
        background-image: url(/img/kleinerpfeil_kurz_farbe3.png);
    }
    div.container div.rechts  .farbe4 {
        background-image: url(/img/kleinerpfeil_kurz_farbe4.png);
    }
    div.container div.rechts div.teasertext {
        font-size:0.75em !important;
        float:left;
        padding-top:1.1em;
        width:30em;
        vertical-align:top;
        line-height:1.25em;
    }
    .showpointer {
        cursor:default;
    }
    .showpointer:hover {
        cursor:pointer;
    }
    
    table.formular input, select {
        border:1px solid #000000;
        font-size: 1em !important;
        padding: 1px 2px;
        margin: 1px 2px;
        width:97%;
    }
    table.formular textarea {
        border:1px solid #000000;
        font-family: verdana, arial, sans-serif;
        padding: 1px 2px;
        margin: 1px 2px;
        width:97%;
    }
    span.fehler {
        color: #ff1000;
    }
/* GEMEINSAME ELEMENTE DER RUBRIKSEITEN ENDE */



/* PROPRIETÄRE ELEMENTE DER RUBRIKSEITEN START */

    div.clickbar {
        cursor:default;
    }

    div.clickbar:hover {
        cursor:pointer;
    }

    div.trenner img {
        margin-right:6px;
        border:0px none;
    }
    div.trenner a {
        text-decoration:underline;
    }
    div.trenner a:hover {
        text-decoration:none;
    }
    div.post_anmerkung {
        margin-top:0px;
        font-style:italic;
    }
    div.post_antwort {
        padding-left:40px;
    }
    table.formular input.checknradio {
        border:medium none;
        width:12px;
        margin-top:5px;
    }
    div.alphabet a {
        text-decoration: none !important;
    }
    div.alphabet a:hover , div.alphabet a:visited , div.alphabet a:active {
        text-decoration: none !important;
    }
    div.fliesstext a.active {
        font-weight:bold;
    }
    div.sonderfall_fragenliste a {
        text-decoration:none;
    }
    div.sonderfall_fragenliste a:hover {
        text-decoration:underline;
    }
    div.links div.subnavi {
        font-size:0.73em !important;
    	line-height:1.35em;
    	padding-left:20px;
    }
    div.kalender {
        font-size:0.7em !important;
    }
    div.kalender div.zeile {
        border:1px solid black;
        border-top:0px none;
        overflow:hidden;
    }
    div.kalender div.erster {
        border-top:1px solid black;
    }
    div.kalender div.sonntag {
        background-color:#8BD356;
        color:#ffffff;
    }
    div.kalender div.samstag {
        background-color:#DEF4A6
        color:#067E00;
    }
    div.kalender div.wochentag {
        background-color:#ffffff;
        color:#067E00;
    }
    div.tag {
        padding:3px;
        margin:0px;
        line-height:1em;
        float:left;
        font-weight:bold;
    }
    div.tagestext {
        padding:3px;
        margin:0px;
        margin-left:50px;
        line-height:1.3em;
        font-weight:normal;
        color:black !important;
    }
    div.kalender a {
        text-decoration:underline;
        color:black;
    }
    div.kalender a:visited {
        text-decoration:underline;
        color:black !important;
    }
    div.kalender a:hover {
        text-decoration:none;
    }
    div.kalender td.image {
        border:1px solid black;
    }
    div.bildermitrahmen img {
        border:1px solid black !important;
    }
    h2.rubrik_titel a {
        text-decoration:none;
        padding:0px;
        margin:0px;
        color:#000 !important;
    }
    div.tagestext a {
    text-decoration:none;
    padding:0px;
        margin:0px;
        color:#000 !important;
    }
    div.tagestext a:hover {
        text-decoration:underline !important;
    }
    div.tagestext a:visited {
        text-decoration:none;
    }
    
    div.skin_gelb span.buchtipps_titel {
        color:#965100 !important;
    }
    div.skin_rot span.buchtipps_titel {
        color: #8c3500 !important;
    }
    div.skin_gruen span.buchtipps_titel {
        color: #067e00 !important;
    }
    div.skin_blau span.buchtipps_titel {
        color: #01578e !important;
    }
    h2.head {
        margin-top:13px;
    }
    div.sonderfall_buecherliste span.buchtipps_titel {
        color:black !important;
    }
    div.tschuess-blase-schmal {
        float: left;
        width: 201px;
        background-image: url(/img/tschuess_blase_klein_bg.gif);
        background-repeat: repeat-y;
        font-size: 18px;
        font-weight: bold;
    }
    
    div.tschuess-blase-schmal-oben {
        background-image: url(/img/tschuess_blase_klein_oben.gif);
        background-position: top left;
        background-repeat: no-repeat;
    }
    
    div.tschuess-blase-schmal-unten {
        background-image: url(/img/tschuess_blase_klein_unten.gif);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding: 5px 15px 5px 5px;
    }
    
    div.tschuess-bild-klein {
        width: 200px;
        float: left;
    }
    
    div.tschuess-blase-breit {
        float: left;
        width: 402px;
        background-image: url(/img/tschuess_blase_gross_bg.gif);
        background-repeat: repeat-y;
        font-size: 18px;
        font-weight: bold;
    }
    
    div.tschuess-blase-breit-oben {
        background-image: url(/img/tschuess_blase_gross_oben.gif);
        background-position: top left;
        background-repeat: no-repeat;
    }
    
    div.tschuess-blase-breit-unten {
        background-image: url(/img/tschuess_blase_gross_unten.gif);
        background-position: bottom left;
        background-repeat: no-repeat;
        padding: 5px 5px 18px 5px;
    }
    
    div.tschuess-bild-gross {
        width: 410px;
        float: left;
    }
    
    div.tschuess-text {
        padding: 0px 10px 10px 10px;
        font-size: 18px;
        font-weight: bold;
    }
    
    div.tschuess-text-schmal {
        float: left;
        width: 180px;
        padding: 0px 10px 10px 10px;
        font-size: 18px;
        font-weight: bold;
    }
/* PROPRIETÄRE ELEMENTE DER RUBRIKSEITEN ENDE */



/* IMAGE STYLES START */

    div.wasnoch img {
        width:10em;
        height:10em;
        border:1px solid black;
        margin-bottom:0.4em;
    }
    div.hometeaser div.rechts img {
        border:1px solid black;
    }
    div.bild_ganzebreite {
        border:1px solid black;
    }
    img.size_400_194 {
        width:25em;
        height:12.13em;
    }
    img.size_190_190 {
        width:11.88em;
        height:11.88em;
    }
    img.size_400_120 {
        width:25em;
        height:7.5em;
    }
    img.size_120_120 {
        width:7.5em;
        height:7.5em;
    }
    img.size_190_120 {
        width:11.88em;
        height:7.5em;
    }
    img.size_400_262 {
        width:25em;
        height:16.38em;
    }
    div.fliesstext img.size_192_117 {
        width:21.94em;
        height:13.36em;
    }
    img.mr{
        margin-right:1.13em;
    }
    div.formatierte_inhalte img {
        border:0px none; 
        margin-bottom:0px !important;
    }
    div.formatierte_inhalte td.image {
        border:1px solid black;
    }
    span.comic_titel {
        color:#965100;
    }
    img.hidden {
        width:0px;
        height:0px;
        border:0px none;
        visibility:hidden;
    }
    img.trennlinie {
        margin-top:10px;
        padding-bottom:10px;
    }
    span.klein {
        font-size:0.75em !important;
    }
    div.sub_container div.sub_bild img {
        width:2.5em;
        height:2.5em;
        border:1px solid black;
    }
    div.spiele img {
        border:0px none;
        margin:0px;
        padding:0px;
    }
    div.fliesstext td.image img {
        border:1px solid black !important;
    }
    img.blackborder {
        border:1px solid black !important;
    }
    div.blackborder img {
        border:1px solid black !important;
        margin-left:-2px;
        margin-top:-2px;
    }
    span.blackborder img {
        border:1px solid black !important;
        margin-left:-2px;
        margin-top:-2px;
    }
    span.blackborder div {
        margin-top:3px;
        margin-bottom:-2px;
    }
    a {
        text-decoration: none;
        color: #000;
    }
    .unterseitenNavi {
        border-top: solid 1px black;
        border-bottom: solid 1px black;
        width: 44.8em;
        font-size: 9px !important;
        padding: 2px 0 5px 0;
        margin: 0 0 10px 0;
    }
    .unterseitenNaviZahlenContainer {
        float: right;
        text-align: right;
    }
    .unterseitenNaviZahl {
        float: left;
        margin-top: 1px;
        padding: 0 4px 0 4px;
    }
    .unterseitenNaviActive {
        padding: 0 3px 1px 3px;
        border: solid 1px black;
        margin-top: 0px;
        background-color: #fff;
    }

/* IMAGE STYLES ENDE */