/*Innen- und Außenabstände aller Elemente auf Null setzen*/
* {
  padding:0;
  margin:0;
}

/*Bilder ohne Rand anzeigen*/
img {
    border:0;
    margin-left:40px;
    margin-right:40px;
    margin-top:10px;
    margin-bottom:20px;
    float:left;
}

body {
     font-size:85%;
     font-family:Arial, Tahoma, sans-serif;
     text-align:center;
     background: #ffc ;
}

#wrap {
      width:90%;
      margin:0 auto;
      margin-top:20px;
      text-align:left;      
}

#header {
        float:left;
        height:145px;
        width:100%;
        text-align:left;
        border-bottom:4px solid #C0C0C0; border-left:3px solid #C0C0C0;
        background: #fc0 url(images/gesichterklein.jpg) bottom left no-repeat;
}

#navigation1 {
        float:left;
        height:50px; 
        width:100%;
}

#navigation2 {
        float:left;
        height:50px;
        width:100%;
        background:#fc0;
}     

#content {
        float:left;
        width:100%;
        background:#fff;
        border-top:3px solid #ff3;
        border-bottom:3px solid #ff3;
}

#spalte1 {
        float:left;
        text-align:justify;
        width:75%;
        height:500px;
        background:#ffff99;
        border-right:3px solid #ff3;
        background:#fff;
}

#spalte2 {
        margin-left:75%;
        height:500px;
        text-align:left;
        background:#ffc;
}

#footer {
       clear:both;
       height:40px;
       width:100%;
       background:#ffcc00;
} 

a, p, h1, h2, h3, h4, h5, li {
      font-family:Arial, Tahoma, sans-serif;
}

p {
   padding-left:40px;
   padding-right:40px;
   padding-bottom:20px;
   color:#000000;
   font-size:1.0em;
   line-height:1.4em;
}

p span {
   color:#000000;
   font-size:1.0em;
   line-height:1.4em;
   font-weight:bold;
}

h1 {
   padding-left:220px;   
   padding-bottom:20px;
   letter-spacing:0.1em;
   color:#fff;
   font-style:normal;
   font-size:2.4em;
   line-height:1.0em;   
}

h2 {   
   padding:20px; padding-left:40px;
   font-weight:bolder;
   font-style:italic;
   color:#f60;
   font-size:1.4em;
   line-height:1.2em;
}

h3 {   
   padding:20px; padding-left:40px;
   font-weight:bolder;
   font-style:italic;
   color:#006600;
   font-size:1.2em;
   line-height:1.2em;
}

h4 {
   padding:20px; padding-left:40px;
   font-weight:bolder;
   font-style:italic;
   color:#006600;
   font-size:1.2em;
   line-height:1.4em;
}

h5 {
   padding-left:20px;
   pdding-right:20px;
   padding-top:20px;
   font-weight:bolder;   
   color:#f60;   
   font-size:1.0em;
   line-height:1.2em;
}

blockquote p {
    padding:40px; padding-bottom:40px;
    text-align:center;
    font-family:freestyle script, comic sans ms, times new roman;
    font-size:1.8em;
    line-height:1.0em;
    font-weight:bold;
    letter-spacing:0.1em;
}

blockquote span{
    font-family:freestyle script, comic sans ms, times new roman;
    font-size:0.9em;
    font-weight:normal;
    letter-spacing:0; 
}

#content ul {
   padding-left:60px;
   padding-right:40px;   
   color:#000000;
   font-size:1.0em;
   line-height:1.4em;
   list-style-type:circle;
}

a:link {
   font-size:1.0em;
   font-weight:bold;   
   text-decoration:none;
   color:#006600;
}

a:visited {
   font-size:1.0em;
   font-weight:bold;   
   text-decoration:none;
   color:#060;
  }

a:hover {
   font-size:1.2em;
   font-weight:bold;   
   text-decoration:none;
   color:#800000;
  }

ul#Navigation1 {
    margin:0;
    padding-top:0.1em;
  }

  ul#Navigation1 li {
    list-style:none;
    display:inline;
    margin:0; padding:0;
  }

/* hier ohne Rand: border-left:3px solid #ffff33; border-top:2px solid #000; */
  ul#Navigation1 a, ul#Navigation1 span {
    float:left;
    margin:0.4em;
    padding:0.2em 1em; 
    text-decoration:none;
    font-weight:bold;
    color:#006600; font-size:1.2em; text-align:center;
  }

  * html ul#Navigation1 a, * html ul#Navigation1 span {  /* Korrektur fuer IE 5.x */
    width:6em;
    w\idth:6em;
  }

  
ul#Navigation1 a:visited {    
    color:#060;
  }

ul#Navigation1 a:hover {    
    color:#800000;
  }

  ul#Navigation1 div {
     clear:left;
  }

ul#Navigation2, ul#footer {
    margin:0;
    padding-top:0.1em;
  }

  ul#Navigation2 li, ul#footer li {
    list-style:none;
    display:inline;
    margin:0; padding:0;
  }

/* hier ohne Rand: border-left:3px solid #ffff33; border-top:2px solid #000; */
  ul#Navigation2 a, ul#Navigation2 span {
    float:left;
    margin:0.4em; padding:0.2em 1.1em;
    text-decoration:none; font-weight:bold;
    color:#060; font-size:1.2em; text-align:center;
  }

/* hier ohne Rand: border-left:3px solid #ffff33; border-top:2px solid #000; */
  ul#footer a, ul#footer span {
    float:left;
    margin:0.4em; padding:0.2em 1.2em;
    text-decoration:none; font-weight:bold; 
    color:#006600; font-size:1.0em; text-align:center;
  }

  * html ul#Navigation2 a, * html ul#Navigation2 span {  /* Korrektur fuer IE 5.x */
    width:12em;
    w\idth:6em;
  }

  ul#Navigation2 a:visited, ul#footer a:visited {    
    color:#060;
  }
  
  ul#Navigation2 a:hover, ul#Navigation2 span, ul#footer a:hover, ul#footer span {    
    color:#800000;
  }

  

  ul#Navigation2 div, ul#footer div {
     clear:left;
  }

 .clear  {
    clear:both;
    height:0;
    width:0;
    visibility:hidden;
}

form {
     width:80%;
     margin-left:40px;
 }

    #person label {
      display:block;
      font-weight:bold;
 }

    fieldset {
      border:2px solid #fc0;
 }

    legend {
      font-weight:bold;
      font-size:1.0em;
      padding:20px;
      color:#000;
 }

    textarea {
      width:375px;
      margin:20px;
  }