/************************/
/* GLOBAL               */
/************************/
body
{
	font: 76%/1.4 Arial, serif;
	font: 12px/1.4 Arial, serif;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #1bb5c1;
	color:#5a5a5a;
	
}

body form
{
	width: 73.27em;
	/*
	width: 891px;
	width: 74.25em;
	*/
	
	width: 74.25em;
	margin: 12px auto 2em auto;
	padding: 0;
    text-align: left;
    background: url(images/BodyBg.png) repeat-y left top;
}

p 
{
    margin: 0 0 1em 0; 
    padding: 0; 
}

h1, .heading1
{
	font-family:Myriad Pro, Tahoma, Verdana;
	font-size:2.6em;
	font-weight:normal;
	margin:0;
	color:Black;
}

h2, .heading2
{
	font-size:2.5em;
	font-weight:normal;
	margin:0 0 0.3em 0;
	color:Black;
}

h3, .heading3
{
	font-size:1.8em;
	font-weight:normal;
	margin:0;
	color:Black;
}

h4, .heading4
{
	font-size:1.27em;
	font-weight:normal;
	margin:0;
	color:Black;
}

h5, .heading5
{
	font-size:1.0em;
	margin:0;
	font-weight:bold;
	display:block;
}

a
{
	/*color:#66cc33;*/
	color:#3b58a3;
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

.Intro
{
	font-size:1.16em;
	font-weight:bold;
	display:block;
}

.IntroStartPage
{
	font-size:0.917em;
	font-family:Verdana, Arial;
}

.WhiteHeading
{
	color:#ffffff;
	font-weight:bold;
	display:block;
	margin:0 0 0.3em 0;
	
}

.WhiteText, .WhiteText a, a .WhiteText, a.WhiteText
{
	color:#ffffff;
	
}


#Page 
{
    /*position: relative;*/
	background: url(images/PageBg.png) repeat-y right top;
	padding: 0 4px 0 0;
	background-color:#FFFFFF;
	margin:0 0 0 4px;
	
}

/************************/
/* HEADER               */
/************************/

#HeaderArea
{
	/*position: relative;*/
	border: 5px solid #000000;
	/*width:71.8em;*/
	height:13.7115em;
	/*height:13.91em;*/
	height:166px;
	background-color:Black;
	/*background: url(images/HeaderBg.png) repeat-x left bottom;*/
	
}

.ImageTop
{
	width:100%;
	
}
#HeaderArea .leftfloating
{
	float:left;
}

.RotatorImage
{
	
	width:100%;
}

/************************/
/* MAINMENUAREA         */
/************************/

#MainMenuArea
{
	/*position: relative;*/
	height: 3.0em;
	background: url(images/MainMenuBg.png) repeat-x left bottom;
	background-color:#FBE575;
	font-family:Arial, Verdana, Helvetica, Sans-Serif;
	color: Black;
	font-size: 1em;
}

#TopMenuLeftCorner
{
	float:left;
	background: url(images/MainMenuLeftCorner.png) no-repeat left bottom;
	height:100%;
	width:1em;
	width:6px;
}

#TopMenuRightCorner
{
	float:right;
	background: url(images/MainMenuRightCorner.png) no-repeat right bottom;
	height:100%;
	width:6px;
}

#TopMenuYellowArea
{
	float:left;
	height:100%;
	background: url(images/MainMenuBg.png) repeat-x left bottom;
}



#TopMenuYellowArea ul 
{
	list-style-type: none;
	float: left;
	padding: 0;
	margin:0;
	height:2.75em;
}

#TopMenuYellowArea li 
{
	float: left;
	padding: 0 0.1em 0 0.1em;
	margin:0.2em 0 0 0;
	background: url(images/MainMenuDivider.png) no-repeat right top;
	height:2.55em;	
}

#TopMenuYellowArea li.selected 
{
	background: url(images/MainMenuSelectedBg.png) repeat-x right bottom;
}

#TopMenuYellowArea li.selected .LeftDivider
{
	float:left;
	width:0.1em;
	background: url(images/MainMenuSelectedSeparator.png) no-repeat left bottom;
	height:100%;
}

#TopMenuYellowArea li.selected a 
{
	float:left;
	display: block;
	background: url(images/MainMenuSelectedSeparator.png) no-repeat right bottom;
	height:2.2em;
	padding:0.5em 0 0 0;
	padding: 0.2em 1em 0 1em;
}


#TopMenuYellowArea li a 
{
	display: block;
	text-decoration: none;
	padding:0 0 0 0;
	padding: 0.2em 1em 0 1em;
	color:Black;
	margin:0.2em 0 0 0;
	font-weight:bold;
	
}

#TopMenuYellowArea li.unselected a:hover 
{
	float:left;
	display: block;
	background: url(images/MainMenuSelectedBg.png) repeat-x left bottom;
	margin:0em 0 0 0;
	height:2.2em;
	padding: 0.37em 1em 0 1em;
	
}

#TopMenuBlueArea
{
	float:right;
	height:100%;
	background: url(images/MainMenuBlueBg.png) repeat-x left bottom;
}
#TopMenuBlueArea ul
{
	list-style-type: none;
	float: left;
	padding:0 0 0 1em;
	margin:0;
}

#TopMenuBlueArea li
{
	float: left;
	padding:0.6em 1em 0.4em 0em;
	color:#ffffff;	
}

#TopMenuBlueArea a
{
	color:#ffffff;
}

#TopMenuBlueArea li.icon
{
	float: left;
	padding:0.6em 0.3em 0.4em 0em;
}
#TopMenuBlueArea li.icon
{
	float: left;
	padding:0.6em 0.3em 0.4em 0em;
}

#TopMenuBlueArea .languageIcon
{
	float: left;
	padding:0em 0.3em 0.4em 0em;
}


/*************************/
/* STAGEAREA             */
/*************************/
#StageArea
{
	margin: 1em 18px 1.5em 25px;
	overflow: hidden;
	/*position:relative;*/
	/* Lagt till för IE6 */
	height:100%;
}

#StageArea.StageAreaNoMarginLeft
{
	margin: 1em 18px 1.5em 10px;
}
/*************************/
/* SUBMENUAREA           */
/*************************/

#SubMenuArea
{
	float:left;
	width:12.77em;
	padding:0.1em 0 0 0;
	width:155px;
	width:12.916em;
}

#SubMenuArea a
{
	color: #b99b00;
	background: url(images/SubMenuArrow.png) left no-repeat;
	padding:0 0 0 7px;
}

#SubMenuArea a:hover
{
	color: Black;
}

#SubMenuArea ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#SubMenuArea ul ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	margin: 0 0 0 1.5em;
	
}

#SubMenuArea li
{
	
}

#SubMenuArea li a, #SubMenuArea li span
{
	display: block;
	text-decoration: none;
	margin:0 0 0.5em 0;
}

#SubMenuArea li span, #SubMenuArea li span a
{
	color: Black;
	font-weight: bold;
}

#SubMenuArea li li span a
{
	color: Black;
	font-weight: bold;
}

#SubMenuArea li li li
{
	
}

#SubMenuArea li span.toptemplate a
{
	color: #b99b00;
}

/*************************/
/* CONTENTAREA           */
/*************************/
#MainContentArea
{
    /* IE 6 doesn't support min-height so the height is set instead, */
    /* relying on that it will expand beyond it if needed */
   
    height: 30em;
    min-height: 30em;
    float: left;
    /*position:relative;*/
	border-left:1px solid #CCCCCC;
}

/* IE 6 doesn't understand the > selector and ignores it */
html>body #MainContentArea {height: auto;}

#MainBodyArea
{
	float: left;
	margin:0;
	/*width:35.44em;*/
	width:35.83em;
}

#MainBodyArea #MainBody
{	
	padding:0 2.1em 1.5em 2.1em;
	
}

/*************************/
/* RIGHTCONTENTAREA      */
/*************************/
#RightContentArea
{
	float: right;
	/*width:252px;
	width:20.78em;*/
	width:20.77em;
	width:21.0em;
	overflow:hidden;
	
}


/*************************/
/* FOOTERAREA            */
/*************************/
#PageBottom
{
	/*position: relative;*/
	height:16px;
	background: url(images/FooterBg.png) bottom left repeat-x;
}

#PageBottomCornerRight
{
	height:16px;
	/*position: relative;*/
	background: url(images/FooterCornerRight.png) bottom right no-repeat;
	float:right;
	width:13px;	
}

#PageBottomCornerLeft
{
	height:16px;
	/*position: relative;*/
	background: url(images/FooterCornerLeft.png) bottom left no-repeat;
	width:13px;	
	float:left;
}

#FooterArea
{
	width:100%;
	height:5em;
	margin: 1.5em 0 0 0;
}

#Footer 
{
	height:100%;
}

#FooterArea ul
{
	background-color:#f2f2f2;
	border-top:0.1em solid #d9d9d9;
	border-bottom:0.1em solid #d9d9d9;
	height: 3em;
	width:100%;
	padding: 0;
	margin:0;
	list-style-type: none;
	float: left;
}

#FooterArea ul li
{
	margin: 0.8em 0 0 0.5em;
	display: block;
	float: left;
	color: #7b7b7b;
	padding: 0 0.5em;
	font-size: 0.9em;
}

#FooterArea ul li.last
{
	float:right;
	color:#7a7a7a;
	padding: 0 1.5em 0 0;
}

#FooterArea ul li.first
{
	padding: 0 0 0 1.5em;
}

#FooterArea a
{
	text-decoration: none;
	color: Black;
}

#FooterArea a:hover
{
	text-decoration: underline;
}

/*************************/
/* PUFF					 */
/*************************/


#PuffTop
{
	font-size:1px;
	width:252px;
	height:5px;
	background: url(images/PuffTop.png) top left no-repeat;
	float:left;
}

.SearchPuffTop
{
	font-size:1px;
	width:252px;
	height:5px;
	background: url(images/PuffTop.png) top left no-repeat;
	float:left;
}

.topblue
{
	background: url(images/PuffTop_blue.png) top left no-repeat;
	
}
.PuffBottom
{
	width:252px;
	background: url(images/PuffBottom.png) bottom left no-repeat;
	padding:0.5em 1.5em 1em 1.5em;
	margin-bottom:1em;
	float:left;
}

.green
{
	background: url(images/PuffBottom_green.png) bottom left no-repeat;
}
.blue
{
	background: url(images/PuffBottom_blue.png) bottom left no-repeat;
}
.pink
{
	background: url(images/PuffBottom_pink.png) bottom left no-repeat;
}
.yellow
{
	background: url(images/PuffBottom_yellow.png) bottom left no-repeat;
}

.searchblue
{
	background: url(images/SearchPuffBottom_blue.png) bottom left no-repeat;
}



#PuffContent
{
	width:215px;
	float:left;
}


/*************************/
/* STARTPAGE             */
/*************************/
#MainContentArea.StartPage
{
	border:0px;
	
}

#MainBodyArea.StartPage 
{
    
	float: left;
	margin:0;
	width: 48.10em;
	width: 48.29em;
	
}

#MainBodyArea #MainBody.StartPage
{
	padding:1em 5em 1.5em 6em;
	
}

#MainPuff
{
	
	
}


/**********************************/
/*    Table classes for content   */
/**********************************/
table.classic
{
	border-collapse: collapse;
	border: solid 0.1em #777777;
}

table.classic th
{
	border: solid 0.1em #777777;
	background-color: #DADADA;
	padding: 0.4em;
}

table.classic td
{
	border: solid 0.1em #777777;
	padding: 0.2em 0.4em;
}

table.color
{
	border-collapse: collapse;
	border: solid 0.1em #275569;
}

table.color th
{
	border: solid 0.1em #275569;
	background-color: #4495b9;
	color: White;
	padding: 0.4em;
}

table.color td
{
	border: solid 0.1em #275569;
	padding: 0.2em 0.4em;
}

th.highlighted, td.highlighted {}

table.classic th.highlighted
{
	background-color: #AAAAAA;
}

table.classic td.highlighted
{
	background-color: #F0F0F0;
}

table.color th.highlighted
{
	background-color: #377995;
}

table.color td.highlighted
{
	background-color: #d1e6ef;
}

th.leftalignedcontent, td.leftalignedcontent
{
	text-align: left;
}

th.rightalignedcontent, td.rightalignedcontent
{
	text-align: right;
}

/**********************************/
/*   Image  classes for content    */
/**********************************/
img.topleftfloatingimage
{
    margin-right: 1em;
    margin-bottom: 1em;
	float: left;
}

img.toprightfloatingimage
{
	float: right;
	vertical-align: top;
    margin-left: 1em;
    margin-bottom: 1em;
}

img.borderless
{
	border:0px;
	margin:0 0.3em 0 0;
}




/*************************/
/* QUICKSEARCH           */
/*************************/

input.quickSearchField
{
	border: 1px solid #9c9c9c;
	float: left;
	margin: 0px 1em 0px 0px;
	width: 12.33em;
}

/*************************/
/* SELF SERVICE REGISTER */
/*************************/
div.RegisterHeader
{
	float:left;
	width:100%;
}

div.RegisterField
{
	padding:0 0.5em 0 0;
	margin:0;
	float: left;
}
div.RegisterButton
{
	float: right;
	margin:2em 0 0 0;
}


/*************************/
/* SITEMAP PAGE          */
/*************************/
#SiteMap ul 
{
    margin: 0;
    padding: 0.2em 0;
}

#SiteMap ul ul
{
    padding: 0;
    margin-left: 0.5em;
}

#SiteMap li
{
    margin: 0 0 0.5em 0;
    padding: 0;
    list-style: none;
    font-size: 1.0em;
}
#SiteMap li a
{
    text-decoration: none;
}

#SiteMap li li
{
    margin: 0.2em 0;
    padding-left: 1em;
    background: url(images/SiteMapBullet.png) no-repeat;
    font-size: 0.9em;
}

#SiteMap li li a
{
    text-decoration: underline;
}

#SiteMap li li li
{
    font-size: 1em;
}

/*************************/
/* SEARCH				 */
/*************************/

input.searchText
{
	border: 1px solid #9c9c9c;
	float: left;
	margin: 0px 0.5em 0px 0px;
	width: 20em;
}

/*************************/
/* FAQ					 */
/*************************/

div.FAQAnswer
{
	background-color:#EDEDED;
	margin:0.5em 0 0.5em 0.5em;
	padding: 1em 1em 1em 1em;
}

/*************************/
/* FORMS                 */
/*************************/
.xForm {}

.xForm h2
{
	padding: 1em 0;
	margin: 0;
}

.xForm legend 
{
    color: Black;
}

.xForm input 
{
    float: left;
}

.xForm .heading
{
    font-weight: bold; 
    font-size: 1em; 
    padding: 0; 
    margin: 0.4em 0em;
}

.xForm #id_matrix
{
    width: 100%;
	margin: 0;
	padding: 0;
}

.xForm #id_matrix td
{
	border:0;
	margin: 0;
	padding: 0.2em 0;
}

span.xformvalidator
{
    color:  #f6303f;
   
}

.xForm .options 
{
    float: left;
}

.xForm label 
{
    margin-right: 0.5em;
    float: left;
}

#id_matrix br 
{
    clear: both;
}

.thankyoumessage
{
	padding: 1em 0;
	margin: 0;
	font-weight: bold;
}

/*************************/
/* PAGELIST              */
/*************************/


.pageList ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float:left;
	width:100%;
}

.pageList ul li
{
    padding: 0.3em 0 0.3em 0;
	list-style-type: none;
	float:left;
	width:100%;	
}

.pageList h2
{
	margin: 0;
}

/************************/
/* CONTACT FORM         */
/************************/

.formRow
{
	display:block;
	margin:0 0 1em 0;
	float:left;
}

.nospacing
{
	margin:0;
}
.formRow .left
{	
	float:left;
	width:8.5em;
	margin-right:1em;
}

.formRow .right
{
	float:left;
	width:20.5em;
	
}

div.formRow input
{
	font-size:1em;
	font-family:Arial;	
}

.formRow .formSelect
{
	border-color:#cccccc;
	border-width:1px;
	border-style:inset;

}

.formRow .formInput
{
	border:1px solid #cccccc;
	width:15em;
}

.formRow .formInputSmall
{
	border:1px solid #cccccc;
	width:8em;
}

.formRow .formTextArea
{
	border:1px solid #cccccc;
	width:19em;
	font-family:Arial;
	font-size:1.0em;
	
}

/************************/
/* CAMPAIGN              */
/************************/

body.campaign
{
	background-color: #ffffff;
	color:#ffffff;
}

body.campaign form
{
    background: none;
}
div.CampaignPageArea
{
	padding:0 2em 0 2em;
	
}
div.CampaignPageArea a
{
	color:#ffffff;
	text-decoration:none;	
}

div.CampaignPageArea a:hover
{
	text-decoration:underline;
}

div.CampaignPageArea .introText
{
	font-size:1.2em;
	padding-bottom:0.5em;	
}

div.CampaignPageArea .formHeader
{
	border:0;
	display:block;
	height:1.5em;
	width:9.5em;
	padding:0;
	margin:0;
	padding:0em 0 1em 0;	
	font-size:1em;
	float:left;
}

div.CampaignPageArea input
{
	
	font-size:1em;
	border:0;
	
}

div.CampaignPageArea input.formInput
{
	display:block;
	height:1.5em;
	width:15em;
	padding:0;
	margin:0;
	margin:0em 0 1em 0;	
	float:left;
	background-color: #ffffff;
}

div.CampaignPageArea .infoText
{
	display:block;
	float:left;
	width:100%;
	color:#aae3e7;
	
}
div.CampaignPageArea .footerText
{
	padding-top:0.2em;
	display:block;
	float:left;
	width:100%;
	font-size:0.85em;
	font-family:Verdana;
	color:#aae3e7;
}

div.CampaignPageArea div.leftfloating
{
	float:left;
	padding-right:0.2em;
}

div.CampaignPageArea .rightfloating
{
	float:right;
}

div.CampaignPageArea div.column1
{
	width:48%;
}
div.CampaignPageArea div.column2
{
	width:45%;
}
div.CampaignPageArea div.columnwide
{
	width:90%;
}

div.CampaignPageArea div.columnbottom
{
	width:85%;
}

div.CampaignPageArea textarea
{
	border:0;	
}

div.CampaignPageArea .fileUpload
{
	border:0;
	width:16em;
	vertical-align:top;
	background-color: #ffffff;
	
}

div.CampaignPageArea .btnSend
{
	border:0;
	width:8em;
	display:block;
	background-color: #ffffff;
}

div.CampaignPageArea a.blockLink
{
	display:inline-block;
	width:13em;
	vertical-align:top;
	margin-left:1.0em;
	font-size:0.9em;
}
.errorText
{
	color:Red;
}

/************************/
/* POPUP PAGE           */
/************************/

body.popup
{
	background-color: #ffffff;
	
}

body.popup form
{
    background: none;
    width:100%;
}

.popupContainer
{
	padding:0 10px 0 10px;
}
/*.popup .xForm #id_matrix
{
    width: 100%;
	margin: 0;
	padding: 0;
	background-color:Fuchsia;
}*/