/*--- CSS Document ---------------------------------------------------------------------------------------*/
/*                                                                                                        */
/*  Style sheet for SMHI 2007                                                                             */
/*                                                                                                        */
/*  Created by Futurniture AB                                                                             */
/*                                                                                                        */

	

	/* Temporary classes */	

	.br_small {font-size:5px; line-height:5px; }


	_div { border: 0.1em solid #ff9999; }

	
/*--- Generic styles -------------------------------------------------------------------------------------*/	
	
	body { background-color:#ffffff;  margin: 0;}
	body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 68.75%;
	line-height: 1.455em;
	color: #000;
	font-weight: bold;
}
	
	div, dl, dt, dd, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-weight: normal;
}
	
	ul { margin-top:0; }
	
	ol { margin-top:5px; padding-left: 25px; line-height: 1.6em; }
		
	table { border-collapse:collapse; border-spacing:0; }
	
	fieldset, img { border:0; margin: 0; padding:0 0 5px 0; }
	
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
	
	legend { color:#000000; }	
	
	caption,th {text-align:left;}
	
	h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight: bold;
}

	a:visited { color: #551a8b; }
	a:hover { color: #000000; }
	a { color: #0063be; text-decoration: underline; }
	
	input { font-size: 1em; padding: 2px;}
	input.button { font-size: 1em; width:5em; line-height:1em; font-weight:bold; margin-left: 10px; text-align:center; }
	
	.popup { background-color:#fdeb1b; }
	.invisible {position:absolute; top:-999px;}
	

	.list { list-style:none; padding: 0; margin:0;}

	.contentlist	 { list-style:none; padding: 0; }
    .contentlist_start    { list-style:none; padding: 0;  margin-bottom: 0px; margin:0;}

/*--- Grid and layout----------------------------------------------------------------------------------------------*/	

	#container { position:absolute; top:0; left:0; z-index:2; width:91em; max-width:91em; min-width:91em; height:auto; padding: 0.45em 0 1.82em 1.36em; background-image: url('../img/back_small.png'); background-position: 90em; background-repeat:repeat-y; }	
	

	/* General grid class */	
	.element { overflow:hidden; float:left; margin:0 25px 15px 0; }
	.box { float:left; width:100%; }
	

	/* Width classes */	
	.w100 { width:86.4em; }	/* = 950px */
	.w80 { width:68.2em; }	/* = 750px */
	.w70 { width:57.3em; }	/* = 630px */
	.w60 { width:46.82em; }	/* = 515px */
	.w50 { width:39.1em; }	/* = 430px */
	.w40 { width:36.82em; }	/* = 405px */
	.w30 { width:25.9em; }	/* = 285px */
	.w20 { width:16.82em; }	/* = 185px */
	
	/*
	.w100 { max-width:86.2em; }
	.w80 { max-width:68.1em;  }
	.w70 { max-width:58.4em;  }
	.w60 { max-width:47.5em;  }
	.w50 { max-width:40.2em;  }
	.w40 { max-width:37.5em;  }
	.w30 { max-width:26.5em;  }
	.w20 { max-width:16.8em;  }
	*/	
	
	.wCard25 { width:16.0em; }
	.wCard33 { width:21.7em; }
	.wCard50 { width:33.4em; }


	.wProd50 { width:32.9em; }


	.wWiki40 { width:30.5em;  }
	
	.wPercent100 { width:100%;}
	.wPercent50 { width:49%;}
	.wPercent33 { width:32%;}
	.wPercent25 { width:24%;}
		
	.align_left { float:left; text-align:left; }
	.align_right { float:right; text-align:right; }
	
	.nomargin { margin: 0 !important; }
	
	/* Special modifier for the startpage
	.startpage_divider { width:36.1em; padding-left:1.36em; border-left:1px solid #e5e5e5; }
	
	 */
	.startpage_divider { width:35.1em; padding-left:2.26em; border-left:1px solid #e5e5e5; }


	.margin { display:block; margin:0 10px 0 10px; }

	.hardbreak {clear:both;}
	
	
	.element img { display:block; clear:right; }


	
	
	


/* --- Accessibility ----------------------------------------------------------------------------------------------*/	

	#accessibility { position: absolute; left: -900px; overflow: hidden; width: 0; font-size:1px; background-color: transparent; color:#fff; }






		
		
/* --- Typography ----------------------------------------------------------------------------------------------*/	

	.mainH1 { font-family: Arial, sans-serif; font-size:3.4em; line-height:1.2em; clear:both; }
	.mainH2 { font-family: Arial, sans-serif; font-size: 1.7em; line-height: 1em; clear:both; }
	

	.preamble { font-size: 1.09em; font-weight:bold; }
	.caption { display:block; float:right; }

	h2.boxtitle { font-family: Arial, sans-serif; font-size:1.91em; line-height:1.2em; font-weight:bold;	 }
	.boxtitle { font-family: Arial, sans-serif; font-size:1.91em; line-height:1.2em; font-weight:bold;	 }
	.newstitle { color:#000000; font-family: Arial, sans-serif; font-size:1.63em; line-height:1.3em; font-weight:bold; }

	.smalltitle { font-family: Arial, sans-serif; font-size:1.45em; line-height:1.6em; font-weight:bold; }

	.cardtitle { font-family: Arial, sans-serif; font-size:1.2em; line-height:1.3em; font-weight:bold; color:#FFFFFF; }

	.biggertitle { font-family: Arial, sans-serif; visibility: visible; font-size: 2.18em; line-height: 1em; font-weight:bold; }

	.specialtitletext { color:#FFFFFF; visibility: visible; font-size: 3.4em; line-height: 1.05em; }
    .specialtitletextB { color:#000000; visibility: visible; font-size: 2.4em; line-height: 1.2em; letter-spacing: -1px; }
    .themetitletext { color:#FFFFFF; visibility: visible; font-size: 4em; line-height: 1.4em; }
    .themetitletextB { color:#000000; visibility: visible; font-size: 4em; line-height: 1.4em; }

    b.payoff { line-height: 1.8em; }
	
	.error { color:#FF0000; font-weight:bold; }

	.plain_bold { font-size: 1em;}
	


/*--- Colors ----------------------------------------------------------------------------------------------*/	

	a.blue:visited { color: #551a8b; }
	a.blue:hover { color: #000000; }
	.blue { color: #0063be; }

	a.black:visited { color: #551a8b; }
	a.black:hover { color:#0063be; }
	.black { color:#000000; }
	
	.grey { color:#6d6d6d; }

	.yellow { color:#fdeb1b; }

	.lightblue { color:#d1eff7; }
	.skyblue { color:#c1dced; }








/*--- Dividers ----------------------------------------------------------------------------------------------*/	

	.divider_big { clear:both; width: 100%; background-color:#000000; height:10px; max-height:10px; min-height:10px;  margin: 0 0 15px 0; }
	.divider_big_white { clear:both; width: 100%; background-color:#ffffff; height:10px; max-height:10px; min-height:10px;  margin: 0 0 15px 0; }
	.divider_big_trans { clear:both; width: 100%; height:10px; max-height:10px; min-height:10px;  margin: 0 0 15px 0; }

	.divider_medium { clear:both; width: 100%; background-color:#000000; height:3px; max-height:3px; min-height:3px;  margin: 0 0 15px 0; }
	.divider_medium_white { clear:both; width: 100%; background-color:#ffffff; height:3px; max-height:3px; min-height:3px;  margin: 0 0 15px 0; }
	.divider_medium_trans { clear:both; width: 100%; height:3px; max-height:3px; min-height:3px;  margin: 0 0 15px 0; }

	.divider_small { clear:both; width: 100%; background-color:#000000; height:1px; max-height:1px; min-height:1px; margin: 0 0 15px 0; }
	.divider_small_light { clear:both; width: 100%; background-color:#e5e5e5; height:1px; max-height:1px; min-height:1px; margin: 0 0 15px 0; }
	.divider_small_grey { clear:both; width: 100%; background-color:#d1d1d1; height:1px; max-height:1px; min-height:1px; margin: 0 0 15px 0; }
	.divider_small_green { clear:both; width: 100%; background-color:#b2e199; height:1px; max-height:1px; min-height:1px; margin: 0 0 15px 0; }
	.divider_small_white { clear:both; width: 100%; background-color:#ffffff; height:1px; max-height:1px; min-height:1px; margin: 0 0 15px 0; }
	.divider_small_skyblue { clear:both; width: 100%; background-color:#c1dced; height:1px; max-height:1px; min-height:1px; margin: 0 0 15px 0; }
	.divider_small_trans { clear:both; width: 100%; height:1px; max-height:1px; min-height:1px; margin: 0 0 15px 0; }

	.extra_space { margin: 5px 0 20px 0; }
	.extra_top { margin: 5px 0 0 0; }

	.break { display:block; }
	









/* --- Bullets ----------------------------------------------------------------------------------------------*/	


	.bullet_helper_globe { background:url(../img/bullet_helper_globe.png) left center no-repeat; padding-left: 1.364em; }


	.bullet_pdf { line-height:1.82em; background:url(../img/bullet_link_pdf.png) left center no-repeat; padding: 0.18em 0 0.36em 1.82em; }
	.bullet_powerpoint { line-height:1.82em; background:url(../img/bullet_link_ppt.png) left center no-repeat; padding: 0.18em 0 0.36em 1.82em; }
	.bullet_word { line-height:1.82em; background:url(../img/bullet_link_word.png) left center no-repeat; padding: 0.18em 0 0.36em 1.82em; }
	.bullet_excel { line-height:1.82em; background:url(../img/bullet_link_xls.png) left center no-repeat; padding: 0.18em 0 0.36em 1.82em; }
	.bullet_text { line-height:1.82em; background:url(../img/bullet_link_text.png) left center no-repeat; padding: 0.18em 0 0.36em 1.82em; }
	.bullet_generic { line-height:1.82em; background:url(../img/bullet_link_generic.png) left center no-repeat; padding: 0.18em 0 0.36em 1.82em; }
	.bullet_pic { line-height:1.82em; background:url(../img/bullet_link_pic.png)  left center no-repeat; padding: 0.18em 0 0.36em 1.82em; }
	.bullet_zip { line-height:1.82em; background:url(../img/bullet_link_zip.png)  left center no-repeat; padding: 0.18em 0 0.36em 1.82em; }
	.bullet_print { background:url(../img/bullet_link_print.png) right center no-repeat; padding: 0.18em 1.82em 0.36em 0; }
	.bullet_tips { background:url(../img/bullet_link_tips.png) right center no-repeat; padding: 0.18em 1.82em 0.36em 0; }


	.bullet_link_rss { background:url(../img/bullet_link_rss.png) left top no-repeat; padding: 0.18em 0 0.36em 1.82em; }








/*--- Head ----------------------------------------------------------------------------------------------*/	

	#head { height: 4em; margin: 0 0 1.36em 0;	}
	#logo { float: left; width: 8.18em; height: 3.36em; margin: 0.91em 0 0 0.91em; }







	
	
/*--- Helper -----------------------------------------------------------------------------------------*/	
	
	#helper { float:right; display:block; overflow: hidden; width: 55em; height:auto; text-align:right; list-style:none; overflow: visible; }
	#helper a { font-size:0.909em; line-height:1.091em; color:#000000; margin:0 0 0 0.8em;}
	#helper a:hover { color:#0063be; }









/*--- Warnings -----------------------------------------------------------------------------------------*/	

	#topwarning { float: left; height: 3em; padding: 0 1.1em 0 0.9em; margin: 1em 0 0 3.3em; border:1px solid #dbdbdb; }
	#topwarning a { line-height: 3em; }
	#topwarning img { float:left; width:3em; height:3em; margin: 0 4px 0 0; }


	#warning { float: left; width:99%; padding: 10px 0 15px 0; margin: 0 0 15px 0; border:1px solid #dbdbdb; }
	#warning .margin { margin:0 15px 0 15px; }
	#warning div div { overflow:hidden; clear:both; margin:5px 0 5px 0;}
	#warning img { float:left; margin: 0 4px 0 0; }







/*--- Search -----------------------------------------------------------------------------------------*/	

	.smallsearch { float: left; height: 22px; padding: 0; margin: 8px 0px 0px 0px; }
	.smallsearch .text { width:18.2em; height: 1.2em; background-color:#f9f9f9; border-top:1px solid #9b9b9b; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #dbdbdb; }
	.smallsearch .image { margin: 0 0 0 5px; vertical-align:top;}

	/* Modifications */
	#head .smallsearch { float:right; vertical-align:bottom; display:block; }
	#head .smallsearch .text { width: 13.6em; }
	#wikimenu .smallsearch .text { width: 15.5em; margin:0; }


	#searcher { overflow:hidden; float:left; width: 100%; background-color: #76d5ff; margin: 0 0 15px 0; padding: 5px 0 10px 0; }	
	#searcher div { margin:0 10px 0 10px; }
	#searcher div div { margin:0; padding:0; }




	/* Publication search */	
	#publishsearch { float: left; display:block; width: 100%; background-color: #76d5ff; margin: 0 0 25px 0; padding: 10px 0 10px 0; }
	#publishsearch .margin { margin: 0 15px 0 15px; }	
	#publishsearch div .cols { float:left; width: 33%; margin:15px 15px 0 0; }
	#publishsearch div .first  { clear:left; }
	#publishsearch div .last  { width: 25%; margin:15px 0 0 0; }
	





/*--- Image sets -----------------------------------------------------------------------------------------*/	


	.inlineimageset_full { float:left; width:100%; margin:15px 0 15px 0; }
	.inlineimageset_left { float:left; width:185px; margin:15px 15px 15px 0; }
	.inlineimageset_right { float:right; width:185px; margin:15px 0 15px 15px; }
    .inlineimageset_weatherteaser { float:right; margin:0px 0 0px 15px; }








/*--- Breadcrumb -----------------------------------------------------------------------------------------*/	
	
	#breadcrumb { clear:left; display:block; margin-bottom: 1.36em; }
	#breadcrumb ul { list-style: none; margin: 0; padding: 0; }
	#breadcrumb .item { font-family: Verdana, Arial, sans-serif; font-size:0.91em; display:inline; padding-left: 1em; }
	#breadcrumb a:hover { color:#0063be; }
	#breadcrumb a { color:#000000; background-image:url(../img/breadcrumb_spacer.png); background-position: right center; background-repeat:no-repeat; padding-right: 1.81em; }
 /* #breadcrumb .spacer {background-image:url(../img/breadcrumb_spacer.png); background-position: right center; background-repeat:no-repeat;  padding-right: 1.81em;}*/







/*--- Navigation -----------------------------------------------------------------------------------------*/	
	
	/* Top menu */		
	ul#topmenu { height:1.55em; margin-bottom: 1.36em; list-style: none; margin: 0; padding: 0; }
	ul#topmenu li { float: left; width: auto; background-color: #000000; margin: 0 0 2px 2px; padding: 0 1.98em 0.1em 1.98em; }
	ul#topmenu a { font-family: Verdana, Arial, sans-serif; color:#ffffff; text-transform: uppercase; text-decoration: none; font-weight:bold; }
	ul#topmenu a:hover {  text-decoration: underline; }
	ul#topmenu .active { background-color: #76d5ff; }
	ul#topmenu .active:hover { background-color: #76d5ff; }
	ul#topmenu .active a { color:#000000; }
	ul#topmenu .adjust { margin-left:0px; padding-right:2.7em; padding-left:2.9em; }
    ul#topmenu .adjustactive { margin-left:0px; padding-right:2.7em; padding-left:2.9em; background-color: #76d5ff; }
    ul#topmenu .adjustactive:hover { background-color: #76d5ff; }
	ul#topmenu .adjustactive a { color:#000000; }



    /* Left menu */
	#leftmenu { float: left; clear:left;}	
	#leftmenu ul { list-style: none; margin: 0; padding: 0; }
	#leftmenu .sectiontitle { font-weight: bold; line-height: 2.18em; margin-left:0;}	
	#leftmenu .item { display:block; }	
	#leftmenu .active { background-color: #76d5ff; }	
	#leftmenu a:visited { color:#551a8b; }
	#leftmenu a:hover { color:#0063be; text-decoration: none; border-bottom:1px solid #0063be; }
	#leftmenu a { font-weight: normal; line-height: 1.64em; color:#000000; text-decoration: none; border-bottom:1px solid #dddddd; }	
	#leftmenu .active a:visited { color:#551a8b; }
	#leftmenu .active a:hover { color:#000000; text-decoration: underline; border-bottom: none; }	
	#leftmenu .active a { text-decoration: none; border-bottom: none; }	
	#leftmenu li { margin: 0 0 0 12px; }
	#leftmenu .active {margin-left:-5px; padding-left:15px;}
	
	
	/* Wiki menu */	
	#wikimenu { float: left; background-color: #e3f5fa; padding: 0; }	
	#wikimenu ul { list-style: none; margin:0; padding:0; }
	#wikitop {overflow:hidden; float: left; width: 100%; background-color: #76d5ff; margin:0; padding: 0 0 10px 0; }	

	#wikitop div { margin: 10px 10px 10px 10px; }
	#wikitop div div { margin: 2px 0 5px 0; padding:0; }

	#wikilinks { font-family: Verdana, Arial, sans-serif; font-size:0.91em; line-height:1.46em; color:#0063be; float: left; width: 100%; background-color: #e3f5fa; }
	#wikilinks a:visited { color:#551a8b; }
	.wikimargin { margin: 0 15px 0 15px; }	
	#wikilinks .wikimargin .collectiontitle { font-weight:bold; line-height: 2.46em; margin: 0 0 50px 0;}
	#wikilinks .wikimargin .sectiontitle { font-weight:bold; line-height: 2em; display: block; }
	#wikilinks .wikimargin li { display: inline; }
	#wikilinks .wikimargin li .last { display: block; margin-bottom: 10px; }
	#wikilinks h1.wiki { font-family: Verdana, Arial, sans-serif; font-size:1em; line-height:1em; color:#0063be; float: left; width: 100%; background-color: #e3f5fa; }

	/* Sectioned menu */	
	#sectionmenu { float: left; width:100%; padding: 0; text-align:center; }
	#sectionmenu a:visited { margin: 0 5px 0 5px; color:#551a8b; }	
	#sectionmenu a { margin: 0 5px 0 5px; }	
	#sectionmenu b { margin: 0 5px 0 5px; }	



	/* Alphabetic shortcut menu */	
	#alphamenu { float: left; width:100%; padding: 0; }
	#alphamenu a:visited { margin: 0px 3px 0px 2px; color:#551a8b; }	
	#alphamenu a:hover { margin: 0px 3px 0px 2px; color:#0063be; }	
	#alphamenu a { margin: 0px 3px 0px 2px; }	
	#alphamenu a.empty:hover { margin: 0px 3px 0px 2px; color:#6d6d6d; }	
	#alphamenu a.empty { margin: 0px 3px 0px 2px; color:#6d6d6d;  text-decoration:none; font-weight:normal; }	








/*--- Data tables -----------------------------------------------------------------------------------------*/	

	.datatable { display:table; width:100%; margin-top:5px; background-color:#d1eff7; }
	.datarow {display:table-row; }
	.datacell { display:table-cell; padding: 10px 0 10px 0; border-right:solid 2px #ffffff; }
	.datarow .last { border:none; }

	.wData100 { width:68em; border-right:none; }
	.wData50 { width:33.3em; }
	.wData33 { width:22.5em; }
	.wData25 { width:16.8em; }
	
	.datatableheader {margin-bottom:2px;}
	.datatablewithheader {margin-top:0; }









/*--- Card -----------------------------------------------------------------------------------------*/	

	.card {  width:100%; float: left; background-color: #e1f4d4; margin: 0 0 15px 0; }	
	.cardtop { float: left; overflow:hidden; width:100%; height: 1.64em; background-color: #47b40f; padding-top:1px; }	
	.cardlinks { font-family: Verdana, Arial, sans-serif; font-size:0.909em; line-height:1.455em; float:left; width:100%; background-color:#e1f4d4; margin:0; padding: 8px 0 10px 0;}
	.card div div { margin: 0 10px 0 10px; }	
	.card div img { float: left; margin: 4px 10px 10px 10px; }	

	.cardlinks .divider_small_green { margin: 15px 0 0 0;}	
	
	.hcard div div { margin: 0 0 0 10px; }	
	.hcard div img { float: left; margin: 4px 10px 10px 10px; }	

	.hcard { display:table-cell; background-color: #e1f4d4; }	
	.hcardspacer { display:table-cell; background-color: #ffffff; width:15px; }

	#hcardtable {display:table; margin-bottom:15px; }
	#hcardrow {display:table-row; }







/*--- Footer -----------------------------------------------------------------------------------------*/	

	#footer { float:left; height:auto; width:86.2em; margin: 15px 0 15px 0; }
	
	/* Service panel */	
	#panel { height:7.09em; display: block; margin: 0px 0px 10px 0px;}
	#panel div { float:left; width:19%; height:7.09em; border-left:1px solid #dbdbdb; padding-left: 10px; margin: 0 0 10px 0; }
	#panel div { font-family: Verdana, Arial, sans-serif; line-height:1.1em; }

	#panel .first { border: none; }
	#panel .last { width:18%; }
	#panel ul { margin:6px 0; padding: 0; list-style:none; }
	#panel a { line-height:1.27em; }
	



	/* Contact information */	
	#contact div { text-align: center; }
	#contact div { font-family: Verdana, Arial, sans-serif; }
	#contact ul { display: inline; margin-left:0; padding:0; }
	#contact li { display: inline; margin-left: 20px; }
	#contact a:visited { color: #551a8b; }
	#contact a:hover { color:#0063be; }
	#contact a { color: #000000; }






	/*--- Tables -----------------------------------------------------------------------------------------*/	

	table { width:100%;  margin: 0 0 15px 0; }
	th,td {padding:5px 10px 5px 10px; background-color:#efefef;}
	th.row {vertical-align:middle; font-weight:bold; border-right:1px solid #c1c1c1; }
	th.col {vertical-align:bottom; font-weight:bold; border-right:none; border-bottom:1px solid #000000; }
	.blank {padding:8px; background-color:#efefef; border-right:1px solid #c1c1c1;  border-bottom:1px solid #000000;}
	.oddrow { background-color:#ffffff; }




    /*--- Article and related classes -----------------------------------------------------------------------------------------*/

	#article { clear:left; width:100%; display:block; margin:0 0 15px 0; }
	#article { font-size:100%;}
	#article p { margin: 0 0 15px 0;}
	
	#article_byline { overflow:hidden; clear:left; width:100%; display:block; margin:25px 0 15px 0; }
	.byline {clear:left; margin-left: 18.2em; }
	.wikibyline {clear:left; margin-left: 27.8em;}
	
	

	/* Comment functions */	
	#comment_output { clear:left; width:100%; display:block; margin:25px 0 15px 0; }
	
	#comment_form { width:100%; background-color:#fdeb1b; padding:10px 0 10px 0; margin:25px 0 15px 0; }
	#comment_form .margin { margin:0 10px 0 10px; }
	#comment_form .text  { width:18em; height:1.1em;} 
	#comment_form textarea { width:99%; }
	#comment_form .text, textarea {  margin:0; background-color:#f9f9f9; border-top:1px solid #9b9b9b; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:0.1em solid #dbdbdb; }
	#comment_form .commentbody { clear:left; display:block; padding:2px 0 3px 0; }


	/* Tips functions */	
	#tipser { width:21.7em; clear:left; display:block; clear:both; background-color:#fdeb1b; padding:10px 0 10px 0; margin:15px 0 15px 0; z-index:1; }
	#tipser .margin { margin:0 10px 0 10px; }
	#tipser .text  { width:18.6em; height:1.1em; margin:0; background-color:#f9f9f9; border-top:1px solid #9b9b9b; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #dbdbdb; }
	#tipser .button  { clear: both; margin: 10px 10px 0 0; }
	#tipsertop { visibility:visible; overflow:hidden; clear:both; }
	

  /* Contact functions */ 
  #contact_form { background-color:#fdeb1b; padding:10px 0 10px 0;  }
  #contact_form .margin { margin:0 10px 0 10px; }
  #contact_form .text  { width:16em; height:1.1em;} 
  #contact_form textarea { width:31.6em; height: 10em;}
  #contact_form .text, textarea {  margin:0; background-color:#f9f9f9; border-top:1px solid #9b9b9b; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #dbdbdb; }
  #contact_form .commentbody { clear:left; display:block; padding:2px 0 3px 0; }
  #contactwrapper {width:100%; background-color:#fdeb1b; padding:0; margin:0;}

	/* Order form */	
	#order_form { width:100%; background-color:#fdeb1b; padding:10px 0 10px 0; margin:0; }
	#order_form .margin { margin:0 10px 0 10px; }
	#order_form .formrow { clear:both; padding:5px 0 0 0; }
	#order_form .text  { width:27em; height:1.1em; margin:0; background-color:#f9f9f9; border-top:1px solid #9b9b9b; border-left:1px solid #bbbbbb; border-right:1px solid #bbbbbb; border-bottom:1px solid #dbdbdb; }









	/*--- Teasers -----------------------------------------------------------------------------------------*/	

	.teaser { overflow:hidden; clear:left; width:100%; display:block; margin:15px 0 15px 0;}
	.teaser img { float:left; margin:0 15px 0 0;}
	.teaser img.right { float:right; margin:0 0 0 15px; }
	

	#produkt_teaserlist { overflow:hidden; clear:left; width:100%; display:block; background-color:#eaeaea; margin:0 0 15px 0; padding:10px 0 10px 0; }
	#produkt_teaserlist .margin { display:block; margin:0 10px 0 10px; }
	#produkt_teaserlist div img { float:left; margin:0 15px 0 0; }
	#produkt_teaserlist div div { overflow:hidden; display:block; clear:left; margin:15px 0 15px 0; }






	/*--- Newslistings -----------------------------------------------------------------------------------------*/	

	.newsteaser { overflow:hidden; clear:left; width:100%; display:block; margin:15px 0 15px 0; }
	.newsteaserfirst { overflow:hidden; clear:left; width:100%; display:block; margin:0px 0 15px 0; }
	.newsteaser img { margin:10px 0 10px 0; }
	.newsteaser a { margin:2px 0 0 0; }


	
	
	
	

	/*--- Special & theme header -----------------------------------------------------------------------------------------*/	

	 /*.specialheader { width:100%; height:124px; overflow:hidden; background-repeat:no-repeat;margin-bottom: 5px; clear:right; }*/
	 /*.specialheader h1 { display:block; margin:20px 0 0px 0; color:#FFFFFF; padding: 0 20px 0 20px; } */
	 .specialheader { position: relative; width:100%; height:124px; overflow:hidden; background-repeat:no-repeat; margin-bottom: 5px; clear:right; }
     .specialheader div { position: absolute; top: 20px; left: 20px; display:block; margin:0; color:#FFFFFF; padding: 0 15px 0 0; }
	 .themeheader { width:100%; height:101px; overflow:hidden; background-repeat:no-repeat;margin-bottom: 5px; clear:right; }
	 .themeheader h1 { display:block; margin:20px 0 0px 0; color:#FFFFFF; padding: 0 20px 0 20px; }
	 
	 
	 





	/*--- Other styles -----------------------------------------------------------------------------------------*/	

	.productlist {list-style:none; padding:0; margin:0; text-decoration:none;}
	.productlist li {padding:0; margin:0; text-decoration:none;}
	.productlist a {text-decoration:none;}
	.productlist a:hover {text-decoration:underline;}

	 #prodsok { width: 190px; }
	 
	 /*--- SMHI fix ---*/
	 .hide { display:none;  }
   #contact_form .formerror { font-weight:bold; color:red;  }
   #tipser .formerror { font-weight:bold; color:red;  }
   #order_form .formerror { font-weight:bold; color:red;  }
   
	 #message { position:absolute; top:240px; left:225px; width:430px; height:200px; background-color: #fdeb1b; }
	 .article_margin { margin-left:19em;}
	 caption { font-size:100%; font-weight:bold; padding: 0 0 4px 0 ; }
	 .form { display:block; background-color: #76d5ff; margin: 0 0 25px 0; padding: 10px 0 10px 0; }
	 
	 
	ul#orderform { margin: 16px; padding: 0; }
    ul#orderform li { color:#000000; }

	/*--- Jerry data wrapper ----------------------------------------------------------------------------
		dataWrapper div håller ihop "tabellen",.
		dataHeader fyller ut hela bredden i dataWrapper och är tänkt att innehålla tabell information som behöver spänna över alla cellerna.
		dataRow är samma som en row i en vanlig tabell, den fungerar som en wrapper för de 3 olika cell typerna: dataCell25, dataCell33, dataCell50.	
	
	*/
	.dataWrapper {margin-top:5px; background-color:#d1eff7;}
	.dataHeader{ width:100%; border-bottom:2px solid #ffffff; clear:left;}
	.dataRow{ width:100%; border-bottom:2px solid #ffffff; clear:left;}
	.dataCell25{ width:24%; float:left; height:auto;}
	.dataCell33{ width:33%; float:left; height:auto;}
	.dataCell50 { width:49%; float:left; height:auto;}
	.dataPadding{
	padding:10px;
	color: #000;
	font-weight: normal;
}
	.dataNoBorder{ border:none;}
	.dataBorderRight{border-right:2px solid #ffffff;}
	.dataBorderLeft{border-left:2px solid #ffffff;}
	.datafooter{clear:left; border-top:2px solid #ffffff;}