/**
 * 
 *  Project  : Patricia Leinhos
 *  Author   : Petra von Rhein / www.wunderware.de
 *  Stand    : 2010-01-27
 * 
 */
@media all
{


 /*------------------------------------------------------------------------------------------------------*/
 /**
  * @section browser reset
  */
  /* globale Abstaende aller HTML-Elemente */
  * { margin:0; padding: 0 }
  /* Korrektur fuer Selectboxen in Forms */
  option { padding-left: 0.4em }
 /**
  * Fixing Italics Bugs IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes

  * html body * { overflow:visible;  }
  * html iframe, * html frame { overflow:auto; }
  * html frameset { overflow:hidden; }
  * /  
  /* vertikacal scrollbars Netscape, Firefox, Safari  */
  html { height: 101%; margin-bottom: 1px; }
  body {
    /* Fix for rounding errors font size - scaling old Opera  */
    font-size: 100.01%;
    font-family: Arial, Helvetica, sans-serif;
    /* standard values  */
    color: #bbb;
    background: #151515; 
    text-align: left;
  }
  /* clear borders <fieldset> <img> */
  fieldset, img { border: 0 solid; }
  /* new standard values for lists, blockquote, cite   ANPASSEN   */
  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }
  blockquote { margin: 0 0 1em 1.5em; }
  b, strong { font-weight:bold; }
  
 /*------------------------------------------------------------------------------------------------------*/
 /**
  * @section base layout | Basis Layout
  *
  * |-------------------------------|
  * | #navigation                      |
  * |-------------------------------| 
  * | #content        |
  * |-------------------------------|
  */
  
    
/*------------------------------------------------------------------------------------------------------*/
  
  #main { 
    width: 820px;
    background:#000;
    margin-left:auto; 
    margin-right:auto;
    
    text-align:left;
    }
  
  #r10 {
    width: 820px;
    height: 100px;
    margin:0; padding:0;
    }

/* ------------------------- */
  #navigation {
    padding:1em 0 0.5em 1em;
    }

  #navigation ul {
    margin:0; padding:0;
    list-style:none;
    }

  #navigation ul li {
    font-size:0.9em;
    text-transform:uppercase;
    line-height:1.2em;
    margin:0.5em 0.8em;
    display:inline;
    } 

  #navigation ul li a {
    color:#838383;
    text-decoration:none;      
    } 

  #navigation ul li a:hover {
    color:#bbb;      
    } 
    
  #navigation ul li a.navMain0 {
    } 
  #navigation ul li a.navMain1 {
    color:#e9e9e9;
    } 

  #navigation ul li a.navMain1:hover {
    color:#e9e9e9;      
    } 
    

/* ------------------------- */  
  #navigationSub {
    padding:0 1em 0.5em 0.8em;
    }

  #navigationSub ul {
    margin:0; padding:0;
    list-style:none;
    }

  #navigationSub ul li {
    font-size:0.8em;
    
    line-height:1.2em;
    margin:0.5em 1.2em;
    display:inline;
    } 

  #navigationSub ul li a {
    color:#838383;
    text-decoration:none;      
    } 

  #navigationSub ul li a:hover {
    color:#bbb;      
    } 
    
  #navigationSub ul li a.navMain0 {
    } 
  #navigationSub ul li a.navMain1 {
    color:#e9e9e9;
    } 

  #navigationSub ul li a.navMain1:hover {
    color:#e9e9e9;      
    } 

/* ------------------------- */
  #hinweisAktuell {
    padding:1em 1em 0.5em 2em;
    }
  #hinweisAktuell p {
    font-size:.8em;
    font-weight:bold;
    color:#fff;
    }
    
  #hinweisAktuell p a {
    color:#fff;
    text-decoration: none;
    }
  #hinweisAktuell p a:hover {
    color:#fff;
    text-decoration: underline;
    }
/* ------------------------- */  

  #r20 {
    width: 820px;
    padding: 0 0 1em 0;
    }

  #r20 #picAlone {
    padding: 0 0 0 1.8em;
    }

  #r20 #txtAlone {
    padding: 0 8em;
    }

  #r2010 {
    width: 400px;
    float: left;
    margin: 0; padding:0;
    
    }

  #r2010 #picLeft {
    padding: 0 0 0 1.8em;
    }
  

/* ------------------------- */
  #r2020 {
    width: 400px;
    float: right;
    margin: 0; padding:0;
    
    }

  #r2020 #content {
    padding: 0 2.5em 0 0;
    }
    
  #txtAlone h1 {
    font-size:1.0em;
    font-weight:bold;
    padding:0.5em 0;
    margin-top: 1.5em;
    line-height:1.5em;
    }
  #content h1 {
    font-size:0.8em;
    font-weight:bold;
    padding:0.5em 0 0.1em 0;
    line-height:1.5em;
    }

  #txtAlone h2, #content h2 {
    font-size:0.9em;
    line-height:1.5em;
    font-weight:normal;
    font-style:italic;
    }

  #txtAlone h3, #content h3 {
    font-size:0.75em;
    line-height:1.5em;
    font-weight:normal;
    }

  #txtAlone p, #content p {
    font-size:0.8em;
    padding:0.3em 0 ;
    line-height:1.5em;
    }

  #content img.sast {
    margin-right:20px;
    }


  #txtAlone h1, #content ul {
    list-style:disc;
    margin:10px 10px;
    }
  #txtAlone h1, #content ul li {
    font-size:0.8em;
    line-height:1.2em;
    margin:5px 5px;
    padding-right:70px;
    }
  #txtAlone h1, #content ul li ul {
    list-style:square;
    }
  #txtAlone h1, #content ul li ul li {
    font-size:0.85em;
    line-height:1.1em;
    margin:4px 4px;
    padding-left:0px;
    } 

  #txtAlone h1, #content a {
    color:#bbb;
    text-decoration:underline;
    }

  #txtAlone h1, #content a:hover {
    color:#bbb;
    text-decoration:none;
    }

  #picAlone a {
    color:#000;
    text-decoration:none;
    }
  /* clearing */
  div.clear {
    clear:both;
    height:1px;
    line-height:1px;
    font-size:1px;
    margin:0;
    padding:0;
    border:0;
    visibility: hidden;
    }
  .clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    }
  .clearfix { display: block; }
  /* Hides from IE-mac \*/
    *.html .clearfix { height: 1%; }
    .clearfix { display: block; }    
  /* end Hides from IE-mac */  
  
  
  /* START debugging - colored  div   */  
    
 /*  #r20 {
    background: #00ff00;
    }
  #r2010 {
    background: #00ffff;
    }
  #r2020 {
    background: #ff00ff;
    }
    
  #r30 {
    background: #0000ff;
    }
  #r3010 {
    background: #ff00ff;
    }
  #r3010 #contentBoxLeft {
    background: #f7f7f7;
    }
  #r3020 {
    background: #ffff00;
    }
  #r3020 #contentBoxRight { 
    background: #00ff00;
    }
  #r40  {
    background: #ff0000;
    }
  
  .posx {
    background: #0000ff;
    }
    

hr.green { clear:both; height:10px; background:#00ff00; width:468px;}
end debugging - colored */ 
}