/********************************************************************/
/*************wichtige Änderung am 02.12.2006 ***********************/
/*alles fest: Schriftgröße 1x im body festgelegt, Rest in % oder em */
/********************************************************************/


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
	background-color: #ffffff;
	text-align: center;
}
p {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 1.4em;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.1em;
	margin-top: 2em;	
}
h2  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
}
#container {
	background-color: #FFFFFF;
	text-align: center;
	width: 61em;
	/* border: 1px solid;  nur zum Testen */
	height: 800px;
	/* container enthält im Hintergrund das graue SOL-Logo. Gefloatete Inhaltscontainer ziehen 
	container nicht weit genug auf (Mozilla Firefox), damit das Logo sichtbar wird. Außerdem wird 
	bei 800px schon eine Bildlaufleiste erzeugt. Das verhindert, dass der Seitenkopf beim Wechsel 
	zwischen kurzen und langen Seiten durch das Ein-/Ausblenden der Bildlaufleiste immer etwas 
	horizontal springt. */
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(../bilder/hg-sol-ws-Fru-0.gif);
	background-repeat: no-repeat;
}
#kopf {
	width: 43em;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: 0px;
	height: 80px;
	text-align: right;	
}
#titel {
	position: absolute;
	height: 1em;
	width: 11em;
	left: 0px;
	bottom: 0px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2.2em;
	/*font-weight: bold;*/
}
#main {
	position: relative;
	top: 0px;
	left: 0px;
	width: 43em;
	/*border: 1px solid;  nur zum Testen */
	margin-top: 2.5em;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: visible;	
}
#fuss {
	font-size: .75em;
	text-align: center;
	width: 57em;  /* Wegen font-size: x-small (.75em) hier 57em statt 43em bei main ... .*/
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 1.5em;
	clear: both;
	position: relative;	
}
#fuss a {
	color: #333333;
}

/* index.htm */
#hp-text, #hp-bild  {
	text-align: left;
	width: 21em;
	float: left;	
	line-height: 2.3em;	
}
#zusatz {
	position: absolute;
	top: 0;
	right: 0;
	width: 13em;
	border: 1px solid #999;
	text-align:right;
	line-height: 150%;
}
#bildwechsel  {
	font-size:.75em;
	line-height:normal;
	text-align:center;
}
#bildaufhp  {
	float: right;
	height: 27.27em;
	width: 13.26em;
}

/* bilder.htm */
#bilder  {
	width: 100%;
	height: 300px;
	position: relative;
	left: 0px;
	top: 0px;
}
#bildklein1, #bildklein2, #bildklein3, #bildklein4  {
	position: absolute;
	width: 10.7em;
	left: 0.1em;
	bottom: -5px;
	overflow: hidden;
}
#bildklein2  {	
	left: 10.7em;
}	
#bildklein3  {
	left: 21.3em;
}	
#bildklein4  {
	left: 31.9em;
}
.hg-dunkelgrau  {
	background-color: #333333;
}
.hg-dunkelgrau-li  {
	background-image: url(../bilder/hg-dkgr.gif);
	background-repeat: repeat-y;
	background-position: left;
}
.hg-dunkelgrau-re  {
	background-image: url(../bilder/hg-dkgr.gif);
	background-repeat: repeat-y;
	background-position: right;
}	
.bildtitel {
	float: left;
	width: 10.6em;
	line-height: 2em;
}
.bildreihe-oben  {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 147px;
	clear: both;
}
.bildreihe-unten  {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 160px;
	clear: both;
}
.bildklein-quer-li {
	text-align: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 21.2em;
}
.bildklein-quer-re {
	width: 21.4em;	
	text-align: center;
	position: absolute;
	right: 0px;	
	bottom: 0px;
}

.bildtitel-quer {
	width: 21.4em;
	text-align: center;
	float: left;	
	line-height: 2em;
}
.xkleingrau  {
	font-size: .75em;	
	color: #555555;
	/* font-weight: bold;*/
}
.xkleingraufett  {
	font-size: .75em;
	font-weight: bold;
	color: #666666;
}
#bisher  {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 14em;
	margin-right: -14em;
}
	

/* bild1.htm, bild2.htm, bild3.htm, bild4.htm */
#bild {
	height: 500px;
	width:488px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: -4px;
}
#bild-quer {
	/*height: 500px;*/
	width:530px;
	text-align: center;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: -4px;
}
#bildtext  {
	text-align: left;
	font-size: .75em;
	position: absolute;
	height: 5em;
	width: 21em;
	right: 0px;
	bottom: 15em;
	margin-right: -23em;	
}
#bild #bildtext,  #bild-quer #bildtext {
	right: 0px;
	bottom: 0.4em;
	margin-right: -23em;	
}
#bildtext:first-line  {
	font-size: 1.2em;
	font-weight: bold;
}
.fett-mittel  {
	font-size: 1.2em;
	font-weight: bold;
}
#bildnavigation  {
	text-align: left;
	font-size: .75em;	
	position: absolute;
	height: 6em;
	width: 10em;
	right: 0px;
	top: 0px;	
	margin-right: -13em;
}
#bild>#bildnavigation  {    /*für Firefox*/ 
	margin-right: -11.5em;
}
.pfeil  {		/* Navi-Pfeil wird auch skaliert! */
	width: 1em;
	height: 1em;
}
#bildnavigation ul  {
	margin: 0px;
	padding: 0px;
}
#bildnavigation li  {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#bildnavigation a {
	color: #666666;
	text-decoration: none;		
	display: block;		
	width: 6em;
	margin: 0.3em;
	padding: 0.2em 0px 0.2em 0.8em;
	text-align: left;
	border-left-width: 0.4em;
	border-left-style: solid;
	border-left-color: #999999;
}
#bildnavigation a:link, #bildnavigation a:visited {	
	background-color: #ffffff;	
}
#bildnavigation a:hover {
	color: #cc4913;
	background-color: #ddeeff;
	border-left-color: #dc4913;	
}

/* ausstellungen.htm, bibliographie.htm, vita.htm */

.liste-hervor {
	font-weight: bold;
	color: #903010;
}
table.liste {
	width: 43em;
	border: 0px none;
	padding: 0px;
	margin: 0px;
}
table.liste td {
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	line-height: 2em;
}
table.liste h2 {
	margin-top: 0.1em;
}
col.spalte-links {
	width: 6.7em;
}
col.spalte-mitte  {
	width: 30em;
}
.ungerade	{
	background-color: #FFFFee;
}
.gerade{
	background-color: #f0f8ff;
}
#bisher a, td a, #zusatz a {
	font-size: x-small;
	color: #666666;
	text-decoration: none;		
	padding: 2px 0px 2px 4px;
	text-align: left;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #999999;
	outline: none;
}
#bisher a:hover, td a:hover, #zusatz a:hover {
	color: #cc4913;
	background-color: #ddeeff;
	border-left-color: #dc4913;	
}

/* kontakt.htm */
#form-left  {
	padding: 0px 0.23em;
	line-height: 28px;
	float: left;
	width: 10.3em;
	text-align: right;
	height: 15em;
}
#form-right  {
	padding: 0px 0.23em;
	line-height: 28px;
	float: left;
	width: 31.7em;
	text-align: left;
	height: 15em;
}
div#form-left>span  {   
/* IE ändert bei Schriftgradänderung nicht die Formularfelder. Daher oben line-height in px 
angegeben. Für Mozilla (Firefox) wird hier die line-height relativ angegeben. */
	line-height: 1.8em;
}
input  {
	margin-top: 0.25em;
}
td.zentriert {
	text-align: center;
}