/* ************************************************************ */
/*   Design:  news.css											*/
/*   Author:  Thomas Panner										*/
/*   Web:     www.redklaxx.at									*/
/*   Date:    14.04.2015										*/
/* ************************************************************ */

.no-news-found {
	margin-bottom: 40px;
	font-size: 8pt;
}

/* ----- news-list-view ----- */

.news-list-view {
	overflow: hidden;
	background-color: transparent;
	box-shadow: none;
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

.news-list-view .article:after {
	margin-right: 0px;
}

.news-list-view .news-img-wrap img {
	width: 100px;
	height: auto !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

span.no-media-element {
	display: none;
}

.news-list-view .article {
	overflow: hidden;
	background-color: transparent;
	box-shadow: none;
	position: relative;
	float: left;
	margin: 0px;
	margin-bottom: 10px;
}

.news-list-view .teaser-text {
	clear: both;
	overflow: hidden;
}

.news-list-view .teaser-link {
	margin-top: 10px;
	margin-bottom: 5px;
	clear: both;
	overflow: hidden;
}

.news-list-view .header {
	margin: 0px;
	padding: 0px;
}

.news-list-view .news-list-date, .news-list-view .news-list-category, .news-single .news-list-category {
	display: none;
}

.news-list-view h3, .news-list-view h3 a, .news-list-view h3 a:link, .news .news-list-view h3 a:visited, .news-list-view h3 a:hover {
	font-family: 'OpenSansBold';
	font-weight: normal;
	text-align: left;
	color: #262626;
	margin: 0px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
    overflow: hidden;
	clear: both;
}

.news-list-view a.more {
	color: #262626;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 8pt;
	font-style: normal;
	text-shadow: none;
	text-transform: capitalize;
	text-align: center;
	background: transparent;
	float: none;
	clear: both;
	overflow: hidden;
}

.news-list-view a.more:after {
	content: " » ";
}

.news-backlink-wrap a:before {
	content: " « ";
}

/* ----- news-single-view ----- */

.news-single .header {
	margin: 0px;
	padding: 0px;
}

.news-single h3 {
	font-family: 'OpenSansBold';
	font-weight: normal;
	text-align: left;
	color: #262626;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	padding-top: 5px;
	padding-bottom: 4px;
    overflow: hidden;
	clear: both;
}

.news-single .teaser-text {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}
	
.news-single .news-text-wrap {
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

.news-text-wrap {
	text-align: left;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
    overflow: hidden;
	clear: both;
}

.news-single .news-img-wrap img {
	height: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

/*
.news-img-wrap, .facebook, .twitter {
	display: none;
}
*/

.facebook, .twitter {
	display: none;
}


.news-backlink-wrap, .news-backlink-wrap a, .news-backlink-wrap a:link, .news-backlink-wrap a:visited {
	color: #7a7a7a;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 8pt;
	font-style: normal;
	text-shadow: none;
	text-transform: capitalize;
	text-align: left;
	text-decoration: none;
	background: transparent;
	float: none;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

.news-backlink-wrap a:hover {
	color: #7a7a7a;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: 8pt;
	font-style: normal;
	text-shadow: none;
	text-transform: capitalize;
	text-align: left;
	text-decoration: underline;
	background: transparent;
	float: none;
	overflow: hidden;
}

/* ====================  media screen einstellungen ==================== */

@media screen and (max-width: 360px) {

	.news-img-wrap {
		width: 260px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;		
	}

	.news-img-wrap img {
		width: 260px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 260px;
		height: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 260px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 260px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 260px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 260px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 260px;
		float: right;
	}

	.newscol {
		width: 260px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 260px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_img img {
		width: 260px;
		height: auto;
	}

	.newscol_text {
		width: 260px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_text p.bodytext {
		width: 260px;
	}

}

@media screen and (min-width: 360px) and (max-width: 400px) {

	.news-img-wrap {
		width: 320px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;		
	}

	.news-img-wrap img {
		width: 320px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 320px;
		height: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 320px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 320px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 320px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 320px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 320px;
		float: right;
	}

	.newscol {
		width: 320px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 300px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_img img {
		width: 300px;
		height: auto;
	}

	.newscol_text {
		width: 320px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_text p.bodytext {
		width: 320px;
	}

}

@media screen and (min-width: 400px) and (max-width: 480px) {

	.news-img-wrap {
		width: 360px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;		
	}

	.news-img-wrap img {
		width: 360px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 360px;
		height: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 360px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 360px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 360px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 360px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 360px;
		float: right;
	}

	.newscol {
		width: 360px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 300px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_img img {
		width: 300px;
		height: auto;
	}

	.newscol_text {
		width: 360px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_text p.bodytext {
		width: 360px;
	}

}

@media screen and (min-width: 480px) and (max-width: 600px) {

	.news-img-wrap {
		width: 440px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;		
	}

	.news-img-wrap img {
		width: 440px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 440px;
		height: auto;
		float: none;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 440px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 440px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 440px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 440px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 440px;
		float: right;
	}

	.newscol {
		width: 440px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 300px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_img img {
		width: 300px;
		height: auto;
	}

	.newscol_text {
		width: 440px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_text p.bodytext {
		width: 440px;
	}

}

@media screen and (min-width: 600px) and (max-width: 640px) {

	.news-img-wrap {
		width: 560px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;		
	}

	.news-img-wrap img {
		width: 560px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 560px;
		height: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 560px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 560px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 560px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 560px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 560px;
		float: right;
	}

	.newscol {
		width: 560px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 300px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_img img {
		width: 300px;
		height: auto;
	}

	.newscol_text {
		width: 560px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_text p.bodytext {
		width: 560px;
	}

}

@media screen and (min-width: 640px) and (max-width: 768px) {

	.news-img-wrap {
		width: 600px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;		
	}

	.news-img-wrap img {
		width: 500px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 500px;
		height: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 500px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 600px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 600px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 600px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 600px;
		float: right;
	}

	.newscol {
		width: 600px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 300px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_img img {
		width: 300px;
		height: auto;
	}

	.newscol_text {
		width: 600px;
		float: none;
		margin-bottom: 10px;
	}

	.newscol_text p.bodytext {
		width: 600px;
	}

}

@media screen and (min-width: 768px) and (max-width: 800px) {

	.news-img-wrap {
		width: 720px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;		
	}

	.news-img-wrap img {
		width: 500px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 500px;
		height: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 500px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 720px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 720px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 720px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 720px;
		float: right;
	}

	.newscol {
		width: 720px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 300px;
		float: left;
	}

	.newscol_img img {
		width: 300px;
		height: auto;
	}

	.newscol_text {
		width: 400px;
		float: right;
	}

	.newscol_text p.bodytext {
		width: 400px;
	}

}

@media screen and (min-width: 800px) and (max-width: 960px) {

	.news-img-wrap {
		width: 760px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;		
	}

	.news-img-wrap img {
		width: 500px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 500px;
		height: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 500px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 760px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 760px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 760px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 760px;
		float: right;
	}

	.newscol {
		width: 760px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 300px;
		float: left;
	}

	.newscol_img img {
		width: 300px;
		height: auto;
	}

	.newscol_text {
		width: 440px;
		float: right;
	}

	.newscol_text p.bodytext {
		width: 440px;
	}

}

@media screen and (min-width: 960px) and (max-width: 1024px) {

	.news-img-wrap {
		width: 920px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;		
	}

	.news-img-wrap img {
		width: 500px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 500px;
		height: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 500px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 920px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 920px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 920px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 920px;
		float: right;
	}

	.newscol {
		width: 920px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 300px;
		float: left;
	}

	.newscol_img img {
		width: 300px;
		height: auto;
	}

	.newscol_text {
		width: 600px;
		float: right;
	}

	.newscol_text p.bodytext {
		width: 600px;
	}

}

@media screen and (min-width: 1024px) and (max-width: 1280px) {

	.news-img-wrap {
		width: 980px;
		height: auto;
		clear: both;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.news-img-wrap img {
		width: 235px;
		width: 500px;
		height: auto;
		margin: 0px;
		padding: 0px;
	}

	.news-img-wrap .outer {
		width: 500px;
		height: auto;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	
	.news-img-wrap .outer img {
		width: 500px;
		height: auto;
		float: left;
	}

	.news-related-wrap {
		width: 980px;
		height: auto;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view, .news-list-view .article, .news-list-view .teaser-text, .news-list-view .teaser-link, .news-list-view .header {
		width: 980px;
	}

	.news-list-view p.bodytext, .news-list-view p.bodytext a, .news-list-view p.bodytext a:link, .news-list-view p.bodytext a:visited, .news-list-view p.bodytext a:hover {
		width: 980px;
		font-size: 9pt;		
	}

	.news-list-date {
		display: none;
	}
	
	.news-single h3 {
		width: 980px;
		float: right;
	}

	.newscol {
		width: 980px;
		float: none;
		margin-bottom: 10px;
	}
	
	.newscol_img {
		width: 300px;
		float: left;
	}

	.newscol_img img {
		width: 300px;
		height: auto;
	}

	.newscol_text {
		width: 660px;
		float: right;
	}

	.newscol_text p.bodytext {
		width: 660px;
	}

}

@media screen and (min-width: 1280px) {

	.news-img-wrap {
		width: 1240px;
		height: auto;
		clear: both;
		overflow: hidden;
	}

	.news-single .news-img-wrap img {
		width: 500px;
		height: 100%;
	}

	.news-list-view {
		width: 1240px;
	}

	.news-list-view .article {
		width: 1240px;
		clear: both;
		overflow: hidden;
	}
	
	.news-list-view h3 {
		width: 1240px;
	}
	
	.news-single .news-list-date {
		width: 100px;
		float: left;
	}

	.news-single h3 {
		width: 1240px;
	}
	
	.mediaelement-image img {
		height: 420px;
	}

	.mediaelement-image img {
		max-height: 420px;
	}


}