/*  besondere Styles fuer IE 6
----------------------------------------------------*/

@media screen
{

    /* der IE6 versteht kein max-width, deshalb hier ein kleiner Tritt in den Hintern per Javascript
    #rahmenmeta
    {
        width:expression( (document.documentElement.clientWidth > 1004? "62.75em": "auto") );
    }

    #rahmenaussen
    {
        width:expression( (document.documentElement.clientWidth > 880? "55em": "auto") );
    }

    #fussbreite
    {
        width:expression( (document.documentElement.clientWidth > 880? "55em": "auto") );
    }
    */
    #rahmenmeta{
      width:62.75em;
    }
    #rahmenaussen, #fussbreite
    {
      width:55em;
    }
}

@media print
{

    /* beim Drucken braucht er aber keine feste Breite  */
    #rahmenmeta
    {
        width: auto !important;
    }


    #rahmenaussen
    {
        width: auto !important;
    }

}


/* Platz 8 ist noch zu gut:
http://www.pcworld.com/article/125772-3/the_25_worst_tech_products_of_all_time.html */
.linkespalte
{
    left: auto;
    width: 13em;
    margin: 0 0 0 -13em;
}

.linkespalte *
{
    left: 0;
    z-index:0;
    position: relative;
}


.rechtespalte
{
    position: relative;
    right: auto;
    width: 10.875em;
    margin: 0 -10.875em 0 0;
}

.rechtespalte div, .rechtespalte ul
{
    left: 0;
    z-index:0;
    position: relative;
}


#rahmeninhalt
{
    width: auto;
    height: 100%;
    /* rechtes padding +10px wegen schatten rechts */
    padding: 0 11.5em 0 13em;
    background-image: url("../devimages/layout/schatten-inhalt.gif");
    background-repeat: repeat-y;
    background-position: top right;
}


#linkenavi
{
    float: left;
    margin: 0 0 0 6.4375em;
    width: 13em;
    padding: 0;
}


/* stirb einen langsamen qualvollen Tod, IE 6! */
.einspaltig .teaserliste
{
    position: relative;
    margin: 0 -100% 0 0;
}

.einspaltig .teaserliste1
{
    position: relative;    
}


/* #navi */

#navi li
{
    width: 10.8em;
    float: left;
    margin: 0 1px 0 0 !important;
}

#navi li a
{
    float: left;
    padding: 10px 0 4px 0 !important;
}


#navi li#stadtverwaltung
{
    width: 10.85em !important;
}

#navi li ul
{
    margin: 2px 0 0 -1px !important;
    width: 10.8em !important;
    z-index:1000;
}
#navi li ul li
{
    margin: 0 !important;
    padding: 0 !important;
    width: 9.6em !important;
}
#navi li ul li a
{
    display: block;
    width: 100% !important;
}


/* #kopf */

#logo
{
    /*
    Hoehe 100% jetzt im allgemeinen Style
    height: 18.1em;*/
}

/* #service */

#service
{
    padding: 0 10px 0 10px;
}


#service form
{
    float: left;
    margin: 6px 0 0 0;
}


#service form input
{
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}


#service ul
{
    margin-top: 0px;
}


#service ul li
{
    border-color: white;
}

#service ul li
{
    padding-top: 6px;
    padding-bottom: 8px !important;
    display: inline;
    width: auto;
    float: left;
    border-color: white;
}

#service ul li ul li .hell
{
    margin: -10px 0 0 -3px;
    padding: 0 !important;
    float: left;
}
#service ul li#sprache ul li .hell
{
    margin: -11px 0 0 -7px !important;
    width: 77%;
    border-right: 1px solid #555555 !important;
}
#service ul li#hilfe ul li .hell
{
    width: 63%;
    border-left: 1px solid #555555 !important;
}


#service ul li ul
{
    clear: both;
    display: block;
    margin: 0 !important;
    padding: 0 !important;
}

#service ul li.aufklapp ul li a,
#service ul li.aufklapp ul li a:hover,
#service ul li.aufklapp ul li a:focus,
#service ul li.aufklapp ul li a:active
{
    display: inline-block;
    border: none !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    background-image: url("../devimages/layout/icons/linkpfeil.gif") !important;
}



.teaserblock ul
{
    margin: 50px 0 0 0;
}


/* Bomb Redmond to Hell! */
.box ul.linkliste li a
{
    display: inline-block;
    background-position: 0 4px;
}

.box em.copyright
{
    margin: 5px -5px 0 0 !important;
}



/* .tabs */

.tabs .sprungmarken
{
    margin: 1px -5px 0 -5px !important;
}


.tabs .sprungmarken li
{
    width: 15%;
    float: left !important;
}


.tabs .sprungmarken li a
{
    padding: 2px 15px 4px 15px;
    margin: 0 0 0 0 !important;
    white-space: nowrap;
}
.tabs .sprungmarken li a:hover,
.tabs .sprungmarken li a:focus,
.tabs .sprungmarken li a:active,
.tabs .sprungmarken li.ui-tabs-selected a
{
    padding: 1px 15px 3px 15px;
    margin: 0 -1px 0 0 !important;
}
.tabs .sprungmarken li.ui-tabs-selected a:hover,
.tabs .sprungmarken li.ui-tabs-selected a:focus,
.tabs .sprungmarken li.ui-tabs-selected a:active
{
    padding: 1px 15px 3px 15px;
    margin: 0 -1px 0 0 !important;
}


.box h2.verlauf
{
    padding: 3px 10px 3px 10px;
}

/* .tabs NEU für Suche*/

.tabsneu .sprungmarkenneu
{
    margin: 1px -5px 0 -5px !important;
}


.tabsneu .sprungmarkenneu li
{
    width: 15%;
    float: left !important;
}


.tabsneu .sprungmarkenneu li a
{
    padding: 2px 15px 4px 15px;
    margin: 0 0 0 0 !important;
    white-space: nowrap;
}
.tabsneu .sprungmarkenneu li a:hover,
.tabsneu .sprungmarkenneu li a:focus,
.tabsneu .sprungmarkenneu li a:active,
.tabsneu .sprungmarkenneu li.ui-tabs-selectedneu a
{
    padding: 1px 15px 3px 15px;
    margin: 0 -1px 0 0 !important;
}
.tabsneu .sprungmarkenneu li.ui-tabs-selectedneu a:hover,
.tabsneu .sprungmarkenneu li.ui-tabs-selectedneu a:focus,
.tabsneu .sprungmarkenneu li.ui-tabs-selectedneu a:active
{
    padding: 1px 15px 3px 15px;
    margin: 0 -1px 0 0 !important;
}

.box h2.verlauf
{
    padding: 3px 10px 3px 10px;
}




#partnerlinks
{
    margin: 0;
}

#partnerlinks li
{
    width: 17.2%;
    margin: 0 0 0 20px;
}


form textarea
{
    width: 69.1%;
}

form input.radio
{
    margin: 0 14px 0 0;
}


#service form input
{
    line-height: 1.25;
}

form button span
{
    margin-top: 0px !important;
}


form .formfeld button span
{
    margin: 3px 0 0 0 !important;
    padding: 0;
}


.formfeld .links
{
    margin: 10px 7px 0 20px;
}


.einspaltig .teaserliste li {
    padding: 16px 0 8px 0;
}



.rechtespalte .teaserlisterechts
{
    width: 154px;
    float: left;
    clear: both;
    margin: 10px -5px 0 -5px !important;
    padding: 20px 10px 20px 10px !important;
}

.rechtespalte .teaserlisterechts li
{
    width: 100%;
    float: none;
    clear: both;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: block;
}
.rechtespalte .teaserlisterechts p
{
    width: 12.8em;
}
.rechtespalte .teaserlisterechts a
{
    clear: both;
    display: inline-block;
    width: 5.625em;
}

.teaserlisterechts a.bildlink
{
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background-image: none !important;
    width: auto !important;
}


.socialbookmarks
{
    width: 90%;
}

.bild p
{
    margin: 5px 0 0 0 !important;
}


.blaettern ul li em
{
    line-height: 1.6 !important;
}



form.standard button span
{
    display: block;
    padding: 1px 0 0 0 !important;
}


.kommentare ol li
{
    margin: 0 0 0 22px;
}

.MeintenSie
{
  top: 412px;
}

