/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [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; }


/*********************event latest********/

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

.news_item .date {
	margin:0; 
}

/*********************event latest********/

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_day {
	color:#B2D151;
        font-size: 12px;
        font-weight: bold;
}

.events_latest_date {
	color:#B2D151;
        font-size: 24px;
}

.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;
}

/*************event calendar***********/

    #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 ****/

/* These are standard sIFR styles... do not modify */

.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;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/* .sIFR-hasFlash h1.title {
	visibility: hidden;
}
*/


/**** image gallery ****/

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 {
/*	background: url(green_dot.gif) top left; */
	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 */

#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;
}