
body { height:100%;
       margin-left: auto; 
       margin-right: auto;
       background-color: #737373;
     }


#top_nav { color: #FFFFFF; 
           position: absolute;
           top: 0;
           width: 490px;
           margin: 0px 0px 0px -490px;
           left: 50%;
           height: 25px;
           padding-left: 490px;
           background-color: black;
           z-index: 5;
         }

.top_nav a     {  color: #FFFFFF; 
                  text-transform: uppercase;
                  font-family: Verdana, Arial;
                  font-size: 12px; 
                  font-weight: normal;
                  text-decoration: none; 
                }

.top_nav a:hover { color: #FFFFFF; 
                   text-transform: uppercase;
                   font-family: Verdana, Arial;
                   font-size: 12px; 
                   font-weight: normal;
                   text-decoration: underline; 
                 }


#header { position: absolute;
          top: 25px;
          width: 980px;
          margin: 0px 0px 0px -490px;
          left: 50%;
          height: 190px;
          padding-left: 104px;
          background-image:url('Bilder/header.gif');
          background-repeat: no-repeat; 
          z-index: 5;
        }


#trailer { position: absolute;
           top: 25px;
           width: 980px;
           height: 190px;
           margin: 0px 0px 0px -490px;
           left: 50%;
           z-index: 10;
         }

#links { position: absolute;
           top: 265px;
           width: 80px;
           height: 250px;
           margin: 0px 0px 0px -479px;
           left: 50%;
           z-index: 2;
         }

#rechts { position: absolute;
           top: 265px;
           width: 80px;
           height: 250px;
           margin: 0px 0px 0px 399px;
           left: 50%;
           z-index: 2;
         }


#hg_cont { position: absolute;
          top: 0px;
          width: 980px;
          margin: 0px 0px 0px -490px;
          left: 50%;
          height: 100%;
          display: block;
          background-image:url('Bilder/hg.jpg');
          background-repeat: repeat-y; 
          z-index: 1;
        }

#hg1_cont { position: absolute;
          top: 0px;
          width: 980px;
          margin: 0px 0px 0px -490px;
          left: 50%;
          height: 100%;
          display: block;
          background-image:url('Bilder/hg1.jpg');
          background-repeat: repeat-y; 
          z-index: 1;
        }

#container { position: absolute;
             height: 100%; 
             width: 100%;
             top: 0px;
             z-index: 1;
             overflow: scroll;
             overflow-x: auto;
           }

#footer { position: absolute;
          height: 14px; 
          width: 980px;
          margin: 0px 0px 0px -490px;
          left: 50%;
          dispaly:block;
          background-image:url('Bilder/footer.gif');
          background-repeat: no-repeat; 
          bottom: 0;
          z-index: 5;
        }


#content { position: absolute;
           top: 20px;
           width: 980px;
           margin: 0px 0px 0px -490px;
           left: 50%;
           z-index: 1;
         }

#li_content { width: 350px;
              margin-left: 130px;
              float:left;
              z-index: 1;
            }

#sp1_content { width: 720px;
              margin-left: 130px;
              z-index: 1;
            }

#re_content { width: 350px;
              margin-right: 110px;
              float:right;
              z-index: 1;
            }

.content p, li { color: #000000; 
             font-size: 12px;
             font-weight: normal; 
             line-height: 15px; 
             font-family: Verdana, Arial, sans-serif ;
             text-decoration: none; 
           }
           

.content ol { padding-left:250px; 
            }

           
.content p.align-right {text-align:right;
		align:right;
		           }

.content p.bodytext {margin:0px;
		   margin-bottom:12px;
	            padding:0px;
	                        }
	                        
	                        
.content table.contenttable p.bodytext {margin:0px;
	            padding:0px;
	                        }


.content h1 { color: #000000; 
             font-size: 16px;
             font-weight: bold; 
             height: 30px; 
             line-height: 30px; 
             font-family: Verdana, Arial, sans-serif ;
             font-variant: small-caps;
             text-decoration: none; 
             margin:0px;
	    padding-top: 10px;
            }
           
.content h2 { color: #000000; 
             font-size: 14px;
             font-weight: bold; 
             line-height: 15px; 
             font-family: Verdana, Arial, sans-serif ;
             font-variant: small-caps;
             margin:0px;
	    padding:0px;
            }

.content h3 { color: #000000; 
             font-size: 12px;
             font-weight: bold; 
             line-height: 15px; 
             font-family: Verdana, Arial, sans-serif ;
             margin:0px;
	    padding:0px;
            }

.content h4 { color: #000000; 
             font-size: 12px;
             font-weight: bold;
             font-style: italic; 
             line-height: 15px; 
             font-family: Verdana, Arial, sans-serif ;
             margin:0px;
	    padding:0px;
            }

.content h5 { color: #000000; 
             font-size: 18px;
             font-weight: normal; 
             line-height: 12px; 
             font-family: Verdana, Arial, sans-serif ;
             margin:0px;
	    padding:0px;
            }

.content h6 { color: #e2001a; 
             font-size: 12px;
             font-weight: normal; 
             line-height: 15px; 
             font-family: Verdana, Arial, sans-serif ;
                         }

.content a { color: #7c7c7c; 
             font-size: 12px;
             font-weight: normal; 
             line-height: 15px; 
             font-family: Verdana, Arial, sans-serif ;
             text-decoration: none; 
           }

.content a:hover { color: #7c7c7c; 
             font-size: 12px;
             font-weight: normal; 
             line-height: 15px; 
             font-family: Verdana, Arial, sans-serif ;
             border-bottom: 1px dotted #bb081e;
             text-decoration: none; 
           }


.content table.auflistung {
             text-align: left; 
             color: #000000; 
             font-size: 12px;
             font-weight: normal; 
             line-height: 15px; 
             font-family: Verdana, Arial, sans-serif ;
             text-decoration: none; 
           }

.content table.auflistung th {
             background-color: #000000; 
             color: #ffffff; 
             font-weight: bold; 
           }

.content table.auflistung td.akt_preis {
             color: #e2001a; 
             text-align: right; 
             font-weight: bold; 
           }


embed {
       height: 30px;
       background-color: #737373;
       hidden: true;
      }


.csc-textpic-caption { color: #000000; 
             font-size: 10px;
             font-weight: normal; 
             line-height: 15px; 
             font-family: Verdana, Arial, sans-serif ;
             text-decoration: none; 
           }

div#Rahmen {
    position: absolute;
    width: 882px;
    margin: 0px 0px 0px -490px;
    left: 50%;
    top: 215px;
    z-index: 5;
    padding: 5px;
    padding-left: 93px;
    background-color: black;
  }

div#Rahmen div {
     clear: left;
  }

ul#Navigation {
    margin: 0; 
    padding: 0;
    text-align: left;
  }

ul#Navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0; 
    padding: 0;
  }

ul#Navigation li ul {
    margin: 0; 
    padding: 0;
    position: absolute;
    top: 24px; 
    left: 0px;
    width: 150px;
    display: none;  /* Unternavigation ausblenden */
  }

ul#Navigation ul {  /* Workaround fuer den IE 7 */
    background-color: #737373;
  }

ul#Navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }

ul#Navigation li ul li {
    float: none;
    display: block;
  }

ul#Navigation a, ul#Navigation span {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Verdana, Arial;
    font-size: 12px; 
    font-weight: normal;
    color: white;
    }

ul#Navigation li ul a {
    display: block;
    padding: 3px 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Verdana, Arial;
    font-size: 12px; 
    font-weight: normal;
    color: white;
    }

ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
    color: black;
    background-color: #737373;
    }

li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: white; 
    background-color: #737373;
  }

ul#Navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }


