body 
  {
  	background-color:#ffffff;
  	background-image:url(../_images/background-image.gif);
  	background-repeat:repeat-x;
	font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
  }

body.kontakt
  {
  	background-color:#ffffff;
  	background-image:url(../_images/background-image.gif);
  	background-repeat:repeat-x;
  }
  
body.finanzierung_leasing
  {
  	background-color:#ffffff;
  	background-image:url(../_images/background-image.gif);
  	background-repeat:repeat-x;
  }  
  
a {
      text-decoration: none;
      color: #005ba9;
}


.clearer
  {
    clear:both;
    visibility:hidden;
    width:1px;
    height:1px;
  }

#wrapper
  {
  width:960px;
  padding:0px 10px 0px 10px;
  background-color:#ffffff;
  margin:0px auto;
  overflow:hidden;
  }

#header
  {
      position: absolute;
      top: 0px;
      height: 550px;
  }

#logo
  {
      position: absolute;
      float:left;
      top: 45px;
      height: 155px;
  }


#klinker
  {
      position: relative;
      top: 7px;
      left: 550px;
      width: 200px;
      height: 100px;
  }


#headernavigation
  {
      position: absolute;
      top: 85px;
      left: 775px;
      width: 185px;
      text-align: right;
  }

#headergrafik
  {
      position: absolute;
      top: 105px;
      height: 320px;
  }

  
#content
  {
      padding-bottom: 0px;
  }

#content-main
  {
      position: absolute;
      float:left;
      top: 435px;
  }
  
#content-left-column
  {
      position: absolute;
      float:left;
      width: 240px;
      height: 100%;
  }
  
#content-right-column
  {
      position: absolute;
      float:left;
      margin-top: 4px;
      left: 290px;
      width: 670px;
  }
  
#footer
  {
      width: 100%;
      height: 39px;
      background-image: url(../_images/footer_background.png);
	  background-position:center;
	  position:fixed;
	  bottom:0px;
	  z-index: 99;
  }
  
#footer-content
  {
      width: 960px;
      height: 39px;
      background-image: url(../_images/footer.png);
	  position: fixed;
	  bottom:0px;
	  z-index: 99;
	  left: 50%;
	  margin-left: -480px;
}
  
#footer_kontakt
    {
        position: absolute;
        width: 960px;
        height: 39px;
        background-image: url(../_images/footer.gif);
        top:1450px;   
    }
    
#footer_finanzierung_leasing
    {
         position: absolute;
         width: 960px;
         height: 39px;
         background-image: url(../_images/footer.gif);
         top:1180px;        
    }

#footer-column
  {
      position: absolute;
      top: 15px;
      left: 290px;
      width: 164px;
      height: 10px;
  }

.copysmallgrey {
      font-family: Verdana, Arial, sans-serif;
      font-weight: bold;
      font-size: 12px;
      padding-left: 20px;
      line-height: 120%;
      color: #707070;
}

.copysmall {
      font-family: Verdana, Arial, sans-serif;
      font-size: 12px;
      line-height: 120%;
      padding-left: 20px;
}

.copyblack {
      font-family: Verdana, Arial, sans-serif;
      font-size: 14px;
      line-height: 120%;
      color: #707070;
}

.headblack {
      font-family: Verdana, Arial, sans-serif;
      font-size: 14px;
      line-height: 120%;
      color: black;
}

.copysmallblack {
      font-family: Verdana, Arial, sans-serif;
      font-size: 12px;
      line-height: 120%;
      color: black;
}

.copyblue {
      font-family: Verdana, Arial, sans-serif;
      font-size: 12px;
      line-height: 120%;
      color: black;
}

.redinfo { 
	  color: #FF0000;
	  font-size: 18px; 
}

#telefon
  {
      position:relative;
	  left:0px;
	  top:0px;
	  width: 270px;
      height: 48px;
	  background-image: url(../_images/hg_telefon.png);
}

#smartphone
  {
      position:relative;
	  left:0px;
	  top:0px;
	  width: 270px;
      height: 48px;
	  background-image: url(../_images/hg_smartphone.png);
}

#desktop
  {
      position:relative;
	  left:0px;
	  top:0px;
	  width: 270px;
      height: 48px;
	  background-image: url(../_images/hg_desktop.png);
}

#finanzierung
  {
      position:relative;
	  left:0px;
	  top:0px;
	  width: 270px;
      height: 48px;
	  background-image: url(../_images/hg_finanzierung.png);
}

.telefonnummer, .button_content
  {
  	  color: #FFFFFF;
	  font-size: 21px;
	  position:absolute;
	  top: 12px;
	  left: 40px;
	  width: 230px;
	  text-align: center;
}

#telefon a, #telefon a:visited, #telefon a:hover, #smartphone a, #smartphone a:visited, #smartphone a:hover, #desktop a, #desktop a:visited, #desktop a:hover, #finanzierung a, #finanzierung a:visited, #finanzierung a:hover {
	  color: #FFFFFF;
	  text-decoration: none;
}


#infobox
  {
      position:relative;
	  left:0px;
	  top:0px;
	  width: 270px;
      height: 144px;
	  background-image: url(../_images/hg_info.png);
}

.infocontent
  {
  	  color: #FFFFFF;
	  font-size: 22px;
	  position:absolute;
	  top: 5px;
	  left: 5px;
	  width: 260px;
	  height: 134px;
	  text-align: center;
}

.infocontent1
  {
  	  color: #FFFFFF;
	  font-size: 20px;
	  position:absolute;
	  top: 15px;
	  left: 5px;
	  width: 260px;
	  height: 80px;
	  text-align: center;
}

.infocontent2
  {
  	  color: #FFFFFF;
	  font-size: 12px;
	  position:absolute;
	  top: 85px;
	  left: 5px;
	  width: 260px;
	  height: 50px;
	  text-align: center;
}

/* Formularfelder */
input {
        background: #fff;
        border: 1px solid #999;
        height: 20px;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		width: 350px;
}

input.pflicht { background: #DDD; color:#000000; }

input:hover { background-color: #005ba9; color: #FFFFFF; }
input:focus { background-color: #005ba9; color: #FFFFFF; }

input.pflicht:hover { background-color: #005ba9; color: #FFFFFF; }
input.pflicht:focus { background-color: #005ba9; color: #FFFFFF; }


input.one { width: 40px; }
input.two { width: 85px; margin-right: 15px; }
input.three { width: 290px; }

textarea { width: 350px; height: 150px; border: 1px solid #DDD; font-family: Verdana, Arial, sans-serif; font-size: 12px; }
textarea.pflicht { background: #DDD; color:#000000; }

textarea:hover { background-color: #005ba9; color: #FFFFFF; }
textarea:focus { background-color: #005ba9; color: #FFFFFF; }

textarea.pflicht:hover { background-color: #005ba9; color: #FFFFFF; }
textarea.pflicht:focus { background-color: #005ba9; color: #FFFFFF; }

a.popup {
  text-decoration:none;
  position:relative;
  display:block;
  z-index: 1;
}
a.popup:hover {
  border:none;
}
a.popup img {
  border:none;
}
a.popup span {
  visibility:hidden;
  position:absolute;
  top:-100px;
  left:-250px;
}
a.popup:hover span {
  visibility:visible;
}