@charset "utf-8";
/* CSS Document */

BODY { background-color: #ebe2cb; background-image: url('images/background_gradation.jpg'); background-repeat: repeat-x; width: 990px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; margin-top: 24px;}
#ekstranettBody {width: 1190px}
 
h1 { font-size: 1.2em; margin: 0px 0px 10px 0px; clear: both;}
h2, .heading { font-size: 1.1em; margin: 0px; clear: both; font-weight: bold; }
h3 { font-size: 1em; margin: 0px; clear: none; }
p { margin: 0px 0px 10px 0px;}
a { color: #666666;}
.strong { font-weight: bold; }
/* Til paging */
#pagingMedia .SelectedPagingItem {background: none; background-image: none; background-repeat: no-repeat; text-decoration: none; display: inline; padding-left: 3px; padding-bottom: 3px}
#pagingMedia .UnselectedPagingItem {background: none; background-image:none; background-repeat: no-repeat; text-decoration: underline; display: inline; padding-left: 3px; padding-bottom: 3px}
/* /paging */
a:hover { text-decoration: none;}

p.date { color: #999999; margin: 0px;}

img { border: 0; }

.a img { border: none;}

#page {}

/* HEADER */
#header { margin: 0px; padding: 0px; }
#logo {  float: left; width: 205px; padding: 0px 25px 18px 15px; }

/* MainMenu */
#globalMenu { float: left; width: 727px; overflow:hidden; padding: 0px 1px 14px 8px; background: #ffffff url('images/globalMenuBg.png') no-repeat left 11px; border-bottom: 1px solid #bcbcba; margin: 0px 0px 14px 0px; }
.globalMenuInner { width:100%; overflow:hidden; }
.globalElement { width: 166px; float: left; padding: 0px 7px 1000px 7px; margin-bottom: -1000px; }
.globalTabArea { color: #999999; background: transparent url('images/topTabLeft.gif') no-repeat left top; height:2em; border: 0px solid #bcbcba; padding: 5px 0px 0px 12px; }
.globalTabArea span { background:transparent url('images/topTabRight.gif') no-repeat right top; padding: 5px 27px 0px 0px; }
img.tab {  }

#global1 { background: url('images/bg_global_1.gif') repeat-y #7a99bd; width: 166px; float: left; margin:0px 0px -1000px; padding:0px 0px 1000px; }
#global1 ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; overflow:hidden;}
#global1 ul li {}
#global1 li a {display: block; border-bottom: 1px solid #5e7b9b; padding: 6px 2px 6px 7px; text-decoration: none; color: #ffffff; font-weight: bold; overflow: hidden; width: 100%; }
#global1 li a:hover{ background-color: #04557e; }
#global1 li a.selected { background: #04557e url('images/pil_global_selected.gif') no-repeat left 8px;}

#global2 { background: url('images/bg_global_2.gif') repeat-y #7ba32b; width: 166px; float: left; margin:0px 0px -1000px; padding:0px 0px 1000px; }
#global2 ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; overflow:hidden;}
#global2 ul li {}
#global2 li a {display: block; border-bottom: 1px solid #7ba32b; padding: 6px 2px 6px 7px; text-decoration: none; color: #ffffff; font-weight: bold; overflow: hidden; width: 100%; }
#global2 li a:hover{ background-color: #006600; }
#global2 li a.selected { background: #006600 url('images/pil_global_selected.gif') no-repeat left 8px;}

#global3 { background: url('images/bg_global_3.gif') repeat-y #93678d; width: 166px; float: left; margin:0px 0px -1000px; padding:0px 0px 1000px; }
#global3 ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; overflow:hidden;}
#global3 ul li {}
#global3 li a {display: block; border-bottom: 1px solid #825a7d; padding: 6px 2px 6px 7px; text-decoration: none; color: #ffffff; font-weight: bold; overflow: hidden; width: 100%; }
#global3 li a:hover{ background-color: #65335f; }
#global3 li a.selected { background: #65335f url('images/pil_global_selected.gif') no-repeat left 8px;}

#global4 { background: url('images/bg_global_4.gif') repeat-y #faa140; width: 166px; float: left; margin:0px 0px -1000px; padding:0px 0px 1000px; }
#global4 ul { list-style-type: none; margin: 0px; padding: 0px; width: 100%; overflow:hidden;}
#global4 ul li {}
#global4 li a {display: block; border-bottom: 1px solid #c78338; padding: 6px 2px 6px 7px; text-decoration: none; color: #ffffff; font-weight: bold; overflow: hidden; width: 100%; }
#global4 li a:hover{ background-color: #954d01; }
#global4 li a.selected { background: #954d01 url('images/pil_global_selected.gif') no-repeat left 8px;}

/* /MainMenu */

/* Bilder på startsiden (der submeny kommer på resten av sidene) */
.HomepageIcon { padding: 15px 0px; float: left; clear: both; width: 210px; }
.HomepageIcon img { float: left; padding: 0px 4px 0px 0px; }
.HomepageIconText {float: right; width: 120px; padding:0px; margin:0px; }
.HomepageIcon h2 { clear: none; color: #437d4a; font-size: 1.5em; font-weight: normal; padding-bottom: 10px; }

.HomepageIconText a {  text-decoration: none; color: #000000; background: Transparent url('images/icon_arrow_link.gif') no-repeat left 4px; padding-left: 9px; display: block; }
.HomepageIconText a:hover {  text-decoration: underline; color: #666666; background-image: url('images/icon_arrow_link_hover.gif');}
.HomepageIcon h2 a, #contentArea h2 a, #contentArea h3 a, #contentArea .heading a{ background-image: none; text-decoration: none; padding-left: 0px; color: #437d4a;  }
.HomepageIcon h2 a:hover, #contentArea h2 a:hover, #contentArea h3 a:hover, #contentArea .heading a:hover {  background-image: none; text-decoration: underline; color: #006600; }



/* LEFTCOLUMN */
#leftColumn { width: 205px; padding: 0px 25px 0px 15px; clear: left; float: left; }

#leftColumnTop { }
#leftColumnTop img {}

#utilityMenu { position: relative; left: -3px; font-size: 0.9em  }
#utilityMenu ul{ list-style-type: none; margin: 0px; padding: 0px; width: 100%; overflow:hidden;}
#utilityMenu li{ float: left; text-align:center; width:20%;}
#utilityMenu li a{ text-decoration: none; color: #999999; }
#utilityMenu li a:hover{ color: #000000; }
#utilityMenu img { display:inline-block; border: none; padding: 2px 0px 2px 0px; }
#utilityMenu span { clear: both; float: left; width: 35px}

.searchArea { width:100%; text-align: center; padding-top: 6px; }
.button { font-size: 1.2em; font-weight: bold; margin-left: 5px;}
.searchArea input.field {}
.AdvancedSearchLink { float: right; padding-top: 5px; font-size: 0.9em; }

#leftColumnNavigation { padding-top: 18px; padding-bottom: 15px; }

#subMenu ul{ list-style-type: none; margin: 0px; padding-left: 8px; }
a.selectedWithChildren { background: Transparent url('images/arrow_selected.gif'); background-position: 0px 8px ; background-repeat: no-repeat;  color: #000000; font-weight: bold; }
a.selectedNoChildren { background: Transparent url('images/arrow_selected_last.gif'); background-position: 0px 8px ; background-repeat: no-repeat;  color: #000000; font-weight: bold; }
#subMenu li {  margin:0px; display: block; font-weight: bold; }
#subMenu li a { text-decoration: none; width: 100%; display: block; padding: 5px 2px 5px 9px; border-bottom: 1px solid #d3d0c7; }
#subMenu li a:hover{ background-color: #e3decd; }

/* CONTENT */
#contentArea {float: left; width: 706px; padding: 14px 14px 14px 14px; background-color: #ffffff; border: 1px solid #bcbcba; margin:0px;}
#contentAreaEkstranett {float: left; width: 906px; padding: 14px 14px 14px 14px; background-color: #ffffff; border: 1px solid #bcbcba; margin:0px;}

a.arrow { color: #666666; background: Transparent url('images/arrow_link.gif') no-repeat left 4px; padding-left: 9px; display: block; }
a.arrow:hover {  text-decoration: underline; color: #333333; background-image: url('images/arrow_link_hover.gif'); background-repeat: no-repeat;}

#contentArea h1 a, #contentArea h2 a, #contentArea h3 a { background-image: none; text-decoration: none; padding-left: 0px; }
#contentArea h1 a:hover, #contentArea h2 a:hover, #contentArea h3 a:hover { text-decoration: underline; }

#contentArea ul { padding-left: 9px; margin-left: 8px; }
#contentArea li { }

.breadcrumb { padding: 5px 10px; color: #ffffff; }
.authorAndDate {display: block; font-style: italic; color: #999999; padding-left: 14px; clear: both}

.content100 { padding: 10px; margin: 0px; display: block}
.content100container { padding: 0px; margin: 0px; display: block}
.content50Left { padding: 10px; float:left; width: 333px; margin: 0px; }
.content50Right, .content50RightImage   { padding: 10px 0px 10px 10px; float:left; width: 333px; margin: 0px; }
.content75 { padding: 10px; float:left; width: 446px; margin: 0px; }
.content35 { padding: 10px; float:left; width: 220px; margin: 0px; }
.content25 { padding: 10px; float:left; width: 168px; margin: 0px; }
/* Ny layout !!! */
.mainSection { padding: 0px; margin: 0px; display: inline-block; width: 100%}
.mainLeftSection { padding-top: 10px; padding-bottom:10px; margin: 0px; display: inline-block; width: 70%; background-color: #EEFFEE; vertical-align: top}
.mainSingleSection { padding-top: 10px; padding-bottom:10px; margin: 0px; display: inline-block; width: 100%; background-color: #EEFFEE; vertical-align: top}
.mainRightSection { padding-top: 10px; padding-bottom:10px; margin: 0px; display: inline-block; width: 29.3%; background-color: #FFEEEE; vertical-align: top}


img.imageRight { padding: 10px 0px 10px 10px; float: right;}
img.imageLeft { padding: 10px 10px 10px 0px; float: left;}
img.imageFlushRightLeft { padding: 10px 0px 10px 0px; float:left; clear: both}
.content50RightImage img { padding: 5px 0px 5px 0px;}
#contentArea .content50RightImage a {background-image: none; border: none; padding-left: 0px; }
img.imageList { padding: 0px 0px 10px 10px; float: right;}

.ingress { padding-bottom: 7px}

.Horizontalline { clear: both; border-bottom: 1px solid #cccccc; margin: 5px 0px;}

/*#paging { text-align: center; padding: 30px; clear: both; }
#paging a { background-image: none; clear: none; display: inline; }
#paging a:hover { background-image: none; clear: none; }*/






#contentArea ul.list {
	list-style-type: none; overflow: hidden; margin:0px; padding: 0px;
	}
#contentArea ul.list li {
	height: 100%; background-color: #cccccc; margin:10px 0px; padding: 0px; font-size: 1.1em;
	}
#contentArea ul.list li a, ul.list li a:visited,  ul.list li a:active {
	display: block; padding: 5px; border: 1px solid #cccccc; border-bottom: 1px solid #cccccc; height: 100%; color: #000000; background: url('images/faq_arrow_expand.gif') right top  no-repeat; text-decoration: none;
	}
#contentArea ul.list li a.collapse, ul.list li a:active.collapse {
	background: url('images/faq_arrow_collapse.gif') right top no-repeat;
	}
#contentArea ul.list li a:hover.collapse, ul.list li a:visited.collapse {
	color: #fff; background: url('images/faq_arrow_collapse.gif') right top no-repeat #999999;
	}
#contentArea ul.list li a:hover {
	color: #fff; background: url('images/faq_arrow_expand.gif') right top no-repeat #999999;
	}

#contentArea ul.list .description {
	padding: 10px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; overflow: hidden;  height: 1%; background-color: #ffffff;
	}
#contentArea ul.list .description a, ul.list .description a:active, ul.list .description a:visited {
	display: inline; padding: 0; border: 0; background: none;
	}
#contentArea ul.list .description a:hover {
	background: #f26532;
	}
#contentArea ul.list .description img {
	float: left; margin-right: 10px;
	}
#contentArea .toplinks {
	font-size: 87%; text-align: right; display: block; padding: 5px 0 0 0;
	}
#contentArea ul.list a span {
	color: #333; font-size: 87%; padding-left: 10px;
	}
	
/*SEARCH*/

#FilterArea {  }
#LeftFilterArea { }
.searchFieldArea { background-color: #cccccc; padding: 5px 5px 10px 5px; border-top: #666666 3px solid; font-weight: bold; }
.searchField { width: 400px; font-size: 1.2em;}
.searchOptions {}
.leftSearchOptions { float: left; padding: 10px 50px 10px 0px; }
.rightSearchOptions { float: left; padding: 10px 0px 10px 0px;}
#SearchResultArea { }
.pagingArea { clear:both; background-color: #cccccc; padding: 5px 5px 10px 5px; border-top: #666666 3px solid; font-weight: bold; }
.pagingArea .label { padding: 5px}
.filterInput { font-size: 1.1em; margin: 0px 5px 0px 5px; }
#SearchResultArea a { background-image: none; clear: none; padding-left: 0px; display: inline;}
#SearchResultArea a:hover { background-image: none; }
#SearchResultArea .pagingArea a { padding: 0px 5px 0px 5px;}
.searchItem { padding: 10px 0px; overflow: hidden; }
.searchItem .left { width: 500px; float: left; }
.searchItem .right { float: right; padding: 0px 20px;  }


/*FOOTER*/
#footer { color: #8b7d56; clear: both; text-align: center; margin: 0px 9px 0px 245px; padding: 10px 0px 15px 0px; } 


.footerimage { float: left; }
.footerText { float: left; padding: 23px 10px 10px 20px;}

/*.PagingContainer {text-align: center; padding: 30px; clear: both; }*/
.PagingContainer {display: block; clear: left}
.PagingContainer a { background-image: none; text-decoration: none; display: inline; }
.PagingContainer a:hover {text-decoration: underline}
.SelectedPagingItem {color: Gray}
.PagingContainer a.SelectedPagingItem {text-decoration: none}
.PagingContainer a.SelectedPagingItem:hover {color: Gray;  text-decoration: none; cursor:default}
.UnselectedPagingItem {font-weight: bold}


/* Til EkstranettStart.aspx */
.extranettUserStatusArea {width:300px}

/* Til ExtranettMasterPage.master */
a.imgEkstranettLogo img {padding-top: 27px;}   
.ekstranettVenstreLinkTekst {font-size: x-small; font-weight: bold; background: none;}

/* Til Kursliste.aspx */

.mammo_table {width: 80%; margin:3px}
.mammo_table_header{background-color: #7ba32b; font-weight:bold}
.mammo_row_odd {background-color:#ffffff}
.mammo_row_even {background-color:#dee8ca}


/* Til EventLiaste.aspx */

.event_table {width: 80%; margin:3px}
.event_table_header {background-color: #7ba32b; color:#ffffff; font-weight:bold}
.event_row_odd {background-color:#ffffff; }
.event_row_even {background-color:#dddddd}
.address_table {width: 100%; margin: 3px}

.newsListLeft {width:333px; float:left; } /*border-right: solid 1px #cccccc; */
.sectionHeader {font-weight:bold; color: White; width:313px; display:block; text-decoration: none}
#contentArea .sectionHeader a:hover {font-weight:bold; color: #ffffff; width:313px; display:block; text-decoration: underline}
#contentArea .sectionHeader a {font-weight:bold; color: #ffffff; width:313px; display:block; text-decoration: none}
.masterLogoutArea {border: solid 1px #cccccc; color: black; padding: 2px 2px 2px 2px; margin-top: 2px; vertical-align:middle }
.masterLogoutArea a {border: none; color: black; font-weight: bold; padding: 0px 2px 4px 8px; margin-bottom: 4px; background: Transparent url('images/icon_arrow_link.gif') no-repeat left 4px; }

.newsFilterArea {width:98.5%; background-color: #cccccc; color:black; margin: 0px 0px 0px 0px; padding: 5px; }
.newsFilterheader {font-size: 1.2em; clear: none; color: black; font-weight:bold; }
    
/* Ansatt / Forsker */
.ansattCaption {display: inline; float: left; font-weight: bold; width: 12em;}

/* xForms sider */    
.skjemaFelt {display: block; clear: both;}    
.xformvalidator {font-weight: bold; color: red; margin-left: 5px; display: inline-block; float: left;}
