/*                                                                   */
/*  isvcss.css :: Johan Alwall och David Eriksson                    */
/*                                                                   */
html, body {  	
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-family: Verdana, Arial, Sans-serif;
  font-size: 12px;
  height:100%;
}
html>body {
  font-size: 97% /* Var snäll mot Opera  */;
}
#red {   /* Ger röd vänstermarginal */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #fff; 
  background-image: url("http://www.isv.uu.se/img/rededge.gif"); 
  background-repeat: repeat-y;
}
#grey {   /* Ger grå vänstermarginal */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #fff; 
  background-image: url("http://www.isv.uu.se/img/greyedge.gif"); 
  background-repeat: repeat-y; 
  height: 100%;
}
#white {  /* Ger vit vänstermarginal */
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #fff; 
  background-image: url("http://www.isv.uu.se/img/whiteedge.gif"); 
  background-repeat: repeat-y; 
  height: 100%;
}
/* basix för vänstermarginalen */
#leftcolumn {
  position: absolute;
  left: 0px;
  top: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  width:160px;
  font-family: Arial, Helvetica, sans-serif;
  height:100%; /* funkar bara om parent container har höjdvärde */ 
  color: #fff;
  background-image: url("http://www.isv.uu.se/img/uulogo_red.gif");
  background-repeat: no-repeat;
}
/* Ser till att länkar i vänsterkolumn (på röd marginal) är vita */
#red #leftcolumn A {
  color: #fff;	
  text-decoration: none;
}
/* Ser till att text i vänsterkolumn (på vit marginal) är svart */
#white #leftcolumn {
  color: #000;
  background-image: url("http://www.isv.uu.se/img/uulogo_white.gif");
  background-repeat: no-repeat;
}
/* Ser till att länkar i vänsterkolumn (på vit marginal) är röda */
#white #leftcolumn A {
  color: #9A0000;	
  text-decoration: none;
}
#white #leftcolumn A:hover {
  text-decoration: none;
}
/* Ser till att text i vänsterkolumn (på grå marginal) är svart */
#grey #leftcolumn {
  color: #000;
  background-image: url("http://www.isv.uu.se/img/uulogo_grey.gif");
  background-repeat: no-repeat;
}
/* Ser till att länkar i vänsterkolumn (på grå marginal) är röda */
#grey #leftcolumn A {
  color: #9A0000;	
  text-decoration: none;
}
#grey #leftcolumn A:hover {
  text-decoration: none;
}
/* Grundinställningar för huvudytan */
#maincontent {
  /* position: relative;  */
  background:#fff;
  margin-left: 180px;
/*  min-height: 85%;*/
  width: 600px;
  /* box model hack 	
     voice-family: "\"}\""; 
voice-family:inherit;
width: 430px; */	
}
/* html>#maincontent 	{
  width: 430px;
} */

/* Grundinställningar för smulraden */
#smulrad {
  /*position: relative;*/
  background:#fff;
  margin: 0 0 20px 180px;
  width: 600px;  
  /* box model hack 	
     voice-family: "\"}\""; 
voice-family:inherit;
width: 430px;	 */
}
/* html>#smulrad 	{
  width: 430px;
} */ 
.smulrad {
  color : black;
/*  font-family : Verdana, arial, Sans-serif;*/
  font-size: 1.0em;
}
/* Grundinställningar för  sidfoten */
#footer {
/*  position: absolute; */
  background:#fff;
  margin-top: 20px;  
  margin-left: 165px;
/*  left: 165px; */
  padding-bottom: 8px;
  width: 630px;
  clear: both;
  font-size: 0.95em;
}

.sidfotram { 
  border: 1px #ccc solid;
  margin-left: 15px;
  margin-right: 15px;
  padding: 5px 0px 5px 0px;
  text-align: center;  
}

.sidfotstreck { 
  border-top: 3px #ccc groove;
  padding: 5px 15px 5px 15px;
}

.nsonly { 
  display: none;
}

/* Ingen högerkolumn. Önskas dylik måste rightcol.css importeras  */		
#rightcolumn {
  display:none
}
#knapp {
  margin-bottom:10px;
  text-align:center
}
/* And the rest... */
h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.0em;
  color: #000;
}
h2 {
  font-size: 1.6em;
  font-family:Arial, Helvetica, sans-serif; 
  color: #000; 
/*  font-weight: bold*/
}
h3 {
/*  font-family: Arial, Helvetica, sans-serif;*/
  font-size: 1.4em;
  color: #000;
}
h4, h5, h6 {
/*  font-family: Arial, Helvetica, sans-serif;*/
  font-size: 1.2em;
/*  font-weight: bold;*/
  color: #000;
  margin-bottom: 0px;
}
dt {
/*  font-family: Arial, Helvetica, sans-serif;*/
  font-size: 1.4em;
  color:#000;
  padding-bottom: 5px;
  padding-top: 5px;
  border-top: 2px #555 groove;
  clear: both;
}

p, ul, ol, dd, table {
  font-size : 1.0em;
}

dd {
  padding-bottom: 0px;
}

dd .floatright { 
  margin-top: -20px;
  padding-bottom: 10px;
}

ul {
  list-style-type:square;
  line-height: 1.5;
}
#leftcolumn ul  {
  margin-left:0; padding: 0 1em;
  list-style-type:none;
}
/* Allmänt för länkar */
A  {
  text-decoration : none;
  color : #9A0000;
}
A:hover {
  text-decoration: underline;
}
/* Ser till att länkar i smulrad och sidfot inte fetas */
#smulrad A, #footer A {
  color: #9A0000;	
  text-decoration: none;
}
#smulrad A:hover, #footer A:hover {
  text-decoration: underline;
}

A.block {
  display: block;
  margin-bottom: 12px;
  border: 1px solid #FFF;
  padding: 4px;
  color: #000;
  text-decoration: none; 
  font-weight:normal;
}
A.block:hover {
  border: 1px solid #CCC;
  color: #000;
  background:#F3F3F3; 
  text-decoration: none; 
}
/* Bilder */
img	{
  border: 0px;
}

/* Här definierar vi olika typer av inramningar, rutor, whatever.. */
.ruta { 
  border: 1px #000 solid; background-color: #CCC; 
  padding: 10px;
  color : black;
/*  font-family : Verdana, arial, Sans-serif;*/
}
.vitruta { 
  border: 1px #000 solid; 
  background-color: #fff; 
  padding: 10px;
  color : black;
/*  font-family : Verdana, arial, Sans-serif;*/
}
blockquote { 
  background-color: #fff; 
  padding: 10px;
  margin: 20px; 
  color : black;
/*  font-family : Verdana, arial, Sans-serif;*/
}
ol.boxlist {
  margin: 0 0 10px 12px;
  padding: 0 0 5px 12px;
  list-style-type: decimal;
  list-style-position: outside;
}
hr.red {
  height:1px;
  background:#B4BEB3;
  color: #B4BEB3;
}
/* Netscape ignorerar @media vilket vi utnyttjar nedan. */
@media all{
  input, textarea, select{
    border-top : solid 1px #767065;
    border-right : solid 1px #CCC;
    border-left : solid 1px #767065;
    border-bottom : solid 1px #CCC;
    color : #666;
    font : normal 11px verdana, sans-serif;
  }
}
/* Ger stil till formulärknappar */
.button{
  border-bottom : solid 1px #767065;
  border-left : solid 1px #ccc;
  border-right : solid 1px #767065;
  border-top : solid 1px #ccc;
  background-color: #e8e8e8;
}
/* Stajla Läs Upp-knappen */
.saysubmitsv {
  border: none;
  width: 65px;
  height: 20px;
  background-image: url("http://www.isv.uu.se/img/lyssnaknappen.gif");
}

.saysubmiten {
  border: none;
  width: 65px;
  height: 20px;
  background-image: url("http://www.isv.uu.se/img/listen.gif");
}

/* Floating divs */
.floatleft	{
  float		: left;
  text-align	: left;
}
.floatright	{
  float		: right;
  text-align	: right;
}
/* specialare */
.hide	{
  display: none;
}
.ahem	{
  display: none;
}

.inline {
  display: inline;
}

/* Menyn i vänsterkanten */
.menuhead{ 
  margin : 20px 20px 10px;
 }

.menuhead A{ 
  font-size: 1.6em;
  text-decoration: none;
  display: block;
}

.menu{  
/*  color: #fff;*/
  font-size: 1.3em;
  line-height: 1.5;
  padding: 15px 5px 0px 8px;
}

.menu A{ 
  font-size: 0.85em;
  padding-left: 10px;
  text-decoration: none;
  display: block;
}

.menu A:hover{ 
  background-repeat: no-repeat;
  background-position: center left;
 }

.submenu A{  
  margin-left: 10px;
  padding-left: 10px;
}

#red .menu A:hover{ 
  background-image: url("http://www.isv.uu.se/img/arrowwhite.gif");
}

#grey .menu A:hover{ 
  background-image: url("http://www.isv.uu.se/img/arrowred.gif");
}

#white .menu A:hover{ 
  background-image: url("http://www.isv.uu.se/img/arrowred.gif");
}
/* Special för det menyalt vi är på */
#leftcolumn A.current{
  background-repeat: no-repeat;
  background-position: center left;
}

#red #leftcolumn A.current{ 
  background-image: url("http://www.isv.uu.se/img/arrowright.gif");
  color: #ccc;
 }

#grey #leftcolumn A.current{ 
  background-image: url("http://www.isv.uu.se/img/arrowrightwhite.gif");
  color: #fff;
 }

#white #leftcolumn A.current{ 
  background-image: url("http://www.isv.uu.se/img/arrowright.gif");
  color: #aaa;
 }

#red #leftcolumn .menuhead A.current{
  background-image: none;
  color: #fff;
}

#grey #leftcolumn .menuhead A.current{
  background-image: none;
  color: #9A0000;
}

#white #leftcolumn .menuhead A.current{
  background-image: none;
  color: #9A0000;
}
/* Nerfällbara pilar */
#red .arrowbg { 
  background-image: url("http://www.isv.uu.se/img/arrowrightwhite.gif");
 }
#red .arrowdownbg { 
  background-image: url("http://www.isv.uu.se/img/arrowdownwhite.gif");
 }
#red .current .arrowdownbg { 
  background-image: url("http://www.isv.uu.se/img/arrowdown.gif");
 }

#grey .arrowbg { 
  background-image: url("http://www.isv.uu.se/img/arrowrightred.gif");
 }
#grey .arrowdownbg { 
  background-image: url("http://www.isv.uu.se/img/arrowdownred.gif");
 }
#grey .current .arrowdownbg { 
  background-image: url("http://www.isv.uu.se/img/arrowdownwhite.gif");
 }

#white .arrowbg { 
  background-image: url("http://www.isv.uu.se/img/arrowrightred.gif");
 }
#white .arrowdownbg { 
  background-image: url("http://www.isv.uu.se/img/arrowdownred.gif");
 }
#white .current .arrowdownbg { 
  background-image: url("http://www.isv.uu.se/img/arrowdown.gif");
 }

/* "På svenska/engelska"-knappen */
.langbox{
  text-align: center;
  padding: 20px 0px 10px 0px;
}

.langbox A{
  border: 1px solid #fff;
  text-decoration: none; 
  padding: 3px 5px 3px 5px;
}

.langbox A:hover{
  border: 1px solid #fff;
  background: #aaa;
  text-decoration: none;
}

#white .langbox A{ 
  border: 1px solid #000;
 }

#white .langbox A:hover{ 
  border: 1px solid #000;
 }

/* Validerings-symbol */
.validate{ 
  margin: 5px 10px;
  text-align: right;
/*  margin-left : 600px;*/
/*  float : right;*/
}


/* Huvudsidan */
.lepbg { 
  background-color: #fff;
  background-image: url("http://www.isv.uu.se/img/LEP-yellow2.gif");
  background-repeat: no-repeat;
  width: 100%;
 }

.leptext {
  font-size: 1.2em;
  padding: 40px 20px 0px;
  text-align: center;
  line-height: 1.5;
}
.center{ 
  text-align: center;
 }

.linktable{ 
  padding: 20px 0px 10px;
  font-size: 1.6em;
}

.linktable td {
  padding: 0px 4px;
  line-height: 1.2em;
  text-align: center;
}

.linktable A{  
  display: block;
  border: 1px solid #fff;
  text-decoration: none;
  padding: 3px 3px 3px 3px;
  text-align: center;
}

.linktable A:hover{  
  border: 1px solid #9a0000;
  text-decoration: none;
}

.pictures{ 
  text-align:center;
}

.pictures img { 
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
 }

.news{ 
  border: 2px solid #9FABB6;
  margin: 0px 100px 20px 100px;
  text-align: center;
  font-size:  1.0em;
 }

.newshead{ 
  padding-top: 0px;
  padding-bottom: 3px;
  margin-bottom: 0px;
  text-align: center;
  font-size: 1.2em;
  font-weight: bold;
  background-color: #9FABB6;
  color: #fff;
 }

.news h2,h3,h4{ 
  margin-top: 8px;
  margin-bottom: 3px;
 }

.news p{ 
  margin-top: 2px;
  margin-bottom: 8px;
 }

.news A.block {
  display: block;
  margin-bottom: 0px;
  border: 1px solid #FFF;
  padding: 0px;
  color: #000;
  text-decoration: none; 
}
.news A.block:hover {
  border: 1px solid #D8DFE5;
  color: #000;
  background:#D8DFE5; 
  text-decoration: none; 
}

/* Div för popup-meny för val av menyfärg */
.colpopup { 
  position: absolute;
  left: 650px;
  width: 130px;
  text-align:right;
  font-size: 0.9em;
  top: 0px;
  color: #555;
  line-height: 1.6;
/*
  padding:40px 20px 20px;
*/
 }

.colpopup img{ 
  padding: 0px;
  margin: 0px;
  border: 0px;
 }

/* Forskningssidorna */
.contact {
  padding: 10px 0px 10px 0px;
}

/* Nyhetssidan */
.end {
  clear: both;
}

.internalnews {
  border: 1px solid #999;
  margin-bottom: 20px;
  padding: 0px 0px 5px 0px;
}

.internalnews .item {
  padding: 10px 10px 5px 10px;
  clear: both;
}

.internalnews .item .head{
  float: left;
  width:110px;
  font-size: 1.2em;
  font-weight:bold;
}

.internalnews .item .time{
  display: none;
}

.internalnews .item .content{
  padding-left: 130px;
}

.internalevents {
  border: 1px solid #999;
  margin-bottom: 20px;
  padding: 0px 0px 5px 0px;
}

.internalevents .item {
  padding: 10px 10px 5px 10px;
  clear: both;
}

.internalevents .item .head{
  font-size: 1.2em;
  font-weight:bold;
  padding-left: 120px;
  padding-bottom: 3px;
}

.internalevents .item .time{
  float: left;
  width:100px;
  line-height: 1.4;
  height: 100%;
  text-align: right;
}

.internalevents .item .content{
  padding-left: 120px;
}

.internalevents .item .content .title{ 
  font-weight: bold;
 }

.internalevents .item .content .unusual{ 
  color: #FF0000;
 }

/* Seminariesidan */
.seminar { 
 padding-bottom: 20px;
 }

.seminar .month { 
  text-align: center;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;
  color: #630000;
  padding: 5px 0px 20px 0px;
 }

.seminar .item { 
  padding: 0px 0px 20px 0px;
 }

.seminar .item .date { 
  font-size: 1.2em;
  font-weight: bold;
  color: #630000;
  padding-bottom: 5px;
 }

.seminar .item .date .unusual { 
  color: #FF0000;
  font-weight: normal;
 }
.seminar .item .head { 
  font-size: 1.2em;
  padding: 0px 10px 0px 10px;
/*  display: inline;*/
 }

.seminar .item .pres_file {
  padding: 2px 10px 1px 10px;

}

.seminar .item .pres_file img {
  vertical-align: middle;
  padding-right: 4px;
}

.seminar .item .abstract_button {
  margin: 4px 10px 1px 10px;
  border-top: 1px solid #999;
  width: 150px;
}

.seminar .item .abstract_button A {
  margin-top: -1px;
  display: block;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-top: 1px solid #fff;
  text-decoration: none; 
  padding: 0px 3px 1px 3px;
  text-align: center;  
  width: 60px;
/*  cursor: pointer;*/
}

.seminar .item .abstract_button A:hover {
/*  background: #bbb;
  border-top: 1px solid #999;*/
}

.seminar .item .abstract { 
  padding: 10px 20px 0px 20px;

 }

.seminar .item .hidden_abstract { 
  padding: 10px 20px 0px 20px;
  display: none; 
 }

/* Studentsidan */
.studpage { 
  padding: 10px 10px 10px 10px;
  font-size: 1.2em;
  line-height: 1.5;
}

.studpage li{ 
  padding-bottom:10px;
}

.ugradpict { 
  float	  : right;
  padding : 0px 0px 6px 6px;
 }

td p { 
  margin-top: 6px;
  margin-bottom: 8px;
 }

th { 
  text-align: left;
 }

/* Gradinfo-sidan */
.border { 
  border: 1px solid;
  padding: 3px;
}

/* För personliga hemsidor */
.pictureleft { 
  padding: 0px 20px 20px 0px;
  float		: left;
  text-align	: left;
 }
.belowpict { 
  clear: both;
 }

.lhctext {
  font-size: 1.2em;
  padding: 0px 20px 0px;
  text-align: center;
  line-height: 1.5;
}

.disp { 

}

.disp .item {
  clear: both;
  margin-bottom: 5px;
}

.disp .grey { 
  background-color: #EEE; 
}

.disp .darkgrey { 
  background-color: #CCC; 
}

.disp .date {
  float: left;
  width: 80px;
  margin-bottom: 0px;
  padding: 5px;
}

.disp .name {
  float: left;
  width: 100px;
  padding: 5px;
}

.disp .title {
  font-weight: bold;
  padding: 5px 5px 5px 210px;
}

.disp .place {
  padding: 5px 5px 5px 210px;
}