/* Global elements */
.menu li { display: inline; }

ul.toolbar-menu { list-style: none; margin-left: 0; clear: both; }


#global { font-size: 1.0em; line-height: 1.6em; background: url(../images/globalmenygradient.png) repeat-x bottom; }

#global .border-box { border-top: 1px #fff solid; border-bottom: 1px #dee3e5 solid; }

/* global-menu */
#global-menu { float: left; line-height: 3.3em; }
#global-menu li { float: left; }
#global-menu li a { text-align: center; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #333; display: block; 
                    padding-left: 0.9091em; padding-right: 0.9091em; padding-top: 1em; }
#global-menu li a:hover { background-color: #616161; color: white; }
#global-menu a.current  { background-color: #a00; color: white; }
#global-menu a.current:hover { background-color: #a00; color: white; }

/* Global search */
#search input[type=submit] { margin-top: 10px; border: 1px solid transparent;  background: transparent url(../images/forstorrelsesglass.gif) no-repeat; }
#search .cb { float: left; width: 30em;}

/* global-additionals */
#global-additionals { margin-top: 0.1em; }
#global-additionals a { color: black; text-decoration: none; }
#global-additionals a { font-size: 1.1em; padding-right: 2em; padding-left: 1em; background: url(../images/separator.gif) no-repeat right 0.5em; }
#global-additionals #letter-size a { padding-left: 0.2em; padding-right: 0; background: none; }
#letter-size { padding-left: 1em; }
#letter-size #size-l { font-size: 1.5em; }
#letter-size #size-xl { font-size: 2em; }


#skip-to-content {display: none; }

#logo { text-align: center; }
#logo img { vertical-align: middle; line-height: 15em;  }
#logo:hover { background-color: transparent; }


/* ----- Site elements ---- */

#site { float: left; background-color: #39759c; }

/* site-menu */
#site-menu-container { overflow: hidden; background: url(../images/decore-line.png) repeat-x 0 3.3em; }
#site-menu-container-container { margin: 0 auto; width: 100%; padding-bottom: 1.8em; background: url(../images/decore-line.png) repeat-x bottom;}   /* TODO: Legges på med Javascript? */

#site-menu { height: 3em; background-color: #e7e7e7; }
#site-menu { position: relative; }   /* To fix some variant of the IE6 Peekaboo Bug  */
#site-menu li { display: block; float: left; width: 18em; }
#site-menu li.last { padding-right: 0; width: 17em; }
#site-menu a { color: #333; text-decoration: none; }
#site-menu li a { display: block; line-height: 3em; }
#site-menu li a:hover { background: url(../images/site-menu-selected-bg.png) repeat-x center; }
#site-menu { background: #D4D4CF url(../images/site-menu-bg.png) repeat-x top center; }

#site-menu li a { border-left: 1px solid #B9B9B7; font-size: 1.2em; line-height: 2.5; 
                  height: 2.5em; overflow: hidden; }   /* TODO Move to a better place */
#site-menu li.first a { border-left: none; }
#site-menu .submenu a { border-left: none;   font-size: 100%; }


#site-menu li.selected { background: url(../images/site-menu-selected-bg.png) repeat-x top; } 
#site-menu li.selected li { background-color: #eee; }

#site-menu a { padding: 0 1em; }
#site-menu .submenu { margin-top: 1.5em; float: left; background: url(../images/submenu-bg.png) repeat-x; }
#site-menu .submenu li { margin-right: 0; }
#site-menu .submenu a { padding-left: 1em; margin-right: 1em; }
#site-menu li.last .submenu li { width: 17em; }
#site-menu .submenu a { border-bottom: 1px solid #c8d2d4; }
#site-menu .submenu a:hover { color: #fff; background-color: #a00; background-image: none; }


/* site-title */
/* #site-title-container { height: 17em; color: white; background: #81B3D9 url(../images/studie_bg.gif) no-repeat center center; } */
.center-box { height: 8em; line-height: 8em; }
#site-title { display: table-cell; float: left; margin-top: 0.3333em; 
              vertical-align: middle; font-family: Arial; font-size: 2.8em; 
              padding-left: 0.8667em; border-left: 1px solid #a00; }
#site-title a { color: #333; }


form#feedback, form#tip-a-friend { display: none; }
#videoview div {display: none;             
 			position:absolute; 
            background-color:#EEEEEE;
            border-bottom:2px solid #666666;
            border-right:2px solid #666666;
            padding:10px;
            width: 400px;
            z-index:100;}          
#videoview p {margin-bottom: 0.2em;}            
#videoview a.close { float:right; color: #000000; background: none;}

#frontpage-a-z { border-top: 1px solid #c8d1d6; border-bottom: 1px solid #c8d1d6; }
#frontpage-a-z a { display: block; font-size: 2.3em; text-align: center; line-height: 2.8261em; font-family: "Times New Roman", Times, serif;
                   margin: 1px 0; background: #cbddeb url(../images/a-aa.png) no-repeat top left; 
                   height: 6.3913em; }
#frontpage-a-z p .letters { font-size: 2.6087em; letter-spacing: 0.1667em; display: block; }
#frontpage-a-z a:hover { text-decoration: none; }

/* ----- Content elements ---- */

#navigation-path { overflow: hidden; background: #fff; border-bottom: 1px solid #ddd; padding-bottom: 0.5em; }
#navigation-path a { font-size: 1.1em; color: #a00; line-height: 1.2727em; }
#navigation-path li { display: inline; padding: 0 0.6em 0 2.1em; 
                      background: url(../images/arrow-red.png) no-repeat left center; }
#navigation-path li.home {background: none; padding-left: 0; }
#navigation-path li.home a {background: url(../images/home.png) no-repeat left center; height: 15px; padding: 0 10px;}
#navigation-path li.home a span {display: none;}

#subject-search {  }


#infocard { margin: 1em 0 3em; padding: 2em 1em; background-color: #f1f1ef; overflow: hidden; }
#infocard img { float: left; width: 15em; margin-right: 1em; height: 15em; }
#infocard .left-image h1 { margin-left: 8em; padding-left: 0.5em; }
#infocard .left-image .content { margin-left: 13.333em; padding-left: 0.8333em; }

#main-text { margin-left: 1em; margin-bottom: 2em; }
#main-text h2 { font-size: 2.4em; font-weight: normal; margin-bottom: 0.2em; }
#main-text a.description { text-decoration: underline; }

#taglist li { display: inline; font-size: 1.8em; line-height: 2.3333em; padding-right: 3.333em; }
#taglist li a { color: #6a9b01; }

.subtitle { margin-bottom: 0.5em; }
#content .subtitle .date { font-family: Verdana, sans-serif; font-size: 0.8333em; color: #555; float: right; width: 15em; text-align: right; padding-right: 0.5em; }


.summary-list { margin-bottom: 3em; }
.summary-list h3 { font-size: 2em; line-height: 1.2em; font-weight: normal; margin-bottom: 0.3em; padding-left: 0.75em; }
.summary-list p { padding-left: 1.25em; } 
.summary-list h3 a { text-decoration: none; }
.summary-list li, .testimonial { width: 100%;  margin-bottom: 2.8em; }
.summary-list .summary { overflow: hidden; }

.testimonial { background-color: #f2f2f2; padding-top: 1em; padding-bottom: 2em; }
.testimonial q { font-size: 1em; }
.testimonial img { padding-right: 1em; }
.testimonial .content { margin-left: 1.5em; margin-right: 1.5em; }

.studieretning { background-color: #f2f2f2; 
				 padding-top: 2em; padding-bottom: 3em; padding-left: 1em; padding-right: 1em;
				 margin-top: 2em;
				 margin-bottom: 3em;
			   }
.studieretning h2 { margin-bottom: 1.5em; }
.studieretning a { background:transparent url(../images/arrow-red-small.png) no-repeat scroll left center; 
                   color: #a00; 
                   margin-left: 2em;
                   margin-right: 1em;
                   padding-left: 2em;
                   line-height: 1.667em; }
.studieretning span { margin-left: 2em;
                   	  margin-right: 1em;
                      padding-left: 2em;
                      line-height: 1.667em; }                   	
.studieretning a:hover { text-decoration: underline; }

.left .organizationalRelationships{ margin-top: 3em; }		 

.summary-list img, .testimonial img { float: left; width: 15em; height: 15em; margin-left: 1.5em; }
.summary-list .left-image h3 { margin-left: 8.25em; padding-left: 0.5em; } 
.summary-list .left-image p, .testimonial .left-image p { margin-left: 13.75em; padding-left: 0.8333em; }

.navigation .summary-list { margin-left: 1em; padding-top: 3em; padding-right: 1em;
                            background-color: #f1f1ef; overflow: hidden;}
.navigation .summary-list h3 { font-size: 1.5em; line-height: 1.4667em; margin-left: 10.6667em; 
                               padding-left: 0.6667em; margin-bottom: 0; }
.navigation .summary-list h3 a { color: #a00; }
.navigation .summary-list h3 a:hover { text-decoration: underline; }
.navigation .summary-list li li { margin-top: 0.3667em; margin-bottom: 0.6667em;}
.navigation .summary-list li li a { background:transparent url(../images/arrow-red-small.png) no-repeat scroll left center; color: #a00; 
								   margin-left: 18.6667em; margin-bottom: 0.6667em; padding-left:0.9090em;}
.navigation .summary-list li li a:hover { text-decoration: underline; }
.navigation .summary-list .content { font-size: 1.1em; margin-left: 14.5455em; padding-left: 0.9090em; }



.archive h1, .archive #hits h2 { font-size: 6em; letter-spacing: 0.1667em; font-family: "Times New Roman",Times, serif; color: #606060; }
.archive h1 { line-height: 1.0833em; }
.archive #groups li { display: inline; font-size: 1.4em; }
.archive .description { font-size: 1.1em; }
.archive #hits h2 { line-height: 1; text-align: center; font-weight: normal; }
.archive #hits .group { overflow: hidden; margin-bottom: 3em; }
.archive #hits .odd { background-color: #c8d1d6; padding: 2.5em 0; }
.archive #hits .odd h2 { color: #fff; }
.archive #hits .group h2 { float: left; width: 2em; }
.archive #hits .group ul { float: left; width: 38em; padding-top: 0.5em; padding-left: 1em; }
.archive #hits .group li { font-size: 1.1em; line-height: 1.2727em; padding-bottom: 0.4545em;margin-bottom:2em;  }
.archive #hits .group li img { margin-right:2em;float:left}
.archive #hits .group li .name {font-size:2.2em;font-style:normal;display:block;padding:1em 0px 0.25em 0px;color:#333333}
.archive #hits .group li p a {font-style:normal;padding:0px;}
.archive #hits .group li p {padding:0.25em 0px 0.25em 0px;font-size:1.2em; overflow:hidden}
.archive #hits .group h2 a { float: left; font-size: 0.3em; text-align:left; letter-spacing:0.1em; width:27em;}
.archive #hits .group ul.grouped { clear: both; padding-top: 1em; padding-left: 5em; }
.archive #hits .group ul.grouped li { clear: both; }
.archive #hits .group ul.grouped ul.subgrouped { clear: both; padding-left: 5em; font-size: 0.9em;}


/* Søkeresultat og kalender */
#search-filters { background-color: #f9f9f9; }

.search-result #head { padding-left: 1em; }
#results { padding-left: 0.9091em; }
.res { margin-bottom: 2.5em; }
.res h3 { font-size: 1.4em; font-weight: normal;  /*margin-bottom: 0.7143em;*/  margin-bottom: 0.333em;}
.res h3 a { text-decoration: underline; }
.res .abstr { font-size: 1.1em; line-height: 1.2727em; }
.res .metadata { color: #000; }
.res .actions { margin-top: 0.333em;}
.res .date { font-weight: bold; }
.res .contenttype { text-transform: uppercase; }
#info { margin-top: 1em;}
#sorter { margin-top: 1em;}

#results ol { margin: 0; padding: 0; margin-top: 2em; }
#results li { list-style-type: none; }
#results #pg { font-size: 1.6em;  padding-top: 0.5em; margin-bottom: 3em; }


.event-type { float: left; width: 18em; }
#events-today { clear: left; background-color: #f1f1ef;  }
#no-events { clear: left  }
#events-upcoming { clear: left }
#events-period { clear: left }


/* ---- Core content ---- */
#core-content2 { clear: left; }  /* Slett 2-tall hvis probemer med IE6 */

.tabs-container {  border-top: none; background-color: transparent; }
ul.tabs-nav { overflow: auto; list-style-type: none; padding-bottom: 3px; border-bottom: 1px solid #c8d1d5; }
#core-content .tabs-nav a { font-size: 1.1em; font-weight: normal; text-decoration: none; text-align: left; line-height: 1.9em;
                            padding: 0 0.9091em; }
#core-content .tabs-nav li:first-child a { padding-left: 0; }
#core-content .tabs-nav a { color: #555; }
#core-content .tabs-nav a:hover { color: #fff; background-color: #616161; }
.tabs-nav li { min-width: 0; }
#core-content .tabs-selected a { color: #a00; font-weight: bold; }
#core-content .tabs-selected a:hover { color: #a00; font-weight: bold; background-color: #fff; }

.tabs-container h2 { color: #333; padding-top: 6px; padding-bottom: 6px;}
.tabs-container h3 { color: #333; padding-top: 6px;}

#core-content .label { color: #555; }

/* ----- Shared elements ----- */

.figure { overflow: hidden; margin-bottom: 2.5em; }
.figure img.video { outline-width:0px; 
                    background-color:transparent;
                    /*color:#FFFFFF;*/
                    cursor:pointer;
                    position:absolute;
                    padding-top: 5em;
                    margin-left: -7%;}
                               

.nofima-module { background: url(../images/nofima-module-bottom.gif) repeat-x center bottom; padding-bottom: 2px; }
.nofima-module h3, .subtitle { padding-left: 1em; background: url(../images/rectangle-blue.gif) no-repeat left center; 
                 border-top: 1px solid #C8D1D5; border-bottom: 1px solid #C8D1D5;
                 font-family: "Times New Roman", Times, serif; font-size: 1.5em; 
                 line-height: 0.9em; color: #555; text-transform: uppercase;
                 font-weight: normal; margin-bottom: 0.6667em; padding-top: 0.28em; padding-bottom: 0.15em; 
                 overflow: hidden;}

.nofima-module .content { font-size: 1.1em; line-height: 1.2727em; margin-top: 0.2727em; margin-left: 1.3636em; overflow: hidden; }
.nofima-module .content h4 { margin: 0; font-size: 1em;  margin-bottom: 0.3em; }
.nofima-module .content ul { margin: 0; }
.nofima-module .content li { list-style-type: none; margin-bottom: 0.8em; }

.nofima-module .content a:link { text-decoration: none; color: #005473; }
.nofima-module .content a:visited { text-decoration: none; color: #005473; }
.nofima-module .content a:active { text-decoration: underline; color: #000000; }
.nofima-module .content a:hover { text-decoration: underline; color: #005473; background-color: transparent; }


.nofima-module .more { font-size: 1.1em; display: block; margin-bottom: 1em; font-weight: bold; 
                    padding-left: 1.3636em; background: url(../images/arrow-blue.png) no-repeat left center; }
.nofima-module .time { font-weight: bold; color: #d95900; }

.nofima-module.calendar { display: block; background-color: transparent;
                       background: url(../images/nofima-module-bottom.gif) repeat-x center bottom;
                       border: none; 
                       font-size: inherit; font-family: inherit; }  /* Needed to override styling from jscalendar */
.nofima-module.calendar h3 { background-image: url(../images/rectangle-orange.gif) }
.nofima-module.calendar .content a { color: #333; }
.nofima-module.calendar .content a:active { color: #000; }
.nofima-module.calendar .more { background-image: url(../images/arrow-orange.png); }
.nofima-module.calendar .more { color: #d95900; }


.nofima-module.organizationalRelationships h3 { background-image: url(../images/rectangle-red.gif) }
.nofima-module.organizationalRelationships .content { margin-left: 0; }
.nofima-module.organizationalRelationships .content a { color: #a00; padding-left: 1.3636em; background: url(../images/arrow-red.png) no-repeat left center;}



.nofima-module.summary { background-image: none; }
.nofima-module.summary .description { font-size: 1.1em; margin-left: 1.3636em; }
.nofima-module.summary .content { margin-left: 0; }
.nofima-module.summary .content a { padding-left: 1.3636em;
                                 background: url(../images/arrow-blue.png) no-repeat left center; }

/*Profiletext*/
#profile-text { margin-top:3em; }
#profile-text h2 { font-size:2em; font-weight: normal; line-height:1.2em; margin-bottom: 0.3em;}
#profile-text .bodytext p{ font-size:1em; line-height: 1.667em; }
#profile-text .bodytext a{ font-size:1em; line-height: 1em; }
#profile-text img { margin-top: 1em; margin-bottom: 3em; float: left; width: 100%;}

/* Event */
#content.event .subtitle { margin-left: -1em; width: 34.3333em; background-image: url(../images/rectangle-orange.gif); }


/* ----- Related content elements ---- */
#related-content { background-color: #f6f6f6; position: relative; top: 0em; padding-top: 5em; }

#related-content div { line-height: 1.2em; }
#related-content .nofima-module li { margin-bottom: 0.5em; }

#related-content .nofima-module a  { text-decoration: none; }
#related-content .nofima-module a:hover, #related-content .nofima-module a:active { color: #005473; text-decoration: underline; background: none;}

#related-content .nofima-module { margin: 0 0.5em 3em 0.5em; padding-bottom: 0.5em; }
#related-content .nofima-module h3 { padding-left: 1em; }
/* #related-content div h3, #related-content div p, #related-content div ul, #related-content div h4 { padding-left: 1em; } */
#related-content .more  { font-weight: bold; padding-left: 1em; }

/* flyttes til typografi */
#related-content h3, #content .subtitle { overflow: hidden; border-top: 1px #c8d1d5 solid; border-bottom: 1px #c8d1d5 solid; }

#related-content ul { margin-left: 0; list-style-type: none; }


#relationships-container { margin-top: 4em; border-top: 1px solid #c8d1d5; margin-left: 0; background-color: #F3F3F3; line-height: 1.2em; }
#relationships-container li { border-bottom: 1px solid #c8d1d5; padding-bottom: 0.5em; }
#relationships-container  a { text-decoration: none; color: #000; }
#relationships-container  a:visited { color: #a00; }
#relationships-container  a:hover { color: #fff; background-color: #a00; } 
#relationships-container  a:active {}



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

#footer .content { padding-left: 10em; }
#colophone-logo { height: 8.1em; width: 11em; background: url(../images/logo-grey.png) no-repeat top left; }
#colophone { color: #383838; line-height: 1.5em; }
#colophone a { color: #004263; text-decoration: none; font-weight: bold; line-height: 1.5em; }
#colophone .copyright { color: black; font-weight: bold; }

/* ----- article-toolbar ---- */

#article-toolbar { background: #c8d2d4; border-top: solid 1px #747675; clear: both; margin-bottom: 0.2em}
#article-toolbar ul { border-bottom: solid 1px #747675; clear: left; margin: 0; list-style: none;}
#article-toolbar li { float: left;}
#article-toolbar a { color: #333; display: block; text-decoration: none;}
#article-toolbar #article-share{ height: 4em;}
#article-toolbar #article-share li { line-height: 2em; padding: 1em 0 1em 1.8em;}
#article-toolbar #article-share a {padding-left: 1.8em;}
#article-toolbar #article-share .facebook {background: url(../images/facebook.png) no-repeat left center;}
#article-toolbar #article-share .delicious {background: url(../images/delicious.png) no-repeat left center; }
#article-toolbar #article-share .google-bookmarks {background: url(../images/google-bookmarks.png) no-repeat left center; }
#article-toolbar #print-tip-a-friend{ height: 6em;}
#article-toolbar #print-tip-a-friend li{ width: 50%;}
#article-toolbar #print-tip-a-friend a{ font-size: 1.5em; line-height: 1em; padding: 1.5em 0}
#article-toolbar #print-tip-a-friend a.print {background: url(../images/print.png) no-repeat 1em center; padding-left: 5.5em;}
#article-toolbar #print-tip-a-friend a.print:hover {background: url(../images/print.png) no-repeat 1em center #f0f4f5; }
#article-toolbar #print-tip-a-friend a.tip-a-friend {background: url(../images/epost.png) no-repeat 1em center; padding-left: 5.8em;}
#article-toolbar #print-tip-a-friend a.tip-a-friend:hover {background: url(../images/epost.png) no-repeat 1em center #f0f4f5; }


/* ----- tip-a-friend ---- */
#tip-a-friend { background: #f1f4f4; border: solid 1px #d6d7d8; margin: 0 0 1em; padding: 1px;}
#tip-a-friend div { background: #f1f4f4; border: solid 2px #e6e9e9; padding: 2em;}
#tip-a-friend label {display: block; font-weight: bold;}
#tip-a-friend input, #tip-a-friend textarea {border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; border-left: solid 2px #aaa; border-top: solid 2px #aaa; width: 90%; padding: 0.5em;}
#tip-a-friend .submit { background: url(../images/submit-background.png) repeat-x left center ;border: none 0; border-bottom: solid 1px #9f9e9b; border-right: solid 1px #9f9e9b; display: inline; width: auto;}

/* Search box */

#global #searchbox {
  margin-top: 0.3em;
  }
  
#content #searchbox { margin-bottom: 3em; }  

/*searchField CSS*/
#sHolder{
  float:left;
	background:url(../images/search/searchFieldBG.gif) top left no-repeat;
	padding:3px 0px 0px 3px;
	border-bottom:solid 1px #e1e0e0;
	border-right:solid 1px #e1e0e0;
  }
	
#searchField{
  height:1.4em;
  padding-top: 0.4em;
  padding-left: 0.2em;
  font-size: 1.1em;
	border:solid 1px #ffffff;
	border-top:solid 2px #ffffff;
	width:24.6em;
  }
#sButton{
  float:left
  }
#searchSubmit{
  margin-left:1px;
	margin-top:0px;
  }
/*end searchField CSS*/
.bt {
	height:4px;
	margin:0 0 0 4px;
	background:url(../images/search/searchBG.png) no-repeat 100% 0;
}
.bt div {
	margin-left:-4px;
	width:4px;
	height:4px;
	background:url(../images/search/searchBG.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}
.bb {
	height:4px;
	margin:0 0 0 4px;
	background:url(../images/search/searchBG.png) no-repeat 100% 100%;
}
.bb div {
	margin-left:-4px;
	width:4px;
	height:4px;
	background:url(../images/search/searchBG.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
.l1 {
	padding:0 0 0 4px;
	background:url(../images/search/searchBorderLeft.png) repeat-y 0 0;
}
	/* Right border */
.l2 {
	padding:0 4px 0 0;
	background:url(../images/search/searchBorderRight.png) repeat-y 100% 0;
}
.clearfix{
clear:both;height:0px;visibility:hidden
}
#searchForm{
  position:relative;
	left:1px;
	top:2px;
	height:100%
}


/*Studieemnetabellen*/
.studieemnetabell { width: 100%; }
.studieemnetabell td { padding-top: 1em; padding-bottom: 1em; padding-left: 0.2em; padding-right: 0.2em; }
.studieemnetabell td.col0 { background-color:#d6ddde; }
.studieemnetabell td.col1 { background-color:#f1f1f0; }
.studieemnetabell td.col2 { background-color:#dcddd9; } 


/* TODO: Move the following declarations to a better place */

hr {
  background:#B2CCFF none repeat scroll 0%;
  border:medium none;
  clear:both;
  color:#B2CCFF;
  float:none;
  height:2px;
  margin:0pt 0pt 16px;
  width:100%;
}


.comment { margin-top: 15em; background-color: #fffb9a; }
.comment p { margin-bottom: 1em; }

#wizards .topic:hover { background-color: #fffb9a; }

#error {color:#AA0000; font-weight: bold;}