/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [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: transparent;
	margin: 4px 4px 4px 0px;
}

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

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

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [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: red;
  font-weight: bold;
  border: 1px dashed blue; 
}



/*** BASIC ***/


body {
	font-family: Georgia, serif;
	color: black;
	background-color: white;	
	font-size: 10px; line-height: 20px;
	padding: 0px;
	margin: 0px;
	}

#Logo {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;	
	}

.inline {
	display: inline;
	}

.hidden {
	display: none;
	}

.right {
	float: right;
	}

.clear {
	clear: both;
	line-height: 1px;
	}

img {
	border: 0px;
	}

/*** LINKS ***/

a:link,
a:visited {
	color: black;
}

a:hover,
a:active {
	color: blue;
}


/*** TABLES LISTS AND FORMS ***/

select,input {
	color: black;
	background-color: white;
	border: 1px solid #999;
}

table,tr,td {
	padding: 0;
	margin: 0;
}
ol,ul {
	/* margin-top:5px;
	margin-bottom:5px; */
}

ul.noBullets,
ol.noBullets,
li.noBullets {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#Content ul {
	padding: 0px 0px 0px 00px;
	margin: 0px;
	/* text-indent: 50px; */
	width: 99%;
}


/*** HEADLINES AND PARAGRAPHS ***/

h1, h2, h3, h4, h6, p {
	font-family: Georgia, serif;
	line-height: 150%;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.3em;
}

h4, h5, h6, p {
	font-size: 1.2em;
}


/*** FUNCTIONAL AREAS ***/

#Header {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 1000px;
	height: 147px;
	background-image: url('http://kairobeirut.de/site/common/kairobeirut.gif');
	background-repeat:no-repeat;
	}

#filterMenu {
	margin: 0;
	padding: 0;
	position: absolute;
	left: 495px;
	top: 88px;	
	}

#MainNav {
	position: absolute;
	top: 0px;
	right: 0px;
	margin-right: 20px;
	}

#primary-nav {
	float:right;
}

#Page {
	position: absolute;
	top: 147px;
	left: 10px;
	width: 980px;
	margin: 0px 0px 0px 0px;
}

#Footer {
	padding-bottom: 30px;
	margin-top: 50px;
	clear: both;
}

#leftColumn {
	border-top: 1px solid #502978;
	width: 480px;
	color: #999;
	margin-top: 27px;
	margin-right: 15px;
	float: left;
	}

#rightColumn {
	border-top: 1px solid #502978;
	width: 480px;
	color: #999;
	margin-top: 27px;
	float: left;
	}




/*** FOOTER ***/

#LegalNote {
	float: left; 
}

#Copyright {	
	float: right;
}


/*** BO EVENTS ***/



#eventImagesBonn, #eventImagesDdorf {
	float: left;
	width: 480px;
	padding-top: 10px;
	}

#eventTextsBonn, #eventTextsDdorf {
	float: left;
	width: 480px;
	margin-right: 15px;
	padding-top: 10px;
	}
	
#eventTextsBonn, #eventImagesBonn {
	border-top: 1px solid #502978;
	}

#eventTextsDdorf, #eventImagesDdorf {
	border-top: 1px solid #93AD13;
	}



#eventPreview {
	width: 480px;
	float: left;
	margin: 0 15px 0 0;
	}
	
#eventPreview .narrowText {
	width: 220px;
	float: left;
	}
	
#eventPreview .wideText {
	width: auto;
	float: left;
	}
	
.eventBonn {
	color: #502978;
	}

.eventDdorf {
	color: #93AD13;
	}
	
.eventBonn, .eventDdorf {
	line-height: 1.2em;
	margin: 0 0 5px 0;
	}


.eventBonn img, .eventDdorf img {
	float: left;
	margin: 0 15px 5px 0;
	}

.eventBonn p, .eventDdorf p {
	margin: 0;
	padding: 0 0 1em 0;
	}

.eventListHeaders h1 {
	margin: 0px;
	padding: 0px;
	font-family: courier;
	}

h1.eventPreview {
	font-weight: normal;
	color: #fff;
	width: 480px;
	}
	
h1.eventDetailDdorf {
	color: #fff;
	width: 960px;
	font-weight: normal;
	}
	
h1.eventDetailBonn {
	font-weight: normal;
	color: #fff;
	width: 960px;
	}

h1.eventListBonn, h1.eventListDdorf {
	font-weight: normal;
	width: 230px;
	float: left;
	}
	
h1.eventListBonn img, h1.eventListDdorf img {
	margin: 0 0 5px 0; 
	}


h1.eventListBonn {
	font-weight: normal;
	color: #502978;
	margin-right: 15px;
	}

h1.eventListDdorf {
	font-weight: normal;
	color: #93AD13;
	}

ul.eventList {
	width: 230px;
	line-height: 1.2em;
	padding: 0;
	float:left;
	}
	
ul#eventListBonn {
	margin: 0 15px 0 0;	
	}
	
ul#eventListDdorf {
	margin: 0 0px 0 0;	
	}


.eventList li {
	list-style-type: none;
	margin: 0 0 5px 0;
	padding: 0;
	}

.eventList li a {
	display: block;
	margin: 0;
	padding: 0;
	}
	
.eventList li a .dateTime,
.eventBonn .dateTime,
.eventDdorf .dateTime {
	font-size: 0.9em;
	}

.eventList li a .artist,
.eventBonn .artist,
.eventDdorf .artist {
	font-size: 1em;
	font-weight: bold;
	margin-top: 5px;
	}
	
.eventList li a .title,
.eventBonn h2,
.eventDdorf h2 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 .3em 0;
	}

#eventListBonn li a:link,
#eventListBonn li a:visited,
.eventBonn a.teaser:link,
.eventBonn a.teaser:visited {
	display: block;
	color: #502978;
	text-decoration: none;
	border-top: 1px solid #502978;
	padding-top: 4px;
	}

#eventListBonn li a:hover,
#eventListBonn li a:active,
.eventBonn a.teaser:hover,
.eventBonn a.teaser:active {
	color: #93AD13;
	text-decoration: none;
	border-top: 1px solid #93AD13;
	background-color: #fafafa;
	}


#eventListDdorf li a:link,
#eventListDdorf li a:visited,
.eventDdorf a.teaser:link,
.eventDdorf a.teaser:visited {
	display: block;
	color: #93AD13;
	text-decoration: none;
	padding-top: 4px;
	border-top: 1px solid #93AD13;
	}

#eventListDdorf li a:hover,
#eventListDdorf li a:active,
.eventDdorf a.teaser:hover,
.eventDdorf a.teaser:active {
	color: #502978;
	text-decoration: none;
	border-top: 1px solid #502978;
	background-color: #fafafa;
	}

.extra {
	color: #999;
	}

/*** EO EVENTS ***/



/*** BO FILTER MENU ***/

#filterMenu {
	font-family: Courier;
	font-size: 1.2em;
	}
	
#filterMenu li {
	list-style-type: none;
	float: left;
	padding: 0 .3em 0 0;
	}
	
#filterMenu li a:link, #filterMenu li a:visited {
	color: #fff;
	background-color: #502978;
	text-decoration: none;
	padding: .2em;
	}

#filterMenu li a:hover, #filterMenu li a:active {
	color: #93AD13;
	background-color: transparent;
	text-decoration: none;
	}

#filterMenu li.current a:link, #filterMenu li.current a:visited {
	color: #93AD13;
	background-color: transparent;
	text-decoration: none;
	}


/*** EO FILTER MENU ***/



/*** BO PRIMARY NAVIGATION: Unless you know what you do, do not touch this ***/ 

#menu_vert {
	margin-left: 1px;
	margin-right: 1px;

	}

/*** The wrapper clears the floating elements of the menu ***/

/*** Fix for Opera 8 ***/

.clearb {
	clear: both;
}

#menuwrapper {
	/* Fix for Opera 8 */
	/* overflow: hidden; */
	background-color: #FFFFFF;
	border-bottom: none;
	width: 600px;
}

#primary-nav {
	font-size: 1.2em;
	font-family: Courier; 
}
 

/*** Set the width of the menu elements at second level. Leaving first level flexible. ***/

#primary-nav li li {
	width: 170px; 
}
 

#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px;
	padding: 0px; 
}

#primary-nav ul {
	position: absolute; 
	top: auto; 
	display: none; 
}

#primary-nav ul ul { 
	margin-top: 1px;
	margin-left: 0px;
	border-left: 2px solid #FFF;
	left: 100%; 
	top: 0px; 
}

#primary-nav li {
	margin-left: -1px;
	float: left;
}

#primary-nav li li {
	margin-left: 0px;
	margin-top: 0px;
	float: none;
	position: relative; 
}

 
/*** Styling the basic apperance of the menu elements ***/

#primary-nav a {
	font-weight: normal;
	display: block;
	margin: 0;
	padding: 0px 5px; 
	text-decoration: none; 
	color: #93AD13;
}

#primary-nav li a {
	border: 0;
}

#primary-nav li li a {
	border: 0 solid #000;
}	

#primary-nav li,
#primary-nav li.menuparent {
	background-color: #FFF;
	margin-right: 10px;
}

#primary-nav li ul li,
#primary-nav li ul li.menuparent {
	background-color: #A781B9;
	border-bottom: 0px solid #FFF;
	border-top: 1px solid #FFF;
}

#primary-nav li ul li ul li,
#primary-nav li ul li ul li.menuparent {
	background-color: #A781B9;
	border-bottom: 1px solid #FFF;
	border-top: 0px solid #FFF;
}

 

/*** Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) ***/

#primary-nav li.menuactive {
	background-color: #FFF;
	border-bottom: 1px solid #FFF;
}

#primary-nav li.menuactive a {
	color: #502978;
}

 

/*** Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) ***/

#primary-nav ul li.menuparent,
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
	/* arrow for menuparents */
	background-image: url(images/cms/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat;
}


/*** Styling the apperance of menu items on hover ***/

#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh { 
	background-color: #502978
}

#primary-nav li:hover a,
#primary-nav li.menuh a,
#primary-nav li.menuparenth a,
#primary-nav li.menuactiveh a { 
	color: #fff;
}

#primary-nav li ul li:hover,
#primary-nav li ul li.menuh,
#primary-nav li ul li.menuparenth,
#primary-nav li ul li.menuactiveh { 
	background-color: #EEE;
}

#primary-nav li ul li:hover a,
#primary-nav li ul li.menuh a,
#primary-nav li ul li.menuparenth a,
#primary-nav li ul li.menuactiveh a { 
	color: #502978;
}

#primary-nav li ul li ul li:hover,
#primary-nav li ul li ul li.menuh,
#primary-nav li ul li ul li.menuparenth,
#primary-nav li ul li ul li.menuactiveh { 
	background-color: #EEE; 
}

#primary-nav li ul li ul li:hover a,
#primary-nav li ul li ul li.menuh a,
#primary-nav li ul li ul li.menuparenth a,
#primary-nav li ul li ul li.menuactiveh a { 
	color: #502978;
}

/*** The magic - set to work for up to a 3 level menu, but can be increased unlimited ***/

/* just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level */

#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul { 
	display: none; 
}

 
/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level */

#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
	display: block; 

}

/* IE Hacks */

#primary-nav li li {
	float: left; 
	clear: both; 
}

#primary-nav li li a {
   height: 1%; 
}

/*** EO PRIMARY NAVIGATION ***/













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

.ZMSTable th { background-color: white; }
.ZMSTable tr { background-color: white; }
.ZMSTable td { background-color: white; }

.zmiTableRowEven {background-color:white;}
.zmiTableRowOdd {background-color:white;}

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

body.zmi h1, body.zmi h2, body.zmi h3, body.zmi h4, 
body.zmi h5, body.zmi h6  {
  color:black;
	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;
}