@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media all
{
    
  .hlist {
    /* (en) containing floats in IE */
    /* (de) Einfassen der Floats im IE */
    width:99%;
    overflow:hidden;
    /* (en) containing floats in all other browsers */
    /* (de) Einfassen der Floats in allen anderen Browsern */
    float:left;
    display:inline;
    /* (en|de) Bugfix:IE - collapsing horizontal margins */
    position:relative;
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    line-height:0;
	padding:2px 0 0 3px;
  }

  .hlist ul {
    margin:0;
    padding:0;
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    /* (en) Left margin of the first button  */
    /* (de) Abstand des ersten Buttons vom linken Rand  */

  }

  .hlist ul li {
    /* (en|de) Bugfix:IE - Doubled Float Margin Bug */
    display:inline;
    float:left; /* LTR */
    font-size:/*1.1em;*/ 12px;
    line-height:1.2em;
    list-style-type:none;
    padding:0px 0 0px 0;
    margin:0;
	text-align: center;
	width:12.5em;
	height:4.5em;
  }
  
/* Aktuelles*/
    .hlist ul li#aktuelles a.active 
	{
	  background: #FFB10F url('../../bilder_logos/toptoplevel1.jpg') top left repeat-x;
	  color:#FFFFFF;
	}	
    .hlist ul li#aktuelles a:focus,
    .hlist ul li#aktuelles a:hover,
    .hlist ul li#aktuelles a:active  {
	 background: #FFB10F url('../../bilder_logos/toptoplevel1.jpg') top left repeat-x;
	 color:#FFFFFF;
    }

/* Stadtprofil, Rat und Verwaltung */
    .hlist ul li#srv a.active 
	{
	  background: #FD1719 url('../../bilder_logos/toptoplevel2.jpg') top left repeat-x;
	  color:#FFFFFF;
	}    
    .hlist ul li#srv a:focus,
    .hlist ul li#srv a:hover,
    .hlist ul li#srv a:active  {
	 background: #FD1719 url('../../bilder_logos/toptoplevel2.jpg') top left repeat-x;
	 color:#FFFFFF;
    }

/* Bauen, Wohnen und Stadtentwicklung */
    .hlist ul li#bws a.active 
	{
	  background: #AC56AD url('../../bilder_logos/toptoplevel3.jpg') top left repeat-x;
	  color:#FFFFFF;
	}    
    .hlist ul li#bws a:focus,
    .hlist ul li#bws a:hover,
    .hlist ul li#bws a:active  {
	  background: #AC56AD url('../../bilder_logos/toptoplevel3.jpg') top left repeat-x;
	  color:#FFFFFF;
    }
    
/* Wirtschaft und Einkaufen */
    .hlist ul li#we a.active 
	{
	  background: #6AB767 url('../../bilder_logos/toptoplevel4.jpg') top left repeat-x;
	  color:#FFFFFF;
	}    
    .hlist ul li#we a:focus,
    .hlist ul li#we a:hover,
    .hlist ul li#we a:active  {
	 background: #6AB767 url('../../bilder_logos/toptoplevel4.jpg') top left repeat-x;
	 color:#FFFFFF;
    }

/* Bildung, Familie, Jugend und Soziales */
    .hlist ul li#bfjs a.active 
	{
	  background: #4DA1C6 url('../../bilder_logos/toptoplevel5.jpg') top left repeat-x;
	  color:#FFFFFF;
	}    
    .hlist ul li#bfjs a:focus,
    .hlist ul li#bfjs a:hover,
    .hlist ul li#bfjs a:active  {
	 background: #4DA1C6 url('../../bilder_logos/toptoplevel5.jpg') top left repeat-x;
	 color:#FFFFFF;
    }
    
/* Tourismus, Freizeit und Kultur */
    .hlist ul li#tfk a.active 
	{
	  background: #6157DE url('../../bilder_logos/toptoplevel6.jpg') top left repeat-x;
	  color:#FFFFFF;
	}   
    .hlist ul li#tfk a:focus,
    .hlist ul li#tfk a:hover,
    .hlist ul li#tfk a:active  {
	 background: #6157DE url('../../bilder_logos/toptoplevel6.jpg') top left repeat-x;
	 color:#FFFFFF;
    }

  .hlist ul li a,
  .hlist ul li strong {
    background:transparent;
    color:#000;
    display:block;
    font-weight:normal;
    margin:0;
    padding:5px 5px 5px 5px;
    text-decoration:none;
    width:auto;
  }

	.hlist ul li#aktuelles a,
	.hlist ul li#srv a,
	.hlist ul li#bws a,
	.hlist ul li#we a,
	.hlist ul li#bfjs a,
	.hlist ul li#tfk a
	{
	 color:#000000;
	 height:30px;
	}

}