@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$
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006 - 2012, HieblMedia (Reinhard Hiebl)
 * @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 {
	body {
		background: #212d39;
		padding-bottom: 30px;
	}

	#header {
		padding: 0;
		margin-bottom: 15px;

		/*background-color: #a8d427;
		background-image: url(../images/gruen.gif);*/

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#afd62c+0,96b527+100 */
		background: #afd62c; /* Old browsers */
		background: -moz-linear-gradient(top,  #afd62c 0%, #96b527 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #afd62c 0%,#96b527 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #afd62c 0%,#96b527 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afd62c', endColorstr='#96b527',GradientType=0 ); /* IE6-9 */

	}
  


	.ym-wbox {
		padding: 15px 15px 0;
	}

	#main {
		margin: 0;
		padding: 0;
	}
  
  /** externe Links **/
/* a[target="_blank"] {
    background-image: url(../images/link-extern.svg);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 18px;
    background-size: 14px;
    
}*/

  /* Externer link */
a[href^="http://" i]:not([href*="igelzentrum.ch" i]),
a[href^="https://" i]:not([href*="igelzentrum.ch" i])
  
  {
    background-image: url(../images/link-extern.svg);
    background-position: center right;
    background-repeat: no-repeat;
    content:"";
    padding-right: 16px;
    background-size: 12px;
    
}
  
 a[target="_blank"].nopict {
    background-image: none;
       }
  
  /**a.video {background-image: url();
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 24px;
    background-size:20px 20px;}**/
  
  
  /*a.video::after {content:url("../images/youtube.svg"); width:12px; height:12px;margin-top:14px}*/
  
 a.video::after {
    background-image: url(../images/youtube.svg);
background-size: 13px;
background-repeat: no-repeat;
content: "";
background-position: right bottom;
margin-right: -16px;
display: inline-block;
width: 1.2em;
height: 1.2em;
padding-right: 2px;
margin-top: -2px;
   
   
    
}

  
  /** Responsive Impressum ausblenden **/
  
  .responsive-show {display:none}
  
  /** Widgetkit **/
  
  .uk-panel-teaser {margin-bottom:5px!important}
  h3.uk-h6 {font-weight:normal}

	.cart {
		margin-bottom: 25px;
		background-color: #d6d8c4;
		padding: 10px
	}

	/*Warenkorb*/
	.news {
		background-color: #d6d8c4;
		padding: 5px;
	}

	/*Newsblock*/
	#header h1 {
		padding: 0;
		margin: 0;
        margin-left:20px!important;
       
	}

  img.site-logo {margin-top:10px}
  
	.ym-col1 {
		width: 22%;
		background-color: #566c15;
	}

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

	.ym-col2 {
		width: 23%;
		background-color: transparent;
	}

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

	.ym-col3 {
		margin: 0 22%;
	}

	.ym-col3 .ym-cbox {
		padding-top: 0px;
		padding-right: 25px;
		padding-bottom: 10px;
		padding-left: 25px;
	}

	.ym-wrapper {
		max-width: 992px;
		background: #fff;
	}

	/*Box links*/
	h3.module-heading {
		color: white;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
	}

	.modulebox_menu {
		margin-bottom: 15px;
	}

	.moduletable_menu ul {
		color: #fff;
		list-style-type: none;
		list-style-position: inside;
		padding: 0;
		margin: 0;
	}

	ul.menu {
		padding: 0;
		margin: 0;
		list-style: none;

	}

	ul.menu li {
		padding: 0;
		margin: 0;
	}

	ul.menu li a {
		color: #fff
	}

	ul.menu li li {
		margin-left: 0px;
		margin-bottom: 0;
		list-style: none;
	}

	/*Links*/
	a {
		color: #3737d4;
		background: transparent;
		text-decoration: none;
	}

	/* maximum constrast for tab focus - change with great care */
	a:focus {
		text-decoration: underline;
		background: transparent;
		outline: none;
	}

	a:hover,
	a:active,
	a:visited {
		color: #3737d4;
		text-decoration: underline;
		outline: 0 none;
	}

	.moduletable_menu a {
		color: #fff;
	}

	.moduletable_menu a:hover {
		color: #f90;
		text-decoration: none;
	}

	.modulebox_menu .active_link {
		color: #f90;
	}

	/*Kasten rechts*/
	h4.newsflash-title {
		color: black;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: bold;
		padding: 0;
	}

	h4.newsflash-title {
	}

	/*Typo*/
	h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 150%;
		margin-bottom: 15px;
	}

	h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 133.3333333%;
	}

	/* 18px */
	h3 {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 116.67%;
		padding-bottom: 10px;
	}

	/* 14px */
	.ym-col1 h3 {
		padding-bottom: 0;
	}

	/**Col_3 Bottom**/
	.ym-grid {
		padding-top: 15px;
		border-top-width: 3px;
		border-top-style: solid;
		border-top-color: #566c15;
		font-size: 11px;
	}

	#footer {
		display: none
	}

	/*tabellen*/
	table {
		width: auto;
		border-collapse: collapse;
		margin-bottom: 0.5em;
		border-top: 0px;
		border-bottom: 0px;
	}

	table caption {
		font-variant: small-caps;
	}

	table.full,
	table.category {
		width: 100%;
	}

	table.fixed {
		table-layout: fixed;
	}

	th, td {
		padding: 0.5em;
	}

	thead th {
		color: #000;
		border-bottom: 0px #800 solid;
	}

	tbody th {
		background: #e0e0e0;
		color: #333;
	}

	tbody th[scope="row"], tbody th.sub {
		background: transparent;
	}

	tbody th {
		border-bottom: 0px solid #fff;
		text-align: left;
	}

	tbody td {
		border-bottom: 0px solid #eee;
	}

	tbody tr:hover th[scope="row"],
	tbody tr:hover tbody th.sub {
		background: #f0e8e8;
	}

	tbody tr:hover td {
		background: transparent;
	}
	
  
  	
	.only-first > div:not(:first-child) { display:none; }
  
  @media screen and (max-width: 679px) {

table#tresponsive { 
  margin: 0 auto;
  border-collapse: collapse;
  font-weight: 100; 
  text-rendering: optimizeLegibility;
}

table#tresponsive caption { 

}

table#tresponsive thead th { 
	font-weight: 600; 
}

table#tresponsive thead th, 
table#tresponsive tbody td { 
  padding: 6px; 
  font-size: 1.0rem;
}
table#tresponsive tbody td { 
  padding-left: 15px;
}
table#tresponsive tbody tr:not(:last-child) { 
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;  
}

  table#tresponsive thead { 
	display: none; 
}

  table#tresponsive tbody td { 
    display: block;
}

  table#tresponsive tbody tr td:first-child { 
	/* background: #008283; */
	padding-left: 15px;
  }
	table#tresponsive tbody td:before { 
    content: attr(data-th); 
    font-weight: bold;
  }



}
  
/** Spezialtabelle**/
  
   table.umweltbildung{
    border-collapse: collapse;
    border-spacing: 0;
    border: 1px solid #bbb;
	width:480px;
}
.umweltbildung td,.umweltbildung th {
    border-top: 1px solid #ddd;
    padding: 4px 8px;
}

.umweltbildung tbody tr:nth-child(even)  td { background-color: #eee; }
  
  /**bild und Text**/
  .zwei_links {
	
	width:200px;
	min-height:150px;
	z-index:1;
	float:left;	     
   	padding:0px;
	margin-right:15px;
	margin-bottom:20px;
}

    .zwei_links2 {
	
	
   width:290px;
	min-height:20px;
	z-index:1;
	float:left;	     
   	padding:0px;
	margin-right:15px;
	margin-bottom:20px;
}

.zwei_rechts {
	
	max-width: 260px;
    min-height: 50px;
    z-index: 2;
    float: left;
    padding: 0px;
}
		


.zwei_rechts p {padding:0; margin-top:0}
  
  
	/*shop*/
	.jshop input.button {
		border: 1px solid #ccc;
		margin-top: 0px;
		padding: 4px;
		background-color: #fff;
		cursor: pointer;
	}

	.jshop input[type="submit"]:hover {
		background-color: #a6d226;

	}
  
  #comjshop {margin-top:0}
  #comjshop h1 {font-size:26px}
	
	/*Shopformular - Anpassungen speziell Anredefeld*/
	
	
	.controls input {
    padding: 8px 10px 7px 10px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    width: auto;
    margin-bottom: 20px;
	}
	
	.control-label {margin-bottom:10px; margin-top:10px}
	
	#title.inputbox.chzn-done {display:block!important; padding: 8px 10px 7px 10px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    width: auto;}

	#title_chzn {display:none}
  
  
 


/***Suche  ****/

span.highlight {
	background-color: #D8EA9C
}

.highlight {color:#000; font-weight:normal!important}

.search-results a {color:#1D5500}

input#q.inputbox {
	padding: 2px;
	padding-left: 7px;
	border: 1px solid #C8C8C8
}

.search-results {margin-top:20px}

div#search-form {margin-bottom:20px!important}
div.small.result-url {display:none}

.raw-links
{margin-bottom: -15px;
margin-top: 20px;}

/**responsive shop**/
    .jshop_list_product .product .buttons {text-align:left}
	
	.product {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-bottom:20px;
	
}

.product .name, .product .image, .product .jshop_price {text-align:left!important;}

.product .name a {color:#566C15}


/*** Videos einbinden ***/
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

/*Zum Warenkorb im Shop*/
  
  a.btn2
  {padding: 6px;
border: 1px solid #CCC;
color: #000;
text-decoration: none;
background-color:#ACD22B;
  margin-bottom:15px;}

  
  a.btn2:hover
  {
background-color:#D7E998}
  
   /** "Zum Warenkorb" ausblenden im Warenkorb **/
	body.itemid-370 a.btn2 {display:none}

@media screen and (max-width: 740px), screen and (max-width: 768px) {

.jshop_list_product .block_product {border-radius:0; padding:15px; margin-bottom: 10px;}
}
	
	.radio_buttons {
		white-space: nowrap;
	}

	.requiredtext {
		margin-top: -20px;
		margin-bottom: 10px;
		text-align: center;
	}

	.andere_adresse {
		font-size: 120%;
		color: #566c15;
	}

	.search {
		margin-top:0;
	}

.suchfind .search .inputbox, .finder .input-medium {
		border: 1px solid #999;
		padding: 3px;
		margin-right: 6px;
		border: 1px solid #999;
		border-radius: 0 !important;
	}

.suchfind .search .button, .finder button {
		background-color: transparent !important;
		border: 1px solid #566c15 !important;
		cursor: pointer;
	}

.finder .element-invisible {display:none}

form {margin:0}

	/****/
	/** Formulare **/
	#nachricht {
		width: 450px;
		max-width: 450px;
	}

	#strasse {
		max-width: 260px;
	}

	#plz {
		width: 90px;
	}

	#vorname {
		width: 260px;
	}

	#nachname {
		width: 260px;
	}

	#ort {
		width: 260px;
	}

	#email {
		width: 260px;
	}

	#telefon {
		width: 260px;
	}

	/***Suchformular***/
	.chzn-container-single .chzn-single {
		width: 100%
	}

	form#searchForm {
		margin-top: 80px
	}

	dd.result-created {
		display: none
	}

  /*Suche Top-Menü ausblenden*/
  
  .hiddi {display:none}
  
  /*** Bestellbuttons Shop ***/
      .jshop_list_product .product .buttons .button_buy,
    .jshop_list_product .product .buttons .button_detail {
        display: inline-block!important;
      margin-top:10px!important;
    }
  
}