/** Allgemeine Formateinstellungen fuer HTML und body **/
html, body {
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetic, sans-serif;
  background-color: #E8E8E8;
  font-size: 0.85em;
  line-height: 18px;
}

/** Allgemeine Einstellungen fuer Links **/
a:link { font-weight: bold; color: #4D4D4D; text-decoration: none; }
a:visited { font-weight: bold; color: #4D4D4D; text-decoration: none; }
a:hover { font-weight: bold; color: rgb(0, 123, 142); text-decoration: none; }
a:active { font-weight: bold; color: rgb(0, 123, 142); text-decoration: none; }

/** Weitere allgemeine Einstellungen **/
img { border: 0 none; }

ol li {
    list-style-type: decimal;
    margin-left: 10px;
}

ul li { 
  list-style-type: disc;
  margin-left: 10px;
}

li li {
  list-style-type: circle;
  margin-left: 0px;
}

/** Logo **/

#logo {
  position: absolute;
  top: 10px;
  left: 860px;
  margin: 0px;
  padding: 0px;
  float: right;
  z-index: 10;
}

/** Obere Navigation **/

#navigation {
  position: absolute;
  top: 110px;
  left: 30px;
  margin: 0px;
  padding: 0px;
}

#sprache {
  display: block;
  position: absolute;
  top: 110px;
  left: 864px; 
}

/** Die Links der Navigation **/

.navibox {
  display: block;
  position: absolute;
  width: 115px;
  height: 15px;
  text-align: left;
  font-size: 0.9em;
  font-weight: bold;
  letter-spacing: 0.8px;
  color: white;
  text-decoration: none;
  padding: 2px;
  padding-left: 8px;
  padding-bottom: 4px;
}

/** die einzelnen Navigationspunkte **/

/**a#nav_home { background-color: #808080; color: white; width: 105px; }
a#nav_presse { background-color: #b5b3b3; color: white; left: 126px; width: 110px; }
a#nav_inst { background-color: #007b8f; color: white; left: 270px; }
a#nav_proj { background-color: #00a9b6; color: white; left: 408px; }
a#nav_pub { background-color: #00ccd6; color: white; left: 546px;}
a#nav_pers { background-color: #808080; color: white; left: 684px;}**/

a#nav_home:hover, a#nav_home:active { background-color: #ffffff; color: #007b8f; }
a#nav_presse:hover, a#nav_presse:active { background-color: #ffffff; color: #007b8f; }
a#nav_inst:hover, a#nav_inst:active { background-color: #ffffff; color: #007b8f; }
a#nav_proj:hover, a#nav_proj:active { background-color: #ffffff; color: #007b8f; }
a#nav_pub:hover, a#nav_pub:active { background-color: #ffffff; color: #007b8f; }
a#nav_pers:hover, a#nav_pers:active { background-color: #ffffff; color: #007b8f; }

.navirahmen {
  position: absolute;
  display: block;
  width: 820px;
  height: 25px;
}

.nav_home {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 130px;
  height: 25px;
}
.nav_presse {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 130px;
  height: 25px;
  left: 126px;
}
.nav_inst {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 130px;
  height: 25px;
  left: 270px;
}
.nav_proj {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 130px;
  height: 25px;
  left: 408px;
}
.nav_pub {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 130px;
  height: 25px;
  left: 546px;
}
.nav_pers {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 130px;
  height: 25px;
  left: 684px;
}


/** Das Wipa Bild **/

#wipa_links {
  position: absolute;
  top: 10px;
  left: 30px;
  width: 250px;
  height: 90px;
  background: url('/files/data/teaser_left.png') no-repeat;
}

#wipa_rechts {
  position: absolute;
  top: 10px;
  left: 300px;
  right: 30px;
  height: 90px;
  width: 679px;
  background: url('/files/data/teaser.png') no-repeat;
  padding-top: 20px;
  padding-left: 30px;
  z-index: 1;
}

/** Schrift im Wipa Bild **/


#wipa_text h1 {
  margin-top: 0px;
  margin-left: 10px;
  font: italic 32px Georgia,Times,'Times New Roman',serife;
  color: #ffffff;
}

#wipa_text h2 {
  font: italic 17px Georgia,Times,'Times New Roman',serife;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
}

#wipa_text span.smallTxt {
  font: italic 18px Georgia,Times,'Times New Roman',serife;
  color: #ffffff;
  margin: 0px;
  padding: 0px;
}

/** Hauptblock **/

#main {
  position: absolute;
  margin: 0px;
  padding: 0px;
  top: 145px;
  left: 30px;
  background-color: #E8E8E8;  
}

/** Hauptblock links **/

#main_links {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 245px;
  background-color: white;
  margin: 0px;
  padding: 0px;
  padding-bottom: 15px;
}

/** Hauptblock rechts **/

#main_rechts {
  position: absolute;
  top: 0px;
  left: 270px;
  right: 0px;
  margin: 0px;
  padding: 0px;
  padding-bottom: 55px;
  width: 679px;
  background-color: white;
}

#main_rechts_oben {
  position: relative;
  top: 0px;
  padding-bottom: 90px;
}

#main_links_oben {
  position: relative;
  top: 0px;
}

/** Box linke Seite **/

h1.box_links {
  position: relative;
  top: 5px;
  margin: 0px;
  width: 190px;
  height: 20px;
  font-size: 1.0em;
  letter-spacing: 0.05em;
  color: #4D4D4D;
  background-color: #E8E8E8;
  padding-left: 5px;
  padding-top: 2px;
  margin-bottom: 15px;
  vertical-align: bottom;
}

.stern {
  position: relative;
  margin-top: 2px;
  margin-right: 5px;
  float: left;
  width: 14px;
  height: 14px;
  background: url('/files/data/icon_star_green.png') no-repeat;
}

/** ehemals text1_links **/
.text_links_petrol {
  color: rgb(0, 123, 142);
  margin: 0px;
  font-weight: bold;
  padding-left: 25px;
  padding-right: 10px;
}

.text_links_autor {
  color: rgb(120,120,120);
  margin: 0px;
  padding-left: 25px;
  padding-right: 10px;
}

/** ehemals text2_links **/
.text_links {
  padding-bottom: 2px;
  padding-left: 25px;
  padding-right: 10px;
  margin: 0px;
}

.link_links {
  text-align: left;
  margin-bottom: 15px;
  margin-top: 10px;
  margin-left: 25px;
  margin-right: 5px;
}

/** Formatierung rechte Seite allgemein **/

h1.ueberschrift_rechts_oben {
  padding: 20px;
  padding-bottom: 0px;
  font-family: Georgia, Times, "Times New Roman", serife;
  font-style: italic;
  font-size: 1.6em;
  color: rgb(0, 123, 142);
}

div.ueberschrift_rechts_oben {
  padding-left: 30px;
  padding-right: 20px;
  padding-bottom: 0px;
  margin-left: 35px;
}

h1.ueberschrift_rechts_unten {
  margin: 10px;
  margin-top: 20px;
  margin-left: 40px;
  font-family: Georgia, Times, "Times New Roman", serife;
  font-style: italic;
  font-size: 1.1em;
  font-weight: bold;
  color: rgb(0, 123, 142);
}

.bild {
  margin-top: 20px;
  margin-left: 40px;
  font-style: italic;
}

.titel {
  margin-top: 20px;
  margin-left: 25px;
  margin-right: 15px;
  font-size: 1.2em;
  font-weight: bold;
}

.text {
  margin-left: 25px;
  margin-right: 15px;
  font-size: 1.0em;
}

.text_autor {
  margin-left: 25px;
  margin-right: 15px;
  color: rgb(120,120,120);
  font-size: 1.0em;
}

.zahlen {
  margin-top: 20px; 
  margin-left: 50px; 
  font-size: 1.1em;
  font-weight: bold;
}

.blaettern {
  color: rgb(0, 123, 142);
  font-size: 1.5em;
  font-weight: bold;
  padding-right: 20px;
  padding-left: 20px;
}

.personalseite {
  font-size: 0.95em;
  font-family: Georgia, Times, "Times New Roman", serife;
  font-style: italic;
  color: rgb(0, 123, 142);
}

.projekt_titel {
  margin-left: 25px;
  margin-right: 15px;
  font-size: 1.0em;
  padding-top: 20px;
}

.projekt_laufzeit {
  margin-left: 25px;
  margin-right: 15px;
  padding-top: 0px;
}

/** Formatierung Startseite Home **/

.box_rechts {
  width: 200px;
  height: 320px;
  background-color: #E8E8E8;
  margin-bottom: 10px;
  margin-right: 40px;
}

.ueberschrift_box_rechts {
  padding-top: 10px;
  padding-bottom: 5px;
  font-family: Georgia, Times, "Times New Roman", serife;
  font-style: italic;
  font-size: 1.1em;
  text-align: center;
  color: rgb(0, 123, 142);
}

.text_box_rechts {
  width: 180px;
  height: 220px;
  margin-left: 10px;
  margin-bottom: 0px;
  padding-left: 3px;
  background-color: white;
  font-size: 0.95em;
}

a.text_box_rechts {
  margin-left: 120px;
  margin-top: 0px;
}

.mehr_start {
  margin-right: 5px;
  margin-top: 0px;
  padding-left: 70px;
}

#gell {
  position: absolute;
  top: 200px;
  left: 25px;
  right: 0px;
  float: left;
}

#inno {
  position: absolute;
  top: 200px;
  left: 240px;
  right: 0px;
  float: left;
}

#wisdom {
  position: absolute; 
  top: 200px;
  left: 455px;
  right: 0px;
  float: left;
}

/** Formatierung Das Institut **/

#institut {
  position: relative;
  top: 20px;
  left: 35px;
  margin-right: 35px;
  margin-bottom: 30px;
}

.inst_symbol {
  margin-left: 35px;
  margin-top: 20px;
  float: left;
}

/** Formatierung Pressemitteilung **/

.presse_datum {
  margin: 25px;
  color: rgb(0, 123, 142);
  font-size: 1.0em;
  font-weight: bold;
}

.presse_titel {
  margin: 0px;
  margin-left: 25px;
  margin-right: 15px;
  font-size: 1.2em;
  font-weight: bold;
}

.presse_untertitel {
  margin-top: 20px;
  margin-left: 25px;
  margin-right: 15px;
  font-size: 1.2em;
  font-weight: bold;
}

.presse_spalte1 {
  width: 100px;
  vertical-align: top;
  font-family: Georgia, Times, "Times New Roman", serife;
  font-style: italic;
  font-size: 1.2em;
  font-weight: bold;
  color: rgb(0, 123, 142);
}

.presse_spalte2 {
  vertical-align: top;
}

.presse_spalte3 {
  vertical-align: top;
}

/** Formatierungen Projekte **/

.projektinfo {
  margin-top: 10px;
  margin-left: 25px;
  font-weight: bold;
}

/** Startseite Publikationen: Forschung Aktuell **/

h1.fa_autor {
  margin-top: 15px;
  margin-left: 30px;
  padding-top: 20px;
  font-size: 1.0em;
  font-weight: bold;
} 

h1.fa_titel {
  margin-left: 30px;
  margin-top: 5px;
  padding-top: 5px;
  font-family: Georgia, Times, "Times New Roman", serife;
  font-style: italic;
  font-size: 1.1em;
  font-weight: bold;
  color: rgb(0, 123, 142);
}

h3.fa_titel {
  margin-left: 30px;
  font-family: Georgia, Times, "Times New Roman", serife;
  font-style: italic;
  font-size: 1.0em;
  color: rgb(0, 123, 142);
}

p.fa_adp {
  margin-left: 30px;
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 10px;
  margin-right: 20px;
}

li.fa_adp {
  padding-bottom: 20px;
  font-size: 1.0em;
}

a.button_mehr {
  margin-left: 500px;  
  margin-top: 0px;
}

/** Formatierungen Personal **/

table.personal_start {
  margin-left: 50px;
  margin-top: 10px;
}

td.pers_adr1 {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0px;
  vertical-align: top;
  border-right: 1px solid rgb(0, 123, 142); 
}

td.pers_adr2 {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}
  
.adr1 {
  font-family: Georgia, Times, "Times New Roman", serife;
  font-style: italic;
  font-weight: bold;
  color: rgb(0, 123, 142);
  padding-bottom: 10px;
}

.adr2 {
  padding-left: 40px;
  font-weight: bold;
  margin-bottom: 10px;
}

li.vita {
  margin-left: 30px;
  font-size: 0.9em;
  margin-bottom: 10px;
  margin-right: 20px;
}

/** Formular **/

#form {
  margin-left: 25px;
  margin-top: 15px;
}

.button {
  font-weight: bold;
  background-color: rgb(0, 123, 142);
  color: white;
}

/** Fusszeile **/

#fusszeile {
  position: absolute;
  bottom: 10px;
  right: 0px;
  float: right;
  width: 275px;
  height: 20px;
  background-color: #E8E8E8;
  vertical-align: bottom;
  text-align: right;
  font-size: 0.95em;
  letter-spacing: 0.05em;
  color: #4D4D4D;
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 20px;
  margin-top: 10px;
}

#cloud {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 679px;
  height: 90px;
  background-color: white;
  vertical-align: middle;
  border-top: 20px #E8E8E8 solid;
}

#cloud2 {
  position: relative;
  top: 850px;
  right: 0px;
  left: 30px;
  width: 245px;
  height: 150px;
  background-color: white;
  border-top: 20px #E8E8E8 solid;
}

.cloud_links {
  text-align: center;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.cloud_rechts {
  width: 600px;
  text-align: center;
  margin-left: 25px;
  margin-top: 10px;
  margin-right: 10px;
}  

.cloud_form {
  color: #007B8F;
  padding-bottom: 5px;
  padding-left: 10px;
}

.inst_kasten {
  position: absolute;
  top: 50px;
  left: 15px;
  height: 180px;
  padding: 5px;
  float: left;
}