@media all {
   html {height:100%} 
   
   body { 
   	min-height: 101%;	
       font-size: 100.01%; 
       position: relative; 
      background-image: url(../../images/bg_body.jpg);
      background-repeat: repeat-x;
   }
   /*******************************************************************************
   // Globale Angaben
   /******************************************************************************/
   
   * {
      margin:0;
      padding:0;
      border:0;
      font-size: 1em;b
   }
   
   /* Schrift und Abstaende */
   body, div, p,  ul, ol, h1, h2, h3, image, img, select, table, form {
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
      font-size: 11px;  
      color: #444444;
      text-align:left;
      line-height:1.4em;
   }
   
   body {
      padding-top:29px;
      padding-bottom:10px;
      text-align:center;
      min-height:101%;
   }
   
   /*******************************************************************************
   // Hintergrundfarben
   /******************************************************************************/
   .bg1 {
      background-color:#DDDDDD;
   }
   .bg2 {
      background-color:#FFFFFF;
   }
   .bg_body {
      background-color:#BFBFBF;
      background-color:#9C9D9F;
      background-color:#FFF;
   }
   
   /*******************************************************************************
   // Rahmenfarben
   /******************************************************************************/
   .border1, .border3 {
      border-color:#DDDDDD;
   }
   .border2 {
      border-color:#FFFFFF;
   }
   .border_body {
      border-color:#BFBFBF;
   }
   
   
   /*******************************************************************************
   /* Logo
   /******************************************************************************/
   #logo {
      margin:auto;
      width: 942px;
      height: 113px;
      background-image: url(../../images/bg_head.jpg);
      background-repeat: no-repeat;
      background-color:#CACACA;
   }
   #outerdiv {
      background-color:#CACACA;
   }
   /*******************************************************************************
   // Angaben zur Navigation
   /******************************************************************************/
   #navigation {
      margin:auto;
      width: 942px;
      height: 31px;
      background-color:#FFFFFF;
      margin-top:8px;
      margin-bottom:8px;
      
   }
   
   /*******************************************************************************
   /* Content I
   /******************************************************************************/
   #container {
      margin:auto;
      width: 942px;
      background-image: url(../../images/bg_content.gif);
      background-repeat:repeat-y;
      border-top-width:9px;
      border-top-style:solid;
      border-bottom-width:9px;
      border-bottom-style:solid;
   }
   
   #content {
      margin-left:18px;
      width: 914px;
      display:table;
   }
   
   #links {
      border-left:none;
      border-right:none;
      width: 179px;
      float: left;
      border-top-width:8px;
      border-top-style:solid;
   }
   
   #mitte {
      width:537px;
      border-top-width:8px;
      border-top-style:solid;
      min-height:400px;
      background-color:#FFFFFF;
      border-left:none;
      border-right:none;
   }
   
   #rechts {
      padding:0px;
      width:171px;
      border-top-width:8px;
      border-top-style:solid;
   }
   
   
   .cm {
      border-bottom-style:dotted;
      border-color:#A0A0A0;
      padding:12px;
   }
   .cmbb {
      border-bottom-width:1px;
   }
   
   .cmb {
      border-bottom:none;
      padding:8px;
   }
   
   #google_adsense{
      margin-left:5px;
      margin-top:5px;
   }

     
   /*******************************************************************************
   /* Content II
   /******************************************************************************/
   #news {
      width: 179px;
      padding-top:12px;
      padding-bottom:4px;
      margin-top:8px;
      margin-bottom:8px;
   }
   
   #news p, #intro p, #rechts p {
      margin-left:8px;
      margin-right:8px;
   }
   
   #empfehlungen {
      float:left;
      width:266px;
   }
   
   #neuzugaenge{
      float:left;
      margin-left:9px;
      width:262px;
   }
   
   #empfehlungen p, #neuzugaenge p {
      margin-left:8px;
      margin-right:8px;
      padding-top:4px;
      padding-bottom:4px;
      border-bottom-width:5px;
      border-bottom-style:solid;
      background-image: url(../../images/buch_icon.gif);
      background-repeat: no-repeat;
      background-position: bottom right;
   }
   
   #intro {
      padding-top:12px;
      padding-bottom:4px;
      border-bottom-width:10px;
      border-bottom-style:solid;
   }
   
   #login  {
      padding-bottom:22px;
      border-bottom-width:0px;
      border-bottom-style:solid;
   }
   
   #warenkorb {
      margin-top:10px;
      padding-bottom:22px;
      border-bottom-width:11px;
      border-bottom-style:solid;
      width:171px;
   }
   
   #toppublikationen {
      margin-top:10px;
      padding-bottom:22px;
      border-bottom-width:11px;
      border-bottom-style:solid;
      width:171px;
   }
   
   #top_downloads {
      margin-top:11px;
      margin-bottom:70px;
      padding-left:10px;
   }
   
   #impressum {

   }
   
	
   p.impressum {
      text-align:center;
		padding-top:1px;
      font-size:10px;
   }
   
   div.artikelliste {
      margin-bottom:22px;
   	height:89px;
   	border-bottom-width:8px;
   	border-bottom-style:solid;
   }
   
   .loader{
      display:none;
      text-align:center;
      font-size:12px;
      font-weight:bold;
      margin-top:30px;
   }
   .anzahl_repositories{
      text-align:left;
      margin-left:12px;
      margin-right:12px;
      font-weight:bold;
   }
   
   /*******************************************************************************
   // Listen
   /******************************************************************************/
   ul, ol {
   }
   
   .aufzaehlung {
      margin-left:24px;
   }
   
   li {
      margin-bottom:4px;
   }
   
   .topnavi {
      display:inline;
   }
   .subnavi {
      margin-left:12px;
   }
   
   /*******************************************************************************
   // Links
   /******************************************************************************/
   a:link, a:visited, a:active { 
      color: #444444;
      text-decoration: underline; 
   }
   a:hover { 
      color: #aaaaaa; 
      text-decoration: underline; 
   }
   a.subn:link, a.subn:visited, a.subn:active, p.subn, td.subn { 
      color: #444444;
      text-decoration: none; 
      font-weight: bold; 
   }
   a.subn:hover { 
      color: #9c9c9c; 
      text-decoration: none; 
      font-weight: bold;
   }
   
   a.lcm:link, a.lcm:visited, a.lcm:active { 
      color: #444444;
      text-decoration: none; 
      font-weight: bold; 
   }
   a.lcm:hover { 
      color: #9c9c9c; 
      text-decoration: underline; 
      font-weight: bold; 
   }
   
   /* Right Shopping Card - RSC - Links im DIV Warenkorb */
   a.rsc:link, a.rsc:visited, a.rsc:active { 
      color: #444444;
      text-decoration: none; 
      font-weight: bold; 
   }
   a.rsc:hover { 
      color: #9c9c9c; 
      text-decoration: underline; 
      font-weight: bold; 
   }
   
   a.artikeldetail:link, a.artikeldetail:visited, a.artikeldetail:active { 
      color: #444444;
      text-decoration: none; 
   }
   a.artikeldetail:hover { 
      color: #444444;
      text-decoration: underline;
   }
   
   /*******************************************************************************
   // Ueberschriften
   /******************************************************************************/
   h1 {
      font-size: 13px;
      font-weight: bold;
   }
   h2  {
      font-size: 12px;
      margin-bottom:8px;
   }

   h2.agb {
      margin-top:12px;
      margin-bottom:2px;
      font-size:12px;
      font-weight:bold;
   }
   
   h2.home {
      color:#B7252F;
      color:#6B7173;
      margin-bottom:12px; 
   }
   h2.verlage {
      color:#F99D1C;
      color:#6B7173;
      margin-bottom:12px; 
   }
   h2.news {
      color:#41AD49;
      color:#6B7173;
      color:#000;
      color:#E55300;
      font-size:14px;
      margin-bottom:4px; 
   }
   h2.kontakt {
      color:#00AEEF;
      color:#6B7173;
      margin-bottom:12px; 
   }
   
   h3 {
      font-size: 11px;
      font-weight:normal;
   }
   h3.impressum {
      margin-top:16px;
      margin-bottom:7px;
   }
   h3.home {
      color:#B7252F;
      margin-bottom:12px; 
   }
   h3.verlage {
      color:#F99D1C;
      margin-bottom:12px; 
   }
   h3.news {
      color:#41AD49;
      margin-bottom:12px; 
   }
   h3.kontakt {
      color:#00AEEF;
      margin-bottom:12px; 
   }
   
   #hd_ergebnisse-filtern{
      margin-left:-5px;
      margin-top:-5px;
   }
   /*******************************************************************************
   // Tabellen
   /******************************************************************************/
   table {
   	border-spacing: 0px 0px;
      margin:0px;
      padding:0px;
   }
   
   
   #liste, #doku, #formular {
      width:500px;
      border: 1px #CCCCCC solid;
      padding:5px;
      background-color:#E8E8E8;
   }
   
   #delete {
      width:250px;
   }
   
   th {
      text-align:left;
      font-size: 12px; 
      border-bottom: 2px #CCCCCC solid;
      padding-bottom:2px;
   }
   
   td {
      vertical-align:top;
      margin:0px;
      padding:0px;
      font-size: 11px;
   }
   
   .linie {
      background-color:#A8A8A8;
      height:1px;
      padding:0px;
   }
   
   /*******************************************************************************
   /* Fliesstext
   /******************************************************************************/
   p {
      margin-bottom: 8px;
      font-size: 11px;
   }
   .text {
      margin-left:8px;
      margin-right:8px;
   }
   .ftext {
      width:450px;
   }
   
   .indent {
      margin-left:14px;
   }
   
   #error {
      color:#FF0000;
   }
   
   .zevep {
   	font-weight: bold;
   	color:#CC0000;
   }
   
   p.feedback {
      font-weight:bold;
   }
   /*******************************************************************************
   // Formulare
   /******************************************************************************/
   .form {
      width: 141px;
      padding:2px;
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
      font-size: 11px;
      border:1px #B2B2B2 solid;
   }
   
   .form1 {
      width: 154px;
      padding:2px;
      border:1px #B2B2B2 solid;
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
      font-size: 11px;
      font-weight:normal;
   }
   
   .form2 {
      width: 124px;
      padding:2px;
      border:1px #B2B2B2 solid;
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
      font-size: 11px;  
   }
   
   
   .detailsuche {
      width: 250px;
      padding:2px;
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
      font-size: 11px;  
      margin-bottom: 12px;
      border:1px #B2B2B2 solid;
   }
   
   textarea {
      width:250px;
      height:150px;
      border:1px #B2B2B2 solid;
      padding:2px;
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
      font-size: 11px;  
   }
   
   .formbutton {
   	background-color:#D0D0D0;
   	border-right:1px solid #A0A0A0;
   	border-bottom:1px solid #A0A0A0;
   	border-top:1px solid #C0C0C0;
   	border-left:1px solid #C0C0C0;
      font-weight:bold;
      color:#444444;
      background-color:#DDDDDD;
   }

  td.suchform {
    padding:0px;
    padding-bottom:2px;
    text-align:right;
    padding-right:6px;
    font-weight:bold;
    color:#9C9C9C;
   }
  td.suchform1 {
    padding:0px;
    padding-bottom:2px;
    text-align:right;
    padding-right:6px;
    font-weight:normal;
    color:#9C9C9C;
   }

   
   /*******************************************************************************
   // Errorhandling
   /******************************************************************************/
   #debug {
      margin:auto;
     /* width:942px;*/
      top:0px;
      background-color:#FFFFFF;
      padding:3px;
      border:0px solid #000000;
      font-family:courier;
      font-size:12px;
   }
   
   .borderbottom {
      border-bottom-width:9px;
      border-bottom-style:solid;
   }
   .cms_container {
   	border:1px solid #a0a0a0;
       padding:12px;
      background-color:#F0F0F0;
      margin:6px;
   }
   
   fieldset {
      margin-bottom:24px;
      border:1px solid #FFFFFF;
      color:#D60002;
      color:#D60002;
      padding:4px;
   }
   
   legend {
      color:#D60002;
      font-weight:bold;
   }
   
   #zevep {
      position:absolute; 
      z-index:100;
      width:160px;
      background-color:#BF0D00;
      border-right:8px #FFFFFF solid;
      border-left:8px #FFFFFF solid;
      border-top:8px #FFFFFF solid;
      visibility:hidden;
   }
   #zevep_container {
      position:absolute;
      width:198px;
      z-index:10;
      visibility:hidden;
   }
   #navsuche {
      position:absolute; 
      z-index:100;
      width:136px;
      background-color:#EEB900;
      border-right:8px #FFFFFF solid;
      border-left:8px #FFFFFF solid;
      border-top:8px #FFFFFF solid;
      visibility:hidden;
   }
   #navsuche_container {
      position:absolute;
      width:174px;
      z-index:10;
      visibility:hidden;
   }
   #navnews {
      position:absolute; 
      z-index:100;
      width:136px;
      background-color:#E55300;
      border-right:8px #FFFFFF solid;
      border-left:8px #FFFFFF solid;
      border-top:8px #FFFFFF solid;
      visibility:hidden;
   }
   #navnews_container {
      position:absolute;
      width:174px;
      z-index:10;
      visibility:hidden;
   }
   #anbieter {
      position:absolute; 
      z-index:100;
      width:170px;
      background-color:#9FAA00;
      border-right:8px #FFFFFF solid;
      border-left:8px #FFFFFF solid;
      border-top:8px #FFFFFF solid;
      visibility:hidden;
   }
   #anbieter_container {
      position:absolute;
      width:210px;
      z-index:10;
      visibility:hidden;
   }
   #mein_zevep {
      position:absolute; 
      z-index:100;
      width:136px;
      background-color:#624A7E;
      border-right:8px #FFFFFF solid;
      border-left:8px #FFFFFF solid;
      border-top:8px #FFFFFF solid;
      visibility:hidden;
   }
   #mein_zevep_container {
      position:absolute;
      width:174px;
      z-index:10;
      visibility:hidden;
   }   
   #mp_mein_zevep {
      position:absolute; 
      z-index:100;
      width:136px;
      background-color:#624A7E;
      border-right:8px #FFFFFF solid;
      border-left:8px #FFFFFF solid;
      border-top:8px #FFFFFF solid;
      visibility:hidden;
   }
   #mp_mein_zevep_container {
      position:absolute;
      width:174px;
      z-index:10;
      visibility:hidden;
   }   
   
   a.zevep_navi:link, a.zevep_navi:visited, a.zevep_navi:active { 
      color: #FFFFFF;
      text-decoration: none; 
      font-weight:normal;
      line-height:1.8em;
      
   }
   a.zevep_navi:hover { 
      color: #FFFFFF; 
      text-decoration: underline; 
      font-weight:normal;
      line-height:1.8em;
      
   }

 div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
  
    li.ajax:hover {
       background-color:#E0E0E0;
    }

   #tab_artikeldetails {
      border: 1px #CCCCCC solid;
      padding: 16px;
      margin-bottom:16px;
      background-color:#EEEEEE;
		width:100%;
   }
    
   /*******************************************************************************
   // Biomed
   /******************************************************************************/
   div.bmc-section {
      margin-left:8px;
      margin-right:8px;
   }
   div.bmc-section>div.bmc-section {
      margin-left:0px;
   }
   div.bmc-section>p {
      line-height:18px;
   }
   div.bmc-shorttitle {
      font-weight:bold;
   }
   
   span.highlight {
      background-color:#DDDDDD;
      border:1px solid #CACACA;
   }
   
   table.reiter_universell {
      width:100%;
      margin:0 0 8px 0px;
      border-bottom:8px solid #F0F0F0;
   }

	
	/*******************************************************************************
   // Bilder
   /******************************************************************************/
   #cover_artikeldetail{
      margin-bottom:12px;
      border:1px solid #B2B2B2;
      margin-right:12px;
   }
   
   
   /*******************************************************************************
   // Favoriten
   /******************************************************************************/
	.art_detail {
	   width:70px;
		text-align:right;
	   padding-right:6px;
	   font-weight:bold;
	   color:#9C9C9C;
	}
	legend {
	   color:#C90E1B;
	}
	#zeige_favoriten {
		padding: 10px;
	}
	ul#baumstruktur {
		background: #FFF;
	}

	/* CSS für die Baumstruktur, noch grafisch an den Entwurf anzupassen...	*/
	.treeview, .treeview ul {
		padding: 0;
		margin: 0;
		list-style: none;
	}	
	.treeview li {
		margin: 0;
		padding: 4px 0 3px 20px;
	}
	.treeview li { background: url(../../images/baumstruktur/tv-item.gif) 0 0 no-repeat; }
	.treeview .collapsable { background-image: url(../../images/baumstruktur/tv-collapsable.gif); }
	.treeview .expandable { background-image: url(../../images/baumstruktur/tv-expandable.gif); }
	.treeview .last { background-image: url(../../images/baumstruktur/tv-item-last.gif); }
	.treeview .lastCollapsable { background-image: url(../../images/baumstruktur/tv-collapsable-last.gif); }
	.treeview .lastExpandable { background-image: url(../../images/baumstruktur/tv-expandable-last.gif); }

}