.mainbody{
	margin-bottom: 2em;
}
.pageheader{
	margin-bottom: 1em;
}
* html .pageheader{
	margin-bottom: 0;
}
.externalframe{
	width: 100%;
}
.newslist{
	margin-bottom: 2em;
}
.loginheader{
	width: 6em;
	float: left;
}
img.headerImageStartPage
{
	width: 83.75em;
}
img.headerImageDefault
{
	width: 63.75em;
}

/*img.headerLogo
{
	width:7.2em;	
	height:8.5em;
}*/

/*---------- NewsListing -----------*/
.newslistingitem{
	margin-bottom: 1em;
}
* html .newslistingitem{
	margin-bottom: .9em;
}
.newslistingitemStartPage{
	margin-right: 1.5em;
	margin-left: 1.5em;
}
.newslistingdate{
	font-size: smaller; 
}
.NewsListingItemPreviewText{
	
	/*
	Change 2006-10-29 MA
	font-size:larger;
	line-height: 1.3em /*based on 0.9em */	
}

/* class to avoid top padding/margin on <p> -tags in newslist */
.NewsListingItemPreviewText P
{
	padding-top: 0em;
	margin-top: 0em;
}

a.NewsLink, a.NewsLink:Link{
	text-decoration: none;
	color: #000;
}
a.NewsLinkStartPage, a.NewsLinkStartPage:Link{
	font-weight: bold;
	font-size:1.5em;
	text-decoration: none;
	color: #006bb7;
	display: inline;
}
a.MoreNewsLink, a.MoreNewsLink:Link{
	text-decoration: none;
	color: #637886;
}

/*----------- breadcrumbs ------*/
#breadcrumbsdiv{
	clear:both;
	padding-top:.6em;
	padding-bottom:.6em;	
	font-size:.9em;
	float:left;
}

#breadcrumbsdiv a{
	color:Black;
	font-weight:normal;
}


/**-------- Right Column Items--------**/
#rightcolumn{
	float: right;
}

.rightBlockItem{
	padding-bottom: 1em;
	padding-left: .2em;
	padding-right: 0em;
}
.rightBlockItemSearch{
	padding-bottom: 0em;
	padding-left: .2em;
	padding-right: 0em;
}
.rightBlockItemTop{
	background-color:#96b1dc;
	padding-bottom: 0em;
	margin-bottom:10px;
}


/**-------- StartPage Puff ----------**/
.puffcontainer{
	width: 20.3em;
}

* html .puffcontainer{
	width: 21.2em;
}
img.puffimage
{
	width:100%;
}


* html .puffcontainer{
	width: 20.2em;
}

.leftcornertop{
	background-image: url(../khn_images/lt_corner.gif);
	background-repeat:no-repeat;
	background-position:left top;
	float:left;
	width:14px;
	height:13px;
	
}
.leftcornerbottom{
	background-image: url(../khn_images/lb_corner.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	float:left;
	width:14px;
	height:13px;
}
.rightcornertop{
	background-image: url(../khn_images/rt_corner.gif);
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
	width:14px;
	height:13px;
}
.rightcornerbottom{
	background-image: url(../khn_images/rb_corner.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	float:right;
	width:14px;
	height:13px;
}


.puffcontentcontainer
{
	background-repeat:no-repeat;
	background-position:right top;
	clear:both;
	padding-left:3em;
	padding-right:1em;
	color:White;
	font-size:1.2em;
	font-weight:bold;
}

a.puffLink
{
	color:White;
	font-size:1em;
	font-weight:bold;
	text-decoration:none;
}

.generalpuffbox
{
	background-color:#96b1dc;
	padding-top:1em;
	padding-left:.5em;
	padding-right:.5em;
	padding-bottom:1em;
	border:solid 0.1em #96b1dc;
}

a.generalpuffLink, a.generalpuffLink:Link
{
	color:#000;
	font-weight:normal;
	font-size:1.2em;
	
}

a.generalpuffLink:Hover
{
	color:#000;
	font-weight:normal;
}

a.generalpuffLink:Visited{
	color:#000;
	font-weight:normal;
}




.puffHeaderText
{
	font-weight:bold;
}




/*---------- Left Menu----------------*/
#leftmenucontainer{
	background-repeat: repeat;
	height: 20.1em;
}
.leftmenubg{
	padding-top: 1.2em;
	padding-left: .8em;
	padding-right: 2em;
}
* html .leftmenubg{
	width: 20.5em;
}
.lefttextbox{
	width: 17.7em;
}
* html .lefttextbox{
	width: 20.5em;
}
.leftmenuimagepadding{
	height: .98em;
	margin-top: .1em;
	font-size:1.3em;
}
* html .leftmenuimagepadding{
	margin-top: 0;
}
img.arrowimage{
	margin-top: .5em;
	width: .5em;
}
a.menuheader, a.menuheader:hover
{
	color: #fff;
	text-decoration: none;
	display: block;
	line-height: 1.5em;
}
a.menulink, a.menulink:hover{
	color: #333;
	font-weight: normal;
	font-size:1.2em;
	text-decoration: none;
	display: block;
	line-height: 1.5em;
}

a.menulinkactivechild, a.menulinkactivechild:hover{
	color: #333;
	font-weight:normal;
	text-decoration: none;
	display: block;
	line-height: 1.5em;
	font-size:1.2em;
}

a.menulinkchild, a.menulinkchild:hover{
	color: #333;
	font-weight: normal;
	text-decoration: none;
	display: block;
	line-height: 1.5em;
	font-size:1.2em;	
}


a.menulinkactive, a.menulinkactive:hover{
	color: #333;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 1.5em;
	font-size:1.2em;	
}
div.menuitem{
	width: 100%;
	float: left;
	border-bottom: solid 1px #FFF;
	padding-bottom:.25em;
	padding-top:.25em;

}
.darkmenublue
{
	background-color:#96b1dc;
}
.middlemenublue
{
	background-color:#c7d3ec;
}
.lightmenublue
{
	background-color:#e1e9f6;
}

div.menuitemchild{
	width: 100%;
	float: left;
	/*border-bottom: solid 1px #FFF;*/
	
	padding-bottom:.25em;
	padding-top:.25em;

}

div.menuitemchildactive{
	width: 100%;
	float: left;
	/*border-bottom: solid 1px #FFF;*/
	/*background-color:#c7d3ec;*/
	padding-bottom:.25em;
	padding-top:.25em;
}


div.menuitemselected{
	width: 100%;
	float: left;
	font-weight: bold;
	padding-bottom:.25em;
	padding-top:.25em;
	

}

div.menuitemSelectedTop{
	width: 100%;
	float: left;
	font-weight: bold;
	/*background-color:#e1e9f6;*/
	padding-bottom:.25em;
	padding-top:.25em;
	

}

div.menuitemexpanded{
	width: 100%;
	float: left;
	/*background-color:#e1e9f6;*/
	padding-bottom:.25em;
	padding-top:.25em;

}

div.menuitemchild{
	width: 100%;
	float: left;
}



/* --------- Links in Top menu ----------- */

#topmenucontrol
{
	margin-top: 0em;	
	height:1.7em;
}
.menuDiv
{
	margin-left:1em;
	float: left;
	height:1.7em;
}

.menuHooverDiv
{
	margin-left:1em;
	float: left;
	background-color:#e1e9f6;
	height:1.7em;
}

.menuActiveDiv
{
	margin-left:1em;
	float: left;
	height:1.7em;
	background-color:#e1e9f6;
}


a.menuhead
{
	/*padding: 0em 0.55em 0em 0.55em;*/
	height:1.7em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
	display:inline-block;
}
a.menuhead:hover
{
	/*padding: 0em 0.55em 0em 0.55em;*/
	height:1.7em;
	color: #000;
	text-decoration: none;
	font-weight:bold;
	display:inline-block;	
}
a.activemenuhead
{
	padding-right:0.5em;
	padding-left:0.5em;	
	height:1.7em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-weight:bold;
	display:inline-block;	

}
a.activemenuhead:hover
{
	height:1.7em;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-weight:bold;
	background-color:#006bb7;
	display:inline-block;	
}

/**------ Accessability ------**/
.countrybanner{
	margin-right: .4em;
	margin-left: 0;
	margin-top: 4px;
	width: 28px;
	height: 20px;
	border:None 0 transparent;
}

.fontsizedropbox
{
	width: 7em;
}

/**-------- Languageselector ----*/
.languageselector
{
	height:27px; 
	background-color:#96b1dc; 
	width:235px; 
	margin-bottom:10px; 
	text-align:center;
}


/**-------- Quicksearch --------*/
.searchbox
{
	margin-left:9px;
	height:27px;
	width:463px;
	background-color:#96b1dc;
	text-align:left;
	padding-left:5px;
	float:left;
	margin-bottom:15px;
}
.searchboxrescue
{
	margin-left:9px;
	height:27px;
	width:463px;
	background-color:#6699ff;
	text-align:left;
	padding-left:5px;
	float:left;
	margin-bottom:15px;
}

.searchboxlink
{
	margin-top:.4em;	
}

.searchboxblock
{
	float:left; 
	margin-top:5px;
}

.searchboxblock2
{
	float:left;
	margin-top:5px; 
	margin-right:5px;
}

.searchboxdrop
{
	float:left;
	margin-top:2px;
}
.searchtextboxfield
{
	margin-top:1px;
}

.searchboxblocksearchfield
{
	float:left; 
	margin-top:1px;
	margin-right:2px;
}
.searchboxtext
{
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.searchboxlink
{
	margin-top:.4em;	
}

a.searchboxlinktext
{
	color:Black;
	font-size:12px;
	
}
.searchboxlinktext
{
	font-family:arial, Geneva, sans-serif; 
	font-size:12px;
}

input.quicksearchinput{
	width: 10em;
	border: solid 1px black;
	
}

.searchboxwide
{
	margin-left:9px;
	height:27px;
	width:705px;
	background-color:#96b1dc;
	text-align:left;
	padding-left:5px;
	float:left;
	margin-bottom:15px;
}

.searchboxwiderescue
{
	margin-left:9px;
	height:27px;
	width:700px;
	background-color:#6699ff;
	text-align:left;
	padding-left:5px;
	float:left;
	margin-bottom:15px;
	color:White;
}

.quicksearchbutton{
	width: 2.65em;
	padding:0;
	
}

.searchboxwide .quicksearchbutton{
	width: 4em;
	padding:0;
}
.searchboxwiderescue .quicksearchbutton{
	width: 4em;
	padding:0;
}


input.submit
{
	background-color:#5f5f5f;
	color:#FFF;
}

.iconMargin
{
	width:2em;
	margin-right:2em;
}
.quicksearchbutton{
	width: 2.65em;
	padding:0;
	
}

/*-------- Search------------------- */
.searchquery{
	width: 22em;
}
.searchbutton{
	width: 4em;
}
.searchhelpbutton{
	width: 2em;
}
.searchheader{
	margin-top: 1em;
	font-weight: bold;
}
.searchrank{
	width: 10%;
	float: left;
}
.searchitem{
}
.searchitemtext
{
	float: right;
	width: 90%;
}
.nomatches{
	margin-top: 1em;
	font-weight: bold;
}

/* fix for font-size in XForms */
Table 
{
	font-size:0.9em;
}

/*Används i SMHI väder-puff*/
.SMHIImageList {
	margin: 0px;
	padding: 0px;
}

.SMHIImageList LI 
{
	margin: 0px;
	padding: 0px 0px 0px 30px;
	height: 30px;
	background-repeat: no-repeat;
	list-style-type: none;
	background-position:left top;
	vertical-align:middle;
}

.FormHolder 
{
	padding-bottom: 0.5em;
	margin-bottom: 1.7em;
}

.FormHolder label 
{
	display:block;
}
.FormHolder .ButtonHolder 
{
	margin-top: 1em;
	padding-bottom: 2em;
	float:left;
	width:95%;
}
.ABC-ListABC {
	width:95%;
	font-weight:bold;
}

#WeatherToday
{
	padding-left:1em;
	margin-bottom:1em;
}

.PuffIFrame
{
 	height:3em;
	width:15em;	
}

/*Används för att få "mellanrum" i pagefooter*/
.SpaceInFooter
{
	height:5em;
	clear:both;
}
.ABC-ListABC {
	width:95%;
	font-weight:bold;
}
.ABC-List {
	padding:0em;
	margin:0em;
	float: left;
	width: 98%;
}
.ABC-List LI {
	list-style-type:none;
	padding: 0.2em 0.3em;
	float: left;
	width: 100%;
}
.ABC-List LI UL {
	padding:0em;
	margin:0em;
}
.ABC-List LI UL LI {
	display:inline;
	float: left;
	width: auto;
	padding-left: 1em;
}
.marginSearchBox
{
	margin-top:0.8em;
}

/* Calendar */
div.monthcalendararea
{
	float: right;
	width: 25%;
	margin-bottom:2em;
}
.calendar
{
	font-weight:bold;
}

.monthcalendararea a 
{
	text-decoration:underline;
}
div.calendarlistingarea
{
	float: left;
	width: 45%;
	text-align: left;
	padding-left:1em;	
}
h1.calendardayheading
{
	font-size: 1.2em;
	color: Black;
	display: inline;
}
table.calendarframe
{
	border-color: #fff;
	background-color: #fff;
}
/* IE 6 does not seem to handle parent-child selectors */
div.monthcalendararea > table
{
	border: solid 0.1em #ffffff;
}
td.calendaritem, tr.calendaritem
{
	height: 2em; 
	width: 2.2em;
	font: normal 1em verdana;
	background-color: #fff; 
	border: solid 0.1em #e1e9f6;
}
a.calendaritem
{
	 text-decoration:underline;
}
td.selecteddatecell 
{
	border: solid 0.2em #96b1dc;
}
td.datecellothermonth 
{
	background-color: #F0F0F0;
}
td.weekendcell
{
	background-color: #DADADA;
}
td.datecellactive
{
	background-color: #e1e9f6; 
	border: solid 0.2em #96b1dc;
}	
td.dayweekheader
{
	color: #333;
	border-style: none;
}
.calendarlistitem
{
	color:Black;
}
/* End Calendar */

/* Calendar startpage */
a.StartCalendar
{
	font-weight: bold; 
	color: Black;
	display: block;
	text-decoration: none;
}
.calendarpuffbox
{
	border:solid 0.1em #96b1dc;
	
}
div.startpagecalendaritem
{
	margin-top: 0.7em;
	padding-left:.5em;
	padding-right:0.2em;
	padding-top:0.3em;
}
div.startpagecalendarlink
{
	margin-top: 0.7em;
	padding-left:.5em;
	padding-right:0.2em;
	padding-top:0.3em;
	margin-bottom:0.5em;
}
div.listheadingcontainer
{
	background-color: #96b1dc;
	display: block;
	width: 100%;
	height: 2.2em;
}
.calendarblockheadingcontainer
{
	background-color:#96b1dc;
	font-size:1.2em;
	font-weight:bold;
	color:Black;
	padding-left:.5em;
	padding-right:.5em;
	padding-top:1em;
}
.calendarblockheading
{
	display: block;
	width: 100%;
	color:Black;
}

/* ----- Conferance items --- */
div.conferance
{
	width: 95%;
	padding: 0.3em;
}
div.conferancelinkbuttonsarea
{
	margin-top: 0.3em;
	float: right;
}
div.conferanceheader
{
	width: 100%;
}
.wide
{
	width:20em;
}

a.startpagelink
{
	display:none;
}
