@import url('http://fonts.googleapis.com/css?family=Cinzel+Decorative|Quattrocento');
  <!--
   
body {
  font: 80.01% Gorgia, Verdana, sans-serif,  Helvetica;
  background-color: #C0C0C0;
  line-height: 1.3;
}

* {
  margin:0;
  padding:0;
}
img{
 
   border:0;
   -moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
#seite {
  width: 960px;
  margin: 0 auto;
  background: url(../images/background.jpg);
    -webkit-box-shadow: 10px 0px 20px #000000, -10px 0px 20px #000000;
    -moz-box-shadow: 10px 0px 20px #000000, -10px 0px 20px #000000;
    box-shadow: 10px 0px 20px #000000, -10px 0px 20px #000000;
      -moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;

}
#links a {
     font: 16px 'Quattrocento';
    text-align: center;
    padding-top: 2px;
    display: block;
    color:#DAEDD4 ;
    text-decoration: none;
    width: 150px;
    height: 25px;
    background: url(../images/linormal.jpg) no-repeat right;
    margin-top: 0px;

}
#links a:hover {
    color: #ffffff;
    text-decoration: none;
    background: url(../images/lihover.jpg) no-repeat right ;
    width: 150px;
    height: 25px;
    font-weight: bold;
}
#links a:active {
     background: url(../images/linkslinkaktiv.jpg);
}
#kopfbereich {
   margin-top: 0 auto;
   margin-bottom: 0px;
   background-image:url(../images/banner2.jpg) ;
   width: 960px;
   height: 150px;

     -moz-box-shadow: border-top-left-radius: 40px;
     -moz-box-shadow:   border-top-right-radius:   40px;
     -webkit-box-shadow:  border-top-left-radius: 40px;
    -webkit-box-shadow:    border-top-right-radius:   40px;
    border-top-left-radius: 40px;
    border-top-right-radius:   40px;
}

#steuerung {
    list-style-type: none;
    display: inline;
    float: left;
    width:960px;
    height: 45px;
    background: url(.../images/steuerback.jpg);
}
#steuerung ul {
  list-style: none;
}

#steuerung li a {
    float: left;
    width: 160px;
    height: 45px;
    vertical-align: bottom;
    background: url(../images/schleppjaglink1.jpg) no-repeat right;
}

#steuerung li a:hover {

    width: 160px;
    height: 45px;
    background: url(../images/schleppjaghover.jpg) no-repeat right;

}
#steuerung li a:active {
    background: url(../images/aktiv.jpg);
}


#inhalt {
  background-color:#DAEDD4 ;
 
  float: left;
  padding-top: 15px;
  padding-right: 0px;
  padding-left: 15px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  width: 626px;
  height: auto ;
  text-align: justify;
}
#inhalt hr {
   height: 5px;
   border: none;
   border-top: 2px solid #B10027;

}

#inhalt a {
  font: 110% 'Quattrocento';
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    

}
#inhalt a:hover {
    color:#007000 ;
    font-style: italic;
}
#inhalt h3{
    font: italic 150% 'Cinzel Decorative';
    text-align: center;
    font-weight: bold;
  
}
#inhalt h2{
    text-align: center;
    font-size: 120% ;
    font-weight: bold;
}
   #inhalt h1{
    font: italic 130% 'Cinzel Decorative';
    text-align: left;
    font-weight: bold;
    color: #B10027;
    line-height: 1.5;
}
#inhalt h4{
  font: italic 130% 'Cinzel Decorative';
    text-align: center;
    font-weight: bold;
  
}
#inhalt h5{
  font: 130% 'Quattrocento';
    text-align: left;
    font-weight: bold;
  
}
#inhalt tr{
    vertical-align: top;
    text-align: justify;
}
#inhalt td{
   margin: 5px;
}
.text{
  font-size: small;
      
      padding: 10px;
      text-align: justify;
  
  
}
.bild {
  padding: 0px;
  margin: 0px;
     
}

.bildboxneu {

 background-color:#DAEDD4  ;
 color: #000;
 margin-left: 0px;
 margin-bottom: 10px;
 float: right;
 font-size: small;
 text-align: center;
 

    -webkit-box-shadow: 0px 0px 3px #000000, 5px 5px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000, 5px 5px 5px #000000;
     box-shadow: 0px 0px 5px #000000, 5px 5px 5px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
  
  
  
}
.bildbox {
 background-color:#DAEDD4  ;
 color: #000;
 margin:  0px;
 margin-left: 15px;
 margin-bottom: 10px;
 padding: 0px;
 float: right;
 font-size: small;
 text-align: center;
font-style: italic;

    -webkit-box-shadow: 0px 0px 3px #000000, 5px 5px 5px #000000;
    -moz-box-shadow: 0px 0px 5px #000000, 5px 5px 5px #000000;
     box-shadow: 0px 0px 5px #000000, 5px 5px 5px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
     border-radius: 5px;
}

#links {
  background-color:#DAEDD4 ;
  float: left;
  height: auto;
  width: 150px;
  margin-right:2px;

}


#rechts {
  background-color:#DAEDD4 ;
  float: right;
  height: auto;
  width: 150px;
  margin-left: 2px;
}

#fussbereich {
  clear: both;
  height: 20px;
  padding: 10px;
  background: url(../images/fuss.jpg);
  color:#FFFFFF;
  font-size: small;
     -moz-box-shadow: border-bottom-left-radius: 40px;
     -moz-box-shadow:   border-bottom-right-radius:   40px;
     -webkit-box-shadow:  border-bottom-left-radius: 40px;
    -webkit-box-shadow:    border-bottom-right-radius:   40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius:   40px;

}
 #fussbereich a {
     color: #FFFFFF;
     text-decoration: none;
    border-right: medium white;
 }
#fussbereich a:hover {
     color: #FFFFFF;
     font-weight: bold;

 }
 #mitte {
  background-color:#DAEDD4 ;
  height: auto;
  
  margin-right:2px;

}
 #mitte a {
    font-weight: normal;
    font-size: medium;
    text-align: center;
    padding-top: 2px;
    display: block;
    color:#DAEDD4 ;
    text-decoration: none;
    width: 150px;
    height: 25px;
    background: url(../images/linormal.jpg) no-repeat right;
    margin-top: 0px;

}
#mitte a:hover {
    color: #ffffff;
    text-decoration: none;
    background: url(../images/lihover.jpg) no-repeat right ;
    width: 150px;
    height: 25px;
    font-weight: bold;
    text-decoration: none;
    font-style: normal;
    
}
#mitte a:active {
     background: url(../images/linkslinkaktiv.jpg);
-->