* {
    font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;
}
body {
     width: 100%; text-align: center; margin: 0; padding: 0; background-color: #FFF; font-size: 62.5%;
}
div.clear {
    clear: both; height: 1px; overflow: hidden; text-indent: -1000em;
}
#main {
    width: 847px; margin: 0 auto; padding: 20px 0 0 0; text-align: left;
}
#main-start {
    width: 847px; margin: 0 auto; padding: 0 0 0 0; text-align: left;
}
#center-vertical {
    position: absolute; top: 50%; left: 0px; width: 98%;
}
@media all{
    #center-vertical {
        margin-top: -285px; width: 100%;
    }
}
/* ------------------------ */
/* Header                     */
/* ------------------------ */
#header {
    height: 80px; overflow: visible; background: url(images/header_bg.gif) no-repeat;
}
    #logo {
        float: right; padding: 12px 30px 0 0;
    }

/* ------------------------ */
/* Footer                     */
/* ------------------------ */
#footer {
    height: 10px; overflow: hidden; margin: 23px 0 0 0;
}
    #metanavi {
        float: left;
    }
        #metanavi ul {
            padding: 0; margin: 0;
         }
        #metanavi li {
             display: inline; list-style-type: none;
         }
        #metanavi li span {
             display: block; float: left; width: 8px; height: 10px; background: url(images/metanavi_sep.gif) no-repeat;
         }
        #metanavi a {
            display: block; float: left; height: 10px; text-decoration: none; background-repeat: no-repeat; text-indent: -1000em;
        }
        #metanavi a:hover {
            background-position: 0px -10px;
        }
            #metanavi li.home a {
                width: 29px; background-image: url(images/metanavi_home.gif);
            }
            #metanavi li.englisch a {
                width: 37px; background-image: url(images/metanavi_englisch.gif);
            }
            #metanavi li.kontakt a {
                width: 39px; background-image: url(images/metanavi_kontakt.gif);
            }
            #metanavi li.sitemap a {
                width: 38px; background-image: url(images/metanavi_sitemap.gif);
            }
            #metanavi li.standorte a {
                width: 49px; background-image: url(images/metanavi_standorte.gif);
            }
            #metanavi li.impressum a {
                width: 54px; background-image: url(images/metanavi_impressum.gif);
            }
            #metanavi li.agb a {
                width: 36px; background-image: url(images/metanavi_agb.gif);
            }

            #metanavi li.home_en a {
                width: 29px; background-image: url(images/metanavi_home.gif);
            }
            #metanavi li.englisch_en a {
                width: 46px; background-image: url(images/metanavi_englisch.gif);
            }
            #metanavi li.kontakt_en a {
                width: 46px; background-image: url(images/metanavi_kontakt.gif);
            }
            #metanavi li.sitemap_en a {
                width: 38px; background-image: url(images/metanavi_sitemap.gif);
            }
            #metanavi li.standorte_en a {
                width: 53px; background-image: url(images/metanavi_standorte.gif);
            }
            #metanavi li.impressum_en a {
                width: 39px; background-image: url(images/metanavi_impressum.gif);
            }
            #metanavi li.agb_en a {
                width: 36px; background-image: url(images/metanavi_agb.gif);
            }
        
    #hi-link {
        float: right; padding: 0 7px 0 0;
    }
        #hi-link a {
            display: block; float: left; width: 61px; height: 10px; background: url(images/footer_hi_link.gif) no-repeat; text-decoration: none; text-indent: -1000em;
        }
        #hi-link a:hover {
            background-position: 0px -10px;
        }
        
/* ------------------------ */
/* Navigation                 */
/* ------------------------ */
#navi {
    background-color:#CCCCCC; width: 100px; height: 200px; /*position: relative; float: left; padding: 19px 0 0 0;*/
}
#myMenuID {
    height: 72px;
}
    a.item1-unternehmen, a.item1-unternehmen-on {
        display: block; width: 100px; height: 52px; margin-top: 19px;  background-image: url(images/navi_1_unternehmen.gif); text-indent: -1000em; text-decoration: none;
    }
 

    a.item1-markt, a.item1-markt-on {
        display: block; width: 100px; height: 52px; margin-top: 19px;  background-image: url(images/navi_1_maerkte.gif); text-indent: -1000em; text-decoration: none;
    }
 

   a.item1-produkte, a.item1-produkte-on {
        display: block; width: 100px; height: 52px; margin-top: 19px;  background-image: url(images/navi_1_produkte.gif); text-indent: -1000em; text-decoration: none;
    }
    a.item1-qualitat, a.item1-qualitat-on {
        display: block; width: 100px; height: 52px; margin-top: 19px;  background-image: url(images/navi_1_qualitat.gif); text-indent: -1000em; text-decoration: none;
    }
    a.item1-presse, a.item1-presse-on {
        display: block; width: 120px; height: 52px; margin-top: 19px; background-image: url(images/navi_1_presse.gif); text-indent: -1000em; text-decoration: none;
    }
    a.item1-unternehmen-on, a.item1-produkte-on, a.item1-qualitat-on, a.item1-presse-on, a.item1-markt-on {
        background-position: 0px -52px;
    }
    
    a.item2 {
        display: block; font-size: 12px; color: #004083; text-decoration: none; padding: 0 8px 0 8px; white-space: normal; background-image: url(images/navi_2_bg.gif); background-repeat: repeat-y;
    }
    a.item2:hover {
        color: #E00000;
    }

/* ------------------------ */
/* Splash                     */
/* ------------------------ */
#splash {
    width: 847px; height: 257px; padding-top: 10px; background: url(images/splash_bg.jpg) no-repeat; margin: 18px 0 0 0;
}
#splash {
    height: 267px;
}
    #splash div.txt-box {
        width: 345px; height: 240px; overflow: hidden; margin: 0px 17px 0 485px;
     }
    @media all{
        * html #splash div.txt-box { /* IE hack */
            margin-right: 8.5px;
        }
    }
    #splash div.txt-box div.size {
        padding: 8px 10px 0 10px;
    }
        #splash div.txt-box h3 {
            font-size: 2.3em; font-style: italic; color: #004084; font-weight: normal; line-height: 1.2em;
        }
        #splash div.txt-box h4 {
            font-size: 1.5em; font-style: italic; color: #004084; font-weight: normal; margin: 8px 0 8px 0; line-height: 1.2em;
        }
        #splash div.txt-box p {
            font-size: 1.2em; color: #004084; margin: 8px 0 0 0; line-height: 1.2em;
        }
        #splash div.txt-box div.sep {
            width: 328px; height: 1px; overflow: hidden; margin: 5px 0 0 0; background: url(images/text_sep_bg.gif) repeat-x;
        }
        #splash div.txt-box a.more {
            display: block; font-size: 1.2em; color: #004084; text-decoration: none; padding: 0 0 0 13px; background: url(images/link_arrow_rb.gif) 0px 3px no-repeat;
        }
        #splash div.txt-box a.more:hover {
            color: #E00000; background-position: 0px -488px; 
        }
#flash {
    width: 847px; height: 267px; /*overflow: hidden;*/ margin: 18px 0 0 0;
}

/* ------------------------ */
/* Start boxes                 */
/* ------------------------ */
#start-boxes {
    padding: 0 0 0 30px; margin: 18px 0 0 0; height: 157px; overflow: hidden;
}
    #start-boxes div.abs-pos-bug {
        position: relative;
    }
    * html #start-boxes div.abs-pos-bug {
        position: static;
    }
    #start-boxes div.start-box {
        float: left; position: relative; width: 232px; height: 157px; overflow: hidden; background: url(images/start_box_bg.gif) no-repeat;
    }
    #start-boxes div.start-box div.more {
        width: auto; height: 18px; position: absolute; z-index: 1; top: 129px; left: 105px;
    }
        #start-boxes div.start-box div.more a {
            display: block; font-size: 1.2em; color: #004084; text-decoration: none; padding: 0 0 0 13px; background: url(images/link_arrow_rb.gif) 0px 3px no-repeat;
        }
        #start-boxes div.start-box div.more a:hover {
            color: #E00000; background-position: 0px -488px;
        }
    #start-box-1 {
        margin: 0 43px 0 0;
    }
    #start-box-2 {
        margin: 0 43px 0 0;
    }
    #start-box-3 {
        margin: 0 0 0 0;
    }
        div.start-box div.img {
            float: left; margin: 8px 0 0 9px;
        }
        @media all{
            * html div.start-box div.img { /* IE hack */
                margin-left: 5px;
            }
        }
        div.start-box div.txt {
            float: right; width: 113px; overflow: hidden; margin: 7px 15px 0 0;
        }
        * html div.start-box div.txt { /* IE hack */
            margin-right: 7px;
        }
            div.start-box div.txt h3 {
                font-size: 1.8em; color: #004084; font-style: italic; font-weight: normal; line-height: 1em;
            }
            div.start-box div.txt div.sep {
                width: 110px; height: 1px; overflow: hidden; margin: 5px 0 0 0; background: url(images/text_sep_bg.gif) repeat-x;
            }
            div.start-box div.txt p {
                font-size: 1.2em; color: #004084; line-height: 1.2em; margin: 10px 0 0 0;
            }
            div.start-box div.txt div.links {
                padding: 0; margin: 6px 0 0 0;
            }
                div.start-box div.txt div.links a {
                    display: block; font-size: 1.2em; color: #004084; line-height: 1.7em; text-decoration: none; padding: 0 0 0 13px; background: url(images/link_arrow_rb.gif) 0px 6px no-repeat;
                }
                div.start-box div.txt div.links a:hover {
                    color: #E00000; background-position: 0px -485px; /*background-image: url(../images/link_arrow_red.gif);*/
                }


   
/* update anfang 20090903 */
#LayerMainContentStartseite {
 position:relative;
 width:847px;
 height:305px;
/* background-image:url(images/bg-content.gif);*/
 background-image:url(images/bg-content_new.gif);
 background-repeat:no-repeat;
 margin:20px 0 0 0;
 padding:0;
}
#LayerBildStartseiteGross {
 position:relative;
 float:left;
 width:541px;
 padding:2px 0 0 2px;
 margin:0;
}
#LayerAuswahlContentStartseite {
 position:relative;
 float:right;
 width:302px;
 padding-top:30px;
}
#LayerContentStartseiteBottom {
 position:relative;
 width:847px;
 margin:20px 0 0 0;
 padding:0;
}
#LayerAuswahlContentStartseite ul {
 margin:2px 1px 0 10px;
 padding:0;
 list-style:none;
}
#LayerAuswahlContentStartseite ul li {
 margin:0;
/* padding:0 0 1px 0; */
 list-style:none;
 border:1px solid #FFFFFF;
}
#LayerAuswahlContentStartseite ul li a {
 font-size:1.4em;
 font-weight:bold;
 color:#666666;
 font-style:italic;
 text-decoration:none;
 background-repeat:no-repeat;
 background-position:top right;
 display:block;
}
#LayerAuswahlContentStartseite ul li a:hover, #LayerAuswahlContentStartseite ul li a.itemHover {
 color: #004083;
}
#LayerAuswahlContentStartseite ul li a#item1 {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-keramische-bauteile-beschichtungen-kl-a.jpg)
}
#LayerAuswahlContentStartseite ul li a#item1:hover, #LayerAuswahlContentStartseite ul li a#item1.itemHover {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-keramische-bauteile-beschichtungen-kl-b.jpg)
}
#LayerAuswahlContentStartseite ul li a#item2 {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-funktionskeramik-kl-a.jpg)
}
#LayerAuswahlContentStartseite ul li a#item2:hover, #LayerAuswahlContentStartseite ul li a#item2.itemHover {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-funktionskeramik-kl-b.jpg)
}
#LayerAuswahlContentStartseite ul li a#item3 {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-hartmetalle-energiespeicher-kl-a.jpg)
}
#LayerAuswahlContentStartseite ul li a#item3:hover, #LayerAuswahlContentStartseite ul li a#item3.itemHover {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-hartmetalle-energiespeicher-kl-b.jpg)
}
#LayerAuswahlContentStartseite ul li a#item4 {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-seltene-erden-chemikalien-kl-a.jpg)
}
#LayerAuswahlContentStartseite ul li a#item4:hover, #LayerAuswahlContentStartseite ul li a#item4.itemHover {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-seltene-erden-chemikalien-kl-b.jpg)
}
#LayerAuswahlContentStartseite ul li a#item5 {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-stahl-giessereiindustrie-kl-a.jpg)
}
#LayerAuswahlContentStartseite ul li a#item5:hover , #LayerAuswahlContentStartseite ul li a#item5.itemHover {
 height:49px;
 padding:10px 110px 0 0;
 background-image:url(images/startseite-stahl-giessereiindustrie-kl-b.jpg)
}
.LayerProduktIndex {
 position:relative;
 float:left;
 width:546px;
 height:47px;
 background-image:url(images/bg-produkte.gif);
 background-repeat:no-repeat;
}
.LayerProduktIndex .txt {
 font-size:1.2em;
 color:#004083;
 font-weight:bold;
 display:block;
 width:210px;
 position:relative;
 float:left;
 padding:13px 0 0 5px;
}
.LayerProduktIndex ul {
 position:relative;
 float:left;
 margin:0;
 padding:0;
 list-style:none;
}
.LayerProduktIndex ul li {
 position:relative;
 float:left;
 margin:0;
 padding:0 5px 0 0;
 list-style:none;
}
.LayerProduktIndex ul li a {
 font-size:1.2em;
 text-transform:uppercase;
 color:#004083;
 font-weight:bold;
 text-decoration:none;
 background-image:url(images/arrow-right.gif);
 background-repeat:no-repeat;
 background-position:right 18px;
 padding:13px 10px 0 0;
 display:block;
}
.LayerProduktIndex ul li a:hover {
 color:#004083;
 text-decoration:underline;
}
.LayerSucheStartseite {
 position:relative;
 float:right;
 background-image:url(images/bg-suche.gif);
 background-repeat:no-repeat;
 width:301px;
 height:47px;
/* display:none;*/
}
.LayerSucheStartseiteSpalte1 {
 position:relative;
 float:left;
 width:150px;
 padding:13px 0 0 10px;
 margin:0;
}
.LayerSucheStartseiteSpalte2 {
 position:relative;
 float:left;
 width:135px;
 padding:10px 0 0 0;
 margin:0;
}
.LayerSucheStartseiteSpalte2 img {
 border:none;
}
.LayerSucheStartseiteSpalte1 p {
 font-size:1.2em;
 color:#004083;
 font-weight:bold;
 margin:0;
 padding:0;
}
.LayerSucheStartseiteSpalte2 form {
 padding:0;
 margin:0;
}
.LayerSucheStartseiteSpalte2 input {
 width:110px;
}
/* update ende 20090903 */