/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- 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.berlinerstarthilfe.org/metaobj_manager/ZMSNote.zmsnote_bg.gif) top right no-repeat;
}/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj infobox
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.infobox {
	margin:0;
	margin-top: 10px;
	margin-bottom:10px;
	border-top:1px solid #AD3A3B;
	background-color:#ECEDEE;
	padding:0px;
	width:415px;
	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-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.title a:link, div.infobox div.ZMSFile div.title a:visited {
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	}

div.infobox div.ZMSFile div.text {
	margin-left:23px;
	}

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;
	}
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- specObj teaserRight
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.teaserRightContent {
	margin:0;
	margin-bottom:-6px; 
	padding:0;
	padding-top:2px;
	padding-bottom:7px;
	width:100%;
	border-top:0px dashed #005D52;
	border-bottom:1px dashed #005D52;
	}

.teaserRightContent p {
	margin:0;
	padding:0;
	}

.teaserRightContent a:link, .teaserRightContent a:visited{
	color:#005D52;
	}

.teaserRightContent a:hover, .teaserRightContent a:active{
	color:#800000;
	}




div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:550px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('http://www.berlinerstarthilfe.org/metaobj_manager/ZMSMediaPlayerLib.loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 350px
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
	float: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

#thumbs-min a.thumb {
	padding: 0px;
	display: inline;
	border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
	background: inherit;
	color: #000;
	font-weight: bold;
}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	}

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

#jquery-lightbox a img {
	border: none;
	}

#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#lightbox-container-image {
	padding: 10px;
	}

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

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

#lightbox-container-image-box > #lightbox-nav {
	left: 0;
	}

#lightbox-nav a {
	outline: none;
	border-bottom:0px;
	}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
	}

#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
	}

#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
	}

#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
	}

#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
	}

#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
	}	

#lightbox-image-details-caption {
	font-weight: bold;
	}

#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
	}			

#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;
	border-bottom:0px;
	}

/* jQuery lightBox plugin - Gallery style */
#gallery {
	background-color: #fff;
	margin-top:33px;
	padding: 0px;
	width: 590px;
	}

#gallery ul {
	list-style: none;
	margin-left:-40px !important;
	}

/* IE 7.0 only */
*:first-child+html #gallery ul {
	margin-left:-60px !important;
	}


#gallery ul li {
	display: inline;
	}

#Content #gallery ul li {
	background:none;
	padding-right:10px;
	}

#gallery ul img {
	border: 5px solid #fff;
	border-width: 1px;
	}

#gallery ul a:hover img {
	border: 5px solid #800000;
	border-width: 1px;
	color: #fff;
	}

#gallery ul a:hover {
	color: #fff;
	}


textarea#code.form-element {
 font-family:courier !important;
 font-size:11px !important;
 height:350px !important;
 width:630px !important; 
}/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- specObj person
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
div.personWrapper {
	margin:0;
	padding:0;
	padding-top:20px;
	padding-bottom:20px;
	border-top:solid 1px #005D52;
	}

div.personWrapper div.personPhoto {
	float:left;
	margin:0;
	padding:0;
	width:143px;
	}

div.personWrapper div.personPhoto img {
	}

div.personWrapper div.personInfo {
	float:left;
	margin:0;
	padding:0;
	padding-top:60px;
	width:397px;
	}
	
div.personWrapper div.personInfo p.personName {
	margin:0;
	padding:0;
	color:#800000;
	}

div.personWrapper div.personInfo p.personFunction {
	margin:0;
	padding:0;
	}

div.personWrapper div.personClear {
	clear:both;
	margin:0;
	padding:0;
	height:1px;
	}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- specObj itinerary
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [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) 2009 jklein                    */
/* Author: j. klein                   */
/* last change: 2010/07/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: #AD3A3B;}
.secondColorMedium {background-color: #C87867;}
.secondColorLight {background-color: #DDA998;}

.primColorStrong {background-color: #166560;}
.primColorMedium {background-color: #417B6C;}
.primColorLight {background-color: #A0BDB6;}


body#web {
	margin: 0;
	padding: 0;
	border: 0;
	background: #fff url('http://www.berlinerstarthilfe.org/common/css/common/body_bg.gif') top left repeat-x;
	background-color: #fff;
	font-family:Trebuchet MS, sans-serif;
	font-size: 90%;
	text-align:left;
	}

#pageregionTopWrapper {
	margin: 0;
	padding: 0;
	padding-top:60px;
	width:1000px;
	height:168px;
	text-align:left;
	background-color: #fff;
	border:solid 0px red;
	}

#Logo {
	float:left;
	margin:0;
	margin-top:-40px;
	padding:0px;
	padding-left:168px;
	width:100px;
	border:solid 0px red;
	}

#pageelement_Banner {
	margin: 0;
	padding: 0;
	width:1000px;
	height:140px !important;
	height:140px;
	background-color: #005D52;
	border-top:1px solid #800000;
	border-bottom:1px solid #800000;
	}

/* ie 7.0 only */
*:first-child+html #pageelement_Banner {
	height:140px !important;

	}

#pageelement_Banner p{
	margin: 0;
	padding: 0;
	background: transparent;
	text-align:right;
	color:#fff;
	font-size:18px;
	letter-spacing:2px;
	}

#pageelement_Banner p img.logoTrans{
	margin: 0;
	padding: 0;
	height:138px;
	width:307px;
	border:solid 0px red;
	}

#pageregionContentWrapper {
	margin: 0;
	padding: 0;
	border: 0;
	width:1000px;
	background-color: #fff;
	text-align:left;
	}

#Content {
	float:left;
	margin:0;
	margin-top:18px;
	margin-left:70px;
	padding:0;
	width:550px !important;
	width:540px;
	overflow:visible;
	border:solid 0px red;
	}

/* ie 7.0 only */
*:first-child+html #Content  {
	width:550px !important;
	}

#ContentBroad {
	margin:0;
	padding:0;
	width:1000px;
	overflow:visible;
	}

#Sitemap {
	float:left;
	margin:0;
	margin-top:18px;
	margin-left:70px;
	padding:0;
	width:550px !important;
	width:540px;
	overflow:visible;
	border:solid 0px red;
	}

/* ie 7.0 only */
*:first-child+html #Sitemap  {
	width:550px !important;
	}

#pageregionLeft {
	float: left;
	}

#pageregionRight {
	float: left;
	width:250px;
	margin: 0;
	margin-top:18px;
	margin-left:70px;
	padding: 0;
	background-color:#fff; 
	border:solid 0px red;
	}

hr.cDelemiter {
	 background-color:#800000;
	 color:#800000; /* -- IE -- */
	 height:1px;
	 border:none;
	 }

#pageregionBottomWrapper {
	margin: 0;
	margin-top:-9px;
	padding: 0;
	border: 0;
	width:1000px;
	text-align:left;
	border-top: 0px solid #800000;
	}
	
	
/*-- FLOATING ---------------*/
.clearing {
	clear: both;
	height: 0;
	border:0;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:0;
	border:solid 0px red;
	}

.floatRight {
	float:right;
	}

.floatLeft {
	float:left;
	}

img.imgNoborder {
	border:0px;
	}


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

/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 200px; }
#nav ul ul { left: 201px; }
#nav ul ul li { display:none; }

/* Everything else is theming */
 
#nav { float:left; background-color: #666666; height: 25px; width:639px; padding-left:51px;}
#nav *:hover { background-color: none; }
#nav a { border-right: 0px solid white; color: #fff; font-size: 12px; padding: 6px 20px 7px 20px; line-height: 1; letter-spacing:1px; text-transform:uppercase;}
  #nav li.hover a { background-color: #666666; }
#nav li.active a { background-color: #800000; color:#fff; }
#nav li a:hover { background-color: #800000; color:#fff; }
#nav li.active ul a { background-color: #800000; color:#fff; }
#nav li.active ul a:hover { background-color: #800000; color:#fff;}
  #nav ul { top: 26px; }
    #nav ul li a { background-color: #666666; margin-bottom:0px !important; margin-bottom:-2px;}
    /* ie 7.0 only */
    *:first-child+html #nav ul li a   {
    	margin-bottom:-2px !important;
	}
    #nav ul li a:link, #nav ul li a:visited { background-color: #666666; }
      #nav ul a.hover { background-color: #800000; color:white; }
      #nav ul li.hover a { background-color: #800000; }
   #nav ul a { border-bottom: 1px solid #800000; border-right: none; opacity: 1.0; filter: alpha(opacity=100);}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


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

ul#submenu { 
	margin: 0em;
	margin-bottom:10px;
	padding:3px 0px 9px 0px;
	width: 100%; 
	overflow: hidden;
	list-style-type: none; 
	border-top: 0px #005D52 dashed; 
	border-bottom: 1px #005D52 solid; 
	}

ul#submenu li {
	/* neutralize YAML */
	display:block; 
	width: 100%; 
	margin:0px;
	padding:0px;
	}

#submenu li span {
	padding:0em; 
	width:100%; 
	display:block; 
	color: #666666; 
	}

ul#submenu a { 
	padding: 0.1em 0em 0.3em 0em;
	width: 100%; 
	display:block;
	text-decoration: none;
	font-size:80%;
	}

ul#submenu a.active span { 
	color:#800000;
	}

ul#submenu a:hover span { 
	color:#800000;
	}

ul#submenu li a span {
	margin:0px;
	padding:0px;
	width:100%;
	line-height:15px;
	display:block;
	color:#666666;
	border:0px;
	cursor:pointer;
	}

ul#submenu ul { 
	margin:0px;
	padding:0px;
	}

/* -- Level 2 --*/
ul#submenu li ul li {
	margin:0px;
	padding:0px;
	}

ul#submenu li ul li a {
	margin:0px;
	}

ul#submenu li ul li a span {
	margin:0px;
	padding-left:8px;
	}

ul#submenu li ul li a:hover span { 
	}

ul#submenu li ul li a.active span { 
	padding-left:8px;
	}

/* -- Level 3 --*/
ul#submenu li ul li ul li {
	margin:0px;
	padding:0px;
	}

ul#submenu li ul li ul li a {
	margin:0px;
	}

ul#submenu li ul li ul li a span {
	margin:0px;
	padding-left:16px;
	background-color:transparent;
	}

ul#submenu li ul li ul li a:hover span { 
	}

ul#submenu li ul li ul li a.active span { 
	padding-left:16px;
	}

/* -- Level 4 --*/
ul#submenu li ul li ul li ul li {
	margin:0px;
	padding:0px;
	}

ul#submenu li ul li ul li ul li a {
	margin:0px;
	}

ul#submenu li ul li ul li ul li a span {
	margin:0px;
	padding-left:24px;
	}

ul#submenu li ul li ul li ul li a:hover span { 
	}

ul#submenu li ul li ul li ul li a.active span { 
	padding-left:24px;
	}


ul#submenu li ul li ul li ul li ul li a span {
	padding:0em 0em 0em 5.0em;
	}

/* -- YAML original ------------------------*/	
#submenu li a { 
	padding:0; 
	}

/* IE can not hover without strange background */
#submenu li a:hover {
	}


/* -- MICRONAVIGATION ------------------------*/
#Micronavigation {
	margin:0;
	margin-bottom:29px;
	padding:0;
	color:#666666;
	border:solid 0px red;
	font-size:80%;
	}

#Micronavigation a:link, #Micronavigation a:visited {
	color: #666666;
	text-decoration:none;
	}

#Micronavigation a:hover {
	color: #800000;
	text-decoration:none;
	}



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

td.sitemapTitle0 {
	background-color: #ddd;
	border-right: solid 1px #444;
}
td.sitemapTitle1 {
	background-color: #ddd;
	border-right: solid 1px #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;
}



/* -- PAGEELEMENT CHANNELIMG ------------------------*/

div#channelImg {
	margin:0;
	margin-top:40px;
	margin-bottom:20px;
	padding:0;
	}


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

div#pageelement_Search {
	margin:0;
	margin-top:44px;
	padding:0;
	}

form.searchForm {
	margin:0;
	padding:0;
	border:solid 0px red;
	}

form.searchForm input#raw {
	font-family:Courier;
	font-size:12px;
	padding:0;
	margin: 0;
	height:16px;
	width:163px;
	vertical-align:middle;
	border:solid 1px #828181;
	}

form.searchForm input#btnSearch{
	margin-bottom:-1px;
	}

span.searchHint {
	color:#000;
	}


/* -- PAGEELEMENT FUNCTIONS ------------------------*/

#pageelement_Functions {
	float:left;
	margin:0px;
	margin-left:70px;
	padding:0;
	padding-top:10px;
	height:25px;
	width:550px;
	text-align:left;
	color:#666666;
	font-size:80%;
	}

#pageelement_Functions a:link, #pageelement_Functions a:visited{
	color:#666666;
	}

#pageelement_Functions a:hover, #pageelement_Functions a:active{
	color:#800000;
	text-decoration:underline;
	}


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

#pageelement_Copyright {
	float:left;
	margin:0;
	margin-left:70px;
	padding:0;
	padding-top:10px;
	height:25px;
	width:250px;
	color:#666666;
	font-size:80%
	}

#pageelement_Copyright a:link, #pageelement_Copyright a:visited{
	color:#666666;
	}

#pageelement_Copyright a:hover, #pageelement_Copyright a:active{
	color:#800000;
	text-decoration:underline;
	}


/* -- PAGEELEMENT INDEX ------------------------*/

div.indexItemWrapper {
	margin:10px 0px 0px 0px;
	padding:30px 0px 20px 0px;
	width:100%;
	border-top: 1px solid #007569;
	}

div.indexItemWrapper div.indexItemWrapper {
	margin:0px;
	padding:0px;
	width:100%;
	}

div.indexItemWrapper div.indexItemImg {
	float:left;
	width:140px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

div.indexItemWrapper div.indexItemImg img {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

div.indexItemWrapper div.indexItemDetails {
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:410px;
	}

div.indexItemWrapper div.indexItemDetails p.indexItemWrapperTitlealt {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

div.indexItemWrapper div.indexItemDetails p.indexItemWrapperTitlealt a:link, div.indexItemWrapper div.indexItemDetails p.indexItemWrapperTitlealt a:visited {
	color:#a32c2d;
	}

div.indexItemWrapper div.indexItemDetails p.indexItemWrapperTitlealt a:hover, div.indexItemWrapper div.indexItemDetails p.indexItemWrapperTitlealt a:active {
	color:#a32c2d;
	text-decoration:underline;
	}

div.indexItemWrapper div.indexItemDetails p.indexItemWrapperTitle {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

div.indexItemWrapper div.indexItemDetails p.indexItemWrapperDescription {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

div.indexItemWrapper div.indexItemDetails p.indexItemWrapperHref {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	}

div.indexItemWrapper div.indexItemDetails p.indexItemWrapperHref a:link, div.indexItemWrapper div.indexItemDetails p.indexItemWrapperHref a:visited {
	color:#a32c2d;
	}

div.indexItemWrapper div.indexItemDetails p.indexItemWrapperHref a:hover, div.indexItemWrapper div.indexItemDetails p.indexItemWrapperHref a:active {
	color:#a32c2d;
	text-decoration:underline;
	}


div.clearIndexItems {
	clear:both;
	margin:0px;
	padding:0px;
	height:1px;
	}


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

#Headline h1 {
	margin-top: 0;
	}

h1, h2,  h3, h4, H5, .heading1, .heading2, .heading3, .heading4, .heading5 {
	font-family:Trebuchet MS, sans-serif;
	font-weight: normal;
	color: #666666;
	}

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

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

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

h2,.heading2 {
	font-size: 120%;
	line-height: 20px;
	}
	
h2.dontDisplay {
	display: none;
	}

h3,.heading3 {
	font-size: 115%;
	line-height: 18px;
	margin-bottom: 0px
	}

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

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

p {
	line-height: 1.3em;
	}

ol {
	line-height: 1.3em;
	}

ul {
	line-height: 1.5em;
	list-style-type: square;
	}

ul.listDot {
	margin:0px 0px 10px -40px;
	line-height: 1.5em;
	list-style-image: url('http://www.berlinerstarthilfe.org/common/css/common/dot_para.gif');
	list-style-position: inside;
	list-style-type: square;
	border:solid 0px red;
	text-indent:0px;
	}


/* ie 7 */
*:first-child+html ul.listDot {
	margin:0px 0px 10px -15px !important;
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
	}

/* ie 7 */
*:first-child+html ul.listDot li {
	margin:0 0 0 2px;
	padding:0 0 5px 14px;
	line-height:1.5em;
	list-style:none;
	background:url(http://www.berlinerstarthilfe.org/common/css/common/dot_para.gif) no-repeat 1.0em 0.35em;
	}

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

p.emphasis {
	padding:4px;
	border:solid 1px #ECEDEE;
	line-height: 1.3em;
	color:#AD3A3B;
	}

p.description {
	padding-top:14px;
	line-height: 1.3em;
	color: #800000;
	font-size:105%;
	font-weight:normal;
	}

p.creator  {
	}

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

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

strong, b {
	color:#000;
	}

a:link, a:visited {
	color: #53A091;
	text-decoration : none;
	}

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

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

span.bhilfe {
	color:#005D52;
	}

span.start {
	color:#800000;
	}


/**************************************/
/* 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:98%;
	}
	
table.ZMSTable td { 
	background-color:#ECEDEE; 
	}

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

table.ZMSTable tr th p{
	color:#000;
	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{
	vertical-align:top;
	vertical-align:top;
	margin:5px 2px 0px 3px;
	}


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

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

div.ZMSGraphic.left {
	text-align:left;
	}
	
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.ZMSGraphic.center { 
	text-align:center;
	}

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

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

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;
	border:solid 0px red;
	margin-bottom:40px;
	}

div.ZMSTeaserContainer {
	padding:1px;
	margin-bottom:10px;
	}

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

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

div.ZMSTeaserElement div.title a:link, div.ZMSTeaserElement div.title a:visited{
	color: #fff;
	text-transform:none;
	}

div.ZMSTeaserElement div.title a:hover, div.ZMSTeaserElement div.title a:active{
	color: #fff;
	text-decoration:none;
	}

div#teaser div.ZMSTeaserElement div.title a:link, div#teaser div.ZMSTeaserElement div.title a:visited {
	color:#666666 !important;
	font-weight:normal;
	} 


div#teaser div.ZMSTeaserElement div.title a:hover, div#teaser div.ZMSTeaserElement div.title a:active {
	color:#800000 !important;
	font-weight:normal;
	} 

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

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


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

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

body.zmi ul.listDot {
	margin:0px;
	}