@charset "iso-8859-15";

.blocksatz{
text-align:justify;
}

/* Fakultätsfarbe  #f59a01;
  Stand 12. Dez. 2008 */

*{margin:0;padding:0}
body { color:#333333;
  font-size:9pt;
  line-height:14pt;
  font-family:Arial,Helvetica,Sans-Serif;
  background-color: #FFFFFF;
}
/* Gestaltung der Kopfelemente des Layouts */
#logo {
  position:absolute;
  left:65px;
  top:12px;
  width:185px;
  height:72px;
  z-index:1;
}
#titel {
  position:absolute;
  left:256px;
  top:62px;
  width:639px;
  height:36px;
}
#kopf {
  position:absolute;
  left:0px;
  top:110px;
  width:734px;
  height:120px;
  background: #f59a01;
  z-index:3;
}
#piktogramm {
  position:absolute;
  left:94px;
  top:165px;
  width:auto;
  height:60px;
  z-index:3;
}
#logo_einr {
  position:absolute;
  left:736px;
  top:7px;
  width:auto;
  height:74px;
  z-index:3;
}
#Kopfbild1 {
  position:absolute;
  left:250px;
  top:84px;
  width:484px;
  height:120px;
  z-index:3;
}
#Kopfbild2 {
  position:absolute;
  left:734px;
  top:84px;
  width:242px;
  height:120px;
  z-index:3;
}
#history {
  position:absolute;
  left:250px;
  top:230px;
  width:484px;
  height:13px;
  z-index:11;
  text-align:left;
}
#history a {
  color: #f59a01;
  font-family : Arial, Helvetica, sans-serif;
  font-weight : normal;
  text-decoration : none;
  font-size : 12px;
}
#pulldown {
  position:absolute;
  left:250px;
  top:206px;
  width:31em;
  height:20px;
  z-index:100;
}
#language {
  position:absolute;
  left:895px;
  top:6px;
  width:80px;
  height:38px;
  z-index:45;
}
#suche {
  position:absolute;
  left:767px;
  top:212px;
  width:210px; /*von 220 auf 210 verkleinert*/
  height:13px;
  z-index:11;
  text-align:left;
}
#suche a {
  color : #666666;
  font-family : Arial, Helvetica, sans-serif;
  font-weight : bold;
  text-decoration : none;
  font-size : 10pt;
}
#linkkopf {
  position:absolute;
  left:640px;
  top:208px;
  width:auto;
  height:13px;
  z-index:110;
  text-align:left;
}
#linkkopf a {
  color : #ffffff;
  font-family : Verdana, Helvetica, sans-serif;
  font-weight : bold;
  text-decoration : none;
  font-size : 8pt;
}
#fussstrich {
  position:relative;
  left:-252px;
  width:977px;
  height:15px;
  z-index:11;
  text-align:left;
  border-bottom:1px dashed #f59a01;
}
#fussmenu {
  position:absolute;
  left:-248px;
  top:-20px;
  top:auto;
  height:75px;
  z-index:6;
}
#fussmenu a {
  color : #999999;
  font-family : Arial, Helvetica, sans-serif;
  font-weight : normal;
  text-decoration : none;
  font-size : 8pt;
}
#fussmenu li {
  display:inline;
  list-style-type:none;
  padding: 0px 18px 0px 0px;
}

/* linkes Menue und ggf. rechtes Menue */
#menubereich {
  width:208px;
  height:auto;
  z-index:21;
  margin-top:0px;
/*  border-width:1px solid #f59a01; /* ------ ganze Menuekasten----------*/
}

#menubereich a, #menuboxrechts a {
  font-weight : normal;
  color: #000000;
  text-decoration: none;
  font-size : 10pt;
  font-family : Arial, Helvetica, sans-serif;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #f59a01;
/*  border: 1px solid green;  /*------------Innenkasten mit grafik --------------------- */
}

/*#menubereich a:visited {}*/

#menubereich a:hover, #menuboxrechts a:hover {
/*  color: #777777; /*Änderung der Schriftfarbe ersetzt durch Änderung der buttons*/
  background: url(/chemie/images/template_2009/menupoints_ff.gif) no-repeat;
  background-position: 3px 3px;
}

* html #menubereich a:hover, #menuboxrechts a:hover {  background-position: 3px 5px;}  /* IE6 hack */
* + html #menubereich a:hover, #menuboxrechts a:hover {  background-position: 3px 4px;}  /* IE7 hack */

#menubereich a.active, #menuboxrechts a.active {
  color: #444444;
  text-decoration: none;
  font-weight : bold;
  font-family : Arial, Helvetica, sans-serif;
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #f59a01;
}
#menulinks {
  left:0px;
  top:0px;
  width:180px;
  height:auto;
  z-index:7;
  color:#444444;
  padding:0.5em;
  padding-top:0px;
/*  border: 1px solid #f59a01; /* Außenrahmen des Menukastens */
}
* html #menulinks { padding-bottom:12px }  /* IE6 hack */
* html #menulinks ul.menu-left { margin-top:25px }  /* IE6 hack */

#menulinks2 {
  left:0px;
  top:auto;
  width:180px;
  height:auto;
  z-index:9;
/*  border:0px solid #f59a01; /* Außenrahmen des Menukastens */
  padding:0.5em;
  margin-top:10px;
}

#menulinks3 {
  left:0px;
  top:auto;
  width:180px;
  height:auto;
  z-index:9;
/*  border:0px solid #f59a01; /* Außenrahmen des Menukastens */
  padding:0.5em;
  margin-top:10px;
}
* html #menulinks3 ul.menu-left { margin-top:25px }  /* IE6 hack */

#menuboxrechts{
  width:208px;
  height:auto;
  z-index:1;
  border: 0px #aaa dotted;
  background: #FFFFFF;
  float: right;
  padding: 0 0 0 20px;
  margin-bottom:20px;
}

#infoboxrechts{ 
  position:relative;
  left:0px;
  top:0px;
  width:198px;
  height:auto;
  z-index:5;
  margin-top: 10px;
  border: 1px #aaa dotted;
  background: #ffffff;
  float: right;
  padding: .4em;
  padding-top:0px;
}
#netzbox{ 
  position:relative;
  left:0px;
  top:0px;
  width:240px;
  height:auto;
  z-index:5;
  margin-top: 0px;
  border: 0px #aaa dotted;
  background: #ffffff;
  float: right;
  padding: 0px;
}

/* Container für linke Menues*/
#col-links {
  position:absolute;
  width: 230px;
  left:0px;
  top:275px;
  height:auto;
  z-index:21;
  padding:0px;
  padding-left: 20px;
/*  border:1px solid #CBCBCB;*/
}
* html #col-links {top:265px;}

/* Content */
#contentwide {
  position:absolute;
  top: 275px;
  left:250px;
  width: 727px;
  height:auto;
  z-index:5;
/*  border:0px solid blue;*/
}
* html #contentwide {  top: 265px;} /* IE6 hack*/

#contenthauptspalte { /* Wrapper umd col-mitte und col-rechts */
  width: auto;
/*  height:auto;*/
  z-index:5;
  margin: 0px;
  padding:1px;
  overflow:auto;
  min-height:35em;
  /*border:1px dashed red;*/
}
.clearer { display:none; } /* abschließendes div bei floats */
* html .clearer { display:block; height:0; font-size:0; clear:both; }
* + html .clearer { display:block; height:0; clear:both; }

.dotborder { border-bottom:1px #f59a01 dashed;}

/* Aufteilung innerhalb Contentwide */
/* 2 Drittel - 1 Drittel  = Standard Uni-Layout*/
#col-mitte {
/*  position:relative; */
  width: 483px;
  height:auto;
  z-index:5;
  float:left;
/*  border:1px dotted green;*/
}
#col-rechts {
  position:relative;
  top:0px;
  margin-left:484px;
  width:240px;
  height:auto;
  z-index:1;
  margin-right:-4px;
  margin-top: 0px;
/*  border:1px dotted yellow;*/
}
#col-rechts:after {clear:both}
 /* wrapper für weitere Schachtelung con Spalten */
.untercol {
  overflow: hidden;
  width:100%;
}
* .untercol { height:1%; } /* IE6 hack */

/* halbe - halbe */
#col-50l {
  position:relative;
  width:50%;
  z-index:5;
  float:left;
}
#col-50r {
  position:relative;
  width:49%;
  overflow:hidden;
}
#col-50r:after {clear:both}
#col-20l {
  position:relative;
  width:20%;
  z-index:5;
  float:left;
}
#col-80r {
  position:relative;
  width:80%;
  overflow:hidden;
  float: right; margin-left: -3px;
}
#col-80r:after {clear:both}
/* 1 Viertel - 3 Viertel */
#col-25l {
  position:relative;
  width:25%;
  z-index:5;
  float:left;
}
#col-75r {
  position:relative;
  width:75%;
  overflow:hidden;
  float: right; margin-left: -3px;
}
#col-75r:after {clear:both}
* html #col-75r {width:74%;padding-bottom:0px;margin-bottom:-10px;}
/* 3 Viertel - 1 Viertel */
#col-75l {
  position:relative;
  width:75%;
  z-index:5;
  float:left;
}
#col-25r {
  position:relative;
  width:25%;
  overflow:hidden;
  float: right; margin-left: -3px;
}
#col-25r:after {clear:both}

#col-33l {
  position:relative;
  width:33%;
  z-index:5;
  float:left;
}
#col-66r {
  position:relative;
  width:65%;
  overflow:hidden;
  float: right; margin-left: -3px;
}
#col-66r:after {clear:both}

/* nächsten beiden mit gegenüber 2006 geänderte Größe !! */
#contentbox{
    position:relative;
    left:0px;
    top:10px;
    width:600px;
    height:auto;
    z-index:5;
    margin-top: 10px;
    border:1px dotted #f59a01;
    padding:0;
    padding-top:10px;
    padding-right:10px;
    padding-left:10px;
}
#contentboxklein{
    position:relative;
    left:10px;
    top:20px;
    width:640px;
    height:auto;
    z-index:5;
    margin-top: 10px;
    border:1px #f59a01 dotted;
    padding:0;
    padding-top:10px;
    padding-right:5px;
    padding-left:10px;
}
.footer {
  color : #909090;
  font-family : Arial, Helvetica, sans-serif;
  font-weight : normal;
  text-decoration : none;
  font-size : 8pt;
}

/* DL-Menueauszeichnungen */

.menu_title { font-weight:bold; font-size:1.2em;}

ul.menu-left { margin: 0 0 0 13px;
/*  border: 1px solid blue;  /*--------- Rahmen um ganze ul-liste-----------------------*/
  list-style-type: none;
}

ul.menu-left li a { line-height: 16px;
  background: url(/chemie/images/template_2009/menuponits_gray.gif) no-repeat;
  display: block;
  background-position: 3px 3px;
  padding: 0px 0px 4px 25px;
  margin: 5px 0px 0px -10px;
/*  font-weight: bold;*/
  }

ul.menu-left li a.active { background: url(/chemie/images/template_2009/menupoints_ff.gif) no-repeat;
  background-position: 3px 3px;}

/*wirkt auf IE6*/ 
* html ul.menu-left li a { margin: 3px 0px -20px -10px;
  background-position: 3px 5px;}
* html ul.menu-left li a.active { margin: 3px 0px -20px -10px;
  background-position: 3px 5px;
}

/*IE7*/
* + html ul.menu-left li a {
  background-position: 3px 4px;
  padding: 0px 0px 3px 25px;}
* + html ul.menu-left li a.active { background: url(/chemie/images/template_2009/menupoints_ff.gif) no-repeat;
  background-position: 3px 4px;}

ul.menu-top { margin: 0px 0px 0px 13px;
/*  border: 1px solid red; /* --------- Rahmen um ganze ul-liste-----------------------*/
  list-style-type: none;
}
* html ul.menu-top { margin: 0px 0px -23px 13px;}

  /* Position direkt unter Navigation */
ul.menu-top li a { line-height: 16px;
  background: url(/chemie/images/template_2009/menuponits_gray.gif) no-repeat;
  background-position: 3px 3px;
  display: block;
  padding: 0px 0 4px 25px;
  margin: 5px 0px 0px -10px;
  list-style-type: none;}
* html ul.menu-top li a { margin: 5px 0px -20px -10px;
  background-position: 3px 5px;}

ul.menu-top-bold { margin: 0px 0px 0px 13px;
/*  border: 1px solid blue;  /*--------- Rahmen um ganze ul-liste-----------------------*/
  list-style-type: none;
  }
ul.menu-top-bold li a { line-height: 16px;
  background: url(/chemie/images/template_2009/menupoints_ff.gif) no-repeat;
  background-position: 3px 3px;
  display: block;
  padding: 0px 0 4px 25px;
  margin: 5px 0px 0px -10px; /******ändert obersten Eintrag********/
  font-weight: bold;
  list-style-type: none;}

* html ul.menu-top-bold li a { 
  background-position: 3px 5px;
  margin: 5px 0px -20px -10px;
/*  border: 1px solid blue;  /*--------- Rahmen um ganze ul-liste-----------------------*/
}

* + html ul.menu-top-bold li a { background-position: 3px 4px;} /* IE7 hack */

/* TOC-Menueauszeichnungen für generierte <h1>-ids */
ul#menu-toc { margin: 0 0 0 15px;list-style-type: none;} 
ul#menu-toc li a { line-height: 14px;
  background: url(/chemie/images/template_2009/quadrat_grau_klein.gif) no-repeat;
  background-position: 0px 1px;
  display: block;
  padding: 0px 0 3px 15px;
  margin: 2px 0px 0px 0px;
  font-weight: normal;
  font-size : 8pt;
  list-style-type: none;
}
ul#menu-toc li a:hover { background: url(/chemie/images/template_2009/quadrat_ff_klein.gif) no-repeat;
  background-position: 0px 1px;}

ul#menu-toc li a.active { background: url(/chemie/images/template_2009/quadrat_grau_klein.gif) no-repeat;
  background-position: 0px 1px;}

/*IE6*/
* html ul#menu-toc li a { margin: 2px 0px -20px 5px;
  background-position: 0px 4px;
  padding: 0px 2px 0px 25px;
/*  border:1px solid red;  /*----------------- TOC -liste -------*/
}
* html ul#menu-toc li a:hover { background-position: 0px 4px;}
* html ul#menu-toc li a.active { background-position: 0px 4px;}
/*IE7*/
* + html ul#menu-toc {margin-left: 0px; } /* IE7 hack */
* + html ul#menu-toc li a {margin-left: 0px; padding: 0px 0 0px 15px; background-position: 0px 4px;  margin: 2px 0px 0px 20px;
} /* IE7 hack */
* + html ul#menu-toc li a.active {background-position: 0px 4px;margin: 2px 0px 0px 20px;} /* IE7 hack */
* + html ul#menu-toc li a:hover {background-position: 0px 4px; margin: 2px 0px 0px 20px;} /* IE7 hack */

/* toc2 noch nicht gecheckt */
ul#menu-toc2 { margin: 0 0 0 10px;
  border: 1px;
  list-style-type: none;
  }
ul#menu-toc2 li a { 
  line-height: 14px;
  background: url(/chemie/images/template_2009/quadrat_grau_klein.gif) no-repeat;
  background-position: 0px 2px;
  display: block;
  padding: 0px 0 4px 15px;
  margin: 0px 0px 0px -80px;
  font-weight: normal;
  font-size : 8pt;
  list-style-type: none;}
* html ul#menu-toc2 li a { margin: 0px 0px -12px 0px;
  background-position: 10px 4px;
  padding: 0px 0px 0px 25px;}
* html ul#menu-toc2 li a.active {margin: 0px 0px 0px 0px;
  background-position: 0px 6px;}
* + html ul#menu-toc2 li a {margin-left: 0px;  background-position: 0px 6px;} /* IE7 hack */
* + html ul#menu-toc2 li a.active {margin-left: 0px; background-position: 0px 6px;} /* IE7 hack */

ul#menu-toc2 li a:active { background: url(/chemie/images/template_2009/quadrat_grau_klein.gif) no-repeat;
  background-position: 0px 4px;
}
ul#menu-toc2 li a:hover { background: url(/chemie/images/template_2009/quadrat_ff_klein.gif) no-repeat;
  background-position: 0px 4px;}


.uered {
    color : #cc0000;
    font-weight : bold;
    font-family : Arial, Helvetica, sans-serif;
    text-decoration : none;
}
/* für Vortragsliste */
.greenboxchem .bkg {/*background-color: #B8BEBA;*/}
.greenboxchem th   { color: #333; /*background-color: #D3F0BE;*/ }
.greenboxchem td   { font-size: 8pt; /*background-color: rgb(241,241,241);*/ line-height:1.0em;}
.greenboxchem p  { font-size: 8pt; margin-top: 5px;  margin-bottom: 5px;line-height:1.0em;}
.greenboxchem .shaded { background-color:#ffffff; }
.greenboxchem a:link { font-size: 8pt; text-decoration:none; line-height:1.0em;  color: #336699; font-weight:bold;}
.greenboxchem a:visited { font-size: 8pt; text-decoration:none; line-height:1.0em;font-weight:normal;}

#button_up {
  background-image: url(../../../../../../images/buttons/button_up.gif);
  background-repeat: no-repeat;
  position:absolute;
  right:20px;
  height: 16px;
  width: 16px;
  margin-top:0px;
  z-index:99;
}
.links   {padding:0px;  margin: 0px;}
.links_0 {padding: 0 0 0 15px; margin: 0px;}
.links_1 {padding: 0 0 0 30px; margin: 0px;}
.links_2 {padding: 0 0 0 45px;  margin: 0px;}
.links_3 {padding: 0 0 0 60px; margin: 0px;}
.links_4 {padding: 0 0 0 75px; margin: 0px;}

.lr_0 {padding:0 15px 0 15px;}
.lr_1 {padding:0 30px 0 30px;}

.einr_0 {margin-left: 1em; text-indent: -1em;}
.einr_1 {margin-left: 2em; text-indent: -2em;}
.einr_2 {margin-left: 3em; text-indent: -3em;}
.einr_3 {margin-left: 4em; text-indent: -4em;}

.smalltext {
    color : #909090;
    font-family : Arial, Helvetica, sans-serif;
    font-weight : normal;
    text-decoration : none;
    font-size : 8pt;
    line-height: 8pt;
}
.menuimggrey {
  background-image: url(/chemie/images/template_2009/menuponits_gray.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding-left:20px;
}
.menuimggrey:hover{
  background-image: url(/chemie/images/template_2009/menupoints_ff.gif);
  background-position: left;
  background-repeat: no-repeat;
  padding-left:20px;
}
.pfeil-rechts {
  background-image: url(/images/template_2009/pfeil-rechts_o.gif);
  background-position: 0 7px;
  background-repeat: no-repeat;
  font-size:11pt;
  font-weight:bold;
  line-height:25px;
  padding: 5px 0px 5px 30px;
  margin-right:-30px;
  width:auto;
}
.pfeil-rechts-ohne {
  background-image: url(/images/template_2009/pfeil-rechts_o.gif);
  background-position: 0 7px;
  background-repeat: no-repeat;
  padding: 5px 0px 5px 30px;
  margin-right:-30px;
  line-height:12pt;
}
.plus {
  background-image: url(/images/all/bullet_pluszeichen.jpg);
  background-position: 0 7px;
  background-repeat: no-repeat;
  padding: 5px 0px 5px 30px;
  line-height:12pt;
}
.titel {
    font-weight : bold;
    color: #008853;
    text-decoration: none;
    font-size : 10pt;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    vertical-align : bottom;
    padding-bottom:3px;
}
.ordbox  {
  border-collapse:collapse;
  padding:0;
  text-align:left;
}
.ordbox th   {
  background-color: #E7E7E7;
  border-color:#696969;
  text-align:center;
  font-weight:bold;
}
.ordbox td {
    border-color:#696969;
}
.ordbox tr {
    text-align:center;
}
#rechtsbdg {
  float: right;
  position: relative;
  top: -38px;
  padding-right:10px; 
}
.tablenote {
    font-family : Arial, Helvetica, sans-serif;
    font-weight : normal;
    text-decoration : none;
    font-size : 9pt;
    text-indent:-10px;
    margin:0;
    margin-left:20px;
    line-height:13px;
    padding:0;
    padding-bottom:5px;
}
.pfeil {color:#336699;
   font-size:13pt;
   font-weight:bold;
   margin:0px;
   padding:0px;
}
/* Links */
a  {  font-weight:bold;
  color: #20496E;
  text-decoration: none;
  font-size : 8pt;
  font-family : Verdana, Arial, Helvetica, sans-serif;
}
.intern {margin:0px;padding:0px;}
/* Formulare */
input, select, textarea   { color:#808080;
  font-weight:bold;
  font-size:10px;}
.Bereich, .Feld   { background-color:#FFFFFF;
  width:146px;
  border:1px solid #CCCCCC;
  }
.Auswahl { background-color:#FFFFFF;
  width:75px;
  border:1px solid #000000;
  }
.Button { background-color:#ffffff;
  color:#666666;
  border:1px solid #f59a01;
  }

/* Remember to define focus styles! */
:focus {outline: 0}
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {content: none}
blockquote, q {quotes: none}
/* better readability */
a:visited {text-decoration: none}
a:focus {outline: Highlight solid 0.1em}
/* POSITION & SIZE */
sup, sub { font-size: 0.7em;
  line-height: 1em;
  }
sub  { vertical-align: sub;
  }
sup  { vertical-align: super;
  }
caption { text-align: center;
  }
hr { clear: both;
  }
/* TEXT & DECORATION */
input:focus { outline: 2px solid Highlight;
  }
acronym, abbr { cursor: help;
  }

/* Tabellenfarben */
tr#tabellenkopf {background-color:#d4d0c8;}
tr#tabelle {background-color:#EFF3F7;}

#tabelle td {
  padding: 10px;
}