/*	
	*****************************************									
	*		  CSS			*   	
        *    ERSTELLT FÜR MEDIACLOU GmbH 	*	
		  
		  DATUM: Dezember 2007
		  AUFBAU: 	1. Allgemeine Selektoren und Inhaltselemente
		  				2. Container
						3. Header
						4. Hauptnavigation
						5. Unternavigation
	*					*	
	*****************************************
*/
/* ******************* 
    A L L G E M E I N  
   **************** */

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

body{ font-size: 11px; color: #333; font-family: Verdana, Arial; background-color: #fff; }
* html body{text-align: center; }

h1 {
	font-size: 13px; color: #25A2BE; margin-top: 19px; }

h2{
	font-size: 12px; color: #25A2BE; }	
	
p{	
	line-height: 140%; }

/* ***********
    Container
   *********** */

#pageContainer{ 
	 margin: 0; min-width: 800px; width: 100%; }
	 
*html #pageContainer {	/* \*/	word-wrap: break-word;	
	margin-top: 0px; padding: 0; /* verhindert float-Probleme beim IE/Win siehe Referenz zu float */}

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

/* #middle h2, #middle p {padding: 0; } */

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

#SOWrap{ 
	 float: left; margin: 0; padding:0; width: 100%; }
* html #SOWrap { text-align: left; } 
	
#middle{ 
	 float: right; margin: 20px 0 10px 0; padding: 0; width: 480px; }
 
#middle a:hover { background-color: #fff; }
	
#middle a{
	color: #333;}

#contentwrapper { margin-top: 21px; width: 478px; border-top: 1px solid #25A2BE; }
*+html #contentwrapper { margin-top: -1px; } 
* html #contentwrapper { margin-top: -1px; }
#contentwrapper a { color: #333;}
	
/* ************* 
    H E A D E R  
   ************* */
#header{
 color: #333; margin: 20px 0 5px 0; padding: 0; }	
*+html #header { margin-top: 5px; }
*html #header{
	color: #333; margin: 0; padding: 15px 0 0 0; }	
		
#header_logo { 
	float: left; margin: 0; padding: 0; }
	
#header_links{ 
	float: right; margin: 27px /*61px*/ 0 0 0; padding: 0; }

#header_links ul { margin: 0; padding: 0;}
	
#header_links li { list-style: none; float: left; }

#header_links a {
	display: block; float: left;  margin:0; padding: 0 5px 0 5px; text-decoration: none; color: #333; }

#header_links a:hover{
	text-decoration: underline; }	
	
/* ******************* 
    H A U P T M E N U 
   ******************* */
   
   /* runde Ecken */

#hauptnavigation { display:block;  position:relative; padding:0; margin:0; }
#hauptnavigation ul { margin: 0; padding: 0; list-style-type:none; background:transparent; }
		
#hauptnavigation li{
	list-style: none; display:block; float: left; width: 118px; padding-right: 2px; /*margin-left: -0.4px;*/ }	
* html #hauptnavigation li { width: 120px; }
#hauptnavigation a {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align: center; color:#fff; }	

#hauptnavigation li#aktiv a { color: #fff; }

.rund {background: transparent; margin: 0; padding: 0; }
.rund span {text-align:center; color:#fff; margin:0; }
.top {display:block; /*background:transparent;*/ font-size:1px;}

.b1, .b2, .b3, .b4 {display:block; 
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */  }

.b1, .b2, .b3 {height:1px; }
.b2, .b3, .b4 { background: #25A2BE; /* border-left:1px solid #fff; border-right:1px solid #fff;*/}
.b1 {margin:0 5px; background: #fff; }
.b2 {margin:0 4px; /*border-width:0 2px;*/}
.b3 {margin:0 2px; }
.b4 {height:2px; margin:0 1px; background: #25A2BE; }
.boxcontent { display:block; background: #25A2BE; margin: 0 2px; /*border:0 solid #fff;*/ border-width:0 1px 0px 1px; padding-bottom: 4px;}
a:hover b {background: transparent; } /* weisser Hintergrund für die Rundungen*/
.active {background: #b7b719; cursor:default;}

a.ecke, a.ecke:visited {display:block; text-decoration:none; color: #fff; /*display:block; text-decoration:none;*/ }
/* CSS für die hover-tags */
a.ecke:hover { cursor:pointer; } 
a.ecke:hover span {color: #fff;} /* Textfarbe */
a.ecke:hover .boxcontent { background:#b7b719; /*border-color:#b7b719;  border:0 solid #fff; border-bottom:1px solid #b7b719;*/} /* CSS für die Textbox hover */
a.ecke:hover .b1 {background: #fff; }
a.ecke:hover .b2, a.ecke:hover .b3, a.ecke:hover .b4 {background: #b7b719; /*border-color: #b7b719;*/} /* b-Container Farbe und Rundungen (bordercolor) Farbe */


/* CSS für den aktiven Link */
#hauptnavigation li#aktiv .b1 {background: #fff;} /* weisser Hintergrund oben: sauberer Abschluss */
#hauptnavigation li#aktiv .b2, #hauptnavigation li#aktiv .b3, #hauptnavigation li#aktiv .b4 { background: #b7b719; }
#hauptnavigation li#aktiv a.ecke .boxcontent { background: #b7b719; color: #fff; }
	
/* ****************************
    Navigation in den Rubriken
   ************************** */

#unternavigation { float: left; margin-top: 91px; width: 370px; }
*+ html #unternavigation { margin-top: 100px;}
* html #unternavigation { margin-top: 100px;}
#unternavigation ul { list-style-type: none; padding: 0; margin-left: 5px; }
	
#unternavigation li { padding: 8px 0; margin: 0; border-bottom: 1px solid #25A2BE; }
	
#unternavigation a {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-left: 5px;
	color: #666;
	text-decoration: none;
	 }
		
#unternavigation a:visited {
	color: #666666; line-height: 100%; }

#unternavigation a:hover, unternavigation a:active { color: #b7b719; text-decoration: none; } 
#unternavigation li#aktiv a, unternavigation li#aktiv a:active { color: #b7b719; text-decoration: none; } 

#unternavigation a#eclogo {
	width: 164px;
	height: 130px;
	background-image: url("http://www.mediaclou.de/fileadmin/ec-logo.png");
	background-repeat:no-repeat;
	display: block;
}
#unternavigation a:hover#eclogo {
	background-image: url("http://www.mediaclou.de/fileadmin/ec-logo-ro.png");
}

#unternavigation a#cclogo {
	width: 164px;
	height: 130px;
	background-image: url("http://www.mediaclou.de/fileadmin/cc-logo.png");
	background-repeat:no-repeat;
	display: block;
}
#unternavigation a:hover#cclogo {
	background-image: url("http://www.mediaclou.de/fileadmin/cc-logo-ro.png");
}

#unternavigation a#nclogo {
	width: 164px;
	height: 130px;
	background-image: url("http://www.mediaclou.de/fileadmin/nc-logo.png");
	background-repeat:no-repeat;
	display: block;
}
#unternavigation a:hover#nclogo {
	background-image: url("http://www.mediaclou.de/fileadmin/nc-logo-ro.png");
}

/* *********
    Text 
   ******* */
	
#contentwrapper #ecken { margin: 0;}
#text { display:block; border: 0 solid #25A2BE; border-width:0 1px; padding: 10px 12px 10px 17px; margin: 0; }	
#text a { text-decoration: none; }
#text a:hover { text-decoration: underline;}
#contentwrapper .xunten {display:block; font-size:1px; }
* html #contentwrapper .xunten {background:transparent; border:0 solid #fff; border-width:0 1px; }
#contentwrapper .xb1,#contentwrapper .xb2, #contentwrapper .xb3, #contentwrapper .xb4 {display:block; overflow:hidden;}
#contentwrapper .xb1, #contentwrapper .xb2, #contentwrapper .xb3 {height:1px;}
#contentwrapper .xb2, #contentwrapper .xb3, #contentwrapper .xb4 {background: #fff; border-left:1px solid #25A2BE; border-right:1px solid #25A2BE;}
#contentwrapper .xb1 {margin:0 5px; background: #25A2BE;}
#contentwrapper .xb2 {margin:0 3px; border-width:0 2px;}
#contentwrapper .xb3 {margin:0 2px;}
#contentwrapper .xb4 {height:2px; margin:0 1px;}
* html #contentwrapper .xb4 {height:-1px;}


/* ******************* 
    Umfragen  
   **************** */
fieldset.survey_item { 
	margin: 1em 0 2em 0; 
	border: 1px solid #25A2BE; 
	}    
fieldset.survey_item input {
	margin: 0.5em 0.5em 0 0; 
	vertical-align: bottom; 
	}
.tx-pbsurvey-pi1 p.question { font-weight: bold; }   


/* ]]> */