/* CSS Document Xbox Aktuell 5.0 */

/* # # # # # # # # # # STARTSEITE # # # # # # # # # # */

.top_start {
	position: relative;
	margin-top: 20px; }

.top_img {
	position: relative; }

.top_img img {
	width: 100%; }

.top_title {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 10% 1% 1% 1%;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background-image: linear-gradient(transparent, #586C3A); }

.top_subtitle {
	margin: 5px 0 0 0 ;
	font-size: 1.08em;
	font-weight: normal;
	color: #464646; }

.top_date {
	margin: 0;
	font-size: 0.8em;
	color: #586C3A; }

.top_text {
	margin: 0; }

.top_start:hover {
	background: #F0F0F0; }

.top_start:hover img {
	filter: brightness(.75);
	-webkit-filter: brightness(.75); }

.top_start_link {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%; }

.top_start_link a {
	display: block;
	width: 100%;
	height: 100%; }

/* # # # # # */

.newmedia {
	margin-top: 1em;
	padding: 10px;
	background: #F0F0F0; }

/* # # # # # */

.video_start {
	position: relative; }

.video_img {
	position: relative;
	width: 100%; }

.video_img img {
	width: 100%; }

.video_img p {
	position: absolute;
	top: 50%;
	width: 100%;
	margin: -1.5em 0 0 0;
	text-align: center; }

.video_img i {
	width: 2em;
	height: 1.5em;
	line-height: 1.5em;
	background-color:rgba(0, 0, 0, 0.5);
	text-align: center;
	color: rgba(255, 255, 255, 0.5); }

.video_title {
	margin: 0 0 0 0;
	padding-top: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #586C3A; }

.video_subtitle {
	margin: 0;
	font-size: 1em;
	font-weight: normal;
	color: #464646; }

.video_start:hover {
	background: #BFBFBF; }

.video_start:hover i {
	background-color:rgba(0, 0, 0, 0.75);
	color: rgba(255, 255, 255, 0.75); }

.video_start:hover .video_subtitle {
	color: #FFFFFF; }

.video_start_link {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%; }

.video_start_link a {
	display: block;
	width: 100%;
	height: 100%; }

/* # # # # # */

.gallery_start {
	position: relative; }

.gallery_start_img img {
	width: 100%; }

.gallery_title {
	margin: 5px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #586C3A; }

.screenshot_button {
	position: absolute;
	top: 5px;
	left: 5px;
	margin: 0; }

.screenshot_button i {
	width: 2em;
	height: 1.5em;
	line-height: 1.5em;
	background-color:rgba(0, 0, 0, 0.5);
	text-align: center;
	color: rgba(255, 255, 255, 0.5); }

.gallery_start:hover {
	background: #BFBFBF; }

.gallery_start:hover p i {
	background-color:rgba(0, 0, 0, 0.75);
	color: rgba(255, 255, 255, 0.75); }

.gallery_start_link {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%; }

.gallery_start_link a {
	display: block;
	width: 100%;
	height: 100%; }

/* # # # # # */

.kalender {
	position: relative; }

.kalender_img {
	position: relative; }

.kalender_img img {
	width: 100%; }

.kalender_title {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 10% 1% 1% 1%;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
	background-image: linear-gradient(transparent, #586C3A); }

.kalender_text {
	margin: 5px 0 0 0; }

.kalender:hover {
	background: #F0F0F0; }

.kalender:hover img {
	filter: brightness(.75);
	-webkit-filter: brightness(.75); }

.kalender_link {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%; }

.kalender_link a {
	display: block;
	width: 100%;
	height: 100%; }

/* # # # # # */

.news_start {
	position: relative; }

h1, h2, h3, h4, h5, h6, .h1 {
	margin: 20px 0 0 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #586C3A; }

.h1 span {
	font-size: 0.9em;
	font-weight: normal;
	color: #464646; }

.h2 {
	margin: 0;
	font-size: 0.8em;
	color: #586C3A; }

.news_start b {
	font-weight: normal; }

.h2 span {
	padding: 0 0.75em;
	color: #FFFFFF;
	background: #586C3A;
	border: none; 
	border-radius: 0.75em;
	font-size: 0.9em; }

hr {
	margin: 15px 0;
	height: 1px; 
	background: #464646;
	border: 0; }

.news_start:hover {
	background: #F0F0F0; }

.news_start_link {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%; }

.news_start_link a {
	display: block;
	width: 100%;
	height: 100%; }

.vorteile {
	margin-top: 20px;
	padding: 10px;
	background: #586C3A;
	color: #FFFFFF;
	font-size: 0.8em; }

/* # # # # # */

.article_start {
	position: relative;
	margin-top: 20px; }

.article_img {
	position: relative; }

.article_img img {
	width: 100%; }

.article_title {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin: 0;
	padding: 10% 1% 1% 1%;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	background-image: linear-gradient(transparent, #586C3A); }

.article_cat {
	margin: 0;
	font-size: 0.8em; }

.article_start:hover {
	background: #F0F0F0; }

.article_start:hover img {
	filter: brightness(.75);
	-webkit-filter: brightness(.75); }

.article_start_link {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%; }

.article_start_link a {
	display: block;
	width: 100%;
	height: 100%; }

/* # # # # # */

#rectangle, #rectangle2 {
	width: 100%;
	text-align: center; }