@charset "UTF-8";

/************************************************************/
/*   A  C  H  T  U  N  G                                    */
/* -------------------------------------------------------- */
/*  Wenn diese Datei editiert wird, muss auch die Datei     */
/*  style.css angepasst werden.                             */
/*  Diese Datei ist zustÃ€ndig fÃŒr das Frontend!             */
/************************************************************/


/* benutzte farben

	standardtext:
	body:
	headline:
	border:
	link:
						*/

/* inhaltsverzeichnis
	
		BROWSER RESET
	
		HAUPTSTRUKTUR
		- page
		- wrapper
	
		SEITENHEADER
		- master head
		- suche
	
		HAUPTMENU
		- topnav
		- dropdowns
	
		CONTENTTEIL
		
		ARTIKEL
		
		PFADNAVIGATION + ARTIKELMETA
		
		SIDEBAR
	
		FOOTER
		
		TYPOGRAFIE
		- headlines
		- em, strong, blockqoute
		
	/* Seitenspezifische Styles 
		
		SITEMAP
	
		SUCHELANDINGPAGE
	
		SONSTIGES
		- abfallkalender
	
						*/




/*	---------------------------------------------------------------
	BROWSERSTYLES RESETTEN
	---------------------------------------------------------------*/

		html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{  
			margin:0; 
			padding:0; 
		}

		code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { 
			font: inherit; 
			font-size: 1em; 
			white-space: normal; 
		}

		dfn, i, cite, var, address, em { 
			font-style: normal; 
		}
	
		th, b, strong, h1, h2, h3, h4, h5, h6 { 
			font-weight: normal; 
		}
	
		a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { 
			border: none; 
		}
	
		a {
			color: inherit;
			text-decoration: none;
		}
	/*
		:focus {
			outline: none;
		}
	 */

		table { 
			border-collapse: collapse; 
			border-spacing: 0; 
		}
	
		caption, th, td, center { 
			text-align: left; 
			vertical-align: top; 
		}
	
		body { 
			line-height: 1; 
			background: white; 
			color: black; 
		}
	
		q { 
			quotes: "" "";
		 }

		ul, ol, dir, menu { 
			list-style: none; 
		}
	
		/* sub, sup { 
			vertical-align: baseline; 
		} */


		/*
		font { 
			color: inherit !important; 
			font: inherit !important; 
			color: inherit !important; 
		}  font wird uebergangen
		*/
		
		marquee { 
			overflow: inherit !important;
		}
	
		blink { 
			text-decoration: none; 
			color: inherit;
		}
	
		nobr { 
			white-space: normal; 
		}
	
	
/* ---------- nuetzlich ---------- */

		.clear {
			clear: both;
			height: 0;
			overflow: hidden;
			line-height: 0;
		}

/*	----------------------------------------------------------------------------------------------------------
	STRUKTUR
	----------------------------------------------------------------------------------------------------------*/
	
	html {
		font-size: 10px;
		height: 100%;
	}
	
	body { 
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100.1%;
		height: 100%;
		background: #fcfcfd url('../img/background.gif') top center repeat-y; 

		/* EGOTEC */
		text-align: left;
	}
	
	#page {
		text-align: left; 
		margin: 0 auto;
		width: 950px;
	}
	
	#top {
		width: 950px;
	    background: url('../img/bg_headergrafik.jpg') top center no-repeat;
		height: 127px;
	}
	
	#content_wrapper {
		width: 910px;
		margin: 0 0 0 25px;
	}
	
	#body_start #content_wrapper {
	    background: url('../img/bg_content_startseite.gif') bottom center no-repeat;
	}
	
	#body_start #seitenfuss {
		background: url('../img/bg_seitenfuss_start.jpg') no-repeat top right;
	}
	
	#body_content #content_wrapper {
			/* EGOTEC */
	    background: url('../img/bg_content_contentseite.gif') bottom center repeat-y;
	}
	
	#body_content #seitenfuss {
		background: url('../img/bg_seitenfuss_content.jpg') no-repeat top right;
	}
	
	#seitenfuss {
		height: 40px;
		width: 910px;
		margin: 0 0 0 25px;
		padding: 13px 0 30px 0;
	}
	
	
	
	
/*	----------------------------------------------------------------------------------------------------------
	HEADER
	----------------------------------------------------------------------------------------------------------*/

	#seitenkopf_homelink {
		display: block;
		float: left;
		margin: 26px 0 0 8px;
		width: 340px;
		height: 53px;

	}
	
	#printlogo {
		display: none;
	}
	
	
	/* Suche */
	
	#suche {
		width: 303px;
		float: right;
		margin: 0 5px 0 0;
		padding: 4px 0 6px 5px;
		color: #333;
		background: transparent url('../img/bg_suche.jpg') no-repeat top right;
	}
		
		.suchetextfeld {
			width: 170px;
			margin: 0 10px 0 30px;
			font: normal 1.3em/1.5em Arial, helvetica, sans-serif;
			color: #333;
		}
		
		.suchebutton {
			font: normal 1.2em Arial, Helvetica, sans-serif;
			color: #333;
		}
		
		
	.suchecontent {
		font-family: Arial, Helvetica, sans-serif;
		padding: 5px;
	}




/*	----------------------------------------------------------------------------------------------------------
	HAUPTNAVIGATION
	----------------------------------------------------------------------------------------------------------*/
	
	#nav {
		height: 60px;
		width: 940px;
		margin: 0 0 1px 5px;
		padding: 6px 0 0 0;
		background: url('../img/bg_menugrafik.gif') no-repeat top center;
	}
	

		#nav ol {
			width: 915px;
			clear: both;
		}

		#nav ol ol {
			margin: 0;
				width: 310px;
				padding: 5px 0 10px 15px;
				background: transparent url('../img/bg_ddbody.gif') no-repeat bottom center ;
				overflow: hidden;
				clear: both;
		}

		#nav ol li {
			position: relative;
			float: left;
			height: 26px;
		}
		

		#nav li ol li {
			float: left;
			width: 140px;
			height: auto;
			margin: 0 10px 0 0;
		}

		
		#nav li ol {
			top: 0;
			/* visual hide */
				position: absolute;
				left: -9999px;
			/* real hide */
				display: none; /* wenn in der konfigurationsdatei fÃŒr das dropdown-script LimitLinks:0 benutzt wird, muss diese styleangabe auskommentiert werden. */

		}

		#nav ol li a {
			display: block;		
			font-weight: bold;
			font-size: 1.4em;
			line-height: 1.5em;
			font-family: Arial, Helvetica, sans-serif;
			background: url('../img/dd_icon.gif') no-repeat left 5px;
			color: #333;
		}
		
			/* ausnahmen */
			
		#nav #nav_hauptlink_1 {
				background: none;
				width: 85px;
				padding: 4px 0 15px 0;
				margin: 0 0 0 25px;
				font-family: Arial, Helvetica, sans-serif;
			}
				
			#nav #nav_hauptlink_1 a {
					background: none;
					padding: 0 0 0 20px;
				}
				
				
			#nav_hauptlink_2 {
				width: 80px;
				padding: 4px 0 15px 0;
				margin: 0 0 0 25px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
				#nav_hauptlink_2 a {
					padding: 0 0 0 20px;
				}
			
			
			#nav_hauptlink_3 {
				width: 72px;
				padding: 4px 0 15px 0;
				margin: 0 0 0 25px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
				#nav_hauptlink_3 a {
					padding: 0 0 0 20px;
				}
			
			
			#nav_hauptlink_4 {
				width: 94px;
				padding: 4px 0 15px 0;
				margin: 0 0 0 25px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
				#nav_hauptlink_4 a {
					padding: 0 0 0 20px;
				}
				
			
			#nav_hauptlink_5 {
				width: 90px;
				padding: 4px 0 15px 0;
				margin: 0 0 0 25px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
				#nav_hauptlink_5 a {
					padding: 0 0 0 20px;
				}
				
			
			#nav_hauptlink_6 {
				width: 122px;
				padding: 4px 0 15px 0;
				margin: 0 0 0 25px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
				#nav_hauptlink_6 a {
					padding: 0 0 0 20px;
				}
			
			
			#nav_hauptlink_7 {
				width: 81px;
				padding: 4px 0 15px 0;
				margin: 0 0 0 25px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
				#nav_hauptlink_7 a {
					padding: 0 0 0 20px;
				}
			
			
			#nav_hauptlink_8 {
				width: 80px;
				padding: 4px 0 15px 0;
				margin: 0 0 0 25px;
				font-family: Arial, Helvetica, sans-serif;
			}
			
				#nav_hauptlink_8 a {
					padding: 0 0 0 20px;
				}



		#nav li ol a {
			display: block;		
			color: #ff5100;
			text-decoration: underline;
			padding: 3px 3px 5px 3px;
			margin: 0 0 3px 0;
			width: 140px;
			font: normal 1.2em/1.5em Arial;
			background: none;
		}
		
		#nav li ol strong {
			display: block;		
			color: #ff5100;
			padding: 3px 3px 5px 3px;
			margin: 0 0 3px 0;
			width: 140px;
			font: normal 1.2em/1.5em Arial;
		}
		

		/* Hover/Focus Style */
		#nav ol li a:hover, 
		#nav ol li a:focus, 
		#nav ol li a:active,
		/* Opera Focus Style */
		#nav ol li a.ofocus, 
		#nav ol li a.ofocus{ 
			color: #ff5100;
			text-decoration: none;
		}
		

		/* Hover/Focus Style */
		#nav li ol a:hover, 
		#nav li ol a:focus, 
		#nav li ol a:active,
		/* Opera Focus Style */
		#nav li ol a.ofocus { 
			color: white;
			background: #ff5100;
			text-decoration: none;
		} 
		

		
		/* disable normal hover and focus style , if javascript is available */
		#nav .navfxenabled li:hover ol { 
				left: -9999px;
		}
	
		/* normaler hovereffect ohne javascript */	
		#nav #nav_hauptlink_1:hover ol,
		#nav #nav_hauptlink_2:hover ol,
		#nav #nav_hauptlink_3:hover ol,
		#nav #nav_hauptlink_4:hover ol,
		#nav #nav_hauptlink_5:hover ol {
			display: block;
			top: 44px;
			left: -15px;
		}
		
		#nav #nav_hauptlink_6:hover ol {
			display: block;
			top: 44px;
			left: -190px;
		}
		
		#nav #nav_hauptlink_7:hover ol {
			display: block;
			top: 44px;
			left: -230px;
		}
		
		#nav #nav_hauptlink_8:hover ol {
			display: block;
			top: 44px;
			left: -229px;
		}
		
		
		/* hover & focus wenn javascript aktiviert ist */
		.navfxenabled #nav_hauptlink_1.over ol,
		.navfxenabled #nav_hauptlink_2.over ol,
		.navfxenabled #nav_hauptlink_3.over ol,
		.navfxenabled #nav_hauptlink_4.over ol,
		.navfxenabled #nav_hauptlink_5.over ol {
			display: block;
			top: 44px;
			left: -15px;
		}
		
		.navfxenabled #nav_hauptlink_6.over ol {
			display: block;
			top: 44px;
			left: -190px;
		}
		
		.navfxenabled #nav_hauptlink_7.over ol {
			display: block;
			top: 44px;
			left: -230px;
		}
		
		.navfxenabled #nav_hauptlink_8.over ol {
			display: block;
			top: 44px;
			left: -229px;
		}
		
		
		
		
		
		#nav li.active ol a, 
		#nav li.activepath ol a {
			color: #ff5100; 
		}
		
		#nav li.activepath a {
			color: #ff5100; 
			text-decoration: underline;;
		}
		
		
		/* aktive Kategorie/Unterkategorie anzeigen */
		#nav li.active ol a:hover, 
		#nav li.activepath ol a:hover,
		#nav li.active ol a:active, 
		#nav li.activepath ol a:active,
		#nav li.active ol a:focus, 
		#nav li.activepath ol a:focus {
			color: white; 
			background: #ff5100;
			text-decoration: none;
		}
		
		/* aktuelle position: graue einfaerbung */
		#nav li.active strong {
			color: #333; 
			font-weight: bold;
		}
		
		#nav .active a {
			text-decoration: underline;
			color: #ff5100;
		}
				
		/* 
			accessible for keyboard- and screenreader- users
		 */
		#nav li.active ol, 
		#nav li.activepath ol {
			display: block;

		}
		/* Tastaturnutzung 
			Keyboardusage for good browsers
		 */
		#nav a:focus+ol {
			left: 0px; /* Abstand Untermenu */
		}
		/* 	
			keyboard support without javascript
	*/
		#nav li ol li a:focus, 
		#nav li ol li a:active {
			position: absolute;
			left: 997px; /* Viewportverschiebung ausschalten */
		}
		/* 
			overwrite the keyboard support, if mouse is in use
	*/ 
		#nav li ol li a:hover, /* kleinster gemeinsamer Nenner */
		#nav li:hover ol li a:focus, 
		#nav li:hover ol li a:active,
		/* 
			overwrite the keyboard support, if javascript is available
	*/
		#nav .navfxenabled li ol li a:focus, 
		#nav .navfxenabled  li ol li a:active
		{
			position: static;
			margin-left: 0;
		}
		
		/* Allgemeine CSS-Class ausserhalb des Viewports */
		.sbh {
				position: absolute;
				left: -999px;
				width: 0;
				overflow: hidden;

		}	
		
		
		/* Damit das Hauptmenu, falls aus versehen zu viele Menupunkte vorhanden sind, nicht umbricht: */
		
		#nav_hauptlink_9,
		#nav_hauptlink_10,
		#nav_hauptlink_11,
		#nav_hauptlink_12,
		#nav_hauptlink_13,
		#nav_hauptlink_14,
		#nav_hauptlink_15,
		#nav_hauptlink_16,
		#nav_hauptlink_17,
		#nav_hauptlink_18
		#nav_hauptlink_19
		#nav_hauptlink_20
		#nav_hauptlink_21 {
			display: none;
		}


		
/*	----------------------------------------------------------------------------------------------------------
	CONTENTBEREICH
	----------------------------------------------------------------------------------------------------------*/
	
	#content {
		width: 694px;
		float: left;
	}


/*	----------------------------------------------------------------------------------------------------------
	ARTIKELBEREICH (FRONTEND)
	----------------------------------------------------------------------------------------------------------*/

	#artikel {
		width: 604px;
		margin: 20px 0 25px 35px;
	}

	#artikel p {
		font: normal 1.2em/1.5em Arial, Helvetica, sans-serif; 
		color: #333;
		margin-bottom: 1em;
		
		/* EGOTEC */
		width: auto;
	}
	
	#artikel a { 
		color: #ff5100; 
		text-decoration: underline;
	}

	#artikel a:link { 
		color: #ff5100; 
	}
	
	#artikel a:visited { 
		color: #666; 
	}
	
	#artikel a:active { 
		color: #333; 
	}
	
	#artikel a:hover { 
		color: white; 
		background: #ff5100;
	}

	#artikel a:focus { 
		color: white; 
		background: #ff5100;
	}
	
	
		
	#artikel h1 {
		width: 503px;
		
		/* EGOTEC */
		text-align: left;
	}
	
	#artikel ul {
		color: #333;
		list-style: disc outside;
		padding-left: 0;
		margin-left: 1.5em;
		padding-bottom: 1em;
	}
	
	#artikel ol {
		padding-left: 0;
		margin-left: 2em;
		color: #333;
		list-style: decimal outside;
		padding-bottom: 1em;
	}
	
	
	#artikel ul li {
		margin-bottom: 0.5em;
		font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	}
	
	#artikel ol li {
		margin-bottom: 0.5em;
		font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
	}
	
	#artikel li li {
		font-size: 1em;
	}
	
	#artikel dl {
		font: normal 1.2em/1.5em Arial, Helvetica, sans-serif; 
		color: #333;
		margin-bottom: 1em;
	}
	
	#artikel dd {
		margin-bottom: .5em;
	}
	
	/* blendet unterstreichung von sprungmarken aus */
	#artikel .mceItemAnchor,
	#artikel h2 a,
	#artikel h1 a,
	#artikel h4 a, {
		text-decoration: none;
		line-height: 0;
	}
	
	
	/* ---------- Tabellen -------------------------------------------------- */
	
	#artikel table {
		border-collapse : collapse; 
		border-spacing : 0;
		margin-bottom : 1.5em;
		width : 100%; 
	}
	
		
	#artikel table table {
			font-size: 1em; 
			margin-bottom: 0;
		}
		
	#artikel table, 
	#artikel td, 
	#artikel th { 
		vertical-align : top; 
	}

	#artikel th, 
	#artikel thead th {
		font-weight : bold; 
	}

	#artikel th, 
	#artikel td, 
	#artikel caption {
		font: normal 1.2em/1.5em Arial, Helvetica, sans-serif; 
		color: #333;
		padding : 0.5em 2em 0.6em 1em; 
		text-align : left; 
		font-weight : normal; 
	}

	#artikel td {
		border-bottom : 1px dotted #aaa; 
	}

	#artikel tfoot { 
		font-size : .9em; 
	}

	#artikel caption {
		margin-bottom: 1em;
	}

#artikel table .empty, .empty {
        border: none;
    }
	

	
/*	----------------------------------------------------------------------------------------------------------
	PFADNAVIGATION + ARTIKELMETA
	----------------------------------------------------------------------------------------------------------*/


	#artikelkopf {
		width: 674px;
		background: url('../img/bg_content_top.gif') no-repeat top left;
	}


	#pfadnavigation {
		width: 425px;
		font: italic 1.2em/1.5em Arial, Helvetica, sans-serif;
		color: #333;
		padding: 20px 0 0 35px;
		float: left;
	}

		#pfadnavigation a {
			color: #333;
		}

			#pfadnavigation a:hover {
				text-decoration: underline;
				color: #ff5100;
			}

			#pfadnavigation a:focus {
				text-decoration: underline;
				color: #ff5100;
			}

			#pfadnavigation a:visited {
				color: #333;
			}


		#pfadnavigation .pfadnav_active {
			color: #ff5100;
		}

	#artikel_funktionen {
		width: 180px;
		float: left;
		padding: 16px 0 0 0;
		font: normal 1.2em Arial, Helvetica, sans-serif;
	}

		#seitedruckenlink {
			display: block;
			padding: 4px 0 3px 27px;
			background: url('../img/seitedrucken_button_lang.gif') no-repeat 0px 0px;
			width: 100px;
			float: right;
			color: #333;
		}

		#seitedruckenlink:hover {
			color: white;
			background-position: 0px -42px;
		}

		#seitedruckenlink:focus {
			color: white;
			background-position: 0px -42px;
		}
		
		#seitedruckenlink:visited {
			color: #333;
			background-position: 0px 0px;
		}
	
/*	----------------------------------------------------------------------------------------------------------
	SIDEBAR (RECHTE SPALTE)
	----------------------------------------------------------------------------------------------------------*/
	
	#sidebar {
		width: 206px;
		float: left;
	}
	
	/* Telefonkontakt */
	#kontakt_box {
		width: 206px;
		padding: 0 0 20px 0;
		background: #fcfcfd url('../img/bg_rechtsbox.gif') no-repeat bottom left;
	}
	
		.kontakt_box_headergrafik {
			background: #3b8d00 url('../img/kontakt_box_head.jpg') no-repeat top left;
			width: 191px;
			height: 47px;
			padding: 9px 0 0 15px;
		}
		
		.kontakt_box_headergrafik h3 {
			color: #fff;
		}
		
		.kontakt_box_inhalt {
			width: 169px;
			padding: 0 0 0 15px;
		}
		
		.kontakt_box_inhalt p {
			font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
			color: #333;
		}
		
		
		#hotline_nummer {
			padding: 3px 0 0 33px;
			height: 24px;
			background: #ff5100 url('../img/bg_hotline.gif') no-repeat top left;
			margin: 7px 0 7px 0;
			font: bold 1.6em Arial, Helvetica, sans-serif;
			color: white;
		}
		
			#kontakt_box .kontakt_link {
			width: 162px;
			height: 23px;
			margin: 14px 0 0 0;
			padding: 0 0 0 7px;
			display: block;
			font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
			color: white;
			background: #ff5100 url('../img/button_orange.gif') no-repeat 0px 0px;
		}
		
			#kontakt_box .kontakt_link:hover {
				color: #ff5100;
				background: white url('../img/button_orange.gif') no-repeat -169px 0px ;
			}
			
			#kontakt_box .kontakt_link:visited {
				color: #ff5100;
				background: white url('../img/button_orange.gif') no-repeat -169px 0px ;
			}
			
			#kontakt_box .kontakt_link:focus {
				color: #ff5100;
				background: white url('../img/button_orange.gif') no-repeat -169px 0px ;
			}
		
		
	#newsletter_box {
		width: 206px;
		background: #fcfcfd url('../img/bg_rechtsbox.gif') no-repeat bottom left;
		padding: 0 0 20px 0 ;
	}
	
		.newsletter_box_headergrafik {
			background: #ff5100 url('../img/newsletter_box_head.gif') no-repeat top left;
			width: 191px;
			height: 46px;
			padding: 24px 0 0 15px;
		}
		
		.newsletter_box_headergrafik h3 {
			color: #fff;
		}
		
		.newsletter_box_inhalt {
			width: 169px;
			padding: 0 0 0 15px;
		}
		
		.newsletter_box_inhalt p {
			font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
			color: #333;
		}
		
		#newsletter_box .newsletter_link {
			width: 162px;
			height: 23px;
			margin: 14px 0 0 0;
			padding: 0 0 0 7px;
			display: block;
			font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
			color: white;
			background: #ff5100 url('../img/button_orange.gif') no-repeat 0px 0px;
		}
		
			#newsletter_box .newsletter_link:hover {
				color: #ff5100;
				background: white url('../img/button_orange.gif') no-repeat -169px 0px ;
			}
			
			#newsletter_box .newsletter_link:visited {
				color: #ff5100;
				background: white url('../img/button_orange.gif') no-repeat -169px 0px ;
			}
			
			#newsletter_box .newsletter_link:focus{
				color: #ff5100;
				background: white url('../img/button_orange.gif') no-repeat -169px 0px ;
			}
		
		
	
	#schnell_zu_box {
		width: 206px;
		padding: 0 0 1px 0;
		background: #fcfcfd url('../img/bg_rechtsbox.gif') center top repeat-y;
		margin: 0 0 15px 0;
	}
	
		.schnellzu_box_headergrafik {
			background: #ff5100 url('../img/schnellzu_box_head.gif') no-repeat top left;
			width: 191px;
			height: 46px;
			padding: 24px 0 0 15px;
		}
	
			.schnellzu_box_headergrafik h3 {
				color: #fff;
			}


		.schnellzu_linkliste {
			width: 176px;
			padding: 0 15px 10px 13px;
			margin: 0 0 10px 0;
			border-bottom: 1px dotted #aaa;
		}		
		
		.schnellzu_linkliste li {
			width: 176px;
			margin: 0 0 1em 0;
		}		
		
		.schnellzu_linkliste a {
			font: normal 1.2em Arial, Helvetica, sans-serif;
			text-decoration: underline;
			color: #333;
			padding: 2px;
		}
		
			.schnellzu_linkliste a:hover {
				color: white;
				text-decoration: none;
				background: #ff5100;
			}
			
			.schnellzu_linkliste a:focus{
				color: white;
				text-decoration: none;
				background: #ff5100;
			}
			
			.schnellzu_linkliste a:visited {
				color: #333;
				text-decoration: none;
			}

	
	
	
/*	----------------------------------------------------------------------------------------------------------
	FOOTER + SEITENENDE
	----------------------------------------------------------------------------------------------------------*/
		
		#footer_links {
			width: 350px;
			float: left;
			margin: 25px 0 0 0;
		}
		
			#footer_links a {
				display: block;
				float: left;
				color: #333;
				text-decoration: underline;
				margin: 0 21px 0 0;
				padding: 2px;
				font: normal 1.2em Arial, Helvetica, sans-serif;
			}
			
			#footer_links a:hover {
				background: #ff5100;
				color: white;
				text-decoration: none;
			}
			
			#footer_links a:active {
				background: #ff5100;
				color: white;
				text-decoration: none;
			}
			
			#footer_links a:focus {
				background: #ff5100;
				color: white;
				text-decoration: none;
			}
		
		.footer_copy {
			width: 300px;
			float: right;
			margin: 25px 245px 0 0;
			text-align: right;
			font: normal 1.2em Arial, Helvetica, sans-serif;
		}
		
		* html .footer_copy {
			display: inline;
		}




	/*	----------------------------------------------------------------------------------------------------------
		COPY, TYPOGRAPHIE, SONSTIGES
		----------------------------------------------------------------------------------------------------------*/


		h1 {
			font: normal 2.6em/1.3em Arial, Helvetica, sans-serif;
			margin: 0 0 0.7em 0;
			color: #ff5100;
		}

		h2 {
			font-size: 1.9em;
			line-height: 1.3em;
			color: #ff5100;
			font-weight: normal;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			margin: 0 0 0.5em 0;
		}

		h3 {
			color: #444;
			font-size: 1.5em;
			line-height: 1.3em;
			font-weight: bold;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			margin: 0 0 1em 0;
		}

		h4 {
			color: #ff5100;
			font-size: 1.3em;
			line-height: 1.4em;
			font-weight: bold;
			font-family: Arial, Verdana, Helvetica, sans-serif;
		}

		h5 {
			color: #444;
			font-size: 1.3em;
			line-height: 1.4em;
			font-weight: bold;
			font-family: Arial, Verdana, Helvetica, sans-serif;
		}
		
		h6 {
			font-size: 1.2em;
			line-height: 1.5em;
			color: #444;
			font-family: Arial, Verdana, Helvetica, sans-serif;
			font-weight: bold;
		}
		
		em {
			font-style: italic;
		}

		strong {
			font-weight: bold;
		}

		blockquote {
			width: 400px;
			border-top: 1px dotted #aaa;
			border-bottom: 1px dotted #aaa;
			padding: 1em 2em 1em 2em;
			margin: 0 0 1em 0;
		}

		code {
			font: normal 1em/1.8em Courier, Andale Mono, monospace;
			padding: 0 2em 1em 2em;
			display: block;
			color: #333;
		}
		
		pre {
			font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
			margin: 0 0 1em 0;
			color: #333;
		}
		
		address {
			font: normal 1.2em/1.5em  Arial, Helvetica, sans-serif;
			padding: 0 2em 1em 2em;
			display: block;
			color: #333;
		}


/*	----------------------------------------------------------------------------------------------------------
	STARTSEITE
	----------------------------------------------------------------------------------------------------------*/

	
	#willkommens_box {
		width: 406px;
		height: 166px;
		background: #3b8d00 url('../img/bg_begruessung.jpg') no-repeat top left;
		float: left;
		margin: 0 22px 0 0;
	}
	
		#willkommens_box h3 {
			width: 120px;
			margin: 30px 0 1em 250px;
			color: white;
		}
	
		.willkommenstext {
			width: 120px;
			height: 60px;
			margin: 0 0 0 250px;
			font: normal 1.2em Arial, Helvetica, sans-serif;
			color: white;
		}
	
	#quicklinks_box {
		width: 245px;
		height: 166px;
		background: #fcfcfd;
		float: left;
	}
	
		.quicklink_sperrmuell,
		.quicklink_boerse {
			display: block;
			height: 35px;
			width: 225px;
			padding: 20px 0 0 20px;
			font: normal 1.2em Arial, Helvetica, sans-serif;
			text-decoration: underline;
			color: #3b8d00;
		}
		
		.quicklink_plaene {
			display: block;
			height: 36px;
			width: 225px;
			padding: 20px 0 0 20px;
			font: normal 1.2em Arial, Helvetica, sans-serif;
			text-decoration: underline;
			color: #3b8d00;
		}
		
		.quicklink_sperrmuell {
			background: #333 url('../img/bg_quicklink_oben.jpg') no-repeat 0px 0px;
			
		}
		
		.quicklink_boerse {
			background: #333 url('../img/bg_quicklink_mitte.jpg') no-repeat 0px 0px;
		}
		
		.quicklink_plaene {
			background: #333 url('../img/bg_quicklink_unten.jpg') no-repeat 0px 0px;
		}
		
			.quicklink_sperrmuell:hover {
				background-color: #3b8d00;
				background-position: 0px -56px;
				color: #fff;
			}
	
			.quicklink_boerse:hover {
				background-color: #3b8d00;
				background-position: 0px -56px;
				color: #fff;
			}
		
			.quicklink_plaene:hover {
				background-color: #3b8d00;
				background-position: 0px -56px;
				color: #fff;
			}
	
	#feature_box {
		width: 282px;
		float: left;
	} 
	
	#neue_besucher_box {
		width: 261px;
		padding: 0 0 20px 0;
		background: #fcfcfd url('../img/bg_linksbox.gif') no-repeat bottom left;
	}
	
		.neue_besucher_box_headergrafik {
			background: #3b8d00 url('../img/neu_hier_head.jpg') no-repeat top left;
			width: 246px;
			height: 69px;
			padding: 28px 0 0 15px;
		}
		
		.neue_besucher_box_headergrafik h3 {
			color: #fff;
			width: 150px;
		}
		
		.neuebesucher_linkliste {
			width: 231px;
			padding: 0 15px 0 13px;
		}		
		
		.neuebesucher_linkliste li {
			width: 231px;
			margin: 0 0 1em 0;
		}		
		
		.neuebesucher_linkliste li a {
			font: normal 1.2em Arial, Helvetica, sans-serif;
			text-decoration: underline;
			color: #3b8d00;
			padding: 2px;
		}
		
			.neuebesucher_linkliste li a:hover {
				text-decoration: none;
				color: white;
				background: #3b8d00;
			}
			
			.neuebesucher_linkliste li a:focus {
				text-decoration: none;
				color: white;
				background: #3b8d00;
			}
			
			.neuebesucher_linkliste li a:visited {
				text-decoration: none;
				color: #333;
			}
		
		
	#sonderthema_box {
		width: 261px;
		padding: 0 0 20px 0;
		background: #fcfcfd url('../img/bg_linksbox.gif') no-repeat bottom left;
	}
	
		.sonderthema_box_headergrafik {
			background: #3b8d00 url('../img/sonderthema_head.jpg') no-repeat top left;
			width: 229px;
			height: 44px;
			padding: 21px 0 0 32px;
		}
		
		.sonderthema_box_headergrafik h3 {
			color: #333;
		}
		
		.sonderthema_box_inhalt {
			width: 224px;
			padding: 0 0 0 17px;
			font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
			color: #333;
		}
		
			.sonderthema_box_inhalt a {
				color: #ff5100;
				text-decoration: underline;
			}
		
			.sonderthema_box_inhalt a:hover {
				color: white;
				background: #ff5100;
				text-decoration: none;
			}
			
			.sonderthema_box_inhalt a:focus {
				color: white;
				background: #ff5100;
				text-decoration: none;
			}
			
			.sonderthema_box_inhalt a:visited {
				color: #333;
				text-decoration: underline;
			}
			
		
	#abfallspiel_box {
		width: 261px;
		height: 101px;
		margin: 18px 0 0 0;
		background: #fcfcfd;
	}
	
		#abfallspiel_box a {
			display: block;
			background: #ff5100 url('../img/bg_abfallspiel.jpg') no-repeat 0px 0px;
			
			/* EGOTEC */
			width: 251px;
			height: 98px;			
			text-decoration: none;
			padding-left: 10px;
			padding-top: 10px;
			font-size: 14px;
			font-size: 1.5em;
			line-height: 1.2em;
			font-weight:bold;
			color: white;
		}
		
			#abfallspiel_box a:hover {
				background-position: 0px -109px;
			}
		
	
	#aktuell {
		float: left;
		width: 391px;
		background: #fcfcfd url('../img/bg_aktuellbox.gif') center top repeat-y;
	}
		
		.aktuell_headergrafik {
			background: #ff5100 url('../img/aktuell_head.gif') no-repeat top left;
			width: 376px;
			height: 47px;
			padding: 27px 0 0 15px;
		}
		
		.aktuell_headergrafik h3 {
			color: #fff;
		}
		
		#aktuell_liste {
			width: 361px;
			padding: 0 0 0 15px;
			margin: 0 0 10px 0;
		}		
		
		#aktuell_liste li {
			width: 361px;
			padding: 0 0 1em 0;
			margin: 0 0 1em 0;
			border-bottom: 1px dotted #aaa;
			font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
			color: #333;
		}		
		
			#aktuell_liste li a {
				text-decoration: underline;
				color: #ff5100;
			}
		
			#aktuell_liste li a:hover {
				text-decoration: none;
				color: white;
				background: #ff5100;
			}
			
			#aktuell_liste li a:active {
				text-decoration: none;
				color: white;
				background: #ff5100;
			}
			
			#aktuell_liste li a:focus {
				color: #ff5100;
				text-decoration: underline;
			}
			
			#aktuell_liste li a:visited {
				text-decoration: none;
				color: #333;
			}
		
		#startseite_funktionen {
			width: 361px;
			margin: 0 0 0 15px;
			height: 23px;
			font: normal 1.2em Arial, Helvetica, sans-serif;
		}
			
		
/*	----------------------------------------------------------------------------------------------------------
	ALTRENATIVE NAVIGATION AUF DER ARTIKELSEITE
	----------------------------------------------------------------------------------------------------------*/
	
	#alt_nav {
		width: 673px;
		padding: 0 0 15px 0;
		background: #e3e3e3;
	}
	
	#altnav_schrittzurueck {
		padding: 8px 0 0 15px;
		margin: 0 17px 0 0;
		width: 313px;	
		float: left;
		font: normal 1.2em Arial, Helvetica, sans-serif;
		height: 23px;
		background: url('../img/bg_artikel_altnav.gif') no-repeat top left;
		
	}
	
	#altnav_schrittvor {
		padding: 8px 15px 0 0;
		width: 313px;	
		float: left;
		text-align: right;
		font: normal 1.2em Arial, Helvetica, sans-serif;
		height: 23px;
		background: url('../img/bg_artikel_altnav_gespiegelt.gif') no-repeat top left;
	}
	
		#altnav_schrittzurueck a,
		#altnav_schrittvor a {
			color: #ff5100;
			text-decoration: underline;
		}
		
		#altnav_schrittzurueck a:hover,
		#altnav_schrittvor a:hover {
			color: white;
			background: #ff5100;
			text-decoration: none;
		}
		
		#altnav_schrittzurueck a:focus,
		#altnav_schrittvor a:focus {
			color: white;
			background: #ff5100;
			text-decoration: none;
		}
		
		
	#level3_nav_container {
		width: 657px;
		background: url('../img/bg_artikel_level3nav_oben.gif') no-repeat top left;
		padding: 15px 0 5px 15px;
	}
	
		#level3_nav_container .headline_wrapper {
			width: 635px;
			padding: 0 0 5px 0;
			margin: 0 0 15px 0;
			border-bottom: 1px dotted #aaa;
		}
		
		#level3_nav_container h3 {
			margin: 0;
			width: 380px;
			color: #ff5100;
			float: left;
		}
			
		
		#level3_nav_container ol {
			width: 635px;
			padding: 0 0 5px 0;
			clear: both;
		}
		
		#level3_nav_container ol li {
			float: left;
		}
		
		#level3_nav_container ol li a {
			font: normal 1.2em Arial, Helvetica, sans-serif;
			display: block;
			margin: 0 15px 5px 0;
			padding: 2px;
			color: #333;
			text-decoration: underline;
		}
		
			#level3_nav_container ol li a:hover {
				color: white;
				background: #ff5100;
				text-decoration: none;
			}
			
			#level3_nav_container ol li a:focus {
				color: white;
				background: #ff5100;
				text-decoration: none;
			}
		
		
		.level3_nav_boxende {
			width: 673px;
			height: 10px;
			background: #e3e3e3 url('../img/bg_artikel_level3nav_unten.gif') no-repeat left bottom;
			overflow: hidden;
		}
	
	

/*	----------------------------------------------------------------------------------------------------------
	SITEMAP
	----------------------------------------------------------------------------------------------------------*/
			
	
		#artikel #sitemap ul {
			padding: 0;
		}
		
		#artikel #sitemap ul li {
			padding: 0;
			list-style-type: none;
			margin-left: 0;
			text-indent: 0;
			border-bottom: 1px dotted #aaa;
		}
		
		#artikel #sitemap h3 {
			color: #444;
			text-decoration: none;
			font-size: 1em;
			margin: 0;
			padding: 0.5em 0 1em 0;
		}
		
		#artikel #sitemap ul ul {
			margin: 0 0 1em 2em;
			padding: 0;
		}
		
		#artikel #sitemap ul ul ul {
			margin: 0 0 0 2em;
			border: none;
		}
		
		#artikel #sitemap ul ul li {
			border: none;
		}
		
		#artikel #sitemap ul ul ul ul {
			margin: 0 0 0 2em;
		}
		
		
		
		
/*	----------------------------------------------------------------------------------------------------------
	SUCHE / LANDINGPAGE
	----------------------------------------------------------------------------------------------------------*/
		
		 #artikel .sucheseite_titel {
			width: 600px;
			margin: 0 0 35px 0;
			padding: 0 0 35px 0;
			font-size: 1em;
		}
		
			 #artikel .sucheseite_titel h2 {
				margin: 0;

			}
		
		#artikel .ergebnis_headline {
			margin: 0 0 1em 0;
		}
		 
		#artikel .ergebnis_detailzahl {
			color: #777;
			font-weight: normal;
		}
		
		#artikel .ergebnisgruppe_headline {
			width: 600px;
			border-top: 1px dotted #aaa;
			border-bottom: 1px dotted #aaa;
			padding: 6px 0 7px 0;
			margin: 0 0 1em 0;
			color: #333;

		}
		
		#artikel ul.ergebnisgruppe_liste {
			margin: 0 0 35px 10px;
			
			/* styles für den artikelbereich überschreiben */
			list-style: none;
			padding: 0;
			text-indent: 0;
			font-size: 1em;
		}
		
		#artikel .ergebnisgruppe_liste li {
			margin: 0 0 1.2em 0;
		}
		
			#artikel .ergebnisgruppe_liste li a {
				color: #ff5100;
			}
		
			#artikel .ergebnisgruppe_liste li a:hover{
				color: white;
				background: #ff5100;
			}
		
			#artikel .ergebnisgruppe_liste li a:focus{
				color: white;
				background: #ff5100;
			}
			

		#artikel .pageflip_wrapper {
			width: 600px;
			padding: 0 1px;
			margin: 0 0 35px 0;
		}
		
			#artikel .pageflip_wrapper a,
			#artikel .pageflip_wrapper span  {
					font: normal 1.2em Arial, Helvetica, sans-serif;
					color: #ff5100;
					border: 1px solid #aaa;
					padding: 3px 7px 4px 7px;
					margin: 0 3px;
					zoom: 1;
				}
				
				#artikel .pageflip_wrapper a:hover {
					color: white;
					border-color: #ff5100;
					background: #ff5100;
				}
				
				#artikel .pageflip_wrapper a:focus {
					color: white;
					border-color: #ff5100;
					background: #ff5100;
				}
				
				#artikel .pageflip_wrapper a:visited {
					color: #666;
					border-color: #aaa;
					background: none;
				}
				
				#artikel .pageflip_wrapper .pageflip_active {
					color: white;
					background: #ff5100;
					border-color: #ff5100;
				}
				
		#artikel .suche_2_wrapper {
			width: 514px;
			padding: 15px 15px 25px 75px;
			background: #ddd url('../img/bg_suche2.jpg') no-repeat top left;
		}
		
		#artikel .suche_2_wrapper h3 {
			width: 344px;
			padding: 0 0 15px 0;
		}
		
		#artikel .suchetextfeld_2 {
			width: 350px;
			font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
			margin: 0 15px 0 0;
		}
		
		#artikel .suchebutton_2 {
			font: normal 1.2em/1.5em Arial, Helvetica, sans-serif;
		}
		
		
		.highlight {
			background: #ccfc66;
		}
		
/*	----------------------------------------------------------------------------------------------------------
	LEGACY STYLES / SONSTIGES
	----------------------------------------------------------------------------------------------------------*/



	.headTable {
		font-size: 13px;
		color: #FFFFFF;
		background-color:#fe7700;
	}

	.tabelContent1 {

		background-color:#f6e1c7;
	}
	
	.tabelContent2 {
		background-color:#f7dab8;
	}
	

	.border {
		border-width: 1px;
		border-color: #FFFFFF;
	}

	.square {
		height: 25px;
		width: 8px;
	}


	
	td h1, td h2, td h3, td h4, td h5 , td h6 {  
		margin: 1px 0 1px 0 !important; 
	}

	.news_searchwidth { 
		margin-top:35px; 
	}


	.sfm { font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
	.sres { font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
	.titles { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color:#006699; }
	.detail { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
	.cadr { font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
	.ztx { font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
	.baf_ftx { font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
	.baf_fdo { font-size: 10px; font-family: Arial, Helvetica, sans-serif;}
	.form_ft { font-size:8pt; }
	.form_nft { font-size:8pt; width:160px; }

	.mnav_lk { text-decoration: none; }
	.mnav_ac {  }

	.snav_lk {  }
	.snav_ac {  }

	.CMenu    { POSITION: ABSOLUTE; Top:0px; Left:0px; WIDTH:150px; HEIGHT:100px; BACKGROUND-COLOR: #DDDDDD; }
	.CMenuZ   { BACKGROUND-COLOR: #DDDDDD; HEIGHT:20px; FONT-FAMILY:Arial; FONT-SIZE:8pt; COLOR:#000000; CURSOR:nw-resize; }
	.CMenuZAn { BACKGROUND-COLOR: #000099; HEIGHT:20px; FONT-FAMILY:Arial; FONT-SIZE:8pt; COLOR:#FFFFFF; CURSOR:nw-resize; }
	.CMenuSep { Color:#121266; border-style: groove; border-width: 1px; WIDTH: 97%; }


	

/*	----------------------------------------------------------------------------------------------------------
	ABFALLKALENDER
	----------------------------------------------------------------------------------------------------------*/

	.legende {
	  margin-bottom		: 8px;
	  float				: left;
	  vertical-align	: middle;
	}

	.legende img {
	  float				: left;
	}

	.legende .beschreibung {
	  padding			: 7px 8px 5px 3px;
	}

	.abfall_calendar {
	  width				: 100%;
	  margin			: 10px 0px;
	  border-collapse	: collapse;
	}

	.abfall_calendar td {
	  border:1px solid #aaaaaa;
	}

	.day_names td {
	   text-align		: center;
	}

	.month_title td {
	  border			: 0px;
	  font-size			: 14px;
	  font-weight		: bold;
	  color				: #000000;
	}




/*	----------------------------------------------------------------------------------------------------------
	MERKLISTE
	----------------------------------------------------------------------------------------------------------*/

	ul.merkliste {
		list-style-type: none;
		margin-left:0px;
	}

	ul.merkliste {
		margin: 0px;
		padding-left: 20px;
	}

	ul.merkliste li a {
		display: block;
		color: #FF7D00;
		padding-left: 30px;
		font-size: 16px;
		font-family: Arial,Helvetica;
		font-weight: bold;
		padding-bottom: 10px;
		background-image: url("../img/Merkliste.png");
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}

	ul.merkliste li a:hover {
		color: #808080;
	}

	ul.merkliste li a:visited {
		color: #4BBE00;
		text-decoration: none;
	}

/*    
----------------------------------------------------------------------------------------------------------
     MERKLISTE
     
----------------------------------------------------------------------------------------------------------*/

     #artikel #Sperrmuell h4 {
         border-bottom: 1px dotted #aaa;
         padding-bottom: 5px;
         margin-bottom: 1em;
     }

     #artikel #Sperrmuell table {
         margin-bottom: 3em;
         width: 600px;
     }

     #artikel #Sperrmuell input {
         padding: 3px;
     }

     #artikel #Sperrmuell td {
         padding: 7px 5px 8px 0;
     }

     #artikel #Sperrmuell .empty {
         border: none;
         padding: 7px 0 0 0;
     }

/*    
----------------------------------------------------------------------------------------------------------
     MERKLISTE
     
----------------------------------------------------------------------------------------------------------*/

     #artikel #Einzugsermaechtigung h4 {
         border-bottom: 1px dotted #aaa;
         padding-bottom: 5px;
         margin-bottom: 1em;
     }

     #artikel #Einzugsermaechtigung table {
         margin-bottom: 3em;
         width: 600px;
     }

     #artikel #Einzugsermaechtigung input {
         padding: 3px;
     }

     #artikel #Einzugsermaechtigung td {
         padding: 7px 5px 8px 0;
     }

     #artikel #Einzugsermaechtigung .empty {
         border: none;
         padding: 7px 0 0 0;
     }


/*    
----------------------------------------------------------------------------------------------------------
     Ausnahme Buttons
     
----------------------------------------------------------------------------------------------------------*/


     #artikel .submitwrapper {
         background: url('../img/bg_submit_btn.png') no-repeat left top;
         float: right;
         height: 27px;
     }

     #artikel .submitwrapper span {
         display: block;
         background: url('../img/bg_submit_btn_right.png') no-repeat 
right top;
     }

     #artikel .submitwrapper input {
         background: none;
         height: 27px;
         padding: 0px 15px;
         border: none;
         outline: none;
         cursor: pointer;
         line-height: 1;
         display: block;
     }






