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


@charset "UTF-8";

#Head {
	position:absolute;
	left:0px;
	top:0px;
	width:760px;
	height:48px;
	z-index:3;
	background-image: url(../images/grafik/top/header.png);
}

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 {color:#336699; font-family:Verdana, Geneva, Sans-serif; font-size:100%; text-decoration:none; }
/*A:Link {color:#336699; font-family:Verdana, Geneva, Sans-serif; font-size:100%; text-decoration:none;}*/
/*A:Visited {color:#336699; font-family:Verdana, Geneva, Sans-serif; font-size:100%; text-decoration:none;}*/
A:Hover {color:#003366; font-family:Verdana, Geneva, Sans-serif; font-size:100%; text-decoration:underline;}


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;
	margin-bottom: 10px;
}

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

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

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%;
}
/*---------------------START klasser som använd i navigering--------------------------*/
/* Används på knappar i topmenyn */
	a.menu01 {
		color :#FFFFFF;
		background-color : #003366;
		font-family:Arial, bold, sans-serif;
		font-size: 66%;
		line-height: 20px;
		margin: 1px;
		padding: 2px 5px 2px 5px;
		text-align:left;
		vertical-align: middle;
		text-decoration:none;
		white-space: nowrap;
	}

	a.menu01:hover,
	a.menu01_focus:hover {
		color :#FFFFFF;
		background-color : #6699CC;
		font-family:Arial, bold, sans-serif;
		font-size: 66%;
		line-height: 20px;
		margin: 1px;
		padding: 2px 5px 2px 5px;
		text-align:left;
		vertical-align: middle;
		text-decoration:underline;
		white-space: nowrap;
	}

	a.menu01:focus,
	a.menu01_focus {
		color :#FFFFFF;
		background-color : #6699CC;
		font-family:Arial, bold, sans-serif;
		font-size: 66%;
		line-height: 20px;
		margin: 1px;
		padding: 2px 5px 2px 5px;
		text-align:left;
		vertical-align: middle;
		text-decoration:none;
		white-space: nowrap;
	}

	/* Används på söklänkar i topmeny */
	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;
	}

	/* 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;
}

	/* Används som container för länkarna i sidfoten */
#FooterMain {
	position:absolute;
	left:0px;
	top:10px;
	width:760px;
	height:17px;
	z-index:1;
	border-top-color: #336699;
	border-bottom-color: #336699;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-top-width: thin;
	border-top: 1px;
	border-bottom: 1px;
}

	/* Används på understa raden i vanstermenyn */
	.td{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%;
	margin-top: 5px;
} 

a.articletext {color:#336699; font-size:100%; text-decoration:none; }
a.articletext:hover {color:#003366; font-size:100%;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;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

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

	/* 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: 70%;
	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;
}
.HeaderRubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}
.th_rubrik_klass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
}
.base{
	top: 0px;
	left: 0px;
	width:805px;
	height:640px;
	position: absolute;
	z-index:2;
	border: 1px solid #336699;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
.topbox{
	top: 0px;
	left:0px;
	width:805px;
	height:128px;
	position: absolute;
	z-index:2;
	border: 1px solid #336699;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
.vmeny{
	top: 129px;
	left: 0px;
	width:170px;
	height:487px;
	position: absolute;
	padding: 12px;
	z-index:2;
	border: 1px solid #336699;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
.karta{
	top: 140px;
	left: 390px;
	position: absolute;
	z-index:2;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
.yta{
	top: 129px;
	left: 195px;
	width:586px;
	height:447px;
	padding: 12px;
	position: absolute;
	z-index:2;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
.yta_l{
	top: 129px;
	left: 195px;
	width:293px;
	height:447px;
	padding: 12px;
	position: absolute;
	z-index:2;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
.yta_r{
	top: 129px;
	left: 488px;
	width:293px;
	height:447px;
	padding: 12px;
	position: absolute;
	z-index:2;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
.yta_n{
	top: 190px;
	left: 195px;
	width:586px;
	position: absolute;
	z-index:2;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
.logos{
	top: 560px;
	left: 208px;
	position: absolute;
	z-index:2;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
.dmi{
	top: 470px;
	left: 750px;
	position: absolute;
	z-index:2;
	color:#000000;
	font-family:Verdana, Arial, Geneva, Sans-serif;
	font-size:71%;
	font-weight:normal;
	line-height:120%;
}
}