@charset "utf-8";

/*	########################################################
	CSS: Armin Briatta - Fotografie und Webdesign Darmstadt
	https://briatta.eu/
	########################################################	
	dtdf.de 2015
	########################################################
	
*/

/* #######################################################################################
	TODO: ansatzweises reset, verfeinern
####################################################################################### */



* {
	margin: 0;	
	border: 0 none; 
	padding: 0;
	vertical-align: baseline;
}

html {
	overflow-y: scroll;
}

dl {
	margin: 16px 0 16px 0;
	margin: 1rem 0 1rem 0;
}

/*	HTML, BODY und #SCHALE 
________________________________________________________________________________*/



html, body {
	height: auto;
	font-size: 100.01%;
	text-align: center;	
	background-color: #fff;
	color: #000;
}

/*	seit dem Relaunch im November 2007 800px Breite (4 mal 200px) */
#schale{
	position: relative;
	text-align: left;
	margin: 5px auto;
	width: 800px;
	padding-bottom: 1.9em;
}

/*	ERSTE EBENE MIT BILD UND LOGO #OBEN 
________________________________________________________________________________*/
	
#oben {
	position: relative;
	left: 200px;
	top: 0;
	width: 600px;
	height: 200px;
	background-color: #888888;
}
/*	seit dem Relaunch ist das Logo absolut rechts positioniert */
#oben #imglogo {
	position: absolute;
	right: 0;
}
/*	individuelle Hintergrundfarben fuer verschiedene Rubriken */
#bodyhome #oben {
	background-color: #8ec7c7;
	background-color: #669f85;
}

#bodyfestivalsymposium #oben {
	background-color: #000;
}

#bodyfestivalausstellungen #oben {
	background-color: #a7692c;
}

#bodyfestivalprogramm #oben {
	background-color: #c94e2c;
}


/*	NAVIGATION - DREI EBENEN 
________________________________________________________________________________*/
ul#mainnav{
	position: relative;
	float:left;
	width: 200px;
	list-style-type: none;
	background-color: #fff;
}

ul#mainnav img {
	background-color: #fff;
	display: block;
}
ul#subnav {
	position: relative;
	float: none;
	width:200px;
	list-style:none;
	background-color:white;
}
ul#subsubnav {
	position: relative;
	float: none;
	width:200px;
	list-style:none;
	background-color:white;
}

/*	NAVIGATION NAMEN IM ARCHIV 
______________________________________________________________________________________*/
ul#namenarchivNeu {
	list-style-type: none;
	padding-bottom: 1em;
	margin-top: -.5em;

}
/*	14.12.2005:
	zuerst hatte ich den li display:block und float:left zugewiesen. 
	Das gab unterchiedliche Ergebnisse: IE Macs Layout war zerfleddert. 
	So ist es einfacher */
ul#namenarchivNeu li {
    display: inline;
}

/*	eingebaut am 31.3.2009 wegen der unuebersichtlichen Liste der Symposiumvortraege */
ul#symposiumlist{
	margin-top: 3em;
}
ul#symposiumlist li{
	margin-bottom: 1em;
}

/*	INHALT: #CONTENTMAIN (neu eingefuehrt bei Relaunch) 
________________________________________________________________________________*/

#contentmain {
	margin-left: 200px;
	position: relative;
}


/*	INHALT: #CONTENTMAIN .TEXTHEADS 
	INHALT: #CONTENTMAIN .TEXTHEADS H1 (gibt es nur in dieser Ebene)  
________________________________________________________________________________*/
.textheads {
	position: relative;
	margin-left: 0;	
	padding: 0 20px;
	background-color: #bbbbbb;
	border-top: 1px solid #bbbbbb;
	min-height: 9.2em;
}
h1 {	
	font-size: 1.2em;
	font-family: "Times New Roman", Times, serif;
	line-height: 1.1;
	font-weight: normal;
	letter-spacing: 0.07em;
	margin-top: 4.3em;
	color: #990000;
	background-color: #bbbbbb;
}

/*	individuelle Hintergrundfarben fuer die Ebene .textheads und
	individuelle margin-top fuer h1 in .texthead */
#bodyhome .textheads {
	background-color: #669585;
	border-top: 1px solid  #669585;
	background-color: #8ec7c7;
	border-top: 1px solid  #8ec7c7;
}
#bodyhome h1 { 
	color: white;
	background-color: #669585;
	background-color: #8ec7c7;
}

#bodypartner h1 {
	margin-top: 3.2em;

}

#bodyfestivalworkshops  h1 {
	margin-top: 5.35em;
}


#bodyfestivalausstellungen .textheads {
	background-color: #c2447b;
	border-top: 1px solid #c2447b;
}

#bodyfestivalausstellungen h1 { 
	color: white;
	background-color: #c2447b;
}

#bodyfestivalsymposium .textheads {
	background-color: #8ec7c7;
	border-top: 1px solid #8ec7c7;
}

#bodyfestivalsymposium h1 { 
	color: #fff;
	background-color: #8ec7c7;
}

#bodyfestivalprogramm .textheads {
	background-color: #c2447b;
	border-top: 1px solid #c2447b;
}

#bodyfestivalprogramm h1 { 
	color: white;
	background-color: #c2447b;
}

#bodyfestivalrahmenprogramm .textheads {
	background-color: #7d7d7d;
	border-top: 1px solid #7d7d7d;
}

#bodyfestivalrahmenprogramm h1 { 
	color: white;
	background-color: #7d7d7d;
}
#bodyrahmenprogramm h1 span { 
	color: #E7BC1A;
	background-color: #7d7d7d;
}
#bodyfestivalrahmenprogramm h1 span { 
	color: #E7BC1A;
	background-color: #7d7d7d;
}
#bodywir h1 {
	margin-top: 2em;
	color: white;
	background-color: #bbbbbb;
}
#bodywir h1 span {
	color: #990000;
	background-color: #bbbbbb;
}
#bodykontakt h1,
#bodydatenschutz h1 {
	margin-top: 2em;
	color: white;
	background-color: #bbbbbb;
}
#bodykontakt h1 span,
#bodydatenschutz h1 span {
	color: #990000;
	background-color: #bbbbbb;
}
#bodypresse h1 {
	color: white;
	background-color: #bbbbbb;
}
#bodypresse h1 span {
	color: #990000;
	background-color: #bbbbbb;
}
#bodymerck h1 {
	color: white;
	background-color: #bbbbbb;
}
#bodymerck h1 span {
	color: #990000;
	background-color: #bbbbbb;
}
#bodyarchiv h1 {
	color: #990000;
	background-color: #bbbbbb;
	margin-top: 1em;
	margin-bottom: 1.3em;
}

#bodyarchiv  #heads-georges-rousse h1{
	color: #990000;
	background-color: #bbbbbb;
	margin-top: 3em;
	margin-bottom: 0;
}



#bodyarchiv #headarchiv04 h1 {
	margin-top: 4.3em;
}


#bodyschauraum #headsschauraumarchiv h1 {
	color: #990000;
	background-color: #bbbbbb;
	margin-top: 1em;
	margin-bottom: 1.3em;
}


/*	INHALT #CONTENTMAIN .TEXTMAIN 
________________________________________________________________________________*/

.textmain {
	position:relative;
	margin-top:1em;
	margin-left:0;
	padding: 0 20px;
}
.textmain img {
	display: block;
	margin: 24px 0 24px;
}
.textmain img.mercklogo {
	margin: 80px 0;
} 

.textmain p.imginline img {
	display: inline;
	/* 2018-01-23 wegen Schmid auf Anfrage Sylvias*/
	margin-right: 5px;
}



.textmain p.imgfloat {
	padding-top: 2em;
	padding-bottom: 2em;
	float: left;
}

/* fuer Portrait auf Merck-Seite */
.textmain p.imgfloat img, .textmain h2.imgfloat img {
	display: block;
	float: left;
	width: auto;
	margin: 0 1.5em 1em 0;
}
p.float-left {
	display: block;
	float: left;
	margin: 0px 20px 20px 0px;
	width: auto;
	text-align: left;
	font-size: 0.69em;
}
p.float-right-270 {
	clear: right;
	display: block;
	float: right;
	margin: 0px -20px 20px 20px;
	width: 180px;
	text-align: right;
	font-size: 0.69em;
}

p.float-left img{
	margin: 20px 0 10px;
	width: 100%;
	height: auto;
}
p.float-right-270 img{
	margin: 20px 0 10px;
	width: 100%;
	height: auto;
}

img.float-right {
	display: block;
	float: right;
	width: auto;
	margin: 0 0 20px 20px;
}
img.float-left {
	display: block;
	float: left;
	width: auto;
	margin: 0 20px 20px 0;
}




/*	H2, H3, H4
________________________________________________________________________________*/

h2, h3, h4, h5 {
	color: #990000;
	background-color: #ffffff;
	font-size: 12px;
	font-size: 0.75rem;
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	margin-top: 1.7em;
	font-weight: bold;
	line-height: 1.7em;
}


.textmain > h2:first-child {
	margin-top: 3em;
}
.textmain p+h2,
.textmain ul+h2 {
	margin-top: 3em;
}
.textmain h2.datumprogramm,
.textmain h3.datumprogramm {
	margin-bottom: 0;
}
.textmain h2.datumprogramm + p,
.textmain h3.datumprogramm + p {
	margin-top: 0;
}

.textmain h2.zeitprogramm,
.textmain h3.zeitprogramm {
	font-weight: strong;
	margin-top: 2em; 
}

.textmain h2.zeitprogramm + p,
.textmain h3.zeitprogramm + p {
	margin-top: 0;
}

#bodyfestivalprogramm .textmain h2.tagprogramm {
	margin-top: 2em;
	color: #000;
}
#bodyfestivalprogramm .textmain h2.tagprogramm {
	margin-top: 2em;
	color: #000;
}
#bodyfestivalprogramm .textmain h3.zeitprogramm {
	font-weight: bold;
	color: #c94e2c;
}


/*	gleich der Hintergrundfarbe .textheads */
#bodyhome h2, #bodyhome h3, #bodyhome strong {color: #99cc00;}


#bodyfestivalsymposium h2,
#bodyfestivalsymposium h2 a:link,
#bodyfestivalsymposium h2 a:visited,
#bodyfestivalsymposium p a:link, 
#bodyfestivalsymposium p a:visited,
#bodyfestivalsymposium h3, 
#bodyfestivalsymposium strong {
	color: #a76a2d;
}

#bodyhome h2,
#bodyhome h2 a:link,
#bodyhome h2 a:visited,
#bodyhome p a:link, 
#bodyhome p a:visited,
#bodyhome h3, 
#bodyhome strong {
	color: #771343;
}

#bodyfestivalausstellungen h2,
#bodyfestivalausstellungen h2 a:link,
#bodyfestivalausstellungen h2 a:visited,
#bodyfestivalausstellungen p a:link, 
#bodyfestivalausstellungen p a:visited,
#bodyfestivalausstellungen h3, 
#bodyfestivalausstellungen strong {
	color: #618b07;
}

#bodyfestivalprogramm h2,
#bodyfestivalprogramm h2 a:link,
#bodyfestivalprogramm h2 a:visited,
#bodyfestivalprogramm p a:link, 
#bodyfestivalprogramm p a:visited,
#bodyfestivalprogramm h3, 
#bodyfestivalprogramm strong {
	color: #618b0f;
}

/*	speziell für Symposium Registrierung oder andere Neuigkeiten */
#bodyhome h2.newinformation, #bodyfestivalsymposium h2.newinformation, #bodyfestivalrahmenprogramm h2.newinformation{color:#990000;}
#bodyfestivalrahmenprogramm h2 {color: #511552;}
#bodyarchiv h3, #bodyfestivalprogramm h3 {color: #111111;}
#bodypresse h5 {color: #111111;}
#bodypresse h2 {color: #111111;}

h2.presseh2 {color: #111111;} 

/*	p und address
________________________________________________________________________________*/
p, address {
	color: #111111;
	background-color: #ffffff;
	font-size: 0.75em;
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	margin: 0.85em 0;
	line-height: 1.7em;
	font-style: normal;
}
blockquote {
	color: #111111;
	background-color: #ffffff;
	font-size: 0.75em;
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	margin: 0.85em 0;
	line-height: 1.7em;
}
#bodyhome p {
	background-color: #ffffff;
}
#bodyfestivalausstellungen p {
	background-color: #ffffff;
}




/*	FLIESSTEXT UND UEBERSCHRIFTEN SPEZIELLE ANWEISUNGEN
________________________________________________________________________________*/

/*	Elemente (h oder p), die groesseren Abstand zum Vorgaenger halten sollen,
	::TODO:: mit p+p oder so aehnlich fuer standardkonforme Browser regeln ?? */
.distance3 {
	margin-top: 4.5em;
}

.distance2, .linkup, .urheber-film  {
	margin-top: 3em !important;
}



/*	Elemente (p), die keinen besonderen Abstand zum Vorgaenger halten sollen
	::TODO:: Unterschied zwischen nachoben und linkup checken */
.innerParagraph {
	margin-top: 0;
}
.nachoben {
	margin-top: 1.7em;
}

/*	Links ohne Logo auf der Partnerseite */
#bodypartner #partner p,
#bodypartner .partner p {
	font-size: 1.2em;
	font-weight: bold;
	color: #990000;
	background-color: white;
	margin: 48px 0 0;
}
#bodypartner #partner p.partnerzusatztext,
#bodypartner .partner p.partnerzusatztext{
	font-size: 0.75em;
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	margin: 0;
	line-height: 1.7em;
	font-style: normal;
}

/*	STOPFLOAT 
________________________________________________________________________________*/

.stopfloat {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}
.stopfloat p{
	display:none;
}

/*	neu am 26.6.2008 wegen Merckpreis */
.clearleft {
	clear: left;
}

.clearboth {
	clear: both;
}
.clearright {
	clear: right;
}


/*	LISTEN 
________________________________________________________________________________*/

/*  Listen im Fließtext, 
	.listimtext angelegt für die Liste beim Angebot des Maritim-Hotels 
	jetzt auch für Kontaktformular-Liste
	.sitemaplevel1 ... fuer sitemap
________________________________________________________________________________*/

/*	::ARMIN:: neu 2013-11-12, soll auf Dauer .listimtext ersetzen */
.textmain ul {
	font-family: Verdana, Arial, sans-serif;
	list-style-type: disc;
	font-size: 0.75em;
	line-height: 1.7em;
	margin: .85em 12px .85em 1.7em;	
}



/*	Listen ohne Listenzeichen, z.B. Linkaufzaehlung auf Archivseite Symposium */
ul.withoutdisc {
    list-style-type: none;
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.7;
	margin: 0.85em 0;
}

/*	fuer Symposium */


ul.timetable li {
	margin: 20px 0;
	margin: 1.25rem 0;
}

li.pause {
	font-style: italic;
}

li span.zeit {
	font-style: italic;
}

ul.withoutdisc li h3 {
	margin: 0 0 .5rem 0;
}

ul.withoutdisc li p {
	font-size: 1em;
}

/*	LINKS
________________________________________________________________________________*/

/*	Links allgemein 
________________________________________________________________________________*/

/*	neue Werte seit 20.2.2007 */

a:link, a:visited {
	color: #990000;
	background-color: transparent;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #990000;
	background-color: transparent;
	text-decoration: underline;
}

/*	so schließe ich aus, dass Anker sich wie Links verhalten bei hover und focus */
a[id]:hover, a[id]:focus {
	text-decoration: none;
}


/*  individuelle Farben der Links fuer verschiedene Rubriken 
	::TODO:: aufraeumen */

#bodyhome h1 a:link, #bodyhome h1 a:visited {
	color: white;
}
#bodyhome .newinformation a:link, #bodyhome .newinformation a:visited {
	color: #990000;
}

#bodyfestivalausstellungen a:link, #bodyfestivalausstellungen a:visited {
	color: #511552;
}

#bodyfestivalausstellungen .newinformation a:link, #bodyfestivalausstellungen .newinformation a:visited {
	color: #660066;
}

#bodyfestivalprogramm a:link, #bodyfestivalprogramm a:visited {
	color: #618b0f;
}

#bodyfestivalprogramm .newinformation a:link, #bodyfestivalprogramm .newinformation a:visited {
	color: #990000;
}

#bodyfestivalrahmenprogramm a:link, #bodyfestivalrahmenprogramm a:visited {
	color: #511552;
}

#bodyfestivalrahmenprogramm .newinformation a:link, #bodyfestivalrahmenprogramm .newinformation a:visited {
	color: #990000;
}

#bodyfestivalsymposium .newinformation a:link, #bodyfestivalsymposium .newinformation a:visited {
	color: #990000;

}
#bodyarchiv a:link, #bodyarchiv a:visited {
	color: #990000;
}

#bodypresse a:link, #bodypresse a:visited {
	color: #990000;
}
#bodypartner a:link, #bodypartner a:visited {
	color: #990000;
}
#bodyanfahrt a:link, #bodyanfahrt a:visited {
	color: #990000;
}
#bodykontakt a:link, #bodykontakt a:visited,
#bodydatenschutz a:link, #bodydatenschutz a:visited {
	color: #990000;
}

/*	fuer wichtige links 2012 */
a.aktueller-programmlink:link, a.aktueller-programmlink:visited {
	color: #ff6677!important;
	font-weight: bold;
}


/*	Links im Archiv in der Ebene .textheads (z.b. Kuenstlernamen) 
________________________________________________________________________________*/
ul#namenarchivNeu li a{
	font-size: 0.75em;
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	line-height: 1.7em;
	font-weight: bold;

}
ul#namenarchivNeu li a:link, ul#namenarchivNeu li a:visited {
	color: #990000;
	background-color: #bbbbbb;
}
ul#namenarchivNeu li a:hover, ul#namenarchivNeu li a:focus {
	color: white;
	background-color: #bbbbbb;
}
ul#namenarchivNeu li a.current:link, ul#namenarchivNeu li a.current:visited {
	color: white;
	background-color: #bbbbbb;
}


/*	Links in der Hauptnavigation 
________________________________________________________________________________*/

/*  line-height scheint wichtig für IE, nicht über padding vertikalen Abstand erzeugen! */
/* 	border: besser ist 2px bottom als je ein Pixel oben und unten:
	beim Vergrößern der Schrift kann es sonst Zwischenabstände zwischen den
	Grenzlinien zweier Zeilen geben (nach Zeilenumbruch im Link z.B.) 
	Farbwert der Linie bezieht sich auf die "grauen" Dateien, alle anderen Werte siehe unten */

/*	IE Win braucht die feste width in pixel!? */
ul#mainnav li a {
    display: block;
	width: 160px;
	text-decoration:none;	
	border-bottom: 2px solid #999999;
	padding:0 20px;
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	font-size: 0.625em;
	line-height: 1.9;
}

ul#mainnav li a.navibildlink {
	width: auto;	
	border-bottom: none;
	padding: 0 0;
}
ul#mainnav li ul#subnav li a {
	width: 130px;
	text-decoration:none;	
	padding:0 35px;
}
ul#mainnav li ul#subnav li ul#subsubnav li a {
	width: 100px;
	text-decoration:none;	
	padding:0 50px;
}
/*	der erste und der letzte Link bekommen je eine 1px Linie oben bzw. unten */
ul#mainnav li#linkHome a {
	border-top:1px solid #999999;
}

ul#mainnav li.iconlink {
	display: inline-block;
	width: 35px;	
	margin: 30px 0 30px 10px;
}

ul#mainnav li.iconlink a:link {
	display: block;
	width: 100%;	
	margin: 0;
}




ul#mainnav li a:link, ul#mainnav li a:visited {
	color: #111111;
	background-color:#dddddd;
}
ul#mainnav li a.navibildlink:link, ul#mainnav li a.navibildlink:visited {
	background-color:#fff;
}
ul#mainnav li a.navibildlink img {
	max-width: 200px;
	height: auto;
}


ul#mainnav li a:hover, ul#mainnav li a:focus {
	color: #111111;
	background-color: #ffffff;
}
ul#mainnav li a.current:link, ul#mainnav li a.current:visited  {
	background-color:#ffffff;
}

/*	Bild als Link
________________________________________________________________________________*/

/*	verhindert, dass Hintergrundfarbe sichtbar wird bei a:hover 
	::TODO:: eleganter?? */
#bodypartner .partner p img {
	margin: 48px 0;
	display: block;
}
  

/*	KONTAKTFORMULAR
________________________________________________________________________________*/

form {
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	color: #111111;
	font-size: 0.75em;
	line-height: 2em;
	font-style: normal;
	font-weight: normal;
	width: 100%;	
}

fieldset {
    border: 1px solid #990000;
	padding: 18px 9px 18px 9px;
	margin: 1.6em 0;
}

label {
	width:114px;
	float:left;
	text-align: left;
	padding:0;
}

label.required:after {
	content: " *";
	color: #990000;
}
/*	fuer rechte Labels, z.B. neben checkboxen 
	die Checkboxen sitzen unterschiedlich in der Höhe je nach Browser,
	im Firefox z.B. höher als im IE, deshalb habe ich hier die 2em line-height von form
	wieder relativiert, ist noch nicht perfekt */
label.rightlabel {
	float:right;
	text-align: left;
	width: 390px;
	position:relative;
	margin-right: 18px;
	line-height: 1.7em;
}
input, textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	color: #990000;
	background: #ffffff;
	font-weight: bold;
	padding: 2px 0;
}
input.text, textarea {
	float:left;
	color: #990000;
	border: 1px solid #990000;
	margin: 0 0 0 18px;
	width: 390px;
}

form#Kontakt textarea {
	margin: 0 0 0 132px;
}
/*	neu nach Relaunch: border entfaellt */
input.checkbox {
	position:relative;
	float:left;
	margin-left: 0;
	margin-top: 3px;
}
select {
    font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	color: #990000;
	background: #ffffff;
	font-weight: bold;
	padding: 2px 0;
	margin: 0 0 0 18px;
	border: 1px solid #990000;
	width: 4em;
}

form h3 {
	font-size: 1em;
	font-weight: bold;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	margin-left: 132px;
	color: #111111;
	background-color: white;
	clear: both;
}
form p {
	font-size: 1em;
	font-weight: normal;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	margin-left: 132px;
	color: #111111;
	background-color: white;
	clear: both;
}
form br {
	clear: both;
}

input#submit {
	float: left;
	width: auto;
	margin-left: 132px;
	color: #111111;
	background-color: #99B24D;
	text-align: center;
}

div.errormsg {
	background-color: #990000;
	border: 5px solid #990000;
	margin: 1em 0;
	padding: 0 20px;
}
div.errormsg *{
	color: #fff;
	background-color: #990000 

}

/*	TABELLE (neu am 26.2.2008 wegen Preise Maritim-Hotel 
________________________________________________________________________________*/

table {
	margin: 0.85em 0;  
}
td {
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	font-weight: normal;
	font-size: 0.75em;
	line-height: 1.6;
}

/*	SONSTIGES 
________________________________________________________________________________*/
/*	einmal benutzt im Archiv: Gedicht */
pre {
	font-size: 100.01%;
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
}

/*  die Presseartikel sind in extra Ebenen gepackt mit Abstand nach oben,
	ebenso die Archivbilder */
#bodyarchiv .pictimtext {
	padding-top: 0.9em;
}
#bodyarchiv .artikel {
	margin: 1.7em 0;
}
#bodyschauraum .artikel {
	margin: 1.7em 0;
}
#bodypresse .artikel {
	margin: 1.7em 0;
}

/*	AUFHEBEN FUER 2008 
________________________________________________________________________________*/
/*  die Farbe für die Nummern der offline-Ausstellungsorte */
#bodyrahmenprogramm h3 span {
	color:#511552;
}
#bodyfestivalrahmenprogramm h3 span {
	color:#511552;
}
/*  die Farbe für die Nummern der Ausstellungsorte innerhalb Symposium und Ausstellung */
#bodysymposium .textmain span.redner {
	color: #111111;
	font-weight:bold;
}
#bodyfestivalsymposium .textmain span.redner {
	color: #111111;
	font-weight:bold;
}






/*	Flashtrailer 
______________________________________________________________________ */
div.flashtrailer {
	margin: 2em 0;
}

/*	neu am 29.4. 2012 fuer  Bildtitel, NBamen u.s.w. */

cite {
	font-weight: bold;
	font-style: normal;
}




/*	Reserven 
______________________________________________________________________ */
#photokina {
	display: block;
	margin: 2em 0;
}

#photokina2 {
	position: absolute;
	left: -200px;
	top: 300px;
}
#photokina-2012 {
	float: right;
	margin: 0 -20px 2em 20px;
	
}

#photokina-2014 {
	float: right;
	margin: -20px -20px 2em 20px;
	
}

span.nowrap {
	white-space: nowrap;
}


/*	neu am 2.5. 2012 */

#videocontainer {
	position: relative;
	margin: 2em 0;
	border: none;
	background-color: #fff;
}

video {
	margin: 0 0;
	border: none;
	background-color: #fff;

}
source {
	background-color: #fff;
}

/*	Sonderaktion */


div.action {
	margin-bottom: 2em;
	padding-bottom: 1em;

}

h2.action,
div.action .action {
	color: #990000!important;
	font-weight: bold;
}



.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.floatbox {
	overflow: hidden;
}

/* testweise dl */
dl {
	display: block;
}
dt, dd {
	color: #111111;
	background-color: #ffffff;
	font-size: 0.75em;
	font-family: Verdana, Arial, Swiss, SunSans-Regular, sans-serif;
	margin: 0;
	line-height: 1.7em;
	font-style: normal;
}

dt {
	font-weight: normal; 
	display: inline-block;
	float: left;
	width: 20%;
	clear: left;
	padding: 0  12px 0 0;
	padding: 0 .75rem 0 0; 
}

dd {
	font-weight: normal; 
	display: inline-block;
	float: left;
	padding: 0  12px 0 0;
	padding: 0 .75rem 0 0; 
	
}

.formtoprint {
	padding: 20px;
}

p.sign {
	border-bottom: 1px solid #ddd;
}

.errmsg {
	color: #990000;
	font-size: 14px;
	font-size: .875rem;
}

span.marktschreier {
	text-transform: uppercase;
}