/***************************************** Evonik Industries AG layout *****/
/***************************** Copyright (c) 2007 Evonik Industries AG *****/
/***************************************************************************/
/***************************** grid stylesheet includes page framework *****/
/***************************************************************************/
/****************************************** author virtual identity AG *****/
/***** $LastChangedDate: 2008-08-21 14:25:42 +0200 (Do, 21 Aug 2008) $ *****/

html,
body
{
	height: 100%;
	background: url(img/bg-body.gif) repeat-y #dddcda;
}

/************************************************************/
/*START: header */
div#header_zone
{
	height: 118px;
	background: #fff;
	position: relative;
	z-index: 201;
	width: 980px;
}

div#logo_zone
{
	position: absolute;
	top: 27px;
	left: 20px;
	z-index: 202;
}

div#logo_zone a
{
	display: block;
}

/*END: header */
/************************************************************/
/************************************************************/
/*START: navigation*/
div#nav_zone
{
	background: #fff;
	position: relative;
	z-index: 200;
	padding: 0 20px 0 90px;
	height: 29px;
	overflow: hidden;
}

div#prim_nav_zone_wrapper
{
	position: relative;
	background: #fff;
	z-index: 121;
}

div#identifier
{
	float: left;
	width: 205px;
}

div#prim_nav_zone
{
	float: left;
}

div#target_group_nav_zone
{
	float: right;
}

div#sec_nav_zone
{
	position: absolute;
	top: 147px;
	left: 90px;
	z-index: 199;
	width: 870px;
	overflow: hidden;
	height: 0;
}
/*END: navigation*/
/************************************************************/
/************************************************************/
/*START: generic zone*/

div#generic_zone
{
	padding: 0 20px 0 0;
}

div#generic_nav_zone
{
	float: right;
	padding: 11px 0 0 0;
	position: relative;
	z-index: 200;
}

div#search_zone
{
	float: right;
	padding: 13px 0 0 10px;
}

div#search_zone fieldset
{
	display: inline;
}

div#search_zone input.field
{
	display: block;
	float: left;
	font-size: 11px;
	color: #a8a19b;
	border: 1px solid #dddcda;
	padding: 1px 5px;
	width: 97px;
}

div#search_zone input.button
{
	float: left;
	display: block;
	margin: 0 7px 0 0;
}

/*END: generic zone*/
/************************************************************/
/************************************************************/
/*START: keyvisual + clip */

div#visual_zone
{
	position: relative;
}

div.no_visual
{
	height: 1px;
	overflow: hidden;
	margin: 0 20px 10px 90px;
	background: #eeedec url(img/bg-nav-border-space.gif) no-repeat 175px 0;
}

/**** keyvisual stage ****/
div#keyvisual_stage
{
	position: absolute;
	left: 90px;
	top: 0;
	width: 890px;
	height: 100%;
}

div.keyvisual
{
	background-repeat: no-repeat;
	width: 870px;
}


/**** keyvisual+clip - large visual ****/
div.visual_large
{
	height: 320px;
}

div.visual_large div.keyvisual
{
	height: 320px;
}

div.visual_large div.flyout
{
	z-index: 1;
	height: 550px;
	clip: rect(0px, 890px, 320px, 0px);
	overflow: hidden;
}

div.visual_large div.open
{
	clip:rect(0px, 890px, 550px, 0px);
	z-index: 101;
}

/**** keyvisual+clip - small visual ****/
div.visual_small
{
	height: 170px;
}

div.visual_small div.keyvisual
{
	height: 170px;
}

div.visual_small div.flyout
{
	z-index: 1;
	height: 550px;
	clip: rect(0px, 890px, 170px, 0px);
	overflow: hidden;
}

div.visual_small div.open
{
	clip:rect(0px, 890px, 550px, 0px);
	z-index: 101;
}

/**** clip - common styles ****/
div#clip
{
	position: absolute;
	z-index: 2;
}

div#clip_border
{
	position: absolute;
	top: 0;
	height: 100%;
}

/**** clip content - common styles ****/
div#clip_content
{
	background: url(img/bg-clip.png) repeat 0 0;
	padding: 0 20px 0 0;
	height: 100%;
	overflow: hidden;
}

div.clip_related div#clip_content
{
	padding: 0 20px 0 3px;
}

div#clip_content a
{
	color: #fff;
}

div#clip_content a.link
{
	background-image: url(img/icon-link-fff.gif);
}

div.clip_txt p
{
	color: #fff;
	font-size: 11px;
	line-height: 15px;
}

div.clip_link
{
	position: absolute;
	left: 0;
}

div.clip_link a
{
	font-size: 11px;
	line-height: 16px;
	display: block;
	float: left;
	padding: 0 0 0 48px;
	background: url(img/clip-icon-link.gif) no-repeat 0 0;
	height: 33px;
}

div.clip_link a:hover
{
	background-image: url(img/clip-icon-link-hover.gif);
}

/**** clip - large ****/
div.clip_large
{
	top: 70px;
	left: 458px;
	width: 432px;
	height: 250px;
}

div.clip_large div#clip_border
{
	left: -34px;
	width: 34px;
	background: transparent url(img/clip-l.png) no-repeat 0 0;
}

div.clip_large div.clip_h5
{
	padding: 30px 0 0 0;
}

div.clip_large div.clip_h5 h5
{
	color: #fff;
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
}

div.clip_large div.clip_h6
{
	padding: 11px 0 0 0;
}

div.clip_large div.clip_h6 h6
{
	color: #fff;
	font-size: 20px;
	line-height: 25px;
	font-weight: normal;
}

div.clip_large div.clip_link
{
	top: 187px;
	width: 412px;
	height: 63px;
	background: url(img/bg-clip.png) repeat 0 0;
	overflow: hidden;
}

/**** clip - small ****/
div.clip_small
{
	top: 50px;
	left: 607px;
	width: 283px;
	height: 120px;
}

div.clip_small div#clip_border
{
	left: -17px;
	width: 17px;
	background: transparent url(img/clip-s.png) no-repeat 0 0;
}

div.clip_small div.clip_h6
{
	padding: 14px 0 5px 0;
	margin-left: -1px;
}

div.clip_small div.clip_h6 h6
{
	color: #fff;
	font-size: 25px;
	line-height: 30px;
	font-weight: normal;
}

div.clip_small div#clip_content
{
	padding: 0 20px 0 10px;
}

/*END: keyvisual + clip */
/************************************************************/
/************************************************************/
/*START: breadcrumb */

div#breadcrumb_zone
{
	padding: 0 205px 0 295px;
	min-height: 34px;
}

/*END: breadcrumb */
/************************************************************/
/************************************************************/
/*START: content grid */

div#content_zone
{
	padding: 0 20px 0 90px;
}

body#home div#content_zone
{
	padding: 27px 20px 0 90px;
}

div#functional_col
{
	float: left;
	width: 175px;
	margin: 0 30px 0 0;
	padding: 1px 0 0 0;
}

body#home div#functional_col
{
	padding: 0;
}

div#content_col
{
	float: left;
	width: 460px;
	margin: 0 20px 0 0;
	padding: 0;
}

div#related_col
{
	float: left;
	width: 185px;
	padding: 0;
}

body#home div#related_col
{
	float: left;
	width: 185px;
	padding: 0;
}

div#extended_content_col
{
	float: right;
	width: 665px;
	padding: 16px 0 0 0;
}

/*END: content grid */
/************************************************************/
/************************************************************/
/*START: footer*/

form#moss_form
{
	height: 100%;
	display: block;
}

div#footer_position_wrapper
{
	width: 980px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -49px; /* the bottom margin is the negative value of the footer's height */
}

div#footer_position_placeholder
{
	height: 49px; /* #footer-position-placeholder must be the same height as #footer-zone */
}

div#footer_zone
{
	width: 980px;
	height: 29px;
	padding: 20px 0 0 0;
	position: relative;
}

div.footer
{
	position: relative;
	margin: 0 20px 0 295px;
	padding: 7px 0 0 0;
	border-top: 1px solid #eeedec;
	z-index: 2;
	overflow: hidden; /* do not use clearfix class inside sticky footer  */
	width: 665px;
}

div.footer:after /* only needed for older mozilla  */
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	font-size: 1px;
	visibility: hidden;
}

body.multiline_footer div#footer_position_wrapper
{
	margin: 0 0 -69px; /* the bottom margin is the negative value of the footer's height */
}

body.multiline_footer div#footer_position_placeholder
{
	height: 69px; /* #footer-position-placeholder must be the same height as #footer-zone */
}

body.multiline_footer div#footer_zone
{
	height: 49px;
}
/*END: footer*/
/************************************************************/
/************************************************************/
/*START: flash flyouts */

.flyout_positioner
{
	position: relative;
	z-index: 1;
}

/*END:  flash flyouts */
/************************************************************/
/************************************************************/
/*START: finder_zone */
div#finder_zone
{
	background: #eeedec;
	margin: 0 20px 0 90px;
	border-top: 5px solid #dddcda;
	border-bottom: 5px solid #dddcda;
	padding: 7px 10px 10px;
	width: 850px;
}
/*END:  finder_zone */
/************************************************************/
/************************************************************/
/*START: evonik_worldwide*/
div#evonik_worldwide_wrapper
{
	display: none;
}

div#evonik_worldwide_wrapper.flyout_positioner
{
	display: block;
	position: relative;
	float: right;
	clear: both;
	width: 544px;
}

div#evonik_worldwide
{
	position: absolute;
	left: -7000;
	z-index: 1;
}

div#evonik_worldwide.flyout
{
	position: absolute;
	top: -1px;
	left: 0;
	width: 544px;
	height: 412px;
	z-index: 1;
	overflow: hidden;
	clip: rect(0px, 1px, 1px, 0px);
}

div#evonik_worldwide.open
{
	z-index: 101;
	clip: rect(0px, 544px, 412px, 0px);
}

/*END: evonik_worldwide*/
/************************************************************/
/************************************************************/
/*START: productfinder*/
div.pf_small_top,
div.pf_small_bottom
{
	position: relative;
	width: 175px;
	height: 109px;
}

div.pf_medium_top,
div.pf_medium_bottom
{
	position: relative;
	width: 175px;
	height: 238px;
}

div.pf_small_top div.flyout,
div.pf_small_bottom div.flyout,
div.pf_medium_top div.flyout,
div.pf_medium_bottom div.flyout
{
	position: absolute;
	z-index: 1;
	width: 870px;
	height: 369px;
	overflow: hidden;
	top: 0;
	left: 0;
}

div.pf_small_top div.flyout
{
	clip: rect(0px, 175px, 112px, 0px);
}

div.pf_small_top div.open
{
	clip: rect(0px, 870px, 369px, 0px);
	z-index: 101;
}

div.pf_small_bottom div.flyout
{
	top: -260px;
	clip: rect(260px, 175px, 369px, 0px);
}

div.pf_small_bottom div.open
{
	clip: rect(0px, 870px, 369px, 0px);
	z-index: 101;
}

div.pf_medium_top div.flyout
{
	clip: rect(0px, 175px, 238px, 0px);
}

div.pf_medium_top div.open
{
	clip: rect(0px, 870px, 369px, 0px);
	z-index: 101;
}

div.pf_medium_bottom div.flyout
{
	top: -131px;
	clip: rect(131px, 175px, 369px, 0px);
}

div.pf_medium_bottom div.open
{
	clip: rect(0px, 870px, 369px, 0px);
	z-index: 101;
}
/**** non-flash version - compact ****/
div#productfinder h3
{
	color: #666;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
}

div#productfinder li
{
	margin: 2px 0 0 0;
	border: 1px solid #dddcda;
	font-size: 11px;
	line-height: 14px;
}

div#productfinder li:first-child
{
	margin: 4px 0 0 0;
}

div#productfinder li a.button
{
	display: block;
	color: #666;
	font-weight: bold;
	background: #fff url(img/icon-link.gif) no-repeat 5px 7px;
	padding: 3px 5px 3px 18px;
}

div#productfinder li a.button:hover
{
	color: #991d85;
}

/*END: productfinder*/
/************************************************************/