﻿body
{
	background-color:#EB0000; background-image:url(/images/bg.png); background-repeat:repeat-x;
	margin:0; font-family:Verdana, Sans-Serif; font-size:8pt;
}
a img { border:0; }
p { margin:4px; }
#mainWrapper { width:948px; margin:auto; background-color:#ffffff; padding:6px; }
.float-left { float:left; }

/* Footer */
.footer { margin:0; padding:27px; width:894px; background-color:rgb(18,0,0); 
          color:#EE0000; font-size:8pt; }
.footer .links { color:#fff8af; }
.footer .links label { color:#EE0000; }
.footer .links a { color:#fff8af; text-decoration:none; }
.footer .foot-head { font-size:10pt; }

/* Topp-menu */
#menu-top {
	float:right; font-family: verdana, Sans-Serif; font-size:8pt; 
	margin-right:0; padding:6px 0; width:730px; height:20px; margin-top:68px;}
#menu-top ul { list-style-type:none; list-style:none; margin:4px 0; padding:0; }
#menu-top ul li { background-position:left center; background-repeat:no-repeat; 
	display:block; float:left; margin-left:4px; padding-left:12px; padding-right:4px; position:relative; }
#menu-top ul li a { color:#fff8af; text-decoration:none; }
#menu-top ul li a:hover { text-decoration:underline; }
#menu-top #home, #storbymorgen, #music, #oslocare, #trafikk, #about  {background-image:url(/images/gfx/black_line_askew.png);}
#menu-top #location { padding-right:2px; }
#menu-top ul li.first { background-image:none;}
.topblock { width:948px; background-repeat:no-repeat; margin-bottom:6px; }
#subMenuTop { background-color:rgb(18,0,0); height:22px; width:948px; margin:0 0 6px 0; }

/* Submenus for topmenu are hidden and absolutely positioned */
.menulist-top ul { display: none; position: absolute; top: 1.3em; 
	left: 0px; width: 90px; }
/* Second level submenus */
.menulist-top ul ul { top: -20px; margin-top: 0; left: 148px; }
/* Items in submenus */
.menulist-top ul li { float: none; margin: 0; margin-bottom: -1px; display: block; position: relative;
	background-color: rgb(18,0,0); width:90px; height:16px; padding-top:3px;
	font-family: verdana, Sans-Serif; font-size:8pt; background-image:none; }
.menulist-top .dropdown { position:relative; left:3px; top:-2px; width:6px; height:3px; }


/* Program menu top */
#prog_menu_top { color:#EE0000; font-family:Verdana, Sans-Serif; font-size:7pt; font-weight:bold; }
#prog_menu_top div span { color:#FFF8AF; margin-left:5px; font-weight:normal; margin-right:4px; }
#prog_menu_top .td1 { background-image:url(/images/gfx/menu/menu_field_left_33px.png); height:33px; width:14px; }
#prog_menu_top .td2 { background-color:#120000;height:33px; }
#prog_menu_top .td3 { background-image:url(/images/gfx/menu/menu_field_right_left_33px.png);width:14px;height:33px; }
#prog_menu_top .td4 { background-color:#120000;height:20px; }
#prog_menu_top .td5 { background-image:url(/images/gfx/menu/menu_field_right_left_20px.png);width:14px;height:20px; }
#prog_menu_top .td6 { background-color:#120000;height:20px; }
#prog_menu_top .td7 { background-image:url(/images/gfx/menu/menu_field_right_20px.png);width:14px;height:20px; }


/* search box top-right */
#search-box {margin:0; float:right; font:7pt verdana, Sans-Serif; padding:1px 3px 0 0; }
#search-box input {border:0; padding:0; margin-top:2px; background-color:#ffffff; vertical-align:middle; height:16px; }
.search-box-button { margin-left:0px;  }
.search-box-input { width:145px; }

/* Main content */
#main { width:948px; height:100%; padding:0; }

/* Onair panel */
#onairpanel-wrapper { width:288px; height:300px; }
#onair_hostimg { width:288px; height:185px; display:block; background-color:rgb(18,0,0); }
#onairpanel-wrapper .current-program { width:288px;height:48px; background-color:#EE0000; font-family:Verdana, Sans-Serif; font-size:10pt; font-weight:bold; }
#programhosts { font-family:Verdana, Sans-Serif; font-size:8pt; color:#120000; }
#onairinfo { float:left; width:178px; height:99px; background-color:#120000; font-family:verdana, Sans-Serif; font-size:7pt; }
#onairinfo div { margin-left:14px; overflow:hidden; white-space:nowrap; width:153px; }
#onair_play { float:right; width:109px; height:99px; background-color:#120000;text-align:center; }
#onair_play div { margin-top:10px; }
#onair_play a { color:#ee0000;font-family:Verdana, Sans-Serif;font-weight:bold;font-size:10pt; text-decoration:none; }

.seperator { background-color:rgb(18,0,0); height:22px; width:948px; display:block; margin:6px 0 6px 0; }

/* Newsboxes */
.Newsbox468_red { }
.Newsbox468_red .titleingress-wrapper { background-color:#EE0000; height:48px; width:468px; position:absolute; top:300px; left:0px;  }
.Newsbox468_red h4 { margin:0; font-size:19pt; font-weight:normal; color:#120000; margin-top:6px; margin-left:14px; }
.Newsbox468_red h4 a { color:#120000; text-decoration:none; font-size:19pt; }

.Newsbox231_red {} 
.Newsbox231_red .titleingress-wrapper { background-color:#EE0000; width:231px; float:left; height:36px; }
.Newsbox231_red h4 { margin:0; font-size:9pt; font-weight:normal; color:#120000; margin-top:4px; margin-bottom:4px; margin-left:6px; }
.Newsbox231_red h4 a { color:#120000; text-decoration:none; font-size:9pt; }

.SmallFrontpageEvent { float:left; width:156px; }
.SmallFrontpageEvent .titleingress-wrapper { background-color:#c0c0c0; height:28px; width:156px; }
.SmallFrontpageEvent h4 { margin:0; font-weight:normal; color:#120000; margin-left:6px; }
.SmallFrontpageEvent h4 a { color:#120000; text-decoration:none; font-size:8pt; font-weight:normal; }

.NewsBoxesRightWrapper { background-color:#c0c0c0; margin-left:6px; height:348px; }
.NewsBoxRight { float:left; width:180px; height:70px; background-color:#c0c0c0; 
                background-image:url(/images/gfx/NewsBoxRight_bg_70.png); background-repeat:no-repeat; }
.NewsBoxRight-top { height:70px; }
.NewsBoxRight-bottom { height:68px; }
.NewsBoxRight img { margin: 0 6px 0 0; }
.NewsBoxRight h4 { text-transform:uppercase; margin: 4px 0 0 4px; }
.NewsBoxRight h4 a { color:#ee0000; text-decoration:none; font-size:9pt; font-weight:bold; }
.NewsBoxRight .titleingress-wrapper  { height:61px; width:112px; }
.NewsBoxRight .content-wrapper { height:66px; width:180px; overflow:hidden; }

.event-image-arrow { background: transparent url('/images/gfx/event_stolpe_m_pil_116.png') no-repeat scroll top right;
					display: block; height: 116px; width:30px; cursor:pointer; float:left; }
.event-image-arrow:hover { background-position: bottom right; outline: none; /* hide dotted outline in Firefox */ }

.news-list-devider { padding-left:14px; }
.news-list-devider a { font-family:Verdana, Sans-Serif; font-size:8pt; text-decoration:none; color:rgb(18,0,0); font-weight:normal; }
.news-list-devider h4 { }
.width231 h4 { width:208px; border-bottom:1px dashed rgb(18,0,0); padding-bottom:4px; padding-top:4px; margin-top:4px; margin-bottom:4px; }
.width288 h4 { width:265px; border-bottom:1px dashed rgb(18,0,0); padding-bottom:4px; padding-top:4px; margin-top:4px; margin-bottom:4px; }
.last h4 { border-bottom:none; }

.box .videolist { margin-left:4px; margin-bottom:4px; }
.box .webtvlogo { margin-right:4px; }
.box .videolistitem a { text-decoration:underline; color:#000000; }
.box .soundlist { margin-left:4px; margin-bottom:4px; }
.box .soundlistitem a { text-decoration:underline; color:#000000; }
.box .soundlogo { margin-right:4px; }

/* always hoover style */
.event-image-arrow-alt { background: transparent url('/images/gfx/event_stolpe_m_pil.png') no-repeat scroll bottom right;
					display: block; height: 100px; width:30px; cursor:pointer; float:left; }
.event-image-arrow-alt:hover { outline: none; /* hide dotted outline in Firefox */ }

.header-black { background-color:rgb(18,0,0); height:22px; color:#EE0000; font-family:Verdana, Sans-Serif; font-size:10pt; font-weight:bold; }
.header-black span { padding-left:14px; position:relative; top:2px; }
.header-red { background-color:#EE0000; height:22px; color:rgb(18,0,0); font-family:Verdana, Sans-Serif; font-size:10pt; font-weight:bold; }
.header-red span { padding-left:14px; position:relative; top:2px; }


h4.content-element-header {  
	color:#F8F8F8; background-color:rgb(18,0,0); color:#EE0000;
	font-family:verdana, Sans-Serif; font-size:10pt; font-weight:bold; height:20px; margin:0; padding-left:14px;
	padding-top:2px;
}

/* ADS */
.ad-marker-horizontal { margin-left:8px; margin-bottom:2px; }
.ad-marker-vertical { margin-top:8px; margin-left:0px; margin-right:0; position:absolute; }
.ad-wrapper { margin: 0; }
#mainAdTop
{
    margin: auto;
    width: 990px;
    margin-bottom: 6px;
    text-align: center;
}
    #mainAdTop .ad-wrapper
    {
        margin: auto;
    }

/* Schedule list */
#schedule-list { margin-bottom:5px; float:left; }
.schedule-table-row { background-color:rgb(18,0,0); color:#fff8af; font-size:8pt; border-bottom:1px solid #ffffff; }
.schedule-table-row a { color:#fff8af; text-decoration:none; }

.schedule-row td { background-color:rgb(18,0,0); padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ffffff; }
.schedule-time { font-size:8pt; font-weight:bold; color:#fff8af; padding-left:14px; }
.schedule-data { width:237px; }
.schedule-progname { font-size:8pt; font-weight:bold; color:#fff8af; padding-left:8px; }
.schedule-progname a { color:#fff8af; text-decoration:none; }
.schedule-progname img { margin-right:4px; }
.schedule-hosts { font-size:8pt; font-weight:normal;  color:#EE0000; padding-left:8px; }
.schedule-description { font-size:8pt; font-weight:normal; color:#fff8af; padding-left:14px; }
.schedule-description img { margin-right:4px; }
.schedule-date-header { font-size:10pt; font-weight:bold; color:#EE0000; padding-left:14px; }
.schedule-local-content { font-size:8pt; font-weight:normal; color:#fff8af; padding-left:14px; }

		/* Forum styles */
#newpost { text-align:right; padding:4px; padding-right: 8px; margin-top: 4px; margin-bottom: 4px; }
#forum { }
.post { margin-left:8px; margin-right: 8px; margin-bottom:4px; background-color:#FFFFFF; }
.post h2 
{
	background: url('/images/gfx/bg_forum_comment_header.png');
	border:1px solid #D3D3D3;
	font-weight:bold;
	margin:0pt;
	padding-left:4px;
}
.post .toggle { margin-right:4px; height:16px; width:16px; vertical-align:middle; border:0; }
.child { border-color:#d3d3d3; margin-right: 0px; padding-left: 8px; }
.collapsed { overflow:hidden; height:20px; border:0; }
.post h2 a { color:#686868; text-decoration:none; }
.post .content { background-color: #ffffff; padding-left:8px; padding-top: 5px; padding-bottom: 8px; font-size:10pt; margin-bottom: 4px; margin-top:3px; }
.post .inappropriateContent { color: #686868; background-color: #ffffff; padding-left:8px; padding-top: 5px; padding-bottom: 8px; font-size:10pt; margin-bottom: 4px; margin-top:3px; }
.post .links { font-size:8pt; list-style-type:none; margin:0; margin-top:8px; padding:0; }
.post .links a { color:#686868; text-decoration:underline; }
.postdate { color:#686868;  }
.abusereport { border:dashed 1px red; color:#505050; }
.abusereport-box { width:99%; }
.forumButton 
{
	background: url('/images/gfx/bg_forum_button.png');
	border: 1px solid #d3d3d3;
	font-size: 8pt;
	font-weight: normal;
	padding: 2px;
	text-align: center;
	cursor: pointer;
}
.forumButtonRight
{
	background: url('/images/gfx/bg_forum_button.png');
	border: 1px solid #d3d3d3;
	font-size: 8pt;
	padding: 2px;
	text-align: center;
	float: right;
	margin-top: 5px;
	margin-right: 8px;
}

.colHead 
{
	font-weight: bold;
	font-size: 8pt;
}


/*  Default styles */
.whitebox { background-color:#ffffff; }
.whitebox .h1-red { color:#EE0000; font-size:14pt; font-weight:bold; margin:8px 4px 10px 0; }
.box { }
.box h4 { font-size:12pt; }
.box h2 { font-size:10pt; margin:4px; font-weight:normal; }
.box table { margin:4px; }
.box td { vertical-align:top;  }
.box ul { margin:0 0 8px 18px; padding:0; }

.spaced-down { margin-bottom:4px; }

.verticalmiddle { vertical-align:middle; }

/*  Music */
.musiclist-header 
{
	background-color:rgb(18,0,0); height:20px; color:#EE0000; text-align:left;
}
.music h2 { color:#EE0000; margin:0; font-size:13pt; font-weight:bold; }
.sub-header { font-size:10pt; margin-top:6px; margin-bottom:8px; }

/* MTG Sites Linkpage */
.mtgSites a { color: black; text-decoration: underline; }
.mtgSites h1, .mtgSites h2 { padding: 5px; }
.mtgSites ul { margin-right: 4px; }
.mtgSites li { margin-bottom: 10px; }

/* Pressebilder */
.pressebilder-box h2 { background-color:rgb(18,0,0); height:22px; color:#EE0000; font-family:Verdana, Sans-Serif; font-size:11pt; font-weight:bold; margin:0; }
.pressebilder-box h2 span  { padding-left:14px; position:relative; top:2px; }
.pressebilder-box h3 { font-family:Verdana, Sans-Serif; font-size:10pt; font-weight:normal; margin:6px 0 0 14px; }
.presse h1 { padding-bottom:20px; }

/* Byens lyder */
.byens-lyder-wrapper { width:948px;height:700px; background-repeat:no-repeat; margin-bottom:6px; }
.byens-lyder-story { width:355px; height:464px; margin-left:200px; margin-top:20px; overflow:auto; }
.byens-lyder-story h1 { margin:8px 4px 10px 0px; color:#EE0000; font-size:14pt; font-weight:bold; font-family:Tahoma, Sans-Serif; }
.byens-lyder-story p { margin:0px; }
.byens-lyder-story .text { font-family:Tahoma, Sans-Serif; font-size:12pt; }

/* Images */
.image-left { float:left; margin-right:4px; }
.image-right { float:right; }

/* SectionMediaBox */
.sectionMediaBox-default { background-color:#FFFFFF; border:0 none; float:left;
	margin-bottom:4px; width:364px; 
	-moz-border-radius-topleft:4px; -moz-border-radius-topright:4px;
	-webkit-border-top-left-radius:4px; -webkit-border-top-right-radius:4px; }
.sectionMediaBox-default table { width:100%; }
.sectionMediaBox-default table a { color:#120000; font-size:13px; text-decoration:none; }
.sectionMediaBox-default table a:hover { text-decoration:underline; }
.sectionMediaBox-default table a img { margin: 0 6px 0 0; }
.sectionMediaBox-default table td { font-size:8pt; vertical-align:middle; background-color:#ffffff; border-bottom:1px solid #e0e0e0; padding-bottom:4px; padding-top:4px; }

.section-media-paging { float:left; width:100%; }
.section-media-paging label { float:left; margin: 4px 10px 0px 0px; }
.section-media-paging ul { float:left; list-style-image:none; list-style-position:outside; 
                           list-style-type:none; margin:4px 0px; padding:0px; }
.section-media-paging li { background-position:left center; background-repeat:no-repeat; 
                           display:block; float:left; padding-left:0px; padding-right:10px; position:relative; }
.section-media-paging li a { color:#000000; text-decoration:none; }                           
.section-media-paging-ul li.selected { font-weight:bold; }

/* Sharing */
.sharing-box { float:right; padding:4px 4px; }
.sharing-box a { color:#000000; }
.fb_share_link 
{
	padding:2px 0 0 22px; height:16px;
	background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?57:26981) no-repeat top left; 
}

/* Content menu */
.contentmenu-panel { padding-top:8px; padding-bottom:4px; float:left; width:468px; }
.contentmenu-panel ul { float:left; list-style:none outside none; margin:4px 0; padding:0; }
.contentmenu-panel .first { color:#ee0000; font-weight:bold; margin-left:0px; padding-left:0px; border-left:0; }
.contentmenu-panel li { background-position:left center; background-repeat:no-repeat; border-left:1px solid #101010;
        display:block; float:left; margin-left:0px; padding-left:6px; padding-right:6px; position:relative; }
.contentmenu-panel li a { color:#000000; text-decoration:none; }
.contentmenu-panel li a:hover { text-decoration:underline; }

.toptext { float:left; }
.toptext a { color:#000000; text-decoration:underline; }

/* Carousel */
#carousel-outer { width:468px; height:348px;margin-left:6px; }
.carousel-inner { height:300px; width:468px; position:relative; overflow:hidden; }
.carousel-item { float:left; position:relative; text-decoration:none; width:468px; }
.carousel-animate { position:absolute; }
.carousel-navigate {
    background-color: #C0C0C0;
    height: 48px;
    line-height: 1.3em;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 468px;
}
.carousel-navigate li {
    float: left;
    margin: 0;
    padding: 0;
    overflow:hidden;
}
.carousel-navigate li.first a 
{
    border-left: 1px solid #C0C0C0;
}
.carousel-navigate li.last a 
{
    border-right: 1px solid #C0C0C0;
}
.navitems1 li { width:468px; }
.navitems2 li { width:234px; }
.navitems3 li { width:156px; }
.navitems4 li { width:117px; }
.navitems5 li { width:93px;  }
.navitems5 li.last { width:96px; }

.carousel-navigate li a {
    border-left: 1px solid #F5F5F5;
    border-right: 1px solid #808080;
    color: #333333;
    display: block;
    height: 40px;
    overflow: hidden;
    padding: 4px 12px;
    text-decoration: none;
    font-size:9pt;
    font-weight:bold;
}
.carousel-navigate li a.selected {
    background-color: #EE0000;
    border-color: #a3090c;
    color: #120000;
}

/* Site media box */
.site-media-box-wrapper { font-family:Verdana, Sans-Serif; margin-bottom:6px; float:left; }
.site-media-box-wrapper .header  
{
    height:30px; background-color:#120000; 
    color:#EE0000; font-size:20px; font-weight:bold;
    padding-left:14px; padding-top:4px; }
.site-media-box { background-color:#120000; margin-top:2px; float:left; width:468px; position:relative; }
.site-media-box .image { width:120px; height:77px; float:left; cursor:pointer; }
.site-media-box .text { float:left; width:290px; }
.site-media-box .title { color:#EE0000; font-size:13px; font-weight:bold; margin: 6px 0 0 6px; height:16px; overflow:hidden; }
.site-media-box .title a { color:#EE0000; text-decoration:none; }
.site-media-box .title a:hover { color:#EE0000; text-decoration:underline; }
.site-media-box .desc { color:#fff8af; font-size:10px; margin: 6px 0 0 6px; height:24px; overflow:hidden; }
.site-media-box .section { position:absolute; left:150px; top:60px; }
.site-media-box .section a { color:#EE0000; font-size:10px; text-transform:uppercase; text-decoration:none;  }
.site-media-box .section a:hover { text-decoration:underline; }
.site-media-box .play img { margin-top:25px; margin-right:6px; }
.site-media-box .fb-share { position:absolute; top:59px; left:126px; }
.site-media-box .fb-share a { color:#ffffff; padding:2px 0 0 20px; height:16px; background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?6:26981) no-repeat top left; }


/* Modal window */
#modalwindow_overlay {
  background-image: url(/images/gfx/modalwindow_overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #modalwindow_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(/images/gfx/modalwindow_blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/gfx/modalwindow_overlay.png", sizingMethod="scale");
}

#modalwindow_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 4px solid #000000;
  overflow: auto;
  width: 717px;
  height: 532px;
  z-index: 150;
}

#modalwindow_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 500px;
}

#modalwindow_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background-color: #000000;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#modalwindow_window img {
  position: absolute;
  top: 1px;
  right: 2px;
  cursor: pointer;  
}

/* Reruns-menu/Podcast */
.rerunsmenu-panel { float:left; margin-bottom:6px; margin-left:5px; }
.rerunsmenu-panel a { color:#000000; text-decoration:none; }
.rerunsmenu-panel a:hover { text-decoration:underline; }
.podcast-item { margin-bottom:2px; background-color:#120000; height:66px; overflow:hidden; }
.podcast-item .head {
    background-color: #120000;
    color: #EE0000;
    padding: 4px 1px 2px 2px;
    font-weight:bold;
    overflow:hidden;
    height:13px;
    text-transform:uppercase;
}
.podcast-item .desc 
{
    background-color: #120000;
    color: #FFF8AF;    
    padding: 0 1px 2px 2px;
    height:24px;    
    overflow:hidden;
}
.podcast-item .links { padding: 3px 0 0 2px; }
.podcast-item .links a { color:#FFF8AF; text-decoration:none; }
.podcast-item .links a.playlink { color:#EE0000; margin-right:10px; }
.podcast-item .links a:hover { text-decoration:underline; }
.podcast-item .play { float:left; width:50px; height:66px; padding-top:17px; }
.podcast-item .play img { margin-left:9px; }
.podcast-item .content { float:left; width:232px; height:62px; }

.podcast-menu { width:100%; margin-bottom:2px; }
.podcast-menu .headerlogo { margin-left:0px; }
.podcast-menu .ituneslogo { margin-right:2px; }
.podcast-menu .rsslogo { margin-right:2px; }
.podcast-menu a { font-size:7pt; }

