/* =============================================================
Stylesheet für die Seite "Gabriele Ismer, Mezzosopran", Zwischenformat
Datei: format.css
Datum: 09.04.2013
Autor: Gabriele Ismer
===============================================================*/

/*=============================================================
1. Kalibrierung und Restauration
===============================================================*/

* { padding: 0; margin: 0; } /*alle Abstände auf Null*/

/*=============================================================
2. Allgemeine Styles
===============================================================*/
body {
 background-color: #5d1516;
 background-image: url(../Bilder/neuer_hintergrund.jpg);
 background-repeat: repeat;
}
p, div, li, th, td {
 color: #320000;
}
p, h1, h2, h3, h4, li {
  padding: 5px;
}
p, li, th, td {
 font-family: Arial;
}
td {
 padding: 3px;
 vertical-align: top;
}

td.horprobe {
 padding-top: 0px;
 padding-left: 0px;
 padding-bottom: 0px;
 padding-right: 10px;
 vertical-align: top;
}

h1 {
 font-family: Verdana, sans serif;
 font-size: 140%;
}
h2 {
 font-family: Verdana, sans serif;
 font-size: 120%;
 text-align: left;
 margin-bottom: 15px;
 color: #770011;
}
h3, h4 {
 font-family: Verdana, sans serif;
 color: #770011;
 font-size: 110%;
 }

table {
 padding: 0px;
 border: 0;
 text-align: left;
}

a {
 text-decoration: none;}
a.navi {
    color: white;
    }
a.navi_self {
    color: #F9F7A4;
    font-weight: 800;
    }
a.navi:hover {
    color: #F9F7A4;
}
.zitat {
    font-size: 85%;
    margin-top: -10px;
    margin-bottom: 15px;
    font-style: italic;
    text-align: right;
}
.skiplink {
  position: absolute;
  top: -9999px;
  left: -9999px;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
}

table div {
  font-size: 80%;
  font-style: italic;
  margin-left: 10px;
}
.klein {
  font-size: 80%;
  font-style: italic;
  margin-left: 10px;
}

.nurklein {
  font-size: 80%;
  font-style: italic;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.fl {
  float: left;
}
div#fliesstext a {
  color: #BD0000;
}
div#fliesstext a:hover {
  color: #DE5F5F;
}
div#fliesstext a:visited {
  color: #690000;
}
div#fliesstext h3 a {
  color: #770011;
}
div#fliesstext h3 a:hover {
  color: #DE5F5F;
}
input:focus,
textarea:focus  {
  background-color: #EFEFEF;
}
.legende {
  padding-top: 10px;
  font-size: 80%;
}
/*=============================================================
3. wechselnde Styles für die Textelemente
===============================================================*/
a.navi,
a.navi_self {
    margin-left: 20px;
    margin-top: 30px;
    font-family: Verdana, sans serif;
}
.mt40 {
  padding-top: 40px;
}
.mt100 {
  margin-top: 100px;
  margin-left: 0px;
}
.cr {
  clear: right;
  height: 0;
  width: 0;
  font-size: 0;
  line-height: 0;
  color: #FCFAF7;
  top: -9999px;
  left: -9999px;

}
.ht10 {
  height: 10px;
}
#ml500 {
  margin-left: 70%;
}
.balkenstart,
.balkenfolge {
  background-color: #320000;
  width: 95%;
  margin: auto;
}
div#navigation li {
  list-style-type: none; /*ohne Aufzählungspunkte*/
  margin: 0;
}
.clear {
  clear: both;
  }
.center {
  margin-left: 20px;
  margin-right: 20px;
}
.right {
  margin-left: 20px;
  margin-right: 20px;
}
/*=============================================================
4. wechselnde Styles für die Layoutbereiche
===============================================================*/
div#wrapper {
  width: 100%;
  height: 100%;
  background-image: url(../Bilder/banner_links_platzhalter.png);
  background-repeat: repeat-y;
}
div#navigation {
  height: 100%;
  width: 167px;
  background-color: #320000;
  align: left;
  float: left;
}
img#banner_iphone {
  display: none;
}
.bannerlinks {
  width: 167px;
  height: 162px;
  align: right;
  float: right;
}
div#bannerie {
  overflow: hidden;
}
div#inhalt {
  background-image: url(../Bilder/farbverlauf4.png);
  background-repeat: repeat-x;
  margin-left: 167px;
  padding-bottom: 10px;
  height: 100%;
  background-color: #F7CFAE;
}
div#bannerie {
  overflow: hidden;
}
#banner2 {
  align: right;
  float: right;
  width: 640px;
  height: 156px;
}
#bannerrechtsfolge {
  width: 374px;
  height: 117px;
}
#portrait {
  width: 323px;
  height: 386px;
  margin-right: 30px;
  margin-top: 8px;
  align: right;
  float: right;
}
div#fliesstext {
  height: 383px;
  overflow: auto;
  padding: 20px;
}
/*============================================================
5. Formulare
==============================================================*/
.label {
  display: block; /*Beschriftung auf eigener Zeile*/
  cursor: pointer; /*Mauszeiger wird zur Hand*/
}
#danke {
  clear: both;
  margin: 0 auto;
  background-image: url(../Bilder/formular.png);
  background-repeat: repeat;
  width: 90%; /* Breite des Formular */
  padding: 10px;
  border: 1px solid #fff;
  border-radius: 10px;
}
input#absender,
textarea {
  width: 90%;
  border: 1px solid #8c8c8c;
  margin-bottom: 0.3em;
}
textarea {
  height: 8em;
}