* {
margin: 0px;
padding: 0px;
border: 0px;
/*removes all browser defaults with margins, paddings and borders*/
} 


html {	overflow-y:scroll; height:100%; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px;}

body {	background-color:#dfdfdf;
		height:100%;
		color:#2f2f2f;}
		
a {color:#1588ee; text-decoration:none;}
a:hover {color: #ee8822;}

p { margin-bottom:15px;
	margin-top:10px;}

#main {	margin:auto;
		width:750px;
		background-color:#BFD4BF;
		min-height: 100%; /* Mindesthöhe in modernen Browsern */
		height: auto !important; /* !important-Regel für moderne Browser */
		height: 100%; /* Mindesthöhe in IE (<7) */
		position:relative;
		margin-top:0px;
		margin-bottom:0px;
		border-left:solid 1px #a0a0a0;
		border-right:solid 1px #a0a0a0;
}

/*Farben
Hellgrün: 		#afc8af
Dunkelgrün:		#8cad84

*/

#seiten {	margin:0px; padding:5px; padding-bottom:10px;}

#seiten a{color:#004b92;}
#seiten a:hover {color:#ee8822;}

#menue {	background-color:#fff; margin: auto;
			text-align:center;
			margin-top:0px;
			margin-bottom:0px;

			height:24px;
			background-image:url(bg_menue.png);
}

#menue a {display:block;}

#menue a:hover {color:#fff;}

#menue table {border-collapse:collapse;}

#menue td{	width:120px;
			height:24px;
			border:1px solid #d9d9d9;
			font-size:14px;
			font-variant:bold;
			border-top:none;
			border-bottom:none;
}

#menue td:hover {	background-color:#efd0d0;
					color: #fff;}

#picturebox {	float:left;
				min-height: 100%; /* Mindesthöhe in modernen Browsern */
				height: auto !important; /* !important-Regel für moderne Browser */
				height: 100%; /* Mindesthöhe in IE (<7) */
				
}


.booklist {	list-style:none;
			padding:5px;
}

li {margin-bottom:5px;}

#picturebox img {border:1px solid black;}
.buchbox {float:right; width:250px; height:220px; border:1px solid #0f0f0f; padding:5px; font-size:11px; background-color:#ecf3ec; color: #000}

.buchliste { border:1px solid #0f0f0f; padding:10px; font-size:11px; background-color:#ecf3ec; color: #000; margin:10px;}

#preis a {color:#004b92;}
#preis a:hover {color:#ff9934;}

.preis {	color:#970000;
		clear:right;}

#about {height:auto;
		float:right;
		text-align:justify;
		}

#sonderangebote {list-style:none;}

hr {color:#a0a0a0; background-color:#a0a0a0; height:1px; text-align:center; margin-bottom:-8px; margin-top:-10px; clear:both;}

#subcopy {
	
		clear: both;
		position: absolute;
		bottom: 0;
		width: 750px;
		height: 20px;
		background: #fff;
		border-top: 1px solid #b8b8b8;
		text-align:center;
}

#subcopy a:hover {color:#eee;}

strong {color:strong;}

h1,h2,h3,h4 {font-variant:small-caps; color:#000;}


h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:14px;}
h4 {font-size:12px;}


.wrapper {margin-bottom:20px; clear:both; text-align:justify;}

/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 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 */