/* ==========================================================================
   Theme default
   ========================================================================== */
/*
 * Default theme for svt.se. Every site has a theme css for adding extra style for example changing the style of local menu

/* 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
   ========================================================================== */
/* Final imports
   ========================================================================== */
/* ==========================================================================
   Theme
   ========================================================================== */
/* SMALL, MEDIUM AND LARGE */
/* SMALL AND MEDIUM */
/* MEDIUM AND LARGE */
/* SMALL */
/* MEDIUM */
/* LARGE */
/* ==========================================================================
   Theme
   ========================================================================== */
/* Typography
   ========================================================================== */
.svtH1-THEMED {
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", Times, "Times New Roman", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", serif;
  font-size: 230.8%;
  margin-bottom: 0.2em;
  line-height: 1.1; }

.svtH2-THEMED {
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", Times, "Times New Roman", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", serif;
  font-size: 182%;
  margin-bottom: 0.2em; }

.svtH3-THEMED {
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", Times, "Times New Roman", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", serif;
  font-size: 153.9%;
  margin-bottom: 0.25em; }

.svtH4-THEMED {
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", Times, "Times New Roman", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", serif;
  font-size: 153.9%;
  margin-bottom: 0.4em;
  font-weight: normal; }

.svtH5-THEMED {
  font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", "Bitstream Vera Sans", sans-serif;
  font-size: 116%;
  margin-bottom: 0.4em;
  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: #262626; }
  .svtColor-THEMED:active {
    color: #262626; }
  .svtColor-THEMED:visited {
    color: #262626; }

.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; }

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

.svtseHeaderBar-THEMED {
  background-color: #4b4b4b;
  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: 230px 14px;
    background-repeat: no-repeat;
    /* Setting the different type of heights */
    height: 200px; }
  .svtseHeaderBar-THEMED .svtseLocalMenu {
    /* Fallback when not supporting rgba transparency */
    /* IE only working with shorthand background and # hex values for the fallback */
    background: #262626;
    border-top: 1px solid #333;
    background: rgba(17, 17, 17, 0.7); }
  .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;
      background: #666;
      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: #666;
      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; }

.svtseHeaderBar-THEMED .svtseLocalLogo {
  height: 130px; }

.svtseLocalTitle-THEMED {
  /* none is used for News site where no logo and no text is wanted in the localHeader*/
  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. */
  text-indent: 0;
  top: 16px; }
  .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 -0px; }

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

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

.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: #262626; }

/* Latest news top NEWS */
.svtBox-FatBorder_Head-THEMED {
  background: #262626;
  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 #262626;
    border-right: 4px solid #262626;
    margin-left: -4px; }

/* Used for border gradient in latest news */
/* 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 */
/* Todo: move to master theme and other news sites. */
.svtSubMenuCurrent-THEMED {
  border-left: 6px solid #262626; }
  .svtSubMenuCurrent-THEMED li {
    padding-left: 12px; }
  .svtSubMenuCurrent-THEMED li > a {
    border: none; }

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

/* 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: 10%;
      max-width: 40px; }
    .svtMediaBlock .svtMediaBlockFig-M.svtMBFig-O-L-L-L {
      width: 30%; }
    .svtMediaBlock .svtMediaBlockFig-L.svtMBFig-O-L-L-L {
      width: 35%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-O-L-L-L {
      width: 48%; }
    .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: 10%;
    max-width: 40px; }
  .svtMediaBlockFig-M.svtMBFig-O-R-R-R {
    width: 30%; }
  .svtMediaBlockFig-L.svtMBFig-O-R-R-R {
    width: 35%; }
  .svtMediaBlockFig-XL.svtMBFig-O-R-R-R {
    width: 48%; }
  /* 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: 20px; }
  .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: 108%; }
  .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: 17%; }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-O-R-R-R {
      width: 17%; }
    .svtMediaBlock .svtMediaBlockFig-S.svtMBFig-L-L-L-L {
      width: 17%; }
    .svtMediaBlock .svtMediaBlockFig-L.svtMBFig-O-O-L-L {
      width: 35%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-O-O-L-L {
      width: 48%; }
    .svtMediaBlock .svtMediaBlockFig-XL.svtMBFig-R-R-R-R {
      width: 48%; }
  /* 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: 123.1%; }
  .svtNewsH1 {
    font-size: 415.4%; }
  .svtNewsH2 {
    font-size: 307.7%; }
  .svtNewsH3 {
    font-size: 230.8%; }
  .svtNewsH4 {
    font-size: 182%; }
  .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: 369.2%;
    line-height: 1.2; }
  .svtH2-THEMED {
    font-size: 230.8%; }
  .svtH3-THEMED {
    font-size: 189%; }
  .svtH4-THEMED {
    font-size: 153.9%; }
  .svtH5-THEMED {
    font-size: 116%; } }

/* 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: 30%; }
  .svtMediaBlockFig-S.svtMBFig-O-L-L-L {
    width: 30%; }
  .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) {
 *
 * }
 */