/*
  LAYOUT
  
  Base font size:          10 px (1 em)
  
  Number of columns:       15
  Column width:            5 em  (50 px)
  Gutter width:            1 em  (10 px)
  Total page width:        89 em (890 px)
  Left/right page margin:  3 em (30 px)
  
*/

body {  }

#logo { display: block; margin-left: 3.7em; margin-right: 4.5em; float: left; }

/* See the grid:
   Uncomment the line below to see the grid and baseline. */
   #grid { background: url(../images/950_grid_tall.png) repeat-y; position: absolute; 
           z-index: 100; top: 0; left: 50%; width: 95em; margin-left: -47.5em; height: 300em; }


#content, #global .content_, #footer .content_ { width: 89em; margin: 0 auto; overflow: hidden; }


.layout-1_5-2g-1_5g div.left { float: left; width: 22em; margin-right: 1em; }
.layout-1_5-2g-1_5g div.middle { float: left; width: 41em; margin-right: 1em; padding-left: 1em;
                                 background: url(../images/fade-to-left-bg.png) repeat-y; }
.layout-1_5-2g-1_5g div.right { float: left; width: 22em; padding-left: 1em; }
div.layout-1_5-2g-1_5g { overflow: hidden; background: url(../images/fade-to-left-bg.png) repeat-y 66em; }
.samples .layout-1_5-2g-1_5g div.middle { height: 10em; }
.samples .layout-1_5-2g-1_5g div.right { height: 10em; }
.samples div.layout-1_5-2g-1_5g { margin-bottom: 4em; }


.layout-3-2g div.left { float: left; width: 53em; margin-right: 1em; }
.layout-3-2g div.right { float: left; width: 34em; padding-left: 1em; }
div.layout-3-2g { overflow: hidden; background: url(../images/fade-to-left-bg.png) repeat-y 54em; }
.samples .layout-3-2g div.right { height: 10em; }
.samples div.layout-3-2g { margin-bottom: 4em; }


.layout-2-3g div.left { float: left; width: 35em; margin-right: 1em; }
.layout-2-3g div.right { float: left; width: 51em; padding-left: 1em; }
div.layout-2-3g { overflow: hidden; background: url(../images/fade-to-left-bg.png) repeat-y 36em; }
.samples .layout-2-3g div.right { height: 10em; }
.samples div.layout-2-3g { margin-bottom: 4em; }


.layout-3g-2 div.left { float: left; width: 53em; margin-right: 1em; }
.layout-3g-2 div.right { float: left; width: 35em; }
div.layout-3g-2 { overflow: hidden; background: url(../images/fade-to-right-bg.png) repeat-y 40em; }
.samples .layout-3g-2 div.right { height: 10em; }


.left, .middle, .right { padding-top: 5em; }
	
.middle { padding-bottom: 1000em; margin-bottom: -1000em; }

.nofima-module { margin-bottom: 3em; }

#contentbody-sidebar { float: right; width: 14.1667em; }

.event div.left { margin-top: 1em; margin-bottom: 5em; padding: 1em 1.5em; width: 50em;  }
.navigation div.left, .archive div.left { width: 35em; }
.navigation div.right { padding-top: 1em; }


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column, #related-content, #personcard, #relationships-container,
         #personbilde, #core-content, #news, #news2, #testimonial,
         #fokus-studier, #fokus-forskning, #feature, #feature div,
         #news-forskning, #news-generelt, #colophone, #colophone-logo,
         #create-container, #additional-tasks {
  float: left;
  margin-right: 1em;     /* Gutter width */
  /* padding-left: 0.5em;
  padding-right: 0.5em; */
}

/* Extra padding. */
#organizational-relationships { padding-left: 0.5em; padding-right: 0.5em; }

/* The last column in a row needs this class. */
.last, #site-menu li.last, #related-content, #personbilde, 
       #site, #fokus-forskning, #news-generelt, #feature div.last, #core-content, #colophone,
       #additional-tasks
  { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1   { width: 5em; }
.span-2,  #colophone-logo		{ width: 11em; }
.span-3,  #personbilde, #site-menu li, #feature div, #relationships-container, #related-content   { width: 17em; }
.span-4   { width: 23em; }
.span-5,  #news2,  #additional-tasks  { width: 29em; }
.span-6,  #personcard, #fokus-studier, #fokus-forskning, #news-forskning, #news-generelt { width: 35em; }
.span-7   { width: 41em; }
.span-8   { width: 47em; }
/*.span-9,  #news, #core-content   { width: 53em; }*/
.span-9,  #news, #core-content   { width: 51em; }
.span-10,  #create-container { width: 59em; }
.span-11  { width: 65em; }
.span-12, #feature  { width: 71em; }
.span-13  { width: 77em; }
.span-14  { width: 83em; }
.span-15  #testimonial  { width: 89em; margin: 0; }

.article #core-content { width: auto; float: none; }

/* Add these to a column to append empty cols. */
.append-1   { padding-right: 6em; }  
.append-2   { padding-right: 12em; } 
.append-3,  #fokus-forskning, #feature-publikum, #news-generelt   { padding-right: 18em; } 
.append-4   { padding-right: 24em; } 
.append-5,  #news   { padding-right: 30em; } 
.append-6   { padding-right: 36em; } 


/* Add these to a column to indent cols. */
.indent-1,  #colophone-logo { margin-left: 6em; padding-left: 0; }
.indent-3  { margin-left: 21em; padding-left: 0; }


.border, #feature-utdanning, #feature-forskning, #feature-tema {
  border-right:1px solid #ddd;
  margin-right:5px;
  padding-right:4px;
}


/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

/* Layout not based on grid */
/* #global, #footer { width: 89em; padding: 0 3em; } */
#global-menu { float: left; width: 55em; }
#site-title-container { width: 89em; margin: -1em auto 0; height: 11.4em; }
#global-additionals { width: 89em; margin: 0 auto; text-align: right;}
#global #searchbox { float: right; width: 33em; }

#site-menu, #my-desk { width: 89em; margin: 0 auto; }

.tabs-container { padding: 0; }
ul.tabs-nav { margin-left: 0; padding:0; }

table.vcard th, table.vcard td { padding: 0; padding-right: 10px; }

#footer { clear: both; padding-top: 12em; padding-bottom: 10em; background: #f5f5f5 url(../images/footer-bg.png) repeat-x }