@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: $Id$
 *
 * @package     JYAML
 * @subpackage  Stylesheet
 *
 * @author      Reinhard Hiebl <reinhard@hieblmedia.com>
 * @copyright   Copyright (C) 2006 - 2016, HieblMedia (Reinhard Hiebl)
 * @license     http://www.jyaml.de/en/license Creative Commons Attribution 3.0
 * @link        http://www.jyaml.de
 */

@media all {

  body {
    background: url("/images/jyaml/bg_yellow.png") repeat-x fixed left top #FFFFC7;
    font-size: 75.00%;
  }

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

	/* Logo korrekt skalieren */
	.site-logo {
		width:	60%;
		height:	60%;
	}

	a {
		color:	#4D87C7;
		text-decoration:	none;
	}

	a:hover, a:active {
		color: #182E7A;
		background-color: unset;
		text-decoration: underline;
		outline: 0 none;
	}


	/* blauer Rand um den Inhaltsbereich */
	.ym-wrapper {
		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;
	}

	#breadcrumbs,
	footer,
	#nav {
		border-bottom: 1px solid #EFEFEF;
		border-top: 1px solid #EFEFEF;
		background:	none;
		background-color:	#D3D3E5;
		/* übersteuern von JYaml-Werten: */
		padding:	0;
		margin:	0;
	}

	/* breadcrumbs platzieren*/
	#breadcrumbs {
		/* übersteuern von JYaml-Werten: */
		padding: 2px;
		margin: 0;
	}
	.breadcrumbs {
		background: unset;
		padding: unset;
		border-radius: unset;
		font-size: unset;
	}

	.ym-cbox {
		padding: 10px 10px 10px 10px;
	}

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


	/* Haupt-Navigation definieren */
	.ym-hlist {
		background:	none;
		background-color:	#D3D3E5;
		border-bottom: none;
		border-top: none;
	}
	#nav .ym-hlist ul {
		margin:	0;
		border-left:	none;
		border-right:	none;
		padding: 0;
		font-weight: bold;
		
	}
	#nav .ym-hlist ul li {
		border-left:	none;
		border-right:	none;
	}

	#nav .ym-hlist ul li a {
		border-radius: 0;
		text-shadow: 0 0 0;
		color: #000;
	} 

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

	/* Suchfeld platzieren */
	#nav .ym-hlist {
		background:	none;
		background-color:	#D3D3E5;
		border-bottom: none;
		border-top: none;
		width: 75%;
	}
	#search {
		background:	none;
		background-color:	#D3D3E5;
		border-bottom: none;
		border-top: none;
		position: relative;
		top: 4px;
		right: 3px;
		float: right;
		width: 25%;
	}
	#search label {
		display: none;
	}
	#mod-search-searchword {
		border: none;
		width: 100%;
	}



	.ym-vlist li {
		line-height: 1.5em;	
	}

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

	/* active list element */
	.ym-vlist li.active {
		background-color:#D3D3E5;
	}
	.ym-vlist li.current {
		background-color:#ABABFF;
	}
	.ym-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 !important;
	}

	.ym-vlist li.current .current_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 !important;
	}

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

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

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

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

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

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

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

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

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

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

	.event-button {
		margin: 0 0 0 0;
	}

	#dpcalendar_view_list {
		margin-left: 25%;
	}
	
}