﻿body
{
     background-color:#000000;
    
}
h1 /* SIDRUBRIK */
{
    font-family:Arial, Sans-Serif;
    margin:0px;
    padding:0px;
    font-size:2.0em;
   /* font-size:27px;*/
}
h2 /* UNDER RUBRIK - SHORT INTRO*/
{
     font-family:Arial,Sans-Serif;
    margin:0px;
    padding:0px;
   font-size:1.4em;
    /*font-size:21px;*/
    }
h3 /* RUBRIKER I PROGRAMLISTNINGEN */
{
    font-family:Arial,Sans-Serif;
    margin:0px;
    padding:0px;
    font-size:1.2em;
    }
h3 a
{
    text-decoration:none;
    color:#000;
    border-bottom:1px solid #961b1f;
    
    }
h3 a:hover
{
    text-decoration:none;
    background-color:#000;
    color:#fff;
    border:none;
    
    }
h4 /* RUBRIK I CONTENTSIDOR */
{
    font-family:Arial;
    font-weight:bold;
    font-size:1em;
    padding:0px;
    margin:0px;
    }
 h5 /* PUFFTEXT */
 {
     font-family:Arial;
     font-weight:bold;
     padding:0px;
     margin:0px;
     position:relative; 
     width:100%; 
     left:0px; 
     top:0px; 
     color: #000;
     line-height:1.2;
     
     }
 
  a h5 /* PUFFTEXT IN LINK */
  {
      
     text-decoration:none;
     color:#000;
     padding:0px;
     margin:0px;
      }
 
h6 /*FÖRESTÄLLNINGSDETALJER RUBRIKER*/
{
    font-family:Arial, Sans-Serif;
    font-size:1em;
    font-weight:bold;
    padding:0px;
    margin:10px 0px 0px 0px;
    
    }
    
 p /* NORMAL TEXT */
 {
     font-family:Arial, Sans-Serif;
     font-size:1em;
     margin:0px 0px 10px 0px;
     padding:0px;
     line-height:1.2;
     
     }
  p.intro /* INGRESS */
 {
     
     font-family:Arial, Sans-Serif;
     font-weight:bold;
     
  }
  p.error /* ERRORMESSAGE */
  {
      background-color:#eeeeee;
      color:#86181c;
      font-weight:bold;
      padding:10px;
      border:1px solid #cccccc;
      }
   p.confirm
   {
       
       color:#000;
       font-weight:bold;
       font-size:1.5em;
       
       }
    a
    {
       font-family:Arial, Sans-Serif;
       color:#961b1f;
       text-decoration:none;
     }
     
   b.premiar
   {
       color:#86181c;
       }

     
  .mediumMarginBottom
    {
        margin-bottom:20px;
        }
    div#masterSiteContainer /* CONTAINS THE SITE */
    {
     
     position:relative;
        }

    div#masterTop
     {
       
        height:129px;
        position:absolute;
       
     }
   div#masterLogo
   {
       position:absolute;
       left:10px;
       top:10px;
       z-index:2000;
       }
    div#masterMenuDiv
    {
        position:absolute;
        right:-20px;
        top:40px;
        }

    div#masterTopBottomContainer
    {
        
        width:960px;
        height:60px;
        /*background-color:orange;*/
        }
    div#masterTopMenuContainer
      {
         
          /*height:129px;*/
          height:69px;
          width:960px;
          background-image:url('../Images/topMenuBg.png');
          background-repeat:no-repeat;
          background-position:top;
         
        
          
          }
      
    div#masterTopMenuContainer * {
     /* filter: alpha(opacity=100);
      -moz-opacity: 1;
      opacity: 1;
    */
      }
        ul#masterTopMenu
                {
                   
                    height: 30px;
                    padding: 0px;
                    margin: 0px;
                    float:right;
                    list-style:none;
                }
          #masterTopMenu li
                    {
                        height: 28px;
                        padding: 0px 0px 0px 0px;
                        margin: 0px 20px 0px 0px;
                        float: left;
                         list-style:none;
                    }
                #masterTopMenu li a
                                    {
                                        
                                        /*height:20px;*/
                                        font-size: 1.2em;
                                        font-family:'Arial Narrow', Arial;
                                       
                                        font-weight:bold;
                                        text-decoration:none;
                                        text-align:center;
                                        color: #ffffff;
                                        margin:0px 0px 0px 0px;
                                        padding:0px 0px 2px 0px;
                                        float:left; 
                                        outline:none;
                                       
                                    }
                                    #masterTopMenu li a:hover
                                    {
                                        
                                      /* height:20px;*/
                                        font-size: 1.2em;
                                        font-family:'Arial Narrow', Arial;
                                       
                                        font-weight:bold;
                                        text-decoration:none;
                                        text-align:center;
                                        color: #ffffff;
                                        margin:0px 0px 0px 0px;
                                        padding:0px 0px 2px 0px;
                                        float:left; 
                                         border-bottom:2px solid #86181c;
                                         outline:none;
                                       
                                    }
                                    
               /* #masterTopMenu li.Selected span.selected
                                    {
                                        
                                        height:28px;
                                        font-size: 12px;
                                        font-family: Arial;
                                        letter-spacing:1px;
                                        font-weight:bold;
                                        text-align:center;
                                        color: #ffffff;
                                        margin:0px 0px 0px 0px;
                                        padding:0px 0px 0px 0px;
                                        float:left; 
                                    }*/
                              #masterTopMenu li.Selected a.selected
                                    {
                                        
                                       /* height:20px;*/
                                        font-size: 1.2em;
                                        font-family:'Arial Narrow', Arial;
                                       
                                        text-decoration:none;
                                        border-bottom:2px solid #86181c;
                                        font-weight:bold;
                                        text-align:center;
                                        color: #ffffff;
                                        margin:0px 0px 0px 0px;
                                        padding:0px 0px 2px 0px;
                                        float:left; 
                                        outline:none;
                                    }
                                    
       /* SUBMENU */                             
  ul#SubMenu
  {
      
      margin:0px;
      padding:0px;
      list-style:none;
     
      }
  
       
   /* ul
    leftmenu li 
          leftmenu li li
    ul ul
    
    ul ul ul li*/
   /* #masterLeft ul#SubMenu a
    {
         padding:5px;
      margin:0px 0px 0px 0px;
      background-color:#d7d7d7;
      color:#666666;
      text-decoration:none;
        }
    
    #masterLeft ul#SubMenu li
    {
        margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
      background-color:Red;
        }
     #masterLeft ul 
     {
         margin:0px;
         padding:0px;
         
         }
     #masterLeft ul ul
     {
         margin:0px;
         padding:0px;
          background-color:Red;
         
         }
     #masterLeft li li
    {
        margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
        }
      #masterLeft li li li
    {
        margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
        }*/
    
   /*----------------------------------*/ 
   
    /* TOP LEVEL */
   ul#SubMenu li
   {
      margin:0px 0px 0px 0px;
      padding:0px 0px 0px 0px;
   
       }
       
   ul#SubMenu li a
    {
      padding:5px;
      margin:0px 0px 0px 0px;
      background-color:#d7d7d7;
      color:#666666;
      text-decoration:none;
        }
 
      
   ul#SubMenu li span.selected
   {
       
      padding:5px;
      
      margin:0px;
     background-color:#d7d7d7;
      color:#666666;
       }
       
       /* SECOND LEVEL */
       
     ul#SubMenu li ul#SubMenu 
       {
           margin-top:20px;
          
           }
     ul#SubMenu li ul#SubMenu li 
     {
         margin:0px 0px 5px 0px;
         padding:0px;
         
         }
       ul#SubMenu li ul#SubMenu li a
     {
         margin:0px;
         padding:0px 5px 2px 5px;
        
         background-color:#000;
         color:#fff;
        text-decoration:none;
         
         }
         ul#SubMenu li ul#SubMenu li a:hover
         {
             background-color:#86181c;
             color:#fff;
             
             }
       ul#SubMenu li ul#SubMenu li span.selected
       {
            margin:0px;
             padding:0px 5px 2px 5px;
            background-color:#86181c;
            color:#fff;
           
           }
          
           /* THIRD LEVEL */
           ul#SubMenu li ul#SubMenu li ul#SubMenu 
            {
                
                margin:0px 0px 0px 10px;
                padding:0px;
               
               
                
                }
            ul#SubMenu li ul#SubMenu li ul#SubMenu li
            {
                 margin:5px 0px 0px 0px;
                 padding:0px;
                
                
                }
            ul#SubMenu li ul#SubMenu li ul#SubMenu li a
            {
                padding:0px 5px 2px 5px;
                margin:0px 0px 0px 0px;
                background-color:#000;
                color:#fff;
                text-decoration:none;
                }
                
                ul#SubMenu li ul#SubMenu li ul#SubMenu li a:hover
                {
                     background-color:#86181c;
                    color:#fff;
                    
                    }
              ul#SubMenu li ul#SubMenu li ul#SubMenu li span.selected
              {
                  
                   padding:0px 5px 2px 5px;
                    background-color:#86181c;
                color:#fff;
                  }
   
   
   
  
   
  div#masterTopSearchContainer
  {
      width:310px;
      height:33px;
    
      padding:10px 0px 0px 0px;
      margin:0px;
      
    position:absolute;
    right:0px;
    top:70px;
   
     
    
      }
       /* SEARCH */
   div#masterTopSearchContainer img
       {
           float:right;
           margin:0px;
           }
  div#masterTopSearchContainer  input.QuickSearchTextBox
   {
       border-style:none;
       background-image:url('../Images/searchbg.gif');
       background-repeat:no-repeat;
       width:267px;
       height:13px;
       margin:0px 0px 0px 0px;
       padding:10px 0px 10px 10px;
       float:left;
       color:#cccccc;
       
       }
  
     div#masterContainer
    {
        background-color:#fff;
        padding-bottom:20px;
     } 

  div#masterBreadCrumbContainer
  {
   
    height:20px;
    margin-bottom:10px;
    
      }
      
   div#BreadCrumbLeftSpace
   {
       
   
       }
   div#masterBreadCrumbContainer a.breadcrumb
   {
   
      height:20px;
      color:#961b1f;
      text-decoration:none;
      
    }
     div#masterBreadCrumbContainer a.breadcrumb:hover
   {
       
      color:#000;
     
    }
    
    
 div#masterBreadCrumbContainer img
 {
     margin:8px 5px 0px 5px;
     
     }
div#masterBreadCrumbContainer span.breadcrumbselected
{
      height:20px;
      color:#666;
   
    }
 span.breadcrumbDividerImg
 {
     
     background-image:url('../Images/breadcrumb_divider.png');
     background-repeat:no-repeat;
   
     height:6px;
     width:10px;
     
     }
  .spaceheight
  {
      height:1px;
      }
  div#masterMainContainer
  {
      background-color:white;
      padding-top:10px;
      min-height:450px;
       
      
      
  }
  div#mainLeft
   {
    
       }
  #masterLeft
   {
       
      
       }
  div#masterMain
  {
     
      }
  #ctl00_masterLeft /* TO RENDER PROPERLY IN FIREFOX */
      {
         height:1px;
        
          }
 
 
  div#masterMainRight
  {
     /* background-color:Fuchsia;*/
      }
  /*--------------------------------------------------
        FOOTER
------------------------------------------------------*/
  div#masterFooterContainer
  {
    background-color:#000;
    
      }
   div#masterFooterTop
   {
       /*padding-top:7px;*/
       background-color:#86181c;
       height:32px;
       color:#fff;
    }
       
    div#masterFooterTopLeft
    {
      
      }
    div#masterFooterTopLeft p /* FOOTERADDRESS */
      {
       font-family:Arial;
       margin:5px 0px 0px 0px;
       padding:0px;
       
          
          }
    div#masterFooterTopRight /* CONTAINS THE QUICKLINKS */
    {
        text-align:right;
       
       
    }
     div#masterFooterTopRight a /* QUICKLINK STYLE */
      { 
         padding:0px 5px 0px 5px;
        background-color:#fff;
        color:#000000;
        text-decoration:none;
        margin:7px 0px 0px 5px;
        font-weight:bold;
        float:right;
      
       
  
          
          }
      div#masterFooterTopRight a:hover
      {
          
           background-color:#000;
            color:#fff;
       
       
          }
        div#masterFooterBgContainer
        {
            height:94px;
        }
        
       .imagebg
       {
        height:94px;
        background-repeat:no-repeat;
        background-position:center;
           }
        .masterTopImageBg
       {
        height:129px;
        background-repeat:no-repeat;
        background-position:center;
           }
    div#masterFooterBottom
    {
      
        height:94px;
       text-align:right;
     
       
        }
         div#masterFooterBottom span
         {
             color:#fff;
             }
     div#masterFooterBottom a
     {
         color:#fff;
         text-decoration:none;
         }
       div#masterFooterBottom a:hover
       {
           border-bottom:1px solid #86181c;
           }
        
      
/*--------------------------------------------------
                     PUFFAR 
--------------------------------------------------*/
  
  
  div.puffWrapper
{
    position:relative; 
    margin-bottom:10px;
    left:0px; 
    top:0px; 
    width:100%;
    }
  .whitePuff
 {
     background-color: #f2f2f2; 
     border-style:solid; 
     border-width:1px; 
     border-color:#afafaf; 
     margin:0 0 0 0; 
     padding:0 0 0 0;
     height:105px;
     }
  .thepuffImage
  {
      position:relative; left:0px; top:0px;
      }
   .nypuffImg
   {
       position:absolute; top:1px; left:1px; right:1px; bottom:1px; overflow:hidden;
       }
    .nypuffText
    {
        position:absolute;
        left:10px;
        top:10px;
        
        }
  .puffLink /* Länkarna som wrappar bilden och texten */
  {
      cursor:hand;
      
      }
     /* ------------------------
            PUFF CORNERSTYLES 
    ------------------------------------*/
.puffNW
    {position: absolute; 
     top: 0px; 
     left: 0px; 
     float: left; 
     visibility: visible; 
     z-index: 100;
    }
.puffNE
{
    position: absolute; 
    top: 0px; 
    right: 0px; 
    float: right; 
    visibility: visible; 
    z-index: 100;
    }
.puffSW
{
    position: absolute; 
    bottom: 0px; 
    left: 0px; 
    float: left; 
    visibility: visible; 
    z-index: 100;
    }
.puffSE
{
    position: absolute; 
    bottom: 0px; 
    right: 0px; 
    float: right; 
    visibility: visible; 
    z-index: 100;
    }
 div.puffBottomDiv
 {
     position: relative; 
     margin:0px 0px 0px 0px;
     }
     
     /*-------------------------------------------------------
FÖRESTÄLLNINGSSIDA
----------------------------------------------------------------*/
 #showMain
  {  
      
 } 
  .noTopMargin
     {
         margin-top:0px;
         
         }
  
 
  #showDetails
  {
     /*margin-top:3px;*/
     margin-top:20px;
     float:left;
      
      }
  #showDetails a
  {
      color:#961b1f;
      
      }
   #showDetails p
   {
       
       margin:0px;
       }
  #showBook
  {
      
      border-top:1px solid #c0c0c0;
        text-align:right;
      }
      #popeyeContainer{
margin-bottom:10px;
margin-top:30px;

}
  #showBook a 
  {
      text-decoration:none;
      color:#000;
      font-family:'Helvetica Neue', Arial, Sans-Serif;
     text-transform:uppercase;
      }
   .showBookBorder
   {
       border-bottom:1px solid #c0c0c0;
       padding:5px 10px 5px 10px;
       text-align:left;
       
       }
       
       a .showBookBorder.arrow
    {
        
        background-image:url('../Images/ticnetArrow.png');
        background-repeat:no-repeat;
        background-position:200px center;
        }
         a:hover .showBookBorder.arrow
    {
        color:#86181c;
        background-image:url('../Images/ticnetArrowActive.png');
        background-repeat:no-repeat;
        background-position:200px center;
        }
    .showBookBorder.arrow
    {
        
        background-image:url('../Images/ticnetArrow.png');
        background-repeat:no-repeat;
        background-position:200px center;
        }
     
     .showimagesmall img
     {
         width:142px;
         height:110px;
         
         }
      .showimageLarge img
      {
          width:462px;
          height:330px;
          
          }
     
  /* ----------------------------------------------
             PROGRAMLISTNING 
-------------------------------------------------------*/
    /* DATUM */     
    .calContainer
  {
      /*background-color:White;
      border:#d0d0d0 1px solid;*/
      background-image:url('../Images/calenderBg.png');
      background-repeat:no-repeat;
      height:70px;
      width:58px;
      }
   .calDay
   {
      /* background-color:Gray;*/
       color:White;
       text-align:center;
       text-transform:uppercase;
       font-weight:bold;
       margin:2px;
       
       font-size:0.9em;
       
       }
    .calNumber
    {
        
         text-align:center;
         font-family:Arial;
         font-weight:bold;
         font-size:2.0em;
         line-height:1;
         color:#961b1f;
         padding:0px;
         margin:0px 0px 0px 0px;
        }
    
    .calMonth
    {
         text-align:center;
         text-transform:uppercase;
         margin:0px;
         padding:0px;
         font-family:Arial;
         color:#666666;
         
         font-weight:bold;
         font-size:1em;
        }
      
     .showImage /* BILD I LISTAN */
     {
         width:140px;
         height:110px;
         
         }
      a.showMore /* LÄS MER KNAPP */
      {
          cursor:hand;
          color:#000;
          text-decoration:none;
     
          
          }
      a.showMore:hover h3
      {
          
        color:#961b1f;
          }
     .programlisticon
     {
         
         background-image:url('../Images/listingArrowInactive.png');
         background-repeat:no-repeat;
         height:110px;
         background-position:center center;
         }
     a.showMore:hover .programlisticon
     {
         
         background-image:url('../Images/listingArrowActive.png');
         background-repeat:no-repeat;
         height:110px;
         background-position:center center;
         }
     a.showMore p.showIntro /* TEXTEN I PROGRAMLISTNINGEN */
       {
           margin:0px;
           padding:0px;
           font-family:Arial;
           line-height:1.2;
           text-decoration:none;
           color:#000;
           }
       .borderbottom /* SKAPAR EN BORDER NEDANFÖR VARJE PROGRAMITEM */
       {
           
           border-bottom:1px solid #c0c0c0;
           padding-bottom:10px;
           margin-bottom:10px;
           }
     /* --------------------------------------------------------
                 CONTENTPAGE NO MENU
-------------------------------------------------------------------*/
     
     #contentImageColumn img
     {
         
         width:219px;
         margin-bottom:10px;
         }
         
    #imageContentPageWithMenu img
    {
        
        width:459px;
        margin-bottom:10px;
        /*margin-top:10px;*/
        }
        
        /* CONTACT FORM */
        
        label.mandatory span
        {
            
            color:#86181c;
            }
       input.contactform{
       width:211px;
       height:21px;
       border:2px solid #000;
       background-image:url('../Images/inputbg.gif');
       background-repeat:no-repeat;
            }
            
       textarea.contactformMessage
       {
       background-image:url('../Images/messagebg.gif');
       background-repeat:repeat-x;
       height:163px;
       width:448px;
       border:2px solid #000 ;
                
                }
         .formColumn1
         {
             
             float:left;
             margin-right:10px;
           
          
             }
              .formColumn2
              {
                    float:left;
                  }
             .formMandatoryInfo /* PLACEMENT OF MANDATORY INFO */
             {
                 text-align:right;
                 float:right;
                 margin-right:2px;
                 
                 }
   /* POLL STYLES */
   .pollContainer
   {
       margin-top:10px;
       }
   .pollStatus
   {
       color:white;
       border:2px solid;
       padding:5px;
       margin-bottom:20px;
      
       }
   .pollError
    {
        border-color:#86181c;
        }
   .pollOK
    {
        border-color:Green;
        }
        
        /* STAR RATING*/
        .ratingStar
        {
            font-size:0pt;
            width:13px;
            height:12px;
            margin:0px;
            padding:0px;
            cursor:pointer;
            display:block;
            background-repeat:no-repeat;
            }
            .filledRatingStar
            {
                
                background-image:url('../Images/starfilled.gif');
                height:15px;
                width:15px;
                }
             .savedRatingStar
             {
                 background-image:url('../Images/starfilled.gif');
                  height:15px;
                width:15px;
                 }
              .emptyRatingStar
              {
                  background-image:url('../Images/starnotfilled.gif');
                   height:15px;
                width:15px;
                  
                  }
.newsletter-signup
{
    padding: 30px 18px 0px 18px;
    background-image: url('../Images/nyhetsbrev.jpg');
    font-size: 11px;
    line-height: 11px;
    height: 75px;
    position: relative;
}
.newsletter-signup input[type="text"], .newsletter-signup .name, .newsletter-signup .email
{
    width: 178px;
    line-height: 12px;
    height: 12px;
    font-size: 11px;
    margin-bottom: 3px;
    margin-top: 1px;
}
.newsletter-signup .email
{
    width: 115px !important;
}
.newsletter-signup .button
{
    font-size: 10px;
    float: right;
}

.newsletter-signup .error
{
    color: #CC0000;
    position: absolute;
    top: 110px;
    right: 0px;
    text-align: right;
}
.newsletter-signup .success
{
    font-weight: bold;
    padding-top: 10px;
    font-size: 12px;
}
