/*	
	*****************************************									
	*		  CSS			*   	
        *    ERSTELLT FÜR MEDIACLOU GmbH 	*	
		  
		  DATUM: September 2007
		  AUFBAU: 	1. Allmgemeine Selektoren, Inhaltselemente
		  				2. Header
						3. Spalten (3)
						4. Hauptmenü
						5. Adresse
						5. Untermenü
						6. Breadcrumb
						7. Rechte Spalte
						8. Inhaltselemente
						9. Suche
						10. Sitemap
						11. Formulare
						12. Bilder linke Spalte
	*					*	
	*****************************************
*/
/* ******************* 
    A L L G E M E I N  
   **************** */

/* <![CDATA[ */ 
html {margin: 0; padding: 0;}
a img { border: none; }

body{ 
	 font: 11px Verdana, Arial, sans-serif; color: #333; background-color: #fff; margin: 0; padding: 0;}
 
*html body {text-align: center; }

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

*html #centerpage {height: auto; }

#pageContainer { min-width: 900px; text-align: left; background: #fff;  }
	
*html #pageContainer {	/* \*/	word-wrap: break-word;	
	margin-top: 0; padding: 0; /* verhindert float-Probleme beim IE/Win siehe Referenz zu float */}

a img { border: none; } 

h1 {
	font-size: 20px; font-weight: normal; color: #808080; }

h2{
	font: 14px Arial, sans-serif; margin-left: -12px; }	
	
p{	
	margin-left: -5px; line-height: 140%; }
	
	
/* ************* 
    H E A D E R  
   ************* */
#header{
	color: #333; margin: 0; background: #fff; padding: 0 0 2px 0; }	
		
#headernav { 
	float: left; height: 100%; width: 100%; background: #d9d9d9; margin: 0; padding: 0;}

*html #headernav { width: 102%; height: auto;}

#headernav ul {
	margin: 0; padding: 0 0 0 218px; }
	
#headernav li {
 	list-style: none; float: left; margin: 0; padding: 0; line-height: 20px; white-space: nowrap; border-left: 3px solid white;}

#headernav a {
	font: 13px verdana, arial, sans serif; display: block; float: left; margin: 0;  padding: 4px 15px 4px 15px; text-decoration: none; color: #ff0000; }
	
/* 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, #aktiv, #aktiv a {
	text-decoration: none; background-color: #eeeeee; color: #0000cc; }	
	
#headernav #abschluss_rechts {font: 13px verdana, arial, sans serif; border-left: 3px solid white; height: 110%; color: #fff; padding: 1px 0 8px 0;}

*html #headernav #abschluss_rechts {height: auto;}

/* ***********
    2 Spalter
   *********** */

#outerContainer {
margin-left: 230px; }

#innerContainer { background: #FFFFFF; margin: 0; width: 100%; z-index: 1; }

#middle h2, #middle p {	padding: 0 6px; }

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

#SOWrap{ 
	float: left; margin: 0; width: 100%; z-index: 3; }
	
#middle{ 
	float: right;  margin: 0; width: 100%; z-index: 5; }
	
#middle a{
	color: #333;}

#middle a:hover{
	background-color: #eeeeee;}

#middle ul, #middle ol {line-height:155%}	

#left{	
	float: left; margin: 0 0 0 -230px; width: 140px; z-index: 4; }

#contentwrapper{
	margin: 21px 41px 15px 5px; } /* WRAPPER UM DEN INHALT, ABSTAND ZU DEN SEITEN */

*+html #contentwrapper{
	margin: 34px 41px 15px 5px; } /* WRAPPER UM DEN INHALT, ABSTAND ZU DEN SEITEN */

*html #contentwrapper{
	margin: 34px 41px 0 5px; } /* WRAPPER UM DEN INHALT, ABSTAND ZU DEN SEITEN */

/* ******************* 
    H A U P T M E N U 
   ******************* */
#hauptnavigation{
	margin: 0; width: 218px; height: 100%; }

#hauptnavigation ul { 
	list-style-type: none; margin: 0; padding: 0; font-size:12px; font-weight:bold; }
		
#hauptnavigation li{
	padding: 2px 0 2px 2px; }
	
#hauptnavigation a {
	font: 13px verdana, arial, sans serif; display:block; line-height: 22px; padding-left: 25px; } 
	 
#hauptnavigation a:link, #hauptnavigation a:visited, #hauptnavigation a:hover  { color: #0000cc; text-decoration:none; }

#hauptnavigation #header_aktiv, #hauptnavigation #header_aktiv a {
	text-decoration: underline; color: #0000cc; }

#abstand_navilogo{
	height: 10px; width: auto; }
	
#hauptnavigation #logo { margin: 0; padding:0; }

#abstand_navioben{
	height: 38px; width: auto; }
	
*+html #abstand_navioben{
	height: 44px;  width: auto; }	
	
/* ************
    Untermenue
   ************ */

#hauptnavigation #untermenue {    
	margin: 0 0 0 15px; font-weight: bold; }   

#hauptnavigation #untermenue ul{ 
	list-style-type: none; text-decoration: none; padding: 0; margin: 0 0 0 15px; }
	
#hauptnavigation #untermenue a {
	font: 11px verdana, arial, sans serif; text-decoration: none; margin: 0; padding: 0; color: #0000cc; }

*+html #hauptnavigation #untermenue a{
	line-height: 1.3em; }	
	
#hauptnavigation #untermenue a:hover {
	text-decoration: underline; }

#untermenue #untermenue_aktiv a{ text-decoration: underline; color: #0000cc; } 

#footerlinie {border-bottom: 1px solid #0000cc; margin-left: 0px; margin-bottom: 5px; width: 102%;}
#copyright { float: right; /*margin: -14px -11px 0 0;*/ margin: 0 -11px 0 0; padding: 0; }
	
#abstand{
	height: 60px; width: auto; }
	
* html #abstand{
	height: 26px; width: auto; }

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

#footer h2{
	font-size: 1px; }	

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

/* ]]> */