@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version       $Id: skin.example.css 866 2011-01-26 15:02:23Z hieblmedia $
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006-2011, Reinhard Hiebl, HieblMedia
 * @license       Creative Commons Attribution 3.0 Unported License
 *                  > http://www.jyaml.de/en/license-conditions.html
 * @link          http://www.jyaml.de
 * @package       JYAML
 * @subpackage    JYAML.Stylesheet
 *
 */

@media all {

	html * { font-family: "Open Sans", Arial, serif;}

	/* Logo korrekt skalieren */
	.site-logo {
		width:	650px;
		height:	200px;
	}

	/* gelber Hintergrund um den Inhaltsbereich */
	body {
		background:	url("/images/jyaml/bg_yellow.png") repeat-x fixed left top #FFFFC7;
	}

	/* blauer Rand um den Inhaltsbereich */
	.page_margins {
		background:	none repeat scroll 0 0 #ABABFF;
	}

	/* Header-, Main- und Footer-Bereich mit Hintergrund-Bild und -Farbe versehen */
	#header,
	#main,
	#footer {
		background:	none;
		background-color: #FFFFC7;
		background-image: url("/images/jyaml/bg_col_left.png");
		background-repeat: repeat-y;

		/* übersteuern von JYaml-Werten: */
		padding:	0;
		margin:	0;
	}

	/* Trennlinien und Hintergründe definieren... */
	.hlist {
		background:	none;
		background-color:	#D3D3E5;
		border-bottom: none;
		border-top: none;
	}
	#breadcrumbs,
	#footer,
	#nav {
		border-bottom: 1px solid #EFEFEF;
		border-top: 1px solid #EFEFEF;
		background:	none;
		background-color:	#D3D3E5;
	}

	/* breadcrumbs platzieren*/
	#breadcrumbs {
		/* übersteuern von JYaml-Werten: */
		padding: 2px;
		margin: 0;
	}

	/* Top-Navigation platzieren */
	#topnav {
		position: absolute;
		top: 3px; /* = border-top + padding von #breadcrumbs */
		right: 3px;
	}

	/* Suchfeld platzieren */
	#nav .hlist {
		width: 80%;
	}
	#search {
		position: relative;
		top: 4px;
		right: 3px;
		float: right;
		width: 20%;
	}
	#search label {
		display: none;
	}
	#mod-search-searchword {
		border: none;
		width: 100%;
	}
	#next_events {
		position: relative;
		top: 10px;
		right: 4px;
		float: right;
		color: #000000;
	}
	
	
	#footer {
		padding-left: 3px;
		padding-right: 3px;
	}
	
	/* übersteuern von JYaml-Werten: */
	.float_right {
		margin-bottom:	0;
	}
	#header h1 {
		margin: 0;
	}
	a {
		color:	#4D87C7;
		text-decoration:	none;
	}
	

	/* Haupt-Navigation definieren */
	#nav .hlist ul {
		margin:	0;
		border-left:	none;
		border-right:	none;
	}
	#nav .hlist ul li {
		border-left:	none;
		border-right:	none;
	}
	#nav .hlist ul li a:focus, 
	#nav .hlist ul li a:hover, 
	#nav .hlist ul li a:active {
		background: none repeat scroll 0 0 #ABABFF;
		color: #FFFFFF;
		outline: 0 none;
		text-decoration: none;
	}
	#nav .hlist ul li.active {
		background:	none;
		background-color:	#ABABFF;
		color: #FFFFFF;
		border-left:	none;
		border-right:	none;
	}

  .vlist a,
  .vlist strong,
  .vlist span.separator {
    padding: 0;
    display:block;
    text-decoration:none;
    border: 0;
  }

  /* active list element */
  .vlist li.active {
    background-color:#D3D3E5;
  }
  .vlist li.current {
    background-color:#ABABFF;
  }
  .vlist li.active .active_link {
    color:#000 !important; /* to ignore :visited on active links - IE6 need important */
    background-color:transparent !important; /* to ignore :visited on active links - IE6 need important */

    font-weight:normal;
  }
  .vlist li.current .active_link {
    color:#fff !important; /* to ignore :visited on active links - IE6 need important */
    background-color:transparent !important; /* to ignore :visited on active links - IE6 need important */

    font-weight:bold;
  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span.separator { width:97%; padding-left:3%; } /* LTR */

  .vlist li a,
  .vlist li a:visited { background-color:#D3D3E5; color:#333; }
  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color:#ABABFF; color:#FFFFFF; outline: 0 none; }

  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span.separator { width:90%; padding-left:10%; } /* LTR */

  .vlist li ul li a,
  .vlist li ul li a:visited { background-color:#D3D3E5; color:#333; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color:#ABABFF; color:#FFFFFF; }

  /* Level 3 */
  .vlist li ul li ul li a,
  .vlist li ul li ul li strong,
  .vlist li ul li ul li span.separator { width:83%; padding-left:17%; } /* LTR */

  .vlist li ul li ul li a,
  .vlist li ul li ul li a:visited { background-color:#D3D3E5; color:#222; }
  .vlist li ul li ul li a:focus,
  .vlist li ul li ul li a:hover,
  .vlist li ul li ul li a:active { background-color:#ABABFF; color:#FFFFFF; }

  /* Level 4 */
  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li strong,
  .vlist li ul li ul li ul li span.separator { width:76%; padding-left:24%; } /* LTR */

  .vlist li ul li ul li ul li a,
  .vlist li ul li ul li ul li a:visited { background-color:#D3D3E5; color:#111; }
  .vlist li ul li ul li ul li a:focus,
  .vlist li ul li ul li ul li a:hover,
  .vlist li ul li ul li ul li a:active { background-color:#ABABFF; color:#FFFFFF; }

	/* Nach Menü Platz schaffen... */
	.vlist {
		border:	none;
		margin-bottom:	20px;
		border-bottom: 1px solid #EFEFEF;
	}

	.vlist li,
	.vlist li ul li
	.vlist li ul li ul li
	.vlist li ul li ul li ul li
	{
		border-top: 1px solid #EFEFEF;
	}
	

}