/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Body
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
 
body.print 
	{ 
	background-color:#fff; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchresult {
margin-bottom:20px;
}
.searchresult span.title {
display:block;
font-weight:bold;
}
.searchresult span.description {
display:block;
}
.searchresult span.linkpath {
display:block;
font-size:smaller;
line-height:1.3em;
} 

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSLinkContainer
	{
	background-color: #eee;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #F8F8F8;
	margin: 4px;
	}

div.ZMSFile.none, div.ZMSLinkElement.none 
	{
	background-color: transparent;
	border: 2px dashed #eee;
	}

div.ZMSFile.floatleft, div.ZMSLinkElement.floatleft 
	{ 
	float:left;
	width:50%
	}

div.ZMSFile.floatright, div.ZMSLinkElement.floatright 
	{ 
	float:right;
	width:50%
	}

div.ZMSFile div.title, div.ZMSLinkElement div.title 
	{
	font-size:x-small;
	white-space:nowrap;
	}

div.ZMSFile div.title a:link, div.ZMSFile div.title a:visited, 
div.ZMSLinkElement div.title a:link, div.ZMSLinkElement div.title a:visited 
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text, div.ZMSLinkElement div.text 
	{
	font-size:xx-small;
	}

div.ZMSFile div.description, div.ZMSLinkElement div.description 
	{
	font-size:x-small;
	}

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

div.ZMSGraphic {
	background-color: #F8F8F8;
	margin: 4px;
}

div.ZMSGraphic.left {
	text-align:left;
}

div.ZMSGraphic.right {
	text-align:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.ZMSGraphic.floatleft {
	float:left;
}

div.ZMSGraphic.floatright {
	float:right;
}

div.ZMSGraphic.center {
	text-align:center;
}

div.graphic.alignleft {
	float:left;
	text-align:right;
}

div.graphic.alignright {
	float:right;
	text-align:right;
}

div.ZMSGraphic div.text {
	padding: 4px;
}

/*-- ## FF Patch ## --*/
div.ZMSGraphic.right div.graphic {
	width:100% !important; 
}
div.ZMSGraphic.right div.graphic img {
	display:inline !important;
}

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-color:#DDEFFC; 
}

table.ZMSTable td {
	background-color:#EEEEEE; 
}

body.print table.ZMSTable th, 
body.print table.ZMSTable td {
	background-color:transparent; 
}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div#teaser
	{
	width:150px;
	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;
	color:black;
	padding: 2px;
	display: block;
	}

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

div.note {
	border-left: 1px solid #FCCD64;
	border-bottom: 1px solid #FCCD64;
	margin: 8px;
	padding: 4px;
	background: #FCFECC url(http://www.auditorium-friedrichstrasse.de/metaobj_manager/ZMSNote.zmsnote_bg.gif) top right no-repeat;
}/*-- BO InfoBox --*/

div.infobox  {
	border-top:5px solid #ccc;
	padding:0px;
	margin: 10px 0px 20px 0px;
	background-color:#f6f6f6;
	width:461px;
}
p.infoboxtitle  {
	padding:3px;
	margin:0px;
	font-weight:bold;
}
div.infoboxContentEven,
div.infoboxContentOdd {
	padding:10px 0px;
}
div.infoboxContentOdd  {
	background-color:#eaeaea;
}
div.infoboxContentEven p,
div.infoboxContentOdd p  {
	padding: 3px;
	margin:0px;
}
div.infobox ul.ZMSFile {
	padding-bottom:5px;
}
div.infobox ul {
	margin:0px 5px 0px 28px;
	padding: 0px;
}
div.infobox ul li {
	padding:0px !important;
	padding:0px 0px 0px 5px;
	margin:0px 0px 0px 10px;
}
li.LinkElementExternal {
	list-style-image:url(common/external_link.gif);
}
li.LinkElementInternal, 
li.LinkElementInternalPortal {
	list-style-image:url(common/external_link.gif);
}
li.LinkElementInternalClient {
	list-style-image:url(common/external_link.gif);
}
li.LinkElementMailto {
	list-style-image:url(common/mail_link.gif);
}

/*-- EO InfoBox --*//* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj accordion
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
 
.accordion {
	width: 480px;
	border-bottom: solid 0px #c4c4c4;
	}

.accordion p.accordionItemTitle {
	background: #e9e7e7 url(http://www.auditorium-friedrichstrasse.de/common/css/common/scripts/jquery/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 0px #c4c4c4;
	border-bottom: none;
	cursor: pointer;
	/* color:#5E6265; */
	color:#002965;
	}

.accordion p.accordionItemTitle:hover {
	background-color: #e3e2e2;
	}

.accordion p.accordionItemTitle.active {
	background-position: right 5px;
	}

.accordion p {
	background: #f7f7f7;
	margin: 0;
	padding: 0px 15px 5px 15px;
	border-left: solid 0px #c4c4c4;
	border-right: solid 0px #c4c4c4;
	color:#002965;
	}

	.accordion p strong, .accordion p b{
	color:#002965;
	}

.accordion h2, .accordion h3 {
	background: #f7f7f7;
	margin: 0;
	line-height:10px;
	padding: 10px 15px 5px 15px;
	border-left: solid 0px #c4c4c4;
	border-right: solid 0px #c4c4c4;
	border-bottom: #eeeeef 0px solid;
	color:#002965;
	}

.accordion ul, .accordion ol {
	background: #f7f7f7;
	margin: 0;
	padding: 10px 15px 20px 40px;
	border-left: solid 0px #c4c4c4;
	border-right: solid 0px #c4c4c4;
	}


.accordion div.infobox  {
	margin-top: 0px;
	border-top:0px solid #ccc;
	background-color:#f6f6f6;
	padding:0px;
	width:auto;
	margin-bottom:20px;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj fancyZoom
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
 
div.fancyZoomWrapper{
	margin:0;
	padding:0;
	}

div.fancyZoomWrapper span.fancyZoomTitle{
	font-style:italic;
	}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj Gallery
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
#galleryWrapper {
	/* margin: auto; */
	padding: 0;
	border: 0;
	width:980px;
	text-align:left;
	background: url(http://minsk.elseware.de:7080/sites/audif.de/myzms/common/css/common/bg_pageregionContentWrapper.gif) top left repeat-y;
	border:solid 0px red;
	height:700px;
	}



	.galleria{list-style:none;width:200px}
	.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
	.galleria li a{display:none}
	.galleria li div{position:absolute;display:none;top:0;left:180px}
	.galleria li div img{cursor:pointer}
	.galleria li.active div img,.galleria li.active div{display:block}
	.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
	.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */



	/* BEGIN DEMO STYLE */
	.caption{color:#888;position:absolute;top:340px;left:250px;width:400px;}
	.demo{position:relative;margin-top:2em;}
	.gallery_audif_styled{width:200px;float:left;}
	.gallery_audif_styled li{width:55px;height:70px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
	.gallery_audif_styled li.hover{border-color:#bbb;}
	.gallery_audif_styled li.active{border-style:solid;border-color:#222;}
	.gallery_audif_styled li div{left:240px}
	.gallery_audif_styled li div .caption{font:italic 0.7em/1.4 georgia,serif;}

	.galleria_container{margin:0 auto 60px auto;height:438px;width:650px;float:right;}

	.nav{padding-top:15px;clear:both;}

	.info{text-align:left;margin:30px 0;border-top:1px dotted #221;padding-top:30px;clear:both;}
	.info p{margin-top:1.6em;}

	.nav{}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- specObj dtmlCode
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
textarea#code.form-element {
	font-family:courier !important;
	font-size:11px !important;
	height:350px !important;
	width:630px !important; 
	}/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj img4Teaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.auditorium-friedrichstrasse.de/common/css/common/scripts/jquery/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(http://www.auditorium-friedrichstrasse.de/common/css/common/scripts/jquery/prev.gif) left 50% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(http://www.auditorium-friedrichstrasse.de/common/css/common/scripts/jquery/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
	color: #bbbdc0;
	/* font-weight:bold; */
	text-decoration: none;
	}

#nextLinkText{
padding-left: 20px;
	}

#prevLinkText{
	padding-right: 20px;
	}
/*** END : next / previous text links ***/


/*** START : added padding when navbar is on top ***/

.ontop #imageData {
	padding-top: 5px;
	}
/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; color:#cfd0c2;}
#imageData #caption{ font-weight: normal; color:#bbbdc0;}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}


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

* html>body .clearfix {
	display: inline-block;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}

/* -- BO infoboxTeaser -- */ 

div.infoboxTeaserContainer {
 border:1px solid #999;
 float:left!important; /* floating FF */
 float:none; /* floating IE */
 display:inline; /* floating IE */
 
}
div.infoboxTeaserHeader {
 padding:3px;
}
div.infoboxTeaserTitle {
 color:#fff;
 font-weight:bold;
 text-align:center;
}
div.infoboxTeaserText{
 padding:3px 5px;
 font-weight:bold;
 line-height:140%;
 font-size:90%;
}
div.infoboxTeaserText img {
 margin-bottom:-2px;
}

/* -- EO infoboxTeaser-- */
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] Misc
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSObject.new, div.ZMSObject.modified {
  border: 2px dashed blue;
  background-color: #F0F0FF;
} 
div.ZMSObject.deleted {
  border: 2px dashed red;
  background-color: #FFF0F0;
  color: red;
  text-decoration: line-through;
} 

span.unicode { 
  font-family:"Lucida Sans Unicode", "Arial Unicode MS", Arial, Helvetica, sans-serif;
}

span.highlight { 
  background-color: yellow;
  color: black;
  font-weight: bold;
}


/**************************************/
/* (c) 2008 jklein                    */
/* Author: J. Klein                   */
/* last change: 2009/02/04            */
/**************************************/

/**************************************/
/* 1. CSS-Modul: COLORS               */
/**************************************/
.neutralColorTrans {background-color: transparent}
.neutralColorWhite {background-color: #fff}
.neutralColorLight {background-color: #e8e8e8}
.neutralColorMedium {background-color: #EFEFEF}
.neutralColorStrong {background-color: #999}
.neutralColorBlack  {background-color: #000}

.teaserColor {background-color: #00cc99;}

.secondColorStrong {background-color: #aaa;}
.secondColorMedium {background-color: #ddd;}
.secondColorLight {background-color: #eee;}

.primColorStrong {background-color: #336699;}
.primColorMedium {background-color: #B0C3DE;}
.primColorLight {background-color: #DCE0EA;}


/**************************************/
/* 2. CSS-Modul: LAYOUT (PAGEREGIONS) */
/**************************************/
/* wrapping model based on:           */
/* http://www.alistapart.com          */
/* /articles/negativemargins/         */
/**************************************/
body#web {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%;
	position:relative;
	text-align:left;
	}

#pageregionTopWrapper {
	/* margin: auto; */
	padding: 0;
	border: 0;
	width:980px;
	height:54px;
	text-align:left;
	background-color:#B2B4B4;
	}
	
#pageregionTop {
	margin:0;
	padding:0;
	}

#Logo {
	/* margin: auto; */
	margin-top:42px;
	margin-bottom:32px;
	padding: 0;
	padding-left:12px;
	padding-top:50px;
	border: 0;
	width:950px;
	height:115px;
	text-align:left;
	border:solid 0px red;
	}

#pageregionContentWrapper {
	/* margin: auto; */
	padding: 0;
	border: 0;
	width:980px;
	text-align:left;
	background: url(http://www.auditorium-friedrichstrasse.de/common/css/common/bg_pageregionContentWrapper.gif) top left repeat-y;
	}

#Content {
	float:left;
	margin:0;
	margin-right:0px;
	margin-left:0px;
	margin-right:93px;
	margin-top:-15px;
	position:relative;
	padding:0;
	width:494px;
	overflow:visible;
	border:solid 0px red;
	}

#ContentBroad {
	margin:0;
	margin-top:-42px !important;
	position:relative;
	padding:0;
	width:980px;
	overflow:visible;
	border:solid 0px red;
	}

#Sitemap {
	float:left;
	margin:0;
	margin-right:10px;
	margin-top:9px;
	padding:0;
	width:620px;
	overflow:visible;
	}

#pageregionLeft {
	float: left;
	padding:0px;
	padding-left:71px;
	margin:0px;
	float: left;
	width: 322px;
	border:solid 0px red;
	}


#pageregionRight {
	float: right;
	width:220px;
	margin: 0;
	padding: 0;
	padding-top:22px;
	}

#pageregionBottomWrapper {
	/* margin: auto; */
	margin-top:10px;
	margin-bottom:20px;
	padding: 0;
	width:980px;
	height:23px;
	text-align:left;
	background-color:#A1A4A4;
	border:solid 0px red;
	}
	
	
/*-- 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;
	}

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

#Menu ul {
	margin:0;
	margin-left:264px;
	padding:0;
	/* padding-top:34px; */
	padding-top:17px;
	padding-left:10px;
	text-align:left;
	background-color:#E0E1DF;
	height:20px;
	}

#Menu ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

/*-- Home ---------------*/
#Menu ul li:first-child {
	padding-right: 51px;
	text-align:right;
	border:solid 0px red;
	}

#Menu ul li ul li:first-child {
	padding-right: 0px;
	text-align:right;
	border:solid 0px blue;
	}

#Menu li a{
	height: 28px;
	font-weight:bold;
	outline: none;
	text-decoration: none;
	text-align:center;
	/* padding:0px 40px 0px 0px; */
	padding:0px 36px 0px 0px;
	color:#B2B4B4;
	font-size:12px;
	background: transparent;
	border:solid 0px red;
	}
/* Safari */
html:not([dummy]) #Menu li a { padding:0px 36px 0px 0px;} 

#Menu li a:hover {
	color:#737679;
	font-weight:bold;
	position: relative;
	}

#Menu li.current a{
	color:#737679;
	font-weight:bold;
	position: relative;
	}

#Menu li.current ul{
	text-align:left;
	float:left;
	margin:0;
	margin-left:0px !important;
	padding:0;
	position: absolute;
	margin-top:20px;
	background:transparent;
	border:solid 0px green;
	}

/* IE 7.0 only */
*:first-child+html #Menu li.current ul {
	margin-left:0px !important;
	position:absolute;
	}


#Menu li.current ul li{
	text-align:left;
	float:left;
	margin:0;
	padding:0;
	position: relative;
	display: inline;
	}

#Menu li.current ul li a{
	text-align:left;
	float:left;
	margin:0;
	padding:0px 40px 0px 0px;
	position: relative;
	border:none;
	font-weight:bold;
	color:#B2B4B4;
	}

#Menu li.current ul li.current a{
	font-weight:bold;
	color:#737679;
	}

#Menu li.current ul li a:hover{
	font-weight:bold;
	color:#737679;
	}

/* -- TRANSLATE -----------------*/
div#translate {
	margin:0;
	margin-left:264px;
	padding:0;
	padding-right:17px;
	text-align:right;
	background-color:#E0E1DF;
	border:solid 0px red;
	}


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


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

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


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


/* -- COPYRIGHT ------------------------*/



#pageelement_Copyright {
	margin-left:392px;
	padding:0;
	padding-top:5px;
	padding-right:20px;
	height:18px;
	width:568px;
	font-size:90%;
	background-color:#D7D9D6;
	color:#5E6265;
	text-align:right;
	}

#pageelement_Copyright a:link, #pageelement_Copyright a:visited{
	color:#5E6265;
	}

#pageelement_Copyright a:hover, #pageelement_Copyright a:active{
	color:#CC6600;
	}

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

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

#Headline h1 {
	margin-top: 0;
	}

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

.form, p, ol, ul, li, em, sup, sub, table, tr, th, td {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color : #000;
	font-size: 100%;
	}

h1.title {
	font-size: 130%;
	line-height: 24px;
	margin-top:10px; 
	}

h1,.heading1 {
	font-size: 130%;
	line-height: 24px;
	margin-top:16px;
	}

h2,.heading2 {
	font-size: 115%;
	line-height: 20px;
	border-bottom: #eeeeef 0px solid;
	}
	
h2.dontDisplay {
	display: none;
	}

h3,.heading3 {
	font-size: 110%;
	line-height: 18px;
	margin-bottom: 0px
	border-bottom: #eeeeef 0px solid;
	}

h4,.heading4 {
	font-size: 105%;
	line-height: 16px 
	}

h5,.heading5 {
	font-size: 105%;
	line-height: 15px 
	}

p {
	line-height: 1.5em;
	}

ol {
	line-height: 1.5em;
	}

#Content ul {
	margin:0;
	margin-left:10px;
	padding:0;
	}

#Content ul li {
	margin:0 0 0 2px;
	padding:0 0 5px 12px;
	line-height:1.5em;
	list-style:none;
	background:url(http://www.auditorium-friedrichstrasse.de/common/css/common/listDot_blue.gif) no-repeat 0 .6em;
	}

p.caption {
	font-style: italic;
	padding-top:0px;
	margin-top:0px;
	color:#000;
	}

p.emphasis {
	background-color:#fbfbf6;
	padding:4px;
	border:solid 1px #f9f3d9;
	line-height: 1.5em;
	}

p.description {
	line-height: 1.5em;
	}

p.creator  {
	}

p.small {
	font-size: 10px;
	}

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

strong, b {
	color:#5E6265;
	font-weight:bold;
	}

a:link, a:visited {
	color: #981F40;
	text-decoration : none;
	}

a:hover, a:active {
	text-decoration : none;
	color: #B7621B;
	}

code {
	}

abbr, acronym  {
	cursor:help;
	}

kbd{
	border-bottom: rgb(128, 128, 128) 2px solid;
	border-left: rgb(200, 200, 200) 1px solid;
	border-right: rgb(128, 128, 128) 2px solid;
	border-top: rgb(200, 200, 200) 1px solid;
	padding-left: 2px;
	padding-right: 2px;
	background: rgb(247, 247, 247);
	color: rgb(100, 100, 100);
	font-size:80%;
	vertical-align: middle;
	}

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

div.ZMSTable {
	}

div.ZMSTable table tr th {
	}

div.ZMSTable tr.even td {
	}

div.ZMSTable tr.odd td {
	}

table tr td  {
	}

table.ZMSTable {
	width:100% !important;
	width:98%;
	margin:0px;
	margin-left:-2px;
	position:relative;
	padding:0px;
	}
	
table.ZMSTable td { 
	background-color:#F8F8FA; 
	}

table.ZMSTable tr th {
	vertical-align:top;
	vertical-align:top;
	padding:2px 2px 2px 5px;
	background-color:#E9F1FA;
	color:#002965;
	}

table.ZMSTable tr th p{
	color:#002965;
	padding:0;
	margin:0;
	}

table.ZMSTable tr.even td {
	vertical-align:top;
	padding:0px 2px 0px 2px;
	}

table.ZMSTable tr.odd td {
	vertical-align:top;
	vertical-align:top;
	padding:0px 2px 0px 2px;
	}

table.ZMSTable tr td p{
	color:#002965;
	vertical-align:top;
	vertical-align:top;
	margin:5px 2px 0px 3px;
	}

table.ZMSTable tr td p strong, table.ZMSTable tr th p strong{
	color:#002965;
	}

/* -- Table Seating Plan ------------------------*/

table.seatingPlan {
	width:100%;
	font-size:95%;
	text-align:center;
	color:#002965;
	}

table.seatingPlan tr.delimit th{
	width:100%;
	background-color:#fff;
	height:2px;
	}

table.seatingPlan tr th{
	height:25px;
	font-weight:bold;
	color:#002965;
	background-color:#F1F2F1;
	}
	
table.seatingPlan tr th.hint{
	color:#5E6265;
	}

table.seatingPlan tr td{
	height:25px;
	color:#002965;
	background-color:#E3E4E4;
	}
	
table.seatingPlan tr td sup{
	color:#002965;
	/* font-size:65%; */
	}
	
table.seatingPlan tr td.fstItem{
	padding-left:2px;
	text-align:left;
	font-weight:bold;
	}
	
table.seatingPlan tr td.delimit, table.seatingPlan tr th.delimit{
	background-color:#fff;
	width:1px;
	}

/* -- Inquire Form ------------------------*/

div.audifInquireForm {
	/* margin-top:24px !important; */
	/* margin-top:14px; */
	/* padding-top:14px; */
	}

form.inquireAudifEvent{
	margin-left:0px;
	color:#002965;
	}

form.inquireAudifEvent p{
	margin:0px;
	margin-top:5px;
	color:#002965;
	}

form.inquireAudifEvent p.fieldsetDelimit{
	margin:0px;
	padding:0px;
	height:5px;
	}

form.inquireAudifEvent fieldset{
	background-color:#EEEFEE;
	border-width:0px;
	border-style:solid;
	border-color:#F0EADF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	width:450px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
	}

form.inquireAudifEvent fieldset legend{	
	background-color:#EEEFEE;
	border-width:1px 1px 1px 10px;
	border-color:#F0EADF;
	border-style:solid;
	color:#002965;
	font-weight:bold;
	text-transform:uppercase;
	font-size:90%;
	text-align:center;
	width:116px;
	padding:3px 5px;
	margin:0px 0px 10px -40px;
	position:relative;
	top: -14px;
	}

form.inquireAudifEvent fieldset legend img{
	padding:0px 5px 0px 5px;	
	}

form.inquireAudifEvent label{
	color:#002965;
	font-size:90%;
	font-weight:bold;
	display:block;
	float:left;
	width:130px;
	text-align:left;
	margin:12px 25px 0px 0px;
	}

form.inquireAudifEvent input, form.inquireAudifEvent textarea{
	background-color:#EEEFEE;
	width:280px;
	margin:12px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid solid dotted solid;
	border-color:#002965;
	color:#002965;
	font-family:"Courier New", Courier, mono;
	padding:1px 2px;
	font-size:135%;
	}
	
form.inquireAudifEvent input, form.inquireAudifEvent select{
	background-color:#EEEFEE;
	width:280px;
	margin:12px 0px 0px 0px;
	color:#002965;
	}

form.inquireAudifEvent input.button{
	background-color:#EEEFEE;
	background-image:none;
	border-width:0px;
	border-style:solid;
	border-color:#D2C8B9;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	width:52px;
	padding:0px;
	padding-top:10px;
	margin:0px;
	font-size:100%;
	}


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


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [WAI] ZMSFile / ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

div.ZMSFile, div.ZMSLinkElement 
	{ 
	background-color: #fff;
	margin: 4px 0px 10px 0px;
	padding: 4px 0px 0px 0px;
	border-bottom: solid 1px #ecebeb;
	}

div.ZMSGraphic {
	background-color:transparent; 
	margin: 0;
	}

div#ContentBroad div.ZMSGraphic {
	background-color:transparent; 
	margin: 0;
	padding:0;
	border:solid 0px red;
	}

div.ZMSGraphic.left {
	text-align:left;
	margin:0;
	padding:0;
	}
	
div.ZMSGraphic.right {
	text-align:right;
	margin-left:8px;
	padding-top:3px;
	}

div.ZMSGraphic.center {
	text-align:center;
	}

div.ZMSGraphic.floatleft { 
	float:left;
	margin-right:8px !important;
	/* strange IE 6 */
	margin-right:-16px;
	padding:0;
	padding-top:3px;
	}

div.ZMSGraphic.floatright { 
	float:right;
	}

div#ContentBroad div.ZMSGraphic.floatright { 
	float:right;
	margin:0;
	padding:0;
	border:solid 0px red;
	/* strange IE 6 */
	text-align:right;
	}

div.ZMSGraphic.center { 
	text-align:center;
	padding:0;
	margin-top:10px;
	}

div.graphic.alignleft {
	float:left;
	text-align:right;
	padding:0;
	margin-right:8px;
	margin-top:0px;
	}

div#ContentBroad div.graphic.alignleft {
	float:left;
	text-align:right;
	padding:0;
	margin-right:3px;
	margin-top:0px;
	}

div.graphic.alignright {
	float:right;
	text-align:right;
	padding:0px;
	margin-left:8px;
	margin-top:10px;
	}

div.ZMSGraphic div.text
	{
	padding: 0px;
	padding-top:0px;
	margin:0;
	}

div.ZMSGraphic div.text p
	{
	padding: 0px;
	padding-top:0px;
	margin:0;
	}

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

/*--------- ZMS TEASER --------------*/

div#teaser
	{
	width:250px;
	font-size: 12px !important; font-size: 12px;
	}

div.ZMSTeaserContainer {
	padding:1px;
	margin-bottom:0px; /**/
	}

div.ZMSTeaserElement {
	width:248px;
	padding:0px;
	}

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

div.ZMSTeaserElement div.title {
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 4px 4px 2px 4px;
	display: block;
	}

div.ZMSTeaserElement div.text
	{
	padding: 0px 6px 6px 6px;
	line-height:1.3em
	}

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

div#pageelement_Links 
	{
	width:180px;
	}

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

div.ZMSLinkElement div.title
	{
	font-weight:bold;
	color:black;
	font-size: 12px !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-color: #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;
	}


/*  ------------------------------------------------------
responseForm Colors
--------------------------------------------------------*/
form.wwwResponseForm input, form.wwwResponseForm textarea, form.wwwResponseForm select {
 	background: #fff;
 	border: #E6E6E6 1px solid;
 	}

input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus {
 	background:#ECECEC;
 	border: #E6E6E6 1px solid;
 	}

form.wwwResponseForm fieldset {
 	background: #F6F6F6;
 	border: #E6E6E6 1px solid;
 	}

form.wwwResponseForm fieldset legend {
 	color: #003378 !important;
 	}

/*  ------------------------------------------------------
Definition Respose Formelements
--------------------------------------------------------*/
form.wwwResponseForm input, form.wwwResponseForm textarea, form.wwwResponseForm select {
 	padding: 3px 4px;
 	font: 90% "Verdana", "Arial",  sans-serif;
 	}

form.wwwResponseForm textarea {
 	width: 80%;
 	}

form.wwwResponseForm input.radio, form.wwwResponseForm input.checkbox {
 	border: 0 none;
 	}

input:active, input:focus, textarea:active, textarea:focus, select:active, select:focus {
 	}

form.wwwResponseForm select {
 	width:120px;
 	}

form.wwwResponseForm input#submit1, form.wwwResponseForm input#submit2 {
 	padding: 2px;
 	}

/*Hack Opera + Safari*/
html:first-child>b\ody form input#submit1{
 	padding: 3px 4px;
 	}

/*Hack Opera + Safari*/
html:first-child>b\ody form input#submit2{
 	padding: 3px 4px;
 	}

form.wwwResponseForm  p {
 	}

form.wwwResponseForm fieldset {
 	width: 80%;
 	display: block;
 	margin: 4px 0 30px 0;
}

form.wwwResponseForm fieldset div.distance {
 	padding: 10px 20px 10px 20px;
 	}

form.wwwResponseForm fieldset legend {
 	margin: 0 0 0 24px;
 	}

form.wwwResponseForm fieldset p, form.wwwResponseForm fieldset label, div.eingabe {
 	font-size:1.0em;
 	padding: 0 !important;
 	margin: 0 0 8px 0 !important;
 	}


form.wwwResponseForm fieldset p label {
 	padding: 0 !important;
 	margin: 0 !important;
 	font-size:1em;
 	}

form.wwwResponseForm fieldset p label.Name {
 	padding: 0 !important;
 	margin: 0 !important;
 	font-size:1em;
 	padding-right:10px;
 	}

form.wwwResponseForm fieldset legend {
 	font: 1.1em "Trebuchet MS", Lucida Sans, Lucida Sans Unicode, Verdana, sans-serif;
 	font-weight: bold;
}


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

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

div.infobox  {
	margin-top: 10px;
	border-top:5px solid #ccc;
	background-color:#f6f6f6;
	padding:0px;
	width:auto;
	margin-bottom:20px;
	}

p.infoboxtitle  {
	padding:3px;
	margin:0px;
	margin-left:3px;
	font-weight:bold;
	color:#002965;
	}

div.infoboxContentEven,
div.infoboxContentOdd {
	padding:5px 0px 5px 10px;
	}

div.infoboxContentEven p,
div.infoboxContentOdd p  {
	margin: 3px;
	}

div.infobox div.infoboxContentOdd {
	background-color:#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.text {
	margin-left:20px;
	}

div.infobox ul {
	margin:0px 0px 0px 28px;
	padding:0;
	}

#Content div.infobox ul li {
	background:none;
	margin-left:10px;
	}

#Content div.infobox ul li a:link strong, #Content div.infobox ul li a:visited strong{
	color:#981F40;
	}

#Content div.infobox ul li a:hover strong, #Content div.infobox ul li a:active strong{
	color:#B7621B;
	}

li.LinkElementExternal {
	list-style-image:url(common/external_link.gif);
	}

li.LinkElementInternal, 
li.LinkElementInternalPortal {
	list-style-image:url(common/external_link.gif);
	}

li.LinkElementInternalClient {
	list-style-image:url(common/external_link.gif);
	}

li.LinkElementMailto {
	list-style-image:url(common/mail_link.gif);
	}

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

#pageregionLeft #Newsindex {
    padding: 0px 20px 0px 10px;
    margin:0;
}
#pageregionLeft #Newsindex h2 {
    padding:0;
    margin:0;
}
#pageregionLeft #Newsindex p {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}


/**************************************/
/* 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 {
}

/**************************************/
/* 10. CSS-Modul: sIFR styles         */
/**************************************/	
/* 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 p.infoboxtitle {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 100%;
	width:80%;
	}



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

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }
div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td { background-color:#EEEEEE; }

.zmiTableRowEven {background-color:#eee;}
.zmiTableRowOdd {background-color:#ccc;}

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

body.zmi form input.form-element{
	width:20px;
	font-size: 12px !important; font-size: xx-small;
	}