/* ===================================
Stylesheet der Zigarrenkiste
Datei: style.css
Datum: 25.04.08
Autor: Silja Lorenzen

Aufbau: 1.Kalibrierung
        2.Allgemeine Styles
        3.Styles fuer Layoutbereiche
        4.Sonstige Styles
======================================*/

/* ====================================
       1.Kalibrierung
   ===================================*/
* {padding: 0; margin: 0; }

li { margin-left: 2em; }

/* ====================================
       2.Allgmeinem Styles
   ===================================*/   
   
  .morepics {  font: "Palatino Linotype";
    font-size: 1.1em;}
     
  .pic {
    float:left;
    height:128px;
    width:128px;
    background: #D3BE81;
    border: 1px solid black;
    border-color: #444 #AAA #AAA #444;
    margin: 5px 3px;
    padding: 15px;}
  
  #galerie {width: 850px;
            height: 500px;}  
  
  .pic img {border: none;}
  .quer img {height: 72px; margin: 23px 0;}
  .hoch img {margin: 0 auto;}  
  
   
  
  body {
    background-color: #487363;
    color: #7d5700;
    font: "Palatino Linotype";
    font-size: 1.1em;
    margin-bottom: 2.5%;
    }
  
  #inhalt_mal_anders {
      background-color: #E3E3E3;
      width: 1000px;
      height: 680px; 
      margin: 0 auto;
      text-align:center;}
      
  #inhalt_nochmal_anders {
      overflow: auto;
      height: 500px;
      padding: 2% 0;
      width: 1000px;
      margin: 0px auto;
      background-color: #E3E3E3;
      text-align:center;}


/* ===================
    Navigationslinks     */

#navibereich li { 
  display: inline;
  list-style-type: none; 
  }
#navibereich ul {margin-bottom: 0;}
#navibereich a {text-decoration: none;}
#navibereich a:link {color: #B2CFEB;}
#navibereich a:visited {color: #B2CFEB;}
#navibereich a:hover, a:focus {color: #520B8F;}



/* ===================
    Inhaltslinks     */
#inhalt li {list-style-type: none;}
#inhalt ul {margin-bottom: 0;}    
#inhalt a {text-decoration: none;}
#inhalt a:link {color: blue;}
#inhalt a:visited {color: blue;}
#inhalt a:hover, a:focus {color: #520B8F;}


/* ====================================
       3.Styles fuer Layoutbereiche
   ===================================*/ 

   #kopfbereich {
      width: 1000px;
      height: 150px;
      background-image: url(head.gif);
      margin: 2.5% auto;
      margin-bottom: 0;}
              
   #navibereich { 
      text-align: left; 
      background-color: #615B46;
      font: bold .6em "Verdana";
      width: 1000px;
      margin: 0px auto;
      height: 1.8em;
      padding-top: 5px;}
   
   #inhalt {
      padding: 2% 0;
      width: 1000px;
      margin: 0px auto;
      background-color: #E3E3E3;
      text-align:center;}
      
   #temp {font-size: 1.5em;}

   
   /* ==================
      Das Kontaktfomular */
      
   form { 
      text-align:center;
      width: 370px;
      padding: 20px;
      margin: 0 auto;}
       
   label { 
      display: block;
      cursor:  pointer;}
         
   input#absender, textarea {
      width: 300px;
      margin-bottom: 1em;}
   
   #impressum span {font-style: italic; font-size: medium;}
   
   .ueberschrift {
      font-variant: small-caps;
      font-size: 1.2em;}

   .ueberschrift span{
      font-variant: normal;
      font-style: italic;
      font-size: .8em;}
      
   #links {
      line-height: 1.2em;
      float:left;
      text-align: right;
      width: 49%;
      padding-right: .5%;}
      
   #rechts { 
      line-height: 1.2em;
      float:right;
      text-align: left;
      padding-left: .5%;
      width: 48%;}
      
   #two_lines {line-height: 2.4em;
      margin-top: 0.5em;}
   #three_lines {line-height: 3.6em;
      margin-top: 0.5em;}
   #abstand {margin-top: 0.5em;}
   #headline {margin-top: 13em;}