﻿* { margin: 0; padding: 0; }

body { font-family: Arial, Verdana, Sans-Serif; font-size: 12px; }

a { color: Black; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-family: Verdana, Arial, Sans-Serif; }

div#Main { width: 1000px; overflow: hidden; margin: 0 auto; }

img { border-style: none; }

div#Header { width: 100%; height: 60px; overflow: hidden; margin: 0 0 4px 0; background-image: url(../graphics/botten_1pix.jpg); background-repeat: repeat-x; background-position: bottom left; }

img#Logo { float: left; display: inline; margin: 5px 0 0 10px; }

div#MainContent { width: 100%; overflow: hidden; margin: 0; background-image: url(../graphics/main_bg.gif); background-repeat: repeat-y; background-position: top left; }

div#MainContent div.Column1 { float: left; display: inline; margin: 0 4px 0 0; width: 198px; }
div#MainContent div.Column2 { float: left; display: inline; margin: 0 4px 0 0; width: 597px; }
div#MainContent div.Column3 { float: left; display: inline; margin: 0; width: 197px; }

div#MainContent div.Column1, div#MainContent div.Column2, div#MainContent div.Column3 { height: auto; min-height: 490px; overflow: hidden; }


/* Kolumnrubriker */
div#MainContent div.Column1 h1.Header, div#MainContent div.Column3 h1.Header { font-size: 11px; font-family: Verdana, Sans-Serif; text-transform: uppercase; width: 198px; height: 17px; overflow: hidden; background-image: url(../graphics/header_bg_col1.gif); background-repeat: repeat-x; color: White; margin: 0; padding: 15px 0 0 5px; }
div#MainContent div.Column3 h1.Header { background-image: url(../graphics/header_bg_col3.gif); width: 197px; }

/* Tre puffar i mitten */
div#MainPuffList { width: 597px; height: 160px; overflow: hidden; margin: 4px 0 0 0; clear: both; }
div#MainPuffListInner { width: 600px; overflow: hidden; }
div#MainPuffList div.Puff197x160Main { width: 197px; height: 160px;margin: 0 3px 0 0; float: left; display: inline; }
div#MainPuffList div.Puff197x160MainDynamic, div#MainPuffList div.Puff197x160MainDynamic a { color: White; font-size: 14px; }
div#MainPuffList div.Puff197x160MainDynamic { color: White; font-size: 12px; }
div#MainPuffList div.Puff197x160MainDynamic p, div#MainPuffList div.Puff197x160MainDynamic .Rub1, div#MainPuffList div.Puff197x160MainDynamic .Rub2, 
div#MainPuffList div.Puff197x160MainDynamic .Rub3  { 
    display:block;margin:0 
}
div#MainPuffList div.Puff197x160MainDynamic div.Text {width:156px;height:105px;overflow:hidden;margin:28px 0 0 20px }
div#MainPuffList div.Puff197x160MainDynamic div.ReadMore { width:156px;overflow:hidden;text-align:right;margin:0 0 0 20px }
div#MainPuffList div.Puff197x160MainDynamic div.ReadMore p { margin:0 }


/* Högerpuffen */
div.Puff197x160Column3 { width: 197px; height: 160px; }
div#MainContent div.Column3 div.Puff197x160Column3Dynamic { width: 177px; height: 140px; padding: 10px; }
div#MainContent div.Column3 div.Puff197x160Column3Dynamic { color: White; font-size: 12px; }
div#MainContent div.Column3 div.Puff197x160Column3Dynamic a { color: #d10024; font-size: 11px; text-transform: uppercase; }
div#MainContent div.Column3 div.Puff197x160Column3Dynamic div.Text { width:100%;overflow:hidden }

div#MainContent div.Column3 div.TextFader { width: 177px; padding: 10px; }
div#MainContent div.Column3 div.TextFader p { color: White }
div#MainContent div.Column3 div.TextFader a { color: #D10024; }

div#RepertoirePuffList { width: 550px; overflow: hidden; margin: 0 auto; }
div#RepertoirePuffListInner { width: 585px; overflow: hidden; }
div#RepertoirePuffListInner div.Row { width: 585px; overflow: hidden; margin: 0 0 15px 0; }
div#RepertoirePuffList div.Puff197x160 { width: 160px; height: auto; overflow: hidden; float: left; display: inline; margin: 0 35px 0 0; }
div#RepertoirePuffList div.Puff197x160 p.PuffImage img { width: 160px; height: 160px; display: block; }


div#Footer { width: 100%; height: 61px; overflow: hidden; background-image: url(../graphics/botten_1pix.jpg); background-repeat: repeat-x; background-position: top left; }

div#Footer p { width: 100%; overflow: hidden; text-align: center; font-size: 14px; color: White; font-weight: bold; font-family: Verdana, Sans-Serif; margin: 24px 0 0 0; }

div#NewsListing { width: 175px; height: 180px; overflow: hidden; margin: 10px 0 0 10px; }
div#NewsListing p { font-size: 11px; font-family: Verdana, Sans-Serif; font-weight: bold; margin: 0 0 12px 0; color: #808080; }
div#NewsListing p a { color: #008ecd; }

div#RepertoireListing { width: 180px; overflow: hidden; margin: 10px 0 0 10px; height: 440px; }
div#RepertoireListing div.Theatre { width: 100%; overflow: hidden; margin-bottom: 20px; color: #808080; }
div#RepertoireListing div.Theatre a { color: #808080; }
div#RepertoireListing h1 { font-size: 10px; text-transform: uppercase; color: #d10024; }

div#HeaderMenu { width: 798px; overflow: hidden; margin: 40px 0 0 47px; float: left; display: inline; }
div#HeaderMenu p { float: left; display: inline; margin-right: 20px; font-size: 11px; }
div#HeaderMenu p a { text-transform: uppercase; color: White; font-family: Verdana, Sans-Serif; }

div#LeftMenu { width: 180px; overflow: hidden; margin: 10px 0 0 10px; }
div#LeftMenu div.SubMenu { width: 180px; overflow: hidden; margin: 0 0 15px 0; }
div#LeftMenu div.SubMenu p { width: 160px; overflow: hidden; margin: 10px 0 0 20px; text-transform: uppercase; font-size: 10px; }
div#LeftMenu div.SubMenu p a { color: #808080; }
div#LeftMenu div.SubMenu p a.Current { color: Black; }
div#LeftMenu h1 { font-size: 10px; text-transform: uppercase; color: #d10024; }
div#LeftMenu h1 a { color: #4c4c4c; }
div#LeftMenu h1 a.Current { color: Black; }

div#StandardArticle { width: 597px; overflow: hidden; }
div#StandardArticle div.TopImageBlock { width: 597px; height: auto; overflow: hidden; margin: 0 0 10px 0; }
div#StandardArticle div.Content { width: 597px; overflow: hidden; }
div#StandardArticle div.Content div.ArticleColumn1 { width: 408px; overflow: hidden; float: left; display: inline; margin: 0 30px 0 20px; }
div#StandardArticle div.Content div.ArticleColumn1Full { width: 500px; }
div#StandardArticle div.Content div.ArticleColumn1 h1 { font-size: 24px; margin: 12px 0 6px; }
div#StandardArticle div.Content div.ArticleColumn2 { width: 139px; overflow: hidden; float: left; display: inline; padding-top: 6px; }
div#StandardArticle div.Content div.ArticleColumn1 div.Ing { width: 100%; overflow: hidden; margin-bottom: 12px; }
div#StandardArticle div.Content div.ArticleColumn1 div.Text { width: 100%; overflow: hidden; margin-bottom: 12px; }
div#StandardArticle div.Content div.ArticleColumn1 div.Slideshow { width: 408px; height: 326px; overflow: hidden; margin-bottom: 15px }
div#StandardArticle ul { padding-left:40px;margin:10px 0 }
div#StandardArticle ul li { margin:0 0 6px 0 }
div#StandardArticle a { color:#008ecd }

p#TicnetLink { margin-bottom: 6px; }
p#TicnetLink a { color: #808080; }
h1#ReadMoreLabel { font-size: 11px; color: #808080; text-transform: uppercase; margin-bottom: 6px; }
div#StandardArticle ul.ReadMoreList { list-style-position: outside; margin-left: 15px; font-size: 11px;padding:0 }
div#StandardArticle ul.ReadMoreList li a { color: #808080; }
p#TipsLink { margin: 10px 0 0 0; }
p#TipsLink img { vertical-align: middle; }
p#TipsLink a { color: #808080; }
p#SlideshowLink { margin: 6px 0 0 0; }
p#SlideshowLink img { vertical-align: middle; }
p#SlideshowLink a { color: #808080; }
p#PostCardLink { margin: 6px 0 0 0; }
p#PostCardLink img { vertical-align: middle; }
p#PostCardLink a { color: #808080; }
div#TipsForm { width: 100%; overflow: hidden; margin: 20px 0 0 0; }
div#TipsForm p { margin: 0 0 10px 0; }
div#TipsForm input.TextBox { padding: 2px; border: 1px solid Black; width: 200px; overflow: hidden; }
div#TipsForm p.SubmitButton { width: 206px; overflow: hidden; text-align: right; }

div#Snabbfakta { width: 175px; overflow: hidden; margin: 10px; font-size: 11px; }
div#Snabbfakta a { font-weight: normal; }
div#Snabbfakta h2 { font-size: 11px; margin: 15px 0 0 0; }
div#Snabbfakta span.Label { font-weight: bold; }
div#Snabbfakta span.ProducerLabel { font-weight: bold; color: #d10024; }

div#UserInfo { padding-left : 20px }
div#UserInfo h1 { font-size: 12px }
div#UserInfo div.Content p { font-size: 12px }

div#UserInfo div.InfoRep div.Rub p { font-size:24px; margin:12px 0 6px; }
