body {
	margin: 110px 0 20px 0;
	padding: 0;
	background-color: #fff;
}

/* 
	- umschliesst den gesamten inhalt mit ausnahme der hintergrundwerbung 
	- hat kein padding, margin oder border, um damit ohne box model fehler die breite und lage 
	  des inhalts bestimmen zu koennen
*/

#mainWidth {
	width: 840px;
}

#mainDiv {
	border: 0px solid black;
	background-color: #FFFFFF;
	padding: 0 0 20px 0;
}


/* 400px content-breite + schatten */
div#contentWidth {
	float: left;
	width: 416px;
	margin: -40px 0 0 -20px;
}

/* 	margin: -10px 0 0 -20px; */ 

div#contentWidth.featurePage {
	float: left;
	width: 416px;
	margin: -8px 0 0 -20px;
}

/* 624px Content Breite + Schatten */
div#contentWidth.fullPage {
	float: left;
	width: 640px;
	margin: -40px 0 0 -20px;
}


div#contentShadowTop, div#contentShadowTop.fullPage {
	background: transparent url(/wsimages/shadow/contentTop.png) no-repeat 0 0;
	height: 8px;
	line-height: 0px;
}

div#contentShadowBottom, div#contentShadowBottom.fullPage {
	background: transparent url(/wsimages/shadow/contentBottom.png) no-repeat 0 0;
	height: 8px;
	line-height: 0px;
}

div#content,div#content.fullPage {
	padding: 10px 20px 20px 20px;
	background-image: url(/wsimages/shadow/content.png);	
}

/* Fullpage */
div#contentShadowTop.fullPage {
	background: transparent url(/wsimages/shadow/contentTopFull.png) no-repeat 0 0;
}

div#contentShadowBottom.fullPage {
	background: transparent url(/wsimages/shadow/contentBottomFull.png) no-repeat 0 0;
}

div#content.fullPage {
	background-image: url(/wsimages/shadow/contentFull.png);	
}

/* logo + schatten */
div#logoShadowfeaturePage, div#logoShadowstandardPage {
	position: absolute;
	top: 15px;
	left: 14px;
	z-index: 200000;
}

div#logoShadowstandardPage {
	background: transparent url(/wsimages/shadow/logoStandard.png) no-repeat 0 0;
}

div#logoShadowfeaturePage {
	background: transparent url(/wsimages/shadow/logoHome.png) no-repeat 0 0;
}

img#logostandardPage {
	margin: 7px 6px 10px 12px;
}

img#logofeaturePage {
	margin: 7px 6px 10px 12px;
}

/* help/tweak stylez */
.noSpace {
	border: 0; padding: 0; margin: 0;
}

.clearer {
	clear: both; line-height: 0px; font-size: 0px;
}


/* images */
.image {
	padding: 0px; 
	margin: 0px; 
	border: 0px;
	display: block;
	border: 1px solid #e3e3e3;
}

.noBorder {
	border: 0px !important;
}


.left {
	float: left;
	margin: 0 20px 5px 0;
	padding: 0;
}

.right {
	float: right;
	margin: 0 0 5px 20px;
	padding: 0;
}

.mag, .pdf {
	float: right;
	margin: 0 0 0 5px;
}

.href {
	float: right;
	margin: 0 0 5px 5px;
}

.teaserImage img, .image img {
	display: block;
	margin: 0; 
	padding: 0; 
	border: 0;
}

/* image ende */


hr.stripline {
	border-top: 1px solid #ccc;
}


table.smallTable {
	background-color: #fff;	
}

table.smallTable tr td {
	margin: 0px;
	padding: 0.1em;
	padding-left: 0.5em;
	background-color: #dfdfdf;
	border: 0em solid #fff;	
}
	
table.smallTable tr th {
	margin: 0px;
	padding: 0.1em;
	padding-left: 0.5em;
	background-color: #dfdfdf;
	border: 0em solid #fff;	
}

table.grayBorderTable {
	margin: 10px 0 10px 10px;	
	border: 1px solid #dfdfdf;
}

table.grayBorderTable tr td {
	margin: 5px;
	padding: 0.3em;
}


/* bildunterschrift / pdf-Download */
.caption, .pdfDownload {
	background-color: #e3e3e3;
	padding: 3px;
	margin: 0; 
	border: 0;
}

.pdfDownload {
	width: 100%;
	margin: 1px 0 0 0;
	padding: 2px 0 1px 3px;
}

.getAcrobat {
	margin: 5px 0 0 0;
	clear: both;
	float: right;
}

/* content */

#contentTeaser {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	width: 100%;
}

/*  teaser  */

#contentTeaser .dachzeile {
	margin: 0; padding: 0;
}

#contentTeaser h2 {
	padding: 0;
	margin: 0 0 10px 0;
}

#contentTeaser .stopMark {
	float: left;
	margin: 3px 5px 0 0;
}

/* news ticker, weiterführende Links - related Links */

.newsTicker, .relatedLinks {
	clear: both;
	border: 0;
	margin: 0 0 20px 0; 
	padding: 0;
}

.newsTicker .dateTime {
	float: right;
}

.newsTicker .tickerText, 
.relatedLinks .relatedLinksText {
	border: 0;
	padding: 0 0 4px 15px;
}

.newsTicker .overline, .tableOfContents .overline {
	display: inline;
}

.newsTicker img.ffwdMark, 
.relatedLinks img.ffwdMark {
	border: 0px solid red;
	margin: 5px 5px 0 0; 
	clear: left;
	float: left;
}

.pageTitle img.ffwdMark {
	margin: 12px 5px 0 5px; 
	float: left;
}

/* Paging für Resultlists */ 

div.summary {
	border: 1px solid #CCCCCC;
	margin: 0.5em 0em 0.5em 0em;
	padding: 0.5em 0.5em 0.5em 1em ;
	
}

div.highlight {
	background-color: #f4f4f4;
}

/* Tabelle für Datensatzausgabe */

table.summary {
	width: 100%;
	margin: 1em 0em 0em 0em;
}

table.summary tr {
	margin: 0px;
	padding: 0px;
}

table.summary tr#head{
	font-weight: bold;
}

table.summary tr td{
	margin: 0px;
	padding: 0.2em;
	padding-left: 1em;
	border-bottom: 1px solid #CCCCCC;
}

table.search tr td{
	border-top: 1px solid #CCCCCC;
}


tr.highlight, div.highlight{
	background-color: #f4f4f4;
}

/* Feature Page 2 Columns */

#featureContentHeight {
	margin: 0;
	background-color: #e3e3e3;
	border-top: 1px solid white;
}

#featureContent {
	height: 140px;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 220px;
}

.featureColWidth {
	width: 300px;
	float: left;
	margin: 0;
	padding: 0;
}

#featureCol1, #featureCol2 {
	padding: 10px 0 0 0;
}

#featureCol1 {
	margin-right: 10px;
}

#featureCol2 {
	margin-left: 10px;
}

#featureContent .teaserImage {
	margin: 0 10px 15px 0;
	border: 0px solid red;
}

#featureContent .teaserImage img {
	width: 85px;
	margin: 0 0 0 0;
}

.featureTeaser .teaserText {
	padding: 0 0 5px 95px;
}

/* Feature Article */

#featureArticleHeight {
	margin: 0;
	background-color: #e3e3e3;
	border-top: 1px solid white;
	height: 245px;
	
}

#featureArticle {
	padding: 15px 15px 15px 220px;
}

#featureArticle .relatedLinks {
	clear: none;
}

#featureArticle .right {
	margin: 0 0 0 15px;

}

#featureArticle .relatedLinks img.ffwdMark {
	margin: 3px 5px 0 0; 
}

/* marketing spalte */

#marketingColumnWidth {
	width: 220px;
	float: left;
}

#marketingColumn {
	padding: 0 0 0 10px;
	margin: 14px 0 0 0;
	border: 0;
}

.featurePage #marketingColumn {
	margin-top: 25px;
}

.marketingTeaser {
	border-bottom: 1px dashed #cccccc;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.marketingTeaser .teaserImage {
	border: 0;
	margin: 0 10px 5px 0;
}

.marketingTeaser #teaserImage img {
	width: auto;
}

.marketingTeaser ul {
	list-style: outside;
	border: 0;
	padding: 0;
	margin: 0;
}

.marketingTeaser ul li {

	border: 0;
	padding: 0;
	margin: 0 0 0 15px;
}

.marketingTeaser .newsTicker {
	margin: 0;
	border: 0;
}

.marketingTeaser .newsTicker .tickerText {
	margin: 0;
	border: 0;
}

.marketingTeaser .newsTicker img.ffwdMark {
	border: 0px solid red;
	margin: 3px 5px 0 0; 
}


#marketingColumn .marketingPublicationThumbnail {
	border: 1px solid #cccccc;
	margin: 0 0 10px 0;
}


#marketingColumn .marketingPublicationThumbnail .title {
	border-top: 1px solid #cccccc;
	padding: 3px;
	margin: 0;
}

#marketingColumn .marketingPublicationThumbnail img {
	width: 223px;
	width: 208px;

}

.keyVisual{
	padding: 0px;
	margin: 0px; 
	border: 0px;
	clear: both;
	width: 400px;
	/* margin: -10px -12px 10px -12px; */
}

.fit {
	margin: -10px -12px 10px -12px;
}



/* footer */
div#footer {
	border-top: 1px solid #cccccc;
	margin: 10px 10px 0 10px;
	padding: 5px 0 0 0;
}

ul.topStories {
	list-style-type: decimal;
	list-style-position: outside;
	list-style-image: url(../wsimages/marks/ffwd.gif);
	padding: 0;	
	margin: 0 0 0 16px;
}

.tableOfContents {
	margin: 0 0 0 0;
}

.tableOfContents div.topic {
	padding: 0 0 0 15px;
	margin: 0 0 3px 0;
}

/* styles für das inhaltsverzeichniss der aktuellen ausgabe */
.tableOfContents div.schwerpunkte {
	padding: 5px 15px 10px 15px;
	margin: 5px 0 25px 0;
}

.tableOfContents .schwerpunkte div.topic {
	padding: 0;
}
/* --- */


div#contentWidth {
	margin-top: -18px;
}

.collapseTest {
	background-color: blue;
}

/* 
	Stylez für Spry-CollapsiblePanel
	Die Namen der Stile sind die Defaults von Adobe und entsprechen deshalb nicht unseren Konventionen!
 	Diese Stile mögen nicht verändert werden, um Sonderwünsche zu beriedigen. Die Panels lassen sich durch
	die Methode addClassName erweitern. Im CustomTag layout:collapsiblePanel ist diese Funktionalität
	bereits implementiert. (10.01.2006 - fro)  
 
	CollapsiblePanel, 
	CollapsiblePanelTab, 
	CollapsiblePanelTabHover, 
	CollapsiblePanelOpen, 
	CollapsiblePanelClosed, 
	CollapsiblePanelFocused
 
 */
 
.CollapsiblePanelTab {
	border-bottom: 1px solid #ccc;
	padding: 0 0 2px 0;
	margin: 20px 0 10px 0;
	font-weight: bold;
} 

.CollapsiblePanelOpen .CollapsiblePanelTab {
	background: transparent url(/wsimages/icons/collapsibleOpen.gif) no-repeat top right;
}

.CollapsiblePanelClosed .CollapsiblePanelTab {
	background: transparent url(/wsimages/icons/collapsibleClosed.gif) no-repeat top right;
}

/* Ende Spry-CollapsiblePanel */

/* Media Gallery
------------------------------ */

.mgCameraIcon {
	float: left;
	margin: 2px 7px 0 0;
}

#mgRelatedContent .mgCameraIcon { 
	border: 0px solid red;
	margin: 3px 5px 0 0; 
	clear: left;
	float: left;
}
.mgSequenceOuter {
	width: 374px;	
	background: transparent url(/wsimages/galleryBG.jpg) no-repeat top left;

}

.mgSequenceInner {
	margin-bottom: 5px;
}

.mgSequenceInner img {
	float: left;
	margin: 16px 0 16px 15px;	
}

.mgSequenceInner img.mgFirstImg {
	
}

.mgSequenceInner img.mgLastImg {
	
}