/*  
  *****************************************                  
  *    CSS                    *     
    *      ERSTELLT FÜR MEDIACLOU GmbH   *  
      
      DATUM: November 2007
      AUFBAU: 1. Allgemeine Selektoren, Inhaltselemente
              2. Container obere  und untere Reihe 
              3. Container Logo 
              4. Container Bild
              5. Container Navigation
              6. Container Text                    
  
  Der Hinweis zu runden Ecken mit CSS stammt von 
  Stu Nicholls, http://www.cssplay.co.uk
  *****************************************
*/
/* ******************* 
    A L L G E M E I N  
   **************** */

/* <![CDATA[ */ 

html {margin: 0; padding: 0;}
a img { border: none; }

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

#pageContainer{ 
   width: 100%; margin: 0; /*text-align: left;*/ border: 0px solid #d9d9d9; background-color: #FFDFC5; /*#DCDCDC;*/ }

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

#centerpage { width: 850px;  height: 100%; background-color: #fff; text-align: left; margin-left: auto; margin-right: auto; border: 1px solid #A9A9A9; }

h1 {
  font: 20px Verdana, Arial, sans-serif; margin: 1em 0 0.7em; padding: 0; font-weight: normal; color: #696969; }

h2 {
  font: 14px Verdana, Arial, sans-serif; color: #696969; }  
  
ul, li {margin: 0; padding: 0;}


#fusszeile {
  margin: 15px 10px 4px 224px; padding:0; }
  
#copyright a { float: right;font: 11px Verdana, Arial, sans-serif; color: #333; text-decoration: none; margin: 10px 13px 0 0; }

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


/* ************************************* 
    Container obere  und untere Reihe  *
   *********************************** */
  
#intro { width: 848px; margin: 10px 0 0 0; padding: 0; }  
*+html #intro { width: 850px; margin: 10px 0 0 0; padding: 0; }    
* html #intro { width: 862px; }
#main { width: 850px; margin: 10px 0 0 0; padding: 0; }
* html #main { width: 862px; margin-top: -25px; }

/* ****************** 
    Container logo  *
   **************** */
#logo { float: left; width: 190px; height: 208px; padding: 10px 5px 0 5px; margin: 0 10px; background-color: #fff; border: 1px solid #d7d7d7; clear: left; }  
* html #logo { height: 218px; }

/* ****************** 
    Container bild  *
   **************** */
#bild { width: 614px; height: 218px; margin: 0 11px 0 221px; padding: 0; border: 1px solid #d7d7d7; }    

/* ************************ 
    Container Navigation  *
   ********************** */
#navi{ float: left; width: 200px; margin: 0 10px; padding: 0; }    
* html #navi{ width: 190px;}  
#navi #ecken_navi { margin: 0; padding: 0; }

/* runde Ecken */

#navi .noben { display:block; font-size:1px;}
#navi .nunten { display:block; font-size:1px;  margin-top: 1px; }
#navi .nb1, #navi .nb2, #navi .nb3, #navi .nb4 {display:block; overflow:hidden;}
#navi .nb1, #navi .nb2, #navi .nb3 {height:1px;}
#navi .nb2, #navi .nb3, #navi .nb4 {background: #8187b9; border-left:1px solid #8187b9; border-right:1px solid #8187b9;}
#navi .nb1 {margin:0 5px; background: #8187b9;}
#navi .nb2 {margin:0 3px; border-width:0 2px;}
#navi .nb3 {margin:0 2px;}
#navi .nb4 {height:2px; margin:0 1px;}

#navi ul { background-color: #8187b9; }   
#navi li { list-style-type: none; }   
* html #navi li { height: 14px; }

#navi a, #navi:visited {
  font: 12px verdana, arial, sans serif; list-style-type: none; line-height: 20px; display:block; color: #fff; padding: 4px 5px 4px 20px; background-color: #8187b9; text-decoration:none; border-top: 1px solid white; } 
   
#navi a:hover { color: #fff; background-image: url(images/bullet_blau.jpg); background-position: 6px 12px; background-repeat: no-repeat; text-decoration: none;}
 
#navi #aktiv a {background-image: url(images/bullet.jpg); background-position: 6px 12px; background-repeat: no-repeat; }
#navi #aktiv a:hover {background-image: url(images/bullet_blau.jpg); background-position: 6px 12px; background-repeat: no-repeat; }

/* Untermenue */

#navi #untermenue {    
  margin: 0; padding: 0; list-style-type: none; text-decoration: none; }   

#navi #untermenue ul{ 
  list-style-type: none; text-decoration: none; padding: 0; }
#navi #untermenue li { background-image: none; }  
#navi #untermenue a {
  font: 12px verdana, arial, sans serif; line-height: 12px; display:block; color: #fff; padding: 6px 5px 6px 40px; background-image: none; }

#navi #untermenue a:hover { background-image: url(images/bullet_blau.jpg); background-position: 27px 9px; background-repeat: no-repeat; }
#navi #untermenue_aktiv a { font: 12px verdana, arial, sans serif; line-height: 12px; background-image: url(images/bullet.jpg); background-position: 27px 9px; padding: 6px 5px 6px 40px; background-repeat: no-repeat;}
#navi #untermenue_aktiv a:hover { background-image: url(images/bullet_blau.jpg); background-position: 27px 9px; background-repeat: no-repeat;}

/* *************** 
    Container text  *
   **************** */
#inhalt{
  width: 620px; 
  /*margin: 0 10px 0 220px;*/
  margin: 0 10px 0 0;
  padding: 0; 
  float: left;
  line-height: 200%; 
}      
* html #inhalt { width: 617px;}
#inhalt #ecken {background: #fff; margin: 0 2px;}

/* runde Ecken */

#inhalt .xoben, #inhalt .xunten {display:block; font-size:1px;}
#inhalt .xb1, #inhalt .xb2, #inhalt .xb3, #inhalt .xb4 {display:block; overflow:hidden;}
#inhalt .xb1, #inhalt .xb2, #inhalt .xb3 {height:1px;}
#inhalt .xb2, #inhalt .xb3, #inhalt .xb4 {background: #fff; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}
#inhalt .xb1 {margin:0 5px; background: #d7d7d7;}
#inhalt .xb2 {margin:0 3px; border-width:0 2px;}
#inhalt .xb3 {margin:0 2px;}
#inhalt .xb4 {height:2px; margin:0 1px;}

#text { display:block; background: #fff; border: 0 solid #d7d7d7; border-width:0 1px; padding: 10px 12px; margin: 0; }  
* html #text { text-align: left; }
#text p {margin: 10px 0 0 2px; padding: 0; line-height: 200%; /* line-height: 16px;*/}
#text a {font: 12px Verdana, Arial, sans-serif; color: #333; }
#text ul { margin: 10px 10px; padding: 0 10px; /* line-height: 16px;*/ list-style-type: disk;}

/* ]]> */