a {
	text-decoration: none
}
a:link {
    color: #2424BD;
}
a:hover {
	color: #020202;
}
body {
        background-color: #f0f0f0;
	font-size: 1em;
	line-height: 1.25;
	font-family: Ubuntu,sans-serif;
}

#header{
  padding:10px;
  background-image:url(https://www.cse.chalmers.se/~andrei/pp.jpeg);
  background-size: 480px;
  background-position: right center;
  height:338px; 
  border: 1px solid #ccc; 
  position: relative; 
  background-repeat:no-repeat;
  background-color: white;
}

#pub {
  background-color: white;
  border: 1px solid #ccc;       
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
  margin-top:10px;
}

#contact {
  margin-left: 5;
  font-size:15px;
  position: absolute; 
  bottom:0px;
  color: white;
  background: rgba(0, 0, 0, 0.5);
  filter:alpha(opacity=50);
  padding: 5px;
}

#contact a {
  color: white;
}

#andreinamet img{
 opacity: 0.4;
 filter: alpha(opacity=40); /* For IE8 and earlier */
 margin-top: -30px;
 margin-left: 30px;
}

ul {
    list-style-type: circle;
}

#container{
  width:800px;
  margin:0 auto;
}

    .tabs {
      position: relative;   
      min-height: 200px;
      margin: 10px 0;      
    }
    .tab {
       height: 41px; 
    }
    .tab label , .tab .tablink{
      background-color: #DDDDDB;
      padding: 10px; 
      border: 1px solid #ccc; 
      left: 10px;        
      width: 190px;
      display: block;
      color: inherit;
    }
    .tab [type=radio] {
      display: none;   
    }

    .content {
      width: 558px;
      position: absolute;
      top: 0px;
      left: 222px;
      background: white;
      margin-bottom: 100px;
      padding: 10px;
      border: 1px solid #ccc;       
      display: none;   
      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
    }

    .content iframe{
      margin-top:10px;
      width: 558px;
      height: 310;
     }

    [type=radio]:checked ~ label {
      background: white;
      border-bottom: 1px solid white;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .content {
      z-index: 1;
      display: table;
    }
