/* CSS Document */
* {
    margin: 0px;
    padding: 0px;   
  }
body
  {
    /* Allgemeine Schriftanweisungen */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.8em;
    /* Hintergrundfarbe */
    background-color: #FFFFFF;
    
  }
a
  {
    text-decoration: none;
  }

ul
  {      
    /* Kein Aufzählunszeichen */
    list-style-type: none;
  }

 /* Anfang Überschriften */
  h1
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 1.5em;        
    /* Farbdefintion */
    color: #483062;        
    /* Außenabstand nach oben */
    margin-top: 5px;        
    /* Außenabstand nach unten */
    margin-bottom: 5px;
  }

  h2
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 1.3em;        
    /* Farbdefintion */
    color: #483062;        
    /* Außenabstand nach oben */
    margin-top: 0px;        
    /* Außenabstand nach unten */
    margin-bottom: 5px;
  }

  h3
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 1.0em;        
    /* Außenabstand nach oben */
    margin-top: 0px;        
    /* Außenabstand nach unten */
    margin-bottom: 5px;
  }

  h4
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 0.9em;        
    /* Farbdefintion */
    color: #fff;        
    /* Außenabstand */
    margin: 0px;        
    /* Innenabstand */
    padding: 5px;        
    /* Hintergrundfarbe */
    background-color: #5671b1;
  }

  h5
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 0.85em;        
    /* Farbdefintion */
    color: #fff;        
    /* Außenabstand */
    margin: 0px;        
    /* Innenabstand oben rechts unten links*/
    padding: 7px 6px 0px 15px;        
    /* Definitionen für Hintergrundbild */
    background-image: url(../pics/menue/marker.gif);
    background-repeat: no-repeat;
    background-position: 5px 11px;        
    /* oberer Strich */
    border-top: 1px solid #fff;
  }

p
  {    
    /* Außenabstand nach oben */
    margin-top: 5px;        
    /* Außenabstand nach unten */
    margin-bottom: 5px;
  }
    
  /* Ende Überschriften */     
div.wrapper
  {
   /* Breite */
    width: 960px;
   /* Ausrichtung vertikal 0 Pixel, horizontal mittig */
    /*margin: 0px auto;*/
    margin-top: 10px;
    margin-right: auto; /* Abstand rechts --> wird mittig*/
    margin-bottom: 10px;
    margin-left: auto; /* Abstand links --> wird mittig*/
  }
  
/* Obermenü mit Schmuckbild */
  div.topnavi
  {
    /* Höhenangabe, um Bild zur Gänze darzustellen */
    height: 120px;
    /*Erstmal Hintergrundfarbe*/
    /*background-color: #483062;*/
    /* Pfad Hintergrundbild relativ zu dieser (!) Datei */
    background-image: url(pics/banner2.jpg);
  }
  
  /* Links Obermenü in Liste */
  div.topnavi li a
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 0.8em;
    /* Schriftfarbe */
    color: #FFFFFF;
    /* Hintergrundfarbe 
    background-color: #eee;*/
    /* Innenabstände oben rechts unten links */
    padding: 10px 10px 3px 10px;
    /* Macht aus Inline- ein Blockelement und floatet es */
    float: left;
  }
  
  div.topnavi ul
  {
    /*Einrücken nach rechts*/
    padding: 0px 0px 0px 750px;
  }

  /* "RollOver"-Definition Obermenü */
  div.topnavi li a:hover
  {
    text-decoration: underline;
  }
  
  /* Ausnahmedefinition für Link "home" */
  div.topnavi li a.home
  {
    /* linker Rahmen muss gesetzt werden */
    border-left: 1px solid #000;
  }
  
  p.logo
  {
    width: 550;
    float: left;
    color: #FFFFFF;
    padding: 10px 5px 3px 5px;
    font-size: 20px;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
  }
  
  /* Link-Liste als Ganzes */
  div.mainnavi ul
  {
    /* Außenabstand nach links */
    margin-left: 40px;        
    /* notwendige Höhenangabe durch floaten der Listenelemente */
    height: 26px;        
    /* dicker, fetter Kasten analog zur Hervorhebung im Schmuckbild */
    border-left: 220px solid #483062;
  }

  /* einzelne Listenelemente */
  div.mainnavi li
  {
    /* werden aus dem Fluß genommen, um die Links nebeneinander zu platzieren */
    display: inline;
  }
  
  /* Hauptmenü */
  div.mainnavi
  {
    /* Höhenangabe bedingt durch floaten der Elemente */
    height: 26px;
    /* Hintergrundfarbe */
    background-color: #877DAB;
  }
  
  /* Links Hauptmenü in Liste */
  div.mainnavi li a
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 0.9em;
    /* Schriftdicke */
    font-weight: bold;
    /* Schriftfarbe */
    color: #fff;
    /* Hintergrundfarbe */
    background-color: #877DAB;
    /* Innenabstand oben rechts unten links */
    padding: 5px 20px 5px 15px;
    /* Macht aus Inline- ein Blockelement und floatet es */
    float: left;
    /* Rahmen */
    border: 1px solid #877DAB;
  }
  
  /* "RollOver"-Definition Hauptmenü */
  div.mainnavi li a:hover
  {
    /* Schriftfarbe */
    color: #483062;
    /* Hintergrundfarbe */
    background-color: #fff;
  }

  /* Definition aktiver Punt Hauptmenü */
  div.mainnavi li a.aktiv
  {
    /* Schriftfarbe */
    color: #002274;
    /* Hintergrundfarbe */
    background-color: #fff;
  }
  
  /************************************/
  /* Ende Link-Definitionen Hauptmenü */
  /************************************/
  
   /* Untermenü */
  div.subnavi
  {
    /* Außenabstand links*/
    margin-left: 40px;
    /* Breite */
    width: 220px;
    /* Floaten, um nachfolgenden Inhalt daneben zu platzieren */
    float: left;
  }
  /**************************************/
  /* Anfang Link-Definitionen Untermenü */
  /**************************************/
  
  /* Links Untermenü in Liste */
  div.subnavi ul ul li a
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 0.85em;
    font-weight: normal;
    /* Schriftfarbe */
    color: #fff;
    /* Hintergrundfarbe */
    background-color: #877DAB;
    /* Innenabstand oben rechts unten links */
    padding: 3px 20px 4px 20px;
    /* macht aus Inline- ein Blockelement */
    display: block;
    /* Abstand oben */
    margin-top: 1px;
    /* Rahmen unten */
    border-left: 20px solid #483062;
    /* feste Breite wegen möglichem rechten Rahmen bei :hover */
    width: 140px;
  }
  
  /* Links Untermenü in Liste */
  div.subnavi ul li a
  {
    /* Schriftgröße relativ zu font-size: 0.8em; bei body */
    font-size: 1em;
    font-weight: bold;
    /* Schriftfarbe */
    color: #fff;
    /* Hintergrundfarbe */
    background-color: #877DAB;
    /* Innenabstand oben rechts unten links */
    padding: 3px 20px 4px 20px;
    /* macht aus Inline- ein Blockelement */
    display: block;
    /* Abstand oben */
    margin-top: 1px;
    /* Rahmen unten */
    border-left: 20px solid #483062;
    /* feste Breite wegen möglichem rechten Rahmen bei :hover */
    width: 140px;
  }

  /* "RollOver"-Definition Untermenü */
  div.subnavi li a:hover
  {
    /* Hintergrundfarbe */
    background-color: #483062;
    /* dicker, rechter "Balken" */
    border-right: 20px solid #877DAB;
    text-decoration: underline;
  }
  
  /* Definition aktiver Punt Untermenü */
  div.subnavi li a.aktiv
  {
    /* Hintergrundfarbe */
    background-color: #483062;
    /* dicker, rechter "Balken" */
    border-right: 20px solid #877DAB;
  }
  
  /* Links der zweiten Ebene im Untermenü */

  div.subnavi ul ul li a
  {
    /* dicker, linker "Balken" */
    border-left: 20px solid #483062;
    /* feste Breite */
    width: 120px;
    /* Außenabstand links */
    margin-left: 20px;
  }
  
  /************************************/
  /* Ende Link-Definitionen Untermenü */
  /************************************/

  /* Inhalt */
  div.content
  {
    /* Außenabstand oben*/
    margin-top: 20px;
    /* Außenabstand links*/
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    /* Breite, reicht bis zum rechten Rand des Hauptmenüpunktes "Menschen" */
    width: 660px;
    /* Floaten, um nachfolgende Infos daneben zu platzieren */
    float: left;
  }
  
  div.coffee_desc
  {
    /* Außenabstand oben*/
    margin-top: 10px;
    /* Außenabstand links*/
    margin-left: 0px;
    margin-right: 0px;
    /* Breite, reicht bis zum rechten Rand des Hauptmenüpunktes "Menschen" */
    width: 460px;
    /* Floaten, um nachfolgende Infos daneben zu platzieren */
    float: left;
  }
  div.coffee_img
  {
    /* Außenabstand oben*/
    margin-top: 10px;
    /* Außenabstand links*/
    margin-left: 0px;
    margin-right: 0px;
    /* Breite, reicht bis zum rechten Rand des Hauptmenüpunktes "Menschen" */
    width: 200px;
    /* Floaten, um nachfolgende Infos daneben zu platzieren */
    float: left;
  }
  
  div.coffee_desc ul
  {
    list-style-type:circle;
    margin-left:30px;
  }
  div.coffee_tech
  {
    /* Außenabstand oben*/
    margin-top: 30px;
    /* Außenabstand links*/
    margin-left: 0px;
    margin-right: 0px;
    /* Breite, reicht bis zum rechten Rand des Hauptmenüpunktes "Menschen" */

  }
   div.coffee_special
  {
    /* Außenabstand oben*/
    margin-top: 30px;
    /* Außenabstand links*/
    margin-left: 0px;
    margin-right: 0px;
    /* Breite, reicht bis zum rechten Rand des Hauptmenüpunktes "Menschen" */

  }
  
  /**form
  {
    width: 900px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #000;
    background-color: #f6f6f6;
  }  */
  

  div.kontaktform label
  {
    float: left;
    width: 130px;
    cursor: pointer; /* Mauszeiger wird zur Hand */
  }
    
  div.kontaktform input, div.kontaktform textarea
  {
    width: 290px;
    background: #f6f6f6;
    border: 1px solid #483062;
    margin-bottom: 5px;
    /*width: 300px;
    border: 1px solid #8c8c8c;*/
    
  }
  div.buttonsubmit input
  {
    clear: left;
    width: 100px;
    background: #f6f6f6;
    border: 1px solid #483062;
    margin-left: 320px;
    
    /*width: 300px;
    border: 1px solid #8c8c8c;*/
    
  }
  
  div.kontaktform input:focus,
div.kontaktform textarea:focus {
  background-color: #d9d9d9;
}
  
  div.footer {
    clear:left;
    /*margin-top:200px;*/
    border-top: 2px solid #483062;
    /*background:#efefef;*/
    text-align:right;
    padding:10px;
}