@charset "UTF-8";
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 11px;
	font-size: 100.01%;*/
	color: #000;
	text-decoration: none;
}


/* Haupt-Navigation 1. Ebene hellgrün */

a.hmen_1:link {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1:visited {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1:hover {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_1.gif);
}

a.hmen_1:active {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_1.gif);
}

.hmenon_1 {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_on_1.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #FFF;
}


/* Haupt-Navigation 1. Ebene hellorange Firmenportrait */

a.hmen_1_1:link {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_1:visited {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_1:hover {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_1.gif);
}

a.hmen_1_1:active {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_1.gif);
}

.hmenon_1 {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_on_1.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #FFF;
}


 
/* Haupt-Navigation 1. Ebene grün Müllentsorgung */

a.hmen_1_2:link {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_2:visited {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_2:hover {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_2.gif);
}

a.hmen_1_2:active {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_2.gif);
	
}

.hmenon_2 {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_on_2.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #FFF;
}

/* Haupt-Navigation 1. Ebene hellblau Abwasser */

a.hmen_1_3:link {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_3:visited {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_3:hover {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_3.gif);
}

a.hmen_1_3:active {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_3.gif);
}

.hmenon_3 {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_on_3.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #FFF;
}


/* Haupt-Navigation 1. Ebene orange Stadtreinigung */

a.hmen_1_4:link {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_4:visited {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_4:hover {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_4.gif);
}

a.hmen_1_4:active {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_4.gif);
}

.hmenon_4 {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_on_4.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #FFF;
}

/* Haupt-Navigation 1. Ebene blau Winterdienst */

a.hmen_1_5:link {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_5:visited {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

a.hmen_1_5:hover {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_5.gif);
}

a.hmen_1_5:active {
font-size: 11px;
	color: #FFF;
    background-image: url(media/nav_on_5.gif);
}

.hmenon_5 {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_on_5.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #FFF;
}


/* Haupt-Navigation 2. und 3. Ebene */

ul { list-style-type: none; margin: 0; padding: 0; }


a.hmen:link {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #666666;
}

a.hmen:visited {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #666666;
}

a.hmen:hover {
font-size: 11px;
	color: #000;
    background-image: url(media/nav_on.gif);
}

a.hmen:active {
font-size: 11px;
	color: #000;
    background-image: url(media/nav_on.gif);
}

.hmenon {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_on.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #000;
}

.hmenon_bezirk {
font-size: 11px;
	display: block;
	width: 175px;
	height: 46px;
	background-image: url(media/navbez_on.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #000;
}

.hmen_bezirk {
font-size: 11px;
	display: block;
	width: 175px;
	height: 46px;
	background-image: url(media/navbez_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #666666;
}

.hmen {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

.hmenof {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #000;
}





.hmenon2 {
font-size: 11px;
	display: block;
	width: 175px;
	height: 23px;
	background-image: url(media/nav_of.gif);
	text-indent: 15px;
	line-height: 23px;
	color: #999999;
}

.fon {
font-size: 11px;
	display: block;
	width: 270px;
	height: 23px;
	background-image: url(media/b_fon.gif);
	text-indent: 25px;
	line-height: 23px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

.fon2 {
font-size: 11px;
	display: block;
	width: 270px;
	height: 23px;
	background-image: url(media/b_fon.gif);
	text-indent: 25px;
	line-height: 23px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
}

.mail {
font-size: 11px;
	display: block;
	width: 270px;
	height: 23px;
	background-image: url(media/b_mail.gif);
	text-indent: 35px;
	line-height: 23px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	
}

/* Listen-Navigation Download */

a.down:link {
font-size: 11px;
	display: block;
	width: 270px;
	height: 27px;
	background-image: url(media/bdown_of.gif);
	text-indent: 25px;
	line-height: 27px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
}

a.down:visited {
font-size: 11px;
	display: block;
	width: 270px;
	height: 27px;
	background-image: url(media/bdown_of.gif);
	text-indent: 25px;
	line-height: 27px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
}

a.down:hover {
font-size: 11px;
    color: #000;
    background-image: url(media/bdown_on.gif);
	border-bottom: 1px dotted #CCC;
}

a.down:active {
font-size: 11px;
    color: #000;
    background-image: url(media/bdown_on.gif);
	border-bottom: 1px dotted #CCC;
}

a.down_linetop:link {
font-size: 11px;
	display: block;
	width: 270px;
	height: 27px;
	background-image: url(media/bdown_of.gif);
	text-indent: 25px;
	line-height: 27px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

a.down_linetop:visited {
font-size: 11px;
	display: block;
	width: 270px;
	height: 27px;
	background-image: url(media/bdown_of.gif);
	text-indent: 25px;
	line-height: 27px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

a.down_linetop:hover {
font-size: 11px;
    color: #000;
    background-image: url(media/bdown_on.gif);
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

a.down_linetop:active {
font-size: 11px;
    color: #000;
    background-image: url(media/bdown_on.gif);
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

/* Listen-Navigation Mailto */

a.mail:link {
font-size: 11px;
	display: block;
	width: 270px;
	height: 23px;
	background-image: url(media/b_mail.gif);
	text-indent: 25px;
	line-height: 23px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

a.mail:visited {
font-size: 11px;
	display: block;
	width: 270px;
	height: 23px;
	background-image: url(media/b_mail.gif);
	text-indent: 25px;
	line-height: 23px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

a.mail:hover {
font-size: 11px;
    color: #000;
    background-image: url(media/b_mail_on.gif);
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

a.mail:active {
font-size: 11px;
    color: #000;
    background-image: url(media/b_mail_on.gif);
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}

a.mail2:link {
font-size: 11px;
	display: block;
	width: 270px;
	height: 23px;
	background-image: url(media/b_mail.gif);
	text-indent: 25px;
	line-height: 23px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
}

a.mail2:visited {
font-size: 11px;
	display: block;
	width: 270px;
	height: 23px;
	background-image: url(media/b_mail.gif);
	text-indent: 25px;
	line-height: 23px;
	color: #666666;
	border-bottom: 1px dotted #CCC;
}

a.mail2:hover {
font-size: 11px;
    color: #000;
    background-image: url(media/b_mail_on.gif);
	border-bottom: 1px dotted #CCC;
}

a.mail2:active {
font-size: 11px;
    color: #000;
    background-image: url(media/b_mail_on.gif);
	border-bottom: 1px dotted #CCC;
}

/* Listen-Navigation Mülltrennung */

a.trenn:link {
font-size: 11px;
	display: block;
	width: 170px;
	height: 40px;
	background-image: url(media/backtrenn.jpg);
	color: #999999;
	border: 1px;
	border-style: solid;
	border-color: #E5E5E5;
	margin-bottom: 10px;
	margin-right: 10px;
}

a.trenn:visited {
font-size: 11px;
	display: block;
	width: 170px;
	height: 40px;
	background-image: url(media/backtrenn.jpg);
	color: #999999;
	border: 1px;
	border-style: solid;
	border-color: #E5E5E5;
	margin-bottom: 10px;
	margin-right: 10px;

}

a.trenn:hover {
font-size: 11px;
display: block;
	width: 170px;
	height: 40px;
	border: 1px;
	border-style: solid;
	border-color: #999999;
    background-image: url(media/backtrenn2.jpg);
	margin-bottom: 10px;
	margin-right: 10px;
	
}

a.trenn:active {
font-size: 11px;
display: block;
	width: 170px;
	height: 40px;
	border: 1px;
	border-style: solid;
    border-color: #999999;
    background-image: url(media/backtrenn2.jpg);
	margin-bottom: 10px;
	margin-right: 10px;
	
}

.trennon {
font-size: 11px;
	display: block;
	width: 170px;
	height: 40px;
	color: #000;
	background-image: url(media/backtrenn2.jpg);
	border: 1px;
	border-style: solid;
	border-color: #999999;
	margin-bottom: 10px;
	margin-right: 10px;
}


/* Haupt-Navigation Startseite */

a.start:link {
font-size: 11px;
	padding-top: 100px;
	display: block;
	height: 40px;
	width: 170px;
	color: #999999;
}
a.start:visited {
font-size: 11px;
padding-top: 100px;
    display: block;
	height: 40px;
	width: 170px;
	color: #999999;
}
a.start:hover {
font-size: 11px;
	padding-top: 100px;
	display: block;
	height: 40px;
	width: 170px;
	color: #000000;
}
a.start:active {
font-size: 11px;
	padding-top: 100px;
	display: block;
	height: 40px;
	width: 170px;
	color: #000000;
}

/* Typografie allgemein */
	
	
	p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #000000;
	line-height: 1.7em;
	}
	
	/* Überschrift grün Text */
	
	h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.76em;
	color: #009900;
	line-height: 1.7em;
	font-weight: bold;
	}
	
	/* Überschrift grün Serviceleiste */
	
	h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #009900;
	line-height: 1.7em;
	font-weight: bold;
	border-top: 2px;
	display: block;
	border-top-style: solid;
	height:30px;
	}
	
	/* Überschrift blau Text */
	
	h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.76em;
	/*color: #FF9900;*/
	color: #000000;
	line-height: 1.7em;
	font-weight: bold;
	}
	
	/* Überschrift Orange Text */
	
	h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.76em;
	/*color: #FF9900;*/
	color: #000000;
	line-height: 1.7em;
	font-weight: bold;
	}
	
	
	/* Überschrift blau Text */
	
	h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.76em;
	color: #0066CC;
	line-height: 1.7em;
	font-weight: bold;
	}
	
		.headline_green {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #009900;
	font-weight: bold;
	}
	
	.headline_black {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-weight: bold;
	}
	
		.headline_black_big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 1.8em;
	font-weight: bold;
	}
	
	.headline_orange {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF4500;
	font-weight: bold;
	}
	
	.news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
	}
	
	.newshead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 14px;
	font-weight: bold;
	}
	
.typo_footer {
	font-size: 11px;
	color: #666666;
	line-height: 20px;
}

.typo_sub {
font-size: 9px;
	color: #999999;
}

/* Links */

a.sub:link {
font-size: 9px;
	color: #999999;
	text-decoration: none;
	display: inline;
}

a.sub:visited {
font-size: 9px;
	color: #999999;
	text-decoration: none;
	display: inline;
}

a.sub:hover {
font-size: 9px;
color: #000;
text-decoration: underline;
display: inline;
}

a.sub:active {
font-size: 9px;
color: #000;
text-decoration: underline;
display: inline;
}

/* Links der Abfuhrbezirke  1 2 3 4 5 6 7 8 9 10 im Hauptmenü */

a.sub2:link {
font-size: 11px;
	color: #666666;
	text-decoration: none;
	display: inline;
}

a.sub2:visited {
font-size: 11px;
	color: #666666;
	text-decoration: none;
	display: inline;
}

a.sub2:hover {
font-size: 11px;
color: #000;
text-decoration: underline;
display: inline;
}

a.sub2:active {
font-size: 11px;
color: #000;
text-decoration: underline;
display: inline;
}

/* Hauptlinks im Fließtext mit Arrow-grafik */

a.sub3:link {
	background-image: url(media/arrow_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #333333;
	text-decoration: none;
	/*font-weight: bold;*/
	display: inline;
	background-color: #E4F0D5;
	border-bottom-style: dotted;
	border-bottom-width: thin;
}

a.sub3:visited {
	background-image: url(media/arrow_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #333333;
	text-decoration: none;
	/*font-weight: bold;*/
	display: inline;
	background-color: #E4F0D5;
	border-bottom-style: dotted;
	border-bottom-width: thin;
}

a.sub3:hover {
	background-image: url(media/arrow_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #508223;
	/*font-weight: bold;*/
	display: inline;
}

a.sub3:active {
	background-image: url(media/arrow_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #508223;
	/*font-weight: bold;*/
	display: inline;
}

/* Links im Abfuhrbezirk zu Dienstleistungszentren */

a.sub4:link {
	text-decoration: underline;
}

a.sub4:visited {
	text-decoration: underline;
}

a.sub4:hover {
	text-decoration: underline;
	background-color: #E2EFD3;
}

a.sub4:active {
	text-decoration: underline;
	background-color: #E2EFD3;
}

/* Links der Straßen zu den Abfuhrbezirken */

a.street:link {
font-size: 11px;
	background-image: url(media/arrow_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 23px;	
}

a.street:visited {
font-size: 11px;
	background-image: url(media/arrow_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #666666;
	text-decoration: none;
	line-height: 23px;	
}

a.street:hover {
font-size: 11px;
	background-image: url(media/arrow_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
	line-height: 23px;	
}

a.street:active {
font-size: 11px;
	background-image: url(media/arrow_link.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	color: #000;
	text-decoration: none;
	background-color: #FFF;
	line-height: 23px;	
}

/* Tabelle */

table { font-size: 0.7em; line-height: 1.7em; }

col {
font-size: 11px;
	border-color:  #FFFFFF;
	border-width: 1px;
	border-right-style: solid;
}

col#dez { border: none; }

thead {
	border-top: 1px solid #E3E3E3; 
	border-bottom: 1px solid #E3E3E3;
}

.formular {
	display: block;
	float: left;
	width: 260px;
	height: 25px;
	background-color: #FFFFFF;
	border: 0;
	color:#666666;
}
.formular2 {
	display: inline;
	width: 80px;
	height: 25px;
	background-color: #FFFFFF;
	border: 0;
	color:#666666;
}
.formular3 {
	display: inline;
	width: 25px;
	height: 25px;
	background-color: #FFFFFF;
	border: 0;
	color:#666666;
}

textarea { 
 background-color: #FFFFFF; 
   display: block;
  float: left;
    height: 100px;
  width: 260px; /* Breite.*/
  border: 0;
  color:#666666;
}