/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================== JSN MEGAZINE CUSTOM CSS ============================== */
/* =============== Custom ======================= */
/*General*/
#jsn-footer{
  margin-bottom: 100px;
}

h3{
  color: gray;
}

/*Autor over catergorie blog*/
.article-info dd span{
   vertical-align: baseline;
}

/*Unity Insider Link in MainMenu*/
.unity-link img{
  width: 30px;
  margin:5px
}

/* Read More button */
p.readmore a{
  float:none !important;
  margin-bottom:20px;
}

p.readmore{
  margin-top: 20px;
  margin-bottom: 20px;
}


/*Rows more space between artikels */
.items-row{
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px dotted lightgray;
}


.menu-footer{
  margin-top:0px !important;
  text-align: left;
  color:black;
}



.menu-footer ul{
  margin:0px;
}

.menu-footer li{
  list-style: none;
  font-size:1.1em;
  float: left;
  line-height: 10px;
}

.menu-footer a{
   color:black;
  margin-left:5px;
}


.current-blue .current a{
  color:#009aca !important;
}

/*module bottom all same size*/
.modul-bottom{
  min-height: 200px;
}
.modul-bottom a{
  color: black;
}

/* categorie module */
.category-blue {
  background-color: #444;
  margin:0px;
  margin-top: 7px;
}

.category-blue .current{
  text-transform:uppercase;
  background-color: #009aca;
}

.category-blue li a{
  color: white;
  display: block !important;;
  padding-top: 10px;
  padding-left:1em;
  padding-right: 0,5em;
  padding-bottom:10px;
  height: 100%; 
  text-decoration: none;
}
.category-blue ul li a{
  padding-left:3em;
  border-top: 1px solid #222;
}
.category-blue ul{
   background-color: #111;
   margin:0px;
   padding:0px;
}

.category-blue li{
  list-style-type: none;
  margin:0px;
  border-top: 1px solid #222;
}
.category-blue li a:hover, .category-blue li a:focus {
  font-weight: bold;
  font-size: 1em;
}
.category-blue .first{
  border-top: none;
}


/*searchbar Menu*/
.search {
      	margin-top: 20px;
  		margin-right: 10px;
}

/*dropdown arrow Menu*/
div.jsn-modulecontainer ul.menu-mainmenu > li > a{
	background-image: none;
}
div.jsn-modulecontainer ul.menu-mainmenu > li.parent > a{
  	background-image: url(../images/icons/icon-arrow-down.png);
}

/*teaser Image für Arikel align left / right */
.img-intro-left img,.img-intro-right img{
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.img-intro-left ,.img-intro-right{
    background-color: white;
    width: 350px;
    height: 190px;
    margin-bottom: 5px;
    position: relative;
}


/*teaser Image für Hauptartikel*/
.jsn-homepage .item-image img{
  	width: auto;
    height: 250px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.jsn-homepage .item-image{
    background-color: black;
    width: 100%;
  	margin-bottom: 5px;
}



/*paddings Haupmenu Schrift*/
div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a.jsn-nodescription {
    padding:28px 20px 28px 0px; 
}

/*Icon im Hauptmenu*/
div.jsn-modulecontainer ul.menu-iconmenu li i[class*="jsn-icon-"] {
    margin-top: 2px;
}


/* =============== GENERAL LAYOUT =============== */
#jsn-usermodules1 {
	background-image: none;
}
.jsn-demo-page #jsn-pos-user1 {
	width: 60%;
}
.jsn-demo-page #jsn-pos-user2 {
	width: 37%;
}
body.jsn-joomla-30 ul li.newsflash-item {
	list-style: none;
}
/* =============== CATEGORY BLOG LAYOUT =============== */
.com-content .category-blog .componentheading,
.blog .componentheading,
.jsn-homepage .blog-featured .page-header,
.jsn-homepage .componentheading {
	border-bottom: 3px solid #000;
	padding: 0;
}
.com-content .category-blog .componentheading span,
.blog .componentheading span,
.jsn-homepage .blog-featured .page-header h1,
.jsn-homepage .componentheading span  {
	display: inline-block;
	padding: 10px 12px 6px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	background-color: #000;
	margin: 0;
}
.jsn-homepage .intro-text,
.com-content .category-blog .intro-text,
.blog .intro-text {
	position: relative;
}
.com-content .category-blog .intro-text .category-name,
.blog .intro-text .category-name,
.jsn-homepage .intro-text .category-name {
	position: absolute;
	margin-left: 0;
	left: 0;
	top: 0;
	color: #fff;
	padding: 10px 15px;
	background: #000\9;
	background: rgba(0,0,0,0.85);
}
.com-content .category-blog .intro-text + .readon,
.blog .intro-text + p.readmore a,
.jsn-homepage .jsn-article .readon,
/*.jsn-homepage .intro-text + p.readmore a*/ {
	float: right;
}
/* =============== NEWS FLASH MODULE =============== */
.jsn-modulecontainer.jsn-news-flash1 .intro-text {
	overflow: hidden;
}
.jsn-modulecontainer.jsn-news-flash1 .intro-text img {
	display: block;
}
.jsn-modulecontainer.jsn-news-flash1 .intro-text p {
	display: none;
}
.jsn-modulecontainer.jsn-news-flash1 .jsn-article {
	position: relative;
	margin-bottom: 10px;
}
.jsn-modulecontainer.jsn-news-flash1 .jsn-article .contentheading {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	z-index: 100;
}
.jsn-modulecontainer.jsn-news-flash1 .jsn-article .contentheading a {
	font-size: 16px;
	padding: 10px 15px;
	background-color: #000\9;
	background-color: rgba(0,0,0,0.8);
	display: block;
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
}
.jsn-modulecontainer.jsn-news-flash1 .jsn-article:hover .contentheading a {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}

.jsn-modulecontainer.jsn-news-flash2 .jsn-moduletitle {
	border-bottom: 3px solid #000;
	padding: 0;
	margin: 20px 0 25px;
}
.jsn-modulecontainer.jsn-news-flash2 .jsn-moduletitle span {
	display: inline-block;
	padding: 10px 15px;
	line-height: 20px;
	color: #fff;
	text-transform: uppercase;
	background-color: #000;
}
/* =============== LOGIN MODULE =============== */
body.jsn-joomla-25 .jsn-modulecontainer.jsn-user-login #modlgn-username,
body.jsn-joomla-25 .jsn-modulecontainer.jsn-user-login #modlgn-passwd {
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body.jsn-joomla-30 .jsn-modulecontainer.jsn-user-login #modlgn-username,
body.jsn-joomla-30 .jsn-modulecontainer.jsn-user-login #modlgn-passwd {
	width: 65%;	
}
/* =============== HOMEPAGE SLIDESHOW =============== */
.promo-top .galleria-info {
	top: 50% !important;
	left: 10% !important;
	margin-top: -60px;
	width: auto !important;
}
.promo-top .galleria-info .galleria-info-text {
	background: none !important;
}
.promo-top .galleria-info-title,
.promo-top .galleria-info-description {
	display: inline-block !important;
	float: left;
	clear: both;
}
.promo-top .galleria-info-title {
	color: #fff !important;
	text-transform: uppercase;
	font-size: 2.4em !important;
	margin: 0;
	background: rgba(0,0,0,0.8);
	padding: 10px 15px;
}
.promo-top .galleria-info-description {
	color: #fff !important;
	padding: 5px 15px;
	font-size: 1.8em !important;
	background: rgba(0,0,0,0.5);
}
/* =============== DEMO CONTACT INFO =============== */
.demo-contact-info .jsn-uniform .jsn-row-container {
	margin: 0;
}
.demo-contact-info .jsn-uniform .jsn-row-container .form-actions {
	margin: 0 0 15px;
	padding: 0 7px;
}
.demo-contact-info .jsn-uniform .jsn-row-container .form-actions .btn-toolbar {
	margin: 0;
}
.demo-contact-info .jsn-uniform .jsn-row-container .form-actions .btn-toolbar .jsn-form-submit {
	background: #000;
	box-shadow: none;
	border: none;
	padding: 10px 20px;
	color: #fff;
	text-shadow: none;
	border-radius: 0;
}
.demo-contact-info .jsn-uniform .jsn-row-container .control-group {
	padding: 5px;
}
.demo-contact-info .jsn-uniform .jsn-row-container .control-group.ui-state-highlight {
	border: none !important;
	background: none !important;
}
.demo-contact-info .jsn-uniform .jsn-row-container label {
	display: none !important;
}

.demo-contact-info .jsn-uniform .jsn-row-container input.email {
	border-radius: 0;
	margin: 0;
	padding: 15px 10px;
}
.demo-contact-info .jsn-uniform .demo-contact-desc {
	margin: 5px 0;
	padding: 10px;
}


@media only screen and (max-width: 992px), (max-device-width: 767px){
  .item-image img{
      	height:auto;
    	max-height: 190px;
	}
  
  .slide-desc{
    visibility:hidden;
  }
  
  .slide-title{
    visibility:visible;
    position:absolute;
    bottom: 5px;
    left: 5px;
    text-shadow: 0 0 20px black;
  }
}

@media only screen and (max-width: 767px), (max-device-width: 767px) {
  
  
  
/*teaser Image für Artikel*/
	.item-image img{
      	height:auto;
    	max-height: 190px;
	}
  
  	
  
 /*teaser Image für Arikel align left / right */
.img-intro-left img,.img-intro-right img{
    display: block;
    max-width: auto;
    width: auto;
    height: auto;
    position: relativ;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.img-intro-left ,.img-intro-right{
    background-color: white;
    width: 100%;
  	max-height: 190px;
    margin-bottom: 5px;
    position: relative;
}
 
}

@media only screen and (max-width: 480px), (max-device-width: 480px) {
	.promo-top .galleria-info {
		left: 0 !important;
	}
	.promo-top .galleria-info-title {
		font-size: 1.3em !important;
	}
	.promo-top .galleria-info-description {
		font-size: 1.2em !important;
	}
	.jsn-homepage #jsn-promo {
		padding: 0;
	}
}
@media only screen and (max-width: 320px), (max-device-width: 320px) {
	.promo-top .galleria-info {
		top: 45% !important;
	}
	.promo-top .galleria-info-title {
		font-size: 1.3em !important;
	}
}