.infolayer-content {    
    position: absolute;
    left: 5px;
    bottom: 32px;
    width: 320px;   
    max-width: 100%;
    background: #ffffff ; 
    border: none;
    box-shadow: 1px 1px 4px #bbb;
    -moz-box-shadow: 1px 1px 4px #bbb;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 1px 1px 4px #bbb; 
    border-radius: 10px;  
    }
 
 .infolayerOffers-content {
    position: absolute;
    left: 5px;
    bottom: 32px;
    width: 320px;   
    max-width: 100%;
    background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZTVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWJlM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6e5ae), to(#f5be3c)); /* Safari, Chrome */
	background: -webkit-linear-gradient(top, #f6e5ae, #f5be3c); /* Safari, Chrome - neue Syntax! */
	background: -o-linear-gradient(top, #f6e5ae, #f5be3c); /* Opera */
	background: -ms-linear-gradient(top, #f6e5ae, #f5be3c); /* IE */
	background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e5ae', endColorstr='#f5be3c',GradientType=0 ); /* IE6-8 */
    
    border: 3px solid #ffffff;
    box-shadow: 1px 1px 4px #bbb;
    -moz-box-shadow: 1px 1px 4px #bbb;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 1px 1px 4px #bbb; 
    border-radius: 10px;  
}

.title-content{
	background-color:#1b56b0;			
	font:bold 12px Arial;
	color :#ffffff;
	padding-left:15px ! important;
	padding-top:3px ! important;
	height:17px;
	box-shadow: 1px 1px 0px #bbb;
    -moz-box-shadow: 1px 1px 0px #bbb;
    -moz-border-radius-topleft: 10px 10px;
    -moz-border-radius-topright: 10px 10px;
    -webkit-box-shadow: 1px 1px 0px #bbb; 
    border-radius: 10px 10px 0 0;  
	}

.infolayer-pointer {
    position: absolute;
    bottom: -18px;   
    left: 30px;
    width: 31px;
    height: 18px;
    background-position: -92px -4px;
    -pie-png-fix: true;
    }
.infolayerOffers-pointer {
    position: absolute;
    bottom: -18px;   
    left: 30px;
    width: 31px;
    height: 18px;
    background: url(http://www2.mapandroute.de/MaR_Homepage-map-1.1/img/marInfoballon/offersArrow.gif) no-repeat 0 0;
    -pie-png-fix: true;
    }
.imgclose
{	
	background-image: url(../img/marInfoballon/close_11.png);	
	width: 11px;
	height: 11px;
	top: 7px;
	right: 7px;	
	position: absolute;	
}
.imgclosegrund
{	
	background-position: 0px 0px;	
}
.imgclosedown
{	
	background-position: -11px 0px;
}