/* CSS Document */
#p_title{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif	;
	font-size:24px;
	color: #013e6d;
	font-weight:800;
}
#p_subtitle{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif	;
	font-size:24px;
	color:#00579a;
	font-weight:800;
	
}
#p_copy{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif	;
	font-size:10px;
	color:rgb(18, 143, 209);
	font-weight:800;
}

#p_footer{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif	;
	font-size:10px;
	color:#00579a;
	position:absolute;
	z-index:-1;
}

#scala_wrapper{
	float:left;
	position:absolute;
	top:260px;
	
}
.scalaBG {
	border-right: 2px solid rgb(130, 191, 220);
	float: left;
	height: auto;
	margin: 26px 0 0;
	width: 127px;
	z-index:-1;
}
.scalaBG:after{
	
}

.scala500{
	background: rgb(242, 248, 251);
}
.scala1000{
	background: rgb(230, 242, 248);
}
.scala1500{
	background: rgb(217, 236, 244);
}
.scala2000{
	background: rgb(205, 229, 241);
}


.scalaLegend{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif	;
	font-size:16px;
	color: rgb(18, 143, 209);
	float: right;
	font-weight:800;
	margin-top:20px;
	margin-right:20px;
}
.container{
	border:solid 0px #000;	
	z-index:9999;
	float:none;
	position:absolute;
	width:auto;
	display:block;
	overflow:show;
}
.rollout{
	border:solid 0px #000;	
	z-index:999;
	float:none;
	position:absolute;
	/*width:526px;*/
	width:460px;
	height:29px;
	background:#fff;
	display:block;
	overflow:hidden;
	top:0px; /*225px*/;
	opacity:0;

}
.rollTitle{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif	;
	font-size:20px;
	color:#6E2F4E;
	font-weight:600;
	float:left;
	margin-left:15px;
	margin-top:60px;
}
.rollAmount{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif	;
	font-size:48px;
	color:#000;
	font-weight:600;
	float:right;
	margin-left:20px;
	margin-top:50px;
	margin-right:20px;
}
.rollTropfen{
	float:left;
	position:absolute;
	left:0px;
	top:120px;
	
}

.rollLegende{
	float:left;
	position:absolute;
	left:14px;
	top:500px;	
}

.whitespace{
	background:#FFF;
}
.arrowDown{
	color: rgb(18, 143, 209);
	float:right;
	font-size:22px;
	margin-left:15px;
	margin-right:50px;
	margin-top:6px;
	transform:scaleX(1.2);
	
}
.balken{
	height:26px;
	width:87%;
	float:right;
	background:#ACACAC;
	position:absolute;
	margin-top:24px;
	opacity:0;
	z-index:-1;
	
}
.icon{
	float:right;
	margin-left:0px;
	margin-right:0px;
	z-index:1;
	transform:scale(0.85);
}
.spacerH{
	margin-left:0px;
}
.balkenText{
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#fff;
	font-size:12px;
	float:right;
	margin-top:30px;
	opacity:0;
	margin-left:-100px;
	
}

.balkenText_add{
	font-weight:600;
	color:#000;
	position:absolute;
	left:300px;
}


#cont_kartoffel{
	top:80px;
}
#cont_butter{
	top:150px;	
}
#cont_schokolade{
	top:220px;	
}

#cont_rindfleisch{
	top:290px;	
}

#cont_baumwolle{
	top:360px;	
}

#cont_milch{
	top:430px;	
}

#cont_brot{
	top:500px;	
}

#cont_ei{
	top:570px;	
}

#cont_bier{
	top:640px;	
}

#cont_leder{
	top:710px;	
}

.bKartoffel{
	background:#DA8C0B;
}

.bButter{
	background:#FECD31;
}

.bSchokolade{
	background:#6E3F4E;
}

.bRindfleisch{
	background:#970071;
}

.bBaumwolle{
	background:#377E9A;
}

.bMilch{
	background:#D0C6A6;
}

.bBrot{
	background:#EC6707;
}

.bEi{
	background:#95C41C;
}

.bBier{
	background:#52821D;
}

.bLeder{
	background:#384348;
}