/* 
www.nanogate.com
grau hell 	#c3c3c3 + #EEF0F2
grau	#
rot 	#E62814
*/
*{	
	margin:0;
	padding:0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100.01%;
}


	
#logo {
	position:absolute; 
	left:390px; 
	top:28px; 
	width:238px; 
	height:56px; 
	z-index:100;
}

/* ----------------------------- Menu ---------------------------------------- */

#mainmenu {
	position:absolute; 
	left:31px; 
	top:75px; 
	height:52px; 
	width:934px; 
	z-index:100;
	display:block;
}
#mainmenu ul{
	margin:0;
	padding:0;
	left:0;
	top:0;
	text-decoration:none;
	list-style-type:none;
	margin-top:5px;
	height:52px; 
	width:934px;
	background-repeat:no-repeat;
	background-image: url("../pics/menu_ncs_back_oben.jpg");
}
#mainmenu.nanogate-advanced-materials ul{
	background-image: url("../pics/menu_nam_back_oben.jpg");
}
#mainmenu.produktveredelung ul{
	background-image: url("../pics/menu_ncs_back_oben.jpg");
}
#mainmenu.nanogate-inside ul{
	background-image: url("../pics/menu_ni_back_oben.jpg");
}

#mainmenu ul li{
	margin:0;
	padding:0;
	left:0;
	top:0;
	display:block;
	float:left;
	height:auto;
	list-style-type:none;
	margin-right:16px;
	/*margin-left:16px;*/
}
#mainmenu ul li a{
	display:block;
	background-repeat:no-repeat;
	height:10px;
	margin-top:8px;
	text-decoration:none;
}
#mainmenu ul li#menu-inside a{
	background-image:url(../pics/nanogate_inside.gif);
	width:109px;
	margin-left:304px;
}
#mainmenu ul li#menu-inside.active a{
	background-image:url(../pics/nanogate_inside_active.gif);
}
#mainmenu ul li#menu-coating-systems a{
	background-image:url(../pics/nanogate_coating_systems.gif);
	width:186px;
	margin-left:4px;
}
#mainmenu ul li#menu-coating-systems.active a{
	background-image:url(../pics/nanogate_coating_systems_active.gif);
}

#mainmenu ul li#menu-coating-systems ul{
	background-image:none;
	text-align:center;
	left:385px;
	width:400px;
}
#mainmenu ul li#menu-coating-systems ul li{
	margin-left:-1px;
	border-left: solid 1px #999999;
	padding-right:20px;
	padding-left:5px;
}

#mainmenu ul li#menu-coating-systems ul li a{
	background-image:none;
	width:auto;
	height:auto;
}
#mainmenu ul li#menu-coating-systems.active ul li a{
	background-image:none;
}
#mainmenu ul li#menu-advanced-materials a{
	background-image:url(../pics/nanogate_advanced_materials.gif);
	width:208px;
}
#mainmenu ul li#menu-advanced-materials.active a{
	background-image:url(../pics/nanogate_advanced_materials_active.gif);
}

#mainmenu ul li#menu-advanced-materials ul{
	background-image:none;
	text-align:center;
	left:185px;
	width:400px;
}
#mainmenu ul li#menu-advanced-materials ul li{
	margin-left:-1px;
	border-left: solid 1px #999999;
	padding-right:20px;
	padding-left:5px;
}

#mainmenu ul li#menu-advanced-materials ul li a{
	background-image:none;
	width:auto;
	height:auto;
}




#mainmenu ul li a span{
	display:block;
	position:absolute;
	left:-2000px;
}
#mainmenu ul li ul{
	position:absolute;
	margin:0;
	padding:0;
	top:30px;
	height:27px;
	/*left:0;
	width:934px;
	*/
	float:left;
	/*background-image: url("../pics/menu_ncs_back_unten.jpg");
	background-repeat:no-repeat;*/
}

#mainmenu ul li ul li{
	margin: 6px 10px 0 8px;
	min-width:10px;
	-width:10px;
	height:auto;
	font-size:75%;
	-font-size:75%;
	background-image:none;
	white-space:nowrap;
}
#mainmenu ul li ul li a{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#646464;
	white-space:nowrap;
	background-image:none;
	
}
#mainmenu ul li ul li a:hover{
	color:#E62814;
}
#mainmenu ul li ul li.active a{
	font-weight:bold;
	color:#E62814;
}









/* ----------------------------- submenu ---------------------------------------- */


div#menulinks{
	position:absolute;
	left:32px;
	top:145px;
	width:175px; 
	height:449px;
	z-index:150;
	/*background-color:#DBDCE1;*/
}
.oberflaechen-glas{
	background-image:url(../pics/visuals/ncs_oberfla_glas.jpg);	
}
.oberflaechen-holz{
	background-image:url(../pics/visuals/ncs_oberfla_holz.jpg);	
}

.oberflaechen-keramik{
	background-image:url(../pics/visuals/ncs_oberfla_keramik.jpg);	
}

.oberflaechen-kunststoff{
	background-image:url(../pics/visuals/ncs_oberfla_kunststoff.jpg);	
}

.oberflaechen-metall{
	background-image:url(../pics/visuals/ncs_oberfla_metall.jpg);	
}

.oberflaechen-mineralische-untergruende{
	background-image:url(../pics/visuals/ncs_oberfla_mineralien.jpg);	
}

.oberflaechen-textilien-leder{
	background-image:url(../pics/visuals/ncs_oberfla_textilien.jpg);	
}


.funktionen-design{
	background-image:url(../pics/visuals/ncs_funktion_design.jpg);	
}
.funktionen-elektrisch-leitfaehig{
	background-image:url(../pics/visuals/ncs_funktion_eletr_leitfaehig.jpg);	
}

.funktionen-katalytisch{
	background-image:url(../pics/visuals/ncs_funktion_katalytisch.jpg);	
}

.funktionen-korrosionsschutz{
	background-image:url(../pics/visuals/ncs_funktion_korrosionsschutz.jpg);	
}
.funktionen-mikrobiell{
	background-image:url(../pics/visuals/ncs_funktion_mikrobiell.jpg);	
}
.funktionen-oberflaechenenergie-index,
.funktionen-oberflaechenenergie-anti-fingerprint,
.funktionen-oberflaechenenergie-antihaft,
.funktionen-oberflaechenenergie-hydrophil,
.funktionen-oberflaechenenergie-hydrophob-oleophob,
.funktionen-oberflaechenenergie-schmutzabweisend{
	background-image:url(../pics/visuals/ncs_funktion_oberflaechenenergie.jpg);	
}
.funktionen-tribologie-index, 
.funktionen-tribologie-verschleissschutz, 
.funktionen-tribologie-kratzfeste-eigenschaften, 
.funktionen-tribologie-gleiteigenschaften{
	background-image:url(../pics/visuals/ncs_funktion_tribologie.jpg);	
}

.funktionen-uv-schutz{
	background-image:url(../pics/visuals/ncs_funktion_uv_schutz.jpg);	
}

.anwendungsbeispiele-endanwender,
.anwendungsbeispiele-industrie-index,
.anwendungsbeispiele-industrie-automobil,
.anwendungsbeispiele-industrie-glas-keramik,
.anwendungsbeispiele-industrie-maschinenbau{
	background-image:url(../pics/visuals/ncs_anwendungsbeispiele.jpg);
}

#submenu{
	position:absolute;
	margin:0;
	padding:0;
	left:42px;
	top:175px;
	width:165px; 
	height:auto;
	z-index:150;
}
#submenu ul{
	margin:0;
	padding:0;
}
#submenu ul li{
	font-size:71%;
	-font-size:70%;
	list-style-type:none;
	height:18px;
}
#submenu ul li a{
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
	color:#000;
	display:block;
	background-image:url(../pics/submenu_blullet.gif);
}
div#submenu ul li ul{
	display:none;
}
div#submenu ul li a:hover{
	color:#E62814;
}
div#submenu ul li.active{
		height:auto;
		-height:18px;
		min-height:18px;
}



div#submenu ul li.active a{
	color:#E62814;
	font-weight:bold;
	background-image:url(../pics/submenu_active_back.gif);
	/*background-repeat:no-repeat;*/
}
div#submenu ul li.active ul{
	display:block;
	margin-top:0.3em;
}
div#submenu ul li.active ul li{
	margin-left:1em;
	font-size:100%;
	background-image:url(../pics/submenu_blullet_hell.gif);
	background-repeat:no-repeat;
}
div#submenu ul li.active ul li a{
	background-image:none;
	font-weight:normal;
	color:#000;
}
div#submenu ul li.active ul li.active a{
	color:#E62814;
	font-weight:bold;
	background-image:url(../pics/submenu_blullet_rot.gif);
	background-repeat:no-repeat;
}


/* ----------------------------- extramenu impressum etc. ---------------------------------------- */
#impressum {
	position:absolute;
	left:710px;
	top:5px;
	width:auto; 
	height:auto;
	z-index:101;
}
#impressum a{
	font-size:65%;
	color:#646464;
	text-decoration:none;
}
#impressum a:hover{
	color:#E62814;
}




#impressum ul li{
	list-style-type:none;
	float:left;
	margin-left:20px;
}
		
/* ----------------------------- content ---------------------------------------- */
#maincontent {
	position:absolute;
	left:0;
	top:80px;
	width:600px; 
	height:auto;
	padding-bottom:10px;
	z-index:50;
	border:0;
	float:right;
}

#content {
	position:relative;
	left:0;
	margin-top:30px;
	width:540px; 
	height:auto;
	color:#000000;
}
#content h1{
	font-size:90%;
	font-weight:bold;
	margin-bottom:1em;

}
#content p{
	font-size:75%;
	line-height:18px;
	margin-bottom:1em;
}
#content p.absatz-mit-bild-rechts{
	font-size:75%;
	margin-right:180px;
	line-height:18px;
	margin-bottom:1em;
	
}
#content p.textbreit{
	font-size:75%;
	line-height:18px;
	margin-bottom:1em;
	margin-right:180px;
}
#content p.absatz-mit-bild-links{
	font-size:75%;
	margin-left:200px;
	line-height:18px;
	margin-bottom:1em;
}
.bild-rechts{
	float:right; 
  	display:block;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:0.3em;
}
.bild-links{
	float:left; 
  	display:block;
	margin-right:20px;
	margin-top:0.3em;
}


/* ----------------------------- infospalte rechts ---------------------------------------- */

#infospalte{
	position:absolute;
	top:168px;
	left:801px;
	-left:799px;
	width:165px; 
	height:400px;
	background-image:url(../pics/info_back.gif);
	background-position:0 20px;
	background-repeat:repeat-y;
	z-index:249;
	/*padding-top:10px;*/
}
.informationen{
	padding:5px 0 0 0;
}
div.informationen h3{
	padding:5px 0 3px 10px;
	margin-left:7px;
	font-size:70%;
	color:#646464;
	background-color:#EEF0F2;
}
div.informationen ul{
	margin:2px 0 30px 0;
}
div.informationen ul li{
	padding:0 0 0 7px;
	margin-left:10px;
	font-size:70%;
	list-style-type:none;
	line-height:1.2em;
}
div.informationen ul li a{
	text-decoration:none;
	color:#646464;
}
div.informationen ul li a:hover{
	text-decoration:none;
	color:#E62814;
}


#maincontent {
	background-image:none;

}
/*-------------------------------styles Startseite--------------------------------*/
#content {
	left:0px;
	margin-top:30px;
	width:580px; 
}
#content h1{
	font-size:90%;
	font-weight:bold;
	margin-bottom:1em;
	color:#000;
}
#flashelement{
	display:none;
}

#mainmenu, #infospalte, #menulinks, #submenu, #impressum{
	display:none;
}