/* ======================================================================
Stylesheet fuer die Seiten von Gaby Kilian 
Datei: bildschirm.css
Datum: 10.April 2016
Autor: Richard Barnickel

Aufbau: 1. Kalibrierung und allgemeine Styles
        2. Styles fuer Layoutbereiche
        3. Sonstige Styles
========================================================================== */

/* ======================================
   1. Kalibrierung und allgemeine Styles
   ====================================== */

/* Kalibrierung der wichtigsten Abstaende */
* { padding: 0; margin: 0; }
/*h2, p, ul, ol { margin-bottom: 0; }
ul ul { margin-bottom: 0; }
li { margin-left: 0em; }
*/
/* Allgemeine Selektoren */
html { height: 101%; } /* erzwingt Scrollbar im Firefox */

  @font-face { font-family: Kilian-1;
     src: url('filtsch.woff') format('woff'); }
     @font-face { font-family: Kilian-2;
     src: url('antiqua.woff') format('woff'); }
     @font-face { font-family: Kilian-3;
     src: url('kingthings.woff') format('woff'); }
     @font-face { font-family: Kilian-4;
     src: url('tangerine.woff') format('woff'); }
     @font-face { font-family: Kilian-5;
     src: url('ruthie.woff') format('woff'); }
     @font-face { font-family: Kilian-6;
     src: url('underwood_champion-webfont.woff') format('woff'); }
body {
     color: black;
     background-color: white;
    /* font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: small; */

}

.vorladen {
  width:0px;
  height:0px;
  display:none;
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }
h3 { font-size: 110%; }

address {
   text-align: center;  /* zentrieren */
   font-size: 80%;   /* etwas kleiner */
   font-style: normal;   /* normale Schrift, nicht kursiv */
   letter-spacing: 2px;   /* Abstand zwischen den Buchstaben */
   line-height: 1.5em;  /* Zeilenabstand */
}

/* Hyperlinks allgemein */
a { text-decoration: none; outline: none; color:black;} /* Unterstreichung entfernen */


a:link { color: black; }
a:visited { color: black; }

a:hover,
a:focus {
     color: black;
     font-weight:bold;
}
a:active {
     color: black;
}

/* Allgemeine Klassen und IDs */
.skiplink { /* der Punkt voran bedeutet, das Element mit dem Attribut: class="skiplink" */
     position: absolute;
     top: -2000px;
     left: -3000px;
     width: 0px;
     height: 0px;
     overflow: hidden;
     display: inline;
}


table { width: 99%;
          border-collapse: collapse;
      /*  border-top: 1px solid #666;
        border-bottom: 1px solid #666; */
       /* background-color: #8ED8F8;
         -moz-border-radius: 10px;
         -moz-box-shadow: 10px 10px 5px
         #008DB8; */
}

caption {
        color: black;
        text-align:center;
        padding-left: 0px;
        padding-bottom: 0px;
        font-size: 130%;
}

th { text-align: left;
     padding-left: 10px;
     padding-right: 10px;
}

td { /*border: 0px solid #666;*/
     /*background-color: #ffc; */
     padding-left: 10px;
     padding-top: 6px;
     padding-bottom: 6px;
     padding-right: 10px;
   /*  -moz-border-radius: 10px; */
}




/* ====================================
   2. Styles fuer die Layoutbereiche
   ==================================== */

#wrapper {
      width: 700px; /* Breite des Inhaltbereiches der ganzen Seite */
     /*height: 1531px;*/
     
     margin-top: 90px;
     margin-right: auto; /* Abstand rechts automatisch */
     margin-bottom: 10px;
     margin-left: auto; /* Abstand links automatisch */
         padding: 0px;
}

#startseite #wrapper {min-height: 700px;} /*773px*/
#meinebuecher #wrapper {min-height: 863px;}
#vita #wrapper {min-height: 863px;}
#interview #wrapper {min-height: 863px;}
#links #wrapper {min-height: 863px;}
#presse #wrapper {min-height: 863px;}
#lesungen #wrapper {min-height: 863px;}
#impressum #wrapper {min-height: 863px;}

/*#farbverlauf {
       background:linear-gradient(0deg, yellow 5%, orange 70%);
}*/

#startseite  { 
       background-color: #90b9fd;
       background-image: url(bilder/bg-startseite-800.png);
        	background-size: 1300px;
                background-repeat: no-repeat;
                background-position: center 0px;
}


#meinebuecher  { 
        background-color: #c3c0b4;
	background-image: url("bilder/bg-meine-buecher-800.png");
        	background-size: 1300px;
                background-repeat: no-repeat;
                background-position: center 0px;
}

#vita  { 
        background-color: #8e825e;
	background-image: url("bilder/bg-vita-800.png");
        	background-size: 1300px;
                background-repeat: no-repeat;
                background-position: center 0px;
}

#interview  { 
        background-color: #99999a;
	background-image: url("bilder/bg-interview-800.png");
        	background-size: 1300px;
                background-repeat: no-repeat;
                background-position: center 0px;
}

#links  { 
        background-color: #908776;
	background-image: url("bilder/bg-links-800.png");
        	background-size: 1300px;
                background-repeat: no-repeat;
                background-position: center 0px;
}

#presse  { 
        background-color: #959082;
	background-image: url("bilder/bg-presse-800.png");
        	background-size: 1300px;
                background-repeat: x-repeat;
                background-position: center 0px;
}

#lesungen  { 
        background-color: #959082;
	background-image: url("bilder/bg-lesungen-800.png");
        	background-size: 1300px;
                background-repeat: x-repeat;
                background-position: center 0px;
}

#impressum  { 
        background-color: #dfeeff;
	background-image: url("bilder/bg-impressum-800.png");
        	background-size: 1300px;
                background-repeat: no-repeat;
                background-position: center 0px;
}

#kopfbereich {
     color: black;
     background-color: white;
     padding-left: 0px;
         padding-right: 0px;
         padding-top: 0px;
         padding-bottom: 0px;
        margin: 0px;
}

#kopfbereich p {
    color: #008DB8;
    margin-left: 120px;
    font-size: 250%;
}



#textbereich {
     float:left;
     color: black;
     background-color: rgba(255,255,255,0.4);
     border: 1px solid #999999;
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
     margin-bottom: 30px;
     padding-top: 30px;
     padding-right: 30px;
     padding-bottom: 30px;
     padding-left: 30px;
    
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
     border-radius: 20px;
    
    box-shadow: 5px 5px 5px grey;
  
}

#startseite #textbereich {
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 30px;
     line-height: 40px;
}

#startseite #textbereich li{
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 35px;
     line-height: 45px;
}

#meinebuecher #textbereich {
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 22px;
     line-height: 33px;
}

#meinebuecher #textbereich h1{
     font-size: 35px;
     line-height: 40px;
}

#meinebuecher #textbereich img{
     box-shadow: -5px -5px 20px black;
}

#vita #textbereich {
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 20px;
     line-height: 30px;
}

#vita #textbereich h1{
     font-size: 35px;
     line-height: 40px;
}

#vita #textbereich img{
     box-shadow: -5px -5px 20px black;
}

#interview #textbereich {
     background-color: rgba(255,255,255,0.4);
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 20px;
     line-height: 30px;
}

#interview #textbereich h1{
     font-size: 35px;
     line-height: 40px;
}

#interview #textbereich img{
     box-shadow: -5px -5px 20px black;
}

#impressum #textbereich {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 15px;
     line-height: 20px;
}

#impressum #textbereich h1{
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 35px;
     line-height: 40px;
}

#impressum #textbereich img{
     box-shadow: -5px -5px 20px black;
}

#links #textbereich {
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 24px;
     line-height: 29px;
     width: 630px;
}

#links #textbereich h1{
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 35px;
     line-height: 40px;
}

#links #textbereich img{
     box-shadow: -5px -5px 20px black;
}

#presse #textbereich {
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 15px;
     line-height: 20px;
}

#presse #textbereich h1{
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 35px;
     line-height: 40px;
}

#presse #textbereich img{
     box-shadow: -5px -5px 20px black;
}

#lesungen #textbereich {
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 15px;
     line-height: 20px;
}

#lesungen #textbereich h1{
     font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
     font-size: 35px;
     line-height: 40px;
}

#lesungen #textbereich img{
     box-shadow: -5px -5px 20px black;
}

#navigation {
    width: 1000px;
    margin-left: auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
   
     background-color: rgba(255,255,255,0.4);
      box-shadow: 2px 2px 2px grey;
       
      -webkit-border-radius-bottomleft: 10px;
      -moz-border-radius-bottomleft: 10px;
     border-bottom-left-radius: 10px;

     -webkit-border-radius-bottomright: 10px;
      -moz-border-radius-bottomright: 10px;
     border-bottom-right-radius: 10px;
}

#navigation li {
     display: inline;  /* li nebeneinander anzeigen */
}

#navigation a {
    font-family: Kilian-6, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 28px;
   color: #404040;
}
#navigation a:hover {
   color:black;
   text-decoration: underline;
   font-weight: normal;
}


/* ===============================================
   E N D E     D E S       S T Y L E S H E E T S
   =============================================== */