@charset "utf-8";
/* CSS Document */

/* CSS fuer die Kontakt Erweiterung*/

div.user-skkontakt-pi1 {

}

div.user-skkontakt-pi1 input {
        font-size: 1.00em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.user-skkontakt-pi1 .eingabe {
        width: 400px;
        padding: 0.1em 0.2em;
}
div.user-skkontakt-pi1 input.submit {
        color: #333;
        padding: 0.1em 0.2em;
        cursor: pointer;
}

div.user-skkontakt-pi1 textarea {
        width: 30.00em;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.00em;
        margin: 0px 0px 1.0em 0px;
}

/*
div.user-skkontakt-pi1 a {
        color: #000000;
}
*/

/* CSS fuer Fomulare */

form {
        margin: 0px;
        padding: 0px;
}

table.formular {
        width: 100%;
}

table.formular select {
        width: 240px;
}

table.formular textarea {
        width: 240px;
}

table.formular input.submit {
        color: #333;
}

table.formular input.radio, table.formular input.checkbox {
        vertical-align: bottom;
        border: 0px solid;
}

table.formular table.eingabe {
        padding: 8px 0px 0px 16px;
}

table.formular table.eingabe td {
        vertical-align: top;
        height: 25px;
}

table.formular table.eingabe td.links {
        width: 90px;
}

table.formular table.datumseingabe td {
        height: 25px;
        padding: 8px 8px 0px 0px;
}

table.formular table.datumseingabe2 td {
        padding: 0px 4px 0px 0px;
}


table.formular div.hellgrau {
        background-color: #F4F4F4;
        padding: 8px;
        margin-bottom: 8px;
}

table.formular div.dunkelgrau {
        background-color: #ED7E10;
        padding: 8px 8px 8px 8px;
        margin-bottom: 8px;
}

table.formular div.dunkelgrau h2 {
        color: #FFF;
        margin: 0px;
        padding: 0px;
}

table.formular div.dunkelgrau ul {
        margin: 0px;
        padding: 0px 0px 0px 14px;
}

table.formular div.dunkelgrau li {
        color: #FFFFFF;
        margin: 0px;
        padding: 0px;
}

table.formular div.dunkelgrau p {
        color: #FFFFFF;
        margin: 0px;
        padding: 8px 0px 0px 0px;
}

table.formular td.rechts {
        text-align: right;
}

table.formular table.check_auswahl {
        padding: 8px 0px 0px 16px;
        /*width: 100%;*/
}

table.formular table.check_auswahl td.links {
        text-align: left;
        width: 20px;
        padding: 0px 8px 0px 0px;
        margin: 0px;
}

table.formular table.check_auswahl td.rechts {
        text-align: left;
        width: 175px;
        padding: 0px 8px 0px 0px;
        margin: 0px;
}

table.formular table.abhol_nein {
        width: 200px;
}


/* graue Karte */

.user-skgrauekarte-pi1 table.formular div.hellgrau {
        background-color: #D5D5D5;
        background-color: #F4F4F4;
}

/* grüne Karte */
.user-skgruenekarte-pi1 table.formular div.hellgrau {
        background-color: #99E599;
        background-color: #EEF4DC;
        background-color: #EBF4E8;
		background-color: #E4F3DF;
}

/* rote Karte */

.user-skrotekarte-pi1 table.formular div.hellgrau {
        background-color: #fd8888;
        background-color: #FBE7E8;
        background-color: #F9E7E9;
		background-color: #F8DADD;
}




/* CSS fuer das Abfall ABC */

div.user-skabfallabc-pi1 h1 {
        margin: 15px 0px;
        padding: 0px;
        font-size: 1.00em;
        color: #464646;
}

table.abc_auswahl {
        width: 100%;
        margin: 0px;
}

table.abc_auswahl td {
        text-align: center;
}

table.abc_auswahl p {
        font-weight: bold;
        font-size: 12px;
        padding: 0px 2px 0px 0px;
        margin: 0px;
}

table.abc_auswahl p a:link, table.abc_auswahl p a:visited {
        color: #FF6600;
        text-decoration: none;
}

table.abc_auswahl p a:hover {
        color: #FFCC99;
        text-decoration: none;
}

table.abc_auswahl p a.gewaehlt {
        color: #FFF;
        background-color: #ED7E10;
        padding: 0px 3px;
}

div.abc_header {
        background-color: #ED7E10;
        padding: 2px 0px 2px 0px;
        margin: 0px 0px 2px 0px;
}
div.abc_header table tr td a img {
        margin: -5px 0px 0px 0px;
}
div.abc_header h2 {
        color: #FFF;
        padding: 0px 8px 0px 8px;
        margin: 0px;
}

div.abc_header p {
        font-size: 10px;
        color: #999999;
        margin: 0px 8px 0px 0px;
        padding: 0px;
}

div.inhalt div.links div.abc_header a:link, div.inhalt div.links div.abc_header a:visited {
        color: #FFF;
        text-decoration: none;
        margin: 0px;
        padding: 0px;
}

div.inhalt div.links div.abc_header a:hover {
        color: #FFF;
        text-decoration: underline;
        margin: 0px;
        padding: 0px;
}

div.inhalt div.links div.abc_header a.ohne {
        text-decoration: none;
        padding: 0px;
        margin: 0px 0px 0px 0px;
}

div.abc_item {
        background-color: #F4F4F4;
        padding: 4px 8px 2px 8px;
        margin: 2px 0px 8px 0px;
}



/* containerservice */

table.containerservice, table.pressen, table.tonnen {
        width: 400px;
        width: 100%;
        margin: 0px 0px 8px 0px;
}

table.containerservice td.links, table.pressen td.links, table.tonnen td.links {
        width: 96px;
        padding: 0px;
        margin: 0px;
        vertical-align: top;
}

div.container_header, div.pressen_header, div.tonnen_header {
        background-color: #ED7E10;
        padding: 2px 8px;
        margin: 0px 0px 2px 0px;
}

div.container_header h2, div.pressen_header h2, div.tonnen_header h2 {
        color: #FFF;
        padding: 0px;
}

div.container_inhalt, div.pressen_inhalt, div.tonnen_inhalt {
        background-color: #F4F4F4;
        padding: 2px 8px;
        margin: 0px 0px 2px 0px;
        width: 290px;
        width: 459px;
}
* html div.container_inhalt,
* html div.pressen_inhalt,
* html div.tonnen_inhalt {
        width: 475px;
}
div.tonnen_inhalt table {
        width: 100%;
}
div.tonnen_inhalt td {
        padding: 1px 15px 2px 0px;
        background: url(../img/linie-horizontal.png) repeat-x bottom left;
}
div.container_inhalt p, div.pressen_inhalt p, div.tonnen_inhalt p {
        padding: 4px 0px 2px 0px;
}

table.container_uebersicht, table.tonnen_uebersicht {
        width: 100%;
}


/* Altpapier / Altglas */

div.user-skaltpapierglas-pi1 form {
        margin: 0px 0px 0px 0px;
}

div.user-skaltpapierglas-pi1 form input.submit {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border: 0px solid #FFFFFF;
}

div.user-skaltpapierglas-pi1 select {
        border: 1px solid #333333;
}

div.user-skaltpapierglas-pi1 select.anfangsbuchstabe {

}

div.user-skaltpapierglas-pi1 select.stadtteil {

}

div.user-skaltpapierglas-pi1 input.submit{
        width: 35px;
        text-align: left;
        margin: 0px;
        padding: 0px;
}

div.user-skaltpapierglas-pi1 p.grau {
        color: #999999;
        text-align: left;
        margin: 0px 0px 8px 0px;
        padding: 0px;
}


div.user-skaltpapierglas-pi1 .header_strasse {
        background-color: #ED7E10;
        padding: 2px 8px;
        margin: 4px 0px 2px 0px;
}

div.user-skaltpapierglas-pi1 .header_strasse h2 {
        color: #FFF;
        padding: 0px;
}

div.user-skaltpapierglas-pi1 .altglas_altpapier {
        background-color: #F4F4F4;
        padding: 2px 8px;
        margin: 0px 0px 2px 0px;
}


table.altpapier_altglas_auswahl1 {
        padding: 0px;
        margin: 10px 0px 0px 0px;
        width: 100%;
}

table.altpapier_altglas_auswahl1 tr.auswahlzeile {
        background-color: #ED7E10;
}

table.altpapier_altglas_auswahl1 tr.auswahlzeile h2 {
        color: #FFF;
        padding: 0px;
}

table.altpapier_altglas_auswahl1 td {
        padding: 2px 10px 2px 4px;
        margin: 0px 0px 0px 0px;
}

table.altpapier_altglas_auflistung {
        width: 100%;
}

table.altpapier_altglas_auflistung h3 {
        color: #333333;
}

table.altpapier_altglas_auflistung td {
        width: 150px;
}


/* Stadtreiniger News */

div.sk_news_archiv {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
}

div.sk_news_nachricht {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 16px 0px;
}

/*
div.sk_news_nachricht a:link,
div.sk_news_nachricht a:visited {
        text-decoration: none;
}

div.sk_news_nachricht a:hover {
        text-decoration: underline;
}

*/

div.sk_news_archiv table.seitenanzahl {
        padding: 0px;
        margin: 0px 0px 16px 0px;
}

div.sk_news_archiv table.seitenanzahl td {
        width: 10%;
}

div.sk_news_nachricht div.datum p {
        text-align: left;
        font-size: 11px;
}

div.sk_news_nachricht h1 a:link,
div.sk_news_nachricht h1 a:visited {
        color: #660000;
        padding: 0px;
        margin: 0px;
        text-decoration: none;
}

div.sk_news_nachricht h1 a:hover {
        padding: 0px;
        margin: 0px;
        text-decoration: underline;
}

table.sk_news_tabelle {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        width: 100%;
}

table.sk_news_tabelle td.sk_news_bild {
        margin: 0px;
        padding: 0px 0px 0px 0px;
}

table.sk_news_tabelle td.sk_news_kurzbeschreibung {
        margin: 0px;
        padding: 0px 8px 0px 0px;
        width: 80%;
}


.sk_news_mehr {
        font-size: 11px;
        margin: 0px;
        padding: 0px;
}

.sk_news_mehr a:link, .sk_news_mehr a:visited {
        text-decoration: none;
}

.sk_news_mehr a:hover {
        text-decoration: underline;
}


div.sk_news_nachricht img.hauptbild {
        margin: 4px 8px 8px 0px;
        padding: 0px;
}

div.sk_news_weitere_bilder {
        padding: 0px;
        margin: 16px 0px 0px 0px;
}

div.sk_news_weitere_bilder table {

}

td.sk_news_einzelbild0,
td.sk_news_einzelbild1,
td.sk_news_einzelbild2,
td.sk_news_einzelbild3 {
        padding: 0px 8px 8px 0px;
        margin: 0px;

}

/* Jobangebote */

div.jobs_header {
        background-color: #ED7E10;
        padding: 2px 8px;
        margin: 0px 0px 2px 0px;
}

div.jobs_header h2 {
        color: #FFF;
        padding: 0px;
}

div.jobs_uebersicht {
        margin: 0px 0px 1.0em 0px;
        padding: 0px 0px 0.8em 0px;
        background: url(../img/linie-horizontal.png) repeat-x bottom left;
        width: 100%;
}

div.jobs_inhalt {
        background-color: #F4F4F4;
        margin: 0px 0px 1.0em 0px;
        padding: 5px 8px;
        width: 555px;
}
* html div.jobs_inhalt {
        width: 571px;
}

div.jobs_inhalt p {
        padding: 4px 8px 2px 8px;
}

.sk_jobs_mehr {
        font-size: 0.95em;
}

.sk_jobs_mehr a:link, .sk_jobs_mehr a:visited {
        text-decoration: none;
}

.sk_jobs_mehr a:hover {
        text-decoration: underline;
}



/* Abfallkalender */
div.user-skabfallkalender-pi1 form input.submit {
        margin: 0px 0px 0px 0px;
        padding: 0px;
        border: 0px solid #FFFFFF;
}

div.user-skabfallkalender-pi1 p.grau {
        color: #999999;
        text-align: left;
        margin: 8px 0px 0px 0px;
        padding: 0px;
}

div.user-skabfallkalender-pi1 div.header_strasse {
        background-color: #ED7E10;
        padding: 2px 8px;
        margin: 4px 0px 2px 0px;
}

div.user-skabfallkalender-pi1 div.header_strasse h2 {
        color: #FFF;
        padding: 0px;
        margin: 0px;
}

table.abfallkalender {
        padding: 0px;
        margin: 0px 0px 8px 0px;
        width: 100%;
}

table.abfallkalender td {
        padding: 0px 0px 8px 0px;
        margin: 0px;
}

table.abfallkalender_auflistung {
        width: 100%;
        margin: 0px 0px 2px 0px;
}

table.abfallkalender_auflistung h3 {
        color: #333333;
        font-size: 11px;
}

table.abfallkalender_auflistung td {
        margin: 0px 0px 2px 0px;
        padding: 8px 0px 8px 0px;
        background-color: #F4F4F4;
}

table.abfallkalender_auflistung td.header {
        background-color: #CCCCCC;
        padding: 2px 0px;
        width: 100px;
        text-align: center;
}

table.abfallkalender_auflistung td.muellart {
        background-color: #CCCCCC;
        width: 190px;
        padding: 2px 0px 2px 8px;
}


table.abfallkalender_auflistung td.bild {
        width: 48px;
        padding: 8px 0px 8px 8px;
}

table.abfallkalender_auflistung td.bezeichnung {
        width: 142px;
}

table.abfallkalender_auflistung td.datum {
        width: 100px;
        text-align: center;
}

table.abfallkalender_auflistung td.keine_angaben {
        width: 200px;
        text-align: center;
}


/* indexed search */

div.tx-indexedsearch table {
        width: 90%;
}


/* Search it*/

label {
        font-size: 11px;
        color: #333333;
        font-weight: bold;
}

div.searchit_ergebnis {
        /*background-color: #FFFF00;*/
        width: 400px;
}

table.kontakttabelle {
        width: 100%;
}

table.kontakttabelle th {
        /* background-color: #ED7E10;
        color: #FFF; */
        background: #F5F5F5 url(../img/box-rechts/verlauf-oben.png) repeat-x top left;
        color: #464646;
        padding: 2px 8px 2px 0px;
        margin: 0px;
        font-weight: normal;
        text-align: left;
}

table.kontakttabelle th a:link, table.kontakttabelle th a:visited {
        color: #ED7E10;
        text-decoration: none;
}

table.kontakttabelle th a:hover {
        text-decoration: underline;
}

table.kontakttabelle th.links {
        /* text-align: right; */
        width: 40%;
}

table.kontakttabelle td {
        padding: 0px 8px 0px 0px;
        margin: 0px;
        background-color: #F4F4F4;
        text-align: left;
        vertical-align: bottom;
}

table.kontakttabelle td.links {
        text-align: left;
        vertical-align: top;
        width: 40%;
}

table.kontakttabelle td p {
        color: #464646;
}

table.kontakttabelle td.weiss {
        background-color: #FFF;
}
