@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
 * @link          http://www.jyaml.de
 * @package       JYAML
 * @subpackage    JYAML.Stylesheet
 *
 */

/**
 * Note:
 * For consistent CSS styling with and without javascript
 * by nested lists follow these instructions.
 *
 * Ok, but don't work if javascript enabled
 *  .dropdown li {}
 *  .dropdown li li {}
 *
 * Use for nested li-tag's the class viewLevel[n]
 *  .dropdown li.viewLevel0 {} - corresponds li
 *  .dropdown li.viewLevel1 {} - corresponds li li
 *  .dropdown li.viewLevel2 {} - corresponds li li li
 *
 * Use for nested ul-tag's the class dropitemLevel[n]
 *  .dropdown ul.dropitemLevel0 {} - corresponds ul
 *  .dropdown ul.dropitemLevel1 {} - corresponds ul ul
 *
 */

@import url(../../../libraries/jyaml/html/css/accessible_dropdown_base.css);

@media all
{
	/**
	 * Level class note:
	 * li.level is the menuitem level in database
	 * li.viewLevel is the optical level in the list
	 */

	.dropdown,
	.dropdown ul,
	.dropdown li,
	.dropdown a {
		background-color: transparent; 
		/* Fixes some hover issues for all browsers 
		background-image: url(../images/blank.gif); */
	}

	.js .dropdown .dropitem a,
	.js .dropdown .dropitem span {
		white-space: nowrap; /* rescrict word-wrap - better auto-width calculation for menu script */
	}

.dropdown .dropitem ul {
    font-size: 0.5em;
    line-height: 1em; 
}
.dropdown li { 
    font-size: 2em;
    line-height:1em;
}
	.dropdown li a {
		text-decoration: none;
	}
	.dropdown li a:hover,
	.dropdown li a:focus,
	.dropdown li.hover a.hover {
		background-color: transparent !important;  
		color: #000 !important;
		text-decoration: none;
	}
	.dropdown li:hover > a {     
		background: transparent !important;
		color: #000 !important;
		text-decoration: none;
	} 

	.dropitem .menuitem-content { overflow: hidden; }


	.dropdown-horizontal {
		 background: none repeat scroll 0 0 transparent;
     top:-3px;
	}

	.dropdown-horizontal .dropitem {
		/* @optional: fix width for submenus (not compatible with linear mode) */
		/* width: 175px !important; */
	}
	.dropdown-vertical .dropitem {
		/* @optional: fix width for submenus (not compatible with linear mode) */
		/* width: 175px !important; */
	}

/*	.dropdown-vertical li a {
		background: #eee;
		color:#000;
		padding:0;
		text-decoration:none;
	} 
	.dropdown-vertical li a span {
		display: block;
		/* white-space: nowrap; 
	}
	.dropdown-vertical li span.item-title {
		padding:0.5em 0.8em 0.5em 0.8em;
	} */

	.dropdown-horizontal li.viewLevel0 {
		margin-right: 1px;
	}

	.dropdown-horizontal li.viewLevel1 {
		margin-bottom: 0px;
	}

	.dropdown-horizontal li a {
		color:#484848; /*N*/
		padding:0;
		text-decoration:none;
	} 
	.dropdown-horizontal li a span {
		display: block;
		/* white-space: nowrap; */
	}
  /** ***************** Menü ********************** **/
  .nav_main_outer {
/* Außerand container - margin-left: 220px;*/	
	}
  nav#nav .module-box {
  margin-bottom:0;
  box-shadow:none;
  margin-bottom:-15px;
  background: url("../images/home_icons_schatten.png") no-repeat 150px -22px; 
}
.dropdown-horizontal li span.item-title {  /* Obere Menü */
		padding:3.8em 0.8em 0.2em 0.8em;
}
li.item-101 span.maintitle {  /* HOME */
    width: 90px;
    padding-left:153px;
}
li.item-101 span.item-title {  /* HOME */
    width: 230px;
}
li.item-102 span.maintitle {  /* informieren */
    width: 153px;
}
.dropdown-horizontal li.item-103 span.item-title {  /* Vernetzen */
		width: 133px;
} 
.dropdown-horizontal li.item-106 span.item-title {  /* Vernetzen */
		width: 154px;
    padding-left:0.9em;
}
  li.item-101:hover > a, li.item-101.current.active a {     /* HOME*/
		color: #8AA806 !important;
		text-decoration: none;
	}    
	li.item-102 span.item-title:hover, /* informieren */
	li.item-102 span.item-title:focus,
  li.item-102 span.item-title.current.active a,
	li.item-102.hover a.hover {
    background: url("../images/home_hover.png") no-repeat -0.15em -0.68em;
    color: #fff;
	}        
	li.item-103 span.item-title:hover, /* vernetzen */
	li.item-103 span.item-title:focus,
	li.item-103.hover a.hover { 
    background: url("../images/home_icons.png") no-repeat -11.90em -6.66em;
    color: #fff;
    }    
	li.item-106 span.item-title:hover,  /* mitmachen */
	li.item-106 span.item-title:focus,
	li.item-106.hover a.hover {  
    background: url("../images/home_hover_2.png") no-repeat -13.66em -0.8em;
    color: #fff;
    }  
  	
  li.item-218 span.item-title {  /* facebook */
    background: url("../images/") no-repeat left 0.1em;

    }
  li.item-219 span.item-title {  /* youtubes */
    background: url("../images/") no-repeat left 0.1em;

    }     
.dropdown-horizontal li.item-218 span.item-title {  
    padding-right:0;
    }

.dropdown-horizontal li.item-219 span.item-title {  
    padding-left:0;

    }
a.face span.item-title img, a.youtube span.item-title img  {  
    width: 90%;
    margin-top:-20px;
    }     
.dropdown-horizontal a.face span.item-title  {  

    }   
  /** ******************** Untermenus ************************ **/ 
  .dropdown ul {  /* Informieren */
		margin-left:7px;
    margin-right:0;
    width: 1126px;
}       
	.dropdown .menuitem-content {
		background: #A8C626;
		/*
		 * Default with for menu module positions
		 * Fixed with or min-width is requried for robust layout
		 */

		min-width: 200px;
	}
.info_text .module .custom h1, .mit_text .module .custom h1 {   
    color:#FFFFFF;
    }   
.dropdown .dropitem ul li.item-125 { /* ?*/
}
  .dropitem-content ul {  /* ?*/
		background: blue;
  }
  .dropdown-horizontal li.item-121 .dropitem ul {    /* ?*/
		background: red;
  }
/** Text Container **/   
  .info_text, li.item-231 .mit_text, li.item-225 .info_text {   
    height: 136px;
    padding: 75px 65px;
    border-right: 1px dotted #fff;
    line-height:1.8;
    color:#FFFFFF;
    } 
  .info_text h2, li.item-231 .mit_text h2, li.item-225 .info_text h2 {   
    line-height:1.8;
    color:#FFFFFF;
    }     
li.item-231 .mit_text {    /* mitmachen */
    background: #EA614E;   
    } 
/** ************* SUPER-Untermenü Spalten ************** **/ 
	.dropdown-linear .dropitem li {   
		width: 33.2%;
      
	} 
/** INFORMIEREN **/       
	.dropdown-horizontal li.item-224 span.item-title, .dropdown-horizontal li.item-121 span.item-title, .dropdown-horizontal li.item-145 span.item-title, .dropdown-horizontal li.item-173 span.item-title, .dropdown-horizontal li.item-233 span.item-title, .dropdown-horizontal li.item-277 span.item-title  {
   /* #A8C626*/
    padding-top:0;
    margin-bottom:0.4em;
    font-size: 120%;
    width: 100%;
	}
  li.item-224, li.item-277  {
    padding-top:80px;
	}
.dropdown-horizontal li.item-121 span.item-title, .dropdown-horizontal li.item-145 span.item-title, .dropdown-horizontal li.item-224 span.item-title {
    padding-left: 5.2em;
	}  
/** VERNETZEN **/
.dropdown-linear .dropitem li.item-146, .dropdown-linear .dropitem li.item-228, .dropdown-linear .dropitem li.item-227,.dropdown-linear .dropitem li.item-229, .dropdown-linear .dropitem li.item-230, .dropdown-linear .dropitem li.item-147, .dropdown-linear .dropitem li.item-171, .dropdown-linear .dropitem li.item-610, li.item-225 .info_text {   
    background: #00BFFF; 
	}
  	.dropdown-horizontal li.item-146 span.item-title, .dropdown-horizontal li.item-147 span.item-title, .dropdown-horizontal li.item-171 span.item-title, .dropdown-horizontal li.item-610 span.item-title {
		padding:0.8em 0 0.2em 5.2em;  
    font-size: 120%;  
    background: #00BFFF;
	}
  	.dropdown-horizontal li.item-228 span.item-title, .dropdown-horizontal li.item-227 span.item-title, .dropdown-horizontal li.item-229 span.item-title, .dropdown-horizontal li.item-230 span.item-title, .dropdown-horizontal li.item-610 span.item-title {
    font-size: 90%;
    padding:0.8em 0 0.2em 7.4em; 
	}  
  	.dropdown-horizontal li.item-147 span.item-title, .dropdown-horizontal li.item-171 span.item-title {
     padding-left: 0.6em; 
	}
.dropdown-linear .dropitem li.item-146,.dropdown-linear .dropitem li.item-147 {  
    padding-top:65px;     
	}
.dropdown-linear .dropitem li.item-610 {  
    padding-bottom:57px;     
	}
.dropdown-linear .dropitem li.item-171 {  
    padding-bottom:109px;                                        
	}
  
  
/** MITMACHEN **/
      .dropdown-linear .dropitem li.item-166, .dropdown-linear .dropitem li.item-148, .dropdown-linear .dropitem li.item-152,.dropdown-linear .dropitem li.item-153, .dropdown-linear .dropitem li.item-157, .dropdown-linear .dropitem li.item-172, .dropdown-linear .dropitem li.item-150 {   
    background: #EA614E;    
	}
    	.dropdown-horizontal li.item-166 span.item-title, .dropdown-horizontal li.item-157 span.item-title, .dropdown-horizontal li.item-172 span.item-title, .dropdown-horizontal li.item-150 span.item-title {
		padding:0.8em 0 0.2em 5.2em;  
    font-size: 120%; 
    background: #EA614E;
	}  
  	.dropdown-horizontal li.item-148 span.item-title, .dropdown-horizontal li.item-152 span.item-title, .dropdown-horizontal li.item-153 span.item-title {
    font-size: 90%;
    padding:0.8em 0 0.2em 7.4em;  
	}      
    .dropdown-horizontal li.item-157 span.item-title, .dropdown-horizontal li.item-172 span.item-title, .dropdown-horizontal li.item-150 span.item-title {
		padding:0.4em;    
	}
  .dropdown-linear .dropitem li.item-166, .dropdown-linear .dropitem li.item-157 {  
    padding-top:85px;  /* 85px - mit Mitmachen / Untermenü / 3 Punkten*/       
	}
.dropdown-linear .dropitem li.item-150 {   
		padding-bottom: 44px;  /* 43px - mit Mitmachen / Untermenü / 3 Punkten*/    
	}
.dropdown-linear .dropitem li.item-166 {   
		padding-bottom: 170px;   /* 90px - mit Mitmachen / Untermenü / 3 Punkten*/   
	}  
.dropdown-linear .dropitem li.item-166 a, .dropdown-horizontal li.item-166 span.item-title, .dropdown-horizontal li.item-166 span.item-title:hover {
    color: #EA614E;     /* löschen wenn - mit Mitmachen / Untermenü / 3 Punkten*/  
}  



   
/* ************** SUB TITELE *********************** */
	.dropdown-horizontal li span.subtitle {
		/* You can use .maintitle, .subtitle-1, .subtitle-2, .subtitle-3, etc. to adjust the maintitle or each subtitle line */
		display: block;
		font-size: 12px;
		font-weight: normal;
		color: #444;
    height: 0px;   
	}
  /** alle **/
  li.item-224	span.item-title span.subtitle, li.item-121	span.item-title span.subtitle, li.item-145	span.item-title span.subtitle, li.item-173	span.item-title span.subtitle, li.item-233	span.item-title span.subtitle, li.item-147 span.item-title span.subtitle, li.item-171 span.item-title span.subtitle, li.item-157	span.item-title span.subtitle, li.item-150 span.item-title span.subtitle, li.item-172 span.item-title span.subtitle, li.item-277 span.item-title span.subtitle {
    padding: 5px 0 0 12px;
    color:#fff;
    height: 20px;
	}
	.dropdown-horizontal li.viewLevel0 a {
    background: none repeat scroll 0 0 transparent;
	}

	.dropdown-horizontal li.viewLevel1 a {
		background: ; /* fallback: disabled javascript - iformieren*/
	}
	.dropdown-horizontal li.viewLevel1 {
		margin-right:0; /* fallback: disabled javascript */
	}

	.dropdown-linear ul,  {  
		width: 100%;  
	}
	.dropdown-linear .dropitem ul {
		background: #A8C626;
	}

	.dropdown-linear .dropitem li.item-once {
		/* important in webkit browsers (e.g. safari and chrome) to strech contents on a menuitem content to 100% */
		width: 100%;
	}

	.dropdown-horizontal li.viewLevel1 span.subtitle-empty { display: none; }
	.dropdown-linear li.viewLevel1 span.subtitle-empty { display: block; }

	/**
	 * Example for special positioning on level 0.
	 */
	/*
	.dropdown .dropitemLevel0,
	.js .dropdown .dropitemLevel0-Helper {
		margin-left:-10px;
	}
	.js .dropdown .dropitemLevel0 { margin-left: 0; }
	*/

	/**
	 * Simple CSS3 example how to work with border-radius and box-shadow.
	 */
	/*
  .dropdown-horizontal .dropitem-content {
    background: #fafafa;
    padding: 5px;

    margin: 0 4px 4px 0;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);

    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
  }
  */

/*table {
    background: #fff;
    box-shadow:4px 4px 10px #888888;
    width: 90%;
} */
.ev_table {
    box-shadow:none;
}
 
button#findAddressButton {
     background: #A8C626;
     color:#FFFFFF;
     border:none;
     padding:3px 5px;
     margin-top:10px;
}
.zhgm-markergroup-text-simple, .zhgm-markergroup-text-all-simple {
    font-size: 12px;
}

 #li-markergroup2 {
    margin-left: 0;
    width: 130px;
 }



}