/*	
	*****************************************									
	*	  CSS			        *   	
   *    ERSTELLT FÜR MEDIACLOU GmbH 	    	*	
		  
		DATUM: 30.01.2007
		AUFBAU: 	
		1. Allgemein
		2. Header
		3. Spalten (3)
		4. Hauptmenü
		5. Untermenü
		7. Rechte Spalte	
	******************************************/
	
/* ******************* 
    A L L G E M E I N  
   **************** */

/* <![CDATA[ */ 

html, h1, h2, ul, ol {margin: 0; padding: 0;}
body{ 
	 font: 72% Verdana, Arial, sans-serif; color: #333; background-color: #eee; }
*+ html body { font: 67% Verdana, Arial, sans-serif;}
* html body{text-align: center; }
a img { border: none; }
#pageContainer{ 
	 margin: 0; min-width: 65em; width: 100%; margin-top: -8px; text-align: left; background: #FFFFFF;}	 
* html #pageContainer { margin-top: 0; padding: 0; /* \*/	word-wrap: break-word;	
	 /* verhindert float-Probleme beim IE/Win siehe Referenz zu float */ }

#centerpage {width: 900px; height: 100%; margin-left: auto; margin-right: auto; }

h1 { font-size: 1.6em; color: #003399; }
*+ html h1 {font-size: 0.8em; font-weight: normal; }
* html h1 {font-size: 0.8em; font-weight: normal; }
h2 {color: #003399; }	
	
p{	
	line-height: 140%; }

#middle{	
	float: right; margin: 0; width: 100%; z-index: 5; }
	
*+html #middle{	
	margin-top: 1em; }	

#contentwrapper{
	margin: 10px 30px 0px 22px; } /* WRAPPER UM DEN INHALT, ABSTAND ZU DEN SEITEN */
*+ html #contentwrapper {margin-top: 0;}

#middle a{
	color: #333;}

#middle a:hover{
	background-color: #D3DAFA; }
	
#copyright { float: right; margin: -14px -11px 0 0; padding: 0; }

/* ****** AUFZÄHLUNG ***** */
#middle ul {line-height: 155%; margin-left: 15px; list-style-type: disc;}
#middle ol {line-height:155%}

/* ************* 
    H E A D E R  
   ************* */
#header { color: #333; margin: 10px 0 0 0; padding: 0; }
*+ html #header {margin: 0;}
* html #header { color: #333; margin: 0; padding: 0; background: #FFFFFF; }

#header_logo { 
	float: left; vertical-align: bottom; margin: 0; padding: 0; background-image: url(img/header_wasser_900px.jpg); width: 100%; height: 150px;}

#header_logo img { padding: 20px 0 0 11px; }
#headernav { 
	float: left; height: auto; width: 100%; background: #003399; margin: 0; padding: 0; }

#headernav ul {
	margin: 0; padding: 0 0 0 16em; }
	
#headernav li {
 	list-style: none; float: left; margin: 0; padding: 0; line-height: 1.8em; white-space: nowrap; }

#headernav a {
	display: block; float: left; margin: 0; padding: 0.1em 2em; text-decoration: none; color: white; font-weight: bold; color: white; background: #003399; border-left: 3px solid white; width: .1em; }
/* Die minimale Breite ist für den IE/Win und veranlasst ihn dazu, den gesamten 
block-space anklickbar anzuzeigen. Die anderen Browser bekommen mit einem 
Geschwisterelement, das der IE nicht versteht, den Wert auto zugewiesen. */

html>body #headernav a {width: auto; }

#headernav a:hover{
	text-decoration: underline; background-color: #D3DAFA; color: #003399;}	

#headernav #aktiv, #headernav #aktiv a {
	text-decoration: underline; background-color: #D3DAFA; color: #003399; }
		
/* ***********
    3 Spalter
   *********** */

#outerContainer {
margin-left: 16em;
margin-right: 16em; }

#innerContainer{	
	background: #FFFFFF; margin: 0; width: auto; z-index: 1; }
* html #innerContainer {width: 100%;}
#middle h2, #middle p{
	padding: 0; }

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

#SOWrap{ 
	float: left; margin: 0 -1px 0 0; width: 100%; z-index: 3; }
	
#middle{ 
	float: right; margin: 0 0 0 -1px; width: 99%; z-index: 5; }

#left{	
	float: left; margin: 0 0 0 -16em; width: 16em; z-index: 4; }

/* * html #left {	
	float: left; margin: 0 1px 0 -16em; width: 12em; z-index: 4; } 
*/
#platzhalter{ 
	height: 46px; width: auto; border-bottom: 1px solid white} /* ABSTAND ZWISCHEN MENUE UND BREADCRUMB */

#left a { text-decoration: none; color: #003399; }


/* ******************* 
    H A U P T M E N U 
   ******************* */
   
#hauptnavigation{
	font-size:1em; margin-left: 0; margin-top: 1em; height: auto; background-color: white; }

#hauptnavigation ul { 
	list-style-type:none; margin: 0; padding: 0;  font-size:1em; font-weight:bold; }
		
#hauptnavigation li{
	padding: 2px 0 0 2px; background-color: white; }
	
#hauptnavigation a {
	display:block; line-height: 2em; padding-left:10px; background-color: #D3DAFA; color: #FF0000;/*color: #1C3681;*/ border-bottom: 2px solid Gray; border-right: 2px solid #A9A9A9;
	 } 
	 
#hauptnavigation ul li div {	
	display: block; padding: 0; color:#FFF; text-decoration:none; font-weight:600; }

* html #hauptnavigation ul li a {
    	height:1em; }
				
* html #hauptnavigation ul li div {
	height:1em; }
		
#hauptnavigation a:link {
    	color: #FF0000;/*#1C3681;*/ text-decoration:none; }

#hauptnavigation a:visited {
    	color: #FF0000; text-decoration:none; }

#hauptnavigation a:hover {
	text-decoration: none; border-bottom: 2px solid #003399; border-right: 2px solid #003399; color: #003399; }

#hauptnavigation #header_aktiv a {
  color: #003399; border-bottom: 2px solid #003399; border-right: 2px solid #003399;}

#hauptnavigation li a:active, #hauptnavigation ul li a:focus { color: #003399; text-decoration:none; }
	
#hauptnavigation p { margin: 0.5em; }	

#hauptnavigation img {padding: 30px 0 0 13px;}
* html #hauptnavigation img { margin: 30px 0 0 13px; }		
/* ************
    Untermenue
   ************ */

#hauptnavigation #ebene2{    
	margin:0 0 0 15px; padding: 0; font-size: 0.9em; font-weight: bold; line-height: 1em; }   

#hauptnavigation #ebene2 ul{ 
	list-style-type: none; padding: 0; margin: 0; }
	
#hauptnavigation #ebene2 li{
	padding: 0; margin: 0; background-color: white; }
	
#hauptnavigation #ebene2 a{
	line-height: 1em; background-color: white; }
	
*+html #hauptnavigation #ebene2 a{
	line-height: 1.3em; background-color: white; }	
		
#hauptnavigation #ebene2 a:link {    
	color:#1C3681; }

#hauptnavigation, #ebene2 a:visited {
	color:#1C3681; line-height: 100%; }

#hauptnavigation #ebene2 a:hover, #hauptnavigation #ebene2 a:active{
	color: #1C3681; text-decoration: underline; }

*+html #hauptnavigation #ebene2 a:hover, #hauptnavigation #ebene2 a:active{
	color: #1C3681; text-decoration: underline; }
	
#hauptnavigation #ebene2.e2aktiv{
	color: #1C3681; text-decoration: underline; }

#hauptnavigation #ebene2 a:focus,
#hauptnavigation #ebene2 a:active {
	color: #ff00cc; text-decoration: underline; }

#footerlinie {border-bottom: 2px solid #D3DAFA; margin: 10px 0 10px 0; width: 102%;}
	
/* ************************** 
    R E C H T E  S P A L T E
   ************************** */
   
#wrapperright {border: 2px solid #D3DAFA; margin: 0; padding: 0 5px 5px 5px; }
#right{ float: left; width: 15.5em; min-width: 10em; margin: 27px -16em 0 0; padding: 0 2px; z-index: 2; }
* html #right {width: 16em;}

#inhaltrechts img {margin: 0; padding: 0; }
*+html #inhaltrechts img {margin: 8px 0 0 0; padding: 0; }
#inhaltrechts #hotline { color: #003399; font-size: 1em; display: block; padding-bottom: 8px; border-bottom: 2px solid #D3DAFA; }
#inhaltrechts p.bodytext { border-bottom: 2px solid #D3DAFA; padding: 6px 0 0 0; margin:0; }
#inhaltrechts h1 { padding: 8px 0 4px 0; margin: 0; font-size: 95%; }
*+html #inhaltrechts dl, dt { margin: 0; padding: 0; }
*+html #inhaltrechts h1 { font-size: 0.5em; font-weight: normal; }
* html #inhaltrechts h1 { font-size: 0.5em; border-right: 0px} /*IE 6*/
		
#right a {color: #003399; }

#right a:hover{
	background-color: #D3DAFA; }

#inhaltrechts {
	height: auto; overflow: hidden; }

#footer{
	margin:0; padding:0em 0em; background:#ccc; visibility: hidden; }

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

/* ]]> */