/*
-------------------------------------------------------
Stadtwerke Eisenberg GmbH
Projektstart: 
Projektende:
Autor: susann eschrich - www.stadtwerke-eisenberg.gmbh
Medium: Screen

Die Navigation wurde recht aufwendig umgesetzt, da kein Javascipt eingesetzt werden soll. 
Somit wurde jede Liste und jeder Eintrag speziell angesprochen. Damit wird dann erreicht, 
dass der Kunde später sieht auf welcher Seiter er sich gerade befindet. Hierfür hat jede
Seite einen ganz bestimmten Dokumententitel, der in einer Variable gespeichert ist. 
Es wird dann geprüft was aktuell bei der Variable für den Dokumententitel drin steht. 

Beispiel: 

Steht im Dokumententitel "Privatkunden", dann wird der Navigationseintrag für Privatkunden
mit einer anderen Farbe versehen und die Navigation öffnet sich entsprechend. In diesem Beispiel wird
eben nur die Navigation für "Strom" und "Gas" angezeigt. Der Rest bleibt geschlossen. 
-------------------------------------------------------
*/

/**************************/
/*------Grundeinstellungen-------*/
/**************************/

*
{
	margin: 0; 																				/*Rahmen*/
	padding: 0;																				/*Innanabstand*/
}

body
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 76%;
	line-height: 120%;
	color: #333333;
	background-color: #FFFFFF;
	text-align: left;
}

/**************************/
/*--------Hauptcontainer-----------*/
/**************************/

#container
{
	width: 1000px;																	/*Abstand bzw. Rahmen oben*/
	text-align: left;																		/*Textausrichtung*/
	background-image: url(../images/index_swe_everso.jpg);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


/*****************************************/
/*----Box für den bearbeitbaren Inhalt der Seite----*/
/*****************************************/

#mainContentNetz
{
	padding-left: 120px;/*Horizontale Postition des Hintergrundbildes von links*/
	padding-top: 530px;
	width: 265px;
	text-align: left;
	float: left;
}

#mainContentMesstellenbetreiber
{
	padding-top: 230px;
	width: 245px;
	text-align: left;
	float: left;
	clear: right;
}

#mainContentVertrieb
{
	padding-top: 530px;
	width: 285px;
	float: left;
	text-align: left;
	padding-left: 10px;
}

#mainContent p
{
	line-height: 15px;/*Höhe des Absatzes*/
}

#mainContent h4
{
	height: 10px;/* gibt den Abstand zum folgenden Text nach unten hin an */
	padding-top: 5px;
	padding-bottom: 15px;/* gibt den Abstand von oben an */
}

#mainContent h3
{
	height: 10px;/* gibt den Abstand zum folgenden Text nach unten hin an */
	padding-top: 10px;
	padding-bottom: 15px;/* gibt den Abstand von oben an */
	font-size: 1.1em;
}

#mainContent h2
{
	height: 20px;/* gibt den Abstand zum folgenden Text nach unten hin an */
	line-height: normal;
	padding-top: 5px;/* gibt den Abstand von oben an */
}


/*****************************************/
/*---------------------------Box Fuß-------------------------*/
/*****************************************/

#footer
{
	padding-top: 1em;/*Innenabstand von oben*/
	text-align: center;/*Textausrichtung*/
	clear: both/*Fortsetzung bei Textumfluss mit Boxelementen - erzwingt in diesem Fall ein Fortsetzung unterhalb bei aktivem float:left und aktivem float:right*/
}

/*****************************************************/
/* spezielle Browserweichen (CSS-Hacks) nur für Internet Explorer*/
/*****************************************************/

* html #mainContent /* nur für Internet Explorer - behebt den 3-Pixel-Textsprung nach float-Boxen */
{
	h\eight: 1%;		/* Version 6 */
}

/*****************************************************/
/* -------------------------Formatierung Schrift und Links------------------*/
/*****************************************************/



.link_unterstr_schwarz_11
{
	color : #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
	font-size: 11px;
}

.link_unterstr_grau
{
	color : #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: underline;
}