/* begin mac-msie css-comment-hack \*/


/* GENERAL - Appearance And Behavior \*/
/*
\*/

* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
ul {
	list-style: none;
}
dt {
	clear: left;
	float: left;
	display: inline; /* msie 6.x float rendering patch \*/
	margin: 0 3px 0 0;
}
* html dt { /* >>* html<< - msie 6.x css filter \*/
	margin: 0;
}/*
*+html dt { / * >>*+html<< - msie 7.x css filter \ * /
	margin: 0;
}\*/
dt, dd {
	padding: 0 0 2px 0;
}
a:link,
a:visited {
	color: #333;
	text-decoration: none;
}
a:focus,
a:hover,
a:active {
	color: #006;
	text-decoration: underline;/*
	text-decoration: none;\*/
}/*
a img {
	display: block;
	width: 100%;
	height: 100%;
}\*/
body {/*
	font: normal 71%/115% Verdana, Geneva, Helvetica, Arial, sans-serif; \*/ /* 11px/13px \*/
	font: normal 71%/132.5% Verdana, Geneva, Helvetica, Arial, sans-serif; /* 11px/15px \*/
	color: #333;
	background: none;
	background-color: #fff;
}
html:first-child>*+body { /* >>html:first-child>*+body<< - opera css filter \*/ /*
	line-height: 119%; \*/ /* 11px/13px \*/
	line-height: 137%; /* 11px/15px \*/
}
strong, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold;
}

h1 {
	font-size: 155%;
	line-height: 100%;
	margin-bottom: 1px;
	color: #006;
}
html:first-child>*+body h1 { /* >>html:first-child>*+body<< - opera css filter \*/
	font-size: 164%;
}
h2 {
 margin-top: 15px;
}
h1+h2						{color: #999; margin: 0;} /* advanced selector rules recognizing browsers \*/
* html h2.subH1	{color: #999; margin: 0;} /* >>* html<< - msie 6.x css filter \*/
*+html h2.subH1	{color: #999; margin: 0;} /* >>*+html<< - msie 7.x css filter \*/

p {/* taking advantage of collapsing margins \*/
	margin-bottom: 15px;
	padding-right: 7px;
}
h1+h2+p							{margin-top: 15px;}	/* advanced selector rules recognizing browsers \*/
* html p.subH1subH2	{margin-top: 15px;} /* >>* html<< - msie 6.x css filter \*/
*+html p.subH1subH2	{margin-top: 15px;} /* >>*+html<< - msie 7.x css filter \*/



/* LAYOT COMPONENTS - general \*/
/*
\*/ /*
											not in use so far.
*.clearLeft {
	clear: left;
}
*.clearRight {
	clear: right;
}
*.clearBoth {
	clear: both;
}\*/

	/* #generic approach for an icon-text-compound
			that dynamically gets created by assigning
			special class names onto a HTMLLinkElement.
		 #makes the wording and - even more important -
			the internationalization highly maintainable.
	\*/
a.iconTextButton {
	border: 1px solid #ccc;
	padding: 0 10px 1px 17px;
	border-left: none;
	text-decoration: none;
	background: transparent url(../img/) no-repeat scroll 0 1px;
}/* specify: \*/
	a.iconMailEnvelope {
		background-image: url(../img/icon-mail-envelope.gif);
	}/*
	a.iconGroupOfPeople {
		background-image: url(../img/icon-???.gif);
	}
	a.iconPrinter {
		background-image: url(../img/icon-???.gif);
	}\*/
* html a.iconTextButton { /* >>* html<< - msie 6.x css filter \*/
	background-position: 0 2px;
}

p a.moreAbout {
	padding-left: 8px;
	background: transparent url(../img/bg-arrow-link-default.gif) no-repeat scroll 0 5px;
}/*
p a.moreAbout:link,
p a.moreAbout:visited,\*/
p a.moreAbout:focus,
p a.moreAbout:hover,
p a.moreAbout:active {
	background-image: url(../img/bg-arrow-link-hover.gif);
}



/* LAYOT GRID \*/
/*
\*/
body div#bgBanderole {
	position:  absolute;
	z-index: 0;
	top: 5.1em;
	width: 100%;
	height: 2.1em;
	background-color: #ccc;
}
html:first-child>*+body div#bgBanderole { /* >>html:first-child>*+body<< - opera css filter \*/
	top: 5.3em;
	height: 2.2em;
}


body div#stage,

	div#stage div#header,
	div#stage div#volume,
	div#stage div#footer {

		position: relative;
		overflow: hidden;/*
		background-color: #fc0;\*/
	}
body div#stage {
	position:  absolute;
	z-index: 10;
	width: 100%;
	min-width: 770px;/* IMPORTANT: resizing behavior should be controlled right and just here! \*/ /*
	max-width: 994px;\*/
}
* html body div#stage { /* >>* html<< - msie 6.x css filter \*/
	/*width: 994px;*/
}

	div#stage div#header {
		height: 9.5em;
		overflow: hidden;
		background: #fff;
		padding-bottom: 0px;
	}
	html:first-child>*+body div#stage div#header { /* >>html:first-child>*+body<< - opera css filter \*/
		height: 9.8em;
	}

		div#header ul#metaNavigation {
			position: absolute;
			z-index: 10;
			left: 18px;
			top: 21px;
		}
			ul#metaNavigation li {
				float: left;
				display: inline; /* msie 6.x float rendering patch \*/
				border-left: 1px solid #ccc;
			}
			ul#metaNavigation li:first-child,
			* html ul#metaNavigation li.firstChild { /* >>* html<< - msie 6.x css filter \*/
				border: none;
			}
			ul#metaNavigation li a {
				padding: 0 10px;
				color: #666;
				text-decoration: none;
			}/*
			ul#metaNavigation li a:link,
			ul#metaNavigation li a:visited,\*/
			ul#metaNavigation li a:focus,
			ul#metaNavigation li a:hover,
			ul#metaNavigation li a:active,
			ul#metaNavigation li.selected a {
				color: #006;
			}

		div#header div#breadCrumbNavigationBg {
			position: absolute;
			z-index: 5;
			width: 100%;
			left: 0;
			top: 7.2em;
		}
		html:first-child>*+body div#header div#breadCrumbNavigationBg { /* >>html:first-child>*+body<< - opera css filter \*/
			top: 7.4em;
		}
			div#breadCrumbNavigationBg div#breadCrumbNavigationBorders {
				margin: 0 46px 0 0;
				padding: 4px 0 6px 19px;
				border-right: 1px solid #9a9a9a;
				border-bottom: 1px solid #9a9a9a;
			}
			html:first-child>*+body div#breadCrumbNavigationBg div#breadCrumbNavigationBorders { /* >>html:first-child>*+body<< - opera css filter \*/
				padding: 5px 0 6px 19px;
			}
			* html div#breadCrumbNavigationBg div#breadCrumbNavigationBorders { /* >>* html<< - msie 6.x css filter \*/
				height: 1px; /* "has layout" msie bug ? \*/
			}
				div#breadCrumbNavigationBorders ul#breadCrumbNavigation {
					overflow: hidden;
				}
					ul#breadCrumbNavigation li {
						float: left;
						display: inline; /* msie 6.x float rendering patch \*/
					}
					ul#breadCrumbNavigation li a {
						padding: 0 8px 0 14px;
						color: #636363;
						text-decoration: none;
						background: transparent url(../img/bg-arrow-linklist-default.gif) no-repeat scroll 6px 5px;
					}/*
					ul#breadCrumbNavigation li a:link,
					ul#breadCrumbNavigation li a:visited,\*/
					ul#breadCrumbNavigation li a:focus,
					ul#breadCrumbNavigation li a:hover,
					ul#breadCrumbNavigation li a:active,
					ul#breadCrumbNavigation li.selected a {
						color: #006;
						background-image: url(../img/bg-arrow-link-hover.gif);
					}


	div#stage div#primaryNavigationBg {
			position: absolute;
			overflow: visible;
			z-index: 30;
			width: 100%;
			left: 0;
			top: 5.1em;
			height: 2em;
			background-color: #ccc;
		}
		* html div#stage div#primaryNavigationBg {
			height: 1.8em;
		}
		html:first-child>*+body div#stage div#primaryNavigationBg { /* >>html:first-child>*+body<< - opera css filter \*/
			top: 5.3em;
		}
			div#primaryNavigationBg div#primaryNavigationMargins {
				margin: 0 45px 0 14px;
				border-left: 1px solid #fff;
				border-right: 1px solid #fff;/*
				background-color: #e5e5e5;\*/
				background: #e5e5e5 url(../img/bg-gradient-x-primary-navigation.gif) repeat-x scroll left top;
			}
				div#primaryNavigationMargins div#primaryNavigationBorders {
					height: 2em;
					border-left: 1px solid #a9a9a9;
					border-right: 1px solid #9a9a9a;
					border-top: 1px solid #9a9a9a;
					border-bottom: 1px solid #9a9a9a;
				}
				* html div#primaryNavigationMargins div#primaryNavigationBorders { /* >>* html<< - msie 6.x css filter \*/
					height: 100%;/* "has layout" msie bug ? \*/
				}
					div#primaryNavigationBorders ul#primaryNavigation {
						position: relative;
					}
						ul#primaryNavigation li {
							float: left;
							display: inline; /* msie 6.x patch \*/
							position: relative;
							overflow: visible;
							border-right: 1px solid #ccc;
							font-weight: bold;/*
							background-color: #e5e5e5;\*/
							background-color: transparent;\*/
						}
						ul#primaryNavigation li a {
							display: block;
							padding: 3px 9px 4px 9px;
							border-left: 1px solid #fff;
							border-right: 1px solid #fff;
							color: #666;
							text-decoration: none;
						}
						ul#primaryNavigation li:first-child a,
						* html ul#primaryNavigation li.firstChild a { /* >>* html<< - msie 6.x css filter \*/
							padding-left: 10px;
							border-left: none;
						}
						ul#primaryNavigation li:hover a,
						ul#primaryNavigation li.mOver a, /* className used by JavaScript enhanced vesions of this basic css only solution \*/
						ul#primaryNavigation li a:focus,
						ul#primaryNavigation li a:hover,
						ul#primaryNavigation li a:active,
						ul#primaryNavigation li.selected a {
							padding-top: 2px;
							border-top: 1px solid #fff;
							color: #fff;
							background-color: #006;
						}
						ul#primaryNavigation li.selected:first-child a,
						ul#primaryNavigation li:first-child a:focus,
						ul#primaryNavigation li:first-child a:hover,
						ul#primaryNavigation li:first-child a:active,
						ul#primaryNavigation li:first-child:hover a,
						ul#primaryNavigation li:first-child.mOver a,
						* html ul#primaryNavigation li.firstChild.mOver a, /* className used by JavaScript enhanced vesions of this basic css only solution \*/
						* html ul#primaryNavigation li.firstChild a:focus,
						* html ul#primaryNavigation li.firstChild a:hover,
						* html ul#primaryNavigation li.firstChild a:active,
						* html ul#primaryNavigation li.selected.firstChild a { /* >>* html<< - msie 6.x css filter \*/
							padding-left: 9px;
							border-left: 1px solid #fff;
						}

							ul#primaryNavigation li ul {
								position: absolute;
								left: -1px;
								border-bottom: 1px solid #9a9a9a;
							}
							* html ul#primaryNavigation li ul {
								top: 3.1em;
							}
							*+html ul#primaryNavigation li ul {
								top: 2em;
							}
							ul#primaryNavigation li ul li {
								display: none;
							}
							* html ul#primaryNavigation li ul li {
								margin-top: -13px;
							}
							* html ul#primaryNavigation li ul li.lastChild a {
								margin-bottom: -13px;
							}
							ul#primaryNavigation li:hover ul li,
							ul#primaryNavigation li.mOver ul li { /* className used by JavaScript enhanced vesions of this basic css only solution \*/
								float: none;
								display: block;
								font-weight: normal;
								white-space: nowrap;
								border-top: 1px solid #ccc;
								border-left: 1px solid #9a9a9a;
								border-right: 1px solid #9a9a9a;
							}
							ul#primaryNavigation li:hover ul li a,
							ul#primaryNavigation li.mOver ul li a, /* className used by JavaScript enhanced vesions of this basic css only solution \*/
							ul#primaryNavigation li.selected ul li a {
								color: #666;
							}
							ul#primaryNavigation li.selected ul li a,
							ul#primaryNavigation li:hover ul li a,
							ul#primaryNavigation li.mOver ul li a,
							ul#primaryNavigation li:hover:first-child ul li a,
							ul#primaryNavigation li.mOver:first-child ul li a,/*
							* html ul#primaryNavigation li.firstChild:hover ul li a, \*/ /* surely would not in msie 6.x \*/
							* html ul#primaryNavigation li.mOver.firstChild ul li a { /* className used by JavaScript enhanced vesions of this basic css only solution \*/
								padding-left: 9px;
								padding-top: 2px;
								border-left: 1px solid #fff;
								border-top: 1px solid #fff;
								background-color: #e5e5e5
							}
							ul#primaryNavigation li ul li a:hover,
							ul#primaryNavigation li ul li a:focus,
							ul#primaryNavigation li ul li a:active,
							ul#primaryNavigation li ul li.selected a,
							ul#primaryNavigation li.selected ul li.selected a,
							ul#primaryNavigation li:first-child ul li a:hover,
							ul#primaryNavigation li:first-child ul li a:focus,
							ul#primaryNavigation li:first-child ul li a:active,
							ul#primaryNavigation li:first-child ul li.selected a,
							ul#primaryNavigation li.selected:first-child ul li.selected a {
								padding-left: 9px;
								padding-top: 2px;
								border-left: 1px solid #fff;
								border-top: 1px solid #fff;
								background-color: #fff;
								color: #006;
							}


	div#stage div#volume {
		overflow: visible;/*
		background-color: #0cf;\*/
		margin-top: 0; /* "padding-left" was a better solution but msie then runs into render problems displaying "div#contentNavigationWrapper" \*/
	}

		div#stage div#contentNavigationWrapper { 
			position: absolute; 
			z-index: 20; 
			width: 165px; 
			padding-left: 15px; 
			background-color: #006;
		}
		* html div#stage div#contentNavigationWrapper { /* >>* html<< - msie 6.x css filter \*/
			left: -16.6em; /* buggy piece of software \*/
			overflow: hidden;
		}

			div#contentNavigationWrapper h3 {
				margin-left: -15px;
				padding-left: 15px;
				border-top: 1px solid #fff;
				border-bottom: 1px solid #fff;
				background-color: #006;
			}
				div#contentNavigationWrapper h3 span {
					display: block;
					padding: 3px 4px 4px 9px;
					background-color: #fff;
				}	

			div#contentNavigationWrapper ul#contentNavigation {
				
			}		
				ul#contentNavigation li {
					border-left: 1px solid #fff;
					border-right: 1px solid #fff;
				}
				* html ul#contentNavigation li {
					width: 14.9em;
					margin-bottom: -2px;
				}
					ul#contentNavigation li a {
						display: block;
						padding: 1px 4px 3px 19px;
						border-bottom: 1px solid #fff;
						color: #666;
						text-decoration: none;
						background: #e5e5e5 url(../img/bg-arrow-linklist-default.gif) no-repeat scroll 9px 7px;
					}
					* html ul#contentNavigation li a {
						clear: left;
						float: left;
						display: inline; /* msie 6.x float rendering patch \*/
						width: 12.3em;/*
						margin-left: -1px;
						border-left: 1px solid #fff;\*/
						border-right: 1px solid #fff;
					}
					ul#contentNavigation li a:focus,
					ul#contentNavigation li a:hover,
					ul#contentNavigation li a:active {
						color: #fff;
						background-color: #006;/*
						border-bottom: 1px solid #f90;\*/
						background-image: url(../img/bg-arrow-link-invert.gif);

					}
					ul#contentNavigation li.selected a,
					ul#contentNavigation li.selected a:hover,
					ul#contentNavigation li.selected a:focus,
					ul#contentNavigation li.selected a:active {
						color: #333;
						background-color: #fff;
						background-image: none;
					}
						ul#contentNavigation li a span {
							display: block;
						}


		div#stage div#contentWrapper {
			overflow: hidden;
			position: relative;
			padding-left: 16.6em;/*
			background-color: #0fc;\*/
		}
		* html div#stage div#contentWrapper { /* >>* html<< - msie 6.x css filter \*/
			padding: 0;
			margin-left: 16.6em;
		}
		html:first-child>*+body div#stage div#contentWrapper { /* >>html:first-child>*+body<< - opera css filter \*/
			padding-left: 17.1em;
		}

			div#contentWrapper div.column { /* default: three floating columns of equal widths \*/
				float: left;
				display: inline; /* msie 6.x float rendering patch \*/
				width: 23%;/*
				background-color: #f0c;\*/
			}
			div#contentWrapper div.column.spansTwoCols { /* can just be combined with: "column" \*/
				width: 66%;
			}
			div#contentWrapper div.column.spansThreeCols { /* no other columns can be used \*/
				clear: float;
				float: none;
				display: block;
				width: 100%;
			}
			div#contentWrapper div.column.teasersOnly {
				margin-top: 4.7em; /* 53px; \*/
			}
			html:first-child>*+body div#contentWrapper div.column.teasersOnly { /* >>html:first-child>*+body<< - opera css filter \*/
				margin-top: 4.9em; /* 53px; \*/
			}

				div#contentWrapper div.column div.content {
					margin-left: 14px;/*
					background-color: #0cf;\*/
				}

					div#contentWrapper div.column div.content img.introMood {
						display: block;
						width: auto;
						height: auto;
						margin-bottom: 19px;
					}

					div#contentWrapper div.column.teasersOnly div.content p.imageTeaser {
						overflow: visible;
						display: block;
						width: 210px;
						margin-bottom: 31px;/*
						background-color: #fc0;\*/
					}
					div#contentWrapper div.column.teasersOnly div.content p.imageTeaser img {
						display: block;
						width: auto;
						height: auto;
						margin-bottom: 9px;
					}
					div#contentWrapper div.column.teasersOnly div.content p.imageTeaser span {
						display: block;
						color: #999;/*
						background-color: #cf0;\*/
					}/*

					div#contentWrapper div.column div.content ul.teaserList {

					}\*/
						div#contentWrapper div.column div.content ul.teaserList li {
							overflow: hidden;
							clear: left;
							border-top: 1px solid #ccc;
							padding-bottom: 18px;
						}
							div#contentWrapper div.column div.content ul.teaserList li h2 {
								color: #006;
							}
							div#contentWrapper div.column div.content ul.teaserList li p {
								margin: 0;
								padding: 0;
							}
							div#contentWrapper div.column div.content ul.teaserList li a.image {
								float: left;
								padding: 16px 16px 2px 0;
							}
							* html div#contentWrapper div.column div.content ul.teaserList li a.image {
								margin-bottom: 15px;
							}
								div#contentWrapper div.column div.content ul.teaserList li a.image img {
									width: auto;
									height: auto;
								}

					* html div#contentWrapper div.column div.content ul.businessCardList { /* >>* html<< - msie 6.x css filter \*/
						margin-left: 16.6em;/* fixing some kind of doubling margin bug as of msie \*/
					}
						div#contentWrapper div.column div.content ul.businessCardList li {
							position: relative;
							float: left;
							display: inline; /* msie 6.x patch \*/
							width: 14.8em; /* width: 168px; \*/
							min-height: 106px;
							margin: 20px 15px 0 0;
							padding: 13px 15px 20px 85px;
							border: 1px solid #ccc;
							line-height: 100%;
						}
						* html div#contentWrapper div.column div.content ul.businessCardList li { /* >>* html<< - msie 6.x css filter \*/
							height: 106px;
						}
						html:first-child>*+body div#contentWrapper div.column div.content ul.businessCardList li { /* >>html:first-child>*+body<< - opera css filter \*/
							width: 15.3em; /* width: 168px; \*/
						}
							div#contentWrapper div.column div.content ul.businessCardList li h2 {
								margin: 0;
							}
							div#contentWrapper div.column div.content ul.businessCardList li h3,
							div#contentWrapper div.column div.content ul.businessCardList li h4 {
								font-weight: normal;
							}
							div#contentWrapper div.column div.content ul.businessCardList li img.portrait {
								position: absolute;
								left: 7px;
								top: 14px;
								display: block;
								width: auto; /* 64px; \*/
								height: auto; /* 81px; \*/
							}/*
							div#contentWrapper div.column div.content ul.businessCardList li a.iconTextButton {

							}\*/
							div#contentWrapper div.column div.content ul.businessCardList li dl {
								margin: 13px 0 14px 0;
							}
							div#contentWrapper div.column div.content ul.businessCardList li dl dt {
								margin-right: 6px;
								width: 3.3em;
								color: #999;
							}
							div#contentWrapper div.column div.content ul.businessCardList li dl dt.eMail {
								display: none;/*
								padding-top: 11px;\*/
							}
							div#contentWrapper div.column div.content ul.businessCardList li dl dd.eMail {
								color: #999;
								padding-top: 11px;
							}
							div#contentWrapper div.column div.content ul.businessCardList li dl dd.eMail a {
								color: #999;
								text-decoration: none;
							}
							div#contentWrapper div.column div.content ul.businessCardList li dl dd.eMail a:focus,
							div#contentWrapper div.column div.content ul.businessCardList li dl dd.eMail a:hover,
							div#contentWrapper div.column div.content ul.businessCardList li dl dd.eMail a:active {
								color: #006;
								text-decoration: underline;
							}


	div#stage div#footer {
		clear: left;
		margin: 72px 46px 57px 16.6em;
		padding: 2px 0 0 14px;/*
		background-color: #f0c;\*/
	}
	* html div#stage div#footer { /* >>* html<< - msie 6.x css filter \*/
		margin-right: 53px;
		padding-left: 7px; /* "double margin/padding" msie bug \*/
	}
	html:first-child>*+body div#stage div#footer { /* >>html:first-child>*+body<< - opera css filter \*/
		margin-left: 17.1em;
	}

		div#footer div.borderTop {
			position: absolute;
			left: 14px;
			top: 0;
			width: 100%;
			border-top: 1px solid #999;
		}
		* html div#footer div.borderTop { /* >>* html<< - msie 6.x css filter \*/
			left: 0;
		}
		div#footer a {
			color: #999;
			text-decoration: none;
		}
		div#footer a:focus,
		div#footer a:hover,
		div#footer a:active {
			color: #006;
		}


	div#stage a#logo {
		position: absolute;
		display: block;
		clear: both;
		right: 46px;
		top: 8px;
		width: auto;
		height: auto;
		color: #000;/*
		font: bold 130%/211%;\*/
	}
		a#logo:link,
		a#logo:visited,
		a#logo:focus,
		a#logo:hover,
		a#logo:active {
			color: #fff;
			text-decoration: none;
		}


/* 
---------------------------------------------------
	--> fixed width 
---------------------------------------------------
*/

body div#stage {
	width: 979px;
}
* html body div#stage { /* >>* html<< - msie 6.x css filter \*/
	width: 978px;
}

div#primaryNavigationBg div#primaryNavigationMargins {
	margin-right: 0px;
}
div#breadCrumbNavigationBg div#breadCrumbNavigationBorders {;
	margin-right: 1px;
}
div#stage a#logo {
	right: 0px;
}

div#contentWrapper div.column.spansTwoCols { /* can just be combined with: "column" \*/
	width: 568px;
}



/* 
---------------------------------------------------
	Searchbar
---------------------------------------------------
*/
body {
	background: url(../img/bg_sidebar.gif) repeat-y 0 0;
}
div#stage div#contentNavigationWrapper {border-bottom: none;}

#searchFormDivider {
	border-top: 20px solid #fff;
}
div#contentNavigationWrapper h3#searchFormHeading, div#contentNavigationWrapper h3 {
	background-color:#8f90be;
	border-top:1px solid #9c9c9c;
	margin-left:-15px;
	padding-left:15px;
	color: #000;
}
form#searchform {
	background: #e5e5e5;
	border-bottom:1px solid #fff;
}
input#searchFormString {
	width: 110px;
	margin-left: 3px;
	margin-top: 3px;
}
.tx-macinasearchbox-pi1 {
border-bottom:1px solid #9c9c9c;
}
div#contentNavigationWrapper #searchform a {
background:#E5E5E5 url(../img/bg-arrow-linklist-default.gif) no-repeat scroll 9px 7px;
border-bottom:1px solid #9c9c9c;
color:#666666;
display:block;
padding:1px 4px 3px 19px;
text-decoration:none;
}

#searchFormSubmit {
	background: url(../img/button_go2.gif) no-repeat 50% 0;
	width: 18px;
	height: 13px;
	border: none;
	text-indent: -9999em;
}

/* 
---------------------------------------------------
	Typografics
---------------------------------------------------
*/
.cblock {border-bottom: 1px solid #999; margin-bottom: 15px;}

.cblock h1, .cblock h2, .cblock h3, .cblock h4, .cblock h5, .cblock h6 { clear: both;}

h3 { color: #006;}
.content ul, .cblock ul { margin-bottom:15px; list-style: none;}
.content li, .cblock ul li { padding: 0 0 0 1.25em; background: url(../img/bullet_blue.gif) no-repeat 0 .45em;}
.content ol, .cblock ol { margin-left: 1.75em; margin-bottom:15px;}

.cblock img {float: left; padding: 4px 8px 3px 0;}

span.grey {color: #999;}

.csc-sitemap ul { padding: .5em 0; margin: 1em 0 0 0; border-bottom: 1px solid #999;}
.csc-sitemap ul li { background: none; border-top: 1px solid #999; padding: .5em .25em;}
.csc-sitemap ul li a {padding: 0 0 0 .85em; background: url(../img/bg-arrow-linklist-default.gif) no-repeat 0 .45em;xtext-decoration: none;}
.csc-sitemap ul li a:hover {background: url(../img/bg-arrow-link-hover.gif) no-repeat 0 .45em;}

.csc-sitemap ul li ul { width: 300px; margin: -2.05em 0 0 150px; border: 0;}
.csc-sitemap ul li ul li { border-top: 0; padding: .25em;}
.csc-sitemap ul li ul li ul li a { color: #666;}

/*.csc-sitemap ul ul { list-style-type: disc;}
.csc-sitemap ul ul ul { list-style-type: circle;}
.csc-sitemap ul ul li { padding: 0; background: none;}
*/

.contenttable { font-size: 100%; line-height: 132.5%; border: 1px solid #adadad; border-collapse: collapse;}
.contenttable td { vertical-align: top; padding: 5px; text-align: left; border-right: 1px solid #adadad;}
.contenttable th { vertical-align: top; padding: 2px 5px; background: #787878; color: #fff; text-align: left;}
.contenttable th.td-last, .contenttable td.td-last { border-left: none; background: #adadad;}
.contenttable th { background: #787878; color: #fff;}
.contenttable .tr-even td { background: #fff;}
.contenttable .tr-odd td { background: #ccc;}
.contenttable.td-last {}

/* 
---------------------------------------------------
	Contact-Cards
---------------------------------------------------
*/
/* -- main col -- */
.spansThreeCols .contactCard {
	border: 1px solid #ccc;
	width: 350px;
	height: 136px;
	float: left;
	overflow: hidden;
	margin: 0 25px 20px 0;
}
.spansThreeCols .contactCard img {
	border-right: 1px solid #ccc;
	float: left;
	margin-right: 8px;
}
.spansThreeCols .contactCard h3 {
	padding: 11px 0 0 0;
}
/* -- right col -- */
/*div#contentWrapper div.column.teasersOnly {
	text-align: right;
}
div#contentWrapper div.column.teasersOnly .content {
	text-align: left;
}
*/

.teasersOnly .contactCard {
	margin-top: 3.2em;
}
.teasersOnly .contactCard img {
	border: 1px solid #ccc;
	margin-bottom: 11px;
}
.teasersOnly .linkToForm {
	display: none;
}

/* 
---------------------------------------------------
  Padding Teaserimg
---------------------------------------------------
*/

div#contentWrapper div.column.spansTwoCols {
padding-top:19px;
}

/* 
---------------------------------------------------
  Customer - Login
---------------------------------------------------
*/

#primaryNavigation {
	width: 100%;
}

ul#primaryNavigation li#cLoginElement {
	border: 1px solid #999;;
	position: absolute;
	z-index: 100;
	top: 0;
	right: -1px;
	width: 206px;
	margin: 0;
	background: #999;
	
}

ul#primaryNavigation li#cLoginElement a {
	color: #fff;
	background: #999;
	border: none;
	border-bottom: 1px solid #999;
}
ul#primaryNavigation li#cLoginElement a:hover,
ul#primaryNavigation li#cLoginElement.mOver a,
ul#primaryNavigation li#cLoginElement:hover a {
	border: none;
	border-bottom: 1px solid #999;
	padding-top: 3px;
	}

ul#primaryNavigation li#cLoginElement ul,
ul#primaryNavigation li#cLoginElement:hover ul li,
ul#primaryNavigation li#cLoginElement.mOver ul li {
	border: none;
}

ul#primaryNavigation li#cLoginElement p {
	margin: 0 0px;
	padding: 1px 10px 3px;
	font-weight: normal;
	line-height: 20px;
	background: #fff;
}

ul#primaryNavigation li#cLoginElement.mOver p {
	border: none;
	background: #fff;
}

#cLogin {
	width: 196px;
	xheight: 80px;
	background: #e5e5e5;
	padding: 5px;
	border: 1px solid #999;
	border-top: 1px solid #fff;
	margin: 1px 0 0 0px;
}

#cLogin label {
	width: 60px;
	display: block;
	float: left;
	margin: 7px 0 0 0;
}

#cLogin input {
	width: 100px;
	margin: 5px 0 0 0;
}

#cLogin input#cLoginSubmit {
	background: url(../img/button_go2.gif) no-repeat 50% 0;
	width: 18px;
	height: 13px;
	border: none;
	text-indent: -9999em;
}


/* 
---------------------------------------------------
  mailform
---------------------------------------------------
*/

#mailform { width: 500px;}
#mailform fieldset { border: none; background: #f2f2f2; }
#mailform .csc-mailform-field { border-top: 1px solid #fff; xpadding: 2px; clear: left;}
#mailform .csc-mailform-field:last-child { background: #dbdbdb; text-align: right; padding: 0px;border-top: 12px solid #fff; }
#mailform .csc-mailform-field label { width: 146px; padding: 4px 2px 2px 10px; float: left; color: #666; font-weight: bold;}
#mailform .csc-mailform-field .csc-mailform-label { border-top: 12px solid #fff; display: block; width: 500px; padding: 4px 2px 2px 10px; color: #666; font-weight: bold;background: #dbdbdb;}
#mailform .csc-mailform-field input { width: 334px; padding: 2px; margin:2px 0; border: 1px solid #a9a9a9; font: .95em Verdana,Arial, sans-serif;}
#mailform .csc-mailform-field select { padding: 0; margin:2px 0;}
#mailform .csc-mailform-field option { padding: 0 8px; font: .95em Verdana,Arial, sans-serif;}
#mailform .csc-mailform-field textarea { width: 334px; height: 70px; padding: 2px; margin:2px 0; border: 1px solid #a9a9a9; font: .95em Verdana,Arial, sans-serif;}
#mailform .csc-mailform-field input.csc-mailform-submit { width: 68px; padding: 2px; margin: 0px 4px 0 0; border: none; background: #006; color: #fff; font-weight: bold; border-left: 2px solid #fff; }

/* 
---------------------------------------------------
  powermail
---------------------------------------------------
*/

#requestformpowermail { width: 500px;}
#requestformpowermail fieldset { border: none; background: #f2f2f2; }
#requestformpowermail legend {display: none; }
#requestformpowermail .tx_powermail_pi1_fieldwrap_html { border-top: 1px solid #fff; xpadding: 2px; clear: left;}
#requestformpowermail .tx_powermail_pi1_fieldwrap_html_submit { background: #dbdbdb; text-align: right; padding: 0px;border-top: 12px solid #fff; }
#requestformpowermail .tx_powermail_pi1_fieldwrap_html label { width: 146px; padding: 4px 2px 2px 10px; float: left; color: #666; font-weight: bold;}
#requestformpowermail .tx_powermail_pi1_fieldwrap_html .csc-mailform-label { border-top: 12px solid #fff; display: block; width: 500px; padding: 4px 2px 2px 10px; color: #666; font-weight: bold;background: #dbdbdb;}
#requestformpowermail .tx_powermail_pi1_fieldwrap_html input { width: 334px; padding: 2px; margin:2px 0; border: 1px solid #a9a9a9; font: .95em Verdana,Arial, sans-serif;}
#requestformpowermail .tx_powermail_pi1_fieldwrap_html select { padding: 0; margin:2px 0;}
#requestformpowermail .tx_powermail_pi1_fieldwrap_html option { padding: 0 8px; font: .95em Verdana,Arial, sans-serif;}
#requestformpowermail .tx_powermail_pi1_fieldwrap_html textarea { width: 334px; height: 70px; padding: 2px; margin:2px 0; border: 1px solid #a9a9a9; font: .95em Verdana,Arial, sans-serif;}
#requestformpowermail .tx_powermail_pi1_fieldwrap_html input.powermail_submit { width: 68px; padding: 2px; margin: 0px 4px 0 0; border: none; background: #006; color: #fff; font-weight: bold; border-left: 2px solid #fff; }


.powermail_mandatory_js { margin-left: 160px; color: red; font-size: .85em;}
/*#requestformpowermail .tx_powermail_pi1_fieldwrap_html input.powermail_captcha { width: 100px;}*/
.tx-srfreecap-pi2-image { width: 140px; xfloat: right;}
.tx-srfreecap-pi2-cant-read { xfloat: left; color: #666;}

/* 
---------------------------------------------------
  search
---------------------------------------------------
*/


.tx-indexedsearch-searchbox {
	margin-top: 5px;
	background: #E5E5E5;
}
.tx-indexedsearch fieldset {
	border: 0;
	padding: 1em;
}
.tx-indexedsearch legend {
	display: none;
}
.tx-indexedsearch-rules {
	color: #666;
}
.tx-indexedsearch-form {
	width: 300px;
	float: left;
}
.tx-indexedsearch-search-submit {
	width: 50px;
	line-height: 20px;
	float: left;
}
#tx-indexedsearch-searchbox-button-submit {
	background: url(../img/button_go2.gif) no-repeat 50% 0;
	width: 18px;
	height: 13px;
	border: none;
	text-indent: -9999em;
}

/* 
---------------------------------------------------
  ***
---------------------------------------------------
*/


/* GENERIC CI COLOR NAMES though using color names as css class names is all but good practice: \*/
/*
\*/
		/* primary colors - generic class names \*/ /*											not in use so far.
.lhYellow	{color: #f90;}			.lhYellowBg	{background-color: #f90;}
.lhBlue		{color: #006;}			.lhBlueBg		{background-color: #006;}
.lhGray70	{color: #333;}			.lhGray70Bg	{background-color: #333;}
.lhGray60	{color: #666;}			.lhGray60Bg	{background-color: #666;}
.lhGray50	{color: #999;}			.lhGray50Bg	{background-color: #999;}
.lhGray40	{color: #c5c5c5;}		.lhGray40Bg	{background-color: #c5c5c5;}
.lhGray35	{color: #ccc;}			.lhGray35Bg	{background-color: #ccc;}
.lhGray25	{color: #e5e5e5;}		.lhGray25Bg	{background-color: #e5e5e5;}
\*/
		/* secondary colors - generic class names \*/ /*										not in use so far.
.darkRed		{color: #a00;}			.darkRedBg		{background-color: #a00;}
.red				{color: #d30;}			.redBg				{background-color: #d30;}
.orange			{color: #f60;}			.orangeBg			{background-color: #f60;}
.yellow			{color: #ffc600;}		.yellowBg			{background-color: #ffc600;}
.darkGreen	{color: #260;}			.darkGreenBg	{background-color: #260;}
.green			{color: #393;}			.greenBg			{background-color: #393;}
.lightGreen	{color: #7c6;}			.lightGreenBg	{background-color: #7c6;}
.blue				{color: #339;}			.blueBg				{background-color: #339;}
.lightBlue	{color: #56e;}			.lightBlueBg	{background-color: #56e;}
\*/


@media print { /* print document: printer preferences have first priority \*/ /*

	a:link,
	a:visited,
	a:focus,
	a:hover,
	a:active {
		color: #333;
		text-decoration: underline;
	}\*/
	body {
		font-family: "Times New Roman", Times, serif;
		color: #000;
		background: none;
	}

	/* LAYOT GRID \*/
	/*
	\*/
	body div#stage {
	}
		div#stage a#logo,
		div#stage div#header,
		div#stage div#footer {
			display: none;
		}
		div#stage div#volume {
			position: static;
			overflow: auto;
		}
}


/* end of mac-msie css-comment-hack */

#contentWrapper p, #contentWrapper ul {
	max-width: 748px;
}