HTML, BODY {
  height: 100%;
}

BODY {
  background-color: white;
  margin: 0;
  padding: 0;
  height: 100%;
}

BODY, TD, TH, P, DIV {
  color: #10366e;
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

p {
  margin: 0;
  padding-top: 5px;
  padding-bottom: 5px
}

img {
  border:0;
}

h1 { font-size: 20px; font-weight: bold; color: #10366e; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; text-transform: uppercase; }
h2 { font-size: 17px; font-weight: bold; color: #10366e; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; text-transform: uppercase; }
h3 { font-size: 15px; font-weight: bold; color: #10366e; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }
h4 { font-size: 13px; font-weight: bold; color: #10366e; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }
h5 { font-size: 11px; font-weight: bold; color: #10366e; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }
h6 { font-size: 10px; font-weight: bold; color: #10366e; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; margin: 0; }

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



#wrapper {
  width:980px;
  min-height: 100%;
  position: relative;
	margin: 0px auto;
  background-color: #FFFFFF;
  padding-left: 20px;
  padding-right: 20px;
  background-image: url("../images/wrapper_hg.jpg");
  background-repeat: repeat-y;
}

* HTML #wrapper {
  height: 100%;
}

#header {
  width: 980px;
  height: 130px;
  float: left;
}

#header #logo {
  width: 296px;
  height: 130px;
  float: left;
}

#header #meta-nav-1 {
  width: 684px;
  height: 130px;
  float: left;
  background-image: url("../images/header_slogan.jpg");
  background-repeat: no-repeat;
  background-position: top;
}

#header #meta-nav-1 #meta-nav-1-menu {
  padding-top: 60px;
  padding-left: 40px;
  width: 614px;
  height: 20px;
  padding-right: 30px;
  text-align: right;
}

#header #meta-nav-1 #meta-nav-1-menu  a {
  color: #000000;
  text-decoration: none;
}

#header #meta-nav-1 #meta-nav-1-menu  a:hover {
  color: #e75012;
  text-decoration: none;
}

#header #meta-nav-1 #meta-nav-1-searchfied {
  margin-top: 10px;
  padding-top: 7px;
  width: 170px;
  height: 21px;
  background-image: url("../images/lupe_suchfeld.jpg");
  background-repeat: no-repeat;
  background-position: top;
  margin-left: 455px;
  padding-left: 55px;
}

#header #meta-nav-1 #meta-nav-1-searchfied #input-serachfield { 
  width: 130px; 
  height: 13px; 
  border: 0 none;
  color: #000000; 
  padding: 0px;
  margin-top: 0px;  
}
#header #meta-nav-1 #meta-nav-1-searchfied #input-serachfield:focus { 
  color: #000000; 
  outline: none; 
}

#eye-catch {
  clear: both;
  width: 980px;
  height: 314px;
  background-image: url("../images/eye_catch_bg.jpg");
  background-repeat: repeat-x;
  background-position: top;
}

#eye-catch #banner {
  background-image: url("../images/eye_catch_banner_bg.jpg");
  background-repeat: no-repeat;
  background-position: top;
  height: 268px;
  width: 916px;
  padding-left: 32px;
  padding-right: 32px;
}

#eye-catch #main-menu {
  height: 45px;
  padding-left: 40px;
  margin-top: 1px;
}

#eye-catch #main-menu .menubutton a {
  color: #FFFFFF;
  height: 45px;
  line-height: 45px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: block;
  font-weight: normal;
  font-size: 17px;
  text-transform: uppercase;
  float: left;
}

#eye-catch #main-menu .menubutton a:hover {
  background-image: url("../images/main_nav_button_hg_over.jpg");
  background-repeat: repeat-x;
}

#navigation {
  clear: both;
  height: 45px;
  width: 980px;
  background-color: #10366e;
}

#navigation #main-menu {
  height: 45px;
  padding-left: 40px;
}

#navigation #main-menu .menubutton a {
  color: #FFFFFF;
  height: 45px;
  line-height: 45px;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  display: block;
  font-weight: normal;
  font-size: 17px;
  text-transform: uppercase;
  float: left;
}

#navigation #main-menu .menubutton a:hover {
  background-image: url("../images/main_nav_button_hg_over.jpg");
  background-repeat: repeat-x;
}

#content {
  width: 948px;
  margin-top: 15px;
  padding-left: 32px;
}

#content .newsbox {
  width: 260px;
  height: 264px;
  padding: 10px;
  background-image: url("../images/news_box_bg.jpg");
  background-repeat: no-repeat;
  float: left;
  margin-right: 35px;
  margin-bottom: 25px;
}

#content .newsbox .bild {
  width: 260px;
  height: 100px;
  margin-bottom: 5px;
}

#content .newsbox .text {
  width: 260px;
  height: 129px;
  margin-bottom: 10px;
}

#content .newsbox .mehr-lesen {
  width: 90px;
  padding-left: 165px;
  height: 20px;
}

#content #main-content {
  float: left;
  width: 595px;
  padding-right: 30px;
  margin-bottom: 20px;  
  padding-left: 5px;
}

#content #extra-content {
  float: left;
  width: 280px;
  margin-bottom: 20px;  
}

#content #breadcrum-nav {
  width: 938px;
  padding-left: 10px;
  height: 30px;
  color: #ACACAC;
  font-size: 11px;
}

#content #breadcrum-nav a {
  color: #ACACAC;
  font-size: 11px;
  text-decoration: none;
}

#content #breadcrum-nav a:hover {
  text-decoration: underline;
}

#content #left-content {
  width: 290px;
  float: left;
}

#content #left-content  #image-bild {
  width: 270px;
  height: 188px;
  padding: 10px;
  background-image: url("../images/content_bild_bg.jpg");
  background-repeat: no-repeat;
}

#content #left-content #sub-navigation {
  margin-top: 15px;
  width: 285px;
  background-image: url("../images/nav_bg.jpg");
  background-repeat: repeat-y;
  min-height: 100px;
  padding-left: 5px;
}

#content #left-content #sub-navigation .level1 {
  background-image: url("../images/nav_li_1.jpg");
  background-repeat: no-repeat;
  background-position: 0px 4px;
  width: 200px;
  min-height: 20px;
  line-height: 20px;
  padding-left: 17px;
}

#content #left-content #sub-navigation .level1 a {
  color: #10366e;
}

#content #left-content #sub-navigation .level1 a:hover {
  color: #e75012;
}

#content #left-content #sub-navigation .level2 {
  background-image: url("../images/nav_li_2.jpg");
  background-repeat: no-repeat;
  background-position: 20px 6px;
  width: 200px;
  min-height: 20px;
  line-height: 20px;
  padding-left: 30px;
}

#content #left-content #sub-navigation .level2 a {
  color: #10366e;
}

#content #left-content #sub-navigation .level2 a:hover {
  color: #e75012;
}

#content #right-content {
  width: 618px;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}

#content #suchergebis_felgen {
  width: 618px;
}

#content #suchergebis_felgen .felge {
  width: 80px;
  height: 110px;
  margin-right: 40px;
  float: left;
  margin-bottom: 30px;
}

#content #suchergebis_felgen .felge .bild {
  width: 80px;
  height: 80px;
}

#content #suchergebis_felgen .felge .text {
  width: 80px;
  height: 30px;
  padding-top: 0px;
  text-align: center;
}

#content #suchergebis_reifen {
  width: 618px;
}

#content #suchergebis_reifen .reifen {
  width: 80px;
  height: 150px;
  margin-right: 40px;
  float: left;
  margin-bottom: 30px;
}

#content #suchergebis_reifen .reifen .bild {
  width: 80px;
  height: 80px;
}

#content #suchergebis_reifen .reifen .text {
  width: 80px;
  height: 70px;
  padding-top: 0px;
  text-align: center;
}

#footer {
  margin-top: 20px;
	background-image: url("../images/footer_line.jpg");
  background-repeat: no-repeat;
	width: 940px;
	color: #10366e;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
}

#footer-startseite{
  margin-top: 20px;
	background-image: url("../images/wanggo_slogan_startseite.jpg");
  background-repeat: no-repeat;
	width: 960px;
	color: #10366e;
  height: 94px;
  padding-top: 74px;
  padding-left: 20px;
}

#footer #footer-logos {
  width: 920px;
  min-height: 75px;
}

#footer #footer-logos .logo {
  float: left;
  width: 184px;
  text-align: center;
}

#footer #footer-reifen {
  font-size: 11px;
  float: left;
  width: 184px;
  text-align: center;
}

#footer #footer-felgen {
  font-size: 11px;
  float: left;
  width: 184px;
  text-align: center;
}

#footer #footer-suche {
  font-size: 11px;
  float: left;
  width: 184px;
  text-align: center;
}

#footer #footer-filialen {
  font-size: 11px;
  float: left;
  width: 184px;
  text-align: center;
}

#footer #footer-hersteller {
  font-size: 11px;
  float: left;
  width: 184px;
  text-align: center;
}

#footer #text {
  width: 940px;
  text-align: center;
  font-size: 10px;
  margin-top: 25px;
  padding-bottom: 10px;
}

#footer #text a {
  font-size: 10px;
  color: #000000;
  text-decoration: none;
}

#footer #text a:hover {
  color: #000000;
  text-decoration: underline;
}

.sitemap {
  margin-left: 25px;
}

#fc-searchbox {
  width: 398px;
  height: 200px;
  padding: 15px;
  background-color: #EFEFEF;
  border-width: 1px;
  border-style: dotted;
  border-color: #AAAAAA;
  float: left;
  margin-right: 30px;
  font-size: 18px;
}

#anfragebox {
  width: 568px;
  height: 200px;
  padding: 15px;
  background-color: #EFEFEF;
  border-width: 1px;
  border-style: dotted;
  border-color: #AAAAAA;
  float: left;
  margin-right: 30px;
  font-size: 12px;
}

#reifen-suchbox {
  width: 568px;
  min-height: 200px;
  padding: 15px;
  background-color: #EFEFEF;
  border-width: 1px;
  border-style: dotted;
  border-color: #AAAAAA;
  float: left;
  margin-right: 30px;
  font-size: 12px;
}

#overlay 
{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	width: 300px;
	height: 200px;
	text-align: center;
	line-height: 50px;
	background-color: rgba(0,0,0,0.4);
	color: white;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -150px; 
	margin-top: -300px;
  line-height: 200px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 30px;
}