#back-to-top {
    position:fixed; /* Wichtig! */
    bottom:20px;
    right:20px;
    cursor:pointer;
    padding:10px;
	background: rgba(0, 0, 0, 0.4); 
    border-radius:5px;
    color:white;
	display:none;
	z-index:10000000;
	text-decoration:none;
	font-family:arial;
	font-size:40px;
	
	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 */
}
#back-to-top:hover {
	background: rgba(0, 0, 0, 0.8); 
    color:white;
}
#m { 
	position: fixed; 
	_position: absolute; 
	z-index:10000000;
}
.texthintergrundSeite
{
	z-index:6;
	opacity:0.0;
	filter: alpha(opacity = 0);/*Internet Explorer*/	
	position: absolute; 
	top:70px;
	bottom: 0px;
    left:0px;
    right:0px;

	min-width: 620px;
	max-width: 930px;
	min-height: 0px;
	max-height: 520px;
	
	color: white; 
	display: none;
	/*background-color: #e8e3db;*/
	background-color: #354646;
	box-shadow: 5px 5px 5px silver inset;	
	border:none;
    float:center;
	margin:5px auto;
	
    -webkit-border-top-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
	
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
	
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
	
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;

}
.scroll-pane
{
	
	/*width:100%;*/
	overflow: auto;
	border:none;
	height:100%;
}
.textdivSeite 
{ 
	z-index:15;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	position: relative; 
	top:200px;
	bottom: 0px;	
    left:0%;
    /*right:0%;*/
	

	/*min-width: 620px;
	max-width: 930px;	*/
	min-width: 300px;
	max-width: 1000px;
	min-height: 0px;
	max-height: 100%;


	display: block;
	border:none;
    float:left;
	margin:5px auto;
	background-color: white;
	/*text-align:justify;/*Blocksatz*/
	/*text-align:left;*/
	/*text-align:center;*/
}

.leer_bg_small{
z-index:16;
position:relative;
float:left;
width: 300px;
height: 500px;
background: rgba(255, 255, 255, 0.0); 
/*background-color:white;*/
margin:10px 10px 10px 10px;
}
.leer_bg_medium{
z-index:16;
position:relative;
float:left;
width: 620px;
height: 500px;
background: rgba(255, 255, 255, 0.0); 
margin:10px 10px 10px 10px;
}
.article_datum{
	position:relative;
	font-family: 'arial';
	font-size: 10px;
	text-decoration:none;
	line-height: 10px;
	height:10px;
	letter-spacing: 0.5px;
	color:black;
	right: 0px;
	margin:0px 5px 0px 5px;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	border:none;
	top: 0px;
	text-align:right;
}
.plus_button{
	position:float;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
	cursor:pointer;
	border:1px solid gray;
	/*background-color: grey;*/
/*	
	transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out; 
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;  */
}
.article_link a{
	font-weight:bolder;
	text-decoration:none;
	cursor:pointer;
	color: black;
	border:1px solid gray;
	
	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_link a:visited{
	font-weight:bolder;
	text-decoration:none;
	color: black;
}
.article_link a:hover{
	font-weight:bolder;
	text-decoration:none;
	color: white;
	font-size: 14px;
	background-color: grey;
	border:1px solid black;
}
.article_backside_link{
	font-weight:bolder;
	text-decoration:none;
	cursor:pointer;
	color: black;
	border:1px solid gray;
	
	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_backside_link:visited{
	font-weight:bolder;
	text-decoration:none;
	color: black;
}
.article_backside_link:hover{
	font-weight:bolder;
	text-decoration:none;
	color: white;
	font-size: 14px;
	background-color: grey;
	border:1px solid black;	
}
.article_backside_icon{
	margin:1px 1px 1px 5px;	
	position:relative;
	top: 10px;
	height:30px;
	width:30px;
	border:0px;/*Rahmen verlinkter Bilder im Internet Explorer*/
}
.article_backside_iconlink {
	cursor:pointer;

	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);
}
.article_backside_iconlink:visited{
	text-decoration:none;
}
.article_backside_iconlink:hover{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: none;
	filter: none;
	-webkit-filter: none;
}
.iFrameTeilenformular
{
	position:relative;
	width: 270px;
	height: 320px;
	background-color: white;
	opacity:0.0;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 1600px) 
{
	/*
	.textdivSeite 
	{
		min-width: 620px;
		max-width: 930px;		
		min-height: 0px;
		max-height: 100%;	
	}
	*/
}
@media only screen and (max-width: 1280px) 
{
	/*
	.textdivSeite 
	{
		min-width: 620px;
		max-width: 930px;	
		min-height: 0px;
		max-height: 100%;	
	}
	*/
}
@media only screen and (max-width: 1000px) 
{
	
	.textdivSeite 
	{
		min-width: 10%;
		max-width: 100%;
		min-height: 0px;
		max-height: 100%;	
	}
	
}
@media only screen and (max-width: 1000px) and (orientation : landscape)
{
	.iFrameTeilenformular
	{
		width: 255px;
	}	
	
	.textdivSeite 
	{
		min-width: 10%;
		max-width: 100%;	
	}
	
	.leer_bg_medium{
		width: 515px; 
		margin:5px 5px 5px 5px;
	}
}
@media only screen and (max-width: 480px)
{
	.iFrameTeilenformular
	{
		width: 255px;
	}	
	/*
	.textdivSeite 
	{
		min-width: 280px;
		max-width: 280px;	
		min-height: 0px;
		max-height: 100%;	
	}
	*/
	.leer_bg_medium{
		width: 275px; 
		margin:5px 5px 5px 5px;
	}
}