.base #content {
	position:absolute;
	margin: 0px;
	top: 100px;
	left: 20px;
	padding: 0;
	width: 550px;
	height: auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color:#996666;
}
.base #content-start {
	position:absolute;
	top: 100px;
	left: 20px;
	padding: 0;
	margin: 0;
	width: 550px;
	height: auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	}
	
.base #bilder {
	position:absolute;
	margin-top: 50px;
	left: 20px;
	padding: 0;
	width: 2000px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	white-space: nowrap;
	vertical-align: top;
	border: 1px solid 996666;
}
#bilder ul{width: 2000px; height: 600px;}
#bilder li {
	margin: 0;
	padding: 0;
	width: auto;
	height:auto;
	text-align: left;
	vertical-align: top;
	display: inline;
	}
.base #palette {
	margin-left: 20px;
	left: 20px;
	margin-top: 20px;
	padding: 0;
	width:516px;
	height:345px;
	background-image: url(qu/georg_eisler_palette.jpg);
	background-repeat: no-repeat;
	text-align: left;
}

.base #portrait {
	margin-left: 20px;
	left: 20px;
	margin-top: 20px;
	padding: 0;
	width:516px;
	height:345px;
	text-align: left;
}


.base #jahreszahlen {
	margin-left: 20px;
	left: 20px;
	margin-top: 10px;
	padding: 0;
	width:516px;
	text-align: left;
}

.base #textzitat {
	margin-left: 20px;
	left: 20px;
	margin-top: 10px;
	padding: 0;
	width:516px;
	height: 140px;
	text-align: left;
}
.base #impressum{
	margin-left: 20px;
	left: 20px;
	margin-top: 10px;
	padding: 0;
	width:516px;
	height: 400px;
	text-align: left;
}

.base #liste{margin-left: 0px; padding: 10px; font-size: 12px;}
	
#liste table {vertical-align: top; background-color:#BEA8A7; border: 1px solid #CCCCCC;}
	
#liste td {vertical-align: top; padding: 10px;}

.bold {font-weight:bold;}
#liste img {border: 1px solid #CCCCCC; }
	
#eins-a, #eins-b, #eins-c, #zwei-a, #zwei-b, #drei-a, #drei-b, #drei-c, #vier-a, #vier-b, #vier-c, #fuenf-a, #fuenf-b, #fuenf-c, #fuenf-d, #fuenf-e, #fuenf-f, #fuenf-g, #sechs-a, #sechs-b, #sechs-c, #sieben-a, #acht-a, #acht-b, #acht-c, #acht-d, #acht-e, #acht-f, #acht-g, #acht-h, #acht-i, #acht-j, #acht-k{
	position:fixed;
	visibility:hidden;
	left: 300px;
	top: 108px;
	z-index:auto;
	width:800px;
	height: 500px;
	background-repeat: no-repeat;
	}

/*----------------------------------------------------------illustrationen...........*/
#eins-a {background-image:url(eisler.illustrationen/morgengrauen1.jpg);}
#eins-b {background-image:url(eisler.illustrationen/morgengrauen2.jpg);}
#eins-c {background-image:url(eisler.illustrationen/morgengrauen3.jpg);}

#zwei-a {background-image:url(eisler.illustrationen/umlegen1.jpg);}
#zwei-b {background-image:url(eisler.illustrationen/umlegen2.jpg);}

#drei-a {background-image:url(eisler.illustrationen/engel1.jpg);}
#drei-b {background-image:url(eisler.illustrationen/engel2.jpg);}
#drei-c {background-image:url(eisler.illustrationen/engel3.jpg);}

#vier-a {background-image:url(eisler.illustrationen/letztentage3.jpg);}
#vier-b {background-image:url(eisler.illustrationen/letztentage2.jpg);}
#vier-c {background-image:url(eisler.illustrationen/letztentage1.jpg);}
/*----------------------------------------------------------biografie...........*/

#fuenf-a {background-image:url(eisler.biografie/georg-eisler1950-xl.jpg);}
#fuenf-b {background-image:url(eisler.biografie/georg-eisler1962-xl.jpg);}
#fuenf-c {background-image:url(eisler.biografie/georg-eisler1973-xl.jpg);}
#fuenf-d {background-image:url(eisler.biografie/georg-eisler1984-xl.jpg);}
#fuenf-e {background-image:url(eisler.biografie/georg-eisler-by-bresson-xl.jpg)}
#fuenf-f {background-image:url(eisler.biografie/georg-eisler1992-xl.jpg);}
#fuenf-g {background-image:url(eisler.biografie/georg-eisler1997-xl.jpg);}

/*----------------------------------------------------------bibliografie...........*/

#sechs-a {background-image: url(eisler.biografie/buchbreicha-xl.jpg);}
#sechs-b {background-image: url(eisler.biografie/buchbelvedere-xl.jpg);}
#sechs-c {background-image:url(eisler.biografie/buchalbertina-xl.jpg);}

/*----------------------------------------------------------ausstellungen/museen...........*/

#sieben-a {background-image: url(eisler.biografie/ausstell-xl.jpg);}
#acht-a {background-image:url(eisler.museen/begraebniszita1990-xl.jpg);}
#acht-b {background-image:url(eisler.museen/12februar1934-xl.jpg);}
#acht-c {background-image:url(eisler.museen/hillsborough1989-xl.jpg);}
#acht-d {background-image:url(eisler.museen/aufruhrderengel-xl.jpg);}
#acht-e {background-image:url(eisler.museen/rotes-gasthaus-xl.jpg);}
#acht-f {background-image:url(eisler.museen/hrdlicka-xl.jpg);}
#acht-g {background-image:url(eisler.museen/schwarzer-ubahn-xl.jpg);}
#acht-h {background-image:url(eisler.museen/london-road-station-xl.jpg)}
#acht-i {background-image:url(eisler.museen/strasse-mit-laufenden-xl.jpg)}
#acht-j {background-image:url(eisler.museen/grosses-jazzbild-xl.jpg);}
#acht-k {background-image:url(eisler.museen/stehende-xl.jpg);}
	
/*----------BILDERSTREIFEN---------*/

.base #streifen {
	margin-left: 0px; margin-top: 90px;
	left: 0px; padding: 0;
	width: 1000px; height:300px;
	text-align: left; background-color: #cec6be; font-size:10px;}

#streifen ul {width: 2000px;}

#streifen li {float: left; position: relative; padding-right: 20px;}