body{
	color:#D98A14;
	font-family: 'Harmattan', sans-serif;
	background-image:url(/img/sternenhimmel.jpg);
	background-size:100% auto;
	background-repeat:repeat-y;
	background-attachment:fixed;
	font-size:1em;
}

h1 {
	font-size:1.8em;
	font-family: 'IM Fell English SC', serif;
}

h2 {
	font-size:1.6em;
	font-family: 'IM Fell English SC', serif;
}

h3 {
	font-size:1.8em;
	font-family: 'IM Fell English SC', serif;
}

h4{
	font-size:1.4em;
	font-family: 'IM Fell English SC', serif;
}

h5 {
	font-size:1.4em;
}


p{
	font-size:1.4em;
	line-height:1.3em;
}

a{
	color:#D98A14;
	
}

.smallfont{
	font-size:1em;
}

.blocktext{
	text-align:justify;
}

.textleft{
	text-align:left;
}

.textbg{
	background-color:#FFF;
	padding:5px;
}

#wrapper{
	width:100%;


}

#header{
	width:100%;
	background-color:#000;
	background-image:url(/img/header.png);
	background-position:bottom center;
	background-size:100% auto;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
	height:240px;
}

#mainnav{
	width:100%;
	background-color:#000;
	height:50px;
	margin:0px;
	padding:0px;
	z-index:2;
}

.dv2-abs{
	position:absolute;
	top:200px;

}

.dv2-rel{
	position:relative;
	top:0px;
}



#autorthumb{
	width:200px;
	height:200px;
	border-radius:50%;
	border: 0px solid #C3A363;
	z-index:5;
	position:absolute;
	float:left;
	margin:0px 5px;
	background-image:url(/img/peter.jpg);
	background-position:center center;
	background-size:100% auto;
	background-repeat:no-repeat;
	-webkit-box-shadow: 6px 6px 10px -4px rgba(69,67,69,1);
	-moz-box-shadow: 6px 6px 10px -4px rgba(69,67,69,1);
	box-shadow: 6px 6px 10px -4px rgba(69,67,69,1);
}

#socialbox{
	float:right;
	margin:5px;
}

#socialbox img{
	width:40px;
	height:auto;
}

#mobilnav{
	display:none;
}

#mobilnavbox{
	display:none;
	width:95%;
	height:100%;
	background-color:#000;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 6;
	opacity: .9;
	padding:10px;
	
}

#mobilnavbox li{
	list-style-type: none;
	font-size:1.4em;
	width:95%;
	border-bottom:1px solid #737373;
	margin:5px 10px;
	padding:5px 10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-family: 'Fredericka the Great', cursive;
	line-height:2em;
}

#mobilnavbox li a{
	text-decoration:none;
	width:95%;
}

nav{
	float:right;
	margin:0px 20px;
	display:block;
	font-family: 'Fredericka the Great', cursive;
	font-size:1.1em;
		
}

nav div ul{
	margin:0px;
	padding:0px;
}

nav div ul li{
	list-style:none;
	text-align:center;
	background-color:#000;
	font-weight:normal;
	font-size:1em;
	margin:4px 5px;
	text-transform: uppercase;
	letter-spacing:0.04em;
	border-radius:5px;
	padding:5px 5px;
	position: relative;
	display: block;
	float:left;
}

nav div ul li:hover{
	background-color:#000;
	color:#FFF;

}

nav div ul li a{
	text-decoration:none;
	color:#d98a14;
}

nav div ul li a img{
	margin-top:3px;
	width:15px;
	height:auto;
}

nav div ul li:hover a{
	color:#C6C6C5;
}

@media screen and (max-width: 800px) {
	#mobilnav{
		display:block;
		float:right;
		margin-right:30px;
		margin-top:5px;
	}
	
	#mobilnav img{
		width:30px;
		height:auto;
	}
	

	
	nav div{
		display:none;
	}
	
	#mobnavclose{
		background-image:url(/img/close.png);
		background-size:100% auto;
		width:30px;
		height:30px;
		float:right;
		margin:10px 20px;
	}
	
	
	
	#header{
		height:100px;
	}
	
	#autorthumb{
		width:120px;
		height:120px;
	}
	
	.content{
		padding-top:120px;
	}
	
	
	
	#socialbox img{
		width:30px;
		height:auto;
	}
	
	.bookbox{
		width:100%; 
	}

}

@media screen and (min-width: 800px) {
	.bookbox{
		width:30%; 
	}
}

/* Content */

.content{
	margin:0px 0px 0px 0px;
	padding-top:80px;
	padding-bottom:20px;
	padding-left:20%;
	padding-right:20%;
	width:auto;
	min-height:400px;
	height:auto;
}

.contentwrapper{
	position:absolute;
	top:200px;
}

.blackbox{
	background-image:url(/img/sternderl.png);
	background-repeat:repeat-y;
	background-size:100% auto;
	
}

.blackbox p{
	color:#FFF;
}

.whitebox{
	background-color:#FFF;
}

.whitebox p{
	color:#000;
}



.bookbox{

	float:left;
	padding:0px 10px;
	margin:0px;
	min-height:500px;
	text-align:center;
}
.bookbox img{
	vertical-align: middle;
	display: block ;
	max-width:250px;
	height:auto;
	text-align:center;
	margin:auto;
}



.buchtexte p{

	text-indent: 1em; 
	margin: 0;

}



.klappentext p{

	text-indent: 0em; 
	margin: 9px;

}


#inside, #leseprobe, #inside2, #leseprobe2, #inside3, #leseprobe3{
	display:none;
	
}

#inside p, #leseprobe p, #inside2 p, #leseprobe2 p, #inside3 p, #leseprobe3 p{
	font-size:0.9em;
}