@charset "utf-8";

/* Some global settings for margins, paddings etc. */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*font-weight: normal;*/
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	outline: none;
	text-decoration: none;
}


a {color:#6E6E70;}
 
/* useful global classes */
.invisible { visibility: hidden; }
.clear { display: block; clear: both; }
	.clear.left { clear: left; }
	.clear.right { clear: right; }
.align { text-align: left; }
	.align.right { text-align: right; }
	.align.justify { text-align: justify; }
	.align.center { text-align: center; }
.inline { display: inline; }
	.inline-block { display: inline-block; }
.uppercase { text-transform: uppercase; }
.heavyWeight { font-weight: bold!important; }
.error { border:2px solid #ff0000 !important; }
.pointer { cursor: pointer; }


/* some classes for global page elements */
.container { display: block; position: relative; width: 100%; }
.navigation { list-style: none; }
.scrollable { position: relative; overflow: hidden!important; }
.greyBox { background: #e7e7e7; }
.greyText { color: #6e6e70; }
	.greyText.darkGrey { color: #464545; }
.whiteText { color: #ffffff; }
.contentPadding { width: auto!important; padding: 0px 29px 0px 29px; }

#page .fancyInlineContent { display:none; }
a.backLink { display: inline-block; color: #6e6e70; text-transform: uppercase; }
a.backLink span.linkArrow { color: #cd3728!important; font-weight: bold!important; }

#actScrollStage {position: relative; margin-top: 35px; padding-bottom: 27px;}

html, body										{margin: 0px; padding: 0px;cursor:auto!important;} 
html											{height: 100%;overflow-y: scroll;}
* html body										{height: 100%;}

body { position: relative; width: 100%; min-height: 100%; font-size: 12px; color: #000000; font-family: "Trebuchet MS", Arial, sans-serif;  }

	div#pageHeader { width: 100%; height: 75px; position: relative; top: 0px; left: 0px; background-color: #ffffff; z-index: 15; }
		div#header { width: 998px; height: 75px; margin: 0px auto; }
			h1#brand { position: absolute; top: 31px; left: 0px; width: 240px; height: 44px; background: url(../img/logo.gif) no-repeat -2px 0px; }
				h1#brand a { display: inline-block; width: 240px; height: 44px; text-indent: -10000px; }
				h1#brand a.login { text-indent: 0; }
				h1#brand a.login img { display: none; }
			ul#mainNav { position: absolute; top: 31px; left: 289px; width: 660px; height: 44px; line-height: 44px; z-index: 15; }
				ul#mainNav li.navObj {  }
					ul#mainNav a.navLink { background-position: 0px 0px; }
					ul#mainNav a.navLink:hover { background-position: 0px 44px; }
					ul#mainNav li.navObj.actObj a.navLink { background-position: 0px 44px; }
			ul#langNav { position: absolute; top: 39px; right: 2px; width: auto; height: 28px; line-height: 28px; z-index: 15; }
				ul#langNav li.navObj {  }
					ul#langNav a.navLink { background-position: 0px 0px; }
					ul#langNav a.navLink:hover { background-position: 0px 28px; }
					ul#langNav li.navObj.actObj a.navLink { background-position: 0px 28px; }
	
	div#page { position: static; width: 998px; min-height: 595px; margin: 0px auto 0px auto; }
		div#stageContainer { position: absolute; bottom: 50%; left: auto; width: 998px; height: 562px; margin-bottom: -288px; margin-left: auto; margin-right: auto; }
		div#stage { position: relative; height: 562px; width: 998px; top: 0px; margin: 0px auto 0px auto;  }
			div#content { display: block; position: absolute; top: 0px; left: 98px; width: 900px; }
				div#content.eyeCatcher { top: 56px; height: 400px; }
					div#content.eyeCatcher div.eyecatcherOverlay { width: 100%; height: 210px; padding: 190px 0px 0px 0px; background: url(../img/eyecatcherOverlay.png); text-align: center; }
						div.eyecatcherOverlay a.overlayLink { display: inline-block; padding: 0px 10px 0px 0px; }
						div.eyecatcherOverlay a.overlayLink:hover { display: inline-block; background: url(../img/eyecatcherActLink.png) no-repeat right center; }
							div.eyecatcherOverlay span.eyecatcherText { display: inline-block; text-indent: -10000px; }
				div#content.subNav { top: 56px; overflow: hidden; }
				div#content.content {  }
				div#content.news {  }
					div#contentHeader { height: 50px; margin: 0px 0px 6px 0px; }
					div#contentStage { height: 400px; margin: 0px 0px 6px 0px; }
					div#content.content div#contentStage { width: auto; }
					div#contentStage.regularContent { background: #e7e7e7; padding: 0px 29px 0px 29px; }
					div#content.content div#contentStage.twoStages  { padding: 0px!important; overflow: hidden; }
					div#content.news div#contentStage { overflow: hidden; }
						
						h4.subHeader { color: #6e6e70; text-transform: uppercase; line-height: 30px; border-bottom: 1px dashed #999999; }
						div.firstHeadline { position: absolute; z-index: 20; top: 0px; height: 35px; width: 100%; background: #e7e7e7;  }
						div.firstHeadline h4.subHeader { margin: 0px 29px 0px 29px; }
						
						div.halfContent div.firstHeadline, div.newsText div.firstHeadline { width: 389px; }
						div.halfContent div.firstHeadline h4.subHeader, div.newsText div.firstHeadline h4.subHeader { margin: 0px; }
						
						h2.cHeadline { margin: 10px 0px 10px 0px; color: #c8342a; text-transform: uppercase; font-size: 16px; font-weight: normal; text-indent: -10000px; }
						
						div.halfContent { position: relative; width: 389px; padding: 0px 29px 0px 29px; color: #6e6e70; height: 400px; background: #e7e7e7; border-right: 6px solid #ffffff; float: left; }
						
						div.contentNav { width: 548px; padding: 0px 29px 0px 29px; height: 400px; float: left; }
						div.cNavEl { position: relative; float: left; width: 288px; height: 400px; border-left: 6px solid #ffffff; background-color: #ffffff; }
						div.cNavEl ul.cNavEl { width: 288px; height: 191px; background: url(../img/navigation/subNavBlockMask.png); list-style: none; overflow: hidden; }
							div.cNavEl ul.cNavEl li.navObj { position: relative; top:0; left:0; width: 288px; height: 60px; vertical-align: middle!important; border-bottom: 6px solid #ffffff; margin: 0px; background: transparent; }
								div.cNavEl ul.cNavEl li.navObj a.navLink { position: absolute; top: 8px; width: 288px; height: 43px; text-indent: -10000px; }
								div.cNavEl ul.cNavEl li.navObj a.navLink:hover { background-position: 0px -191px; }
								div.cNavEl ul.cNavEl li.navObj a.navLink.actLink { background-position: 0px -191px; }
						div.cNavEl div.cNavArrow { background: url(../img/navigation/subNavArrowUp.png) no-repeat center; height: 18px; }
						div.cNavEl div.cNavImg { position: absolute; bottom: 0px; width: 288px; height: 191px; background: no-repeat; }
					
					/* Listen Modul */
					.listContainer { background-color:#efefef; height:53px; padding: 5px; margin:0 0 12px 0; }
					.listContainer .image { float:left; width:215px; }
					.listContainer .column1 { float:left; width:215px; margin:5px 0 0 0; }
					.listContainer .column2 { float:left; width:290px;  margin:5px 0 0 0; }
					.listContainer .column3 { float:left;  margin:5px 0 0 0; }
					.listContainer a.mailLink, .listContainer a.downloadlink { text-decoration: none; color: #6e6e70; }
						
					div#contentFooter { height: 100px; }
						ul#breadcrumb { margin:15px 0 0 0; }
						ul#breadcrumb li { list-style: none; float:left; margin:0 10px 0 0; }
						ul#breadcrumb li a { display: inline-block; color: #c8342a; text-indent: -10000px; }
					
						/**
						 * The part for the News-Scroller
						 */
						
						div.newsScrollBtn { position: absolute; left: 434px; width: 32px; height: 32px; background: transparent no-repeat 0px -32px; }
						div#prevBtn.newsScrollBtn { background-image: url(../img/prev-vertical.gif); bottom: 0px; }
						div#nextBtn.newsScrollBtn { background-image: url(../img/next-vertical.gif); }
						div.newsScrollBtn.actBtn { cursor: pointer; background-position: 0px 0px; }
						
						div#newsListContainer {  }
							div#newsListContainer.scrollBox { position: absolute; top: 0px; left: 0px; width: 100%; }
							
						
						div.newsContainer { position: relative; background: #e7e7e7; }
						div.newsContainer.newsList { width: 100%; height: 191px; margin: 0px 0px 18px 0px; }
						div.newsContainer.newsDetail { width: 100%; height: 400px; margin: 0px 0px 18px 0px; }
						div.newsContainer.newsDetail ul { width: 100%; /*height: 400px;*/ margin: 0px 0px 18px 0px; }
							div.newsContainer div.newsText { width: 389px; padding: 0px 29px 0px 29px; }
							div.newsList div.newsText { height: 191px;  }
								div.newsContainer div.newsText h4.newsSubTitle { color: #6e6e70; text-transform: uppercase; line-height: 30px; border-bottom: 1px dashed #999999; }
								div.newsList div.newsText h3.newsTitle { margin: 10px 0px 10px 0px; color: #c8342a; text-transform: uppercase; font-size: 16px; font-weight: normal; }
									div.newsList h3.newsTitle a.moreFromTitle,
									div.newsList h3.newsTitle span.moreFromTitle { display: inline-block; color: #c8342a; text-indent: -10000px; }
								div.newsList div.newsText p.newsTeaser { color: #6e6e70; padding: 0px 0px 10px 0px; line-height: 15px; }
								div.newsList div.newsText a.more { color: #6e6e70; text-transform: uppercase; }
							div.newsDetail div.newsText { width: 398px; height: 385px; }
								div.newsDetail div.newsText ul { list-style-position: outside; margin: 0px 0px 18px 20px; width: 370px; }
								div.newsDetail div.newsText h2.newsTitle { padding: 10px 0px 10px 0px; color: #c8342a; text-transform: uppercase; font-size: 16px; font-weight: normal; text-indent: -10000px; background-repeat: no-repeat; background-position: center; }
								div.newsDetail div.newsContent p { color: #6e6e70; padding: 0px 0px 20px 0px; line-height: 18px; }
							div.newsContainer div.newsImg { position: absolute; top: 0px; right: 0px; width: 447px; border-left: 6px solid #ffffff; background: #010101; }
							div.newsList div.newsImg { height: 191px;  }
							div.newsDetail div.newsImg { height: 400px; }
								div.newsImg ul { list-style: none; }
								div.newsImg h4.imgCaption { line-height: 18px; height: 60px; margin: 46px 0px 0px 0px; text-align: center; font-size: 18px; text-transform: uppercase; color: #6e6e70; }
						
						div.refLogos { border-top: 1px dashed #999999; padding: 0px 0px 18px 0px; margin: 0px 0px 18px 0px; }
							div.refLogos div.refLogoBlock { width: 164px; height: 100px; float: left; }
								div.refLogoBlock a { color: #6e6e70; }
								div.refLogoBlock span.refLogoImg { display: block; text-align: center; }
								div.refLogoBlock span.refLogoCaption { display: block; text-align: center; text-transform: uppercase; }
								
						div.refCups { padding: 18px 0px 0px 9px; }
							div.refCups div.refCupLogo { width: 100px; height: 100px; float: left; }
							div.refCups div.refCupTitle { width: 200px; height: 70px; padding: 15px 20px 0px 0px; float: left; text-transform: uppercase; }
							div.refCups div.refCupContent { width: 440px; height: auto; padding: 15px 0px 0px 0px; float: left; }
							
				div.scrollStage { margin: 40px 0px 0px 0px; padding: 0px; }
				div.scrollStage.simply-scroll-list { margin: 30px 0px 0px 0px; }
				div.newsText div#scrollStage { margin: 0px; }
				/* Container DIV */
				.saScroll { width: 900px; height: 400px; margin-bottom: 1.5em; }
				
				div.newsText .saScroll, div.halfContent .saScroll { width: 389px; }
				div.newsText .simply-scroll-btn-down, div.halfContent .simply-scroll-btn-down { right: -29px; }
				div.newsText .simply-scroll-btn-up, div.halfContent .simply-scroll-btn-up { right: -29px; }
				
				/* Clip DIV */
				.saScroll .simply-scroll-clip { width: 900px; height: 400px; }
				div.newsText .saScroll .simply-scroll-clip, div.halfContent .saScroll .simply-scroll-clip { width: 389px; }
		
		
		div#pageFooter { position: absolute; bottom: 0px; left: 0px; z-index: 15; width: 100%; height: 58px; padding: 0px 0px 18px 0px; background-color: #ffffff; clear: both; }
			div#footer { position: relative; width: 998px; height: 56px; margin: 0px auto 0px auto; }
				ul#metaNav { position: absolute; bottom: 0px; left: 99px; width: 288px; height: 28px; line-height: 28px; }
					ul#metaNav li.navObj {  }
						ul#metaNav a.navLink { background-position: 0px 0px; border-bottom: 1px solid #b1b1b1; }
						ul#metaNav a.navLink:hover { background-position: 0px 28px; }
						ul#metaNav li.navObj.actObj a.navLink { background-position: 0px 28px; }
				
				ul#infoNav { position: absolute; bottom: 0px; height: 56px; right: 0px; width: 220px; line-height: 28px; } /*288*/
					ul#infoNav li.navObj { width: 220px; border-bottom: 1px solid #b1b1b1; white-space: nowrap; height: 22px; line-height: 22px; padding: 6px 0px 0px 0px; }
						ul#infoNav a.navLink { background-position: 0px 0px; }
						ul#infoNav a.navLink:hover { background-position: 0px 28px; }
						ul#infoNav li.navObj.actObj a.navLink { background-position: 0px 28px; }
						ul#infoNav form { display: inline; }
						ul#infoNav li.navObj input[type=text].newsletterInput { width: 136px; height: 14px; line-height: 13px; font-size: 12px; top: 4px; padding: 0px 0px 0px 6px; border: none; background: #c8342a; }
						ul#infoNav li.navObj input[type=button].newsletterInput { display: inline-block; height: 14px; width: 22px; overflow: hidden; border: none; top: 4px; background: url(../img/login/submitArrow.png) no-repeat right; padding: 0!important; margin: 0px 0px 0px -10px; cursor: pointer; }