@charset "utf-8";
/* CSS Document */
#widgetitemsarea {
width: 150px;
bottom: 64px;
right: 40px;
position: absolute;
max-height: 700px;
}


.widget {width:150px; color:#fff;padding:0;margin:8px 0 0 0; border-style:solid; border-width:0 0 3px 0; min-height:70px;display: block;
cursor: moveX;
}
.widget a {color:white;}
.widget-head {background: rgba(0,0,0,0.8); height:20px; line-height:20px;vertical-align:middle; display:table-cell;width:150px;}
.widget h4 {font-size: 0.70em; padding:2px 8px 2px 8px; margin:0; text-transform:uppercase}
.widgetbox {width:74px;float:left;background: rgba(255,255,255,0.8) }
.widget-body {background: rgba(0,128,196,0.8); min-height:47px;width:150px; }
.widgetbox p{margin:0; padding:4px 8px 2px 8px}

#widget-openhours .widget-body span {line-height:40px; vertical-align:middle}
#widget-visitors .widget-body div {padding:8px 8px 0 8px;}
#widget-visitors span {background-color:#000;color:white;padding:2px; margin:1px; padding:3px;}

#widget-weather .widgetbox { background: rgba(255,255,255,0.8);color:black;}



#widget-openhours .widget-body, #widget-visitors .widget-body { background: rgba(255,255,255,0.8);color:black;}

@media only screen and (max-width: 1024px) {
#widgetitemsarea {
bottom: 20px;
}

}