@-ms-viewport       { width: device-width; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.jumbotron {
            color:#A4999B;

}
.jumbotron { background-color: #c2c9cb;
}
.img-responsive {
    width: 233px;
    margin-bottom:10px;
}
#kalender {float: left;
           padding:10px;
           margin:4px;  
           width:auto;
}

#kalendersmall {float: left;
          overflow: hidden;
           width:auto;
}

 #beschikbaarheidtile .maand {
    margin-left:2px; margin-right: 2px;
    padding:0px;
    border:thin;
    border-color:black;
    width: 75px;
    height:105px;
    float: left;
    line-height:10px; letter-spacing:-1px;
    
   
}
    #beschikbaarheidtile.maand h2 {
        line-height: initial;
        letter-spacing: initial;
        font-size:8px;
        color:darkgoldenrod;
        font-style:oblique;
    }
   #beschikbaarheidtile .status { width: 10px; height: 10px; display: inline-block; text-align:center; 
}
.img-responsive {
    width:auto;
}
.maand {
    margin-left:4px; margin-right: 4px;
    padding:0px;
    border:thin;
    border-color:black;
    width: 180px;
    height:240px;
    float: left;
    line-height:20px; letter-spacing:-3px;
   
    
   
}
    .maand h2 {
        line-height: initial;
        letter-spacing: initial;
        font-size:16px;
        color:darkgoldenrod;
        font-style:oblique;
    }
.maandsmall {
    margin-left:10px;  margin-right:10px; 
    padding:0px;
    border:none;
    border-color:black;
    width: 180px;
    height:212px;
    float:left;
   
   
}

    .maandsmall h2 {
        line-height: initial;
        letter-spacing: initial;
        font-size:18px;
        color:darkgoldenrod;
        font-style:oblique;
    }

.legenda { min-width:150px; min-height:60px;}
.legenda,
.legenda div {font-size:11px;
float:left;

}

.blink {text-decoration:underline;
}
.right {display: inline-block; float:right;
}

.statussmall { width:20px; height: 20px; display: inline-block; text-align:center; font-size:11px; padding-top:5px; margin:1px; 
}

.statusxsmall { width: 10px; height: 10px;  text-align:center; font-size:6px; padding-top:2px;margin-top:4px; margin-right:4px;
}
.status { width: 20px; height: 20px; display: inline-block; text-align:center; 
}

.status0 {color:white;background-color:lightblue;text-decoration:line-through;
}
.status1 {color:white;background-color:purple; 
}
.status2 {color:white;background-color:red;
}
.status3 {color:white;background-color:orange;
}

.status4 {    color: white;    background-color: green;
}
.status5 {    color: white;    background-color: blue;
}
.status6 {color:blue;background-color:yellow; 
}

.statusb { background-color: lightgrey;
}
.statusl { background-color:darkgoldenrod; color:white;
}

.color-1 { width:150px;display: inline-block; margin-top:10px;
}
.color0 {color:white;background-color:lightblue; width:150px;display: inline-block; margin-top:10px;
}
.color1 {color:white;background-color:purple; width:150px;display: inline-block;margin-top:10px;
}
.color2 {color:white;background-color:red; width:150px;display: inline-block;
}
.color3 {color:white;background-color:orange;width:150px;display: inline-block;
}
.color4 {color:white;background-color:blue;width:150px;display: inline-block;margin-top:10px;
}
.color5 {color:white;background-color:green;width:150px;display: inline-block;margin-top:10px;
}
.color6 {color:blue;background-color:yellow;width:150px;display: inline-block;margin-top:10px;
}


#wxWrap {
    width: 350px;
    background: #EEE; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(240,240,240,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
    padding: 2px 13px 2px 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#wxIntro {
    display: inline-block;
    font: 14px/20px Arial,Verdana,sans-serif;
    color: #666;
    vertical-align: top;
    padding-top: 9px;
}
#wxIcon {
    display: inline-block;
    width: 61px;
    height: 34px;
    margin: 2px 0 -1px 1px;
    overflow: hidden;
    background: url('http://l.yimg.com/a/lib/ywc/img/wicons.png') no-repeat 61px 0;
}
#wxIcon2 {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 1px 6px 0 8px;
    overflow: hidden;
}
#wxTemp {
    display: inline-block;
    font: 20px/28px Arial,Verdana,sans-serif;
    color: #333;
    vertical-align: top;
    padding-top: 5px;
    margin-left: 0;
}