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

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- Search Form
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 */
.searchForm table {
	width:100%;
}
.searchForm input {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}
.searchForm input.searchInput {
	width:80%;
}
.searchHeader {
	text-align:right;
	border-top: 1px solid #CCC;
	background-color: #EEE;
	font-size:70%;
}
.searchResult {
	margin-bottom:20px;
}
.searchResult span.title {
	display:block;
	font-weight:bold;
	color:#2200D5;
}
.searchResult span.title a {
	color:#2200D5;
}
.searchResult span.title a:visited {
	color:#91198B;
}
.searchResult span.description {
	display:block;
}
.searchResult span.linkpath {
	display:block;
	font-size:smaller;
	line-height:1.3em;
} 
.searchResult span.linkpath a {
	color:#008000;
}

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

a.fancybox img {
	padding:1px 1px 21px 1px;
	background:#fff url(/misc_/zms/zoom.gif) bottom right no-repeat;
}

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;
	margin-right:10px;
}

div.ZMSGraphic.floatright {
	float:right;
	margin-left:10px;
}

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.btz-koeln.de/content/metaobj_manager/ZMSNote.zmsnote_bg.gif) top right no-repeat;
}/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj Bildteaser Element
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
 
 
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj Bildteaser Element
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
 
 
div.teaserBlockImgElement {
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-color:#fff;
	border:solid 0px red;
	}

div.memberImg {
	margin:0;
	margin-bottom:6px;
	padding:0;
	text-align:center;
	}

div.memberDetails {
	margin:0;
	padding:0;
	color:#2E2D79;
	}

div.memberDetails p{
	margin:0;
	margin-left:10px;
	padding:0;
	line-height:1.3em;
	color:#2E2D79;
	}

div.memberDetails p.memberName{
	font-weight:bold;
	}

div.memberDetails p.memberFunction{
	}

div.memberDetails p.memberFon{
	}

div.memberDetails p.memberMail{

	}

div.memberDetails p.memberMail a:link, div.memberDetails p.memberMail a:visited{
	color:#2E2D79;
	}
	
div.memberDetails p.memberMail a:hover{
	text-decoration:underline;
	}




/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj Blockteaser Element
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
 
 
div.TeaserBlockElement {
	margin:0;
	margin-bottom:10px;
	padding:0;
	background-color:#fff;
	
	}

div.TeaserBlockElement .title {
	float:none;
	margin:0;
	padding:0;
	
	}

div.TeaserBlockElement .text {
	float:none;
	margin:0;
	padding:0;
	
	}

div.TeaserBlockElement .text a:link, div.TeaserBlockElement .text a:visited{
	color:#2E2D79;
	}
	
div.TeaserBlockElement .text a:hover, div.TeaserBlockElement .text a:active{
	text-decoration:underline;
	}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj Teaser Block
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
  
p.teaserBlockTitle {
	margin:0;
	margin-bottom:15px;
	padding:0;
	padding-left:6px;
	line-height:1.1em;
	background-color:#fff;
	font-weight:bold;
	font-size:110%;
	color:#2E2D79;
	border:solid 0px red;
	}






/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj graduates
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

/* -- displayOverview --*/
h2.btzGraduatesSearchHint {
	}


form.btzGraduatesSearchForm {
	}


table.btzGraduates {
	width:100%;
	border:solid 0px red;
	}


form.btzGraduatesSearchForm input.button {
	width:9.0em;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	background:rgb(255,255,255);
	border:solid 1px rgb(150,150,150);
	text-align:center;
	font-family:verdana,arial,sans-serif;
	color:rgb(150,150,150);
	font-size:110%;
	width:98px;
	}

/* -- batchCurrent --*/
div.graduatesWrapper {
	margin:0;
	padding:0;
	border:solid 0px #B8B3D3;
	width:100%;
	}

div.graduateWrapper {
	margin:0;
	margin-bottom:5px;
	padding:3px;
	border:solid 1px #B8B3D3;
	width:98%;
	}


div.graduateWrapper p{
	margin:0;
	padding:0;
	border:solid 0px #abdade;
	width:100%;
	color:#2D2B7F;
	}

div.graduateWrapper p.graduateTitle{
	font-weight:bold;
	}
	
div.graduateWrapper p span{
	font-weight:bold;
	color:#2D2B7F;
	}

div.graduateWrapper p.graduateTitle a:link, div.graduateWrapper p.graduateTitle a:visited {
	}

div.graduateWrapper p.graduateTitle a:hover{
	text-decoration:none;
	}

/* -- displayItem --*/
div.graduateItemWrapper {
	margin:0;
	padding:3px;
	color:#2D2B7F;
	border:solid 0px #B8B3D3;
	}

div.graduateItemWrapper div{
	margin:0;
	margin-bottom:8px;
	padding:3px;
	color:#2D2B7F;
	border:solid 1px #B8B3D3;
	}
	
div.graduateItemWrapper div strong{
	color:#2D2B7F;
	}

div.graduateItemWrapper ul{
	list-style:none;
	margin:0;
	margin-left:1px;
	padding:0;
	}

div.graduateItemWrapper ul li{
	margin:0;
	padding:0;
	color:#2D2B7F;
	line-height:1.3em;
	}

div.graduateTitle {
	}

div.graduateEpStartDate {
	}

div.graduateProfileNr {
	}

div.graduateProfPractise {
	}

div.graduateEducation {
	}

div.graduateScholastics {
	}

div.graduateSchool {
	}

div.graduateQualification {
	}

div#back {
	}

div#back a:hover {
	text-decoration:none;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj courses
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

/* -- displayOverview --*/
h2.btzCoursesSearchHint {
	}

form.btzCoursesSearchForm {
	}

table.btzCourses {
	width:100%;
	border:solid 0px red;
	}

form.btzCoursesSearchForm input.button {
	width:98px;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	background:rgb(255,255,255);
	border:solid 1px rgb(150,150,150);
	text-align:center;
	font-family:verdana,arial,sans-serif;
	color:rgb(150,150,150);
	font-size:110%;
	}

/* -- batchCurrent --*/
div.coursesWrapper {
	margin:0;
	padding:0;
	border:solid 0px #B8B3D3;
	width:100%;
	}

div.courseWrapper {
	margin:0;
	margin-bottom:5px;
	padding:0;
	border:solid 1px #B8B3D3;
	width:100%;
	}

div.courseWrapper p{
	margin:0;
	padding:0;
	border:solid 0px #abdade;
	color:#2D2B7F;
	width:100%;
	}

div.courseWrapper p.courseTitle{
	font-weight:bold;
	}

div.courseWrapper p.courseTitle a:link, div.courseWrapper p.courseTitle a:visited {
	}

div.courseWrapper p.courseTitle a:hover{
	text-decoration:none;
	}

/* -- displayItem --*/
div.courseItemWrapper {
	margin:0;
	padding:0;
	color:#2D2B7F;
	border:solid 0px #B8B3D3;
	}

div.courseItemWrapper div{
	margin:0;
	margin-bottom:8px;
	padding:3px;
	color:#2D2B7F;
	border:solid 1px #B8B3D3;
	}
	
div.courseItemWrapper div strong{
	color:#2D2B7F;
	}

div.courseItemWrapper div span.courseStatus{
	color:#00AA00;
	}

div.courseTitle {
	}

div.courseDate {
	}

div.courseContent {
	}

div.courseSpeaker {
	}

div.courseLocation {
	}

div.courseCharge {
	}

div#back {
	}

div#back a:hover {
	text-decoration:none;
	}
















/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj infobox
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.infobox  {
	margin-top: 10px;
	border-top:0px solid #ccc;
	background-color:#fff;
	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-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;
	}

div.infobox ul li {
	}

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


/* -- BO infoboxTeaser -- */ 

div.infoboxteaserset {
	text-align:center;
	margin:auto;
	width:546px;
	}

div.infoboxTeaserContainer {
	border:1px solid #999;
	float:left!important; /* floating FF */
	float:none; /* floating IE */
	display:inline; /* floating IE */
	text-align:left;
	}

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-- *//* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- specObj teaserLeft
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */
 
div#teaserLeft {
	margin:0;
	margin-top:15px;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	width:195px;
	}

div#teaserLeft .ZMSTeaserContainer {
	margin:0;
	margin-left:5px;
	padding:0;
	width:190px;
	}

div#teaserLeft .ZMSTeaserContainer .ZMSTeaserElement{
	margin:0;
	padding:0;
	width:190px;
	}
p.teaserLeftTitle {
	margin:0;
	padding:0;
	font-size:130%;
	color:#21216B;
	}

p.teaserLeftText {
	margin:0;
	padding:0;
	width:100%;
	font-size:100%;
	}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
 * +- [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) 2005 SNTL publishing           */
/* Author: Dr. F. Hoffmann            */
/* last change: 2006/02/23            */
/**************************************/

/**************************************/
/* 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;
	margin-top:10px;
	padding: 0;
	border: 0;
	background-color: #F3F2F8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 77%;
	position:relative;
	text-align:center;
	}

#pageregionTopWrapper {
	margin: auto;
	padding: 0;
	border: 0;
	width:814px;
	text-align:left;
	/* background: transparent url(http://www.btz-koeln.de/common/css/common/bg_pageregionTopWrapper.gif) top left repeat-x; */
	border-top:1px solid #333399;
	border-right:1px solid #333399;
	border-left:1px solid #333399;
	}
	
#pageregionTop {
	margin:0;
	padding:0;
	}

#Logo {
	margin:0;
	padding:40px 0px 0px 100px;
	height:126px;
	border:0;
	border-bottom:1px solid #333399;
	}

#pageregionContentWrapper {
	margin: auto;
	padding: 0;
	border: 0;
	width:814px;
	text-align:left;
	background: transparent url(http://www.btz-koeln.de/common/css/common/bg_pageregionContentWrapper.gif) top left repeat-y;
	border-right:1px solid #333399;
	border-bottom:1px solid #333399;
	border-left:1px solid #333399;
	}

#Content {
	float:left;
	margin:0;
	padding:0;
	padding-top:13px;
	padding-right:7px;
	padding-left:7px;
	width:400px;
	overflow:visible;
	}

#ContentBroad {
	margin:0;
	margin-top:8px;
	padding:0;
	width:920px;
	overflow:visible;
	}

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

#pageregionLeft {
	float: left;
	margin:0px;
	margin-top:15px;
	padding: 0;
	width: 205px;
	}

#pageregionRight {
	float: right;
	width:190px;
	margin: 0;
	margin-top:26px;
	padding: 0;
	}

#pageregionBottomWrapper {
	margin: auto;
	padding: 0;
	border: 0;
	width:814px;
	background: transparent url(http://www.btz-koeln.de/common/css/common/bg_pageregionBottomWrapper.gif) top left repeat-x;
	border-right:1px solid #333399;
	border-bottom:1px solid #333399;
	border-left:1px solid #333399;
	}

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


/*-- Channel Menu ---------------------------*/

#Menu {
	margin:0;
	padding:0;
	height: 26px;
	text-align:left;
	background: transparent url(http://www.btz-koeln.de/common/css/common/bg_pageelement_Menu.gif) top left repeat-x;
	border-bottom:1px solid #333399;
	}

#Menu ul {
	margin:0;
	padding:0;
	position:relative;
	float: left;
	text-align:left;
	}

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

#Menu li a{
	float: left;
	margin:0;
	padding:0;
	padding-top:4px;
	padding-right:10px;
	padding-left:10px;
	height: 22px;
	outline: none;
	text-decoration: none;
	text-align:center;
	color:#2E2D79;
	font-size:12px;
	font-weight:bold;
	border-right:1px solid #333399;
	}

#Menu li a:hover {
	position: relative;
	color:#fff;
	background: transparent url(http://www.btz-koeln.de/common/css/common/bg_pageelement_MenuItem_hi.gif) top left repeat-x;
	}

#Menu li.current a{
	position: relative;
	color:#fff;
	background: transparent url(http://www.btz-koeln.de/common/css/common/bg_pageelement_MenuItem_hi.gif) top left repeat-x;
	}


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

#Micronavigation {
	float:left;
	padding:6px 0px 2px 12px;
	font-size: 11px;
	color: #063154;
	}

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

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



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

/* -- YAML customized ------------------------*/

ul#submenu { 
	width: 205px; 
	overflow: hidden;
	margin: 0.4em 0em;
	margin-bottom:25px;
	padding:0px;
	list-style-type: none; 
	border-bottom: 1px #ccc dashed; 
	/* border-bottom: 1px #ddd solid; */
	/* position:absolute; */
	}

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

	}

ul#submenu a.active span { 
	font-weight:normal;
	padding-left:15px;
	background: transparent url(http://www.btz-koeln.de/common/css/common/macronav_arrowHi.gif) 6px 7px no-repeat;
	border-bottom: 0px dashed #ccc;
	color:#21216B;
	}

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

#submenu li span {
	/* neutralize YAML */
	display:block; 
	width:100%; 
	padding:0em; 
	background-color:transparent; 
	color: #595959; 
	font-weight: normal; 

}

ul#submenu a:hover span { 
	background:transparent url(http://www.btz-koeln.de/common/css/common/macronav_arrow.gif) 6px 7px no-repeat;
	color:#21216B;
	}

ul#submenu li a span { 
	display:block;
	width:100%; 
	background-color:transparent; 
	font-weight:normal;
	color:#595959;
	border:0px;
	margin:0px;
	padding:4px;
	padding-left:0.2em;
	cursor:pointer;
	padding-left:15px;
	border-top: 1px dashed #ccc;	

	}

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


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

ul#submenu li ul li a {
	width:100%; 
	margin:0px;
	background-color:transparent; 
	color: #595959;
	border-bottom: 0px #eeeeef solid;
	border-bottom: 0px dashed #ccc;	
	}

ul#submenu li ul li a span {
	width:100%; 
	margin:0px;
	padding:4px;
	padding-left:20px;
	background-color:transparent;
	border-top: 0px dashed #ccc;	
	}

ul#submenu li ul li a:hover span { 
	background:transparent url(http://www.btz-koeln.de/common/css/common/macronav_arrow.gif) 12px 7px no-repeat;
	}

ul#submenu li ul li a.active span { 
	font-weight:normal;
	padding-left:20px;
	background: transparent url(http://www.btz-koeln.de/common/css/common/macronav_arrowHi.gif) 12px 7px no-repeat;
	}


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

ul#submenu li ul li ul li a {
	width:100%; 
	margin:0px;
	background-color:transparent; 
	color: #595959;
	}

ul#submenu li ul li ul li a span {
	width:100%; 
	margin:0px;
	padding:4px;
	padding-left:40px;
	background-color:transparent;
	}

ul#submenu li ul li ul li a:hover span { 
	background:transparent url(http://www.btz-koeln.de/common/css/common/macronav_arrow.gif) 25px 7px no-repeat;
	}

ul#submenu li ul li ul li a.active span { 
	font-weight:normal;
	padding-left:40px;
	background: transparent url(http://www.btz-koeln.de/common/css/common/macronav_arrowHi.gif) 25px 7px no-repeat;
	}


/* -- 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 {
	width:100%; 
	margin:0px;
	background-color:transparent; 
	color: #595959;
	}

ul#submenu li ul li ul li ul li a span {
	width:100%; 
	margin:0px;
	padding:4px;
	padding-left:50px;
	background-color:transparent;
	}

ul#submenu li ul li ul li ul li a:hover span { 
	background:transparent url(http://www.btz-koeln.de/common/css/common/macronav_arrow.gif) 35px  7px no-repeat;
	}

ul#submenu li ul li ul li ul li a.active span { 
	font-weight:normal;
	padding-left:50px;
	background: transparent url(http://www.btz-koeln.de/common/css/common/macronav_arrowHi.gif) 35px 7px no-repeat;
	}


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 {
	color: #595959;
	background: url(http://www.btz-koeln.de/common/css/common/spacer.gif) 6px 7px no-repeat;
	}


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


/* -- SEARCH ------------------------*/
div#search{
	margin:8px;
	padding:0;
	}

.searchForm label{
	padding:5px;
	padding-left:0px;
	}

.searchForm label{
	display: block;
	}

.searchForm input, .form textarea {
	border: 1px solid #adadad;
	margin-bottom: 3px;
	}

.searchForm .text input, .text textarea {
	width: 180px;
	}

/* -- CONTACT ------------------------*/
.btzContactform {
	width:380px;
	margin:2.0em 0 0 0;
	padding:10px 10px 0 10px;
	border:solid 1px rgb(200,200,200);
	*/ background-color:rgb(240,240,240); */
	}

.btzContactform fieldset {
	padding:20px 0 0 0 !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	margin:0 0 20px 0;
	border:solid 1px rgb(220,220,220);
	}

.btzContactform fieldset legend {
	margin:0 0 0 5px !important /*Non-IE*/;
	margin:0 0 20px 5px /*IE6*/;
	padding:0 2px 0 2px;
	color:rgb(80,80,80);
	font-weight:bold;
	font-size:130%;
	}

.btzContactform label.left {
	float:left;
	width:100px;
	margin:0 0 0 10px;
	padding:2px;
	font-size:110%;
	}

.btzContactform select.asvFormSelect {
	width:224px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana,arial,sans-serif;
	font-size:110%;
	}

.btzContactform input.field {
	width:220px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana,arial,sans-serif;
	font-size:110%;
	}

.btzContactform textarea {
	width:220px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana,arial,sans-serif;
	font-size:110%;
	}

.btzContactform input.button {
	float:left;
	width:9.0em;
	margin-right:20px;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	background:rgb(255,255,255);
	border:solid 1px rgb(150,150,150);
	text-align:center;
	font-family:verdana,arial,sans-serif;
	color:rgb(150,150,150);
	font-size:110%;
	}

.btzContactform input.button:hover {
	cursor: pointer;
	border:solid 1px rgb(80,80,80);
	background:rgb(255,255,255);
	color:rgb(80,80,80);
	}
	
.btzContactform input:active, .btzContactform input:focus, .btzContactform textarea:active, .btzContactform textarea:focus, .btzContactform select:active, .btzContactform select:focus {
 	background:#F8F8F9;
 	border: #E6E6E6 1px solid;
 	}

.btzContactform sub {
	color:red;
	}	

/* -- functions ------------------------*/

#pageelement_Functions {
	margin:0;
	padding:0;
	padding-top:3px;
	padding-right:10px;
	height:17px;
	font-size:90%;
	color:#9B9C9C;
	text-align:right;
	background: transparent url(http://www.btz-koeln.de/common/css/common/bg_pageelement_Functions.gif) top left repeat-x;
	border-bottom: 1px solid #333399;
	}

#pageelement_Functions a:link, #pageelement_Functions a:visited{
	color:#9F9F9F;
	}

#pageelement_Functions a:hover, #pageelement_Functions a:active{
	color:#2E2D79;
	}


/* -- copyright ------------------------*/

#pageelement_Copyright {
	margin:0px;
	padding:0;
	padding-top:5px;
	height:16px;
	font-size:90%;
	color:#9B9C9C;
	text-align:center;
	border: 0px solid #eeeeef;
	}

#pageelement_Copyright a:link, #pageelement_Copyright a:visited{
	color:#9F9F9F;
	}

#pageelement_Copyright a:hover, #pageelement_Copyright a:active{
	color:#2E2D79;
	}

#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: normal;
	color: #21216B;
	}

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

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

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

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

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

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

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

p {
	margin:2px 0px 0px 2px;
	line-height: 1.5em;
	}

ol {
	line-height: 1.5em;
	}

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

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 {
	font-weight:normal;
	color:#21216B;
	}

a:link, a:visited {
	color: #2E2D79;
	text-decoration : none;
	}

a:hover, a:active {
	text-decoration : underline;
	color: #2E7BD5;
	}

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

div.qmHint {
	margin:0;
	margin-top:40px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	padding:0;
	}

div.qmHint h2{
	border-bottom:none;
	}

div.qmHint p{
	line-height:1.2em;
	}

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

table.ZMSTable tr th {
	vertical-align:top;
	vertical-align:top;
	padding:2px 2px 2px 5px;
	background-color:#E9F1FA;
	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;
	padding-top:4px;
	}

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

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

div#teaser
	{
	margin:0;
	margin-left:13px;
	padding:0;
	width:160px;
	font-size: 12px !important; font-size: 12px;
	}

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

div.ZMSTeaserElement {
	width:158px;
	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: 3px 6px 6px 6px;
	line-height:1.3em;
	color: #666769;
	}

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


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

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