/* codes for WHATEVER by Ceren Termer */

/*************************** STANDARDS ***************************/
*						{margin:0; padding:0; border:0; outline:none;}
html				{ overflow-y:scroll; /* permanent scrollbar in Firefox */}

body					{background:url(../images/layout/bg-body.jpg) no-repeat top center #fff; font-family: Lucida Sans Unicode, Tahoma, Verdana, Arial, Helvetica, sans-serif;  color:#eeebe8; line-height:100%; font-size:76%;}

img 					{border: none;}
ul 					{list-style:none;}

.clear				{clear:both; font-size: 0.0001em; line-height: 0.00001em;}
			 
a, a:visited		{color:#eeebe8; text-decoration:underline;}
a:hover	 			{ text-decoration:none;}

p 					{font-size:1em; line-height:140%;}
.uppercase			{text-transform:uppercase;}


/*************************** BRANDING ***************************/
#header				{ margin-bottom:58px; }
#header img			{float: right; margin: 75px 11px 0 0;}
#header h1		{text-indent:-9999px; display:block; font-size:0.000001em; line-height:0.0000001em;}

/*************************** LAYOUT ***************************/
#contentContainer	{ width:810px; margin:0 auto; padding:0 0 0 20px;}

/*************************** CONTENT-MAIN ***************************/
#contentMain		{ width:470px; padding:46px 60px 0 30px; min-height:390px; height:auto !important; height:390px; background:url(../images/layout/bg-contentMain.png) repeat-y; float:left;}
#contentMain p		{ padding:0 0 15px 70px;}
#contentMain p.textline		{ background:url(../images/layout/content-text-line.gif) no-repeat -1px 13px;}

.contentColumn 	{width:285px; float:left;}
.marginRight		{margin-right:20px;}
.marginBottom		{margin-bottom:20px;}
.contentImage		{border:1px solid #000; padding:2px; float:left;}

.contentTable		{vertical-align:top; width:100%; margin-bottom:17px;}
.contentTable tr td	{border-bottom:1px solid #000; padding:5px 3px 5px 3px;}

.separator			{height:1px; border-bottom:1px dotted #000; margin-bottom:20px;}

/*** SLIDESHOW ***/
#slideshow		{border:1px solid #adaba7; padding:3px; margin:0 0 15px 70px; width:382px;}
#photodiv		{width:382px; height:105px;}

/*** CMS ***/
.cmsbox		{ margin-bottom:20px;}
.cmsbox ul 	{ margin:0 0 0 70px;}
.cmsbox li 	{ background:url(../images/layout/li-arrow.gif) 15px 4px no-repeat; padding:0 0 10px 35px; line-height:1.2em;}

.cmstext	{ width:270px; padding-right:20px; float:left; margin-bottom:15px;}
.cmsimage	{ float:left; margin:0 15px 0 70px; border:1px solid #82807d; padding:2px;}
.cmsimage2	{ margin:0 0 15px 70px; border:1px solid #82807d; padding:2px;}
.cmsimage3	{ margin:0 0 15px 70px; padding:2px;}

/*** MISC ***/
.pdf		{ background:url(../images/cms/pdf.png) no-repeat; display:block; height:19px; padding:2px 0 0 30px; font-weight:bold; margin-left:70px;}
#backlink	{ padding:6px 0 17px 70px; }
.normIMG	{ padding-left:70px; margin:15px 0 15px 0;}
.map-anfahrt	{ margin:0 0 10px 70px; background:#adaba7; padding:1px; }
.map-link	{ color:#eeebe8;text-align:left; margin:0 0 0 70px; }

/*** HEADLINES ***/
h2 {text-indent:-999999px; width:620px; height:21x; margin:23px 0 18px 0;}
h2.index {background:url(../images/h2/index.gif) no-repeat;} 

#contentMain h3 {font-size:1em; font-weight:normal; border-bottom:1px solid #000; padding:0 0 2px 0; margin:0 0 17px 0; text-transform:uppercase; line-height:100%;}

/*************************** CONTENT-SIDEBAR ***************************/
#contentSidebar	{ float:left; width:190px; padding-left:40px;}

/*************************** NAVI ***************************/
ul#navi				{position:relative;}
ul#navi li			{float: left; width: 190px;position: relative;}
ul#navi li a		{ background:url(../images/layout/bg-navi.jpg) no-repeat; display:block; text-indent:-9999px; width:190px;}
ul#navi li ul { display:none; position:absolute;}

ul#navi li ul#drop1	{ left:-136px; top:-6px;}
ul#navi li ul#drop2	{ left:-136px; top:-3px;}
ul#navi li ul#drop3	{ left:-136px; top:-3px;}

ul#navi li ul#drop1 a, ul#navi li ul#drop2 a, ul#navi li ul#drop3 a	{ display:block; width:136px;}	

ul#navi li:hover ul { display:block; }
  
a.engineering				{ height:25px;}
a.engineering:hover, a.engineering.active			{ background-position:-190px 0!important;}
a.leistungen				{ background-position:0 -25px!important; height:30px;}
a.leistungen:hover, a.leistungen.active			{ background-position:-190px -25px!important;}
a.projekte					{ background-position:0 -55px!important; height:25px;}
a.projekte:hover, a.projekte.active			{ background-position:-190px -55px!important;}
a.analytic-systems			{ background-position:0 -80px!important; height:40px}
a.analytic-systems:hover, a.analytic-systems.active	{ background-position:-190px -80px!important;}
a.technology				{ background-position:0 -120px!important; height:25px;}
a.technology:hover, a.technology.active		{ background-position:-190px -120px!important; }
a.products					{ background-position:0 -145px!important; height:25px;}
a.products:hover, a.products.active			{ background-position:-190px -145px!important;}
a.downloads					{ background-position:0 -170px!important; height:25px;}
a.downloads:hover, a.downloads.active			{ background-position:-190px -170px!important;}
a.tools-service				{ background-position:0 -195px!important; height:41px;}
a.tools-service:hover, a.tools-service.active		{ background-position:-190px -195px!important;}
a.netzwerk					{ background-position:0 -236px!important; height:35px;}
a.netzwerk:hover, a.netzwerk.active			{ background-position:-190px -236px!important;}
a.kontakt					{ background-position:0 -271px !important; height:45px;}
a.kontakt:hover, a.kontakt.active				{ background-position:-190px -271px !important;}
a.anfahrt					{ background-position:0 -316px !important; height:25px;}
a.anfahrt:hover, a.anfahrt.active				{ background-position:-190px -316px !important;}
a.newsletter				{ background-position:0 -341px !important; height:25px;}
a.newsletter:hover, a.newsletter.active			{ background-position:-190px -341px !important;}
a.impressum					{ background-position:0 -366px !important; height:25px;}
a.impressum:hover, a.impressum.active			{ background-position:-190px -366px !important;}

/***********************DROP DOWN NAVI*****************************/
a.automobilindustrie		{ background:url(../images/layout/dropdown-navi/automobilindustrie.png) no-repeat!important; display:block; height:30px;}		
a.automobilindustrie:hover, a.automobilindustrie.active	{ background-position:0 -30px!important;}
a.forschung-lehre			{ background:url(../images/layout/dropdown-navi/forschung-lehre.png) no-repeat!important; display:block; height:23px;}		
a.forschung-lehre:hover, a.forschung-lehre.active		{ background-position:0 -23px!important;}
a.forschung-lehre			{ background:url(../images/layout/dropdown-navi/forschung-lehre.png) no-repeat!important; display:block; height:23px;}		
a.forschung-lehre:hover, a.forschung-lehre.active		{ background-position:0 -23px!important;}
a.luftfahrt					{ background:url(../images/layout/dropdown-navi/luftfahrt.png) no-repeat!important; display:block; height:23px;}		
a.luftfahrt:hover, a.luftfahrt.active			{ background-position:0 -23px!important;}
a.medizintechnik			{ background:url(../images/layout/dropdown-navi/medizintechnik.png) no-repeat!important; display:block; height:23px;}		
a.medizintechnik:hover, a.medizintechnik.active		{ background-position:0 -23px!important;}
a.pharmaindustrie			{ background:url(../images/layout/dropdown-navi/pharmaindustrie.png) no-repeat!important; display:block; height:33px;}		
a.pharmaindustrie:hover, a.pharmaindustrie.active		{ background-position:0 -33px!important;}
a.permeability				{ background:url(../images/layout/dropdown-navi/permeability.png) no-repeat!important; display:block; height:30px;}		
a.permeability:hover, a.permeability.active		{ background-position:0 -30px!important;}
a.rheology					{ background:url(../images/layout/dropdown-navi/rheology.png) no-repeat!important; display:block; height:23px;}		
a.rheology:hover, a.rheology.active			{ background-position:0 -23px!important;}
a.customizing				{ background:url(../images/layout/dropdown-navi/customizing.png) no-repeat!important; display:block; height:30px;}		
a.customizing:hover, a.customizing.active			{ background-position:0 -31px!important;}
a.nanoperm					{ background:url(../images/layout/dropdown-navi/nanoperm.png) no-repeat!important; display:block; height:30px;}		
a.nanoperm:hover, a.nanoperm.active			{ background-position:0 -30px!important;}
a.rheolive					{ background:url(../images/layout/dropdown-navi/rheolive.png) no-repeat!important; display:block; height:30px;}		
a.rheolive:hover, a.rheolive.active			{ background-position:0 -30px!important;}

/*************************** FOOTER / SITEMAP ***************************/
#footer		{ border-top:1px dotted #9e9c99; padding:20px 0 0 70px; margin:6px 0 25px 0; color:#adaba7; white-space: nowrap;}
#footer	a	{color:#adaba7;}
#footer ul li	{ list-style:none; float:left; padding:0 5px 2px 5px; }
#footer ul li.noleft	{ padding:0 0 0 5px!important;}

#sitemap	{ width:100%; background:url(../images/layout/bg-sitemap.gif) repeat; position: fixed; bottom: -200px;}
#sitemapMain	{ position:relative; width:830px; margin:0 auto; background:url(../images/layout/bg-sitemapMain.png) no-repeat 40px 35px; height:200px;}
a.open-sitemap	{ position:absolute; top:-20px; left:40px; background:url(../images/layout/open-sitemap.gif) no-repeat; display:block; height:20px; width:20px; text-indent:-9999px;}
#sitemap a		{ text-decoration:none; font-size:0.9em;}
#sitemap a:hover  { text-decoration:underline;}

.sitemap-list, .sitemap-list2, .sitemap-list3	{ position:relative; float:left; width:200px; }

.sitemap-list			{margin:35px 0 0 220px;}
.sitemap-list2			{margin:35px 0 0 0;}
.sitemap-list3			{margin:35px 0 0 0;}

.sitemap-list p, .sitemap-list2 p, .sitemap-list3 p			{ margin-bottom:10px; text-transform:uppercase;}
.sitemap-list li, .sitemap-list2 li, .sitemap-list3 li		{ padding-bottom:8px;}

.products-list			{ position:absolute; top:93px;}
.downloads-list			{ position:absolute; top:134px;}

.sitemap-list-grey		{ position:absolute; left:42px; top:46px; padding-left:20px; background:url(../images/layout/lines-table-sitemap.png) no-repeat 3px 11px;}
.sitemap-list-grey2		{ position:absolute; left:62px; top:28px; padding-left:20px; background:url(../images/layout/lines-table-sitemap.png) no-repeat 3px 11px;}
.sitemap-list-grey3		{ position:absolute; left:47px; top:0px; padding-left:20px; background:url(../images/layout/lines-table-sitemap.png) no-repeat 3px 11px;}

.sitemap-list-grey a, .sitemap-list-grey2 a, .sitemap-list-grey3 a	{ color:#c8c6c3;}
.sitemap-list-grey li	{ padding-bottom:8px;}