﻿
body
{
    margin: 0;
    text-align: center;
    background: #98927e url('/gfx/main-bg.jpg') repeat-x 0 top;
    font-family: Trebuchet MS, Verdana, Arial, Helvetica;
    font-size: 11px;
}

#globalWrapper
{
    margin: 0 auto;
    width: 961px;
    text-align: left;
}
    #globalTop
    {
        width: 100%;
        height: 74px;
        background: url('/gfx/top-default.gif') no-repeat;
    }
        #globalTop a.home
        {
            display: block;
            width: 270px;
            height: 74px;
        }
            #globalTop a.home span
            {
                display: none;
            }        
        #globalTopNav
        {
            overflow: hidden;
            width: 951px;
            height: 34px;
            margin-left: 6px;
            background: url('/gfx/top-menu-bg-default.gif') repeat-x;
        }
           #globalTopNav ul
            {
                list-style-type: none;
                padding: 0;
                height: 34px;
                margin: 0 0 0 5px;
                display: block;
            }
                #globalTopNav ul li
                {
                    float: left;
                    height: 34px;
                    padding-right: 2px;
                }
                #globalTopNav ul li a
                {
                    display: block;
                    float: left;
                    height: 100%;
                    padding: 9px 14px 0 14px;
                    color: #f3dedd;
                    font-size: 11px;
                    font-weight: bold;
                    font-family: Trebuchet MS;
                    text-transform: uppercase;
                    text-decoration: none;
                }
                #globalTopNav ul li a.selected
                {
                    background: url('/gfx/top-menu-bg-selected.gif') no-repeat center top;
                    color: #fff;
                }                 
                #globalTopNav ul li a:hover
                {
                    background: url('/gfx/top-menu-bg-hover.gif') repeat-x;
                    color: #fff;
                }
                #globalTopNav ul li a.selected:hover
                {
                    background: url('/gfx/top-menu-bg-hover-selected.gif') no-repeat center top;
                    color: #fff;
                }                
                    #globalTopNav ul li a span
                    {
                        /*display: none;*/
                    }    
                    
    #globalSubTop
    {
        height: 50px;
        width: 961px;
    } 
        #globalSubTop p
        {
            float: left;
            margin-left: 23px;
        }       
        #globalSubTop ul
        {
            float: left;
            list-style-type: none;
            padding-left: 20px;
        }   
            #globalSubTop ul li
            {
                float: left;
                margin-right: 20px;
            }                      
        #globalMinVistelse
        {
            float: right;
            width: 455px;
            text-align: right;
            color: #fff;
            margin: 2px 6px 0 0;
        }       
            #globalMinVistelseToggle
            {
                z-index: 200;
                position: relative;
                width: 455px;
                height: 28px;
                background: url('/gfx/mv-bar-bg-down.png') no-repeat;
                cursor: pointer;
                color: #fff;
                text-decoration: none;
                text-align: left;
            }
            #globalMinVistelseToggle.down
            {            
                background-image: url('/gfx/mv-bar-bg.png')
            }
                #globalMinVistelseToggle span
                {
                    display: block;
                    padding: 7px 0 0 10px;
                    font-weight: bold;
                    text-transform: uppercase;
                }
                    #globalMinVistelsePanel
                    {
                        width: 455px;
                        background-color: #b10005;
                    }
                        #globalMinVistelsePanelContent
                        {
                            padding: 30px 0px 15px 0px;
                            text-align: left;
                        }
                        #globalMinVistelsePanelContent .para
                        {
                            display: block;
                            width: 430px;
                            padding: 0 15px 15px 15px;
                            clear: both;
                        }
                        #globalMinVistelsePanelContent .section
                        {
                            margin-bottom: 10px;
                        }
                            #globalMinVistelsePanelContent .section .top
                            {
                                width: 100%;
                                height: 47px;
                                background-color: #8f0004;
                                background-repeat: no-repeat;
                                font-weight: bold;
                            }    
                                #globalMinVistelsePanelContent .section .top .padding
                                {                              
                                    display: block;
                                    padding: 21px 15px 0 101px;
                                }
                                    #globalMinVistelsePanelContent .section .top .padding a
                                    {
                                        float: right;
                                        color: #fff;
                                    }                        
                            #globalMinVistelsePanelContent .section .people
                            {
                                background-image: url('/gfx/bf-panel-people.gif');
                            }           
                            #globalMinVistelsePanelContent .section .dates
                            {
                                background-image: url('/gfx/bf-panel-dates.gif');
                            }            
                            #globalMinVistelsePanelContent .section .choices
                            {
                                background-image: url('/gfx/bf-panel-choices.gif');
                            }          
                            #globalMinVistelsePanelContent .section .content
                            {
                                width: 100%;
                                background-color: #8f0004;
                            }     
                                #globalMinVistelsePanelContent .section .content .padding
                                {                    
                                    display: block;
                                    padding: 5px 10px 10px 29px;
                                }        
                            #globalMinVistelsePanelContent .section .alt
                            {
                                background-color: #700003;
                            }                                                                                                                            
                                            
                            .choicesTable
                            {
                                width: 100%;
                            }      
                                .choicesTable tr td
                                {
                                    color: #fff;
                                    font-size: 11px;
                                    vertical-align: top;
                                }       
                                    .choicesTable tr td a
                                    {
                                        color: #fff;
                                    }                                    
                                    .choicesTable tr td select
                                    {
                                        margin-left: 10px;
                                    }                                                                  
                                .choicesTable td.label
                                {
                                    width: 130px;
                                    font-weight: bold;
                                }                                                                
                                        
    
    #globalMiddle
    {
        background: url('/gfx/middle-bg.gif') repeat-y;
        display: block;
    }
        #globalMiddleContent
        {
            margin: 0 12px 0 6px;
        }
            #subLeft
            {
                float: left;
                width: 629px;
                /*height: 550px;*/
                background-repeat: no-repeat;
            }  
                #subLeft .corners
                {
                    width: 629px;
                    height: 550px;
                    background: url('/gfx/leftimage-corners.png') no-repeat right top;
                }               
            #subLeft2
            {
                float: left;
                width: 315px;
                min-height: 550px;
                background-repeat: no-repeat;
                background-position: center top;
            }
                #subLeft2 .corners
                {
                    width: 315px;
                    height: 550px;
                    background: url('/gfx/leftimage-corners.png') no-repeat right top;
                }
                #subNav
                {
                    width: 240px;
                    float: left;
                }
                    #subNav ul
                    {
                        list-style-type: none;
                        margin: 20px 0 0 0;
                        padding: 0;
                    }
                           #subNav ul.level2
                           {
                               margin: 0;
                           }   
                                #subNav ul.level2 li a.active
                                {
                                    background: #97010b url('/gfx/submenu-arrow-subactive.gif') no-repeat;
                                    filter: alpha(opacity=100);
                                    -moz-opacity: 1;
                                    opacity: 1;                      
                                }    
                                    #subNav ul.level2 li a span
                                    {
                                        margin-left: 15px;                               
                                    }    
                            #subNav ul li
                            {                         
                                margin-bottom: 3px;
                            }                    
                                #subNav ul li a
                                {
                                    display: block;
                                    width: 100%;
                                    padding: 5px 5px 5px 24px;
                                    margin-bottom: 3px;
                                    color: #fff;
                                    background-color: #97010b;
                                    font-size: 12px;
                                    font-family: Trebuchet MS;
                                    text-decoration: none;
                                    filter: alpha(opacity=85);
                                    -moz-opacity: .85;
                                    opacity: .85;

                                } 
                                #subNav ul li a:hover
                                {
                                    filter: alpha(opacity=100);
                                    -moz-opacity: 1;
                                    opacity: 1;
                                }       
                                    #subNav ul li a.activeparent
                                    {
                                        background: #97010b url('/gfx/submenu-arrow-parent.gif') no-repeat;
                                    }
                                    #subNav ul li a.active
                                    {                                
                                        background: #97010b url('/gfx/submenu-arrow-active.gif') no-repeat;
                                        filter: alpha(opacity=100);
                                        -moz-opacity: 1;
                                        opacity: 1;                                    
                                    }                                
                                
            #subRight
            {
                float: right;
            }              
                          
    #globalFooter
    {
        height: 47px;
        background: url('/gfx/footer-bg.gif') no-repeat;
    }        
        #globalFooter p
        {
            margin: 12px 25px 0 25px;
        }
            #globalFooter p a
            {
                text-decoration: none;
            }
            #globalFooter p a:hover
            {
                text-decoration: underline;
            }            
    
    
/* ## START PAGE ## */

#startMain
{
    width: 951px;
    height: 504px;
    margin-left: 6px;
    overflow: hidden;
}    
    #startBlobBackgrounds
    {
        position: relative;
        top: -557px;
        margin-top: 68px;
        z-index: 20;
        width: 340px;
    }
        #startBlobBackgrounds .blob
        {
            width: 340px;
            height: 100px;
            margin: 0;
            padding: 0;
            margin-bottom: 10px;
            background-color: #97010b;
            filter: alpha(opacity=65);
            -moz-opacity: .65;
            opacity: .65;       
        }
        #startBlobBackgrounds .big
        {
            height: 144px;  
        }        
    #startBlobContent
    {
        position: relative;
        top: -1041px;
        z-index: 30;
    }        
        #startBlobContent .blob
        {
            display: block;
            width: 340px;
            height: 100px;
            margin-bottom: 10px;
            color: #fff;
            text-decoration: none;
            overflow: hidden;
            border: 0;
        }
        #startBlobContent .big
        {
            height: 144px;  
        }             
        #startBlobContent .blob:hover
        {        
            background-color: #97010b;
        }
            #startBlobContent .content
            {
                display: block;
                padding: 10px 10px 0 20px;
            }
                #startBlobContent .blob .content .head
                {
                    font-family: Trebuchet MS, Arial;
                    font-weight: bold;
                    text-transform: uppercase;
                    font-size: 18px;
                    padding: 0 0 7px 0;
                    display: block;
                }
                    #startBlobContent .big .content .head
                    {
                        font-size: 24px;
                    }
                #startBlobContent .blob .content .text
                {
                    font-family: Trebuchet MS, Arial;
                    font-size: 12px;
                    line-height: 16px;
                    padding: 0;
                    margin: 0;
                    display: block;
                }
    #startMainFlash
    {
        width: 951px;
        height: 504px;
    }        
    
#startLunch
{
    float: left;
    width: 307px;
    height: 120px;
    margin: 10px 0 0 13px;
    background: url('/gfx/start-blob-left-bg.jpg') no-repeat;
}
    #startLunch a
    {
        text-decoration: none;
    }
    #startLunch h2
    {
        font-family: Trebuchet MS, Arial;
        color: #980300;
        padding: 8px 0 3px 93px;
        margin: 0;
    }
    #startLunch p
    {
        padding: 0 10px 5px 93px;
        margin: 0;
        width: 293px;
        -moz-box-sizing: border-box;
    }
    #startLunch p.price
    {    
        padding: 0 10px 0 93px;
        font-family: Trebuchet MS, Arial;
        font-size: 13px;
        font-weight: bold;
        color: #980300;
    }    
#startBanner
{
    float: right;
    margin: 10px 10px 0 0;
}        

/* ## FLASH VIEWPORT ## */

#centeredFlashWrapper
{
    display: none;   
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;   
}
    #centeredFlashHolder
    {
        position: absolute;
        z-index: 2000;
        left: 50%;
        top: 50%;
        width: 640px;
        height: 480px;
        margin: -240px 0 0 -320px;
        background-color: #000;
        border: solid 4px #fff;
    }
        #centeredFlashBar
        {
            width: 100%;
            text-align: right;
            background: #fff;
            color: #000;
            font-weight: bold;       
            padding-bottom: 4px;   
        }    
            #centeredFlashBar a
            {
                color: #000;
                text-decoration: none;
            }
        #centeredFlash
        {
        }            
#flashFader
{
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
}


/* ## BOOKING CONFIRMATION ## */

#bookingConfirmation
{
    color: #000;
    padding: 20px;
}
#bookingConfirmation .content
{
    padding: 10px 0 10px 0;
}
    #bookingConfirmation .choicesTable tr td
    {
        color: #000;
        font-size: 11px;
        vertical-align: top;
    }       
        #bookingConfirmation .choicesTable tr td a
        {
            color: #000;
        }    
#bookingConfirmation p
{
    margin: 20px 0 0 0;
    padding: 0;
}        
    #bookingConfirmation p input, #bookingConfirmation p span
    {
        margin: 0;
        padding: 0;
    }   
             
/* ## NÖJE ## */          

#nojeskalender
{
    width: 615px;
    margin: 0 20px 0 20px;
    border-collapse: collapse;
    position: relative;
    left: -20px;
}   
    #nojeskalender tr.alt
    {
        background-color: #333;
    }    
        #nojeskalender td
        {
            padding: 15px 15px 5px 0;
            vertical-align: top;
        }     
        #nojeskalender td.weekday
        {
            padding-left: 25px;
        }            
        #nojeskalender td.weekday, #nojeskalender td.date
        {
            width: 25px;
        }    
        #nojeskalender td.text p
        {
            padding: 0;
            margin-bottom: 10px;
        }
  
.smsform p
{
    padding: 0;
    margin: 0 0 10px 0;
}        
.smsform input
{
    width: 100%;
}    