.colored_topline_large{
z-index:16;
position:relative;
float:left;
width: 920px;
height: 0px;
background: rgba(255, 255, 255, 0.0); 
/*background: rgba(46, 46, 46, 1); */
}
.article_bg_large{
z-index:16;
position:relative;
float:left;
width: 920px;
height: 500px;
background: rgba(255, 255, 255, 0.8); 
margin:5px 5px 5px 5px;
/*border:1px solid #2e2e2e;*/
}
.article_large{
z-index:17;
position:relative;
float:left;
width: 920px;
height: 500px;
margin:10px 10px 10px 10px;
}
.article_large h1{
	position:relative;
	top:10px;
	left:5px;
	letter-spacing:0px;
	text-transform: uppercase;
	font-weight: normal;
	color:#2e2e2e;
	font-size: 18px;
	font-family:'Droid Sans','arial';
	margin:0px 0px 0px 0px;
	
/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.article_large p{
	position:relative;
	font-family: 'arial';
	font-size: 12px;
	text-decoration:none;
	line-height: 18px;
	height:18px;
	/*letter-spacing: 0.5px;*/
	color:black;
	
	/*Left: -310px;*/
	left:0px;
	
	margin:5px 5px 5px 5px;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	border:none;
	white-space: nowrap;
	
	/*top: 375px;*/
	top:-320px;
	
	width:890px;


	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url( 'bindings.xml#ellipsis' );
	/* mit "bindings.xml#none" deaktivierbar*/	
	
/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.article_large a{
	font-weight:bolder;
	text-decoration:none;
	cursor:pointer;
	color: black;
	border:1px solid black;
	
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.2s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.2s ease-in-out; /* Opera */
}
.article_large a:visited{
	font-weight:bolder;
	text-decoration:none;
	color: black;
}
.article_large a:hover{
	font-weight:bolder;
	text-decoration:none;
	color: white;
	font-size: 14px;
	background-color: grey;
	border:1px solid black;
}
.article_large img{
	margin:5px 5px 5px 5px;	
	position:relative;
	top: -345px;
	width: 580px;
	height: 350px;
	float:left;
	margin-left:315px;
	
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.3s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.3s ease-in-out; /* Opera */
}
.article_large img:hover{
	opacity:0.8;
	cursor: pointer;
}
.scroll-pane-kachel
{
	width:100%;
	overflow: auto;
	border:none;
	height:346px;
}
.textcontainer_large
{	
	margin:5px 5px 5px 5px;	
	position:relative;
	top: 10px;
	width: 300px;
	height: 346px;
	float:left;		
	text-align:left;
	font-family: 'arial';
	font-size: 12px;
	text-decoration:none;
	line-height: 18px;
	letter-spacing: 0.5px;
}
@media only screen and (max-width: 1000px)
{
	.colored_topline_large 
	{
		width: 610px;	
	}
	.article_bg_large
	{
		width: 610px;
		height: auto;	
	}
	.article_large 
	{
		width: 610px;
		height: auto;	
	}
	.article_large p
	{
		width: 580px;
		left:0px;
		top:-40px;
	}
	.article_large img
	{
		width: 580px;
		height: auto;
		top:10px;
		left:-310px;
		margin-bottom:80px;
	}
	.article_large img:hover{
		opacity:1.0;
	}
	.scroll-pane-kachel
	{
		width: 100%;
		height:auto;
	}	
	.textcontainer_large
	{	
		width: 580px;
		height: 220px;
	}
}
@media only screen and (max-width: 1000px) and (orientation : landscape)
{
	.colored_topline_large
	{
		width: 530px;	
	}
	.article_bg_large
	{
		width: 530px;
		height: auto;
		margin:5px 5px 5px 5px;
	}
	.article_large
	{
		width: 530px;
		height: auto;
		margin:5px 5px 5px 5px;
	}
	.article_large h1
	{
		font-size: 20px;
	}
	.article_large p
	{
		width:500px;
		top:-50px;
	}
	.article_large img
	{
		width: 510px;
		height: auto;
		top:10px;
		left:-310px;
		margin-bottom:80px;
	}
	.article_large img:hover
	{
		opacity:1.0;
	}	
	.scroll-pane-kachel
	{
		width: 100%;
		height:auto;
	}	
	.textcontainer_large
	{	
		width: 510px;
		height: 220px;
	}
}
@media only screen and (max-width: 480px)
{
	.colored_topline_large{
		width: 275px;	
	}
	.article_bg_large{
		width: 275px;
		height: auto;
		margin:5px 5px 5px 5px;
	}
	.article_large{
		width: 275px;
		height: auto;
		margin:5px 5px 5px 5px;
	}
	.article_large h1
	{
		font-size: 16px;
	}
	.article_large p
	{
		width:255px;
		top:-50px;
	}
	.article_large img
	{
		width: 255px;
		height: auto;
		top:10px;
		left:-310px;
		margin-bottom:80px;
	}
	.article_large img:hover
	{
		opacity:1.0;
	}	
	.scroll-pane-kachel
	{
		/*display:none;*/
		width: 245px;
		height:auto;
	}	
	.textcontainer_large
	{
		/*display:none;*/
		width: 245px;
		height:auto;
	}
}
/*
#####################################################################
################### Artikel backside ########################################
#####################################################################
*/
.article_large_backside{
z-index:15;
position:relative;
top:0px;
left:0px;
float:left;
width: 918px;
height: 500px;
opacity:0.0;
display:none;
background-color:white;
}

.article_large_backside h1{
	position:relative;
	top:10px;
	left:5px;
	letter-spacing:0px;
	text-transform: uppercase;
	font-weight: normal;
	color:#2e2e2e;
	font-size: 22px;
	font-family:'Droid Sans','arial';
	margin:0px 0px 0px 0px;
}
.article_large_backside p{
	position:relative;
	font-family: 'arial';
	font-size: 12px;
	text-decoration:none;
	line-height: 18px;
	height:18px;
	letter-spacing: 0.5px;
	color:black;
	Left: 0px;
	margin:5px 5px 5px 5px;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	border:none;
	white-space: nowrap;
	top: -316px;
	width:580px;


	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url( 'bindings.xml#ellipsis' );
	/* mit "bindings.xml#none" deaktivierbar*/	
}
.article_large_backside_container {
	margin:5px 5px 5px 5px;	
	position:relative;
	top: 10px;
	width: 895px;
	height: 290px;
}
.article_large_backside_container span{
	margin:5px 5px 5px 5px;	
	position:relative;
	top: 10px;
	width: 865px;
	height: 290px;
	float:left;		
	text-align:left;
	font-family: 'arial';
	font-size: 12px;
	text-decoration:none;
	line-height: 18px;
	letter-spacing: 0.5px;
	z-index:30;
}
.scroll-pane-kachel_backside
{
	width:100%;
	overflow: auto;
	border:none;
	height:310px;
	top:10px;
	/*overflow-y:hidden;*/
	overflow-x:hidden;
}
#backside_teilen_functions_large_01{
	top:10px;
}
#backside_teilen_functions_large_02{
	top:10px;
}
@media only screen and (max-width: 1000px)
{
	.article_large_backside
	{
		width: 608px;
		height: 495px;
	}
	.article_large_backside p
	{
		width: 580px;
		left:0px;
		top:0px;
	}
	.article_large_backside_container
	{
		width: 580px;
		left:0px;
		top:10px;
	}
	.article_large_backside_container span
	{
		width: 553px;
		left:0px;
		top:10px;
	}
}
@media only screen and (max-width: 1000px) and (orientation : landscape)
{
	.article_large_backside
	{
		width: 528px;
		height: 495px;
	}	
	.article_large_backside h1
	{
		font-size: 20px;
	}	
	.article_large_backside p
	{
		width:500px;
		left:0px;
		top:0px;
	}	
	.article_large_backside_container
	{
		width:500px;
		left:0px;
		top:10px;
	}	
	.article_large_backside_container span
	{
		width:473px;
		left:0px;
		top:10px;
	}
}
@media only screen and (max-width: 480px)
{
	.article_large_backside
	{
		width: 275px;
		height: 695px;
	}
	.article_large_backside h1
	{
		font-size: 16px;
	}
	.article_large_backside p
	{
		width:255px;
		top:40px;
	}
	.article_large_backside_container
	{
		width:245px;
		height:500px;
	}
	.article_large_backside_container span
	{
		width:245px;
	}
	.scroll-pane-kachel_backside
	{
		width:245px;
		height:500px;
	}
}