/*  
  *****************************************                  
  *      CSS      *     
        *    ERSTELLT FÜR MEDIACLOU GmbH   *  
      
      DATUM: 30.01.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;}

body{ font: 12px Arial, sans-serif; color: #333; font-family: Arial; background-color:  #eeeeee; }
   
* html body{text-align: center; }

#pageContainer{ 
   margin: 0; min-width: 900px; width: 100%; margin-top: -8px; text-align: left; border: 2px solid #B22222; background: #fff;}

*+html #pageContainer{ 
   margin-top: -15px; text-align: left; border: 2px solid #B22222; background: #fff;}
   
*html #pageContainer {  /* \*/  word-wrap: break-word;  
  margin-top: 0; padding: 0; /* verhindert float-Probleme beim IE/Win siehe Referenz zu float */}

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

a img { border: none; } 

h1 {
  font-size: 20px; color: #B22222; margin: 0 0 15px 0; padding: 0; }

h2{
  font-size: 16px; color: #B22222; }  

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

hr.sbac-spacer {  color: #fff; border: none; }
/* ************* 
    H E A D E R  
   ************* */
#header{
  color: #333; margin: 0; padding: 0 0 70px 0; background: #fff; }  

*html #header{
   padding: 4px 0 0 0; }     
#header_links { 
  float: left; margin: 10px 0 0 0; padding: 0; }

#header_rechts { 
  float: right; margin: 0; padding: 0; width: 610px; }

* html #header_rechts { 
  float: right; margin: 0 -6px 0 0; padding: 0;} 
  
#sprachen {
  width: 300px;
  margin: 18px 4px 4px 50px; 
  padding: 4px 4px 4px 6px;
  background-color: #C1C1C1; 
  float: left;
}

* html #sprachen {
   width: 310px; 
   margin:  20px 4px 4px 25px; 
   }

#sprachen ul { margin: 0; padding: 0;}
#sprachen li {list-style: none; padding: 3px 0;}
#sprachen li img { margin: 0; padding: 0; vertical-align: middle; }
#sprachen ul li div { display: inline;  font: 12px verdana, arial, sans serif; color: #fff; font-weight: bold; padding: 0 0 0 10px; }

#adresse {
  float: right;
  width: 220px;
  margin: 0 6px 0 0;
}
*html #adresse {margin: 0; }
#adresse ul { margin: 6px 0 0 0; padding: 0;  }  
#adresse ul { margin: 4px 0 0 0; padding: 0;  }  
#adresse ul li { font: 10px verdana, arial, sans serif; color: #333333; text-align: right; list-style: none; }  
*+ html #adresse ul li { line-height: 1.2em; }  
*html #adresse ul li { line-height: 1.2em; }  


#text_mickenhagen { float: left; margin: 10px 0 0 0; }
    


#headernav { 
  float: left;  width:896px; background: #D9D9D9; margin: 0; padding: 0; }

/*  
#headernav { 
  float: left;  width: 100%; background: #D9D9D9; margin: 0; padding: 0; }
*/
*html #headernav { width: 101%; background: #D9D9D9; }

#headernav ul {
  margin: 0; padding: 0; background: #D9D9D9; }

/*
#headernav ul {
  margin: 0; padding: 0 0 0 143px; background: #D9D9D9; }
*/
  
#headernav li {
   list-style: none; float: left; margin: 0; padding: 0; line-height: 20px; white-space: nowrap; }
   
#headernav_home ul li.first {
  padding: 0 0 0 10px;
  }


#headernav a {
  font: 12px verdana, arial, sans serif; 
  display: block; 
  float: left; 
  margin: 0; padding: 6px 20px; 
  text-decoration: none; 
  font-weight: bold; 
  color: #000; 
  background: #D9D9D9; 
  border-right: 3px solid white; 
  }
/*
#headernav a {
  font: 12px verdana, arial, sans serif; 
  display: block; 
  float: left; 
  margin: 0; padding: 4px 15px; 
  text-decoration: none; 
  font-weight: bold; 
  color: #000; 
  background: #D9D9D9; 
  border-left: 3px solid white; 
  }
*/  
/* 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; }  

#headernav #aktiv, #headernav #aktiv a {
  font: 12px verdana, arial, sans serif; float: left;  text-decoration: underline; background-color: #B22222; font-weight: bold; color: #fff; }
    
/* ***********
    2 Spalter
   *********** */

#outerContainer { margin-left: 145px; margin-bottom: 30px; }
*html #outerContainer { margin-bottom: 20px; }

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

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

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

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

#middle ul, #middle ol {line-height: 17px;}  

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

#left a {
  text-decoration: none; color: #C0C0C0; }
  
#contentwrapper{
  margin: 36px 22px 0 25px;} /* WRAPPER UM DEN INHALT, ABSTAND ZU DEN SEITEN */

#contentwrapper p {line-height: 16px; }
#contentwrapperHome {
  margin: 36px 22px 0 20px;
}  
*+html #contentwrapper { margin: 42px 25px 0px 25px; } /* WRAPPER UM DEN INHALT, ABSTAND ZU DEN SEITEN */

/* ******************* 
    H A U P T M E N U 
   ******************* */
#hauptnavigation {
  font-size: 12px; margin-left: 0;  height: auto; }
/*
#hauptnavigation{
  font-size: 12px; margin-left: 0;  height: auto; border: 2px solid white; }
*/
#hauptnavigation ul { 
  list-style-type:none; margin: 0; padding: 0; font-size: 12px; font-weight:bold; }

#hauptnavigation li{
  padding: 2px 0 2px 0; }

/*      
#hauptnavigation li{
  padding: 2px 0 2px 2px; }
*/  
*+html #hauptnavigation li{
  padding: 0; background-color: white; }  

#hauptnavigation a {
  display:block; line-height: 24px; padding-left:21px; color: #B22222; text-decoration:none; } 
   
#hauptnavigation a:visited {
    color: #B22222; text-decoration:none; }

#hauptnavigation a:hover {
  color: #333; text-decoration: underline; }

#hauptnavigation #header_aktiv a {
  text-decoration: underline; color: #B22222; }

#hauptnavigation li a:active, #hauptnavigation ul li a:focus {
      color: #B22222; }

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

*html #abstand_navioben{
  height: 34px;  width: auto; }    
  
/* ************
    Untermenue
   ************ */

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

#hauptnavigation #untermenue ul{ 
  list-style-type: 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: #333; }
  
*+html #hauptnavigation #untermenue a {   line-height: 14px; }  
  
#hauptnavigation #untermenue a:hover {
  color: #B22222; text-decoration: underline;  }
  
*+html #untermenue a:hover, #hauptnavigation a:active{
  color: #B22222; text-decoration: underline; }

#hauptnavigation #untermenue #untermenue_aktiv a { text-decoration: underline; color: #B22222; } 
  
#footerlinie {border-bottom: 2px solid #B22222; margin: 16px 0 10px 0; width: 711px; clear: left; }
#footerlinie_home {border-bottom: 2px solid #B22222; margin: 16px 0 10px 0; width: 815px; clear: left; }
  
/* ************
    Startseite
   ************ */

div#outerContainerHome {
  margin: 0;
  padding: 0;
  }
  

div#teaser {
  float: left;
  margin: 0 30px 0 0;
  width: 180px; 
 }
 

div#teaser a {
  text-decoration: none;
  }

div#teaser span {
    float: left;
  clear: both;
  width: 100%;
  }
  
*html div#teaser span {
  width: 101%;
  }  
  
 div#teaser span.text {
  background: #B22222;
  border: 1px solid #B22222;
  text-decoration: none;
  font: 12px verdana, arial, sans serif; 
  }  
  
 div#teaser span.bild {
   border: 1px solid #D9D9D9;
  margin: 0;
  padding: 0;
  height: 200px;
  }

 div#teaser span b {
   text-align: center;
  display: block;
  margin: 5px 0;
  color: #fff;
  text-decoration: none;
  }
  

 div#teaser span.bild span {
   font: 12px verdana, arial, sans serif; 
   margin: 0;
   padding: 0.5em 0 0.5em 2.5em;
  }

*html  div#teaser span.bild span {
  width: 180px;  
  }

#headernav_home { 
  float: left;  width: 100%; background: #D9D9D9; margin: 0; padding: 0; }

*html #headernav_home { width: 101%; background: #D9D9D9; }
  

#headernav_home ul {
  padding: 0 0 0 15px;
  margin: 0;
  }
  
#headernav_home li {
   list-style: none; float: left; margin: 0; padding: 0; line-height: 20px; white-space: nowrap; }
    

#headernav_home ul li.first {
  padding: 0 0 0 10px;
  }  
  
#headernav_home a {
  font: 12px verdana, arial, sans serif; display: block; float: left; margin: 0; padding: 4px 15px; text-decoration: none; font-weight: bold; color: #000; background: #D9D9D9; }
  
#headernav_home a {  
  border-right: 3px solid white;
  text-decoration: none;
}    

/* ****************
    T A B E L L E
***************** */

#c130 table, #c354 table, #c121 table, #c360 table, #c123 table, #c122 table { width: auto; margin-left: -2px; }
#c130 table img, #c354 table img, #c121 table img, #c360 table img, #c123 table img, #c122 table img { border: none; }
#c130 td, #c354 td, #c130 td, #c121 td,#c360 td, #c123 td,#c122 td { width: 55px; background-color: #fff; border: 1px solid #808080; text-align: center;}
#c130 td .img, #c354 td .img, #c121 td .img,#c123 td .img, #c122 td .img { border: none; margin-top: 3px; height: 150px; }
#c130 td .text, #c354 td .text, #c121 td .text, #c360 td .text,#c123 td .text, #c122 td .text { height: auto; vertical-align: bottom; margin-bottom: 3px;}
#c130 td a, #c354 td a, #c121 td a, #c360 td a, #c123 td a, #c122 td a {font: 10px  arial, sans serif; text-align: center; }
#c130 td a.hover, #c354 td a.hover, #c121 td a.hover, #c360 td a.hover,#c123 td a.hover, #c122 td a.hover  { background: none; }
  
/* ]]> */