/*
 * ------------------------------------------------------------------------
 * JA Elastica Template for Joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/

body {
  -webkit-text-size-adjust: 100%; /*Fix Mobile Safari Font Scale*/
 line-height:1.4;
}

/* RESPONSIVE FONT SIZES
--------------------------------------------------------- */
body.fs1 #ja-wrapper {
  font-size: 1.2em !important;
}

body.fs2 #ja-wrapper {
  font-size: 1.3em !important;
}

body.fs3 #ja-wrapper {
  font-size: 1.4em !important;
}

body.fs4 #ja-wrapper {
  font-size: 1.5em !important;
}

body.fs5 #ja-wrapper {
  font-size: 1.6em !important;
}

body.fs6 #ja-wrapper {
  font-size: 1.7em !important;
}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main {
  width: 600px;
}
#ja-content,
.ja-frontpage #ja-content {
  width: 600px;
  min-height:0 !important;
}

/* MASONRY PRESETS (300px*5 Grids)
--------------------------------------------------------- */
/* Main Content */
.ja-frontpage #ja-content {
  float: none;
  width: 100%; /* Frontpage Content 3 grids */
}

/* full 5 grids content */
body.content-grid-mass #ja-content,
body.content-grid-mass.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 4 grids content */
body.content-grid-quadruple #ja-content,
body.content-grid-quadruple.ja-frontpage #ja-content {
  width: 100% !important;
}

/* 3 grids content */
body.content-grid-tripple #ja-content,
body.content-grid-tripple.ja-frontpage #ja-content {
  width: 100% !important;
}

/* CONTENT'S GRIDS
--------------------------------------------------------- */
.items-row {
  background: #fff;
}

.items-row .item .contentpaneopen {
  box-shadow: none;
}

.item {
  padding: 0;
}

.cols-1 .item {
  float: none;
  width: 100% !important;
}

.cols-2 .item,
.cols-3 .item,
.cols-4 .item,
.cols-5 .item {
  width: 50% !important;
}

/* HEADER
--------------------------------------------------------- */
#ja-header {
}

#ja-header .main {
  width: 600px;
  text-align: center;
}

#ja-header .main-inner1 {
  margin: 0;
}

h1.logo {
  height: 170px !important;
  /* width: 100% !important; */
}

h1.logo a {
  /* padding: .5em !important; */
}


/* Search */
#ja-search {
  bottom: 0;
  height: 40px;
  width: 40px;
  padding: 0;
  position: absolute;
  right: 0;
  border-bottom: 0;
}

#ja-search .search-btn {
  width: 30px;
  height: 30px;
  background-color: #222;
  margin-top: 5px;
}

#ja-search.active .search-btn,
#ja-search .search-btn:hover {
  width: 30px;
  height: 30px;
  background-color: #ec534d;
  margin-top: 5px;
  cursor: pointer;
}

#ja-search form.search {
  display: none;
  background: #ec534d;
  position: absolute;
  top: 35px;
  right: 10px;
  padding: .5em;
  width: 200px;
}

#ja-search:hover form.search,
#ja-search.active form.search {
  display: block !important;
}

#ja-search .inputbox {
  background: #222;
  border: 1px solid #222;
  color: #CCC;
  margin: 0;
  padding: 4px 0;
  text-indent: 10px;
  width: 100%;
}


#ja-social ul {
  padding: 5px 0 0 1em;
}

#ja-social ul li {
}

#ja-social ul li a {
  background-color: #222;
}

#stoerer {
  background-image:url(../images/stoerer-ein-leben-retten-tablet.png);
  width:179px;
  height:58px;
  top:16px;
  left:406px;
  z-index:10000;
  display:block !important;
  overflow:hidden;
  background-size: cover;
}
#stoerer .Kreis {
    background-color: #eeeae1;
    width: 174px;
    height: 52px;
    border: 3px solid white;
    border-radius: 15px 0 15px 0;
}
#stoerer .Datum {
   margin:0;
   transform: initial;
   -webkit-transform: initial;
}
#stoerer .Text {
   transform: initial;
   -webkit-transform: initial;
   line-height:0.9;
}

#stoerer a {
  width:179px;
  height:58px;
}

#stoerer .Kreis {
    background-color: #eeeae1;
    width: 174px;
    height: 52px;
    border: 3px solid white;
    border-radius: 15px 0 15px 0;
}
#stoerer .Datum {
   margin:0;
   transform: initial;
   -webkit-transform: initial;
}
#stoerer .Text {
   transform: initial;
   -webkit-transform: initial;
   line-height:0.9;
}

#stoerer .Kreis {
    background-color: #eeeae1;
    width: 174px;
    height: 52px;
    border: 3px solid white;
    border-radius: 15px 0 15px 0;
}
#stoerer .Datum {
   margin:0;
   transform: initial;
   -webkit-transform: initial;
}
#stoerer .Text {
   transform: initial;
   -webkit-transform: initial;
   line-height:0.9;
}
#stoerer img {
   display:none;
}
/* FOOTER
--------------------------------------------------------- */
#ja-footer {
  margin-top:14px;
}

/* MODULES
--------------------------------------------------------- */
/* Hiden in Tablet ---*/
.hide-in-normal,
.hide-in-tablet {
  display: none;
}

/* MAIN NAVIGATION 
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav {
  max-width: 615px;
  position:absolute;
  bottom:16px;
  left:140px;
}
.schuelerrettenleben #ja-mainnav {

  bottom:40px;

}

.ja-megamenu ul.level0 {
  margin-top: 18px !important;
  margin-left:42px !important;
  width:615px !important;
}

/* Mega Menu Layout ---*/

.ja-megamenu ul.level0 li.mega span.menu-title,
.ja-megamenu ul.level0 li.haschild span.menu-title {
  margin-top: 0 !important;
  padding: 0 !important;
  text-align:left;
}

.ja-megamenu ul.level1 li.mega span.menu-title {
  margin-top: 0 !important;
  padding: 0 !important;
}

.ja-megamenu ul.level1 li.mega {
  height: auto !important;
}

.ja-megamenu ul.level1 li.mega a.mega {
  height: auto !important;
}

.ja-megamenu ul.level0 li.mega span.menu-desc {
  display: none;
}

#ja-megamenu .childcontent {
  display: none !important;
}

#ja-megamenu li.rjd-active,
#ja-megamenu li.haschild.rjd-active {
}

#ja-megamenu li.rjd-active .childcontent {
  display: block !important;
  left: 0 !important;
  margin: 0 !important;
  position: absolute;
  top: 40px !important;
  width: 100% !important;
}

#ja-megamenu ul.level0 li.rjd-active .childcontent-inner-wrap,
#ja-megamenu ul.level0 li.rjd-active .childcontent-inner {
  margin: 0 !important;
  width: 100% !important;
}


/* Mega Menu Styling---*/
#ja-megamenu li.rjd-active,
#ja-megamenu li.haschild.rjd-active {
  background: #222;
}

#ja-megamenu li.rjd-active a.mega,
#ja-megamenu li.haschild.rjd-active a.mega {
  color: #FFF;
}

/*Hide lv 2 Content */
#ja-megamenu ul.level1 li.rjd-active .childcontent,
#ja-megamenu ul.level1 .childcontent  {
  display: none !important;
}

.ja-megamenu ul.level0 li.mega-column2,
.ja-megamenu ul.level0 li.mega-column2-reset {
  margin-left:120px;
}
.kids .ja-megamenu ul.level0 li.mega-column2,
.kids .ja-megamenu ul.level0 li.mega-column2-reset {
  margin-left:70px;
}
.ja-megamenu ul.level0 li.mega-column2-reset {
  margin-top:-60px;
}
.ja-megamenu ul.level0 li.mega-column3,
.ja-megamenu ul.level0 li.mega-column3-reset {
  margin-left:260px;
}
.schuelerrettenleben .ja-megamenu ul.level0 li.mega-column3,
.schuelerrettenleben .ja-megamenu ul.level0 li.mega-column3-reset {
  margin-left:240px;
}
.kids .ja-megamenu ul.level0 li.mega-column3,
.kids .ja-megamenu ul.level0 li.mega-column3-reset {
  margin-left:190px;
}
.ja-megamenu ul.level0 li.mega-column3-reset {
  margin-top:-60px;
  /* margin-top:-72px;*/
  /* margin-top: -54px; */
}
.schuelerrettenleben .ja-megamenu ul.level0 li.mega-column3-reset {
   margin-top:-40px;
}

/* jma für die extra breiten Menüpunkte*/
 li.mega-column3.big{
	width: auto !important; 	
 }
/* Menu Button --- */
/* to use this value to detect responsive
 * > 3: mean responsive
 * 4: is mobile device, which the menu show only first level
 */
#ja-menu-button {
  z-index: 3;
}
#ja-slogan #hd-articlemod,
#ja-slogan #mod-artpos {
  font-size:1.25em;
  font-weight:normal;
}

#main-video {
  width:600px;
}

.main-teaser {
  float:left;
  width:600px;
}

.main-teaser .newsflash {
}


.moduletable-inner {
  margin:12px 0 0 0 !important;
}

.main-teaser .moduletable h3 {
  /* background-color:#cdc3aa; */
}
.main-teaser .moduletable h4 {
  background-color: #009ee3;
}
.menu-bottomnav {
  float:none;
  position:relative;
}

.menu-bottomnav li {
  margin: 0 8px 1px 0;
}
#ja-footer #ja-initiative {
  padding-top:36px !important;
  float:none;
}
#ja-footer #ja-schirmherr {
  position:static;
  text-align:left;
  clear:both;
  margin:12px 0 6px 0;
  padding-top:0;
}
h1.site-slogan {
  font-size:27px;
  width:220px;
  top:14px;
  left:196px;
  line-height:1.2em;
}



/* virtuemart */
.productdetails-view {
  margin-bottom:24px;
}
div.product-description {
  max-width:100%;
}

.vmcart-module-tablet {
  display:block !important;
}

.vmcart-module-other {
  display:none !important;
}

#ja-content-bottom-tablet {
  margin-top:6px;
}

#ja-content-bottom-tablet .hd-article-heading,
#ja-content-bottom-tablet .mod-artpos-heading {
  margin-top:12px;
}

#ja-content-bottom-tablet .hd-article-heading h3,
#ja-content-bottom-tablet .mod-artpos-heading h3 {
  font-size:19px;
  margin:0 0 2px;
  padding:2px 0 2px 12px;
}
#ja-content-bottom-tablet .hd-articlemod h3,
#ja-content-bottom-tablet .mod-artpos h3 {
  margin:0;
  padding:0;
  font-size:1.7em;
  font-family: NotesStyleMedium, Arial, sans-serif;
}

#hd-article-heading-189,
#hd-articlemod-189,
#mod-artpos-189,
#mod-artpos-heading-189 {
  display:none;
}
.main-teaser .moduletable {
  display:none;
}
.main-teaser .moduletable:first-of-type {
  margin-right:8px !important;
}
.main-tablet-minister {
  display:block;
  margin:0 6px 6px 0;
}
.grusswort {
  width:564px;
}
.grusswort img {
  float:none;
}
.main-box-all h3 {
  background-color:transparent;
  color:#BE1421;
}
.main-box-all h3 span {
  padding:0;
}

.main-teaser-tablet {
  float:right;
  display:block;
}
.main-teaser-tablet .moduletable {
  margin-top:0;
}
.main-teaser-tablet .moduletable h3 {
  margin-bottom:2px;
}
.aktionskoffer-teaser {
  height:185px;
  min-height:0;
  overflow:hidden;
}
#ja-content-bottom-tablet {
  display:block;
}
.categories-module-bundeslaender-1,
.categories-module-bundeslaender-2 {
  margin-right:30px;
}

.in_article_teaser_content_tablet .tv-spot-inner {
  padding:14px 16px 12px 16px;
  background-color:#ffffff;
  float:left;
}
.in_article_teaser_content_tablet .banner-content.tv-spot {
  min-height:172px;
}