html 
{
    background-color:black;
}

body
{
  margin:0;
  padding:0;
  background-image:URL(images/city_back.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
  font-size:0.8em;
  font-family:arial;
}

h1 {
    margin:0;
    font-size:1.2em;
}

h2 {
   font-size:1.1em; 
   background-color:#969696;
   padding-left:5px;
   font-style:italic;
}

a {
    color:#808080;
    text-decoration:none;
    
}

#container
{
    background-image:URL(images/stripe.jpg);
    background-repeat:repeat-y;
    width:1024px;
    height:100%;
    padding-bottom:30px;
}

#container .bild {
    padding-left:40px;
}

#left {
    float:left;
}

#main {
     width:550px;
     padding-left:10px;
     float:left;
}

.box_oben{
background: #fff url(images/ecke_ol.gif) left top no-repeat; /* Die Farbe #000 muss an eure Eckenfarbe angepasst werden */
text-align: right;
}

.box_unten{
background: #fff url(images/ecke_ul.gif) left top no-repeat; /* Die Farbe #000 muss an eure Eckenfarbe angepasst werden */
text-align: right;
}

.box_inhalt{
background: #fff; /* Die Farbe #000 muss an eure Eckenfarbe angepasst werden */
padding: 0 20px; /* Abstand des Textes vom Rand links und rechts. Die 20px durch die Höhe der Eck-Grafik ersetzen. */
}

#rechts {
    float:left;
    color:white;
    padding-left:20px;
}

.teaser 
{
    width:160px;
    border:3px solid white;
    padding:0.2em;
    background-color:#000;
}

.abstand_rechts {
    margin-right:30px;
}

#kontakt {
    margin-left:50px;
}