body, table, td {
    background : #990202 url(../bilder/bgkomplett.jpg) top repeat-x ;
    font-family : Arial, Helvetica, Verdana, Geneva, sans-serif ;
    text-align : center ;
    font-size : 12px ;
    padding : 0 ;
    margin : 0 ;
}

p {
    padding: 0;
    margin: 0 0 1em 0;
}

#container {
    background : url(../bilder/hintergrund_total.jpg) bottom repeat-y ;
    text-align : left ;
    width : 749px ;
    padding : 0 ;
    margin : 0 auto ;
}

#navigation {
    width : 749px ;
    height : 24px ;
}

#navigation ul {
    padding : 0 ;
    margin : 0 ;
}

#navigation ul li {
    list-style : none ;
    float : left ;
    padding : 0 ;
    margin : 0 ;
}

#navigation ul li a img {
    vertical-align : bottom ;
    border : none ;
}

#paddingdiv {
    margin: 20px ;
}


#header {
    background : url(../bilder/kopfgrafik.jpg) no-repeat ;
    position : relative ;
    text-align : left ;
    width : 749px ;
    height : 79px ;
}

#header img {
    position : absolute ;
    left : 180px ;
    top : 5px ;
}

#content {
    line-height : 1.5em ;
    width : 565px ;
    float : left ;
}

#news {
    width : 155px ;
    float : left ;
    margin: 20px 0 10px 10px;
}


#footer {
    background : url(../bilder/footer.gif) bottom no-repeat;
    text-align : right ;
    margin : 0 auto ;
    height : 35px ;
    width : 749px ;
}

#leistungen {
    margin : 0px -20px ;

    height: 96px;
    text-align: left;
}

#leistungenlinks  {
    margin: 0;
    width: 148px;
    float: left;
}

#leistungenlinks ul {
    width: 148px;
    margin: 0;
    padding: 0;
}

#leistungenlinks ul li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#leistungenlinks ul li img {
    vertical-align: bottom;
    border: none;
}

#leistungenmitte {
    float: left;
    width: 291px;
}

#leistungenrechts  {
    float: left;
    margin: 0;
    width: 123px;
}

#leistungenrechts ul {
    width: 123px;
    margin: 0;
    padding: 0;
}

#leistungenrechts ul li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#leistungenrechts ul li img {
    vertical-align: bottom;
    border: none;
}

h1 {
    font-weight : bold ;
    font-size : 15px ;
    color : #666666 ;
    padding : 0 ;
    margin : 0 0 1em 0;
}

h2 {
    font-weight : bold ;
    font-size : 12px ;
    color : #666 ;
    border-bottom : 1px solid #ccc;
    padding: 0;
    margin: 0 0 1em 0;
}

h3 {
    font-weight: bold;
    font-size: 12px;
    color: #666;
    padding: 0;
    margin: 0;
}

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

a:hover {
    text-decoration: none;
    color: #000;
}

a img{
    border: none;
}

.producedby {
    font-size: 10px;
    color: #666666;
}

form {
    display:inline
}

.colleft {
    float: left;
    width: 230px;    
}

.colright {
    float: right;
    width: 230px;    
}


.rahmen {
    border: 1px solid black;
}

.datum {
    font-size: 10px;
    color: #808080;
}

.floatleft {
    float: left;
    margin-right: 10px;
}

.floatright {
    float: right;
    margin-left: 10px;
}

/* Bildergalerie */
div.galerie{
margin-bottom: 20px;
}

div.galerie div{
float: left;
width: 120px;
}

div.galerie img{
border: 1px solid #808080;
padding: 5px;
}


dl.galerie
{
    border: 1px solid #808080;
    width: 110px;
    height: 110px;
    text-align: center;
    padding: 5px;
    padding-bottom: 15px;
    float: left;
    position: relative;
    margin-right: 1em;
    margin-bottom: 1em;
    background: #E9E9E9;
}

 dl.galerie:hover
{
    border: 1px solid black;
    background: #808080;
}

.galerie dt { font-weight: bold; }

.galerie dt img
{
    border: 1px solid #000;
}

.galerie dd
{
    margin: 0;
    padding: 0;
}
/* Ende Bildergalerie */

/* Kontaktformular */
.ausfuellen{
    border: 1px solid red ;
}

form label.required {
  color: red;
}

form label.completed {
  color: green;
}

.formmailerror{
    border: 1px solid #900;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

label{
    position: relative;
    width: 120px;
    cursor: pointer;
    cursor: hand;
    display: block;
    float: left;
    margin-bottom: 5px;
}

.kontakt {
    position: relative;
    width: 200px;
    display: block;
    float: left;
    margin-bottom: 5px;
}

.impressumslabel{
    width: 200px;
}

.clearleft{
    clear: left;
}

/* Ende Kontakt */

.aufzaehlung label {
    position: relative;
    width: 150px;
    cursor:default;
    display: block;
    float: left;
}

.aufzaehlung span {
    float : left ;
    width : 360px ;
    margin-bottom: 1em;
}

.aufzaehlung label {
    font-weight : bold ;
    color : #999999 ;
}

.bildleiste img, img.lupe {
    padding: 0 0 10px 0;
    background: transparent url(../bilder/vergroessern_de.gif) bottom right no-repeat;
    margin-top: 5px;
    margin-bottom: 10px;
}

.bildleiste {
    float: right;
    text-align: right;
    width: 130px;
}

#news h3 {
   display: inline;
}

.kontaktadresse label {
    width: 80px;
    margin: 0;
    padding: 0;
    cursor: default;
}

.impressum label {
    width: 200px;
    cursor: default;
}

ol {
    list-style-type: upper-roman;
    margin: 0;
    padding: 0 0 0 35px;
}

ol li {
    font-weight: bold;
    color: #666;
    border-bottom: 1px solid #ccc;
    margin: 1em 0 0 0;
    padding: 0;
}

ol ol {
    list-style-type: decimal;
    margin: 0 0 1em 0;
    padding: 0 0 0 22px;
}

ol ol li {
    font-weight: normal;
    color: #000;
    border: none;
    margin: 1em 0 0 0;
    padding: 0;
    font-size: 12px;
}

input.kontakt, textarea.kontakt {
    border: 1px solid #999;
    background: #fff;
    font-size: 12px;
    padding: 1px;
}

select {
    font-size: 12px;    
}

input.button {
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #888;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    background: #900;
    color: #fff;
    padding: 1px 5px;
    cursor: pointer;
    cursor: hand;
}