#logo {
        position: fixed;
        width: 150px;
        height: 130px;
        top: 0px;
        right: auto;
        bottom: auto;
        left: 0px;
		
		background:  url("http://www.cs.lth.se/design/logo/lu.gif");
  		background-repeat: no-repeat;
  		background-position: center;
		background-color:#069;
}
		
#main, #report {
        position: absolute;
        width: auto;
        height: auto;
        top: 1%;
        right: 1%;
        bottom: auto;
        left: 190px;
		
      }
	  
#sidebar {
        position: fixed;
        width: 150px;
        height: 100%;
        top: 130px;
        right: 100px;
        bottom: 0;
        left: 0;
	   }
	   
#sidebarlong {
        position: absolute;
        width: 150px;
        height: 100%;
        top: 130px;
        right: 100px;
        bottom: 0;
        left: 0;
		background-color:#069;
	   }
	   
	   
#sign {
  float: right;
  width: 12%;
}
#signlugg {
  float: right;
}
#center {
  text-align: center;
}
	   
#figure {
  float: right;
  width: 25%;
  text-align: left;
  font-size: 0.8em;
  color: #666;
}
#portrait {
  float: right;
  width: 120px;
  border: thin silver solid; margin-left:10px; padding:5px;
}
#right {
  float: right;
  width: 20%;
  border: thin silver solid; margin: 1%; padding: 2%;
  text-align: left;
  /*color: #666;*/
}
image.right {
  float: right;
}
#mid {

  float: left;
  width: 72%;
  text-align: left;
}

img.scaled {
  width: 100%;
  border: none;
}

.hhonly { display: none;
		visibility: hidden; 
      }
.screenonly { display: inline;
		visibility: visible; 
      }
	  
.printonly { display: none;
		visibility: hidden; 
      }
table.bord{border: thin solid grey;}
td.fill{border: thin solid grey; vertical-align:top; margin: 0px; padding: 1px; background-color:#CCCCCC}
td.bord{border: thin solid grey; vertical-align:top; margin: 0px; padding: 1px;}
td.bordRight{border: thin solid grey; vertical-align:top; text-align:right; margin: 0px; padding: 1px;}

body{
  background-color: #FFF;
  background-image: url(http://www.cs.lth.se/design/background2.gif);
  background-repeat: repeat-y;
  background-position: left top;	
  margin: 0;
  padding: 0; }	 
  
.noborder {
	border-color: #fff;
} 
p.right{text-align:right;}



/* Coloring and link behaviors */
h1 {
	color: #a75;
	text-decoration: none;
	background-color:#fff;}


/* Normal text and header 2-6*/	
p, td, li, dl, ol, th, ul, h2, h3, h4, h5, h6, .hiddenlinks, .small{
	color: #000; 
	text-decoration: none;
	background-color:#fff;
	}


	


/* Hiddenlinks*/
.hiddenlinks a:link, .small a:link, .hiddenlinks a:visited, .small a:visited   { text-decoration: none; color: #000; background-color:#fff;}
.hiddenlinks a:hover, .small a:hover  { text-decoration: underline; color: #000; background-color:#fff;}


/* Text grey  */
.grey {color: #ccc; background-color:#fff;}
.grey a:link, .grey a:visited  { text-decoration: none; color: #ccc; background-color:#fff;}
.grey a:hover { text-decoration: underline; color: #ccc; background-color:#fff;}


/* Menue styles  */
.m1, .m2, .m3 {color: #fff; background-color:#069;}
.m1 a:link, .m2 a:link, .m3 a:link, .m1 a:visited, .m2 a:visited, .m3 a:visited
	{text-decoration: none; color: #fff; background-color:#069;}
.m1 a:hover, .m2 a:hover, .m3 a:hover { text-decoration: underline; color: #fff; background-color:#069;}


.m1, .m2, .m3{
	margin-top: 5pt; 
	margin-right: 0pt; 
	margin-bottom: 0pt; }
.m1 {margin-left: 10pt; margin-right: 3pt}
.m2 {margin-left: 15pt; margin-right: 3pt}
.m3 {margin-left: 20pt; margin-right: 3pt}



/* bold blue */
.boldBlue {color: #069;background-color:#fff;}
.boldBlue a:link, .boldBlue a:visited  { text-decoration: none; color: #069; background-color:#fff;}
.boldBlue a:hover { text-decoration: underline; color: #069;background-color:#fff;}

/* bold red */
.boldRed {color: #F00;background-color:#fff;}
.boldRed a:link, .boldRed a:visited { text-decoration: none; color: #F00; background-color:#fff;}
.boldRed a:hover { text-decoration: underline; color: #F00; background-color:#fff;}

/* Toplinks*/
.toplinks a:link, .toplinks a:visited  { text-decoration: none; color: #000; background-color:#fff;}
.toplinks a:hover { text-decoration: underline; color: #000; background-color:#fff;}

/* department name  */
.department {color: #666; background-color:#fff;}
.department a:link, .department a:visited  { text-decoration: none; color: #666; background-color:#fff;}
.department a:hover { text-decoration: underline; color: #666; background-color:#fff;}


/* All fonts text styles and text sizes*/	
body, p, td, li, ul, dl, ol, th, h1, h2, h3, h4, h5, h6, .m1, .m2, .m3, .toplinks, .department .hiddenlinks, .grey,  .boldBlue, .boldRed, .small{
	font-family: Verdana, Arial, Geneva, Lucida, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;}
	
/* Bolds*/
h1, h2, h3, h4, h5, h6, th, .boldBlue, .boldRed, .department { 
	font-weight: bold;}
	
/* Sizes */
h1 {font-size: 2em;}
.department {font-size: 1.4em;}
h2 {font-size: 1.4em;}

h3, h4, h5, h6, th,  .boldBlue, .boldRed {font-size: 1em;}
.toplinks, .m1, .m2, .m3 {font-size: 0.9em;}


p, td, li, ul, dl, ol {
	font-size: 1em;}

pre {font-size: 1em;}
	
.grey {font-size: 0.9em;
	font-weight: normal;}
.small {font-size: smaller;
	font-weight: normal;}
}