* {
  border: 0;
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%;
}

body {
  background-color: #f2f2f2;
  background-image: url(../bilder/main-bg.gif);
  background-repeat: repeat-y;
  background-position: center;
  color: #3c3c3c;
  font-size: 12px;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
}

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

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

h1, h2 {
  font-size: 18px;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-weight: bold;
  margin-bottom: 10px;
}

h3 {
  font-size: 14px;
  font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
  font-weight: bold;
  margin-bottom: 7px;
}

li {
  list-style: none;
  background-image: url(../bilder/li.png);
  background-repeat: no-repeat;
  background-position: 0 6px;
  padding-left: 8px;
}

.clear {
  clear: both;
}

#main {
  width: 940px;
  background-color: #ffffff;
  margin: 0 auto 0 auto;
  padding: 0 20px 0 20px;
  min-height: 100%;
}

	* html #main {
	  height: 100%;
	}

	#header {
	  width: 940px;
	  height: 450px;
	  margin-top: 51px;
	  background-image: url(../bilder/vw-audi.gif);
	  background-repeat: no-repeat;
	  background-position: 812px 6px;
	}

		#logo {
		  width: 940px;
		  height: 96px;
		}

		#navigation {
		  width: 940px;
		  height: 54px;
		  background-color: #e7e6eb;
		}

			#navigation ul {
			  list-style: none;
			  white-space: nowrap;
			  margin-right: 17px;
			}

				#navigation ul li {
				  display: inline;
				  background-image: none;
				  padding: 0;
				}

		    #navigation li {
              float: right;
              background-image: none;
			  padding: 0;
            }

            #navigation li a {
              display: block;
              width: auto;
              height: 31px;
              padding: 23px 17px 0 17px;
              background-color: transparent;
              color: #696969;
              text-decoration: none;
              white-space: nowrap;
            }

                * html #navigation li a {
                  width: 0px;
                }

            #navigation li a:hover, #navigation li:hover {
              background-color: #d3d3d7;
            }

                #navigation li ul {
                  position: absolute;
                  visibility: hidden;
                  background-color: transparent;
                  background-image: url(../bilder/navi-bg.png);
                  padding: 8px 0 8px 0;
                  z-index: 20;
                  width: 94px;
                }

                #navigation li ul li {
                  float: none;
                  display: inline;
                  background-image: none;
				  padding: 0;
                }

                #navigation li ul li a, #navigation li ul li a:hover {
                  width: auto;
                  height: auto;
                  background-color: transparent;
                  color: #696969;
                  padding: 7px 17px 7px 17px;
                }

				#navigation li ul li a:hover {
				  background-color: #e7e6eb;
				}

		#slideshow {
		  position: relative;
		  width: 940px;
		  height: 300px;
		}

			#slideshow img {
			  position: absolute;
			  top: 0;
			  left: 0;
			  z-index: 8;
			}

			#slideshow img.active {
			  z-index: 10;
			}

			#slideshow img.last-active {
			  z-index: 9;
			}

			#overlay {
			  width: 940px;
			  height: 30px;
			  padding-top: 270px;
			  z-index: 15;
			  position: absolute;
			  background-image: url(../bilder/slideshow-bg.png);
			  background-repeat: no-repeat;
			}

				#overlay img {
				  position: static;
				}

				#ssnavi {
				  width: 450px;
				  height: 20px;
				  float: left;
				  padding: 12px 0 0 20px;
				}

					#ssnavi img {
					  margin-right: 5px;
					}

				#sstitle {
				  width: 450px;
				  height: 21px;
				  float: left;
				  text-align: right;
				  padding: 11px 20px 0 0;
				  color: #696969;
				  font-size: 9px;
				}

	#body {
	  width: 940px;
	  background-image: url(../bilder/body-bg.jpg);
	  background-repeat: no-repeat;
	  min-height: 348px;
	  padding-top: 37px;
	}

		#body li {
		  background-position: 0 7px;
		}

		* html #body {
		  height: 348px;
		}

		#left {
		  float: left;
		  width: 195px;
		  padding: 0 20px 0 20px;
		  line-height: 20px;
		}

			#left .angebot {
			  width: 204px;
			  background-color: #e9e8ed;
			  color: #4c4c4c;
			  margin-bottom: 4px;
			}

				#left .angebot .angebot-title {
				  width: 196px;
				  height: 18px;
				  padding: 3px 8px 0 0;
				  text-align: right;
				  background-repeat: no-repeat;
				  background-position: 5px 4px;
				}

					#left .angebot .audi {
					  background-image: url(../bilder/angebot-audi.jpg);
					}

					#left .angebot .vw {
					  background-image: url(../bilder/angebot-vw.jpg);
					}

				#left .angebot .angebot-image {
				  width: 144px;
				  float: left;
				  border-top: #f5f5f7;
				  padding: 8px 0 6px 6px;
				}

				#left .angebot .angebot-details {
				  width: 46px;
				  float: left;
				  border-top: #f5f5f7;
				  padding: 5px 8px 0 0;
				  text-align: right;
				}

		#content {
		  float: left;
		  width: 406px;
		  padding: 0 32px 0 32px;
		  line-height: 20px;
		  text-align:justify;
		}

			#content_breit {
			  float: left;
			  width: 895px;
			  padding: 0 32px 0 20px;
			  line-height: 20px;
			}


			#content_left {
			  float: left;
			  width: 480px;
			  line-height: 20px;
			  padding: 0 0px 0 20px;
			}

			#content_right {
			  width: 360px;
			  line-height: 20px;
			  margin-left: 550px;
			  padding: 0 0px 0 0px;
			}

			#content_sidebar {
			  width: 380px;
			  line-height: 20px;
			  margin-left: 720px;
			  padding: 0 0px 0 0px;
			}


			#content li {
			  background-position: 0 8px;
			}

			#content_left, #content_right ul {
			  padding-left: 15px;
			  background-position: 0 8px;
			}

		#aktionen {
		  float: left;
		  width: 195px;
		  padding: 0 20px 0 20px;
		}

    #footer {
      width: 940px;
      height: 252px;
      background-color: #ebeaee;
      color: #696969;
      font-size: 11px;
      margin-top: 30px;
	  line-height: 17px;
    }

        #footer .fbox {
          float: left;
          width: 195px;
          height: 156px;
          border-bottom: 1px solid #ecebf0;
          padding: 25px 20px 0 20px;
        }

        #footer .fboxm {
          float: left;
          width: 203px;
          height: 156px;
          border-bottom: 1px solid #ecebf0;
          padding: 25px 0 0 32px;
        }

        #finfo {
          width: 940px;
          height: 71px;
          border-top: 1px solid #d8d7dc;
        }

        	#finfo .left {
        	  width: 252px;
        	  height: 50px;
        	  float: left;
        	  padding: 21px 0 0 18px;
        	}

        		#finfo .left img {
        		  margin-right: 30px;
        		}

        	#finfo .right {
        	  width: 647px;
        	  height: 43px;
        	  float: left;
        	  text-align: right;
        	  padding: 28px 23px 0 0;
        	}

        	#finfo a {
        	  color: #696969;
        	}

/* Admin-Bereich */
.textarea {
  border: 1px solid #E6E6EB;
  margin-top: 3px;
  padding: 3px;
  font: 11px 'Arial', Helvetica, sans-serif;
  background: #f4f4f4;
}

.submit {
  border: 1px solid #c4c4c4;
  margin-top: 3px;
  padding: 3px;
  font: 11px 'Arial', Helvetica, sans-serif;
  background: #E6E6EB;
}

#admincontent {
  float: left;
  width: 641px;
  padding: 0 32px 0 32px;
  line-height: 18px;
}

    #adminleft {
      float: left;
      width: 200px;
    }

    #adminright {
      margin: 0 0 0 210px;
      width: 431px;
    }

    * html #adminright {
      float: left;
      margin-left: 0;
    }


#content img, #content_left img, #content_right img, #content_breit img, #content_sidebar img, #aktionen img {
	margin-bottom: 10px;
}

	#content a img, #content_left a img, #content_right a img, #content_breit a img, #content_sidebar a img, #aktionen a img {
		padding: 2px;
		background-color: #d3d3d7;
	}

	#content a:hover img, #content_left a:hover img, #content_right a:hover img, #content_breit a:hover img, #content_sidebar a:hover img, #aktionen a:hover img {
		padding: 2px;
		background-color: #D54B4B;
	}

	#content_right .mitarbeiter img {
	  margin-bottom: 0;
	}

	.ma_bg {
		background-color: #f2f2f2;
		padding: 3px 0 0 5px;
		line-height: 15px;
	}

.textarea {
	width: 195px;
	border: 1px solid #E6E6EB;
	margin-top: 5px;
	padding: 3px;
	font: 12px Helvetica, Arial, Verdana, Tahoma, sans-serif;
	background: #f1f1f1;
}

.submit {
	border: 1px solid #c4c4c4;
	margin-top: 10px;
	padding: 5px;
	font: 12px Helvetica, Arial, Verdana, Tahoma, sans-serif;
	background: #E6E6EB;
}