/* Rubriker */ 
/* ............................................................................. */
h1, h2, h3, h4 {margin:0;padding:0;font-weight:bold;color:#000;font-family: Arial, Verdana; }
h1 {font-size:28px;line-height:125%;}
h2 {font-size:23px;margin:0px 0px 0px 0px;line-height:110%;}
h3 {font-size:18px;margin:3px 0px;line-height:120%;}
h4 {font-size:10px;line-height:120%;}

#Pagearea{height:1;}/*Används för att kunna anpassa sidans höjd till browserfönstret. Höjd måste anges utan "px" */

.dottedLine{background:url(../Styles/cssimg/bg_dottedLine2.gif) transparent 0% 100% repeat-y;}

/* Article startpage top */
/* ............................................................................. */
.articlearea {background-color:#fff;padding:0;margin:0 0 13px 0;width:auto;overflow:hidden;zoom:1;}

/* Bottom */
/* ............................................................................. */
#bottomarea {background: #000 url(cssimg/bottomarea-bg.png) repeat-x;padding:20px 0 0 0;margin:0;width:778px;position:relative;border-bottom: solid 5px #3b3b3b;}
#contentarea2cols #bottomarea {padding:0;border-top:1px solid #A6A296;}
#bottomarealeft, #bottomarearight {position:relative;float:left;display:inline;}


/* Bottom left */
/* ............................................................................. */
#bottomarealeft {width:262px;margin:10px 52px 0px 19px;background:url(cssimg/bottomarealeft-bg.png) left bottom;}
#bottomarealeft h1 {width: 262px; height: 26px;line-height:26px;padding-left:10px;background:url(cssimg/calendar-heading-bg.png) no-repeat;font-size:120%;font-family:arial, verdana;}
#kalendariumbody {background:url(cssimg/kalendariumbody-bg.png) no-repeat left top; padding:8px 2px 0px 2px;overflow:hidden;margin: 0 2px;}

/* Kalendarium */
/* ............................................................................. */
/* hide from IE5.0/Win & IE5\Mac */
#kalendariumbody ul li {overflow:hidden;}
* HTML #kalendariumbody ul li a {height: 1%;}
/* */
* HTML #kalendariumbody ul {position: relative;} /* IE needs this to fix a rendering problem */
#kalendariumbody ul {list-style: none;margin:0px 0px 0 0px;padding:0;}
#kalendariumbody ul li {list-style: none;margin:0;padding:4px 0px 5px 0px !important;padding:5px 0px;border-bottom:1px solid #5a5a58;}
#kalendariumbody ul li span {font-size:90%;display: block;padding: 2px 0px 2px 22px;background: url(cssimg/kalendarium_link_dot.gif) transparent 11px 50% no-repeat;}
#bottomarealeft ul li a {font-size:100%;color: #fff;display: block;padding: 0px 0px 0px 22px;text-decoration: none;font-weight:bold;}
#kalendariumbody ul li a:hover {background-color:#F3D92A;color:#000000;text-decoration:none;}
#kalendariumbottom {padding:12px 0 10px 0;text-align: center;}

/* Bottom right */
/* ............................................................................. */
#bottomarearight {width:410px;margin:4px 0 0 0;}
#bottomarearight div {margin:6px 0 6px 0;}
#bottomarearight a img {display:inline;}
#lowerBanner a { height:100px; width:50px; display:block;}

/* article - 240px width */
/* ............................................................................. 
.article240width {float:left;position:relative;background-color:#fff;color:#545437;padding:0px 0px 10px 0px;margin:0 0 0 15px;width:240px;line-height:140%;display:inline;}
.article240width .articlesmallrub {background-color:#F0F0DE;color:#696942;padding:0px 0px 0px 2px;margin:4px 0 0 0;font-size:90%;}
.article240width h1 {font-size:160%;margin: 0px 0px 2px;padding:0;}
.article240width h1.green {color:#A08F38;}
.article240width a {line-height:31px;margin:11px 0 4px 0;padding:0 3px 0 0;color:#3A2E1A;text-decoration:none;}
.article240width a:hover {color:#fff;background-color:#DF7609;} */

/* article  */
/* ............................................................................. */
.article {font-family: Arial, Verdana;float:left;position:relative;background-color:#fff;color:#000;padding:0px 0px 6px 0px;margin:0 0 0 15px;width:240px;min-width:240px;line-height:140%;display:inline;}
.article img {float:left;}
.article .articlesmallrub {font-family:Verdana;background-color:#000;color:#fff;padding:0px 0px 0px 5px;font-size:90%;}
.article h1 {font-size:180%;margin: 8px 0px 4px;padding:0;}
.article a, .article a:active, .article a:visited {margin:0 0 4px 0;padding:0 3px 0 0;color:#000;text-decoration:none;font-weight:bold;}
.article a.imageLink, .articletwocolsarea a.imageLink,
.article a.imageLink:link, .articletwocolsarea a.imageLink:link,
.article a.imageLink:active, .articletwocolsarea a.imageLink:active {margin: 0; padding: 0;}
.article a:hover {color:#fff;background-color:#000;text-decoration:none;}
.article p{margin: 0 0 6px;font-family:Verdana;}
/*	Added by GBE to make it possible to use 2 links in one puff */ 
.article a.primarylink {margin:10px 0 0px 0; padding-top:0px; line-height:29px;}
.article a.secondarylink {margin-top:-10px 0 4px; padding-top:0px; line-height:0;}

.twocolsarea a.secondarylink {line-height:15px;}

/* article - 385px width */
/* ............................................................................. 
.article385width {float:left;position:relative;background-color:#fff;color:#545437;padding:8px 0px 10px 0px;margin:0 0 0 15px;width:385px;line-height:140%;display:inline;}
.article385width h1 {font-size:160%;margin: 1px 0px 2px 0px;}
.article385width a {padding:0 3px 1px 3px;color:#3A2E1A;text-decoration:none;}
.article385width a:hover {color:#fff;background-color:#DF7609;} */


/* small article */
/* ............................................................................. */
.articletwocolsarea, .twocolsarea, .twocolsarea img, .twocolsareatext {float:left;position:relative;}
.twocolsarea img {background-color:#fff;border:1px solid #000;width:131px;float:left;position:relative;}
.articletwocolsarea {width:770px;padding:0 0 7px 0;height:100%;}
.twocolsarea .articlesmallrub {font-family:Verdana;background-color:#000;color:#fff;padding:2px 0px 2px 5px;margin:0px 0 0 -5px;font-size:90%;}
.twocolsarea {width:367px;margin:0 0 15px 15px;display:inline;}
.twocolsareatext {font-family: Arial, Verdana;color:#000;background-color:#fff;padding:0px 0px 0px 9px;width:224px;}
.twocolsareatext p {line-height: 140%;font-family: Verdana;}
.twocolsarea h1 {font-size:130%;margin: 5px 0px 1px 0px;color:#000;}
.twocolsarea a, .twocolsarea a:active, .twocolsarea a:link {line-height:100%;padding:0 3px 1px 0px;color:#000;text-decoration:none;font-weight: bold;}
.twocolsarea a:hover {color:#fff;background-color:#000;text-decoration:none;}
.articletwocolsarea p{margin: 0 0 5px 0;}


/* mediaspelaren */
/* ............................................................................. */
#embed {width:224px;height:218px;background: url(cssimg/embed.gif) transparent 0% 0% no-repeat;}
#openinmediaplayer {background: url(cssimg/mediaplayer_bottom_bg.gif) transparent 100% 0% no-repeat;}
#openinmediaplayer span {padding:5px 0px 4px 2px; width:222px; display:block;}
#openinmediaplayer a {font-size:90%;padding:0px 0px 1px 17px;display:block;color:#423E31;text-decoration:none;background: url(cssimg/mediaplayer_openlink.gif) transparent 2px 1px no-repeat;}
#openinmediaplayer a:hover { color:#FFFFFF; background-color:#FF6600;}


/* ............................................................................. */
/* Tv - Radio - Webb Tablåsida */
/* ............................................................................. */
.toptextarea {position:relative;}
.toptextarea h1 {font-family:Verdana;background-color:#2c2c25;color:#fff;font-size:160%;padding:15px 0 19px 19px;margin:0;line-height:120%;}
.toptextarea .smallgraytext {background: url(cssimg/rub_green_dot.gif) #3F403A 7px 50% no-repeat;color:#CECDC8;font-size:160%;padding:3px 0 4px 19px;margin:0;line-height:120%;font-size:90%;font-weight:bold;}


/* ............................................................................. */
.greenbgarticlearea {background-color:#EDEDEB;padding:0;margin:0;width:auto;position:relative;float:left;}

/* ............................................................................. */
.articleareatop {background-color:White;float:left;}

/* article - 299px width - 2 kolumns artiklar i toppen */
/* ............................................................................. */
.articleareatop .article299width {float:left;position:relative;color:#545437;width:299px;display:inline;}
.articleareatop .article299width .articlesmallrub {background-color:#E0DFDA;color:#403F3B;padding:2px 5px 3px 4px;font-size:90%;display:inline;}
.articleareatop .article299width .articletext {font-family: Arial, Verdana;color: #3d3c39;padding:0px 10px 0px 4px;margin:4px 0px 0px 0px;line-height:140%;}
.articleareatop .article299width h1 {font-size:180%;margin:7px 0 5px;padding:0;}
.articleareatop .article299width h2 {font-size:120%;margin:0;padding:0;font-family:arial, verdana;font-weight:bold;}
.articleareatop .article299width h1.green {color:#A08F38;}
.articleareatop .article299width a {display:block;line-height:120%;margin:13px 0 0 0;padding:0 0 0 0;color:#3A2E1A;text-decoration:none;}
.articleareatop .article299width a:hover {background-color:transparent;text-decoration:none;}
.articleareatop .article299width a:hover span {color:#fff;background-color:#B51621;}
.articleareatop .paddingtoparticle {padding:12px 12px 12px 8px;margin:0 0 0 0px;}


/* article - 299px width - 2 kolumns artiklar med grön bakgrund */
/* ............................................................................. */
.greenbgarticlearea .article299width {font-family:Arial, Verdana;float:left;position:relative;color:#000000;display:inline;border-bottom:4px solid #fff;}
.greenbgarticlearea .article299width .articlesmallrub {color:#403F3B;margin:7px 0px 2px 15px;font-size:90%;}
.greenbgarticlearea .article299width .articletext {padding:0px 10px 0px 15px;margin:4px 0px 0px 0px;line-height:140%;}
.greenbgarticlearea .article299width h1 {font-size:160%;margin:0;padding:0;}
.greenbgarticlearea .article299width h2 {font-size:120%;margin:0 0 4px;padding:0;font-family:arial, verdana;font-weight:bold;}
.greenbgarticlearea .article299width h1.green {color:#A08F38;}
.greenbgarticlearea .article299width a {display:block;line-height:120%;margin:11px 0 10px 0;padding:0 0 0 0;color:#3A2E1A;text-decoration:none;}
.greenbgarticlearea .article299width a:hover {background-color:transparent;text-decoration:none;}
.greenbgarticlearea .article299width a:hover span {color:#fff;background-color:#B51621;}
.greenbgarticlearea .paddingtoparticle {padding:12px 12px 12px 8px;margin:0 0 0 0px;}

/*	GBE har ökat höjden på pufen från 192 till 202 px för att under-/överrukriken skall synas. */
.greenbgarticlearea .articleleft, .greenbgarticlearea .articleright {float:left;position:relative;margin:0;width:297px;height:202px;}
.greenbgarticlearea .articleleft {border-right:2px solid #fff;}
.greenbgarticlearea .articleright {border-left:2px solid #fff;}

/* ............................................................................. */
/* undersida - valfrittområde + vanlig sida */
/* ............................................................................. */
/* undersida - area 3 - toppen */
.differentarea {height:132px;width:598px;overflow:hidden;background: url(/UR.se/images/designbild1_area3.gif) #fff 0% 0% no-repeat;}
/* undersida - area 2 - vanlig sida - byt ut bgimage - bgimage ligger alltid höger och topp */
#stdtextarea {
width:514px !important;
width:592px;
margin:0px 0px 0px 0px;
padding:22px 35px 0px 43px;
line-height:140%;
}
#stdtextarea h1 {font-size:220%;margin: 0px 0px 13px;padding:0;}
#stdtextarea h2 {font-size:120%;margin:23px 0px 0px 0px;padding:0;}
#stdtextarea h3 {font-size:110%;margin:0px 0px 0px 0px;padding:0;}
#stdtextarea a { color:#B51621; text-decoration:none;}
#stdtextarea a:hover { color:#FFFFFF; text-decoration:none; background-color:#B51621;}
#stdtextarea a strong { color: #000; }
#stdtextarea a strong:hover { background: #fff; }
#stdtextarea p { padding:0px; margin:3px 0px 15px 0px; l-ine-height:110%}
#stdtextarea .buttonArea {padding:0px 0px 25px 0px;}

/* Puff/artikel undersida */
/* ........................................................................... */
#PuffArticleBackgroundarea{background:url(/UR.se/styles/cssimg/bg_rightLine.gif) transparent 100% 0% repeat-y; width:599px;}

#PuffArticleTextarea
{
    width:513px !important;
    width:592px;
    margin:0px 0px 0 1px;
    padding:17px 38px 0 42px !important;
    padding:17px 31px 0 42px;
    line-height:140%;
    background: url(/UR.se/styles/cssimg/bg_articlePage.gif) transparent 100% 0% repeat-x;
}
#PuffArticleTextarea h1 {font-size:160%;margin: 0px 0px 0px;padding:0; color:#3F2A14;}
#PuffArticleTextarea h2 {font-size:110%;margin: 0px 0px 2px;padding:0;}
#PuffArticleTextarea a { color:#B51621; text-decoration:none;}
#PuffArticleTextarea a:hover { color:#FFFFFF; text-decoration:none; background-color:#B51621;}

#PuffArticleTextarea .infoArea{background-color:#F0F0DE;color:#696942;padding:0px 0px 0px 2px;margin:9px 0 9px 0;font-size:90%;}
#PuffArticleTextarea .publishArea {color:#696942; padding:0; margin:-1px 0px -2px 0px; display:block;}
#PuffArticleTextarea .articleArea {padding-bottom:10px;}
#PuffArticleTextarea .buttonArea {padding:0px 0px 38px 0px !important; padding:0px 0px 40px 0px;}
#PuffArticleTextarea .buttonArea img {border:solid 0px #000;}

/* Puff/artikel undersida vid utskrift */
#ArticlePagePrint .buttonArea { display:none;}


/* Bakgrundsfärg som används på sidan webbm.fl. bakom de små puffarna */
/* ........................................................................... */
.puffBackgroundColor{background-color:#EDEDEB;}


/* Radio- och Tv-tablåer - kortfattade och detaljerade*/
/* ........................................................................... */

#broadcastArea{padding-left:14px; margin-right:20px; background-color:White;}

#broadcastArea h2{color:#000;font-size:150%; padding:8px 0 15px 1px; margin:0; font-family:Arial;}

#broadcastTableHeader
{
     background:url(cssimg/bg_radiotabla_head.gif) transparent 0% 100% repeat-x;
     padding:8px 0px 0px 0px;
     height:20px !important;
     height:31px;
     background-color:#453F29;
     text-align:center;
     border-bottom:solid 2px #F6F7EF;
     border-top:solid 1px #FCFBF9;
     margin:0;
     color:#70F365;
     font-size:85%;
     font-weight:bold;
}

#broadcastTableHeader .leftarea {float:left; width:30%;}
#broadcastTableHeader .centerarea {float:left; width:40%;}
#broadcastTableHeader .centerarea a {text-decoration:none;padding:0; margin:0; color:#70F365; font-weight:bold;}
#broadcastTableHeader .centerarea a:hover {text-decoration:underline;}
#broadcastTableHeader .rightarea {float:right;width:30%;text-align:right;}
#broadcastTableHeader .rightarea a {text-decoration:none;padding: 0px 2px 0px 1px; margin:0px 8px 0px 0px; color:#FBE21A; font-weight:normal;}
#broadcastTableHeader .rightarea a:hover {text-decoration:underline;}

#broadcastTableBottomShort{height:30px;background-color:#453F29; background:url(cssimg/bg_radiotabla_bottom.gif) transparent 0% 100% repeat-x;}
#broadcastTableBottomLong{clear:both;font-size:85%;font-weight:bold;color:#70F365;text-align:center;padding:11px 0px 0px 0px;height:19px !important;height:30px;background:url(cssimg/bg_radiotabla_bottom.gif) #453F29 0% 0% repeat-x;}

#broadcastTableBottomLong .leftarea {float:left; width:30%;}
#broadcastTableBottomLong .centerarea {float:left; width:40%;}
#broadcastTableBottomLong .centerarea a {text-decoration:none;padding:0; margin:0; color:#70F365; font-weight:bold;}
#broadcastTableBottomLong .centerarea a:hover {text-decoration:underline;}
#broadcastTableBottomLong .rightarea {float:right;width:30%;text-align:right;}
#broadcastTableBottomLong .rightarea a {text-decoration:none;padding: 0px 2px 0px 1px; margin:0px 8px 0px 0px; color:#FBE21A; font-weight:normal;}
#broadcastTableBottomLong .rightarea a:hover {text-decoration:underline;}

div.currentBroadcastShort {height:24px;padding:4px 6px 0 11px;border-bottom:solid 2px #fff;background-color:#cccccc;background: #cccccc url(/UR.se/images/media-playing-arrow.gif) no-repeat left 8px;}
div.futureBroadcastShort  {height:24px;padding:4px 6px 0 11px;border-bottom:solid 2px #fff;background-color:#efefef;}
div.pastBroadcastShort    {height:24px;border-bottom:solid 2px #fff;padding: 4px 6px 0 11px;background-color:#efefef;}
div.noBroadcastShort      {height:21px;border-bottom:solid 2px #fff; padding-top:7px; padding-left:11px; background-color:#efefef;}

div.currentBroadcastShort span.time {float:left;width:33px;text-align:left;color:#333333;padding-top:3px;}
div.currentBroadcastShort span.channel {float:left;width:54px;text-align:center;font-weight:bold;color:#2B2922;padding-top:3px;font-size:75%;}  
div.currentBroadcastShort span.program {float:left;width:362px;text-align:left;font-weight:bold;color:#2B2922;padding-top:3px;}
div.currentBroadcastShort span.program a {text-decoration:none;color:#2B2922;}
div.currentBroadcastShort span.program a:hover{background-color:#000; color:#ffffff;}

div.futureBroadcastShort span.time {float:left;width:33px;text-align:left;color:#333333;padding-top:3px;}
div.futureBroadcastShort span.channel {float:left;width:54px;text-align:center; font-weight:bold;color:#999999;padding-top:3px;font-size:75%;}
div.futureBroadcastShort span.program {float:left;width:362px;text-align:left;color:#333333;padding-top:3px;}
div.futureBroadcastShort span.program a {text-decoration:none;color:#333333;}
div.futureBroadcastShort span.program a:hover{background-color:#000; color:#ffffff;}

div.pastBroadcastShort span.time {float:left;width:33px;text-align:left;color:#7B7474;padding-top:3px;}
div.pastBroadcastShort span.channel {float:left;width:54px;text-align:center;font-weight:bold;color:#999999;padding-top:3px;font-size:75%;}
div.pastBroadcastShort span.program {float:left;width:362px;text-align:left;color:#7B7474;padding-top:3px;}
div.pastBroadcastShort span.program a {text-decoration:none;color:#999999;}
div.pastBroadcastShort span.program a:hover{background-color:#000; color:#ffffff;}

div.currentBroadcastLong {width:562px;float:left;border-bottom:solid 2px #DFDCD9;background:#cccccc;}
div.futureBroadcastLong  {width:546px;float:left;border-bottom:solid 2px #DFDCD9;background-color:#EFEFEF;padding: 4px 6px 6px 11px;}
div.pastBroadcastLong    {width:546px;float:left;border-bottom:solid 2px #DFDCD9;padding: 4px 6px 6px 11px;background-color:#EFEFEF;}
div.noBroadcastLong      {padding-bottom:6px;width:553px;float:left;border-bottom:solid 2px #DFDCD9; padding-top:7px; padding-left:11px; background-color:#EFEFEF;}

div.currentBroadcastLong .innerDiv{background:url(/UR.se/Images/media-playing-arrow.gif) no-repeat left 8px;float:left;width: 544px;padding:4px 6px 5px 9px;border-style: solid; border-color: #efefef;border-width: 1px 0 1px 2px;}

div.currentBroadcastLong span.time {float:left;width:33px;text-align:left;color:#333333;padding-top:3px;}
div.currentBroadcastLong span.channel {float:left;width:54px;text-align:center;font-weight:bold;color:#2B2922;padding-top:3px;font-size:75%;}  
div.currentBroadcastLong span.program {float:left;width:362px;text-align:left;font-weight:bold;font-weight:bold;color:#2B2922;padding-top:3px;}
div.currentBroadcastLong span.program a {text-decoration:none;color:#2B2922;}
div.currentBroadcastLong span.program a:hover{background-color:#F89801; color:#ffffff;}

div.futureBroadcastLong span.time {float:left;width:33px;text-align:left;color:#333333;padding-top:3px;}
div.futureBroadcastLong span.channel {float:left;width:54px;text-align:center;font-weight:bold;color:#999999;padding-top:3px;font-size:75%;}
div.futureBroadcastLong span.program {float:left;width:362px;text-align:left;font-weight:bold;color:#333333;padding-top:3px;}
div.futureBroadcastLong span.program a {text-decoration:none;color:#333333;}
div.futureBroadcastLong span.program a:hover{background-color:#F89801; color:#ffffff;}

div.pastBroadcastLong span.time {float:left;width:33px;text-align:left;color:#7B7474;padding-top:3px;}
div.pastBroadcastLong span.channel {float:left;width:54px;text-align:center;font-weight:bold;color:#999999;padding-top:3px;font-size:75%;}
div.pastBroadcastLong span.program {float:left;width:362px;text-align:left;font-weight:bold;color:#7B7474;padding-top:3px;}
div.pastBroadcastLong span.program a {text-decoration:none;color:#7b7474;}
div.pastBroadcastLong span.program a:hover{background-color:#F89801; color:#ffffff;}

.description{float:left; padding-top:2px; font-weight:normal; color:#333333; font-size:90%; line-height:155%;}

#broadcastArea span.buttonListen {float:right;margin-right: 7px;}
#broadcastArea span.buttonTip {float:right;}


/* 7 days table */
#broadcastArea div.radioSevenDay{clear:both;background:#b2b2b2; height:28px;padding-left:8px;}
#broadcastArea div.radioSevenDay span{float:left; font-weight:bold; font-size:90%; color:#453E24; padding-top:7px;}
#broadcastArea div.radioFirstSevenDay{background:url(/UR.se/Styles/cssimg/bg_7days_radio_day1.gif) transparent 0% 100% repeat-x; height:28px;padding-left:8px;}
#broadcastArea div.radioFirstSevenDay span{float:left; font-weight:bold; font-size:90%; color:#453E24; padding-top:7px;}

#broadcastArea div.tvSevenDay{clear:both;background:#b8b8b8;height:28px;padding-left:8px;border-bottom:solid 2px #fff;}
#broadcastArea div.tvSevenDay span{float:left; font-weight:bold; font-size:90%; color:#453E24; padding-top:7px;}
#broadcastArea div.tvFirstSevenDay{background:url(/UR.se/Styles/cssimg/bg_7days_tv_day1.gif) transparent 0% 100% repeat-x; height:28px;padding-left:8px;}
#broadcastArea div.tvFirstSevenDay span{float:left; font-weight:bold; font-size:90%; color:#453E24; padding-top:7px;}

#broadcastArea div.emptySpace{min-height:25px !important;height:25px;float:left;}
#broadcastArea div.emptySpaceSevenDay{min-height:75px !important;height:75px;float:left;}

#SevenDaysTableHeader
{
     background: #000;
     padding:11px 0px 8px 0px;
     overflow: hidden;
     zoom: 1;
     border-bottom: solid 1px #fff;
     text-align:center;
     margin:0;
     color:#70F365;
     font-size:10px;
     line-height: 10px;
     font-weight:bold;
     color: #999999;
}

#SevenDaysTableHeader .leftarea {float:left; width:40%;}
#SevenDaysTableHeader .leftarea a {text-decoration:none;padding:0; margin:0; color:#70F365; font-weight:bold;}
#SevenDaysTableHeader .leftarea a:hover {text-decoration:underline;}
#SevenDaysTableHeader .rightarea {float:right;width:40%;text-align:right;}
#SevenDaysTableHeader .rightarea a {text-decoration:none;padding: 0px 4px 0px 1px; margin:0px 8px 0px 0px; color:#FBE21A; font-weight:normal;}
#SevenDaysTableHeader .rightarea a:hover {text-decoration:underline;}

#SevenDaysTableBottom{clear:both;font-size:85%;font-weight:bold;color:#70F365;text-align:center;padding:11px 0px 0px 0px;height:22px !important;height:33px;background:url(cssimg/bg_radiotabla_bottom.gif) #000 0% 0% repeat-x;}

#SevenDaysTableBottom .leftarea {float:left; width:40%;}
#SevenDaysTableBottom .leftarea a {text-decoration:none;padding:0; margin:0; color:#70F365; font-weight:bold;}
#SevenDaysTableBottom .leftarea a:hover {text-decoration:underline;}
#SevenDaysTableBottom .rightarea {float:right;width:40%;text-align:right;}
#SevenDaysTableBottom .rightarea a {text-decoration:none;padding: 0px 4px 0px 1px; margin:0px 8px 0px 0px; color:#FBE21A; font-weight:normal;}
#SevenDaysTableBottom .rightarea a:hover {text-decoration:underline;}

.emptyWidth{float:left;width:5px;}

/* Kalendersida */
/* ........................................................................... */
#CalendarPage{width:777px; background:url(/UR.se/Styles/cssimg/bg_calendar.gif) #DEDDD3 0% 100% repeat-y;}

.calendarHeadlineArea{width:777px; height:68px; background:#2c2c25;border-top:solid 8px #bbb9b2;}
.calendarHeadline{color:White;padding-top:20px;padding-left:16px;font-size:160%;float:left; width:300px;font-weight: bold;}
.sendTipToUR{float:right;padding-top:27px; padding-right:15px; color:White;}

#calendarTable
{
    width:777px;
    color: #000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:80%;
}

#calendarTable img{border:none;}

#calendarTable th.headingCellHeadline{font-family:Arial;width:514px;height:40px;padding-left:16px;font-weight:bold;font-size:14px;text-align:left;background: #000; color:White;}
#calendarTable th.headingCellDate{width:140px;height:40px;text-align:center;font-weight:bold;font-size:120%;background:#666666;color:White;}
#calendarTable th.headingCellPlace{width:123px;height:40px; text-align:center;font-weight:bold;font-size:120%;background:#4c4c4c;color:White;}

#calendarTable tr.itemBg {background-color:#edece9;}
#calendarTable tr.selectedItemBg{background-color:#FFFFFF;}

#calendarTable td.shadow{height:4px; background:url(../Styles/cssimg/kalendariet_skugga.gif) transparent 0% 100% repeat-x;color:White;}

#calendarTable td.imageCell{width:124px;background:#f0efec url(../Styles/cssimg/calendar-left-bg.gif) repeat-y right top;border-bottom:solid 1px #EAE9E1; vertical-align:top; text-align:center;}
#calendarTable td.imageCellSelected{width:124px;background:url(../Styles/cssimg/bg_calendar_left_selected.gif) transparent 0% 100% repeat-y;border-bottom:solid 1px #EAE9E1; vertical-align:top; text-align:center;}
#calendarTable td.infoCell {width:390px;vertical-align:top;}
#calendarTable td.dateCell {width:140px;text-align:center;vertical-align:top;}
#calendarTable td.addressCell {width:123px;text-align:right;vertical-align:top;}
#calendarTable td.addressCellSelected {width:123px;text-align:right;vertical-align:top;}
#calendarTable td.printCell {width:390px;}

#calendarTable .eventImage{margin-top:25px; margin-right:10px;}

#calendarTable a {color:#000;text-decoration:none;display:inline; padding-left:2px; padding-right:2px;}
#calendarTable td a:hover {background-color:#F89801; color:#ffffff; border:solid 0px #000000;}

#calendarTable .block{display:block;}
#calendarTable .pdfLink{padding-left:7px; padding-bottom:16px;padding-top:14px; display:block; font-size:125%;}
#calendarTable .pdfIco{ vertical-align:middle; margin-right:5px;}
#calendarTable .urlLink {padding-left:7px; padding-bottom:16px; padding-top:2px; display:block; font-size:125%;}
#calendarTable .urlLink a {color:#000;}


#calendarTable .activityHeadline{display:block;padding-left:7px;padding-top:16px;font-weight:bold; color:#000000; font-size:130%;}
#calendarTable .activityHeadline a{color:#000;}
#calendarTable .activityText{margin-bottom:13px;display:block;width:350px; padding-left:7px;padding-top:0px;margin-top:8px;font-size:125%; line-height:140%;}
#calendarTable .activityTextSelected{display:block;width:350px; padding-left:7px;margin-top:8px;font-size:125%; line-height:140%;}

#calendarTable .dateField { width:120px; padding-top:18px; display:block;font-size:125%;}
#calendarTable .timeField { width:120px; padding-top:3px; padding-bottom:33px;display:block;font-size:125%;}

#calendarTable .detailInfoArea{height:87px;display:block;}
#calendarTable .addressField {padding-right:16px; padding-top:3px; display:block;font-size:125%;}
#calendarTable .localityField {padding-right:16px;padding-top:18px;display:block;font-weight:bold;font-size:125%;}

#calendarTable .buttonPrintField{padding-left:3px; padding-top:2px; padding-bottom:19px; display:block; }
#calendarTable .buttonPrintField a:hover { background-color:Transparent;}
#calendarTable .buttonTipField {padding-right:14px; padding-bottom:12px;display:block;}
#calendarTable .buttonTipField a:hover {background-color:Transparent;}
#calendarTable .buttonRegisterField {padding-bottom:12px; position:relative;left:-1px; display:block;}
#calendarTable .buttonRegisterField a:hover {background-color:Transparent;}

#calendarTable .bottomBorder{border-bottom:solid 1px #EAE9E1;}
#calendarTable .rightLine{background:url(/UR.se/Styles/cssimg/bg_CalendarRightLine.gif) Transparent 100% 0% repeat-y;}

/* Kalendariehändelse vid utskrift */
#printRow .activityText{float:left;width:250px; padding-left:7px;padding-top:1px !important; padding-top:10px;font-size:110%;}

/* Forms */
/* ........................................................................... */
#formPage {
    background-color:#ededed;
    text-align: left;
    height:609px;
}

.formHeading
{
    font-family:Arial;font-size:16px; font-weight:bold; padding-top:20px; padding-left:20px; color:#3F2A14;
}

.headingBanner{display:block;height:18px;background-color:#403F3B;color:#FFFFFF;width:350px;padding-left:7px;padding-top:2px;}
.headingBanner .headlineTip{padding-left:1px;padding-right:128px;font-weight:bold;color:#CECDC9;}
.headingBanner .headlineReg{padding-left:1px;padding-right:106px;font-weight:bold;color:#CECDC9;}
.headingBanner .info{padding-top:2px;color:#EEEFE1;font-size:90%;}
.headingBannerSpace{display:block;height:24px;}

.formText
{
	padding:18px 40px 28px 20px;
	line-height:120%;
}
.star
{
	color: #FE6400;
}
.inputLabel
{
	height: 13px;
	font-weight: bold;
	margin-right: 8px;
	padding-left: 16px;
	padding-bottom:3px;
	font-weight: bold;
	font-size: 100%;
	vertical-align: top;
}
.inputLabelMedium
{
	height: 13px;
	font-weight: bold;
	margin-right: 8px;
	padding-left: 16px;
	padding-bottom:3px;
	font-weight: bold;
	font-size: 100%;
	vertical-align: top;
}
.inputLabelShort
{
	height: 13px;
	font-weight: bold;
	margin-right: 8px;
	padding-left: 6px;
	padding-bottom:3px;
	font-weight: bold;
	font-size: 100%;
	vertical-align: top;
}
.inputField
{
	width: 298px;
	height: 1.5em;
	padding-left: 16px;
	padding-bottom:3px;
	margin-bottom:1px;
	font-size: 100%;
}
.inputField input
{
	height: 16px;
	border: solid 1px #7F9DB9;
	padding-left: 2px;
}
.inputFieldMedium
{
	width: 176px;
	height: 1.5em;
	padding-left: 16px;
	padding-bottom:3px;
	margin-bottom:1px;
	font-size: 100%;
}
.inputFieldMedium input
{
	height: 16px;
	border: solid 1px #7F9DB9;
	padding-left: 2px;
}

.inputFieldShort
{
	width: 110px;
	height: 1.5em;
	padding-left: 4px;
	padding-bottom:3px;
	padding-right:0px;
	margin-bottom:1px;
	font-size: 100%;
}
.inputFieldShort input
{
	height: 16px;
	border: solid 1px #7F9DB9;
	padding-left: 2px;
}

.inputFieldArea
{
	width: 298px;
	height: 62px;
	padding-left: 2px;
	font-size: 100%;
	border: solid 1px #7F9DB9;
}
.formBottomSpace
{
	line-height:5px;
}

.formBottomArea
{
    border-top:solid 2px #FFFFFF;
    height:20px;
}

.buttonSend {padding-top:11px; padding-right:17px;}
.buttonClear {padding-top:11px; padding-right:5px;}

.thankYou{text-align:center;font-weight:bold;display:block; padding-top:30px;}

#errorMsg{color:#FF6500; padding-left:20px;}

#errorMsg span
{
    display:block;
    color:#FF6500;
    padding:2px 0px 2px 0px;
}

.errorHeadline{ font-weight:bold;}
.errorSpace1{padding-bottom:20px;}
.errorSpace2{padding-bottom:46px;}

/* Lista Webbplatser */
/* ........................................................................... */
#WebListArea{padding-left:14px; margin-right:20px; background-color:White;}
#WebListArea h2{color:#402A15;font-size:150%; padding:8px 0 15px 1px; margin:0px; font-family:Arial;float:left; }
#WebListArea div.emptySpace{min-height:88px !important;height:88px;}

/* Rubrikbilder */
.headline_larresurser{width:565px;height:27px; padding-left:6px; margin-top:5px; background:url(../Styles/cssimg/weblistTitle_larresurser.gif) transparent 0% 100% no-repeat;}
.headline_ljudstod{width:565px;height:27px; padding-left:6px; margin-top:5px; background:url(../Styles/cssimg/weblistTitle_ljudstod.gif) transparent 0% 100% no-repeat;}
.headline_malgrupp{width:565px;height:27px; padding-left:6px; margin-top:5px; background:url(../Styles/cssimg/weblistTitle_malgrupp.gif) transparent 0% 100% no-repeat;}
.headline_amne{width:565px;height:27px; padding-left:6px; margin-top:5px; background:url(../Styles/cssimg/weblistTitle_amne.gif) transparent 0% 100% no-repeat;}
.headline_ao{width:565px;height:27px; padding-left:6px; margin-top:5px; background:url(../Styles/cssimg/weblistTitle_ao.gif) transparent 0% 100% no-repeat;}
.headlineText{color:#222200;padding-top:5px;display:block;font-weight:bold;font-size:105%;}

.weblist{background:url(/UR.se/Styles/cssimg/bg_webblist.gif) #E9E9E1 0% 0% repeat-x;border-left:solid 2px #A7A59B;border-right:solid 2px #A7A59B;border-bottom:solid 3px #A7A59B;padding-right:44px;}

.weblistItemShort{height:33px;border-bottom:solid 1px #D0CFC7;}
.weblistItemShort .webText{float:left;padding-left:11px;padding-top:9px;color:#333300;}
.weblistItemShort .webText a{color:#333300;}
.weblistItemShort .webText a:hover{ text-decoration:none;background-color:#F89801;color:#ffffff;}

.weblistItemLong{float:left;padding-bottom:8px;border-bottom:solid 1px #D0CFC7;}
.weblistItemLong .webText{width:470px;float:left;padding-left:8px; padding-top:7px;color:#333300;}
.weblistItemLong .webText a{font-weight:bold; text-decoration:none;color:#333300;}
.weblistItemLong .webText a:hover{text-decoration:none;background-color:#F89801;color:#ffffff;}
.weblistItemLong .webText .text{display:block;padding-top:3px;line-height:140%;}

.weblistItemShort .soundIco{float:left;padding-top:6px; padding-left:5px;width:31px; width:25px !important; width:31px; display:block;}
.weblistItemLong .soundIco{float:left;padding-top:6px; padding-left:6px;width:31px; width:25px !important; width:31px; display:block;}

/*********************/
/* MediaPage         */
/*********************/
.smallLeftMargin{margin-left:1px;}

/*********************/
/* DMB               */
/*********************/
.mediaContent
{
	width: 540px;
	height: 100%;
}
.mediaContentDiv
{
	padding-left: 32px;
	padding-right: 15px;
	padding-bottom: 25px;
	padding-top: 20px;
}

.border1 {border:1px solid #cccccc;}
.border2 {border:1px solid #D0D0C1;}

.meny2 {font-family:Verdana,Arial;color:#FDFDFD;}

.padding10px {padding-top:7px;padding-bottom:2px;padding-left:10px;padding-right:5px;}
.padding2px {padding-top:2px;padding-bottom:2px;padding-left:0px;padding-right:0px;}

.huvudrubrik {font-family:Verdana,Arial;font-size: 154% !important; font-size: 110%; font-weight:bold;color:#333333;}

.mellanrubrik {font-family:Verdana,Arial;font-size: 1.1em !important;font-size: 0.8em;font-weight:bold;color:#333333;}
.mellanrubrik-liten {font-family:Arial,Verdana;font-size: 93% !important;font-size:66%;letter-spacing:1px;font-weight:bold;color:#333333;}
.mellanrubrik-stor {font-family:Verdana,Verdana;font-size: 118% !important;font-size:84%;font-weight:bold;color:#333333;}

.brodtext {font-family:Verdana,Arial;font-size: 100% !important; font-size: 71%; line-height:140%;color:#333333;}
.brodtext-liten {font-family:Verdana,Arial;line-height:160%;color:#333333;}

.rubrik-vit {font-family:Arial,Verdana;font-weight:bold;color:#ffffff;}
.rubrik-puff {font-family:Verdana,Arial;font-weight:bold;}

.sok-form {color:#666666;font-family:Verdana,Arial;line-height:125%;border:1px solid #aaaaaa;width:133px;height:21px;}
.sok-knapp {background-color:#808A93;color:#EBEDEA;font-family:Verdana,Arial;font-size: 112% !important;font-size:80%;font-weight:bold;line-height:45%;width:30px;height:21px;}
.knapp {color:#555554;font-family:Verdana,Arial;border:1px solid #B0B0A0;width:81px;height:22px;filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#F8F8F5,endcolorstr=#DADACD);cursor:hand;}
.knapp2 {color:#666666;font-family:Verdana,Arial;font-weight:bold;border:1px solid #B5B5A7;height:22px;filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#F8F8F5,endcolorstr=#DADACD);cursor:hand;}

.form1 {font-family:Verdana,Arial;color:#000000;width:248px;height:20px;border:1px solid #B6B5A1;}
.form2 {font-family:Verdana,Arial;color:#000000;width:134px;height:20px;border:1px solid #B6B5A1;}
.textarea {font-family:Verdana,Arial;color:#000000;width:248px;height:130px;border:1px solid #B6B5A1;}

A.vit:link {color:#F1F1E4;}
A.vit:visited {color:#F1F1E4;}
A.vit:active {color:#F1F1E4;}
A.vit:hover {color:#F1F1E4;text-decoration:underline;}

A {text-decoration:none;}
A:link {color:#000;}
A:visited {color:#000;}
A:active {color:#000;}
A:hover	{color:#000;text-decoration:underline;}

.brodtext A{text-align:center;}
.brodtext A:hover{background-color:transparent;border:0px solid #fff;}

A.mb:link {color:#333333; text-decoration:underline;}
A.mb:visited {color:#333333; text-decoration:underline;}
A.mb:active {color:#333333; text-decoration:underline;}
A.mb:hover {color:#B23304; text-decoration:underline;}

A.mb-grey{text-align:left;}
A.mb-grey:link {color:#888888;}
A.mb-grey:visited {color:#888888;}
A.mb-grey:active {color:#B23304;}
A.mb-grey:hover {color:#B23304; text-decoration:underline;}

A.mb-red{text-align:left;}
A.mb-red:link {color:#B23304;}
A.mb-red:visited {color:#B23304;}
A.mb-red:active {color:#B23304;}
A.mb-red:hover {color:#B23304; text-decoration:underline;}

/* Column for the page listing */
.programarchiveleftcol {width:380px;margin-left:0px;margin-top:0px;float:left;}
.programarchiveleftcol ul li {overflow:hidden;}
* HTML .programarchiveleftcol ul li a {height: 1%;}
/* */

* HTML .programarchiveleftcol ul {position: relative;} /* IE needs this to fix a rendering problem */
.programarchiveleftcol ul {background-color: transparent;list-style: none;margin:0;padding:0;}
.programarchiveleftcol ul li {list-style: none;margin:0;padding:0;}
.programarchiveleftcol ul li span {font-weight:bold; color: #cfcec9;background-color:#403f3b;display: block;padding: 3px 0px 3px 9px;text-decoration: none;margin:0px 0 2px 0;}
.programarchiveleftcol ul li a {color: #f57409;display: block;line-height:23px;text-decoration:none;margin:0px;}
.programarchiveleftcol ul li a.color {background-color:#f7f7f6;}
.programarchiveleftcol ul li a:hover {text-decoration: underline;}
.programarchiveleftcol ul li a:hover span {color: #3E3E32;background-color:red;}

.programarchiveleftcol ul li li {margin-top:-20px;}

/* Column for the small puff area to the right of the page link list */
.programarchiverightcol {
	position:relative;
	float:left;
	width:183px;
	margin-left:3px;
	margin-top:0px;
}

.programarchiverightcol .puffcontentwrap {margin:0px 0px 3px 0px;}
.programarchiverightcol .puffimagecontainer-left {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.programarchiverightcol .puff1content-imageleft {background-color:#ededeb;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.programarchiverightcol .puffcaptionempty {display:none;height:0px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
.programarchiverightcol .puffcontentpadding {padding:10px 0px 12px 7px; margin:0px 0px 0px 0px;}
.programarchiverightcol h2.puffheading {height:1.4em;font-size:105%;font-family: Arial, Verdana, Helvetica, sans-serif;color:#000000;padding:0px 0px 6px 0px; margin:0px 0px 0px 0px;}
.programarchiverightcol .arrowlink {color:#3a2e1a;padding:6px 0px 0px 0px; margin:0px 0px 0px 0px;}

#listingarea {
	padding: 30px 0 0 29px;
}

