/*
CSS File fuer Portraitseite

Andreas Haefele, 10.10.2012

*/
.contentItem
{
	position: absolute;
	background-color: #2e2e2e;
}
.texthintergrund
{
	opacity:1.0;
	filter: alpha(opacity = 70);/*Internet Explorer*/	
	float:left;
	position: absolute; 
	top:710px;
    left:10%;
    right:300px;
	min-width: 300px;
	max-width: 500px;

	height:220px;
	color: black; 
	display: block;
	background-color: black;
	border:none;
	
    -webkit-border-top-left-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
	
    -webkit-border-bottom-left-radius: 20px;
    -khtml-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
}
.scroll-pane
{
	/*width:100%;*/
	overflow: auto;
	border:none;	
	height:200px;
}
#paneKapitel
{	
	height:290px;
}
.textdiv 
{ 

	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	position: absolute; 
	top:600px;
	
	float:left;
    left:10%;
    right:300px;
	min-width: 300px;
	max-width: 500px;	

	height:320px;
	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;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	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
{
	position:relative;
	top:10px;
	color:white;
	font-weight:normal;
	font-family:'Droid Sans','arial';
	margin:0px 20px 40px 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%;
}
.textdivKapitel 
{ 
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	position: absolute; 
	top:50%;
	bottom: 0px;	
    left:0px;
    right:0px;
	width: 500px;	
	height: 400px;
	display: block;
	border:none;
    float:center;
	margin:50px auto;
	/*text-align:justify;/*Blocksatz*/
	text-align:left;
}
.textdivKapitel  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;
	opacity:1.0;
	filter: alpha(opacity = 100);/*Internet Explorer*/	
	border:none;
}
.textdivKapitel h1
{
	position:relative;
	top:10px;
	color:white;
	font-weight:normal;
	font-family:'Droid Sans','arial';
	margin:0px 20px 40px 0px;
}
.closebtn
{
	position:absolute;
	right:10px;
	top:5px;
	width:20px;
	height:20px;
	cursor:pointer;
}
@media only screen and (max-width: 1000px)
{
	.texthintergrund
	{
		min-width: 300px;
		height:170px;
	}
	.scroll-pane
	{
		height:150px;
	}
	.textdiv 
	{ 
		min-width: 300px;
		height:270px;
	}
	.textdiv h1
	{
		font-size:20px;
	}
	
	.textdivKapitel 
	{ 
		top:10%;
		width: 250px;
		height: 200px;		
	}
	#paneKapitel
	{	
		height:200px;
	}
	.textdivKapitel  p
	{

	}
	.textdivKapitel h1
	{
		font-size:20px;
	}
}
@media only screen and (max-width: 480px)
{
	.texthintergrund
	{
		min-width: 250px;
	}
	.textdiv 
	{ 
		min-width: 250px;
	}
	.textdiv h1
	{
		font-size:20px;
	}
	
	.textdivKapitel 
	{ 
		top:30%;
		width: 250px;
		height: 200px;	
	}
	.textdivKapitel  p
	{

	}
	.textdivKapitel h1
	{
		font-size:20px;
	}
}