@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
 */

/* Generic linearize of grids on small screens */

/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
	.ym-wrapper, body.html-fullheight footer {
		min-width: 0px;
		width: auto;
	}

	/* Make a large image flexible in width */
	img {
		max-width: 100%;
		height: auto;
	}
}

/* normal screens, tablet(landscape)  */
@media screen and (min-width: 900px) {
	/* only remove gutters for more place */
	body {
		padding: 0;
		margin: 0;
	}
	
	/* Centering layout in old IE-versions */
	body { text-align:center; }
	.ym-wrapper { text-align:left; margin:0 auto; }


	/* Layout:width, background, borders */
	.ym-wrapper {
		width:100%;
		height: 7.06em;
		background:#17365C repeat-x top left
	}
	
	.ym-wbox { text-align:left; margin:0 auto; }
	.ym-wbox { /* Detlef */
		min-width:760px;
		max-width:1260px;
		margin-top: 0px;
		background:#fff;
	}

	.header-wrapper{
		width:100%;
		background:#17365C repeat-x top left;
		padding:0;
	}

	/* #topnav gets absolute positioning within <header /> */
	#topnav {
		width: 100%;
		background:transparent;
		color:#aaa;
		position:absolute;
		top:10px;
		right:40px; /* LTR */
		text-align:right; /* LTR */
		margin-bottom: 2em;
		padding: 0.5em 0em 0.5em 0;
	}

	header {
		position:relative;
		height:3.69em;
		margin:0 auto;
		padding:2.75em 0 0.62em 0;
		color:#000;
		background:#17365C repeat-x top left;
	}
	.header-image {
		float:left;
		display: block; /* prevent line-height spacing in IE and maybe some other browsers too */
		width: 209px;
		height: 40px;
		margin-top: 0em;
		padding:0 0 0 21px;
	}
	.header-nav {
		height: 40px;
		margin: 1.2em 0 0 280px;
	}
	.header-nav ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.header-nav li{
		float: left;
		padding-right:15px;
	}
	.header-nav a,
	.header-nav a:visited {
		display: block;
		padding-bottom:5px;
		font-family: 'RUB-Neu Flama', sans-serif;
		font-weight:bold;
		font-size:1.15em;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		background:transparent;
		color:#fff;
	}
	.header-nav a:hover {
		display: block;
		padding-bottom:5px;
		font-family: 'RUB-Neu Flama', sans-serif;
		font-weight:bold;
		font-size:1.15em;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		background:transparent;
		color:#fff;
		border-bottom:8px solid #8DAE10;
	}
	.header-nav-standard {
		display: block;
		padding-bottom:5px;
		font-family: 'RUB-Neu Flama', sans-serif;
		font-weight:bold;
		font-size:1.15em;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		background:transparent;
		color:#fff;
		border-bottom:8px solid #8DAE10;
	}
	.ym-col1 { width:21.45%; padding-top:25px; background:#F2F1F1; }
	.ym-col2 { width:21.45%; padding-top:25px; background:#F2F1F1; }
	.ym-col3 { margin:0 21.45%; padding:19px; font-size:1.15em; background:#fff; }
}

/* mobile phones, small tablets and very small screens */
@media screen and (min-width: 0px) and (max-width: 900px) {
	/* disable absolute positioning for topnav to prevent overlaying */
	
	body {
		background: #fff;
		font-size: smaller;
	}
	#topnav {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 1em;
	}
	.mod-languages{
		margin: -40px 0 0 -18px;
		background: transparent;
	}
	header {
		padding:1.6em 0 1.35em 0;
		color:#000;
		background:#17365C repeat-x top left;
		margin:0 auto;
		position:relative;
	}
	.header-image {
		display: block; /* prevent line-height spacing in IE and maybe some other browsers too */
		width: 183px;
		height: 35px;
		margin-top: 0em;
		padding:0 0 0 15px;
	}
	.header-nav {
		display:none;
		height: 40px;
		padding: 1.0em 0 0 21px;
	}
	.header-nav a,
	.header-nav a:visited {
		padding-bottom:5px;
		font-family: 'RUB-Neu Flama', sans-serif;
		font-weight:bold;
		font-size:0.8em;
		letter-spacing: 0.04em;
		text-transform: uppercase;
		background:transparent;
		color:#fff;
		border-bottom:4px solid #8DAE10;
	}
	.ym-col1 { width:21.45%; padding-top:25px; background:#F2F1F1; }
	.ym-col2 { width:21.45%; padding-top:25px; background:#F2F1F1; }
	.ym-col3 { margin:0 21.45%; padding:0px; font-size:1.15em; background:#fff; }

	/* Linearize all columns */
	.ym-column,
	.ym-column .ym-col1,
	.ym-column .ym-col2,{
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	
	/* Don't display  con1 and col3*/
	.ym-column,
	.ym-column .ym-col1,
	.ym-column .ym-col3 {
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
		height: 0 !important;
	}

	/* disable equal heights for grids */
	.ym-equalize > * > .ym-gbox,
	.ym-equalize > * > .ym-gbox-left,
	.ym-equalize > * > .ym-gbox-right {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	/* Linearize all grids */
	.ym-grid,
	.ym-grid > [class*="ym-g"],
	.ym-grid > [class*="ym-col"] {
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
	.ym-grid > [class*="ym-g"] > [class*="ym-gbox"],
	.ym-grid > [class*="ym-col"] > [class*="ym-cbox"] {
		padding-left: 0;
		padding-right: 0;

		/* optional for containing floats */
		overflow: hidden;
	}

	/* Linearize the horizontal navigation */
	body .ym-hlist ul,
	body .ym-hlist ul li {
		display:block;
		float: none;
		width: auto;
		text-align: left;
	}
	body .ym-hlist ul {
		padding: 0.5em;
	}
	body .ym-hlist ul li {
		margin-bottom: 2px;
	}
	body .ym-hlist ul li span.subtitle-empty {
		display: none !important;
	}
}

/* small mobile phones */
@media screen and (max-width: 240px) {

	/* reduce font size for very small displays */
	body {
		font-size: smaller;
	}
}