﻿/******************************************************************************
 * @author: Ronny Poller
 * @since: 1.0
 * @description: Wetter
 ******************************************************************************/
div.positions.right .sidebar.weather{position:relative;}
div.positions.right .sidebar.weather .header{display:none;}
div.positions.right .sidebar.weather div.wetterSideBarDiv{
	width:auto !important;
	height:auto !important;
}
div.positions.right .sidebar.weather .wetterStadtBez {
	width: 100%;
	display: block;
	font-weight:bold;
	font-size:1.0em;
	text-transform: uppercase;
	margin:0 0 5px 0;
}
div.positions.right .sidebar.weather .wetterSymbol {
	background-image: url("/Images/1/weatherSymbolBg.png");
	background-position: 75px 12px;
	background-repeat: no-repeat;
	width:94px !important;
	margin:0 5px 0 0;
	overflow: hidden;
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	border: 1px solid #999;
	position: relative;
	top:auto !important;
	left:auto !important;
}
div.positions.right .sidebar.weather .wetterSymbol.item2{
	margin:0;
}

div.positions.right .sidebar.weather .wetterSymbol img.wetterIMG{ margin:0 0 5px 15px;}
div.positions.right .sidebar.weather .wetterSymbol .wetterDatDiv,
div.positions.right .sidebar.weather .wetterSymbol .wetterTempDiv, 
div.positions.right .sidebar.weather .wetterSymbol .wetterFeuchtDiv {
	margin: 2px;
	font-weight: bold;
}
div.positions.right .sidebar.weather .wetterSymbol .wetterTempDiv{
	position:absolute;
	top: 12px; 
	right:22px;
} 
div.positions.right .sidebar.weather .wetterSymbol .wetterFeuchtDiv { 
	position:absolute;
	top: 30px; 
	right:22px;
}

div.positions.right .sidebar.weather .wetterContainer.container0 {
	margin-bottom: 10px;
}
div.positions.right .sidebar.weather .wetterContainer {
	float: left;
	font-size: 0.85em;
	line-height: 1.2em;
}

div.positions.right .sidebar.weather .detailLink {
	display: block;
	height: 160px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10000;
}

div.positions.right .sidebar.weather .wetterlink{ 
	display: inline-block;
	padding: 5px 0 5px 0;
	text-align: center;
	width: 100%; 
}

/* detail */
div.specialcontent {}
div.specialcontent .wetterSymbol, div.specialcontent .wetterSymbolNacht, div.specialcontent .wetterSymbolKarte{
	width: 50px;
	height: 80px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
}
div.specialcontent .wetterSymbol, div.specialcontent .wetterSymbolKarte, div.specialcontent a.wetterSymbolKarte:hover {
	background-color: #fff; border: 1px solid #696969;
}
div.specialcontent .wetterSymbolNacht, div.specialcontent .wetterSymbolKarteNacht, div.specialcontent a.wetterSymbolKarteNacht:hover {
	background-color: #fff; border: 1px solid #696969;
}
div.specialcontent a.wetterSymbolKarte, div.specialcontent a.wetterSymbolKarteNacht {
	text-decoration: none;
	background-image: url("/Images/1/weatherSymbolBg.png");
	background-position: 30px 40px;
	background-repeat: no-repeat;
}
div.specialcontent a.wetterSymbolKarte:hover, div.specialcontent a.wetterSymbolKarteNacht:hover {
	text-decoration: underline;
}
div.specialcontent .wetterStadtDiv {
	position: absolute;
	z-index: 525;
	font-weight: bold;
	height: 20px;
}
div.specialcontent .wetterDatDiv {
	position: absolute;
	top: 2px;
	left: 1px;
	font-weight: bold;
	white-space: nowrap;
	z-index: 600;
}
div.specialcontent .wetterIMG {
	position: absolute;
	top: 5px;
	left: 8px;
	z-index: 550;
}

div.specialcontent .wetterTempDiv {
	position: absolute;
	top: 40px;
	left: 5px;
	font-size: 0.9em;
	font-weight:bold;
	color: #000;
}

div.specialcontent .wetterFeuchtDiv {
	position: absolute;
	font-weight:bold;
	top: 60px;
	left: 12px;
	color: #000;
}

div.specialcontent .wetterStadtBez {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.specialcontent a.wetterlink, div.specialcontent a.wetterlink:hover {
	background: url(/Layout/common/spacer.gif);
	width: 100%;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	display: block;
}

div.specialcontent .wetterDetailKarte {
	position: relative;
	background-image: url("/Images/1/weather/weatherDetail.png") !important;
	top: 0;
	left: 0;
	margin:0 auto;
}
div.specialcontent .wetterStadtContent b {
	display: block;
	margin-top: 20px;
}
div.specialcontent .wetterStadtContent table {
	width: 100%;
}
div.specialcontent .wetterStadtContent table th {
	width: 80px;
	text-align: right;
	background: #F9F9F9;
	padding: 5px;
	font-weight: normal;
}
div.specialcontent .wetterStadtContent table td {
	width: 60px;
	text-align: right;
	background: #F9F9F9 !important;
	padding: 5px;
	text-align: center;
}
div.specialcontent .wetterStadtContent td img{ background-color: transparent !important;width: 32px !important;display: block;margin: 0 auto;}
div.specialcontent .wetterStadtContent table th img {
	margin: 1px 0px 1px 0px;
}
div.specialcontent .wetterStadtContent table th.top {
	background-color: #999;
	width: 50px;
	text-align: center;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
/* Altlasten -> ausmisten */