body {
								/*margin-right: 10px ;*/
								/*margin-left: 10px ;*/
	padding: 0 ;
	width: 98% ;
	max-width: 1000px ;	
	margin: 0 auto ;
	float: none ; 
	font-family: 'Goudi Handtooled BT', Verdana, Helvetica, sans-serif ;
	background-color: #C1C3EB ;
    }

	
a {
	color: #000 ;
	}
	
a:hover {
	color: #FFF ; 
	}
	

/* Die Reihenfolge a:link / a:visited / a:hover / a:active ist einzuhalten.*/
	
	
	
span {
								/*background: #2E2E2E ;*/
	color: #FFF ; 	
								/*padding: 2px 4px 2px 2px ;*/
								/*margin-left: 0px ;*/
	font-weight: bold ;
								/*	font-size: .7em ;*/
	letter-spacing: 0.1em ;
	}

p {							/* könnte, wie es aussieht, komplett entfallen, da für col1, col2, #text und .fotolinks separat definiert */
							/* WAR: margin: 10 0 10 0px; - scheint sich nirgendwo auszuwirken, da alle div mit eigenen p-Definitionen */
							/* WAR: text-align: justify ;	/* vererbt sich im IE an col1 p, im IE und in FF nicht an text p, in IE und FF nicht (nicht sichtbar) an col2 */
		}
	
h1 {
	color: #000;
	font-size: 125%; 
	font-weight: 500 ;
	text-align: left ;
	}
	
h2 {
    color: #000;
	font-size: 100%; 
	font-weight: 500 ;
	text-align: left ;
 	}

h3 {
    color: #000;
	font-size: 90%; 
	font-weight: 500 ;
	text-align: left ;
 	}
	
h4 {
    color: #000 ;
	font-size: 80% ;
	font-weight: 600 ;
	font-variant: small-caps ;
	text-align: left ;
	margin-top: 50px ;
    }

h5 {
    color: #000 ;
	font-size: 110% ;
	font-weight: 600 ;
	font-variant: small-caps ;
	text-align: left ;
	padding-top: 100px ;
    }

	
	
#header h1 {	
		margin: 0 ;
		padding: 0 ;
		text-align: center ;
	}
	
#header h2 {
		margin: 0 ;
		padding: 0 ;
		text-align: center ;
	}
	
#header h3 {
		margin: 0 ; 
		padding: 0 ;
		text-align: center ;
	}
	

img {						/* für die img in den Info-Texten */
	padding-top: 5px;
	margin-right: 20px ;
	margin-bottom: 40px ;
	float: left ;
    }

img.left {					/* für die img im Header */
	margin: 0 20px 0 0 ;
	float: left ;
	height: 40px ;
	}

img.right {					/* für die img im Header */
	margin: 0 0 0 20px; 
	float: right ;
	height: 40px ;
	}

img.right2 {					/* für das img in col2 */
	margin: 0 0 0 20px; 
	float: right ;
	height: 60px ;
	}
	
/* Für die Buchcover hab ich mal eine eigene Div definiert... und siehe, das funzt! */
.fotolinks {
		width: 90%; 
		}

.fotolinks {
        overflow:hidden; 		/*zum Umschliessen der Floats*/
        padding: 0;
		margin: 0 0 10px 40px;
        }
.fotolinks p {
        margin: 0 0 0 200px; 		/* 200 = Einrückung für img float */
		font-size: .80em ;
		text-align: justify ;
		padding-right: 20px;
		padding-bottom: 10px ;
		line-height: 120% ;
        }
.fotolinks img {
        float:left ;
		margin: 0 20px 0 -120px ;	/* -120 = Ausrückung für img float */
		padding-bottom: 10px ;
		height: 80px ;
			}

									/*
.fotolinks:hover img {
		transform: scale(1.5) ;
            }						*/

.fotolinks br {
		line-height: 120% ; 
		} 

html .fotolinks {
            height:1%;			/*Patch für IE 6*/
            }
			
			
			/* und hier nochmal das Ganze für CD-Covers */
.fotolinks2 {
		width: 90%; 
		}

.fotolinks2 {
        overflow:hidden; 		/*zum Umschliessen der Floats*/
        padding: 0;
		margin: 0 0 10px 40px;
        }
.fotolinks2 p {
        margin: 0 0 0 200px; 		/* 155 = Einrückung für img float */
		font-size: .80em ;
		text-align: justify ;
		padding-bottom: 10px ;
		line-height: 120% ;
        }
.fotolinks2 img {
        float:left;
		margin: 0 20px 0 -120px;	/* -120 = Ausrückung für img float */
		padding-bottom: 10px;
		height: 65px ;
            }
.fotolinks2 br {
		line-height: 120% ; 
		} 

html .fotolinks2 {
            height:1%;			/*Patch für IE 6*/
            }


/* header styles */
#header {
		width: 98% ;
		margin-top: 10px ;	
		margin-bottom: 10px ;
		border-top: 2px solid #FFF ;				/* auf dem Monitor scheinbare Verschiebung nach links, weil kein border-right */
		border-bottom: 2px solid #FFF ;
		padding: 20px 10px 20px 10px ;
		}

		

/* 'widths' sub menu - nur wichtig für waagerechte Anordnung*/
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}


/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;	
	width:100%;				/* width of whole page */
							/* overflow:hidden;		MJT: "This chops off any overhanging divs" - und genau das war das Problem mit dem versteckten Text in col1 beim FF */
}
/* common column settings */
.colright,
.colleft {
	float:left;
	width:100%;
	position:relative;
}
.col1,
.col2 {
	position:relative;
	overflow:hidden;                                 /* !!!!!!!!! Im Auge behalten! */
	}
	
	
	
.col1 {
	float: left;
	border-left: 3px solid #FFF;
	padding: 25px 0 85px 0 ;						/* padding-right verursachte das Problem mit der verrutschten col2 */
	line-height: 120% ;	
	position: relative;
	min-height: 780px ;
	}
	
	
		
.col2 {
	float: right;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	top: 0;
	padding: 25px 0 25px 0;
	margin: 0;
	}
.col2 p {
	margin: 8px 0;
	text-align: right;
	font-size: .7em ;
	}
	
	
	
.text {
	width: 88% ;
	padding-left: 60px ;
	text-align: left ;
        }
.text p {
	width: 95% ;
	margin: 0 0 10px 0 ;
	text-align: left ; 
	text-align: justify ; 
	font-size: 0.8em ;
	position: relative;
	}
	
.text img {
	float: left ;
	margin: 0 20px 40px 0 ;
	}

	
.text_info {
	width: 96% ;
	padding-left: 30px ;
	text-align: left ;
        }
.text_info p {
	margin: 0 0 20px 0 ;
	text-align: left ; 
	text-align: justify ; 
	font-size: .8em ;
	}
	
.text_info img {
	float: left ;
	margin: 0 40px 40px 0 ;
	}
	

/* Tabellen-Anordnungen */

table#table-2col {
	width: 70% ;
	}
	
table#table-2col td {
	vertical-align: top ;
	font-size: .8em ;
	}
td.td-10 {
	width: 50% ;
	text-align: right;
	padding-right: 30px ;
	}
td.td-11 {
	width: 50% ;
	text-align: left;
	padding-left: 30px; 
	}	
	
table#table-3col {
	width: 100% ;
	}
	
table#table-3col td {
	text-align: left; 
	vertical-align: top ;
	font-size: .8em ;
	padding-right: 30px ;
	}
td.td-1 {
	width: 33% ; 
	}
td.td-2 {
	width: 34% ;
	}	
td.td-3 {
	width: 33% ;
	}

table#table-3colB {
	width: 100% ;
	}
	
table#table-3colB td {
	text-align: justify; 
	vertical-align: top ;
	font-size: .7em ;
	}
td.td-1B {
	width: 25% ; 
	}
td.td-2B {
	width: 15% ;
	}	
td.td-3B {
	width: 60% ;
	}
	
	
table#table-footer {
	width: 98% ;
	}
	
table#table-footer td {
	vertical-align: top;
	font-size: .6em ;
	}
td.td-4 {
	width: 33% ;
	text-align: left ;
	}
td.td-5 {
	width: 34% ;
	text-align: center ;
	}
td.td-6 {
	width: 33% ;
	text-align: right ;
	}
td.td-7 {
	width: 45% ;
	text-align: left ;
	}
td.td-8 {
	width: 10% ;
	text-align: center ;
	}
td.td-9 {
	width: 45% ;
	text-align: right ;
	}
	
	
	
/* 2 Column (left menu) settings */
.leftmenu {
	background:#C1C3EB		/* right column background colour */
}
.leftmenu .colleft {
	right:80%;				/* right column width */
	background:#C1C3EB		/* left column background colour */
}
.leftmenu .col1 {
	width:76%;				/* right column content width */
	left:102%;				/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:16%;				/* left column content width (column width minus left and right padding) */
	left:6%;				/* (right column left and right padding) plus (left column left padding) */
}	   


#link {						/* beeinflusst IE und FF */

		}
	   
#footer {
		clear: both; 
		float: left; 
		width: 98%;
		max-width: 1000px ;
		border-top: 2px solid #FFF;
		outline: 10px solid #C1C3EB ;
		padding: 10px 0px 10px 10px ;
		position: fixed ;					/* NEU: fixer Footer */
		bottom: 0 ;							/* fixer Footer */
		background-color: #C1C3EB ;			/* fixer Footer */
		}

#myBtn {
  display: none ;			/* Hidden by default */
  position: fixed ;			/* Fixed/sticky position */
  bottom: 80px ;				/* Place the button at the bottom of the page */
  z-index: 99 ;				/* Make sure it does not overlap */
  font-size: 12px ; 
  background-color: #C1C3EB ; 
  color: #FFF ; 				/* Text color */
  border: 2px solid #FFF ;  
  border-radius: 10px ;		/* Rounded corners */
  outline: none ;			/* Remove outline */
  padding: 10px ;			/* Some padding */
  cursor: pointer ;			/* Add a mouse pointer on hover */
		}

#myBtn:hover {
  background-color: #FFF ;	/* Add a white background on hover */
  color: #C1C3EB ;	
  font-weight: bold ;
  border: 2px solid #FFF ;
}


.autor {
		font-weight: bold ;
		}
		
.cite {
		font-style: italic ;
		font-style: italic ;
		font-weight: bold ;
		}