/* -----------------------------------------------------------------------------------------
###########################################################################################
#                                                                                         #
# copyright 2007 by                                                                       #
# Renee Beging fuer 321 New Internet Media Ltd. - Germany                                 #
# Tel: 0049 (0) 2272-905975 www.321newinternetmedia.de | www.4usolutions.de               #
# Aenderungen, Erweiterungen sowie saemtliche anderen EIngriffe in diesen oder auf diesen #
# Quelltext basierend sind nicht gestattet!                                               #
#                                                                                         #
# Dieser Programmcode ist auf Grundlage nationaler und internationaler Gesetzte, Verein-  # 
# barungen und Abkommen u.a. als geistig kreatives Werk urheberrechtlich geschuetzt.      # 
#                                                                                         #
###########################################################################################
   ---------------------------------------------------------------------------------------*/

  body.aussenabstand {margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;}
   
  a.info{
    position:relative; /*this is the key*/
    min-width: 0.5rem;
    display: inline-block;
    min-height: 0.5rem;
    z-index:24; 
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; left:2em; width:220px;
    border:3px solid #333333;
    background-color:#FFFFFF;
    padding:5px;
    text-align: left;
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  11px;   
    color: #666666;  
    } 


a.infoLINKS{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none}

a.infoLINKS:hover{z-index:25; background-color:#ff0}

a.infoLINKS span{display: none}

a.infoLINKS:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1em; right:2em; width:360px;
    border:3px solid #333333;
    background-color:#FFFFFF;
    padding:5px;
    text-align: left;
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  11px;   
    font-color: #666666;  
    }    
   
   
  a { text-decoration: none; }    
   
  font
	{
	    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
	}
  .grau_10
  {
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  10px;   
    color: #666666;   
  }
  .grau_12
  {
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  12px;   
    color: #666666;   
  }
  .grau_14
  {
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  14px;   
    color: #666666;   
  }
  .rot_12
  {
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  12px;   
    color: #E10000;   
  }
  .rot_14
  {
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  14px;   
    color: #E10000;   
  }
  .weiss_10
  {
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  10px;   
    color: #FFFFFF;   
  }
  .weiss_12
  {
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  12px;   
    color: #FFFFFF;   
  }
  .gruen_14
  {
    font-family: "Arial", Arial, Verdana, Helvetica, sans-serif;
    font-size:  14px;   
    color: #008000;   
  }
  
  #tabsE 
  {
      float:left;
      width:100%;
      background:#FFFFFF;
      line-height:normal;
      padding-left:50px;
  }
  #tabsE ul 
  {
	  margin:0;
	  list-style:none;
  }
  #tabsE li 
  {
      display:inline;
      margin:0;
      padding:0;
  }
  #tabsE a 
  {
      float:left;
      background:url("tableftE.gif") no-repeat left top;
      margin:0;      
      text-decoration:none;
  }
  #tabsE a span 
  {
      float:left;
      display:block;
      background:url("tabrightE.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
  }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsE a span {float:none;}
    /* End IE5-Mac hack */
    #tabsE a:hover span 
    { color:#FFF; }
    #tabsE a:hover 
    { background-position:0% -42px; }
    #tabsE a:hover span 
    { background-position:100% -42px; }  
    
    
#tabsEB 
  {
      float:left;
      width:100%;
      background:#FFFFFF;
      line-height:normal;
      padding-left:8px;
      padding-top:8px;
      border-bottom:1px solid #333333;
  }
  #tabsEB ul 
  {
	  margin:0;
	  list-style:none;
  }
  #tabsEB li 
  {
      display:inline;
      margin:0;
      padding:0;
  }
  #tabsEB a 
  {
      float:left;
      background:url("tableftE.gif") no-repeat left top;
      margin:0;      
      text-decoration:none;
  }
  #tabsEB a span 
  {
      float:left;
      display:block;
      background:url("tabrightE.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
  }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsEB a span {float:none;}
    /* End IE5-Mac hack */
    #tabsEB a:hover span 
    { color:#FFF; }
    #tabsEB a:hover 
    { background-position:0% -42px; }
    #tabsEB a:hover span 
    { background-position:100% -42px; }