* html, body {
	background-color: #000000;
	display: block;
	width: auto;
	background-image: url(../_images/1pixel_schwarz.jpg);
	background-repeat: repeat;
}

body {
	margin-left: 95px;
	margin-top: 80px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #ffffff;
	background-color: #000000;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/* --- LINKS --- */

/* --- allgemein im <p> */
p a:link{
	border: none;
	text-decoration: none;
	color: #FF0099;
	padding: 0px;
}
p a:visited{
	border: none;
	text-decoration: none;
	color: #FF0099;
	padding: 0px;
}
p a:hover{
	border: none;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
}
/* --- idem in <h4> im fall von gruppenausstellungen mit dem künstlernamen --- */
h4 a:link{
	border: none;
	text-decoration: none;
	color: #FF0099;
	padding: 0px;
}
h4 a:visited{
	border: none;
	text-decoration: none;
	color: #FF0099;
	padding: 0px;
}
h4 a:hover{
	border: none;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px;
}
/* --- */
#navi li a:link{
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#navi li a:visited{
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#navi li a:hover{
	color: #FF0099;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #666666;
	background-color: #ffffff;
}
#navi li a.active{
	color: #FF0099;
	text-decoration: none;
	border: 1px solid #000000;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	border-top-color: #666666;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #666666;
	background-color: #ffffff;
}
/* --- */
h2 a:link{
	color: #333333;
	background-color: #FFFFFF;
		border: 1px solid #000000;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}
h2 a:visited{
	color: #333333;
	background-color: #FFFFFF;
		border: 1px solid #000000;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}
h2 a:hover{
	background-color: #FFFFFF;
	color: #FF0099;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	border-top-color: #FF0099;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FF0099;
	text-decoration: none;
}
/* --- seite: ausstellungen --- */
#termine a:link{
	border: 1px solid #000000;
	color: #333333;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#termine a:visited{
	border: 1px solid #000000;
	color: #333333;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#termine a:hover{
	background-color: #FFFFFF;
	color: #FF0099;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	border-top-color: #FF0099;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FF0099;
}
/* --- seite: links --- */
#links_out a:link{
	border: 1px solid #000000;
	color: #333333;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#links_out a:visited{
	border: 1px solid #000000;
	color: #333333;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
}
#links_out a:hover{
	background-color: #FFFFFF;
	color: #FF0099;
	padding-left: 5px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	border-top-color: #FF0099;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FF0099;
}

/* --- austellungsliste: abstand --- */
#termine{
	margin-bottom: 10px;
}

/* --- seite aktuell + seite knstler: abstand --- */
.abstand{
	margin-bottom: 5px;
}

/* --- seite links: abstand --- */
#links_out{
	margin-bottom: 5px;
}

/* --- NAVI INLINE --- */
ul li {display: inline;}
ul {list-style: none; margin: 0; padding: 0;}
li {margin-right: 16px;}

/* --- HEADLINES --- */
h1{
	display: none;
}
h2{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	/* layout seite knstler */
	display: block;
	text-transform: uppercase;
}
h3{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: normal;
	display: inline;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
}
h4{
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* --- HR --- */
hr{
	height: 16px;
	background-color:#000000;
}
.hide{
	visibility: hidden;
}

/* --- IM TEXT --- */
p{
	margin-top: 0px;
	margin-bottom: 7px;
}
.austellungstitel_aktuell{
	font-style: italic;
}

/* --- LOGO und PUNKTE --- */

#logo{
	height: 22px;
	width: 500px;
	margin-bottom: 18px;
	background-image: url(../_images/logo_bg000000.jpg);
	background-repeat: no-repeat;
}

#logo ul li {display: inline;}
#logo ul {
	list-style: none;
	/* abstand zur linken grenze: */
	margin-left: 250px;
	padding: 0px;
	display: inline;
}
#logo li {
	margin-right: -7px;
}

#logo li a:link{
	text-decoration: none;
	color: #FF0099;
	font-size: 44px;
	border: none;
	margin: 0px;
}
#logo li a:visited{
	text-decoration: none;
	color: #FF0099;
	font-size: 44px;
	border: none;
}
#logo li a:hover{
	text-decoration: none;
	color: #FFFFFF;
	font-size: 44px;
	border: none;
}

/* styleswitcher ein/aus 
#logo .eins_aus{
	display: none;
}
#logo .zwei_aus{
	display: none;
}
#logo .drei_aus{
	display: none;
}
*/
/* --- WERKSEITE --- */

#indiereihe{
	display: inline;
}
#indiereihe_rechts{
	display: inline;
	float: right;
}
.italisch{
	font-style: italic;
}
#werk img{
	margin-top: 0px;
	margin-bottom: 0px;
	border: none;
	margin-right: 25px;
	z-index: 3;
}
.the_next{
	font-size: 24px;
	vertical-align: -20%;
}

/* --- austellugsliste --- */

.jahr_fett{
	font-weight: bold;
}

/* --- höhe der linie zwischen dem werk und der angabe --- */
#werkangaben{
	height: 8px;
}