/* CSS Document */

html {
	font-size: 62.5%;
	height: 100.5%;
} /* erzwingt beim Firefox den quasi Scollbalken rechts wie ihn der IE von Hause aus hat und setzt die Schriftgroesse auf einen fuer alle Browser gleichen Ausgangswert, etwa 10px */

body {
	text-align: center;
	color: #666666;
	font: 1.3em/normal "Arial Narrow";
}
 /* zentriert alles Folgende auf der Webseite und definiert Schriftform, -hoehe, -farbe und Zeilenhoehe */

* {margin: 0px; padding: 0px; border: 0px} /*  setzt mit dem Universalselektor alles auf Null */

h1, h2, h3, h4, h5, h6 {} /* als Merkposten */
h2 {
	text-transform: none;
	font: lighter 1.2em "Arial Narrow";
}

p.home {
	color: #666666;
	float: none;
	text-align: left;
	font-family: "Arial Narrow";
	margin-left: 12px;
	list-style: none;
	text-indent: 0px;
}
.ausgerichtet {
	margin-left: 12px;
}

p.home_1 {
	color: #666666;
	float: none;
	text-align: center;
	font-family: "Arial Narrow";
	padding: 0px;
}

h1 {
	color: #666666;
	letter-spacing: 0.1em;
	font: bold 1.4em "Arial Narrow";
	padding-top: 2px;
} /* fuer Kuenstlernamen */
h4 {
	font-family: "Arial Narrow";
	color: #666666;
	padding-top: 12px;
	line-height: 1.6em;
}


h3.home {
	text-transform: uppercase;
	color: #666666;
	letter-spacing: 0.2em;
	text-align: left;
	margin-top: 26px;
	margin-bottom: 4px;
} /* auf home und impressum */

h5 {
	font-size: 1.1em;
	margin-top: 12px;
}  /*oft gebraucht */

h6.home {
	color: #666666;
	text-align: left;
	margin-bottom: 24px;
	font-size: 1.1em;
	
	 /* h3.home und h6.home stellen Kuenstler und Ausstellungsnamen auf der Startseite (HOME) dar, mit align stehen sie mittig zwischen linkem Rand von div#inhalt und dem div#startbild mit float right */
}


p {} /* merkposten, durch body color festgelegt */


a {
	text-align: left;
}
a.home {
	color: #FF0000;
}
a:link {
	color: #666666;
	text-decoration: none;
}

a.home:link {
	color: #FF0000;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a.home:visited { color: #FF0000;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
	text-decoration: none;
}
/* jetzt die container */
div#wrapper {
	width: 960px;
	margin: 4px auto;
	text-align: left;
} 
/* Bestimmt die feste Seitenbreite und die Lage im Fenster, margin auto braucht der firefox zum zentrieren, 
und setzt den Inhalt wieder linksbuendig */

div#kopf {
	text-align: left;
	border-bottom: 1px solid #666666;
	background: url(Bilder_allgemein/logo+subline%20website.jpg) no-repeat right;
	height: 20px;
	padding-top: 12px;
} 
/* der erste Container innerhalb von Wrapper, er enthaelt das Logo als Hintergrundbild und die Navigation. Seine Hoehe (height plus padding) ist so gross, dass das Hintergrundbild sichtbar ist, padding top drueckt die Navigation an die Unterkante des Containers. */

/* Beginn Hauptnavigation */
div#nav {
	text-transform: uppercase;
	line-height: 1.4em;
	text-align: left;
	width: 650px;
} 
/* Die Navigation hat eine feste Breite, damit sie nicht ueber das Hintergrundbild geht. */

div#nav li {
	display: inline;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	margin-left: 6px;
	padding-right: 3px;
	padding-left: 3px;
}
/*Ende der Hauptnavigation und ende des Kopfcontainers*/

div#menu {
	padding: 24px 0px 0px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 2px none #FFFFFF;
	border-top: 2px none #FFFFFF;
	width: 150px;
	float: left; /* das Navigationsmenue liegt am linken Rand des Inhaltes */
	margin: 0 6px;
	display: block;
	line-height: 2em;
	font-size: 1.3em;
} 
div#menu li {
	text-transform: capitalize;
	display: block; /* sonst erscheint ein Listenzeichen */
	line-height: 1.3em;
}
/* Ende der Menunavigation Kuenstler */

div#inhalt {
	text-align: left;
	float: right;
	width: 760px;
	text-indent: 1.0em;
	/* fuer ein breiteres Startbild kann der Container ev. breiter werden, bei Kuenstler max. Breite ca. 700px, die kleinen Bilder 60px hoch und nur eine Reihe */
}
div#subnav {
	text-align: left;
	font-size: 0.9em;
	float: right;
	margin-top: 0.4em;
	/* steht wegen float an erster Stelle im Inhaltscontainer */
}
div#subnav li{
	display: inline;
	font-size: 1.0em;
}
div#startbild {
	float:right;
	margin-top: 4%;
	margin-left: 0px;
	padding: 2px 2px 2px 0px;
}
/* auf der Home-Seite, Bild sollte etwa 420 px hoch sein, Breite anpassen */

div#liste {
	font-size: .9em;
	line-height: 1.4em;
	text-align: left;
	text-indent: 2.0em;
}
div#miniatur.liste {
	float: left;
}

/* Ausstellungen, Messen und Presseveroeffentlichungen */
div#startbild.liste {
	float:right;
	margin-top: 30px;
	margin-right: 250px;
} /* Groesse ca. 60 x 80 px, Hoehe ist bestimmend, das Bildchen unter Ausstellungen */
/* Ende des Inhaltscontainers */
div#fuss {
	clear: both;
	border-bottom: 3px #666666;
	float: none;
	margin-left: 216px;
	text-align: left;
}
/* zunaechst fuer Disclaimer benutzt */
#Layer1 {
	position:absolute;
	width:700px;
	height:56px;
	z-index:1;
	white-space: normal;
	top: 578px;
}
#layer_d {
	height: 400px;
	width: 580px;
	position: absolute;
	padding-left: 16px;
	top: 79px;
	text-align: left;
	text-indent: 0px;
}
#layer_v {
	height: 420px;
	width: 710px;
	position: absolute;
	top: 77px;
	visibility: hidden;
	z-index: 5;
	text-align: left;
	color: #666666;
	padding: 6px 0px 0px 6px;
	background: #FFFFFF;
}