/*** ALLGEMEINE FORMATIERUNGEN ***/
html,
body {
	background-color: #fff;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0;
}



a {
	font-size: 13px;
	text-decoration: none;
	color: #B95D49;
	}

a:hover {
	text-decoration: underline;
	color: #B95D49;
	}


img {
	border: 0;
}


/* container
--------------------------------------------------------*/
#big_container {
	position: relative;
	width: 700px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg.jpg) repeat-y right;
	}

#big_container2 {
	position: relative;
	width: 700px;
	margin: 0 auto;
	padding: 0;
	}
	
	.konzept {
		position: absolute;
		right: 0;
		top: 68px;
		width: 114px;
		height: 18px;
		}
	
	/* header
	---------------------------------*/
	#header {
		margin: 0;
		padding: 20px 0 5px 32px;
		width: 600px;
		height: 68px;
		}

		.konzept a {
			display: block;
			width: 93px;
			height: 18px;
			background: url(../images/konzept.gif) no-repeat left top;
			padding: 0 0 0 20px;
			text-decoration: none;
		}		
		
		.konzept a:hover {
			display: block;
			width: 93px;
			height: 18px;
			background: url(../images/konzept_a.gif) no-repeat left top;
			padding: 0 0 0 20px;
			text-decoration: none;
		}


/* Content
--------------------------------------------------------*/
#content {
	float: right;
	width: 505px;
	margin: 0;
	padding: 0;
	background: url(../images/weinberg.jpg) no-repeat top;
	}


/* navigation
--------------------------------------------------------*/
#navbox {
	position: fixed;
	margin: 93px 0 0 0;
	padding: 0;
	}

#navi { 
	float: left;
	width: 170px;
	margin: 48px 0 0 0;
	padding: 0;
	}
		
	#navi li {
		list-style: none;
		line-height: 30px;
		}

	#navi li a {
		font-family: Georgia, "Times New Roman", Times, serif;
		text-transform: uppercase;
		font-size: 13px;
		color: #000;
		font-weight: bold;
		text-decoration: none;
		}

	#navi li a:hover {
		color: #CC9966;
	}

	#navi li a.current {
		color: #CC9966;
		}


.shop img {
	margin: 10px 0 0 0;
	padding: 0;
	}


.clear {clear: both;}



a.box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #C80308;
	text-decoration: none;
}

	
	#links {
		position:absolute;
		top:90px;
		left:230px;
	}
	
	#mitte {
		position: absolute;
		top: 90px;
		left: 347px;
	}
	
	#rechts {
		position: absolute;
		top: 90px;
		left: 673px;
	}
	
	


/* neues Buch
----------------------------------------*/
	#shaddow {
		background-color: #888;
		position: absolute;
		top: 243px;
		left: 338px;
		width: 175px; 
		height: 266px;
		z-index: 4;
	}
	
		#aktuelles_buch {
			position: absolute;
			top: 0;
			left: 0;
			width: 175px; 
			height: 269px;		
			z-index:5;
			}

		#neu {
			position: absolute;
			top: 520px;
			left: 350px;
			z-index: 5;
			text-align: center;
			}
	
		#inhalt {
			position: absolute;
			top: 584px;
			left: 444px;
			z-index: 7;
			}
	
			#inhalt a {
				text-decoration: none;
				padding: 0 0 0 22px;
				background: url(../images/dot_1.gif) no-repeat left center;
				}
	
			#inhalt a:hover {
				background: url(../images/dot_2.gif) no-repeat left center;
				}

			a.neu {
				text-align: center;
				color: #ff0000;
			}


/* submenu left
------------------------------------------------------------------*/
#exmenu {
	position: absolute;
	top: 544px;
	left: 196px;
	width: 109px;
	z-index: 7;
	}

	#exmenu h3 {
		margin: 16px 0 5px 0;
		padding: 0;
		font-size: 16px;
		line-height: 16px;
		color: #B0453D;
		}
	
	#exmenu a {
		display: block;
		height: 18px;
		line-height: 18px;
		background: url(../images/dot_1.gif) no-repeat left top;
		padding: 0 0 5px 22px;
		}
			
	#exmenu a:hover {
		text-decoration:none;
		background:url(../images/dot_2.gif) no-repeat left top;
		}


/* buecherliste
------------------------------------------------------------------*/
	#buecherliste {
		float: right;
		margin: 90px 64px 0 0;
		padding: 0;
		background-color: #fff;
		width: 108px;
		z-index: 7;
		}
*html #buecherliste {
		float: right;
		margin: 90px 31px 0 0;
		padding: 0;
		background-color: #fff;
		width: 108px;
		z-index: 7;
		}

	#buecherliste img {
		margin: 10px 10px 5px 10px;
		padding: 0;
		}

		a.inhalt_klein {
			text-transform: uppercase;
			text-decoration: none;
			font-size: 10px;
			line-height: 10px;
			margin: 0 0 0 36px;
			padding: 0 0 0 20px;
			color: #B0453D;
			background: url(../images/inhalt_klein.jpg) no-repeat left center;
			}
		
		a.inhalt_klein:hover {
			text-decoration: none;
			background: url(../images/inhalt_klein_a.jpg) no-repeat left center;
			}