@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 - 2015, 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;
	}

	/* Make a large image flexible in width */
	img {
		max-width: 100%;
		height: auto;
	}
	.floatblock img {
		width: 100%;
		height: auto;
	}	
}
/* das Menü bricht schon um  */
@media screen and (max-width: 990px) {
	
}

/* normal screens, tablet(landscape)  */
@media screen and (max-width: 960px) {
	/* only remove gutters for more place */
	body, .ym-wrapper, #topbanner,  body.html-fullheight .ym-wrapper {
	padding: 0;
	margin: 0;
	background-image: none;
	background-color: rgba(255,255,255,1);
	}
	header {
		padding-top: 0;
		margin-top: 0;
	}	
.random-image {
	margin-right: 0px;	
}	
	  #nav{
	background-image: url(../images/hg-hlist2.png);
	background-repeat: repeat-x;
	padding-left: 0px;
	padding-right: 0px;
}
.dropdown ul {
	width: 100%;
}
.dropdown-horizontal li.viewLevel0, .dropdown-horizontal li.viewLevel1  {
    width: 16.66666666666667%;
}
.dropdown-horizontal li.viewLevel1  {
    width: 100%;
}
#topnav {
    left: 10px;
}
#main {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 30px;
    padding-right: 30px;
}
.ym-col3 .ym-cbox {
    padding: 0px;
	padding-top: 20px;
	padding-bottom: 30px;	
}
body.html-fullheight #footer {
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
#footer {
    max-width: 950px;
}
.platz1 {
	display: none; 	
}
  /* Layout: 2col_31 (special/advanced view - require width adjustments) */
  body.layout-2col_31 .ym-col1 { /* main  */ width: 40%; float:right; }
  body.layout-2col_31 .ym-col2 { /* @hide */ display:none; }
  body.layout-2col_31 .ym-col3 { /* left  */ margin-right: 40%; margin-left: 0; border-left:0;}

.moduletableaktuelles, .moduleboxaktuelles {
    width: auto;
}  
}

/* small screens and tablet(portrait) */
@media screen and (max-width: 740px), screen and (max-width: 768px) {
	.random-image img {
    padding-top: 45px;
}
#topnav {
	margin-right: 35%;	
}
}


/* rechte Kontextspalte weg */
@media screen and (max-width: 680px) {
	  /* Layout: 2col_31 (special/advanced view - require width adjustments) */
  body.layout-2col_31 .ym-col1 { /* main  */
	width: 100%;
	float: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;	
}
  body.layout-2col_31 .ym-col2 { /* @hide */ display:none; }
  body.layout-2col_31 .ym-col3 { /* left  */ margin-right: 0; margin-left: 0; border-left:0;
}
.ym-col1 .ym-cbox {
	padding: 0px;
	margin: 0px;
}
.moduletableaktuelles, .moduleboxaktuelles {
	width: auto;
	right: 0px;
} 
.moduletableaktuelles img, .moduleboxaktuelles img {
    border: 1px solid #fff;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 3%;
    width: 45%;
}

	/* Vierspalter brechen auf Zweispalter um */
	.floatblock .ym-g25 {
		width: 50% !important;
	}
	
   /* vier Spalten */  
   .ym-g25:nth-child(1) .abst {
	margin-left: 0px;
	margin-right: 10px;		   
   }   
   .ym-g25:nth-child(2) .abst {
	margin-left: 10px;
	margin-right: 0px;		   
   }  
   .ym-g25:nth-child(3) .abst {
	margin-left: 0px;
	margin-right: 10px;		   
   }
   .ym-g25:nth-child(4) .abst {
	margin-left: 10px;
	margin-right: 0px;		   
   }	

}

/* mobile phones, small tablets and very small screens */
@media screen and (max-width: 480px) {
	
	
	/* Zweispalter brechen auf Einspalter um */
	 .ym-g50 {
		display: block !important;
		float: none !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
   .ym-g50 .abst {
	margin: 0px !important;
	padding: 0px !important;		
	}
	ul, ol, dl {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 1em;
	}
	/* 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;
	}
	
#bottomnav {
    float: left;
    width: 100%;
}
ul.menu_bottom {
	margin: 0px;
	padding: 0px;	
}
ul.menu_bottom li {
	margin: 0px;
	padding: 0px;
	margin-right: 0.8em;	
}
  .float_left, .image-left,  .float_right, .image-right {
	float: none;
	clear: both;
}

  .float_left:after, .image-left:after,  .float_right:after, .image-right:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
   }  
 body.layout-1col_3 .startc355l,  body.layout-1col_3 .startc355r {
	width: 100%;
	float: none;
	clear: both;
	margin: 0px;
	padding: 0px;
}   

.bu {
	margin-bottom: 30px;
}
   .abst {
	margin-left: 0px !important;
	margin-right: 0px !important;		   
   }
 .partner-logo.empty {
	display: none !important;
}   
.fb-border {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #333;
}
.partner-logo img {
	width: 60% !important;
	padding-left: 20%;
	padding-right: 20%;	
}

.partnerlink {
	margin-bottom: 20px;
	float: none;
	display: inline-block;
}
.schmuck-img, .partner-logo {
	display: block;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #333;
	border-right-color: #333;
	border-left-color: #333;
}
	
   /* vier Spalten */  
   .ym-g25:nth-child(1) .abst {
	margin-left: 0px !important;
	margin-right: 5px !important;		   
   }   
   .ym-g25:nth-child(2) .abst {
	margin-left: 5px !important;
	margin-right: 0px !important;		   
   }  
   .ym-g25:nth-child(3) .abst {
	margin-left: 0px !important;
	margin-right: 5px !important;		   
   }
   .ym-g25:nth-child(4) .abst {
	margin-left: 5px !important;
	margin-right: 0px !important;		   
   }	
}

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

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