/* =========================================================================================
egoth_2006.css
egoth - staeuble - 17.8.2006
========================================================================================= */
/* siehe dazu "http://www.yaml.de/artikel/css/base.html" */
* {
	font-size: 			100%;
}


/* ======================================================================================== */

img, fieldset {
	border:				0;
}

/* ========================================================================================= */
html {
/*	height:				100% */

}

/* ========================================================================================= */
body {
/* workarounds -- siehe dazu "http://www.yaml.de/artikel/css/base.html" */
	min-height: 			101%; 	*/ /* erzwingt im Firefox die Anwesenheit des vertikalen Scrollbalkens
    	position: 			relative;
    	text-align: 			left;
/* ------------------------------------------------ */

/*	background: 			URL(../IMG/BG01.JPG) NO-REPEAT;  */

	color: 				#111111; 	/* allmost black */

/*	font-family: 			tahoma, verdana, arial, helvetica, sans-serif;  */
	font-family: 			verdana, arial, helvetica, sans-serif;



	font-size: 			12px;
/*	font-size: 			100.01%; */
/*	font-size:			small;	 */


	margin: 			0px;
	padding-bottom: 		0px;
	padding-left: 			0px;
	padding-right: 			0px;
	padding-top: 			0px;

/*	scrollbar-3dlight-color: 	#E6EEF3;
	scrollbar-arrow-color: 		#FFFFFF;
	scrollbar-darkshadow-color: 	#CCCCCC;
	scrollbar-face-color: 		#7FA5C3;
	scrollbar-highlight-color: 	#333333;
	scrollbar-shadow-color: 	#E6EEF3;
	scrollbar-track-color: 		#BFD2E1;
*/

	}
h1
	{
	font-size:		150%
	}

h2
	{
	font-size:		130%
	}

#body2.loe	{
	background-color:		#ffffcc; /*  war uspr. bei body; FF versagt -> div gleich danach */


	}

@media screen
{
address
	{
	font-size:		80%;		/* kleiner als in body definiert */
	font-style:		normal;		/* normale Schrift, nicht kursiv */
	letter-spacing:		2ppx;		/* Abstände zwischen den Buchstaben */
	padding-top:		10px;
	border-top:		1px solid #003399;
	margin-top:		20px;
	}
}

@media print
{
address
	{
	font-size:		80%;		/* kleiner als in body definiert */
	font-style:		normal;		/* normale Schrift, nicht kursiv */
	letter-spacing:		2ppx;		/* Abstände zwischen den Buchstaben */
	padding-top:		10px;
	border-top:		1px solid #003399;
	margin-top:		20px;
	}
}

/* ========================================================================================= */

#a img
	{
	border:			0;		/* kein Rahmen wenn ein Bild ein Hyperlink ist */
	}
/* ========================================================================================= */
@media screen{
#main
	{
	position:		absolute;
	left:			250px;
	top:			100px;

	width:			730px;		/* feste Breite */
	padding:		10px;		/* freier Raum rund um die Liste - Margin hat nicht funktioniert ?!*/
	float:			left;		/* schwebe unter den Kopfbereich und nach links */
	overflow: 		hidden;
	background-color:	#F3F3F3;
	}
}

@media print{
#main
	{
	margin-left:		0px;		/* rechts von navigation  */
	}
}

/* ========================================================================================= */
/* Kopf-links */
@media screen{
#top1
	{
	position:		absolute;
	left:			0px;
	top:			0px;

	height:			100px;
	width:			1000px;
	color:			white;
	background-color:	#7AB51D;      	/* dunkelblau */
	}
}
@media print{
#top1
	{
	height:			100px;
	width:			1000px;
	color:			white;
	background-color:	#003399;      	/* dunkelblau */
	}
}

#top1 img
	{
	float:			none;	      	/* schwebe nach links */
	width:			206px;	      	/* float immer mit Angabe von width */
	margin-right:		20px;	      	/* Abstand zum Text daneben */
	}

#top1 p
	{
	font-weight:		bold;		/* Absatz in #kopf fett (bold) darstellen */
	margin:			0;
	}
/* ========================================================================================= */
/* Kopf-2 */
@media screen{
#top2
	{
	position:		absolute;
	left:			206px;
	top:			0px;

	height:			100px;
	width:			564px; 		/* 1000-206-230 */
	color:			white;
	background-color:	#7AB51D;      	/* dunkelblau */
	}
}
@media print{
#top2
	{
	position:		absolute;
	left:			206px;
	top:			0px;

	height:			100px;
	width:			564px;
	color:			white;
	background-color:	#003399;      	/* dunkelblau */
	}
}

#top2 img
	{
	float:			right;	      	/* schwebe nach links */
	width:			206px;	      	/* float immer mit Angabe von width */
	margin-right:		150px;	      	/* Abstand zum Text daneben */
	}

#top2 p
	{
	font-weight:		bold;		/* Absatz in #kopf fett (bold) darstellen */
	margin:			0;
	}

/* ========================================================================================= */
/* Kopf-3 */
@media screen{
#top3
	{
	position:		absolute;
	left:			770px;		/* 1000-230 */
	top:			0px;
	margin:			0px;
	border:			0px;
	padding:		0px;


	height:			100px;
	width:			230px; 		/* */
	color:			white;
	background-color:	#7AB51D;      	/* */
	}
}
@media print{
#top3	{
	display:		none;
	visibilty:		hidden;
	 }
}


/* ========================================================================================= */
/* vertical menu left side */
@media screen{
#nav {
	position:		absolute;
	left:			0px;
	top:			100px;
	overflow: 		hidden;
/*	background-color:	#7AB51D; */	/* #C3D2E2=hellblau alte Version - damit man sieht wo ein Rest bleibt */

	margin-left:		0px;		/* leerer Aussenrahmen */
	border-left:		0px;		/* Rahmen */
	padding-left:		0px;		/* freier Raum rund um die Liste */
	width:			250px;		/* feste Breite */
	padding-right		0px;:
	border-right:		0px;
	margin-right:		0px;
/*	total			250px		*/

	margin-top:		0px;		/* leerer Aussenrahmen */
	border-top:		5px #ddd solid; /* Rahmen=Strich oben  */
	padding-top:		0px;		/* freier Raum rund um die Liste */
 /*	height:			100%;           */
 	height:			1000px;
	padding-bottom:		0px;
	border-bottom:		5px #ddd solid; /* Rahmen=Strich unten */
	margin-bottom:		0px;
/*	total			..+10px

	list-style:		none;		/* Aufzählungszeichen ausstellen */
	list-style-type: 	none;
	}
}


@media print{
#nav 	{
	display:		none;
	visibilty:		hidden;
	}
}

#unten 	{
	padding:		10px;
	border: 		1px solid #666666;
	}


/* ========================================================================================= */
/* vertical menu left side */
@media screen{
#submenu {
/*	position:		absolute;
	left:			0px;
	top:			0px;	`
*/
	overflow: 		hidden;

/*	background-color:	#7AB51D; */	/* hellblau - damit man sieht wo ein Rest bleibt */

	margin-left:		0px;		/* leerer Aussenrahmen */
	border-left:		0px;		/* Rahmen */
	padding-left:		0px;		/* freier Raum rund um die Liste */
	width:			250px;		/* feste Breite */
	padding-right		0px;:
	border-right:		0px;
	margin-right:		0px;
/*	total			300px		*/

	margin-top:		0px;		/* leerer Aussenrahmen */
	border-top:		5px #ddd solid; /* Rahmen=Strich oben  */
	padding-top:		0px;		/* freier Raum rund um die Liste */
/*	height:			100%;           */
/* 	height:			444px; 		*/
	padding-bottom:		0px;
	border-bottom:		5px #ddd solid; /* Rahmen=Strich unten */
	margin-bottom:		0px;
/*	total			..+10px

	list-style:		none;		/* Aufzählungszeichen ausstellen */
	list-style-type: 	none;
	}
}

@media print{
#submenu {
	display:		none;
	visibilty:		hidden;
	 }
}
/* ----------------------------------------------------- */
#submenu li { 		/* alle Listenelemente */
	float:			left;
	width: 			100%;
	margin:			0px 0px;
	border:			0px;
	padding:		0px 0px;
	}
#submenu li#title {	/* Titel - Typ1 */
	padding: 		2px 0px 2px 5px;
	border-bottom: 		4px #888 solid;
	font-weight: 		bold;
	color: 			#444;
	background-color: 	#fff;
	}

#submenu li#title2 {	/* Titel - Typ2 */
	padding: 		2px 0px 2px 5px;
	font-weight: 		bold;
	color: 			#444;
	background-color: 	#fff;

	}
/* ------------------- */
#submenu a { 		/* alle Links */
	display:		block;
	text-decoration: 	none;
	}
#submenu li a {
	width: 			100%;
	margin:			0px 0px;
	border:			0px;
	padding: 		2px 0px 2px 5px;
	background-color:	#7AB51D; /* tb geändert */
	color: 			#444;
	border-bottom: 		1px #eee solid;
	}
/* ------------------- */
#submenu li#active {
	font-weight: 		bold;
	color: 			#fff;
	background-color:	#aab;
	float:			left;
	width: 			100%;
	margin:			0px;
	border:			0px;
	padding:		0px;


	}
#submenu li#active a {			/* aktueller Menüpunkt */
	width: 			100%;
	margin:			0px;
	border:			0px;
	padding: 		2px 0px 2px 5px;
	background-color:	#003399;
	color: 			#FFFFFF;
	border-bottom: 		1px #eee solid;
	}
/* ------------------- */
#submenu li span {
	display:		block;
	width: 			90%;
	padding: 		3px 0px 3px 10;
	background-color:	#f4f4f4;
	color: 			#444;
	font-weight: 		bold;
	border-bottom: 		1px #ddd solid;
	}

#submenu li a:hover {
	background-color:	#f63;
	color: 			#fff;
	}

#submenu li ul {
	list-style-type: 	none;
	margin:			0px;
	padding: 		0;
	}
#submenu li ul li {
	float:			left;
	width: 			100%;
	margin:			0;
	padding:		0;
	}
#submenu li ul li a {
	width: 			80%;
	padding: 		3px 0px 3px 20%;
	background-color:	#f8f8f8;
	color: 			#666;
	border-bottom: 		1px #ddd solid;
	}

#submenu li ul li a:hover {
	background-color:	#f63;
	color: 			#fff;
	}
#submenu li ul li#active {
	width: 			80%;
	padding: 		3px 0px 3px 20%;
	font-weight: 		bold;
	color: 			#fff;
	background-color:	#aab;
	border-bottom: 		1px #fff solid;
	}


/* ========================================================================================= */
/* Miniicons diskutiert bei: http://my-dimension.com/blog/2003/04/15/mini-icons/ */
/* ab[href^="mailto:"] { } wäre auch möglich */

.link-mailto	 {	/* Email-icon vor Email-adressen */
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 16px;
	BACKGROUND: url(mail_icon.gif) no-repeat 0px 1px;
	PADDING-BOTTOM: 1px;
	PADDING-TOP: 1px;
	color:	#333333;
	}

/* ========================================================================================= */
/* Einzelbuchdarstellungen */

@media screen{		/* Klammer über die gesamte Einzelbuchdarstellung */
#Buch 	{

	padding: 3px;
	text-align: justify;
	}
#Buch_Bildspalte{	/* Die Coverdarstellung */
	width: 250px;
	padding: 5px;
	margin: 0px;
	float: left;
	}
#Buch_Bildspalte img{	/* Das darin eigesetzte Bild */
	border:0px;
	width:240px;
	align:top;
	}
#Buch_Header{		/* Klammer über den gesamten Buchheader */
	}

#Buch_Beschreibung{	/* Klammer über die gesamten Buchbeschreibung */
	}

}

@media print{
#Buch 	{		/* Klammer über die gesamte Einzelbuchdarstellung */
	left:	0px;
	margin: 0px;
	pading: 0px;
/*	width:	18cm; */
	text-align: justify;
	}
#Buch_Bildspalte{	/* Die Coverdarstellung */
	width: 50mm;
	padding: 5mm;
	margin: 0px;
	float: left;
	}
#Buch_Bildspalte img{	/* Das darin eigesetzte Bild */
	border:0px;
	width:45mm;
	align:top;
	}
#Buch_Header{		/* Klammer über den gesamten Buchheader */
	}

#Buch_Beschreibung{	/* Klammer über die gesamten Buchbeschreibung */
	}

}

.Buch_AutorUeberTitel {
	font-size: 		16px;
	font-weight: 		bold;
	}
.Buch_Titel{
	font-size: 		20px;
	font-weight: 		bolder;
	}
.Buch_SubTitel{
	font-size: 		16px;
	font-weight: 		bold;
	}
.Buch_Kapitel {
	font-size: 		13px;
	font-weight: 		bold;
	color: 			#003366;
	}
.Buch_Autor{
	font-size: 		13px;
	font-weight: 		bold;
	}
#Buch_Details{
	font-size: 		11px;
	line-height: 		95%;
	}

/* ========================================================================================= */
@media screen{
.noprint{
	}
}

@media print{
.noprint{
	display:		none;
	visibilty:		hidden;
	}
}

.hide{
	display:		none;
	visibilty:		hidden;
	}
/* ========================================================================================= */
/* Gedankenstütze:
	font-family: 		Verdana, Arial, Helvetica, sans-serif;
	font-size: 		12px;
	color: 			#003366;
	font-style: 		normal / italic / oblique ;`
	font-variant: 		normal / small-caps ;
	font-size: 		normal / xx-small / x-small / small / medium / large / x-large /xx-large / smaller / larger ;
	font-weight: 		normal / bold / bolder / lighter ;
	text-transform: 	none / capitalize / uppercase / lowercase ;
	text-decoration: 	none / overline / underline / line-through / blink ;
	letter-spacing:		normal / ... ;
	line-height: 		100%;
*/
/* ========================================================================================= */
.content { 	/* TEST */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003366;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	 }
/* ========================================================================================= */
form {
	display: inline;
}