#rorliga_rutor
{
	visibility:hidden;
}

#just_nu
{
	color:#F00;
	font-size:16px;
	padding-bottom: 10px;
	padding-left: 10px;
	visibility:hidden;
}

/*
#matvarden
{
	position:relative;
	left: 50px;
	top: 10px;
	font-weight:bold;
	width:600px;
	align:left;
}
*/

#matvarden 
{
	color:#000;
	padding-left:0px;
	font-size:14px;
	width:500px;
	position:absolute;
	left:20px;
	top: 155px;
}


/*****************************************************/




/****************************************************/





#mat_fuktighet
{
	margin-right:20px;
}

#drauppmaning
{	
}

body
{
      /*background:red;*/
      background:url("../img/lol.png");
      font-family:"Verdana", sans-serif;
      font-size:12px;
      color: #333;
	  margin:0px;									/*------------------------------------*/
	  padding:none; 							/*------------------------------------*/

}


/* html element */

a:link
{
    color:#333;
}

a:visited
{
    color:#333;      
}

a:hover
{
    color:#666;      
}

a:active
{
    color:#333;      
}

ul
{
    margin:0;
    margin-left:20px;
    padding:0;
    list-style:none;
}

/*behållare*/

#wrapper
{
    /*width:960px; */
	min-width:550px; /*700*/
	max-width:960px;
    margin:auto;
	padding:0px;
	/*border:10px solid green;*/
	overflow-x: hidden;    /*  <-------------- fixar anpassningen till mobilskärmar */
}


#header
{

	background:url("../img/header_background.png");
	background-repeat:no-repeat;
	background-position:left 0px top 0px;
	height:200px;
	position:relative;
	z-index:2;
	border:1px solid #beebe8;
	
}

#content
{
    background:#FFF;
    border:1px solid #beebe8;
	margin-top:0px;
}

#footer
{
    clear:both;
    height:40px;
    background:#dfeeff;
    text-align:center;
    padding-top: 20px;
	text-decoration: none !important;	
}

#footer a
{
	text-decoration: none !important;	
}

p
{
    margin:10px;
    margin-left:30px;
    line-height: 18px;
}

#footer p
{
    margin:0;
    margin-bottom:10px;
	
}
 

#kompass
{
    height:190px;
    width:195px;
    position:relative;
    float:right;
	clear:both;
	margin-right:30px;
    top:20px;
    overflow:hidden;
    z-index:2;
    background:url('../img/baro_back_test.png');
    background-size: 190px;
    background-repeat: no-repeat;   
}


/* meny */

#navigation
{
    height:32px;
	width:100%;
     /*background:green;------------------------------------*/
	margin-top:0px;
}

#navigation ul li
{
    font-weight: bold;

}

#navigation li a
{
	color: #000;
	float:left;
	width:90px;
	height:15px;
	text-align:center;
	background:#92d5f4;
	margin-left:4px;
	padding:2px;
	text-decoration: none;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin-top:12px;
}

#navigation #long_nav a
{
    width:160px;
}

#navigation .selected_li a
{
	position:relative;
	top:0px;
	height:23px;
	background:#dfeeff;
	
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
	
	margin-top:4px;
	z-index:10;
}

#navigation .selected_li_long a
{
    position:relative;
    top:-3px;
    height:19px;
    background:#B6ECF8;
}

/* slut meny */

#needle_img
{
    width:190px;
    position:absolute;
    top:80px;
}

#minikompass
{
    width:40px;
    position:absolute;
    top:32px;
    left:87px;
}

#minikompass_img
{
}

#grafinfo
{
	font-size:14px;
	align:left;
	padding:5px;
	margin-left:10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}



.wordcloud
{
    width:200px;
    height:190px;
    position:absolute;
    z-index:1;
    top:0;
}

#wordcloud1
{
    left:420px;

}

#wordcloud2
{
    left:710px;

}

.weatherwords
{
    position:absolute;
    color:white;
}

.importance1
{
    font-size:22pt;
    opacity:1.0;
}

.importance2
{
   font-size:22pt;
   opacity:0.15; 
}

.importance3
{
  font-size:22pt;
  opacity:0.1;  
}

#comp_text
{
    text-align:left;
    z-index:3;
	color:#F00;
    width:215px;
    height:90px;
    position:absolute;
    left:35px;
    top:10px;
    font-weight:bolder;
	padding:0px;
	
}



#comp_text p
{
    margin:0;
}

#comp_vindstyrka 					
{ 
	font-size:18px;
	position:relative;
	left: -10px;
	top:105px;
	width:150px;
	color:#F00;
	text-align:center;
	font-weight: bold;
}

#comp_temp
{
	position:absolute;
    font-size:20pt;
	padding: 5px;
	top:35px;
	left:15px;
}

#comp_upplevs
{
   font-size:12pt; 
   
   position:absolute;
   top:100px;
}

#comp_vindavkylning
{
   font-size:12pt;  /*9*/
   
   position:absolute;
   top:70px; /*80*/
   width:300px;
   left:20px;
}

#comp_nederbord
{
   font-size:12pt; 
	position:absolute;
	top:110px;
	left:20px;
   
}


#klocka
{
	/*float:right;*/
	color:#333;
	position: relative;
	z-index: 4;
	/*left: 2px; */
	top: 5px;
	left: 55px; /*100*/
	font-weight: bold;
	font-size:13pt;
}

#koordinater
{
	float:right;
	position:relative;
	top:-12px;
	/*left:430px; */
	font-weight:bold;
	width:150px;
	height:50px;
	text-decoration:none;
	
}

#koordinater a
{
	text-decoration:none;	
}
	
.tooltip {
    position: relative;
    display: inline-block;
   
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: -5px;
    right: 105%;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}


#besoksraknare
{
    left:4px;
    top:20px;
    position:absolute;
}

#ord_hogtryck{top:70px; left:-90px;}
#ord_kallt{top:200px;left:30px;}
#ord_varmt{top:40px;left:-40px;}
#ord_lagluftfukt{
	top: 200;
	left: -110px;
}
#ord_blasigt{top:120px; left:-70px;}
#ord_lagtryck{top:10px;left:105px;}
#ord_kallt{
	top: 10px;
	left: -20px;
}
#ord_hogluftfukt{top:60px;left:0px;}
#ord_vindstilla{
	top: 130px;
	left: 35px;
}
   

#historik_info
{
	font-size:12px;
	margin-top:30px;
}



/* infosidan-----------------------*/   

#textbild{
	height:auto;
}

.imagefloatleft
{
  float:left;
    margin: 45px 20px 20px 30px;
	border:0.5px solid black;
height:348px;
}

    
.textfloatleft 
{
    float:left;
    margin-top: 30px;
    width: 500px;
	
}

.lista{
  list-style-type: disc;
  margin-left: 60px; 
  line-height: 20px; 
}



.linklista{
  list-style-type: disc;
  margin-left: 60px; 
  line-height: 20px; 
}

.linklista li:last-child {
  margin-bottom:20px;
}



.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
}
.clearfix {
    display: block;
}

h1{ margin-left: 30px;}


.infoFix{
	height:inherit !important;
	}