.ie-hinweis {position:absolute;background:#c60000;color:#FFF;padding:10px;width:100%;top:0;text-align:center}
        .ie-hinweis a {color:#FFF}
        .FotoBox {
            background: #fff;
        }
        .bubblemap {
            position: relative;
            text-align: left;
        }
        .bubblemap a {
            text-decoration: none;
            color: #000;
            font-family: Verdana, sans-serif;
            font-size: 12px;
            font-weight: bold;
            padding: 10px;
            display: inline-block;
            margin-right: 5px;
            background: #dcdcdc;
            /*padding-right: 25px;*/
            position: relative;
        }
        .bubblemap .more {
            display: none;
        }
        .bubblemap .footnote a,
        .bubblemap .footnote a:hover {
            color: #000;
            padding: 0;
            text-decoration: underline;
            font-weight: normal;
            margin: 0;
            background: none;
            font-size: 11px !important;
        }
        .bubblemap a:hover,
        .bubblemap a.active {
            background: #404040;
            color: #fff;
        }
        .bubblemap h1 {
            font-size: 32px;
            line-height: 40px;    
            font-weight: 300;
            font-family: Georgia, serif;
            color: #000;
            margin-bottom: 20px;
        }
        .bubblemap h2 {
            font-size: 22px;
            line-height: 35px;    
            font-weight: 300;
            font-family: Georgia, serif;
            color: #000;
            margin-bottom: 10px;
        }
        .bubblemap .datamaps-legend {
            left: auto;
            right: 28px;
            bottom: 80px;
            font-family: Verdana, sans-serif;
            font-size: 11px;
        }
        .bubblemap .datamaps-legend li {
            list-style: none;
            line-height: 13px;
        }
        .bubblemap .datamaps-legend .descr {
            line-height: 7px;
            font-size: 11px;
            font-family: Verdana, sans-serif;
            /*float: left;*/
        }
        .bubblemap .datamaps-legend .fill {
            width: 10px;
            height: 10px;
            display: inline-block;
            margin-right: 5px;
        }
        .bubblemap .mapContainer {
            margin-top: 90px;
            margin-bottom: 50px;
            position: relative;
            width: 100%;
            height: 500px;
        }
        .bubblemap .footnote {
            float: right;
            position: absolute;
            right: 0;
            text-align: right;
            width: 150px;
            z-index: 10;
            word-wrap: break-word;
            font-family: Verdana,sans-serif !important;
            font-size: 11px !important;
        }
        .bubblemap .map_election {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 500px;
        }
        .bubblemap .text {
            font-family: Verdana,sans-serif;
            font-size: 12px;
            line-height: 17px;
            color: #000;
        }
        .bubblemap p {
            margin-bottom: 20px;
            margin-top: 10px;
        }
        .bubblemap .legend {
            position: absolute;
            right: 0;
            bottom: -40px;
        }
        .bubblemap .legend li {
            position: relative;
            padding-left: 25px;
            list-style: none;
        }
        .bubblemap .legend li.red:before {
            content: " ";
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            background: rgba(198, 0, 0, 0.5);
            border: 1px solid #c60000;
            border-radius: 100px;
            left: 0;
            top: -3px;
        }
        .bubblemap .hoverinfo {
            font-family: Verdana,sans-serif;
            font-size: 12px;
            line-height: 17px;
            color: #555;
        }

        .bubblemap .hoverinfo strong {
            font-weight: bold;
        }

        .bubblemap .bar {
            width: 100%;
            height: 30px;
            position: absolute;
            top: -30px;
            left: 0;
            background: #dcdcdc;
        }
        .bubblemap .bar .dem,
        .bubblemap .bar .rep,
        .bubblemap .bar .son,
        .bubblemap .bar .demOld,
        .bubblemap .bar .repOld,
        .bubblemap .bar .sonOld {
            width: 100%;
            height: 100%;
            float: left;
            position: relative;
        }
        .bubblemap .bar .rep,
        .bubblemap .bar .repOld {
            float: right;
        }
        .bubblemap .bar .label {
            position: absolute;
            top: -36px;
            color: #000;
            font-family: Verdana, Arial, sans-serif;
            font-size: 30px;
            font-weight: bold;
        }
        .bubblemap .bar .son .label,
        .bubblemap .bar .sonOld .label {
            display: none;
            left: -2px;
        }        
        .bubblemap .bar .label.ldem {
            left: 0;
        }
        .bubblemap .bar .label.lrep {
            right: 0;
        }
        .bubblemap .bar .seperator {
            position: absolute;
            left: 50%;
            margin-left: -121px;
            top: 0;
            width: 242px;
            z-index: 10;
            font-family: Verdana, sans-serif;
            font-size: 12px;
            top: 37px;
        }
        .bubblemap .bar .seperator span {
            position: absolute;
            top: -37px;
            left: 50%;
            width: 1px;
            margin-left: -1px;
            background: #000;
            height: 33px;
        }
        .bubblemap .bar.gov .seperator {
            display: none;
        }
        .bubblemap .yearSwitch {
            position: absolute;
            right: 0;
            bottom: -22px;
            z-index: 10;
        }
        .bubblemap td + td {
            text-align: right;
        }
        .bubblemap .hoverinfo.rep td + td {
            text-align: left;
        }
        .bubblemap .hoverinfo hr {
            border: 1px solid #CCC;
        }
        .bubblemap .ebox {
            width: 70%;
            position: relative;
            height: 255px;
        }
        .bubblemap .ebox .etext {
            position: absolute;
            top: 0;
            left: 0;
            font-family: Georgia,serif;
            font-size: 16px;
            line-height: 24px;
            color: #000;
        }
        .bubblemap .text.gov,
        .bubblemap .text.rep,
        .bubblemap .text.hist {
            display: none;
        }

        .bubblemap .text.long.hist.sen {
            display: block;
        }

        .bubblemap b {
            font-weight: bold;
        }
        .bubblemap i {
            font-style: italic;
        }
        .bubblemap .dateContainer {
            position: absolute;
            width: 250px;
            right: 0;
            top: 69px;
            height: 35px;
            text-align: right;
        }
        .bubblemap td {
            padding-right: 5px;
        }
        .bubblemap .dateContainer p {
            position: absolute;
            top: 0;
            left: 0;
            height: 35px;
            width: 245px;
        }
        .bubblemap .hoverinfo {
            box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
        }
        .bubblemap .Rubrikenkopf {
            display: none;
        }
        @media (max-width: 680px) {
            .bubblemap {
                padding: 0 2%;
            }
            .bubblemap a {
                width: 94%;
                margin: 5px 0;
                padding: 3%;
            }
            .bubblemap .map_election {
                height: 250px;
            }
            .bubblemap .bar {
                top: -45px;
            }
            .bubblemap .mapContainer {
                height: 300px;
            }
            .bubblemap .yearSwitch {
                width: 100%;
                position: static;
            }
            .bubblemap p {
                width: 100%;
            }
            .bubblemap .datamaps-legend {
                position: static;
                margin-top: -10px;
            }
            .bubblemap .datamaps-legend ul {
                padding: 0;
            }
            .bubblemap .datamaps-legend li {
                margin: 0;
            }
            .bubblemap .dateContainer{
                position: relative;
                top: 0;
                right: auto;
                text-align: left;
            }
            .bubblemap .footnote {
                float: none;
                width: 100%;
                text-align: left;
            }
            .bubblemap .datamaps-hoverover {
                box-shadow: none;
                bottom: -104px !important;
                top: auto !important;
                left: 0 !important;
                width: 100%;
                height: 122px;
                background: #fff;
            }
            .bubblemap .footnote {
                position: static;
                right: auto;
            }
            .bubblemap .datamaps-hoverover .hoverinfo {
                padding: 0;
                border-radius: 0;
                background-color: #FFF;
                box-shadow: 0 0 0 #fff; 
                font-size: 12px;
                border: 0;
            }
            .bubblemap .ebox {
                height: auto;
                width: 100%;
            }
            .bubblemap .ebox .etext {
                position: static;
            }
        }
        #FAZContentRight .bubblemap h1 {
            display: none;
        }
        #FAZContentRight .bubblemap {
            padding: 0;
        }
        #FAZContentRight .bubblemap a {
            width: 94%;
            margin: 5px 0;
            padding: 7px 3px;
            font-size: 11px;
        }
        #FAZContentRight .bubblemap .nav {
            overflow: hidden;
        }
        #FAZContentRight .bubblemap .nav a {
            float: left;
            padding: 10px 3px;
            margin-right: 2px;
            text-align: center;
        }
        #FAZContentRight .bubblemap .Rubrikenkopf {
            display: block;
            margin-bottom: 10px;
        }
        #FAZContentRight .bubblemap .Rubrikenkopf a {
            font-family: Georgia,serif !important;
            line-height: 22px;
            font-size: 17px;
            color: #000;
            text-decoration: none;
            padding: 0;
            background-color: #fff;
            padding-right: 29px;
            font-weight: normal;
            margin: 0;
            width: auto;
        }
        #FAZContentRight .bubblemap .Rubrikenkopf a:hover {
            color: #c60000;
        }
        #FAZContentRight .bubblemap .mapContainer {
            margin-top: 73px;
        }
        #FAZContentRight .bubblemap .nav a.sb {
            width: 47px;
        }
        #FAZContentRight .bubblemap .nav a.rb {
            width: 143px;
        }
        #FAZContentRight .bubblemap .nav a.gb {
            width: 88px;
            margin-right: 0;
        }
        #FAZContentRight .bubblemap .map_election {
            height: 250px;
        }
        #FAZContentRight .bubblemap .bar {
            top: -25px;
        }
        #FAZContentRight .bubblemap .mapContainer {
            height: 300px;
        }
        #FAZContentRight .bubblemap .yearSwitch {
            display: none;
        }
        #FAZContentRight .bubblemap p {
            width: 100%;
        }
        #FAZContentRight .bubblemap .datamaps-legend {
            display: block;
            position: static !important;
            width: 100%;
        }
        #FAZContentRight .bubblemap .dateContainer{
            position: relative;
            top: 0;
            right: auto;
        }
        #FAZContentRight .bubblemap .footnote {
            text-align: left;
            display: none !important;
        }

        #FAZContentRight .bubblemap .datamaps-hoverover .hoverinfo {
            font-size: 11px;
        }
        #FAZContentRight .bubblemap .ebox {
            display: none;
        }
        #FAZContentRight .bubblemap .ebox .etext {
            position: static;
        }
        #FAZContentRight .bubblemap .dateContainer {
            width: 100%;
            height: 20px;
        }
        #FAZContentRight .bubblemap .more {
            display: block;
            width: auto;
            position: absolute;
            right: 0;
            bottom: -24px;
            padding: 9px 10px;
            padding-right: 25px;
        }
        #FAZContentRight .bubblemap .more:after {
            content: " ";
            background: url(../images/winkel.png) no-repeat 0 0;
            display: block;
            position: absolute;
            right: 8px;
            top: 7px;
            width: 12px;
            height: 17px;
        }            
        #FAZContentRight .bubblemap .more:hover:after {
            background: url(../images/winkel-w.png) no-repeat 0 0;
        }
        #FAZContentRight .bubblemap.android .datamaps-hoverover {
            display: none !important;
        }