/*	css - jacob
		08.02.2022, erstellt
====================================  */



body {
	color: #996600;
	background-color:#000000;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#seite {
	margin: 0 auto;    /* horizontale Zentrierung */
	height: 600px;
	width: 580px;
	padding: 0;
	overflow: hidden;
}

#content {
	position: absolute;
	height: 600px;
	width: 580px;
	overflow: hidden;
}

#titelZeile {
	position: absolute;
	left: 0px;
	top: 20px;
	width: 580px;
	text-align: center;
}

/*  -----  einzelbilder  ------  */

#bild {
	position: absolute;
	left: 0px;
	top: 80px;
	width: 400px;
	text-align: right;
	vertical-align: top;
}

#bildText {
	position: absolute;
	left: 430px;
	top: 80px;
	width: 150px;
	text-align: left;
	vertical-align: top;
}

#navi {
	position: absolute;
	left: 0px;
	top: 440px;
	width: 580px;
	text-align: right;
}

/*  ------  ada  -------  */

#uebersichtAda {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 580px;
	line-height: 250%;
	text-align: center;
}

#ueberNaviAda {
	position: absolute;
	left: 0px;
	top: 450px;
	width: 580px;
	text-align: right;
}

#lebenAda {
	position: absolute;
	left: 90px;
	top: 68px;
	width: 490px;
	text-align: left;
	vertical-align: top;
}

#datumAda {
	position: absolute;
	left: 0px;
	top: 244px;
	width: 70px;
	text-align: right;
	vertical-align: top;
}

#ausstellungAda {
	position: absolute;
	left: 90px;
	top: 226px;
	width: 490px;
	text-align: left;
	vertical-align: top;
}

#naviAda {
	position: absolute;
	left: 0px;
	top: 490px;
	width: 580px;
	text-align: right;
}


/*  -------  jacob  -------  */

#txtJacob {
	position: absolute;
	left: 0px;
	top: 80px;
	width: 580px;
	text-align: center;
}

#uebersichtJacob {
	position: absolute;
	left: 0px;
	top: 110px;
	width: 580px;
	line-height: 180%;
	text-align: center;
}

#ueberNaviJacob {
	position: absolute;
	left: 0px;
	top: 440px;
	width: 580px;
	text-align: right;
}

#bildJacob {
	position: absolute;
	left: 455px;
	top: 88px;
}

#lebenJacob {
	position: absolute;
	left: 90px;
	top: 88px;
	width: 360px;
	text-align: left;
	vertical-align: top;
}

#datumJacob {
	position: absolute;
	left: 0px;
	top: 125px;
	width: 70px;
	text-align: left;
	vertical-align: top;
}

#lebenNaviJacob {
	position: absolute;
	left: 0px;
	top: 460px;
	width: 580px;
	text-align: right;
}


/*  -------  arnim  --------  */

#bildArnim {
	position: absolute;
	left: 0px;
	top: 88px;
}

#lebenArnim {
	position: absolute;
	left: 150px;
	top: 88px;
	width: 410px;
}

#lebenNaviArnim {
	position: absolute;
	left: 0px;
	top: 380px;
	width: 580px;
	text-align: right;
}

#uebersichtArnim {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 580px;
	line-height: 250%;
	text-align: center;
}

#ueberNaviArnim {
	position: absolute;
	left: 0px;
	top: 450px;
	width: 580px;
	text-align: right;
}



/*  -------  gerald  -------  */

#uebersichtNarr {
	position: absolute;
	left: 0px;
	top: 90px;
	width: 580px;
	line-height: 250%;
	text-align: center;
}

#ueberNaviNarr {
	position: absolute;
	left: 0px;
	top: 410px;
	width: 580px;
	text-align: right;
}

#bildNarr {
	position: absolute;
	left: 460px;
	top: 88px;
}

#lebenNarr {
	position: absolute;
	left: 90px;
	top: 68px;
	width: 360px;
	/*text-align: left;
	vertical-align: top;*/
}

#lebenDatumNarr {
	position: absolute;
	left: 0px;
	top: 104px;
	width: 70px;
}

#ausstellungNarr {
	position: absolute;
	left: 90px;
	top: 250px;
	width: 490px;
}

#ausstellungDatumNarr {
	position: absolute;
	left: 0px;
	top: 285px;
	width: 70px;
}

#ausstellungNaviNarr {
	position: absolute;
	left: 0px;
	top: 490px;
	width: 580px;
	text-align: right;
}




/*  ----  texte  ----  */

.txtR {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	letter-spacing: 0.04rem;
}

.txtB {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	letter-spacing: 0.04rem;
}

.s20 {
	font-size: 20px;
}

.s16 {
	font-size: 16px;
}

.s14 {
	font-size: 14px;
}

.s15 {
	font-size: 15px;
}


a:link { color: #996633; text-decoration: underline; }
a:visited { color: #996633; text-decoration: none; }
a:focus { color: #FF0000; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }
a:active { color: #FF0000; text-decoration: none; }