/* 
	
		Styles www.stadtwerke-eberswalde.de
		Mediatype Screen
		
		Stadtwerke Eberswalde GmbH - Mit Energie in die Zukunft
		-----------------------------------------------------------------
		
	*/
	
	
	/*
		Global
		-----------------------------------------------------------------
	*/
	
	body {
		margin: 0;
		padding: 0;
		color: #000;
		background-color: #fa0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
	}
	
	/*
		Layout zentriert
		-----------------------------------------------------------------
	*/
	
	div#headercontent,
	div#maincontent,
	div#footercontent {
		width: 850px;
		margin: 0 auto;
		padding: 0;
	}
	
	img {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	img.brd {
		border: 1px solid #bbb;
	}
	
	h1, h2, h3, h4 {
		font-family: Arial, Helvetica, sans-serif;
		margin: 15px 0 10px 0;
		padding: 0;
		color: #41567F;
		background-color: #fff;
	}
	
	h1 {
		font-weight: normal;
		font-size: 250%;
		margin: 0 0 20px 0;
	}
	
	/*
		Hintergrung Bereiche in Ueberschriften
		-----------------------------------------------------------------
	*/

	/*
	h1 span {
		font-size: 30%;
		padding-right: 43px;
		padding-top: 20px;
		padding-bottom: 20px;
		background-position: right top;
		background-color: transparent;
		background-repeat: no-repeat;
	}
	
	h1 span.h1strom {
		background-image: url(bg-h1-strom.gif);
		background-position: right 20px;
	}
	
	h1 span.h1gas {
		background-image: url(bg-h1-gas.gif);
		background-position: right 10px;
	}
	
	h1 span.h1fernwaerme {
		background-image: url(bg-h1-fernwaerme.gif);
		background-position: right 15px;
	}
	
	h1 span.h1erdgasfahrzeuge {
		background-image: url(bg-h1-erdgasfahrzeug.gif);
		background-position: right 10px;
		padding-right: 63px;
	}
	*/
	
	/*
		-----------------------------------------------------------------
	*/
		
	h2 {
		font-weight: 500;
		font-size: 150%;
	}
	
	h3 {
		font-weight: 600;
		font-size: 120%;
	}
	
	h4 {
		font-weight: bold;
		font-size: 1em;
		color: #333;
	}
	
	p {
		margin: 10px 0;
		padding: 0;
	}
	
	a:link,
	a:visited {
		color: #41567f;
	}
	
	a:hover,
	a:active {
		color: #fa0;
	}
	
	strong {
		color: #555;
	}
	
	.orangebold {
		color: #fa0;
		font-weight: bold;
	}
	
	
	/*
		Preistabellen
		-----------------------------------------------------------------
	*/
		
	table.tbltarife {
		width: 99%;
		margin-bottom: 10px;
		font-size: 95%;
	}
	
	table.tbltarife td,
	table.tbltarife th {
		font-weight: normal;
		text-align: right;
		margin: 0;
		padding: 4px;
		border-bottom: 1px solid #ccc;
	}
	
	table.tbltarife th {
		background-color: #f6f6f6;
		border-top: 1px solid #bbb;
	}
	
	table.tbltarife tr.noborder th {
		border-top: none;
	}
	
	
	/*
		Technik Tabellen
		-----------------------------------------------------------------
	*/
		
	table.tbltech {
		width: 99%;
		margin-bottom: 10px;
		font-size: 95%;
	}
	
	table.tbltech td,
	table.tbltech th {
		font-weight: normal;
		text-align: left;
		margin: 0;
		padding: 4px;
		border-bottom: 1px solid #ccc;
	}
	
	table.tbltech th {
		background-color: #f6f6f6;
		border-top: 1px solid #bbb;
	}
	
	
	/*
		Tabellen Fernwaermenetz
		-----------------------------------------------------------------
	*/
		
	table.tblwnetz {
		width: 99%;
		margin: 20px 0;
		font-size: 95%;
	}
	
	table.tblwnetz td,
	table.tblwnetz th {
		font-weight: normal;
		text-align: left;
		margin: 0;
		padding: 3px 10px 3px 15px;
		border-bottom: 1px solid #ccc;
	}
	
	table.tblwnetz th {
		background-color: #e1e1e1;
		border-top: 1px solid #bbb;
		padding: 5px;
		font-weight: bold;
	}
	
	div#content table.tblwnetz p {
		margin: 0 0 5px 0;
		text-align: left;
	}
	
	table.tblwnetz tr.hl {
		background-color: #f6f6f6;
	}
	
	table.tblwnetz tr.hl td {
		padding: 3px 5px;
	}
	
	/*
		Einfache Tabellen ohne Kopf
		-----------------------------------------------------------------
	*/
		
	table.tblsimple {
		width: 99%;
		margin-bottom: 10px;
		font-size: 95%;
		border-top: 1px solid #bbb;
	}
	
	table.tblsimple td,
	table.tblsimple th {
		font-weight: normal;
		text-align: left;
		margin: 0;
		padding: 4px;
		border-bottom: 1px solid #ccc;
		background-color: #f6f6f6;
	}
	

	/*
		Formulare
		-----------------------------------------------------------------
	*/
		
	div#content form {
		width: 99%;
		margin: 15px 0 0 0;
		padding: 0;
		font-size: 95%;
	}
	
	div#content form fieldset {
		position: relative;
		display: block;
		margin: 0;
		padding: 1em;
		border: none;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #ccc;
		background: #f1f1f1 url(bg-fieldset.jpg) left top repeat-x;
	}

	div#content form fieldset.topspace {
		margin-top: 1em;
	}
	
	div#content form legend {
		position: relative;
		color: #fff;
		background-color: #aaa;
		font-weight: bold;
		padding: 1px 5px;
		margin: 0;
	}

	div#content form .topspace {
		padding-top: 1em;
	}
	
	div#content form fieldset div.topspace,
	div#content form fieldset p.topspace {
		padding-top: 0.5em;
	}
	
	div#content form.contactform fieldset input, 
	div#content form.contactform	fieldset textarea,
	div#content form.contactform fieldset select {
		width: 85%;
		margin: 2px 0 5px 0;
		padding: 2px;
		border: 1px solid #ddd;
	}

	/*--------------------*/	
	
	div#content form fieldset.col2 div {
		float: left;
		clear: left;
		width: 100%;
		padding: 3px 0;
	}
	
	div#content form fieldset.col2 label {
		float: left;
		width: 8em;
		margin-right: 1em;
		text-align: right;
	}
	
	div#content form fieldset.col2 input, 
	div#content form fieldset.col2	textarea,
	div#content form fieldset.col2 select {
		margin: 0;
		padding: 0;
	}

	
	/*
		Kopf
		-----------------------------------------------------------------
	*/
		
	div#headerframe {
		position: relative;
		margin: 0;
		padding: 20px;
	}

	div#headerframe h1 {
		display: none;
	}
	
	div#headercontent {
		position: relative;
	}
		
	div#headercontent h1 {
		display: block;
		font-weight: normal;
		font-size: 2.5em;
		letter-spacing: 1px;
		margin: 0;
		padding: 0;
		color: #ffefd7;
		background-color: transparent;
	}
	
	div#headercontent h2 {
		display: none;
	}
	
	div#headercontent img {
		float: right;
	}
	
	/*
		Hauptmenue
		-----------------------------------------------------------------
	*/
			
	div#headercontent ul {
		margin: 0;
		padding: 15px 0 0 10px;
		font-size: 16px;
		font-weight: bold;
	}
	
	div#headercontent ul li {
		display: inline;
		float: left;
		list-style-type: none;
		margin: 0;
		padding: 0 7px;
		border-right: 1px solid #a36c00;
	}
	
	div#headercontent ul li.noborder {
		border: none;
	}
	
	div#headercontent ul li a {
		color: #a36c00;
		text-decoration: none;
	}
	
	div#headercontent ul li a:hover {
		text-decoration: underline;
	}
	
	/*
		Content
		-----------------------------------------------------------------
	*/
			
	div#contentframe {
		position: relative;
		margin: 0;
		padding: 20px 20px 40px 20px;
		color: #000;
		background-color: #fff;
	}
	
	div#maincontent {
		position: relative;
		min-height: 380px;
	}
	
	
	/*
	 Hintergrundbilder der Rubriken
		-----------------------------------------------------------------
	*/
		
	div.bgstrom {
		background: url(bg-strom.gif) no-repeat right top;
	}
	
	div.bggas {
		background: url(bg-gas.jpg) no-repeat right top;
	}
	
	div.bgunternehmen {
		background: url(bg-unternehmen.jpg) no-repeat right top;
	}
	
	div.bghistorie {
		background: url(bg-historie.gif) no-repeat right top;
	}
	
	div.bgihremeinung {
		background: url(bg-ihremeinung.gif) no-repeat right top;
	}
	
	div.bgkontakt {
		background: url(bg-kontakt.gif) no-repeat right top;
	}
	
	div.bgimpressum {
		background: url(bg-impressum.gif) no-repeat right top;
	}
	
	div.bgfernwaerme {
		background: url(bg-fernwaerme.gif) no-repeat right top;
	}
	
	div.bgsewaermeplus {
		background: url(bg-sewaermeplus.jpg) no-repeat right top;
	}
	
	div.bgnotdienst {
		background: url(bg-notdienst.jpg) no-repeat right top;
	}
	
	div.bgerdgasfahrzeuge {
		background: url(bg-erdgasfahrzeuge.gif) no-repeat right top;
	}
	
	/*
		Submenue
		-----------------------------------------------------------------
	*/
		
	div#submenuecontainer {
		float: left;
		margin: 55px 0 0 0;
		padding: 0;
		width: 210px;
	}

	div#submenuecontainer ul {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	div#submenuecontainer ul li {
		display: inline;
	}
		
	div#submenuecontainer ul li a {
		display: block;
		width: 180px;
		margin: 0 5px;
		padding: 2px 25px 2px 0;
		text-decoration: none;
		text-align: left;
		font-size: 0.9em;
		background: #fff url(bg-list-submenue.gif) bottom right no-repeat;
		border-bottom: 1px solid #fa0;
	}
	
	div#submenuecontainer ul li a.extern {
		background: url(bg-list-submenue-extern.gif) bottom right no-repeat;
	}
	
	div#submenuecontainer ul li a#active {
		background: transparent url(bg-list-submenue-active.gif) bottom right no-repeat;
		color: #fa0;
	}
	
	div#submenuecontainer ul ul {
		margin: 0;
		padding: 0;
	}
	
	div#submenuecontainer ul ul li a {
		padding-left: 15px;
		width: 165px;
	}
	
	div#submenuecontainer ul ul ul li a {
		padding-left: 30px;
		width: 150px;
	}
	
	div#submenuecontainer h2 {
		margin: 4px 0;
		padding: 0;
		font-size: 0.9em;
		font-weight: bold;
	}
	
	/*
		Content
		-----------------------------------------------------------------
	*/
		
	div#content {
		margin: 0 180px 0 240px;
	}
	
	div#content p {
		text-align: justify;
	}
	
	div#content p.alignleft {
		text-align: left;
	}
	
	div#content p.pdfdownload {
		padding: 2px 0 2px 25px;
		text-align: left;
		background: url(bg-pdf-download.gif) left top no-repeat;
	}
	
	div#content p.pdfdownload span {
		padding: 1px;
		color: #000;
		background-color: #f6f6f6;
		font-style: italic;
	}
	
	div#content p.externlink {
		margin: 0;
		padding: 2px 0 2px 25px;
		text-align: left;
		background: transparent url(bg-link-extern.gif) left top no-repeat;
	}
	
	div#content a.externlink {
		display: block;
		margin: 0;
		padding: 2px 0 2px 25px;
		text-align: left;
		background: transparent url(bg-link-extern.gif) left top no-repeat;
	}
	
	div#content dl dt {
		margin: 0;
		padding: 1px 5px;
		background-color: #ffefcf;
	}
	
	div#content dl dd {
		margin: 0 0 0 20px;
		padding: 0;
	}
	
/*---*/

		div#content dl.img {
			margin: 0 0 25px 0;
			line-height: 1.5;
		}

		div#content dl.img dt {
			color: #666;
			background-color: #fff;
		}

		div#content dl.img dt img {
			padding: 5px;
			border: 1px solid #ddd;
		}

		div#content dl.img dd {
			margin: 10px 0 0 6px;
			font-style: italic;
			color: #666;
			background-color: #f6f6f6;
		}

		div#content dl.img dd.magnifier {
			padding: 0 0 5px 20px;
			background: url(../images/lupe.gif) left top no-repeat;
			border-bottom: 1px solid #ddd;
		}

		div#content div.service p {
			margin: 0.2em 0 0.3em 0;
			padding: 0;
		}

		div#content div.service p span {
			float: left;
			width: 7em;
			
		}

	/*
		Container Admin Login
		-----------------------------------------------------------------
	*/
		
	div#admin {
	 margin: 0;
		padding: 0;
	}

	div#admin p {
	 margin: 0;
		padding: 0;
		font-size: 10px;
		text-align: right;
	}
		
	/*
		Footer
		-----------------------------------------------------------------
	*/
		
	div#footerframe {
		position: relative;
		margin: 0;
		padding: 5px 20px;
		color: #000;
		background-color: #fff;
		border-bottom: 30px solid #fa0;
	}

	div#footercontent {
		position: relative;
	}
	
	div#footercontent ul {
		float: left;
		width: 100%;
		margin: 0;
		padding:0;
	}
	
	div#footercontent ul li {
		float: left;
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0 10px;
		border-right: 1px solid #000;
	}
	
	div#footercontent ul li.noborder {
		border: none;
		padding-right: 0;
	}
	
	div#footercontent ul li.right {
		float: right;
	}
	
	div#footercontent ul li a {
		color: #000;
		background-color: #fff;
		text-decoration: none;
	}
	
	div#footercontent ul li a:hover {
		color: #000;
		text-decoration: underline;
	}
	
		
	/* 
		Clearfix-Hack
		---------------------------------------------------------------
 */

	.clearfix:after {
		content: ".";		
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.clearfix {
		display: block;
	}


	/* 
		Mootools FX
		---------------------------------------------------------------
 */

	#waermeanlage1,
	#waermeanlage2,
	#waermeanlage3,
	#waermeanlage4,
	#waermeanlage5,
	#waermeanlage6
	{
		margin: 0 10px;
		padding: 0;
		color: #000;
		background-color: #f6f6f6;
		border: 2px solid #eee;
	}
	
	a#toggle1,
	a#toggle2,
	a#toggle3,
	a#toggle4,
	a#toggle5,
	a#toggle6 {
		color: #555;
	}

	/* 
		Auftragsformular Erdgas Online
		---------------------------------------------------------------
 */

	h2 span {
		font-size: 0.8em;
		font-weight: bold;
		padding: 3px 10px 3px 5px;
		background: url(stroke.gif) left center no-repeat;
	}

	p.steps {
		padding: 5px;
		border: 1px solid #0c0;
		color: #999;
	}
	
	p.steps strong {
		color: #333;
	}
	
	.cssCheckErr {
		background-color: #FF9F88;
	}
	
	.cssCheckErr a {
		color: #000;
	}
	
	.cssCheckErr a:hover {
		color: #000;
	}
	
	p.cssCheckErr {
		padding: 10px;
	}