/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * central stylesheet - layout example "flexible-grids"
 *
 * @copyright       Copyright 2005-2012, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.0
 * @lastmodified    $Date: 2012-01-22 12:01:24 +0100 (So, 22 Jan 2012) $
 */

/* Google Font API */
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700);

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml4/core/base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(../yaml4/navigation/hlist-blue.css);
@import url(../yaml4/navigation/hlist-blue-small.css);

@import url(../yaml4/navigation/vlist.css);
@import url(../yaml4/forms/blue-theme.css);

@import url(../yaml4/screen/typography-blue.css);
@import url(../yaml4/screen/astaf.css);

/* import print layout | Druck-Layout einbinden */
@import url(../yaml4/print/print.css);

 ul#navigation {
    /*margin: 0; padding: 0;
    text-align: center;*/
  }

  ul#navigation li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0.4em; padding: 0;
    z-index:1000;
  }
  * html ul#navigation li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: -0.4em;
  }
  *:first-child+html ul#navigation li {  /* Korrektur fuer den IE 7 */
    margin-bottom: -0.1em;
  }

  ul#navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: -0.4em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#navigation li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#navigation ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
  ul#navigation li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0.2em;
  }

  ul#navigation a, ul#navigation span {
    display: block;
    width: 6.4em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: maroon; background-color: #ccc;
  }
  * html ul#navigation a, * html ul#navigation span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  ul#navigation a:hover, ul#navigation span, li a#aktuell {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: gray;
  }
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: maroon; background-color: silver;
  }
  ul#navigation li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }
  
  #menu-icon{
    display: none;

	/*background: #4C8FEC url('/images/wetter/dust.png') center;*/
  }

  header {background-image:url('/images/Altstadtfest_titel.jpg');}
 

@media only screen and (max-width : 555px) {
	
	header {background-image:none;}

	#submenu {
	font-size:1.5em;
		line-height:2.5em;
	}
	#menu-icon {

		display:inline-block;
		background: transparent;
		color: #aaa;
		font-size:1.5em;
		line-height:2.5em;
		padding: 0 0.5em;
		text-shadow: 0 1px 1px rgba(0,0,0,.5);
		text-decoration: none;
		width: auto;
		
	}
	nav .ym-hlist {
		display:none;	
	}
	nav:hover .ym-hlist {
		display:block;	
	}
	nav ul#mainmenu, nav:active ul#mainmenu { 

		display: none;

	}

	nav li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;
		font-size:1.5em;

	}

	nav:hover ul#mainmenu {

		display: block;

	}
	
	.ym-hlist ul li a, .ym-hlist ul li strong {
		font-size: 1.5em;	
	}
	
	.list-view .pager {
		
		text-align: center;
	}
	.pager ul li {
		line-height: 4em;
		font-size: 2em;
	}
	ul.yiiPager li.page
	{
		display: none;
	}
	ul.yiiPager li.page.selected
	{
		display: inline;
	}
}