/*******************************************************
All
*******************************************************/
div.clearer{
    clear:both;
}

/*******************************************************
Small & Large
*******************************************************/
div.weathWrapSmall, div.weathWrapLarge{
    position:relative;
}

div.weathWrapLarge div.timeWrap{
    float:left;
}

div.weathWrapSmall p.forecast, div.weathWrapLarge p.forecast{
    font-size:12px;
    line-height:14px;
}


div.weathWrapSmall a.forecast, div.weathWrapLarge a.forecast{
    margin-left: 15px;
}

div.rechts div.weathWrapLarge a.forecast {
	background:url("../../img/button_blue.png") repeat scroll 0 0 transparent !important;
  border:0 none;
  color:#FFFFFF;
  display:block;
  font-weight:bold;
  line-height:30px;
  margin:5px 10px 0;
  padding:0 10px;
	}

div.weathWrapSmall a.copy, div.weathWrapLarge a.copy{
    text-decoration:none !important;
    position:absolute;
    top:0px;
    right:10px;
    background:none;
}

div.weathWrapSmall div.temperature, div.weathWrapLarge div.temperature{
  clear:both;
}

div.weathWrapSmall img, div.weathWrapLarge img{
}

div.rechts div.weathWrapLarge h1 {
	margin: 0 10px 10px 10px;
	color: #0076b6;
	}

div.rechts div.weathWrapLarge div.clearer {
	margin: 0 10px;
	}

div.rechts div.weathWrapLarge div.timeWrap {
	margin-left:35px;
  text-align:center;
	}

div.rechts div.weathWrapLarge {
	overflow: hidden;
	}

div.rechts div.weathWrapLarge div.temperature p{
  text-align:center;
	}

/*******************************************************
Tip
*******************************************************/
div.weathWrapTip{
    position:relative;
}

div.weathWrapTip h1{
    color:#0076B6;
}

div.weathWrapTip p{
    font-size:12px;
    text-align:left;
    float:left;
    margin-bottom:10px;
    padding:0 17px;
}

div.weathWrapTip img{
  border:1px solid #E7E6E2;
  margin:0 0 10px 15px;
  padding:5px;
  /*width:270px;*/
}

div.weathWrapTip a.copy{
  background:none repeat scroll 0 0 transparent;
  position:absolute;
  right:10px;
  text-decoration:none !important;
  top:0;
}

div.blau_voll div.weathWrapTip a.copy{
    background:none repeat scroll 0 0 transparent;
    position:absolute;
    right:10px;
    text-decoration:none !important;
    top:0;
}

div.blau_voll  div.weathWrapTip img{
  margin:10px 0px 10px 20px;
}



/*******************************************************
Complete Vertical
*******************************************************/
div.weathWrapCompleteV{
    width:100%;
    position:relative;
    margin:5px 0px 5px 0px;
    border: 1px solid #86B310;
    color:#444444;
}

div.weathWrapCompleteV h1{
    font-size:18px;
    font-weight:bold;
    margin:10px 0px 0px 1%;
    padding:0px;
    width:100%;
    text-align:left;
}

div.weathWrapCompleteV h2.dateForecast{
    font-size:16px;
    font-weight:bold;
    padding:0;
    width:100%;
    text-align:center;
}

div.weathWrapCompleteV div.dayWrap{
    width:23%;
    float:left;
    margin:10px 1% 0 1%;
    text-align:center;
}

div.weathWrapCompleteV div.dayWrap div.symbol{
    float:left;
    text-align:center;
}

div.weathWrapCompleteV div.dayWrap div.symbol img{
    margin:0px !important;
    padding:0px !important;
}

div.weathWrapCompleteV div.dayWrap p{
    font-size:12px;
    padding:5px 0px 5px 0px;
}

div.weathWrapCompleteV div.dayWrap p.forecast{
    text-align:left;
}

div.weathWrapCompleteV a.copy{
    text-decoration:none !important;
    position:absolute;
    top:15px;
    right:5px;
    color:#86B310 !important;
}

/*******************************************************
Complete Horizontal
*******************************************************/
div.weathWrapCompleteH{
    position:relative;
    margin:5px 0px 5px 10px;
    /*border: 1px solid #86B310;*/
    color:#444444;
}

div.weathWrapCompleteH h1{
    font-size:18px;
    font-weight:bold;
    margin:10px 0px 0px 1%;
    padding:0px;
    text-align:left;
    float:none;
}

div.weathWrapCompleteH h2.dateForecast{
    font-size:16px;
    font-weight:bold;
    padding:0;
    text-align:left;
}

div.weathWrapCompleteH div.dayWrap{
    text-align:center;
    border-bottom: 1px dotted #0076B6;
    margin:5px 0px 0px 0px;
}

div.weathWrapCompleteH div.dayWrap div.left{
    float:left;
    text-align:left;
    width:220px;
}

div.weathWrapCompleteH div.dayWrap div.left div.symbol{
    float:left;
    text-align:center;
    margin:0px 5px 0px 5px;
}

div.weathWrapCompleteH div.dayWrap div.left div.symbol img{
    margin:0px !important;
    padding:0px !important;
}

div.weathWrapCompleteH div.dayWrap div.right{
    float:left;
    text-align:left;
    width:380px;
    margin-left:10px;
}

div.weathWrapCompleteH div.dayWrap p{
    font-size:12px;
    padding:0px 0px 5px 0px;
}

div.weathWrapCompleteH div.dayWrap p.forecast{
    text-align:left;
}

div.weathWrapCompleteH a.copy{
    text-decoration:none !important;
    position:absolute;
    top:0px;
    right:5px;
    background:none;
}

/*******************************************************
Map
*******************************************************/
div#map_canvas{
  margin:0px 10px;
  width:auto !important;
}