/************************/
/* GLOBAL               */
/************************/


#Page 
{
	padding:0;
	position: relative;
	overflow:hidden;
	width:100%;
	background-color:#fff;
}


.contentPadding { padding:0 0.5em;background-color:#fff; }

img { border:0; }


.pagelist ul li h3 a{text-decoration: none;}

h1, h2, h3, h4, .heading2, .heading3
{
	font-family: Arial, Verdana, serif;
}

h1 {font-weight: normal; font-size: 1.7em; line-height: 1.4em; padding: 0; margin: 0.2em 0;}
h2, .heading2 {font-weight: normal; font-size: 1.4em; padding: 0; margin: 0.2em 0;EditMenuName:Overskrift 2}
h3, .heading3 {font-weight: bold; font-size: 1em; padding: 0; margin: 0.4em 0;EditMenuName:Overskrift 3}

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

.introduction 
{
    font-style:italic;
	EditMenuName: Ingress;
}

hr 
{
	margin: 0.5em 0;
	height: 1px;
	padding: 0;
	background: #d7d7d7;
	color: #d7d7d7;
	border:0;
}

hr.clear 
{
    clear: both;
}

ul 
{
    padding: 0;
    margin: 1.5em;
}

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

.hidden 
{
    display: none;
}

.error 
{
    color: Red;
}

.button
{
	text-align:center;
    border: 1px solid black;
    color:White;
    background: black url(images/buttonBg.png) repeat-x;
}

table
{
	font-size: 1em;
	border-collapse: collapse;
}

th
{
	text-align: left;
}
td{vertical-align:top;}
td.right{vertical-align:top;text-align:right;}

/************************/
/* HEADER               */
/************************/
#Header
{
	position: relative;
	padding: 0px;
	background-color:#fff;
	
}

#Logotype
{
	float: left;	
}
#Logotype Img
{
	padding-top:20px;
	padding-bottom:20px;
}

#Functions
{
	position: absolute;
	top: 8px;
	right: 2px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

#Functions li
{
	display: block;
	height: 1.6em;
	float: left;
	border-left: 1px solid #dee1e3;
	padding: 0 1em;
	overflow: visible;
}

#Functions li.first
{
	border-left: 0;
}

#Functions li a 
{
	display: block;
	color: #3b3d41;
	text-decoration: none;
	float: left;
	padding-left: 2em;
}

#Functions a:hover
{
	color: Black;
	text-decoration: underline;
}

a.loginButton
{
	background: url(images/ButtonLogin.png) no-repeat;
}

a.logoutButton
{
	background: url(images/ButtonLogin.png) no-repeat;
}

a.rssButton
{
	background: url(images/ButtonRss.png) no-repeat;
}

a.sitemapButton
{
	background: url(images/ButtonSitemap.png) no-repeat;
}

a.languageButton, input.languageButton
{
	background: url(images/buttonLanguage.png) no-repeat;
}

input.languageButton 
{
    width: 20px;
    float: left;
    height: 1.6em;
}

select.languageButton 
{
    font-size: 1em;
}

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





#MainMenuArea
{
	margin:0;
	position: relative;
	height: 17px; 
	height:27px;
	line-height:17px;
	font-family: Arial, Verdana;
	color: White;
	font-size: 0.8em;
	clear: both;
	xpadding-left:2.4em;
	width: 100%;
	xborder-right:1px solid #5a1452;
	overflow:hidden;
	padding-left:1px;

}
#FooterArea, #SearchMenuArea 
{
	margin:0;
	position: relative;
	xheight: 17px; 
	line-height:17px;
	font-family: Arial, Verdana;
	color: White;
	font-size: 0.9em;
	clear: both;
	width:100%;
	padding-right:1px;
	overflow:hidden;
	xborder-right:1px solid #5a1452;
		

}


#MainMenuArea ul, #FooterArea ul
{

	margin: 0;
	padding: 0px 0px 0px 2.4em;	
	list-style-type: none;
	float: left;
	
}

#MainMenuArea li, #FooterArea li
{
	display: block;
	float: left;
}

#MainMenuArea li.selected a 
{
	display: block;
}

#MainMenuArea li a
{
	text-transform: uppercase;
	display: block;
	padding: 5px 16px;
	text-decoration: none;
	color: White;
}


#FooterArea li a
{
	text-transform: uppercase;
	display: block;
	padding: 0px 16px;
	text-decoration: none;
	color: White;
	font-weight:bold;
}


/*************************/
/* QUICKSEARCH           */
/*************************/
.QuickSearchArea
{
	height:17px;
	float:right;
}

input.quickSearchField
{
	font-size:0.9em;
	border: none;
	float: left;
	margin-top: 3px;
	margin-bottom: 1px;
	height:9px;
	line-height:9px;
	background-color:White;
	width: 10em;
}

.quickSearchButton
{
	height: 15px;
	display: block; 
	float: left;
	margin-right:10px;
}

/*************************/
/* STAGEAREA             */
/*************************/
#StageArea
{
    width: 100%;
    padding: 0.5em 0 1.5em 0;
	overflow: hidden;
	background-color:#fff;
}

/*************************/
/* BREADCRUMBS           */
/*************************/
#BreadCrumbsArea
{
	position: absolute;
	left: 20.5em;
	font-size: 0.8em;
	font-family: Arial, Verdana, helvetica, Sans-Serif;
	line-height: 2.5em;	
	width:34em;
}

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

/*************************/
/* SUBMENUAREA           */
/*************************/
/* frontpage */
#StageArea.StartPage #SubMenuArea{width:100%;}
/* all other pages */
#StageArea.Page #SubMenuArea{width: 15.2em;}

#SubMenuArea
{
	float: left;
	overflow: hidden;
	color: #3e3e3e;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	padding-bottom: 2em;
}

#SubMenuArea a
{
	color: #3e3e3e;
}

#SubMenuArea a:hover
{
	color: Black;
}

#SubMenuArea ul
{
	padding: 0;
	margin: 0 0.5em;
	list-style-type: none;
	line-height: 1em;	
}

#SubMenuArea ul ul
{
	margin: 0 0 0.6em 1.5em;
	border: 0;
}

#SubMenuArea li
{
	font-size: 0.9em;
}

#SubMenuArea li a, #SubMenuArea li span
{
	display: block;
	padding: 0.5em 0.5em 0.5em 12px;
	text-decoration: none;
}

#SubMenuArea li li span 
{
	background-position: 0.7em 0.2em;
}

#SubMenuArea li li a, #SubMenuArea li li span
{
	padding: 2px 0px 2px 15px;
}

#SubMenuArea li li
{	
	border-bottom-color: White;
	font-size: 1em;
}


#SubMenuArea li span
{
	font-weight: bold;

}

#SubMenuArea li li span
{
	font-weight: bold;

}

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

/*************************/
/* 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: 20em;
    min-height: 20em;
    margin-top: 1.5em;
	width: 51em;
	float: left;
}

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


#MainBodyArea
{
	width: 34em;
	overflow: hidden;
	float: left;
}

#MainBodyArea #MainBody
{	
	margin: 0em 2em 2em 0em;
}

#MainBodyArea .pageList
{
	padding: 0;padding-top:10px;
}

#MainBodyArea .pageList ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#SecondaryBodyArea
{
	width: 17em;
	overflow: hidden;
	float: left;
}

#SecondaryBodyArea #SecondaryBody
{
	margin: 0 1em;
}
#MainAndSecondaryBodyArea
{
	width: 53em;
	overflow: hidden;
	float: left;
}
#MainAndSecondaryBodyArea #MainBody
{
	margin: 0em 2em 2em 0em;
}
/*************************/
/* STARTPAGE             */
/*************************/
#StageArea.StartPage 
{
    position: relative;
    background-image: none;
    width: 100%;
    padding-bottom: 0;
	overflow: hidden;
}

#StageArea.StartPage #ImageArea 
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 18em;
	clear: both;
	background-color: #006ea0;
	border-bottom: 0.6em solid #006ea0;
	visible: hidden;
}

#StageArea.StartPage #SecondaryBodyArea 
{
	position: absolute;
	top: 0em;
	right: 0em;
	width: 17em;
	height: 18em;
	padding: 2em;
	color: White;
	overflow: hidden;
}

#StageArea.StartPage .pageList
{
	border: 0;
	padding: 0;
	margin: 0;
}

#StageArea.StartPage ul 
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#StageArea.StartPage #MainContentArea
{
    height: auto;
	width: 100%;
	min-height: 0;
	padding: 1em 0;
	margin: 0;
	background-image: none;
	overflow: hidden;
}

/* left area */
#StageArea.StartPage #LeftArea
{
	float: left;
	width: 25%;/*12em*/
	border: 0;
	overflow: hidden;
}
#StageArea.StartPage #SubMenuArea li a{font-weight:bold;font-size:1.1em}

/* middle area */
#StageArea.StartPage #MiddleArea
{
	float: left;
	width: 50%; /*30em*/
	overflow: hidden;
	border-left: 0px solid #d7d7d7;
	border-right: 0px solid #d7d7d7;
}
#StageArea.StartPage #MiddleArea #MiddleAreaInner {padding-left: 1em;padding-right: 1em;}

#StageArea.StartPage #NewsArea li, 
#StageArea.StartPage #EventsArea li
{
	margin: 0.5em 0;
}
/* right area */
#StageArea.StartPage #RightArea
{	
	padding: 0 1em;
	overflow: hidden;
}
#StageArea.StartPage #RightArea #RightAreaInner {}

/*************************/
/* LOGIN PAGE            */
/*************************/
.loginArea 
{
    width: 100%;
}

.loginArea label 
{
    display: block;
    line-height: 1em;
    width: 35%;
}

.loginArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* REGISTER PAGE         */
/*************************/
.registerArea 
{
    width: 100%;
}

.registerArea label 
{
    display: block;
    line-height: 1em;
}

.registerArea input
{
    margin: 0.3em 0 1em 0;
}

/*************************/
/* SUBSCRIPTION PAGE     */
/*************************/
.subscriptionArea 
{
    width: 100%;
}

.subscriptionArea label.topLabel 
{
    display: block;
    line-height: 1em;
}

.subscriptionArea input, .subscriptionArea select
{
    margin: 0.3em 0 1.5em 0;
}

.subscriptionListArea input
{
    margin: 0 0.3em 0 0;
}

.subscriptionListArea td 
{
    vertical-align: text-bottom;
    padding: 0.3em 0;
}

/*************************/
/* SEARCH PAGE           */
/*************************/
#ResultArea 
{
    padding-top: 2em;
}

#ResultArea ol
{
    margin: 0;
    padding-left: 2em;
}

#ResultArea li 
{
    margin: 0; 
    padding: 0;
}

input.searchText 
{
    width: 75%;
}

/*************************/
/* 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.3em;
}
#SiteMap li a
{
    text-decoration: none;
}

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

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

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

/*************************/
/* DOCUMENTS             */
/*************************/
#MainBody.documentList ul
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#MainBody.documentList li
{
    clear: both;
}

#MainBody.documentList .download 
{
    float: right;
}

#MainBody.documentList a
{
    padding: 0 0 2px 20px;
}

a.bmpExtension {background: url(images/extensions/bmp.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.docExtension, a.docxExtension {background: url(images/extensions/doc.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.gifExtension {background: url(images/extensions/gif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.htmExtension, a.htmlExtension {background: url(images/extensions/htm.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.jpgExtension, a.jpegExtension {background: url(images/extensions/jpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mp3Extension {background: url(images/extensions/mp3.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.mpgExtension {background: url(images/extensions/mpg.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pdfExtension {background: url(images/extensions/pdf.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pngExtension {background: url(images/extensions/png.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.pptExtension, a.pptxExtension {background: url(images/extensions/ppt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.tifExtension, a.tiffExtension {background: url(images/extensions/tif.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.txtExtension {background: url(images/extensions/txt.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.wavExtension {background: url(images/extensions/wav.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.xlsExtension, a.xlsxExtension {background: url(images/extensions/xls.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}
a.zipExtension {background: url(images/extensions/zip.gif) no-repeat; padding: 0 0 2px 20px; line-height: 2em;}

/*************************/
/* PAGELIST              */
/*************************/
.pageList ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.pageList li
{
    padding-bottom: 1em;
	list-style-type: none;
}

.pageList h2
{
	margin: 0;
}
.pageList .dateTime
{
	font-weight:normal;	
}

.NewsListingItem, .HNSEventListingItem {
	text-align:left;
	overflow:hidden;
}
.HNSEventListingItem 
{
	padding-bottom:1em;
	border-bottom: solid 1px #E75121;	
}
.NewsListingIntroPicture{
	FLOAT: left; 
	WIDTH: 75px;
	border:0px;
	margin-right:0.4em;	
}
.listitemwithpicture {
	float:left;
}

.listitemwithoutpicture h3 a, .listitemwithpicture h3 a{
	text-decoration: none;	
	font-size: 1.4em;
}

.listitemwithpicture h3 a div
{	
	float: left;	
	MARGIN-RIGHT: 0.5em; 
	margin-bottom:0.42em;
}


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

.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;
}

/*************************/
/* FOOTERAREA            */
/*************************/
#FooterArea
{
	xoverflow: visible;
	xclear: both;
	width:100%;
	float:left;
}

#Footer 
{
	height: 17px;
	display:block;width:100%;clear:both;
}

#FooterArea ul
{
	float: right;
}

FooterArea ul li
{
	display: block;
	float: left;
	color: White;
	border-left: solid 1px White;
	padding: 0 0.8em;
	font-size: 0.8em;
}
#Footer ul li.last
{
	padding-right: 1em;
}

FooterArea a
{
	text-decoration: none;
	color: White;
}

FooterArea li:hover
{
	text-decoration: underline;
}
.eventContainer
{
	padding-top:1.5em;
	padding-bottom:1.5em;
}
#FooterMenu .parent {float:left;margin-bottom:20px;}
#FooterMenu .parent h3 {font-size:1.2em;font-weight:bold;margin:10px 5px 10px 0;} 
#FooterMenu .parent ul{width:132px;margin:0;padding:0;float:left;margin-right:19px;overflow:hidden;}

#FooterMenu .parent ul li{display:block;clear:both;margin:0;padding:0;width:100%;}
#FooterMenu .parent ul li a{text-transform:none;margin:0;padding:0;display:inline;width:100%;font-size:0.9em;font-weight:normal;}


/**********************************/
/*    Table classes for content   */
/**********************************/
table.normal
{
}

table.normal th
{
	padding-right:1em;
}

table.normal td
{
	padding-right:1em;
}

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;
}
/*****************************/
/*    HNS                    */
/*****************************/
#HNSCalendar
{
	margin: 0 1em 0 0;
}
#HNSCreateEvent
{
	padding-bottom:2em;
	width:40em
}
#HNSCreateEvent td.label
{
	width:14em;	
}
#HNSCreateEvent .widefield
{
	width:20em;
}
.HNSEventListingItem h2{ font-weight:bold; }
#HNSCalenderRightMenu .HNSCreateNewEventLink{padding:1em 0 1em 0; font-size:larger;}
.HNSEventListingIntroPicture {
	FLOAT: left; 
	WIDTH: 14em;
	border:0px;
	padding:1em 1em 0em 0em;	
}
table.searchBox
{	
}
table.searchBox .button
{
	width:3em;
	font-weight:bold;
}
table.searchBox td.beskrivelse{ vertical-align:top;}
div.searchBoxContainer{}
.searchBoxContainer .searchBox tr {line-height:0em;}
.HNSCreateNewEventLink{padding-top:2em;padding-bottom:2em;}

table.HNSeventdetails td.label { font-weight:bold; width:6em;}
table.HNSeventdetails {margin-right:10px;}
table.HNSeventinfo{margin:0.5em 0;}

/*Newsletter*/
.padding {padding-bottom:10px;}
#MainBody .checkboxlist {margin-top:10px;}
#MainBody .checkboxlist input {margin-top:10px;}
#MainBody .subscribebutton {clear:both;display:block; margin-top:10px;margin-bottom:10px;}
#MainBody .container{float:left;width:100%;overflow:hidden; padding-bottom:10px;}
#MainBody .container .innerContainer{float:left;overflow:hidden;width:100%; padding-bottom:5px;}
#MainBody .container .innerContainer p{font-size:1.1em; padding-bottom:0;margin-bottom:0;}
#MainBody .container .innerContainer p.message{color:Gray; padding:0; padding-left:27px;}
#MainBody .container .innerContainer img{float:left; padding-right:5px;}
#MainBody .container .warning{color:red; font-weight:bold; padding: 5px 5px 5px 0;}
#MainBody .container .ok {color:green; font-weight:bold; padding: 5px 5px 5px 0;}
#MainBody .container h2 {margin:0; font-weight:bold;}
#MainBody .container h3 {font-size:1.2em;}

div.clearer{clear:both;display:block;line-height:1px;}


/*bugfiks camilla - må bort*/
.flexigrid {background-color:#fff;float:left;}

/*webParts*/
div.transparent {position:relative;}
div.transparent .webpartHeading {background-color:Black;opacity: 0.80;filter: alpha(opacity=80);position:absolute;top:0;width:100%;padding:0.4em 0}
div.transparent .webpartContent {padding:5px}
div.transparent img {}
div.transparent h2{color:#fff;font-weight:bold; font-size:1.1em;left:0;display:block;margin:0;padding:0 5px 0 5px;}

div.purple {padding-bottom:10px;}
div.purple .webpartHeading{width:100%;padding:0.4em 0}
div.purple img {}
div.purple h2 {color:#000;xfont-weight:bold;xtext-transform:uppercase; font-size:1.2em;font-weight:bold;display:block;margin:0 0 0 0;padding:0 5px 0 5px;}
div.purple ul li h3 {margin:1em 0 0 0;}
div.purple p {font-weight:bold;}
div.purple ul {list-style:none;margin:0 0 0 5px;padding:0;}


.dateTime {font-weight:normal; font-style:italic;}

a.readmore{font-style:italic;background: transparent url(/images/readMorebutton.jpg) no-repeat -4px 0px;padding:0 0 0 12px;margin:0;}
a.readmore{font-style:italic;background: transparent url(/images/readMorebutton.jpg) no-repeat -4px 0px;padding:0 0 0 12px;margin:0;}


div.footerShortcut {background: transparent url(/templates/public/styles/glossy/images/bg_shortcuts.gif) repeat-x 0px 0px;width:100%;padding:0.4em 0;text-align:center;}
div.footerShortcut a {color:#fff;}

/* Newstyles 28.01.2011 */
img.listPictureWide{padding:15px 0 15px 0;}
img.socialMedia{padding:15px 5px 15px 0;}
div.rightContent {margin:58px 0 0 10px;background-color:Black;padding:10px;color:White;}
div.rightContentWhite {margin:10px 0 0 10px;padding:10px;}
div.clearBoth{clear:both;padding-bottom:10px;}
div.imageLeft {float:left;width:170px;padding:0 10px 10px 0;}
div.introRight{float:right;width:190px;}
div.rightText{color:#ccc;}