hr
	{
		margin:0;
		padding:0;
		color:#333333;
	}

	#monat
	{
		float:left;
		color:#ffffff;
		background-color:#f07c00;
		padding:2px;
		margin: 0 8px 15px 0;
		width:195px;
	}
	
.month_3,.month_6,.month_9,.month_12
{
	margin-right:0!important;
}
	
	#monat h1
	{
		color:#ffffff!important;
		margin:10px 0;
		font-size:16px;
		font-weight:bold;
		text-align:center;
	}
	#woche
	{
		clear:both;
		background-color:#ffffff;
		color:#efefef;
		z-index:10;
	}
	#woche h1
	{
	margin:0;
	padding:0;
	font-size:50px;
	margin:auto;
	}
	#woche_overlay
	{
		z-index:15;
		position:relative;
		width: 146px;
		margin-top:-20px;
	}
	#tag
	{
		position:relative;
		color:#333333;
		background-color:#ffffff;
		margin:0;
		padding:0px;
		height:24px;
		font-size:1em;
		z-index:2;
	}
	#tag_nr
	{
		float:left;
		width:30px;
		height:100%;		
		border-right:1px solid #cdcdcd;
		
	}
	#tag_wochentag
	{
		float:left;
		width:30px;
		height:100%;
		border-right:1px solid #cdcdcd;
	}
	#tag p
	{
		padding:4px;
		margin:0px;
		text-align:center;
		float:left;
	}
	#tag_tonnen
	{
		float:left;
		height:100%;
		font-size:9px;
	}
	#tag_tonnen p
	{	
		text-align: right;
		width: 124px;
		line-height:10px;
	}	
	#tag_tonnen img
	{
		float:left!important;
		margin:0 2px 0 0!important;
		width:auto!important;
		height:20px!important;
	}
	#oben
	{
		clear:both;
		float:left;	
	}
	#logo_swe
	{
		float:left;
		width:200px;
		margin:4px;
	}
	#logo_city
	{
		float:right;
		margin:4px;
	}
	
	#ekoContent1 #titel, #ekoContent2 #titel
	{
		margin-right:5px;
	}
	
	#titel h1
	{
		font-size:22px;
		margin:5px;
	}	
	#titel p
	{
		font-size:14px;
		color:#666666;
		margin:5px;
	}
	#info
	{
		clear:both;
		float:left;
		margin:0 8px 0 0;
		width: 398px;
		border:2px solid #f07c00;
		font-size:12px;
	}
	#info td
	{
		margin:0;
		padding:0 15px 0 0;
		border-collapse:collapse;
	}
	
	#info a:link{
		text-decoration:none;
		color:#f07c00;
	}
	
	#info a:hover{
		color:#c57117;
	}	
	
	
	#legende
	{
    float: left;
    margin: 0;
    padding:0px;
	width: 194px;
    border: 2px solid #f07c00;	
	}
	
	#legende,#info{
		height:240px;
		padding:10px;
	}
	
	#legende div
	{
		float:left;
	}
	
	#legende .colImage,#legende .colText
	{
		height:40px;
		margin:0 5px 5px 0;
		padding:2px;
	}
	
	#legende .colImage
	{
		width:30px;
		position:relative;
		margin-right:0;
	}
	
	#legende .col6,#legende .col12
	{
		margin-right:0;
	}
	
	#legende .colText
	{
		width:103px;
		padding-left:6px;
	}	
	
	#legende p
	{
		font-size: 0.9em;
		margin-top:3px;
	}
	
	#legende img
	{
		width:20px!important;
		height:auto!important;
		position:absolute;
		bottom:2px;
		left:4px;
	}
	
	#zusatz
	{
	display:none;
    border: 2px solid #f07c00;
    background-color: #f07c00;
    color: #FFFFFF;
    font-size: 10px !important;
    float: left;
    height: 64px;
    margin: 6px 0 0 4px;
    padding: 0 10px;
    width: 282px;	
	}
	#zusatz p
	{
		font-size: 10px !important;		
		margin-top:10px !important;
	}
	#zusatz a:link, #zusatz a:visited
	{
		font-size: 10px !important;
		color: #000000 !important;
		margin-top:10px !important;	
    text-decoration: none;	
	}
	#zusatz a:hover
	{
    text-decoration: underline;
  }
	
	
	#halbjahr
	{
		clear:both;
		float:left;
	}
	.sa
	{
		color:#333333!important;
		background-color:#f4c595 !important;
		border-bottom:1px solid ##f07c00 !important;
	}	
	.so
	{
		color:#333333!important;
		background-color:#f2ad62 !important;
		border-bottom:1px solid ##f07c00 !important;
	}
	.feiertag
	{
		color:#333333!important;
		background-color:#f2ad62 !important;	
	}
	.weihnachten
	{
		color:#333333!important;		
		background-color:#f07c00 !important;	
	}
	.grayline
	{
		border-bottom:1px solid #cdcdcd;
	}
	.entsorgerfarbe_txt
	{
		color:#f07c00;
	}
	
#fehler
{
	margin:15px;
}	

.OrganicWaste
{
	clear:both;
	float:left;
}

.OrganicWaste h3
{
	margin:5px 0;
}

.OrganicWaste .link
{
	clear:both!important;
	float:none!important;
	font-size:12px;
	margin:0 5px 15px 5px;
	padding:0 0 5px 0;
}

.OrganicWaste .city
{
	clear:both;
	font-size:12px;
	float:left;
}

.OrganicWaste .city h3
{
	padding-left:5px;
	margin:5px 0;
}

.OrganicWaste .OrganicWasteBox
{
	width:423px;
	float:left;
    border: 0px solid #f07c00;
	margin:4px 4px 4px 0;
    padding:0px;	
}

.OrganicWaste .OrganicWasteBox p
{
	width:120px;
	margin:0;
	padding:2px 0;
}

.OrganicWaste .OrganicWasteBox b
{
	font-weight:600;
}

.OrganicWaste .OrganicWasteBox .odd
{
	clear:both;
	float:left;
}

.OrganicWaste .OrganicWasteBox .eve
{
	
	float:left;
}


@media only screen and (max-width: 768px) 
{
	#halbjahr,#monat
	{
		width:100%;
		margin:0;
	}
	
	#tag
	{
		font-size:1.5em;
		height:1.6em;
		position:relative;
	}
	
	#tag #tag_nr,#tag #tag_wochentag
	{
		width:1.7em;
	}	
	
	
	#tag #tag_tonnen img
	{
		height:3em!important;
	}
	
	#tag #tag_tonnen p
	{
		position:absolute;
		right:2%;
		top:10%;
		font-size:2em;
		width:70%;
	}
	

	
	#legende .colText
	{
		width:30%;
	}
	
	#kalender, .OrganicWaste 
	{
		width:99%;
	}
	
	#ekoContentLegend #kalender, #oben,#oben div, #legende, #info
	{
		//width:100%;
	}
	
	#info,#legende{
		padding:0;
		margin:0;
		margin-bottom:1em;
		width:96%;
		padding:2%;
		height:auto;
	}	
	
	#ekoContentLegend #kalender, #oben #titel h2
	{
		border:none;
	}	
	
	.OrganicWaste .OrganicWasteBox
	{
		width:97%;
		padding:2%;
		margin:0;
	}
	
	#titel h2
	{
		width:96%;
		padding:2%;
		margin:0 0 2% 0;
	}	
	
}