@charset "UTF-8";
/**
 * "YAML for Joomla Template" - http://www.jyaml.de
 *
 * (en) Vertical list navigation "vlist" (modified for Joomla! mod_mainmenu)
 * (de) Vertikale Navigationsliste "vlist" (modified for Joomla! mod_mainmenu)
 *
 * @version         $Id: nav_vlist.css 423 2008-07-01 11:44:05Z hieblmedia $
 * @copyright       Copyright 2005-2008, Reinhard Hiebl
 * @license         CC-A 2.0/JYAML-C(all media,html,css,js,...) and GNU/GPL(php), 
                    - see http://www.jyaml.de/en/license-conditions.html
 * @link            http://www.jyaml.de
 * @package         yamljoomla
 * @revision        $Revision: 423 $
 * @lastmodified    $Date: 2008-07-01 13:44:05 +0200 (Di, 01. Jul 2008) $
*/

@media screen, projection
{
  #main .menu {
    width: 100%;
	color:#FFFFFF;
	overflow:hidden;
    margin:0;
	
  }

  #main .menu ul { list-style-type: none; margin:0; padding: 0; }
  #main .menu li { float:left; width: 100%; margin:0; padding: 0; }
  
  /* Menu Title */
  /**
   * Dynamic menutitles with linktype seperator
   * @doc     http://www.jyaml.de/index.php?option=com_content&task=view&id=122&Itemid=629
   * @default disabled
  **/    

  #main .menu li.menutitle {
    
    font-weight: bold; padding-top:0; }
  
  
  
/* Gemeinde */
	.item79    { background-color:#0b6d9c; } /* Überschrift */
	.item102   { background-color:#8fbcd1; padding-top:8px;}
.item103, .item104, .item105, .item106, .item107, .item108, .item109, .item110, .item111, .item112, .item113, .item114, .item115, .item116, .item117, .item148, .item149 {background-color:#8fbcd1;}

.item102#current, .item103#current, .item104#current, .item105#current, .item106#current, .item107#current, .item108#current, .item109#current, .item110#current, .item111#current, .item112#current, .item113#current, .item114#current, .item115#current, .item116#current, .item117#current, .item148#current, .item149#current {background-color:#0b6d9c;}

.item102:hover, .item103:hover, .item104:hover, .item105:hover, .item106:hover, .item107:hover, .item108:hover, .item109:hover, .item110:hover, .item111:hover, .item112:hover, .item113:hover, .item114:hover, .item115:hover, .item116:hover, .item117:hover, .item148:hover, .item149:hover {background-color:#0b6d9c;}
   
/* Bürgerservice */
	.item82    { background-color:#02852c; } /* Überschrift */
	.item118   { background-color:#8ac79e; padding-top:8px;}
.item119, .item120, .item121, .item122, .item123, .item124, .item125, .item126, .item127, .item128, .item171, .item172, .item173 {background-color:#8ac79e;}

.item118#current, .item119#current, .item171#current, .item120#current, .item121#current, .item122#current, .item123#current, .item124#current, .item125#current, .item126#current, .item127#current, .item128#current, .item172#current, .item171#current, .item173#current {background-color:#02852c;}

.item118:hover, .item119:hover, .item171:hover, .item120:hover, .item121:hover, .item122:hover, .item123:hover, .item124:hover, .item125:hover, .item126:hover, .item127:hover, .item128:hover, .item172:hover, .item171:hover, .item173:hover {background-color:#02852c;}
	
/* Gesellschaft */
	.item85    { background-color:#ffba00; } /* Überschrift */
	.item129   { background-color:#ffd052; padding-top:8px;}
.item130, .item131, .item132, .item133, .item134, .item135, .item136 {background-color:#ffd052}

.item129#current, .item130#current, .item131#current, .item132#current, .item133#current, .item134#current, .item135#current, .item136#current {background-color:#ffba00}

.item129:hover, .item130:hover, .item131:hover, .item132:hover, .item133:hover, .item134:hover, .item135:hover, .item136:hover
{background-color:#ffba00}

/* Wirtschaft */
	.item88    { background-color:#f78456; } /* Überschrift */
	.item138   { background-color:#ffb17d; padding-top:8px;}
.item137, .item139, .item140, .item141, .item142 {background-color:#ffb17d;}

.item138#current, .item137#current, .item139#current, .item140#current, .item141#current, .item142#current {background-color:#f78456;}

.item138:hover, .item137:hover, .item139:hover, .item140:hover, .item141:hover, .item142:hover {background-color:#f78456;}

/* Bauen */
	.item91    { background-color:#dc4864; } /* Überschrift */
	.item143   { background-color:#eeaab7; padding-top:8px;}
.item144, .item145, .item146, .item147, .item174 {background-color:#eeaab7;}

.item174#current, .item143#current, .item144#current, .item145#current, .item146#current, .item147#current {background-color:#dc4864;}

.item174:hover, .item143:hover, .item144:hover, .item145:hover, .item146:hover, .item147:hover {background-color:#dc4864;}

/* Termine */
	.item94    { background-color:#9a9899; } /* Überschrift */
	.item95   { background-color:#d0cfcf; padding-top:8px;}
.item96 {background-color:#d0cfcf;}
.item169 {background-color:#d0cfcf;}
.item170 {background-color:#d0cfcf;}


.item96#current {background-color:#9a9899;}
.item169#current {background-color:#9a9899;}
.item170#current {background-color:#9a9899;}

.item96:hover {background-color:#9a9899;}
.item169:hover {background-color:#9a9899;}
.item170#current {background-color:#9a9899;}

/* Startseite */
	.item101    { background-color:#0b6d9c; } /* Überschrift */
	.item99   { background-color:#8fbcd1; padding-top:8px;}
    .item100 { background-color:#8fbcd1; }

.item100#current, .item99#current {background-color:#0b6d9c;}

.item100:hover, .item99:hover {background-color:#0b6d9c;}


	
	
  #main .menu a,
  #main .menu span.separator {
    color:#FFFFFF;
    display:block;
    width: 90%;
    padding:3px 0 3px 10%;
    text-decoration: none;
  }

  #main .menu .item102 li#current a.active_link {
    font-weight: bold;
    cursor:default;
	background-color:#00FF99;
  }

  /* Level 1 */
  #main .menu li a, 
  #main .menu li span.separator { width: 90%; padding-left: 10%; font-size:1.1em; }
  
  #main .menu li a:focus,
  #main .menu li a:hover,
  #main .menu li a:active { }

  /* Level 2 */
  #main .menu li ul li a,
  #main .menu li ul li span.separator { width: 80%; padding-left: 20%; font-size:1.0em }

  #main .menu li ul li a {  }
  #main .menu li ul li a:focus,
  #main .menu li ul li a:hover,
  #main .menu li ul li a:active {  }

  /* Level 3 */
  #main .menu li ul li ul li a,
  #main .menu li ul li ul li span.separator { width: 70%; padding-left: 30%; font-size:0.9em; }

  #main .menu li ul li ul li a {  }
  #main .menu li ul li ul li a:focus,
  #main .menu li ul li ul li a:hover,
  #main .menu li ul li ul li a:active {  }

  /* Level 4 */
  #main .menu li ul li ul li ul li a,
  #main .menu li ul li ul li ul li span.separator { width: 60%; padding-left: 40%; }

  #main .menu li ul li ul li ul li a {  }
  #main .menu li ul li ul li ul li a:focus,
  #main .menu li ul li ul li ul li a:hover,
  #main .menu li ul li ul li ul li a:active { }
}