@font-face {
    font-family: Droid;
    src: url('../fonts/DroidSans.eot'); /* EOT file for IE */
}
@font-face {
    font-family: Droid;
    src: url('../fonts/DroidSans-Bold.eot'); /* EOT file for IE */
    font-weight: bold;
}
@font-face {
    font-family: Droid;
    src: url('../fonts/DroidSans.ttf'); /* TTF file for CSS3 browsers */
}
@font-face {
    font-family: Droid;
    src: url('../fonts/DroidSans-Bold.ttf'); /* TTF file for CSS3 browsers */
    font-weight: bold;
}

body {
  font-family: Droid Sans, Verdana, Arial, Helvetica, sans-serif;
  font-smooth:always;
  -webkit-font-smoothing: antialiased;
  color:#555555;
  background:#ffffff; 
  background-image:url(../images/login-page_gl.png); 
  background-repeat:no-repeat; 
  margin:0px;
  height:100%;
  min-height:100%;
}

input {
  font-family: Droid Sans, Verdana, Arial, Helvetica, sans-serif;
  font-smooth:always;
  -webkit-font-smoothing: antialiased;
}

/* Positionierung der einzelnen Elemente auf der Seite */

.content_area {
  position:relative;
  width:990px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:20px;
  background:#ffffff;
box-shadow: 0 0 10px 10px #cdcdcd;
}

.akherges_logo {
  float:left;
  width:150px;
  margin-left:auto;
  margin-right:auto;
  padding-top:15px;
  padding-left:15px;
  padding-right:10px;
  padding-bottom:10px;
}

.titlebar {
  margin-left:165px;
  padding-top:15px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:10px;
}

.navigation_menu {
  float:left;
  width:150px;
  margin:0;
  padding-top:5px;
  padding-left:15px;
  padding-right:10px;
  padding-bottom:15px;
}

.page_content {
  margin-left:165px;
  padding-top:5px;
  padding-left:15px;
  padding-right:15px;
  padding-bottom:15px;
}

div.scientist_photo {
  float:right;
  padding-top:30px;
  padding-left:30px;
  padding-right:30px;
  padding-bottom:20px;
}

div.scientist_contact_info {
  padding-top:30px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 1em;
  margin-left: 0px;
  padding: 0px;
  letter-spacing: 0.1em;
  text-align:center;
}

h2 {
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 0.6em;
  margin-right: 0px;
  margin-bottom: 1em;
  margin-left: 0px;
  padding: 0px;
  letter-spacing: 0.1em;
  text-align:center;
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.8em;
  margin-right: 0px;
  margin-left: 0px;
  padding: 0px;
  letter-spacing: 0.1em;
  text-align:center;
}

h4 {
  font-size: 1em;
  font-weight: bold;
  margin-top: 0.6em;
  margin-right: 0px;
  margin-bottom: 0.6em;
  margin-left: 0px;
  padding: 0px;
  letter-spacing: 0.1em;
}

h4.project_title {
  margin-top: 0px;
  margin-right: 0px;
  padding-top:3px;
  padding-bottom:3px;
}

p {
  font-size: 0.9em;
  text-align: justify;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0.6em;
  margin-left: 0px;
  padding: 0px;
}

td p, td a, td p a, td h4 {
  font-size:0.9em;
}

ul, ol {
  font-size:0.9em;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 20px;
  padding: 0px;
}

ul ul, ol ol {
  margin-left: 20px;
}

ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding: 0px;
}

li {
  font-size: 100%;
  margin-top: 2px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 2px;
}

table {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}

/*Tabellenreihenhervorhebung:*/

tr:nth-child(odd) {
  background-color:#eeeeee
}

tr:nth-child(even) {
  background-color:#fff;
}

td {
  font-family: Droid Sans, Verdana, Arial, Helvetica, sans-serif;
  font-smooth:always;
  -webkit-font-smoothing: antialiased;
  font-size:0.9em;
  vertical-align:top;
}

th {
  font-family: Droid Sans, Verdana, Arial, Helvetica, sans-serif;
  font-smooth:always;
  -webkit-font-smoothing: antialiased;
  font-weight: bold;
  text-align: left;
}

a {
  font-size:1em;
}

a:link {
  color: #C7605A;
  text-decoration: none;
}

a:visited {
  color: #994A45;
  text-decoration: none;
}

a:focus {
  color: #222222;
  text-decoration: none;
}

a:hover {
  color: #F2756E;
  text-decoration: underline;
}

a:active {
  color: #F2756E;
  text-decoration: underline;
}

a.author_infolink {
  display:inline-block;
  padding-right:14px;
  background:transparent url(../images/icon_info.png) center right no-repeat;
}

/*diverse farbige Hervorhebungen und abgerundete Ecken*/

div.projekte_a_small, div.projekte_b_small, div.projekte_c_small, div.projekte_z_small, div.line_title1, div.line_orange {
  height:auto; 
  width:auto; 
  color:white; 
  padding-bottom:0px;
  text-align:center;
}

div.projekte_a_small {
  background-color:#AB3838;
}

div.projekte_b_small {
  background-color:#5171A6;
}

div.projekte_c_small {
  background-color:#4B9049;
}

div.projekte_z_small {
  background-color: #AEB155;
}

div.line_orange {
  background-color:#EEBA00;
}

div.line_title1 {
  background-color:#C7605A;
}

img.graphical_abstract, img.titlebar_image, img.akherges_logo, img.akherges_logo_start, img.scientist_photo {
  display:block;
}

img.graphical_abstract, img.titlebar_image, img.scientist_photo {
  margin-left:auto;
  margin-right:auto;
}

img.gallery, div.gallery {
  float:right;
  margin:5px;
}

hr, td hr {
  border-style:solid;
  color: #eeeeee;
  background-color: #eeeeee;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  height: 2px;
}

sup {
  font-size: 80%;
}

sub {
  font-size: 80%;
}

/* Ausblendung mobiler Inhalte und Dummy-Tabellenreihen auf der Standard-Webseite */
.onlymobile, tr.dummy {
  display:none;
}

/* Inline-Text-Buttons */
a.show_hide {
    text-decoration: none;
    color: #505050;
    background-color: #dddddd;
    padding-top:2px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:2px;
}

a.show_hide:hover {
    text-decoration: none;
    color: white;
    background-color: #888888;
}

.nivoSlider {
    position:relative;
    width:800px; /* Change this to your images width */
    height:80px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}