/***********************
 * Structural elements *
 ***********************/

/* Surrounding elements 
   ==================== */

BODY {
    overflow-y: scroll;
    font-size: 12px;
    margin: 1.0em 0 1.0em 0;
    color: black;
    /*TODO*/background-repeat: repeat-x;
    font-style: normal;
    
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #999999;
}

#container {
    margin: 0px auto 0 auto;
    width: 996px; /*83em;*/
    color: black;
    background-color: white;
    
    
}

ul li { padding: 0.1cm }

/* Top bar 
   ======= */

#headerrow {
    /*
      height:12.5em;
      */
    height:17em;
}

#leftheader {
    color: white;
    
    width: 210px; /*17.5em;*/
    
    text-align: center;
    vertical-align: top;
    

    border-top: 1px solid black;
    border-left: 1px solid black;
    background-color: #990000; 
}

#headerbar {
    width: 800px;
    height: 361px;

    margin: 0 1em 0 1em;
    
    text-align: right;
    vertical-align: bottom;
    
    background-image:
	url(../images/nyhavn-800x361.jpg);

    background-position: top;
    background-repeat: no-repeat;
    background-color: white;
    
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-left: 2px solid #999999;
}


/* Middle bar 
   ========== */


#middlerow {
    /*TODO*/height: 37.5em;		/* minimum height */
}

#menubar {		
    color: #999999;
    
    width: 210px; /*17.5em;*/
    
    text-align: right;
    vertical-align: top;
    
    background-color: #990000; 
    
    border-left: 1px solid black;	
}

#contentcell {		
    width: 786px;/*65.5em;*/
    vertical-align: top;
    border-right: 1px solid black;
    border-left: 2px solid #999999;
}


/* Bottom bar 
   ========== */

#footerrow {
    height: 5em;
}

#leftfooter {
    color: #999999;
    
    width: 210px;
    height: 80px;

    background-color: #990000;

    background-image: url(../images/dtulogo_white.png);
    background-position: center;
    background-repeat: no-repeat;
    
    border-bottom: 1px solid black;
    border-left: 1px solid black;
}

#footerbar {
    width: 786px;/*65.5em;*/
    
    text-align: right;
    vertical-align: bottom;
    
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 2px solid #999999;
}

#sponsors {
    float: left;
}

#sponsors img {
    padding-left: 2em;
    padding-right: 2em;
}


/********************************************************
 * Top level text structures (mainly division elements) *
 ********************************************************/

/* Top bar 
   ======= */

#leftheadertext {
    font-size: 18px;
    font-weight: bold;
    
    margin: 0.7em 0 0 0;
}

#rightheadertext {
    font-size: 17px;
    font-weight: bold;
    color: white;
    text-align: center;
    background-color: #999999; 

    padding: 1px 0px 1px 0px;
}

#headerrule {
    display: none;
    border: 0px;
    height: 0px;
/*size: 0px;*/
}

/* Middle bar (menu in separate section) 
   ===================================== */

#pagetitle {
    font-size: 24px;
    font-weight: bold;
    color: #990000;
    
    margin: 0.5em 0 1em 1em;

    text-align: center;
}

/* margin: top right bottom left */
#logo-left {
    margin: 0.5em 1em 0 1em;
    float: left;
}
#logo-right {
    margin: 0.5em 1em 0 0;
    float: right;
}


#content {
    margin: 1em 5em 1em 4em;		
}


/* Bottom bar 
   ========== */

#footertext {
    font-size: 9px;
    color: #999999;
    
    margin: 0em 1.2em 1em 1.2em;
    padding-top: 0.7em;
    
    border-top: 1px solid #999999;
}

#footerrule {		
    display: none;
    border: 0px;
    height: 0px;
}


/***********************
 * The dreaded menu... *
 ***********************/

/* div settings
   ============ */

#menu {
    margin: 0 1em 3em 1em;
/*border-top: 1px solid #cccccc;*/
}

.submenu {
    padding: 1em 0.5em 1em 0;
    border-bottom: 1px dotted #999999;
}

.selectedsubmenu {
}

.menuhead {
    font-weight: bold;
    text-decoration: none;
    color: white;
    
    padding-bottom: 4px;
}

.menuitem {
    color: #999999;
    line-height: 1.6em;		
}



/* settings per link in the menu
   ============================= */

/*******************
 * Anchor elements *
 *******************/
a[href] {
    color: #990000;
    text-decoration: none;
}	
a[href]:visited {
    color: #990000;
    text-decoration: none;
}
a[href]:hover {
    color: #990000;
    text-decoration: underline;     
}

a.credits span
{
color: #999999;
text-decoration: none
}

a.credits:visited span
{
color: #999999;
text-decoration: none
}

a.credits:hover span
{
color: #999999;
text-decoration: underline
} 


/* menuitem */

.menuitem A:link {
    color: white;
    text-decoration: none;
}

.menuitem A:visited {
    color: white;
    text-decoration: none;
}

.menuitem A:hover {
    color: #999999;
    text-decoration: none;
}

.menuitem A:active {
    color: #999999;
    text-decoration: none;
}

.menuitem A:focus {
    color: #999999;
    text-decoration: none;
}

/* menuheads as links */

.menuhead A:link {
    color: white;
    text-decoration: none;
}

.menuhead A:visited {
    color: white;
    text-decoration: none;
}

.menuhead A:hover {
    color: #999999;
    text-decoration: none;
}

.menuhead A:active {
    color: #999999;
    text-decoration: none;
}

.menuhead A:focus {
    color: #999999;
    text-decoration: none;
}

.test
{
    text-align : justify;
}


.archive
{
    color: #999999;
}