/* css bussole */
body {
	font: 100.01% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: Black;
	background: url(grafik/hg-bussole_03.gif);
	/*background: rgb(255, 235, 255) url(grafik/hg-bussole_02.gif) no-repeat right bottom;*/
	margin: 0px;
 	}
p {
	font: 100% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	line-height: normal;
	}
h1 {
	font: bold 140% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin-bottom: 0px;
	color: Blue;
	background-color: transparent;
	}
h2 {
	font: bold 120% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin-bottom: 0px;
	background-color: transparent;
}
h3 {
	font: normal bold 100.01% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin-bottom: 0px;
	background-color: transparent;
	}
h4 {
	font: 100.01% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	margin-bottom: 0px;
	background-color: transparent;
}

/* Text-Ausprägungen */
	
.autor {
	font-weight: normal;
	}
.titel {
	font-weight: bold;
	}
.buchtext {
	font-weight: normal;
	}
.buchlink {
	font-weight: bold;
	color: Blue;
	}
.hinweisrot {
	color: Red;
}
.hinweisblau {
	color: Blue;
}
.hinweis {
	font-size: 90.01%;
	font-style: italic;
	letter-spacing: 1px;
	margin-left: 5%;
	margin-right: 5%;
}	

.toplink {
	color: Blue;
	font-size: 70%;
	font-weight: bold;
}
.navitext {
	font-size: 100.01%;
	font-weight: bold;
	}
.navitextunter{
	font-size: 90%;
	font-weight: normal;
	left: 5px;
	}
.indent {
	font-size: 110%;
	margin-left: 10px;
	}	

.spam {
	font: 80.01% "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; /*margin-bottom: 0px;*/
	background-color: transparent;
	color: #4B0082;
	font-style: italic;
	margin-left: 0%;
}	
	
/* Definition spezieller Text-Layouts */	
	
.right {
	text-align: right;
}

.center {
	text-align:  center;
}

.not_valid {
	text-decoration: line-through;
	color: Silver;
	font-style: italic;
}

.betont {
	letter-spacing: 1px;
	font-weight: bolder;
}
	
.reduziert {
	letter-spacing: -1px;
	font-weight: lighter;
	font-style: italic;
	font-size: 75.01%;
	color: GrayText;
}	
	.copyright {
	letter-spacing: -1px;
	text-align: right;
	font-weight: lighter;
	font-style: italic;
	font-size: 75.01%;
	color: GrayText;
}	
	
	/* Definition der Links */
a:link {
	font-weight: bolder;
	text-decoration: none;
	color: #0099FF;
	background-color: transparent;
}
a:visited {
	font-weight: bolder;
	text-decoration: none;
	color: #0068AA;
	background-color: transparent;
}
a:hover, a:active {
	text-decoration: underline;
	color: #0099FF;
	background-color: transparent;
	}
	
/* spezifische Boxen */
#menue {
	position: absolute;
	left: 10px;
	margin: 0;
	border: 0;
	width: 175px;
	background-color: transparent;
}
/* 
#rechtebox {
	position: absolute;
	right: 10px;
	margin: 0;
	border: 0;
	width: 10%;
	background-color: transparent;
	}
*/
#inhalt {
	position: absolute;
	left: 220px;
	margin: 0;
	border: 0;
	width: 555px;
	background-color: transparent;
	font-size: 90%;
}
#inhaltText {
	position: absolute;
	left: 220px;
	margin: 0;
	border: 0;
	width: 655px;
	background-color: transparent;
	font-size: 90%;
	
}

/* Buch-Formate */

#buchpraesli, #buchpraesli01, #buchpraesli02, #buchpraesli03 {
	float: left;
	height: auto;
	width: auto;
}

#buchli, #buchli01, #buchli02, #buchli03 {
	float: left;
	height: auto;
	width: auto;
	padding-top: 20px;
}

#beschrli, #beschrli01, #beschrli02, #beschrli03 {
	float: left;
	height: auto;
	width: 350px;
	padding-top: 20px;
	padding-left: 30px;
	text-align: left;
}

#schattenli, #schattenli01, #schattenli02, #schattenli03 {
	float: left;
	height: auto;
	width: auto;
	padding-top: 20px;
}

#buchpraesre01,  #buchpraesre02,  #buchpraesre03 {
	float: left;
	height: auto;
	width: 600px;
}

#buchre01, #buchre02, #buchre03 {
	float: left;
	height: auto;
	width: auto;
	padding-left: 0px;
	padding-top: 20px;
}

#beschrre01, #beschrre02, #beschrre03 {
	float: left;
	height: auto;
	width: 350px;
	padding-right: 30px;
	padding-top: 20px;
	text-align: right;
}

#schattenre01, #schattenre02, #schattenre03 {
	float: right;
	height: auto;
	width: auto;
	padding-top: 20px;
}


/* Detailformate */

#detail {
	float: left;
	height: auto;
	width: 600px;
}
#detailtext {
	float: left;
	height: auto;
	width: 350px;
	padding-right: 30px;
	padding-top: 20px;
	text-align: left;
	font-size: 80%;
}
#detaildocs {
	/*position:relative;*/
	height: auto;
	width: auto;
	padding-left: 0px;
	padding-top: 100px;
}

/* Definition von Inhaltsverzeichnissen */

.inhaltsverzeichnis{
	position: static;
	width: 550px;
	background-color: transparent;
	font-size: 85.01%;
	font-weight: lighter;
	color: Gray;
}

.inhaltsverzeichnis h1{
	font-weight: bold;
	font-size: smaller;
	color: Gray;
}	

.inhaltsverzeichnis p {
	margin-left: 5%;
		
}

.inhaltsverzeichnis .hinweis {
	margin-left: 300px;
	float: left;
	font-size: 80.01%;
	font-style: oblique;
}

.inhaltsverzeichnis .ident {
	margin-left: 5%;
	text-align:justify;

}