/* Screen-CSS BioMedion; Projektstand 11.03.2010 */

/* Layout */


body  {
   background-repeat:repeat-x;
   background-position: bottom;
   background-color:#d1d1d1;
}


#sprung {
   position:absolute;
   left:-10000px;
}

#wrapper {
   width:80%;
   border:2px solid white;
   margin:30px auto;
   min-height:600px;
   font-family:tahoma,helvetica,arial, sans-serif;
   width:980px;
   position:relative;
}

#header {
   width:100%;
   min-height:180px;
   height:180px;
   background:url(../img/webstreifen.jpg) top left no-repeat;
   background-color:#c8d9ed;
   position:relative;
}

#globals {
   font-size:80%;
   position:absolute;
   top:-25px;
   right:20px;
   color:#fff;
}

#globals a {
   color:#004f9f;
}

#logo {
   color:#fff;
   width:150px;
   height:25px;
   position:absolute;
   top:-20px;
   left:40px;
}


#content_wrap {
   clear:both;
   float:left;
   width:100%;
   min-height:600px;
   border-bottom:1px solid #aaa; 
   position:relative;
   background-image:url(../img/grauer-content-bg.jpg);
   background-repeat:repeat-x;
   background-position: bottom;
   background-color:#fff;
}

#hauptnavi {
   width:100%;
   float:left;
   background-color:#aaa;
   /* Biomedion blau: */
   background-color:#004f9f;  
   position:relative;
   background-image:url(../img/navbg.gif);
}

#subnavi {
   width:100%;
   font-size:90%;
   float:left;
   /* Biomedion mittelblau: */
   background-color:#5a93bf;
   border-top:1px solid white;
   min-height:10px;
}


/* Wrapper um gesamten Inhalt (Kontextnavi, Inhalt & Kontextspalte rechts) 
    hier verwendet, um gleichmäßig Abstand zur Navigation zu erzwingen (Padding)
*/

div#inner_wrap {
   float:left;
   width:100%;
   padding-top:3px;
}


#kontextnavi {
   width:20%;
   float:left;
   min-height:600px;
   background-color:#5a93bf; 
   background-repeat:repeat-y;
   background-position: bottom;
}


#breadcrumb_suche {
  width:76%;
  color:#555;
  padding:0 0.5% 0 22.5%;
  border-top:1px solid #fff;
  font-size:90%;
}

#breadcrumb {
  font-size:80%;
  margin-top:0.5%;  
}

#breadcrumb a {
  color:#555;
  text-decoration:none;
}
#breadcrumb a:hover {
  color:#555;
  text-decoration:underline;
}

#breadcrumb b, #breadcrumb strong  {
  color:#555;
}
#suche {
   position:absolute;
   z-index:20;
   right:10px;
   top:5px;
}

#suche form {
  margin:0;
  padding:0;
}

#suche form input {
  border:1px solid #c3d3ed;
  height:1.1em; 
  margin-left:5px;
  background-color:#004f9f;
  font-size:80%;
  color:#c3d3ed;
  display:block;
  float:left;
}

#suche form input[type=submit] {
  border:1px solid #c3d3ed;
  padding:0 0 1px 0;
  height:1.65em; 
  margin-left:5px;
  color:#c3d3ed;
  font-size:70%;
  font-weight:bold;
  background-color:#004f9f;
  background-image:url(../img/navbg.gif);
}

#sprache {
   position:absolute;
   z-index:20;
   right:10px;
   top:40px;
   
   font-size:80%;
   color:#fff;
}

#sprache a {
   color:#fff;
}


/* Inhalt "Haupt - Spalte": */
#inhalt {
   float:left;
   width:54%;
   min-height:550px;
   padding:1% 3%;
}

#inhalt h1, #inhalt h2, #inhalt h3, #inhalt h4 {
   font-size:85%;
   color:#004f9f;
   margin:0;
   padding:0% 0% 2% 0%;
   font-family:tahoma,helvetica,arial, sans-serif;
}

#inhalt b, #inhalt strong {
   color:#004f9f;
}
#inhalt p, #inhalt p.bodytext, #inhalt dd, #inhalt dt, #inhalt li  {
   font-size:75%;
   line-height:140%;
   margin:0;
   color: #333;
}

#inhalt img {
   border:0px;
}

#inhalt ul {
   list-style-image:url(../img/pfeil5.gif);
   
}

/* Tabelle normal: */ 
#inhalt table.contenttable-0 {
  width:100%;
  border-bottom:1px solid #aaa;
  border-spacing:0;
  margin-top:10px;
  margin-bottom:20px;
}

#inhalt table.contenttable-0  tr.tr-even {

}
#inhalt table.contenttable-0  tr.tr-odd {

}

#inhalt table.contenttable-0  th{
   padding: 3px;
   border-top:1px solid #aaa;
   background-color:#eeeeee;
   text-align:left;
}

#inhalt table.contenttable-0  td{
   padding: 3px;
   border-top:1px solid #aaa;
}


/* Tabelle Layout 1: */ 
#inhalt table.contenttable-1 {
  width:100%;
  border-bottom:1px solid #aaa;
  border-spacing:0;
  margin-top:10px;
  margin-bottom:20px;
}

#inhalt table.contenttable-1  tr.tr-even {
    background-color:#c8d9ed;
}
#inhalt table.contenttable-1  tr.tr-odd {
    background-color:#fff;
}

#inhalt table.contenttable-1  th{
   padding: 3px;
   border-top:1px solid #aaa;
   background-color:#004f9f; 
   color:#fff;
   text-align:left;
}

#inhalt table.contenttable-1  td{
   padding: 3px;
   border-top:1px solid #aaa;
}

/* Tabelle Layout 2: */ 
#inhalt table.contenttable-2 {
   width:100%;
   border-spacing:0px;
   margin-top:10px;
   margin-bottom:20px;
   background-color:#004f9f; 
   border:1px solid #ddd;
   border-top:0;
}

#inhalt table.contenttable-2  tr.tr-even {

}
#inhalt table.contenttable-2  tr.tr-odd {

}

#inhalt table.contenttable-2  th{
  padding: 5px;
  text-align:left;
  color:#fff;
  background-image:url(../img/navbg.gif);
  background-repeat:repeat-x;
}

#inhalt table.contenttable-2  td{
   padding: 5px;
   background-color:#fff; 
   border:1px solid #eee;
}

/* Tabelle Layout 3: */ 
#inhalt table.contenttable-3 {
   width:100%;
   border:1px dotted #aaa;
   border-spacing:8px;
   margin-top:10px;
   margin-bottom:20px;
   background-image:url(../img/grauer-content-bg.jpg);
}

#inhalt table.contenttable-3  th{
   padding: 5px;
   text-align:left;
   color:#fff;
   background-image:url(../img/navbg.gif);
   background-repeat:repeat-x;
}

#inhalt table.contenttable-3  td{
   padding: 5px;
   background-color:#fff; 
   border:1px solid #eee;
}


/* Links für Inhalt Fileupload, alle Layouts": */
#inhalt table.csc-uploads a {
   color:#004f9f;
   text-decoration:none;
	   
}

#inhalt table.csc-uploads a:hover {
   color:#004f9f;
   text-decoration:underline;	   
}

/* Inhalt "Fileupload Layout Normal": */
#inhalt table.csc-uploads-0 {
	   border-spacing:8px;
	   width:100%;
	   border:1px solid #ddd;
	   padding:5px;
	   background-color:#fff;
	   background-image:url(../img/icon_download.jpg);
           background-repeat:no-repeat;
	   background-position:1% 50%;
}

#inhalt table.csc-uploads-0  tr.tr-even {

}
#inhalt table.csc-uploads-0  tr.tr-odd {

}

#inhalt table.csc-uploads-0  td{
     padding: 2px 5px 2px 45px;
	   
}
/* Inhalt "Fileupload Layout 1": */
#inhalt table.csc-uploads-1 {
	   border-spacing:0;
	   width:100%;
	   border:1px solid #ddd;
	   padding:5px;
	   background-color:#fff;
}

#inhalt table.csc-uploads-1  tr.tr-even {
    background-color:#fff;
}
#inhalt table.csc-uploads-1  tr.tr-odd {
    background-color:#fff;

}


#inhalt table.csc-uploads-1 td.csc-uploads-icon {
    background-image:url(../img/icon_pdf.jpg);
    background-repeat:no-repeat;
    width:50px;
    height:40px;
}

#inhalt table.csc-uploads-1 td.csc-uploads-icon img {
    display:none;
}

/* Inhalt "Fileupload Layout 2": */
#inhalt table.csc-uploads-2 {
	   border-spacing:0;
	   width:100%;
	   border:1px solid #ddd;
	   padding:5px;
	   background-color:#fff;
}

#inhalt table.csc-uploads-2  tr.tr-even {
    background-color:#fff;
}
#inhalt table.csc-uploads-2  tr.tr-odd {
    background-color:#fff;
}
#inhalt table.csc-uploads-2 td.csc-uploads-icon {
    background-image:url(../img/icon_word.jpg);
    background-repeat:no-repeat;
    width:50px;
    height:40px;
}

#inhalt table.csc-uploads-2 td.csc-uploads-icon img {
    display:none;
}

/* Inhalt "Fileupload Layout 3": */
#inhalt table.csc-uploads-3 {
	   border-spacing:0;
	   width:100%;
	   border:1px solid #ddd;
	   padding:5px;
	   background-color:#fff;
}

#inhalt table.csc-uploads-3  tr.tr-even {
    background-color:#fff;
}
#inhalt table.csc-uploads-3  tr.tr-odd {
    background-color:#fff;
}
#inhalt table.csc-uploads-3 td.csc-uploads-icon {
    background-image:url(../img/icon_excel.jpg);
    background-repeat:no-repeat;
    width:50px;
    height:40px;
}

#inhalt table.csc-uploads-3 td.csc-uploads-icon img {
    display:none;
}

/* Inhalt "Bulletlist Layout Normal": */
#inhalt ul.csc-bulletlist-0 {
   /* Darstellung erbt von Listen im Contentbereich  */
   margin-top:5px;
}

#inhalt ul.csc-bulletlist-0 li {
   line-height:200%;
}

/* Inhalt "Bulletlist Layout 1": */
#inhalt ul.csc-bulletlist-1 {
   list-style-image:url();
   list-style-type:square;
   margin-top:5px;
}
#inhalt ul.csc-bulletlist-1 li {
   line-height:200%;
}
/* Inhalt "Bulletlist Layout 2": */
#inhalt ul.csc-bulletlist-2 {
   list-style-image:url();
   list-style-type:decimal;
   margin-top:5px;
}

/* Inhalt "Bulletlist Layout 3": */
#inhalt ul.csc-bulletlist-3 {
   list-style-image:url(../img/pfeil5.gif);
   background-image:url(../img/grauer-content-bg.jpg);
   background-position:10px 30px;
   background-repeat:repeat-x;
   padding:10px;
   border:1px solid #eee;
   margin-top:10px;
}
#inhalt ul.csc-bulletlist-3 li {
   margin-left:30px;
   line-height:200%;
}

/* Inhalt "Single-Anzeige der News": */
#inhalt div.news-single-backlink a{
    color:#004f9f;
    font-size:80%;
}

#inhalt div.news-single-timedata {
    display:none;
}

/* Inhalt "Rechte Spalte/ NEWS": */
#kontext {
   float:right;
   width:13.5%;
   padding:1% 1%;
}

#kontext div.latestnews {
   background-image:url(../img/navbg.gif);
   background-color:#eee;
   background-repeat:repeat-x;
   background-position: 0 -20px;
   padding:15px 0px 0px 0px;
   border:1px solid #d1d1d1;
   
   
}
#kontext div.latestnews div.news-latest-container {
	 background-color:#eee;
	 padding:5px 0px;

}

#kontext div.latestnews div.news-latest-container h2{
	 background-color:#eee;
	 padding:0 8px;
	 border-bottom:1px dotted #ccc;	 
}
#kontext div.latestnews div.news-latest-item {
	 background-color:#eee;
	 padding:5px;
	 font-size:80%;
	 border-bottom:1px dotted #ccc;	 
}

#kontext div.latestnews div.news-latest-item a {
	 color:#004f9f;
}

#kontext div.latestnews div.news-latest-item hr {
	 color:#004f9f;
}

#kontext div.latestnews div.news-latest-item:hover {
    background-color:#ddd;
}

#kontext div.latestnews span.news-latest-date  {
	 font-size:80%;
	 color:#004f9f;
}

#kontext div.latestnews span.news-latest-time  {
	 display:none;
}


#kontext div.latestnews div.news-latest-morelink a {
	 padding:5px 5px;
	 font-size:85%;
	 color:#004f9f;
}

#kontext div.latestnews div.news-latest-gotoarchive {
	 padding:5px 5px;
	 font-size:80%;
	 color:#004f9f;
}

#kontext div.latestnews div.news-latest-gotoarchive  a {
	 color:#004f9f;
}


#kontext h1, #kontext h2, #kontext h3, #kontext h4 {
   font-size:85%;
   color:#004f9f;
   margin:0;
}

#kontext b, #kontext strong {
   color:#004f9f;
}
#kontext p, #kontext p.bodytext, #kontext dd, #kontext dt, #kontext li  {
   font-size:75%;
   line-height:140%;
   margin:0;
   color: #333;
   text-decoration:none;
}

#kontext img {
   border:1px solid #004f9f;
}

#footer {
    clear:both;
    width:98%;
    background-color:#DCDED9;
    color:#c3d3ed;
    font-size:80%;
    padding:1%;
    background-image:url(../img/navbg.gif);
}

#footnavi {
   margin: 0 20%;
   color:#c3d3ed;
}

#footer  a  {	
    color:#c3d3ed;
}

#copyright {
   float:left;
   width:20%; 
   color:#c3d3ed;   
}

#toplink {
   float:right;
   width:20%;
   text-align:right;
}

/* Konfiguration Formular: */  

.csc-mailform {
      
      background-image:url(../img/grauer-content-bg.jpg);
      background-repeat:repeat-x;
      background-position: bottom;
      background-color:#fff;
      border: 1px solid #aaa;
      padding: 2px 6px
}
  
.csc-mailform-field label {
      display: block;
      font-size: 85%;
      color:#004f9f;
      font-family: Tahoma, Helvetica, Arial, sans-serif;
      width: 5em;
      float: left;
      text-align: right;
      margin-right: 0.9em;
    
}

.csc-mailform-field textarea {
      font-size: 80%;
      font-family: Tahoma,Helvetica, Arial, sans-serif;
      text-align: left;
         
}
.csc-mailform-submit {
       
       margin-left: 5.9em;
       border: 2px outset #5a93bf;
       background-color:#004f9f;
       color:#c3d3ed;
       
}


/* Navigation (Styles für die Darstellung der ul etc...) */

/* Ebene 1 */
#hauptnavi ul {
     float:left;
     list-style-type:none;
     margin:0;
     padding:0;
     _border-left:1px solid #fff;
}

#hauptnavi ul li {
      float:left;
      /* Breite der Menüpunkte: */
      _min-width:7em;
      /* relative Positionierung, um 
         die LI als Bezugspunkt
         für die Position der
         untergeordneten Menüs
         zu verwenden: */
      position:relative;
	    top:1px;

	   border-bottom:1px solid #fff; 
	   border-right:1px solid #fff;
	   text-align:center;
}

* html #hauptnavi ul li {
	  _width:7em;
}

* html #nav ul { line-height: 0; } /* IE6 "fix" */

#hauptnavi ul li a {
      /* Blockelement für HG-Farbe */
      display:block;
      background-color:transparent;
      color:#fff;
      font-size:80%;
      text-decoration:none;
      padding:5px 10px;
}

#hauptnavi ul li a.hassub {
	    background-image:url(../img/pfeil_down.gif);
	    padding-right:20px;
      background-repeat:no-repeat;
      background-position: center right;	  
}

#hauptnavi ul li:hover {
      background-color:#999;
      /* Biomedion lblau: */
      background-color:#004f9f;
      /* Biomedion mittelblau neu: */
      _background-color:#5284c6;
	    background-image:url(../img/navbg_a2.gif);
	    background-position:0px -1px;
}

#hauptnavi ul li.active {
    background-color:#5a93bf;
	  border-bottom:1px solid #5a93bf; 
	  background-image:url();
	  background-repeat:no-repeat;
    background-position: top right;
	  border-right:1px solid #fff;	
  
}


/* Ebene 2 */
#subnavi ul {
     list-style-type:none;
     margin:0;
     padding:0;
	   padding-left:3px;
}

#subnavi ul li {
      float:left;

      /* Biomedion blau: */
    background-color:#5a93bf;
	  text-align:center;
	  padding:3px 0px 0 0px;
	  border-top:1px solid #5a93bf;
}

#subnavi ul li a {
      /* Blockelement für HG-Farbe */
      display:block;
      background-color:transparent;
      color:#fff;
      font-size:80%;
      text-decoration:none;
      padding:0px 8px 3px 6px;
      border-right:1px solid #fff;
	    border-top:1px solid #5a93bf;

}

#subnavi ul li a.hassub {
	  background-image:url(../img/pfeil_down.gif);
	  padding-right:20px;
    background-repeat:no-repeat;
    background-position: center right;	  
}

#subnavi ul li:hover {

}

#subnavi ul li.active {
    background-color:#5a93bf;
}

#subnavi ul li.active a {
    color:#555;
	  background-color:#c3d3ed;
	  border-right:1px solid #c3d3ed;
	  border-top:1px solid #c3d3ed;
}

#subnavi ul li.active a.hassub {
    color:#555;
	  padding-right:20px;
	  background-image:url(../img/pfeil_down.gif);
          background-repeat:no-repeat;
          background-position: center right;	
	  background-color:#fff;
	  border-right:1px solid #999;
	  border-top:1px solid #999;
}

#subnavi ul li a:hover {
	  background-color:#004f9f;
	  text-decoration:none;
}

#subnavi ul li.active a:hover {
	  background-color:#c3d3ed;
	  color:#333;
}

/* Ebene 3 */
#kontextnavi ul {
   list-style-type:none;
   margin:10px 0 10px 10px;
   padding:0;
	 background-color:#eee;
	 background-image:url(../img/navbg.gif);
	 padding-top:15px;
}

#kontextnavi ul li {
   background-image:url(../img/pfeil5.gif);
	 background-repeat:no-repeat;
	 background-position:5px center;
	 background-color:#eee;
   line-height:80%;
   padding:3px 5px 3px 25px;
	 border-bottom:1px dotted #ccc;	 
}

#kontextnavi ul li:hover {
   background-image:url(../img/pfeil5.gif);
   background-color:#ddd;
	 background-position:5px center;
	 border-bottom:1px solid #ccc;	
}

#kontextnavi ul li a {
     text-decoration:none;
     font-size:70%;
     color:#555;
}

#kontextnavi ul li a:hover {
     text-decoration:underline;

}