/* *** GLOBALE DEFINITIONEN   */
  body {
    margin:0;
    background:url("../images/bg.jpg");
    text-align:center;
  }
  * {
    font-family:arial, helvetica, sans serif; 
    font-size:10pt;
  }

/* P's    */
  p {
    font-size:10pt;
  }
  p.achtung {
    color:red;
    font-style:italic;
  }
  p.small {
    color:#959A9E; 
    font-size:9pt;
  }
  
  .h2 {
    font-size:12pt;
    font-weight:bold;
    color:red;
  }

/* **** A's     */ 
  /* * Allgemein   */
    a { 
      text-decoration:none;
      font-size:10pt; 
	  color:red; 
    }
    a:hover {
      font-weight:bold;
      text-decoration:none;
	  color:red; 
    }
    a:active {
      font-weight:bold;
      text-decoration:none;
	  color:red;
    }
    a:visited {
      text-decoration:none;
      color:red; 
    }
    
    a:visited:hover {
      text-decoration:none;
      color:red; 
    }
    
  /* * Klein   */
    a.small {
      color:#959A9E; 
      font-size:9pt;
    }
    
    a.small:visited {
      text-decoration:none;
      color:#959A9E; 
    }
    
    a.small:hover {
      font-weight:normal;
      color:red; 
      text-decoration:none;
    }
    

/* *** Titel   */
  h1 {
    font-size:14pt;
    font-weight:normal;
    color:black;
    width:100%;
  }
  h2 {
    font-size:12pt;
    font-weight:bold;
    color:red;
  }
  h3 {
    font-size:11pt;
    font-weight:normal;
    margin-bottom:2px;
    color:red;
  }

/* *** Für die rechte Spalte   */
  p.box {
    padding:5px;
    margin:0;
  }
  /* * Normal   */
    p.box-header {
      color:white;
      background-color:red;
      width:100%;
      padding:0 0 0 5px;
      margin:0;
      font-weight:bold;
      line-height:150%;
      border-bottom:4px white solid;
    }
  /* * Coloriert   */
    p.box-header-col {
      color:white;
      background-color:#ff6000;
      width:100%;
      padding:0 0 0 5px;
      margin:0;
      font-weight:bold;
      line-height:150%;
      border-bottom:4px white solid;
    }
    
/* *** TABELLEN   */
/* * Normal   */
  td {
    vertical-align:top;
  }
  td.zahl {
    text-align:right;
    width:220px;
    color:red;
    font-weight:bold;   
    padding:3px 0px 3px 0px;
  }
  
  td.bio {
    padding:3px 0px 3px 0px;
  }


/* *** HAUPT DIVS   */

  #container {
    margin:20px auto;
    padding:40px 0px 0px 0px;
    width:900px;
    text-align:left; 
    overflow:hidden;
  }
  
  #michaeljaeger {
    position:absolute;
    top:5px;
    left:5px;
    width:auto;
    margin:5px;
  }
  
  #musik {
    position:absolute;
    top:32px;
    right:5px;
    width:auto;
    margin:5px;
  }
  
  #navipunkt {
    float:right;
    border:1px solid black;
  }

  #div-content {
  	margin-left:220px;
  	width: auto; 
  }
   
  #div-left {
  	width:220px;
  	visibility:visible;
  	display:block;
  	float:left;
  }
  
  #unterbild {
  	float:left;
  	width:890px;
  	visibility:visible;
  	display:block;
  }

  #div-header {
  	margin:20 0 15 0px;
  }
  
  #div-footer {
  	clear:left;
  	border-top:1px #959A9E solid;
  	margin-top:50px;
  	width:auto;
  }
  
  #div-latest {
  	margin:20 0 15 0px;
  	float:right;
  	width:150px;
  }
  

/* *** ANDERE DIVS    */
  /* * Für die einzelnen Divs die Rechts drin sind    */
    #right {
      padding: 0px;
      width: 200px;
      background-color:#f5f5f5;
      margin-bottom:15px;
    }

  /* ** Divs die im Contenbereich sind   */
    /* * Einspaltig   */
      #cont-box {
        padding: 0px;
        width:100%;
        margin-bottom:15px;
        background-color:#f5f5f5;
      }
    /* * Die beiden die zusammen zweispaltig machen   */
      #cont-left {
        
        padding: 0px;
        width:49%;
        float:left;
        margin-bottom:15px;
        background-color:#f5f5f5;
      }
      #cont-right {
        
        padding: 0px;
        width:49%;
        float:right;
        margin-bottom:15px;
        background-color:#f5f5f5;
      }