.parent {position: absolute;visibility: hidden;left: 0;top: 0;}

.child {position: absolute;visibility: hidden;left: 0;top: 0;}

BODY {
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-left:5px;
	margin-top:5px;
	margin-right: 0px;
	margin-bottom: 0px;
}
p {
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}


A {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #336699;
	text-decoration: none;
	font-size: 100%;
}

A:HOVER {
	text-decoration: underline;
	font-size: 100%;
	color: #003366;
	}
	

A.smallmenutitle:HOVER {
	text-decoration: underline;
	font-size: 71%;
	}
	
A.bigmenutitle:HOVER {
	text-decoration: underline;
	font-size: 71%;
	}

A.headmenutitle:HOVER {
	text-decoration: underline;
	font-size: 71%;
	}	
	
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	color : #336699;
}

h2 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 115%; 
	color : #336699;
}

h3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%; 
	color : #336699;
}

h4 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; 
	color : #000000;
}

h5 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%; 
	color : #336699;
}

h6 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%; 
}
li { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-image: url(../images/grafik/listdot.gif);
	font-size: 90%;
}
	/* Används på knappar i topmenyn */
	a.menu01{
		color :#FFFFFF;
		background-color : #003366;
		font-family:Arial, bold, sans-serif;
		font-size : 66%;
		height:12px;
		margin:1px 1px 1px 1px;
		line-height:100%;
		padding: 2px 7px 2px 7px;
		text-align:left;
		text-decoration:none;
	}
	
	a.menu01:hover{
		background-color : #6699CC;
		text-decoration:underline;
	}
	a.menu01:focus {
		background-color : #6699CC;
	}
	
	/* Används på rubriken i toc-left */
	.bigmenutitle {
		color:#FFFFFF; 
		font-family: Arial, Helvetica, sans-serif; 
		font-size:70%; 
		font-weight:bold; 
		text-decoration:none;
		line-height:110%;
		padding: 5px 7px 5px 7px;
		margin:0px 0px 1px 0px;
		background-color : #6699CC;
		width: 140px;
	}

	/* Används på andra nivån i toc-left */
	.toc-left02{
		background-image : url(../images/grafik/menypil.gif);
		background-color : #336699;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: bold;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 3px;
		text-align:left;
		text-decoration:none;
		width: 140px;
		border-bottom: #FFFFFF;
		border-bottom-width: medium;
	}
	.toc-left02:hover{
		background-image : url(../images/grafik/menypil.gif);
		background-color : #6699CC;
		background-repeat : no-repeat;
		background-position:top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: bold;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 3px;
		text-align:left;
		text-decoration:underline;
		width: 140px;
	}
	
	.toc-left02:a:focus{
		background-image : url(../images/grafik/menypil_ned.gif);
		background-color : #6699CC;
		background-repeat : no-repeat;
		background-position:top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: bold;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 3px;
		text-align:left;
		text-decoration:none;
		width: 140px;
	}

		/* Används på tredje nivån i toc-left om det finns avdelnigar under*/
	.toc-left03{
		background-image : url(../images/grafik/menypil.gif);
		background-color : #336699;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: normal;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 10px;
		text-align:left;
		text-decoration:none;
		width: 140px;
	}
	.toc-left03:hover{
		background-image : url(../images/grafik/menypil.gif);
		background-color : #336699;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: normal;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 10px;
		text-align:left;
		text-decoration:underline;
		width: 140px;
	}
	.toc-left03:a:focus{
		background-image : url(../images/grafik/menypil_ned.gif);
		background-color : #6699CC;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: bold;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 10px;
		text-align:left;
		text-decoration:underline;
		width: 140px;
	}
	
			/* Används på tredje nivån i toc-left när det INTE finns avdelningar under*/
	.toc-left03-nodep{
		background-color : #336699;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: normal;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 10px;
		text-align:left;
		text-decoration:none;
		width: 140px;
	}
	.toc-left03-nodep:hover{
		background-color : #336699;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: normal;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 10px;
		text-align:left;
		text-decoration:underline;
		width: 140px;
	}
	.toc-left03-nodep:focus{
		background-color : #6699CC;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: bold;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 10px;
		text-align:left;
		text-decoration:underline;
		width: 140px;
	}
			/* Används på fjärde nivån i toc-left om det finns avdelnigar under*/
	.toc-left04{
		background-color : #336699;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: normal;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 20px;
		text-align:left;
		text-decoration:none;
		width: 140px;
	}
	.toc-left04:hover{
		background-color : #336699;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: normal;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 20px;
		text-align:left;
		text-decoration:underline;
		width: 140px;
	}
.toc-left04:focus{
		background-color : #6699CC;
		background-repeat : no-repeat;
		background-position: top;
		color : #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size : 66%;
		font-weight: bold;
		height:12px;
		margin:0px 0px 1px 0px;
		line-height:110%;
		padding: 5px 13px 3px 20px;
		text-align:left;
		text-decoration:underline;
		width: 140px;
	}	

	/* Används på länkarna i sidfoten */
	.footmenu {
	font-family: Arial, Helvetica, sans-serif; 
	color:#336699; 
	font-size:70%; 
	line-height:16px; 
	text-decoration:none; 
	margin:0px 10px 0px 10px;
} 
	.footmenu:hover{
	font-family: Arial, Helvetica, sans-serif; 
	color:#336699; 
	font-size:70%; 
	line-height:16px; 
	text-decoration:underline; 
	font-weight:normal;
	margin:0px 10px 0px 10px;
} 
	.footmenu:focus{
	font-family: Arial, Helvetica, sans-serif; 
	color:#336699; 
	font-size:70%; 
	line-height:16px; 
	text-decoration:underline; 
	font-weight:bold;
	margin:0px 10px 0px 10px;
} 
	
	
	
	/* Används på understa raden i vanstermenyn */
	.td{padding:0px;} 

	/* Används på lasmermenyn*/
	.lasmertabell{color:#000000;border:1px solid #336699; padding:0px;}
/*SLUT-klasser som används för att formatera menyerna*/ 


/* Används på puff-titlar */
.pufftitle{
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 100%; font-weight:bold;
}

h1.articletitle{
	color:#336699; font-family:Arial, Verdana, Geneva, Sans-serif; 
	font-size:110%; font-weight:bold;  margin-bottom:3pt; margin-top:0pt;
	padding:2px 2px 2px 0px;
	line-height: 100%;
}
h2.articletitle{
	color:#336699; font-family:Arial, Verdana, Geneva, Sans-serif; 
	font-size:90%; font-weight:bold;  margin-bottom:2pt; margin-top:0pt;
	padding:2px 2px 2px 0px;
	line-height: 100%;
}
h2.th_rubrik{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	margin-bottom:0pt; 
	margin-top:0pt;
}

/* Används på brödtexten i artiklarna, samt på artiklarnas beskrivning. */
.articletext {
	color:#000000; font-family:Verdana, Arial, Geneva, Sans-serif; 
	font-size:71%; font-weight:normal; line-height:120%;
} 

a.articletext {color:#336699; font-size:100%; text-decoration:none; }
a.articletext:hover {color:#003366; text-decoration:underline;}
a.articletext:focus {color:#336699; font-size:100%; text-decoration:none; }
a.articletext:visited {color:#336699; font-size:100%; text-decoration:none; }
a.articletext:link {color:#336699; font-size:100%; text-decoration:none; }

p.articletext{ 
	color:#000000; font-family:Verdana, Arial, Geneva, Sans-serif; 
	font-size:71%; font-weight:normal; line-height:120%;
}

h1.articletext {
	color:#000000; font-family:Arial, Verdana, Geneva, Sans-serif; 
	font-size:100%; font-weight:bold; margin-bottom:0pt;
	padding-bottom: 0px;
} 

/* Används på artikel-titlar 1 */

.articletitlebig{
	color:#336699; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 150%; font-weight:bold;
}
.articletitle{
	color:#336699; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 150%; font-weight:bold;
}
/* Används på artikel-titlar 2  */
.articletitle2{
	color:#336699; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 110%; font-weight:bold;
}
/* Används på artikel-titlar 2  */
.articletitle3{
	color:#336699; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 90%; font-weight:bold;
}

.articletitle4{
	color:#000000; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 80%; font-weight:bold;
}

.applikationsnamn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #336699;
}

.varningpuff {
	font-family:Verdana, Arial, Geneva, Sans-serif; 
	font-size:71%; font-weight:normal; line-height:120%;
} 
	/* Används på styckerubrik1 */
.styckerubrik1{
	color:#000000; font-family:Arial, Helvetica, sans-serif; 
	font-size:100%; font-weight:bold; line-height:1.5;
}
	/* Används på uppdaterad/granskad */
.update { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic;
	padding-left: 6px;
	color: #656565;
}

.updateServiceRubrik { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: bold;
	color: #4E4E4E;
}
.updateService { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic;
	color: #656565;
}
	/* Används på kontaktinformation */
.contactinfo { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic;
	padding-left: 6px;
	color: #656565;
}

	/* Används på linje över kontaktinfo*/
.articlefootline {
	border: thin dotted #F1F1F1;
	margin-left:6px;
}
	/* Används på författarnamn */
.byline { 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: italic;
	padding-left: 6px;
}
	/* Används på bildtext */
.bildtext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%; font-style: italic; 
}
	/* Används på brödtexten i artiklarna, samt på artiklarnas beskrivning. */
.text {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
	/* Används på alla vidarelänkar som hör till artiklar i content.jsp */
.sidfot {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
}
/* Används på artiklarnas ingresser */
.ingress {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 71%; 	font-weight: bold; 
}
	/* Används på submeny 3 och ner */
.submenu {
	border: 1px solid #336699;
}

	/* Används på rubrik till submeny */
.submenuhead {
	background-image: url(../images/grafik/cell_bkg2.gif);
}

	/* Används på alla vidarelänkar som hör till artiklar i content.jsp */
.submenulink {color:#336699; font-family:Verdana, Geneva, Sans-serif; font-size:70%; text-decoration:none; }

	/* Används på rubriker i länkruta/smhi.com */
.submenurub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #FFFFFF;
	font-weight: bold;
}
	/* Används på rubriker i länkruta/smhi.com */
.submenurubwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; 	
	font-weight: bold; 
	color : #ffffff;
}

	/* Används på startsida smhi.se/en. */
.maintable {
	border-left: thin dotted;
	border-right: thin dotted;
	color: #EEEEEE;
}

	/* Används på startsida smhi.se. */
.maintable2 {
	border-left: thin dotted;
	color: #EEEEEE;
}

	/* Används på startsida smhi.se. */
.articletable {
	border-bottom: thin dotted;
	color: #EEEEEE;
	padding-bottom: 15px;
}


	/* Används på datatabeller smhi.se. Varningtabell */
.datatable {
	border: thin dotted;
	border-spacing: 1;
	width: 540px;
	border: 1px;
	padding: 3px;
}

.th_rubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: center;
	background-color: #CCCCCC;
}

.td_rad_odd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #FFFFFF;	
}
.td_rad_even {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	background-color: #F2F2F2;
}

.td_varningsklass_1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #000000;
	text-align: center;
	background-color: #FFFF63;	
}
.td_varningsklass_2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #000000;
	text-align: center;
	background-color: #FFCC33;	
}
.td_varningsklass_3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	color: #000000;
	text-align: center;
	background-color: #FF6666;	
}
.td_rubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	text-align: left;
	line-height: 50%;
}

	/* Används på högerspalt, startsida smhi.se */
.righttable {
	border-left: thin dotted;
	color: #EEEEEE;
}
	/* Används på högerspaltsrubrikerna. */
.hogerspaltsrubrik {
	color:#336699; font-family:Verdana, Geneva, Sans-serif; font-size:100%; font-weight:bold;
} 
	
	/* Används på alla vidarelänkar som hör till artiklar i content.jsp */
.lasmer {color:#336699; font-family:Verdana, Geneva, Sans-serif; font-size:70%; text-decoration:none; }
a.lasmer:Link {color:#336699; font-family:Verdana, Geneva, Sans-serif; font-size:70%; text-decoration:none;}
a.lasmer:Visited {color:#336699; font-family:Verdana, Geneva, Sans-serif; font-size:70%; text-decoration:none;}
a.lasmer:Hover {color:#003366; font-family:Verdana, Geneva, Sans-serif; font-size:70%; text-decoration:underline;}

	/* Används på läsmermenyer */
.lasmermenu {
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-left: 1px dotted #DDDDDD;
	border-right: 1px dotted #DDDDDD;
	border-bottom: 1px dotted #DDDDDD;
	}
	
		/* Används på läsmermenyer */
.puffmenu {
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-left: 1px dotted #336699;
	border-right: 1px dotted #336699;
	border-bottom: 1px dotted #336699;
	border-top: 1px dotted #336699;
	}
	
		/* Används på produktpuffmeny startsidan */
.puffrub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #336699;
	font-weight: bold;
}
h1.puffrub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-bottom:0pt;
	color: #336699;
	font-weight: bold;
}

		/* Används på produktpuffmeny startsidan */
.puffrub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #336699;
	font-weight: bold;
}
	
		/* Används på läsmermenyer */
.bildcontainer {
	font-size: 70%;
	font-family: Arial, Helvetica, sans-serif;
	border-left: 1px dotted #DDDDDD;
	border-right: 10px;
	border-bottom: 1px dotted #DDDDDD;
	}
	
		/* Används på läsmermenyer */
.faktaruta {
	font-size: 65%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color : #F1F1F1;
	padding: 5px 5px 5px 5px;
	}
.citat {
	font-size: 70%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif, cursive;
	line-height: 100%;
	background-color : #F6F6F6;
	padding: 5px 5px 5px 5px;
	height: auto;
	}
		
	/* Används på rubriker till läsmermenyer */
.lasmermenuhuvud {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/grafik/cell_bkg1.gif);
	font-weight: bold;
	}


	/* Används på 2-rubriker/smhi.com */
.puffrubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%; font-weight: bold; 
}
	/* Används på textfältet för sökfunktion */
.textfield {
	font-size: 9px;
}

	
	a.menu02{
		color :#FFFFFF;
		font-family:Arial, bold, sans-serif;
		font-size : 63%;
		text-decoration:none;
	}
	
	/*a.menu02:hover, a:focus {
		color : #FFFFFF;
		font-family:Arial, bold, sans-serif;
		font-size : 63%;
		text-decoration:underline;
	}*/
hr {
	border-top: thin dotted #CCCCCC;
	border-right: thin none #CCCCCC;
	border-bottom: thin none #CCCCCC;
	border-left: thin none #CCCCCC;
}
#Rubrik {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.th_rubrik_klass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
}