#navigation, #containerbereich {
    font-size: 11px
    }
#seitenende {
    font-size: 0.75em;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #436acf;
    text-align: center;
    clear: both;
    margin-bottom: 60px;
    position: relative;
    top: 50px
    }
div#bomain hr {
    border-top: 1px solid #E6EDFF
    }
#alles {
    background-image: none !important
    }
@media screen {
    /* overriding global layout styles for width */
    body h1 {
        font-size: 1.8em
        }
    body h2 {
        font-size: 1.4em
        }
    body h3 {
        font-size: 1.2em
        }
    body h4 {
        font-size: 1em
        }
    body #bo_page {
        width: 1036px
        }
    body .skyscraper {
        left: 1050px
        }
    p.topline {
        width: 1036px;
        background-position: 716px
        }
    #bo_header #meta_navigation {
        left: 716px
        }
    #bo_header #search {
        left: 716px
        }
    #bo_header #main_navigation {
        width: 1031px
        }
    #bo_header #main_navigation ul.navigation .sub {
        width: 1029px
        }
    #bo_header #bo_supernavigation {
        width: 950px;
        left: 20px
        }
    #bo_box {
        margin-top: 0
        }
    #alles {
        position: relative;
        overflow: hidden;
        padding: 20px;
        padding-top: 3em
        }
    #alles h2, #alles h3 {
        margin-top: 0.5em;
        margin-bottom: 0.5em
        }
    #alles h2 {
        border: none;
        color: black
        }
    #navigation {
        width: 178px;
        margin-right: 20px;
        float: left
        }
    #logo {
        background: #E6EDFF;
        overflow: hidden
        }
    #navigation #logo img {
        max-width: 100%
        }
    .non-ie #logo img {
        width: 100%
        }
    #navigation ul {
        border-top: 1px solid #E6EDFF;
        list-style-image: none;
        padding-top: 0.2em;
        list-style: none
        }
    #navigation li {
        border-bottom: 1px solid #E6EDFF;
        padding: 0.4em 0.2em 0.4em 1em;
        margin-left: 0;
        background: url(/_bde/css/list_bullet.png) no-repeat 0 0.5em
        }
    #navigation ul ul {
        margin-top: 0.5em;
        border-top: none
        }
    #navigation ul ul li {
        border-bottom: none;
        border-top: 1px solid #E6EDFF
        }
    #navigation strong, #navigation strong a {
        color: #B60033
        }
    #navigation a strong {
        color: inherit
        }
    #navigation ul li.active a {
        color: #b60033;
        font-weight: bold
        }
    #navigation ul li li.active a {
        font-weight: normal
        }
    /* ie all*/
    /*  ie land-form legenden-fix */
    .ie8 #alles form.land_form fieldset, .ie7 #alles form.land_form fieldset, div.ie6 #bo_container #alles {
        width: auto;
        position: relative;
        overflow: visible
        }
    .ie8 #alles form.land_form fieldset legend, .ie7 #alles form.land_form fieldset legend {
        position: absolute;
        left: 0;
        top: -8px
        }
    #bo_page #alles #bomain_content .sektion {
        clear: none
        }
    /* ie6 */
    html div.ie6 #bo_container #bomain {
        width: 620px;
        padding: 0;
        margin: 0
        }
    .ie6 #alles form.land_form fieldset {
        overflow: visible
        }
    .ie6 .container {
        height: 1%
        }
    .ie6 .partner li {
        display: block;
        float: left
        }
    /* ie7 */
    .ie7 #alles ol li {
        margin-left: 31px
        }
    }
#abteilungen {
    margin-top: 2em;
    background: #E6EDFF;
    overflow: hidden
    }
#abteilungen ul {
    border-top: none
    }
#abteilungen li {
    padding-left: 17px;
    border-color: white;
    background-position: 3px 5px
    }
#abteilungen ul ul li {
    border-color: white
    }
#metanavigation {
    position: absolute;
    top: 5px;
    right: 20px;
    overflow: hidden;
    color: #2d509a
    }
#metanavigation form {
    display: inline
    }
#metanavigation input, #metanavigation button {
    border: none;
    margin: 0;
    padding: 0;
    width: 5em
    }
#metanavigation input {
    border: 1px solid #436acf;
    padding: 1px;
    width: 90px
    }
#metanavigation button {
    width: 1em;
    background: url(/_bde/css/list_bullet.png) no-repeat 0 0.2em;
    height: 2em
    }
#metanavigation ul {
    display: block;
    float: right;
    margin-bottom: 0;
    list-style: none
    }
#metanavigation li {
    display: block;
    float: left;
    padding: 0;
    margin: 0 0 0 0.2em
    }
#metanavigation li.left {
    margin-top: 2px
    }
#metanavigation > ul > li, #metanavigation > form > ul {
    padding: 0.2em 0.5em 0.2em 0;
    margin: 0 0 0 0.3em
    }
#metanavigation > ul > li {
    background: url(/_bde/css/list_bullet.png) no-repeat right 0.4em;
    padding: 0.2em 1em 0.2em 1em
    }
#bomain {
    float: left;
    width: 620px;
    /*564*/
    }
#containerbereich {
    float: right;
    width: 155px;
    margin-left: 20px
    }
#containerbereich h3 {
    margin-top: 0
    }
.container {
    background: #e6edff;
    margin-bottom: 2em;
    padding-bottom: 0.2em
    }
.container h3, .container div {
    padding: 0.3em 1em
    }
.container div div {
    padding: 0
    }
.container h3 {
    background: #436acf;
    color: white;
    font-size: 1em
    }
#alles .container h3 a {
    color: white
    }
/* ----- Modules ----- */
#bomain ul, li {
    margin: 0 0.8em 0.2em;
    padding: 0
    }
div#bomain ul, #alles div.bacontent ul {
    margin: 0.5em 1em 1em;
    position: relative
    }
#opener {
    overflow: hidden;
    margin-bottom: 1.5em
    }
#opener img {
    float: left;
    margin: 0 1.5em 1em 0
    }
#opener p img {
    margin-right: 0
    }
#opener div.openercontent img {
    margin-right: 0;
    float: none;
    margin-bottom: 4px
    }
.aktion {
    overflow: auto;
    margin-bottom: 1em;
    clear: both
    }
.aktion .aktion_head {
    font-weight: bold;
    color: black;
    font-size: 1em;
    border: none;
    background: url(/imperia/md/images/system/bg_aktion.gif) no-repeat scroll left top #e6edff;
    padding: 0.3em 0.2em;
    margin-top: 1em;
    min-height: 2em
    }
#alles .aktion_head .titel {
    background: none repeat scroll 0 0 #E6EDFF;
    float: left;
    font-weight: bold;
    line-height: 1.6em;
    margin-left: 0;
    margin-top: 0;
    padding-left: 15px;
    padding-right: 2em
    }
.bacontent {
    margin-bottom: 2em
    }
#alles .erklaerung {
    margin-bottom: 1em;
    overflow: hidden;
    clear: both
    }
#alles .erklaerung .bild {
    float: left;
    margin: 0 1em 1em 0;
    clear: both;
    background: #fff
    }
#alles .erklaerung h2 {
    color: black;
    font-size: 1em;
    border: none;
    background: #e6edff;
    padding: 0.3em 0.8em;
    margin-top: 0
    }
/*#alles .erklaerung {clear: both;display: block;min-height: 12em;padding: 0 0 0 131px;position: relative;}*/
/*#alles .erklaerung .bild {background: url(/imperia/md/images/system/bg_sektion_bild.gif) no-repeat scroll left top transparent;float: left;left: 0;margin: 0;padding-top: 0px;position: absolute;width: 131px;}*/
#alles .erklaerung {
    clear: both;
    display: block;
    min-height: 10em;
    padding: 0 0 0 0;
    position: relative
    }
#alles .erklaerung .bild {
    margin: 0 10px 0 0;
    /*background: url(/imperia/md/images/system/bg_sektion_bild.gif) no-repeat scroll left top transparent;*/
    float: left;
    left: 0;
    padding: 0;
    position: relative;
    width: 131px
    }
#alles .erklaerung p {
    margin: 0 0 10px 10px
    }
#alles .keinbild {
    padding-left: 0 !important;
    min-height: 5em
    }
#alles .erklaerung .bild img {
    border: medium none
    }
#alles .erklaerung ul {
    display: inline-block;
    margin-left: 0
    }
#sektionsbereich, .sektionsbereich {
    clear: both;
    margin-right: -3.2em;
    margin-top: 20px;
    padding: 0;
    position: relative;
    width: 105%;
    overflow: visible
    }
#alles .sektion {
    display: block;
    float: left;
    overflow: visible;
    margin-right: 7px;
    height: 1%;
    min-height: 11em;
    max-height: 15em;
    padding: 0 0 0 127px;
    position: relative
    }
.ie6 #alles .sektion {
    height: 12em
    }
#alles .sektion .bild {
    background: url(/imperia/md/images/system/bg_sektion_bild.gif) no-repeat scroll left top transparent;
    margin: 0 0 0 -131px;
    padding-top: 3px;
    position: absolute;
    width: 131px
    }
#alles .sektion .bild img {
    border: medium none
    }
#alles .sektion h2 {
    background: url(/imperia/md/images/system/bg_sektionsflaeche.gif) no-repeat scroll right top transparent;
    color: #000;
    display: block;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 2px;
    padding-top: 7px;
    width: 170px
    }
#alles .sektion h2 span {
    display: block;
    margin-left: 10px
    }
#alles .sektion p {
    display: block;
    margin: 6px 2px 0 10px;
    padding: 0;
    width: 170px
    }
#alles .sektion .rechts {
    float: right;
    margin: 1em 0 1em 1em
    }
/*
#alles .zweispaltig {overflow:hiddem;margin-bottom:1em;position:relative;}
  #alles .zweispaltig .links {position:relative;width: 48%;}
  #alles .zweispaltig .rechts {left:52%;position:absolute;top:0px;width:48%;}
*/
#alles .zweispaltig {
    overflow: auto;
    margin-bottom: 1em;
    position: relative;
    width: 100%
    }
#alles .zweispaltig .links {
    float: left;
    left: 0;
    position: relative;
    top: 0;
    width: 48%
    }
#alles .zweispaltig .rechts {
    float: right;
    left: 52%;
    position: static;
    right: 0;
    top: 0;
    width: 48%
    }
#alles .zweispaltig .links_bo {
    float: left;
    width: 48%
    }
#alles .zweispaltig .rechts_bo {
    float: right;
    width: 48%
    }
#alles .bildundtext {
    margin-bottom: 1em;
    overflow: hidden
    }
#alles .bildundtext .bild {
    float: left;
    margin: 0 15px 2px 0
    }
#alles .bildundtext .rechts {
    float: right;
    margin: 0 0 1em 1em
    }
#alles .unfloat .text {
    padding-left: 1em
    }
span.caption, div.caption {
    font-size: 0.7em;
    text-align: center
    }
table.seninn {
    margin: 0.5em 0 2em
    }
table.seninn td, table.seninn th {
    padding: 3px 4px;
    border: 1px solid white
    }
table.seninn caption {
    font-weight: bold;
    text-align: left;
    margin-bottom: 0.5em
    }
table.seninn tfoot td {
    padding-top: 0.5em;
    text-align: right;
    font-size: 0.8em;
    color: #555
    }
.bacontent.c2 table td {
    padding: 4px
    }
#alles a.lang {
    display: block;
    padding: 4px 0 4px 36px
    }
#alles a.ba {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_ba.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.cs {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_cs.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.cz {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_cz.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.da {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_da.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.de {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_de.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.en {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_en.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.eo {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_eo.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.es {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_es.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.fr {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_fr.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.he {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_he.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.hr {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_hr.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.hu {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_hu.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.it {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_it.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.ja {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_ja.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.jp {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_jp.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.lb {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_lb.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.nl {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_nl.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.pl {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_pl.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.ru {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_ru.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.tr {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_tr.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.uk {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_uk.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.zh {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_zh.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.en {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_english.png) no-repeat scroll 0 0.2em transparent
    }
#alles a.de {
    background: url(/imperia/md/images/rbm-skzl/system/icon_flag_deutsch.png) no-repeat scroll 0 0.2em transparent
    }
.even {
    background: #FAFBFF
    }
.odd {
    background: #e6edff
    }
#pagenavi {
    overflow: hidden;
    text-align: center;
    margin-bottom: 1em;
    background: url(/imperia/md/images/system/hr_gradient.gif) repeat-x scroll 0 0 #FFF;
    clear: both;
    margin-top: 1.5em;
    padding-top: 14px;
    text-align: center;
    width: 100%
    }
.back {
    float: left;
    text-align: left;
    width: 33%
    }
.here {
    float: left;
    text-align: center;
    width: 33%
    }
.next {
    float: right;
    text-align: right
    }
big big a {
    text-decoration: underline
    }
/* old AZ-lists */
.neighbouring_thumbnails {
    overflow: hidden
    }
.highslide img {
    border: none !important
    }
#raheader {
    width: 620px;
    float: left
    }
#alles dt {
    float: left;
    font-weight: bold;
    margin: 0 0 0 4px;
    padding: 2pt;
    width: 9em
    }
#alles dd {
    margin: 0;
    padding: 2pt 2pt 2pt 9.5em
    }
#alles .task dd {
    padding-left: 1.5em
    }
#alles dl.breit dt {
    width: 13.5em
    }
#alles dl.breit dd {
    padding-left: 14.5em
    }
/* -- zindex fix -- */
#alles img.c1 {
    position: static
    }
/* link-extern-icon / pdf-mini icon fix */
/*#bomain_content .bacontent img {margin:0px 5px 5px 0px;}*/
#alles p img, #alles img.c2, #bomain_content .bacontent p img, #alles img.c3, #alles img.c4, #alles img.c5 {
    float: none;
    margin-bottom: 4px
    }
#alles .bacontent li img.c3, #alles .bacontent li img.c4, #alles .bacontent li img.c5 {
    float: none;
    margin-right: 3px
    }
div.pdf {
    clear: both;
    margin: 1em 0 0;
    min-height: 40px
    }
div.pdf img {
    border: medium none;
    margin: -4px 0 5px 5px
    }
div.pdf a {
    display: block;
    height: 40px;
    position: absolute;
    width: 66px
    }
.download div.pdf a {
    font-weight: bold;
    width: 33px;
    overflow: hidden
    }
.download div.pdf img {
    height: 2.2em;
    width: 2.9em
    }
div.pdf p {
    float: none;
    margin-bottom: 0.3em;
    margin-left: 70px;
    position: relative
    }
div.pdf span {
    margin-bottom: 0.3em;
    margin-left: 70px;
    position: relative
    }
div.pdf span {
    display: block;
    font-size: 0.75em
    }
div.pdf p a {
    display: inline;
    float: none;
    height: auto;
    position: relative;
    width: auto
    }
div#bomain ul.download {
    clear: both;
    list-style-image: none;
    list-style-type: none;
    margin: 0.5em 1em 1em 0.5em
    }
div#bomain ul.download li {
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%
    }
/* rathausaktuell */
div.bildundtext_ra {
    position: relative;
    padding: 0;
    padding-left: 0;
    padding-top: 0.5em;
    margin-bottom: 2em;
    display: block;
    clear: both
    }
#alles .bildundtext_ra .bild {
    float: left
    }
#alles .bildundtext_ra .rechts {
    float: right;
    padding-left: 10px
    }
#alles .bildundtext_ra .text {
    font-weight: bold
    }
.bildundtext_ra span.caption {
    display: block
    }
/* Toplink */
span.toplink {
    clear: both;
    display: block;
    margin: 1em 0 2em;
    text-align: right
    }
span.toplink a {
    background: url(/imperia/md/images/system/seitenanfang_small.gif) no-repeat scroll left 0.5em transparent;
    font-size: smaller;
    padding-left: 1.1em;
    text-decoration: none
    }
/* ----- Forms ----- */
#bomain form {
    background: none repeat scroll 0 0 #E6EDFF;
    padding: 0.5em;
    overflow: hidden
    }
#bomain form fieldset {
    border: none
    }
#alles form.land_form {
    margin-top: 20px;
    clear: both
    }
#alles form.land_form input.checkbox {
    left: 1px
    }
#alles form.land_form fieldset.wider span, #alles form.land_form fieldset.wider div.span {
    width: 97%
    }
#alles form.land_form fieldset.wider textarea, #alles form.land_form fieldset.wider input {
    width: 330px
    }
#bomain form span.sflabel {
    margin: 2px 5px 0 0
    }
.bosearchform form div {
    margin-bottom: 1em
    }
/* Terminvereinbarung */
#hhibody #kundendaten span.comment {
    color: #777;
    display: block;
    margin-bottom: 0;
    margin-left: 38px;
    font-size: 0.85em
    }
#hhibody #kundendaten span.commentdatenschutz {
    color: #777;
    display: block;
    margin-bottom: 10px;
    margin-left: 16px;
    font-size: 0.85em
    }
#hhibody #kundendaten label, #hhibody #kundendaten input {
    margin-right: 5px
    }
#hhibody .task h3 {
    margin-top: 0.5em
    }
#hhibody #kundendaten #telefonlabel label {
    display: block;
    margin-top: 10px
    }
#hhibody #kundendaten #telefonlabel input {
    width: 200px;
    margin-right: 50px
    }
/* -- Pager --*/
.pager {
    display: block;
    list-style: none;
    overflow: hidden;
    margin: 1em 0 0;
    padding: 0 0 1em
    }
.pager li {
    display: block;
    margin: 0 !important;
    padding: 0.2em 0.5em;
    width: 4em;
    text-align: center;
    float: left
    }
.pager a.inactive {
    cursor: default;
    text-decoration: none;
    color: gray !important
    }
.pager a.active {
    font-weight: bold;
    color: #B60033 !important
    }
/* fix for: /ba-charlottenburg-wilmersdorf/org/gruen-und-tiefbau/maengelmelder-strassen-und-gehwege.php */
#alles form.land_form fieldset.ultrawide span.checkbox label.checkbox {
    min-height: 15px
    }
/* ----- Rubrik page fixes ----- */
#bdecontainer {
    font-size: 1.25em;
    width: 99.9%;
    margin-top: 20px
    }
/* h2 fix for http://www.berlin.de/ba-lichtenberg/aktuelles/aktuell01.html */
#alles h1 + h2 {
    margin-top: 0 !important
    }
/* Terminvereinbarung fix */
#alles #hhibody #crumb dd {
    padding-right: 6px !important
    }
#hhibody #wide.task {
    clear: both
    }
.ie6 #hhibody .task {
    width: 368px
    }
/* ImageMap-Fix */
#alles .landimagemap {
    margin-bottom: 10px
    }
/* Kontaktspalte */
.vcard .fn.org {
    display: block
    }
.vcard .tel .type {
    display: inline-block;
    min-width: 18px
    }
.vcard .stadtplan_link img {
    display: none
    }
@media print {
    #navigation, #metanavigation, #alles .toplink {
        display: none
        }
    body #alles {
        padding: 0;
        overflow: visible;
        float: none;
        display: block;
        background-image: none !important
        }
    #bomain {
        padding: 0;
        margin: 0;
        overflow: visible;
        float: none;
        display: block
        }
    #containerbereich {
        clear: both;
        padding: 0;
        margin: 20px 0 0 0;
        width: 620px;
        float: none;
        display: block
        }
    #containerbereich .container {
        width: 48%;
        float: left;
        margin-right: 1%
        }
    #bomain .sektionsbereich {
        clear: both;
        float: none;
        position: static !important
        }
    #seitenende {
        clear: both;
        margin: 0 0 20px 0;
        padding: 0;
        position: static !important
        }
    }