* { margin: 0; padding: 0; }


body {
background: url("../grafiken/holz.jpg") top center repeat;
text-align: center;
}


/************************************************************************************************/
/* Typografische Elemente							 					  						*/
/************************************************************************************************/
p, li, address, blockquote {
font-family: "Times New Roman", times, serif;
font-size: 14px; line-height: 1.3em; 
} 

p { margin: 1em 0; text-align: justify; }

ul { margin: 1em 0 1em 20px; }

a, a:visited, a:active { color: #565453; text-decoration: none; font-weight: normal; background: none; border: none; }
a:hover { color: #E69600; text-decoration: underline; font-weight: normal; background: none; border: none; }



h1, h2, h3, h4, h5, h6 { color: #333; padding: 1em 0 0.5em 0; font-weight: normal; text-align: left; letter-spacing: 1px; }
h1 { font-size: 21px; }
h2 { font-size: 18px; font-variant: small-caps; }
h3 { font-size: 14px; padding: 1em 0 0.1em 0; }
h4 { font-size: 12px; }
h5 { font-size: 11px; }
h6 { font-size: 10px; }



.eingerueckt { text-align: right; }





/************************************************************************************************/
/* Header																						*/
/************************************************************************************************/
#header { display: none; width: 903px; margin: 0 auto; height: 50px; border: 0px solid red; }
#header h1 { margin: 0 0 0 10px; padding: 1em 0 0 0; }


/****************************************************************************************************/
/* Wrapper																							*/
/****************************************************************************************************/
#wrapper {
border: 0px solid black;
width: 903px; height: 590px;
margin: 0 auto; 
text-align: left; 
background: url("../grafiken/bg_buch_start_de_.jpg") top center no-repeat;		
}

	
	/************************************************************************************************/
	/* linke Spalte																					*/
	/************************************************************************************************/
	#wrapper #linke_spalte {
	border: 0px solid black;
	background: none;
	width: 445px; height: 580px;
	float: left; 
	}
		
		
		/* EINLEITUNG */
		#wrapper #linke_spalte #einleitung {
		border: 0px solid black;
		position: relative;
		top: 75px; left: 25px; 
		width: 200px;
		float: left;
		color: #c6d1e5;
		}
		  
		#wrapper #linke_spalte #einleitung p { margin: 0.25em 0 0.5em 0; }
		#wrapper #linke_spalte #einleitung ul { margin: 0.25em 0 0 20px; }
		#wrapper #linke_spalte #einleitung a { color: #fc0; } 
		#wrapper #linke_spalte #einleitung h3 { color: #c6d1e5; }
		
		/* NAVIGATION */
		#wrapper #linke_spalte #navi {
		border: 0px solid black;
		width: 124px;
		margin-left: 199px;
		position: relative;
		top: 20px; left: 110px;
		}
		  
		#wrapper #linke_spalte #navi ul {
		list-style-type: none;
		font-variant: small-caps;
		letter-spacing: 1px;
		text-align: center;
		margin: 0;
		height: 360px;
		}
		
		#wrapper #linke_spalte #navi ul li { margin-bottom: 20px; color: #000; font-weight: normal; font-size: 13px; line-height: 1.1em; }
		#wrapper #linke_spalte #navi ul li a { color: #c30; text-decoration: none; font-weight: normal; }
		#wrapper #linke_spalte #navi ul li a:hover { color: #c30; text-decoration: underline; }
	  	
	  	
	  	/* STATISTIKAUSGABE */
	  	#wrapper #linke_spalte #statistik {
	  	border: 0px solid red; color: #777; 
	  	width: 165px;
	  	margin-left: 200px;
			position: relative;
			top: 20px; left: 59px;
		
	  	}
	  	#wrapper #linke_spalte #statistik p {
	  	color: #777; font-size: 12px; 
	  	text-align: right;
	  	}

	/************************************************************************************************/
	/* rechte Spalte																				*/
	/************************************************************************************************/
	#wrapper #rechte_spalte {
	border: 0px solid black;
	background: none;
	width: 443px; height: 580px;
	margin-left: 455px; 
	}
	
		/* INHALT */
		#wrapper #rechte_spalte .inhalt {
		border: 0px solid black;
		width: 325px;
		position: relative;
		top: 370px; left: 20px;
		float: left;
		text-align: center; color: #333;
		}
		
		/* SUCHFORMULAR */  
		#wrapper #rechte_spalte .inhalt #suche {
		border: 0px solid black;
		text-align: left;
		margin-left: 45px; height: 60px; 
		}
		#wrapper #rechte_spalte .inhalt #suche p { margin: 0; padding: 0; }
		#wrapper #rechte_spalte .inhalt #suche input {
		border: 1px solid #777; 
		font-family: "Times New Roman", times, serif;
		font-size: 12px; color: #333; 
		background: transparent; 
		}
		#wrapper #rechte_spalte .inhalt #suche #formular_suche input { border: 1px solid #E69600; background: #eee; color: #565453; font-family: "Times New Roman", times, serif; font-size: 12px; }
		#wrapper #rechte_spalte .inhalt #suche #formular_suche input.inputtext { width: 150px; padding: 1px 2px; }
		
		#wrapper #rechte_spalte .inhalt #suche #formular_suche input.knopf { width: 80px;}
		#wrapper #rechte_spalte .inhalt #suche #formular_suche input:hover.knopf { background: #fff; cursor: pointer; color: #000; } 
		
		#wrapper #rechte_spalte .inhalt #suche #formular_suche a.sonderzeichen_link { font-size: 11px; text-decoration: none; padding: 2px 0 0 0; line-height: 1.7em; font-weight: normal; }
		#wrapper #rechte_spalte .inhalt #suche #formular_suche a:hover.sonderzeichen_link { text-decoration: underline; font-weight: normal; } 
		
		#wrapper #rechte_spalte .inhalt #suche #formular_suche #sonderzeichen a { font-size: 14px; text-decoration: none; padding: 1px 4px; border: none; font-weight: normal; }
		#wrapper #rechte_spalte .inhalt #suche #formular_suche #sonderzeichen a:hover { text-decoration: underline; border: none; font-weight: normal; }
		
		#wrapper #rechte_spalte .inhalt #buchstaben { font-size: 15px; margin: 10px 15px 10px 25px; text-align: center; }
		#wrapper #rechte_spalte .inhalt #buchstaben a { line-height: 1.7em; text-decoration: none; border: none; padding: 0 1px; font-weight: normal; }
		#wrapper #rechte_spalte .inhalt #buchstaben a:hover { text-decoration: underline; border: none; font-weight: normal; }
		
		#wrapper #rechte_spalte .inhalt #fusszeile { text-align: center; }
	  
	
	
		/* SPRACHAUSWAHL LESEZEICHEN */  
		#wrapper #rechte_spalte #sprachauswahl {
		border: 0px solid black;
		width: 45px; height: 100%;
		margin-left: 390px;
		position: relative;
		top: 0; left: 8px;    
		}
		
		
			/* DEUTSCH AKTIV */
			#wrapper #rechte_spalte #sprachauswahl a.de_de {
			border: 0px solid black;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 90px; left: 0;
			background: transparent url("../grafiken/lz_de_aktiv.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #sprachauswahl a:hover.de_de { width: 31px; background: transparent url("../grafiken/lz_de_aktiv.jpg") -28px 0 no-repeat; }
			
			/* POLNISCH INAKTIV */
			#wrapper #rechte_spalte #sprachauswahl a.pl_de {
			border: 0px solid black;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 95px; left: 5px;
			background: transparent url("../grafiken/lz_pl.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #sprachauswahl a:hover.pl_de { width: 31px; background: transparent url("../grafiken/lz_pl.jpg") -28px 0 no-repeat; }
			
			/* DEUTSCH INAKTIV */
			#wrapper #rechte_spalte #sprachauswahl a.de_pl {
			border: 0px solid black;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 90px; left: 0;
			background: transparent url("../grafiken/lz_de.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #sprachauswahl a:hover.de_pl { width: 31px; background: transparent url("../grafiken/lz_de.jpg") -28px 0 no-repeat; }
			
			/* POLNISCH AKTIV */
			#wrapper #rechte_spalte #sprachauswahl a.pl_pl {
			border: 0px solid black;
			display: block;
			width: 28px; height: 89px;
			position: relative;
			top: 95px; left: 5px;
			background: transparent url("../grafiken/lz_pl_aktiv.jpg") 0 0 no-repeat;     
			}
			#wrapper #rechte_spalte #sprachauswahl a:hover.pl_pl { width: 31px; background: transparent url("../grafiken/lz_pl_aktiv.jpg") -28px 0 no-repeat; }
			
			#wrapper #rechte_spalte #sprachauswahl span { display: none; }
	  
	
	/************************************************************************************************/
	/* Fußzeile																						*/
	/************************************************************************************************/
	div#fusszeile {
	border: 0px solid red;
	margin: 0 auto; width: 390px; height: 35px;
	position: relative;
	top: -85px; left: 194px;
	}
	
	div#fusszeile p { margin: 0; padding: 0; color: #999; font-size: 12px; }
	div#fusszeile p a { color: #999; font-weight: normal; }
	div#fusszeile p a:hover { color: #565453; font-weight: normal; text-decoration: underline; }

	div#fusszeile p.impressum {
	border: 0px solid yellow;
	width: 375px;
	position: absolute;
	bottom: 0; left: 0px;
	text-align: center;
	}
	
	/************************************************************************************************/
	/* Login-Link																					*/
	/************************************************************************************************/
	#login {
	border: 0px solid black;
	margin: 0 auto; width: 430px; height: 35px;
	position: relative;
	top: -60px; left: 215px;
	
	}
	
	#login p { text-align: right; font-size: 12px; }
	#login p a { color: #7b7464; font-weight: normal; text-decoration: none; }
	#login p a:hover { color: #514d42; text-decoration: underline; }