/* Website Vis-a-Vis GbR
**************************************************************
* Webmaster: Schreyer Michael
* Stand: 31.12.2009
* Dateiname: bildschirm.css
* CSS-Datei fuer Bildschirmausgabe
* ************************************************************
Aufbau: 1. Kalibrierung
        2. Allgemeinen Styles
        3. Styles fuer Layoutbereiche
        4. Sonstige Styles
        
**************************************************************
1. Kalibrierung
*********************************************************** */

* {padding:0; margin: 0}
h1, h2,p, ul, ol {margin-bottom: 1em;}
ol ul {margin-bottom: 0;}
li {margin-left: 2em;}


* /**************************************************************
2. Allgemeinen Styles
*********************************************************** */

html        {height: 101%;}

body        {background-image: url(pics/holz.jpg);
             font-family: verdana, arial, times, helvetica, sans-serif;
             font-size: small;
             color: black;}
span        {font-weight: bold;}
             
h1          {font-size: 120%;}
h2          {font-size: 150%;}

address     {text-decoration: none;
             outline: none;
             text-align: center;}

           
           
           
/* Hyperlinks */
a           {font-weight: bold;}
a:link      {color: white; text-decoration: none;}  /* nicht besuchte Links*/
a:visited   {color: white; text-decoration: none;} /* besuchte Links */
a:hover,
a:focus     {color: #fbf800; border-bottom: 1px solid  #fbf800;}
      

.clearing   {clear: both;}


/* **************************************************************
3. Styles fuer Layoutbereich
*********************************************************** */
 
#wrapper      {background-color: #FFFFFF;
               color: black;
               width: 922px;
               margin: 20px auto; 
              }

#kopfbereich  {background-image: url(pics/banner.jpg);
               background-repeat: no-repeat;
               height: 196px;
               border: 2px  solid #000080;
              }
             
#navibereich  {position: relative;
               top: 161px;
               height: 29px;
               background-image: url(pics/menue.jpg);
               background-repeat: no-repeat;
               border-bottom: 2px solid #000080;
               padding: 9px 12px 0px 100px; 
               }             

#navibereich li   {font-size: 10pt;
                   list-style-type: none;
                   display: inline;
                   margin-right: 80px;
                  }

              
#textbereich  {border: 2px solid #000080;
               padding: 15px;}
              
              
#fussbereich  {background-color: #7899BA;
               color: white;
               border-left: 2px solid #000080;
               border-right: 2px solid #000080;
               border-bottom: 2px solid #000080;
               
               padding: 5px;
              }
              
#impressum    {
               background-image: url(pics/holz.jpg);
               margin: 0px auto;
               text-align: right;
               border: none;}

/* **************************************************************
4. Sonstige Styles
*********************************************************** */

/* Links */ 


/* Hyperlinks */
#links.a           {font-weight: bold;}
#links.a:link      {color: black; text-decoration: none;}  /* nicht besuchte Links*/
#links.a:visited   {color: black; text-decoration: none;} /* besuchte Links */
#links.a:hover,
#links.a:focus     {color: black;}
               
               
/* Das Kontaktformular */ 

#kontaktformular {width: 95%;
                  align: right;
                 }

form             {background-color: #eee;
                  width: 450px; /* Breite des Formulars */
                  padding: 20px 30px 20px 0px;
                  border: 1px solid #8c8c8c;
                  text-align: right;
                 }

label            {float: left;
                  padding-left: 1em;
                  cursor: pointer; /* Mauszeiger wird zur Hand */
                  text-align: left;
                 }

input, select    {
                  width: 200px;
                  border: 1px solid #8c8c8c;
                  margin-bottom: 1em;
                 }

textarea         {height: 3em;
                  border: 1px solid #8c8c8c;
                  width: 200px;
                 }

input:focus,
textarea:focus   {background-color: #d9d9d9;}