/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/**
 * FM4 CSS
 */
body.ss {
/* common background */
   background: #242424;
   font-size: 16px;
}

body.ss[class*='fm4birthday'] {
   background: url('../images/special_backgrounds/fm4.birthday.2015.bg1.png') left bottom repeat-x fixed #242424;

}

/***********************************************************
 * GIMMICK (i.e. background-image for birthday-celebration *
 ***********************************************************/
.ss .gimmick {
   display: none;
}

body.ss[class*='fm4sticker2015'] {
   background: url("../images/special_backgrounds/fm4.sticker.2015.png") #242424 no-repeat fixed;
   /* safari renders text ugly because of fixed background, re-enable antialiasing */
   -webkit-font-smoothing: subpixel-antialiased;
}

body.ss[class*='fm4birthday'] .gimmick {
   display: block;
   position: fixed;
   bottom: 300px;
   left: 800px;
   background: url("../images/special_backgrounds/fm4.birthday.2015.bg2.png") transparent no-repeat;
   width: 642px;
   height: 529px;
}

body.ss[class*='soundparkbirthday'] {
   background: url('../images/special_backgrounds/soundpark.birthday.png') no-repeat fixed #242424;
}

.ss {
   font-family: Arial, sans-serif;
   font-size: 100.1%;
   color: #E4E1E1;
}


.ss h1, .ss h2, .ss h3, .ss h4, .ss h5, .ss h6 {
   font-weight: bold;
}

.ss #story em {
   font-style: italic;
}

.hidden {
   position: absolute;
   top: -2000px;
   left: -2000px;
   width: 0px;
   height: 0px;
}

#skiplinks a, #skiplinks a:hover, #skiplinks a:visited {
   position: absolute;
   left: -1000px;
   top: -1000px;
   overflow: hidden;
   display: inline;
}

#skiplinks a:focus, #skiplinks a:active {
   position: absolute;
   z-index: 1000;
   display: block;
   font-size: 0.875em;
   font-weight: bold;
   top: 0px;
   left: 40px;
   padding: 0.5em 0.5em 0.5em 0.85em;
   background: #242424;
   color: #ffdd00;
   width: 14em;
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   border-color: #ffdd00;
}

/* Invible Links */
.ss #gridContainer a:hover img,
.ss .actiongrid a:hover img,
.ss #logos a:hover,
.ss .actiongrid a:active img,
.ss #gridContainer a:active img,
.ss #logos a:active {
   border: 0px !important;
}

.ss #logos a:focus {
   border: 1px dotted #ffdd00;
   outline: none;
}

.ss #gridContainer a:focus img,
.ss .actiongrid a:focus img {
   border: 1px solid #ffdd00;
   outline: none !important;
}

.ss .icon a:focus {
   background: transparent !important;
}

/**
 * Links
 */
.ss a:link { color: #ffdd00; text-decoration: none; }
.ss a:visited { color: #f7e98d; text-decoration: none; }
.ss a:hover { border-bottom: 1px dotted #f7e98d; background: transparent; }
.ss a:focus, .ss a:active { color: #f7e98d; border-bottom: 1px dotted #f7e98d; background: transparent; }

.ss #story a:hover,
.ss #story a:active { background: transparent !important; }
.ss #story a:focus { background: #242424; }

.ss #forum a,
.ss .backlink a {
   color: #ffdd00 !important;
}

.ss #forum a:hover {
   border-bottom: 1px dotted #ffdd00 !important;
}

.ss #navigation a {
   color: #C0BFC0;
   text-decoration: none;
   text-transform: uppercase;
   font-size: 0.625em;
   letter-spacing: 1px;
   border-bottom: none;
}

.ss #sidenavigation a:hover, .ss #sidenavigation a:focus  {
   border-bottom: none !important;
   color: #d1cfd1;
}

.ss .line .comments a:link,
.ss .line .comments a:visited {
   color: #999999 !important;
}

.ss #sidenavigation .keywords a:hover,
.ss .alltags a:hover,
.ss .alltags a:active,
.ss #sidenavigation .keywords a:active {
   border-bottom: none !important;
   color: #d1cfd1 !important;
   background: transparent !important;
}


.ss .alltags a:focus,
.ss #sidenavigation .keywords a:focus {
   background: #242424;
   color: #ffdd00;
}

.ss #navigation a:hover,
.ss #navigation a:active {
   border: none !important;
   color: #f2f0f2 !important;
   background: transparent;
}

.ss #navigation a:focus {
   background: #242424;
   color: #ffdd00;
}


.ss .showname:hover,
.ss .showname:focus,
.ss .line .comments a:hover,
.ss .line .comments a:focus {
   border-bottom: none;
   color: #f2f0f2 !important;
}

.ss #storylist a {
   text-decoration: none;
   border: none;
}

.ss #storylist a:visited,
.ss .authorDescription a:visited{
   color: #FFDD00;
}

.ss #storylist a:hover,
.ss #storylist a:active {
   color: #FFDD00 !important;
   background: transparent !important;
}

.ss #storylist a:focus{
   color: #FFDD00;
   background: #242424;
}

.ss #story .image a:hover,
.ss #story .image a:focus,
.ss #story .image a:active {
   border-bottom: 1px dotted #E4E1E1;
}

.ss #storylist .backward a,
.ss #storylist .forward a {
   color: #ffdd00 !important;
}

/**
 * Containers etc.
 */
.ss #container {
   margin: 0px 0px 0px 20px;
   width: 49.250em; /* 788px */
}

.ss #header {
   background: url('../images/header_background.png') no-repeat;
   padding: 1.125em 2em 0.438em 2em; /*18px 32px 7px 32px;*/
}

.ss #wrapper {
   background: url('../images/content_background.png') repeat-y;
   padding: 0em 2em 1.125em 2em; /*0px 32px 18px 32px;*/
}

/**
 * Logobereich
 */
.ss #headerWrapper {
   border-bottom: 1px solid #616263;
   height: 4.375em; /*70px*/
   position: relative;
}

.ss #logos {
   background: url('../images/logoarea.png') no-repeat;
   position: absolute;
   left: 5.563em; /*89px;*/
   top: 0.875em; /*14px;*/
   height: 45px;
   width: 159px;
}

.ss #logos #fm4logo {
   width: 60px;
   height: 26px;
   float: left;
   text-indent: -100em;
}
.ss #logos #orfonlogo {
   width: 85px;
   height: 26px;
   float: left;
   text-indent: -100em;
}

.ss #radioheader {
   border-left: 1px solid #616263;
   height: 61px;
   position: absolute;
   top: 0;
   left: 298px;
   width: 426px;
}
.ss #radioheader .radio-live {
   display: block;
   float: left;
   width: 240px;
}
.ss #radioheader a:visited {
   color: #ffdd00;
}
.ss #radioheader a:hover {
   border-bottom: none;
}
.ss #radioheader .radio-live-button {
   font-family: "ORF ON";
   font-size: 20px;
   line-height: 20px;
   font-weight: normal;
   margin-left: 74px;
}
.ss #radioheader .radio-live-button:before {
   position: relative;
   top: -1px;
   content: url('../images/arrow_radio_live.png');
}
.ss #radioheader .radio-live-button .radio {
   color: white;
}
.ss #radioheader .on-air {
   font-family: "ORF ON";
   color: #d1cfd1;
   font-style: italic;
   margin-left: 36px;
   font-size: 14px;
   line-height: 18px;
}
.ss #radioheader .seven-days-flag {
   display: block;
   margin-left: 110px;
   margin-top: -4px;
   clear: left;
   float: left;
}
.ss #radioheader .radio-links {
   margin-top: 10px;
   width: 163px;
   float: right;
}
.ss #radioheader .radio-links li {
   margin-bottom: 2px;
}
.ss #radioheader .radio-links li a:before {
   content: url('../images/arrow_right_yellow.png');
   top: -2px;
   position: relative;
   margin-right: 8px;
}
.ss #radioheader .radio-links a {
   color: #C0BFC0;
   font-size: 12px;
   line-height: 12px;
}
.ss #radioheader .on-air:hover,
.ss #radioheader .radio-links a:hover {
   color: white;
}




/**
 * Navigation
 */
.ss #navigation {
   width: 33.563em; /*537px*/
   height: 1.688em; /* 27px */
   background: #363839;
}
.ss #navigation ul {
   list-style-type: none;
}

.ss #navigation ul li {
   float: left;
   display: inline;
   margin-right: 1.938em; /*31px*/
}

/**
 * Subnavigation
 */
.ss #sidenavigation {
   position: absolute;
   left: 38.375em; /*614px;*/
   width: 10.125em; /*162px*/
   padding: 5px 0px 0px 0px;
   background: #363839 none repeat scroll 0 0;
   z-index: 10;
}

.ss #search input {
   float: left;
   display: inline;
   position: relative;
   top: -5px;
}

.ss #search #query {
   border: 1px solid #CECECE;
   background: #939292;
   width: 74px;
   font-size: 0.625em;
   color: black;
   margin-right: 4px;
   top: -4px;
}
.ss #search #query:focus {
   background: #EEE;
}

.ss #search {
   background: url('../images/arrow_right_yellow.png') no-repeat;
   background-position: 0px 2px;
   padding-left: 14px;
   height: 1.250em; /*20px*/
   margin-bottom: 1px;
}

.ss #sidenavigation .keywords {
   position: relative;
   top: -3px;
   margin-bottom: 6px;
}

.ss .alltags a,
.ss #sidenavigation .keywords a {
   color: #C0BFC0;
   text-decoration: none;
}

.ss #sidenavigation .box {
   border-top: 1px solid #616263;
   border-bottom: 1px solid #616263;
   padding: 3px 0px;
   margin-bottom: -1px;
}

.ss #sidenavigation .box h2 {
   margin: 0px !important;
}

.ss.radio #radionavigation .box h2 {
   margin: 0px !important;
   padding-bottom: 6px;
   margin-bottom: 2px;
}

.ss .spotlight .highlights {
   margin-top: 1px;
   width: 10.125em; /*162px*/
   padding-top: 1px;
   background: #363839;
   width: 10.125em; /*162px*/
}

.ss #sidenavigation h2,
.ss #sidenavigation li,
.ss .spotlight .highlights h2 {
   font-size: 0.750em;
   letter-spacing: 1px;
   text-transform: uppercase;
   background: url('../images/arrow_right_yellow.png') no-repeat;
   background-position: 0px 4px;
   padding-left: 14px;
   margin-top: 12px;
   margin-bottom: 2px;
}

.ss #sidenavigation ul {
   padding: 0px;
   margin: 0px;
}

.ss #sidenavigation li {
   background-position: 0px 4px;
   margin: 8px 0px 8px;
   font-weight: bold;
}

.ss #sidenavigation h2 a,
.ss #sidenavigation li a,
.ss .spotlight .highlights h2 a {
   color: #FFFFFF;
   text-decoration: none;
}

.ss #sidenavigation h2 a:hover,
.ss #sidenavigation li a:hover,
.ss .spotlight .highlights h2 a:hover,
.ss #sidenavigation h2 a:active,
.ss #sidenavigation li a:active,
.ss .spotlight .highlights h2 a:active {
   color: #D1CFD1 !important;
   background: transparent !important;
   text-decoration: none;
}

.ss #sidenavigation h2 a:focus,
.ss #sidenavigation li a:focus,
.ss .spotlight .highlights h2 a:focus {
   color: #ffdd00;
   background: #242424;
   text-decoration: none;
}

.ss #sidenavigation h2 a:focus,
.ss #sidenavigation li a:focus,
.ss .spotlight .highlights h2 a:focus {
   color: #ffdd00;
   background: #242424;
   text-decoration: none;
}

.ss #sidenavigation p,
.ss .spotlight .highlights p  {
   font-size: 0.750em;
   color: #C0BFC0;
   padding-left: 14px;
}

.ss .spotlight .actiongrid {
   position: absolute;
   top: 16.875em; /*270px*/
}

.ss .spotlight .actiongrid .box {
   width: 162px;
   padding: 0 !important;
}

/**
 * Storylist
 */
.ss #storylist {
   background: #363839;
   min-height: 680px;
}

/* For internal testing
.ss #storylist div.line:first-child {
   padding-top: 5px;
   background: none;
}*/

.ss .line.host {
   max-height: 10000px; /* fix chrome android font boosting */
   padding-top: 1.125em; /*18px*/
   margin-bottom: 1em; /*16px*/
   width: 33.500em; /*536px*/
   text-align: right;
   background: url('../images/teaser_line.gif') no-repeat;
   background-position: 5.625em 1.375em; /*90px 22px*/
}

.ss .line.host .icon {
   height: 1.500em; /*24px*/
}

.ss .line.host .teaser {
   z-index: 1000;
   margin-top: -0.938em; /*-15px*/
   text-align: left;
}

.ss .line.host .teaser .image {
   float: left;
   margin-right: 0;
   margin-top: -6px;
   padding-right: 16px;
   width: 69px;
}


.ss .line.host h2{
   width: 26.857em; /*376px;*/
   margin-left: 6.429em; /*90px;*/
   line-height: 1.286em; /*18px;*/
}

.ss .line.host p {
   width: 28.923em; /*376px;*/
   margin-left: 6.923em; /*90px;*/
   line-height: 1.385em; /*18px;*/
}

.ss .line.host p.comments {
   width: 37.600em; /*376px;*/
   margin-left: 9.000em; /*90px;*/
}

.ss .line .comments {
   font-size: 0.625em;
   color: #C0BFC0;
   text-transform: uppercase;
}

.ss .line a {
   color: #FFDE00;
   text-decoration: none;
}

.ss .line h2 {
   font-size: 0.875em;
   margin-top: -3px;
}

.ss .line p {
   font-size: 0.813em;
}

.ss .line p a img {
   position: relative;
   top: 1px;
}

.ss .line .date {
   font-size: 0.625em;
   text-align: right;
   color: #AAAAAA;
   width: 86px;
   margin-left: 0px;
   padding-right: 4px;
   float: left;
   position: relative;
   top: -4px;
}

.ss .latestnews {
   padding-left: 90px;
   padding-top: 25px;
}

.ss .latestnews p {
   font-size: 0.750em;
   padding-bottom: 4px;
}

.ss .latestnews p a {
   font-weight: bold;
   font-size: 1.290em;
}

.ss .latestnews p a:after{
   margin-left: 5px;
}

.ss #storylist .forward {
   text-align: right;
   font-size: 0.750em;
   font-weight: bold;
   width: 536px;
   margin-top: -5px;
}

.ss #storylist .backward {
   position: relative;
   top: 7px;
   text-align: left;
   font-size: 0.750em;
   font-weight: bold;
   width: 150px;
   padding-left: 90px;
   margin-top: -5px;
}

.ss .teaserimage {
   float: left;
   display: inline;
   margin-right: 0;
   margin-top: 0px;
   width: 69px;
}

/************************************
 * THE GRID
 ***********************************/

#gridContainer {
   position: relative;
   font-size: 10px;
   height: 22.100em;
   width: 53.400em;
   background: #363839;
}

#gridContainer .box {
   position: absolute;
   cursor: pointer;
}

#gridContainer .row1 { top: 11.200em; }
#gridContainer .col0 { left: 0em; }
#gridContainer .col1 { left: 18.000em; }
#gridContainer .col2 { left: 36.000em; }

#gridContainer .w1 { width: 17.700em; }
#gridContainer .h1 { height: 10.900em; }

#gridContainer .w2 { width: 35.700em; }
#gridContainer .h2 { height: 22.100em; }

a img {
   border: none;
}


/**
 * Story Header
 */
.ss #content {
   /*
   FIXME: min-height destroys layout in storyeditor but without it ie renders no background-image;
   */
   min-height: 0px;
}

/**
 * Story Text
 */

.ss #story {
   margin-left: 88px;
   width: 27.125em; /*434px*/
   margin-top: 4px;
   background: #363839;
}

.ss #story .date {
   width: 448px;
   color: #9B9B9C;
   font-size: 0.625em;
   text-align: right;
   margin-bottom: 4px;
}

.ss #story ol {
   list-style: decimal;
}

.ss #story h1.detail {
   font-weight: normal;
   font-size: 1.125em;
   margin-bottom: 18px;
}

.ss p.alltags {
   font-weight: normal;
   font-size: 0.750em;
   margin-bottom: 8px;
   margin-left: 90px;
   line-height: 1.362em;
   color: #8C8C8C;
}

.ss div.alltagsSpacer_deactivated {
   border-bottom: 1px solid #616263;
   margin-bottom: 10px;
   margin-left: 90px;
   margin-right: 188px;
}

.ss div.tagnameHead {
   border-top: 1px solid #616263;
   margin-right: 188px;
}

.ss h1.tagname {
   margin-left: 90px;
   margin-right: 188px;
   padding-top: 10px;
   margin-bottom: 7px;
   font-weight: normal;
   font-size: 1.125em;
   color: #8C8C8C;
}

.ss #story p.teaser {
   font-size: 0.813em;
   line-height: 1.462em;
   margin-bottom: 20px;
   font-weight: bold;
}

.ss #story strong em,
.ss #story em strong {
   font-weight: bold;
   font-style: normal;
   background: #242424;
}

.ss #story blockquote {
}


.ss #story h2 {
   font-size: 0.938em;
   line-height: 1.267em;
   margin-top: 18px;
   margin-bottom: 4px;
}

.ss #story .audioplaylist h3,
.ss #story .audioplaylist .audioplayer {
   font-size: 0.8em;
   font-weight: bold;
}

.ss #story p,
.ss #story ul,
.ss #story ol {
   margin-bottom: 10px;
   font-size: 0.813em;
   line-height: 1.462em;
}

.ss #story .image.body_small{
   position: relative;
   float: right;
   left: 15px;
   width: 201px;
   overflow: hidden;
   margin-bottom: 10px;
}

.ss #story .image .caption {
   margin-top: 2px;
   color: #C0BFC0;
   font-size: 0.750em;
   line-height: 1.250em;
   font-style: italic;
}

.ss #story .image.body {
   float: none;
   margin: 20px 0px;
   width: 448px;
   position: relative;
}

.ss #story .fact {
   position: absolute;
   left: 38.125em; /*610px*/
   width: 9.250em; /*148px*/
   border-left: 1px solid #616263;
   padding-left: 14px;
   font-style: italic;
   background: #363839;
}

.ss #story .fact h2 {
   margin-top: 0px;
}

.ss #story .fact p,
.ss #story .fact div {
   width: 148px;
   font-size: 0.750em;
   line-height: 1.250em;
   margin-bottom: 8px;
}

.ss #story .fact .image.author {
   width: 69px;
}

.ss #story .fact ul,
.ss #story .fact ol {
   width: 148px;
   font-size: 0.750em;
   line-height: 1.333em;
   margin-bottom: 8px;
}

.ss #story .fact ul li {
   background: url('../images/arrow_right_yellow.png') no-repeat 0px 6px;
   padding-left: 9px;
   margin-bottom: 2px;
   margin-left: 0px !important;
   font-style: normal;
}

.ss #story .fact ol li {
   background: none;
   padding-left: 0px;
   margin-bottom: 2px;
   margin-left: 20px !important;
   font-style: normal;
}

.ss #story .fact .image .caption {
   margin-top: 2px;
   color: #C0BFC0;
   font-size: 1em;
   line-height: 1.250em;
   font-style: italic;
}

.ss #story ul li {
   background: url('../images/arrow_right_yellow.png') no-repeat 0px 6px;
   padding-left: 12px;
   margin-bottom: 2px;
   margin-left: 10px;
   font-style: normal;
}

.ss #story .audioplaylist {
	margin-top: 10px;
	width: 320px;
	padding: 10px 10px;	
   background: none repeat scroll 0 0 #414344;
   border: 1px solid #8C8C8C;
   border-collapse: separate;
   border-radius: 15px 15px 15px 15px;
}

.ss #story .audioplayer {
	padding-top: 10px;
}

.ss #story ul.playlist {
	margin-top: 15px;	
}

.ss #story ul.playlist li:first-child {
	border-top: none;	
}

.ss #story ul.playlist li {
	border-top: 1px solid #555757;
   background: none;
   padding: 3px 0px 3px 12px;
   margin-bottom: 2px;
   margin-left: 5px;
   font-style: normal;
   cursor: pointer;
}

.ss #story ul.playlist li:hover,
.ss #story ul.playlist li.playing {
	color: #9f9f9f;	
}

.ss #story ul.playlist li.playing {
  background: url('../images/arrow_right_yellow.png') no-repeat 0px 9px;
}

.ss #story ol li {
   background: none;
   padding-left: 0px;
   margin-bottom: 2px;
   margin-left: 28px !important;
   font-style: normal;
}

.ss #story .backlink img {
   position: relative;
   top: -1px;
   margin-right: 2px;
}

.ss #story .backlink {
   padding-top: 12px;
   padding-bottom: 12px;
   border-bottom: 1px solid #616263;
}

.ss #story div.remote {
   margin-bottom: 10px;
}

.ss #story div.remote div.file.mp3 div.player {
   width: 400px;
   height: 0;
   color: #cccccc;
   margin-top: 15px;
   margin-bottom: 65px;
   clear: both;
}

.ss #story div.remote p.file.unavailable {
   background-color: #696b6c;
   padding: 10px;
   font-size: 0.7em;
   height: 15px;
   width: 360px;
}

.ss #story div.file.mp3title {
   background-color: #363839;
   padding-bottom: 2px;
   font-style: italic;
   font-size: 0.725em;
}

.ss.radio #story div.remote div.file.mp3 div.player {
   margin-left: 12em;
}

.ss.radio #story div.remote div.remote.audio {
   margin-left: 12em;
   width: 420px;
}

.ss.radio #story div.remote div.file.mp3title {
   margin-left: 16.5em;
}

.ss #story div.remote div.file.mp3 div.downloadLink {
   margin-top: 7px;
   font-size: 0.7em;
}

.ss #story div.remote.video,
.ss #story div.remote .video {
   margin-left: -88px;
}

.ss.radio #story div.remote div.file.mp3 div.downloadLink {
   margin-left: 17em;
}

.ss #story div.remote div.file.video div.playerLink {
   margin-top: 7px;
   font-size: 0.7em;
}

.ss #story div.files {
   font-size: 0.813em;
}

/**
 * Forum
 */
.ss #forum_disclaimer {
   font-size: 0.625em;
   line-height: 1.250em;
   color: #616263;
   margin: 15px 0px;
   padding: 0px 15px;
   clear: both;
   background: #363839;
}

.ss #forum_disclaimer h2.spacer {
   width: 470px;
   border-bottom: 1px solid #616263;
   margin-left: 73px;
   padding-top: 10px;
   margin-bottom: 12px;
   text-indent: -200em;
}

.ss #forum_disclaimer a {
   color: #616263 !important;
   border-bottom: 1px dotted #616263;
}

.ss #forum_disclaimer a:hover {
   color: #f7e98d !important;
   border-bottom: 1px dotted #f7e98d;
}

.ss #forum {
   color: #E4E1E1;
   width: 444px; /*434px;*/
   margin-left: 88px;
   padding-top: 12px;
   font-size: 0.813em;
   line-height: 1.385em;
   background: #363839;
}

.ss #forum .splitterLine {
   font-size: 1pt;
   background: #616263;
   height: 1px;
   position: relative;
   bottom: 10px;
   width: 470px;
}

.ss #forum .writecomment img {
   position: relative;
   top: -2px;
   margin-right: 2px;
}

.ss #forum .posting {
   margin-top: 20px;
   overflow: hidden;
}

.ss #forum .posting h2 {
   margin-bottom: 6px;
}

.ss #forum .postreply {
   margin-bottom: 5px;
}

.ss #forum .author {
   margin-top: 18px;
}

.ss #forum .posting_reply {
   margin-left: 30px;
}

.ss #forum .posting_reply .author {
   margin-top: 13px;
}

.ss #forum .forumtext p {
   margin-bottom: 6px;
}

.ss #forum .reply {
   margin-top: -6px;
}

.ss #forum .navigation_older {
   border-top: 1px solid #616263;
   margin-top: 15px;
   padding-left: 10px;
   padding-top: 3px;
   width: 50%;
}

.ss #forum .navigation_newer {
   border-bottom: 1px solid #616263;
   margin-top: 15px;
   padding-left: 10px;
   padding-bottom: 3px;
   width: 50%;
}

.ss #forum .spacer {color: #A8A8A8;}
.ss #forum .date {color: #A8A8A8;}

.ss #forum .offline {
   background: #777777;
}

/**************************
 *
 * RADIO - STATION
 *
 **************************/

.ss.radio #storylistnav {
   margin-top: 25px;
   clear: both;
}

.ss.radio .line {
   padding-top: 1.125em; /*18px*/
   margin-bottom: 1em; /*16px*/
   text-align: left;
   background-position: 0 1.375em; /*0px 22px*/
   padding-top: 30px;
   clear: both;
}

.ss.radio .line h2 a img {
   margin-right: 5px;
}

.ss.radio .line h2{
   padding-top: 2px;
   width: 12.865em; /*180px;*/
   line-height: 1.286em; /*18px;*/
   font-size: 0.8em;
   float: left;
   border-top: 1px solid #616263;
}

.ss.radio .line p {
   margin-left: 180px;
   width: 355px;
   line-height: 1.385em; /*18px;*/
   margin-top: -2px;
}

.ss.radio .line .gridlineHeader {
  width: 11.250em; /*180px;*/
  float: left;
}

.ss.radio .line .gridlineHeader img {
   margin-top: 5px;
}

.ss.radio #content {
   position: relative;
}

.ss.radio #story {
   margin: 0px;
   width: 540px;
   float: left;
}

.ss.radio #story .teaser,
.ss.radio #story .teaserimage {
   display: none;
}

.ss.radio #story h1 {
   margin-left: 10.556em; /*190px;*/
   color: #A9A9A9;
   width: 19.444em; /*350px;*/
   margin-top: 14px;
   background: #363839;
}

.ss.radio #story p,
.ss.radio #story blockquote,
.ss.radio #story ul,
.ss.radio #story ol {
   width: 26.923em; /*350px;*/
   margin-left: 14.615em; /*190px;*/
   background: #363839;
}

.ss.radio #story h2 {
   width: 23.333em; /*350px*/
   margin-left: 12.667em; /*190px;*/
   background: #363839;
}

.ss.radio #story h2 {
   margin-top: 0px;
   margin-left: 12.667em;
}

.ss.radio #story .fact {
   position: static;
   float: left;
   margin: 0px 0px 15px 0px;
   padding: 3px 0px 0px 4px;
   border: 0;
   width: 10em; /*160px;*/
   clear: both;
   border-top: 1px solid #616263;
}

.ss.radio #story .fact h2 {
   width: 100%;
   font-style: normal;
   float: none;
   margin: 0px;
   padding: 0px;
}

.ss.radio #story .fact p {
   width: 100%;
   float: none;
   margin: 0px;
   padding: 0px;
}

.ss.radio #story .date {
   display: none;
}

.ss.radio .line .date {
   display: none;
}

.ss.radio #story .image.body_radioprogramm {
   margin: 18px 0;
   margin-left: 11.875em; /*190px;*/
   position: relative;
}

/* workaround for radio-bodyimages used in non-radio stories */
.ss #story .image.body_radioprogramm {
   position: relative;
}

.ss #story ul li,
.ss #story ol li {
   margin-left: 0px;
}

.ss.radio #story .backlink {
   border: none;
}

.ss.radio #navigation {
   border-bottom:1px solid #616263;
}

/**************************
 *
 * AUTOREN
 *
 **************************/


.ss.who #content {
   position: relative;
}

.ss.who #story {
   margin: 0px;
   width: 540px;
   float: left;
}

.ss.who #story em {
   color: #8C8C8C;
   font-weight: normal;
}

.ss.who #story .teaser,
.ss.who #story .teaserimage {
   display: none;
}

.ss.who #story h1 {
   margin-left: 95px;
   font-size: 1.125Em;
   font-weight: normal;
   color: #8C8C8C;
   width: 435px;
   margin-top: 14px;
   margin-bottom: 18px;
}

.ss.who #story h2,
.ss.who #story p,
.ss.who #story blockquote,
.ss.who #story ul,
.ss.who #story ol {
   float: right;
   width: 445px;
   clear: none;
}

.ss.who #story h2 {
   margin-top: 0px;
   margin-bottom: 0px;
   border-top: 1px solid #616263;
   padding: 12px 0px 0px 0px;
}

.ss.who #story .fact {
   position: static;
   float: left;
   margin: 0px 0px 0px 0px;
   padding: 9px 0px 0px 4px;
   border: 0;
   width: 90px;
   height: 92px;
   clear: both;
}

.ss.who #story .fact h2 {
   width: 100%;
   font-style: normal;
   float: none;
   margin: 0px;
}

.ss.who #story .fact p {
   width: 100%;
   float: none;
   margin: 0px;
}

.ss.who #story .date {
   display: none;
}

.ss.who #story a:link {
   color: #ffdd00;
   text-decoration: none;
}

.ss.who #story .fact a {
   border: none;
}
.ss.who #story ul {
   margin-top: 0px;
}

.ss.who #story ul li {
   padding-left: 12px;
   margin-bottom: 2px;
   margin-left: 0px;
   font-style: normal;
}

.ss.who #story p,
.ss.who #story ul,
.ss.who #story ol {
   margin-bottom: 0px;
}

/***********************/
/* HOSTHEADER - STORY  */
/***********************/
.ss .hostheader {
   width: 33.500em; /*536px;*/
   color: #9B9B9C;
   border-top: 1px solid #616263;

   padding: 0.375em 0em; /*6px*/
   height: 5.063em; /*81px;*/
   position: relative;
   background: #363839;
}

.ss #storywrapper {
   width: 33.500em; /*536px;*/
   border-top: 1px solid #616263;
}

.ss.radio #storywrapper,
.ss.promotion #storywrapper {
   border-top: none;
}

.ss .hostheader img {
   position: absolute;
   top: 0px;
   left: 0px;
   border: 0px;
}

.ss .hostheader span.authorName {
   text-transform: capitalize;
}

.ss .hostheader .authorDescription {
   padding-top: 4px;
   position: relative;
}

.ss .hostheader h2 {
   display: inline;
   color: #FFFFFF;
   font-size: 0.938em;
   margin-left: 88px;
}

.ss .hostheader em {
   color: #9B9B9C;
   font-weight: normal;
   margin-left: 5px;
}

.ss .hostheader p {
   width: 20.154em; /*262px;*/
   font-size: 0.813em;
   line-height: 1.308em;
   margin-left: 88px;
   margin-top: 2px;
   font-style: italic;
}

.ss .hostheader ul {
   font-size: 0.813em;
   background: url('../images/author_header_background.png') no-repeat 0px 7px;
   list-style: none;
   height: 6.231em; /*81px;*/
   position: absolute;
   left: 27.692em; /*360px;*/
   top: 0px;
   margin: 0px;
   padding-top: 0px;
}

.ss .hostheader ul li {
   margin-left: 10px;
   padding-top: 6px;
   background: url('../images/arrow_right_yellow.png') no-repeat 0px 10px;
   padding-left: 11px;
}

.ss.who #story a,
.ss .hostheader a {
   color: #FFDD00;
   text-decoration: none;
}

.ss .dummyspacer {
   clear: both;
}

.ss .error,
.ss .notfound {
   height: 520px;
}

/******************************************/
/* HEADER OF STORY IN CHANNEL "PROMOTION" */
/******************************************/
.ss .promoheader {
   width: 33.500em; /*536px;*/
   color: #9B9B9C;
   border-top: 1px solid #616263;
   padding: 0.375em 0em; /*6px*/
   height: 2.8em;
   position: relative;
   background: #363839;
}

.ss .promoheader p {
   width: 20.154em; /*262px;*/
   font-size: 0.813em;
   line-height: 1.308em;
   margin-left: 88px;
   margin-top: 15px;
   font-style: italic;
}

/*****************************
 * Search Results
 ****************************/
.ss .infobox {
   margin-top: 14px;
   margin-left: 88px;
   margin-bottom: 16px;
   width: 28.125em;
}

.ss .infobox h1 {
   font-size: 0.875em;
   font-weight: bold;
   margin-bottom: 18px;
   float: left;
   width: 50%;
}

.ss .infobox h1 em {
   color: #FFDD00;
   font-style: normal;
}

.ss .infobox p {
   font-size: 0.625em;
   text-align: right;
   position: relative;
   top: 3px;
}

.ss .infobox a {
   color: #FFDD00;
   margin-left: 4px;
}

.ss .infobox a.active {
   border-bottom: 1px dotted #FFDD00 !important;
   font-weight: bold;
}

.ss .infobox a.inactive {
   color: #f7e98d !important;
   border-bottom: none;
   font-weight: normal;
}

.ss #searchnavigation {
   margin-left: 88px;
   margin-top: 25px;
}

.ss #searchnavigation ul {
   list-style: none;
}

.ss #searchnavigation li {
   font-size: 0.75em;
   border: 1px solid #FFDD00;
   width: 18px;
   padding: 4px 3px;
   text-align: center;
   float: left;
   margin-right: 10px;
}

.ss #searchnavigation li.current {
   background: #504d39;
}

.ss .results .searchmetabox {
   border: 1px solid #616263;
   background: #353535;
   margin-top: 25px;
   margin-left: 88px;
   padding: 8px 5px;
   width: 436px;
}

.ss .results .searchmetabox.matching {
   margin-top: 12px;
   clear: both;
}

.ss .results .searchmetabox.matching h2 {
   font-size: 0.875em;
   font-weight: bold;
}


.ss .results .searchmetabox.synonym h2 {
   float: left;
   font-size: 0.875em;
   font-weight: bold;
   margin-right: 8px;
}

.ss .results .searchmetabox.synonym p {
   margin: 0px;
   padding: 0px;
   font-size: 0.875em;
   font-weight: bold;
}

/***********************/
/*     PLAYLIST  alt   */
/***********************/

.ss div.playlist {
   background: #414344;
   border: 1px solid #8C8C8C;
   padding-bottom: 15px;

   /* Rounded borders */
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;
}

.ss .list {
   background: #414344;
   border: 1px solid #8C8C8C;
   padding-bottom: 15px;

   /* Rounded borders */
   /* -moz-border-radius: 15px; */
   /* -webkit-border-radius: 15px; */
   /* border-radius: 15px; */
}

.ss.radio .playlist {
   position: relative;
   left: 115px;
   width: 432px;
   clear: both;
   margin-bottom: 30px;
}

.ss.radio .remote div.tableFooter {
   margin-left: 115px;
}

.ss .playlist table {
   margin-left: 10px;
   margin-right: 10px;
   width: 25.875em; /*414px;*/
}

.ss .list table {
   margin-left: 10px;
   margin-right: 10px;
   width: 25.875em; /*414px;*/
}

.ss.radio .playlist table {
   margin-left: 10px;
   margin-right: 10px;
}

.ss .playlist th {
   text-align: left;
   padding-left: 15px;
   height: 45px;
   font-size: 0.78em;
   text-transform: lowercase;
   color: #616263;
   vertical-align: middle;
}

.ss .playlist td {
   border-top: 1px solid #555757;
   padding-left: 15px;
   padding-top: 5px;
   height: 31px;
   font-size: 0.813em;
   font-weight: bold;
   line-height: 1.462em;
   vertical-align: top;
}

.ss .playlist .title {
   color: #8FCBE0;
   font-weight: normal;
}

.ss .list th {
   text-align: left;
   padding-left: 15px;
   height: 45px;
   font-size: 0.78em;
   /* text-transform: lowercase; */
   /* color: #8FCBE0; */
   vertical-align: middle;
}

.ss .list td {
   border-top: 1px solid #555757;
   padding-left: 15px;
   padding-top: 5px;
   height: 31px;
   font-size: 0.813em;
   font-weight: bold;
   line-height: 1.462em;
   vertical-align: top;
}

.ss .list .title {
   /* color: #8FCBE0; */
   font-weight: normal;
}

/************
 * Tabellen *
 ************/
.ss .standard,
.ss .charts  {
   clear: both;
   left: 1px;
   position: relative;
}
.ss.radio .standard,
.ss.radio .charts  {
   left: 40px;
}
.ss h3.standard,
.ss h3.playlist,
.ss h3.charts {
   font-size: 0.85em;
   margin-bottom: 5px !important;
}
.ss table.standard,
.ss table.charts,
.ss table.playlist  {
   width: 498px;
   border: 1px solid #8C8C8C;
   background: #414344;
   cellspacing: 0px;
   margin-top: 15px;
   margin-bottom: 30px;
   padding: 17px 10px;

   /* Rounded borders */
   border-collapse: separate; /* needed for rounded corners */
   -moz-border-radius: 15px;
   -webkit-border-radius: 15px;
   border-radius: 15px;
   *border-collapse: collapse;  /* IE7 fix */
}
.ss table.standard {
   width: 448px;
}
.ss table.standard th,
.ss table.charts th {
   text-align: left;
   padding-left: 15px;
   height: 45px;
   font-size: 0.78em;
   text-transform: lowercase;
   color: #616263;
   vertical-align: middle;
}
.ss table.standard th,
.ss table.charts th,
.ss table.playlist th {
   border-bottom: 1px solid #555757;
   height: 25px;
   padding-bottom: 10px;
}
.ss table.standard td,
.ss table.charts td {
   border-top: 1px solid #555757;
   padding-left: 14px;
   padding-top: 5px;
   height: 31px;
   font-size: 0.813em;
   font-weight: bold;
   line-height: 1.462em;
   vertical-align: top;
}
.ss table.playlist tr.subHead td {
   color: #A3A3A3;
   font-size: 1.02em;
}
.ss table.playlist tbody:not(:first-child) tr.subHead td {
    padding-top: 15px;
}
.ss table.standard tr:first-child td,
.ss table.charts tr:first-child td,
.ss table.playlist tr:first-child td {
   border-top: none;
}
.ss table.charts td.up {
   background: url('../images/charts_status_up.gif') no-repeat 7px 9px;
}
.ss table.charts td.down {
   background: url('../images/charts_status_down.gif') no-repeat 7px 9px;
}
.ss table.charts td.new {
   background: url('../images/charts_status_new.gif') no-repeat 7px 9px;
}
.ss table.charts td.same {
   background: url('../images/charts_status_same.gif') no-repeat 6px 9px;
}
.ss table.charts td.col1 {
   color: #FFCC00;
   padding-left: 8px;
   text-align: center;
}
.ss table.charts td.col2 {
   padding-right: 8px;
   width: 8px;
}
.ss table.charts td.col4, .ss table.playlist td.col2 {
   color: #8FCBE0;
   font-weight: normal;
}
.ss table.charts td.col5 {
   color: #999999;
   text-align: center;
}
.ss table.charts td.col6 {
   color: #666666;
   text-align: center;
}
.ss table.playlist td.col3 {
   padding-right: 5px;
   width: 65px;
}

/**********
 * BANNER *
 **********/
.ss .banner_xlarge {
   /* margin-left: 32px; removed by pn on 05.07.2016 */
   margin-top: 0;
   margin-bottom: 0;
   margin-right: 0;
   padding:0;
   font-size:0;
   min-height: 2px;
}

/* Special treatment for billboard banners */
.ss .banner_xlarge .bw800 {
   margin-left: -38px;
}

.ss .banner_xlarge a,
.ss .banner_skyscraper a {
   text-decoration: none;
   border: none;
}

.ss .banner_skyscraper {
   position: absolute;
   left: 800px;
   top: 8px;
   height: 0;
}

.ss .adwxDisclaimer {
   color: #C0BFC0 !important;
   background: #242424 !important;
   text-transform: uppercase !important;
   letter-spacing: 1px !important;
   font-size: 10px !important;
   line-height: 10px !important;
   font-weight: normal !important;
   padding: 4px !important;
   margin: 0px !important;
   text-align: right !important;
}

/**
 * Slideshows
 */

.ss div.slideshow.remote {
   position: relative;
   left: -88px;
}

.ss .remote.slideshow p.navigation {
   position: relative;
   margin-bottom: 15px !important;
}

.ss .remote.slideshow .photo {
   cursor: pointer;
}

.ss .remote.slideshow p {
   margin: 2px 0;
}

.ss .remote.slideshow .showMetadata p {
   margin: 6px 0 4px 0;
}

.ss .remote.slideshow button {
   background: transparent;
   border: 0;
   padding: 0;
   margin: 0;
   font-size: inherit;
   font-family: inherit;
   position: absolute;
   top: 0;
   overflow: visible;
   outline: none;
   cursor: pointer;
   color: #ffdd00;
   font-weight: bold;
}

.ss .remote.slideshow button:hover,
.ss .remote.slideshow button:focus {
   border-bottom: 1px dotted #f7e98d;
}


.ss .remote.slideshow button.prev .arrow-button {
   display: inline-block;
   background: url('../images/arrow_left_yellow.png') no-repeat;
   width: 10px;
   height: 13px;
   *position: relative;
   top: 7px;
}
.ss .remote.slideshow button.next .arrow-button {
   display: inline-block;
   background: url('../images/arrow_right_yellow.png') no-repeat;
   width: 10px;
   height: 13px;
   *position: relative;
   top: 7px;
   left: 4px;
}
.ss .remote.slideshow button:hover:active {
   outline: none;
}

.ss .remote.slideshow button.prev {
   left: 0;
}

.ss .remote.slideshow button.next {
   right: -100px;
}

.ss .remote.slideshow button span {
   margin: 0;
   padding: 0;
   position: relative;
   left: 0;
   top: 0;
}

.ss .remote.slideshow .location {
   display: block;
   text-align: center;
   color: #a8abae;
   font-weight: bold;
   position: relative;
   left: 50px;
}

.ss .remote.slideshow .frame {
   clear: both;
   position: relative;
   padding-bottom: 8px;
   width: 535px;
   text-align: center;
}

.ss .remote.slideshow .photoMetadata h3 {
   font-weight: bold;
   margin: 0;
   font-size: 0.813em;
   line-height: 1.2em;
}

.ss .remote.slideshow div.photoMetadata {
   position: relative;
   left: 88px;
   width: 434px;
   padding-bottom: 20px;
   border-bottom: 1px solid #616263;
}

.ss .remote.slideshow .photoMetadata p {
   margin: 2px 0 0 0;
   line-height: 1em;
}

.ss .remote.slideshow .frame .credits {
   margin: 0;
   color: #A5A5A5;
   font-size: 10px !important;
   position: absolute;
   top: -14px;
   right: 0px;
}

/*******************************************
 * Embedded Slideshows
 *******************************************/
.ss .eslideshow {
   position: relative;
   left: -88px;
}

.eslideshownavi {
   width: 540px;
   height: 12px;
}

.eslideshownavi a {
   color: #ffdd00 !important;
   font-weight: bold;
   cursor: pointer;
}

.eslideshownavi a:hover:focus {
   background: none;
   outline: none;
}

.eslideshownavi a img {
   position: relative;
   top: -2px;
}

.eslideshowprev {
   float: left;
   display: inline;
   width: 38%;
   padding-left: 2%;
}

.eslideshownext {
   width: 38%;
   padding-right: 2%;
   text-align: right;
   float: left;
}

.eslideshowpos {
   float: left;
   display: inline;
   text-align: center;
   color: #a8abae;
   font-weight: bold;
   width: 20%;
}

.eslideshowframe {
   overflow: hidden;
   width: 540px;
   text-align: center;
}

img.eslideshowphoto {
   cursor: pointer;
}

.eslideshowphotometadata {
   color: #E4E1E1;
   margin: 4px 0px 18px 88px;
   padding-bottom: 14px;
   border-bottom: 1px solid #616263;
   width: 434px;
}

.eslideshowshowmetadata {
   margin: 18px 0px 2px 88px;
   padding: 0px 0px 6px 0px;
   width: 434px;
}

.ss #story .eslideshow .eslideshowshowmetadata h2 {
   margin: 16px 0px 2px 0px;
}

.ss #story .eslideshow .eslideshowshowmetadata p {
   color: #a8abae;
   margin: 0px;
   font-style: italic;
}

.ss #story .eslideshow .eslideshowphotometadata h3 {
   font-size: 0.813em;
   line-height: 1.2em;
}
.ss #story .eslideshow .eslideshowphotometadata p {
   margin: 0px;
}

.ss #story .eslideshow .eslideshowphotometadata p.eslideshowphotodescription {
}

.ss #story .eslideshow .eslideshowphotometadata p.eslideshowphotocredits {
   font-size: 11px;
   color: #a8abae;
}

/**** Nickname View *****/
.ss .author {
   position: relative;
}

.ss .ss-nickname {
   cursor: pointer;
   position: relative;
}

.ss #ss-active-nickview {
   outline: none !important;
}

.ss .ss-nickview-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   background: #484949;
   padding: 3px 15px 3px 3px;
   border: 2px solid #262626;
   z-index: 10;
   cursor: pointer;
}

.ss .ss-nickview-wrapper:hover {
   border-color: #080808;
}

.ss .ss-nickview-wrapper h3 {
   font-weight: bold;
   font-size: 1.083em;
   margin-bottom: 2px;
}

.ss .ss-nickview-wrapper p {
   margin: 3px 0px;
}

.ss .ss-closeNickview {
   position: absolute;
   top: -10000px;
   left: -10000px;
}

.ss #forum .ss-nickview-wrapper .normalButton.small.emailaction {
   font-size: 0.75em;
   padding: 2px 4px !important;
   -moz-border-radius:2px 2px 2px 2px;
   background:none repeat scroll 0 0 #262626;
   border: 2px solid #FFDD00 !important;
   display:inline-block;
   font-weight:bold;
   text-decoration:none;
   outline: none !important;
   margin-top: 5px;
}

.ss #forum .ss-nickview-wrapper .normalButton.small.emailaction:hover {
   border-color: #BCA000 !important;
}

/****** Remote mp3 ******/
.soundparkPlayer,
.remote {
   position: relative;
}

.controls.offscreen,
.remote .controls {
   position: absolute;
   top: 0px;
   left: 0px;
}

.controls.offscreen a,
.remote .controls a {
   position: absolute;
   top: -3000px;
   left: -3000px;
}

.controls.offscreen a:focus,
.remote .controls a:focus {
   position: relative;
   top: 42px;
   left: 0px;
   padding: 6px 10px;
   font-size: 1.2em;
   font-weight: bold;
   outline: none;
   color: #002C5A;
   border: 3px solid #EDEEF0;
   background: #EDEEF0;
   z-index: 200;
}

.soundparkPlayer .controls a:focus{
   color: #FFDD00;
   background-color: #696b6c;
}

/****** Radimeta for Radio-Channel [BN] ******/
.ss.radio #story .audioplaylist {
   margin-left: 190px;
}
.ss.radio #story .audioplaylist ul {
   margin-left: 0;
   background: none;
   left: 0;
   width: 315px;  
}
.ss.radio #story .audioplaylist h1 {
   margin-left: 0;
   width: 100%;
}

/***** additional classes for layouting photo-credits *****/
.ss #story .image img {
   margin-top: 20px;
}
.ss.who #story .image img {
   margin-top: 0;
}
   
.ss #story .image .credit {
   position: absolute;
   top: 5px;
   text-align: right;
   color: #A5A5A5;
   font-size: 10px;
}

.ss #story .image.body .credit {
   width: 448px;
}

/* workaround for radio-bodyimages used in non-radio stories */
.ss #story .image.body_radioprogramm .credit {
   /* margin: 0; */
   width: 357px;
}

.ss #story .image.body_small .credit {
   width: 201px;
}

.ss #story .image.side .credit {
   width: 131px;
}

.ss.radio #story .image.body_radioprogramm .credit {
   margin: 0;
   width: 357px;
}

.ss .image.author .credit,
.ss.who .credit,
.ss #gridContainer .credit,
.ss #sidenavigation .credit,
.ss #navigation .credit,
.ss #storylist .credit {
   position: absolute;
   top: -2000px;
   left: -2000px;
   width: 0px;
   height: 0px;
}

/* Layout for site fm4soundpark (soundpark grid and features */

.ss.fm4soundpark #logos {
    background: url("../images/fm4soundpark/headerLogoFM4.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 51px;
    left: 89px;
    position: absolute;
    top: 6px;
    width: 439px;
}

.ss.fm4soundpark #fm4logo {
    float: left;
    height: 30px;
    text-indent: -1000px;
    width: 55px;
}

.ss.fm4soundpark #orfonlogo {
    float: left;
    height: 30px;
    text-indent: -1000px;
    width: 90px;
}

.ss.fm4soundpark #soundparklogo {
   background: url('../images/fm4soundpark/headerLogoSoundpark.gif') no-repeat;
   width: 220px;
   height: 60px;
   float: left;
   position: relative;
   left: 60px;
   text-indent: -1000px;
}


.ss.fm4soundpark a:link {
   color: #90D4ED;
}
.ss.fm4soundpark a {
   color: #90D4ED;
   font-weight: normal;
   text-decoration: none;
}

.ss.fm4soundpark a:hover {
   border: none;
}

.ss.fm4soundpark #header #headerSideNavigation li {
   background: url("../images/arrow_right_small_blue.gif") no-repeat scroll 0 7px rgba(0, 0, 0, 0);
   color: #FFFFFF;
   font-weight: bold;
   margin: 6px 0;
   padding-left: 12px;
   text-decoration: none;
}

.ss.fm4soundpark div#headerSideNavigation {
   font-family: verdana,arial,helvetica,sans-serif;
   font-size: 10pt;
   line-height: 17px;
   position: relative;
   left: 1px;
}

.ss.fm4soundpark #header #headerSideNavigation li a {
   color: #C0BFC0;
   font-size: 11px;
}

.ss.fm4soundpark #wrapper {
   position: relative;
}

.ss.fm4soundpark #navigation {
   background: none repeat scroll 0 0 #363839;
   float: left;
   height: 27px;
   margin-top: -2px;
   margin-bottom: 1px;
   text-align: left;
   width: 560px;
}

.ss.fm4soundpark #navigation a {
   font-family: verdana,arial,helvetica,sans-serif;
   border-bottom: medium none;
   color: #C0BFC0;
   font-size: 10px;
   letter-spacing: 1px;
   text-decoration: none;
   text-transform: uppercase;
}

.ss.fm4soundpark #headerSearch {
   font-family: verdana,arial,helvetica,sans-serif;
   background: url("../images/arrow_right_small_blue.gif") no-repeat scroll 1px 1px rgba(0, 0, 0, 0);
   margin-left: 2px;
   margin-top: 7px;
   position: absolute;
   left: 591px;   
   top: -2px;
}

.ss.fm4soundpark #search {
   background: transparent;
}

.ss.fm4soundpark #search #query {
   font-family: verdana,arial,helvetica,sans-serif;
   font-size: 0.625em;
   width: 75px;
   height: 13px;
}

.ss.fm4soundpark #navigation ul {
   margin-left: 5px;
}

.ss.fm4soundpark #navigation ul li {
   display: inline;
   float: left;
   margin-right: 35px;
}

.ss.fm4soundpark #headerSearch a {
   color: #C0BFC0;
   font-family: Arial,sans-serif;
   letter-spacing: 0.5pt;
   font-size: 9px;
   font-weight: bold;
   text-transform: uppercase;
}

.ss.fm4soundpark #headerSearch ul {
   position: relative;
   top: -7px;
}

.ss.fm4soundpark #headerSearch li {
   background: url("../images/arrow_right_small_blue.gif") no-repeat scroll 0px 8px rgba(0, 0, 0, 0);
   margin-left: 1px;
   padding-bottom: 2px;
   padding-left: 12px;
}

.ss.fm4soundpark #headerSearch .playlist {
   float: left;
}

.ss.fm4soundpark #headerSearch .podcast {
   float: right;
   position: relative;
   left: -17px;
}

.ss.fm4soundpark #story .fact ul li {
   background: url("../images/arrow_right_small_blue.gif") no-repeat scroll 0 6px rgba(0, 0, 0, 0)
}

.ss.fm4soundpark #story .fact {
   width: 8.9em;
}

.ss.fm4soundpark #story .fact h2 a,
.ss.fm4soundpark #story .fact h2 {
   font-weight: bold;
}

/****** Footer ******/

.ss #footer {
   background: url('../images/footer_background.png') no-repeat;
   padding: 1.125em 14px; /*18px 32px 18px 32px;*/
   height: 4.563em; /*73px;*/
}

.ss #footer a {
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
}

.ss #footer a:hover {
   background: transparent;
   border-bottom: 0;
}

.ss #footer ul {
   float: right;
   font-size: 0.813em; /* 13px; */
   position: relative;
   left: -20px;
}

.ss div#footer {
   position: relative;
}

.ss #footer ul:after {
   content: "";
   display: inline-block;
   background: url("../images/orf-brick.png") transparent no-repeat;
   width: 39px;
   height: 17px;
   margin-left: 25px;
}

.ss #footer li {
   display: inline;
   margin-left: 2.25em;
   position: relative;
   top: -4px;
}

/******* threesixty videos ********/
.ss.fm4 .remote .threesixty {
   width: 720px;
   height: 405px;
   background-color: black;
   background-size: 100%;
   background-repeat: no-repeat;
}

.ss.fm4 .remote .threesixty {
   margin-left: -85px;
   position: relative;
}

.ss.fm4 .remote .threesixty::before {
   content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MiIgaGVpZ2h0PSI3NyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDcyIDc3Ij4KICA8cG9seWdvbiBwb2ludHM9IjAgMCAwIDc3IDcyIDM4LjUiIGZpbGw9JyNmZmZmZmYnIC8+Cjwvc3ZnPgoK");
   background-color: rgba(50, 50, 50, 0.6);
   width: 72px;
   height: 77px;
   padding: 40px;
   display: block;
   position: absolute;
   border-radius: 5px;
   margin-left: -76px;
   margin-top: -78px;
   left: 50%;
   top: 50%;
   cursor: pointer;
}
.ss.fm4 .threesixty-fallback {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 0 none;
   background-color: black;
   z-index: 10000;
}