* {
        margin: 0px;
        padding: 0px;
}

html {
        height:100%;
        margin-bottom:1px;
}



body
  {scrollbar-base-color:#200202;scrollbar-highlight-color:#890A1D;scrollbar-arrow-color:#200202;scrollbar-shadow-color:#941010;
  scrollbar-3dlight-color:#530909;scrollbar-darkshadow-color:#620B0B;scrollbar-face-color:#E0102F;scrollbar-track-color:#FEF5F5;
  }

h1
{ font-family:Lucida sans,arial; color: #E2E2E2; font-size:14pt; line-height:18pt; margin-bottom:20px;
 }

p
{ font-family: Lucida sans,arial; color: #C0C0C0; font-size:11pt; line-height:15pt; margin-bottom:20px;
 }


a:link
     { color: #B8160B;text-decoration:none;}
a:visited
     { color: #B8160B;text-decoration:none;}
a:active
     { color: #B8160B;text-decoration:none;}
a:hover
     { color: #F60202;text-decoration:none;}
a:focus
     { color: #F60202;text-decoration:none;}





h2 { font-size:13pt; color:#ED141F; margin-top:0.5cm; letter-spacing:2pt
 }

#webseite {
background-image:url(Pianist-Barpianist-Pianist-Streifen.jpg); background-repeat:repeat; background-color:#000000;
padding-bottom: 750px;
}

#header {

        background: url(Pianist-Barpianist-Pianist-Header.jpg); background-repeat: no-repeat;
        height: 351px;
}



#navi {
        color: #FF0000;
        height: 30px;
        padding-top:285px;
        margin-bottom: 10px;
        z-index:8;
        padding-left: 140px;

        font-size:14pt;
        font-weight: bold;
        font-family: Lucida sans,arial;
        line-height: 25px;
        position: relative;
        text-align: left;


}





.unternavi {
        line-height: 25px;
        width:680px;
        color: #7E0511;
        height: 25px;
        text-align: center;
        font-size: 80%;
        clear: both;
        border-top: 1px dotted #666666;
        position: relative

        padding-left:0px;
        padding-right:0px;
}






.mitte {

        background: url(roter-Kreis.jpg);
        background-repeat:no-repeat;


        font-family: Lucida sans,arial;
        color: #C0C0C0;
        position: relative;
        padding-left:140px;
        padding-top:20px;
        padding-right:10px;
        width:436px;
        padding right: 20px;
        float: left;
        z-index:10;
        padding-bottom: 300px;




}


.mitte2 {

        background: url(roter-Kreis.jpg);
        background-repeat:no-repeat;


        font-family: Lucida sans,arial;
        color: #C0C0C0;
        position: relative;
        padding-left:140px;
        padding-top:20px;
        padding-right:10px;
        width:436px;
        padding right: 20px;
        float: left;
        z-index:10;
        padding-bottom: 1000px;




}




.links {

        font-family: Lucida sans,arial;
        color: #C0C0C0;
        position: relative;
        padding-left:10px;
        padding-top:16px;
        z-index:8;





}



.mitte a {
        color: #842B00;
        text-decoration: none;
}

.mitte a:hover {
        color: #737373;
        text-decoration: none;
}


.inhalt {

        width:350px;
        font-size: 11pt;
        line-height: 15pt;




}





#footer {
        margin-top: 50px;
        line-height: 25px;
        height: 50px;
        text-align:right;
        color: #C0C0C0;
        padding-right:310px;
        font-size: 80%;
        clear: both;


}


#footer a {
        color: #999999;
        text-decoration: none;
}

#footer a:hover {
        color: #333333;
        text-decoration: underline;
}






// entsprechend anpassen

// Falls Linkbezeichnung neue Zeile (Einleitungstext als eigener Absatz)
#extlink_preface {
  margin-bottom: 10px;

  padding: 0 0 0.5em 0;

}

// Falls Linkbezeichnung nicht in neue Zeile (Einleitungstext und Link zusammen als Absatz)
#extlink_block {

}

// Auszeichnung für den Link (um hover etc. ergänzen)
#extlink_link {
   margin-bottom: 10px;

   padding: 0 0 0.5em 0;

  text-decoration: underline;
}

#extlink_link a {

  text-decoration: underline;
}

#extlink  {
  margin-bottom: 10px;

  padding: 0 0 0.5em 0;

}













/* Ausgabe am Bildschirm */
@media screen {
.inhalt .text_box p {
        margin-bottom: 10px;
        line-height: 140%;
        letter-spacing: 0.1em;
}


        .renderhead {
                display: block;
        }
        .renderhead span {
                display: none;
        }
        .renderhead img {
                padding:5px;
        }
}
/* Ausgabe auf dem Drucker */
@media print {
        .renderhead {
                display: block;
        }
        .renderhead span {
                display: block;
                color: blue;
        }
        .renderhead img {
                display: none;
        }
}