@charset "utf-8";
/* CSS Document */

body {
	background: url(../images/background_smartphone.jpg) no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

#container {
	width: 100%;
	margin: 0px;	
}

#header {
	margin: 14px auto 10px auto;	
	width: auto;
}
#header a.logo {
	display: block;
	background: url(../images/logo_smartphone.gif) center no-repeat;
	width: auto;
	height: 93px;
	float: none;
	clear: both;
}
#erlenweiher {
	display: none;
}
#contentSlider {
	height: auto;
	width: auto;
	float: none;
	clear: both;
	margin-bottom: 20px;
}

#content {
	padding: 10px;	
}
#content p {
	line-height: 1.4em;	
	font-size: 13px;
}
#content_tempanzeige .intro {
	font-size: 16px;	
	padding: 4px 0px 20px 0px;
}
#content_tempanzeige .tempanzeige {
	position: static;	
}
#content_tempanzeige .tedenz {
	position: static;
	float: left;
	width: 30%;
	
	font-size: 100px;
	text-align: center;
}
#content_tempanzeige .steady {
	margin-top: 20px;
	margin-left: -10px;
}
#content_tempanzeige .upOrDown {
	padding-left: 10px;
	width: 25%;
}
#content_tempanzeige .gradzahl {
	position: static;
	float: left;
	width: 70%;
	padding-top: 20px;
	font-size: 80px;
}
#content_tempanzeige .fisch {
	position: static;
	width: 280px;
	margin: 0px auto;
}
#content_legende .intro {
	margin-bottom: 20px;
}
#content_legende .intro p {
	margin-bottom: 10px;
}
#content_legende .kalt,
#content_legende .warm {
	width: auto;
	float: none;
	text-align: center;
	margin-bottom: 30px;
}
#content_legende .kalt img {
	margin: 3px 0px 3px 0px ;	
}


#content_tempverlauf table {
	width: 90%;
	margin-left: 4%;
}
#content_tempverlauf tr.dark {
	background: rgba(0,0,0,.1);
}
#content_tempverlauf tr.light {
	background: rgba(102,102,102,.05);
}
#content_tempverlauf th {
	padding: 5px 8px;
	font-style: italic;
}
#content_tempverlauf td {
	padding: 5px 8px;
	text-align: center;
}

#navigation,
#currentTempInfo {
	width: auto;
	float: none;
	border: 0px;
	padding: 20px 0px 0px 0px;
	border-top: 1px rgba(153,153,153,1) dashed;
}

#navigation a {
	width: 90%;
	padding: 6px 14px;
	margin: 0px 0px 10px 0px;
	font-size: 24px;
}

#currentTempInfo {
	display: none;
}

#footer header {
	float: none;
	clear: both;
	width: auto;
	margin-bottom: 30px;
}
#footer aside {
	display: none;
}