/* ------------------------------------------------ NAVIGATION MAIN ------------------------------------------------ */ #OverLayer { width:970px; height:665px; position:absolute; top:0; left:0; background:#333333; opacity:0.5; -moz-opacity:0.5; -khtml-opacity:0.5; filter:alpha(opacity=50); z-index:999; display:none; } #Navi_container { width:180px; height:460px; position:absolute; top:170px; left:4px; z-index:1000; } #Navi_container .NaviMain { height:24px; width:100%; margin:2px 0 2px 0; background:#666666; } /*#Navi_container .NaviMain { opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; filter:alpha(opacity=90); }*/ #Navi_container .NaviMain { background:url(../images/black90.png); } /*#Navi_container .NaviMain:hover { opacity:0.7; -moz-opacity:0.7; -khtml-opacity:0.7; filter:alpha(opacity=70); }*/ #Navi_container .NaviMain a { float:left; clear:none; height:20px; width:168px; color:#fff; text-decoration:none; font-size:12px; padding:4px 0 0 8px; letter-spacing:0.3em; } #Navi_container .NaviMaini a { background:url(../images/arrow_white.gif) no-repeat right; } #Navi_container .NaviMain.activ { background:#FFFFFF; opacity:1.0; -moz-opacity:1.0; -khtml-opacity:1.0; filter:alpha(opacity=100); z-index:1010; } #Navi_container .NaviMain.activ a { background:url(../images/arrow_red.gif) no-repeat right; color:#990000; } /* ------------------------------------------------ NAVIGATION MAIN ------------------------------------------------ */ #subNavi_container { width:550px; height:512px; position:absolute; top:130px; left:184px; z-index:1100; display:none; } #subNavi_container .NaviSub { background:#fff; } /*#subNavi_container .NaviSub { opacity:0.9; -moz-opacity:0.9; -khtml-opacity:0.9; filter:alpha(opacity=90); }*/ #subNavi_container .NaviSub { background:url(../images/white90.png); cursor:pointer; } #subNavi_container .NaviSub .NFont { color:#333333; font-size:11px; padding:4px 0 0 8px; letter-spacing:0.1em; cursor:pointer; } #subNavi_container .NaviSub a { float:left; clear:none; color:#333333; text-decoration:none; font-size:11px; padding:2px 0 0 8px; letter-spacing:0.1em; } #subNavi_container .NaviSub a:hover .NFont { color:#990000; text-decoration:none;} #subNavi_container .NaviSub.activ .NFont { color:#990000; } #subNavi_container .NSarrow { background:url(../images/arrow_s_red.gif) no-repeat right #fff; } #subNavi_container .NaviSubBG { background: transparent;} /*Unternehmen*/ #subNavi_container #nav_company { position:absolute; height:120px; width:204px; left:0px; top:36px; display:none; } #subNavi_container #nav_company_1 { position:absolute; height:24px; width:200px; left:2px; top:42px; display:none; } #subNavi_container #nav_company_2 { position:absolute; height:24px; width:200px; left:2px; top:68px; display:none; } #subNavi_container #nav_company_3 { position:absolute; height:24px; width:200px; left:2px; top:94px; display:none; } #subNavi_container #nav_company_4 { position:absolute; height:24px; width:200px; left:2px; top:120px; display:none; } /*Produkte*/ #subNavi_container #nav_products { position:absolute; height:200px; width:204px; left:0px; top:60px; display:none; } #subNavi_container #nav_products_1 { position:absolute; height:24px; width:200px; left:2px; top:68px; display:none; } #subNavi_container #nav_products_2 { position:absolute; height:24px; width:200px; left:2px; top:94px; display:none; } #subNavi_container #nav_products_3 { position:absolute; height:24px; width:200px; left:2px; top:120px; display:none; } #subNavi_container #nav_products_4 { position:absolute; height:24px; width:200px; left:2px; top:146px; display:none; } #subNavi_container #nav_products_5 { position:absolute; height:24px; width:200px; left:2px; top:172px; display:none; } #subNavi_container #nav_products_6 { position:absolute; height:24px; width:200px; left:2px; top:198px; display:none; } #subNavi_container #nav_products_7 { position:absolute; height:24px; width:200px; left:2px; top:224px; display:none; } /*Komponenten Sub*/ #subNavi_container #nav_komponenten { position:absolute; height:180px; width:166px; left:200px; top:208px; display:none; } #subNavi_container #nav_komponenten_1 { position:absolute; height:24px; width:160px; left:204px; top:224px; display:none; } #subNavi_container #nav_komponenten_2 { position:absolute; height:24px; width:160px; left:204px; top:250px; display:none; } #subNavi_container #nav_komponenten_3 { position:absolute; height:24px; width:160px; left:204px; top:276px; display:none; } #subNavi_container #nav_komponenten_4 { position:absolute; height:24px; width:160px; left:204px; top:302px; display:none; } #subNavi_container #nav_komponenten_5 { position:absolute; height:24px; width:160px; left:204px; top:328px; display:none; } #subNavi_container #nav_komponenten_6 { position:absolute; height:24px; width:160px; left:204px; top:354px; display:none; } /*News*/ #subNavi_container #nav_news { position:absolute; height:240px; width:204px; left:0px; top:86px; display:none; } #subNavi_container #nav_news_1 { position:absolute; height:24px; width:200px; left:2px; top:94px; display:none; } #subNavi_container #nav_news_2 { position:absolute; height:24px; width:200px; left:2px; top:120px; display:none; } #subNavi_container #nav_news_3 { position:absolute; height:24px; width:200px; left:2px; top:146px; display:none; } #subNavi_container #nav_news_4 { position:absolute; height:24px; width:200px; left:2px; top:172px; display:none; } #subNavi_container #nav_news_5 { position:absolute; height:24px; width:200px; left:2px; top:198px; display:none; } #subNavi_container #nav_news_6 { position:absolute; height:24px; width:200px; left:2px; top:224px; display:none; } #subNavi_container #nav_news_7 { position:absolute; height:24px; width:200px; left:2px; top:250px; display:none; } #subNavi_container #nav_news_8 { position:absolute; height:24px; width:200px; left:2px; top:276px; display:none; } /*Vertrieb*/ #subNavi_container #nav_distro { position:absolute; height:68px; width:204px; left:0px; top:112px; display:none; } #subNavi_container #nav_distro_1 { position:absolute; height:24px; width:200px; left:2px; top:120px; display:none; } #subNavi_container #nav_distro_2 { position:absolute; height:24px; width:200px; left:2px; top:146px; display:none; } /*Jobs*/ #subNavi_container #nav_jobs { position:absolute; height:68px; width:204px; left:0px; top:138px; display:none; } #subNavi_container #nav_jobs_1 { position:absolute; height:24px; width:200px; left:2px; top:146px; display:none; } /*Service*/ #subNavi_container #nav_service { position:absolute; height:68px; width:204px; left:0px; top:166px; display:none; } #subNavi_container #nav_service_1 { position:absolute; height:24px; width:200px; left:2px; top:172px; display:none; } #subNavi_container #nav_service_2 { position:absolute; height:24px; width:200px; left:2px; top:198px; display:none; } #subNavi_container #nav_service_3 { position:absolute; height:24px; width:200px; left:2px; top:224px; display:none; } /*Programme Sub*/ #subNavi_container #nav_programms { position:absolute; height:68px; width:160px; left:204px; top:166px; display:none; } #subNavi_container #nav_programms_1 { position:absolute; height:24px; width:160px; left:204px; top:198px; display:none; } #subNavi_container #nav_programms_2 { position:absolute; height:24px; width:160px; left:204px; top:224px; display:none; } /*Kontakt*/ #subNavi_container #nav_contact { position:absolute; height:90px; width:204px; left:0px; top:186px; display:none; } #subNavi_container #nav_contact_1 { position:absolute; height:24px; width:200px; left:2px; top:198px; display:none; } #subNavi_container #nav_contact_2 { position:absolute; height:24px; width:200px; left:2px; top:224px; display:none; } #subNavi_container #nav_contact_3 { position:absolute; height:24px; width:200px; left:2px; top:250px; display:none; } /*nav_products_see_1*/ #subNavi_container #nav_products_see_1 { position:absolute; height:450px; width:240px; left:204px; top:0; display:none; background:#fff;} #subNavi_container #nav_komproducts_see_1 { position:absolute; height:450px; width:240px; left:366px; top:0; display:none; background:#fff;} .in_products_see { float:left; clear:none; padding:10px 15px 5px 15px; width:210px; height:430px; } .in_products_see h1 { font-size: 14px; margin:0.8em 0 0.8em 0;} .in_products_see .pline { height:1px; width:100%; background:#999999; margin:0.4em 0 0.4em 0; font-size:1px; line-height:1px;} .in_products_see p { margin:0.8em 0 0.8em 0;} /*.in_products_see a { float:left; text-decoration:none; font-weight:bolder; color:#006633; padding:0.4em; border:#CCC 1px solid; margin-top:0.4em; } .in_products_see a:hover { text-decoration:underline; background-color:#E7E7E7; }*/ #debug{ position:absolute; height:100px; width:300px; right:0px; top:0px; z-index:1111; color:#FFFFFF;}