body, html{
  max-width: 1280px;
  height:100%;
  padding: 0 10px;
  margin-top: 0px;
}

*{
  font-size: 100%;
}

p,ul,ol,dl,dd,dt,blockquote,td,th {
  line-height: 1.25em;
}

hr{
  margin-bottom:0px;
}

a, a:link{
  color: #333333;
}

/* Link Color Hover gruen hell */
a:focus, a:hover{
  color: #00cc00;	
  /*color: #E70036;*/
  text-decoration: none !important;
}

/* enlarge picture https://stackoverflow.com/questions/18456169/show-enlarged-picture-when-mouse-hover-over-an-image */
.effectfront {
  border: none;
  margin: 0 auto;
}
.effectfront:hover {
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}



.justify{
  text-align: justify;
}

.personal_information .logo{
  font-family: 'Courier New', monospace;
  font-size: 260%;
  line-height: 1em;
  margin-bottom: 0.5em;
}

.logo a:hover{
  color: #333333;
}

.personal_information p{
  font-size: 10pt;
}

.personal_information{
  text-align: right;
}


a:link{
  text-decoration: none;
  text-underline: none;
}

.content p, .news p{
  margin-bottom: 1.0em;
  text-align: justify;
}

.content li, .news li{
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.25em;

}

.content li:before, .news li:before{
  content: "\0BB \020";
}

.no_margin_list ul li{
   padding-left: 0.25em;
   padding-right: 0.25em;
   margin-bottom:0.5em;
}


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


.projects div{
  text-align:center;
}

.projects div:first-child{
  text-align:left;
}

.projects div:last-child{
  text-align:right;
}

th, td{
  padding: 0em;
}

.main_nav{
  font-family: 'Courier New', monospace;
  /*font-weight: bold;*/
  position: absolute;
  right: 0px;
  top: 0em;
}

/* hover link */
.main_nav ul li a:hover,
.main_nav ul li a:hover {
  color: #00cc00;
}
.main_nav ul li span,
.main_nav ul li span {
  color: #33cc33;
  font-weight: bold;
}

.main_nav ul li:last-child{
  margin-right: 0;
}

.navi_div{
  position: relative;
  margin-top: 0.4em;
}

.sub_navi_div{
  font-family: 'Courier New', monospace;
  position: relative;
  top: 2em;
  float: right;
}

.courier, .courier *{
  font-family: 'Courier New', monospace;
}

.publications td{
  border-color: transparent;
}


.publications tr td:first-child{
  text-align: right;
  min-width: 154px;
  font-style: italic;
  white-space: nowrap;
  padding-right: 10px;
}

.sub_nav{
  font-size: 70%;
}

h3 {
  font-size: 120%;
}

h4 {
  margin-left: 1.2em;
}

.subheading{
  padding-top: 1em;
}

.headline{
  font-size: 125%;
  font-weight: bold;
}

.nav-h ul li a, .nav-h ul li span, .nav-g ul li a, .nav-g ul li span{
  font-size: 125%;
}

.highlighted{
  border-color: black;
  border-width: 1px;
  border-style: none none solid none;
}

.box{
  border: 1px solid black;
  padding: 0.25em 0.5em 0.25em 0.5em;
}

.content p.highlighted{
  margin-bottom: 0.5em;
}

.right{
  text-align: right;
}


#content_row{
   display: -webkit-flex;
   display:         flex;
   -webkit-flex-flow: row;
           flex-flow: row;
}

@media only screen and (max-width: 767px) {

  .projects div:first-child{
    text-align:center;
  }
  .projects div:last-child{
    text-align:center;
  }

  .logo{
    float:left;
  }

  #content_row{
    -webkit-flex-flow: column;
            flex-flow: column;
  }

  .news{
    -webkit-order: 0;
            order: 0;
  }

  .content{
    -webkit-order: 1;
            order: 1;
  }

  .personal_information{
    -webkit-order: 2;
            order: 2;
  }

  .box{
    height:100%;
  }

  .units-row-end{
    margin-bottom: 1.65em;
  }

  .main_nav{
    position:relative;
    float:right;
  }

  .sub_navi_div{
    position:relative;
    float: right;
  }
}