/* 
	
		Style-Definitionen für www.stadtwerke-eberswalde.de
		Mediatype: Screen
		
		* Startseite *
		
		Stadtwerke Eberswalde GmbH - Mit Energie in die Zukunft
		-----------------------------------------------------------------
		
	*/
	
	
	/*
		Globale Definitionen
	*/
	/*---------------------------------------------------------------*/
	
	body {
		margin: 0;
		padding: 0;
		color: #000;
		background-color: #ffaa01;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.8em;
	}
	
	/* Images */
	
	img {
		margin: 0;
		padding: 0;
		border: 0;
	}           
	
		a:link,
	a:visited {
		color: #41567f;
	}
	
	a:hover,
	a:active {
		color: #fa0;
	}
	
	/*
		Container für den gesamten Content
	*/
	/*---------------------------------------------------------------*/
	
	div#contentcontainer {
		position: relative;
	}
	
	/*
		Container für Kopf
	*/
	/*---------------------------------------------------------------*/
	
	div#headerframe {
		position: relative;
		margin: 0;
		padding: 0 20px 15px 20px;
	}
	
	div#headercontent {
		position: relative;
		left: 50%;
		width: 740px;
		margin: 0;
		padding: 0;
		margin-left: -370px;
		margin-top: 15px;
	}
	
	div#headercontent h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 1.3em;
		text-align: left;
		margin: 0;
		padding: 0;
		color: #ffefd7;
		background-color: transparent;
	}
	
	div#headercontent h1 span {
		font-weight: normal;
	}
	
	div#headercontent h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 4em;
		text-align: right;
		margin: 0;
		padding: 0;
		color: #ffefd7;
		background-color: transparent;
	}
	
	div#headercontent div#logocontainer {
		position: relative;
		height: 60px;
	}
	
	div#headercontent div#logocontainer img {
		float: right;
	}
	
	/*
		Container für Hauptinhalt
	*/
	/*---------------------------------------------------------------*/
	
	div#maincontentframe {
		position: relative;
		margin: 0;
		padding: 0 20px 40px 20px;
		color: #000;
		background-color: #fff;
	}
	
	div#maincontent {
		position: relative;
		left: 50%;
		width: 740px;
		/* min-height: 300px; */
		margin: 0;
		margin-left: -370px;
		padding: 0;
		background: transparent url(bg-startpage-4col.gif) 0px 125px repeat-x;
	}
	
	div#maincontent h1 {
		display: none;
	}
	
	/* Menue */

	div#maincontent div#rubservice, 
	div#maincontent div#rubstrom, 
	div#maincontent div#rubgas, 
	div#maincontent div#rubfernwaerme	{
		float: left;
		width: 185px;
		margin: 0;
		padding: 123px 0 0 0;
		color: #000;
	}
	
	div#maincontent div#rubservice {
		background: transparent url(img-bereich-service-4col.jpg) left top no-repeat;
	}

	div#maincontent div#rubstrom {
		background: transparent url(img-bereich-strom-4col.jpg) left top no-repeat;
	}

	div#maincontent div#rubgas {
		background: transparent url(img-bereich-gas-4col.jpg) left top no-repeat;
	}

	div#maincontent div#rubfernwaerme {
		background: transparent url(img-bereich-waerme-4col.jpg) left top no-repeat;
	}

	div#maincontent div.rubric {
		margin: 0;
		padding:10px 5px 5px;
	}
	
	div#maincontent div.rubric h2 {
		font-size: 1.4em;
		font-weight: 600;
		color: #ffaa01;
		background-color: transparent;
		margin: 0 0 5px 0;
		padding: 0;
	}

	div#maincontent div.rubric p {
		margin: 10px 0 0 0;
		padding: 0;
		color: #666;
		background-color: transparent;
		font-size: 0.85em;
	}

	div#maincontent ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	div#maincontent ul li {
		padding: 1px 0;
	}
		
	div#maincontent ul li a {
		display: block;
		width: 125px;
		padding-left: 20px;
		text-decoration: none;
		color: #000;
		background: transparent url(bg-list-submenue.gif) top left no-repeat;
	}
			
	div#maincontent ul li a:hover {
		text-decoration: underline;
	}
			
	/*
		Container für zusaetzliche Inhalte
	*/
	/*---------------------------------------------------------------*/
	
	div#related {
		position: relative;
		left: 50%;
		width: 740px;
		height: 50px;
		margin: 0;
		margin-top: 50px;
		margin-left: -350px;
		padding: 0;
	}

	div#related div {
		float: left;
		width: 165px;
		margin: 0;
		padding: 0;
		color: #000;
		background-color: transparent;
	}
	
	div#related div p {
		margin: 0;
		padding: 0;
		font-size: 0.8em;
		text-align: center;
	}
	
	div#related a {
		color: #000;
		background-color: transparent;
	}
	

	/*
		Container für Fusszeile
	*/
	/*---------------------------------------------------------------*/
	
	div#footerframe {
		position: relative;
		margin: 0;
		padding: 0 20px 5px 20px;
		color: #000;
		background-color: #fff;
		border-bottom: 30px solid #ffaa01;
		font: normal 12px Arial, Helvetica, sans-serif;
	}
	
	div#footercontent {
		position: relative;
		left: 50%;
		width: 740px;
		margin: 0;
		margin-left: -370px;
		padding: 0;
	}
	
	div#footercontent ul#footerleft {
		float: left;
		background-color: #fff;
		margin: 0;
		padding:0;
	}
	
	div#footercontent ul#footerright {
		float: right;
		margin: 0;
		padding:0;
	}
	
	div#footercontent ul li {
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div#footercontent ul span {
		width: 15px;
		margin: 0 10px 0 0;
		padding: 0 0 0 5px;
		border-right: 1px solid #000;
	}
	
	div#footercontent ul li a {
		color: #000;
		text-decoration: none;
	}
	
	div#footercontent ul li a:hover {
		color: #000;
		text-decoration: underline;
	}
	
	/* 
		Tip Overlay Slide-in Div
		---------------------------------------------------------------
 */
	div.tip{
		background-image:url(../images/orange_spacerbg_50trans.png);
		position: absolute;
		width:740px;
		top:0;
		left:0;
		z-index:100;
		height:25px;
		display:none;
		cursor:pointer;
		border-bottom:2px dotted #999999;
		border-top:2px dotted #999999;
	}
	div.tip-inner{
		
		
	}
	div.tip a.tip-titel{
		color:#FFF;
		font-size:1.3em;
		font-weight:600;
		background:url(bg-list-submenue.gif) no-repeat scroll left center;
		padding-left:20px;
	}
	div#monate{
	display:none;
	font-size:10px;
	}
	div.monat{
	float:left;
	height:95px;
	width:179px;
	color:#333333;
	padding-left:5px;
	padding-top:3px;
	}
	div.monatsname{
	font-weight:bold;
	font-size:12px;}
	div.day{
	float:left;
	width:20px;
	}
	div#monat1{	border-right:1px solid #fff; }
	div#monat2{	border-right:1px solid #fff; }
	div#monat3{	border-right:1px solid #fff; }
 
 
	/* 
		Clearfix-Hack
		---------------------------------------------------------------
 */

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

	.clearfix {
		display: block;
	}