/* ==========================================================================
   Theme Nyheter
   ========================================================================== */
/* Imports base_svtse.scss
   ========================================================================== */
/* ==========================================================================
   Base for publication svt.se
   ========================================================================== */
/**
 * Imports all sass files for publication svt.se
 */
/* ==========================================================================
   Settings for the default path
   ========================================================================== */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;
*/
/* ==========================================================================
   Colors
   ========================================================================== */
/* Black to white
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* SVTSE publication
   ========================================================================== */
/* Font colors
   ========================================================================== */
/* ==========================================================================
   Gradient
   ========================================================================== */
/* Transform
   ========================================================================== */
/*
 * This function is only possible in SASS 3.3. Waiting for upgrade.....
 *
 *  @usage svt_transform(translate3d, 10px, 20px, 0);
 *
 *	@mixin svt_transform($transform-function, $values...) {
 *		-moz-transform: call($transform-function, $values);
 *		-webkit-transform: call($transform-function, $values);
 *		-ms-transform: call($transform-function, $values);
 *		transform: call($transform-function, $values);
 *	}
 */
/* Transform origin
   ========================================================================== */
/* Transform scale
   ========================================================================== */
/* Rotate
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Animations
   ========================================================================== */
/*
 * Example usage:
 * @include svt_keyframe(fadeout) {
 * 		0% {
 * 			opacity: 1;
 * 		}
 *
 * 		100% {
 * 			opacity: 0;
 * 		}
 * }
 */
/*
 * Example usage:
 * @include svt_animation(changecolour, 10s, ease-out, 5s, 2, alternate)
 */
/* ==========================================================================
   Colors
   ========================================================================== */
/* Black to white
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* SVTSE publication
   ========================================================================== */
/* Font colors
   ========================================================================== */
/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Font sizes the YUI font way (start 13px)
 *
 * Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 * Over 26 See: http://bit.ly/fontsizes-svt
*/
/* Default font family */
/* Typekit myriad */
/* Mixins for Typography
   ========================================================================== */
/* Text overflow
   ========================================================================== */
/* Box shadow
   ========================================================================== */
/* simple boxshadow mixing so we can chain multiple boxshadows */
/* ==========================================================================
   Mixins
   ========================================================================== */
/**
 * We use mixins for simplify vendor prefixes and build functions with fallback
 *
 * Try to keep a minimum of vendor prefixes and always check http://caniuse.com for support
 */
/* Gradient
   ========================================================================== */
/*
	No support for Chrome v < 10, Safari v < 5.1 and iOS v < 5
*/
/* Horizontal */
/* Horizontal  3 stops */
/* Background size
   ========================================================================== */
/*
 * If the property has only one value, it applies both horizontally and vertically.
 * If there are two, the first one refers to the width, the second to the height of the background image.
 */
/* Border radius
   ========================================================================== */
/* Border image
   ========================================================================== */
/* Boxsizing
   ========================================================================== */
/**
 * General box-sizing mixin
 *
 * @arguments
 * 		border-box
 * 		content-box
 * 		padding-box
 *
 * w3c default is content-box
 */
/* Clearfix
   ========================================================================== */
/* IE7 inline-block
   ========================================================================== */
/* Retina
   ========================================================================== */
/* Setting color on placeholder on inputs
   ========================================================================== */
/* Center content
   ============================================ */
/* Boxsizing
   ========================================================================== */
/* TODO: One box-sizing function with inparam for value instead */
/* Opacity
   ========================================================================== */
/* IE8 Only Mixin
   ========================================================================== */
/* Helpers for using sprites. Use wth grunt-spritesmith.
 *
 * USAGE
 *
 * Using regular version
 * @include sprite($sprite-list-variable)
 *
 * Using retina version
 * @include sprite-retina(sprite1x-variable, (optional) sprite2x-variable)
 *
   ========================================================================== */
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/* ==========================================================================
   SVT colors
   ========================================================================== */
/**
 * Speca upp utifran designriktlinjer/grafiskprofil
 *
 */
/* Black to white
   ========================================================================== */
/** TODO: PLAY green Witch is the right color? **/
/* Complementary colors for channel graphics
   ========================================================================== */
/* SVT1 */
/* SVT2 */
/* Barnkanalen */
/* Kunskapskanalen */
/* SVT World */
/* SVT24 */
/* Externa kanaler TV4, Kanal 5 och TV6 */
/* Legend color set for A-O
   ========================================================================== */
/* Gradient colors
   ========================================================================== */
/* TODO: Color direct on elements, should have a variabel name that describes the color */
/* Font colors
   ========================================================================== */
/* Links and interactions
   ========================================================================== */
/* links */
/* standard color for theme.scss
   ========================================================================== */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/* Buttons standard colors
   ========================================================================== */
/* SVTSE publication
   ========================================================================== */
/* parental control colors
   ========================================================================== */
/* titta service
   ========================================================================== */
/* ==========================================================================
   SVT fonts
   ========================================================================== */
/**
 * Font sizes the YUI font way (start 13px)
 *
 * Read: http://developer.yahoo.com/yui/fonts/#fontsize
 *
 * Over 26 See: http://bit.ly/fontsizes-svt
*/
/* Default font family */
/* Typekit myriad */
/* ==========================================================================
   Measures
   ========================================================================== */
/**
 * Measures for svt.se
 *
 */
/* ==========================================================================
   Measures
   ========================================================================== */
/* Measures for media queries
   ========================================================================== */
/*
 * TODO SWITCH variables doesn't work in _mediaqueries.scss
 *
 * Would be nice if we could use the variables
 */
/* XSMALL not used now TODO: better size */
/* XLARGE not used now */
/* Measures
   ========================================================================== */
/* pixels */
/* Procent */
/* Radius */
/* Balk */
/* Lists */
/**
 * The grid systems base measures
 * Example usage: width: ($grid-w-max - NUM-OF-MARGINS * $grid-w-margin) / NUM-OF-UNITS;
 *
 * TODO: johb in progress, needs to be 100% but still work on IE < 9
 */
/* Figure */
/* Animation timers */
/* Columns */
/* Typography bases */
/* ==========================================================================
   Theme default values
   ========================================================================== */
/* standard color for theme.scss
   ========================================================================== */
/**
 * $localMenuType can be set to small large or responsive
 * Uses:
 * generic = all general standardpages on svt.se
 * large = titlepages
 * responsive = is like generic but has lower height in XS (used on news)
 */
/* $localMenuType dependant sizes */
/* Currently just light and dark */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/*localHeader settings */
/* Used when $localMenuType generic or responsive */
/* Used when $localMenuType large */
/**
 * Responsive background
 * Scales the background/logotype from 60%(mobil first) 75%(S) AUTO/100%(M-L)
 */
/* Local header logos for News site placed in sprite. Can be used for other sites aswell. */
/* Local title (if no logo) */
/* typography
   ========================================================================== */
/* H1 */
/* H2 */
/* H3 */
/* H4 */
/* H5 */
/* Article Section Header */
/* Article Section Subheader */
/* Vingnette */
/* Vingnette header */
/* Theme sprite
   ========================================================================== */
/* Used for sprite position. This number is multiplied with sprite-base, to get position */
/* Buttons
   ========================================================================== */
/* Umbrella sites
   ========================================================================== */
/* Wide View
   ========================================================================== */
/* ==========================================================================
   Mixins
   ========================================================================== */
/**
 * We use mixins for simplify vendor prefixes and build functions with fallback
 *
 * Try to keep a minimum of vendor prefixes and always check http://caniuse.com for support
 */
/* Gradient
   ========================================================================== */
/*
	No support for Chrome v < 10, Safari v < 5.1 and iOS v < 5
*/
/* Horizontal */
/* Horizontal  3 stops */
/* Background size
   ========================================================================== */
/* If the property has only one value, it applies both horizontally and vertically.
 * If there are two, the first one refers to the width, the second to the height of the background image.
 */
/* Border radius
   ========================================================================== */
/* Box shadow
   ========================================================================== */
/* simple boxshadow mixing so we can chain multiple boxshadows */
/* Border image
   ========================================================================== */
/* Boxsizing
   ========================================================================== */
/* TODO: One box-sizing function with inparam for value instead */
/**
 * General box-sizing mixin
 *
 * @arguments
 * 		border-box
 * 		content-box
 * 		padding-box
 *
 * w3c default is content-box
 */
/* Columns
   ========================================================================== */
/* Transitions
   ========================================================================== */
/* Animations
   ========================================================================== */
/*
	Example usage:
	@include keyframe(fadeout) {
		0% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}
*/
/*
	Example usage:
    @include animation(changecolour, 10s, ease-out, 5s, 2, alternate )
*/
/* Opacity
   ========================================================================== */
/* Transform
   ========================================================================== */
/* Transform origin
   ========================================================================== */
/* Transform scale
   ========================================================================== */
/* Text shadow
   ========================================================================== */
/* Text overflow
   ========================================================================== */
/* Grids
   ========================================================================== */
/* Media block
   ========================================================================== */
/* Clearfix
   ========================================================================== */
/**
 * The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix
 * Use sparingly on new css classes. Extend in HTML with .svtClearfix instead
 * USED BY: .svtClearfix , .svtContainerBase
 */
/* Rotate with IE fix
   ========================================================================== */
/* Appearence
   ========================================================================== */
/* Gradient Bar Colors for buttons and alerts
   ========================================================================== */
/* Loading animation for buttons
   ========================================================================== */
/* IE7 inline-block
   ========================================================================== */
/* IE7 restore whitespace
   ========================================================================== */
/**
 * IE7 likes to collapse whitespace on either side of the inline-block elements.
 * Ems because we're attempting to match the width of a space character. Left
 * version is for form buttons, which typically come after other elements, and
 * right version is for icons, which come before. Applying both is ok, but it will
 * mean that space between those elements will be .6em (~2 space characters) in IE7,
 * instead of the 1 space in other browsers.
 */
/* Reset filters for IE
   ========================================================================== */
/* Webkit-style focus
   ========================================================================== */
/* Setting color on placeholder on inputs
   ========================================================================== */
/* SVT Player specific mixins
   ========================================================================== */
/* IE8 Only Mixin
   ========================================================================== */
/* ==========================================================================
   mq_mixins
   ========================================================================== */
/**
 * "Base" file for mixins for media queries
 *
 * Imports and includes page specific media queries lika A-O, Tabla ...
 *
 * General classes for all publications should be written here
 */
/* Imports
   ========================================================================== */
/* ==========================================================================
   Innehall A-O in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium */
/* Large */
/* ==========================================================================
   CSS3 columns in different media queries
   ========================================================================== */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   Display, shows and hide item in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium and large */
/* Large */
/* ==========================================================================
   Gridblock in different media queries
   ========================================================================== */
/**
 * See _grid.scss for documentation
 */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   Layout in different media queries
   ========================================================================== */
/**
 * see _layout.scss for more information
 */
/* Small, medium and large */
/* Small */
/* Medium */
/** Large */
/* ==========================================================================
   svtLineElement in different media queries
   ========================================================================== */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   svtMediaBlock in different media queries
   ========================================================================== */
/**
 * see _mediaBlock.scss for documentation
 */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* ==========================================================================
   Tabla item in different media queries
   ========================================================================== */
/* Medium and large */
/* Medium */
/* ==========================================================================
   Typograpy items in different media queries
   ========================================================================== */
/* Small and medium */
/* Medium  and large */
/* Large */
/* ==========================================================================
   Models item in different media queries
   ========================================================================== */
/* see _models.scss for more information  */
/* Medium and large */
/* ==========================================================================
   Weather in different media queries
   ========================================================================== */
/* SMALL and MEDIUM */
/* ==========================================================================
   Media Gallery in different media queries
   ========================================================================== */
/* SMALL and MEDIUM */
/* ==========================================================================
   Forms in different media queries
   ========================================================================== */
/* Small, medium and large */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* ==========================================================================
   FAQ (Tittarservice) in different media queries
   ========================================================================== */
/* Medium and large */
/* Small */
/* Medium */
/* Large */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT */
/* MEDIUM - IPADS landscape, small Desktops and laptops */
/* X-EXTRA SMALL iPhone Portrait*/
/* LARGE - Desktops and laptops */
/*
 * MediaQuery mixins for local pub
 * NEVER write code here, overwrite in your publications _mq_mixins_xxx.scss
 */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT */
/* X-EXTRA SMALL - IPHONE PORTRAIT */
/* MEDIUM - IPADS landscape, small Desktops and laptops */
/* LARGE - Desktops and laptops */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* Set variables for this theme
   ========================================================================== */
/* GENERAL News style */
/* $locallogo					: "../img/themes/news/newstop-mock.png"; */
/* Typography */
/* THEME style - News themes like culture, sport, weather */
/* $localHeaderBgImgHeight : 108px; */
/* Local menu background color, if set with rgba we also need to set a IE 7-8 fallback */
/* Fallback when not supporting rgba transparency use # hex values for the fallback */
/* Wide View */
/* Figure */
/* Final imports
   ========================================================================== */
/* ==========================================================================
   Theme
   ========================================================================== */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL */
/* MEDIUM */
/* LARGE */
/* ==========================================================================
   Theme
   ========================================================================== */
/* Typography
   ========================================================================== */
.svtH1-THEMED {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 24px;
  margin-bottom: 6px;
  color: #000;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 1.1; }

.svtH2-THEMED, .svtTeaser__Heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 21px;
  margin-bottom: 6px;
  color: #000;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 24px;
  position: relative;
  top: 0;
  /* margin-top: $h2-themed-margin-top; */ }

.svtH3-THEMED {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 19px;
  margin-bottom: 4px;
  color: #000;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 21px;
  position: relative;
  top: 0;
  /* margin-top: $h3-themed-margin-top; */ }

.svtH4-THEMED {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 17px;
  margin-bottom: 4px;
  color: #000;
  font-weight: bold;
  line-height: 19px; }

.svtH5-THEMED {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 16px;
  margin-bottom: 6px;
  font-weight: bold; }

/* TODO remove if not used */
.svtArticleSectionHeader-THEMED {
  color: #808080;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 100%; }

.svtArticleSectionSubheader-THEMED {
  color: #808080;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 100%; }

.svtHeader-Vignette-THEMED, .svtHeader-Vignette_empty-THEMED {
  color: #b37d12;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 100%;
  border-top: 0;
  border-bottom: 0;
  text-transform: uppercase;
  padding-left: 0;
  padding-top: 0;
  margin-bottom: 0; }

.svtColor-THEMED {
  color: #B3121F; }
  .svtColor-THEMED:active {
    color: #B3121F; }
  .svtColor-THEMED:visited {
    color: #B3121F; }

.svtHeader-Vignette_empty-THEMED {
  padding-bottom: 0;
  height: 0;
  overflow: hidden; }

.svtVignette-THEMED {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  text-transform: none;
  font-size: 15px; }

a.svtLink-Discreet-THEMED {
  color: #000; }

.svtseHeaderBar-THEMED {
  background-color: #CE0022;
  background-image: -moz-linear-gradient(left, #AE001D 0%, #E50026 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #AE001D), color-stop(1, #E50026));
  background-image: -webkit-linear-gradient(left, #AE001D 0%, #E50026 100%);
  background-image: linear-gradient(left, #AE001D 0%, #E50026 100%);
  color: #FFF;
  /* TODO: Refactor. Should probably not be placed in themed. Merged into one navigation style  */ }
  .svtseHeaderBar-THEMED .svtContainerBase {
    /* Just set positions in mobile first */
    background-position: 50% 14px;
    background-repeat: no-repeat;
    /* Setting the different type of heights */
    height: 105px; }
  .svtseHeaderBar-THEMED .svtseLocalMenu {
    /* Fallback when not supporting rgba transparency */
    /* IE only working with shorthand background and # hex values for the fallback */
    background: #a71622;
    border-top: 1px solid #d54350;
    background: rgba(0, 0, 0, 0.1); }
  .svtseHeaderBar-THEMED .svtButton-Tab, .svtseHeaderBar-THEMED .svtButton-TabPlay {
    color: #FFF;
    font-size: 116%;
    border-right: 0;
    line-height: 20px; }
    .svtseHeaderBar-THEMED .svtButton-Tab:visited, .svtseHeaderBar-THEMED .svtButton-TabPlay:visited {
      color: #FFF; }
    .svtseHeaderBar-THEMED .svtButton-Tab:hover, .svtseHeaderBar-THEMED .svtButton-TabPlay:hover {
      text-decoration: none;
      /* Fallback when not supporting rgba transparency */
      /* IE only working with shorthand background and # hex values for the fallback */
      background: #830F19;
      background: rgba(0, 0, 0, 0.05);
      color: #FFF; }
  .svtseHeaderBar-THEMED .svtseLocalMenu-Inactive {
    /* TODO: Variables */
    display: block;
    color: #FFF;
    background: url("/statiskt/skins/svt/css/img/sprite-background-objects.png") repeat-y 100%-1200px; }
    .svtseHeaderBar-THEMED .svtseLocalMenu-Inactive:visited {
      color: #FFF; }
    .svtseHeaderBar-THEMED .svtseLocalMenu-Inactive:hover {
      background-color: rgba(0, 0, 0, 0.05);
      color: #FFF;
      text-decoration: none; }
  .svtseHeaderBar-THEMED .svtseLocalMenu-Active:hover {
    text-decoration: none; }
  .svtseHeaderBar-THEMED .svtseLocalMenu-Active .svtButton-Tab, .svtseHeaderBar-THEMED .svtseLocalMenu-Active .svtButton-TabPlay {
    background-color: #FFF;
    color: #000;
    cursor: default;
    margin-top: -1px;
    padding-top: 12px; }
    .svtseHeaderBar-THEMED .svtseLocalMenu-Active .svtButton-Tab:visited, .svtseHeaderBar-THEMED .svtseLocalMenu-Active .svtButton-TabPlay:visited {
      color: #000; }
    .svtseHeaderBar-THEMED .svtseLocalMenu-Active .svtButton-Tab:hover, .svtseHeaderBar-THEMED .svtseLocalMenu-Active .svtButton-TabPlay:hover {
      background-color: #FFF;
      color: #000;
      cursor: default; }
  .svtseHeaderBar-THEMED .svtseLocalMenu-Active .svtButton-TabPlay {
    background-color: #000;
    color: #FFF;
    cursor: default;
    margin-top: -1px;
    padding-top: 12px; }
    .svtseHeaderBar-THEMED .svtseLocalMenu-Active .svtButton-TabPlay:visited {
      color: #FFF; }
    .svtseHeaderBar-THEMED .svtseLocalMenu-Active .svtButton-TabPlay:hover {
      background-color: #000;
      cursor: default;
      color: #FFF; }

.svtseLocalTitle-THEMED {
  /* none is used for News site where no logo and no text is wanted in the localHeader*/
  text-indent: -9999px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  color: #FFF; }
  .svtseLocalTitle-THEMED:hover {
    color: #EEE; }

.svtIcon_Arrow_Left-THEMED {
  /* Redeclared from _icons.css due to file inclusion order */
  /* $sprite-arrow-left-black */
  /* $sprite-arrow-left-white */
  background-position: 0 -1557px; }

.svtIconChannel_svt1-THEMED {
  /* Redeclared from _icons.css due to file inclusion order */
  background-position: 0 4px; }

.svtIconChannel_svt2-THEMED {
  /* Redeclared from _icons.css due to file inclusion order */
  background-position: 0 -25px; }

/* Icon for channel svtweb has not been made yet, hide it until then. */
.svtIconChannel_svtweb-THEMED {
  background: none; }

.svtFeaturedArticles-THEMED:before,
.svtFeaturedArticles-THEMED:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.svtFeaturedArticles-THEMED:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.svtFeaturedArticles-THEMED {
  zoom: 1; }

.svtLocalTitleLink-THEMED {
  color: #FFF; }
  .svtLocalTitleLink-THEMED:visited,
  .svtLocalTitleLink-THEMED:active {
    color: #FFF; }
  .svtLocalTitleLink-THEMED:hover {
    color: #EEE; }

/* TODO: Remove when old localmenuwidget for UG is replaced : nira // but watch out for news, 404 page and tv-tabla, om svt : johb */
.svtseLocalLogo-THEMED {
  background-position: 0 50%;
  background-repeat: no-repeat;
  /* For better accessibility validation we set color: #fff even do the text is not visible */
  color: #FFF;
  /* no GFX logo just plaintext, ex. "Om SVT" pages. */ }
  .svtseLocalLogo-THEMED:visited {
    color: #FFF; }
  .svtseLocalLogo-THEMED:hover {
    color: #EEE; }

.svtseLocalTagline-THEMED {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  color: #FFF; }

/**
 * refactored and moved to .svtseHeaderBar-THEMED .svtContainerBase
 * TODO: remove .svtseLocalHeaderHeight-THEMED from jsp and tags
 * .svtseLocalHeaderHeight-THEMED {
 *
 * }
 */
.svtTagArrow-THEMED {
  background: url("/statiskt/skins/svt/css/img/tag-arrows.png") no-repeat;
  background-position: 0 -0px;
  padding: 8px 32px 9px 108px; }

.svtIcon_Tag-THEMED {
  background-position: 0 -1880px; }

.svtBorder_left-THEMED, .svtHighlighter-Border_left-THEMED {
  border-left: 4px solid #B3121F; }

.svtHighlighter-Border_left-THEMED {
  margin-left: -4px;
  font-weight: bold;
  width: 100%; }

.svtseHeaderBar-THEMED .svtContainerBase {
  background: url("/statiskt/skins/svt/css/img/nyheter/sprite-theme-logos.png");
  background-position: 50% -0px;
  background-repeat: no-repeat; }

.svtNewsDivider-THEMED {
  color: #FFF;
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  background-color: #B3121F; }

/* Latest news top NEWS */
.svtBox-FatBorder_Head-THEMED {
  background: #B3121F;
  color: #FFF;
  margin: 0;
  width: 100%;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0; }
  .svtBox-FatBorder_Inner-THEMED .svtBox-FatBorder_Head-THEMED {
    border-left: 4px solid #B3121F;
    border-right: 4px solid #B3121F;
    margin-left: -4px; }

/* Used for border gradient in latest news */
.svtBox-FatBorder_left-THEMED li {
  margin-left: -3px;
  border-left: 3px solid #E3E3E3; }

.svtBox-FatBorder_left-THEMED li:nth-child(1) {
  margin-left: -4px;
  border-left: 4px solid #b3121f; }

.svtBox-FatBorder_left-THEMED li:nth-child(2) {
  margin-left: -4px;
  border-left: 4px solid rgba(179, 18, 31, 0.8); }

.svtBox-FatBorder_left-THEMED li:nth-child(3) {
  margin-left: -4px;
  border-left: 4px solid rgba(179, 18, 31, 0.6); }

.svtBox-FatBorder_left-THEMED li:nth-child(4) {
  margin-left: -4px;
  border-left: 4px solid rgba(179, 18, 31, 0.4); }

.svtBox-FatBorder_left-THEMED li:nth-child(5) {
  margin-left: -4px;
  border-left: 4px solid rgba(179, 18, 31, 0.2); }

/* Color themed button */
.svtButton-THEMED {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 5px 10px 5px;
  margin-bottom: 0;
  font-size: 100%;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #CCC;
  /* Remove the border to prevent IE7's black border on input:focus */
  *border: 0;
  /* gradientBar will set the background to a pleasing blend of these, to support IE<=9 */
  background-color: whitesmoke;
  background-image: -moz-linear-gradient(top, #FFF, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #FFF, #e6e6e6);
  background-image: linear-gradient(top, #FFF, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  *background-color: #e6e6e6;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  /* in these cases the gradient won't cover the background, so we override */
  background-color: #e6e6e6;
  /* IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves */
  -webkit-border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  /* Give IE7 some love */
  *margin-left: .3em;
  outline: 0 !important; }
  .svtButton-THEMED:hover, .svtButton-THEMED:active, .svtButton-THEMED.active, .svtButton-THEMED.disabled, .svtButton-THEMED[disabled] {
    background-color: #e6e6e6;
    *background-color: #d9d9d9; }
  .svtButton-THEMED:active,
  .svtButton-THEMED.active {
    background-color: #cccccc \9; }
  .svtButton-THEMED:first-child {
    *margin-left: 0; }
  .svtButton-THEMED,
  .svtButton-THEMED:active,
  .svtButton-THEMED:hover,
  .svtButton-THEMED:focus,
  .svtButton-THEMED:visited {
    color: #666;
    text-decoration: none; }
  .svtButton-THEMED:hover {
    /* gradientBar will set the background to a pleasing blend of these, to support IE<=9 */
    background-color: #f8f8f8;
    background-image: -moz-linear-gradient(top, white, #ededed);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#ededed));
    background-image: -webkit-linear-gradient(top, white, #ededed);
    background-image: linear-gradient(top, white, #ededed);
    background-repeat: repeat-x;
    border-color: #ededed #ededed #c7c7c7;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    *background-color: #ededed;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    /* in these cases the gradient won't cover the background, so we override */
    background-color: #ededed;
    /* IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves */
    -webkit-box-shadow: inset -2px 0px 1px transparent;
    -moz-box-shadow: inset -2px 0px 1px transparent;
    box-shadow: inset -2px 0px 1px transparent; }
    .svtButton-THEMED:hover:hover, .svtButton-THEMED:hover:active, .svtButton-THEMED:hover.active, .svtButton-THEMED:hover.disabled, .svtButton-THEMED:hover[disabled] {
      background-color: #ededed;
      *background-color: #e0e0e0; }
    .svtButton-THEMED:hover:active,
    .svtButton-THEMED:hover.active {
      background-color: #d4d4d4 \9; }
  .svtButton-THEMED.active,
  .svtButton-THEMED:active {
    /* gradientBar will set the background to a pleasing blend of these, to support IE<=9 */
    background-color: #e0e0e0;
    background-image: -moz-linear-gradient(top, #ebebeb, #d1d1d1);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebebeb), to(#d1d1d1));
    background-image: -webkit-linear-gradient(top, #ebebeb, #d1d1d1);
    background-image: linear-gradient(top, #ebebeb, #d1d1d1);
    background-repeat: repeat-x;
    border-color: #d1d1d1 #d1d1d1 #ababab;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    *background-color: #d1d1d1;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    /* in these cases the gradient won't cover the background, so we override */
    background-color: #d1d1d1;
    /* IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves */
    outline: 0;
    -webkit-box-shadow: inset -2px 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset -2px 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset -2px 1px 1px rgba(0, 0, 0, 0.4); }
    .svtButton-THEMED.active:hover,
    .svtButton-THEMED.active:active,
    .svtButton-THEMED.active.active,
    .svtButton-THEMED.active.disabled,
    .svtButton-THEMED.active[disabled],
    .svtButton-THEMED:active:hover, .svtButton-THEMED:active:active, .svtButton-THEMED:active.active, .svtButton-THEMED:active.disabled, .svtButton-THEMED:active[disabled] {
      background-color: #d1d1d1;
      *background-color: #c4c4c4; }
    .svtButton-THEMED.active:active,
    .svtButton-THEMED.active.active,
    .svtButton-THEMED:active:active,
    .svtButton-THEMED:active.active {
      background-color: #b8b8b8 \9; }
  .svtButton-THEMED.active:hover {
    /* gradientBar will set the background to a pleasing blend of these, to support IE<=9 */
    background-color: #ededed;
    background-image: -moz-linear-gradient(top, #f7f7f7, #dedede);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7), to(#dedede));
    background-image: -webkit-linear-gradient(top, #f7f7f7, #dedede);
    background-image: linear-gradient(top, #f7f7f7, #dedede);
    background-repeat: repeat-x;
    border-color: #dedede #dedede #b8b8b8;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    /* Darken IE7 buttons by default so they stand out more given they won't have borders */
    *background-color: #dedede;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    /* in these cases the gradient won't cover the background, so we override */
    background-color: #dedede;
    /* IE 7 + 8 can't handle box-shadow to show active, so we darken a bit ourselves */ }
    .svtButton-THEMED.active:hover:hover, .svtButton-THEMED.active:hover:active, .svtButton-THEMED.active:hover.active, .svtButton-THEMED.active:hover.disabled, .svtButton-THEMED.active:hover[disabled] {
      background-color: #dedede;
      *background-color: #d1d1d1; }
    .svtButton-THEMED.active:hover:active,
    .svtButton-THEMED.active:hover.active {
      background-color: #c4c4c4 \9; }
  .svtButton-THEMED:focus {
    /* Default */
    outline: thin dotted #CCC;
    /* Webkit */
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

/* SVT Wide View themed */
.svtWideView-THEMED {
  border-bottom: 5px solid #000; }
  .svtWideView-THEMED .svtMediaBlockText {
    overflow: hidden; }

.svtWideView-H2-THEMED {
  font-size: 346.2%;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  margin-top: 3px !important; }

.svtWideView-MainText-THEMED .svtLink-Look-Normal {
  color: #B3121F; }

.svtWideView-MainText-THEMED .svtLink-Look-Normal {
  font-size: 100%; }

.svtWideView-H4-THEMED {
  font-size: 1.846em;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold; }

.svtWideView-SubText-THEMED {
  font-size: 1.077em; }
  .svtWideView-SubText-THEMED .svtLink-Look-Normal {
    color: #B3121F; }
  .svtWideView-SubText-THEMED .svtLink-Look-Normal {
    font-size: 15px; }

/* Todo: move to master theme and other news sites. */
.svtSubMenuCurrent-THEMED {
  border-left: 6px solid #B3121F; }
  .svtSubMenuCurrent-THEMED li {
    padding-left: 12px; }
  .svtSubMenuCurrent-THEMED li > a {
    border: none; }

/* Page Heading */
.svtPageHeading.svtPageHeading--THEMED {
  border-color: #B3121F; }

/* Polls */
/* Media queries
   ========================================================================== */
/* SMALL AND MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL - IPADS PORTRAIT */
/* MEDIUM - IPADS LANDSCAPE, small Desktops and laptops */
/* LARGE - Desktops and laptops */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xxsmall	<= 341px (mobile portrait)
 * xsmall	<= 600px (mobile first)
 * small	>= 601px and <= 800px (ex. iPad portrait)
 * medium	>= 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	>= 1024px (ex desktops and laptops)
 * xlarge	>= 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/**
 * @todo Where should this go? Can't be placed in extends, svtXFullWidth for
 * instance overrides the media queries since it's later in the cascade :(
 */
.svtXWidth100 {
  width: 100%; }

.svtXWidth44 {
  width: 44%; }

/* Small, medium and large
   ========================================================================== */
@media only screen and (min-width: 601px) {
  .svtAO-filterarea a {
    display: inline-block;
    margin-bottom: 0; }
  .svtAO-Aside {
    border-bottom: none;
    height: 100%;
    margin-top: 30px;
    padding: 10px 10px 0;
    position: absolute;
    right: 0; }
    .svtAO-Aside .svtLink-Arrow-Selected {
      margin: 0 -10px;
      padding-left: 17px; }
  .svtAO-charlist {
    margin-bottom: 15px; }
  .svtHide-E-XS {
    display: block; }
  .svtHide-E-XS-Inline {
    display: inline; }
  .svtHide-Gte-S {
    display: none; }
  .svtShow-Gte-S {
    display: block; }
  .svtGridBlock-1-5-5-5 .svtUnit {
    clear: none;
    float: left;
    width: 18.35%; }
  .svtGridBlock-1-5-5-5 .svtNth-2, .svtGridBlock-1-5-5-5 .svtNth-3, .svtGridBlock-1-5-5-5 .svtNth-4, .svtGridBlock-1-5-5-5 .svtNth-5 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-1-2-2-2 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-2-2-2 .svtNth-1 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-2 .svtNth-2 {
    clear: none;
    margin-left: 2%; }
  .svtContainerMain {
    width: 65%;
    float: left;
    position: relative; }
  .svtContainerMainWidth {
    width: 65%; }
  .svtContainerMain-Alt {
    width: 53.5%;
    float: left;
    position: relative; }
  .svtContainerMain-70 {
    width: 70%;
    float: left;
    position: relative; }
  .svtContainerAside {
    width: 30%;
    float: right; }
  .svtContainerAside-Alt {
    width: 44%;
    float: right;
    margin-top: 0; }
  .svtContainerAside-25 {
    width: 25%;
    float: right; }
  .svtContainer-100-100-50left-50left {
    width: 50%;
    float: left; }
  .svtContainer-100-100-50right-50right {
    width: 50%;
    float: right; }
  .svtMediaBlock {
    /* Exceptions for IE8 or less */ }
    .svtMediaBlock .svtMBFig-O-L-L-L {
      float: left;
      margin-right: 15px; }
      .svtMediaBlock .svtMBFig-O-L-L-L img {
        display: block; }
    .svtMediaBlock .svtMediaBlockFig-XS.svtMBFig-O-L-L-L {
      width: 15.75%;
      max-width: 15.75%; }
    .svtMediaBlock .svtMediaBlockFig-M.svtMBFig-O-L-L-L {
      width: 25.111%; }
    .svtMediaBlock .svtMediaBlockFig-L.svtMBFig-O-L-L-L {
      width: 34.473%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-O-L-L-L {
      width: 34.473%; }
    .svtMediaBlock .svtMBFig-L-O-O-O {
      float: none;
      margin-right: 0;
      width: 100%; }
  .svtMediaBlock .svtMBFig-O-R-R-R {
    float: right;
    margin-left: 15px; }
  .svtMediaBlockFig-XS.svtMBFig-O-R-R-R {
    width: 15.75%;
    max-width: 15.75%; }
  .svtMediaBlockFig-M.svtMBFig-O-R-R-R {
    width: 25.111%; }
  .svtMediaBlockFig-L.svtMBFig-O-R-R-R {
    width: 34.473%; }
  .svtMediaBlockFig-XL.svtMBFig-O-R-R-R {
    width: 34.473%; }
  /* Exceptions for IE8 or less */
  /* Border around article */
  .svtArticleExpand {
    border: 1px solid #EEE;
    padding: 9px;
    margin: 0 -10px 15px -10px; }
  .svtHighlighter-Arrow_breakingNews {
    background: url(/statiskt/skins/svt/css/img/nyheter/highlighter-arrows.png) no-repeat 0 50%;
    padding: 8px 32px 9px 100px; }
  .svtButton-Tab-S-Narrow {
    line-height: 28px;
    padding: 11px 15px 10px; }
  .svtXFloatLeft-GTE-S {
    float: left; }
  .svtXNoFloatLeft-GTE-S {
    float: none !important; }
  .svtXFloatRight-Gte-S {
    float: right; }
  .svtXWidthAuto-GTE-S {
    width: auto; }
  .svtXBorder-Left-Grey-1px-GTE-S {
    border-left: 1px solid #AAA; }
  .svtXWidth-33-GTE-S {
    /* somthings not right with the loading order */
    width: 33% !important; }
  .svtXWidth-98to33-GTE-S {
    width: 33%; }
  .svtXWidth-67-GTE-S {
    /* somthings not right with the loading order */
    width: 67% !important; }
  .svtseHeaderBar-THEMED {
    margin-bottom: 0; }
  .svtseHeaderBar-THEMED .svtContainerBase {
    background: url("/statiskt/skins/svt/css/img/nyheter/sprite-theme-logos.png");
    background-position: 50% -140px;
    background-repeat: no-repeat; } }

@media only screen and (min-width: 601px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 601px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 601px) and (-o-min-device-pixel-ratio: 1.5), only screen and (min-width: 601px) and (-ms-min-device-pixel-ratio: 1.5), only screen and (min-width: 601px) and (min-device-pixel-ratio: 1.5) {
  .svtseHeaderBar-THEMED .svtContainerBase {
    background-image: url(/statiskt/skins/svt/css/img/nyheter/sprite-theme-logos.png@2x.png);
    /* 50% instead? */
    background-size: 600px 2100px; } }

@media only screen and (min-width: 601px) {
  .svtseHeaderBar-THEMED .svtContainerBase {
    height: 130px;
    /* TODO: remove this variable from : height: $localHeaderHeight-S-M-L; */ }
  .svtArticleSectionHeader-THEMED {
    color: #808080;
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-size: 100%; }
  .svtArticleSectionSubheader-THEMED {
    color: #808080;
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-size: 100%; } }

@media only screen and (min-width: 601px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 601px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 601px) and (-o-min-device-pixel-ratio: 1.5), only screen and (min-width: 601px) and (-ms-min-device-pixel-ratio: 1.5), only screen and (min-width: 601px) and (min-device-pixel-ratio: 1.5) {
  /* For frontpage */
  .svtServiceHeaderNews-Logo {
    background-image: url("/statiskt/skins/svt/css/img/nyheter/news-logo-firstpage@2x.png");
    background-size: 100px 40px; }
  /* For OS 2012 */
  .svtseCircles {
    background: url("/statiskt/skins/svt/css/img/os/circles@2x.png");
    background-size: 94px 60px; } }

/* Small and medium
   ========================================================================== */
@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .A_svtseHeaderH1 {
    font-size: 346.2%;
    line-height: 1em; }
  .svtWeather-Tab-Inactive h5,
  .svtWeather-Tab-Active h5 {
    padding: 7px 0.35em 10px; } }

/* Medium and large
   ========================================================================== */
@media only screen and (min-width: 801px) {
  /* Show this because we are no longer Lte S */
  .svtHide-Lte-S {
    /* unhide */
    display: block; }
  .svtHide-Lte-S-Inline {
    /* unhide */
    display: inline; }
  .svtHide-Gte-M {
    /* hide */
    display: none; }
  .svtClear-Lte-S {
    /* remove clear */
    clear: none; }
  .svtDisplayTable-Gte-M {
    display: table; }
  .svtDisplayTableCell-Gte-M {
    display: table-cell;
    vertical-align: top; }
  .svtGridBlock-2-3-6-6 .svtUnit {
    width: 14.9583333333%; }
  .svtGridBlock-2-3-6-6 .svtNth-3, .svtGridBlock-2-3-6-6 .svtNth-5 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-2-2-4-4 .svtUnit {
    width: 23.4375%; }
  .svtGridBlock-2-2-4-4 .svtNth-3 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-2-2-4-4 .svtNth-1-2 {
    width: 48.875%; }
  .svtGridBlock-1-1-3-3 .svtUnit {
    width: 31.9166666667%; }
  .svtGridBlock-1-1-3-3 .svtNth-1 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-1-3-3 .svtNth-2 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-1-1-3-3 .svtNth-3 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-1-1-2-2 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-1-2-2 .svtNth-1 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-1-2-2 .svtNth-2 {
    clear: none;
    margin-left: 2%; }
  .svtLineElement-4-6-8-8 .svtLineElement-Item {
    display: block;
    width: 12.4%; }
  .svtLineElement-2-1-1-1 .svtLineElement-Item {
    width: 100%;
    float: left; }
  .svtMediaBlockText-News p,
  .svtMediaBlockText-News ul,
  .svtMediaBlockText-News ol {
    font-size: 1.077em; }
  .svtMediaBlock .svtMBFig-O-O-L-L {
    float: left;
    margin-right: 15px; }
    .svtMediaBlock .svtMBFig-O-O-L-L img {
      display: block; }
  .svtMediaBlock {
    /* Exceptions for IE8 or less */ }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-O-L-L-L {
      width: 15.75%; }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-O-R-R-R {
      width: 15.75%; }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-L-L-L-L {
      width: 15.75%; }
    .svtMediaBlock .svtMediaBlockFig-L.svtMBFig-O-O-L-L {
      width: 34.473%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-O-O-L-L {
      width: 34.473%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-R-R-R-R {
      width: 34.473%; }
  /* Style for modern browsers */
  .svtTablaTable-SvtHeadChannels .svtTablaFuture,
  .svtTableRow-Gte-L {
    display: table-row; }
  /* Exceptions for IE8 or less */
  .svtGridBlock-Right .svtNth-4 {
    padding-top: 48px; }
    .svtGridBlock-Right .svtNth-4 h4 span {
      margin: 0; }
  .svtGridBlock-Right .svtNth-4.liveBroadcast {
    padding-top: 88px; }
  .liveBroadcastLink {
    display: block;
    line-height: 20px;
    height: 20px; }
  .svtJsTablaTimeIndicator {
    margin: 0 0 5px 0; }
  .svtTablaStepButtons {
    float: left;
    height: auto;
    width: 70px; }
  .svtTablaPrintMenu {
    float: right;
    clear: none; }
  h1,
  .svtH1 {
    font-size: 384.6%;
    line-height: 1.1; }
  h2,
  .svtH2,
  .svtH2-Myriad {
    font-size: 307.7%; }
  h3,
  .svtH3 {
    font-size: 189%; }
  .svtH4 {
    /* To give same specificity TODO: find better solution unnecessary code duplication */
    font-size: 153.9%; }
  h5,
  .svtH5 {
    font-size: 116%; }
  h6,
  .svtH6 {
    font-size: 100%; }
  .svtFigcaptionText {
    clear: none; }
  .svtNewsVignetteCollapsed {
    font-size: 15px; }
  .svtTextLead-Article {
    font-size: 1.231em; }
  .svtNewsH1 {
    font-size: 4.154em; }
  .svtNewsH2 {
    font-size: 307.7%; }
  .svtNewsH3 {
    font-size: 230.8%; }
  .svtNewsH4 {
    font-size: 1.846em; }
  .svtNewsH5 {
    font-size: 153.9%; }
  .svtDisqus-H3 {
    font-size: 153.9%; }
  .svtImageCropper-25pc {
    margin-left: 0;
    margin-right: 0; }
  .svtImageCropper-right-50pc-M-L-zero {
    margin-right: 0; }
  .svtMediaGalleryFigure .svtFigcaptionMeta {
    float: left;
    max-width: 32%; }
  .svtMediaGalleryFigure .svtFigcaptionMeta + .svtFigcaptionText {
    clear: none;
    float: right;
    padding-top: 0;
    max-width: 65%; }
  .svtTittarservice-svtBox-Plate {
    background-color: #f9f9f9; }
  .svtTittarservice-SearchBox {
    float: left;
    position: relative;
    width: 69%;
    border-right: 1px solid #CCC;
    border-bottom: none; }
  .svtTittarservice-SearchBox.svtJsQToggled {
    border-bottom: 1px solid #CCC;
    background-color: #F2F2F2; }
  .svtTittarservice-QuestionBox {
    width: 30%;
    float: right;
    margin-top: 10px;
    background: #f9f9f9;
    padding: 10px 0 5px;
    clear: none;
    text-align: center; }
    .svtTittarservice-QuestionBox a {
      display: inline-block;
      margin: 0 auto;
      overflow: hidden; }
  .svtTittarservice-KundoForm {
    background: #f9f9f9;
    width: 97%;
    padding: 15px;
    float: left;
    clear: both; }
    .svtTittarservice-KundoForm .svtNth-1 {
      width: 30%;
      padding-right: 8%; }
    .svtTittarservice-KundoForm .svtNth-2 {
      width: 60%; }
    .svtTittarservice-KundoForm .svtForm .svtNth-1,
    .svtTittarservice-KundoForm .svtForm .svtNth-2 {
      width: 48%;
      padding-right: 0; }
    .svtTittarservice-KundoForm .svtJsToggleMenu {
      top: 0;
      right: 15px; }
  .svtTittarservice-Report .svtUnit.svtNth-2 {
    float: right; }
  .svtTittarservice-FormBox,
  .svtTittarservice-report,
  .svtTittarservice-Followpost {
    padding: 30px; }
    .svtTittarservice-FormBox .svtForm,
    .svtTittarservice-report .svtForm,
    .svtTittarservice-Followpost .svtForm {
      width: auto; }
  .svtIcon-XXL {
    height: 35px; }
  .svtBox-Padded {
    padding: 10px 20px; }
  /* Create padding inside article */
  .svtTextBread-Article_Padding {
    /* inside a div this padding doesn't apply! */ }
    .svtTextBread-Article_Padding p,
    .svtTextBread-Article_Padding ul,
    .svtTextBread-Article_Padding ol,
    .svtTextBread-Article_Padding h4,
    .svtTextBread-Article_Padding time,
    .svtTextBread-Article_Padding div {
      padding-left: 15%; }
    .svtTextBread-Article_Padding div p,
    .svtTextBread-Article_Padding div ul,
    .svtTextBread-Article_Padding div ol,
    .svtTextBread-Article_Padding div h4,
    .svtTextBread-Article_Padding div time,
    .svtTextBread-Article_Padding div div {
      padding-left: 0; }
  .svtTextBread-Article_PaddingRight {
    /* inside a div this padding doesn't apply! */ }
    .svtTextBread-Article_PaddingRight p,
    .svtTextBread-Article_PaddingRight ul,
    .svtTextBread-Article_PaddingRight ol,
    .svtTextBread-Article_PaddingRight h4,
    .svtTextBread-Article_PaddingRight time,
    .svtTextBread-Article_PaddingRight div {
      padding-right: 15%; }
    .svtTextBread-Article_PaddingRight div p,
    .svtTextBread-Article_PaddingRight div ul,
    .svtTextBread-Article_PaddingRight div ol,
    .svtTextBread-Article_PaddingRight div h4,
    .svtTextBread-Article_PaddingRight div time,
    .svtTextBread-Article_PaddingRight div div {
      padding-right: 0; }
  /* TODO: Refactor this is duplicated code for logo */
  .svtLocalTitleBox {
    height: 150px;
    border-bottom: none;
    margin-bottom: 0; }
  .svtseLocalTitle {
    bottom: 28px;
    margin-bottom: 0; }
  .svtseLocalTagline {
    bottom: 4px;
    width: 67%; }
  .svtBroadcastInfo {
    /* Trigger has Layout */
    height: 1em;
    position: absolute;
    right: 0;
    bottom: 56px; }
  .svtXWidth-24-GTE-M {
    width: 24%; }
  .svtXBorder-Left-Grey-GTE-M {
    border-left: 2px solid #AAA; }
  .svtseLocalUmbrellaLogotype img {
    max-height: 70px; }
  .svtH1-THEMED {
    font-size: 42px;
    line-height: 44px; }
  .svtH2-THEMED, .svtTeaser__Heading {
    font-size: 30px;
    line-height: 32px; }
  .svtH3-THEMED {
    font-size: 27px;
    line-height: 29px; }
  .svtH4-THEMED {
    font-size: 24px;
    line-height: 26px; }
  .svtH5-THEMED {
    font-size: 16px; } }

/* X-Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .svtColumns-2-3-4-5 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .svtColumns-1-2-3-4 {
    -moz-column-count: 2;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2%;
    column-count: 2;
    column-gap: 2%; }
  .svtColumns-1-2-3 {
    -moz-column-count: 2;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2%;
    column-count: 2;
    column-gap: 2%; }
  .svtGridBlock-2-3-6-6 .svtUnit {
    width: 31.9166666667%; }
  .svtGridBlock-2-3-6-6 .svtNth-3, .svtGridBlock-2-3-6-6 .svtNth-5 {
    clear: none;
    margin-left: 2%; }
  .svtGridBlock-2-3-6-6 .svtNth-4 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-4 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-2-2-4 .svtNth-1, .svtGridBlock-1-2-2-4 .svtNth-3 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-4 .svtNth-2, .svtGridBlock-1-2-2-4 .svtNth-4 {
    clear: none;
    margin-left: 2%; }
  .svtContainerBase {
    max-width: 96%; }
  .svtLineElement-2-1-1-1 .svtLineElement-Item {
    width: 100%;
    float: left; }
  .svtLineElement-2-3-4-5 .svtLineElement-Item {
    display: block;
    width: 32.8%; }
  .svtLineElement-2-4-6-8 .svtLineElement-Item:nth-child(-n+4) {
    display: block;
    width: 24.8%; }
  .svtLineElement-4-6-8-8 .svtLineElement-Item:nth-child(-n+6) {
    display: block;
    width: 16.4%; }
  .svtMediaBlock .svtMBFig-L-O-L-L {
    width: 100%;
    float: none;
    margin-right: 0; }
  /* Uses medium image proportions on Small screen since small is too small then */
  .svtMediaBlockFig-S.svtMBFig-O-R-R-R {
    width: 25.111%; }
  .svtMediaBlockFig-S.svtMBFig-O-L-L-L {
    width: 25.111%; }
  .svtTittarservice-QuestionBox {
    margin-top: 5px; }
  .svtTittarservice-report,
  .svtTittarservice-FormBox,
  .svtTittarservice-Followpost {
    padding: 10px; } }

/* Medium
   ========================================================================== */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .svtAO-charlist li br {
    display: none; }
  .svtAO-charlist li:nth-child(17) br {
    display: block; }
  .svtAO-navlist li a {
    width: 6%; }
  .svtFlexible-33-49 {
    width: 49%; }
    .svtFlexible-33-49 div {
      -moz-column-count: 2;
      /* FF dosn't support % as value, default is 1em */
      -moz-column-gap: 1em;
      -webkit-column-count: 2;
      -webkit-column-gap: 2%;
      column-count: 2;
      column-gap: 2%; }
  .svtFlexible-33-24 {
    width: 24%; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Left {
    display: block;
    width: 65%;
    float: left; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Right {
    display: block;
    width: 30%;
    float: right; }
  .svtGridBlock-1-1-3-4 .svtNth-1,
  .svtGridBlock-1-1-3-4 .svtNth-2 {
    width: 49%; }
  .svtGridBlock-1-1-3-4 .svtNth-1,
  .svtGridBlock-1-1-3-4 .svtNth-3
.svtNth-4 {
    float: left; }
  .svtGridBlock-1-1-3-4 .svtNth-2 {
    float: right; }
  .svtColumns-2-3-4-5 {
    -moz-column-count: 4;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 4;
    -webkit-column-gap: 2%;
    column-count: 4;
    column-gap: 2%; }
  .svtColumns-1-2-3-4 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .svtColumns-1-2-3 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .svtGridBlock-1-2-2-4 .svtUnit {
    width: 48.875%; }
  .svtGridBlock-1-2-2-4 .svtNth-1,
  .svtGridBlock-1-2-2-4 .svtNth-3 {
    clear: both;
    margin-left: 0; }
  .svtGridBlock-1-2-2-4 .svtNth-2,
  .svtGridBlock-1-2-2-4 .svtNth-4 {
    clear: none;
    margin-left: 2%; }
  .svtContainerBase {
    max-width: 900px; }
  .svtLineElement-2-3-4-5 .svtLineElement-Item {
    display: block;
    width: 24.8%; }
  .svtLineElement-2-4-6-8 .svtLineElement-Item:nth-child(-n+6) {
    display: block;
    width: 16.4%; }
  .svtTableMedium {
    display: table-row; }
  .svtTittarservice-articleText p,
  .svtTittarservice-articleText ul,
  .svtTittarservice-articleText ol {
    padding-left: 0; } }

/* Large
   ========================================================================== */
@media only screen and (min-width: 1025px) {
  .svtAO-charlist li br {
    display: none; }
  .svtAO-navlist li a {
    width: 2.5%;
    margin-bottom: 0; }
  /* Style for modern browsers */
  .svtFlexible-33-49 {
    width: 49%; }
    .svtFlexible-33-49 div {
      -moz-column-count: 2;
      /* FF dosn't support % as value, default is 1em */
      -moz-column-gap: 1em;
      -webkit-column-count: 2;
      -webkit-column-gap: 2%;
      column-count: 2;
      column-gap: 2%; }
  .svtFlexible-33-24 {
    width: 24%; }
  /* Exceptions for IE8 or less */
  .svtColumns-2-3-4-5 {
    -moz-column-count: 5;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 5;
    -webkit-column-gap: 2%;
    column-count: 5;
    column-gap: 2%; }
  .svtColumns-1-2-3-4 {
    -moz-column-count: 4;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 4;
    -webkit-column-gap: 2%;
    column-count: 4;
    column-gap: 2%; }
  .svtColumns-1-2-3 {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 2%;
    column-count: 3;
    column-gap: 2%; }
  .no-csscolumns .svtColumns-2-3-4-5 .svtColumnItem {
    width: 15.95%;
    float: left; }
  /* Show this because we are no longer Lte M */
  .svtHide-Lte-M {
    /* unhide */
    display: block; }
  .svtHide-Lte-M-Inline {
    /* unhide */
    display: inline; }
  .svtHide-Gte-L {
    /* hide */
    display: none; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Left {
    display: block;
    width: 50%;
    float: left; }
  .svtGridBlock-1-1-3-4 .svtGridBlock-Right {
    display: block;
    width: 49%;
    float: right; }
  .svtGridBlock-1-1-3-4 .svtUnit {
    width: 49%; }
  .svtGridBlock-1-1-3-4 .svtNth-1,
  .svtGridBlock-1-1-3-4 .svtNth-3 {
    float: left; }
  .svtGridBlock-1-1-3-4 .svtNth-2,
  .svtGridBlock-1-1-3-4 .svtNth-4 {
    float: right; }
  .svtGridBlock-1-2-2-4 .svtUnit,
  .svtGridBlock-2-2-2-4 .svtUnit {
    width: 23.4375%; }
  .svtGridBlock-1-2-2-4 .svtNth-2,
  .svtGridBlock-1-2-2-4 .svtNth-3,
  .svtGridBlock-1-2-2-4 .svtNth-4,
  .svtGridBlock-2-2-2-4 .svtNth-2,
  .svtGridBlock-2-2-2-4 .svtNth-3,
  .svtGridBlock-2-2-2-4 .svtNth-4 {
    clear: none;
    margin-left: 2%; }
  .svtTittarservice-articleText p,
  .svtTittarservice-articleText ul,
  .svtTittarservice-articleText ol {
    padding-left: 0; }
  .svtTittarservice-report p,
  .svtTittarservice-articleText .svtXTextAlignCenter p {
    padding-right: 0; }
  .svtLineElement-2-3-4-5 .svtLineElement-Item {
    display: block;
    width: 19.7%; }
  .svtLineElement-2-4-6-8 .svtLineElement-Item {
    display: block;
    width: 12.4%; }
  .A_svtseHeaderH1 {
    font-size: 461.5%;
    line-height: 0.9em; }
  .svtContainerBase {
    max-width: 988px; }
  .svtVideoAreaFull .svtContainerBase {
    max-width: 988px; }
  .svtBox-Padded {
    padding: 10px 20px; } }

/* xlarge
   ========================================================================== */
/**
 * @media only screen and (min-width : 1824px) {
 *
 * }
 */
/* ==========================================================================
   Custom nyheter
   ========================================================================== */
.nss_body {
  margin-top: 16px; }

.nss_body__full {
  margin-bottom: 0; }

.svtNewsIcon, .nss_wide-block-button__icon, .svtseLocalMenu__MenuButtonIcon, [class^="svtNewsIcon"], [class*=" svtNewsIcon"] {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/icon-sprite-news-new.png"); }

.svtNewsIcon__Arrow, [class^='svtNewsIcon__Arrow'], [class*=" svtNewsIcon__Arrow"] {
  width: 13px;
  height: 13px;
  background-position: 0 0; }

.svtNewsIcon__Arrow--nyheter {
  background-position: -29px 0; }

.svtNewsIcon__Arrow--kultur {
  background-position: -58px 0; }

.svtNewsIcon__Arrow--sport {
  background-position: -87px 0; }

.svtNewsIcon__Arrow--black, .svtNewsIcon__Arrow--neutral {
  background-position: -116px 0; }

.svtNewsIcon__Arrow--neutral {
  opacity: 0.75; }

.svtNewsIcon__LinkArrow, [class^='svtNewsIcon__LinkArrow'], [class*=" svtNewsIcon__LinkArrow"] {
  width: 11px;
  height: 10px;
  background-position: 0 -46px; }

.svtNewsIcon__LinkArrow--nyheter {
  background-position: -28px -46px; }

.svtNewsIcon__LinkArrow--kultur {
  background-position: -56px -46px; }

.svtNewsIcon__LinkArrow--sport {
  background-position: -84px -46px; }

.svtNewsIcon__LinkArrow--black, .svtNewsIcon__LinkArrow--neutral {
  background-position: -112px -46px; }

.svtNewsIcon__LinkArrow--neutral {
  opacity: 0.75; }

.svtNewsIcon__LinkArrow--Rightnow {
  background-position: -140px -46px; }

.svtNewsIcon__Circle17, .nss_wide-block-button--close-article .nss_wide-block-button__icon, .nss_wide-block-button--show-more-articles .nss_wide-block-button__icon, .nss_wide-block-button--show-more-latestnews .nss_wide-block-button__icon, .nss_wide-block-button--close-submenu .nss_wide-block-button__icon, .nss_wide-block-button--comments .nss_wide-block-button__icon, [class^='svtNewsIcon__Circle17'], [class*=" svtNewsIcon__Circle17"] {
  width: 18px;
  height: 18px;
  background-position: 0 -136px; }

.svtNewsIcon__Circle17--plus, .nss_wide-block-button--show-more-articles .nss_wide-block-button__icon, .nss_wide-block-button--show-more-latestnews .nss_wide-block-button__icon {
  background-position: 0 -136px; }

.svtNewsIcon__Circle17--cross, .nss_wide-block-button--close-article .nss_wide-block-button__icon, .nss_wide-block-button--close-submenu .nss_wide-block-button__icon {
  background-position: -33px -136px; }

.svtNewsIcon__Circle17--minus {
  background-position: -65px -136px; }

.svtNewsIcon__Circle17--down, .nss_wide-block-button--comments .nss_wide-block-button__icon {
  background-position: -98px -136px; }

.svtNewsIcon__Circle14, [class^='svtNewsIcon__Circle14'], [class*=" svtNewsIcon__Circle14"] {
  width: 14px;
  height: 14px;
  background-position: -148px -138px; }

.svtNewsIcon__Circle14--plus {
  background-position: -148px -138px; }

.svtNewsIcon__Circle14--cross {
  background-position: -178px -138px; }

.svtNewsIcon__Circle14--minus {
  background-position: -208px -138px; }

.svtNewsIcon__Circle14--down {
  background-position: -238px -138px; }

.svtNewsIcon__Circle22, [class^='svtNewsIcon__Circle22'], [class*=" svtNewsIcon__Circle22"] {
  width: 22px;
  height: 22px; }

.svtNewsIcon__Circle22--left {
  background-position: -248px -197px; }

.svtNewsIcon__Circle22--right {
  background-position: -286px -197px; }

.svtNewsIcon__Menu12, .svtseLocalMenu__MenuButtonIcon, [class^='svtNewsIcon__Menu12'], [class*=" svtNewsIcon__Menu12"] {
  width: 16px;
  height: 12px;
  background-position: 0 -390px; }

.svtNewsIcon__Menu12--black, .svtseLocalMenu-Active .svtseLocalMenu__MenuButtonIcon {
  background-position: 0 -390px; }

.svtNewsIcon__Menu12--white, .svtseLocalMenu__MenuButtonIcon {
  background-position: -40px -390px; }

.svtNewsIcon__LightboxWindow, .svtNewsIcon__LightboxWindow--nyheter, .svtNewsIcon__LightboxWindow--kultur, .svtNewsIcon__LightboxWindow--sport, .svtNewsIcon__LightboxWindow--opinion, .svtNewsIcon__LightboxWindow--fotbollsvm, .svtNewsIcon__LightboxWindow--vm-vinter {
  background-position: 0 -420px;
  height: 18px;
  width: 18px; }

.svtNewsIcon__LightboxWindow--kultur {
  background-position: -30px -420px; }

.svtNewsIcon__LightboxWindow--sport {
  background-position: -60px -420px; }

.svtNewsIcon__LightboxWindow--opinion {
  background-position: -90px -420px; }

.svtNewsIcon__LightboxWindow--fotbollsvm {
  background-position: -180px -420px; }

.svtNewsIcon__LightboxWindow--vm-vinter {
  background-position: -60px -420px; }

.svtNewsIcon__DropDown {
  background-position: 0 -450px;
  height: 18px;
  width: 18px; }

.nss_wide-block-button {
  display: block;
  text-align: center;
  background: none;
  border: none;
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  line-height: 44px;
  outline: none;
  padding: 0;
  color: #000;
  cursor: pointer; }
  .nss_wide-block-button:visited {
    color: #000; }
  .nss_wide-block-button:hover {
    color: #000;
    text-decoration: none; }
  .nss_wide-block-button:focus {
    outline: #e64b17 solid 2px;
    border-color: #e64b17; }
  .nss_wide-block-button.svtLoading .nss_wide-block-button__icon {
    background-image: url("../img/ajax-loader-small.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat; }

.nss_wide-block-button--show-more-articles {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2);
  background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2);
  background-color: #f2f2f2;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  border-radius: 2px 2px 2px 2px;
  -moz-box-shadow: inset 0 1px 0 0 #fff;
  -webkit-box-shadow: inset 0 1px 0 0 #fff;
  box-shadow: inset 0 1px 0 0 #fff;
  border-top: 1px solid #f2f2f2;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #c8c8c8;
  border-left: 1px solid #e5e5e5; }

body:after {
  display: none;
  content: url("../img/ajax-loader-small.gif"); }

.nss_wide-block-button__icon {
  display: inline-block;
  float: none;
  zoom: 1;
  vertical-align: middle;
  margin-right: 6px;
  overflow: hidden;
  text-indent: 0px;
  margin-top: -3px; }

.nss_wide-block-button--show-more-articles {
  line-height: 36px; }
  .nss_wide-block-button--show-more-articles .nss_wide-block-button__icon {
    margin-top: -4px; }

.nss_wide-block-button--show-more-latestnews {
  font-size: 14px;
  line-height: 30px; }
  .nss_wide-block-button--show-more-latestnews .nss_wide-block-button__icon {
    margin-top: -3px; }

.nss_wide-block-button--close-submenu {
  margin-top: -6px; }

.nss_wide-block-button--comments {
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6; }

/* Large */
/* Medium */
/* Small */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* About */
.nss_about {
  background-color: #fbf2e8;
  border-left: solid 3px #f8dfc4;
  margin-top: 12px;
  padding: 16px 16px 10px 15px; }
  @media only screen and (min-width: 601px) {
    .nss_about {
      margin-top: 16px; } }

.svtContainerAside .svtContentList .nss_about:first-child {
  margin-top: 0; }

.nss_about__figure {
  clear: both;
  margin-bottom: 8px; }

.nss_about__heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 21px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 4px; }
  .ieLte8 .nss_about__heading {
    font-size: 21px;
    line-height: 24px; }

.nss_about__body p, .nss_about__body ul, .nss_about__body ol {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 14px;
  line-height: 20px; }

.nss_about__body p {
  margin-bottom: 6px; }

.nss_about--default {
  background-color: #f2f2f2;
  border-left-color: #dedede; }

.nss_about--nyheter {
  background-color: #F2F2F2;
  border-left-color: #cc0022; }

.nss_about--sport {
  background-color: #ebf6fd;
  border-left-color: #cce8fb; }

.nss_about--kultur {
  background-color: #f4ecf7;
  border-left-color: #e4cfeb; }

.nss_about--opinion {
  background-color: #fbf2e8;
  border-left-color: #f8dfc4; }

/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* Voting */
.svt_voting {
  background: #FFF;
  border: solid 1px #E0E0E0 !important;
  border-radius: 2px;
  margin-bottom: 0;
  margin-top: 12px;
  padding: 0 12px 12px; }
  .svt_voting .svt_voting__vignette--open,
  .svt_voting .svt_voting__vignette--closed {
    float: left;
    padding-bottom: 0; }
  .svt_voting .svt_voting__question {
    border-bottom: solid 1px #E6E6E6;
    color: #1A1A1A;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    margin: 0 -12px;
    padding: 8px 12px; }
  .svt_voting .svt_voting__total-votes {
    margin: 0; }
  .svt_voting .svt_voting__alternative {
    border-bottom: solid 1px #E6E6E6;
    margin: 0 -12px;
    padding: 10px 0 10px 12px; }
  .svt_voting .svt_voting__alternative {
    cursor: pointer; }
  .svt_voting .svt_voting__alternative:hover {
    background-color: #F2F2F2; }
  .svt_voting .svt_voting__alternative-label {
    margin: 0; }
  .svt_voting .svt_voting__link {
    padding-right: 0; }
  .svt_voting .svt_voting__circle-outer {
    border-width: 2px;
    border-radius: 18px !important;
    height: 32px !important;
    width: 32px !important; }
  .svt_voting .svt_voting__circle-outer:after {
    border-radius: 14px !important;
    border-width: 14px !important;
    height: 24px !important;
    margin-left: -12px !important;
    margin-top: -12px !important;
    width: 24px !important; }
  .svt_voting .svt_voting__alternative-text {
    color: #000;
    font-size: 14px;
    font-weight: 300; }
  .svt_voting .svt_voting__link {
    font-weight: 500;
    margin-top: 15px;
    text-transform: uppercase; }
  .svt_voting .svt_voting__share_toggle {
    display: none; }
  .svt_voting .svt_voting__button {
    display: none; }
  .svt_voting .svt_voting__results {
    margin: 0 -16px; }
  .svt_voting .svt_voting__result-group {
    margin: 0; }
  .svt_voting .svt_voting__result {
    border-bottom: solid 1px #E6E6E6;
    margin: 0;
    padding: 12px 16px 12px; }
  .svt_voting .svt_voting__result-percent {
    margin-left: -4em; }
  .svt_voting .svt_voting__result-text {
    color: #000;
    font-size: 16px;
    font-weight: 300; }
  .svt_voting .svt_voting__result-percent {
    color: #000;
    font-size: 16px;
    font-weight: 500; }
  .svt_voting .svt_voting__bar {
    background-color: #F2F2F2 !important;
    height: 20px; }
  .svt_voting .svt_voting__bar-value {
    height: 20px; }
  .svt_voting .svt_voting__total-votes {
    color: #545454;
    float: left;
    font-size: 14px;
    margin-top: 15px; }
  .svt_voting.svt_voting--resultview .svt_voting__total-votes {
    margin-top: -18px;
    margin-top: 0; }
  .svt_voting .svt_voting__message {
    clear: both;
    color: #545454;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 0;
    width: 100%; }
  .svt_voting .svt_voting__message--closed {
    margin-top: 12px; }
  .svt_voting .svt_voting__message em {
    font-style: normal; }
  .svt_voting .nss_voting__disclaimer {
    clear: both;
    color: #545454;
    display: block !important;
    font-size: 14px;
    margin: 12px 0 0 0;
    width: 100%; }
  @media only screen and (min-width: 601px) {
    .svt_voting {
      margin-top: 16px;
      padding: 0 16px 16px; }
      .svt_voting .svt_voting__question {
        font-size: 18px;
        margin: 0 -16px;
        padding: 8px 16px; }
      .svt_voting .svt_voting__circle-outer {
        border-radius: 14px !important;
        height: 28px !important;
        width: 28px !important; }
      .svt_voting .svt_voting__circle-outer:after {
        border-radius: 10px !important;
        border-width: 10px !important;
        height: 20px !important;
        margin-left: -10px !important;
        margin-top: -10px !important;
        width: 20px !important; }
      .svt_voting .svt_voting__alternative {
        margin: 0 -16px;
        padding: 10px 0 10px 16px; }
      .svt_voting .svt_voting__alternative-text {
        font-size: 16px; } }

.svt_voting--default {
  border-color: #585858; }
  .svt_voting--default .svt_voting__vignette,
  .svt_voting--default .svt_voting__vignette--open,
  .svt_voting--default .svt_voting__vignette--closed {
    color: #585858; }
  .svt_voting--default .svt_voting__bar {
    background-color: rgba(88, 88, 88, 0.5); }
  .svt_voting--default .svt_voting__bar-value {
    background-color: #585858; }
  .svt_voting--default .svt_voting__circle-outer {
    border-color: #585858; }
  .svt_voting--default .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #585858; }
  .svt_voting--default .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #585858; }
  .svt_voting--default .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #585858; }

.svt_voting--nyheter {
  border-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__vignette,
  .svt_voting--nyheter .svt_voting__vignette--open,
  .svt_voting--nyheter .svt_voting__vignette--closed {
    color: #cc0022; }
  .svt_voting--nyheter .svt_voting__bar {
    background-color: rgba(204, 0, 34, 0.5); }
  .svt_voting--nyheter .svt_voting__bar-value {
    background-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__circle-outer {
    border-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #cc0022; }
  .svt_voting--nyheter .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #cc0022; }

.svt_voting--sport {
  border-color: #008de9; }
  .svt_voting--sport .svt_voting__vignette,
  .svt_voting--sport .svt_voting__vignette--open,
  .svt_voting--sport .svt_voting__vignette--closed {
    color: #008de9; }
  .svt_voting--sport .svt_voting__bar {
    background-color: rgba(0, 141, 233, 0.5); }
  .svt_voting--sport .svt_voting__bar-value {
    background-color: #008de9; }
  .svt_voting--sport .svt_voting__circle-outer {
    border-color: #008de9; }
  .svt_voting--sport .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #008de9; }
  .svt_voting--sport .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #008de9; }
  .svt_voting--sport .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #008de9; }

.svt_voting--kultur {
  border-color: #770f99; }
  .svt_voting--kultur .svt_voting__vignette,
  .svt_voting--kultur .svt_voting__vignette--open,
  .svt_voting--kultur .svt_voting__vignette--closed {
    color: #770f99; }
  .svt_voting--kultur .svt_voting__bar {
    background-color: rgba(119, 15, 153, 0.5); }
  .svt_voting--kultur .svt_voting__bar-value {
    background-color: #770f99; }
  .svt_voting--kultur .svt_voting__circle-outer {
    border-color: #770f99; }
  .svt_voting--kultur .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #770f99; }
  .svt_voting--kultur .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #770f99; }
  .svt_voting--kultur .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #770f99; }

.svt_voting--opinion {
  border-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__vignette,
  .svt_voting--opinion .svt_voting__vignette--open,
  .svt_voting--opinion .svt_voting__vignette--closed {
    color: #ed6e00; }
  .svt_voting--opinion .svt_voting__bar {
    background-color: rgba(237, 110, 0, 0.5); }
  .svt_voting--opinion .svt_voting__bar-value {
    background-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__circle-outer {
    border-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #ed6e00; }
  .svt_voting--opinion .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #ed6e00; }

.svt_voting--fotbollsvm {
  border-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__vignette,
  .svt_voting--fotbollsvm .svt_voting__vignette--open,
  .svt_voting--fotbollsvm .svt_voting__vignette--closed {
    color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__bar {
    background-color: rgba(59, 157, 3, 0.5); }
  .svt_voting--fotbollsvm .svt_voting__bar-value {
    background-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__circle-outer {
    border-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__alternative-input:checked + .svt_voting__alternative-label .svt_voting__circle-outer:after {
    background-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__alternative-label--checked .svt_voting__circle-outer:after {
    background-color: #3b9d03; }
  .svt_voting--fotbollsvm .svt_voting__alternative:hover .svt_voting__circle-outer:after {
    background-color: #3b9d03; }

.svtTeaserGroup .svt_voting {
  margin-bottom: 8px; }

.svtArticleOpen .svt_voting {
  margin-bottom: 20px; }

.no-js .svt_voting .svt_voting__button {
  display: block; }

.no-js .svt_voting .svt_voting__alternative-label {
  margin: 10px 0 0 25px; }

.svtTagStory__TopArticlesSection {
  margin-bottom: 15px; }

.svtTagStory__Title__SectionName {
  display: block;
  font-size: 18px;
  font-weight: normal; }

.svt_story-overview {
  background-image: linear-gradient(to right, #B3121F 30%, #E50026 100%);
  background-color: #B3121F;
  margin-top: 12px;
  margin-bottom: 12px; }

.svt_story-overview__figure {
  position: relative; }

.svt_story-overview__introduction__inner {
  padding: 12px; }

.svt_story-overview__heading {
  color: #FFF;
  font-size: 29px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: 700;
  line-height: 29px;
  margin-bottom: 5px; }

.svt_story-overview__introduction__text {
  color: #FFF;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 14px;
  line-height: 18px; }

.svt_story-overview__introduction__links {
  bottom: 10px;
  right: 5px;
  position: absolute; }
  .svt_story-overview__introduction__links a {
    background-color: rgba(255, 255, 255, 0.85);
    background-color: #FFF\9;
    border-radius: 3px;
    color: #B3121F;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    padding: 6px 7px 6px 10px;
    text-decoration: none; }
    .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--nyheter, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--kultur, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--sport, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--opinion, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--fotbollsvm, .svt_story-overview__introduction__links a .svtNewsIcon__LightboxWindow--vm-vinter {
      display: inline-block;
      margin-left: 10px;
      margin-top: -3px;
      vertical-align: middle; }
  .svt_story-overview__introduction__links a:hover {
    background-color: #FFF;
    text-decoration: none; }

.svt_story-share {
  padding: 0 0 6px 0;
  margin: 0 0 16px 0; }
  .svt_story-share .svt_story-share_text {
    font-size: 14px;
    margin-right: 8px; }
  .svt_story-share .svt_story-share_toggle {
    cursor: pointer;
    font-size: 14px;
    white-space: nowrap; }
    .svt_story-share .svt_story-share_toggle .svtNewsIcon__DropDown {
      display: inline-block;
      margin-left: 10px;
      margin-top: -3px;
      vertical-align: middle; }

.svt_story-share_links {
  display: none; }
  .svt_story-share_links aside {
    padding-top: 12px; }

/* Media queries
   ========================================================================== */
/* SMALL AND MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
@media only screen and (min-width: 801px) {
  .svtTagStory__Title__SectionName {
    display: none; } }

/* SMALL - IPADS PORTRAIT */
/* MEDIUM - IPADS LANDSCAPE, small Desktops and laptops */
/* LARGE - Desktops and laptops */
/**
 * XLARGE - TV, Large screens
 *
 * @media only screen and (min-width : 1824px) {
 *
 * }
 */
/* IE6, IE7 and IE8 we'll do the same as following mediaqueries */
.ieLte8 .svtTagStory__Title__SectionName {
  display: none; }

.svt_timeline__heading-timestamp {
  font-size: 16px;
  line-height: 19px; }

.svt_timeline .svtSectionHeading--timeline, .svt_featured-articles .svtSectionHeading--featured-articles {
  font-size: 17px;
  line-height: 19px;
  padding-left: 12px;
  margin-bottom: 0px;
  padding-top: 4px;
  padding-bottom: 12px;
  color: #111; }

.svt_timeline .svtSectionHeading--timeline, .svt_timeline__article, .svt_featured-articles .svtSectionHeading--featured-articles, .svt_featured-articles .svtContentList {
  border-left: 2px solid #B3121F; }

.svt_timeline {
  margin-bottom: 15px;
  padding: 16px 0; }
  .svt_timeline .svt_timeline__section-heading-timestamp {
    color: #808080;
    text-transform: none;
    font-weight: normal; }
  .svt_timeline .svtContentList {
    margin-top: 0; }
  .svt_timeline .svtTimestamp--Teaser {
    display: none; }

.svt_featured-articles {
  background-color: #F2F2F2;
  margin-bottom: 15px;
  padding: 16px 0; }

.svt_featured-articles__Inner {
  padding-left: 12px;
  padding-right: 12px; }

.svt_timeline__heading {
  margin: 2px 0; }

.svt_timeline__heading-timestamp {
  color: #B3121F;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  position: relative; }
  .svt_timeline__heading-timestamp:before {
    content: "";
    background: #B3121F;
    height: 8px;
    width: 8px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    margin-left: -3px;
    margin-right: 8px;
    bottom: 2px; }

.svt_timeline__article {
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 8px; }
  .svt_timeline__article .svtCarousel--storySwipe {
    display: none; }

.svt_featured-articles {
  margin-left: -12px;
  margin-right: -12px; }
  .svt_featured-articles .svtContentList {
    padding-left: 12px;
    margin-top: 0;
    padding-top: 0.1px; }
  .svt_featured-articles .svtTeaser, .svt_featured-articles .svtTeaser--Medium, .svt_featured-articles .svtTeaser--Small, .svt_featured-articles .svtTeaser--Mini, .svt_featured-articles .svtTeaser--Listed {
    border-top: none; }
  .svt_featured-articles .svtCarousel--storySwipe {
    display: none; }

.svt_featured-articles .svtTeaser.svtArticleOpen, .svt_featured-articles .svtArticleOpen.svtTeaser--Medium, .svt_featured-articles .svtArticleOpen.svtTeaser--Small, .svt_featured-articles .svtArticleOpen.svtTeaser--Mini, .svt_featured-articles .svtArticleOpen.svtTeaser--Listed, .svt_timeline .svtTeaser.svtArticleOpen, .svt_timeline .svtArticleOpen.svtTeaser--Medium, .svt_timeline .svtArticleOpen.svtTeaser--Small, .svt_timeline .svtArticleOpen.svtTeaser--Mini, .svt_timeline .svtArticleOpen.svtTeaser--Listed {
  border-color: #d9898f;
  border-width: 1px;
  margin-left: -26px;
  padding-left: 14px;
  margin-right: -12px;
  padding-right: 12px; }

.svt_featured-articles .svtTeaser.svtArticleOpen, .svt_featured-articles .svtArticleOpen.svtTeaser--Medium, .svt_featured-articles .svtArticleOpen.svtTeaser--Small, .svt_featured-articles .svtArticleOpen.svtTeaser--Mini, .svt_featured-articles .svtArticleOpen.svtTeaser--Listed {
  background-color: #FFF; }

.svt_timeline .svtTeaser.svtArticleOpen, .svt_timeline .svtArticleOpen.svtTeaser--Medium, .svt_timeline .svtArticleOpen.svtTeaser--Small, .svt_timeline .svtArticleOpen.svtTeaser--Mini, .svt_timeline .svtArticleOpen.svtTeaser--Listed {
  background-color: #FFF; }

@media only screen and (min-width: 601px) {
  .svt_timeline .svtSectionHeading--timeline {
    padding-left: 24px; }
  .svt_timeline__Inner {
    margin: 0 130px; }
  .svt_timeline__heading {
    text-align: right;
    width: 130px;
    left: -130px;
    position: relative; }
    .svt_timeline__heading:first-child:before {
      left: 100%; }
  .svt_timeline__heading-timestamp {
    font-size: 18px;
    line-height: 24px;
    margin-right: 20px; }
    .svt_timeline__heading-timestamp:before {
      float: right;
      margin-right: -5px;
      margin-top: 10px; }
  .svt_timeline__article {
    padding-left: 24px; }
  .svt_timeline .svtTeaser.svtArticleOpen, .svt_timeline .svtArticleOpen.svtTeaser--Medium, .svt_timeline .svtArticleOpen.svtTeaser--Small, .svt_timeline .svtArticleOpen.svtTeaser--Mini, .svt_timeline .svtArticleOpen.svtTeaser--Listed {
    /*
			margin-left: - $_padding-sml - $_storyBorder-width;
			padding-left: $_padding-sml;
			*/
    margin-left: -154px;
    padding-left: 154px;
    padding-right: 130px;
    margin-right: -130px; }
  .svt_featured-articles__Inner {
    margin: 0 130px;
    padding-left: 0;
    padding-right: 0; }
  /* .svt_featured-articles {
		.svtSectionHeading--featured-articles {
			position: absolute;
			width: $_margin;
			left: 0;
			padding-left: 0px;
			padding-bottom: 0px;
			border-left: none;
		}
	}*/
  .svt_featured-articles {
    margin-left: 0;
    margin-right: 0; }
    .svt_featured-articles .svtSectionHeading--featured-articles {
      padding-left: 24px;
      font-size: 19px;
      line-height: 21px;
      padding-top: 4px;
      padding-bottom: 17px; }
    .svt_featured-articles .svtContentList {
      padding-left: 24px; }
  .svt_featured-articles .svtTeaser.svtArticleOpen, .svt_featured-articles .svtArticleOpen.svtTeaser--Medium, .svt_featured-articles .svtArticleOpen.svtTeaser--Small, .svt_featured-articles .svtArticleOpen.svtTeaser--Mini, .svt_featured-articles .svtArticleOpen.svtTeaser--Listed {
    margin-left: -156px;
    padding-left: 154px;
    padding-right: 130px;
    margin-right: -130px; } }

@media only screen and (min-width: 801px) {
  .svt_timeline .svtSectionHeading--timeline {
    font-size: 19px;
    line-height: 21px;
    padding-top: 4px;
    padding-bottom: 17px; } }

.ieLte8 .svt_timeline .svtSectionHeading--timeline {
  padding-left: 24px; }

.ieLte8 .svt_timeline__Inner {
  margin: 0 130px; }

.ieLte8 .svt_timeline__heading {
  text-align: right;
  width: 130px;
  left: -130px;
  position: relative; }
  .ieLte8 .svt_timeline__heading:first-child:before {
    left: 100%; }

.ieLte8 .svt_timeline__heading-timestamp {
  font-size: 18px;
  line-height: 24px;
  margin-right: 20px; }
  .ieLte8 .svt_timeline__heading-timestamp:before {
    float: right;
    margin-right: -5px;
    margin-top: 10px; }

.ieLte8 .svt_timeline__article {
  padding-left: 24px; }

.ieLte8 .svt_timeline .svtTeaser.svtArticleOpen, .ieLte8 .svt_timeline .svtArticleOpen.svtTeaser--Medium, .ieLte8 .svt_timeline .svtArticleOpen.svtTeaser--Small, .ieLte8 .svt_timeline .svtArticleOpen.svtTeaser--Mini, .ieLte8 .svt_timeline .svtArticleOpen.svtTeaser--Listed {
  /*
			margin-left: - $_padding-sml - $_storyBorder-width;
			padding-left: $_padding-sml;
			*/
  margin-left: -154px;
  padding-left: 154px;
  padding-right: 130px;
  margin-right: -130px; }

.ieLte8 .svt_timeline .svtSectionHeading--timeline {
  font-size: 19px;
  line-height: 21px;
  padding-top: 4px;
  padding-bottom: 17px; }

.ieLte8 .svt_featured-articles__Inner {
  margin: 0 130px;
  padding-left: 0;
  padding-right: 0; }

/*.ieLte8 .svt_featured-articles {
		.svtSectionHeading--featured-articles {
			position: absolute;
			width: $_margin;
			left: 0;
			padding-left: 0px;
			padding-bottom: 0px;
			border-left: none;
		}
	}*/
.ieLte8 .svt_featured-articles {
  margin-left: 0;
  margin-right: 0; }
  .ieLte8 .svt_featured-articles .svtSectionHeading--featured-articles {
    padding-left: 24px;
    font-size: 19px;
    line-height: 21px;
    padding-top: 4px;
    padding-bottom: 17px; }
  .ieLte8 .svt_featured-articles .svtContentList {
    padding-left: 24px; }

.ieLte8 .svt_featured-articles .svtTeaser.svtArticleOpen, .ieLte8 .svt_featured-articles .svtArticleOpen.svtTeaser--Medium, .ieLte8 .svt_featured-articles .svtArticleOpen.svtTeaser--Small, .ieLte8 .svt_featured-articles .svtArticleOpen.svtTeaser--Mini, .ieLte8 .svt_featured-articles .svtArticleOpen.svtTeaser--Listed {
  margin-left: -156px;
  padding-left: 154px;
  padding-right: 130px;
  margin-right: -130px; }

/*
--------------------------------------
Figure - extend class
---------------------------------------*/
/* Base */
.nss_teaser--small .nss_teaser__figure img, .nss_teaser--mini .nss_teaser__figure img {
  display: block; }

/* Modifiers */
.nss_teaser--small .nss_teaser__figure, .nss_teaser--mini .nss_teaser__figure {
  float: left;
  margin-right: 12px; }
  @media only screen and (min-width: 601px) {
    .nss_teaser--small .nss_teaser__figure, .nss_teaser--mini .nss_teaser__figure {
      margin-right: 16px; } }

.nss_teaser--small .nss_teaser__figure {
  width: 169px; }

.nss_teaser--mini .nss_teaser__figure {
  width: 61px; }
  @media only screen and (min-width: 601px) {
    .nss_teaser--mini .nss_teaser__figure {
      width: 106px; } }

/*
--------------------------------------
Heading - extend class
---------------------------------------*/
/* Base */
.nss_teaser--small .nss_teaser__heading, .nss_teaser--mini .nss_teaser__heading {
  color: #000;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold; }
  .nss_teaser--small .nss_teaser__heading a, .nss_teaser--mini .nss_teaser__heading a {
    color: inherit; }

/* Modifiers */
.nss_teaser--small .nss_teaser__heading {
  font-size: 19px;
  line-height: 21px; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_teaser--small .nss_teaser__heading {
      font-size: 27px;
      line-height: 29px; } }
  @media only screen and (min-width: 801px) and (max-width: 1024px) {
    .nss_teaser--small .nss_teaser__heading {
      font-size: 27px;
      line-height: 29px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1824px) {
    .nss_teaser--small .nss_teaser__heading {
      font-size: 27px;
      line-height: 29px; } }
  @media only screen and (min-width: 1025px) {
    .nss_teaser--small .nss_teaser__heading {
      font-size: 27px;
      line-height: 29px; } }

.nss_teaser--mini .nss_teaser__heading {
  font-size: 17px;
  line-height: 19px;
  margin-bottom: 3px; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_teaser--mini .nss_teaser__heading {
      font-size: 21px;
      line-height: 24px; } }
  @media only screen and (min-width: 801px) and (max-width: 1024px) {
    .nss_teaser--mini .nss_teaser__heading {
      font-size: 21px;
      line-height: 24px; } }
  @media only screen and (min-width: 1025px) and (max-width: 1824px) {
    .nss_teaser--mini .nss_teaser__heading {
      font-size: 24px;
      line-height: 26px; } }
  @media only screen and (min-width: 1025px) {
    .nss_teaser--mini .nss_teaser__heading {
      font-size: 24px;
      line-height: 26px; } }
  @media only screen and (min-width: 601px) {
    .nss_teaser--mini .nss_teaser__heading {
      margin-bottom: 4px; } }

/*
--------------------------------------
Opinion - extend class
---------------------------------------*/
/* Base */
/* Modifiers */
/*
--------------------------------------
Vignette - extend class
---------------------------------------*/
/* Base */
.nss_teaser__vignette {
  color: #0059b3;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold; }
  @media only screen and (min-width: 601px) {
    .nss_teaser__vignette {
      font-size: 15px;
      line-height: 20px; } }

/*
--------------------------------------
Textcontent - extend class
---------------------------------------*/
/* Base */
.nss_teaser__textcontent p,
.nss_teaser__textcontent ul,
.nss_teaser__textcontent ol {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 13px;
  line-height: 18px; }

@media only screen and (min-width: 601px) {
  .nss_teaser__textcontent p,
  .nss_teaser__textcontent ul,
  .nss_teaser__textcontent ol {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-size: 14px;
    line-height: 20px; } }

/* Wideview grid
--------------------------------------------------------*/
@media only screen and (min-width: 601px) {
  .nss_wideview_grid, .nss_wideview_grid--in-halves {
    margin: 0 -20px;
    /* Can be set in em, % or px */
    padding: 0;
    /* Remove if you already reset paddings */
    clear: both;
    list-style: none;
    /* Works with ul & ol */
    letter-spacing: -0.31em;
    word-spacing: -0.43em; }
    .nss_wideview_grid > article, .nss_wideview_grid--in-halves > article {
      display: inline-block;
      letter-spacing: normal;
      word-spacing: normal;
      vertical-align: top;
      padding: 0 20px;
      /* Can be set in em, % or px (must match .ingrid negative margins) */
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; } }

@media only screen and (min-width: 601px) {
  .nss_wideview_grid--in-halves > article {
    width: 50%; } }

/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* Latest news block */
.nss_latest-news {
  margin-top: 16px;
  margin-bottom: 12px;
  background: #f2f2f2;
  border: 1px solid #ebebeb;
  border-top: none;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px; }
  @media only screen and (min-width: 601px) {
    .nss_latest-news {
      margin-bottom: 16px; } }

.nss_latest-news__content-wrapper {
  padding: 13px; }

/* News list */
@media only screen and (min-width: 801px) {
  .nss_latest-news--has-video.nss_latest-news--main.svt_is-collapsed .nss_latest-news__content-wrapper-inner {
    display: table; } }

@media only screen and (min-width: 801px) {
  .nss_latest-news--has-video.nss_latest-news--main.svt_is-collapsed .nss_latest-news__news-list-wrapper {
    display: table-cell;
    vertical-align: top;
    width: 70%; } }

@media only screen and (min-width: 1025px) {
  .nss_latest-news--has-video.nss_latest-news--main.svt_is-collapsed .nss_latest-news__news-list-wrapper {
    width: 75%; } }

.ieLte8 .nss_latest-news--has-video.nss_latest-news--main.svt_is-collapsed {
  float: left; }

.nss_latest-news__news-list {
  list-style-type: none;
  font-size: 14px;
  margin: 0; }
  @media only screen and (min-width: 801px) {
    .nss_latest-news--main.svt_is-collapsed .nss_latest-news__news-list {
      padding-right: 20px; } }

@media only screen and (min-width: 601px) and (max-width: 1024px) {
  .nss_latest-news--aside .nss_latest-news__list-item {
    margin-bottom: 8px; } }

@media only screen and (min-width: 1025px) {
  .nss_latest-news--main .nss_latest-news__list-item {
    margin-bottom: 8px; } }

.nss_latest-news__link {
  float: left;
  line-height: 20px; }
  .nss_latest-news__list-item.svt_is-marked .nss_latest-news__link {
    font-weight: bold; }
  .nss_latest-news--main .nss_latest-news__link {
    width: 80%; }
    @media only screen and (min-width: 1025px) {
      .nss_latest-news--main .nss_latest-news__link {
        width: 63%; } }
  .nss_latest-news--aside .nss_latest-news__link {
    width: 79%; }
    @media only screen and (min-width: 601px) and (max-width: 1024px) {
      .nss_latest-news--aside .nss_latest-news__link {
        width: 100%; } }
    @media only screen and (min-width: 1025px) {
      .nss_latest-news--aside .nss_latest-news__link {
        width: 78%; } }
  .nss_latest-news__link:hover {
    text-decoration: none; }

.nss_latest-news__arrow {
  display: inline-block;
  margin-left: -18px;
  margin-right: 3px; }

.nss_latest-news__text {
  margin-left: 18px;
  vertical-align: top;
  display: inline-block; }

.nss_latest-news__title {
  font-weight: bold; }
  .nss_latest-news__link:hover .nss_latest-news__title {
    text-decoration: underline; }

.nss_latest-news__time-section-wrapper {
  display: none;
  white-space: nowrap;
  font-weight: normal; }
  @media only screen and (min-width: 601px) and (max-width: 1024px) {
    .nss_latest-news--aside .nss_latest-news__time-section-wrapper {
      display: inline; } }

.nss_latest-news__section {
  clear: both;
  color: black;
  font-size: 12px;
  line-height: 16px;
  margin: 2px 0; }
  .nss_latest-news__list-item.svt_is-marked .nss_latest-news__section {
    font-weight: bold; }
  .nss_latest-news__section.nss_latest-news__section--standard {
    float: left;
    margin-left: 18px; }
    @media only screen and (min-width: 601px) and (max-width: 1024px) {
      .nss_latest-news--aside .nss_latest-news__section.nss_latest-news__section--standard {
        display: none; } }
    @media only screen and (min-width: 1025px) {
      .nss_latest-news--main .nss_latest-news__section.nss_latest-news__section--standard {
        margin-left: 10px;
        float: none;
        clear: none;
        padding: 2px 0; } }

.nss_latest-news__time {
  color: #808080;
  font-size: 85%;
  position: relative;
  min-width: 27px;
  text-align: right;
  line-height: 16px; }
  .nss_latest-news__time.nss_latest-news__time--standard {
    padding: 2px 8px 2px 4px;
    float: right; }
  @media only screen and (min-width: 601px) and (max-width: 1024px) {
    .nss_latest-news--aside .nss_latest-news__time.nss_latest-news__time--standard {
      display: none; }
    .nss_latest-news__list-item.svt_is-marked .nss_latest-news__time.nss_latest-news__time--compact {
      padding: 2px 8px 2px 4px;
      margin-left: 8px; } }
  .nss_latest-news__list-item.svt_is-marked .nss_latest-news__time {
    background: #FFE30D;
    color: black; }
    .nss_latest-news__list-item.svt_is-marked .nss_latest-news__time:after {
      right: 100%;
      border: 10px solid transparent;
      border-right: 8px solid #FFE30D;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      top: 50%;
      margin-top: -10px; }

/* Latest news video */
.nss_latest-news--with-news .nss_latest-news__video-wrapper {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #E3E3E3; }

@media only screen and (min-width: 801px) {
  .nss_latest-news--with-news.nss_latest-news--main.svt_is-collapsed .nss_latest-news__video-wrapper {
    display: table-cell;
    vertical-align: top;
    margin-top: 0;
    padding-top: 0;
    border-top: none; } }

.nss_latest-news--with-news .nss_latest-news__video-wrapper.nss_latest-news__video-wrapper--started-in-large {
  border-bottom: 1px solid #E3E3E3;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-top: none;
  margin-top: 0;
  padding-top: 0; }

.ieLte8 .nss_latest-news--main .nss_latest-news__video-wrapper {
  width: 25%; }

.nss_latest-news__video-fig {
  width: 100%;
  margin-bottom: 6px; }
  .svt_is-collapsed .nss_latest-news__video-fig {
    float: left;
    width: 40%;
    margin-right: 12px;
    margin-bottom: 0px; }
  @media only screen and (min-width: 801px) {
    .nss_latest-news--main.svt_is-collapsed .nss_latest-news__video-fig {
      width: 100%;
      margin-bottom: 6px;
      margin-right: 0px; } }
  @media only screen and (min-width: 1025px) {
    .nss_latest-news--aside.svt_is-collapsed .nss_latest-news__video-fig {
      float: left;
      width: 40%;
      margin-right: 12px;
      margin-bottom: 0px; } }

.nss_latest-news__video-info {
  margin-bottom: 12px;
  line-height: 18px;
  font-size: 14px;
  font-weight: bold; }

.nss_latest-news__video-air-date {
  color: #808080;
  font-size: 12px;
  font-weight: normal; }

.nss_latest-news__video-link-icon {
  display: inline-block;
  margin-right: 5px; }

/*
--------------------------------------
Teaser
---------------------------------------*/
/* Base */
.nss_teaser {
  margin-top: 12px;
  *zoom: 1; }
  @media only screen and (min-width: 601px) {
    .nss_teaser {
      margin-top: 16px; } }
  .nss_teaser:before,
  .nss_teaser:after {
    content: "";
    display: table;
    clear: both; }

.nss_teaser__figure {
  position: relative; }

/* Modifiers */
.nss_commentbox__heading {
  font-family: arial;
  font-weight: bold;
  font-size: 24px; }

.nss_commentbox__button-wrapper {
  border-radius: 5px;
  padding: 10px 12px; }
  .nss_commentbox--opinion .nss_commentbox__button-wrapper {
    color: white;
    background: #DD7600;
    background: linear-gradient(#F29205 0%, #DD7600 50px); }
  .nss_commentbox--standard .nss_commentbox__button-wrapper {
    background: #f2f2f2;
    background: linear-gradient(#fafafa, #f2f2f2);
    box-shadow: inset 0 1px 0 0 #fff;
    border-top: 1px solid #f2f2f2;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #c8c8c8;
    border-left: 1px solid #e5e5e5; }

.nss_commentbox__button {
  line-height: 20px;
  display: block;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none; }
  .nss_commentbox--opinion .nss_commentbox__button {
    color: white; }
    .nss_commentbox--opinion .nss_commentbox__button:hover {
      text-decoration: none;
      color: white; }
    .nss_commentbox--opinion .nss_commentbox__button:visited {
      color: white; }
  .nss_commentbox--standard .nss_commentbox__button {
    color: black; }
    .nss_commentbox--standard .nss_commentbox__button:hover {
      text-decoration: none;
      color: black; }
    .nss_commentbox--standard .nss_commentbox__button:visited {
      color: black; }

.nss_commentbox--collapsed .nss_commentbox__button-expanded-text,
.nss_commentbox--collapsed .nss_commentbox__comments-area {
  display: none; }

.nss_commentbox--expanded .nss_commentbox__button-collapsed-text {
  display: none; }

.nss_commentbox__button_icon {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/icon-sprite-news-new.png");
  display: inline-block;
  float: none;
  zoom: 1;
  vertical-align: middle;
  margin-right: 6px;
  overflow: hidden;
  text-indent: 0px;
  margin-top: -4px;
  margin-left: 4px;
  width: 18px;
  height: 18px; }
  .nss_commentbox--collapsed .nss_commentbox__button_icon {
    background-position: -99px -136px; }
  .nss_commentbox--expanded .nss_commentbox__button_icon {
    background-position: -124px -136px; }
  .nss_commentbox--opinion.nss_commentbox--collapsed .nss_commentbox__button_icon {
    background-position: -99px -161px; }
  .nss_commentbox--opinion.nss_commentbox--expanded .nss_commentbox__button_icon {
    background-position: -124px -161px; }

.nss_commentbox__comments-area {
  margin-top: 10px;
  margin-left: 0px; }

.nss_commentbox__disclaimer {
  margin-top: 10px; }
  .nss_commentbox--collapsed .nss_commentbox__disclaimer {
    display: none; }
  .nss_commentbox--expanded .nss_commentbox__disclaimer {
    display: block; }

.nss_commentbox__disclaimer-heading {
  font-family: arial;
  font-size: 12px;
  font-weight: bold; }

.nss_commentbox__disclaimer-text {
  font-family: arial;
  font-size: 12px; }

.nss_commentbox__disclaimer-link {
  text-decoration: underline; }
  .nss_commentbox--opinion .nss_commentbox__disclaimer-link {
    color: #FFF; }
    .nss_commentbox--opinion .nss_commentbox__disclaimer-link:hover {
      color: #FFF; }
    .nss_commentbox--opinion .nss_commentbox__disclaimer-link:visited {
      color: #FFF; }

.nss_author-list__heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 14px;
  letter-spacing: 0.03em;
  font-weight: bold;
  display: inline; }

.nss_author-list__item {
  margin-top: 12px; }

.nss_author-list__figure {
  float: left;
  width: 42px;
  height: 42px; }

.nss_author-list__image {
  border-radius: 50%;
  border: 1px solid rgba(153, 153, 153, 0.3); }

.nss_author-list__item--has-image .nss_author-list__text-wrapper {
  margin-left: 52px; }

.nss_author-list__title {
  display: block;
  font-weight: bold; }

.nss_author-list__role {
  display: block; }

.nss_author-list__email {
  display: block; }

.nss_author-list--opinion .nss_author-list__header {
  display: table;
  width: 100%;
  position: relative; }

.nss_author-list--opinion .nss_author-list__heading-wrapper {
  background: #DD7600;
  background-image: -moz-linear-gradient(left, #DD7600 0%, #F29205 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #DD7600), color-stop(1, #F29205));
  background-image: -webkit-linear-gradient(left, #DD7600 0%, #F29205 100%);
  background-image: linear-gradient(left, #DD7600 0%, #F29205 100%);
  padding: 7px 15px;
  display: table-cell;
  width: 75%;
  position: relative;
  z-index: 100; }

.nss_author-list--opinion .nss_author-list__heading-right-space {
  display: table-cell;
  width: 25%;
  height: 0; }

.nss_author-list--opinion .nss_author-list__heading-bottom {
  background: #F9EFE1;
  position: absolute;
  left: 0;
  top: 50%;
  bottom: 0;
  width: 100%; }

.nss_author-list--opinion .nss_author-list__heading {
  color: white; }

.nss_author-list--opinion .nss_author-list__wrapper {
  background: #F9EFE1;
  border-left: 3px solid #DD7600;
  padding: 8px 8px 20px 8px; }

/* ==========================================================================
   Carousel
   ========================================================================== */
.nss_play-carousel {
  background-color: #212225;
  position: relative;
  padding-bottom: 9px;
  overflow: hidden; }

/* ==========================================================================
   Main heading
   ========================================================================== */
.nss_play-carousel__heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 18px;
  line-height: 1.6666666667;
  color: #FFF;
  margin-top: 9px;
  padding-left: 13px; }

.nss_play-carousel__heading-icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("/statiskt/skins/svt/css/img/nyheter/SVT-Play.png");
  width: 71px;
  height: 30px;
  vertical-align: middle; }

.nss_play-carousel__heading-text {
  vertical-align: middle; }

/* ==========================================================================
   Top navigation
   ========================================================================== */
.nss_play-carousel__nav {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 18px;
  line-height: 1.6666666667;
  *zoom: 1;
  position: absolute;
  top: 9px;
  right: 10px; }
  .nss_play-carousel__nav:before,
  .nss_play-carousel__nav:after {
    content: "";
    display: table;
    clear: both; }

.nss_play-carousel__nav-link {
  display: none;
  float: left;
  margin-left: 5px; }
  .nss_play-carousel__nav-link:first-child {
    margin: 0; }
  .nss_play-carousel__nav-link.svtCarousel__navNext--active,
  .nss_play-carousel__nav-link.svtCarousel__navPrevious--active {
    display: inline; }
  .nss_play-carousel__nav-link.svtCarousel__navNext--inactive,
  .nss_play-carousel__nav-link.svtCarousel__navPrevious--inactive {
    display: inline;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=9);
    opacity: 0.085; }

.nss_play-carousel__nav-icon {
  height: 26px;
  width: 26px;
  display: inline-block; }

.nss_play-carousel__nav-icon--left {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/pil_playsnurra_left.png"); }

.nss_play-carousel__nav-icon--right {
  background-image: url("/statiskt/skins/svt/css/img/nyheter/pil_playsnurra_right.png"); }

.nss_play-carousel__container {
  clear: both;
  position: relative;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -ms-touch-action: none; }
  .no-js .nss_play-carousel__container {
    overflow-x: auto; }

.nss_play-carousel__content {
  margin-top: 10px;
  position: relative;
  white-space: nowrap;
  *white-space: pre; }

/* ==========================================================================
   Carousel item
   ========================================================================== */
.nss_play-carousel__item {
  vertical-align: top;
  display: inline-block;
  margin-right: 13px;
  white-space: normal;
  width: 28%;
  min-width: 120px; }

.nss_play-carousel__item--first {
  margin-left: 13px; }

.nss_play-carousel__item--last {
  margin-right: 13px; }

.nss_play-carousel__item-link {
  color: #AFFFFF; }
  .nss_play-carousel__item-link:active,
  .nss_play-carousel__item-link:hover {
    text-decoration: none;
    color: #AFFFFF; }

.nss_play-carousel__item-img {
  border: 1px solid #85888e;
  box-sizing: border-box; }
  .nss_play-carousel__item-link:active .nss_play-carousel__item-img,
  .nss_play-carousel__item-link:hover .nss_play-carousel__item-img {
    border: 1px solid #AFFFFF;
    outline: 0; }

.nss_play-carousel__item-heading,
.ieLte8 .nss_play-carousel__item-heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 12px;
  line-height: 1.1666666667;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  margin-top: 0.7em;
  color: #AFFFFF; }
  .nss_play-carousel__item-link:active .nss_play-carousel__item-heading,
  .nss_play-carousel__item-link:hover .nss_play-carousel__item-heading,
  .nss_play-carousel__item-link:active .ieLte8 .nss_play-carousel__item-heading,
  .nss_play-carousel__item-link:hover .ieLte8 .nss_play-carousel__item-heading {
    text-decoration: underline; }

.nss_play-carousel__item-text,
.ieLte8 .nss_play-carousel__item-text {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 12px;
  line-height: 1.1666666667;
  color: #c3c5c5;
  -webkit-font-smoothing: antialiased; }

/* ==========================================================================
   Page control dots
   ========================================================================== */
.nss_play-carousel_page-control {
  clear: both;
  text-align: center; }

.nss_play-carousel_page-control-content {
  margin: 0.2em auto 0 auto;
  overflow: hidden;
  _overflow: visible;
  display: inline-block;
  zoom: 1; }

.nss_play-carousel_page-control .svtCarousel__pageControlDot--active,
.nss_play-carousel_page-control .svtCarousel__pageControlDot--inactive {
  background-image: none;
  border-radius: 3px;
  height: 6px;
  width: 6px;
  margin-right: 5px; }

.nss_play-carousel_page-control .svtCarousel__pageControlDot--active {
  background-color: #FFF; }

.nss_play-carousel_page-control .svtCarousel__pageControlDot--inactive {
  background-color: #f9f9f9; }

.nss_editorial-comment__heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.03em;
  display: inline;
  padding: 8px 15px; }
  .nss_editorial-comment--opinion .nss_editorial-comment__heading {
    background: #F9EFE1;
    border-left: 3px solid #f5d8b5; }

.nss_editorial-comment__text-wrapper {
  color: #808080; }
  .nss_editorial-comment--opinion .nss_editorial-comment__text-wrapper {
    border-left: 3px solid #f5d8b5;
    padding-left: 12px;
    margin-bottom: 24px; }
  .nss_editorial-comment--has-heading .nss_editorial-comment__text-wrapper {
    padding-top: 18px; }

.nss_editorial-comment__text {
  font-style: italic;
  font-size: 16px;
  line-height: 22px; }

.nss_editorial-comment__writer {
  display: block;
  line-height: 36px; }

/* ==========================================================================
   News
   ========================================================================== */
/* Aside
   ========================================================================== */
.svtAside-NewsMainRight {
  width: 26%; }

.svtVignetteAside_header {
  color: #FFF;
  padding: 4px 7px;
  font-size: 85%;
  font-weight: bold;
  text-transform: uppercase; }

.svtVignetteAside_border, .svtVignetteAside_border-Nyheter, .svtVignetteAside_border-Sport, .svtVignetteAside_border-Kultur, .svtVignetteAside_border-OS, .svtVignetteAside_border-Vader {
  /* Rounded left bottom */
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  padding: 5px 0 0 10px; }

.svtVignetteAside_border-Nyheter {
  border-left: 4px solid #B3121F; }
  .svtVignetteAside_border-Nyheter .svtVignetteAside_header {
    background-color: #B3121F; }

.svtVignetteAside_bg-Nyheter {
  background-color: #B3121F; }

.svtVignetteAside_border-Sport {
  border-left: 4px solid #2453B3; }
  .svtVignetteAside_border-Sport .svtVignetteAside_header {
    background-color: #2453B3; }

.svtVignetteAside_bg-Sport {
  background-color: #2453B3; }

.svtVignetteAside_border-Kultur {
  border-left: 4px solid #770F99; }
  .svtVignetteAside_border-Kultur .svtVignetteAside_header {
    background-color: #770F99; }

.svtVignetteAside_bg-Kultur {
  background-color: #770F99; }

.svtVignetteAside_border-OS {
  border-left: 4px solid #2D99F8; }
  .svtVignetteAside_border-OS .svtVignetteAside_header {
    background-color: #2D99F8; }

.svtVignetteAside_bg-OS {
  background-color: #2D99F8; }

.svtVignetteAside_border-Vader {
  border-left: 4px solid #CC9C00; }
  .svtVignetteAside_border-Vader .svtVignetteAside_header {
    background-color: #CC9C00; }

.svtVignetteAside_bg-Vader {
  background-color: #CC9C00; }

/* Teaser package
   ========================================================================== */
a.svtPackageItem {
  float: left;
  width: 80%;
  font-weight: bold; }
  a.svtPackageItem span {
    font-size: 85%; }
  a.svtPackageItem .svtNewsVignette {
    font-size: 100%; }

.svtPackageOpen .svtJsArticle,
.svtPackageOpen .svtPackageItemContainer,
.svtPackageOpen.svtJsArticle {
  background-color: #f4f4f4; }

.svtPackageOpen .svtArticleOpen,
.svtPackageOpen.svtArticleOpen {
  background-color: #fff; }

.svtPackageItemContainer {
  -moz-transition: padding 200ms ease-in-out 0s;
  -webkit-transition: padding 200ms ease-in-out 0s;
  transition: padding 200ms ease-in-out 0s;
  -moz-transition: border 200ms ease-in-out 0s;
  -webkit-transition: border 200ms ease-in-out 0s;
  transition: border 200ms ease-in-out 0s; }

.svtPackageItemContainer:before,
.svtPackageItemContainer:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.svtPackageItemContainer:after {
  clear: both; }

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.svtPackageItemContainer {
  zoom: 1; }

.svtPadding-PackageItem {
  padding: 6px 12px; }

.svtPadding-PackageItemExpanded {
  padding: 0 15px 15px;
  overflow: hidden; }

/* Related elements in article
   ========================================================================== */
.svtAside-Factbox {
  background: #F2F2F2; }
  .svtAside-Factbox ul {
    margin: 0 0 0 15px; }
  .svtAside-Factbox li {
    margin-top: 10px; }

.svtAside-Toolbox {
  background: #F2F2F2;
  float: right;
  border: solid 1px #e0e0e0;
  width: 100%;
  margin: 0 0 15px 0;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px; }
  .svtAside-Toolbox div {
    padding: 0; }
  .svtAside-Toolbox li {
    float: left;
    margin: 0; }
    .svtAside-Toolbox li:last-child {
      border-left: solid 1px #e0e0e0;
      margin-left: -1px; }
  .svtAside-Toolbox .svtLink-Toolbox {
    background: #F2F2F2;
    color: #4b4b4b;
    padding: 10px 0 8px 13px; }

/* Latest news feed time stamp */
.svtTime-Right-LatestNews {
  display: block;
  position: absolute;
  right: -4px;
  top: 4px;
  font-size: 85%;
  font-weight: normal;
  text-align: right;
  padding: 2px 10px; }

/* Date in news header */
.svtHeaderSansSerif {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 77%;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  display: block; }

.svtHeaderSerif {
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", Times, "Times New Roman", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", serif;
  display: block;
  line-height: 1.4;
  font-size: 277%;
  margin-top: -7px; }

.svtXShadow-LightGrey-Bottom {
  box-shadow: 0 1px 0 #E3E3E3; }

.svtXGreyShadow-Bottom-Inset {
  box-shadow: inset 0 1px 0 #4b4b4b; }

.svtXGreyShadow-Bottom {
  box-shadow: 0 1px 0 #4b4b4b; }

.svtColor-Nyheter, a.svtColor-Nyheter {
  color: #B3121F; }

.svtColor-Sport, a.svtColor-Sport {
  color: #2453B3; }

.svtColor-Kultur, a.svtColor-Kultur {
  color: #770F99; }

.svtColor-OS, a.svtColor-OS {
  color: #2D99F8; }

.svtColor-Vader, a.svtColor-Vader {
  color: #CC9C00; }

.svtBorderColor-Nyheter {
  border-color: #B3121F; }

.svtBorderColor-Sport {
  border-color: #2453B3; }

.svtBorderColor-Kultur {
  border-color: #770F99; }

.svtBorderColor-OS {
  border-color: #2D99F8; }

.svtBorderColor-Vader {
  border-color: #CC9C00; }

.svtBox-FatBorder {
  position: relative;
  border: 1px solid #d1d1d1;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  border-radius: 4px 4px 4px 4px; }

.svtBox-FatBorder_Dark {
  border-color: #666; }

.svtBox-FatBorder_Inner {
  border: 3px solid #E3E3E3; }

.svtBox-FatBorder_Inner_Dark {
  border: 3px solid #000;
  background: #262626; }

.svtBox-FatBorder_Head {
  background: #262626;
  color: #FFF;
  margin: 0;
  width: 100%;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0; }
  .svtBox-FatBorder_Inner .svtBox-FatBorder_Head {
    border-left: 4px solid #262626;
    border-right: 4px solid #262626;
    margin-left: -4px; }

.svtBox-FatBorder_MarkedElement {
  margin-left: -4px;
  border-left: 4px solid #b30000;
  font-weight: bold;
  background-color: #3b3b3b;
  width: 100%; }

.svtBox-FatBorder_NoTop {
  border-top: 0; }
  .svtBox-FatBorder_NoTop .svtBox-FatBorder_Inner,
  .svtBox-FatBorder_NoTop .svtBox-FatBorder_Inner_Dark,
  .svtBox-FatBorder_NoTop .svtBox-FatBorder_Inner-THEMED {
    border-top: 0; }

.svtBox-FatBorder_BottomDivider {
  border-top: 0;
  border-bottom: 1px solid #d1d1d1; }

/* Javascript stuff
   ========================================================================== */
.svtJsOpacityAnimated {
  opacity: 0;
  -moz-transition: opacity 250ms linear 0s;
  -webkit-transition: opacity 250ms linear 0s;
  transition: opacity 250ms linear 0s; }

.svtJsTeaserArea {
  -moz-transition: padding 200ms linear 0s;
  -webkit-transition: padding 200ms linear 0s;
  transition: padding 200ms linear 0s; }

select {
  padding-top: 0.1em;
  padding-bottom: 0.1em; }

.webkitappearance .svtSelect-news {
  position: relative;
  top: -4px;
  border: 1px solid rgba(200, 200, 200, 0.5);
  font-size: 100%;
  line-height: 1.2em;
  background: #FFF;
  -webkit-appearance: none;
  -webkit-box-shadow: 0 1px 1px #666;
  -webkit-border-radius: 3px;
  padding: 0.45em 2.5em 0.4em 0.5em;
  background: #F2F2F2 url("/statiskt/skins/svt/css/img/dropdown.png") no-repeat right 0; }
  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (-moz-min-device-pixel-ratio: 1.5), screen and (-o-min-device-pixel-ratio: 1.5), screen and (-ms-min-device-pixel-ratio: 1.5), screen and (min-device-pixel-ratio: 1.5) {
    .webkitappearance .svtSelect-news {
      background-position: right -50px;
      -webkit-background-size: 800px 100px; } }

.svtToggleSubMenu {
  float: right !important; }

a.svtButton-THEMED {
  border-top: 1px solid #4c88b5;
  border-right: 1px solid #3f7197; }
  a.svtButton-THEMED .svtIconRight {
    width: 10px;
    margin-top: 2px;
    margin-left: 5px; }
  a.svtButton-THEMED:hover {
    border-top: 1px solid #568fb9;
    border-right: 1px solid #467496; }

/* ==========================================================================
   Media queries
   ========================================================================== */
/**
 * We allways code mobil first and extra features in browsers that's supports media queries
 *
 * xsmall	<= 600px (mobile first)
 * small	> 601px and <= 800px (ex. iPad portrait)
 * medium	> 800px and <= 1024px (ex iPad landscape, small desktops and laptops)
 * large	> 1024px (ex desktops and laptops)
 * xlarge	> 1824px (ex tv and large screens) NOT IN USE RIGHT NOW!
 *
 * The order of the media queries are as follow:
 * - Small or above
 * - Medium or above
 * - Large or above
 * - Extra large or above
 * - Small, medium and large
 * - Small and medium
 * - Medium and large
 * - Small
 * - Medium
 * - Large
 *
 * IE <= 8 gets the same CSS as large
 */
/* Variables
   ========================================================================== */
/* Small or above
   ========================================================================== */
/* Medium or above
   ========================================================================== */
/* Large or above
   ========================================================================== */
/* Extra large or above
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small, medium & large
   ========================================================================== */
/* Small & medium
   ========================================================================== */
/* Medium & large & above
   ========================================================================== */
/* Medium & large
   ========================================================================== */
/* X-Extra Small
   ========================================================================== */
/* Extra Small
   ========================================================================== */
/* Small
   ========================================================================== */
/* Medium
   ========================================================================== */
/* Large
   ========================================================================== */
/* This is the dropdown menu in escenic... */
.nss_region-picker__outer-container {
  width: 100%;
  max-width: 820px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  margin: 0 auto; }

.nss_region-picker__inner-container {
  z-index: 999;
  background: #FFFFFF;
  margin-top: -10px;
  position: absolute;
  padding: 8px 8px 2px;
  border: solid 2px #e0e0e0;
  border-top: none; }

.nss_region-picker__outer-container .nss_region-picker__inner-container--notopmargin {
  margin-top: 0; }

.nss_region-picker__button {
  display: inline-block;
  position: relative;
  padding-right: 25px; }

.nss_region-picker__icon-outer {
  cursor: pointer;
  position: absolute;
  padding: 10px;
  top: -10px; }
  .nss_region-picker__icon-outer.nss_region-picker__icon-outer--mobile {
    position: absolute;
    padding: 0px;
    top: 6px;
    right: 9px; }
    .nss_region-picker__icon-outer.nss_region-picker__icon-outer--mobile .nss_region-picker__button-icon {
      position: relative;
      top: 0;
      display: block; }

.nss_region-picker__button-icon {
  width: 19px;
  height: 19px;
  display: inline-block;
  position: absolute;
  top: 12px;
  background: url("/statiskt/skins/svt/css/img/nyheter/icon-sprite-news-new.png") no-repeat -99px -137px; }
  .nss_region-picker__button--close .nss_region-picker__button-icon {
    background-position: -124px -137px; }

.nss_menu_item_sport_or_culture_is_active .nss_region-picker__button-icon {
  background-position: -99px -162px; }

.nss_menu_item_sport_or_culture_is_active .nss_region-picker__button--close .nss_region-picker__button-icon {
  background-position: -124px -137px; }

.nss_region-picker__submenu {
  *zoom: 1;
  margin-bottom: 7px; }
  .nss_region-picker__submenu:before,
  .nss_region-picker__submenu:after {
    content: "";
    display: table;
    clear: both; }
  .nss_region-picker__submenu .svt_submenu__list-item {
    margin-bottom: 4px;
    position: relative; }
  .nss_region-picker__submenu .svt_submenu__link--region-picker-button {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 35px;
    border-left-color: #fff;
    box-shadow: -1px 0px #e0e0e0; }

.svt_submenu__list-item .nss_region-picker__button--close {
  background: #DDDDDD;
  border: 1px solid #CCCCCC; }

/* nss_sub-menu
--------------------------------------------------------*/
#regionaltMobileList .nss_sub-menu {
  padding-bottom: 7px; }

@media only screen and (max-width: 600px) {
  .nss_sub-menu__list {
    -moz-column-count: 2;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 6px;
    column-count: 2;
    column-gap: 6px; } }

@media only screen and (min-width: 801px) {
  .nss_sub-menu__list {
    -moz-column-count: 3;
    /* FF dosn't support % as value, default is 1em */
    -moz-column-gap: 1em;
    -webkit-column-count: 3;
    -webkit-column-gap: 6px;
    column-count: 3;
    column-gap: 6px; } }

.nss_sub-menu__list-item {
  display: inline-block;
  margin-bottom: 6px;
  width: 100%; }
  @media only screen and (min-width: 601px) and (max-width: 800px) {
    .nss_sub-menu__list-item {
      width: inherit;
      margin-right: 6px; } }

.nss_sub-menu__link {
  display: block;
  padding: 8px 8px 7px;
  font-size: 13px;
  line-height: 18px;
  color: black;
  background: #f2f2f2;
  border: 1px solid #e8e8e8;
  border-radius: 2px; }

.nss_sub-menu__link, .nss_sub-menu__link:visited, .nss_sub-menu__link:hover {
  color: black; }
  .nss_sub-menu__link.nss_sub-menu__link--active, .nss_sub-menu__link:visited.nss_sub-menu__link--active, .nss_sub-menu__link:hover.nss_sub-menu__link--active {
    background: #cc0022;
    border-color: #cc0022;
    color: white; }

/* Show region picker on /nyheter/regionalt */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .nss_region-picker--show.nss_region-picker__outer-container.nss_region_is_active {
    max-width: 900px; } }

@media only screen and (min-width: 1025px) {
  .nss_region-picker--show.nss_region-picker__outer-container.nss_region_is_active {
    max-width: 988px; } }

.nss_region-picker--show.nss_region-picker__outer-container.nss_region_is_active .nss_region-picker__inner-container {
  display: block;
  position: static; }

/* When no JS */
.no-js .nss_region-picker__outer-container .nss_region-picker__inner-container {
  display: none; }

@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .no-js .nss_region-picker__outer-container.nss_region_is_active {
    max-width: 900px; } }

@media only screen and (min-width: 1025px) {
  .no-js .nss_region-picker__outer-container.nss_region_is_active {
    max-width: 988px; } }

.no-js .nss_region-picker__outer-container.nss_region_is_active .nss_region-picker__inner-container {
  display: none;
  position: static; }
  @media only screen and (min-width: 801px) {
    .no-js .nss_region-picker__outer-container.nss_region_is_active .nss_region-picker__inner-container {
      display: block; } }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: normal; }

.svtArticleContainerMain, .svtArticleContainerAside {
  width: 100%;
  margin-bottom: 20px;
  zoom: 1; }

.svtContainerBottom {
  clear: both;
  margin-bottom: 32px;
  *zoom: 1; }
  .svtContainerBottom:before,
  .svtContainerBottom:after {
    content: "";
    display: table;
    clear: both; }

.nss_body__aside > *:first-child {
  margin-top: 0; }

.svtseHeaderBar-THEMED {
  border-top: 1px solid rgba(255, 140, 140, 0.22);
  margin-bottom: 10px; }

.svtseLocalMenu {
  height: 41px;
  overflow: hidden; }
  .svtseLocalMenu ul {
    right: 85px;
    position: absolute;
    left: 0; }
    @media only screen and (min-width: 801px) {
      .svtseLocalMenu ul {
        right: 0; } }
  .svtseLocalMenu li {
    margin-bottom: 2px; }

.svtseLocalMenu__MenuButton {
  position: absolute;
  width: 85px;
  right: -85px; }
  .svtseLocalMenu__MenuButton .svtButton-Tab, .svtseLocalMenu__MenuButton .svtseHeaderBar-THEMED .svtButton-TabPlay, .svtseHeaderBar-THEMED .svtseLocalMenu__MenuButton .svtButton-TabPlay {
    padding-left: 12px; }

.svtseLocalMenu__MenuButtonIcon {
  display: inline-block;
  margin-left: 7px; }

.svtBox-Newsvideo {
  background-color: #000; }
  .svtBox-Newsvideo ul {
    margin: 0; }

.svtBox-Quote {
  background-color: #E3E3E3; }
  .svtBox-Quote q {
    color: #000;
    display: block; }

/* Should be moved to core class or changed for both UG and news when decided */
.svtMediaBlockText-News {
  font-family: Helvetica, Arial, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 1.077em;
  line-height: 1.429em;
  margin-bottom: 0; }

.svtPadding-Article {
  padding: 10px;
  padding: 0; }

.svtMargin-Article {
  margin: 0 15px 7px 15px; }

h2.svtNews-SubHeaderBar-h2 {
  font-size: 1.385em;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  margin: 0; }

h2.svtWeather-SearchBox-h2 {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 100%;
  padding: 5px 0 0 12px;
  font-weight: bold;
  margin-bottom: 0; }

.svtTextMeta-Discreet {
  font-size: 0.923em;
  line-height: 16px; }

.svtArticleOpen .svtFigure,
.svtArticleOpen .svtMediaBlockFig-XL,
.svtArticleOpen .svtMediaBlockFig-L,
.svtArticleOpen .svtMediaBlockFig-M,
.svtArticleOpen .svtMediaBlockFig-S {
  margin: 0 0 8px !important; }

.svtArticleOpen .newsCarousel {
  margin: 8px 0; }
  .svtArticleOpen .newsCarousel .svtFigure {
    margin: 0; }

.svtSubtitle-Article {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 24px;
  line-height: 26px;
  margin: 12px 0; }

.svtTextLead-Article {
  font-size: 1.385em;
  font-weight: bold;
  line-height: 24px;
  margin: 13px 0;
  padding: 0; }
  .svtTextLead-Article .svtNewsVignette {
    color: #000; }

.svtTextBread-Article p,
.svtTextBread-Article ul,
.svtTextBread-Article ol {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 1.077em;
  line-height: 1.429em;
  margin-bottom: 12px; }

.svtBylineBox-left {
  min-height: 0; }
  .svtBylineBox-left .svtBox {
    margin-bottom: 12px; }
  .svtBylineBox-left .svtTextMeta-Discreet {
    font-size: 1em;
    line-height: 18px; }
  .svtBylineBox-left .svtBylineBox-left-Name {
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-right: 8px; }
  .svtBylineBox-left .svtLink-Teaser {
    float: left;
    font-size: 14px;
    line-height: 20px; }

.svtContainerBase {
  width: auto;
  padding-left: 12px;
  padding-right: 12px; }

/*
.svtImageCropper-25pc {
	margin-right: 0;
	margin-left: 0;
}
.svtImageCropper-right-50pc-M-L-zero {
	margin-right: 0;
}
*/
/*
 * First version of block button CSS module.
 * Todo: Move this to publication specific.
 */
/*
.svtButtonIntegrated {
	display: inline-block;
	padding: 13px 0 13px;
	text-align: center;
	width: 100%;
	.svtIcon-XL {
		height: 17px;
		margin: 0;
		width: 24px;
	}
}

.svtButtonIntegrated__Inner {
	color: #000;
	display: inline-block;
	font-size: 0;
}

.svtButtonIntegrated__Text {
	color: #000;
	font-size: 14px;
	font-family: $font-family-sans-serif;
	font-weight: bold;
	line-height: 18px;
}
*/
.svtCommentsArea {
  margin-top: 10px;
  margin-left: 0px; }

.svtArticleOpen {
  margin-top: 4px;
  margin-bottom: 8px;
  border-bottom: 2px solid #e6e6e6; }

.svtTeaser.svtArticleOpen, .svtArticleOpen.svtTeaser--Medium, .svtArticleOpen.svtTeaser--Small, .svtArticleOpen.svtTeaser--Mini, .svtArticleOpen.svtTeaser--Listed {
  margin-top: 16px;
  margin-bottom: 16px;
  border-top: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  padding-top: 0; }

.svtHeading1, .svtTeaser--Large .svtTeaser__Heading {
  font-size: 27px;
  line-height: 29px; }

.svtHeading2, .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Story .svtTeaser__Heading {
  font-size: 21px;
  line-height: 24px; }

.svtHeading3, .svtTeaser--Small .svtTeaser__Heading {
  font-size: 19px;
  line-height: 21px; }

.svtHeading4, .svtTeaser--Mini .svtTeaser__Heading {
  font-size: 17px;
  line-height: 19px; }

.svtHeading5 {
  font-size: 15px;
  line-height: 22px; }

/*
 * First version of teaser CSS module.
 * Todo: Move this to publication specific.
 */
.svtTeaser__prefix {
  color: #bf0020;
  font-weight: bold; }

.svtTeaser__prefix-separator {
  margin-left: 0.5em;
  margin-right: 0.3em; }

.svt-teaser__vignette {
  color: #0059b3;
  font-weight: bold; }

.svtTeaser--Listed .svt-teaser__figure {
  width: 15.750%; }

.svtContentList {
  margin-top: 16px; }
  .svtContentList:first-child {
    margin-top: 0; }

.svtContentList--news-breaking {
  margin-bottom: 16px; }

/*
 * Section heading and footer CSS module.
 * Todo: Move this to publication specific.
 */
.svtSectionHeading {
  font-size: 15px;
  line-height: 17px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 8px;
  padding-bottom: 4px; }

.ieLte8 .svtSectionHeading {
  font-size: 18px;
  line-height: 20px; }

.svtSectionHeading__icon {
  display: block; }

.svtSectionHeading--TeaserGroup {
  position: relative;
  margin-bottom: 5px; }
  .svtSectionHeading--TeaserGroup .svtSectionHeading__Decorator {
    display: block;
    height: 11px;
    border-style: solid;
    border-color: #585858;
    border-width: 5px 0 0 3px;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    min-width: 99%; }
  .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
    display: block;
    margin-top: -2px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 12px;
    padding-right: 12px; }

.svtSectionHeading--LatestNews, .svtSectionHeading--CurrentTopics, .svtSectionHeading--CurrentTopicsOpinion {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  padding: 8px;
  padding-left: 13px;
  margin-bottom: 0;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  background-color: #000;
  color: #ffe01a; }

.svtSectionHeading--CurrentTopics {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  color: #fff; }

.svtSectionHeading--CurrentTopicsOpinion {
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background: #DD7600;
  background-image: -moz-linear-gradient(left, #DD7600 0%, #F29205 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #DD7600), color-stop(1, #F29205));
  background-image: -webkit-linear-gradient(left, #DD7600 0%, #F29205 100%);
  background-image: linear-gradient(left, #DD7600 0%, #F29205 100%);
  color: #fff; }

.svtSectionHeading--ContentList {
  border-top: 1px solid #e6e6e6;
  border-left: 3px solid #585858;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  padding: 8px;
  padding-left: 12px;
  color: #404040;
  text-transform: none; }

.svtSectionHeading--storySwipe {
  position: relative; }

.svtSectionHeading--featureSwipe {
  position: relative;
  margin-right: -12px;
  font-weight: normal;
  text-transform: none; }
  .svtSectionHeading--featureSwipe .svtSectionHeading__Decorator {
    display: block;
    height: 16px;
    border-style: solid;
    border-color: #e6e6e6;
    border-width: 5px 0 0 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 0px;
    min-width: 99%; }
  .svtSectionHeading--featureSwipe .svtSectionHeading__Inner {
    display: block;
    margin-top: -4px;
    margin-left: 18px;
    margin-right: 18px; }

.svtSectionHeading--neutral {
  border-left-color: #585858;
  color: #404040; }

.svtSectionHeading--nyheter {
  border-left-color: #cc0022;
  color: #bf0020; }

.svtSectionHeading--kultur {
  border-left-color: #770f99;
  color: #6d0e8c; }

.svtSectionHeading--sport {
  border-left-color: #008de9;
  color: #0785da; }

.svtSectionHeading--opinion {
  border-left-color: #ed6e00;
  color: #dd7600; }

.svtTeaserGroup--neutral .svtSectionHeading {
  color: #404040; }

.svtTeaserGroup--neutral .svtSectionHeading__Decorator {
  border-color: #585858; }

.svtSectionFooter {
  margin-top: 0px; }

.svtSectionFooter--TeaserGroup {
  display: block;
  position: relative;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase; }
  .svtSectionFooter--TeaserGroup .svtSectionFooter__Inner {
    display: block;
    margin-bottom: -4px;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: 8px; }
  .svtSectionFooter--TeaserGroup .svtSectionFooter__icon {
    display: inline-block;
    zoom: 1;
    float: none;
    margin-right: 6px;
    overflow: hidden;
    text-indent: 0px; }
  .svtSectionFooter--TeaserGroup .svtSectionFooter__Decorator {
    display: block;
    height: 12px;
    border-style: solid;
    border-color: #acacac;
    border-width: 0 3px 2px 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 2px;
    min-width: 99%; }

.svtSectionFooter--ContentList {
  display: block;
  position: relative;
  text-align: right;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  margin-top: 10px; }
  .svtSectionFooter--ContentList .svtSectionFooter__icon {
    display: inline-block;
    margin-right: 6px; }

.svtTeaserGroup--nyheter .svtSectionHeading {
  color: #bf0020; }

.svtTeaserGroup--nyheter .svtSectionHeading__Decorator {
  border-color: #cc0022; }

.svtTeaserGroup--nyheter .svtSectionFooter__Decorator {
  border-color: #e68091; }

.svtTeaserGroup--kultur .svtSectionHeading {
  color: #6d0e8c; }

.svtTeaserGroup--kultur .svtSectionHeading__Decorator {
  border-color: #770f99; }

.svtTeaserGroup--kultur .svtSectionFooter__Decorator {
  border-color: #bb87cc; }

.svtTeaserGroup--sport .svtSectionHeading {
  color: #0785da; }

.svtTeaserGroup--sport .svtSectionHeading__Decorator {
  border-color: #008de9; }

.svtTeaserGroup--sport .svtSectionFooter__Decorator {
  border-color: #80c6f4; }

.svtTeaserGroup--opinion .svtSectionHeading {
  color: #dd7600; }

.svtTeaserGroup--opinion .svtSectionHeading__Decorator {
  border-color: #ed6e00; }

.svtTeaserGroup--opinion .svtSectionFooter__Decorator {
  border-color: #f5d8b5; }

.svtPageHeading {
  font-size: 20px;
  line-height: 22px;
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-weight: bold;
  margin-top: 16px;
  margin-bottom: 0;
  padding: 8px;
  padding-left: 15px;
  border-left: 3px solid #585858;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  background-color: #f0f0f0; }

.ieLte8 .svtPageHeading {
  font-size: 20px;
  line-height: 22px; }

.svtPageHeading,
.svtPageHeading__Title,
.svtPageHeading__Link,
.svtPageHeading__Title:hover,
.svtPageHeading__Link:hover,
.svtPageHeading__Title:visited,
.svtPageHeading__Link:visited {
  color: #000; }

.svtPageHeading__Link {
  position: relative;
  top: -2px;
  font-size: 13px;
  margin-left: 9px;
  vertical-align: middle;
  cursor: pointer; }

.svtPageHeading__Link-icon {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 3px;
  vertical-align: middle; }

.svtContentGridCarousel {
  margin: 0 -12px 0 -12px; }

.svtContentGridCarousel > h1 {
  letter-spacing: normal;
  margin-left: 12px; }
  .svtContentGridCarousel > h1 .svtIcon-M {
    display: none;
    letter-spacing: normal; }

.svtContentGridCarousel__StoryLink {
  font-size: 14px;
  float: right;
  margin-right: 12px; }

.svtContentGridContainer img {
  margin-bottom: 6px; }

.svtContentGridContainer h1 {
  font-size: 14px;
  letter-spacing: normal;
  line-height: 18px; }

.svtContentGridContainer p {
  color: #808080;
  font-size: 12px;
  letter-spacing: normal;
  line-height: 16px;
  margin: 3px 0;
  text-decoration: none !important; }

.svtContentGridContainer {
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -ms-touch-action: none; }

.svtContentGridContent {
  white-space: nowrap;
  *white-space: pre;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }

/*
 * Enable transitions for mobile devices.
 * This is a fix to override temporary removal of transitions in _css-vs-js.scss
 * ToDo: Remove this when _css-vs-js.scss is updated to support transitions on mobile devices.
 */
.no-fxtransition .svtJsArticle .svtTransition {
  -moz-transition-duration: 0.2s !important;
  -webkit-transition-duration: 0.2s  !important;
  -o-transition-duration: 0.2s  !important;
  -ms-transition-duration: 0.2s !important;
  transition-duration: 0.2s !important; }

.svtContentGridBlock, .svtContentGridCarouselBlock {
  white-space: normal;
  width: 127px;
  padding: 0 0 0 8px;
  margin: 0 8px 8px 0px;
  display: inline-block;
  vertical-align: top;
  border-left: 1px solid #EEE; }

.svtContentGridBlock:first-child, .svtContentGridCarouselBlock:first-child {
  padding-left: 0;
  margin-left: 12px;
  border-left: none; }

.svtContentGridBlock:last-child, .svtContentGridCarouselBlock:last-child {
  margin-right: 12px; }

.svtContentGridCarouselBlock > a {
  display: block; }

.svtContentGridCarouselBlock > a {
  text-decoration: none !important; }

.svtContentGridCarouselBlock > a:hover h1 {
  text-decoration: underline !important; }

.svtArticleFooter {
  border-top: 1px solid #e6e6e6;
  margin-top: 10px;
  padding-top: 9px;
  padding-bottom: 9px; }

.svtArticleByline {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold; }

.svtArticleByline_authors-list {
  list-style-type: none;
  margin: 0; }

.svtArticleByline__author {
  margin-bottom: 6px; }

.svtArticleByline__author-role {
  display: block;
  color: #808080;
  font-size: 13px;
  line-height: 18px;
  font-weight: normal; }

.svtArticleByline__author-name {
  margin-right: 6px; }

.svtTimestamp {
  display: block;
  font-size: 12px;
  line-height: 16px;
  color: #1a1a1a; }

.svtTimestamp--discreet {
  color: #808080;
  margin-bottom: 8px; }

.svtTimestamp--Teaser {
  color: #808080;
  display: inline-block;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal; }

.svtTimestamp__label {
  color: #808080;
  margin-right: 6px; }

.svtNumberOfComments {
  display: inline-block;
  margin-left: 0.5em;
  color: #808080;
  font-size: 12px;
  line-height: 16px; }

.svtNumberOfComments__icon {
  margin-left: 0.3em;
  margin-right: 0.3em;
  width: 14px;
  height: 12px;
  position: relative;
  top: 1px; }

/*
* svtCurrentTopics block
*/
.svtCurrentTopics {
  margin-top: 16px;
  margin-bottom: 12px; }

.svtCurrentTopics__list {
  margin: 0;
  padding: 5px 14px 10px;
  list-style: none;
  font-size: 14px;
  line-height: 27px;
  font-weight: bold;
  background: #f2f2f2;
  border: 1px solid #ebebeb;
  border-top: none;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px; }

.svtCurrentTopics__list-item {
  display: inline; }
  .svtCurrentTopics__list-item + .svtCurrentTopics__list-item:before {
    content: "";
    background: #000;
    height: 6px;
    width: 6px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    bottom: 1px;
    margin-right: 13px; }

.svtCurrentTopics__list-link {
  padding-right: 13px;
  white-space: nowrap; }

/* Media queries
   ========================================================================== */
/* SMALL AND MEDIUM AND LARGE */
@media only screen and (min-width: 601px) {
  /* Style for modern browsers */
  .svtContainerBase {
    width: 96%;
    padding-left: 0;
    padding-right: 0; }
  .svtHeading1, .svtTeaser--Large .svtTeaser__Heading {
    font-size: 42px;
    line-height: 44px; }
  .svtHeading2, .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Story .svtTeaser__Heading {
    font-size: 30px;
    line-height: 32px; }
  .svtHeading3, .svtTeaser--Small .svtTeaser__Heading {
    font-size: 27px;
    line-height: 29px; }
  .svtHeading4, .svtTeaser--Mini .svtTeaser__Heading {
    font-size: 24px;
    line-height: 26px; }
  .svtHeading5 {
    font-size: 15px;
    line-height: 22px; }
  .svtTimestamp--Teaser {
    font-size: 12px; }
  .svtSectionHeading--ContentList {
    font-size: 21px;
    line-height: 24px; }
  .svtContentGridCarousel {
    margin: 0; }
  .svtContentGridCarousel > h1 {
    margin-left: 0; }
  .svtContentGridBlock:first-child, .svtContentGridCarouselBlock:first-child {
    margin-left: 0; }
  .svtContainerMain {
    width: 68.118%; }
  .svtContainerAside {
    width: 29.859%; }
    .svtContainerAside .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
      margin-left: 3px;
      padding-left: 5.597%;
      margin-right: 3px;
      padding-right: 5.597%; }
  .svtBylineBox-left {
    min-height: 0;
    width: 100%; }
  .svtMediaBlockText {
    overflow: hidden; }
  .svtTextBread-Article p,
  .svtTextBread-Article ul,
  .svtTextBread-Article ol {
    font-size: 1.077em; }
  .svtSectionHeading.svtSectionHeading--featureSwipe {
    margin-right: 0;
    font-size: 21px;
    line-height: 24px; }
    .svtSectionHeading.svtSectionHeading--featureSwipe .svtSectionHeading__Decorator {
      border-top-right-radius: 3px; } }

/* SMALL AND MEDIUM */
/* @media only screen and (min-width : $mq-breakpoint-min-S) and (max-width : $mq-breakpoint-max-M) {
@include mq-S-M-custom-news();
	} */
/* MEDIUM AND LARGE */
@media only screen and (min-width: 801px) {
  .svt_story-overview {
    background-image: linear-gradient(to right, #B3121F 72%, #E50026 100%);
    background-color: #B3121F;
    margin-top: 12px;
    margin-bottom: 12px; }
  .svt_story-overview__figure {
    float: left;
    width: 60%; }
  .svt_story-overview__introduction {
    float: right;
    width: 40%; }
  .svt_story-overview__introduction__inner {
    padding: 25px 15px 15px 15px; }
  .svt_story-overview__introduction__links {
    bottom: 15px;
    left: 15px;
    right: auto; }
    .svt_story-overview__introduction__links a {
      font-size: 16px; }
  .svt_story-share {
    padding: 0 0 12px 0; }
    .svt_story-share .svt_story-share_text {
      font-size: 16px;
      margin-right: 12px; }
    .svt_story-share .svt_story-share_toggle {
      font-size: 16px;
      white-space: nowrap; }
  .svtseHeaderBar-THEMED {
    margin-bottom: 0 !important; }
  .svtArticleContainerMain {
    width: 68.118%;
    float: left;
    position: relative; }
  .svtArticleContainerAside {
    width: 29.859%;
    float: right; }
  .svtTextBread-Article_Padding {
    /* inside a div this padding doesn't apply! */ }
    .svtTextBread-Article_Padding p,
    .svtTextBread-Article_Padding ul,
    .svtTextBread-Article_Padding ol,
    .svtTextBread-Article_Padding h4,
    .svtTextBread-Article_Padding time,
    .svtTextBread-Article_Padding div {
      padding-right: 29%;
      padding-left: 0; }
    .svtTextBread-Article_Padding div p,
    .svtTextBread-Article_Padding div ul,
    .svtTextBread-Article_Padding div ol,
    .svtTextBread-Article_Padding div h4,
    .svtTextBread-Article_Padding div time,
    .svtTextBread-Article_Padding div div {
      padding-right: 0;
      padding-left: 0; }
  .svtBox-Bordered:hover {
    -moz-box-shadow: 0 1px 5px 0 #E0E0E0;
    -webkit-box-shadow: 0 1px 5px 0 #E0E0E0;
    box-shadow: 0 1px 5px 0 #E0E0E0;
    border: 1px solid #CCCCCC; }
  .svtSectionHeading--TeaserGroup {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 20px; }
    .svtSectionHeading--TeaserGroup .svtSectionHeading__Decorator {
      height: 16px; }
    .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
      margin-top: -4px;
      padding-left: 15px;
      padding-right: 15px; }
  .svtSectionFooter--TeaserGroup {
    font-size: 13px;
    line-height: 18px; }
    .svtSectionFooter--TeaserGroup .svtSectionFooter__Decorator {
      height: 16px; } }

/* SMALL - IPADS PORTRAIT */
@media only screen and (min-width: 601px) and (max-width: 800px) {
  .svt_story-overview__introduction__inner {
    padding: 16px; }
  .svt_story-overview__introduction__links {
    bottom: 15px;
    right: 10px; }
  .svtHeading1, .svtTeaser--Large .svtTeaser__Heading {
    font-size: 36px;
    line-height: 38px; }
  .svtHeading2, .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Story .svtTeaser__Heading {
    font-size: 27px;
    line-height: 29px; }
  .svtHeading3, .svtTeaser--Small .svtTeaser__Heading {
    font-size: 24px;
    line-height: 26px; }
  .svtHeading4, .svtTeaser--Mini .svtTeaser__Heading {
    font-size: 21px;
    line-height: 24px; }
  .svtContainerAside .svtSectionHeading--TeaserGroup {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 5px; } }

/* MEDIUM - IPADS LANDSCAPE, small Desktops and laptops */
@media only screen and (min-width: 801px) and (max-width: 1024px) {
  .svtHeading1, .svtTeaser--Large .svtTeaser__Heading {
    font-size: 33px;
    line-height: 35px; }
  .svtHeading2, .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Story .svtTeaser__Heading {
    font-size: 27px;
    line-height: 29px; }
  .svtHeading3, .svtTeaser--Small .svtTeaser__Heading {
    font-size: 24px;
    line-height: 26px; }
  .svtHeading4, .svtTeaser--Mini .svtTeaser__Heading {
    font-size: 21px;
    line-height: 24px; }
  .svtHeading5 {
    font-size: 17px;
    line-height: 19px; } }

/* LARGE - Desktops and laptops */
@media only screen and (min-width: 1025px) {
  .svt_story-overview__heading {
    font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
    font-size: 33px;
    line-height: 35px;
    color: #FFF;
    margin-bottom: 6px; }
  .svt_story-overview__introduction__text {
    font-size: 16px;
    line-height: 22px; } }

/**
 * XLARGE - TV, Large screens
 *
 * @media only screen and (min-width : 1824px) {
 *
 * }
 */
/* IE6, IE7 and IE8 we'll do the same as following mediaqueries */
/* Style for modern browsers */
.ieLte8 .svtHeading1, .ieLte8 .svtTeaser--Large .svtTeaser__Heading, .svtTeaser--Large .ieLte8 .svtTeaser__Heading {
  font-size: 42px;
  line-height: 44px; }

.ieLte8 .svtHeading2, .ieLte8 .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Medium .ieLte8 .svtTeaser__Heading, .ieLte8 .svtTeaser--Story .svtTeaser__Heading, .svtTeaser--Story .ieLte8 .svtTeaser__Heading {
  font-size: 30px;
  line-height: 32px; }

.ieLte8 .svtHeading3, .ieLte8 .svtTeaser--Small .svtTeaser__Heading, .svtTeaser--Small .ieLte8 .svtTeaser__Heading {
  font-size: 27px;
  line-height: 29px; }

.ieLte8 .svtHeading4, .ieLte8 .svtTeaser--Mini .svtTeaser__Heading, .svtTeaser--Mini .ieLte8 .svtTeaser__Heading {
  font-size: 24px;
  line-height: 26px; }

.ieLte8 .svtHeading5 {
  font-size: 15px;
  line-height: 22px; }

.ieLte8 .svtTimestamp--Teaser {
  font-size: 12px; }

.ieLte8 .svtSectionHeading--ContentList {
  font-size: 21px;
  line-height: 24px; }

.ieLte8 .svtContentGridCarousel {
  margin: 0; }

.ieLte8 .svtContentGridCarousel > h1 {
  margin-left: 0; }

.ieLte8 .svtContentGridBlock:first-child, .ieLte8 .svtContentGridCarouselBlock:first-child {
  margin-left: 0; }

.ieLte8 .svtContainerMain {
  width: 68.118%; }

.ieLte8 .svtContainerAside {
  width: 29.859%; }
  .ieLte8 .svtContainerAside .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
    margin-left: 3px;
    padding-left: 5.597%;
    margin-right: 3px;
    padding-right: 5.597%; }

.ieLte8 .svtBylineBox-left {
  min-height: 0;
  width: 100%; }

.ieLte8 .svtMediaBlockText {
  overflow: hidden; }

.ieLte8 .svtTextBread-Article p,
.ieLte8 .svtTextBread-Article ul,
.ieLte8 .svtTextBread-Article ol {
  font-size: 1.077em; }

.ieLte8 .svtSectionHeading.svtSectionHeading--featureSwipe {
  margin-right: 0;
  font-size: 21px;
  line-height: 24px; }
  .ieLte8 .svtSectionHeading.svtSectionHeading--featureSwipe .svtSectionHeading__Decorator {
    border-top-right-radius: 3px; }

.ieLte8 .svt_story-overview {
  background-image: linear-gradient(to right, #B3121F 72%, #E50026 100%);
  background-color: #B3121F;
  margin-top: 12px;
  margin-bottom: 12px; }

.ieLte8 .svt_story-overview__figure {
  float: left;
  width: 60%; }

.ieLte8 .svt_story-overview__introduction {
  float: right;
  width: 40%; }

.ieLte8 .svt_story-overview__introduction__inner {
  padding: 25px 15px 15px 15px; }

.ieLte8 .svt_story-overview__introduction__links {
  bottom: 15px;
  left: 15px;
  right: auto; }
  .ieLte8 .svt_story-overview__introduction__links a {
    font-size: 16px; }

.ieLte8 .svt_story-share {
  padding: 0 0 12px 0; }
  .ieLte8 .svt_story-share .svt_story-share_text {
    font-size: 16px;
    margin-right: 12px; }
  .ieLte8 .svt_story-share .svt_story-share_toggle {
    font-size: 16px;
    white-space: nowrap; }

.ieLte8 .svtseHeaderBar-THEMED {
  margin-bottom: 0 !important; }

.ieLte8 .svtArticleContainerMain {
  width: 68.118%;
  float: left;
  position: relative; }

.ieLte8 .svtArticleContainerAside {
  width: 29.859%;
  float: right; }

.ieLte8 .svtTextBread-Article_Padding {
  /* inside a div this padding doesn't apply! */ }
  .ieLte8 .svtTextBread-Article_Padding p,
  .ieLte8 .svtTextBread-Article_Padding ul,
  .ieLte8 .svtTextBread-Article_Padding ol,
  .ieLte8 .svtTextBread-Article_Padding h4,
  .ieLte8 .svtTextBread-Article_Padding time,
  .ieLte8 .svtTextBread-Article_Padding div {
    padding-right: 29%;
    padding-left: 0; }
  .ieLte8 .svtTextBread-Article_Padding div p,
  .ieLte8 .svtTextBread-Article_Padding div ul,
  .ieLte8 .svtTextBread-Article_Padding div ol,
  .ieLte8 .svtTextBread-Article_Padding div h4,
  .ieLte8 .svtTextBread-Article_Padding div time,
  .ieLte8 .svtTextBread-Article_Padding div div {
    padding-right: 0;
    padding-left: 0; }

.ieLte8 .svtBox-Bordered:hover {
  -moz-box-shadow: 0 1px 5px 0 #E0E0E0;
  -webkit-box-shadow: 0 1px 5px 0 #E0E0E0;
  box-shadow: 0 1px 5px 0 #E0E0E0;
  border: 1px solid #CCCCCC; }

.ieLte8 .svtSectionHeading--TeaserGroup {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 20px; }
  .ieLte8 .svtSectionHeading--TeaserGroup .svtSectionHeading__Decorator {
    height: 16px; }
  .ieLte8 .svtSectionHeading--TeaserGroup .svtSectionHeading__Inner {
    margin-top: -4px;
    padding-left: 15px;
    padding-right: 15px; }

.ieLte8 .svtSectionFooter--TeaserGroup {
  font-size: 13px;
  line-height: 18px; }
  .ieLte8 .svtSectionFooter--TeaserGroup .svtSectionFooter__Decorator {
    height: 16px; }

.ieLte8 .svt_story-overview__heading {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 33px;
  line-height: 35px;
  color: #FFF;
  margin-bottom: 6px; }

.ieLte8 .svt_story-overview__introduction__text {
  font-size: 16px;
  line-height: 22px; }

.ieLte8 .svtHeading1, .ieLte8 .svtTeaser--Large .svtTeaser__Heading, .svtTeaser--Large .ieLte8 .svtTeaser__Heading {
  font-size: 33px;
  line-height: 35px; }

.ieLte8 .svtHeading2, .ieLte8 .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Medium .ieLte8 .svtTeaser__Heading, .ieLte8 .svtTeaser--Story .svtTeaser__Heading, .svtTeaser--Story .ieLte8 .svtTeaser__Heading {
  font-size: 27px;
  line-height: 29px; }

.ieLte8 .svtHeading3, .ieLte8 .svtTeaser--Small .svtTeaser__Heading, .svtTeaser--Small .ieLte8 .svtTeaser__Heading {
  font-size: 24px;
  line-height: 26px; }

.ieLte8 .svtHeading4, .ieLte8 .svtTeaser--Mini .svtTeaser__Heading, .svtTeaser--Mini .ieLte8 .svtTeaser__Heading {
  font-size: 21px;
  line-height: 24px; }

.ieLte8 .svtHeading5 {
  font-size: 17px;
  line-height: 19px; }

.ieLte8 .svt_story-overview__introduction__inner {
  padding: 16px; }

.ieLte8 .svt_story-overview__introduction__links {
  bottom: 15px;
  right: 10px; }

.ieLte8 .svtHeading1, .ieLte8 .svtTeaser--Large .svtTeaser__Heading, .svtTeaser--Large .ieLte8 .svtTeaser__Heading {
  font-size: 36px;
  line-height: 38px; }

.ieLte8 .svtHeading2, .ieLte8 .svtTeaser--Medium .svtTeaser__Heading, .svtTeaser--Medium .ieLte8 .svtTeaser__Heading, .ieLte8 .svtTeaser--Story .svtTeaser__Heading, .svtTeaser--Story .ieLte8 .svtTeaser__Heading {
  font-size: 27px;
  line-height: 29px; }

.ieLte8 .svtHeading3, .ieLte8 .svtTeaser--Small .svtTeaser__Heading, .svtTeaser--Small .ieLte8 .svtTeaser__Heading {
  font-size: 24px;
  line-height: 26px; }

.ieLte8 .svtHeading4, .ieLte8 .svtTeaser--Mini .svtTeaser__Heading, .svtTeaser--Mini .ieLte8 .svtTeaser__Heading {
  font-size: 21px;
  line-height: 24px; }

.ieLte8 .svtContainerAside .svtSectionHeading--TeaserGroup {
  font-size: 15px;
  line-height: 17px;
  margin-bottom: 5px; }