/*
 *  REDCODE.DE - Layout Styles
 *  (C)opyright 2001-2010 REDCODE.DE. All Rights reserved.
 *  Visit us at http://www.redcode.de/
 *
 */

 /*

 VEOLIA-Rot	#e2001a
 */

/* HTML 5 */
/*.Aside { Padding-left: 20px; border-left: 1px solid silver; }*/
.Article .Aside {
	padding-left: 20px;
	border-left: 1px solid red;
}
.Mark {
	background: #FF0;
}
.WarningMessage  { background:#FFC; text-align:center; }
/* Debug 
 .LayoutBlock { border: 2px dashed blue; }
 .Header { background: #DDD; }
 .Footer { background: #DDD; }
 .Nav { background: #DFD; }
 .Nav .Aside { background: #EFE; }
 .Article { background: #DDF; }
 .Article .Aside { background: #EEF; }
*/
.hidden { display: none; }

/* Layout-Blöcke */
#SHADOW {
width:990px;
margin: auto;
background-image:url(/themes/veolia/images/background-shadow.jpg);
background-repeat:repeat-y;
}
	
#CONTAINER {
position: relative;
width: 980px;
margin: auto;
background: white;
border: 1px solid silver;
}
#PAGEHEAD { }
#PAGECONTENT { margin: 0px 200px; }
#PAGEFOOTER { }
/* Bedienungselemente */
#MAINNAV { float: left; width: 200px; }
#MAINCONTEXT { float: right; width: 180px; }

body { color:#666666; }
a, a:link, a:active, a:visited { color: #e2001a; text-decoration: underline; }
a:hover{ color: #e2001a; text-decoration: none; }
#PAGECONTENT .DezenterLink {
    color:#666;
    text-decoration:underline;
}
img { border:none; }

#CONTAINER {
	overflow:hidden;
	margin:0px auto;
	width: 970px;
	border: 1px solid #b2b2b2;
}
#PAGEHEADER {
	width:930px;
	height:90px;
	margin:0px;
	padding:0px;
	position:relative;
}
#PAGEHEADER a img {
	border:none;
	text-decoration:none;
	margin:30px 90px 0 20px;
	padding:0px;
	float:left;
}
#GLOBALNAV {
	margin:0px;
	padding:0px;
	position:absolute;
	top:5px;
	right:0px;
	list-style-type:none;
	display:inline;
}
#GLOBALNAV li {
	display:inline;
	margin:0px;
	padding:0px;
	font-size:11px;
}
#TOPNAVIGATION {
	float:left;
	margin:65px 0px 0px 0px;
	padding:0px;
}
#TOPNAVIGATION ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#TOPNAVIGATION ul li {
	display:inline;
	margin:0px 3px 0 0;
	padding:0px;
}
#TOPNAVIGATION ul li a {
	text-decoration:none;
	color:#333;
}
#SUCHEBALKEN {
	width: 970px;
	height: 25px;
	background: #f2f2f2;
	margin: 10px 0px 10px 0px;
	padding:5px 0px 0px 0px;
}
#SUCHEBALKEN a img {
	float:left;
	border:none;
	text-decoration:none;
	margin:0px;
	padding:0px;
}
#SUCHE {
	float:left;
	margin:0px 255px 0px 23px;
	padding:0px;
}
#SUCHE form {
	margin:0px;
	padding:0px;
}
#SUCHE form #SUCHEINGABE {
	font-size:12px;
	line-height:20px;
	color:#777776;
	width:240px;
	height:18px;
	margin:0px;
	padding:0px;
}
#SUCHE form #AUSWAHL {
	font-size:12px;
	color:#777776;
	width:174px;
	height:22px;
	margin:0px;
	padding:0px;
}
#SUCHE form #ABSENDEN {
	background-image:url(/themes/veolia/images/BtnHg.jpg);
	background-position:center;
	background-repeat:repeat-x;
	color:#666;
	margin:0px;
	padding:0px;
}
#APOVERLAY {
	position: absolute;
	top: 130px;
	right: 20px;
	z-index: 2;
	width: 350px;
	background: white;
	visibility: hidden;
	text-align: right;
	border: 1px solid #e2001a;
}

#APOVERLAY p.close { font-size: 10px; float: right; margin: 0px 10px 0px 0px; }
#APOVERLAY p { font-size: 11px; margin:0px 0 3px 0; }
#APOVERLAY p a { font-size: 12px;}
#APOVERLAY table { margin: 0px 10px 10px 10px; }
#APOVERLAY h2 { margin: 20px 5px 8px 10px; }
#APOVERLAY td h2 { margin: 0px 0 8px 0; }
#APOVERLAY hr { width: 320px; color: #e3e3e3; text-align: center; }
#APOVERLAY .notfall-icon { float:left; margin:3px 12px 0px 0px; }
#APOVERLAY img { float:left; margin:5px 12px 8px 0; }
#APOVERLAY select { width: 200px; margin:10px 0 0 0; }
#APOVERLAY form  { margin:0px; padding:0pX; }

#APOVERLAY #ZipcodeSuggestions ul {
	position:relative;
	left:27px;
}
	#ZipcodeSuggestions ul li {
		line-height:12px;
		margin-bottom:4px;
	}
	#ZipcodeSuggestions ul li a {
		font-size:10px;
	}
	
	/* Context Box Ansprechpartner */
	#ZipcodeContextSuggestions {
		margin-bottom:10px;
	}
		#ZipcodeContextSuggestions ul {
			position:relative;
			right:25px;
		}
		#ZipcodeContextSuggestions ul li {
			line-height:12px;
			margin-bottom:4px;
		}
		#ZipcodeContextSuggestions ul li a {
			font-size:10px;
		}
/* Standort Suche */
#PAGECONTENT #StandortSuggestions ul li {
    line-height:13px;
    margin-bottom:4px;
}
    #StandortSuggestions ul li a {
        font-size:11px;
        font-weight:normal;
    }
/* Ansprechpartner unter Suchformular auf Ergebnisseite */
#PAGECONTENT #AnsprechpartnerSuggestions {
    margin-left:70px;
}
#PAGECONTENT #AnsprechpartnerSuggestions ul li {
    line-height:13px;
    margin-bottom:4px;
}
    #AnsprechpartnerSuggestions ul li a {
        font-size:11px;
        font-weight:normal;
    }
/* NAVIGATION */
.Level2 {
	position: relative;
	top: -15px;
	margin: 0 0 0 30px;
	padding: 0;
	z-index: 1;
}
.Level2 li {
	margin: 0px 2px 0px 0px;
	padding: 0px;
	list-style: none;
	float: left;
	font-size:12px;
	font-weight:bold;
	text-transform: uppercase;
}
.Level2 li a {
	display: block;
	margin: 0px 1px 0px 0px;
	padding: 4px 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #f2f2f2;
}
.Level2 div {
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	z-index: 2;
}
.Level2 div a {
	position: relative;
	display: block;
	margin: 0px;
	padding: 5px 10px;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	line-height: 14px;
	background: #f5f3f3 !important;
	color: #666 !important;
	text-transform: none;
}

/* add display:inline to floated elements */
* html .Level2 li {display:inline;}

/* add zoom:1 to pos:relative elements */
* html .Level2,
* html .Level2 div a {zoom:1;}

/** Highlights: TopNavigation **/

/* Current: Aktuelle Seite (Top-Ebene) */
/*
#TOPNAVIGATION li.industrie a { color: #8CC540;  }
#TOPNAVIGATION li.gewerbe-und-handel a { color: #11A288;}
#TOPNAVIGATION li.privathaushalte a { color: #32BB73;  }
#TOPNAVIGATION li.oeffentliche-einrichtungen a { color: #4D8F38; }
*/

#TOPNAVIGATION li a { color:#333; }

#TOPNAVIGATION li a.current { font-weight:bold; }
#TOPNAVIGATION li a.section { font-weight:bold; }
/* Section */
#TOPNAVIGATION li.industrie a.current, #TOPNAVIGATION li.industrie a.section { color: #8CC540;  }
#TOPNAVIGATION li.gewerbe-und-handel a.current, #TOPNAVIGATION li.gewerbe-und-handel a.section { color: #11A288;  }
#TOPNAVIGATION li.privathaushalte a.current, #TOPNAVIGATION li.privathaushalte a.section { color: #32BB73; }
#TOPNAVIGATION li.oeffentliche-einrichtungen a.current, #TOPNAVIGATION li.oeffentliche-einrichtungen a.section { color: #4D8F38; }


/** Highlights: MainNavigation **/

/* Allgemein: Bereichsfarben */
.Level2 li.industrie a { background: #8CC540; }
.Level2 li.gewerbe-und-handel a { background: #11A288; }
.Level2 li.privathaushalte a { background: #32BB73; }
.Level2 li.oeffentliche-einrichtungen a { background: #4D8F38; }
.Level2 li.veolia-umweltservice a { background: #f2f2f2; color:#666666; }
.Level2 li.kontakt a { background: #f2f2f2; color:#666666; }
.Level2 li.service a { background: #f2f2f2; color:#666666; }
.Level2 li.hinweise a { background: #f2f2f2; color:#666666; }

/* Current: Aktuelle Seite (Top-Ebene) */
.Level2 li.current a { background: #e2001a; }
.Level2 li.current.veolia-umweltservice a { background: #e2001a; color: #fff; }
.Level2 li.current.kontakt a { background: #e2001a; color: #fff; }
.Level2 li.current.service a { background: #e2001a; color: #fff; }
.Level2 li.current.hinweise a { background: #e2001a; color: #fff; }
.Level2 div a.current {	font-weight: bold; } // Hervorhebung im Div bei onmouseover

/* Section */
.Level2 li.section a { background: #e2001a; }
.Level2 li.section.industrie a { background: #e2001a; }
.Level2 li.section.gewerbe-und-handel a { background: #e2001a; }
.Level2 li.section.privathaushalte a { background: #e2001a; }
.Level2 li.section.oeffentliche-einrichtungen a { background: #e2001a; }
.Level2 li.section.veolia-umweltservice a { background: #e2001a; color: #fff; }
.Level2 li.section.kontakt a { background: #e2001a; color: #fff; }
.Level2 li.section.service a { background: #e2001a; color: #fff; }
.Level2 li.section.hinweise a { background: #e2001a; color: #fff; }

.Level2 div a:hover { background: #666 !important; color: #fff !important; }

/* PAGECONTENT */
#PAGECONTENT {
	margin:20px 0px 0px 30px;
	padding:0px;
	float:left;
	width:583px;


}
#PAGECONTENT h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:22px;
	line-height:25px;
	margin:0px 0px 20px 0px;
	padding:0px;
	color:#e2001a;
}
#PAGECONTENT h2 {
	color:#666666;
	font-size:14px;
	line-height:17px;
	margin:0px 0px 15px 0px;
	padding:0px;
}
#PAGECONTENT h3 {
	font-size:12px;
	line-height:15px;
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#e2001a;
}

.TopNewsBox {
	background-color:#f2f2f2;
	padding:5px;
	margin:0 30px 0 0;
	width:900px;
}

.TopNewsBox p a {
	color:#666;
}


.TopPromotionBox {
	background-color:#f2f2f2;
	float:left;
	width:420px;
}

.TopPromotionBox img {
	float:left;
}

#PAGECONTENT ul {
	margin:10px 0px 20px 20px;
	padding:0px;
	list-style-type:none;
}
#PAGECONTENT ul li {
	margin:0px;
	padding:0px;
	list-style-image:url(/themes/veolia/images/listdot.gif);
	list-style-position:outside;
	font-weight:bold;
	line-height:20px;
}
#PAGECONTENT .Aside img {
	margin:0px 20px 30px 0px;
	padding:0px;
}
#PAGECONTENT .VerteilerBox {
	width:590px;
	height:auto;
	margin:0px 0px 15px 0px;
	padding:30px 30px 15px 10px;
	border:1px solid #ccc;
}
#PAGECONTENT .VerteilerBox img {
	margin:0px 10px 70px 0px;
	padding:0px;
	float:left;
}
#PAGECONTENT .VerteilerBox h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	color:#6a6464;
}
#PAGECONTENT .VerteilerBox h3 {
	margin:10px 0 0 340px;
	padding:0px;
	color:#e2001a;
}
#PAGECONTENT .VerteilerBox ul {
	margin:0px 0px 10px 0px;
	padding:0px;
}
#PAGECONTENT .VerteilerBox ul li {
	list-style-image:none !important;
}	
#PAGECONTENT .VerteilerBox ul li a {
	font-weight:normal;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
#PAGECONTENT .VerteilerBox form {
	margin:15px 0px 0px 0px;
	padding:0px;
}
#PAGECONTENT #ENTRYBOX {
	width:593px;
	border:1px solid #ccc;
	margin:0px;
	padding:20px 20px;
}
#PAGECONTENT #ENTRYBOX .Entry {
	width:500px;
	margin:20px 0 20px 0;
	padding:0px;
	clear: both;
}
#PAGECONTENT #ENTRYBOX .Entry img {
	margin:0px 20px 20px 0px;
	padding:0px;
	float:left;
}
#PAGECONTENT #ENTRYBOX .Entry h4 {
	color:#999;
	margin:0px;
	padding:0px;
}
#PAGECONTENT #ENTRYBOX .Entry p {
	margin:0px;
	padding:0px;
	color:#666;
}
#PAGECONTENT #ENTRYBOX .Entry p a {
	margin:0px;
	padding:0px;
	font-weight:bold;
}

#PAGECONTENT .Summary {
	margin:20px 0px 30px 0px;
	padding:0px;
}
#PAGECONTENT .Summary ul {
	list-style-type:none;
	list-style-position: outside;
	margin:0px 0px 20px 20px;
	padding:0px;
}
#PAGECONTENT .Summary ul li {
	/*
	list-style-image:url(/themes/veolia/images/listdot.gif);
	font-size:13px;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	padding:0px;
	color:#666666;
	font-weight:bold;
	*/
}
#PAGECONTENT .Summary img {
	margin:0px 20px 0px 0px;
	padding:0px;
}
#PAGECONTENT .Summary a img {
	margin:0px 0px 0px 120px;
	padding:0px;
}

/* MAINCONTEXT */

#MAINCONTEXT #THEMENKATEGORIENBOX {
	width:244px;
	background-color:#ededed;
	margin:20px 0 0 0;
	padding:10px 10px 20px 40px;
}
#MAINCONTEXT #THEMENKATEGORIENBOX a {
	text-decoration:none;
	margin:0px;
	padding:0px;
}
#MAINCONTEXT #THEMENKATEGORIENBOX ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#MAINCONTEXT #THEMENKATEGORIENBOX h1 {
	font-weight:normal;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#MAINCONTEXT #NEWSLETTERBOX {
	width:225px;
	margin:20px 0px 0px 0px;
	padding:15px;
	background-color:#ededed;
}
#MAINCONTEXT #NEWSLETTERBOX img {
	float:left;
	margin:0px 10px 0px 0px;
	padding:0px;
}
#MAINCONTEXT #NEWSLETTERBOX form {
	margin:0px 0px 0px 0px;
	padding:0px;
}
#MAINCONTEXT #WASISTVEOLIA {
	margin:0px 0px 20px 85px;
	padding:0px;
	border:none;
	height:78px;
}

#MAINCONTEXT #GELBESAECKEHOTLINE {
	margin:0px 0px 20px 85px;
	padding:0px;
	border:none;
	height:117px;
}
#MAINCONTEXT {
	width:357px;
	float:left;
}
#MAINCONTEXT #ANSPRECHPARTNERBOX {
	width:212px;
	/* height:144px; */
	margin:0px 0px 20px 90px;
	padding:10px 10px 10px 20px;
	background-color:#ededed;
}
#MAINCONTEXT #ANSPRECHPARTNERBOX h3 {
	color:#666;
	margin:0px 0px 10px 0px;
	padding:0px;
	float:left;
}
#MAINCONTEXT #ANSPRECHPARTNERBOX img {
	float:left;
	margin:0px 10px 10px 0px;
	padding:0px;
}
#MAINCONTEXT #ANSPRECHPARTNERBOX a {
	text-decoration:none;
	margin:0px;
	padding:0px;
}
#MAINCONTEXT #ANSPRECHPARTNERBOX p {
	margin:0px;
	padding:0px;
	font-size:11px;
	line-height:13px;
	color:#666;
}
#MAINCONTEXT #ANSPRECHPARTNERBOX form {
	margin:10px 0px 10px 0px;
	padding:0px;
}
#MAINCONTEXT #ANSPRECHPARTNERBOX #ABSENDEN {
	background-image:url(/themes/veolia/images/BtnHg.jpg);
	background-position:center;
	background-repeat:repeat-x;
	color:#666;
	margin:0px;
	padding:0px;
}
#MAINCONTEXT #HILFEBOX {
	width:227px;
	margin:0px 0px 20px 90px;
	padding:20px 0px 10px 15px;
	background-color:#ededed;
}
#MAINCONTEXT #HILFEBOX h3 {
	margin:0px 0px 10px 0px;
	padding:0px;
	float:left;
}
#MAINCONTEXT #HILFEBOX form {
	margin:10px 0px 10px 0px;
	padding:0px;
}
#MAINCONTEXT #HILFEBOX #HILFETEXT {
	width:200px;
	margin:0px 0px 10px 0px;
	padding:0px;
}
#MAINCONTEXT #ROHRKANALSERVICE {
	width:212px;
	height:90px;
	margin:0px 0px 20px 90px;
	padding:10px 10px 10px 20px;
	background-color:#ededed;
}
#MAINCONTEXT #ROHRKANALSERVICE h3 {
	color:#666;
	margin:5px 0px 0px 0px;
	padding:0px;
}
#MAINCONTEXT #ROHRKANALSERVICE a {
	color:#e2001a;
	margin:0px;
	padding:0px;
	text-decoration:underline;
	font-weight:bold;
	float:left;
}
#MAINCONTEXT #ROHRKANALSERVICE img {
	float:left;
	margin:0px 10px 10px 0px;
	padding:0px;
}
/* PAGEFOOTER */

#PAGEFOOTER {
	margin:20px 0px 0px 0px;
	padding:0px;
	width:970px;
	height:19px;
	background-color:#e2001a;
	float:left;
}
#PAGEFOOTER p {
	margin:0px 0px 0px 30px;
	float:left;
	color:#fff;
	font-size:11px;
}
#PAGEFOOTER ul {
	padding:0px;
	margin:0px 0px 0px 25px;
	float:left;
}
#PAGEFOOTER ul li {
	font-size:11px;
	display:inline;
	padding:0px;
	margin:0px;
	float:left;
}
#PAGEFOOTER ul li a {
	text-decoration:none;
	padding:0px;
	margin:0px;
	color:#fff;
}

/* PopUp-Footer */
#POPUPFOOTER {
	margin:20px 0px 0px 0px;
	padding:0px;
	width:100%;
	background-color:#e2001a;
	float:left;}
	
#POPUPFOOTER p {
	margin:0px 0px 0px 20px;
	text-align: center;
	color:#fff;
	font-size:11px;
}
#POPUPFOOTER a {
	text-decoration:none;
	padding:0px;
	margin:0px;
	color:#fff;
}
	
.Clear {
	clear:both;
}

.alert { color: #e2001a; }

.BackLink { margin: 0px 0px 10px 0px; }

/* LINK ICONS - shows type of file
	------------------------------------ */
	#PAGECONTENT a[href$=".pdf"],
	#PAGECONTENT a[href$=".PDF"],
	#PAGECONTENT a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/iconPDFdownload.jpg) no-repeat left center;
	}
	#PAGECONTENT a[href$=".doc"],
	#PAGECONTENT a[href$=".DOC"],
	#PAGECONTENT a[href$=".rtf"],
	#PAGECONTENT a[href$=".RTF"],
	#PAGECONTENT a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;
	}
	#PAGECONTENT a[href$=".xls"],
	#PAGECONTENT a[href$=".XLS"],
	#PAGECONTENT a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	#PAGECONTENT a[href$=".gz"],
	#PAGECONTENT a[href$=".GZ"],
	#PAGECONTENT a[href$=".gzip"],
	#PAGECONTENT a[href$=".GZIP"],
	#PAGECONTENT a[href$=".zip"],
	#PAGECONTENT a[href$=".ZIP"],
	#PAGECONTENT a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}
	#PAGECONTENT a[href$=".exe"],
	#PAGECONTENT a[href$=".EXE"],
	#PAGECONTENT a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;
	}