/* RESET ALL CSS INFORMATION */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
/*

Formålet med dette stylesheet er at nulstille så meget som muligt af browsernes "egne" visuelle
instillinger (primært margin og border, der ellers har det med at gå i spunk!)

*/

small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

a:focus {outline: 1px dashed #000}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: '\201C' '\201D';
}

#page {
	width: 780px;
	margin: 0 auto;
}

#header {
	margin-bottom: 4px;
}

#main #content {
	float: left;
	padding-left: 10px;
	width: 574px;
}

#main {
	background: transparent url(http://static.portal.aau.dk/menu_border.png) no-repeat 100% 100% ;
	margin: 0px;
	padding: 0px;
}

#main #menu {
	width: 192px; 
	float: right;
}

#content {
	padding-top:1px;
	overflow: hidden;
}

#footer {
	margin-top:4px;
	clear:both;
}

/***********************************************************
 *
 * typography.css
 *
 * This style sheet is responsible for setting the 
 * basic typography rules for the AAU2009 design
 * including global margins, paddings etc. on elements.
 *
 ***********************************************************/

body {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #666; 
	line-height: 118%;
}

/************************
 *
 * Block level elements 
 *
 ************************/

address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, noscript, ol, p, pre, table, ul  {margin-bottom: 1.18em}

div.clear {
	clear: both;
	height: 0px;
}

/***** HEADERS (h1-6) *****/

h1, h2, h3, h4, h5, h6 {
	margin: 1.18em 0; 
	font-weight: normal;
}

h1 {
	line-height: normal;
	clear: none;
	font-size: 18px;
	font-weight: normal;
	padding-top: 15px;
	margin: 6px 0 11px 0;
}

h2 {
	font-size: 14px;
	font-weight: bold
}

h3 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
}

h4, h5, h6 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
}

/***** LISTS *****/

/** nested lists have no top/bottom margins **/

ul ul, ul ol, ul dl, ol ul, ol ol, ol dl, dl ul, dl ol, dl dir, dl dl {
	margin-top: 0;
	margin-bottom: 0;
}

/** Visual styling of lists **/

ul {
	margin: 12px 0px 12px 0px;
	list-style-type: disc
}

ol {
	margin: 12px 0px 12px 0px;
	list-style-type: decimal
}

ol ol {
	list-style-type: upper-latin
}

ol ol ol {
	list-style-type: upper-roman
}

li, dd {
	margin: .25em 0 .25em 3em
}

dt {
	font-size: 12px; color: #000
}

/* fixing CSS bug for left framed elements and lists */
#content ul,#content ol{
  position: relative;
  left: 2em;
  }

#content ul li, #content ol li {
  margin-right: 2em;
} 
/* end fix */

/************************
 *
 * Inline elements 
 *
 ************************/

strong {
	font-weight: bold
}

em {
	color: #000;
}

code {
	font-family: fixed;
}

/***** LINKS *****/

a:link {
	text-decoration: underline;
	color: #000
}

a:visited {
	color: #666;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration:none;
}

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

/************************
 *
 * Tables
 *
 ************************/

table {
      margin: 2px;
      border-width: 1px;
      border-spacing: 1px;
      border-style: solid;
      border-color: black;
      border-collapse: collapse;
}	      
	      
table th {
      font-size: 12px;
      color: black;
      border-width: 1px;
      padding: 4px;
      border-style: solid;
      border-color: gray;
}
	      
table td {
      border-width: 1px;
      padding: 4px;
      border-style: solid;
      border-color: gray;
}
							 

table.noBorder td, table.noBorder, table.noBorder th, table.noBorder tbody, table.noBorder thead{
       border: none;
}
       
table[border="0"] td, table[border="0"], table[border="0"] th, table[border="0"] tbody, table[border="0"] thead{
       border: none;
}


/*************************

  Leadin

*************************/

.leadin {
        font-weight: bold;
}


/* POSITIONING OF ELEMENTS */

#header {height: 186px; position: relative}
#header a.home {position: absolute; bottom: 0}
#header a {position: absolute; text-decoration: none}
#header a img {position: relative;}
#header #aauLogo {top: 17px;}
#header #selectLanguage {top: 9px; right:0}
#header form {position: absolute; top: 35px; right: 0}

/* Visual presentation */
#header img {border: none;}

#header form input#searchField {
	background: white url(http://static.portal.aau.dk/gradient.png) repeat-x 0 0; 
	color: #666;
	border: 1px solid #ccd6df;
	font-size: 10px !important;
	margin: 0 2px 0 0;
}

#searchForm div {
    position: relative;
    top: -15px;
    font-size: 9px;
}

#searchForm .searchBox {
    padding-left: 5px;
    top: -12px;
}

#header form input {margin-bottom: -1px}

#header #selectLanguage {
	color: #666;
}

#content h1 {
	margin-left: -10px
}

ul#topNavigation {
	position: relative;
	width: 574px; /* due to 10px padding on parrent element*/
	margin: 4px auto -6px 0;
	text-align: right;
        left: 0;
        padding-right: 0;
}

ul#topNavigation li {
	display: inline;
	margin: 5px 0 0 0;
}

ul#topNavigation li.last a {
	border-right: 0;

}

#topNavigation a {
	border-right: 1px solid #e6e6e6;
	color: #4d4d4d;
	line-height: 18px;
	padding: 0 6px 0 3px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}

ul#topNavigation li a.active {
	text-decoration: underline;
}

ul#topNavigation a:hover {
	text-decoration: underline;
}

#menu {
	width: 192px;
	border-top: 1px solid #e6e6e6;
	margin: 0px 0px 0px 3px;
	padding:0px;
	list-style-type: none;
	margin-bottom: 0;    
	float: right;    
}

#menu ul {
	list-style-type: none;
}

#menu li {
	margin: 0;  
}

#menu .expanded {
	background-color: transparent;
}
#menu .level1 .active {
	color: #fff;
	margin:  0px;
	width: 176px;   
}
#menu .level1 a {
	color: #4d4d4d;
	display: block;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px 0px 8px 15px;	
	width: 176px;
}
#menu .level1 a:hover {
	color: #fff;
}
#menu .level2 a:hover {
	background: transparent;
	color: #224272;
}

#menu .level2 .active {
	background-color: transparent;
	color: #4e4e4e; 
	background-image: none;
	margin: 0px; 
}

#menu .level2 a {
	color: #999;
	display: block;
	font-weight: normal;
	font-size: 10px;
	padding: 3px 0px 3px 22px;
	text-decoration: none;
	text-transform: uppercase;
	width: 168px;
}

/****************************************************************

   Generelle

*****************************************************************/

#content h2 small, #content h3 small {
	font-weight: normal;
	font-size: 90%;
	color: #666;
	display: inline-block;
}


#content h1 small {
	font-weight: normal;
	font-size: 60%;
	color: #666;
        display: inline-block;
}

#content img[align=right] {
	 float:right;
	 margin: 0 0 1em 1em
}

#content img[align=left] {
	 float:left;
	 margin: 0 1em 1em 0
}

/****************************************************************

    Alfabetiserede lister

*****************************************************************/

/* Alfabetiserede lister */

.alphabetizised ul{
	list-style-type: none;
	background: #fff;
	padding: 0;
	margin: 0;
}

.alphabetizised ul li{
	margin: 0  0 0 2em;
}

.alphabetizised ul + ul{
	margin-top: 2em;
}

/* Bruges til lister af links ifm navigation*/

#content ul.navigation li {
	display: inline; padding: 0; margin: 0 0.5em 0 0;
}

ul.navigation {
        clear:both;
} 

/****************************************************************

    Medarbejderlister - deprecated use staffList if possible

*****************************************************************/

#content ul.medarbejderliste, ul.medarbejderliste {
	list-style-type: none;
	background: #fff;
	padding: 0;
	margin: 0;
        left: 0px;
}

/*Visitkort*/

.medarbejderliste .visitkort p, .medarbejderliste .visitkort h2, .medarbejderliste .visitkort ul {
	padding-left: 90px
}

.medarbejderliste .visitkort hr {
	border: none;
	color: white;
	background-color: white;
	height: 0px;
	clear: both;
	margin: 0;
}

.medarbejderliste  .visitkort img {
	border: 1px solid #ccc;
	padding: 2px;
	background: white;
	float: left;
	margin: 0em 1em 1em 0em;
	clear: left;
}

.medarbejderliste ul {
	margin: 0 0 1em 0;
}


.medarbejderliste h2, .medarbejderliste ul, .medarbejderliste p  {
	margin: 0 0 .5em 0
}


.medarbejderliste .visitkort {
	margin: 0;
	padding: 1em;
	border: 1px solid #fff;
}


.medarbejderliste li.visitkort:hover {
	background: #f0f0f0;
	border: 1px solid #ccc;
}

.medarbejderliste li.visitkort h3{
       color: #666;
       padding-top: 5px;
}

ul.compact-employeelist li {
  margin-bottom: 15px;
}

ul.compact-employeelist li p {
  margin-bottom: 2px;
}

/* alfabetisk */

ul.medarbejderliste-navigation li {display: inline; padding: 0; margin: 0 0.5em 0 0}

.medarbejderliste li.kompakt {
	margin: 0 0 2em 0;
}

.medarbejderliste li.kompakt p {
	margin: 0;
}




/****************************************************************

    StaffList 

*****************************************************************/

.staffList .compact li {list-style:none; padding: 0; margin: 0 0.5em 1.25em 0;}
.staffList .microformat.vcard p {margin:  0 0 .20em 2em;}
.staffList .microformat.vcard .fn {font-weight: bold}


/****************************************************************

    Nyhedsliste, Arrangementsliste, mødeliste

*****************************************************************/

h2 a:link, h2 a:visited {
	text-decoration: none;
}

h2 a:hover{
	text-decoration: underline;
}

.newsList, .eventList, .publicationList, .projectList, .meetings, .VBNList {
	list-style-type: none;
	padding: 0;
	margin: 0;
}



.newsList li, .eventList li, .publicationList li, .projectList li, .meetings li, .VBNList li{
	padding: 0;
	margin: 0 0 2em 0;
	clear:both;
}


.newsList li.highlighted, .eventList li.highlighted, .publicationList li.highlighted, .projectList li.highlighted, .meetings li.highlighted, .VBNList li.highlighted {
	background: #e6e6e6;
	border: 1px solid #ccc;
	padding: 0 10px;
	margin: -10px -0px -10px -10px;
}

.newsList li:target, .eventList li:target, .publicationList li:target, .projectList li:target, .meetings li:target, .VBNList li:target{
	background: #e6e6e6;
	border: 1px solid #ccc;
	padding: 0 10px;
	margin: -10px -0px -10px -10px;
}

.newsList li p{
	margin-bottom:0;
}

#content .newsList h2 small, #content .newsList h3 small,
#content .eventList h2 small, #content .eventList h3 small {
	font-weight: normal;
	font-size: 90%;
	color: #666;
	display: block;
        margin-top: 5px;
}

/* Møde lister */

.meetings li p {display: inline}


/*******
 *
 *  ATTENTION BOXES 
 *
 ***************/
.attentionBox{
	margin-right: 4px;
	float: left;
	background: #000;
	width: 290px;
	height: 140px;
	overflow: hidden;
	position: relative;
}

.attentionBox.smallBox {
	width: 192px;
	margin-right: 0;
}

/* CONTENT IN ATTENTION BOXES */

/* headlines */
.attentionBox h1,
.attentionBox h2,
.attentionBox h3,
.attentionBox h4,
.attentionBox h5,
.attentionBox h6 {
        overflow: hidden;
	white-space: nowrap;	
	font-weight: normal;
	line-height: 22px;
	font-size: 18px;
	margin: 10px 12px;
}


/*default behaviour of lists, paragraphs and links */

.attentionBox li, .attentionBox p {
        overflow: hidden;
	white-space: nowrap;
	list-style-type: none;
	margin: 10px 12px;
	line-height: 20px;
	text-transform: uppercase;
	font-size: 9px;
}

.attentionBox li.last {
        position: absolute;
        bottom: 8px;
}

.attentionBox a {
	text-decoration: none;
}

/* ARTICLES in attentionboxes */

.attentionBox .article p {
	white-space: normal;
}

.attentionBox .article p a:link {
	text-decoration: underline;
}

.attentionBox .article {
        height: 128px;
        overflow: hidden;
} 


/****************************
 *
 *  footer
 *
 ***********/

#footer  a.showlist{
     text-transform: none;
}

#footer #contactInfo  {
	color: #878787;
	padding: 10px 0;
	clear: both;
	font-size: 9px;
}




/**********************

    feature story

*************************/
#content #featureStory { 
   margin-left: -10px;
padding: 10px;
}

#content #featureStory img { 
 margin: -10px 0 10px -10px;
}

#content #featureStory p {

display: inline;
margin-bottom: 1em; 
}

#content #featureStory p.readmore{
display: inline;
}

#content #featureStory a:hover,
#content #featureStory a:active
{
     text-decoration: underline;
}


/**********************

    minor stories

*************************/


#content #minorStories .minorStory,
#content #minorStories .minorStory a,
#content #minorStories .minorStory a:link,
#content #minorStories .minorStory a:visited
{
     text-decoration: none;
}

#content #minorStories .minorStory a:hover,
#content #minorStories .minorStory a:active
{
     text-decoration: underline;
}

#content #minorStories {
  margin-left: -10px;
  margin-top: 4px;
  /** Margins should be able to overlap each other - see backlog.
  * margin-bottom: 4px;
  **/
}

#content .minorStory {
  width: 290px;
  height: 90px;
  margin-right: 0px;
}

#content .minorStory{ float: left;}

#content .minorStory {margin-right: 4px}
#content .minorStory.last {margin-right: 0px}
#content .minorStory .minorStoryContent {margin: 0; height: 60px; width: 180px; margin-left: 80px; position: relative; padding: 15px;}
#content #minorStories {
  overflow: hidden;
}
#content .minorStory img {float: left;}
#content .minorStory .minorStoryContent p.read_more {position: absolute; bottom: 0px;}
#content .minorStory .minorStoryContent p.date {position: absolute; bottom: 18px;}




/**********************

   Styles

*************************/

.framed  {
	padding: 4px;
	margin: 0em 1em 1em 1em;
	border: 1px solid #E6E6E6;
}

.center {
	display: block; clear: both; margin: 1em auto;
}

.clear_both {
	clear: both;
}

.left  {
	float: left;
}

.right{
	float: right;
}

.framed.right {clear: right; margin-right: 0}
.framed.left {clear: left; margin-left: 0}




/**********************

     InfoBox 

***********************/
.infobox { background: #f0f0f0;} /* same color as .medarbejderliste li.visitkort:hover */
  .infobox.right, .infobox.left{width: 184px;}
  .infobox.framed .framed{ background-color: #FFF;} /* Framed items should have white bg.*/

.infobox h1, .infobox h2, .infobox h3, .infobox h4, .infobox h5, .infobox h6{
	margin: 0;
}




/*****************************

     Layout containers

******************************/

.container {
  margin-bottom: 4px;
  margin-left: -10px;
}

.half-width {
  width: 290px;
}

/*****************************

     Boxe

******************************/
.box {
  overflow: hidden;
}

.box h1{
  height: 28px;
  margin: 0;
  padding: 0 12px;

  line-height: 28px;
  font-size: 11px;
  font-weight: bold;
  overflow: hidden;
}

.box h1 a {
  text-decoration: none;
}

/* colision with h1 rule - entering yelling competition */
#content .box>h1 {
    margin-left: 0px;
}

.box .framed.body {
  margin: 0;
  border-top:0;
  padding: 6px 11px 0px 11px;
}

/************************************************************************


 Disse regler er indsat for at sikre at der er farver defineret for et site, selvom der ikke er
 tilføjet lokalt css ark. Det er vigtigt at disse regler er magen til default local css arket.


*************************************************************************/

/************************************************************************
*
*  Farve 1 (baggrund paa menu mm.)
*
*************************************************************************/

#content h1,
#content h2,
#content h3,
#menu .level2 .active,
#menu .level2 a:hover,
#topNavigation a:hover 
{
	color: #2e77a4
} 

#menu .level1 a:hover,
#menu .level1 .active,
#frontpage,
#content #minorStories .minorStory  
{
	background: #2e77a4
}


/************************************************************************
*
* Farve 2 (tekstfarve paa menu)
*
*************************************************************************/

#menu .level1 a:hover, 
#menu .level1 .active 
{
	color: #fff
}

/************************************************************************
*
* Farve 3 (baggrundsfarve i attentionboxe og feature story og boxe)
*
*************************************************************************/

#content #featureStory,
#footer #attentionBoxes .attentionBox,
.box h1
{
	background: #eeeeee;
}

/************************************************************************
*
* Farve 4 (tekstfarve i attentionboxe, feature stories og boxe)
*
*************************************************************************/

#footer #attentionBoxes h1,
#footer #attentionBoxes h2,
#footer #attentionBoxes h3,
#footer #attentionBoxes h4,
#footer #attentionBoxes h5,
#footer #attentionBoxes h6,
#footer #attentionBoxes a, 
#footer #attentionBoxes p,
#footer #attentionBoxes li,  
#content #featureStory p,
#content #featureStory p a,
#content .box h1,
.box h1 a
{
	color: #333;
}


/************************************************************************
*
* Farve 5 (farve paa tekst i minor stories)
*
*************************************************************************/

#content #minorStories .minorStory,
#content #minorStories .minorStory a,
#content #minorStories .minorStory a:link,
#content #minorStories .minorStory a:hover,
#content #minorStories .minorStory a:visited,
#content #minorStories .minorStory a:active
{
  color: #000;
}