/*  ALLGEMEIN  */

* {
   /*für Lückenloses Design*/
   margin: 0;
   padding: 0;
   font-family: "Times New Roman", Garamond, serif;
   /*listenelemente (nummern und co) innerhalb textfeldes*/
   list-style-position: inside;
}

a {
   /*Farbe fuer links und oben, Verlinkungen unterstrichen*/
   color: #2d1947;
   text-decoration-style: dotted;
   display: inline-block;
}

ul {
   /*Punkte unsortierter listen weg machen*/
  list-style-type:none;
}

h1 {
   font-size: 20px;
}

h2 {
   font-size: 18px;
}

.hidden{
   display: none;
}

.break{
   margin-bottom: 15px;
}






/*  HEADER  */

header {
   /*Hintergrundtextur des Headers mit Design*/
   background-image: url("http://f.666kb.com/i/d8pokq7p6h487ieyt.png");
   height: 150px;
   margin: 7.5px;
   margin-left:175px;
   position: relative;
}

#logo {
   /*Hildinyar Logo, oben einrücken, Grösse bestimmen, Position damit Schrift drüber kann*/
   height:130px;
   position:absolute;
   z-index: 5;
}

#headerframe {
   /*rahmen der header box*/
   height:170px;
   margin-top:-10px;
   margin-left:-12px;
   position: absolute;
   z-index: 1;
}

.kopfauswahl {
   /*formatiert die Menüpunkte*/
   margin-top:80px;
   margin-left:80px;
   /*ermöglicht weitere Texte im selben Block daneben*/
   float: left;
   position: absolute;
   z-index: 8;
}

.familienpunkte {
   /*formatiert die Glyphenanzahl der einzelnen Familia*/
   text-align: center;
}

.uhr {
   /*formatiert die interne Uhr*/
   float: right;
   margin-right: 10px;
   margin-top: -10px;
}







/*  BODY  */

body {
   /*Seitenhintergrund, Schriftfarbe des Headers und co, Position*/
   background-color: #5b3e20;
   color: #2d1947;
   position: relative;
}

#textlink {
   /*Farbe fuer Verlinkungen im Textblock*/
   color: #8953a4;
}

.hauptblock {
   /* Hintergrundtextur des Textfeldes, eingerückt, bekommt helle Schriftfarbe*/
   background-image: url("http://f.666kb.com/i/d30r3nbexlxt9glq9.jpg");
   background-size: 300px 300px;
   background-repeat:repeat;
   background-attachment: fixed;
   background-position: left top;
   color: #c8c1da;
   margin: 12px;
   margin-left:175px;
   min-height: calc(100vh - 180px);
}

.textblock {
   /* Einruecken des dunklen Kastens damit Textur dahinter sichtbar */
   margin-left: 20px;
   margin-right: 20px;
   padding-top: 20px;
   padding-bottom: 20px;
}

.textinhalt {
   /* einrücken des Textes im dunklen Kasten*/
   padding: 10px;
   /* dunkelbrauner Kasten wird automatisch zentriert */
   background-color: #291b0c;
   margin-left: auto;
   margin-right: auto;
   /* wenn die maximalweite von 1000 px überschritten wird */
   max-width: 1500px;
}

.submitfeld {
   /*Absendebutton bei Formularen*/
   border: 1px solid;
   border-radius: 6px;
   width: 200px;
   height: 20px;
   padding-left: 6px;
   padding-right: 6px;
}

.kontaktfeld {
   /*Eingabefenster beim Formular*/
   border: 1px solid;
   border-radius: 6px;
   width: 360px;
   min-height: 20px;
   padding-left: 6px;
   padding-right: 6px;
}

.kontaktselect {
   /*Auswahlfenster beim Formular*/
   border: 1px solid;
   border-radius: 6px;
   width: 375px;
   height: 23px;
   padding-left: 6px;
   padding-right: 6px;
}

.pflichtfeld {
      color: #8953a4;
}

.hilfetext {
      font-size: 11px;
      font-style: Oblique;
}







/*  LINKESEITE  */

#banner {
   /*Logo oben rechts, Grösse*/
   width:150px;
   height:150px;
   margin-top:-160px;
   margin-left: 5px;
   z-index: 7;
   position: absolute;
}

#links {
   /*linke Leiste, 7.5px Abstand zu allem, nicht scrollbar*/
   float:left;
   margin: 7.5px;
   position: fixed;
   /*ermöglicht fixe Menübox
   height: 80%;*/
}

#menuframe {
   /*rahmen der menu box*/
   margin-top:-12px;
   margin-left:-8px;
   position: absolute;
   z-index: 8;
}

.menuebar {
   /*Hintergrundtextur der Menübox, Position ermöglicht Schrift darüber*/
   position: absolute;
   background-image: url("http://f.666kb.com/i/d8pokq7p6h487ieyt.png");
   width: 160px;
   min-height: 350px;
   height: calc(100vh - 185px);
   z-index: 5;
}

.menueauswahl {
   position: absolute;
   width: 150px;
   /*rückt den Text im Kasten noch einmal um 15px rechts und links ein*/
   margin-left: 15px;
   margin-right: 15px;
   margin-top: 20px;
   z-index: 9;
}




/* FAQ */
.hochpfeil {
   float:right;
}

.ueberschrift {
   float:left;
}

.clear {
   clear:both;
}