/* CSS Document Buchhandlung  Walther König */

/* Konstrukt der Seite */

	/* Zeigt die vertikale Scrollbar im Firefox immer an. Auch, wenn es nichts zum Scrollen gibt */
html 
{
     overflow: -moz-scrollbars-vertical;
}

body
{
	margin: 0;
	padding: 0;
	
	font: 14px/14px Garamond, Georgia, "Times New Roman", Times, serif;
	color: #000;
}
	
/*** Container ***/
/* beinhaltet die komplette Seite und zentriert diese */
div#container
{
	position: relative;
	
	margin: 0 auto;
	padding: 0;
	width: 1007px;
}
/*** Head-Bereich ***/
/* Logo, Büchermarkt, Verlag und Sprache */
div#head
{
	position: relative;
	
	margin: 0;
	padding: 0;
	width: 1007px;
	height: 42px;
	
	background: url(images/hintergrund_head.gif) 0 0 repeat-x;
}


/*** Suche ***/
/* Suchfeld plus Erweiterte Suche */
div#suche
{
	position: relative;
	
	margin: 0;
	padding: 11px 0 0 17px;
	width: 1007px;
	height: 39px;
}
				
				
div#suche input.suchfeld 
{ 
	width: 197px; 
}

div#suche a 
{	
	margin: 0 0 0 10px;	
}


/*** Empfehlungen ***/
/* Navigation für Empfehlungen. Möglichkeiten:
   #empfehlungenNav und #empfehlungenNavAktiv (entscheidet, ob die horizontale Linie durchgezogen wird oder nur teilweise angezeigt wird)
	 Links können die Klasse .aktiv zugewiesen bekommen, wodurch ihr Reiter aktiv wird. */
div.empfehlungenNav, div.empfehlungenNavAktiv
{
	position: relative;
	clear: both;
	
	margin: 0;
	padding: 0 0 0 134px;
	width: 873px;
	height: 20px;
	
	line-height: 20px;
	color: #666;
	background: url(images/kontur_oben_1px.png) 0 19px; background-repeat: repeat-x;
}

div.empfehlungenNavAktiv 
{ 
	background: url(images/kontur_oben_1px.png) 0 19px; height: 20px; background-repeat: repeat-x;
}

div.empfehlungenNav ul, div.empfehlungenNavAktiv ul
{
	position: relative;
	
	margin: 0;
	padding: 0;
	
	list-style: none;
}

div.empfehlungenNav ul li, div.empfehlungenNavAktiv ul li
{
	display: inline;
	margin: 0;
	padding: 0;
}

div.empfehlungenNav ul li.headline, div.empfehlungenNavAktiv ul li.headline 
{ 
	background: none; 
	border: 0; 
}

div.empfehlungenNav ul li a, div.empfehlungenNavAktiv a, div.empfehlungenNav ul li a:hover, div.empfehlungenNavAktiv a:hover
{ 						
	margin: 0;
	padding: 2px 10px 2px 6px;
	height: 20px;
	background-color: Red;
						
	background: url(images/hintergrund_empfehlungenNav_hi.gif) right top no-repeat;
	border-left: 1px solid #9b9b9b;

	text-decoration: none; 
}

div.empfehlungenNav ul li a.aktiv, div.empfehlungenNavAktiv a.aktiv, div.empfehlungenNav ul li a.aktiv:hover, div.empfehlungenNavAktiv a.aktiv:hover 
{ 
	background: url(images/hintergrund_empfehlungenNav_over.gif) right top no-repeat;
}

/*** Navigation ***/
/* Navigation Kategorien. Möglichkeiten:
   Soll ein Navigationspunkt aufgeklappt dargestellt werden benötigt dieser die Klasse .aktiv
	 Das Sub-Navigationsmenü wird ebenfalls mit einer ul erstellt, welche im zugehörigen li des Subnavigationspunktes liegen muss. Beispiel:
			<li>
				<a class="aktiv" href="#">Fotografie</a>
				<ul class="sub">
					<li><a href="#">20. Jahrhundert</a></li>
				</ul
			</li>
		*/
#navigation
{
	position: relative;
	float: left;
	
	margin: 0;
	padding: 24px 0 0 17px;
	width: 205px;
}

#navigation ul
{
	position: relative;
	
	margin: 0;
	padding: 0;
	
	list-style: none;
}
						
#navigation ul.meta 
{ 
	margin: 20px 0 0 0; 
}
							
#navigation ul.meta a, #navigation ul.meta a:hover 
{ 
	color: #666; 
	background: none; 
	padding-left: 0; 
} 
								
#navigation ul.meta a:hover 
{
	text-decoration: underline;
}
						
#navigation ul.sub 
{ 
	margin: 0 0 2px 16px; 
}

#navigation ul li
{
	margin: 0 0 3px 0;
	padding: 0;
}

#navigation ul li a ,#navigation ul li a.aktiv, #navigation ul li a:hover, #navigation ul li a.aktiv:hover
{
	padding: 0 0 0 8px;

	color: #000;
	text-decoration: none;
	
	background: url(images/icon_navigation.gif) 2px 5px no-repeat;
}

#navigation ul li a.aktiv, #navigation ul li a.aktiv:hover 
{ 
	color: #cc0000; 
	background: url(images/icon_navigationAktiv.gif) 0 6px no-repeat; 
}

/*** Inhalt-Container ***/
/* Beinhaltet den Inhalt und die rehte Navigation (Warenkorb & Suchhistorie)*/
#inhaltContainer, #inhaltContainerEmpfehlungen
{
	position: relative;
	float: left;
	
	margin: 0;
	padding: 0 0 8x 0;
	width: 578px;
}
				
#inhaltContainerEmpfehlungen 
{
	border-left: 1px solid #a6a6a6; 
	border-bottom: 1px solid #a6a6a6; 
	width: 577px;
}
			
#inhalt
{
	float:left;
	margin: 0; 
	padding: 24px 0 0 8px;
	width: 578px;
}

#rechteNav
{
	position: relative;
	float: right;
	
	margin: 0;
	padding: 29px 0 0 0;
	width: 178px;
}

.paging
{
	position: relative;
	float:left;
	width: 560px;
	margin: 0;
}

.rewind, .forward
{
	padding-left: 8px;
	padding-right: 8px;
}

.rewind a, .forward a
{
	text-decoration: none;
}


/*** Footer ***/
/**/
#footer, #infoFooter
{
	position: relative;
	clear: both;
	float: left;
	
	margin: 0;
	padding: 30px 10px 50px 10px;
	width: 557px;
}

#infoFooter 
{ 
	margin: 0;
	padding: 30px 10px 0 10px;
	padding-bottom: 25px; 
}

#footer #copyright 
{
	position: absolute;
	left: 224px;
}

#footer #drucken
{
	position: relative;
	float: right;
}

#infoFooter #woBestellung 
{
	position: relative;
	float: left;
}

#infoFooter #hilfe 
{
	position: relative;
	float: right;
}