/* Format für Layer*/
/* Text01 in Content-Container 550px breit*/
.l_context01{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	padding-right: 20px;
	max-width: 550px;
}



/* Format für Layer mit grauer Umrandung, Schrift dunkel-anthrazit: Rahmenprogramme, Workshops etc.
ACHTUNG: Doppeldefinition unter veranstaltungen/styles/layer.css für doppelten Gebrauch */

.layer_bild_grau{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	margin-top: 5px;
	margin-right:20px;
	padding: 5px;
	border: 1px solid #666666;
	width: 500px;
}


/* Format für Layer ohne Umrandung, grauem Hintergrund, Schrift anthrazit, 350px Breite */
.layer_grau350{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	margin-top:5px;
	margin-rigth:20px;
	padding: 5px;
	background-color: #efefef;
	width:380px;
}

/* Format für Layer ohne Umrandung, grauem Hintergrund, kleiner Schrift anthrazit, 350px Breite */
.layer_grau350_kl{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:left;
	margin-top:5px;
	margin-rigth:20px;
	padding: 5px;
	background-color: #efefef;
	width:380px;
}


/* Format für Layer ohne Umrandung, grauem Hintergrund, Schrift anthrazit */
.layer_grau_h{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	margin-top:5px;
	margin-rigth:20px;
	padding: 5px;
	background-color: #efefef;
}

/* Format für Layer ohne Umrandung, grauem Hintergrund, kleine Schrift anthrazit */
.layer_grau_kl{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:left;
	margin-top:5px;
	margin-rigth:20px;
	padding: 5px;
	background-color: #efefef;
}

/* Layer-Text 150 px rechts positioniert, Schrift anthrazit */

.layer_text_rechts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 150px;
	margin-right: 20px;
}

/* Layer-Text klein, Schrift anthrazit */

.layer_text_klein {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color: #333333;
	text-align:left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 20px;
}


/* Format für Layer der Popup-Fenster */
/* grauer Umrandung, Einzug links, kleine Schrift */

.layer_pop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	text-indent: 9pt;
	color: #333333;
	margin: 1px;
	padding: 5px;
	border: 1px solid #333333;
	background-color: #ffffff;
	width: 400px;
	}
	
/* grauer Umrandung, grauer Hintergrund, Einzug links, kleine Schrift */

.layer_pop_g {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
/*	text-indent: 9pt; */
	color: #333333;
	margin: 1px;
	padding: 5px;
	border: 1px solid #333333;
	background-color: #efefef;
	width: 400px;
	}
	
/* grauer Umrandung, kein Einzug */

.layer_popnorm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin: 1px;
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	width: 500px;
	}
	
/* grauer Umrandung, kein Einzug, kleine Schrift */

.layer_popnorm2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	margin: 1px;
	padding: 5px;
	border: 1px solid #cccccc;
	background-color: #ffffff;
	width: 500px;
	}

/* NAVIGATIONSTABELLEN */
/* Layer Navigationstabelle 185, transparent Hintergrund, anthrazite Schrift, Linie oben*/
.l_navtab1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	border-top: 1px solid #999999;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
	width: 185px;
}

/* Layer Navigationstabelle 185, transparent Hintergrund, anthrazite KLEINE Schrift, Linie oben*/
.l_navtab1k {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	border-top: 1px solid #999999;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
	width: 185px;
}

/* Layer Navigationstabelle 185, transparent Hintergrund, anthrazite Schrift, Linie oben+links*/
.l_navtab1b {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	padding-top: 5px;
	padding-left: 5px;
	margin-bottom: 15px;
	width: 185px;
}

/* Layer Navigationstabelle 185, transparent Hintergrund, anthrazite Schrift, Rahmen orange*/
.l_navtab2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	border: 1px solid #FF6600;
	padding: 2px;
	width: 185px;
}

/* Layer Navigationstabelle 185, orange Hintergrund, anthrazite Schrift*/
.l_navtab3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #FF6600;
	text-align: left;
	padding: 2px;
	width: 185px;
}

/* Layer Navigationstabelle 185, grauer Hintergrund, anthrazite Schrift*/
.l_navtab4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #efefef;
	text-align: left;
	padding: 5px;
	width: 185px;
	margin-bottom: 10px;
}

/* Layer Navigationstabelle 185, grauer Hintergrund, anthrazite Schrift, oranger Rahmen*/
.l_navtab5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #efefef;
	text-align: left;
	padding: 2px;
	border: 1px solid #FF6600;
	width: 185px;
	margin-left: 10px;
}

/* Navigationstabelle mit Rahmen */
.l_navtab_rahmen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1px solid #999999;
	margin-bottom: 5px;
	padding: 5px;
	width: 185px;
	margin-top: 10px;
}

/* Info-Box bei On-Mouse-over */
a.infokl { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color : #FF6600; text-decoration: none;  line-height: 12px }
a.infokl:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color : #FF6600; text-decoration: underline; line-height: 12px }
a.infokl span { visibility: hidden; position: absolute; width: 300px; left: 20em; margin-top: 1em; padding: 1em; text-decoration: none }
a.infokl:hover span { visibility: visible; border: 1px solid #efefef; background: #FFFFFF }

/* Überschriften innerhalb eines Layers */
.layertitel {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #333333; padding: 3px; margin-bottom: 3px; letter-spacing: 1px; background-color:#EFEFEF }
.layertitel_g {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; color: #666666; padding: 3px; margin-bottom: 3px; letter-spacing: 1px; background-color:#EFEFEF }