/*  @font-face { font-family: 'mycalibri'; src: url('http://www.sebasotto.de/styles/Calibri.ttf') format('truetype'); }
  @font-face { font-family: 'mycalibri'; src: url('http://www.sebasotto.de/styles/CalibriItalic.ttf') format('truetype'); font-style: italic; } 
  @font-face { font-family: 'mycalibri'; src: url('http://www.sebasotto.de/styles/CalibriBold.ttf') format('truetype'); font-weight: bold; } 
  @font-face { font-family: 'mycalibri'; src: url('http://www.sebasotto.de/styles/CalibriBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; }*/

  @font-face { font-family: 'mycalibri'; src: url('Calibri.ttf') format('truetype'); }
  @font-face { font-family: 'mycalibri'; src: url('CalibriItalic.ttf') format('truetype'); font-style: italic; }
  @font-face { font-family: 'mycalibri'; src: url('CalibriBold.ttf') format('truetype'); font-weight: bold; }
  @font-face { font-family: 'mycalibri'; src: url('CalibriBoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; }
  
  body{
    margin-top: 0em;
    margin-left: auto; /* Zentrieren der Seite mit dieser und der nachfolgenden Zeile */
    margin-right: auto;
/*     left: 50%; */
    color: black;
    background-color: #faf9f9;
    font-size: 100%;
/*    font-family: arial; */
    font-family: mycalibri;
/*     websafe-font: arial;				 */
/*     margin: 0.8em 0.4em 0.4em 0.4em; */
/*     padding: 0 1em 0 1em; */
    min-width: 53em; /* Umbruch und Anzeigefehler in modernen Browsern durch Mindestbreite verhindern */
    max-width: 59.2em;
  }

  img.Logo{
    height: 6em;
    width: 6em;
    margin-top: 0.75em;
    margin-left: 0.75em;
/*     margin-right: 2em; */
    float: left;
/*     border: 1px solid black; */
/*     background-position: 100px; */
    background-repeat: no-repeat;				
/* 				margin-right: 2.75em; */
/*     border: 0;  */
  }

  div#Kopfzeile{
    margin-top:0.5em;
/*     font-size: 2.5em; */
    height: 120px;
    width: 55em;
    background-color: #F0ECEC;
    font-family: mycalibri;
/*     websafe-font: arial;  */
  }
  div#Kopfzeile p{
    height: 120px;		
    padding-top:5.5%;
    padding-left:54.25%;
    color: white;
    font-family: mycalibri;
    font-size: 50pt;
/*     websafe-font: arial;  */
		}
  
  div#Kopfzeile3{
    margin: 0;
    margin-top:4.25em;
    width: 55em;
    background-color: #F0ECEC;
    font-family: mycalibri;
/*     font-size: 20pt; */
/*     websafe-font: arial;  */
  }
  div#Kopfzeile3 p{
    padding-left: 0.25em;
    padding-right: 0.25em;
    font-family: mycalibri;
    font-size: 20pt;
  }

  div#Kopfmenue{
    width: 55em;					
/*     text-align: left; */
/*     font-family: arial; */
    font-size: 110%;
/*     font-weight: bold; */
/*     background-color: white; */
    background-color: #faf9f9;
    clear: both;
/*     border: 1px solid black; */
    margin: 0;
    margin-left: -2.25em;
/*     border: 1px solid white; */
    font-family: mycalibri;
/*     websafe-font: arial;  */
  }
  div#Kopfmenue p{
/*     font-family: mycalibri; */
/*     websafe-font: arial; */
/* 		 	font-size: 0.9em; */
    text-align: right;
    color: #ACA1A1;
    margin: 0;
    margin-right: 2.9em;
/*     padding: 0.5em 0.2em 0.2em 0.1em; */
  }
  div#Kopfmenue ul{
    margin: 0;
/*     font-size: 0.9em; */
/*     font-weight: bold; */
    float: left;
/*     margin-left: -2.5em; */
/*     margin: 0.2em 0.2em 0 -2.4em; */
  }
  div#Kopfmenue li{
    text-align: left;
/*     text-align: right; */
    padding: 0 15px 0 0;
    display: inline;
    color: #ACA1A1;
  }
  div#Kopfmenue a:link, div#Kopfmenue a:visited{
/*     text-align: right; */
    text-decoration: none;
    color: #ACA1A1;
    font-family: mycalibri;
/*     websafe-font: arial;  */
  }
  div#Kopfmenue a:hover{
    color: red;
    font-weight: bold;
  }

  div#Links{
    margin: 0;
    padding: 0;
    height:30em;
    width: 7.5em;
    float: left;
/*     float: bottom; */
    background-color: white;
    overflow: hidden;
    font-family: mycalibri;
    font-size: 13pt;
/*     min-height: 500px; */
/*     max-height: 6000px;     */
/*     font-size: 0.9em; */
/*     background-color: white; */
/*     background-color: #F0ECEC; */
/*     margin-left: -27.51em; */
/*     padding-left: 1em; */
/*     position: absolute; */
/*     width: 5%; */
/*     height: 5%; */
/*     top: -50%; */
/*     left: -50%; */
/*     z-index: -1; */
/*     margin-top: 27.51em; */
/*     margin-left: 20em; */
/*     float: right; */
/*     width: 700px; */
/*     height: 120px; */
/*     margin: -10em 0 1.2em 0; */
/*     padding: 0; */
/*     border: 1px solid black; */
/*    background-image: url(../pictures/kopfzeile_balken_grau_gedreht.png); */
/*     background-image: url(../pictures/kopfzeile_balken_grau.png); */
/*     background: url(background.png) 0 0 repeat; */
/*     -webkit-transform: rotate(90deg); */
/*     -moz-transform: rotate(90deg); */
/*     -ms-transform: rotate(90deg); */
/*     -o-transform: rotate(90deg); */
/*     transform: rotate(90deg); */
/*     background-repeat: no-repeat; */
/*     websafe-font: arial;  */    
  }
  div#Links img{
    margin-top: 10em;
    height: 3em;
    border: 0;
  }
  div#Links a:link, div#Links a:visited{
/*     text-align: right; */
    text-decoration: none;
    color: green;
  }
  div#Links a:hover{
    color: blue;
    font-weight: bold;
  }

  div#Rechts{
    margin: 0;
    padding: 0;
    height:30em;
    background-color: white;
/*     background-color: #faf9f9; */
    float: left;
    float: bottom;				
    width: 7.5em;
/*     min-height: 500px; */
/*     margin: 1.1em 0 1.2em 0; */
/*     padding: 0; */
/*     border: 1px solid black; */
    font-family: mycalibri;
/*     websafe-font: arial;  */
    font-size: 13pt;
  }
  div#Rechts img{
    width: 50%;
/*     margin-top: 6em; */
    border: 0;
  }
  div#Rechts a:link, div#Rechts a:visited{
/*     text-align: right; */
    text-decoration: none;
    color: green;
  }
  div#Rechts a:hover{
    color: blue;
    font-weight: bold;
  }

  div#Mitte{
    margin: 0;
    padding: 0;
    height:35.5em;
    width: 42.25em; /*630px;*/
    background-color: white;
    font-family: mycalibri;
    font-size: 11pt;
/*     min-height: 500px; */
				float: left;
/*     float: bottom; */

/*     border: 1px solid black; */
/*     margin-right: -120px; */
/*     margin: 1em 12em 1em 8.5em; */
/*     padding: 1em 1em 2em; */
/*     websafe-font: arial;  */
  }
  div#Mitte h{
    font-size: 13pt;
    font-weight: bold;
  }
/*   div#Mitte h2{ */
/*     font-size: 10pt; */
/*     font-weight: bold; */
/*   } */
  div#Mitte p{
/*     font-size: 10pt; */
  }
  div#Mitte ul{
/*     font-size: 12pt; */
    margin: 0.5em;
    padding: 0 0 0 0.5em;
  }
  div#Mitte li{
/*     font-size: 12pt; */
    margin: 0.em;
    padding: 0 0 0.0em 0.25em;
  }
  div#Mitte a.fett:link, div#Mitte a.fett:visited{
/*     font-size: 10pt; */
    text-decoration: none;
    font-weight: bold;
    color: black;
  }
  div#Mitte a.fett:hover{
    color: blue;
  }
  div#Mitte a:link, div#Mitte a:visited{
    text-decoration: none;
    color: black;
  }
  div#Mitte a:hover{
    color: blue;
  }
  div#Mitte a.blau:link, div#Mitte a.blau:visited{
    text-decoration: none;
    color: blue;
    font: bold 10pt sans-serif;
  }
  div#Mitte a.blau:hover{
    color: blue;
  }
  div#Mitte img{
    border: 0;
  }
  div#Mitte table{
    font-size: 10pt;
    width: 100%;
    margin-top: 1em;
  }

  div#Fusszeile{
    width: 50em;
/*     border-top: 1px solid #ACA1A1; */
/*     border-bottom: 1px solid #ACA1A1; */
    background-color: #F0ECEC;
/*     margin-top: 10px; */
/*     margin-bottom: 20px; */
    clear: both;
/*     border: 1px solid white; */
    font-family: mycalibri;
/*     websafe-font: arial;  */
    font-size: 110%;
  }
  div#Fusszeile p{
/*     font-size: 0.8em; */
    text-align: right;
    color: #ACA1A1;
    margin: 0;
    padding: 0.2em 0 0.2em 0;
				margin-right: 5.0px;
  }
  div#Fusszeile ul{
/*     font-size: 0.8em; */
    float: left;
    color: #ACA1A1;
    margin: 0;
				margin-top: 3px;				
				margin-left: -36px;
  }
  div#Fusszeile li{
    padding: 0 30px 0 0;
    display: inline;
  }
  div#Fusszeile a:link, div#Fusszeile a:visited{
    text-decoration: none;
    color: #ACA1A1;
  }
  div#Fusszeile a:hover{
    color: red;
    font-weight: bold;
  }