@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 - 2014, HieblMedia (Reinhard Hiebl)
 * @license     http://www.jyaml.de/en/license Creative Commons Attribution 3.0
 * @link        http://www.jyaml.de
 */

@media all {

  body {
    background:#A3C7FB;
  }
  .site-logo{
	float: left;
  }
  .head{
	font-size: 2.2em;
	font-weight: bold;
	color: #A3C7FB;
  }
  h2{
	color: #A3C7FB;
  }
  h3{
	color: #2FA2EC;
  }
  h4{
	color: #2FA2EC;
	margin:0px;
  }
  footer{
    background: #FFF none repeat scroll 0% 0%;
    border-top: 5px solid #70E2F5;
    
  }
  .ym-hlist ul li ul {
		display: none;
	}
  .ym-hlist{
	background-color: #8DA8F8;
  }
  .ym-hlist ul li a, .ym-hlist ul li strong, .ym-hlist ul li span.separator{
	color: #0B2BB3;
  }
  .ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active {
		color: #000;
		background:#fff;
	}
	.ym-vlist li.current .current_link, .ym-vlist li.current a.current_link, .ym-vlist li.current strong.current_link{
		background-color: #4DA7F3;
	}
	img.rahmen{
		margin: 10px !important;
		border: 1px solid #FAFAFA !important;
		padding: 4px !important;
	}
	a:hover,
	a:focus 
	{
		background-color: white;
		/** background-color: #C4EEF9; **/
		color:#bbb;
		text-decoration:none;
	}
	.ym-header{
		margin-top:20px;
	
	}
	#topnav {
    background: none repeat scroll 0% 0% transparent;
    color: #AAA;
    position: relative;
    top: 10px;
    right: 10px;
    text-align: right;
	}
	.jyaml-mobilenav {
		background: rgba(30, 174, 231, 1);
		color: #fff;
		text-align: left;
	}
	.jyaml-mobilenav .mobilenav-menu ul,
	.jyaml-mobilenav .mobilenav-menu ul li,
	.jyaml-mobilenav .mobilenav-menu ul li a {
		display: block;
		overflow: hidden;
		background: #fff;
		width: 100%;
		padding: 0;
		margin: 0;
		border: 0;
	}

	
	
	.jyaml-mobilenav .mobilenav-menu ul li a {
		border-bottom: 1px solid #45484d;
		color: #000;

		background: #f6f6f6;
		background: -moz-linear-gradient(top,  #f6f6f6 0%, #e4e4e4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e4e4e4));
		background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%);
		background: -o-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%);
		background: -ms-linear-gradient(top,  #f6f6f6 0%,#e4e4e4 100%);
		background: linear-gradient(to bottom,  #f6f6f6 0%,#e4e4e4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e4e4e4',GradientType=0 );
	}
	.jyaml-mobilenav .mobilenav-menu ul li a:hover,
	.jyaml-mobilenav .mobilenav-menu ul li a:focus,
	.jyaml-mobilenav .mobilenav-menu ul li a:active {
		background: #A3C7FB;
		background: -moz-linear-gradient(top,  #A3C7FB 0%, #1EAEE7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A3C7FB), color-stop(100%,#1EAEE7));
		background: -webkit-linear-gradient(top,  #A3C7FB 0%,#1EAEE7 100%);
		background: -o-linear-gradient(top,  #A3C7FB 0%,#1EAEE7 100%);
		background: -ms-linear-gradient(top,  #A3C7FB 0%,#1EAEE7 100%);
		background: linear-gradient(to bottom,  #A3C7FB 0%,#1EAEE7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#A3C7FB', endColorstr='#1EAEE7',GradientType=0 );

		color: #fff;
	}
	.jyaml-mobilenav .mobilenav-menu ul li a.current_link {
		background: #B9D7F5;
		background: -moz-linear-gradient(top,  #B9D7F5 0%, #1EAEE7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B9D7F5), color-stop(100%,#1EAEE7));
		background: -webkit-linear-gradient(top,  #B9D7F5 0%,#1EAEE7 100%);
		background: -o-linear-gradient(top,  #B9D7F5 0%,#1EAEE7 100%);
		background: -ms-linear-gradient(top,  #B9D7F5 0%,#1EAEE7 100%);
		background: linear-gradient(to bottom,  #B9D7F5 0%,#1EAEE7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B9D7F5', endColorstr='#1EAEE7',GradientType=0 );

		color: #fff;
	}
	
	.ym-vlist li a:focus, .ym-vlist li a:hover, .ym-vlist li a:active {
    background-color: #44CCF9;
    color: #000;
    outline: 0px none;
}
  .jyaml-mobilenav .mobilenav-title{
      	padding: 5px 8px;
      	background: rgba(30, 174, 231, 1);
		background: -moz-linear-gradient(top,  #73A2F2) 0%, #1EAEE7 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73A2F2), color-stop(100%,#1EAEE7));
		background: -webkit-linear-gradient(top,  #73A2F2 0%,#1EAEE7 100%);
		background: -o-linear-gradient(top,  #73A2F2 0%,#1EAEE7 100%);
		background: -ms-linear-gradient(top,  #73A2F2 0%,#1EAEE7 100%);
		background: linear-gradient(to bottom,  #73A2F2 0%,#1EAEE7 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73A2F2', endColorstr='#1EAEE7',GradientType=0 );
		}

/* normal screens, tablet(landscape)  */
@media screen and (max-width: 980px) {
	.ym-header{
		margin-top:20px;
    }}
/* small screens and tablet(portrait) */
@media screen and (max-width: 740px), screen and (max-width: 768px) {
	div.ym-col2 {
		display: none;
	}
	.ym-col3{ margin: 0px;}
	.ym-header{
		margin-top:20px;
    }}
/* mobile phones, small tablets and very small screens */
@media screen and (max-width: 480px) {
	div.ym-col2 {
		display: none;
	}
	.ym-col3{ margin: 0px;}
  .ym-header{
		margin-top:20px;
	
}
  
}