/* $Id: default.css 22 2007-08-24 18:32:30Z hweber $ */

/*----------------------------------------------------------*/
/*                 Elemente-Definitionen                    */
/*----------------------------------------------------------*/

*			{	margin:0; padding:0; }

html		{	width:100%; height:100%; }

body		{	font-family:Arial, Verdana, sans-serif; color:#000000; font-size:100%;
				text-align:left;
				width:100%; height:100%;
				background:url('/images/body_hintergrund.png') top left repeat; }

h1			{	font-size:1.0em;
				margin:10px 0 0 0; }

h2			{	font-size:0.8em; font-weight:bold;
				margin:10px 0 0 0; }

h3			{	font-size:1.0em; font-weight:bold;
				margin:0 0 7px 0; }

h4			{	font-size:0.8em; font-weight:bold;
				margin:15px 0 0 0; }

h5			{	font-size:0.8em; }

h6			{	font-size:0.7em; }

p			{	font-size:0.8em;
				margin:0 0 7px 0; }

ol			{	margin-left:25px; }

li			{	font-size:0.8em; }

dt			{	font-size:0.9em; }

dl			{	font-size:0.8em; }

dfn			{   color:#BC100E;
				cursor:help; }

img			{	border:none; }

input		{	font-size:0.9em;
				margin:2px 0; }

textarea	{	font-family:Arial, Verdana, sans-serif; font-size:0.9em;
				margin:2px 0; }

a			{	color:#000000; text-decoration:none; }
a:link		{	color:#000000; text-decoration:none; }
a:active	{	color:#000000; text-decoration:none; }
a:visited	{	color:#000000; text-decoration:none; }
a:hover		{	color:#BB2222; text-decoration:underline; }

/*----------------------------------------------------------*/
/*                Individual-Definitionen                   */
/*----------------------------------------------------------*/

/* Kopfzeile */
#kopf				{	margin:0 0 0 80px; padding:0;
						width:560px; height:75px; }

/* Bildergalerie */
#galerie			{	margin:0; padding:20px 0;
						width:750px; height:200px; overflow:hidden;
						white-space:nowrap;
						border-top:1px solid #999999; border-bottom:1px solid #999999; border-right:1px solid #999999;				
						background:#FFFFFF; }
#galerie_scroll		{	margin-left:25px;
						width:100%; height:100%; }
#galerie img		{	margin-right:25px; }

/* Navigation */
#navigation			{	margin:0; padding:0;
						width:200px; float:left; }
#navigation h1		{	color:#BB2222; font-size:0.8em; font-weight:bold;
						margin:15px 0 0 20px; padding:0;
						border-bottom:1px solid #D4DED0; }
#navigation ul		{	margin:0 0 0 30px; padding:0;
						list-style:none; }
#navigation li		{	color:#000000;
						margin:2px 0; padding:0; }
#navigation a			{	color:#000000; }
#navigation a:link		{	color:#000000; }
#navigation a:active	{	color:#000000; }
#navigation a:visited	{	color:#000000; }
#navigation a:hover		{	color:#BB2222; }
#navigation a.active, #navigation a.active:link, #navigation a.active:active,
#navigation a.active:visited, #navigation a.active:hover
						{	color:#BB2222; }

/* Inhalt */
#inhalt				{	margin:0; padding:10px;
						width:530px; min-height:350px; float:left;
						border-bottom:1px solid #999999; border-right:1px solid #999999;
						background-color:#E9E5C6; }
#inhalt div.artwork	{	float:left; width:220px; }
#inhalt div.artwork	div.info
					{	padding-top:7px;
						border-top:1px solid #76A176; }
#inhalt p.artwork	{	color:#76A176; }
#inhalt div.offer_image
					{	float:left; width:210px; }
#inhalt div.offer_form
					{	float:left; width:310px; }
#inhalt div.offer_contact
					{	float:left; width:190px; margin-left:20px; }
#inhalt ul.sprungnav
					{	margin-bottom:10px;
						list-style:none; }
#inhalt ul.sprungnav li
					{	color:#999999; font-size:0.7em;
						margin:0 15px 0 0;
						display:inline; }
#inhalt ul.sprungnav li a
					{	color:#999999;
						padding-left:16px;
						background: url(/images/icons/arrow_bottom.png) center left no-repeat; }
#inhalt p.link_top	{	font-size:0.7em; text-align:right; }
#inhalt p.link_top a
					{	color:#999999;
						padding-left:16px;
						background: url(/images/icons/arrow_top.png) center left no-repeat; }

/* Fusszeile */
#fuss				{	margin:0 0 0 200px; padding:0;
						position:relative; width:550px; height:25px; clear:both;
						text-align:center; }
#fuss ul			{	list-style:none; }
#fuss li			{	color:#999999; font-size:0.7em;
						margin:0 10px; padding:0;
						display:inline;
						line-height:25px; }
#fuss a				{	color:#999999; }
#fuss a:link		{	color:#999999; }
#fuss a:active		{	color:#999999; }
#fuss a:visited		{	color:#999999; }
#fuss a:hover		{	color:#BB2222; }

/* Informationen, Suche und Wortwolke */
#info				{	margin:0 10px; padding:0;
						position:absolute; top:55px; left:750px; width:200px; height:1px; float:left; }
#info h1			{	color:#BB2222; font-size:0.8em; font-weight:bold;
						margin:25px 0 0 0; padding:0;
						border-bottom:1px solid #AABEA2; }
#info ol			{	margin:0; padding:4px 0; }
#info li			{	color:#000000;
						margin:2px 0; padding:0;
						display:inline; }
#info ul			{	margin:0; padding:0;
						list-style:none; }
#info ul li			{	display:block; }
#info a, #info a:link, #info a:active, #info a:visited
					{	color:#666666; }
#info p.tagcloud	{	color:#76A176; }
#info li.tagcloud0	{	font-size:0.6em; font-weight:normal; }
#info li.tagcloud0 a, #info li.tagcloud0 a:link, #info li.tagcloud0 a:active, #info li.tagcloud0 a:visited
					{	color:#AAAAAA; text-decoration:underline; }	
#info li.tagcloud1	{	font-size:0.7em; font-weight:normal; }
#info li.tagcloud1 a, #info li.tagcloud1 a:link, #info li.tagcloud1 a:active, #info li.tagcloud1 a:visited
					{	color:#AAAAAA; text-decoration:underline; }
#info li.tagcloud2	{	font-size:0.8em; font-weight:normal; }
#info li.tagcloud2 a, #info li.tagcloud2 a:link, #info li.tagcloud2 a:active, #info li.tagcloud2 a:visited
					{	color:#999999; text-decoration:underline; }
#info li.tagcloud3	{	font-size:0.9em; font-weight:normal; }
#info li.tagcloud3 a, #info li.tagcloud3 a:link, #info li.tagcloud3 a:active, #info li.tagcloud3 a:visited
					{	color:#888888; text-decoration:underline; }
#info li.tagcloud4	{	font-size:1.0em; font-weight:normal; }
#info li.tagcloud4 a, #info li.tagcloud4 a:link, #info li.tagcloud4 a:active, #info li.tagcloud4 a:visited
					{	color:#777777; text-decoration:underline; }
#info li.tagcloud5	{	font-size:1.1em; font-weight:normal; }
#info li.tagcloud5 a, #info li.tagcloud5 a:link, #info li.tagcloud5 a:active, #info li.tagcloud5 a:visited
					{	color:#666666; text-decoration:underline; }	
#info .suchbegriff	{	padding-left:15px;
						width:122px;
						border:1px solid #FFFFFF;
						background:#FFFFFF url('/images/suchbegriff.png') left center no-repeat; }
#info .suchen		{	width:60px;
						border:1px solid #AAAAAA; }
#info a:hover, #info li.tagcloud1 a:hover, #info li.tagcloud2 a:hover, #info li.tagcloud3 a:hover, #info li.tagcloud4 a:hover, #info li.tagcloud5 a:hover
					{	color:#BB2222; }

/*----------------------------------------------------------*/
/*                  Klassen-Definitionen                    */
/*----------------------------------------------------------*/

/* Textfluss beeinflussen und  wiederherstellen */
.clear			{	clear:both; }
.right			{	float:right; }
.left			{	float:left; }

/* Text rechts- und linksbündig */
p.right				{	text-align:right; }
p.left				{	text-align:left; }
p.center			{	text-align:center; }
p.small				{	font-size:0.6em; margin-bottom:3px; }

/* Kleine Schrift */
span.small			{	font-size:0.8em; }

/* Fehlermeldung */
p.error, span.error	{	color:#BC100E; font-weight:bold; }

/* Hyperlinks */
a.link_extern		{	padding-right:16px;
						background:url(/images/icons/link_extern.png) center right no-repeat; }
a.link_email		{	padding-right:16px;
						background:url(/images/icons/link_email.png) center right no-repeat; }
a.link_pdf			{	padding-left:16px;
						background:url(/images/icons/link_pdf.png) center left no-repeat; }
a.unmarked, a.unmarked:link, a.unmarked:visited, a.unmarked:active, a.unmarked:hover
					{ text-decoration:none; }
a.agb				{	font-weight:bold; text-decoration:underline; }

/* Beschriftung für Formularfelder im Kontaktformular */
label.offer			{	margin:0px; margin-right:5px; padding:0px;
						width:80px; float:left; }

/* Text-Eingabefelder */
input.text			{	width:215px; }
textarea.offer		{	width:215px; }
input.error			{	background-color:#FFDFDF; }

/* Liste aller Künstler */
ul.artistlist		{	margin-left:20px; list-style:circle; }
ul.artistlist li	{	margin:2px 0; padding:0; }

/* Definitionsliste für Biografie */
dl.biografie dt		{	float:left; width:100px; }
dl.biografie dd		{	margin-left:100px; }

/* Textfluss für Bilder */
img.left			{	float:left; margin-right:10px; }
img.right			{	float:right; margin-left:10px; }

/* Symbole (Icons) */
img.icon			{	width:16px; height:16px; vertical-align:middle; }

/* Tooltip */
.tooltip			{	padding:2px;
						position:absolute; display:none;
						background-color: #E9E5C6;
						border:1px solid #000000; }
.tooltip h5			{	font-size:0.7em; }
.tooltip p			{	font-size:0.6em;
						margin-top:2px; margin-bottom:2px; }

/* Suchergebnis */
h5.suche			{	font-size:1.0em; }
p.suche				{	font-size:1.0em;
						margin-bottom:0; }
p.suchelink			{	color:#AAAAAA; font-size:0.8em;
						margin-bottom:10px; }
p.suchelink a, p.suchelink a:link, p.suchelink a:active, p.suchelink a:visited
					{	color:#AAAAAA; text-decoration:underline; }	
.suche dfn			{	color:#AAAAAA; font-size:0.8em; }
.suche_markiert		{	font-weight:bold;
						padding-left:2px; padding-right:2px;
						background-color:#D4DED0; }

/* Fehlermeldungen darstellen */

ul.error li			{	color:#BC100E; font-weight:bold;
						margin:2px 0; padding:0 0 0 20px;
						line-height:1.25em;
						background:url('/images/icons/error.png') left top no-repeat; }