/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSGraphic 
	{ 
	background:transparent; 
	margin: 15px 30px 15px 0;
overflow: hidden;
	}

table.Spaltig div.ZMSGraphic 
	{ 
	margin: 15px 0px 15px 0px;
	}
 
div.ZMSGraphic.floatleft
	{ 
	float:left;
        margin-right: 1em; overflow: hidden;
	}

div.ZMSGraphic.floatright
	{ 
	float:right;
        margin-left: 1em; overflow: hidden;
	}

div.ZMSGraphic.center
	{ 
	text-align:center;
        padding-left: 35px;
	}

div.graphic
	{
	}

table.zweispaltig div.graphic{
	padding-left:0;
}

div.graphic.alignleft
	{
	float:left;
	text-align:right;
	/* padding-right:15px; */
	padding-top:4px;
        /* padding-left: 35px; */
  margin-right: 15px;
	}
	
div.graphic.alignright
	{
	float:right;
	text-align:right;
	/* padding-left:15px; */
	padding-top:4px;
        /* padding-right: 30px; */
  margin-left: 15px;
	}
	
div.ZMSGraphic div.text
	{
	/*padding: 4px;*/
	}
	
a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
	}

a.download img.download
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/download.gif);
	}

a.superzoom img.superzoom
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/superzoom.gif);
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

table.ZMSTable th 
	{ 
	background:#DDEFFC; 
	}
	
table.ZMSTable td { 
	background:#EEEEEE; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
/*
div#teaser
	{
	width:232px;
	font-size:x-small;
	}
*/
div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{

	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}

/*-- InfoBox --*/

div.infobox  {
	margin-top: 10px;
	padding:0px;
	width:auto;
	margin-bottom:20px;
}
p.infoboxtitle  {
	padding:3px;
	margin:0px;
	font-weight:bold;
}
div.infoboxContentEven,
div.infoboxContentOdd {
	padding:5px 0px 5px 10px;
}
div.infoboxContentEven p,
div.infoboxContentOdd p  {
	margin: 3px;
}
/*
div.infobox div.infoboxContentOdd  {
	background:#eaeaea;
}
*/
div.infobox  div.ZMSFile div.title img {
	margin-bottom:-5px;
}
div.infobox  div.ZMSFile div.title,
div.infobox  div.ZMSFile div.text,
div.infobox  div.ZMSFile div.title a {
	font-size:11px;
}
div.infobox  div.ZMSFile div.title a:link, div.infobox div.ZMSFile div.title a:visited{
	color: #E64415;
        font-weight: normal;
        text-decoration: none;
	font-size:11px;
}
div.infobox  div.ZMSFile div.title a:hover, div.infobox div.ZMSFile div.title a:active{
	color: #E64415;
        font-weight: normal;
        text-decoration: underline;
	font-size:11px;
}
div.infobox  div.ZMSFile div.title,
div.infobox  div.ZMSFile div.text {
        color: #666; 
}
div.infobox  div.ZMSFile div.text {
	margin-left:22px;
}
div.infobox ul {
	margin:0px 0px 0px 0px;
	padding:0px;
}
div.infobox ul li {
	margin:0px 0px 0px 2px;
}
li.LinkElementExternal {
	list-style-image:url(common/external_link.gif);
	list-style-position:inside;
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
	list-style-image:url(common/internal_link.gif);
	list-style-position:inside;
}
li.LinkElementInternalClient {
	list-style-image:url(common/internal_link.gif);
	list-style-position:inside;
}
li.LinkElementMailto {
	list-style-image:url(common/mail_link.gif);
	list-style-position:inside;
}
/**************************************/
/* (c) 2006 SNTL publishing           */
/* Author: Dr. F. Hoffmann            */
/* modif 20.11.2006 for HDF */
/**************************************/

/**************************************/
/* 1. CSS-Modul: COLORS               */
/**************************************/

.neutralColorTrans {background: transparent}
.neutralColorWhite {background: #fff}
.neutralColorLight {background: #eeeff1}
.neutralColorMedium {background: #ccc}  
.neutralColorStrong {background: #666}   
.neutralColorBlack  {background: #000}

.secondColorStrong {background: #2f2a27;} 
.secondColorMedium {background: #747c82;} 
.secondColorLight {background: #DCDEDF;} 

.primColorStrong {background: #79AA0A;}
.primColorMedium {background: #9cc236;}
.primColorLight {background: #B2D151;}
.primColorLight0 {background: #f8fbf2;}

.teaserColor {background: #E2017B;} 

.concertColorSeries1 {background: #E9A86C; }
.concertColorSeries2 {background: #BF58A5; }


/**************************************/
/* 2. CSS-Modul: LAYOUT (PAGEREGIONS) */
/**************************************/
/* wrapping model based on:           */
/* http://www.alistapart.com          */
/* /articles/negativemargins/         */
/**************************************/


* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
}

body#web {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	position:relative;
	text-align:center;
	font-size: 67%;   
    color:#666;
	background:#F9F9F9;
}

/*-- wrapper for whole page region --*/

#pageregion {
	margin: 0 auto; 
	padding: 0;
	border: 0;
	width:1014px;
    height:100%;
	text-align:left;
	background: #fff url(shadow_all.jpg) 0 0 repeat-y;

    }

/*-- wrapper for left column and content column --*/
#layoutWrapper4_ContentLeft {
	background: url(content_bg.gif) top right repeat-y;
	padding:0;
	margin:0 30px;
	position:relative;
	border-bottom:1px solid #999;
}


/*-- LAYOUTWRAPPER HOMEPAGE SPECIAL -- */

#splash_link {
	display:block;
	float:left;
}

#Outercontent {	
	position:relative;
	float:left;
	width: 650px; 
	overflow: hidden;
	min-height:600px;
	text-align:left;
}

#Content, #Sitemap {
	position:relative;
	width: 650px; 
	overflow: hidden;
	text-align:left;
	margin:0;
	padding:0;
}

#Innercontent {
	position:relative;
	margin: 0 0 15px 0;
	padding:0;
	overflow:hidden;
	min-height:600px;
}


#pageregionTop {
	position:relative;
	margin:0 30px;
	padding:12px 0 0 0;
	border:0;
}

#Banner {
	height:82px;
	border:0;
	padding:0;
	margin:0 0;
	width:100%;
	background:#B2D150; /* ps: Farbumstellung auf allgemeine Farbe */
	position:relative;
}


#Logo {
	margin:0;
	border:0;
	padding:12px 0 0 9px;
	float:left;
}

#Menu {
	position:relative;
	height:176px;
	border:0;
	padding:0;
	margin:0;
	clear:both;
	background:white url(menu_line.gif) bottom left no-repeat;
}

#kalender {
	position:absolute;
	top:5px;
	left:0;
	width: 221px;
	background:#B2D151;
	overflow:hidden;
	height:166px;
}

#mitte {
	position:absolute;
	top:5px;
	left: 226px;
	width:529px;
	height:166px;
	overflow:hidden;
}

#card {
	position:absolute;
	top:5px;
	left: 755px;
	width:200px;
	height:166px;
	overflow:hidden;
}


#pageregionLeft {
	position:relative;
	margin:0px;
	padding:3px 0 0 0;
	float: left;
	width: 221px;
	overflow:hidden;
}

#pageregionRight {
	position:relative;
	margin:0px;
	padding:0px;
	width:232px;
	float: right;
	overflow:hidden;
}


#pageregionBottom {
	vertical-align:top;
	font-size:11px;
	width:auto;
	padding: auto; 
}

/*-- FLOATING ---------------*/
.clearing {
	clear: both;
	height: 0;
	border:0;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:0;
}
.floatRight {
	float:right;
}
.floatLeft {
	float:left;
}
img.imgNoborder {
	border:0px;
}

div.player {
        margin: 15px 30px 15px 35px;
      }

/**************************************/
/* 3. CSS-Modul: NAVIGATION           */
/**************************************/

/* -- MICRONAVIGATION -----------------*/

#Micronavigation {
	padding:15px 0px 15px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #79aa0a;
	text-decoration:none;
}
#Micronavigation a:link,
#Micronavigation a:visited {
	color: #79aa0a;
	text-decoration:underline;
}
#Micronavigation a:hover {
	color: #E64415;
	text-decoration:underline;
}

#Channel{
	position:relative;
	top:0;
	left:0;
	height:38px;
	margin:12px 0 0 0;
	background:#B2D150;
} 
#Channel ul{
	margin:0;
	padding:0;
	list-style:none;
	list-style-image:none;
}

#Channel ul.first{
	padding:10px 0 0 0;
}

#Channel a {
	font-size:14px;
	line-height:18px;
	text-transform:lowercase;
	color:white;
	display:block;
	padding:0 10px;
}
#Channel a:active,
#Channel a:focus,
#Channel a:hover{
	color:#E6F0C5;
	text-decoration:underline;
}

#Channel li,
#Channel li.level0{
	position:relative;
	margin:0;
	padding:0;
	float:left;
	display:block;
	line-height:18px;
}
#Channel li.level0{
	border-right:1px solid white;
}

#Channel ul.level0,
#Channel ul.level0 ul{
	position:absolute;
	z-index:999;
	top:-20000px;
	left:-20000px;
	width:160px;
	background:#B2D150;
}
#Channel ul.level0 li{
	width:160px;
	background:#B2D150;
	border-bottom:1px solid white;
	padding:2px 0;
	line-height:16px;
}
#Channel ul.level0 li a{
	font-size:12px;
}

#Channel li.over ul.level0 {
	top:18px;
	left:0;
}


#Channel li.over ul.level0 li.over>ul.level1,
#Channel li.over ul.level0 li.over ul.level1 li.over>ul {
	left:160px;
	top:0;
}


/* -- MACRONAVIGATION -----------------*/

#Macronavigation {
	margin: 0;
	border: 0;
	overflow:hidden;
	width:221px;
	font-size:16px;
}

#Macronavigation ul {
	padding: 0px;
	margin: 0px ;
	list-style-type: none;
	line-height: 1.3em;
}

#Macronavigation ul ul {
	font-size:0.7em;
	padding:0.9em 0pt 0.1em 7px;
}

#Macronavigation ul ul ul{
	font-size:1em;
}

#Macronavigation ul li {
	padding: 10px 3px 11px 8px;
	border-bottom: 1px dotted #79aa0a;
}

#Macronavigation ul li div span a:link, 
#Macronavigation ul li div span a:visited,
#Macronavigation ul li div span a:hover,
#Macronavigation ul li div span a:active  {
	color: 	#E64415;
	font-weight:normal;
	text-decoration:none;
	/*text-transform: uppercase;*/
}
#Macronavigation ul li ul li {
	padding: 0 3px 0 11px;
	border: 0px;
	margin-bottom:0.5em;
}
#Macronavigation ul li ul li div span a:link, 
#Macronavigation ul li ul li div span a:visited,
#Macronavigation ul li ul li div span a:hover,
#Macronavigation ul li ul li div span a:active  {
	text-transform: lowercase;
}

#Macronavigation ul li div span a:hover,
#Macronavigation ul li div span,
#Macronavigation ul li div span.active a,
#Macronavigation ul li div span.active a:link,
#Macronavigation ul li div span.active a:visited,
#Macronavigation ul li div span.active a:hover,
#Macronavigation ul li div span.active a:active {
	color: #79AA0A;
	/*font-weight:bold;*/
}

/*-- MACRONAVIGATION HOME SPECIAL --*/
body.home #Macronavigation  ul li {
	padding: 13px 3px 14px 23px;
}
body.home #Macronavigation {
	margin-top:2px;
	width:215px;
}

body.home #Macronavigation a:hover {
	color:#fff;
}


/* -- SITEMAP ------------------------*/

td.sitemapTitle0 {
	background: #ddd;
	border-right: 1px solid #444;
}
td.sitemapTitle1 {
	background: #ddd;
	border-right: 1px solid #000;
}
a.sitemapTitle0:link, a.sitemapTitle0:visited ,
a.sitemapTitle0:hover, a.sitemapTitle0:active {
	font-weight: bold;
	color: #444;
	text-decoration: none;
}

a.sitemapTitle1:link, a.sitemapTitle1:visited,
a.sitemapTitle1:hover, a.sitemapTitle1:active {
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

a.sitemapElement0:link, a.sitemapElement0:visited,
a.sitemapElement0:hover, a.sitemapElement0:active {
	color: #444;
	text-decoration: none;
	font-size:12px !important;font-size:small;
}

a.sitemapElement1:link, a.sitemapElement1:visited,
a.sitemapElement1:hover, a.sitemapElement1:active {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size:12px !important;font-size:small;
}


/* -- SEARCH ------------------------*/

#Search {
	 /* margin: 0 0 0 555px; */
	border: 0;
	padding: 0 0 0 555px;
        float:left;
}
#Search form {
	margin: 0;
	border: 0;
	padding: 0px 0px 0px 0px;

}
#Search input#raw {
	font-size:12px;
	padding:0 0 0 10px;
	margin:0;
	height:18px;
	line-height:18px;
	width:143px;
	vertical-align:middle;
        background: #B2D150;
        border-right: 1px solid #FFF;
        border-left: 1px solid #FFF;
        border-top: 2px solid #B2D150;
        border-bottom: 2px solid #B2D150;
        color:white;
}
#Search input#btnSearch {
	vertical-align:middle;
}

#Search img {
	vertical-align:middle;
}
/*
#Search input#btnSearch:hover {
	background: #000;
}
*/
.searchLabel, .searchLabel, .searchElement, .searchText {
	font-size: 10px !important; font-size: xx-small;
}


/* -- METANAVIGATION ------------------------*/

#Metanavigation {
    height: 30px;
	margin:0px;
	padding:9px 7px 0px 0px;
	text-align:right;
    background: #FFF;
    overflow:hidden;
    border-bottom:1px solid #999;
}
#Metanavigation a {
}
#Metanavigation a:hover {
}
#Metanavigation img {
	border:0px;
}


#pageelement_Copyright {
	padding:10px 0px 0px 0px;
	vertical-align:middle;
	font-size:10px;
}

#pageelement_Copyright a, #pageelement_Copyright span {
	color:#666666;
	text-decoration:none;
}
#pageelement_Copyright a:hover {
	text-decoration : underline;
}

#Login {
	padding: 0;
	margin-top: 20px;
	border: 0;
	/* border-top: 5px solid #ccc; */
	width:165px;
	/* background:#EDEDED; */
}


/**************************************/
/* 4. CSS-Modul: TEXT                 */
/**************************************/

#Headline {
	margin:0px;
	padding:0px;
}

#Innercontent div.Themenschwerpunkt table {
       margin-top: 0;
       margin-bottom: 0;
}

span.Themenschwerpunktheadline {
       line-height: 1.8em;
       color: #FFF;
       font-weight: bold;
       font-size: 12px;
}

h1, h2,  h3, h4, H5, .heading1, .heading2, .heading3, .heading4, .heading5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2f2a27;
	}

h2 {
	color:#79AA0A;
	}
		
		
.form, p, ol, ul, li, sup, sub, table, tr, th, td, .file {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666; 
	/* font-size: 11px; */
	}

h1.title {
	margin: 0;
	width:auto;
	color: #79aa0a;
	text-transform:lowercase;
        border-bottom:1px dotted #79AA0A;
        padding: 13px 0  12px 0;
}

h1,.heading1 {
	font-size: 16px;
	line-height: 20px;
	}

	
h2,.heading2 {
	font-size: 14px;
	line-height: 18px;
        margin: 0px 30px 15px 0;
	}

h3,.heading3 {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 0px
	}
	

h4,.heading4 {
	font-size: 12px;
	line-height:  1.4em;
	}
h5,.heading5 {
	font-weight: normal;
	font-size: 12px;
	line-height:  1.4em;
	}
p, ol, ul, h3, h4, #Innercontent table, #Innercontent div.file {
        margin: 15px 0 15px 0;
}
div.ZMSGraphic .text p {
margin: 0 0px 15px 0px
}
#Innercontent div.news_item h3, #Innercontent div.news_item p.date {
        margin: 0px 30px 0px 35px;
}
p {
	line-height: 1.4em;
	}
ol {
	line-height: 1.4em;
	}
ul {
	line-height: 20px;
	list-style-type: square }
p.rot{
	color:#E64415;
}

p.caption {
    font-style: italic;
    padding-top:0px;
    margin-top:0px;
    color:#000;
	}
p.emphasis {
	background:#9cc236;
	margin-left: 20px;
	margin-right: 30px;
	line-height: 16px;
	}

p.description {
	line-height: 16px;
	font-weight:bold;
	color:#666;
	}
p.creator  {
}

p.small {
	font-size: 10px;
	}
p.smalltext {
	font-size: 10px !important; font-size: xx-small;
}

a:link, a:visited {
	color: #E64415;/*#E64415;*/
	text-decoration:none;
}

a:hover, a:active {
	text-decoration: underline;
}

code {
}



/**************************************/
/* 5. CSS-Modul: TABLES               */
/**************************************/

div.ZMSTable {
}
div.ZMSTable table tr th {
}
div.ZMSTable tr.even td {
}
div.ZMSTable tr.odd td {
}
table tr td  {
}

div.ZMSTeaserElement table tr td  {
	font-size: 10px !important; font-size: xx-small;
}


/**************************************/
/* 6. CSS-Modul: ZMS-DEFAULTS         */
/**************************************/


div.ZMSGraphic {
	background:transparent; 
}

a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	background: url(/misc_/zms/zoom.gif);
	}

/*--------- ZMS TEASER --------------*/
.teaser_bottom {
	position:absolute;
	bottom:-3px;
}

div#teaser
	{
	width:232px;
	font-size: 11px;
	position:relative;
        margin-right: 0;
	}

div.ZMSTeaserContainer {
	width:232px;
	padding:0px;
	margin:0px;
}

div.ZMSTeaserElement {
	width:232px;
	/* padding:0px 10px 0px 0px; */
	margin:0px;
/*	border-bottom: 1px solid #747c82; */
}
div.ZMSTeaserElement div.img {
	padding:0px;
	margin:0px;
	text-align:left;
}
div.ZMSTeaserElement div.title {
	margin:0px;
	border:0px;
	padding: 5px 10px 0px 10px;
	font-size: 12px;
	font-weight: bold;
	text-transform:lowercase;
}
div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited  {
	text-decoration:none;
	color:#666;
}
div.ZMSTeaserElement div.text {
	/* margin:0px 8px 15px 0; */
	padding: 7px 10px 7px 10px;
	font-size: 10px;
}
div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited {
	color: #E64415;
	text-decoration: none;
}


/*--------- ZMS LINK --------------*/

div#pageelement_Links {
	width:195px;
	margin:0px 1px;
}

div.ZMSLinkElement {
	background: transparent;
	padding: 2px;
}

div.ZMSLinkElement div.title
	{
	font-weight:bold;
	color:#666;
	font-size: 11px !important; font-size: small;
	margin: 10px 0px 0px 0px
	}

div.ZMSLinkElement div.text
	{
	}

div.ZMSLinkElement div.text ul
	{
	margin-top: 5px;
	margin-left: -10px !important; margin-left: 20px ;
	}


.form {
	color: #000;
	border: 1px solid #666;
	padding: 1px;
	margin: 0;
	font-size: 10px !important; font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
	html>.form {
	font-size: x-small;
} 
	
.form-button {
	color: #000;
	background: #fff;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0;
	font-size: 10px !important; font-size: xx-small;
}

/**************************************/
/* 7. CSS-Modul: SPECIAL OBJECTS      */
/**************************************/

/*------- ARTIST ------------------------------*/

div#artist {
	padding-bottom:24px;
}

div#artist h1.title,
div#artist a {
	color: #E64415;
	text-transform:lowercase;
}

div#artistlist table.item {
	margin-bottom:16px;
	padding-bottom:16px;
	border-bottom:1px solid #79aa0a;
}

div#artistlist table.item h2 {
	color: #E64415;
	margin:0px;
}
div#letterlist{
	position:relative;
	height:40px;
	padding: 0 25px;
}

div#letterlist a {
	border: 1px solid #79aa0a;
	color: #E64415;
	font-size:14px;
	font-weight:bold;
	margin-right:4px;
	text-decoration:none;
	display:block;
	float:left;
	text-align:center;
	width:20px;
}

div#letterlist a:hover, div#letterlist a.active {
    color: #fff;
    background: #E64415;
}


/*------- EVENT ------------------------------*/

div#event {
}

div.scroller { 
	width: 221px; 
	height: 171px;
	overflow: hidden;
	}
div.scroller div.section {
	width: auto; 
	height: 171px;
		overflow:hidden;
		float:left;
		padding:17px 17px 0;
	text-align:center;
}
div.scroller div.content {
		width: 10000px;
}

#calenderglider a,
#calenderglider th,
#calenderglider td{
	color:white;

}
#calenderglider th{
	padding:5px 0;
	font-size:12px;
	text-transform:lowercase;
}

#calenderglider ul{
	list-style:none;
	margin:0;
	padding:0;
	width:170px;
}
#calenderglider ul li{
	list-style:none;
	margin:1px;
	width:21px;
	height:15px;
	font-size:11px;
	line-height:15px;
	text-align:center;
	color:white;
	background:#CADF87;
	float:left;
}

#calenderglider ul li.hasdates {
	color:#79AA0A;
	font-weight:bold;
	background:white;
	cursor:pointer;
}

.dayevents{
	position:relative;
	background: transparent url(dayevents.jpg) top left repeat;
	top:-14px !important;
	left:0;
	margin:0;
	padding:0;
	width:529px;
	height:166px;
	overflow:auto;
}
.dayevents h1 {
	position:relative;
	margin:50px 0px 0 20px;
	padding:5px 10px 5px 0;
	color:#B3D253;
	border-right:1px solid #B3D253;
	font-size:28px;
	line-height:150%;
	width:70px;
	float:left;
	font-weight:normal;
	text-align:center;
}
.dayevents ul {
	position:relative;
	float:right;
	margin:50px 0px 0 0px;
	padding:0;
	list-style:none;
	color:#666;
	width:400px;
	font-size:10px;
}
.dayevents ul li{
	position:relative;
	margin:0px 0 5px 0;
	color:#666;
	width:390px;
	height:39px;
	font-size:10px;
	cursor:pointer;
}
.dayevents ul li img.thumb {
	position:absolute;
	top:0;
	left:0;
	height:39px;
}

.dayevents ul li span.zeit {
	position:absolute;
	top:24px;
	left:67px;
	width:42px;
}

.dayevents ul li span.ort {
	position:absolute;
	top:12px;
	left:114px;
}

.dayevents ul li span.title {
	position:absolute;
	top:29px;
	left:114px;
	line-height:110%;
	font-weight:bold;
}

div#event div.headerinfo {
	text-transform:lowercase;
	margin-top:6px;
        font-weight: bold;
}
div#event h1.title {
	text-transform:lowercase;
	margin:5px 0 0 0;
	padding: 0 0 5px 0;
}

.forum_junger_kuenstler,
div#event h1.title.forum_junger_kuenstler {
       color: #7588BE;
}
.heidelberger_atelier,
div#event h1.title.heidelberger_atelier {
       color: #D89022;
}
.streichquartettfest,
div#event h1.title.streichquartettfest {
       color: #810864;
}
.schulprojekt,
div#event h1.title.schulprojekt {
       color: #7588BE;
}
.literatur_und_musik,
div#event h1.title.literatur_und_musik {
       color: #E75012
}
.lied_schwerpunkt,
div#event h1.title.lied_schwerpunkt {
       color: #177493;
}

div#event h2 {
	font-size: 12px;
	line-height:15px;
	margin:0.5em 0 0.5em 0;
	text-transform:lowercase;
}

div#event a {
	color: #E64415;
	text-transform:lowercase;
	margin-top:0px;
}

div#event p#eventartists a:link,
div#event p#eventartists a:visited {
	color:#E64415;
	text-decoration:none;
}
div#event p#eventartists a:hover {
	text-decoration:underline;
}

div#event p, div#event ul, div#event ul li {
	margin:0px;
	padding:0px;
        line-height:1.4em;

}

div#event ul {
	padding:0 0 0 20px;

}

div#event ul li {
	/*list-style-position:inside;*/
}

div#event div#eventfile {
	margin:1em 0em;
}

div#event p.bestell {
        margin:15px 0 0 0;
        padding: 5px 0 5px 0;
	text-transform:lowercase;
        border-bottom:1px dotted #79AA0A;
        border-top:1px dotted #79AA0A;
}

div#event p.bestell a {
        line-height: 25px;
}
.Eventlist{
	margin:0;
	padding:0;
	list-style:none;
	width:504px;
	height:auto;
}

.Eventitem{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	cursor:pointer;
	min-height:60px;
	margin:0;
}
#Innercontent .Eventitem table{
	margin:0;
	padding:0;
}

.Eventitem .date {
	margin:0px;
	padding:5px 10px 5px 0;
	color:#B3D253;
	border-right:1px solid #B3D253;
	font-size:22px;
	line-height:150%;
	min-height:60px;
	width:70px;
	text-align:center;
	font-size:28px;
}
.Eventitem td{
	line-height:110%;
}

.dayevents .monat,
.Eventitem .date .monat{
	font-size:14px;
	font-weight:normal;
	display:block;
	line-height:12px;
	text-transform:lowercase;
}

.Eventitem td.thumb {
	padding:0 10px;
	width:94px;
}

.Eventitem img.thumb {
	padding:0 10px;
	height:58px;
}

.Eventitem td.zeit {
	padding:0 5px;
	width:42px;
}

.Eventitem span.ort {
	top:32px;
	left:234px;
}

.Eventitem span.title {
	font-weight:bold;
}

table.eventorder {
	margin: 0px 0px 30px 0px !important;
        float: right;
}

* html table.eventorder {
	margin: -33px 0px 30px 0px !important;
        float: right;
}

*+html table.eventorder {
	margin: -33px 0px 30px 0px !important;
        float: right;
}
table.eventorder td.orderlink {
	text-align:right;
}
table.eventorder td.orderlink a:link,
table.eventorder td.orderlink a:visited {
	font-weight:bold;
	color:#79AA0A;
	text-decoration:none;
}
table.eventorder td.orderlink a:hover {
	text-decoration:none;
}

table.eventorder div.pageprev,
table.eventorder div.pagenext {
	text-align:center;
	float:left;
}

table.eventorder div.pageprev {
	margin-right:10px;
}

table.eventorder div.pageprev a,
table.eventorder div.pagenext a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#79AA0A;
}

table.eventorder div.pageprev a:hover,
table.eventorder div.pagenext a:hover {
	color:#79AA0A;
}

/*----- Special Teasers -------------------*/

div.teaserHeadline {
	padding: 0 0 10px 10px;
	font-size: 16px;
	color: #79AA0A; /* ps: Farbumstellung auf allgemeine Farbe */
	text-transform:lowercase;
	border-bottom:1px dotted #79AA0A; /* ps: Farbumstellung auf allgemeine Farbe */
        line-height:20px;
	margin: 12px 0 0 0;
        font-weight: bold;
}

*+html div.teaserHeadline {
	padding: 0 0 13px 10px;
	font-size: 16px;
	color: #79AA0A;
	text-transform:lowercase;
	border-bottom:1px dotted #F6B614; /* ps: Farbumstellung auf allgemeine Farbe */
        line-height:20px;
        margin: 12px 0 0 0;
        font-weight: bold;
}
* html div.teaserHeadline {
	padding: 0 0 12px 10px;
	font-size: 16px;
	color: #79AA0A;
	text-transform:lowercase;
	border-bottom:1px dotted #F6B614; /* ps: Farbumstellung auf allgemeine Farbe */
        line-height:20px;
        margin: 13px 0 0 0;
        font-weight: bold;
}

div.ZMSTeaserElement div.floatleft {
	float:left;
}
div.ZMSTeaserElement div.floatleft img {
	margin:7px 5px 0px 10px;
}
div.ZMSTeaserElement .teaserline {
	border-bottom:1px dotted #79AA0A; /* ps: Farbumstellung auf allgemeine Farbe */
}

div.ZMSTeaserElement .bigline {
	border-bottom:5px solid #79AA0A; /* ps: Farbumstellung auf allgemeine Farbe */
        padding:5px 10px 15px 10px !important;
      /*  margin-bottom: 15px; */
}

div.ZMSTeaserElement div.teaserfile {
	padding: 0px 10px; 
}

/*------- InfoBox ------------------------------*/

div.infobox  {
	margin-top: 10px;
	padding:0px;
	width:auto;
	margin-bottom:20px;
}
p.infoboxtitle  {
	padding:3px;
	margin:0px;
	font-weight:bold;
}
div.infoboxContentEven,
div.infoboxContentOdd {
	padding:5px 0px 5px 10px;
}
div.infoboxContentEven p,
div.infoboxContentOdd p  {
	margin: 3px;
}
/*
div.infobox div.infoboxContentOdd  {
	background:#eaeaea;
}
*/
div.infobox  div.ZMSFile div.title img {
	margin-bottom:-5px;
}
div.infobox  div.ZMSFile div.title,
div.infobox  div.ZMSFile div.text,
div.infobox  div.ZMSFile div.title a {
	font-size:11px;
}
div.infobox  div.ZMSFile div.title a:link, div.infobox div.ZMSFile div.title a:visited{
	color: #E64415;
        font-weight: normal;
        text-decoration: none;
}
div.infobox  div.ZMSFile div.title a:hover, div.infobox div.ZMSFile div.title a:active{
	color: #E64415;
        font-weight: normal;
        text-decoration: underline;
}
div.infobox  div.ZMSFile div.title,
div.infobox  div.ZMSFile div.text {
        color: #666; 
}
div.infobox  div.ZMSFile div.text {
	margin-left:22px;
}
div.infobox ul {
	margin:0px 0px 0px 28px;
	padding:0;
}
div.infobox ul li {
}
li.LinkElementExternal {
	list-style-image:url(external_link.gif);
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
	list-style-image:url(external_link.gif);
}
li.LinkElementInternalClient {
	list-style-image:url(external_link.gif);
}
li.LinkElementMailto {
	list-style-image:url(mail_link.gif);
}


/**************************************/
/* 8. CSS-Modul: TOC LISTS            */
/**************************************/

div#Index ul {
	line-height:150%;
	margin: 15px 30px 15px 35px;
	padding:0px;
	list-style-type:none;
}
div#Index ul li {
	margin-bottom:1.5em;
}
div#Index a {
	text-decoration:none;
}
div#Index a.title {
	color: #E64415;
	text-transform:lowercase;
	font-size:120%;
}


div.Newsindex {
	margin:0px;
	padding:0px;
	margin-left:25px;
}
div.Newsindex h1 {
display:none;
	margin-top:0px;
	font-size: 18px;
	line-height: 24px;
	padding:3px;
	border: 1px solid #ccc;
	background: #eeeff1;
}

div.Newsindex p {

}
div.Newsindex p a.Newstitle:link,
div.Newsindex p a.Newstitle:visited {
	text-decoration:none;
	font-weight:bold;
	margin: 3px 0px;
}
/*-- HOMEPAGE INDEX --*/
div.Homeindex  {
	margin:0px;
	margin:20px 0 0 25px;
	padding:0px 0px 0px 0px;
	float:left;
	position:absolute;
	left:650px;
}
div.Homeindex p {
	color: #fff;
	margin:0px;
	padding:0px;
	font-size:115%;
	width:315px;
	margin-right:25px;
	font-weight:bold;
}

div.Homeindex b {
	color: #fff;
}

div.Homeindex a.title:link,
div.Homeindex a.title:visited {
	text-decoration:none;
	color:#E64415;
	font-weight:normal;
}
div.Homeindex p a:link,
div.Homeindex p a:visited {
	color: #E64415;
	text-decoration:none;
}
div.Homeindex p a:hover {
	text-decoration:underline;
}


/**************************************/
/* 9. CSS-Modul: PRINT                */
/**************************************/

h1, h2, h3, h4, h5, h6 {
} 
h1.title {
}
p, li, blockquote {
}
ol, ul {
}
p.description {
}
p.caption {
}
p.creator  {
}
p.smalltext {
}
code {
}

a img{
border:none;
}

.floatRight img {
	left:3px;
	position:relative;
	top:6px;
} 

.floatRight a:link, .floatRight a:hover, .floatRight a:active, .floatRight a:visited {
	color:#999 !important;
}

.floatRight a:active, .floatRight a:hover {
	text-decoration:underline !important;
}

/**************************************/
/* 10. ZMI Management Interface       */
/**************************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background: #8CABB9; }
.cmsBgColorStrong1  { background: #CCCCCC; }
.cmsBgColorMedium0  { background: #DDE6EC; }
.cmsBgColorLight0   { background: #FFFFFF; }

.neutralColorStrong0 { background: #999; } 
.neutralColorMedium0 { background: #ddd; } 

div.ZMSTable table th { background:transparent; }
div.ZMSTable table td { background:transparent; }

.zmiTableRowEven {background:transparent;}
.zmiTableRowOdd {background:transparent;}

.form-submit { font-size:12px; }

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:15px;
	line-height:19px;

} 
body.zmi p, body.zmi li, body.zmi blockquote  {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:15px;
} 
table.zmiTabBg {background:#99CC00;}


/******************************/
/* Clearing - do not modify */
/**************************/

.floatholder { overflow:hidden; }

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

.clerasil { display: block; }

.news_item h3 {
	color:#E64415;
	margin:3px 0 0 0; 
	font-weight:normal;
	font-size:1em;
}

.news_item .date {
	margin:0; 
}

h2.events_latest_head {
	color:#79AA0A;
	font-size:1.3em;
	font-weight:bold;
}

#events_latest, #news {
	padding:0;
	margin:0 30px 0 35px;
	padding-bottom:1px;
}

#events_latest table {
 	padding:0;
	margin:0;
}       

#events_latest li {
	display:block;
}

ul.events_latest_list {
	padding:0;
	margin:0;
	list-style-type:none;
}

ul.events_latest_list li {
	padding:0;
	margin:0 0 10px 0;
}

.events_latest_month {
	color:#B2D151;
        font-size: 12px;
        font-weight: bold;
}
.events_latest_day {
	color:#B2D151;
        font-size: 12px;
        font-weight: bold;
}
.events_latest_daybig {
	color:#B2D151;
        font-size: 24px;
}

.events_latest_date {
        text-align:right;
        display:inline-block;
}

.events_latest_link a {
	color:#79aa0a;
	font-weight:bold;
        font-size: 13px;
}

.events_latest_link.forum_junger_kuenstler a {
       color: #7588BE;
}
.events_latest_link.heidelberger_atelier a {
       color: #D89022;
}
.events_latest_link.streichquartettfest a {
       color: #810864;
}
.events_latest_link.schulprojekt a {
       color: #7588BE;
}
.events_latest_link.literatur_und_musik a {
       color: #E75012
}
.events_latest_link.lied_schwerpunkt a {
       color: #177493;
}

    #april {
        display:none;
    }

    #ec_event_calendar {
        width:194px;
        padding:10px;
        background:#E2017B;
		margin-top:20;
    }
    
    .ec_month_overview {
        border-bottom:1px dotted #FFFFFF;
        cursor:pointer;
        font-weight:bold;
        margin-bottom:10px;
        padding-bottom:5px;
    }  
    
    .ec_month_overview span {
        padding-right:5px;
    }
    
    .ec_weekday {
        color:#fff;
    }    
    
    .ec_day, .ec_weekday {
        width:27px;
        height:20px;
        overflow:hidden;
        display:block;
        float:left;
        text-align:center;
    }
    
    a.ec_link:link, a.ec_link:visited, a.ec_link:hover, a.ec_link:active {
        width:27px;
        height:20px;
        overflow:hidden;
        display:block;
        float:left;
        text-align:center;
        font-weight:bold;
        color:#FFFFFF;
    }

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

h3.image_gallery_subtitle {
	font-weight:normal;
	font-size:11px;
	color:#79AA0A;
	margin-top:0;
}
.image_gallery_hright {
	color:#999;
	text-align:right;
	padding:25px 20px 0 0;
}

.image_gallery_hright a:link, .image_gallery_hright a:visited, .image_gallery_hright a:hover, .image_gallery_hright a:active {
	
}

.current_page {
	color:#79AA0A;
}

.image_gallery_holder {
	padding:0;
	width:auto;
	
}

.image_gallery_holder .row {
	width:auto;
	border-bottom:1px dotted #79AA0A;
}

.image_gallery_item {
	height:180px;
	width:210px;
	float:left;
	padding:15px 0 0 20px;
}

.image_gallery_item img {
	padding-bottom:6px;
}

.image_gallery_name {
	color:#EE881C;
}

#home_nav {
	margin-top:50px;
	color:#E64415;
	font-size:22px;
}

#home_nav span {
	border:1px solid white;
	padding:5px 7px 7px 7px;
	margin:0 0 20px 0;
	color:#E64415;
	font-size:22px;
}

table.Spaltig{
	width:auto;
	padding:0;
}

table.Spaltig td .ZMSGraphic div.text p,
table.Spaltig td .ZMSGraphic div.text,
table.Spaltig td .ZMSGraphic div.graphic{
	margin:0 !important;
	padding:0 !important;
}

.dholder,
.schwerpunkt {
	position:relative;
	min-height:24px;
}

.schwerpunkt li.dholder {
	background:transparent url(schwerpunkt_bg.gif) top left no-repeat;
	color:white;
	height:24px;
	line-height:24px;
	width:145px;
	border:none;
	float:left;
	display:block;
}
.schwerpunkt li.dholder a{
	position:relative;
	display:block;
	min-height:24px;
	width:135px;
	line-height:24px;
	padding:0px 5px;
	color:white;
	cursor:pointer;
	font-weight:bold;
}
.schwerpunkt .dropdown{
	background:white;	
	width:141px;
	margin:0;
	padding:0;
	list-style:none;
	border:1px solid #b2d150;
	border-top:none;
	position:absolute;
	top:24px;
	left:0;
	z-index:999;
}
.schwerpunkt .dropdown li{
	background:white;	
	padding: 1px 4px;
	width:auto;
	min-height:24px;
	z-index:999;
}
.schwerpunkt .dropdown li a{
	background:white;	
	color:#666666;
	min-height:14px;
	font-size:10px;
	font-weight:normal;
	padding:0;
}