body
{
    margin: 0px;
    padding: 0px;

	background-color: #000000;
	float:left;
}
#allContent{
	background: no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.colored_topline_large_bild{
z-index:16;
position:relative;
float:left;
width: 920px;
height: 5px;
background-color:#cbf60a;
/*background: rgba(46, 46, 46, 1); */
}
.content_bg{
z-index:16;
position:absolute;
float:left;
width: 1000px;
min-height: 100%;
background: rgba(255, 255, 255, 0.8);
margin:0px 0px 0px 0px;
/*border:1px solid #2e2e2e;*/

}
.content{
z-index:17;
position:relative;
float:left;
width: 100%;
/*height: auto;*/
margin:0px 10px 20% 10px;
/*border-right:1px solid black;*/
}
.content h1{
	position:relative;
	top:80px;
	left:0px;
	float:left;
	letter-spacing:0px;
	/*text-transform: uppercase;*/
	font-weight: normal;
	color:#2e2e2e;
	font-size: 35px;
	font-family:'Metrophobic';
	margin:0px 1% 40px 1%;
	margin-bottom: 40px;
	width:98%;
	
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.content h3{
	font-weight: normal;
	color:#2e2e2e;
	font-size: 22px;
	font-family:'Metrophobic';
	
	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.content p{
	position:relative;
	float:left;
	width:97%;/*890px;*/
	font-family: 'Metrophobic';
	font-size: 14px;
	text-decoration:none;
	line-height: auto;/*18px*/
	height:auto;
	/*letter-spacing: 0.5px;*/
	color:#2e2e2e;
	Left: 0px;
	margin:0px 1% 0px 1%;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	/*white-space: nowrap;*/
	top: 10px;

	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
.content span{
	margin:10px 20px 10px 10px;
	position:relative;
	/*top: 40px;*/
	/*Left: 0px;*/
	/*width:98%;*/
	float:left;		
	text-align:left;
	line-height: auto;
	font-family: 'Metrophobic';
	font-size: 14px;
	text-decoration:none;
	/*letter-spacing: 0.5px;*/
	z-index:30;
	width:96%;

	/* hyphens */
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 	
}
.Bildcontainer{
	position:relative;
	width:47%;
	/*height: 294px;*/
	height:215px;
	overflow:hidden;
	float:left;
	margin:1% 1% 1% 1%;	
}
.content img{
	/*margin-right:10px;*/	
	margin-bottom:10px;
	top:-20%;
	position:relative;
	float:left;
	width: 100%;
	height: auto;
	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_datum{
	position:relative;
	font-family: 'Metrophobic';
	font-size: 14px;
	text-decoration:none;
	line-height: auto;
	height:10px;
	/*letter-spacing: 0.5px;*/
	color:#2e2e2e;
	right: 0px;
	margin:0px 5px 0px 5px;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	border:none;
	top: 0px;
	text-align:right;
}
#schliesser
{
	/*background: rgba(255, 255, 255, 0.7);*/ 	
	/*background-color:white;*/
    background-image:url('../bilder/schliesser.png');
    background-repeat: no-repeat;
	width:80px;
	height:80px;
	position:fixed;
	right:0px;
	top:0px;
	z-index:50;
	opacity:0.8;
	cursor:pointer;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -khtml-border-top-left-radius: 40px;
    -khtml-border-top-right-radius: 40px;
    -khtml-border-bottom-left-radius: 40px;
    -khtml-border-bottom-right-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-topright: 40px;
    -moz-border-radius-bottomleft: 40px;
    -moz-border-radius-bottomright: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
	
	transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.6s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.6s ease-in-out; /* Opera */
}
#schliesser:hover
{
	/*background: rgba(203, 246, 10, 0.7);*/ 
	opacity:1.0;
}
/*
#schliesser
{
	position:fixed;
	top:-5px;
	right:-2px;
	cursor:pointer;
	z-index:51;
	margin:20px 25px 25px 25px;
	font-family: 'Orbitron', 'arial', sans-serif;	
	font-size: 40px;
	display:none;
}
*/
#schliesser_galerie
{
	z-index:250000;
    background-image:url('../bilder/schliesser.png');
    background-repeat: no-repeat;
	width:80px;
	height:80px;
	position:fixed;
	right:0px;
	top:0px;
	opacity:0.8;
	cursor:pointer;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-top-right-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;
    -khtml-border-top-left-radius: 40px;
    -khtml-border-top-right-radius: 40px;
    -khtml-border-bottom-left-radius: 40px;
    -khtml-border-bottom-right-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-topright: 40px;
    -moz-border-radius-bottomleft: 40px;
    -moz-border-radius-bottomright: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
	
	transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.6s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.6s ease-in-out; /* Opera */
}
#schliesser_galerie:hover
{
	opacity:1.0;
}

/*##########################################
Navigationspfeile
##########################################*/
#rightButton
{
    position:fixed;
	bottom:40%;
    right:50px;
    z-index:14000;
	display:block;

}
#rightButton a
{
    position:fixed;
	width:50px;
    height:55px;
    background-image:url('../bilder/aufwaerts.png');
    background-repeat: no-repeat;
    display:block;
	opacity:0.8;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	cursor:pointer;
	
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
	
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.4s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.4s ease-in-out; /* Opera */
}
#rightButton a:hover
{
    /*background-image:url('../bilder/aufwaerts_hover.png');*/
	opacity:1.0;
}
#leftButton
{
    position:fixed;
	bottom:40%;
    left:0px;
    z-index:13000;
	display:none;

}
#leftButton a
{
    position:fixed;
    width:50px;
    height:55px;
    background-image:url('../bilder/abwaerts.png');
    background-repeat: no-repeat;
    display:block;
	opacity:0.8;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	cursor:pointer;
	
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -khtml-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
	
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out; /* Firefox 4 */
	-webkit-transition: all 0.4s ease-in-out; /* Safari and Chrome */
	-o-transition: all 0.4s ease-in-out; /* Opera */
}
#leftButton a:hover
{
    /*background-image:url('../bilder/abwaerts_hover.png');*/
	opacity:1.0;
}
/*##########################################
 Contentelemente
##########################################*/
#contentWrapper
{	
	position:fixed;
	z-index:10000;
	overflow:hidden;
	background-color:black;
}
.contentItem
{		
	z-index:4;
	position: absolute;
	background-color:black;
}
.EmbeddedSlideshow
{
	opacity:0.0;
	filter: alpha(opacity = 0);/*Internet Explorer*/	
	display:none;
}
.bg 
{
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	display:none;
}	
/*##########################################
Einblendungen als Bildbeschriftungen
##########################################*/
.texthintergrund
{
	opacity:0.7;
	filter: alpha(opacity = 70);/*Internet Explorer*/	
	float:left;
	position: absolute; 
	bottom:0px;
    left:0px;
	width:100%;

	height:150px;
	color: black; 
	display: block;
	background-color: black;
	border:none;
}
.scroll-pane
{
	/*width:100%;*/
	overflow: auto;
	border:none;	
	height:110px;
}
#paneKapitel
{	
	height:290px;
}
.textdiv 
{ 	
	position: absolute; 
	bottom:40px;
	
	float:center;
    /*left:0px;*/
	width:100%;

	height:110px;
	display: block;
	border:none;
	text-align:left;
	
	margin: 3px 0px 0px 10px;
}
.textdiv  p
{	
	position:relative;
	font-family: 'arial';
	font-size: 12px;
	text-decoration:none;
	line-height: 18px;
	letter-spacing: 0.5px;
	color: #e8e3db;
	margin:0px 40px 0px 0px;
	border:none;
}
.textdiv a
{
	text-decoration:none;
	color: #373936;
	border:none;
}
.textdiv a:visited
{
	text-decoration:none;
	color: #373936;
	border:none;
}
.textdiv a:hover
{
	text-decoration:none;
	color: #cbf60a;
	border:none;
}
.textdiv h1
{
	text-align:left;
	font-size: 19px;
	position:relative;
	top:10px;
	color:white;
	font-weight:normal;
	font-family:'Droid Sans','arial';
	margin:0px 20px 20px 0px;
}
.textdiv h2
{
	position:relative;
	font-family: 'arial';
	font-size: 17px;
	text-decoration:none;
	letter-spacing: 0.5px;
	font-weight:normal;
	top:0px;
	color:#6e7275;
	margin:0px 20px 40px 20px;
}
.textdiv table
{
	position:relative;
	top:0px;
	left:0px;
}
.textdiv td
{
	position:relative;
	top:0px;
	vertical-align:top;
	width:50%;
}
.thumb_bgimg
{
	cursor:pointer;

}
@media only screen and (max-width: 1000px)
{
	.colored_topline_large_bild 
	{
		width: 610px;	
	}	
	.content_bg 
	{
		width: 625px;
	}	
	.content 
	{
		width: 610px;
	}	
	.content p
	{
		width:580px;		
	}	
	.content span
	{
		width:580px;		
	}
	.Bildcontainer{
		width:47%;
		height: 179px;
		/*margin-bottom:1%;*/
	}
	#schliesser
	{
		background-image:url('../bilder/schliesser_klein.png');			
		width:50px;
		height:50px;
	}
	#schliesser_galerie
	{
		background-image:url('../bilder/schliesser_klein.png');			
		width:50px;
		height:50px;
	}
	.article_datum{
		left: 0px;
		text-align:left;
	}
}
@media only screen and (max-width: 1000px) and (orientation : portrait)
{
	.bg
	{
		opacity:0.0;
	}
	.article_datum{
		left: 0px;
		text-align:left;
	}
	.Bildcontainer{
		width:47%;
		height: 179px;
		/*margin-bottom:1%;*/
	}
	.content span
	{
		width:580px;		
	}
}
/*
@media only screen and (max-width: 1000px) and (orientation : landscape)
{
	.colored_topline_large_bild 
	{
		width: 515px;	
	}	
	.content_bg{
		width: 520px;	
	}	
	.content 
	{
		width: 515px;	
	}	
	.content p
	{
		width:500px;		
	}	
	.content span
	{
		width:500px;		
	}	
	.Bildcontainer{
		width:46%;
		height: 148px;
		margin-bottom:1%;
	}	
	#rightButton
	{
		bottom:70%;
	}
	#leftButton
	{
		bottom:70%;
	}
	.texthintergrund
	{
		height:100px;
	}
	.scroll-pane
	{
		height:60px;
	}
	.textdiv 
	{ 	
		height:60px;
	}
	.textdiv  p
	{	
		font-size: 8px;
		line-height: 10px;
	}
	.textdiv h1
	{
		font-size: 10px;
		margin-bottom:15px;
	}
	.article_datum{
		left: 0px;
		text-align:left;
	}
}*/
@media only screen and (max-width: 480px)
{
	.colored_topline_large_bild 
	{
		width: 275px;	
	}	
	.content_bg{
		width: 280px;
	}	
	.content 
	{
		width: 275px;
	}
	.Bildcontainer{
		width:91%;
		height: 156px;
		margin-bottom:5%;
	}
	.content img{
		width: 100%;
		height: auto;
	}
	.content p
	{
		width:260px;		
	}	
	.content span
	{
		width:250px;		
	}
	#rightButton
	{
		bottom:70%;
	}
	#leftButton
	{
		bottom:70%;
	}
	.texthintergrund
	{
		height:100px;
	}
	.scroll-pane
	{
		height:60px;
	}
	.textdiv 
	{ 	
		height:60px;
	}
	.textdiv  p
	{	
		font-size: 8px;
		line-height: 10px;
	}
	.textdiv h1
	{
		font-size: 10px;
		margin-bottom:15px;
	}
	.article_datum{
		left: 0px;
		text-align:left;
	}
}