/*  
  *****************************************                  
  *      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;
    overflow: -moz-scrollbars-vertical; /* Firefox hack, damit die Vertikalescrollbar immer sichtbar ist */
    overflow-x: auto;
}
a img { border: none; }
ul ,li {margin: 0; padding: 0; }

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

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

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

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

#pageContainer{
    margin: 0;
    min-width: 1000px;
    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: 1050px;
    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: 680px;
}
 
#middle a:hover { background-color: #fff; }
  
#middle a{
    color: #333;
}

#contentwrapper {
    margin-top: 21px;
    width: 678px;
    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: 168px;
    padding-right: 2px;
    /*margin-left: -0.4px;*/
}
* html #hauptnavigation li { width: 120px; }
#hauptnavigation a {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; 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: 12px;
  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 30px;
    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; }   


/* ]]> */