.article_bg_kontakt{
z-index:16;
position:relative;
float:left;
width: 300px;
height: auto;
background: rgba(255, 255, 255, 0.8); 
margin:5px 5px 5px 5px;
}
.article_kontakt{
z-index:17;
position:relative;
float:left;
width: 300px;
height: 480px;
margin:10px 10px 10px 10px;
}
.article_kontakt 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_kontakt 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: 10px;
	width:270px;


	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_kontakt img{
	margin:5px 5px 5px 5px;	
	position:relative;
	top: 10px;
	width: 270px;
	height: 350px;
	border: 0;
	
	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_kontakt img:hover{
	opacity:0.8;
	cursor: pointer;
}
@media only screen and (max-width: 1000px) and (orientation : landscape)
{
	.article_bg_kontakt
	{
		width: 275px;
		height: auto;
		margin:5px 5px 5px 5px;
	}
	.article_kontakt
	{
		width: 275px;
		height: 500px;
		margin:5px 5px 5px 5px;
	}
	.article_kontakt img{
		margin:5px 5px 5px 5px;	
		position:relative;
		top: 10px;
		width: 255px;
		height: 350px;
		border: 0;
	
		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_kontakt img:hover{
		opacity:1.0;
	}
	.article_kontakt h1
	{
		font-size: 20px;
	}
}
@media only screen and (max-width: 480px)
{
	.article_kontakt p
	{
		width:255px;
	}	
	.article_kontakt img
	{
		width: 255px;
		height: auto;
	}
	.article_kontakt img:hover
	{
		opacity:1.0;
	}	
	.article_bg_kontakt
	{
		width: 275px;
		height: auto;
		margin:5px 5px 5px 5px;
	}
	.article_kontakt
	{
		width: 275px;
		height: 480px;
		margin:5px 5px 5px 5px;
	}
	.article_kontakt h1
	{
		font-size: 16px;
	}
}
/*
#####################################################################
################### Artikel backside ########################################
#####################################################################
*/
.article_kontakt_backside{
z-index:15;
position:relative;
top:0px;
left:0px;
float:left;
width: 280px;
height: auto;
margin:10px 10px 10px 10px;
opacity:0.0;
display:none;
}
.article_kontakt_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_kontakt_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: -45px;
	width:270px;


	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url( 'bindings.xml#ellipsis' );
	/* mit "bindings.xml#none" deaktivierbar*/		
}
.article_kontakt_backside_container {
	margin:5px 5px 5px 5px;	
	position:relative;
	top: 10px;
	width: 270px;
	height: auto;
}
.article_kontakt_backside_container span{
	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:0px 0px 0px 0px;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	border:none;
	top: 10px;
	width:270px;
}
#backside_teilen_functions_portrait_02{
	top:65px;
}
.scroll-pane-kachel_backside_kontakt
{
	width:100%;
	overflow: auto;
	border:none;
	height:auto;
	top:10px;
	/*overflow-y:hidden;*/
	overflow-x:hidden;
}
.iFrameKontaktformular{
	height:700px;
}
@media only screen and (max-width: 1000px) and (orientation : landscape)
{
	.article_kontakt_backside
	{
		width: 265px;
		height: auto;
		margin:0px 0px 0px 0px;
	}
	.article_kontakt_backside p
	{
		left:20px;
	}
	.article_kontakt_backside h1
	{
		font-size: 20px;
	}	
	.article_kontakt_backside_container
	{
		width:265px;
		height: auto;
		left:-20px;
	}
}
@media only screen and (max-width: 480px)
{
	.article_kontakt_backside p
	{
		width:260px;
		left:20px;
	}
	.article_kontakt_backside_container td
	{
		width:260px;
	}		
	.article_kontakt_backside
	{
		width: 265px;
		height: auto;
		margin:0px 0px 0px 0px;
	}	
	.article_kontakt_backside h1
	{
		font-size: 16px;
	}	
	.article_kontakt_backside_container
	{
		width:265px;
		height: auto;
		left:-20px;
	}
}