/* ---------------------------------------------------------------- */
/*		CSS-STYLE FUER Galerie Herold								*/
/*		(C) 2009 WWW.OST-KOMBINAT.DE								*/
/* ---------------------------------------------------------------- */



/* ---------------------------------------------------------------- */
/* 		Global Reset 												*/
/* ---------------------------------------------------------------- */

*{margin:0px;padding:0px;border:0px;}
a		{text-decoration:none;}
a:hover	{text-decoration:none;}
form	{margin:0px;padding:0px;}
:focus	{outline:none;}



/* ---------------------------------------------------------------- */
/* 		Allgemeine Deklaration fuer die Seite 						*/
/* ---------------------------------------------------------------- */

@charset "UTF-8";

html{color:#656565;}

body 
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#656565;
	font-size:12px;
	background-color:#CCCCCC !important;
	overflow:auto;
}

/* 100%-Rahmen, dessen Inhalt mittig (hoehe / L-R) positioniert ist */
#masterholder
{
	position:absolute;
	width:100%;
	height:571px;
	/*position:absolute; */
	top:50%; 
	margin-top:-285px;
	background-image:url(../../Global_Images/bg_page.png)
}

/* haelt den eigentlichen Inhalt  dessen inhalt  */
#pageholder
{
	position:absolute;
	width:954px;
	height:571px;
	/*position:absolute; */
	left:50%; 
	margin-left:-477px; 
	vertical-align:top;
}

/* der 'eigentliche' Bereich der Webseite Oben */
#mainholder
{
	top:0px;
	left:0px;
	position:absolute;
	width:954px;
	height:484px;
	margin:0px;
}

/* der untere Bereich (so ganz grob) */
#bottomholder
{
	top:485px;
	left:0px;
	position:absolute;
	width:954px;
	height:87px;
	margin:0px;
}
/* Detail-Info-Feld unten links */
#bottomleftarea
{
	position:absolute;
	top:0px;
	left:0px;
	width:267px;
	height:85px;
	font-family:times, serif;
	color:#656565;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	border-right:1px solid #CCCCCC;
}
/* Detail-Info-Feld unten links: H1 */
#bottomleftarea h1, #bottomleftarea h2, #bottomleftarea h3, #bottomleftarea h4 
{	
	font-family:times, serif;
	color:#EEEEEE;
	font-size:20px;
	margin-top:20px;
	margin-bottom:3px;
	text-transform:uppercase;
}

/* mittlerer Bereich unten : enhaellt boxen fuer pfeile und beschreibung */
#bottommiddlearea
{
	position:absolute;
	top:0px;
	left:277px;
	width:589px;
	height:71px;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#656565;
	font-size:12px;
	border-right:1px solid #CCCCCC;
	padding-top:15px;
}
#bottommiddlearea b {color:#656565;}

/* box pfeil links:*/
#bottom_leftarrow{width:32px;float:left;}
/* box mitte unten, inhalt:*/
#bottom_mainarea
{
	width:522px;height:70px;
	float:left;
	overflow:hidden;
}
#bottom_mainarea a
{
	color:#656565;
	text-decoration:none;
	font-weight:bold;
}
#bottom_mainarea a:hover{text-decoration:underline;}
/* box pfeil rechts:*/
#bottom_rightarrow{width:32px;float:left;}
/* der linke obere hauptbereich */
#mainleftarea
{
	position:absolute;
	top:0px;
	left:0px;
	width:267px;
	height:484px;
}

/* der rechte oberer hauptbereich */
#mainrightarea
{
	position:absolute;
	top:0px;
	left:268px;
	width:687px;
	height:484px;
}

/* box fuer den Hauptbereich (Holder) */
#maincontent
{
	position:absolute;
	top:0px;left:0px;
	width:595px;
	height:450px;
}

/* box fuer den hauptbereich (hier drin steht der Inhalt-text/Bild) */
#maincontentarea
{
	display:block;
	width:603px;
	height:455px;
	margin:0px;
	padding:30px 0px 0px;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
	color:#656565;
	line-height:18px;
}
/* Im Content: Headline (weiss hell), liegt immer in maincontentarea, aber AUSSERHALB des scroller-divs oder des textwithoutscroller-divs */
#maincontentarea h2, #maincontentarea_start h2
{
	font-size:15px;
	padding:8px 0px 10px 21px;
	margin:0px 0px 5px 0px;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#333333;
}

/* Kuenstlerdetail: Style fuer den dunkelgrau markierten Teil hinter dem Kuenstlernamen (Lebenszeit-Angabe) */
#maincontentarea h2 b
{
	font-size:15px;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#333333;
}

/* Im Content: Headline (weiss hell), liegt immer in maincontentarea, aber INNERHALB des scroller-divs oder des textwithoutscroller-divs */
/* Wird benutzt im Ausstellungen / Kataloge- Detailansicht (=aktuelle) fuer Zwischenueberschriften. */
#maincontentarea h3
{
	font-size:15px;
	padding:8px 0px 10px 0px;
	margin:0px;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#333333;
}



/* Fuer reine Texte OHNE den Scroller: DIESE DIVbox verwenden (wg. dem links-einzug) */
#maincontentarea_textwithoutscroller
{
	width:570px;
	padding-left:20px;
}

/* Diese boxen enthalten den Verlauf, der oben und unten ueber dem Scroller liegt. */
/* Dadurch 'faden' die inhalte beim scrollen oben und unten aus. */
#maincontent_blur_top{
	position:absolute;
	top:70px;left:0px;
	width:580px;
	height:20px;
	background-image:url(../../Global_Images/maincontent_blur_top.png);
	z-index:9998;
}
#maincontent_blur_bottom{
	position:absolute;
	top:434px;left:0px;
	width:580px;
	height:20px;
	background-image:url(../../Global_Images/maincontent_blur_bottom.png);
	z-index:9999;
}

/* box fuer das Logo oben links */
#logoherold
{
	position:absolute;
	top:0px;
	left:0px;
	width:243px;
	height:106px;
}
#teaserimagebox{
	background-image:url(../../Global_Images/teaser/bg_teaser.png);
	background-repeat:no-repeat;
	background-color:white;
	width:218px;
	height:191px;
	margin-left:18px;
}
/* Link 'zurueck zum Kuenstler' im gallery-Detail: */
.backtoartist
{
	font-size:10px;
	font-weight:normal;
	/* ALT: color:#6666664;*/
	color:#656565;
	text-decoration:none;
	margin-left:40px;
}
.backtoartist:hover{text-decoration:underline;}



#maincontentarea a{color:#656565;text-decoration:underline;}

/* ---------------------------------------------------------------- */
/*			N A V I													*/
/* ---------------------------------------------------------------- */


/* box fuer die navi unten links */
#navibox
{
	position:absolute;
	bottom:5px;left:15px;
	width:110px;
	/*border:1px solid red;*/
}

/* Die Prime-navi-Liste */
#navibox ul 
{
	list-style-type:none;
	text-align:right;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:0px;
}

/* Listenpunkt der Primenavi */
#navibox ul li
{
	font-family:times, serif;
	/* ALT: color:#656565;*/
	color:#656565;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:7px;
	height:16px;
}

/* Link der Primenavi */
#navibox ul li a
{
	font-family:times, serif;
	/* ALT: color:#656565;*/
	color:#656565;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
}
#navibox ul li a:hover{color:#333333;}
#navibox ul li.active a{color:#333333;}

#navibox_sub_galery
{
	position:absolute;
	/*bottom:73px;*/			/* navipunkt NEWS: DELETED -> alles etwas weiter runter . */
	bottom:50px;				/* Neu, weil navipunkt NEWS deleted! */
	left:130px;
	width:110px;
	/*display:none;*/
	/* border:1px solid red;*/
}
#navibox_sub_ausstellungen
{
	position:absolute;
	bottom:50px;left:130px;
	width:110px;
	/*display:none;*/
	/* border:1px solid red;*/
}
#navibox_sub_kuenstler
{
	position:absolute;
	bottom:0px;left:130px;
	height:142px;
	width:110px;
	/* border:1px solid red;*/
}
#navibox_sub_kontakt
{
	position:absolute;
	bottom:4px;left:130px;
	width:110px;
	/* border:1px solid red;*/
}

/* Liste der Subnavi */
.navibox_sub ul
{
	background-image:url(../../Global_Images/navi_bullet.gif);
	background-repeat:no-repeat;
	/*background-position:left top;*/ 	/* navipunkt NEWS: DELETED -> alles etwas weiter runter . */
	background-position:0px 23px;		/* Neu, weil navipunkt NEWS deleted! */
	padding-top:23px;					/* Neu, weil navipunkt NEWS deleted! */
	list-style-type:none;
	text-align:left;
	margin-bottom:0px;
	margin-left:0px;
	padding-left:0px;
	padding-bottom:0px;
}
/*Ausstellungen*/
ul.subnavi10{
	/*padding-top:22px;*/
	/*background-position:0px 22px;*/
	padding-top:45px;					/* Neu, weil navipunkt NEWS deleted! */
	background-position:0px 45px;		/* Neu, weil navipunkt NEWS deleted! */
}
/*Kataloge*/
ul.subnavi236{
	/*padding-top:68px;*/
	/*background-position:0px 68px;*/
	padding-top:91px;					/* Neu, weil navipunkt NEWS deleted! */
	background-position:0px 91px;		/* Neu, weil navipunkt NEWS deleted! */
}
/*Kontakt*/
ul.subnavi238{
	padding-top:91px;					/* bleibt, weil sowieso ganz unten! */
	background-position:0px 114px;		/* bleibt, weil sowieso ganz unten! */
}
	
	
/* Listenpunkt der Subnavi */
.navibox_sub ul li
{
	
	font-family:times, serif;
	color:#656565;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom:7px;
	padding-left:15px;
	height:16px;
}

/* Link der Subnavi */
.navibox_sub ul li a
{
	font-family:times, serif;
	color:#656565;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	letter-spacing:1px;
}
.navibox_sub ul li a:hover{color:#333333;}
.navibox_sub ul li.active a {color:#333333;}


/* ---------------------------------------------------------------- */
/* --------------- STARTSEITE ------------------------------------- */
/* ---------------------------------------------------------------- */

/* box fuer den hauptbereich (hier drin steht der Inhalt-text/Bild) */
#maincontentarea_start
{
	display:block;
	width:600px;
	height:455px;
	margin:0px;
	padding:30px 0px 0px;
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
	color:#656565;
	line-height:18px;
}
#start_portraitholder
{
	width:600px;
	height:280px;
	margin:0px;
	padding:0px;
}
#start_portraitholder ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
#start_portraitholder ul li{
	list-style-type:none;
	float:left;
	margin:0px;
	padding:0px;
}
#start_leftportrait
{
	top:30px;
	left:0px;
	position:absolute;
	width:300px;
	height:280px;
	margin:0px;
	background-image:url(../../Global_Images/start_leftportrait_0.png);
	background-repeat:no-repeat;
}
#start_leftportrait:hover{background-image:url(../../Global_Images/start_leftportrait_1.png);}
#start_rightportrait
{
	top:30px;
	left:300px;
	position:absolute;
	width:300px;
	height:280px;
	margin:0px;
	background-image:url(../../Global_Images/start_rightportrait_0.png);
	background-repeat:no-repeat;
}
#start_rightportrait:hover{background-image:url(../../Global_Images/start_rightportrait_1.png);}



/* ---------------------------------------------------------------- */
/* --------------- KUENSTLER - LISTE ------------------------------ */
/* ---------------------------------------------------------------- */

/* Zeile in der Liste, ohne MouseOver-Style (=normalzustand) */
.row1
{
	font-size:13px;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#656565;
	height:25px;
	background-color:transparent;
}

/* Zeile in der Liste, MouseOver-Style */
.row1_hover
{
	font-size:13px;
	font-family:arial,verdana,helvetica,sans-serif;
	text-decoration:underline;
	color:#FFFFFF;
	height:25px;
	/*background-color:#656565;*/
	background-color:#909090;
}
/* Immer : alle Inhalte in den Zellen links eingerueckt, weil der Hintergrund bei MouseOver eingefaerbt wird. */
#artistlist tr td 
{	padding-left:4px;}

/* Link in der Tabelle (verlinkung des kuenstler-details) */
#artistlist  tr td a
{
	text-decoration:underline;
	font-size:13px;
	font-family:arial,verdana,helvetica,sans-serif;
	text-decoration:none;
	color:#656565;
	height:25px;
}
#artistlist tr td a:hover{text-decoration:underline;color:#FFFFFF;}




/* ---------------------------------------------------------------- */
/* --------------- KUENSTLER - DETAIL ----------------------------- */
/* ---------------------------------------------------------------- */

/* Tabellenzelle in der Beschreibung des kuenstlers: */
#artistdetail table{
	width:380px;
}
#artistdetail table td-1{
	width:80px;
}
#artistdetail tr td table tr td
{
	font-size:13px;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#656565;
	vertical-align:top;
	padding-top:5px;
	padding-right:8px;
	/*padding-left:3px;*/
}

#artistdetail tr td table tr td .td-0{padding-left:0px;}
#artistdetail tr td table tr td .td-1{padding-left:3px;padding-right:6px;}

/* Link in der Rahmentable ('zurueck zur liste')*/
#artistdetail tr td a
{
	font-size:10px;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#656565;
	text-decoration:none;
	text-decoration:none;
	padding-left:4px;
}

#artistdetail table tr td a:hover{color:#FFFFFF;text-decoration:underline;}

/* Unten im Kuenstler-detail: Boxen fuer die Preview-images */
.image_preview{
	height:70px;
	float:left;
	padding-left:10px;
}
.paintingshadow_right{
	background-image:url(../../Global_Images/image_detail_shadow_right.png);
	background-repeat:repeat-y;
	width:8px;
	font-size:0px;
}



/* ---------------------------------------------------------------- */
/* --------------- GALLERY - DETAIL ------------------------------- */
/* ---------------------------------------------------------------- */

.gallerytable td
{
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
}

.gallerydetail_borderright
{
	background-image:url(../../Global_Images/image_detail_shadow_right.png);
	background-repeat:repeat-y;
	width:8px;
	vertical-align:top;
}
.gallerydetail_borderbottom
{
	background-image:url(../../Global_Images/image_detail_shadow_bot.png);
	background-repeat:repeat-x;
	text-align:left;
}

/* ---------------------------------------------------------------- */
/* --------------- KATALOGE-TABELLE ------------------------------- */
/* ---------------------------------------------------------------- */

/* Gesamtbreite der Tabelle: */
#maincontentarea .katalogetable
{
	width:540px;
	font-size:13px;
	font-family:arial,verdana,helvetica,sans-serif;
	vertical-align:top;
	color:#656565;
	margin-bottom:40px;
}
#maincontentarea .katalogetable td
{padding-bottom:10px;}

/* ERSTE ZEILE: BESCHREIBUNG DER SPALTEN IN BOLD! */
/*#maincontentarea .katalogetable .tr-0
{font-weight:bold;color:#FFFFFF;}*/

/* Erste Spalte ,  Name des Kataloges */
#maincontentarea .katalogetable .td-0
{
	width:360px;
	vertical-align:top;
	padding-right:10px;
}
/* Zweite Spalte,  das Sternchen (Katalog vergriffen / verfuegbar) */
#maincontentarea .katalogetable .td-1
{
	width:15px;
	vertical-align:top;
	padding-right:8px;
}
/* Dritte Spalte, Seitenzahl d.buches */
#maincontentarea .katalogetable .td-2
{
	width:65px;
	vertical-align:top;
	text-align:left;
	padding-right:10px;
}
/* Vierte Spalte, Datum/Ort */
#maincontentarea .katalogetable .td-3
{
	width:100px;
	vertical-align:top;
	text-align:right;
}


/* ---------------------------------------------------------------- */
/* --------------- AUSSTELLUNGEN-TABELLE ALT !!!!!! -------------------------- */
/* ---------------------------------------------------------------- */

/* Gesamtbreite der Tabelle: */
#maincontentarea .ausstellungentable
{
	width:540px;
	font-size:13px;
	font-family:arial,verdana,helvetica,sans-serif;
	vertical-align:top;
	color:#656565;
	margin-bottom:40px;
}
#maincontentarea .ausstellungentable td
{padding-bottom:10px;}
/* ERSTE ZEILE: BESCHREIBUNG DER SPALTEN IN BOLD! */
/*#maincontentarea .ausstellungentable .tr-0
{font-weight:bold;color:#FFFFFF;}*/
/* Erste Spalte , Jahreszahl-Angabe */
#maincontentarea .ausstellungentable .td-0
{
	width:50px;
	vertical-align:top;
	padding-right:10px;
}
/* Zweite Spalte, name d. Aussteluung */
#maincontentarea .ausstellungentable .td-1
{
	vertical-align:top;
	padding-right:10px;
}
/* Dritte Spalte, Angabe buche / Katalog / Heft ...  */
#maincontentarea .ausstellungentable .td-2
{
	width:80px;
	vertical-align:top;
}

/* ---------------------------------------------------------------- */
/* --------------- AUSSTELLUNGEN-TABELLE NEU ---------------------- */
/* ---------------------------------------------------------------- */

/*Simple Text-UL-Liste im Scroll-content... */
#TextScrollerInhalt ul
{
	width:530px;
	list-style-type:none;
	color:#656565;
}
#TextScrollerInhalt ul li
{
	display:outline;
	background-image:url(../../Global_Images/list_bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
	line-height:1.1em;
	padding:0px 0px 10px 6px;
}

/* ---------------------------------------------------------------- */
/* ----------- AUSSTELLUNGEN / KATALOG - GALLERY ------------------ */
/* ---------------------------------------------------------------- */

/* Ausstellungs-Item Wrap: */
#maincontentarea .itemausstellung
{
	width:530px;
	font-size:12px;
	vertical-align:top;
}
#maincontentarea .itemausstellung .detailimage
{
	width:70px;
	vertical-align:top;
	text-align:left;
	float:left;
}

#maincontentarea .itemausstellung .detailtext
{
	width:445px;
	float:right;
}
#maincontentarea .itemausstellung .detailtext h3, h2, h4
{
	font-size:12px;
	font-weight:bold;
	margin:0px;
	padding:0px;
}
#maincontentarea .itemausstellung .clearspace{
	height:17px !important;
}



.clearfloat{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;	
}