﻿* {
    font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0;
}
body {
    text-align: center; margin: 0; padding: 0; font-size: 62.5%; background-color: #FFF;
}
.clear_all {
    height: 1px; overflow: hidden; clear: both;
}
form {
    padding: 0; margin: 0;
}
.top_spacer_20 {
    height: 20px; overflow: hidden; display: block;
}
.spacer_100 {
    height: 100px; overflow: hidden; display: block; 
}
.spacer_45 {
    height: 45px; overflow: hidden; display: block;
}
#main {
    width: 955px; margin: 0 auto; border: 1px solid #8CA2C1;
}
#strech {
    min-height: 540px; _height: 540px; text-align: left;
}


/* # meta navi #*/
#meta_navi {
    width: 570px; float: right; margin: 10px 0px 0px 0px; padding-right: 10px;
}
    
    #meta_navi div.meta_separator {
        width: 1px; height: 20px; overflow: hidden; float: left;
    }
    #meta_navi a {
        float: left;
    }
    #meta_navi a.english {
        width: 58px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_english_rb.gif); background-repeat: no-repeat; margin-left:8px;
    }
    #meta_navi a.english:hover {
        background-position: 0px -20px;
    }
    #meta_navi a.english-sel {
        width: 58px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_english_rb.gif);  background-repeat: no-repeat; background-position: 0px -20px;
    }
    #meta_navi a.deutsch {
        width: 65px; height: 20px; overflow: hidden; background-image: url(); background-repeat: no-repeat; margin-left:8px;
    }
    #meta_navi a.deutsch:hover {
        background-position: 0px -20px;
    }
    #meta_navi a.deutsch-sel {
        width: 65px; height: 20px; overflow: hidden; background-image: url();  background-repeat: no-repeat; background-position: 0px -20px;
    }
    #meta_navi a.chinese {
        width: 52px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_chinese_rb.gif); background-repeat: no-repeat;
    }
    #meta_navi a.chinese:hover {
        background-position: 0px -20px;
    }
    #meta_navi a.chinese-sel {
        width: 52px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_chinese_rb.gif);  background-repeat: no-repeat; background-position: 0px -20px;
    }
    #meta_navi a.sitemap {
        width: 55px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_sitemap_rb.gif); background-repeat: no-repeat;
    }
    #meta_navi a.sitemap:hover {
        background-position: 0px -20px;
    }
        #meta_navi a.sitemap-sel {
            width: 55px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_sitemap_rb.gif); background-repeat: no-repeat; background-position: 0px -20px;
        }
    #meta_navi a.kontakt {
        width: 54px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_kontakt_rb.gif); background-repeat: no-repeat;    
    }
    #meta_navi a.kontakt:hover {
        background-position: 0px -20px;
    }
        #meta_navi a.kontakt-sel {
            width: 54px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_kontakt_rb.gif); background-repeat: no-repeat; background-position: 0px -20px;
        }
    #meta_navi a.contakt {
        width: 54px; height: 20px; overflow: hidden; background-image: url( images/meta_navi_contakt_rb.gif); background-repeat: no-repeat;    
    }
    #meta_navi a.contakt:hover {
        background-position: 0px -20px;
    }
        #meta_navi a.contakt-sel {
            width: 54px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_contakt_rb.gif); background-repeat: no-repeat; background-position: 0px -20px;
        }

    #meta_navi a.buderus {
        width: 103px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_buderus_edelstahl_rb.gif); background-repeat: no-repeat;    
    }
    #meta_navi a.buderus:hover {
        background-position: 0px -20px;
    }
        #meta_navi a.buderus-sel {
            width: 103px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_buderus_edelstahl_rb.gif); background-repeat: no-repeat; background-position: 0px -20px;
        }
    #meta_navi a.buderus_tehnik {
        width: 190px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_buderus_schmiede_rb.gif);    
    }
    #meta_navi a.buderus_tehnik:hover {
        background-position: 0px -20px;
    }
        #meta_navi a.buderus_tehnik-sel {
            width: 190px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_buderus_schmiede_rb.gif); background-position: 0px -20px;
    }

    #meta_navi a.buderus_band {
            width: 126px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_buderus_edelstahl_band_rb.gif); background-repeat: no-repeat; margin-right: 8px; 
    }

    #meta_navi a.buderus_band:hover {
            background-position: 0px -20px;
    }

    #meta_navi a.buderus_band-sel {
            width: 126px; height: 20px; overflow: hidden; background-image: url(images/meta_navi_buderus_edelstahl_band_rb.gif); background-repeat: no-repeat; background-position: 0px -20px;
    }

    #logo {
        text-align: left; padding-left: 90px; margin-bottom: 50px;
    }
    #navi_container {
        height: 222px; padding-left: 90px;
    }
        #navi_container div.navi_box_1 {
            height: 222px; width: 121px; margin-right: 6px; float: left;
        }
        #navi_container div.willkommen_box {
            height: 222px; width: 123px; float: left;
        }
            /* navi on boxes */
            #navi_container div.menu_1_on {
                width: 121px; height: 222px; background-image: url(images/navi_start_menu_1_on.jpg); background-repeat: no-repeat; display: none;
            }
            #navi_container div.menu_2_on {
                width: 121px; height: 222px; background-image: url(images/navi_start_menu_2_on.jpg); background-repeat: no-repeat; display: none;
            }
            #navi_container div.menu_3_on {
                width: 121px; height: 222px; background-image: url(images/navi_start_menu_3_on.jpg); background-repeat: no-repeat; display: none;
            }
            #navi_container div.menu_4_on {
                width: 121px; height: 222px; background-image: url(images/navi_start_menu_4_on.jpg); background-repeat: no-repeat; display: none;
            }
            #navi_container div.menu_5_on {
                width: 121px; height: 222px; background-image: url(images/navi_start_menu_5_on.jpg); background-repeat: no-repeat; display: none;
            }
            
            /* start box links */
            #navi_container a.start_lnk {
                display: block; color: #3A4483; text-decoration: none; 
                padding-left: 5px; margin: 0px 2px 0px 2px; font-size: 1.2em;
            }
            #navi_container a.start_lnk:hover {
                /*display: block;*/ color: #D69F1F; text-decoration: none; padding-left: 5px; background-color: #F3E3BC; margin: 0px 2px 0px 2px;
            }
        
        /*test*/    
        
        .test {
            color: #3A4483;
        }
        .test:hover {
            background-color: Red;
        }
        .test2 {
            display: block; color: #3A4483; text-decoration: none; 
            padding-left: 5px; margin: 0px 2px 0px 2px; font-size: 1.2em;    
        }
        .test2:hover {
            color: #D69F1F; text-decoration: none; padding-left: 5px; /*background-color: Red;*/ margin: 0px 2px 0px 2px;    
        }
            
    #news_container {
        padding-left: 90px; margin-top: 10px; height: 75px; text-align: left; font-size: 1.2em; color: #3A4483;
    }
    #uddeholm_group {
        float: right;
    }
    
/* # meta navi #*/    
#footer {
    width: 955px; margin: 0 auto; text-align: left; position: relative; color: #3A4483; font-size: 1.1em; margin-top: 2px;
}
    #footer a {
        color: #3A4483; text-decoration: none;
    }
    #footer a:hover {
        text-decoration: none; color: #D69F1F;
    }
    #footer a.created_by {
        position: absolute; bottom: 0px; right: 0px; color: #8CA2C1; text-decoration: none;
    }
    #footer a.created_by:hover {
        color: #8CA2C1; text-decoration: none;
    }
    #footer span.footer_separator {
        color: #D69F1F;
    }

/* style for scroller */
/* position:relative and overflow:hidden are required */
#scroller {position:relative; overflow:hidden; width: 384px; /*background-color: Aqua;*/ /*border:1px solid #657*/}
/* add formatting for the scrolling text */
#tag {margin:2px 0}
/* #testP must also contain all text-sizing properties of #tag */
#testP {visibility:hidden; position:absolute; white-space:nowrap;}
/* used as a page top marker and to limit width */
#top {width:350px; margin:auto}
#scroller a {
 color: #3A4483; text-decoration: none;
}
#article a{
 color: #3A4483; text-decoration: none;
} 
#article a:hover {
        text-decoration: none; color: #D69F1F;
    }