/* WEER */
body .box-weather 
{
	position:relative;

    a.prev, 
    a.next 
    {
	    width:36px;
	    height:38px;
	    position:absolute;
	    top:-15px;
	    overflow:hidden;
	    text-indent:-9999px;
	    cursor:pointer;

	    &.disabled
        {
		    display:none;
	    }
    }
    a.prev 
    {
	    left:-15px;
        background:url(img/base/paging/foto/pc/button_foto_bladeren_links.png) no-repeat left top;
    }
    a.next 
    {
	    right:-15px;
        background:url(img/base/paging/foto/pc/button_foto_bladeren_rechts.png) no-repeat left top;
    }

	h3
	{
		color: @pv-weather-h3-color;
	}

    h3.climate
    {
		font-size:18px;
		margin:20px 0 0 0;
		color: @pv-weather-h4-color;
	}

}

table.weather-forecast 
{
    margin:0 0 10px 0;
    border-collapse:collapse;
    border-spacing:0px !important;

	.hidden-phone 
    {
		display:inline-block;
	}

    tr
    {

        td 
        {
            text-align:center;
            height:29px;
            padding:0;
            margin:0;
			@pv-weather-cell();

            &:first-child 
            {
                font-weight:bold;
                border-left:none;
                text-align:left;
                padding-left:4px;
		        padding-right:4px;
            }

            &:last-child { border-right:none; }
        }

        &.type td 
        { 
            border-bottom-color:#fff; 

            &:first-child { border-bottom: none; }
        }
    }

    .forecast 
    {
		width:70px;
        background:@pv-weather-forecast-background; 

        &.date 
        { 
            font-size:12px;
            text-transform:uppercase;
            background:none; 
        }

        &.weather 
        { 
			@pv-weather-icon-backgound();

            &.grey 
            { 
				@pv-weather-icon-backgound-grey();
            }
        }
    }

    .header td { border:none; }
    .label { width:95px; }

    span.rain 
    {
	    width:9px;
        height:14px;
        overflow:hidden;
        text-indent:-9999px;
        float:left;
        margin-right:4px;
        background: url(img/base/ico/ico_regen.png) no-repeat left top;
    }
}

/* Climate */
.weather-climate 
{
	margin-bottom:10px;

    th 
    {
        font-size:14px;
        text-transform:uppercase;
        padding:11px 0 11px 5px;
    }

    td 
    {
	    padding:7px 7px;
	    width:44px;
	    height:16px;
	    text-align:center;
		@pv-weather-climate-cell();

	    &:last-child 
        {
		    border-right:none;
	    }

	    &.month 
        {
		    width:94px;
		    padding-left:4px;
		    padding-right:4px;
		    border-right:none;
		    text-align:left;
		    font-weight:bold;
			@pv-weather-climate-month-cell();
	    }

	    &.temperature 
        {
		    width:107px;
	    }

	    &.rainfall 
        {
		    width:106px;
	    }
    }

    &.temperature .thermometer 
    {
	    width:106px;
	    height:9px;
	    position:relative;
	    
		@pv-weather-climate-thermometer();

	    .bar 
        {
		    position:absolute;
		    top:1px;
		    left:1px;
		    height:7px;
		    .border-radius(3px);

            &.t10 { background-color: #46b5ff; }
		    &.t20 { background-color: #a4dbff; }
		    &.t30 { background-color: #ffff66; }
		    &.t40 { background-color: #ffcc00; }
		    &.t50 { background-color: #ff9900; }
		    &.t60 { background-color: #ff6600; }
		    &.t70 { background-color: #ff0000; }
		    &.t80 { background-color: #b91e1e; }
		    &.t90 { background-color: #992ba2; }
		    &.t100 { background-color: #660099; }
	    }
    }

    &.rainfall
    {
        ul.rainy-days li 
        { 
            float:left;

            .day 
            {
		        width:9px;
		        height:16px;
		        display:block;
                background: url(img/base/ico/ico_drup_leeg.png) no-repeat 0 0;

                &.rain { background:url(img/base/ico/ico_drup_vol.png) no-repeat 0 0; }
	        }
        }

        td.rainfall { border-left:1px solid #fff; }
    }
}

.weather span 
{
	display:block;
	width:50px;
	height:40px;
	overflow:hidden;
	text-indent:-9999px;
	margin:0 auto;
    background: url(img/base/ico/weer_iconen.png) no-repeat left top;
    background-position:50px 0;

	&.sunny { background-position:0 0; }
	&.sunnyintervals { background-position:-50px 0; }
	&.whitecloud { background-position:-100px 0; }
	&.blacklowcloud { background-position:-150px 0; }
	&.mist { background-position:-200px 0; }
	&.fog { background-position:-250px 0; }
	&.lightrainshowers { background-position:-300px 0; }
	&.heavyrainshowers { background-position:-350px 0; }
	&.lightsnowshowers { background-position:-400px 0; }
	&.heavysnowshowers { background-position:-450px 0; }
	&.sleetshowers { background-position:-500px 0; }
	&.thunderyshowers { background-position:-550px 0; }
	&.cloudywithlightrain { background-position:-600px 0; }
	&.cloudywithheavyrain { background-position:-650px 0; }
	&.cloudywithlightsnow { background-position:-700px 0; }
	&.cloudywithheavysnow { background-position:-750px 0; }
	&.cloudywithsleet { background-position:-800px 0; }
	&.thunderstorms { background-position:-850px 0; }
}