/**********************************************************************************************************
layoutstyle.css entwickelt am 03.07.2007 von Christina Geldner, Wasserwirtschaftsamt Kronach

In dieser Style-Datei werden alle wichtigen Layout Vorgaben bezeichnet:
- Aufteilung der Seite in einen logoContainer mit den Logos und einen pageContainer für die Inhalte
  der Seite selbst, dazu drei weitere Container:
		~ header
		~ main
		~ footer
**********************************************************************************************************/

body {
	padding: 0;
	margin: 0;
	font: 77% sans-serif;
	background-color: #FFFFFF;
}

/* Auszeichnung der Seite */

/* Auszeichnung des Logo-Containers - oberster Seitenbereich, volle Breite*/
#logoContainer {
	border: 5px solid #FFFFFF;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	margin: 0px;
	min-width: 60em;
	height: 60px;
	width: auto;
}

* html #logoContainer {
	/* \*/
	word-wrap: break-word;
	/* verhindert float-Probleme beim IE/Win siehe Referenz zu float*/
}

#schriftzug{
	border: 0;
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 0 0 0;
	background: url(images/logo.gif);
}

#logo {
	border: 0;
	float: right;
	width: 147px;
	height: 60px;
	margin: 0 0 0 0;
	background: url(images/schriftzug_klein.gif);
}
/* Ende des Logo-Containers */

#pageContainer {
	border: 0;
	margin: 0px;
	min-width: 60em;
	width: auto;
}
* html #pageContainer {
	/* \*/
	word-wrap: break-word;
	/* verhindert float-Probleme beim IE/Win siehe Referenz zu float */
}

/* Kopfzeile mit oberem Menü (Quicklinks) */

#header {
	margin: 0;
	padding: 10px 0 10px 12em;
	height: 2em;
	background: #92BBED;
}

/*Hauptteil (quasi Body) -> auf der Main liegen später die drei Divs:
#left für die linke Menüleiste (feste Breite von 12em - festgelegte Farbe und Breite durch border-left im #main-Div)
#right für die rechte Menüleiste bzw. Hinweisbox "Themen und Termine" (feste Breite von 16em - festgelegte Farbe und Breite durch border-right im #main-Div)
#middle für den mittleren Hauptteil (100% Seitenbreite, dynamisch)*/

#main {
	border: 0;
	border-left: 12em solid #92BBED;
	border-right: 16em solid #004080;
	background: #FFFFFF;
	padding: 0;
}

#left, #middle, #right, #SOWrap {
	overflow: visible;
	position: relative;
}

#SOWrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
}

#left {
	float: left;
	padding-left: 10px;
	margin: 0 -12em 0 -12em;
	width: 12em;
}

#middle {
	border: 0;
	float: right;
	padding: 0;
	margin: 0 0 0 0;
	min-width: 350px;
	width: 100%;
	min-height: 600px;
	height: auto;
}

/*Problematischer Bereich: Rechte Menüleiste - optimiert für IE7*/
#right {
	float: right;
	width: 16em;
	margin: 0 -16em 0 0;
}
/*Ende des Problematischen Bereichs (rechte Menüleiste)*/

/*Fußzeile -> Hinweistext*/
#footer {
	margin: 0;
	padding: 5px 5px 5px 12em;
	background: #004080;
}

/*Div-Cleaner*/
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:0px none;
	margin:0; padding:0;
	background:transparent;
}