body {
	margin: 0;
	padding: 0;
	background-color: #eee;
	color: #4f4f4f;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	text-align:justify;
}	

div {
margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}	
header, footer, section, aside, nav, article { 
	display: block;	
	margin: 0;
	padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#container {    
    max-width:1200px;
	min-width:900px;
	margin:0px auto 10px auto;	
	background-color:#fff;
	border-bottom: 5px solid #FE814B;
}



/*
Breites Layout mit drei Spalten
--------------
|     H      |
-------------
|  |      |  |
| N|  C   |A |
|  |      |  |
--------------
|     F      |
--------------
*/
header {
	min-height:50px;
	padding:5px;
	text-align:center;	
	background-color:#FE814B;
	color:#7F5307;	
}
	
nav {
	width:17%;
	float:left;
	margin-left:-100%;
	min-height:1000px;
	background-color:#fff;
	/* min-height:1px; */
	padding:5px;
	font-size:0.85rem;
}

section#content {
    width:66%;
    height:100%;
	min-height:1000px;
	float:left;
    margin-left:17%;     
	padding:15px;
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
	background-color: #fff;	
}

/* navigation bar immer am unteren Ende */
div.minheight {
	min-height:1000px;
}

aside {
    width:17%;
    float:left;
	padding-top:10px;
    background-color:#fff;
	/* sonst klapp das Layout nicht */
    min-height:1px;
}

footer {
font-size:0.8rem;
text-align:center;
padding:20px;
clear: both;
}


/* Header */ 
header h1{
	margin: 0 0 5px;
	font-size:1.8rem;	
	font-weight: normal;
}

header h2{
	margin: 0 0 5px;
	font-size:1rem;	
	font-style:italic;
	font-weight: normal;
	letter-spacing: 0.5em;
	font-family: "Times New Roman";
}

/* Navigation */
nav a {display: block;padding: 2px 3px;}
nav a:link , a:link{color:#336699;cursor:pointer;}
nav a:visited , a:visited {color:#7F7F7F;}
nav a:hover , a:hover {color: #336699;background-color:#eee;}
nav a:active, a:active  {color:#336699;}

nav div.inhalt{border:1px solid #C0C0C0;padding-bottom:5px;margin-top:1em;}

nav .inhalt p{with:100%;text-align:left;margin:0em;padding:5px;color:#7F5307;text-align:justify;margin:0em;padding: 1px 2px 1px 2px;}
nav .inhalt p.title{margin:0em;background-color:#FE814B;color:#7F5307;font-weight:bold;}
nav .inhalt a.title{margin:0em;background-color:#FE814B;color:#7F5307;font-weight:bold;text-decoration: none;}
nav .inhalt .lev2 {padding-left:5px;}
nav .inhalt .lev3 {padding-left:10px;}
nav .inhalt .lev4 {padding-left:15px;}

nav .inhalt p.title, nav .inhalt a.title{background-color:#FE814B;color:#7F5307;} 
nav div.gowerb p.title {
    background-color: #f6f6f2;
    border-bottom: 1px solid #c0c0c0;
    color: #006699;
    font-weight: bold;
    margin: 0;
    padding: 2px;
}
/* Content */

div.banner {
	margin-bottom: 10px;
	background-size: cover;
}

.navigation {
margin-top:10px;
padding-top: 10px;
position: relative;
bottom: 0;
width: 100%;
clear: both;
border-top: 1px solid #EAE8E8;
}

.navigation img.h{
	width: 12px;
	height: 20px;
	border: none;
}

.navigation img.w{
	width: 20px;
	height: 12px;
	border: none;
}

.nbarleft {
	float: left;
	text-align: left;
	width:25%;
	min-height: 20px;
}
.nbarcenter {
	float: left;
	text-align: center;
	width:50%;
	min-height: 20px;
}
.nbarright {
	float: left;
	text-align: right;
	width:25%;
	min-height: 20px;
}

/* buch bild */
.buchblock  {margin:1em 1em 0em 1em;padding:0 1em 1em 1em;border: 1px solid #FE814B;-moz-border-radius: 6px;}
.buchblock h3 {border-bottom: 1px solid #FE814B;color:#7F5307; margin-bottom:5px; font-weight: bold;}
.buchblock p {font-size: 0.8em}
.buchblock p.author {color:#7F5307; font-size:0.8em; margin-top:2px;font-weight:bold;}
.buchbild {margin:0em 1em 1em 0em;float:left;}
p.klappentext {font-size: 0.8em}
p.klappentext em {font-style: normal;font-weight: bold;}
p.bestellen {font-size: 0.8em}
p.bestellen em {font-style: normal;font-weight: bold;}
p.buchkurz {font-size: 0.8em}
p.buchkurz em {font-style: normal;font-weight: bold;}
p.ausbuecher {font-size: 0.8em;font-style: italic;}
p.ausbuecher em {font-style: normal;font-weight: bold;}

.endbuch{clear:both;}

/* anzeige */ 
div.anzeige{
	font-size:7pt;
	color:#C0C0C0;
	text-align:left;
	margin-bottom:1px;}

.c160{
	width: 160px;
	margin:0 auto;
}

.c160x600 {
	height:600px; 
	width:160px;
}
.ad-footer-link {
	text-align: center;
    padding-bottom: 10px;
}

/*
Zweispaltige Ausgabe
--------------
|     H      |
-------------
|         | A|
|     C   |--|
|         | N|
--------------
|     F      |
--------------
*/
@media screen and (max-width: 1190px) {    
    section#content {
      width:75%;
      margin-left:0;
     }
    aside {
     width:25%;     
    }

    nav {        
      width:25%;
      margin-left:0;
    }
    
	/* nicht das ganze Menü anzeigen */
	.nosmall {
    	display: none;
    }

}

/*
Einspaltige Ausgabe, das ist die natürlich Reihenfolge in der Seite
--------------
|     H      |
--------------
|     C      |
--------------
|     A      |
--------------
|     N      |
--------------
|     F      |
--------------
*/
@media screen and (max-width: 760px) {    

	#container {    
		max-width:none;
		min-width:0px;
		width:100%;
	}
    section#content {
        width:100%;
    }
    aside {        
        width:100%; 
    }
    nav {
        width:100%;
    }
	
	header h1{
		font-size:1.2rem;	
	}

	header h2{
		font-size:0.8rem;	
	}
	nav a, nav .inhalt p {
		display: block;
		padding: 20px 5px 20px 5px;
	}
	
	/* Menü wieder anzeigen */
	.inhalt {
    	display: inline;
    }
	
	.c728 {
	width: 234px;
}

.c728x90 {
	height:60px; 
	width:234px;
}

.c160{
	width: 300px;
}

}