* {
    margin: 0px;
    padding: 0px;
}
body {
       
}
    #main {
        margin: 0px auto 0px auto;
        background-image: url('../images/bg.jpg');
        background-repeat: no-repeat;
        height: 509px;
        width: 810px;
        font-family: "Trebuchet MS", arial, tahoma, verdana, sans-serif;
        font-size: 8pt;
        color: #2e3292;
    }
        #main-in {
        }
            #left {
                float: left;
            }
                #header {
                    display: block;
                    width: 140px;
                    height: 90px;
                    position: relative;
                    top: 10px;
                    left: 70px; 
                    z-index: 40;
                }
                #menu {
                    position: relative;
                    top: 105px;
                    left: 33px;
                }
                    #menu a {
                        display: block;
                        width: 209px;
                        height: 26px;
                        margin-top: 1px;
                    }
                    #menu .a-home {
                        background-image: url('../images/a-home.jpg');
                        margin-top: 0px;
                    }
                    #menu .a-home:hover, #menu .a-home-selected {
                        background-image: url('../images/a-home-selected.jpg');
                        margin-top: 0px;
                    }
                    #menu .a-dioptricke-bryle {
                        background-image: url('../images/a-dioptricke-bryle.jpg');
                        margin-top: 0px;
                    }
                    #menu .a-dioptricke-bryle:hover, #menu .a-dioptricke-bryle-selected {
                        background-image: url('../images/a-dioptricke-bryle-selected.jpg');
                        margin-top: 0px;
                    }                
                    #menu .a-slunecni-bryle {
                        background-image: url('../images/a-slunecni-bryle.jpg');
                        margin-top: 0px;
                    }
                    #menu .a-slunecni-bryle:hover, #menu .a-slunecni-bryle-selected {
                        background-image: url('../images/a-slunecni-bryle-selected.jpg');
                        margin-top: 0px;
                    }                
                    #menu .a-kontaktni-cocky {
                        background-image: url('../images/a-kontaktni-cocky.jpg');
                    }
                    #menu .a-kontaktni-cocky:hover, #menu .a-kontaktni-cocky-selected {
                        background-image: url('../images/a-kontaktni-cocky-selected.jpg');
                    }                
                    #menu .a-styl {
                        background-image: url('../images/a-styl.jpg');
                    }
                    #menu .a-styl:hover, #menu .a-styl-selected {
                        background-image: url('../images/a-styl-selected.jpg');
                    }
                    #menu .a-nabidka {
                        background-image: url('../images/a-nabidka.jpg');
                    }
                    #menu .a-nabidka:hover, #menu .a-nabidka-selected {
                        background-image: url('../images/a-nabidka-selected.jpg');
                    }                
                    #menu .a-kontakt {
                        background-image: url('../images/a-kontakt.jpg');
                    }
                    #menu .a-kontakt:hover, #menu .a-kontakt-selected {
                        background-image: url('../images/a-kontakt-selected.jpg');
                    }    
                    #menu .a-shop {
                        background-image: url('../images/a-shop.jpg');
                    }
                    #menu .a-shop:hover, #menu .a-shop-selected {
                        background-image: url('../images/a-shop-selected.jpg');
                    }                
                    
                    /* Deutsch */ 
                    #menu .a-de-home {
                        background-image: url('../images/a-de-home.jpg');
                        margin-top: 0px;
                    }
                    #menu .a-de-home:hover, #menu .a-de-home-selected {
                        background-image: url('../images/a-de-home-selected.jpg');
                        margin-top: 0px;
                    }
                    #menu .a-de-dioptricke-bryle {
                        background-image: url('../images/a-de-dioptricke-bryle.jpg');
                        margin-top: 0px;
                    }
                    #menu .a-de-dioptricke-bryle:hover, #menu .a-de-dioptricke-bryle-selected {
                        background-image: url('../images/a-de-dioptricke-bryle-selected.jpg');
                        margin-top: 0px;
                    }                
                    #menu .a-de-slunecni-bryle {
                        background-image: url('../images/a-de-slunecni-bryle.jpg');
                        margin-top: 0px;
                    }
                    #menu .a-de-slunecni-bryle:hover, #menu .a-de-slunecni-bryle-selected {
                        background-image: url('../images/a-de-slunecni-bryle-selected.jpg');
                        margin-top: 0px;
                    }                
                    #menu .a-de-kontaktni-cocky {
                        background-image: url('../images/a-de-kontaktni-cocky.jpg');
                    }
                    #menu .a-de-kontaktni-cocky:hover, #menu .a-de-kontaktni-cocky-selected {
                        background-image: url('../images/a-de-kontaktni-cocky-selected.jpg');
                    }                
                    #menu .a-de-styl {
                        background-image: url('../images/a-de-styl.jpg');
                    }
                    #menu .a-de-styl:hover, #menu .a-de-styl-selected {
                        background-image: url('../images/a-de-styl-selected.jpg');
                    }
                    #menu .a-de-nabidka {
                        background-image: url('../images/a-de-nabidka.jpg');
                    }
                    #menu .a-de-nabidka:hover, #menu .a-de-nabidka-selected {
                        background-image: url('../images/a-de-nabidka-selected.jpg');
                    }                
                    #menu .a-de-kontakt {
                        background-image: url('../images/a-de-kontakt.jpg');
                    }
                    #menu .a-de-kontakt:hover, #menu .a-de-kontakt-selected {
                        background-image: url('../images/a-de-kontakt-selected.jpg');
                    }
                    #menu .a-de-shop {
                        background-image: url('../images/a-de-shop.jpg');
                    }
                    #menu .a-de-shop:hover, #menu .a-de-shop-selected {
                        background-image: url('../images/a-de-shop-selected.jpg');
                    }    
            #right {
                float: right;
            }       
            #flags {
                position: absolute;
                top: 20px;
                z-index: 2;
                width: 810px;
            }     
                #flag-cs {
                    display: block;
                    width: 133px;
                    height: 33px;
                    background-image: url('../images/flag_cs.jpg');
                    margin-left: 255px;
                    cursor: pointer;
                }
                #flag-de {
                    display: block;
                    width: 133px;
                    height: 33px;
                    background-image: url('../images/flag_de.jpg');
                    margin-left: 255px;
                    cursor: pointer;
                }
            #flash {
                width: 810px;
                top: 44px;
                position: absolute;
                z-index: 1;
                text-align: right;                
            }
            #obj-flash {
                margin-right: 19px;
            }
            #content {
                padding: 10px;  
                padding-right: 40px;  
                margin-top: 181px;            
            }
                #text-content {
                    width: 480px;
                    height: 185px;
                    overflow: auto;
                }  
                    #text-content p {
                        margin-top: 10px;
                        margin-bottom: 10px;
                    }
                    #text-content p.strong {
                        font-weight: bold;
                        margin-left: 20px;
                    }
                    #text-content p.gradient {
                        background-image: url('../images/bg-gradient.png');
                        background-repeat: repeat-y;
                        padding: 10px;
                        text-align: center;
                    }
                    #text-content h1 {
                        margin-bottom: 10px;
                        margin-top: 10px;
                        font-size: 14pt;
                        color: #d1232a;
                    }
                    #text-content h2 {
                        background-image: url('../images/bullet-big.gif');
                        background-repeat: no-repeat;
                        background-position: 0px 5px;
                        padding-left: 20px;
                        margin: 0px;
                        margin-bottom: 10px;
                        margin-top: 10px;
                        font-size: 12pt;
                    }
                    #text-content .blockquote {
                        margin-bottom: 20px;
                        margin-top: 15px;
                        font-size: 10pt;
                        color: #d1232a;
                        text-align: center;
                        display: block;
                        font-weight: bold;
                    }
                    #text-content ul {
                        list-style-image: url('../images/bullet-small.gif');
                        margin-left: 20px;
                        
                    }
                        #text-content .li-spaced li {
                            margin-bottom: 10px;
                        }
                        #impressum {
                            width: 218px;
                            height: 210px;
                            background-image: url('../images/impressum.png');
                            background-repeat: no-repeat;
                            margin-left: 150px;  
                            margin-top: 20px; 
                            color: #333;                         
                        }
                            #impressum div {
                                padding: 20px;
                            }
                                #impressum span {
                                    padding-top: 6px;
                                    display: block;
                                }
                                #impressum .impressum {
                                    padding: 0px;
                                    font-size: 13pt;
                                }
                    #text-content .sport {
                        width: 433px;
                        height: 150px;
                        background-repeat: no-repeat;
                        background-position: bottom left;
                    }
                    #cyklistika {
                        background-image: url('../images/beh.png');                        
                    }
                    #beh {
                        background-image: url('../images/zimni.png');
                    }
                    #zimni {
                        background-image: url('../images/tenis.png');
                    }
                    #tenis {
                        background-image: url('../images/plazove.png');
                    }
                    #plazove {
                        background-image: url('../images/golf.png');
                    }
                    #golf {
                        background-image: url('../images/vodni.png');
                    }
                    #vodni {  
                        background-image: url('../images/fotbal.png');  
                    }
                    #de-cyklistika {
                        background-image: url('../images/de-beh.png');                        
                    }
                    #de-beh {
                        background-image: url('../images/de-zimni.png');
                    }
                    #de-zimni {
                        background-image: url('../images/de-tenis.png');
                    }
                    #de-tenis {
                        background-image: url('../images/de-plazove.png');
                    }
                    #de-plazove {
                        background-image: url('../images/de-golf.png');
                    }
                    #de-golf {
                        background-image: url('../images/de-vodni.png');
                    }
                    #de-vodni {  
                        /*background-image: url('../images/de-fotbal.png');*/  
                    }
                        #text-content .sport td {
                            vertical-align: top;
                        }
                        #text-content .sport .parameters {
                            text-align: right;
                            font-weight: bold;
                            width: 200px;
                            vertical-align: bottom;
                            border-bottom: 2px solid #ddd;
                        }
                        #text-content .sport .colors {
                            font-weight: bold;
                            padding-left: 15px;
                            vertical-align: bottom;
                            border-bottom: 2px solid #ddd;
                        }
                        #text-content .sport .filters {
                            text-align: right;
                            padding-top: 8px;
                        }
                        #text-content .sport .img {
                            padding-left: 15px;
                            padding-top: 5px;
                            width: 60px;
                        }
                        #text-content .sport .color-1 {
                            vertical-align: bottom;
                            padding-bottom: 5px;
                        }
                        #text-content .sport .color-2 {
                            vertical-align: top;
                            height: 68px;
                        }
                    #faces {
                        width: 460px;
                        height: 517px;
                        background-image: url('../images/faces.png');
                        background-repeat: no-repeat;
                        background-position: 20px 20px;
                        padding-top: 20px;
                    }
                        #faces h1 {
                            margin: 0px;
                            font-size: 12pt;
                        }
                        #faces p {
                            margin: 0px;
                            line-height: 120%;
                        }
                        #faces .face {
                            height: 80px;
                        }
                    #text-content .contact-col {
                        float: left;
                        background-image: url('../images/bullet-small.gif');
                        background-repeat: no-repeat;
                        background-position: 0px 3px;
                        padding-left: 15px;
                        padding-right: 15px;
                        font-size: 8pt;
                    }
                        #text-content .contact-a {
                            font-style: oblique;
                            color: #e1362f;
                            text-decoration: none;
                        }
                            #text-content .contact-a:hover {
                                text-decoration: underline;
                            } 
                    #expert {
                        margin-top: 10px;
                        padding-top: 5px;
                        border-top: 2px solid #ddd;
                        float: left;
                        font-size: 7.5pt;
                    }
                    #design-your-face {
                        float: right;
                        padding-right: 20px;
                        padding-top: 20px;
                    }
                        #design-your-face img {
                            border: 0px;
                        }
                    #text-content .gallery .item {
                        display: block;                        
                        float: left;
                        margin: 2px;
                        border: 5px solid #dadada;
                        font-size: 0.5pt;
                    }
                        #text-content .gallery .item:hover {
                            border: 5px solid #fff;
                        }
                        #text-content .gallery .item img {
                            border: 0px;
                        }