html, body {
  margin: 0px;
	padding: 0px;
	border: none;			/* This removes the border around the viewport in old versions of IE */
  font-family: Verdana Arial Helvetica, Sans-Serif;
  font-size: 10pt;
  line-height: 14pt;
  width:100%;
  height: 100%; }

.siteWrapper {
  position:relative; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  width:100%; 
  background-image: url('images/siteBg.gif');
  background-position: center;
  background-repeat: repeat-y;
  margin: 0px;
  padding: 0px; }
  
.siteWrapperNoBg {
  position:relative; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  width:100%; 
  margin: 0px;
  padding: 0px; }
  
.heading1 {
  margin: 0px 0px 25px 0px;
  font-family: Georgia;
  font-size: 24pt;
  font-weight: bold;
  line-height: 26pt;  
}
/*Används på magasin start*/
.heading1 span { font-size: 16pt; color: #990000; float:right; }

.heading2 {
  margin: 0px 0px 15px 0px;
  font-family: Georgia;
  font-size: 18pt;
  font-weight: bold;
  line-height: 20pt;  
  color: #990000;
}

.heading3 {
  margin: 0px 0px 10px 0px;
  font-family: Georgia;
  font-size: 14pt;
  font-weight: bold;
  line-height: 16pt;    
}

.heading4 {
  margin: 0px 0px 10px 0px;
  font-size: 12pt;
  font-weight: bold;
  line-height: 14pt; 
  color: #990000;
}

.heading5 {
  margin: 0px;
  font-size: 10pt;
  font-weight: bold;
  line-height: 14pt;   
}

.nospace { margin: 0px; }
.spaceabove { margin: 5px 0px 0px 0px; }
.link {color: Black; text-decoration:none;}
.link:hover {text-decoration: underline;}
.heading1 a, .heading3 a, .heading5 a { color: black; text-decoration: none;}
.heading1 a:hover, .heading3 a:hover, .heading5 a:hover { text-decoration: underline;}
.heading2 a, .heading4 a { color: #990000; text-decoration: none;}
.heading2 a:hover, .heading4 a:hover { text-decoration: underline;}

.bannerDiv {
  margin: 0px;
  padding: 8px 0px 4px 0px;
  background-color: white;
  width: 980px; }

.topMenu {
  margin: 0px;
  padding: 0px;
  background-color: white;
  background-image: url('images/topMenuBg.gif');
  background-repeat: no-repeat;
  width: 980px;  
  height: 81px;
  border: none;
  border-spacing: 0px; }

.topMenu td { margin: 0px; padding: 0px; vertical-align: bottom; font-size: 8pt; color: White; }
.topMenu .dateTd { width: 330px; height: 81px; text-align: left; }
.topMenu .dateTd div { margin: 0px 0px 15px 30px; }

.topMenu .logoTd { width: 320px; height: 81px; text-align: center; }
.topMenu .logoTd div { margin: 0px 0px 20px 0px; }

.topMenu .menuTd { width: 330px; height: 81px; text-align: right; }
.topMenu .menuTd ul { margin: 0px 10px 15px 0px; padding:0px; }
.topMenu .menuTd li { list-style-type: none; display: inline; margin: 0px 20px 0px 0px; }
.topMenu .menuTd a { color: White; text-decoration: none; }
.topMenu .menuTd a:hover { color: White; text-decoration: underline; }

.marginDiv { margin: 0px; padding: 0px; height: 20px; width: 978px; border-left: solid 1px white; border-right: solid 1px white;}

.bodyWrapperDiv
{
  margin: 0px;
  width: 978px;    
}

.bodyDiv
{
  margin: 0px;
  padding: 0px;  
  text-align: left;
  width: 978px;  
}

.adminDiv
{
  margin: 0px;
  padding: 30px;  
  text-align: left;
  width: 978px;  
}

.submenuWrapper { margin: 20px 30px 15px 0px; padding: 0px;text-align: right; }
.submenuWrapper ul { margin: 0px; padding: 0px; list-style: none; }
.submenuWrapper li { display: inline; font-size: 8pt; margin-left: 15px; }
.submenuWrapper li a { color: Black; text-decoration: none; }
.submenuWrapper li a:hover { color: Black; text-decoration: underline; }

.submenuWrapperMagazine { 
  margin: 0px 0px 7px 0px; 
  background-color: #f3f3f3; 
  padding: 7px 30px 3px 3px;
  text-align: right; 
  background-image: url('images/subMenuBg.gif'); background-repeat: repeat-x;}
.submenuWrapperMagazine ul { margin: 0px; padding: 0px; list-style: none; }
.submenuWrapperMagazine li { display: inline; font-size: 8pt; margin-left: 15px; }
.submenuWrapperMagazine li a { color: Black; text-decoration: none; }
.submenuWrapperMagazine li a:hover { color: Black; text-decoration: underline; }

.magazineSearch {
  margin: -3px 0px 0px 0px;
  padding: 0px 0px 0px 15px;
  float: left;
}

.magazineSearch .searchTxt {
  font-size: 8pt;  
  width: 150px;
}

.magazineSearch .searchBtn {
  font-size: 8pt;  
  width: 50px;
}

.tvSearch {
  margin: -5px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
  float: left;
}

.tvSearch .searchTxt {
  font-size: 8pt;  
  width: 150px;
}

.tvSearch .searchBtn {
  font-size: 8pt;  
  width: 50px;
}

.threeCol { margin: 0px; padding: 0px; width: 920px;  border: none; border-spacing: 0px; text-align: left; }
.threeCol td { margin: 0px; padding: 0px; vertical-align: top; }
.threeCol .leftCol { width: 200px; padding: 0px 10px 0px 0px; }
.threeCol .midCol { width: 480px; padding: 0px 10px 0px 10px; background-image: url('images/threeColumnBg.gif'); background-repeat: repeat-y; }
.threeCol .rightCol { width: 200px; padding: 0px 0px 0px 10px; }
/* Kan inte använda h1, ersätts av heading1...heading5
.threeCol h1 { font-size: 18pt; }
.threeCol h1 a { text-decoration: underline; color: #990000; }
.threeCol h1 a:hover { color: #625c54; }
*/
.twoCol { margin: 0px; padding: 0px; width: 920px; border: none; border-spacing: 0px; background-image: url('images/twoColumnBg.gif'); background-repeat: repeat-y; text-align: left;  }
.twoCol td { margin: 0px; padding: 0px; vertical-align: top; }
.twoCol2 { margin: 0px; padding: 0px; width: 920px; border: none; border-spacing: 0px; background-image: url('images/twoColumnBg2.gif'); background-repeat: repeat-y; text-align: left; }
.twoCol2 td { margin: 0px; padding: 0px; vertical-align: top; }
.twoColTv { margin: 0px; padding: 0px; width: 920px; border: none; border-spacing: 0px; background-image: url('images/twoColumnBgTv.gif'); background-repeat: repeat-y; text-align: left; }
.twoColTv td { margin: 0px; padding: 0px; vertical-align: top; }

.twoColMagazine { margin: 0px; padding: 0px; width: 978px; border: none; border-spacing: 0px; text-align: left; }
.twoColMagazine td { margin: 0px; padding: 0px; vertical-align: top; }

.twoCol .content { width: 640px; padding: 0px 20px 0px 0px; }
.twoCol .sidepanel { width: 240px; padding: 0px 0px 0px 20px; }

.twoCol2 .content { width: 540px; padding: 0px 20px 0px 0px; }
.twoCol2 .sidepanel { width: 340px; padding: 0px 0px 0px 20px; }

.twoColTv .content { width: 440px; padding: 0px 20px 0px 0px; }
.twoColTv .sidepanel { width: 440px; padding: 0px 0px 0px 20px; }

.twoColMagazine .content { width: 668px; padding: 20px 20px 30px 20px; background-color: #f3f3f3; /*background-image: url('images/MagazineBoxBg.gif'); background-repeat: repeat-x; background-position: top;*/}
.twoColMagazine .sidepanel { width: 240px; padding: 0px 0px 0px 20px; }

/* ersätts av heading1...heading5
.content a { color: Black; text-decoration: none; }
.content a:hover { text-decoration: underline; }

.magasin { margin: 0px 0px 30px 0px; font-family: Georgia;font-size: 30pt; line-height: 32pt; font-weight: bold; color: Black; }
.magasin span { font-size: 18pt; color: #990000; float:right; }
*/
.articleWrapper {
  padding: 10px;
}

.articleWrapperWhite {
  padding: 10px;
  background-color: White;
}
.recentTvProgramHeader { font-family: Georgia; }
.ma_articleName { margin: 0px 0px 0px 0px; font-family: Georgia;font-size: 14pt; color: Black; }
.ma_description { margin: 5px 30px 0px 0px; font-size: 8pt; line-height: 13pt; color: Black; }
.ma_subject { 
  margin: 20px 0px 0px 0px;
  font-size: 9pt;
  font-weight: bolder;
  color: #990000;
  background-image: url('/public/images/maH2bg.gif');
  background-repeat: repeat-x;
  height:20px;
  text-transform: uppercase; }

.rightColBoxWrapper {
  
}

.rightColBoxWrapper .authorLink {
  font-family: Georgia;
  font-size: 12pt;
  line-height: 15pt;
  font-weight: bold;
}

.rightColBoxWrapper a {
  color: Black;
  text-decoration: none;
}

.rightColBoxWrapper a:hover {
  color: Black;
  text-decoration: underline;
}

.content img { border: none; margin: 15px 0px 0px 0px; }

.sidepanel { float: left; margin: 0px; width: 280px; }
/* Ersätts av heading1...heading5
.sidepanel h2 {
  margin: 0px 0px 0px 0px;
  font-size: 13pt;
  line-height: 16pt;
  font-weight: bold;
  color: Black; }

.sidepanel h3 {
  margin: 15px 0px 0px 0px;
  font-size: 14pt;
  line-height: 16pt;
  font-weight: bold;
  color: #990000; }

.sidepanel h3 a { color: Black; text-decoration: none; }
.sidepanel h3 a:hover { text-decoration: underline; }

.sidepanel h4 {
  margin: 15px 0px 0px 0px;
  font-size: 10pt;
  line-height: 13pt;
  font-weight: bold;
  color: #990000; }

.sidepanel h4 a { color: Black; text-decoration: none; }
.sidepanel h4 a:hover { text-decoration: underline; }
*/
.sidepanel .extrasmall {
  margin: 0px 0px 0px 0px;
  font-size: 7pt;
  font-weight: normal;
  color: Black; }

.sidepanel .imageDiv { margin: 5px 0px 10px 0px; }

.description {
  margin: 5px 0px 0px 0px;
  font-size: 8pt;
  line-height: 12pt;
  font-weight: bold;
  color: Black; }

.sidepanel h2 span { font-size: 9pt; font-weight: 900; color: #990000; }
.sidepanel p { margin: 5px 0px 0px 0px; font-size: 8pt; line-height: 13pt; }

.subjectName
{
  margin: 10px 0px 3px 0px;
  color: #990000;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 7pt;  
  line-height: 10pt;
}
/* Ersätts av heading1...heading5
.articleName
{
  margin: 0px 0px 10px 0px;
  font-size: 8pt;
  line-height: 10pt;
  font-weight: bold;
}
.articleName a { color: Black; text-decoration: none; }
.articleName a:hover { text-decoration: underline; }
*/

.byLine { margin:0px;font-size: 8pt;font-weight: normal; }
.authorName { color: #990000; font-weight: bold; }

.newsWrapper { margin: 0px 0px 10px 0px; font-size: 8pt; }

/* Ersätts av heading1...heading5
.newsWrapper h2
{
  margin: 0px 0px 0px 0px;
  color: Black;
  font-size: 18pt;
}
*/
.newsWrapper .description
{
  margin: 5px 0px 0px 0px;
  color: Black;
  font-size: 8pt;
  line-height: 11pt;
  font-weight: bold;
}
.readmore
{
  text-align: right;
  margin: 5px 0px 0px 0px;
  color: #990000;
  font-size: 8pt;
  font-weight: bold;
  text-align: right;  
}

.readmore img
{
  vertical-align: text-bottom;
  border: none;
}

.readmore a
{
  color: #990000;
  text-decoration: none;
}

.readmore a:hover
{
  text-decoration: underline;
}

.newsWrapper .readMore a
{
  text-decoration: none;
  color: #990000;
}

.newsWrapper .text
{
  margin: 10px 0px 0px 0px;
  font-size: 8pt;
  line-height: 11pt;
}

.archive
{
  width: 920px;
  margin: 0px;
}

.archive .archiveList
{
  text-align: center;
  clear: both;
}

.archive .flower
{
  float:left;
  margin: 8px 10px 0px 0px;
  height: 30px;
}

.archive .header
{
  font-size: 9pt;
  font-weight: bolder;
  color: Black;
  float:left;
  margin: 5px 0px 0px 0px;
  height: 30px;
}

.archive .search
{
  margin: 0px 0px 0px 0px;
  height: 30px;
  text-align: right;
}

.archive .searchResultWrapper { text-align: left; }

.separator
{
  margin: 5px 0px 0px 0px;
  width: 100%;
  background-image: url('images/separator_hor.gif');
  background-repeat: repeat-x;
  height: 30px;
  background-position:bottom;
}

.journalContainer
{
  margin: 15px;
  width: 250px;  
}

.journalNumber
{
  margin:200px 25px 0px 0px;
  font-size: 9pt;
  color: #990000;
  float:left;
}

/*************************
/* WebbTv & Axess Play   *
/************************/

.TvArchive {
  width: 890px;
  height: 750px;
  background-color: #c8c8c8;
  text-align: left;
  padding: 15px;
}

.TvArchiveDataList {
  margin-left: 80px;
  width: 750px;
}

div.TvContainer
{
  margin: 0px;
  width: 350px;
  text-align: left;    
}

div.TvContainer a
{
  margin-top: 5px;
  font-size: 8pt;  
  font-weight: bold;
}

/**************************
/*    ASP-Controller      *
/*************************/
.Label
{
  width: 150px;
  float: left;
  display: block;
}

.LongLabel
{
  width: 250px;
  float: left;
  display: block;
}

.SuperLongLabel
{
  width: 600px;
  float: left;
  display: block;
}

.TextBox
{
  width: 300px;
}

.DropDown
{
  width: 305px;
}

.TextBoxMulti
{
  width: 645px;
  height: 150px;
}

.TextBoxShortMulti
{
  width: 645px;
  height: 75px;
}

.separatorHorisontell
{
  background-image: url('/public/images/separator_hor.gif');
  background-repeat: repeat-x;
  margin: 0px 30px 10px 30px;
}


.fullText { margin: 20px 30px 0px 0px; font-size: 10pt; }
.fullText a { color: Black; text-decoration: none; }
.fullText a:hover { text-decoration: underline; }

/********************/
/*  TV-Tablå        */
/********************/
#tableau { margin: 5px 0px 10px 0px; }
#tableau .collapseTitlePanelgray {
  padding: 2px;
  font-size: 7pt;
  line-height: 10pt;
  font-weight: bold;
  cursor: pointer; }
  
#tableau .collapseTitlePanelgrayLarge {
  padding: 3px;
  font-size: 9pt;
  line-height: 12pt;
  font-weight: normal;
  cursor: pointer; }

#tableau .collapseTitlePanelwhite {
  padding: 2px;
  font-size: 7pt;
  line-height: 10pt;
  font-weight: bold;
  background-color: White; 
  cursor: pointer; }
  
#tableau .collapseTitlePanelwhiteLarge {
  padding: 3px;
  font-size: 9pt;
  line-height: 12pt;
  font-weight: normal;
  background-color: White; 
  cursor: pointer; }

#tableau .time { width: 30px; font-size: 7pt; font-weight: bold; }
#tableau .collapsePanel {
  height: 0px;
  overflow: hidden;  
  font-size: 7pt;
  line-height: 10pt; }
  
#tableau .collapsePanelLarge {
  height: 0px;
  overflow: hidden;  
  font-size: 8pt;
  line-height: 10pt; }

#tableau .collapsePanel a { text-decoration: none; color: #990000; font-weight: bold; }
#tableau .collapsePanel img { vertical-align: text-bottom; }
#tableau .collapsePanel .white { background-color: White; padding: 5px; }
#tableau .collapsePanel .white .readMore { text-align: right; }
#tableau .collapsePanel .gray { padding: 5px; }
#tableau .collapsePanel .gray .readMore { text-align: right; }

#tableau .collapsePanelLarge a { text-decoration: none; color: #990000; font-weight: bold; }
#tableau .collapsePanelLarge img { vertical-align: text-bottom; }
#tableau .collapsePanelLarge .white { background-color: White; padding: 5px; }
#tableau .collapsePanelLarge .white .readMore { text-align: right; }
#tableau .collapsePanelLarge .gray { padding: 5px; }
#tableau .collapsePanelLarge .gray .readMore { text-align: right; }

#tableau .collapseImage { margin-top: 3px; }

.dateSelect {
  width:300px;
}

.dateSelect .tvDateStamp
{
  width: 200px;
  text-align: center;
  font-size: 12pt;
  font-weight: bolder;
}

.helpLinks
{
  margin: 0px 0px 5px 0px;
  float: right;
}

#helpLinks a
{
  color: Black;
  font-size: 10pt;
}

#recentTvPrograms
{
  margin: 0px;
}

.tvSearchResult { margin: 0px 0px 10px 0px; font-size: 10pt; font-weight: bold; }
.tvSearchResult a { color: Black; text-decoration: none; }
.tvSearchResult a:hover { text-decoration: underline; }
.movieUrl {font-weight: normal; margin-bottom: 10px;}
.movieUrl a { color: Black; text-decoration: none; }
.movieUrl a:hover { text-decoration: underline; }

.rightColBoxWrapper .blogBoxTop
{
  margin: 25px 0px 0px 0px;
  background-image: url('images/sideBarSquareTop.gif');
  background-repeat: no-repeat;
  height:5px;  
}

.rightColBoxWrapper .blogBoxMiddle
{
  margin: 0px;
  background-image: url('images/sideBarSquareMiddle.gif');
  background-repeat: repeat-y;
  padding: 0px 10px 0px 10px;
  font-size: 9pt;
  line-height: 12pt;
  color: White;  
}

.rightColBoxWrapper .blogBoxMiddle h2
{
  margin: 0px 0px 5px 0px;
  padding: 5px 5px 0px 5px;  
}

.rightColBoxWrapper .blogBoxMiddle p
{
  margin: 0px 0px 0px 0px;
  padding: 0px 5px 0px 5px;
  color: White;
  font-size: 8pt;
  line-height: 11pt;
}

.rightColBoxWrapper .blogBoxBottom
{
  margin: 0px;
  background-image: url('images/sideBarSquareBottom.gif');
  background-repeat: no-repeat;
  height:20px;
}

.rightColBoxWrapper .blogBoxMiddle a
{
  margin: 0px;
  font-size: 9pt;
  line-height: 12pt;
	color: White;
}

.reorderPanel
{
  margin: 3px;
  padding: 5px;
  border: dashed 1px black;
}

.controlDiv
{
  text-align: right;
}

.newsPane
{
  margin: 15px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  background-image: url('images/vert_sep.gif');
  background-repeat: repeat-x;
  background-position: top;
}

.panelFloatLeft
{
  float: left;
  margin-left: 5px;
}

/**************************
/* Comments under magasin */

.commentWrapper {
  margin: 15px 0px 0px 0px;
  border-top: dashed 1px silver;
}

.commentWrapper .author {
  color: Silver;
  font-style: italic;
}

.commentWrapper .author a {
  color: Silver;
  text-decoration: none;
}

.commentWrapper .author a:hover {
  color: Silver;
  text-decoration: underline;
}