body {
 color: #333;
 margin: 15px 0 0 0;
 padding: 0;
 font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
 font-family: verdana, arial, helvetica, sans-serif;
}
img { /* generell kein Rahmen um Bilder */
 border: 0;
}
/* -- Gestaltung und Ausrichtung -- */
a { 
 color: #333;
 text-decoration: none;
 padding: 0 2px;
}
a:hover { 
 color: #E00;
 text-decoration: none;
}
h1 { 
 font-family: arial, verdana, helvetica, sans serif;
 font-size: 1.3em;
 line-height: 0.8em;
 padding: 10px 0 25px 20px;
 margin: 0;
 text-align:left;
}
h2 {
 font-family: verdana, arial, helvetica, sans serif;
 font-size: 1em;
 padding: 0 0 0 30px;
 text-align:left;
}
h3 {
 font-family: verdana, arial, helvetica, sans serif;
 font-size: 0.9em;
 padding: 0 0 0 35px;
 text-align:left;
}
p {
 font-size: 0.9em;
 padding: 0 30px 0 35px;
}
hr{
 width: 100%;
 background-color: #FFF;
 border: 1px solid #EFEFEF;
}
dl{
 margin: 0 10px 0 20px;
}
dt{
 font-weight: bold;
 padding: 0 0 0 10px;
}
dd { 
 margin: 10px 0 10px 15px;
 font-size: 0.9em;
}
ul {
 list-style-type: none;
}
.partlist {
 margin: -10px 15px 0 10px;
 text-align: center;
}
.partbg {
  background-color:#FFF;
  margin-bottom:5px;
  padding-right:15px;
}
.table {
 width: 100%;
 margin-top:50px;
}
.logos {
 margin:15px 0 10px 15px;
}
.foot {
 padding-top: 8px;
 font-size:0.8em;
 line-height:1.2em;
 color:#333;
}
.fleft { 
 float: left;
 margin: 0.9em 1.5em 1em 0em;
}
.fright {
 float: right;
 margin: 1em 0 0.2em 1em;
 padding: 1px;
}
.clearoff {
 clear: both;
}
.left{
 text-align:left;
}
.rightup{
 text-align:right;
 padding-bottom: 10px;
}
.mittig{
 text-align:center;
}
.hit {
 color:#FAF9E7;
}
.normal {
 font-weight:normal;
 }
.boxcontent {
 width: 100%; 
 height: 731px;
 font-size: 0.75em;
 background-color: none;  
}
 
/* -- Layoutspezifisches -- */
#rahmen { 
 font-size: 0.75em; /* Ein Kompromiss über den man sicherlich streiten kann, aber viele Leute empfinden die von Ihnen selbst eingestellte Textgröße für zu groß, wissen aber nicht wie man das ändert. */
 max-width: 900px; /* maximale Breite 900px. Für den IE in ielte.css einen Workaround. */
 min-width: 750px;
 margin: auto; /* Seite zentrieren*/
 overflow-x: hidden;
 background-color: #eee; 
}

/* - Kopfcontainer - */
#header {
 width: 100%;
 height: 50px;   
 padding: 0;
 margin: 0;
 background-color: #fff; 
}
#logo_main {
 float: left;
 width: 538px;
 height: 50px;  
 padding: 0;
 margin: 0;
 background-image: url(../images/logo1_left.png);
 background-repeat: no-repeat;
}
#logo_sub {
 float: right;
 width: 130px;
 height: 50px; 
 padding: 0;
 margin: 0;
 background-image: url(../images/logo1_right.png);
 background-repeat: no-repeat;
}

/* - Menu - */
#menu {
 margin:150px 0 0 0;
 padding:10px;
}
#menu li {
 display:block;
 list-style-type:none;
 padding:0;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 13px;
 line-height:1.6em;
}
#menu ul {
 margin-left:3px;
 padding-left:8px;
}
#menu a { 
 color: #ccc; 
 text-decoration: none;
}
#menu a:hover, #menu a.hit { 
 color: #FFF;
}

/* - Trennt Kopf von unterem Container - */
#clearer {
 clear: both;
 width: 100%;
 height:0.0em;
}

/* - Gesamter unterer Container - */
#maincontainer {
 width: 100%;
 padding:0;
 margin:0;
 background-repeat: no-repeat;
}
#maincontainer.intro {
 background-image: url(../images/intro.jpg);
}
#maincontainer.bio {
 background-image: url(../images/bio.jpg);
}
#maincontainer.termine {
 background-image: url(../images/termin.jpg);
}
#maincontainer.plain {
 background-image: url(../images/greybg.jpg);
 background-color:#eee;
}
#maincontainer.rez {
 background-image: url(../images/rez.jpg);
}
#maincontainer.part {
 background-image: url(../images/part.jpg);
}
#maincontainer.klav {
 background-image: url(../images/klav_introbg.jpg);
}
#maincontainer.kontakt {
 background-image: url(../images/kont.jpg);
}
#maincontainer.imprint {
 background-image: url(../images/imp.jpg);
}
/* - Linke Menu-Spalte - */
#left{
 float: left;
 width: 150px;
 height: 731px; 
 margin: 0px;
 padding: 0px;  
 background-image: url(../images/menu_bg.png);
 background-repeat: no-repeat;
}
/* - Rechte Content-Spalte - */
#main {
 float:left; 
 min-width: 450px;
 max-width: 750px;
 min-height: 731px; 
 margin: 0px;
 padding: 0px;
 line-height: 1.5em;
}
#text {
 min-width:350px;
 max-width:480px;
 min-height: 706px; 
 padding: 25px 20px 0px 10px;
 margin: 0;
 line-height: 1.5em;
 text-align: justify;  
 background-image: url(../images/trans_bg.png);
}
#textfull {
 width:100%;
 min-height: 721px; 
 padding: 10px 0px 0px 0px;
 margin: 0px;
 line-height: 1.5em;
 text-align: justify;  
 background-image: url(../images/trans_bg.png);
}
#anzeige {
 width:100%; 
 padding: 0px;
 margin: 100px 0px 0px 70px;
 line-height: 1.5em;
 text-align: justify;
}
#leftsmall {
 min-height: 721px;
 float: left;
 margin: 0;
 padding: 10px 20px 0px 10px;
 text-align: justify;  
 background-image: url(../images/trans_bg.png);
}
#mainbox {
 width: 380px;
 height: 655px;
 margin: 0;
 padding: 0;
 background: none;
}
/* - Rechte Content-Spalte - */
#right { 
 width:370px;
 min-height: 721px; 
 float: right;  /* Inhalt rechts vorbeifließend */
 margin: 0;
 padding: 10px 10px 0px 10px;  
 background-image: url(../images/trans_bg.png);
}
#right a.hit { 
 color: #E00;
}
#right_small {
 width: 26%;
 height: 721px; 
 float: right;  /* Inhalt rechts vorbeifließend */
 margin: 0;
 padding: 10px 10px 0px 10px;  
 background-image: url(../images/trans_bg.png);
}
#pic1, #pic3, #pic5 {
 margin: 0 10px 20px 0;
}
#pic2, #pic4, #pic6 {
 margin: 0 0px 20px 0;
}
#bottom {
 text-align:right;
 vertical-align:bottom;
 margin-top:60px;
 }
/* - Fusszeile incl. Clearer - */
#footer {
 clear: both;
 width: 100%;
 height: 0.0em;
}