/* Layout */

html, body{
	margin:0px;
	padding:0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000000;
	height: 101%
} 

#seite{ 
 width:950px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color:#CCCCCC; 
} 

#kopf{
	position:relative;
	background-color:#000000;
	margin: 0;
	padding: 0px 0px;
} 

#wrapper-weiss{
	background-color:#FFF;
} 
 
#linkespalte{
	width:380px;
	float:left;
	position:relative;
	padding: 0px;
	margin: 0px;
	height: 100%;
 }
 
#linkespalte-weiss{
	width:380px;
	float:left;
	position:relative;
	padding: 0px;
	margin: 0px;
	height: 100%;
	background-color: #FFF;	
	}
 
#spalte1 {
 float: left; 
 display:inline; 
 position: relative; 
 width:380px; 
 padding: 0px;
 margin: 0px;
 }

#mitterechts{
 width:570px; 
 float:right; 
 position:relative; 
  }
 
#inhalt{
 float: left; 
 display:inline; 
 position: relative; 
 width:380px; 
 padding: 0px;
 margin: 0px;
 background-color: #FFFFFF;  
 }
 
#inhalt-s {
 float: left; 
 display:inline; 
 position: relative; 
 width:340px; 
 padding: 0px;
 margin: 0px;
 background-color: #FFFFFF;  
 }
 
#spalte2 {
 width:380px; 
 float:right; 
 position:relative; 
 padding: 0px;
 margin: 0px;
 } 

#rechtespalte{
width:190px;
float:right;
position:relative;
padding: 0px;
margin: 0px;
background-color: #CCC;
}

#hauptspalte{
width:760px;
float:left;
position:relative;
padding: 0px;
margin: 0px;
background-color: #FFF;
}
 
#fuss{
	background-color:#AAAAAA;
	clear:both;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	text-align: center;
	padding: 5px;
	font-size: 10.5px;
 } 
 
/* Float containers fix*/ 

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac */
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

/* Hauptmenü */

#hauptmenue{
	position:relative;
	background-color:#AAAAAA;
	border-top:1px solid #333333;
	border-bottom:1px solid #333333;
	padding: 0;
	margin: 0;
} 

#navlist
{
margin: 0;
padding: 5px 0px 5px 0px;
}

#navlist ul
{
margin: 0;
padding: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { 
padding: 5px 10px; 
letter-spacing: 2px
}

#navlist a:link, #navlist a:visited
{
color: #000000;
text-decoration: none;
}

#navlist a:hover
{
color: #FFFFFF;
background-color: #FA5000;
text-decoration: none;
}

/* Links */

a:link {
	color: #FF4500;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF4500;
}
a:hover {
	color: #FF4500;
}
a:active {
	text-decoration: none;
	color: #FF4500;
}
 
/* Überschriften */

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: normal;
letter-spacing: 2px;
word-spacing: 2px;
padding: 30px 20px 0px 20px;
margin: 0px;
border: 0px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
}


h4 {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 30px 20px 14px 20px;
	margin: 0px;
}

/* Einzelne Bereiche */

.buch {
 clear: both;
 padding: 0px 0px 20px 0px;
}

.bildlinks {
 float: left; 
 padding: 0px 10px 0px 0px;
}

#cover {
	text-align: center;
	padding: 30px 0px 0px 0px;
	margin: 0px;
}

#foto {
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 0px;
}

#daten {
	padding: 30px 20px 20px 20px;
	margin: 0px;
	font-size: 11px;
	line-height: 12px;
	text-align: center;
}

#text {
	padding: 30px 20px 60px 20px;
	margin: 0px;
	line-height: 18px;	
}

.text {
	padding: 30px 20px 0px 20px;
	margin: 0px;
	line-height: 18px;
}

.text-s {
	line-height: 18px;
	text-align: justify;
	padding: 30px 0 0 0;
	margin: 0px;
}

.schwarzerkasten {
	margin: 30px;
	line-height: 18px;
	background-color: #000;
	color: #FFF;
	padding: 30px;
}

	.schwarzerkasten h1 {
	padding: 0;	
	border: 0;
	margin: 0;
	}

	.schwarzerkasten img {
	border-color:#FFF;
	margin-left: 0px;
	}

.roterkasten {
	margin: 30px;
	line-height: 18px;
	background-color: #900;
	color: #FFF;
	padding: 25px 20px 25px 20px;
}

	.roterkasten h1 {
	padding: 0;	
	border: 0;
	margin: 0;
	}

	.roterkasten img {
	border-color:#FFF;
	margin-left: 0px;
	}

.neuerscheinungen {
padding: 20px 50px 30px 100px;
margin: 0;
clear: both;
}

.neuerscheinungen h1 {
padding: 20px 0px 0px 0px;
margin: 0;
}

.neuerscheinungen-text {
text-align: right;
line-height: 16px;
margin: 0px 0px 0px 0px;
width: 250px;
float:left;
}

.neuerscheinungen-bild {
margin: 0px 30px 10px 30px;
width: 70px;
float:left;
}

.neuerscheinungen-reihe {
margin: 0px 0px 0px 0px;
width: 220px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
letter-spacing: 2px;
word-spacing: 2px;
}


#text-b {
	padding: 30px 20px 0px 20px;
	margin: 0px;
	line-height: 18px;	
}
#autoren {
	padding: 30px 20px 0px 20px;
	margin: 0px;
	font-size: 11px;
	line-height: 12px;	
}

#textrechts {
	padding: 30px 20px 0px 20px;
	margin: 0px;
	font-size: 11px;
	line-height: 18px;	
}

#preis {
	padding: 30px 20px 8px 20px;
	font-size: 13px;
	margin: 0px;
}

#preis-b {
	padding: 8px 20px 8px 20px;
	font-size: 13px;
	margin: 0px;
}

#mwst {
	padding: 0px 20px 0px 20px;
	margin: 0px;
	font-size: 11px;
}

.ak-ul {
	padding: 0px 20px 20px 20px;
	margin: 0px;
	list-style-type: none;
	font-size: 11px;
	line-height: 12px;
}

.ak-li {
	padding: 0px 0px 12px 0px;
	margin: 0px;
}

.al-ul {
	padding: 0px 20px 20px 20px;
	margin: 0px;
	list-style-type: none;
	font-size: 11px;
	line-height: 3px;
}

.al-li {
	padding: 0px 0px 11px 0px;
	margin: 0px;
}
