/*
----------------------------------------------
RTR - Radiotelevisiun Svizra Rumantscha
www.rtr.ch
Theme: RG
--------------------------------------------- 
 Index:
	- GLOBAL
	- GRID / LAYOUT
	- BRANDING
		- logo
		- utilities
		- utils
		- metaNavigation, langNavigation
		- search
		- time-now
		- breadcrumb
		- photo
	- STAGE
	- COLUMN HEADERS
	- TEMPLATE - FONTS
	- TEMPLATES
		- Home
		- News-article
		- Podcast
		- Dossiers Intro
		- Search Results
	- PARAGRAPHS
		- i-frame
		- link-list
		- teaser-list
		- teaser-newsticker
		- teaser-external
		- teaser-internal
		- meteo-forecast
		- meteo-temperatures
		- search-results
		- sitemap
		- program-matrix
		- program-matrix-slot
		- calendar
	- PARAGRAPHS-PAGES
		- Intro
	- MAINAREA
	- LINKS
	- ELEMENTS
		- JumpMenu
		- sfvideoportal
    - PAGER
	- FOOTER
	    - Site-info
		- Partners
	- FORM
		- asterix
		- error
	- VCARD
	- EMPLOYEES
	- DOSSIERS
	   - navigation
	- POLL
	- IMAGE-GALLERY
	- PROMO GROUP
	- VIDEO-PREVIEW
	- GoogleMap
	- Butia
	- Moderator
	- HTML5
	- IPHONE
	- IPAD
	
 Colors primary:
 		red      af001d
 		black    000
 		grey     333
 		white    fff
  Secondarycolours
        red-dark  6a0b0c
        red-light e31f2b
        grey-mid  969696
        grey-light d2d2d2 
 	
---------------------------------------------- */

/* Global
----------------------- */
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body { /* font: default 11px*/
	font: 0.82em arial, helvetica, sans-serif;
	color: black;
	margin: 30px auto;
}

a {
	color: black;
	text-decoration: none;
}

h5 {
	font-size: 1em;
}

p,.paragraph div.box {
	margin: 0 5px;
}

a:hover,a:active,a:focus,a:hover span,a:active span,a:focus span {
	text-decoration: underline;
}

a img {
	border: none;
}

.clear {
	clear: both;
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
}
.scroll-yes{
	overflow: auto;
}
.scroll-no{
	overflow:hidden;
}

/* hidden & skip link  */
.aural,.skip a,#search-box label span,#search-box h6,#nav-global span em,
#nav li strong em,#nav-global li.on em,
#nav-box li.on em,#nav-box li h3 em,#nav h6,#nav-global h6,#extras h6,
em.more span,#promos .more,.pager li em,.pager h3,
#search-results .form-wrapper label span,#main .vcard div h3,
#extras .vcard div h3,#glossary-index h3,.day span,form div label em,
#nav-content strong em,#copyright-magnolia span,#event-pager h5,
div.superpromos .superpromo-section p.more a span, #site-info-partners h6
{
	display: block;
	position: absolute;
	overflow: hidden;
	left: -9999px;
	width: 1px;
	height: 1px;
}

/* GRID / LAYOUT 
--------------------- */
#wrapper {
	margin: 0px auto;
	width: 956px;
}

#wrapper-2 {
	clear: both;
	min-height: 70px;
}

/* BRANDING
----------------------- */
#branding {
	font-size: 1.06em;
}

/* Logo */
#logo {
	width: 283px;
	float: left;
}

#logo strong,#logo em {
	display: none;
}

#logo a:hover {
	text-decoration: none;
	outline-style: none;
}

#logo a img {
	display: none;
}

/* utilities */
#utilities {
	float: right;
}

/* utils */
#utilities div.utils {
	float: right;
	clear: both;
	margin: 10px 10px 0 0;
}

/* search */
#search-box {
	float: right;
}

#search-box input#searchbar {
	margin: 0;
	padding: 1px 2px 2px 22px;
	border: none;
	font-size: 0.98em;
	width: 150px;
	background: url(../img/ico/strippes.gif) #D2D2D2 no-repeat scroll -5px -56px;
}

#search-box button {
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	cursor: pointer;
	height: 20px;
	width: 20px;
	text-indent: -20000px;
	vertical-align: bottom;
	
	background: url(../img/ico/strippes.gif) no-repeat scroll -5px -478px;
}

/* metaNavigation, langNavigation */
#nav-meta ul {
	margin-top: 4px;
}

#nav-lang {
	clear: both;
	padding-bottom: 46px;
}

#nav-meta,#nav-lang {
	float: right;
}

#nav-meta ul li,#nav-lang ul li {
	list-style: none;
	float: left;
}

#nav-meta ul li a,#nav-lang ul li a, #site-info-partners ul li a{
	display: block;
	padding: 0 10px;
	background: url(../img/header/ico/splitter.gif) no-repeat 0 3px;
}

#nav-meta ul li:first-child a,#nav-lang ul li:first-child a, #site-info-partners ul li:first-child a{
	background-image: none;
}

#nav-lang ul li:last-child a {
	padding-right: 0;
}

#nav-meta li a:hover,#nav-meta li a:active,#nav-meta li a:focus,
#nav-lang li a:hover,#nav-lang li a:active,#nav-lang li a:focus,
#site-info-partners li a:hover,#site-info-partners li a:active,#site-info-partners li a:focus
{
	color: #e31f2b;
	text-decoration: underline;
}

#nav-meta ul li a,
#nav-lang ul li a,
#site-info-partners ul li a {
	color: #969696;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
}

/* GLOBAL HORIZONATAL NAVIGATION 
-------------------------------- */
#branding div.body {
	clear: both;
	background: url(../img/bg/header.jpg) no-repeat 0 0 black;
	color: white;
}

#branding div.body a {
	color: white;
}

#navigation {
	margin-left: 210px;
}

#nav-global div {
	min-height: 25px;
	border-bottom: 1px solid #969696;
}

#nav-global h6,#nav1,#nav2 {
	clear: both;
}

#nav-global div ul {
	list-style: none;
}

#nav-global ul li {
	float: left;
	min-height: 15px;
}

#nav-global li a {
	cursor: pointer; /* IE */
}

#nav2 li a,#nav2 li strong {
	font-weight: normal;
}

/* on + open */
#nav-global li strong,#nav-global li.open a span,#nav2 li.on a span {
	color: #e31f2b;
}

#nav-global li a,#nav-global li strong {
	display: block;
	float: left;
	padding: 5px 10px;
	background: url(../img/header/ico/splitter.gif) no-repeat 0 8px;
}

#nav-global ul li.first a,#nav-global ul li.first strong {
	background-image: none;
	padding-left: 0;
}

#nav-global li a:hover,#nav-global li a:active,#nav-global li a:focus {
	color: #e31f2b;
}

#breadcrumb li a,#nav-global li a,#nav-global li li a,#nav-global li.open li span,#nav-global li.open li a,#nav-global li.open li strong{
	font-weight: bold;
}

/* time-now */
#timeNow {
	float: left;
	font-weight: bold;
	margin: 5px 0 5px 5px;
	width: 205px;
}

#timeNow,#breadcrumb {
	min-height: 20px;
}

/* Breadcrumb */
#breadcrumb {
	padding: 5px 0;
}

#breadcrumb h6 {
	float: left;
	margin-right: 5px;
	font-size: 1em;
	font-weight: normal;
}

#breadcrumb ol {
	list-style: none;
	margin: 0;
}

#breadcrumb li {
	float: left;
	border: none;
	margin: 0 10px 0 0;
}

#breadcrumb li a {
	font-weight: normal;
}

#breadcrumb li a:hover,#breadcrumb li a:active,#breadcrumb li a:focus {
	color: #e31f2b;
}

/* Photo  */
dt {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0px;
}
/* position: left */
dl.photo {
	display: inline-block;
	float: left;
	margin: 0 10px 10px 0;
	min-width: 182px;
	background-color: #ECECEC;
	font-size: 0.93em;
}
dl.photo .shortdesc{
    max-width: 138px;
}
dl.mod-2 .shortdesc{
    max-width: none;
}
dl.mod {
	float: right;
	margin: 0 0 10px 10px;
}

/* position: above */
dl.mod-2 {
	margin: 0 0 10px 0;
}
.photo dd {
	display: block;
	padding: 5px;
}
.photo dd.zoom, .photo dd.video {
	float: right;
	padding: 5px 0 0 0;
}
.photo dd.zoom a, .photo dd.video a{
	width: 15px;
	height: 15px;
	background: url(../img/ico/strippes.gif) no-repeat scroll 5px 0;
}
.photo dd.zoom a span, .photo dd.video a span{
    visibility: hidden;
    text-indent: -999px;
}
.photo dd.zoom a{
	background-position: -5px -59px;
}
.photo dd.video a{
	background-position: -5px -618px;
}
dl.small {
	width: 115px;
}
#promos .photo {
	margin-right: 0;
}


/* STAGE 
-------------------------- */
#stage {
	clear: both;
}

/* COLUMN HEADERS
----------------------- */
#main h5,#info h5,#extras h5,#promos h5,
#info .promo-group>h2, #extras .promo-group>h2, #promos .promo-group>h2, #promos .splitter>h2 {
	font-size: 1.06em;
	background-color: #333;
	margin-bottom: 30px;
	padding: 0;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}


/*
#extras h5.extras{background-color: #2d2022 !Important;}
#promos h5.promos{background-color: #22212d !Important;}
*/
#main h5 span,#info h5 span,#extras h5 span,#promos h5 span {
	display: block;
	width: calc(100% -5px);
	padding: 2px 5px !important;
	height: 100%;
	border-top: 1px solid white;
}

/* TEMPLATE - FONTS */
#main h2 {
	font-size: 1.25em;
	font-weight: bold;
	padding: 0 5px 2px 5px;
}

#info h2,#extras h2,#promos h2,#info h3,#extras h3 {
	font-weight: bold;
	padding: 0 5px 2px 5px;
	/*color: white;*/
	font-size: 1.12em;
	/*text-transform: uppercase;*/
	border-bottom: 1px solid white;
}

#info h3,#extras h3 {
	padding-top: 5px;
	border-bottom: none;
}

#extras h2 { /*font-size: 1.25em;*/
	
}

p em.more{
	display: block;
}
em.more a {
	font-weight: bold;
	font-style: normal;
	padding-left: 10px;
	background: url(../img/ico/strippes.gif) transparent no-repeat scroll -15px -675px;
}
#info em.more a{
	margin-left: 5px;
} 

/* TEMPLATES
----------------------- */
#main,#info,#extras,#promos {
	float: left;
}

#main div h1,#main .intro h1,#main .intro h2,#main .intro h2, #main .intro h4, #main .intro h5,
.teaser h2, .teaser h3, .teaser h4, .teaser h5,
.paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5
{
	padding: 0 5px 15px 5px;
}

/*second is form*/
#radio-article #main h1, .maincol-subcol-promocol #main h1, #tv-article #main h1, .maincol-infocol-subcol-promocol #main h1
{
	font-size: 1.25em;
}

div.paragraph, .teaser, li.teaser, .teaser-large, div.poll {
	clear: both;
	padding-top: 5px;
	padding-bottom: 30px;
}
#main div.paragraph p a{
	text-decoration: underline;
}

#info .teaser-list,#extras .teaser-list {
	padding-bottom: 30px;
}

div.paragraph img {
	clear: both;
	display: block;
}

div.paragraph ul,div.paragraph ol{
	padding-bottom: 10px;
	padding-right: 5px;
}
div.paragraph ul{
	padding-left: 25px;
}
div.paragraph ul li{
	list-style-type: square;
}
div.paragraph ol{
	padding-left: 30px;
}


/* maincol (tmpl blank)
----------------------- */
body.maincol #wrapper,body.maincol #wrapper-2,body.maincol #main {
	width: auto;
}
#blank{
	margin-top: 0px !important;
}


/* maincol-infocol-subcol-promocol
----------------------- */
body.maincol-infocol-subcol-promocol #wrapper-2 {
	background: url(../img/bg/bg1.gif) 0 0 repeat-y;
}
#main {
	width: 377px;
}
#info {
	width: 193px;
}
#extras, #promos {
	width: 183px;
	border-left: 10px solid #fff;
}

/* maincol-infocol-promocol
----------------------- */
body.maincol-infocol-promocol #wrapper-2 {
	background: url(../img/bg/bg7.gif) repeat-y 0 0;
}
body.maincol-infocol-promocol #main {
	width: 387px;
}
body.maincol-infocol-promocol #info {
	width: 376px;
}

/* maincol-subcol-promocol
----------------------- */
body.maincol-subcol-promocol #wrapper-2 {
	background: url(../img/bg/bg5.gif) repeat-y 0 0;
}
body.maincol-subcol-promocol #main {
	width: 570px;
}


/* maincol-promocol
----------------------- */
body.maincol-promocol #wrapper-2 {
	background: url(../img/bg/bg8.gif) repeat-y 0 0;
}
body.maincol-promocol #main {
	width: 763px;
}
body.maincol-promocol #extras {
	width: 193px;
	border-left: none;
}


/* Home
----------------------- */
#home #main h5 {
	border-right: 1px solid #fff;
}

/* News-article
----------------------- */
#news-article #wrapper-2 {
	background: url(../img/bg/bg2.gif) repeat-y 0 0;
}
#news-article #extras {
	width: 193px;
	border-left: none;
}

/* Podcast
----------------------- */
#podcast #wrapper-2 {
	background: url(../img/bg/bg5.gif) repeat-y 0 0;
}
#podcast #main {
	width: 560px;
	border-right: 10px solid #fff;
}
#podcast #extras {
	border-left: none;
}

/* Dossiers intro
----------------------- */
div.cols-3 {
	background-image: url(../img/bg/cols/bg-cols3.gif);
	background-repeat: repeat-y;
}
div.cols-3 ul {
	margin: 0;
	padding: 0;
}
div.cols-3 ul li {
	display: block;
	float: left;
	width: 189px;
	min-height: 480px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
div.cols-3 ul li h2 {
	min-height: 80px;
	padding: 10px inherit;
}
#dossiers-intro .teaser-list ul {
	padding-top: 0;
}
div.cols-3 .teaser {
	padding-bottom: 0;
}

/* Search results
----------------------- */
#search-results #main div.new-search {
	padding-left: 5px;
}

#search-results #main div.new-search input.button {
	width: auto;
}

/* Sitemap
----------------------- */
#sitemap .links li a {
	background-image: none;
	padding: 0 0 0 5px;
}

#sitemap .links li li {
	padding-left: 30px;
}

/* Program-matrix
----------------------- */
.program {
	margin-bottom: 30px;
}

.program ul {
	list-style-type: none;
}
.program ul li{
	min-height: 26px;
}

.program h3,.program ul li div.time{
	padding: 5px;
}

.program ul li, program h3 {
	clear: both;
}

.program ul li div.time {
	float: left;
	display: block;
	min-height: 12px;
}

.program ul li p {
	padding: 5px;
	float:left;
}

.program ul li a:hover,.program ul li a:hover p {
	text-decoration: underline;
}

#main .program ul li {
	margin-right: 1px;
}

#main .program ul li.mod {
	background-color: #d2b5b6;
}

.program ul li.info {
	padding: 5px;
}

#main div.program div.items a{
	font-weight: bold;
}


/* Program-matrix-slot
----------------------- */
.slot div.items {
	height: 500px;
	overflow: auto;
	overflow-x: hidden;
	clear: left;
}

#slot-1.tv  div.items,#slot-2.tv  div.items {
	height: auto;
}

.slot ul {
	margin-bottom: 20px;
}

.slot li.pos-1 {
	background-color: #d2b5b6;
	padding-bottom: 5px;
}

.slot ul li.mod {
	background-color: none;
}

.slot ul li dl {
	display: block;
}

/* Calendar
----------------------- */
#info .calendar {
	position: static !Important;
	margin: 0 0 60px 0;
	background: none;
	border: none;
}

#info .calendar h2 {
	clear:both;
	margin: 3px 0 6px 0;
	border-bottom: none;
}

#info .calendar table {
	width: 100%;
	line-height: 1.2em;
	background: none;
	border: none;
	margin-bottom: 10px;
}

#info .calendar div.pager {
	clear: none;
	float: right;
	width: 30px;
	margin: 7px 0 0 0;
}

#info .calendar div.next {
	float: right;
}

#info .calendar div.pager a img {
	border: 1px solid #fff;
	width: 13px;
	margin: 0;
}

#info .calendar div.pager a:hover img,#info .calendar div.pager a:focus img,#info .calendar div.pager a:active img{
	border: 1px solid #ec1549;
}

#info .calendar table {
	clear: both;
	border-top: 1px solid #ccc;
	border-spacing: 0;
	empty-cells: show;
}

#info .calendar thead tr {
	background: none #333;
	color: white;
}

#info .calendar thead th {
	padding: 4px 0;
}

#info .calendar thead th abbr {
	border: none;
}

#info .calendar tbody tr {
	background: none;
	border: 1px solid #666;
}

#info .calendar tbody td {
	width: 25px;
	padding: 4px 0;
	text-align: center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#info .calendar tbody td.hi {
	background-color: #d2b5b6;
}
#info .calendar tbody td.hi:hover{
	background-color: #ff4463;
}

#info .calendar tbody td.on {
	margin: 2px 0;
	font-weight: bold;
}

#info .calendar tbody td a {
	display: block;
}
#info .calendar tbody td.selected {
	background-image: none !Important;
	background-color: #ff4463 !Important;
	color: black !Important;
	border-top: none;
	border-left: none;
	font-weight: bold;
}
#info .calendar tbody td.week {
	background-color: #ff4463;
}

#info .calendar tbody td.not-in-range, #info .calendar tbody td.not-in-range a{
	color: #999;
	background-color: #e0dddd;
}

#info .calendar tbody td.selected a {
	color: white;
}

#info .calendar ul {
	list-style-type: none;
	clear: both;
}
#info .calendar ul li {
	float: left;
}
#info .calendar ul li.prev {
	margin: 0 60px 0 5px;
}
#info .calendar ul li.prev a{
	padding-left: 15px;
	background: url(../img/ico/strippes.gif) #D2D2D2 no-repeat scroll -10px -736px;
}
#info .calendar ul li.next {
	margin-left: 5px;
}
#info .calendar ul li.next a{
	background: url(../img/ico/strippes.gif) #D2D2D2 no-repeat scroll 35px -676px;
	padding-right: 15px;
}


/* PARAGRAPHS
----------------------- */
div.iframeincluder,div.links,div.intro {
	margin-bottom: 30px;
}

/* i-frame
----------------------- */
div.iframeincluder iframe {
	padding: 0px;
	margin: 0px;
	border: none;
}

div.iframeincluder iframe.noborder {
	padding-top: 0px;
}


/* link-list
----------------------- */
.links ul li {
	list-style: none;
}

.links {
	clear: both;
}

.links li a {
	padding: 0 5px 0 25px;
	display: block;
	clear: both;
	background: url(../img/ico/strippes.gif) no-repeat scroll 5px 0;
}
.links li.audio a {
	background-position: -5px -118px;
}
.links li.video a {
	background-position: -5px -618px;
}
.links li.download a {
	background-position: -5px -358px;
}
.links li.podcast a {
	background-position: -5px -178px;
}
.links li.rss a {
    background-position: -5px -418px;
}
.links li a, .links li.internal a {
	background-position: -5px -298px;
}
.links li.external a {
	background-position: -5px -238px;
}
.links li.external-audio a {
    background-position: -5px -858px;
}
.links li.external-video a {
	background-position: -5px -918px;
}


/* horizontal */
.links ul.horizontal{
	padding-bottom: 30px;
}
.links ul.horizontal li{
	float: left;
}
.links ul.horizontal li a{
	padding-right: 10px;
	display: block;
	border-right: 1px solid black;
}
.links ul.horizontal li:last-child a{
	border-right: none;
}
/* hide icons */
.links ul.hideIcons li a{
	background-image: none !important;
	padding: 0 5px;
}


/* teaser-list
----------------------- */
.teaser-list ul {
	list-style-type: none;
	padding-top: 5px;
}
.teaser-list ul li h2, .teaser-list li {
	text-transform: none;
}
.teaser-list ul li h2 a em.date-time{
	display: block;
	font-size: 0.75em;
	font-weight: normal;
	font-style: normal;
	color: #333;
}
.teaser-list em.more-overview{
	display: none;	
}


/* teaser-newsticker
----------------------- */
#info ul.teaser-newsticker,#extras ul.teaser-newsticker {
	height: 250px;
	overflow: auto;
	border-bottom: 1px solid white;
}

ul.teaser-newsticker li {
	padding-bottom: 5px;
}

#info ul.teaser-newsticker li span,#extras ul.teaser-newsticker li span{
	width: 118px;
}

ul.teaser-newsticker li em {
	float: left;
	font-style: normal;
	padding-right: 10px;
}

ul.teaser-newsticker li span {
	display: block;
	float: left;
}

ul.teaser-newsticker li a:hover span {
	text-decoration: underline;
}

/* teaser-external
----------------------- */
/*
#promos div.extern {
	background-color: black;
}

#promos div.extern h2 {
	border-bottom: none;
}

#promos div.extern h2 a {
	color: white;
	padding: 2px 5px;
}

#promos div.extern img {
	border: none;
}
*/

/* teaser-internal
----------------------- */
.teaser {
	clear: both;
	padding-bottom: 30px;
}
.teaser h2 {
	padding: 2px 5px;
}
.teaser h2 a,.teaser h2 a span { /*color:white;*/	
}
.teaser p {
	padding-top: 0;
}

/* meteo-forecast
----------------------- */
#home #info div.meteo-images img,#article #info div.meteo-images img,#extras div.meteo-images img
{
	width: 193px;
	height: 108px;
}

#info div.meteo-images img {
	margin: 0 5px;
	width: 183px;
	height: 102px;
}

div.meteo-images img,div.meteo-images a img {
	border: none;
}

#info div.meteo-images>h2 {
	/*display: none;*/
}

/* meteo-temperatures
----------------------- */
#main ul.meteo-temperatures li {
	list-style-type: none;
	padding: 5px;
	clear: both;
}

#main ul.meteo-temperatures li div {
	float: right;
	margin: 0 5px;
}

#main div.paragraph ul.meteo-temperatures{
	padding-left: 0px;
}


/* search-results
----------------------- */
#search-results #main ol>li {
	list-style: none outside none;
	clear: both;
	padding-top: 5px;
	padding-bottom: 30px;
}

#search-results #main p {
	clear: both;
}

#search-results #main ul {
	clear: both;
	padding-left: 5px;
}

#search-results #main .highlight {
	background: none repeat scroll 0 0 #fff;
	font-style: normal;
}

#search-results #main h1 em,#search-results #main ol li {
	font-size: 1em;
}

/* PARAGRAPHS-PAGES
----------------------- */
/* intro
----------------------- */
div.text-meta {
	margin: 5px;
}

ul.text-data {
	list-style: none;
}

ul.text-data li {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 0.93em;
	color: #333;
}

div.intro img {
	clear: both;
	display: block;
}

/* ELEMENTS
----------------------- */
/* jumpMenu */
select.jumpMenu {
	width: 300px;
	margin-left: 5px;
}

div.jumpMenu {
	padding-bottom: 30px;
}

/* sfvideoportal */
a#sfvideoportal{
	/*use opacity-hack, because background-transparent is not working on IE*/
	background-color: white;
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter:alpha(opacity=1); /* IE's opacity*/
	width: 376px;
	height: 227px;
	display:  block;
	z-index: 1000;
	position: absolute;
	cursor: pointer;
}


/* PAGER
----------------------- */
div.pager {
	clear: both;
	padding-bottom: 30px;
}

div.pager ul li {
	display: block;
	margin: 0 5px;
	float: left;
	background-color: #fff;
}

div.pager ul li strong,div.pager ul li a {
	padding: 1px 5px;
	display: block;
}

div.pager ul li strong {
	background-color: #808080;
	color: #fff;
}

/* FOOTER
----------------------- */
#site-info,#site-info-partners {
	clear: both;
	min-height: 40px;
}
#site-info ul{
	padding: 12px 5px;
}
#site-info li,#site-info-partners li {
	list-style: none;
	float: left;
	font-weight: bold;
	margin: 0;
}
/* Site-Info */
#site-info {
	background: url(../img/bg/footer.jpg) no-repeat 0 0 #969696;
	color: white;
}
#site-info li a {
	color: white;
	text-decoration: none;
	padding: 0 10px;
	background: url(../img/header/ico/splitter.gif) no-repeat 0 2px;
}
#site-info li a:hover,#site-info li a:active,#site-info li a:focus {
	text-decoration: underline;
}
#site-info ul li.spacer {
	margin-right: 10px;
}
#site-info ul li.spacer a {
	background-image: none;
	padding: 0;
}
/* Partners */
#site-info-partners{
    margin-top: 15px;
    font-size: 1.06em;
}
#legal-line{
    float: right;
    background: url(../img/footer/footer.png) no-repeat #fff top right;
    height: 17px;
}
#legal-line a{
    text-decoration: none;
}
#legal-line span{
	visibility: hidden;
}
#site-info-partners ul li:first-child a {
    padding-left: 0;
}

#site-info-partners ul li a{
	font-weight: normal;
}

/*editbar */
.newbar {
	padding: 0 10px 0 0;
	clear: both;
}

#extras .newbar {
	padding: 0 20px 0 0;
}

/* FORM
----------------------- */
.form-wrapper {
	padding-bottom: 30px;
}

/* fieldset */
.form-wrapper fieldset {
	border: none;
	padding: 10px 0;
}

.form-wrapper fieldset fieldset {
	padding: 0;
	float: none;
}

.form-wrapper fieldset fieldset input {
	width: auto;
}

.form-wrapper fieldset.mod .form-item {
	float: left;
	margin-right: 10px;
	width: auto;
}

.form-wrapper fieldset fieldset legend {
	font-size: 0;
	text-indent: -9999px
}

.form-wrapper fieldset fieldset div.form-item label {
	display: inline;
}

/* asterix */
.form-wrapper p.required span,.form-wrapper dfn {
	font-weight: bold;
	color: #FF4463;
	font-size: 1.12em;
}

.form-wrapper div {
	clear: both;
	/*float: left;*/
	padding: 5px 0;
}

.form-wrapper div label {
	display: block;
	position: relative;
	font-weight: bold;
}

.form-wrapper div label span {
	display: inline;
	padding-left: 5px;
}

.form-wrapper input,.form-wrapper textarea,.form-wrapper select {
	width: 300px;
}

.form-wrapper input[type="radio"], .form-wrapper input[type="checkbox"]{
	margin-left: 5px;
	width: auto;
}


.form-wrapper div.button-wrapper input {
	padding: 0 5px;
	width: auto;
}

.form-wrapper div span {
	display: block;
	padding: 5px;
}

fieldset div h4 {
	padding-left: 5px;
}

.form-wrapper div div.form-item {
	clear: none;
}

form ul.competition li{
	list-style-type: none;
}

/* errors */
.error,.error a {
	color: #FF4463;
}

.error h1 {
	padding-bottom: 10px;
}

#main .error h1 {
	padding-left: 5px;
}

#main div.error ul {
	padding: 0 0 30px 45px;
}

#main .error ul li,#main .error ul li a {
	font-weight: bold;
}

.form-wrapper div.error input,.form-wrapper div.error textarea {
	border: 1px solid #FF4463;
}

/* VCARD
----------------------- */
.vcard div {
	padding: 0;
	margin: 0;
	clear: both;
}

.vcard div dl {
	margin: 0 0 5px 0;
}

.vcard div dt {
	clear: both;
	float: left;
	font-weight: bold;
	padding-left: 5px;
	width: 6em;
}

.vcard div dd {
	float: left;
}

.vcard div p span {
	display: inline;
	padding: 0;
}

.vcard div p span.given-name,.vcard div p span.family-name {
	font-weight: bold;
}

.vcard div dl.tel span.type {
	display: none;
}

.vcard div h3,form div label em,.skip a {
	display: block;
	height: 1px;
	width: 1px;
	left: -9999px;
	overflow: hidden;
	position: absolute;
}

.vcard div.function,.vcard div.tel {
	padding-top: 5px;
}

/* EMPLOYEES
----------------------- */
div.employees ul {
	list-style-type: none;
	clear: both;
	padding: 3px;
}

li.employees {
	float: left;
	display: block;
	width: 130px;
	min-height: 100px;
	margin: 3px;
	padding: 0 5px 5px 0;
}

li.employees p {
	margin: 0;
}

/* SHOWBOX
----------------------- */
#showbox .controls,#showbox p {
	font-size: 120%;
}

#showbox li {
	font-size: 110%;
}

#showbox h2 {
	font-size: 130%;
}

/* DOSSIERS
----------------------- */
/* navigation */
.dossier-navigation {
	clear: both;
	margin: 10px 0 30px 0;
}

/* POLL
----------------------- */
div.poll ul div.button-wrapper {
	padding-top: 20px;
}

ul.pollQuestions {
	list-style-type: none;
	padding-top: 10px;
}

ul.pollQuestions li {
	padding-left: 5px;
}

#extras div.poll h2+p {
	padding-top: 5px;
}

#extras div.poll ul div.button-wrapper {
	padding-left: 5px;
	padding: 10px 5px;
}

/* IMAGE-GALLERY
----------------------- */
ul.gallery li{
	background-image: none;
}
ul.gallery li a{
	padding-left: 0;
	background-image: none;
}
ul.gallery dl{
	max-width: 138px;
}
ul.gallery .photo dd.zoom a{
	background: url(../img/ico/strippes.gif) no-repeat scroll -5px -559px;
	padding-right: 10px;
}

/* PROMO GROUP
----------------------- */
#info .promo-group>h2, #extras .promo-group>h2, #promos .promo-group>h2, #promos .splitter>h2{
    padding-left: 5px;	
    margin-bottom: 15px;
    border-bottom: none;
}
.promo-group ul li {
    list-style: none;
    padding-bottom: 15px;
}
.promo-group ul li.teaser>h2 span{
    font-weight: normal;
}
.promo-group ul li.teaser>h2 span.bold{
	font-weight: bold;
}

/* VIDEO-PREVIEW
----------------------- */
dt{
	position: relative;
}
dt>a>span.play{
	display: block;
	padding: 5px;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 40px;
	width: 40px;
	background: url(../img/ico/icoPlay.gif) no-repeat 0 0;
}

/* GoogleMap
----------------------- */
div.googleMap {
	clear: both;
	padding-top: 5px;
	margin-bottom: 30px;
}

div.googleMap ul li {
	list-style-type: none;
}

div.googleMap ul li {
	list-style-type: none;
}
.mapInfoBox a{
	text-decoration: underline;
}

/* Butia
----------------------- */
body.butia #main div.links{
	margin-bottom: 5px;
}
body.butia #main div.paragraph{
	padding-top: 30px;
}
body.butia #main #paragraph-1{
	padding-top: 0px;
}

/* Moderator
----------------------- */
div.moderator h3{
	display: none;
}


/* HTML5
----------------------- */
article, aside, footer, header, nav, section, time{
	display:block;
}
audio, video{
	width: 90%;
}

/* Audio Video Player for mobile
----------------------- */

/* IPHONE - PORTRAIT */
@media screen and (orientation:portrait) and (max-width: 320px) {
	audio, video{
		width: 300px;
		height: 169px;
	}
}

/* IPHONE - LANDSCAPE */
@media screen and (orientation:landscape) and (min-width: 321px) and (max-width: 480px) {
	audio, video{
		width: 460px;
		height: 259px;
	}
}

/* IPHONE-4 - PORTRAIT */
@media screen and (orientation:portrait) and (-webkit-min-device-pixel-ratio: 2) {
	audio, video{
		width: 310px;
		height: 175px;
	}
}

/* IPHONE-4 - LANDSCAPE */
@media screen and (orientation:landscape) and (-webkit-min-device-pixel-ratio: 2) {
	audio, video{
		width: 470px;
		height: 265px;
	}
}

/* IPDAD - LANDSCAPE */
@media screen and (orientation:landscape) and (max-device-width: 1024px) {
	video{
		width: 470px;
		height: 265px;
	}
	a#sfvideopartal, .div.sfvideoportal{
		display: none;
	}
}
/* IPDAD - PORTRAIT */
@media screen and (orientation:portrait) and (max-device-width: 768px) {
	video{
		width: 470px;
		height: 265px;
	}
	a#sfvideopartal, .div.sfvideoportal{
		display: none;
	}
}