img {border:none;}

a.icon, div.icon {
display:block;position:absolute;height:60px;font-weight:100;
}
a.icon:hover {
text-decoration:none;
}
a.icon:hover .name {
text-decoration:underline;
}
a.icon span.name, .name, div.icon span.name {
color:#fff;font-size:9px;background:transparent;padding:1px 3px;
text-align:center;
background:#3a6e99;
border:1px solid #7eaed6;
}

.icon img {left:0;}

 div.icon a {
 color:#fff;
 }
h1.weatherh1 {
border-bottom:3px solid silver;
color:#868686;
font-family:Arial,Helvetica,sans-serif;
font-size:20px;
font-weight:700;
margin:0 0 5px;
padding:0 0 2px 2px;
background:none;
}
.minmax {
font-size:8px;color:#fff;text-align:center;background:#0099ff;
width:30px;margin-left:37px;
}
.max {background:#cc3333;}
.current {
font-size:15px;
line-height:20px;
color:#fff;
width:30px;margin-left:30px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
/*background:#15436a;*/
z-index:2
}

.wetterProgIcon {
height: 30px;
text-align:center;
background:#e6ebf0;
}

.wetterProgTag {
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:3px;
background:#2a608c;
color:#fff;
text-align:center;
width: 90px;
}

.wetterPrognose{
margin-top:20px;
}

.wetterPrognose td {
width:93px;
}

.wetterPrognoseOrt {
border-bottom:3px solid silver;
color:#868686;
font-family:Arial,Helvetica,sans-serif;
font-size:15px;
font-weight:700;
margin:0 0 5px;
padding:0 0 2px 2px;
background:none;
}

.wetterPrognoseOrt a {color:#868686;}

.wetterProgMinMax {
text-align:center;
}

.wetterProgMinMax .min {
float:left;width:50%;text-align:center;color:#fff;background:#0099FF;
}

.wetterProgMinMax .max {
float:left;width:50%;text-align:center;color:#fff;background:#CC3333;
}

.wetterProgStatus {
text-align:center;
font-size:9px;
padding:2px 0;
background:#e6ebf0;
}

.wetterToptext {
background:#b1cae0;
text-align:center;
padding:5px 0;
}


.wetterProgtext {
padding:20px 10px;
background:#164670 url(/files/wetter/img/prog_bg.jpg) no-repeat left bottom;
color:#fff;
font-size:13px;
line-height:18px;
}

#wetterProgtext2 {
margin-top:20px;
}

#s4 div.s4_weather {background:#fff;margin-bottom:15px;}

#s4 div.s4_weather h2 {
}

#s4 div.s4_weather li {
font-size:12px;
line-height:16px;
padding:3px 10px;
}

div.s4_weather p.arrow {
background:none;
}


/* ----- tool tip specific styles ----- */
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #C0C09F;
padding: 6px 0px 0px 10px;
background: #FFFFCC url(/portal/fragments/wetter/templates/tooltipbg.png) repeat-x left bottom;
visibility: hidden;
z-index: 799;
-moz-opacity:.9; 
filter:alpha(opacity=90);
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 800;
visibility: hidden;
}

#theToolTip p{
font-size: 10px;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 11px;
color: #592C16;
margin-right:10px;
}