body
	{
		font-family:Arial;
	}
	
	hr
	{
		margin:0;
		padding:0;
		color:#333333;
		color:#333333;
	}

	#monat
	{
		float:left;
		color:#ffffff;
		background-color:#00938D;
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari, Chrome */
		-khtml-border-radius:10px; /* Konqueror */
		border-radius:10px; /* CSS3 */
		padding:2px;
		margin:4px;
		width:145px;
	}
	#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:14px;
		z-index:2;
	}
	#tag_nr
	{
		float:left;
		width:30px;
		height:100%;		
		border-right:1px solid #00938D;
		
	}
	#tag_wochentag
	{
		float:left;
		width:30px;
		height:100%;
		border-right:1px solid #00938D;
	}
	#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: 75px;
	}	
	#tag_tonnen img
	{
		float:left;
		margin:0 2px 0 0;
	}
	#oben
	{
		clear:both;
		float:left;	
	}
	#logo_swe
	{
		float:left;
		width:200px;
		margin:4px;
	}
	#logo_city
	{
		float:right;
		margin:4px;
	}
	#titel
	{
		float:left;
	}
	#titel h1
	{
		font-size:22px;
		margin:5px;
	}	
	#titel p
	{
		font-size:14px;
		color:#666666;
		margin:5px;
	}
	#info
	{
		clear:both;
		float:left;
		margin:4px;
		padding: 10px 10px 20px 10px;
		width: 596px;
		border:2px solid #00938D;
		font-size:12px;
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari, Chrome */
		-khtml-border-radius:10px; /* Konqueror */
		border-radius:10px; /* CSS3 */	
	}
	#info td
	{
		margin:0;
		padding:0 15px 0 0;
		border-collapse:collapse;
	}
	
	
	#legende
	{
    border: 2px solid #00938D;
    float: left;
    margin: 4px 0 0 4px;
    padding:10px;
    width: 282px;
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari, Chrome */
		-khtml-border-radius:10px; /* Konqueror */
		border-radius:10px; /* CSS3 */		
	}
	
	#legende p
	{
		font-size: 12px;
		margin-top:10px;
	}
	
	#legende img
	{
		height:45px;
	}
	
	#zusatz
	{
	display:none;
    border: 2px solid #00938D;
    background-color: #00938D;
    color: #FFFFFF;
    font-size: 10px !important;
    float: left;
    height: 64px;
    margin: 6px 0 0 4px;
    padding: 0 10px;
    width: 282px;
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari, Chrome */
		-khtml-border-radius:10px; /* Konqueror */
		border-radius:10px; /* CSS3 */		
	}
	#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;
	}
	.so
	{
		color:#333333!important;
		background-color:#00d8cd !important;
		border-bottom:1px solid ##00938D !important;
	}
	.feiertag
	{
		color:#333333!important;
		background-color:#00d8cd !important;	
	}
	.weihnachten
	{
		color:#333333!important;		
		background-color:#00938D !important;	
	}
	.grayline
	{
		border-bottom:1px solid #00938D;
	}
	.entsorgerfarbe_txt
	{
		color:#00938D;
	}
	
#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
{
	font-size:10px;
	width:282px;
	float:left;
    border: 2px solid #00938D;
	margin:4px;
    padding:10px;
		-moz-border-radius:10px; /* Firefox */
		-webkit-border-radius:10px; /* Safari, Chrome */
		-khtml-border-radius:10px; /* Konqueror */
		border-radius:10px; /* CSS3 */		
}

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

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

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

.spacer
{
	clear:both;
	display:block;
	border:1px solid #00938D;
	margin:30px 0;
}


.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

hr.dark {
	color: #00938D;
	border:1px solid #00938D;
	margin:4px 0px;
	width: 100%;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00938D;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00938D;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}