﻿
/* begin mac-msie css-comment-hack \*/


/* GENERAL - Appearance And Behavior \*/
/*
\*/




/* LAYOT COMPONENTS - general \*/
/*
\*/
dt {
	position: relative;
	clear: none;
	float: none;
	margin: 0;
}
dt, dd {
	display: inline;
	padding: 0;
}
dd {
	display: block;
	margin: -1.33em 0 0 6.8em;
}
* html dd { /* >>* html<< - msie 6.x css filter \*/
	position: relative;
	top: -1.3em; /* msie margin patch \*/
}
* html dd p { /* >>* html<< - msie 6.x css filter \*/
	margin-bottom: -0.01em; /* msie margin patch \*/
}

h1 {
	font-weight: normal;
	font-weight: 100;
	color: #fff;
	margin-bottom: 7px;
}
h2, h1+h2 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #333;
}
h1+h2+p {
	margin-top: 0;
}
p {
	margin-bottom: 10px;
	padding-right: 0;
}



/* LAYOT GRID \*/
/*
\*/
body {/*
	overflow: hidden;\*/
	margin: 0;
	padding: 0;/*
	background: transparent url(../img/bg-solid-y-body-home.gif) repeat-y scroll left top;\*/
}
* html body { /* >>* html<< - msie 6.x css filter \*/
	background: #fff;
}
html:first-child>*+body { /* >>html:first-child>*+body<< - opera css filter \*/ /*
	background-image: url(../img/bg-solid-y-body-home-opera.gif);\*/
}

*+html body div#bgBanderole {
	height: 2.2em;
}

body div#stage {
	margin: 0;
	padding: 0;
	/*width: 994px;*//* if the grid should be flexible again comment this line out \*/
}

	div#stage div#header {
		background-color: #fff;
	}
	div#stage div#primaryNavigationBg {
		height: 2.1em;
	}
	* html div#stage div#primaryNavigationBg {
		height: 1.8em;
	}
	*+html div#stage div#primaryNavigationBg {
		height: 2.2em;
	}
	html:first-child>*+body div#stage div#primaryNavigationBg {
		height: 2.2em;
	}
	div#stage div#volume {
		position: relative;
		overflow: hidden;
		/*max-width: 970px;
				margin: 0 46px 0 0;*/
		margin: 0;
		padding: 0;/*
		border-bottom: 1px solid #fff;\*/
		background: #999;
	}
	* html div#stage div#volume { /* >>* html<< - msie 6.x css filter \*/
		background: none;
	}
	html:first-child>*+body div#stage div#volume { /* >>html:first-child>*+body<< - opera css filter \*/
		background-image: url(../img/bg-solid-y-body-home-opera.gif);
	}

	div#volume div.visual {
		display: block;
		/*width: 996px;*/
		height: 140px;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		background: #c5c5c5;
	}
	* html div#volume div.visual { /* >>* html<< - msie 6.x css filter \*/
		/*width: 948px;*/
		overflow: hidden;
	}
		div#volume div.visual img {
			display: block;
			
		}

	div#volume div#newsWrapper {
		position: relative;
		overflow: hidden;
		border-top: 1px solid #fff;/*
		border-bottom: 1px solid #fff;
		background-color: #f90;\*/
	}
	* html div#volume div#newsWrapper { /* >>* html<< - msie 6.x css filter \*/ /*
		height: 30.3em;\*/
		height: 1px; /* "has layout" bug as of msie\*/
		overflow: visible;
		border-bottom: none;
	}

		div#newsWrapper div#teaserColumn {
			float: right;
			display: inline; /* msie 6.x float rendering patch \*/
			/*width: 25.2%;*/
			width: 177px;
			max-width: 50%;/*
			height: 700em;\*/ /*
			height: 39em;\*/
			height: 100%;
			padding: 32px 15px 35px 15px;
			border-left: none;
			background-color: #none;
		}/*
		* html div#newsWrapper div#teaserColumn {
			height: 30.3em;
		}\*/
			div#teaserColumn a {
				display: block;
				text-indent: 10px;
				color: #666;
				text-decoration: none;
				background: transparent url(../img/bg-arrow-linklist-default.gif) no-repeat scroll 1px 6px;
			}
			div#teaserColumn a:hover,
			div#teaserColumn a:focus,
			div#teaserColumn a:active {
				color: #333;
				text-decoration: underline;
				background-image: url(../img/bg-arrow-link-default.gif);
			}

		div#newsWrapper div#newsColumn {
			position: relative;
			width: 69.8%;
			min-width: 50%;
			padding: 44px 0 60px 15px;
			background-color: #999;/* if the grid should be flexible again comment this line out \*/
		}
		* html div#newsWrapper div#newsColumn { /* >>* html<< - msie 6.x css filter \*/
			width: auto;
		}
		html:first-child>*+body div#newsWrapper div#newsColumn { /* >>html:first-child>*+body<< - opera css filter \*/
			width: 70%;
		}
			div#newsColumn a {
				display: block;
				text-indent: 10px;
				text-decoration: none;
				background: transparent url(../img/bg-arrow-link-default.gif) no-repeat scroll 1px 6px;
			}/*
			* html div#newsColumn a {
				background-position: 0 -5px;
			}\*/
			div#newsColumn a:hover,
			div#newsColumn a:focus,
			div#newsColumn a:active {
				color: #333;
				text-decoration: underline;
			}
/*			div#newsColumn a#tinyFooter {
				position: absolute;
				left: 0;
				text-indent: 0;
				bottom: -1.5em;
				color: #fff;
				background: none;
			}
*/			html:first-child>*+body div#newsColumn a#tinyFooter { /* >>html:first-child>*+body<< - opera css filter \*/
				bottom: -1.6em;
			}
			div#newsColumn a#tinyFooter:hover,
			div#newsColumn a#tinyFooter:focus,
			div#newsColumn a#tinyFooter:active {
				color: #fff;
				text-decoration: none;
			}
/*			div#newsColumn div#newsBox {
				position: relative;
				width: 36em; /* 40em;/60%; \*/
				border-bottom: 1px solid #fff;
				padding-bottom: 1px;
				margin: 0 auto;
			}
*/			* html div#newsColumn div#newsBox { /* >>* html<< - msie 6.x css filter \*/
				width: 35.7em;
			}
			html:first-child>*+body div#newsColumn div#newsBox { /* >>html:first-child>*+body<< - opera css filter \*/
				width: 37.2em;
			}
			div#newsColumn div#newsBox h1 {
				position: relative;
				margin-top: -0.92em;
			}


/* 
---------------------------------------------------
  ***
---------------------------------------------------
*/
body {
	background: none!important;
}

div#newsWrapper {
	background: url(../img/bg_home_rightbar.gif) repeat-y 100% 0;
}

div#newsColumn div#newsBox {
	position: relative;
	width: 500px;
	padding-bottom: 1px;
	margin: 0 0 0 130px;
}


#newsBox .cteaser {
	color: #fff;
	clear: left;
	margin-bottom: 25px;
}
#newsBox .cteaser h2, #newsBox .cteaser p {
	color: #fff;
	margin-left: 140px;
}

#newsBox .cteaser img {
	float: left; 
	padding: 2px 8px 3px 0;
}

#newsBox .cteaser a {
	display: inline;
  background: none;
	color: #fff;
	text-indent: 0;
}

#tinyFooterWrap {
	clear: left;
	overflow: hidden;
}
#tinyFooterWrap p {
	border-top: 1px solid #fff;
	padding: 2px 0 0 15px;
	margin: 25px 0;
	color: #fff;
}

div#newsColumn #tinyFooterWrap a {
	background: none;
	display:inline;
	text-decoration:none;
	text-indent:0px;
	margin-left: -15px;
	color: #fff;
}

/* 
---------------------------------------------------
  ***
---------------------------------------------------
*/



@media print { /* print document: printer preferences have first priority \*/ /*


	/* LAYOT GRID \*/
	/*
	\*/
		div#stage div#volume {
			position: static;
			overflow: auto;
		}
}


/* end of mac-msie css-comment-hack */
