@charset "UTF-8";
/* LOAD FONTS for HEADLINES, MENUS */
/* http://www.fontsquirrel.com/fonts/Quicksand */
@font-face {
    font-family: 'QuicksandLight';
    src: url('quicksand/Quicksand_Light.otf');
    font-weight: bold;
    font-style: normal;
}
.chapter{
	z-index:16;
	position:relative;
	float:left;
	width: 930px;
	background: rgba(255, 255, 255, 0.0); 
	margin:0px 0px 0px 0px;
}

.chapter_font{
	position:relative;
	left:0px;
	right:0px;
	top: 30%;
	margin:0px auto;
	max-width: 930px;
	float:center;
}

.chapter_font h2{
	position:relative;
	z-index:17;
	letter-spacing:-3px;
	text-transform: uppercase;
	color:#ffffff;
	font-size: 70px;
	/*font-family:'QuicksandLight','Muli','Droid Sans','arial';*/
	font-family:'Fjalla One','Muli','Droid Sans','arial',sans-serif;
	text-align:center; 
	/*text-shadow: 0px 0px 100px rgba(0, 0, 0, 0.8); */
    text-shadow: 0 0 0.5em #000000, 0 0 0.5em #000000, 0 0 0.5em #000000;
	margin-bottom:0px;
}
.chapter_font p{
	position:relative;
	top:0px;
	z-index:17;
	letter-spacing:0em;
	text-transform: uppercase;
	font-weight: bold;
	color:#ffffff;
	font-size: 14px;
	font-family:'Muli','Droid Sans','arial';
	text-align:center; 
	margin:10px 0px 0px 0px;
    text-shadow: 0 0 0.5em #000000, 0 0 0.5em #000000, 0 0 0.5em #000000; 
	/*white-space: nowrap;*/
	
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url( 'bindings.xml#ellipsis' );
}
.chapter_font a{
	font-weight:bold;
	z-index:18;
	text-decoration:none;
	cursor:pointer;
	color: white;
	border:1px solid gray;
	border-top:1px solid gray;
	margin:0px 0px 0px 0px;
	font-size: 14px;
	
	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 */
}
.chapter_font a:visited{
	font-weight:bolder;
	text-decoration:none;
	color: white;
}
.chapter_font a:hover{
	font-weight:bolder;
	text-decoration:none;
	color: white;
	font-size: 14px;
	background-color: grey;
	border:1px solid black;
}
.chapter_leerzeile{
	z-index:16;
	position:relative;
	float:left;
	width: 960px;
	/*height: 700px;*/
	background: rgba(255, 255, 255, 0.0); 
	margin:0px 0px 10px 0px;
}

@media only screen and (max-width: 1600px) 
{
	.chapter 
	{
		width: 930px;		
	}	
	.chapter_leerzeile 
	{
		width: 930px;		
	}
}
@media only screen and (max-width: 1280px) 
{
	.chapter
	{
		width: 930px;			
	}
	.chapter_leerzeile 
	{
		width: 930px;			
	}
}
@media only screen and (max-width: 1000px)
{
	.chapter 
	{
		width: 620px;		
	}
	.chapter_leerzeile 
	{
		width: 620px;		
	}
}
@media only screen and (max-width: 1000px) and (orientation : landscape)
{
	.chapter 
	{
		width: 520px;		
	}
	.chapter_leerzeile 
	{
		width: 520px;	
	}
	.chapter_font 
	{
		width: 520px;		
	}
	.chapter_font h2
	{
		font-size: 30px;	
	}
}
@media only screen and (max-width: 480px)
{
	.chapter 
	{
		width: 280px;		
	}
	.chapter_leerzeile 
	{
		width: 280px;		
	}
	.chapter_font 
	{
		width: 280px;		
	}
	.chapter_font h2
	{
		font-size: 30px;	
	}
}