@charset "UTF-8";

* {margin: 0;
   padding: 0;}
   
html {background-color: #fff;}
   
body {width: 900px;
      margin: 10px auto;
      position: relative;
      }
      
h1 {background-color: #fff;
    color: #030;
    display: block;
    width: 900px;
    height: 100px;
    background-image: url(../img/h1.gif);
    background-repeat: no-repeat;
    font: small-caps xx-large Verdana, Helvetica, sans-serif;
    text-indent: -9999px;
    letter-spacing: 4px;
    word-spacing: 20px;}
    
h2 {margin-top: 30px;
    padding-top: 3px;
    padding-left: 180px;
    width: 720px;
    height: 27px;
    background-image: url(../img/h2.gif);
    color: #030;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: medium;
    font-weight: bold;
    }
         
h2#willkommen {padding-top: 10px;
         padding-left: 225px;
         margin-top: 0;
         background: none;}
         
h2#christine {padding-top: 40px;
              padding-left: 225px;
              background: none;}
    

h3 {padding-top: 3px;
    padding-left: 180px;
    width: 720px;
    height: 27px;
    display: block;
    background-image: url(../img/h3.gif);
    color: #060;
    font-family: Verdana, Helvetica, sans-serif;
    font-size:medium;
    font-style: normal;
    font-weight: normal;}
    
h3#aerztin {padding-top: 14px;
         padding-left: 225px;
         background: none;}
      

p {padding: 10px 0 8px 180px;
   font-family: Verdana, Helvetica, sans-serif;
   font-size:medium;
   color: #030;
   }
   
.clear-left {clear: left;
             height: .1px;
             font-size: 0;
             line-height: 0;}
   
   
a:link {font-family: Verdana, Helvetica, sans-serif;
        font-size: medium;
        text-decoration: none;
        color: #003300;}
        
a:visited {font-family: Verdana, Helvetica, sans-serif;
           font-size:medium;
           text-decoration: none;
           color: #030;}
           
a:hover {font-family: Verdana, Helvetica, sans-serif;
         font-size: medium;
         font-style: italic;}
         
a:focus {font-family: Verdana, Helvetica, sans-serif;
         font-size: small;
         font-style: italic;}
         
a:active {font-family: Verdana, Helvetica, sans-serif;
          font-size: medium;
          text-decoration: none;}
          

            
            
/*Textbereich einer Seite*/



div#inhalte {width: 900px;
             height: auto;
             top: 0;
             left: 0;
             position: relative;
             background-image: url(../img/verlauf_links.jpg);
             background-position: 0 0;
             background-repeat: repeat-y;
             }
             
div#inhalte_home {width: 900px;
             height: auto;
             top: 0;
             left: 0;
             padding-top: 30px;
             position: relative;
             background-image: url(../img/verlauf_360.jpg);
             background-position: 0 0;
             background-repeat: repeat-y;
             }
             
div#haus {width: 540px;
          height: 410px;
          background-image: url(../img/Haus_540x410_trans.jpg);
          background-position: 0 0;
          background-repeat: no-repeat;
          margin-left: 360px;
          }
             

div#text {width: 900px;
          padding: 30px 0 0 0;
          margin: 0;
          
          }
          
div#titeltext_home {background-image: url(../img/Christine_titelseite.gif);
                background-position: 0 0;
                background-repeat: no-repeat;
                width: 500px;
                height: 195px;
                margin: -280px 0 0 40px;
              }
          

          
/*Bildbereiche*/               
div#schildkroetenhuegel {width: 900px;
                         height: 120px;
                         margin-top: 20px;
                         left: 0;
                         background-image: url(../img/verlauf_links.gif);
                         background-position: 0 0;
                         background-repeat: repeat-y;
                         }
                         


ul#copyright {color: #b4cad1;
              font-size: xx-small;
              font-family: Verdana, Arial, sans-serif;
              line-height: 95%;
              list-style: none;
              width: 200px;
              padding-left: 730px;
              margin-top: -30px;}
                                           
ul#copyright a.designed {color: #b4cad1;
                         font-size: xx-small;}
                         
div#schildkroetenhuegel_home {width: 900px;
                         height: 120px;
                         margin-top: 30px;
                         margin-left: 0;
                         background-image: url(../img/huegel-mit-schildkroete.gif);
                         background-repeat: no-repeat;
                         }
                         
div#schildkroetenhuegel_home ul#copyright {padding: 90px 0 0 730px;}

img.upload {width: 160px;
            margin: 16px 20px 0 0;
            float: left;
            }          
             
/*Navigationsliste*/


         
div#nav {position: absolute;
         width: 900px;
         top: -10px;
         left: 0;}
            
#nav ul {list-style: none;
           display: block;}
            
div#nav li {display: block;
            float: left;
            height: 25px;
            width: 180px;
            margin: 10px 0 10px 0;
            padding-top: 5px;
            background-image: url(../img/nav.gif);
            background-position: top;
            background-repeat: repeat-x;
            text-align: center;
            }
            
#nav li.aktiv {background-image: url(../img/nav.gif);
               background-position: 0px -30px;
               background-repeat: repeat-x;
               font-family: Verdana, Helvetica, sans-serif;
               font-size: medium;
               text-decoration: none;}
               
               
/*Kontaktformular*/



form#kontakt {width: 720px;
             margin: 10px 0 30px 180px;
             }
             
table#form label { font-family: Verdana, Helvetica, sans-serif;
             font-size: medium;
             color: #030;}
              
#kontakt td.label { width: 105px;
                    height: 40px;
                    padding-left: 35px;
                    vertical-align: bottom;
                   }

#kontakt td.label_first {padding-left: 0;
                         width: 100px;
                         vertical-align: bottom;
                         }                    
                    
#kontakt td.input {width: 250px;
                   text-align: right;
                   vertical-align: bottom;}
                   
#kontakt td.schalter {text-align: right;
                      height: 40px;
                      vertical-align: bottom;}
              
input {width: 180px;
       height: 25px;
       border: thin solid #060;
       text-align: left;
       background-color: #fff;}
       

input#submit {text-align: center;
              margin-left: 198px;
              font-family: Verdana, Helvetica, sans-serif;
              font-size: medium;
              color: #030;}
              
input#submit:hover {color: #060;
                    border-color: #060;}
              
input#reset {text-align: center;
             font-family: Verdana, Helvetica, sans-serif;
             font-size: medium;
             color: #030;}

input#reset:hover {color: #f00;
                   border-color: #f00;}
               
#kontakt textarea {width: 560px;
                   height: 100px;
                   margin-top: 15px;
                   border: thin solid #060;
                   float: right;}
                   
                   
/*Aktualisierungs-Formular*/

#aktuelles {width: 720px;
            margin-left: 180px;
            text-align: left;}
            
#aktuelles textarea {width: 720px;
                     height: 200px;
                     border: thin solid #060;
                     margin-bottom: 20px;
                     }
                     
#projekt {width: 720px;
            margin-left: 180px;
            text-align: left;}
            
#projekt textarea {width: 720px;
                     height: 200px;
                     border: thin solid #060;
                     margin-bottom: 20px;
                     }
                     
#veranstaltungen {width: 720px;
            margin-left: 180px;
            text-align: left;}
                     
#veranstaltungen textarea {width: 720px;
                     height: 200px;
                     border: thin solid #060;
                     margin-bottom: 20px;
                     }
                   
p.falle {position: absolute;
         top: -9999px;
         color: #f00;}
         
input.titel {width: 720px;
             margin-bottom: 20px;
             background: url(../img/h2.gif) left top repeat-x;}
             
input.untertitel {width: 720px;
                  margin-bottom: 20px;
                  background: url(../img/h3.gif) left top repeat-x;}

input.bildauswahl {width: 400px;
                   margin-bottom: 20px;}
                   
a#submit {text-align: center;
          margin-left: 166px;
          width: 200px;
          height: 25px;
          border: thin solid #060;
          text-align: left;
          font-family: Verdana, Helvetica, sans-serif;
          font-size: small;
          background-color: #fff;
          color: #030;}
          
a.historyback {display: block;
               width: 100px;
               height: 22px;
               background-color: #fff;
               border: thin solid #060;
               text-align: center;
               margin: 20px 0 0 180px;}
         
/*Passwort-Formular*/

input#submit.zugang {margin-top: 30px;
                     margin-left: 0;
                     height: 25px;}
                     
table#zugang {width: 500px;
              padding: 30px 0 50px 0;}
                     
/*Kontakt-Seite*/

table#adresse {
          font-family: Verdana, Helvetica, sans-serif;
          font-size: medium;
          background-color: transparent;
          text-align: left;
          color: #030;
          margin: 10px 0 8px 180px;
          }

          

          


