/* GrundLayout CSS */

#beliebtecoupons{
  float:left;
  width:170px;
  height:auto;
  margin-left:2px;
  padding:0px; 
}
#karte{
  float:right;
  width:750px;
  height:500px;
  background:url(../images/load.gif) no-repeat;
  background-position:top center;
}
#neuecoupons{
  float:left;
  width:170px;
  height:auto;
  margin-left:2px;
  padding:0px;
}
#schritte{
  float:right;
  width:750px;
  height:100px;
  margin-top:15px;
}

/* Beliebte Coupons  sowie Neue Coupons CSS */
#beliebtecoupons_info{
  width:160px;
  height:20px;
  margin-top:0px;
  padding-top:5px;
  padding-left:10px;
  background:url(../images/home_infobutton.png);
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#000000;
}
#beliebtecoupons_weiß{
  width:168px;
  height:320px;
  background:#ffffff;
  border-left:1px solid #d7d7d7;
  border-right:1px solid #d7d7d7;
}
#beliebtecoupons_weiss{
  width:170px;
  height:320px;
}
#neuergutschein_weiß{
  width:168px;
  height:50px;
  background:#ffffff;
  border-left:1px solid #d7d7d7;
  border-right:1px solid #d7d7d7;
}
#coupons_box{
  width:168px;
  height:auto;
  margin-top:1px;
  background:#ffffff;
  border:1px #d7d7d7 solid;
}
#newsletter{
  width:158px;
  height:110px;
  margin-top:10px;
  font-size:12px;
  color:#ffffff;
  font-family:Arial;
  padding:5px;
  background:url(../images/NEWSLETTER.png) no-repeat;
}
.coupons_firma{
  width:164px;
  height:30px;
  padding:2px;
  background:#ffffff;
  overflow:hidden;
  font-family:Arial;
  font-size:12px;
  color:black;
  cursor:pointer;
} 
.coupons_firma:hover{
  background:#fff2a2;
}                     
.coupons_ort{
  float:left;
  width:80px;
  height:13px;
  padding-top:2px;
  padding-left:2px;
  background:#ffffff;
  border-top:1px #d7d7d7 solid; 
  border-right:1px #d7d7d7 solid; 
  overflow:hidden;
  font-family:Arial;
  font-size:10px;
  color:#7d7d7d;
}                   
.coupons_datum{
  float:left;
  width:81px;
  height:13px;
  padding-top:2px;
  padding-right:2px;
  background:#ffffff;
  border-top:1px #d7d7d7 solid; 
  overflow:hidden;
  text-align:right; 
  font-family:Arial;
  font-size:10px;
  color:#7d7d7d;
}
.firma{
  color:#ce2a10;
}
#id{
  float:right;
  font-size:10px;
  background:#ffffff;
  border:1px solid #d7d7d7;
  color:#7d7d7d;
  font-weight:bold;
}
#beliebtecoupons_footer{
  width:160px;
  height:20px;
  margin-top:0px;
  padding-top:5px;
  padding-left:10px;
  background:url(../images/home_footerbutton.png);
  font-family:Arial;
  font-size:12px;
  font-weight:bold;
  color:#000000;
}
/* Karte CSS */
#karte_geo{
  width:750px;
  height:500px;
  background:url(../images/home_karte.png);
  background-position:top center;
}
#karte_karte{
  width:750px;
  height:500px;
}
#karte_willkommen_border{
	width:300px;
	height:170px;
	margin-left:20px;
	border:1px solid #ffffff;
	border-top:none;
}
#karte_willkommen{
	width:290px;
	height:160px;
	padding:5px;
	background:#ffffff;
  opacity: .8;
	filter: Alpha(opacity=80);
	-moz-opacity: .8;
  font-family:Arial;
  font-size:12px;
  color:#000000;
}
.willkommen{
  font-family:Arial;
  font-size:20px;
  font-weight:bold;
  color:#cb0001;
}
/* Schritte CSS */
#schritt_1{
  float:left;
  height:100px;
  width:240px;
  background:url(../images/schritt1.png) no-repeat;
}
#schritt_2{
  float:left;
  height:100px;
  width:240px;
  margin-left:15px;
  background:url(../images/schritt2.png) no-repeat;
}
#schritt_3{
  float:left;
  height:100px;
  width:240px;
  margin-left:15px;
  background:url(../images/schritt3.png) no-repeat;
}