﻿/*********************************************************************************************************************
    SCENE
*********************************************************************************************************************/ 

#Scene
    {
        position:relative;
        height:415px;        
        border:1px solid #f0f0f0;
    }    
    #Scene .ImageRotation
        {
            position:relative;
            height:310px;
            overflow:hidden;
            background-image:url(../../images/design/loader.gif);
            background-position:center 114px;
            background-repeat:no-repeat;
        }
        #Scene .ImageRotation img
            {
                display:none;
            }
        #Scene .ImageRotation ul
            {
                display:none;
                position:absolute;
                top:15px;
                left:15px;
                list-style-type:none;
                margin:0px;
                padding:0px;
            }
        #Scene .ImageRotation li
            {
                display:block;
                float:left;
                font-size:10px;
                color:#000000;
                text-align:center;
                width:17px;
                height:17px;
                line-height:17px;
                cursor:pointer;
            }
            #Scene .ImageRotation li:hover,
            #Scene .ImageRotation li.active
                {
                    background-image:url(../../images/design/bg_scene_btn.png);
                    background-position:left top;
                    background-repeat:no-repeat;
                }
    
        .LinkFlipper
            {
                height:243px;
                margin:0px;
                padding:0px;
                list-style-type:none;
                overflow:hidden;
                background-color:#ffffff;
                border:1px solid #f0f0f0;
                background-image:url(../../images/design/loader.gif);
                background-position:center 114px;
                background-repeat:no-repeat;
            }
            .LinkFlipper li
                {
                    position:relative;
                    display:block;
                    float:left;
                    width:25px;
                    height:243px;
                    overflow:hidden;
                    margin-left:1px;
                }
                .LinkFlipper li:first-child
                    {
                        margin-left:0px;
                    } 
                .LinkFlipper li .name
                    {
                        position:absolute;
                        top:0px;
                        bottom:0px;
                        left:0px;
                        height:auto;
                        width:25px;
                        z-index:2;
                        overflow:hidden;
                        cursor:pointer;
                    }  
                    .LinkFlipper li .name img
                        {
                            position:absolute;
                            top:0px;
                            left:0px;
                            border:0px;
                        }
                .LinkFlipper li .content
                    {
                        position:absolute;
                        top:0px;
                        bottom:0px;
                        left:25px;
                        right:0px;
                        height:auto;
                        width:auto;
                        z-index:1;
                        overflow:hidden;
                    }  
                    .LinkFlipper li .content img
                        {
                            position:absolute;
                            top:0px;
                            left:-51px;
                            border:0px;
                        }              
            .LinkFlipper li.active
                {                
                }
                .LinkFlipper li.active .name img
                    {
                        left:-26px;
                    }
    
        
    #Scene .InfoSpots
        {
            position:absolute;
            bottom:0px;
            height:170px;
            left:0px;
            right:0px;
            width:auto;
            background-color:#f9f9f9;
            padding:0px 18px 0px 18px;
            border-top:1px solid #f0f0f0;
            z-index:2;
        } 
        #Scene .InfoSpots
            {
                color:#00879c;
            }
        #Scene .InfoSpots .ExpandInfo
            {
                display:none;
                position:absolute;
                top:-245px;
                bottom:164px;
                height:auto;
                left:0px;
                right:0px;
                width:auto;
                padding:9px;
                color:#000000;
                background-image:url(../../images/design/bg_white_alpha90.png); 
            }
            #Scene .InfoSpots .ExpandInfo h2
                {
                    color:#e1b947;
                }
            #Scene .InfoSpots li:hover .ExpandInfo
                {
                    display:block;
                }
        #Scene .InfoSpots a
            {
                display:block;
                color:#e1b947;
                text-decoration:none;
                padding-left:9px;
                background-image:url(../../images/design/bg_infospots_readmore.png); 
                background-repeat:no-repeat;
                background-position:0px 6px;               
            }
            #Scene .InfoSpots h2 a
                {
                    background-image:none;
                }
        #Scene .InfoSpots .image
            {
                height:110px;
                width:210px;
                overflow:hidden;
                margin-bottom:13px;
            }
            #Scene .InfoSpots .image a
                {
                    background-image:none;
                }
        #Scene .InfoSpots ul
            {
                list-style-type:none;
                margin:0px;
                padding:0px;
            } 
        #Scene .InfoSpots li
            {
                display:block;
                position:relative;
                float:left;
                width:210px;/*235*/
                height:146px;/*152px;170*/
                padding:9px 13px 9px 13px;
                background-color:#fcfcfc;
                background-image:url(../../images/design/bg_infospots.png);
                background-position:right 9px;
                background-repeat:no-repeat;
                line-height:21px;
            }
            #Scene .InfoSpots li.first
                {
                    padding-right:13px;
                } 
            #Scene .InfoSpots li.last
                {
                    padding-left:13px;
                    background-image:url(../../images/design/bg_infospots_last.png);
                    background-repeat:no-repeat;
                    background-position:12px bottom;
                }   
                #Scene .InfoSpots li.last .image
                    {
                        margin-bottom:0px;
                    }
                #Scene .InfoSpots li.last .content
                    {
                        padding:13px 13px 3px 13px;
                        color:#999999;
                    } 
/*********************************************************************************************************************
    COLUMNS inside PageContent
*********************************************************************************************************************/ 

.Column
    {
    }
    .Column .Box
        {
            position:relative;
            background-image:url(../../images/design/bg_box.png);
            background-position:left bottom;
            background-repeat:repeat-x;
            background-color:#fefefe;
            border:solid 1px #f0f0f0;
            margin-bottom:15px;
            padding:8px 20px 8px 20px;
        }
        .Column .Box .ReadMore
            {
                display:block;
                padding-left:9px;
                background-image:url(../../images/design/bg_infospots_readmore.png); 
                background-repeat:no-repeat;
                background-position:0px 3px;  
                color:#e1b947;
            }
        .Column .Box h4
            {
                font-size:12px;
                text-transform:uppercase;
                margin-bottom:4px;
            }  
        .Column .Box,                     
        .Column .Box h5,
        .Column .Box h5 a
            {
                font-weight:normal;
                font-size:11px;
                color:#666666;
                text-decoration:none;
            }
        .Column .Box a
            {
                color:#0f8a9a;
            }
        .Column .Box .published
            {
                width:80px;
                color:#0f8a9a;
            }
            
            .Column .Box .published a
                {
                    color:#e1b947;
                }
        .Column .Box a
            {
                color:#666666;
            }       
        .Column .Box h4 a
            {
                color:#333333;
            }

#Column_left
    {
        width:458px;
        float:left;
    }
#Column_center
    {
        width:216px;
        float:left;
        margin-left:31px;
    }
#Column_right
    {
        width:216px;
        float:left;
        margin-left:27px;
    }

/*********************************************************************************************************************
    PAGE CONTENT
*********************************************************************************************************************/   

#PageContent
    {
        padding:10px 18px 26px 18px;
    }

/*********************************************************************************************************************
    LINK ROTATION
*********************************************************************************************************************/  

.LinkRotation
    {
        position:absolute;
        top:0px;
        bottom:0px;
        height:auto;
        left:0px;
        right:0px;
        width:auto;
        overflow:hidden;
        padding:8px 20px 8px 20px;
    }
    /* Navigation */
    .LinkRotation .nav
        {
            position:relative;
        }
        .LinkRotation .nav .btn
            {
                position:absolute;
                top:0px;
                width:22px;
                height:18px;
                background-position:left top;
                background-repeat:no-repeat;
                cursor:pointer;
            }
        .LinkRotation .nav .previous
            {
                right:21px;
                background-image:url(../../images/design/btn_box_arrow_l.png);
            }
        .LinkRotation .nav .next
            {
                right:0px;
                background-image:url(../../images/design/btn_box_arrow_r.png);
            }
    /* Items */
    .LinkRotation .items
        {            
        }         
        .LinkRotation .items .item
            {
            }   
            .LinkRotation .items .item .text
                {
                } 
            .LinkRotation .items .item .text h4
                {
                    font-weight:normal;
                    font-size:11px;
                    color:#666666;
                }
                .LinkRotation .items .item .text h4 a
                    {
                        color:#666666;
                    }
            .LinkRotation .items .item .image
                {
                    width:176px;
                    height:110px;
                    margin:11px 0px 11px 0px;
                    overflow:hidden;
                }

/*********************************************************************************************************************
    MISC BOXES
*********************************************************************************************************************/   

#MiscLink1
    {
        height:90px;
        padding-right:8px;
    }
    #MiscLink1 .text
        {
            float:left;
            width:275px;
        }
    #MiscLink1 .image
        {
            float:right;
            clear:right;
            width:132px;
            height:74px;
            overflow:hidden;
        }
#Latestnews
    {
        height:80px;
    }
#Whereweare
    {
        height:165px;
        background-image:url(../../images/design/Kart_framside2.jpg);
        background-repeat:no-repeat;
        background-position:center center;
    }
    #Whereweare a
        {
        }
    #Whereweare a.whole
        {
            position:absolute;
            z-index:0;
            top:0px;
            bottom:0px;
            left:0px;
            right:0px;
            width:auto;
            height:auto;
        }
#MiscLink2
    {
        height:277px;
        position:relative;
    }
#MiscLink3
    {
        height:277px;
    }
    #MiscLink3 .image
        {
            width:176px;
            height:110px;
            margin:11px 0px 11px 0px;
            overflow:hidden;
        }
#InvestorRelations
    {
        height:90px;
    }
#Webcast
    {
        height:80px;
    }
#Calendar
    {
        height:90px;
    }
    #Calendar ul
        {            
            margin:0px;
            padding:0px;
            list-style-type:none;
        }
        #Calendar .Date
            {
                color:#e1b947;
            }
