@charset "utf-8";

html, body {color: #3b2b20;
            font:normal 100%/167% Comic Sans MS;
            }
p { margin: .5em 0;
  }

div#all {width: 1024px ;
         position: absolute;
         }

div#head {position: relative;
          height:240px;
          }

   #head ul {position: absolute;
             right:20px;
             bottom:20px;
             }

   #head ul li {float:left;
                list-style: none;
                margin: 0 8px 0 0;
                }

   #head ul a,
   #head ul strong {color: #000000;
                    background:#c2e6f6;
                    display: block;
                    padding: .5em;
                    text-transform: uppercase;
                    text-decoration: none;
                    font-weight: bold;
                    font-size: 0.9em;
                    }

   #head ul a:hover,
   #head ul a:focus,
   #head ul a:active,
   #head ul strong {color: white;
                    background: #000000;
                    }

div#main  {width: 100%;
           }
div#kontakt {width:20%;
             height:260px;
             padding:10px;
             background:url(bilder/kontakt_1.jpg) no-repeat;
             float:left;
             margin:10px 0 0 0;
             }
   #kontakt p#gro2 {text-decoration:underline;
                    font-weight:bold;
                    font-size:1.2em;
                    }
   #kontakt p#name,#stra,#Ort,#tel {font-size:0.9em;}

   #kontakt span {  font-weight:bold;
                    font-size:1em;}



div#content{float:right;
            width:75%;
           }

   #content p#gro {font-size:2em;
                   font-weight:bold;
                   }
   #content p#text {font-size:1.5em;}
   #content p#bild {text-align:center;}

div#clear{clear:both;}

div#footer {background:url(bilder/footer_1.jpg) no-repeat;
            height:70px;
            width:100%;
            bottom:0%;
            text-align:center;
            padding:5px;
            }