/** 2018-03-06 **/


/*** FONTS ***/
/* Thesis Sans */
.justify{
  text-align:justify;
}
@font-face 
{
	font-family: 'Thesis';
	font-weight: bold;
	font-style: italic;	
	src:  	url('fonts/TheSans_LT_TT7i.eot#') format('eot'),
	  		url('fonts/TheSans_LT_TT7i.woff') format('woff'), 
		 	url('fonts/TheSans_LT_TT7i.svg') format('svg');
}

@font-face
{
	font-family: 'Thesis';	
	src:  	url('fonts/TheSans_LT_TT5i.eot#') format('eot'),
	  		url('fonts/TheSans_LT_TT5i.woff') format('woff'), 
		 	url('fonts/TheSans_LT_TT5i.svg') format('svg');
	font-style: italic;		 	
}

@font-face
{
	font-family: 'Thesis';
	font-weight: normal;	
	src:  	url('fonts/TheSans_LT_TT5_.eot#') format('eot'),
	   		url('fonts/TheSans_LT_TT5_.woff') format('woff'), 
		 	url('fonts/TheSans_LT_TT5_.svg') format('svg');
}

@font-face 
{
	font-family: 'Thesis';
	font-weight: bold;
	font-style: bold;
	src:  	url('fonts/TheSans_LT_TT7_.eot#') format('eot'),
	  		url('fonts/TheSans_LT_TT7_.woff') format('woff'), 
		 	url('fonts/TheSans_LT_TT7_.svg') format('svg');
}

/* Just for IE in Navigation, no faux Bold then */
@font-face
{
	font-family: 'ThesisBold';
	src:  	url('fonts/TheSans_LT_TT7_.eot#') format('eot'),
	  		url('fonts/TheSans_LT_TT7_.woff') format('woff'), 
		 	url('fonts/TheSans_LT_TT7_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'ThesisBtn';	
	src:  	url('fonts/TheSans_LT_TT6_.eot#') format('eot'),
	   		url('fonts/TheSans_LT_TT6_.woff') format('woff'), 
		 	url('fonts/TheSans_LT_TT6_.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Ende IE */


/* Thesis Antiqua */

@font-face 
{
	font-family: 'ThesisAntiqua';
	font-weight: normal;
	src:  	url('fonts/TheAntiquaB_LT_500.eot#') format('eot'),
	  		url('fonts/TheAntiquaB_LT_500.woff') format('woff'), 
		 	url('fonts/TheAntiquaB_LT_500.svg') format('svg');
}

@font-face
{
	font-family: 'ThesisAntiqua';	
	font-style: italic;	
	src:  url('fonts/TheAntiquaB_LT_500_italic.eot#') format('eot'),
		  url('fonts/TheAntiquaB_LT_500_italic.woff') format('woff'),
  		 url('fonts/TheAntiquaB_LT_500_italic.svg') format('svg');
}

@font-face 
{
	font-family: 'ThesisAntiqua';
	 font-weight: bold;
	src:  	url('fonts/TheAntiquaB_LT_700.eot#'),
	  		url('fonts/TheAntiquaB_LT_700.woff') format('woff'),
	  		url('fonts/TheAntiquaB_LT_700.svg') format('svg');
}

@font-face 
{
	font-family: 'ThesisAntiqua';
	 font-weight: bold;
	font-style: italic;	
	src:  url('fonts/TheAntiquaB_LT_700_italic.eot#'),
	  url('fonts/TheAntiquaB_LT_700_italic.woff') format('woff'), 
	  url('fonts/TheAntiquaB_LT_700_italic.svg') format('svg');
}


/*** ENDE FONTS ***/


/*** RESET ***/
html {
    -webkit-text-size-adjust: auto; /* Prevent font scaling in landscape */
}

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, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, 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-family: Thesis, helvetica, arial, sans-serif;
	font-weight: inherit;
	font-style: inherit;
	font-size: 1.01em;
	font-size: 100.01%;
	vertical-align: baseline;
	outline: none;
}

h1, h2, h3, h4, h5
{
	font-family: Thesis, helvetica, arial, sans-serif;
	font-weight: bold;
	}

a
{
	text-decoration: none; 
	color: #24324c;
	font-family:inherit;
	font-style: inherit;
	font-size:inherit;
	font-weight:inherit;
}


p { line-height: 135%; }
	

:active {
  outline: 0;
}

html, body {
	width: 100%;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

li, h1, h2, h3, h4, h5
{
	line-height: 125%;
}

img
{
    display: block;
}

strong
{
	font-weight: bold;
}

/*** ENDE RESET ***/


/** Fontangaben **/

.mod  .headline
{
	font-weight: bold;
}
	

/*** HEADER ***/

#header .naviChooser{
  width: 100%;
  float: left;
  margin-top: 4px;
  background-color: rgba(10, 65, 120, 0.9);
}

#header p{
  float: left;
  margin: 0 6px 0 0;
  color: #fff;
}

#header .naviChooser form{
  float: right;
  margin: 4px 0 0 0;
}

#header .naviChooser select option, #header .naviChooser select optgroup{
  float: left;
  margin: 2px 0 2px 0;
}

#header .naviChooser select .sub{
  margin-left: 16px;
}

#header .wrapper,
#header .section
{
    overflow: visible;
}

/* @group Masternavi */

.masternavi .trigger
{    display: none; }

.masternavi
{
    width: 100%;
    float: left;
    height: 35px;
}

.masternavi .section,
#header .wrapper .section
{
    margin-top: 0;
    margin-bottom: 0;
}

.masternavi
{
float: left;
}

.masternavi ul
{
margin: 0 auto 0 auto;
float: left;
display: none;
}

.masternavi ul li
{
color: #001a4b;	
float: left;
margin: 0 0 0 0;
font-size: 100%;
background: none;
}

.masternavi ul li.tv,
.masternavi ul li.radio,
.masternavi ul li.ardmt
{ font-weight: bold; }

.masternavi ul li a
{
float: left;
color: #fff;
padding: 10px 6px 0 6px;
height: 25px;
background: none;
}

.masternavi ul li a:hover,
.masternavi li a:focus,
.masternavi li a:active
{
    color: #001a4b;
    background: #fff;
    border-bottom: 4px solid #fff;
    height: 21px;
    padding: 10px 6px 0 6px;
}

.masternavi .ardlogo a:link {
    background: url("../img/base/icon/ardlogo_weiss.png") no-repeat top;
    float: right;
    height: 35px;
    margin: 0;
    padding: 0 2px;
    width: 70px;
}

.masternavi a.ardlogo:link
{
margin: 0 0 0 0;
background: url(../img/base/icon/ardlogo_weiss.png) repeat-x bottom;
padding: 0 0 0 0;
width: 70px;
float: right;
height: 35px;
}

.masternavi a.ardlogo:hover,
.masternavi a.ardlogo:focus,
.masternavi a.ardlogo:active
{ background: #fff url(../img/base/icon/ardlogo_weiss.png) repeat-x bottom; }

.masternavi .ardlogo
{
    width: auto;
    float: right;
}

body.ard .masternavi ul li.ard,
body.tagesschau .masternavi ul li.tagesschau,
body.sportschau .masternavi ul li.sportschau,
body.boerse .masternavi ul li.boerse,
body.ratgeber .masternavi ul li.ratgeber,
body.wissen .masternavi ul li.wissen,
body.kultur .masternavi ul li.kultur,
body.kinder .masternavi ul li.kinder,
body.intern .masternavi ul li.intern,
body.tv .masternavi ul li.tv,
body.radio .masternavi ul li.radio,
body.mediathek .masternavi ul li.mediathek
{ 
background: #fff;
}

body.ard .masternavi ul li.ard a:link, body.ard .masternavi ul li.ard a:visited,
body.tagesschau .masternavi ul li.tagesschau a:link, body.tagesschau .masternavi ul li.tagesschau a:visited,
body.sportschau .masternavi ul li.sportschau a:link, body.sportschau .masternavi ul li.sportschau a:visited,
body.boerse .masternavi ul li.boerse a:link, body.boerse .masternavi ul li.boerse a:visited,
body.ratgeber .masternavi ul li.ratgeber a:link, body.ratgeber .masternavi ul li.ratgeber a:visited,
body.wissen .masternavi ul li.wissen a:link, body.wissen .masternavi ul li.wissen a:visited,
body.kultur .masternavi ul li.kultur a:link, body.kultur .masternavi ul li.kultur a:visited,
body.kinder .masternavi ul li.kinder a:link, body.kinder .masternavi ul li.kinder a:visited,
body.intern .masternavi ul li.intern a:link, body.intern .masternavi ul li.intern a:visited,
body.tv .masternavi ul li.tv a:link, body.tv .masternavi ul li.tv a:visited,
body.radio .masternavi ul li.radio a:link, body.radio .masternavi ul li.radio a:visited,
body.mediathek .masternavi ul li.mediathek
{
    color: #001a4b;
}

#header .searchForm {
	display: none;
}

/* Weisse Pfeile in der Navi */

#header .collapseArrow
{
    width: 20px;
    height: 20px;
    margin-top: 8px;
    margin-right: 4px;
    background: url("../img/base/icon/arrow_collapsible.png") no-repeat scroll 0px -20px transparent;
    }


#header .collapsed .collapseArrow
{
    background: url("../img/base/icon/arrow_collapsible.png") no-repeat scroll 0px -40px transparent;
}


/* @end */


/* @group Subnavi */

.subnavi
{
    float: left;
    width: 100%;
}

.subnavi .trigger
{
    display: none;
    float: left;
    width: 100%;
}

.subnavi .ressorts
{
    float: left;
    width: 100%;
    background-color: #FFFFFF !important;
    padding: 0;   
    display: none;
}

/**** till banner ***/

.subnavi .ressorts span
{
    float: left;
    /* padding: 6px 8px 6px 10px; */
    background-color: #fff;
}

.subnavi .ressorts .collapsed
{
    background-color: transparent;
}

.subnavi .collapseArrowSmall
{
	float:right;
    width: 10px;
    height: 18px;
/*    margin: 3px 0 0 4px; */
/*    background: url("../img/base/icon/arrow_collapsible_small.png") no-repeat scroll 0px 0 transparent; */
}

.subnavi .collapsed .collapseArrowSmall
{
/*    background: url("../img/base/icon/arrow_collapsible_small.png") no-repeat scroll 0px -18px transparent; */	
}

.subnavi .ressorts li
{
    float: left;
    position: relative;
}

.subnavi .ressorts li a
{
    color: #000;
}

.subnavi ul.ressorts li:hover, 
.subnavi ul.ressorts li:active, 
.subnavi ul.ressorts li:focus {
    background: #ffffff;
}

.subnavi .ressorts .collapsed a
{
    color: #000000;
}

.subnavi .ressorts li:hover .collapsed a
{
    color: #001a4b;
}

.subnavi ul.ressorts li:hover a
.subnavi ul.ressorts li:active a
.subnavi ul.ressorts li:focus a
{
    color: #001a4b;
}

.subnavi .subressorts .collapsed a
{
    color: #000;
}

.subnavi .subressorts
/* measures in view.css */
{ }

.subnavi .subressorts span
{
    float: left;
    padding: 0;
    width: 100%;
    background-color: #DDD;
}

.subnavi .subressorts li a
{
    color: #000;
    width: auto;
    float: left;
}

/* ### Barrierefrei ### */

.subnavi .subressorts li a:focus,
.subnavi .subressorts .collapsed li a:focus
{
	background: none repeat scroll 0 0 #dbe0ea;
}

.subnavi .subressorts li .hasArrow a:focus,
.subnavi .subressorts .collapsed li .hasArrow a:focus,
.subnavi .subressorts .subsubressorts li a:focus,
.subnavi .subressorts .subsubressorts .collapsed li a:focus
{
	background: none repeat scroll 0 0 #f2f5fc;
}

a:focus 
{
	text-decoration: underline;
}

/*### Ende Barrierefrei ####*/

.subnavi .subressorts li
{
    position: static;
    width: 100%;
    float: left;
/*    padding: 4px 0 0 0; */
/*    margin: 4px 0 0 0; */
    border-bottom: 1px solid #dbe0ea;
}

.subnavi .subressorts li:last-child
{
	border-bottom: none;
}

.subnavi ul.subressorts li:hover, 
.subnavi ul.subressorts li:active, 
.subnavi ul.subressorts li:focus {
    background: #dbe0ea;
}

.subnavi .subsubressorts
{
    width: 100%;
    float: left;
    background-color: #d9e2eb;
    z-index: 20;
}

.subnavi .subsubressorts li
{
	border-bottom: 1px solid #fff;
	text-indent: 6px;
}

.subnavi .subsubressorts li:last-child
{
	border-bottom: none;	
}

.subnavi .active,  .subnavi .active.collapsed
{
color: #001a4b;
background: #fff;

}

.subnavi .active a, .subnavi .active.collapsed a
{
color: #001a4b;
}
/* @end */

/* @group Markenbox incl. Suche */

#header {
    width: 100%;
    float: left;
}

#header .logo
{
    float: left;
    padding: 0 0 0 0;
    width: 50%;
    height: 70px;
}

#header .searchBox
{ }

#header .searchBox img
{ }

#header .searchBox input
{
    float: left;
    height: 25px;
    font-size: 0.9em;
    line-height: 25px;
    color: #516384;
}


#header .searchBox .searchToggle .collapseArrow
{
    display: none;
}

.menueToggle
{
    background-color: #fff;
    height: 25px;
    padding: 0 4px 0 0;
    float: right;
    display: none;
}

.menueToggle a
{
    padding: 4px 0 0 4px;
    float: left;
}


#header .currentDate{
	display: none;
	float: right; 
	color: white; 
	margin-top: 28px; 
	margin-right: 8px;
}

/*** ENDE HEADER ***/



#load
{
    background-color: #054887;
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: 200000;
}

#load img
{
    position: fixed;
    left: 46%;
    top: 46%;
    width: 8%;
    max-width: 99px;
}

.hidden{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.zoomBox{
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
}

.zoomContent
{
    width: 50%;
    margin: 20% auto 0 auto;
}

.zoomContent img
{
    width: 100%;
    float: none;
}

.spacer
{
	height: 1em;
	clear: both;
}

.small
{
	margin: 0 5%;
}

/*** SKIN TAGESSCHAU ***/
/*** FONTS TAGESSCHAU ***/
body.tagesschau h3
{
	font-size: 1.15em;	
} 

.tagesschau h1, 
.tagesschau h2, 
.tagesschau h3, 
.tagesschau h4
{
font-weight: bold;
} 

/*** SKIN: ARD ***/

body.tagesschau
{ 
	background: #08335e url(../img/tagesschau/background/base.jpg) repeat-x fixed top;
}

body.tagesschau.wahl
{ 
	background: #015e9c url(../img/tagesschau/background/back_bundestag1920x1200.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}

body.tagesschau.euwahl
{ 
	background: #015e9c url(../img/tagesschau/background/back_europawahl1920x1200.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}

body.tagesschau.afghanistan
{ 
	background: #015e9c url(../img/tagesschau/background/back_afghanistan_optimiert.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}

body.tagesschau.uswahl
{ 
	background: #015e9c url(../img/tagesschau/background/back_uswahl_optimiert.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}

body.tagesschau.afrika
{ 
	background: #015e9c url(../img/tagesschau/background/back_afrika_1200_optimiert.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}

body.tagesschau.frankreichwahl
{ 
	background: #015e9c url(../img/tagesschau/background/back_frankreich_1024_optimiert.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}

body.tagesschau.g20-gipfel
{ 
	background: #015e9c url(../img/tagesschau/background/back_g20_1024_optimiert.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}

body.tagesschau.structurenode-tagesschau-ausland-paradisepapers,
body.tagesschau.structurenode-tagesschau-ausland-paradisepapers-spezial
{ 
	background: #015e9c url(../img/tagesschau/background/back_paradise_p.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}

body.tagesschau.btw17
{ 
	background: #015e9c url(../img/tagesschau/background/back_btw17_1440_optimiert.jpg) !important;
	background-size: cover !important;
	background-position: center !important;
	background-attachment: fixed !important;
}


body.tagesschau #content
{
	background: none;
}

body.tagesschau .conHeadline
{
	font-weight: normal;
}

body.tagesschau .mod{
	background-color: #fff;
}

body.tagesschau .modConStage .modMini .box.active, 
body.tagesschau .modConStage .modMini .box:hover,
body.tagesschau .modConStage .modMini .box:hover a
{
	background-color: #001a4b;
	color: #fff;
	background-image: none;
}

body.tagesschau #content .sectionC, body.tagesschau #content .sectionZ, body.tagesschau #content .sectionB{
    background-color: #fff;
}


/*** HINTERGRUND BOX ***/
body.tagesschau .box
{
	background: #fff url('../img/tagesschau/background/box_base.jpg') repeat-x bottom;
}

/* @group Slider/paging */

/************ MODULE-CONTROLS: SLIDER/PAGING ************/

/* Hintergrund der ganzen Leiste */

.mod .controls.sliding
{
	background-color: #e2e1dc;
}

/* @end */

/************ MODULE-DESIGN: Collapse  ************/


/*** ENDE SKIN TAGESSCHAU ***/

/************ MODULE-DESIGN: DEFAULT  ************/

.mod
{
	/* width: 100%; */
	float: left;
    overflow: hidden;
    font-family: Thesis, helvetica, arial;
}

.mod .teaser
{
	/* width: 100%; */
	float: left;
    background-position: 0 28px;
    background-repeat: no-repeat;
}

.mod  .teaserHeadline
{
    float: left;
    /* width: 100%; */
    margin: 0 0 8px 0;
    font-size: 1.2em;
}

.mod .ressort
{
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 1px;	
	margin: 0 0 8px 0;
	width: 100%;
	float: left;
	padding: 2px 8px 1px 8px;
}

.mod .ressort a
{
	color: #001a4b;
}


.mod .mediaCon
{	
	margin: 0 0 8px 0;
	width: 100%;
	float: left;
}

.mod  .portrait .mediaCon
{ 	
	width: 50%;
	float: none;
	overflow: auto;
	margin-left:  auto;
	margin-right: auto;
}

.mod .media
{
    width: 100%;
    float: left;
}

.mod .mediaB
{
    width: 48%;
    margin-left: 0.9%;
    margin-right: 0.9%;
}

.mod .mediaC
{
    width: 31.333%;
    margin-left: 0.9%;
    margin-right: 0.9%;
}

.mod .mediaD
{
    width: 23%;
    margin-left: 0.9%;
    margin-right: 0.9%;
}

.mod .mediaLink{
	width: 100%;
	float: left;
}

.mod  .mediaCon .xxl
{
	float: left;
	width: 100%;
}

.mod  .mediaCon .xl
{
	float: left;
	width: 100%;
}

.mod  .mediaCon .l
{
	float: left;
	width: 100%;
}

.mod  .mediaCon .m
{
	float: left;
	width: 100%;
}

.mod  .mediaCon .s
{
	float: left;
	width: 100%;
}

.mod .icon
{ 
	/* background-image: url('../img/base/icon/media_sprite.png');
	margin-top: -32px;
	margin-left: 0;    
    height: 32px;    
    width: 32px;
	float: left; */
    width: 36px;
    min-width: 36px;
}

.mod .icon.video
{ 
	background-position: 1000px 0;
}

.mod .icon.audio
{ 
	background-position: 600px 0;
}

.mod .icon.galerie
{  	
	background-position: -1000px 0;
}

/* Galerie Cursor Hoverefekt: Lupe  */

.cursorLupe,
.modParagraph .mediaInfo .galerie img:hover
{
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: -o-zoom-in;
    cursor: -ms-zoom-in;
}

.mod .marke
{ 
	float: right;
    margin-right: 8px;
    margin-top: -80px;
}

.teaser .mediaCon .mediaA a.mediaLink img.marke{
	float: right;
}



.mod  .dachzeile
{ 
	margin: 4px 0 4px 0;
	/* width: 100%; */
	float: left;
	font-size: 1em;
}

.dachzeile.datum {
	color: #8e8f97;
}

.mod  h2.headline
{	
	font-size: 2em;
	margin: 0 0 8px 0;	
	/* width: 100%; */
	float: left;
}

.mod.modIFrame h2.headline, .animation .modHead h2.headline
{
	font-size: 1.75em;
}

.mod  h3.headline
{	
	font-size: 1.5em;
}

.mod  h3.headline.hasArrow
{
	padding-right: 30px;
}


.mod  h4.headline
{	
	font-size: 1.2em;
}

.sectionC .mod  h4.headline
{	
	font-size: 1.1em;
}

.mod .subtitle
{
    font-size: 1.1em;
    margin: 1em 0 0.5em 0;
    /* width: 100%; */
    float: left;
}

.mod  .teasertext
{ 
	margin: 0 0 8px 0;
	/* width: 100%; */
	float: left;
}

.mod .text
{
    line-height: 145%;
}

.mod .teasertext.colCnt2
{
	column-count: 2;
    column-gap: 15px;
	column-rule-color: #A3B5C1;
    column-rule-style: solid;
    column-rule-width: 1px;
	-moz-column-count: 2;
    -moz-column-gap: 15px;
    -moz-column-rule-color: #A3B5C1;
    -moz-column-rule-style: solid;
    -moz-column-rule-width: 1px;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
    -webkit-column-rule-color: #A3B5C1;
    -webkit-column-rule-style: solid;
    -webkit-column-rule-width: 1px;
}

.mod .linklist
{ 
	float: left;
	margin: 0 0 8px 0;
	/* width: 100%;	*/
}

.mod.modPicList.smallThumb .linklist .mediaCon {
    width: 15%;
}

.mod.modPicList .linklist .mediaCon {
	float: left;
    margin-bottom: 0;
    margin-right: 2%;
    width: 24%;
}

.mod.modPicList .linklist li a{
    float: left;
    line-height: 110%;
    width: 100%;
}

/* Teaser im Teaser - Linklist */

.modParagraph .linklist.teaserImTeaser
{
	margin: 0 5% 8px 5%; 
	width: 90%;
}

.modParagraph .linklist.teaserImTeaser ul.list
{
	width: 100%
}

.tsIndex .sectionZ .teaser .mediaCon
{
	margin-bottom: 10px;
}

.mod .linklist .more
{ 
	clear: both;
	margin: 0 0 6px 0;
	/* width: 100%;*/
}

.mod .linklist strong
{ 
	font-weight: normal;
}


.mod .linklist .list
{ 
	/* width: 100%;*/
	float: left;
	border-top: 1px solid #9dadc7;
}

.mod .linklist .list li
{ 
	width: 100%;	
	float: left;	
	border-bottom: 1px solid #9dadc7;
}


.mod .linklist .list li a
{ 
	padding: 3px 0 3px 0;
	display: block;
}

.mod .linklist .list li a:focus
{ 
	background: #e9ebef;
	display: block;
}

.mod .linklist .list li a:hover, 
.mod .linklist .list li a:active
{ 
	background: #e9ebef;
	display: block;
}

.mod .linklist.withnolinkcontentbutnoproblem .list li{
	padding: 6px 0;
	display: block;
}

.mod .linklist.withnolinkcontentbutnoproblem .list li a,
.mod .linklist.withnolinkcontentbutnoproblem .list li a:hover,
.mod .linklist.withnolinkcontentbutnoproblem .list li a:active,
.mod .linklist.withnolinkcontentbutnoproblem .list li a:focus
{
	display: inline;
	padding: 5px 0;
}


.con.livestreams
{
	margin-top: 0;
}

.livestreams .mod .linklist .list li a
{
	padding: 0;
}

.livestreams .mod .linklist .list li 
{
	padding: 3px 0;
}

/*** ENDE MOD ***/


/************ MODULE-DESIGN: BREADCRUMB  ************/

.breadcrumb
{
	width: auto;
	float: left;
	padding: 0;
	margin: 12px 0 0 0;
	clear: both;
}

.breadcrumb ul
{
	float: left;
	padding: 0;
	margin: 0 0 0 8px;
}

.breadcrumb ul li
{
	display: inherit;
	float: left;
	margin: 0 12px 0 0;
	background: #fff;
	padding: 4px;	
}

.mod.modBreadcrumb .box,
body.tagesschau .mod.modBreadcrumb,
.sectionBreadcrumb .con,
.sectionBreadcrumb .modCon
{
	background: none;
	margin: 0;
	padding: 0;
}


body.tagesschau .mod.modBreadcrumb{
	margin-top: 8px;
}

.section.sectionBreadcrumb{
	margin-bottom: 0;
	margin-top: 0;	
}


.mod.modBreadcrumb .box{
	padding-bottom: 2px;
}

.breadcrumb ul{
	margin: 0;
	text-transform: uppercase;
	opacity: .8;
}

/************ ENDE MODULE-DESIGN: BREADCRUMB  ************/

/*** modBreakingnews ***/

.mod.modBreakingNews
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

.mod.modBreakingNews .ressort
{
	background: #bc053b;
	color: #fff;
	padding: 0;
	margin: 0;
}

.mod.modBreakingNews .linklist
{ 
	display: none;
}

.modBreakingNews h4.headline
{
	font-size: 1.75em;
}

/*** Breakingnews - New styles ***/
.modBreakingNews .inhaltstypTgsDiv h2 {
	background: #bc053b none repeat scroll 0 0;
	color: #fff;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding: 0.78em;
	text-transform: uppercase;
}

.contenttypebreakingnews .inhaltstypTgsDiv h2 {
	background: #bc053b none repeat scroll 0 0;
}

.modBreakingNews .teasertext span, .modBreakingNews .teasertext span a {
	color: #bc053b;
}

.infoEilmeldung {
	margin-top: 12px;
	margin-bottom: 12px;
	font-weight: bold;
	color: #bc053b;
}

/*** ENDE Mod-Breakingnews ***/

/*** modClassic ***/

/************  MODULE-DESIGN: STAGE  ************/

.modClassic  .mediaCon
{
    width: 45%;
    margin-right: 1%;
    padding: 0;
}

.modClassic .dachzeile
{
    width: auto;
    float: none;
    display: block;
}

.modClassic .headline
{
    width: auto;
    float: none;
}

.modClassic  .teasertext
{
    width: 45%;
    float: left;
}

.modClassic .linklist
{
    width: 100%;
    float: left;
    clear: right;
}


.modClassic .teaser.noimage  .teasertext
{
    width: 100%;
    float: left;
}



/*** ENDE modClassic ***/



/************  MODULE-DESIGN: GLOSSAR  ************/

.modComments .teaserHeadline.collapsed
{
    font-size: 1.0em;
}

.modComments .link
{
    width: 75%;
    float: left;
}

.modComments .ressort
{		
	display:none;
}

.modComments  .mediaCon
{
	width: auto;
}

.modComments  .media
{
    margin: 1%;
    width: auto;
    float: left;
}

.modComments  .mediaCon .xxl
{
    width: auto;
    height: 8em;
}

.modComments  .mediaCon .xl
{
    width: auto;
    height: 8em;
}

.modComments .mediaCon .l
{
    width: auto;
    height: 8em;
}

.modComments  .mediaCon .m
{
    width: auto;
    height: 8em;
}

.modComments  .mediaCon .s
{
    width: auto;
    height: 8em;
}


/************ modComments  ************/

.modConComments
{
	margin: 0;
}

.modConComments .boxCon h2.headline, 
.modConComments .boxCon p.subline, 
.modConComments .boxCon p.text 
{
	clear: both;
}

.modConComments .boxCon p.text{
	margin-bottom: 16px;
}

.modConComments .mod.modHead
{
	width: 100%;
	margin: 0 0 4px 0;
}

.modConComments .collapseControl,
.modConComments .collapseControl.collapsed
{
	background: none repeat scroll 0 0 #fff;
    border-bottom: 1px solid #bac5d9;
    border-top: 1px solid #bac5d9;
    float: left;
    padding: 0;
    text-align: right;
    width: 98%;
    line-height: 100%;
    clear: both;
}


.modConComments .collapseControl a
{
    padding: 8px 30px 8px 0;
	display: block;
}


.modConComments .collapseControl
{
    border-bottom: none;
}



/************ GLOSSAR IM BEITRAG  ************/
.sectionArticle .modConComments
{
	margin: 0px;
}

.sectionArticle .modComments .buttons,
.sectionArticle .modComments .controls
{
	display: none;
}

.sectionArticle .modConComments .mod h2.headline
{
	font-size: 1.25em;
	margin: 0 0 8px 0;
	font-weight: normal;
}

.sectionZ.sectionArticle .modA.modComments .box
{
    border-top: 2px solid #fff;
	background-color: #fff;
	margin-bottom: 0;
    margin-top: 0;
    line-height: 100%;
}

.sectionArticle .modComments h3.headline
{
	font-size: 1.15em;
    margin-left: 0;
    margin-right: 0;
    width: 90%;
    padding: 0;
}

.sectionArticle .modComments .teaser
{
    margin-right: 0%;
    margin-left: 0%;
    width: 90%;
    float: left;
}

.sectionArticle .modComments .teaserHeadline
{
    float: right;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1.2em;
    width: 98%;
}

.sectionArticle .modComments .teaserHeadline.collapsed
{
    font-size: 1.0em;
}

.sectionArticle .modComments .link
{
    width: 75%;
    float: left;
}

.sectionArticle .modComments .ressort
{		
	display:none;
}

.sectionArticle .modComments  .media
{
    margin: 1%;
    width: auto;
    float: left;
}

.sectionArticle .modComments  .mediaCon .xxl
{
    width: auto;
    height: 8em;
}

.sectionArticle .modComments  .mediaCon .xl
{
    width: auto;
    height: 8em;
}

.sectionArticle .modComments .mediaCon .l
{
    width: auto;
    height: 8em;
}

.sectionArticle .modComments  .mediaCon .m
{
    width: auto;
    height: 8em;
}

.sectionArticle .modComments  .mediaCon .s
{
    width: auto;
    height: 8em;
}

.storywrapper .modConComments .box{
	background: none;
}

.storywrapper .modConComments .text a{
	border-bottom: none;
}

.storywrapper .metablockwrapper{
	display: block;
	float: left;
	margin-top: 10px;
}

/*** ENDE modComments ***/

/************  modForm  ************/

.modForm input, .modForm select, .modform option
{
	font-size: 1em;
	font-family: Thesis;
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 100%;
}

.modForm input#datepickerValue
{
	text-indent: 5px;
}

.modForm span.unitZ {
	font-size: 1em;
	font-family: Thesis;
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 100%;
}

.modForm
{
	margin: 0 0 12px 0;
}

.sectionC .modA.modForm,
.slider .modA.modForm
{
	margin: 0;
}

.modForm .subtitle
{
	font-size: 1.25em;
	width: auto;
    clear: left;
    float: left;
    font-weight: normal;
}

.modForm .subtitle.hasArrow
{
    background-color: #E1E7F2;
    padding: 6px 0 6px 1%;
    margin: 0;
    width: 99%;
}

.modForm .text
{
    width: auto;
    float: left;
    clear: both;
}

.modForm form .text
{
    margin-bottom: 8px;
    width: auto;
    float: left;
    clear: left;
}

.modForm form
{
    width: 100%;
    float: left;
    margin-top: 12px;
}

.modForm .submitLink
{
    float: right;
    margin-right: 8px;
}

.modForm .submitButton
{
	float: right;
	display: block;
	margin: 10px 0 0;
    padding: 7px 8px;
    border: 0;
		
}

.modForm fieldset .submitButton
{
	margin: 0;
}

.modForm fieldset
{
    background-color: #E1E7F2;
	margin: 0;
    float: left;
    padding: 3%;
    width: 94%;
}

.modForm .submitfield
{
	float: right;
}

.modForm span
{
    margin: 0 0 4px 0;
}

.modForm textarea
{
    width: 100%;
    height: 150px;
}

.modForm .textInput
{
    width: 100%;
	margin: 0 0 4px 0;
}

.modForm .textInput#date
{
    height: 25px;
    width: 88%;
}

.modForm .textInput#date + img
{
    margin: 8px 0 0 0;
}

.modForm label
{
    margin: 0 0 4px 0;
    padding: 0;
}

.modForm legend
{
   margin: 4px 0 0 0;
    padding: 0;
}

.modForm .buttonfield
{
    background-color: transparent;
}

.modForm select
{
    border: 0 none;
    height: 25px;
    margin: 4px 0 4px 0;
    padding: 0;
    width: 100%;
} 

.modForm textarea:focus,
.modForm input:focus,
.modForm select:focus
{
	background: #e9ebef;
	border: 1px solid #193C89;
	outline: none;
}

input:focus,
#header input:focus,
select:focus
#header select:focus
{
	border: 1px solid #193C89;
	outline-offset: -2px;
}

input[type="text"], textarea 
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box; 
/*    width: 100%; */
    padding: 2px 4px;
}

.modForm optgroup
{
    float: left;
    font-style: normal;
    line-height: 100%;
    margin: 0 0 4px;
    padding: 4px;
}

.modForm option
{
    background-color: #E1E7F2;
    border-bottom: 1px solid #FFFFFF;
    padding: 6px 4px;
}

.modForm .linklist
{
    margin: 0 1% 0 1%;
    padding: 8px 1% 8px 1%;
    width: 95%;
}

.modForm .linklist .more
{
    float: left;
    width: auto;
}

.modForm .linklist .list
{
    border-top: none;
    float: left;
    width: auto;
}

.modForm .linklist .list li
{
    background: #E1E7F2;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #C2D6E8;
    margin: 4px 8px;
    padding: 4px 8px;
    float: left;
    width: auto;
}


.modConSearch #form .submitfield div.unitY .unitY input.textInput 
{
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	text-indent:0.3em;
	line-height: 18px;
}

.modConSearch .modList .mediaCon 
{
    margin-top: 0;
}

.modForm span.unitD span {
    margin-left: 0.2em;
}

/*** Suche ***/

.modConSearch #form fieldset
{ 
	background-color: #E1E7F2;
	margin-bottom: 1px;
}

.modConSearch .modList .mediaCon
{
	margin-top : 4px;
}

/*** Download Akkordion ***/

.modForm .seperateFields .subtitle.hasArrow,
.modForm .seperateFields fieldset
{
	background-color: #e9e9e9;
}

/*** ENDE modForm ***/


/************  modGallery  ************/

.modGallery .ressort
{
	display : none;
}

.modGallery img
{
	cursor: pointer;
}

.modGallery .dachzeile
{ 	
	display : none;
}

.modGallery .linklist
{ 
	display : none;
}

.modConGallery .modHead h2.headline
{
	font-size: 1.75em;
}


/************ Gallery: SLIDER IM BILD  ************/

.modGallery .controls
{	
    height: 140px;
    margin: -434px 0 0 0;
	visibility: hidden;
}

/* positionsaenderung fuer Galerien im Beitrag */
.sectionZ .mod.modGallery .controls.sliding
{
    top: 18%;
}

.mod.modGallery .controls.sliding .buttons
{
    margin: 0;
    width: 100%;
    float: left;
}

.mod.modGallery .controls.sliding .prev, .modGallery .controls .prev
{ 	
	height: 140px;
    margin-left: 4px;
	visibility: visible;
    width: 32px;
    background: url('../img/base/icon/arrow_gallery.png') no-repeat -3px 0;
}


.mod.modGallery .controls.sliding .prev:hover,
.mod.modGallery .controls.sliding .prev:focus
{ 	
background: url('../img/base/icon/arrow_gallery.png') no-repeat -3px -140px;
}


.mod.modGallery .controls.sliding .next, .modGallery .controls .next
{
	float: right;
    height: 140px;
    margin-right: 3px;
	visibility: visible;
    width: 32px;
    background: url('../img/base/icon/arrow_gallery.png') no-repeat -93px 0;
}

.mod.modGallery .controls.sliding .next:hover,
.mod.modGallery .controls.sliding .next:focus
{
    background: url('../img/base/icon/arrow_gallery.png') no-repeat -93px -140px;
}



/************ Hintergrundfarbe fuer Slider Gallery  ************/


.modConGallery .slider
{
	background: #E0D9D1;
}

.modConGallery .box.active
{
	background: #001a4b;
}

/*** ENDE modGallery ***/



/************  MODULE-DESIGN: GLOSSAR  ************/

.modGlossar .boxCon
{
	margin: 12px 0 12px 0;
}

.modGlossar .box 
{
	padding: 0 8px 12px 8px;
}

.modGlossar .controls.paging.small
{
	width: auto;
	margin-bottom: 10px;
}

.sectionZ .modA.modGlossar .box
{
    margin-bottom: 0;
    margin-top: 0;
}

.modGlossar .hasArrow
{
	padding: 4px 0 4px 0;
	/* background: green; */
}

.modGlossar .hasArrow.collapsed
{
	/* background: yellow; */
	border-bottom: 1px solid #BAC5D9;
}

.mod.modGlossar .teaser
{
    margin-right: 4%;
    margin-left: 4%;
    width: 92%;
    float: left;
    padding: 12px 0 12px 0;
}

.modGlossar .teaserHeadline
{
    float: right;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1.2em;
    width: 98%;
}

.modGlossar .teaserHeadline.collapsed
{
    font-size: 1.0em;
}

.modGlossar .link
{
    width: 75%;
    float: left;
}

.modGlossar .ressort
{		
	display:none;
}

.mod.modGlossar  .mediaCon
{
	width: auto;
}

.modGlossar  .media
{
    margin: 1%;
    width: auto;
    float: left;
}

.modGlossar  .mediaCon .xxl
{
    width: auto;
    height: 8em;
}

.modGlossar  .mediaCon .xl
{
    width: auto;
    height: 8em;
}

.modGlossar .mediaCon .l
{
    width: auto;
    height: 8em;
}

.modGlossar  .mediaCon .m
{
    width: auto;
    height: 8em;
}

.modGlossar  .mediaCon .s
{
    width: auto;
    height: 8em;
}

.modGlossar .headline
{ 
	font-weight: normal;
}


/************ MODULE-DESIGN: SLIDER  ************/

.modGlossar .controls .labels
{
	font-size: 1.25em;
   	font-weight: bold;

}


/************ modGlossar: GLOSSAR IM BEITRAG  ************/


.sectionArticle .modConGlossar
{
	margin: 12px 0;
}

.sectionArticle .modGlossar .buttons,
.sectionArticle .modGlossar .controls
{
	display: none;
}

.sectionArticle .modConGlossar .mod
{
	background-color: #E0D9D1;
	margin: 0 5% 0 5%;
	width: 90%;
}

.sectionArticle .modConGlossar .mod h2.headline
{
	font-size: 1.25em;
	margin: 0 0 8px 0;
	font-weight: normal;
}

.sectionZ.sectionArticle .modA.modGlossar .box,
.sectionZ.sectionArticle .modA.modConGlossar .box,
.sectionZ.sectionArticle .modConGlossar .box
{
	background-color: #E0D9D1;
	margin-bottom: 0;
    margin-top: 0;
    padding: 0 0 0 0;
}

.sectionZ.sectionArticle .modA.modGlossar .box:first-child,
.sectionZ.sectionArticle .modA.modConGlossar .box:first-child,
.sectionZ.sectionArticle .modConGlossar .box:first-child
{
	border-top: 1px solid #fff;
}

.sectionZ.sectionArticle .modA.modGlossar .hasArrow.collapsed 
{
    border-bottom: 1px solid #fff;
}

.sectionZ.sectionArticle .modA.modGlossar .teaser {
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}


.sectionZ.sectionArticle .modConGlossar .box
{
    padding: 8px;
}


.sectionArticle .modGlossar h3.headline
{
	font-size: 1.15em;
    margin-left: 0;
    margin-right: 0;
    padding: 6px 0 6px 2%;
    width: 98%;
}


.sectionArticle .modGlossar .teaserHeadline
{
    float: right;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 1.2em;
    width: 98%;
}

.sectionArticle .modGlossar .teaserHeadline.collapsed
{
    font-size: 1.0em;
}

.sectionArticle .modGlossar .link
{
    width: 75%;
    float: left;
}

.sectionArticle .modGlossar .ressort
{		
	display:none;
}


.sectionArticle .modGlossar  .media
{
    margin: 1%;
    width: auto;
    float: left;
}


.sectionArticle .modGlossar  .mediaCon .xxl
{
    width: auto;
    height: 8em;
}

.sectionArticle .modGlossar  .mediaCon .xl
{
    width: auto;
    height: 8em;
}

.sectionArticle .modGlossar .mediaCon .l
{
    width: auto;
    height: 8em;
}

.sectionArticle .modGlossar  .mediaCon .m
{
    width: auto;
    height: 8em;
}

.sectionArticle .modGlossar  .mediaCon .s
{
    width: auto;
    height: 8em;
}

/*** ENDE modGlossar ***/


/************ modHead MODULE-DESIGN: HEAD  ************/

.modHead .info
{
	width: auto;
	float: right;
	clear: right;	
}

.modHead .headline
{
	width: auto;
	float: left;
	clear: left;
}


.modHead .subline
{
	width: auto;
	float: left;
	clear: left;
}

.modHead .link
{
	width: auto;
	float: right;
	clear: right;	
}

.modConGallery .modHead .box
{
    background: transparent;
}

/*** ENDE modHead ***/


/************  modHeadline  ************/

/* angaben fuer linkliste im Beitrag */

.mod.modHeadline.small
{
	margin: 0 5%;
	width: 90%;
}

.mod.modHeadline.small .linklist
{
	width: 100%;
}


.modHeadline .box
{
   width: auto;
}

.modHeadline .ressort
{		
	display:none;
}

.modHeadline  .mediaCon
{	
	display:none;
}


.modHeadline .dachzeile
{ 
	display:none;
}


.modHeadline  .teasertext
{ 
	display:none;
}

.modHeadline .linklist
{ 
	display: block;
}

.modHeadline .linklist .more
{  
	display:none;
}

/*** ENDE modHeadline ***/

/*** modList ***/
.modList .box
{
	border-bottom: 1px solid #BAC5D9;
    border-top: 1px solid #BAC5D9;
    margin: -1px 0 0;
}

.modList .teaser
{
    padding-top: 6px;
}

.modList  .mediaCon
{
    width: 25%;
    margin-top: 8px;
}

.modList  .mediaCon .xxl
{
    width: 100%;
}

.modList  .mediaCon .xl
{
    width: 100%;
}

.modList .mediaCon .l
{
    width: 100%;
}

.modList  .mediaCon .m
{
    width: 100%;
}

.modList  .mediaCon .s
{
    width: 100%;
}

.modList .dachzeile
{ 
	width: 74%;
    float: right;
    font-size: 0.9em;
    margin-bottom: 4px;
}

.modList .headline
{
    width: 74%;
    float: right;
    margin-bottom: 4px;
}

.modList  .teasertext
{
    width: 74%;
    float: right;
    margin-bottom: 4px;
}

.modList .linklist
{
    width: 74%;
    float: right;
    margin-bottom: 0px;
}

.modList .linklist .list
{
    border-top: none;
}

.modList .linklist .list li
{
    border-bottom: none;
    font-size: 0.9em;
    padding: 4px 0 0;
}

.modList .linklist .list li a
{
    color: #516384;
}

/*** ENDE modList ***/

/*** modLotto ***/

.mod .linklist.lottoA
{ 
	float: left;
	background: #e68200 url(../img/base/background/lotto_sprite.png) repeat-x 0 0;
}


.mod .linklist.lottoA ul.list li.additional
{ 
	background: #ffde02 url(../img/base/background/lotto_sprite.png) repeat-x 0 -100px;
	color: #000;
}

.mod .linklist.lottoA, .mod .linklist.lottoB
{ 
	float: left;
	width: 100%;
	margin: 0 0 1px 0;
	display: block;
}

.mod .linklist.lottoA ul.list, 
.mod .linklist.lottoB ul.list
{
	border: none;
	width: auto;
}

.mod .linklist.lottoA ul.list
{
	margin: 0 0 0 17%;
	width: 82%;
	border-left: 1px solid #f4b402;
	color: #fff;
}


.mod .linklist.lottoB ul.list
{
	margin: 0 0 0 0;
	width: 50%;
	border: none;
}


.mod .linklist.lottoA ul.list li, 
.mod .linklist.lottoB ul.list li
{ 
	float: left;
	border: none;
	display: inline;
	width: auto;
	padding: 8px 0 8px 0;
	font-weight: bold;
	text-align: center
}

.mod .linklist.lottoA ul.list li
{ 
	border-right: 1px solid #f4b402;
	width: 13.4%;
	font-size: 1.2em;
	font-weight: normal;
}

.mod .linklist.lottoB ul.list li
{ 
	border: none;
	width: auto;
	font-size: 1em;
}

.mod .linklist.lottoB
{ 
	float: left;
	width: 100%;
	background: #fff url(../img/base/background/lotto_sprite.png) repeat-x bottom;
}

.mod .linklist.lottoA p.more, 
.mod .linklist.lottoB p.more
{
	clear: none;
    float: left;
    letter-spacing: 1px;
    margin: 0;
    min-width: 35%;
    padding: 8px 0 0;
    text-indent: 5px;
    text-transform: uppercase;
    width: auto;
    font-size: 0.9em;
}

.mod .teasertext.lotto
{
	float: right;
	font-weight: bold;
	font-size: 0.9em;
	text-align: right;
	padding: 6px 0 8px 0;
}

/*** ENDE modLotto ***/

/*** modMini ***/

.modMini .teaser
{
	background-image: url('') !important;
}

.modMini .ressort
{ 
	display: none;
}

.modMini .icon
{ 
    width: 36px;
}

.modMini .icon.video
{ 
	background-position: 1000px 0;
}

.modMini .icon.audio
{ 
	background-position: 600px 0;
}

.modMini .icon.galerie
{  	
	background-position: -1000px 0;
}

.modMini .marke
{ 
    display: none;
}

.modMini   .headline
{
	font-size: 1em;
}

.modMini   h4.headline
{
}

.modMini  .teasertext
{ 
	display: none;
}

.modMini .linklist
{ 
	display: none;
}

/*** ENDE modMini ***/


/*** modPaging ***/

.modPaging .paging
{
    width: 100%;
    float: left;
}

.modPaging  .text
{ 
    width: 100%;
    float: left;
    margin-bottom: 8px;
}

.modPaging .linklist .list
{ 
    border-top: none;
}

.modPaging .linklist .list li
{
    width: auto;
    float: left;
    border-bottom: none;
    padding: 1%;
    background-color: #eee;
    margin-left: 1px;
}

.modPaging .pagingControls .next
{
    background: url('../img/base/icon/arrow_sprite.png') no-repeat 0 0;
    width: 30px;
    height: 30px;
    float: right;
}

.modPaging .pagingControls .prev
{
    background: url('../img/base/icon/arrow_sprite.png') no-repeat 0 -100px;
    float: left;
    width: 30px;
    height: 30px;
}

.modConSearch .modPaging .linklist .list li
{
    font-size: 1.2em;
    padding: 8px 14px;
}

.modConSearch .modPaging  .linklist
{
    float: none;
    margin: 0 auto;
    width: 75%;
}

.modConSearch .modPaging .linklist
{
    float: none;
    margin: 0 auto;
    width: 50%;
}

.modConGlossar .modPaging .list li.active
{
    background-color: #fff;
}

.modConGlossar .modPaging .loadNameInfo
{
    float: left;
    font-size: 1.2em;
    margin: 0 0 4px 0;
    padding-left: 1%;
    width: 98%;
}

/*** ENDE modPaging ***/

/*** Meldungsseite ***/

body.story .sectionC .con:first-child
{
	margin-top: 0;
}

.storywrapper .meldungHead{
	position: relative;
	float: left;
	width: 100%;
}

.storywrapper {
	background-color: white;
	float: left;
	width 100%
}

.storywrapper .sectionA .con .box {
	background-color: white;
	background-image: none;
}

.storywrapper .modInhaltstypTgs .box {
	padding-bottom: 0;
}

/*** modParagraph ***/

.modParagraph .mediaCon
{
    float: none;
    margin-bottom: 4px;
    margin-top: 0px;
    overflow: auto;
    width: auto;
}

.modParagraph .mediaCon.small
{
    margin-left: 4%;
    margin-right: 4%;
}

.modParagraph .media
{
    width: 98%;
    margin-bottom: 4px;
    margin-left: 0.9%;
    margin-right: 0.9%;
    background-color: #FFFFFF;
}

.modParagraph .mediaA
{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.modParagraph .small .mediaA
{
    width: 98%;
    margin-left: 0.9%;
    margin-right: 0.9%;
}

.modParagraph .mediaB
{
    width: 48%;
    background: #E9E9E9;
}

.modParagraph .mediaC
{
    width: 31.33%;
}

.modParagraph .mediaD
{
    width: 23%;
}

/* Bild- und Medienunterschrift und Icons */

.modParagraph .mediaInfo
{
    background-color: #E9E9E9;
    width: 100%;
	float: left;
	position: relative;
	top: 2px;
}


.modParagraph .mediaInfo .modForm {
	float: left;
	margin: 0;
	width: 100%;
}

.modParagraph .mediaInfo .modForm form{
	margin: 0;
}

.modParagraph .mediaInfo p.infotext
{
	background: none repeat scroll 0 0;
    float: left;
    padding: 4px 4px 4px 8px;
    width: auto;
}

.modParagraph .mediaA .mediaInfo .icon{
	position: absolute;
	top: -38px;
}

.modParagraph .mediaB .mediaInfo .icon{
	position: absolute;
	top: -36px;
}

.modParagraph .mediaC .mediaInfo .icon, .modParagraph .mediaRight.small .media .mediaInfo .icon{
	position: absolute;
	top: -38px;
	width: 36px;
}

.modParagraph .mediaRight
{	
   width: 40%;
   float: right;
   clear: right;
}

.modParagraph .mediaLeft
{
    width: 40%;
    float: left;
    clear: left;
}

.modParagraph .dachzeile
{
    width: auto;
    float: none;
}

.modParagraph .headline
{
    font-size: 2em;
    width: auto;
    float: none;
}

.modParagraph .autorenzeile
{
	font-style: italic;
}

/* Zwischenheadlines im Beitrag */

.modParagraph .subtitle
{
    font-size: 1.25em;
    width: auto;
    float: none;
}


.modParagraph  .einleitung
{
    margin: 0 0 8px 0;
    width: auto;
    float: none;
    font-weight: bold;
    clear: both;
}

.modParagraph  .autor
{
    margin: 0 0 8px 0;
    font-style: italic;
    width: auto;
    float: none;
    clear: both;
}

.modParagraph  .text
{
    margin: 0 0 1.25em 0;
    width: auto;
    float: none;
}

.modParagraph  .text a
{
	border-bottom: 1px solid #001a4b;
}

.modParagraph  .text a:focus
{
	border-bottom: 1px solid #047db9; 
	color: #047db9;
}

.modParagraph  .text a:hover
{
	border-bottom: 1px dotted #001a4b; 
	color: #626262;
}

.modParagraph .small
{
    margin-left: 5%;
    margin-right: 5%;
}

/************* Checklisten im Beitrag ************/

.modParagraph .checklist
{
	margin-top: 16px;
	margin-bottom: 16px;
	background: #e9e9e9;
	float: left;
	width: 86%;
	padding: 10px 2% 10px 2%;
}

.modParagraph .checklist h4
{
	margin-bottom: 6px;
	font-size: 1.15em;
}

.modParagraph .checklist ul li
{
	padding-bottom: 6px;
	margin: 0 0 0 1em;
	list-style-type: square;
}


.modParagraph .checklist ol li
{
	padding-bottom: 6px;
	margin: 0 0 0 1.25em;
	list-style-type: decimal;
}


/************* Infokaesten im Beitrag ************/
.modParagraph .infokasten
{
	margin-top: 16px;
	margin-bottom: 16px;
	background: #e9e9e9;
	float: left;
	width: 86%;
	padding: 10px 2% 8px 2%;
	display: block;
}

.modParagraph .infokasten.left {
    clear: left;
    float: left;
    width: 40%;
}

.modParagraph .infokasten.right {
    clear: right;
    float: right;
    width: 40%;
}

.modParagraph .infokasten .mediaCon
{
	margin: 0 8px 2px 0;
	width: 35%;
	float: left;
}

.modParagraph .infokasten h3.ressort
{
	margin-top: -4px;	
}


.modParagraph .infokasten h4
{
	margin-bottom: 6px;
	font-size: 1.15em;
}

.modParagraph .infokasten p
{
	float: none;
}

.modParagraph .infokasten p.author
{
	text-align: right;
	font-style: italic;
	padding-right: 1em;
}
/*
.modA.modHeadline div.box
{
	background: transparent;
    width: 100%;
}*/

.modA.modHeadline .boxCon .box
{
	background: transparent;
	padding-left: 0px;
}

.modCon .modA.modHeadline.small .infoKasten .linklist
{
	width: 100%;
}

/************* Infokasten Sendungsbezug  ************/

.modParagraph .infokasten.sendungsbezug 
{
	background: url('../img/base/icon/sendebezug.png') no-repeat scroll 8px center #e9e9e9;
}

/************* Infokasten RSS-Feed  ************/

.modParagraph .infokasten.rssfeed 
{
	background: url('../img/base/icon/rssfeed.png') no-repeat scroll 8px center #e9e9e9;
}

/************* ENDE Infokaesten im Beitrag ************/

.modParagraph .checklist p
{
	padding-bottom: 6px;
}

.modParagraph hr
{
	width: auto;
	display: block;
	clear: both;
	margin: 10px 0;
	background: #E0D9D1;
	padding: 0;
	height: 4px;
	border: none;
}

.modParagraph span.stand
{
	display: block;
	width: auto;
	clear: both;
	text-align: left;
	color: #767676;
}


/*** ENDE modParagraph ***/


/*** modPicture ***/

.modPicture .ressort
{		
	display:none;
}

.modPicture  .mediaCon
{	
	margin: 0;
}

.modPicture .dachzeile
{ 
	display:none;
}

.modPicture .headline
{ 
	display:none;
}

.modPicture  .teasertext
{ 
	display:none;
}

.modPicture .linklist
{ 
	display:none;
}

/*** ENDE modPicture ***/

/*** modPremium ***/

.modPremium .dachzeile
{ 	
	font-size: 1em;
}

.modPremium h2.headline
{
	font-size: 2em;
}

.modPremium  h3.headline
{	
	font-size: 1.5em;
}

.modPremium h4.headline
{	
	font-size: 1.75em;
}

.modPremium .teasertext
{ 
	width: 49%;
}

.modPremium .linklist
{ 
	float: right;
	width: 49%;
}

/*** ENDE modPremium ***/


/*** modQuiz ***/

.modQuiz
{
	color: #24324C;
}

.modQuiz .resultTable
{
    float: left;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 8px;
    table-layout: auto;
}

.modQuiz .resultTable th.answerHeader
{
	width: 17%;
}

.modQuiz .resultTable .entry
{
    vertical-align: top;
    padding-top: 8px;
    border-bottom: 1px solid #DDDDDD;
}

.modQuiz .resultTable .even
{
    background-color: #eee;
}

.modQuiz .resultTable .answer
{
    border: none;
    text-align: left;
    padding: 0 0 8px 0;
}

.modQuiz .resultTable .entry .mediaCon
{
	border: none;
	margin: 0;
}

.modQuiz .resultTable .headlines .entry
{
    border-bottom: 1px solid #24324C;
    vertical-align: bottom;
    padding-left: 1%;
}

.modQuiz .resultTable .data .entry
{
	padding: 8px 8px 0px 16px;
}

.modQuiz .resultTable .question
{
    border: none;
    text-align: left;
    padding: 0;
}

.modQuiz .resultTable .right
{
    color: #080;
}

.modQuiz .resultTable .wrong
{
    color: #800;
    opacity: 1;
    filter: alpha(opacity=100);
}


.modQuiz .resultTable .corrected
{
    font-style: italic;
    font-weight: normal;
}

.modQuiz .text
{
    line-height: 125%;
    width: 100%;
    float: left;
}

.modQuiz .link
{
    width: auto;
    float: right;
    margin-bottom: 36px;
    margin-top: 16px;
    margin-left: 30px;
    padding: 0.5% 1%;
    background-color:  #eee;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
}

.modQuiz .link.quizPre.quizStart
{
	float: left;
}

.modQuiz .dachzeile
{ 
	margin: 0 30px 4px 30px;
	width: auto;
	clear: left;
}

.modQuiz h3.headline
{ 
	margin: 0 30px 6px 30px;
	width: auto;
	clear: left;
	font-size: 1.8em;
}

.modQuiz  .teasertext
{ 
	margin: 0 30px 8px 30px;
	width: auto;
	clear: left;
}

.modQuiz  .answer
{
    border-bottom: 1px solid #DDDDDD;
    float: left;
    width: 99%;
    padding: 1.5% 0 1.5% 1%;
}

.modQuiz  .wrong
{
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modQuiz .textResults
{
    float: left;
    width: 49%;
    border-right: 1px solid #eee;
    clear: left;
}

.modQuiz .visualResults
{
    float: right;
    width: 49%;
    clear: right;
    padding-top: 8px;
    padding-bottom: 8px;
}

.modQuiz .unit
{
    float: left;
    width: 100%;
    margin-bottom: 8px;
}

.modQuiz .unit.quizEntry
{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}

.modQuiz .unit .mediaCon
{
    margin-top: 8px;
    margin-bottom: 0;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 36px;
}

.modQuiz .unit .mediaCon .imgLink img
{
	padding: 1%;
	border: 1px solid #DDDDDD;
}

.modQuiz .resultBar
{
    height: 15px;
    width: 100%;
    float: left;
    background-color: #800;
    margin-top: 8px;
}

.modQuiz .resultLevel
{
    height: 100%;
    float: left;
    background-color: #080;
}

.modQuiz .question, .modQuiz .result
{
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    float: left;
    line-height: 150%;
    width: 95%;
	font-weight: bold;
	padding: 36px 0 36px 5%;
}

.modQuiz .progress
{
    float: left;
    margin-top: 30px;
    width: 90%;
    margin: 0 5%;
    overflow: hidden;
}

.modQuiz .progressText
{
    width: 100%;
    float: left;
    color: #AAAAAA;
}


.modQuiz .answer .link
{
    background-color: transparent;
    float: right;
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 94%;
    padding: 0;
	border: none;
}

.modQuiz .label
{
    background-color: #EEEEEE;
    float: left;
    padding-bottom: 8px;
    padding-top: 8px;
    text-align: center;
    width: 4%;
    padding: 0;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    font-weight: bold;
}

.modQuiz .media .label
{
    position: relative;
    top: 27px;
    left: 2px;
    width: 1.25em;    
}

.modQuiz .result .wrong
{
    color: #800;
    opacity: 1;
    filter: alpha(opacity=100);
}

.modQuiz .result .rigth
{
    color: #080;
}

.modQuiz .progressVisual
{
    float: left;
    height: 8px;
    height: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    width: 100%;
}

.modQuiz .progressVisual .active
{
    height: 100%;
    float: left;
}

.modQuiz .progressVisual .right
{
    height: 100%;
    float: left;
}

.modQuiz .progressVisual .wrong
{    
    height: 100%;
    float: left;
    opacity: 1;
    filter: alpha(opacity=100);
}

.modQuiz .progressEntry
{
    height: 100%;
    float: left;
}

.modQuiz .progressEntry .progressIdx
{
	text-align: center;
	margin-bottom: -6px;
	color: #AAAAAA;
}

.modQuiz .progressEntry .progressBorder,
.modQuiz .progressEntry .progressColor
{
	height: 6px;
	border-top: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}

.modQuiz .progressEntry:first-child .progressBorder,
.modQuiz .progressEntry:first-child .progressColor{
	border-left: 1px solid #AAAAAA;
}

.modQuiz .progressEntry .progressBorder
{
	border-top: none;
	border-bottom: none;	
}

.modQuiz .progressEntry.right .progressColor
{
	background-color: #008800;
}

.modQuiz .progressEntry.wrong .progressColor
{
	background-color: #880000;
}

.modQuiz .linklist
{
    margin-top: 8px;
}

.modQuiz .linklist .more
{  
	font-family: ThesisAntiqua, Times, serif;
	text-transform: uppercase;
}

.modQuiz .linklist .more strong
{ 
	font-weight: bold;
}

/*** modQuiz poll ***/

.modQuiz div.poll
{
	margin-top: 0px;
}

.modQuiz .poll .question
{
	border-bottom: none;
	padding: 3% 0 3% 0;
	width: 100%;
}

.modQuiz .poll .result
{
	border: none;
	padding: 0;
}

.modQuiz .poll h3.headline
{
	margin: 1% 5% 3% 5%;
	font-size: 1.5em;
}

/* modQuiz Umfrage */

.voting .quizable .mediaCon:first-child
{
	margin-top: 0;
}

.voting .box.quizable
{
	width: auto;
}

.modQuiz.voting h3.headline
{
	margin: 12px 5%;
	width: 90%;
}

.modQuiz.modParagraph.voting .box p
{
	width: 90%; 
} 

.modQuiz.voting .quizable .teasertext
{
	border: none;
}

.modQuiz.voting .quizable .hinweisText
{
	border-bottom: 1px solid #DDDDDD;
	width: 90%; 
	margin: 0 5%;
	padding-bottom: 15px;
}

.modQuiz.voting .teasertext.quizPre
{
	font-weight: normal;
}

.modQuiz.voting .quizable .vote-detail 
{
	width: 100%;
	padding: 2% 0;
}

.modQuiz.voting .vote-detail.vote-conclusion > div.vote-content 
{
	text-align: left;
}

.modQuiz.voting .quizable .vote-detail.vote-conclusion
{
	margin-bottom: 0;
}

.modQuiz.voting .link
{
	margin-bottom: 16px; 
	padding: 1%;
}

.modQuiz.voting form input
{
	color: #fff;
	text-transform: uppercase;
} 

/*** ENDE modQuiz ***/

/*** modSocialbar ***/
/************ MODULE-DESIGN: DEFAULT  ************/

.mod.modSocialbar
{ overflow: visible; }

.modSocialbar .box
{ overflow: visible; }

.modSocialbar .button
{ 

}

.modSocialbar .button 
{ 

}

/* setwidth */
.modSocialbar .print a
{ 
	width: 82px;
	padding-left: 8px;
	padding-right: 0;
}


/* setwidth */
.modSocialbar .send a
{ 
	width: 74px;
	padding-left: 8px;
	padding-right: 0;
}

/* setwidth */
.modSocialbar .likeCon
{
    float: left;
    width: 336px;
	position: relative;
	background: #396192;
	margin: 0 0 2px 0;
}

.modSocialbar .likeCon iframe
{
    float: left;
    width: 120px;
	position: relative;
	margin: 7px 8px 0 0;
}

.modSocialbar .likeCon iframe.iframefb
{
    width: 120px;
	/* border: 1px solid #ff8400; */
	height: 22px;
	margin: 7px 8px 0 8px;
}

.modSocialbar .likeCon iframe.iframetw
{
    width: 98px;
    height: 20px;
	/* border: 1px solid blue; */
}

.modSocialbar .likeCon iframe.iframegp
{
    float: left;
    width: 70px;
	/* border: 1px solid #000; */
	margin: 7px 0 0 0;
	height: 24px;
}


.modSocialbar .agreeCon
{
    float: left;
    position: relative;
}

.modSocialbar .like
{
    float: left;
    padding: 0 0 0 0;
    width: 336px;
    margin-bottom: 0;
}

.modSocialbar .like a, .modSocialbar .share a

{
    float: left;
    background: none;
}

/* setwidth */
.modSocialbar .agreement
 {
    background-color: #E1E7F2;
    position: absolute;
    top: 36px;
    width: 326px;
    z-index: 5000;
    padding: 8px 5px 8px 5px;
 }

.modSocialbar .agreement .text
{
    font-size: 0.85em;
    line-height: 140%;
}

.modSocialbar .agree
{
    margin-top: 8px;
    float: right;
}

.modSocialbar .agreement strong
{
	font-size: 1.2em;
    width: 100%;
    float: left;
    display: block;
    margin: 2px 0 4px 0;

}

.modSocialbar .likes
{
    float: left;
    margin: 0 0 0 0;
}

.modSocialbar .likes > *
{
    float: left;
}


.modSocialbar .shareCon
{
    float: left;
    position: relative;

}

/* setwidth */
.modSocialbar .share
{
    position: static;
    float: left;
    width: 130px;
}

/* setwidth */
/* das ist die ul der shares */
.modSocialbar .shares
{
    background-color: #E1E7F2;
    padding: 5px;
    position: absolute;
    top: 36px;
    width: 120px;
    z-index: 5000;
}

.modSocialbar .shares li:last-child
{
	border-bottom: none;
}

.modSocialbar .shares li
{
    border-bottom: 1px solid #6077a4;
    clear: left;
    float: left;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}


.modSocialbar .like .fb, 
.modSocialbar .like .twitter,
.modSocialbar .like .google
{
	margin: 10px 12px 0 0;
    width: 18px;
    height: 16px;
    float: left;
}

.modSocialbar .like .fb
{
	margin-left: 10px;
    background: url('../img/base/icon/bookmark_icons.png') no-repeat scroll 0 0 transparent;
}

.modSocialbar .like .twitter
{
    background: url('../img/base/icon/bookmark_icons.png') no-repeat scroll 0 -100px transparent;
}

.modSocialbar .like .google
{
    background: url('../img/base/icon/bookmark_icons.png') no-repeat scroll 0 -150px transparent;
}

.modSocialbar .shares li a
{
	display: block;
    float: left;
    padding: 4px 0 4px 26px;
    width: 92px;
}


.modSocialbar .shares li:hover
{
	background-color: #fff;
}

.modSocialbar .shares .fb
{
    background: url('../img/base/icon/bookmark_icons.png') no-repeat scroll 4px 5px transparent;
}



.modSocialbar .shares .twitter
{
    background: url('../img/base/icon/bookmark_icons.png') no-repeat scroll 4px -95px transparent;
}

.modSocialbar .shares .google
{
    background: url('../img/base/icon/bookmark_icons.png') no-repeat scroll 4px -195px transparent;
}

.modSocialbar .shares .del
{
    background: url('../img/base/icon/bookmark_icons.png') no-repeat scroll 4px -245px transparent;
}


.modSocialbar .shares .wong
{
    background: url('../img/base/icon/bookmark_icons.png') no-repeat scroll 4px -295px transparent;
}


/* heller Pfeil, wenn auf dunkelblau */

.modSocialbar .collapseArrow 
{
   background-position: 0 -60px;
}

.modSocialbar .hasArrow.collapsed .collapseArrow
{
   background-position: 0 -40px;
}



/* Zusatzanweisungen fuer bestimmte Layouts */


/* Der Drucken-Button */
.sectionB .modSocialbar .print a
{
	width: 147px;
}

/* Der Senden-Button */
.sectionB .modSocialbar .send a
{
	width: 147px;	
}

/* Der Teilen-Button */
.sectionB .modSocialbar .share
{
    width: 162px;
	margin-right: 0;
}


/* hier 5px padding beachten */
.sectionB .modSocialbar ul.shares
{
	width: 152px;
}

.sectionB .modSocialbar ul.shares li
{
	width: 152px;
}

/* Das container fuer die sm-dienste */
.sectionB .modSocialbar .like
{
	width: 476px;
}

/* Das agreement fuer die Dienste */
.sectionB .modSocialbar .agreement
{
    width: 466px;
    padding: 8px 5px 8px 5px;
}

/*** ENDE modSocialbar ***/


/*** modStage ***/

.modStage  .mediaCon
{	
	width: 49%;
}

.modStage .icon
{ 
	/* background-image: url('../img/base/icon/media_sprite.png');
	margin-top: -64px;
	margin-left: 0;    
    height: 64px;    
    width: 64px;
	float: left; */
}

.modStage .icon.video
{ 
    background-position: 0px 0px;
}

.modStage .icon.audio
{ 
    background-position: 800px 0px;
}

.modStage .icon.galerie
{  	
    background-position: -800px 0px;
}

.modStage .dachzeile
{ 
	width: 49%;	
	float: right;
	clear: right;
}

.modStage  h4.headline
{	
	font-size: 1.5em;
}

.modStage  h3.headline
{	
	font-size: 1.25em;
}

.modStage  .teasertext
{ 
	width: 49%;	
	float: right;
	clear: right;
}

.modStage .linklist
{ 
	width: 49%;	
	float: right;
	clear: right;
}

/*** ENDE modStage ***/


/*** modStopper ***/
.modStopper .ressort
{		
	display:none;
}

.modStopper  .mediaCon
{	
	margin: 0;
}

.modStopper .viewB .mediaCon
{
    width: 50%;
}

.modStopper .viewC .mediaCon
{
    width: 75%;
}

.modStopper .dachzeile
{ 
	display:none;
}

.modStopper .headline
{ 
	display:none;
    font-weight: bold;
    margin-bottom: 4px;
}

.modStopper .viewB .headline
{
    display:block;
    width: 49%;
    float: right;
}

.modStopper .viewC .headline
{
    display:block;
    width: 24%;
    float: right;
}

.modStopper  .teasertext
{ 
	display:none;
    font-family: Thesis;
    font-size: 0.95em;
}

.modStopper .viewB .teasertext
{
    display:block;
    width: 49%;
    float: right;
}

.modStopper .viewC .teasertext
{
    display:block;
    width: 24%;
    float: right;
}

.modStopper .linklist
{ 
	display:none;
}

/*** ENDE modStopper ***/

/*** modTable ***/

.modTable 
{
	clear: both;
}

.modParagraph .modTable .headline
{
	font-size: 1.25em;
}

.modTable .table
{
	clear: both;
    width: 100%;
    float: left;
    overflow-x: auto;
    position: relative;
    overflow: hidden;    
}

.modTable .table table
{
    width: 100%;
    float: none;
}

.modTable .table table td
{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #a3c3d7;	
}

.modTable .table table th
{
	padding: 6px 4px 6px 4px;
	color: #fff;
	background: #001a4b;
}

.modTable .table table th.sorted
{
background: #396192 url('../img/base/icon/arrow_table.png') no-repeat  right 0;
cursor: pointer;
}

.modTable .table table th.sorted.reversed
{
background: #396192 url('../img/base/icon/arrow_table.png') no-repeat  right -100px;
cursor: pointer;
}


.modTable .table table th a
{
	color: #fff;
}

.modTable .table table.fixed
{
	width: auto;
	float: left;
}

.modTable .table .scrollTableContainer
{
	overflow-x: auto;
	overflow-y: hidden;
}

.modTable .headlines
{ 
    background-color: #aaa;
    color: #fff;
}

.modTable .headlines .entry
{
    vertical-align: middle;
}


.modTable .tableControlButton{
	display: block;
	float: left;
	width: 100%;
}

.table tr:nth-child(even) {
	background: #fff;
}

.table tr:nth-child(odd) {
	background: #f4f3ed;
} 

/*** Tabellen Quelle  ***/

.modTable table tr.quelle td {
	border: 0 none;
	color: #666666;
	font-size: 0.8em;
	padding: 2% 1.5% 2% 2%;
	text-align: right;
	line-height: 1.2em;
}

.modTable table tr.quelle td a {
	color: #666666;
	text-decoration: underline;
}

.modTable table tr.quelle td a:focus, .modTable table tr.quelle td a:hover {
	color: #000;
}

tr.quelle td span {
	padding-left: 1%;
}

/*** ENDE modTable ***/

/*** modTagcloud ***/
.modTagcloud .linklist .list
{
    border: none;
}

.modTagcloud .linklist .list li
{
    border: none;
    width: auto;
    padding-right: 12px;
    display: table;
    float: left;
}

.modTagcloud .linklist .list li a
{
    display: table-cell;
    vertical-align: bottom;
    height: 30px;
}

.modTagcloud .controls .labels .entries
{
    padding: 0 8px 0 8px;
}

/*** ENDE modTagcloud ***/

/*** modTeaseronly ***/

.modTeaseronly .linklist
{ 
	display:none;
}

/*** ENDE modTeaseronly ***/

/*** modTicker ***/
.modTicker .linklist ul.liveticker {
    /* border-top: 1px solid #FF8400; */
    clear: both;
    list-style-position: inside;
    margin: 0;
    position: relative;
}

.modTicker .linklist ul.liveticker a {
	padding: 0;
}

.modTicker .linklist ul.liveticker li:hover 
{
	background: #e9ebef;
}


.modTicker .linklist ul.liveticker li {
    /* border-bottom: 1px solid #FF8400; */
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.modTicker .linklist ul.liveticker li span.paarung {
    float: left;
    padding: 3px 0 3px 0;
    width: 72%;
}
.modTicker .linklist ul.liveticker li span.result {
    /* background: #cee6f5; */
    float: left;
    padding: 3px 0 3px 0;
    text-align: center;
    width: 28%;
}
.modTicker .linklist ul.liveticker li span.result.live, 
.modTicker .linklist ul.liveticker li span.result.finished 
{
    letter-spacing: 2px;
}
.modTicker .linklist ul.liveticker li span.result.live 
{
    color: #B40000;
}

.ardLinkList ul.liveticker li strong 
{
    font-weight: bold;
}
/*** ENDE modTicker ***/


/*** page ***/

.conHeadline
{
	font-size: 1.7em;		
	line-height: 120%;	
	margin: 0 0 0 0;
    width: 98%;
    padding: 8px 1% 2px 1%;
	float: left;
	color: #001a4b;
	font-weight: normal;
	position: relative;
	z-index: 2;
}

.sectionB .conHeadline
{
    width: 98%;
    padding: 6px 1% 6px 1%;

}

.sectionZ .conHeadline {
    width: 96.5%;
    padding: 10px 2% 6px 1.5%;
}

.section.sectionZ .con 
{
	margin-top: 0px;
}

.sectionB .conHeadline {
    width: 97%;
    padding: 6px 1.5% 6px 1.25%;
}

.sectionC .conHeadline 
{
    width: 96%;
    padding: 6px 2% 6px 2%;
}



.collapseArrow
{
    width: 20px;
    height: 20px;
    background: url("../img/base/icon/arrow_collapsible.png") no-repeat scroll 0px -20px transparent;
    margin-right: 4px;
    margin-top: 6px;
    }

.collapsed .collapseArrow
{
    background: url("../img/base/icon/arrow_collapsible.png") no-repeat scroll 0px 0px transparent;
}

.legende .collapseArrow,
.wetter .collapseArrow
{
	margin-top: 0;
}

.modParagraph h4.subtitle.faqTrigger,
.modParagraph h2.subtitle.faqTrigger{
	float: left;
	width: 80%;
}

.modParagraph h4.subtitle.faqTrigger .collapseArrow,
.modParagraph h2.subtitle.faqTrigger .collapseArrow

{
	margin-top: 1px;
}


.modParagraph div.faqEntry{
	display: block;
	float: left;
	clear: both;
	width: 100%;
}

/* @group controls */


/************ MODULE-CONTROLS: SLIDER/PAGING ************/

/* .button, z.B. fuer Social Media */

.button, .button a,
div.button.share.collapsed, div.button.like.collapsed,
.modSocialbar .likeCon, 
.mod .controls.buttonfield a,
.mod .controls .labels .entry.active,
.modQuiz.voting .voteresult .link
{
	background: #396192; /* Old browsers */
	background: -moz-linear-gradient(top,  #0e4798 0%, #001c4c 101%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e4798), color-stop(100%,#001c4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0e4798 0%,#001c4c 101%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0e4798 0%,#001c4c 101%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0e4798 0%,#001c4c 101%); /* IE10+ */
	background: linear-gradient(to bottom,  #0e4798 0%,#001c4c 101%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4798', endColorstr='#001c4c',GradientType=0 ); /* IE6-9 */
}


.mod .controls .labels .entry
{
	background: #fff;
}

.button:hover, 
.button a:hover, 
.mod .controls .labels .entry:hover
.mod .controls .labels .entry a:hover
.mod .controls.buttonfield:hover,
.mod .controls.buttonfield a:hover,

{
    color: #fff;
    background: #0e4798;
}

.button
{
    font-size: 1em;
    margin: 0 2px 2px 0;
    padding: 0 0 0 0;
    float: left;
    width: auto;
    cursor: pointer;
    letter-spacing: 1px;
    text-transform: uppercase;
   	color: #fff;
}

.button a
{
    float: left;
    padding: 7px 8px;
    color: #fff;    
}



/* 
controls.sliding = normale Slider 
controls.paging = mit Seitennavigation
controls.buttonfield = Buttons mit Beschriftung 
*/

/* Regulaere Slider Controls */

.mod .controls
{
	float: left;
	width: 100%;
	padding: 0 0 0 0;
	text-transform: uppercase;
}

/* Holder fuer Buttons (Pfeile und Beschriftung) in den Controls */

.mod .controls .buttons
{
	float: left;
	width: 100%;
    height: 46px;
	margin: 0;
}

.mod .controls.sliding
{
	border-top: 2px solid #fff;
}

/* zurueck-Button in den Slider Controls */

.mod .controls .prev, 
.mod .controls .next
{ 
	background: none;
	float: left;
	height: 46px;
	width: 46px;
    margin-left: 0;
    position: relative;
    z-index: 9;
}

/* Aktiver zurueck_button */
.mod .controls.sliding .prev.active
{
    background: url('../img/base/icon/arrow_slider.png') no-repeat -7px -100px; 
}

/* focus und hover zurueck_button */
.mod .controls.sliding a.prev.active:focus,
.mod .controls.sliding .prev.active:hover
{
	background: url('../img/base/icon/arrow_slider.png') no-repeat -7px -300px; 
}

/* Passiver Weiter_button */
.mod .controls.sliding .next
{
	background: url('../img/base/icon/arrow_slider.png') no-repeat -7px -5000px;
	float: right;
    margin-right: 0;
}

/* Aktiver next_button */
.mod .controls.sliding .next.active
{
    background: url('../img/base/icon/arrow_slider.png') no-repeat -7px 0px;
 }

/* focus und hover next_button */ 
.mod .controls.sliding a.next.active:focus, 
.mod .controls.sliding .next.active:hover
{
    background: url('../img/base/icon/arrow_slider.png') no-repeat -7px -200px;
 }

/* Controls fuer Buttons */

/* hover spezialfall fuer beschriftetete Buttons */ 

.mod .controls.buttonfield
{    
	width: 100%;
    background: none;
}

.mod .controls.buttonfield a.prev,
.mod .controls.buttonfield a.next
{
	text-align: center;
	font-size: 1em;
	letter-spacing: 1px;
	color: #fff;
}

/* zurueck-Button in den beschrifteteten Buttons */

.mod .controls.buttonfield a.prev
{    
	float: left;
	width: auto;
	padding: 8px;
	margin: 0 0 0 0;
	height: auto;
	min-width: 120px;

}

/* vorwaerts-Button in den beschrifteteten Buttons */
.mod .controls.buttonfield a.next
{    
	float: right;
	width: auto;
	padding: 8px;
	margin: 0 0 0 0;
	height: auto;
	min-width: 120px;

}

/*
.mod .controls.buttonfield a.next:hover,
.mod .controls.buttonfield a.prev:hover
{
    background: #396192;
    color: #fff;
}
*/
/* Labels sind in den Controls die Seiten oder Umschalter */

.mod .controls .labels
{
    width: 100%;
    margin: -46px 0 0 0;
    float: left;
    visibility: hidden;
    position: relative;
    z-index: 1;
}

.mod .controls .labels .entries
{
    display: table;
    margin: auto;
    width: auto;
    padding: 6px 50px 6px 50px;
    visibility: visible;
    height: 24px;
    
}

.mod .controls.sliding .labels .entries
{
    padding: 14px 70px 0 70px;
}

.mod .controls .labels .entry
{
    margin: 4px 2px 0 0;
    float: left;
    cursor: pointer;
}


/* entry fuer slider */
.mod .controls.sliding .labels .entry
{
    width: 16px;
    height: 10px;
}

.mod .controls.paging .labels .entry
{
    padding: 0;
}

/* Subshell: Temporäre (03.01.13) Erweiterung für das Paging in GSA Suchen 
   Kann nach der Anpassung des Layouts wieder entfernt werden
*/
.mod .controls.paging .labels .entry.inactive a {
	#background-color: #fff;
	color: gray;
}

.mod .controls.paging .labels .entry.inactive a:hover {
	background: #396192; /* Old browsers */
	background: -moz-linear-gradient(top,  #b6b4ab 0%, #898881 101%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b4ab), color-stop(100%,#898881)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b6b4ab 0%,#898881 101%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b6b4ab 0%,#898881 101%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b6b4ab 0%,#898881 101%); /* IE10+ */
	background: linear-gradient(to bottom,  #b6b4ab 0%,#898881 101%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b4ab', endColorstr='#898881',GradientType=0 ); /* IE6-9 */
	color: gray;
}

.mod .controls.paging .labels .entry a
{
    padding: 7px 8px 7px 8px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}

.mod .controls.paging .labels .entry
{
	background: #396192; /* Old browsers */
	background: -moz-linear-gradient(top,  #0e4798 0%, #001c4c 101%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0e4798), color-stop(100%,#001c4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0e4798 0%,#001c4c 101%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0e4798 0%,#001c4c 101%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0e4798 0%,#001c4c 101%); /* IE10+ */
	background: linear-gradient(to bottom,  #0e4798 0%,#001c4c 101%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e4798', endColorstr='#001c4c',GradientType=0 ); /* IE6-9 */
}

.mod .controls.paging .labels .entry a:hover
{
	background: white;
	color: #001A4B;
}

.mod .controls .labels .entry.active
{
    background-color: #fff;
}

.mod .controls .labels .entry.active a
{ 
	background-color: #fff;
	color: #001a4b;
}

/* Verwendung unklar */
.mod .controls .info
{
    float: left;
    margin: 0 0 0 25px;
    background: green;
}
/* @end */


/* @group breadcrumb */

.breadcrumb
{
	width: 100%;
	float: left;
	margin: 12px 0 12px 0;
}

.breadcrumb ul
{
	width: 100%;
	float: left;
}

.breadcrumb ul li
{
    float: left;
    margin: 0 20px 0 0;
    padding: 0 0 0 16px;
    width: auto;
    color: #fff;
	font-weight: normal;
	font-size: 100.01%;
    background: url("../img/base/icon/arrow_breadcrumb.png") no-repeat scroll 0px -100px;
}

.breadcrumb ul li:first-child
{
    background: url("../img/base/icon/arrow_breadcrumb.png") no-repeat scroll 0px 0;
}

.breadcrumb ul li a
{
    color: #fff;
    text-transform: none;
    letter-spacing: 0;
}

.breadcrumb ul li a:hover
{
	text-decoration: underline;
}

/* ENDE PAGE */


/*** modThumbnail ***/

body.tagesschau .modThumbnail .box.active, 
body.tagesschau .modThumbnail .box:hover,
body.tagesschau .modThumbnail .box:hover a
{
	background-color: #001a4b;
	color: #fff;
	background-image: none;
}



.mod.modThumbnail a.linkflaeche{
	display: block;
}

.mod.modThumbnail .dachzeile
{
    width: auto;
    float: none;
}

.mod.modThumbnail .headline
{
    width: auto;
    float: none;
}

.mod.modThumbnail  .teasertext
{
    width: auto;
    float: none;
}

.mod.modThumbnail .linklist
{
    width: 100%;
    float: left;
    clear: right;
}


.mod.modThumbnail .mediaCon {
    margin-right: 1%;
    width: 25%;
}

.mod.modThumbnail .dachzeile {
    float: none;
    width: auto;
}


.mod.modThumbnail .headline {
    float: none;
    width: auto;
}
.mod.modThumbnail .teasertext {
    float: left;
    width: 70%;
}
.mod.modThumbnail .linklist {
    clear: right;
    float: left;
    width: 100%;
}

/*** ENDE modThumbnail ***/



/* TS-SPEZIFISCH */

ul.bab{
	margin-top: .3em;
}

ul.bab li{
	border-bottom: solid 1px black;
}

ul.bab li.choosenOne{
	font-weight: bold;
}

ul.babClosed{
	margin-top: .4em;
}

#babDateNav{
	font-weight: bold;
	border-bottom: solid 1px black;
	margin: 0.4em 0em .2em 0;
	padding-bottom: .2em;
}

#babByDate ul{
	border-bottom: solid 1px black;
	margin: 0em 0em .2em 0;
}

.inv{
	display: none;
}

/* TAGCLOUD */
.level1{
	font-size: 0.7em;
}
.level2{
	font-size: .8em;
}
.level3{
	font-size: .9em;
}
.level4{
	font-size: 1em;
}
.level5{
	font-size: 1.1em;
}
.level6{
	font-size: 1.2em;
}

/* META */

div.metainfo{
	font-size: 1.2em;
	display: block;
	clear: both;
	font-weight: bold;
	margin-bottom: 5px;
}

div.item-list li{
	float: left;
	margin-right: 8px;
}

body.meta{
	background: none;
}

/* MISC */
.clearMe{
	clear: both;
}

.subnavi .ressorts li.right, .right{
	float: right;
}

/* WETTER */

#stationmap{
	position: relative;
}

div.stationenNavi{
	position: absolute;
	top: 200px;
	padding: 8px;
	background: white;
}

.wetter .modParagraph .modTable
{
	margin-top: 0;
}

.wetter .mod h3.headline,
.wetter .box h3.headline,
.wetter h3.subtitle
{
    font-size: 1.25em;
}

/* FAQ */
.modParagraph .buttons{
	margin-left: 5%;
    margin-right: 5%;
}

.buttons {
	display: block;
}

h4.hasArrow,
h2.hasArrow{
	padding-right: 30px;
}


.regionalentry{
    clear: both;
    float: left;
    width: 100%;
}


.tagesschau .modInhaltstypTgs .box {
    background: none repeat scroll 0 0 white;
    margin-bottom: 0px;
}
.tagesschau .modInhaltstypTgs .box div {
    background: none repeat scroll 0 0 #1a408b;
    margin: 0px;
}

.mod .twoImages .mediaB{
	margin: 0;
}

.tagesschau .modInhaltstypTgs .box div h2 a {
    color: white;
}
.tagesschau .modInhaltstypTgs .box div h2,
.tagesschau .modInhaltstypTgs .box div h1 {

    color: white;
    font-family: Thesis,helvetica,sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    padding: 0.78em 16px;
    text-transform: uppercase;
}


.tagesschau .sectionArticle .modInhaltstypTgs .box div h2 {
	padding-left: 3.3%;
}




/*** div.button ***/

div.button.collapsed{
	background: #ccc;
	color: #666;
}

div.button.collapsed:hover{
	cursor: pointer;
}

div.button:hover{
	cursor: pointer;
}

div.button.active a{
	background: #a3d4ec;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a3d4ec', endColorstr='#a3d4ec',GradientType=0 ); /* IE6-9 */
	color: #001a4b;
}

div.button.all
{
	float: right;
	padding: 7px 8px; 
	width: 10em;
	text-align: center;
	-moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
}



/*** ende div.button ***/



/************ modIFrame ************/

.modIFrame .box {
    line-height: 0px;
    padding-top: 0px;
}

.modIFrame .legende
{
	margin-top: 0px;
/*	margin-bottom: 16px; */
	background: #e9e9e9;
	float: left;
	width: 100%;
	overflow: hidden;
}

.modIFrame .legende .seperateFields
{
	margin-top: 0;
}

.modIFrame .legende h3, .modIFrame .legende .inhalt{
	margin: 8px;
	padding: 0px;
	width: 98%;
}

.legende .modForm .seperateFields fieldset,
.modParagraph .mediaInfo .modForm .seperateFields fieldset
{
	padding: 0 3% 3% 3%;
}

.legende .seperateFields .controls,
.mediaInfo .seperateFields .controls
{
	margin: 12px 0; 
}

.modParagraph .mediaInfo .modForm .seperateFields .teasertext
{
	padding: 0 0 0 8px;
	width: 96%;
	
}

.modParagraph .mediaInfo .modForm .seperateFields .teasertext .collapseArrow
{
	margin-top: 0; 
}

.sectionA .modA.modIFrame:first-child .box {
	background: transparent;
}

.sectionA .modA.modIFrame:first-child .box .legende
{
	margin-bottom: 0;
}

.sectionA .modA.modIFrame .modSharing,
.sectionA .modConGallery .modSharing
{
	float: left;
	clear: both;
}

.modParagraph .mediaCon .socialMedia{
	float: left;
	clear: both;
	padding-left: 8px;
}


.sectionA .modConGallery .modSharing .shareCon
{
	padding-left: 0px;
} 

.sectionA .modConGallery .modSharing .fixedSharingContainer
{
	margin-left: 0;
}

.sectionA .modA.modIFrame .modSharing .shareCon
{
	padding-left: 0;
	width: 100%;
}



.modParagraph .mediaCon .modSharing .shareCon
{
	padding: 0;
	width: 100%;
}

.modParagraph.modRundown .mediaCon .modSharing .shareCon{
	padding-left: 0;
}


.modParagraph .mediaCon .modSharing .shareCon .shares{
	margin-bottom: 0;
}

.modParagraph .mediaCon .modSharing .shareCon .shares img{
	width: 30px;
	height: 30px;
}

.modParagraph .mediaCon .modSharing .shareCon .shares li,
.modParagraph .mediaCon .modSharing .shareCon .shares li span{
	width: 30px;
	height: 30px;
}

.modParagraph .mediaCon .modSharing .shareCon .shares li span:hover,
.modSharing .shareCon .shares li span:hover{
	cursor: pointer;
}

.modParagraph .mediaCon .mediaA .modSharing a:focus img,
.modParagraph .mediaCon .mediaA .modSharing a:focus{
	border: none;
	margin: 0;
	line-height: 0;
}

.modSharing.sharingBar {
display: block;
    float: left;
    height: auto;
    width: 100%;
}

.modSharing.sharingBar .nachoben a{
	background: transparent url("../img/base/icon/arrow_collapsible.png") no-repeat scroll 0 -20px;
	padding-left: 25px;
}

/* MultimediaButtons */

div.multimediaButtons{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 36px;
}

.mod div.multimediaButtons a.icon{
	position: relative;
	display: block;
	margin-top: 4px;
}

.poweruser
{
	float: left;
	margin: 8px 0 8px 0;
	display: block;
	color: #fff;
}


.poweruser span
{
	float: left;
	margin: 2px 6px 10px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.poweruser ul
{

	float: left;
}

.poweruser ul li
{
    float: left;
    margin: 0 6px 0 0;
    padding: 0 0 0 0;
    width: auto;
    color: #fff;
	font-weight: normal;
}

.poweruser ul li a
{
padding: 4px 10px 4px 10px;
background: #193c89; /* Old browsers */
background: -moz-linear-gradient(top,  #193c89 0%, #001a4b 101%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#193c89), color-stop(100%,#001a4b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #193c89 0%,#001a4b 101%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #193c89 0%,#001a4b 101%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #193c89 0%,#001a4b 101%); /* IE10+ */
background: linear-gradient(to bottom,  #193c89 0%,#001a4b 101%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#193c89', endColorstr='#001a4b',GradientType=0); /* IE6-9 */
}

.poweruser ul li a:hover,
.poweruser ul li a:focus,
.poweruser ul li a:active

{
	background: #fff;	
	color: #001a4b;
}

.poweruser ul li.active
{
	background: #fff;

}

.poweruser ul li.active a
{
	color: #001a4b;
	background: #fff;
}

.poweruser ul li a
{
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.poweruser ul li a:hover
{
	text-decoration: underline;
}

/* ENDE TS-SPEZIFISCH */


/* UI-Datepicker */
/*!
 * jQuery UI CSS Framework 1.8.23
*
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.xxxui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Component containers
----------------------------------*/
.ui-widget 
{ 
font-size: 1em; 
background: #fff;
-webkit-box-shadow: 1px 3px 10px #8f8f8f; /* webkit browser*/ 
-moz-box-shadow: 1px 3px 10px #8f8f8f; /* firefox */ box-shadow: 1px 3px 10px #8f8f8f;
}

.ui-widget .ui-widget {  }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 0; color: #001a4b; }
.ui-widget-content a { color: #333333; }
.ui-widget-header 
{ 
border: 0; color: #001a4b; font-weight: bold; 
font-size: 1.2em;
border-bottom: 1px solid #516384;
height: 42px;
}
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, 
.ui-widget-content 
.ui-state-default, 
.ui-widget-header 
.ui-state-default 
{ border: 0; background: #fff; color: #001a4b; }
.ui-state-default a, 
.ui-state-default a:link, 
.ui-state-default a:visited 
{ color: #1c94c4; text-decoration: none; }

.ui-state-hover, 
.ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, 
.ui-state-focus, .ui-widget-content .ui-state-focus, 
.ui-widget-header .ui-state-focus ,
.ui-state-highlight:hover,
.ui-widget-content .ui-state-highlight:hover, 
.ui-widget-header .ui-state-highlight:hover,
.ui-state-highlight.ui-state-active, .ui-widget-content .ui-state-highlight.ui-state-active
{ border: 0; background: #001a4b; font-weight: bold; color: white; }

.ui-state-hover a, 
.ui-state-hover a:hover 
{ 
color: white; text-decoration: none;
background: 001a4b;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active 
{ border: 0; background: #001a4b; font-weight: bold; color: white; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, 
.ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight  
{ border: 0; background: #e9ebef; color: #001a4b; }

.ui-state-highlight a, 
.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a 
{ 
background: #e9ebef;
color: #001a4b; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 0; background: #b81900; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; }
.ui-widget-content .xxxui-icon { }
.ui-widget-header .xxxui-icon { }
.ui-state-default .xxxui-icon {  }
.ui-state-hover .xxxui-icon, .ui-state-focus .xxxui-icon { }
.ui-state-active .xxxui-icon { }
.ui-state-highlight .xxxui-icon { }
.ui-state-error .xxxui-icon, .ui-state-error-text .xxxui-icon { }



/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl 
{  }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr 
{  }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl 
{  }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br 
{  }

/* Overlays */
.ui-widget-overlay { background: #666666 50% 50%; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 50% 50%; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/*!
 * jQuery UI Resizable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*!
 * jQuery UI Selectable 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*!
 * jQuery UI Datepicker 1.8.23
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { padding: 4px; display: none; }

.ui-datepicker .ui-datepicker-header 
{ position:relative; padding:.2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next 
{ 
position:absolute; top: 0; width: 46px; height: 46px; 
margin-bottom: 4px;
}

.ui-datepicker .ui-datepicker-prev-hover, 
.ui-datepicker .ui-datepicker-next-hover 
{ top: 0;
cursor: pointer;
 }

.ui-datepicker .ui-datepicker-prev 
{ 
left:0;
background: #fff url("../img/base/icon/arrow_slider.png") no-repeat center -500px;
 }
.ui-datepicker .ui-datepicker-next 
{ right:0; 
background: #fff url("../img/base/icon/arrow_slider.png") no-repeat center -400px;

}

.ui-datepicker .ui-datepicker-prev-hover 
{ 
background: #fff url("../img/base/icon/arrow_slider.png") no-repeat center -700px;

}
.ui-datepicker .ui-datepicker-next-hover { 
right:0; 
background: #fff url("../img/base/icon/arrow_slider.png") no-repeat center -600px;

}

.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span 
{ display: block; 
position: absolute; 
left: 50%; margin-left: -100000px; 
top: 50%; margin-top: -100000px;  

}

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }

.ui-datepicker td span, 
.ui-datepicker td a 
{ display: block; padding: 8px 12px 8px 12px; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}


img.ui-datepicker-trigger
{
	width: 46px;
	height: 46px;
	cursor: pointer;
	float: left;	
	margin: -6px 0 0 4px;
}

/* INLINE */

.inline .modGallery .box, .inline .modHead .box, .inline.teaserslider, .inline.teaserslider .mod, .inline.teaserslider .box
{
	background: #e9e9e9;
}

.sectionZ .modParagraph .inline .modD{
	width: 100%;
}


/* META-BLOCK */
	/* Überschreibung von Styles für diesen speziellen Fall */
							
	.mod.modConComments h3.headline{
		margin-bottom: 12px;
	}						
							
							
	.metaAdditionalEntry {	
		/* identisch mit .modConComments .collapseControl aus base.css ohne tex-align. Style gedoppelt, um Vererbung auf .collapseControl a zu verhindern */
		border-bottom: 1px solid #bac5d9;
		border-top: 1px solid #bac5d9;
		float: left;
		margin: 0%;
		padding: 0;
		/* text-align: right; */
		width: 100%;
		line-height: 100%;
		clear: both;
		position: relative; 
		cursor: pointer;
		margin-top: -1px;
	}

	.metaAdditionalEntry.showAll a:hover {	
		text-decoration: underline;
	}

	.metaAdditionalEntry.showAll a:hover {	
		background: #e9ebef;
		text-decoration: none;
	}
							
	.metaAdditionalEntry div.bewertungen, .metaAdditionalEntry div.taxonomy { 
			/* Abstände und borderdefinitionen aus meta.css zurücknehmen */
			margin: 0;
			border-top: 0 none;
	}
							
	.metaEntryPadding, .metaAdditionalEntry.showAll a { 
		padding: 6px 0 2px 0; line-height:125%; 
		display: block;
	}
	
	.floatLeft { text-align: left; }
				
	.modConComments .subline strong, .modConComments .text { font-style: italic; }

/* Boersenbox */

.floatright { float: right; }
#boersenbox a { float: left; } 
#boersenbox .mediaLink img { width: 100%; }
#boersenbox .tendency { display: block; float: right; text-align: right; width: 4.5em;  }
#boersenbox h4 .tendency { width: 3.8em; }

#boersenbox .down { color: #8a1019; }
#boersenbox .up { color: #2c7f19; }

#boersenbox .linklist li .floatright
{
	padding: 3px 1px 3px 0;
}

#boersenbox .linklist li .floatright .tendency,
#boersenbox h4.headline .floatright .tendency
{
	padding-left: 4px;
}

/* Überschreibungen - Chartgrafik in allen Views auf 100%, Linkliste mit Kursen immer sichtbar */
#boersenbox .mod .mediaCon { width:100% !important; }
#boersenbox .mod .linklist { display: block; }
#boersenbox .mod .headline { float:none !important; }


#boersenbox .modA .box
{
	padding-left: 0px;
}

/* Animation */			

.animation .modHead .box
{
	background: transparent;
	padding-top: 0;
	padding-bottom: 0;
	overflow: visible;
}

.animation .modHead h2.headline
{
	margin: 0;
}	

/*** Archiv ***/

.archiv .modParagraph .small
{
	margin-left: 0;
	margin-right: 0;
}

.archiv .modList h3.headline
{
	font-size: 1.2em;
}

.archiv .modList .mediaCon
{
	margin-top: 0;
}

.archiv #euform .submitfield .unitA span.unitA 
{
	margin-top: 8px;
}

/* PRINT VERSION Ausblenden des Printheaders */

#printbox 
{
	display: none;
}

/* BILDWISCHER */

.mod.modBildwischer .mediaCon, .mod.modBildwischer .mediaCon .img, .mod.modBildwischer .mediaCon .media{

}

div.bildwischer{
	position: relative;
	display: block;
	width: auto;
	float: left;
	clear: both;
	overflow: visible;
}


.modBildwischer p.teasertext{
	padding: 1%;
	width: 98%;
}


div.bildwischer .box.bildwischer, div.bildwischer .mediaCon{
	padding-bottom: 0px;
	margin: 0px;
}

div.bildwischer .on{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	top: 0;
	left: 0;
}

div.bildwischer .off{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: auto;
	width: 30%;
}

div.bildwischer .off .maske{
	overflow: hidden;
	float: left;
	display: block;
	border-right: solid 1px white;
	width: 100%;
}

div.bildwischer .anfasser{
	width: 43px;
	height: 100%;
	background: url('../img/base/icon/arrow_bildwischer.png') left center no-repeat transparent;
	position: absolute;
	right: -22px;
	z-index: 10000;
	float: left;
}

div.bildwischer .anfasser:hover{
	cursor: pointer;
}

div.bildwischer .explain, .modBildwischer .explain{
	font-size: .8em;
	padding: 4px;
}

div.bildwischer img {
	cursor: default;
}


/** Vertikal **/

div.bildwischer.vertical{
	width: 100%;
}

div.bildwischer.vertical .on{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	top: 0;
	left: 0;
	height: auto;
	display: block;
}



div.bildwischer.vertical .off{
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 30%;
	width: 100%;
}

div.bildwischer.vertical .off .maske{
	overflow: hidden;
	float: left;
	display: block;
	border-bottom: solid 1px white;
	width: 100%;
	height: 100%;
}

div.bildwischer.vertical .anfasser{
	width: 43px;
	height: 100%;
	background: url('../img/base/icon/arrow_bildwischer_vertical.png') top right no-repeat transparent;
	position: absolute;
	bottom: -22px;
	height: 44px;
	width: 100%;
	right: 40px;
	z-index: 10000;
	float: none;
}

/* BILDWISCHER INLINE */

.inline .mod.modBildwischer, .inline .mod.modBildwischer .box{
	background: #E9E9E9;
}

/*** Kommentare ***/
.meta .comment-published p, .meta .comment-preview p
{
	margin-bottom: 8px;
}

/* Eventfeed-Teaser (z.B. f. Wintersport, Olympia, ...) */
.mod .teaser.externalfeedsport .ressort.sport{
	background: none repeat scroll 0 0 #FF6600;
	color: #FFF;
	margin: 0 0 2px;
	padding: 3px 0;
	text-indent: 8px;
}		
	
.mod .teaser.externalfeedsport .linklist .list li:last-child {
	border-bottom: 2px solid #FF6600;
}	

.mod .teaser.externalfeedsport.nobottomborder .linklist .list li:last-child {
	border-bottom: 1px solid #9DADC7;
}	


.teaser.externalfeedsport .componentheader .mediaCon,
.externalfeedsport .componentheader .mediaCon{
					width: 100%;
				}
				
.teaser.externalfeedsport .componentfooter .mediaCon,
.externalfeedsport .componentfooter .mediaCon{
	width: 100% !important;
}
				
.teaser.externalfeedsport .componentfooter,
.externalfeedsport .componentfooter{
		float: left;
		width: 100%;
		position: relative;
}

.teaser.externalfeedsport .componentfooter.buttons,
.externalfeedsport .componentfooter.buttons{
		padding-bottom: 8px;
/*		border-bottom: 2px solid #FF6600; */
}
				
.sectionZ .teaser.externalfeedsport .olympiabuttons{
		padding: 0px 0px 8px 0px;
}

.sectionA .teaser.externalfeedsport .olympiabuttons{
		padding: 8px 0px;
}


body.tagesschau .modComponentheader .box{
	background: none;
	padding-bottom: 0;
}

body.tagesschau .modComponentheader .box .mediaCon{
	margin-bottom: 0;
}

body.tagesschau .externalfeedsport.sliderCon .modComponentheader .box,
body.tagesschau .externalfeedsport.sliderCon .modComponentheader{

}

body.tagesschau .externalfeedsport.sliderCon .controls.sliding .buttons{
	border-bottom: solid 1px white;
}


body.tagesschau .externalfeedsport.sliderCon .modComponentFooter .box,
body.tagesschau .externalfeedsport.sliderCon .modComponentFooter{
	background: none;
	background: #e2e1dc;
}

body.tagesschau .externalfeedsport .modComponentFooter .buttons{
	float: left;
	width: 100%;
}


/** TWEET **/
		.modParagraph .infokasten .tweet .mediaCon,
		.modParagraph .infokasten .tweet .mediaCon .mediaA 
		{
		    margin-left: 0;
		    margin-right: 0;
		    width: 100%;
		}
	
		.modParagraph .tweet{
			padding: 4px;
		}
		.modParagraph .tweet .user{
			width: 100%;
			display: block;
			float: left;
			font-size: 0.9em;
		}

		.tweet .user .profile_image_url,
		.tweet .user .username{
			float: left;
		}
		
		.modParagraph .tweet .user .screen_name a{
			font-size: .9em;
			color: #666;
		}
		
		.modParagraph .tweet .user .username span{
			padding-left: 8px;
			padding-bottom: 2px;
			float: left;
			line-height: 1em;
			display: block;
			clear: both;
		}
		
		.modParagraph .tweet .text{
			width: 100%;
			float: left;
			margin-top: 8px;
			font-size: 1.1em;
		}
		
		.modParagraph .tweet .created_at{
			font-size: .9em;
			color: #666;
			width: 100%;
			float: left;
			border-top: solid 1px #999;
			padding-top: 8px;
		}
		
		.modParagraph .tweet .created_at .logo a{
			background: url("../img/base/icon/bookmark_icons.png") no-repeat scroll right -98px rgba(0, 0, 0, 0);		
			padding-right: 21px;
		}
/** ENDE TWEET **/

/** ZITAT **/

blockquote.zitat {
	border-left: 3px solid #eeeeee;
	color: #484747;
	margin: 0 5% 8px;
	padding: 2% 0 2% 6%;
}

/** ENDE ZITAT **/	

/* ####### BARRIEREFREI IMG ########## */

.mediaA a.mediaLink .img, .mediaA a.video img, .mediaA a.audio img, .mediaA a.galerie img, .media a.icon img
{
	display: block;
}

.teaser .mediaCon .mediaA a.mediaLink, .teaser .mediaCon .mediaA a.mediaLink img, .mediaA a.mediaLink
{
    float: left;
    overflow: hidden;
}

.mediaA a.video:focus, .mediaA a.galerie:focus, .mediaA a.audio:focus, .media a.icon:focus, .modParagraph .infokasten .mediaA a:focus img,
.modParagraph .mediaCon .mediaA a:focus img, .modParagraph .mediaLink
{
	overflow: hidden;
}
/*
.mediaA a.video:focus img, .mediaA a.galerie:focus img
{
	float: left;
}
*/
.slider .teaser, .modParagraph .slider .mediaCon, .slider .teaser .mediaCon .mediaA a.mediaLink, 
.slider .teaser .mediaCon .mediaA a.mediaLink img, .modPremium .teaser, .modClassic .teaser, 
.modMini .teaser, .modA .teaser, .modB .teaser, .modPicture .boxCon.slider .teaser, 
.teaser .mediaCon .mediaA, .modTeaseronly .teaser, .modParagraph .infokasten .mediaCon, .modParagraph .mediaCon.mediaTop,
.modParagraph .mediaCon.small.image, .modParagraph .mediaInfo, .teaser
{
	overflow: visible;
}

.modParagraph .infokasten .mediaA a:focus img,
.modParagraph .mediaCon .mediaA a:focus,
.teaser .mediaCon .mediaA a.mediaLink:focus,
.mediaA a.mediaLink:focus 
{
	border: 2px solid #001A4B;
}

.slider .box.active .teaser .mediaCon .mediaA a.mediaLink:focus 
{
	border: 2px solid #fff;
} 

.mediaA a.icon.video:focus, 
.mediaA a.icon.audio:focus, 
.mediaA a.icon.galerie:focus,
.media a.icon:focus
 {
	border: 2px solid #ffffff;
}
/* ## mubu in mediacon small ##  */

.mediaCon.small.image .mediaA a.icon.video:focus,
.mediaCon.small.image .mediaA a.icon.galerie:focus,
.mediaCon.small.image .media a.icon:focus
{
	border: none;
	margin: 0;
	overflow: visible;
}

.box.active .teaser .mediaCon .mediaA a.mediaLink:focus,
.mediaCon.small.image .mediaA a.icon.video:focus img,
.mediaCon.small.image .mediaA a.icon.galerie:focus img,
.mediaCon.small.image .media a.icon:focus img
{
	border: 2px solid #ffffff;
} 
/* ### ### */

.modParagraph .infokasten .mediaA a:focus img,
.modParagraph .mediaCon .mediaA a:focus,
.teaser .mediaCon .mediaA a.mediaLink:focus,
.mediaA a.mediaLink:focus    
{
	margin: -2px;
}

.mediaA a.icon.video:focus img, .mediaA a.icon.audio:focus img, .mediaA a.icon.galerie:focus img, .media a.icon:focus img
{
	margin: -2px;
	position: relative;
	left: 2px;
}

/*** #################### Search focus ##################### ***/
#header .searchInput:focus, 
.searchForm a.searchSubmit:focus
{
	background: #e9ebef;
}

/*** ################## SCHRIFTGRÖßE VARIABEL ################### ***/

.masternavi {
	height: 100%;
}

#header .searchBox form input, form, form input, #header .searchBox form, #header .searchBox input, #header div.searchBox, #header input.searchInput.active
{
	font-size: 100,01%;
}

/*** ################ Sublinks & Accesskeys ################ ***/
.skiplinks a
{
	position: absolute;
 	left:-200%;
    overflow: hidden;
    display: block;
}

ul.skiplinks li
{
	background: url("../img/base/masternavi/mn_tagesschau.png") repeat-x scroll 0 -75px transparent;
} 

.skiplinks a:focus
{
	position:relative;
    left:5px;
    top:0px;
    color: #fff;
    font-family: Thesis;
    overflow:visible;
    display: block;
    padding-bottom: 5px;
    margin: auto; 
}

/*** Hover und Focus f. Buttons und links Buttons  ***/

.headline a:hover, 
.dachzeile a:hover, 
.teasertext a:hover,
.teaser a:hover
{
	color: #545454;
}



.modStage.dark .teaserCon .linklist li a:focus {
	color: #000;
}

.button:focus, .button a:focus,
.controls .button a:focus,
.modForm .submitButton:focus,
.modSocialbar .button a:focus,
.modSocialbar .shares li a:focus,
.mod .controls.paging .labels .entry a:focus,
.mod .controls.paging .labels .entry.active a:focus,
#facebook tbody:focus,
.ui-datepicker-calendar td a:focus,
.ui-datepicker-calendar td.ui-datepicker-current-day a:focus, 
#user-login-form #edit-submit:focus,
.controls .buttons li.entry a:focus
{
	background: #2b1424;
	background: -ms-linear-gradient(top,  #2b1424 0%,#2b1424 101%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b1424', endColorstr='#2b1424',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

.button:hover, .button:active,  .button a:hover, .button a:active,
div.button.share.collapsed:hover, div.button.share.collapsed:active, div.button.like.collapsed:hover, div.button.like.collapsed:active,
.modSocialbar .likeCon:hover, .modSocialbar .likeCon:active, 
.mod .controls.buttonfield a:hover, .mod .controls.buttonfield a:active,
.mod .controls .labels .entry.active:hover, .mod .controls .labels .entry.active:active,
.modQuiz.voting .voteresult .link:hover, .modQuiz.voting .voteresult .link:active
{
	background: #0e4798;
}

.controls .button.active a:focus,
.modSocialbar .button.agree a:focus
{
	color: #ffffff;
}

.modParagraph .mediaCon .mediaA .mediaInfo .controls .button a:focus
{
	border: 0 none;
	margin: 0;
}

.wetter li a:focus
{
    color: #000;
    text-decoration: underline;
}

/*
.ui-datepicker-calendar td a:focus
{
	background: #a9a9a2;
}*/

.table td.entry a:focus
{
	color: #000;
}

.table td.entry a:hover
{
	color: #626262;
}

form.separateFields .teasertext strong:focus
{
	color: #04adf3;
}


/*** ################ Footer Links ################ ***/

#footer li a:focus 
{
	color: #05b5ff;
}

#footer li a:hover 
{
	color: #bbbaba;
}

/* ################# Meta / Wetter ########################## */

.meta .view-Schlagworte a:focus {
	background: #1c3c88;
	color: #fff;
	padding: 4px 0;
}

.wetter .modParagraph .mediaCon {
	overflow: visible;
}

.wetter .modParagraph .mediaCon .mediaA {
	margin-bottom: 10px;
}



/*** sectionA-Rundown ***/
	
		.modRundown .box.xlrundowncontent{
			padding-bottom: 350px;
		}
	
		.modRundown h1 span.dachzeile{
			display: block;
			margin-bottom: 10px;
			font-size: 1.2em;
		}
		
		.mod.modRundown h1 .headline{
			display: block;
			font-size: 2em;
			margin-bottom: 10px;
			line-height: 1.2em;
		}

		.mod.modRundown h1{
			display: block;
			float: left;
			width: 100%;
			padding-top: 16px;
		}
		
		.modParagraph.modRundown span.stand {
			text-align: left;
		}
	
	 	.sectionA .modParagraph .small {
		    margin-left: 10%;
		    margin-right: 10%;
		}
 
		.sectionA .inline{
			width: 80%;
			margin-left: 10%;
		}
 
		.sectionA .inline .modGallery .box, .sectionA .inline .modHead .box, .sectionA .inline .modBildwischer .box {
		    padding: 0;
		    width: 780px;
		}
 
		.sectionA .inline .modGallery .box .mediaCon,
		.sectionA .modRundown .inline .modBildwischer .box .mediaCon {
			height:450px;
		}
 
		.sectionA .snowflake .modD .box {
 			   width: 179px;
		}
 
 
 		/* CHAPTER */ 
 		

		.mod .chapter.controlled {
			opacity: 0.2;
			display: block;
		}

		.mod .chapter.active {
			display: block;
		}

		.mod .chapter {
			display: none;
		 	text-align: left;
			padding: 0;
			float: left;
			clear: both;
			margin-top: 50px;
			margin-bottom: 20px;
			margin-left:10%;
			width: 80%;
			padding-bottom: 0px;
			position: relative;
			background: #E9E9E9;
		}
 
		.mod .chapter h3.headline{
			margin: 0;
			padding: 40px 1%;
			width: 98%;
			text-align: center;
			font-size: 1.7em;
			float: left;
			background: #E9E9E9;
			font-weight: normal;
		}
 
		.mod .chapter .dossiertitle{
		 	text-align: right;
			width: 100%;
			background: white;
			color: #908e87;
			padding: 1% 0;
			display: block;
			float: left;
		}


		.nextchapter, .prevchapter{
			display: none;
		}
 
 
 		.controlled .nextchapter, 
 		.controlled .prevchapter{
			display: block;
		}
 
 
		.nextchapter, .prevchapter{
			padding: 0;
			margin: 0;
			width: 100%;
			background: #dddddd;
			float: left;
		}
 
		.nextchapter .chapterarrow, .prevchapter .chapterarrow{
			float: left;
			background: url('../img/base/icon/updownarrow_platin.png') no-repeat;
			height: 38px;
			width: 40px;
			margin: 4px 0px;
		}
 
		.nextchapter .chapterarrow{
			background-position: center -306px;
		}
 
		.nextchapter:hover, .prevchapter:hover{
			cursor: pointer;
		}
 
		.nextchapter:hover .chapterarrow{
			background-position: center -106px;
		}
 
		.prevchapter .chapterarrow{
			background-position: center -202px;
		}
 
		.prevchapter:hover .chapterarrow{
			background-position: center -2px;
		}
 
		.nextchapter .button, 
		.prevchapter .button{
			padding: 8px;
			min-height: 20px;
			background: #B6B4AB;
			margin: 4px;
		}
 
		.nextchapter:hover .button, 
		.prevchapter:hover .button{
			background: linear-gradient(to bottom, #B6B4AB 0%, #898881 101%) repeat scroll 0 0 transparent;
		}
 
 
		.modParagraph .nextchapter .mediaCon, 
		.modParagraph .prevchapter .mediaCon{
			width: 123px;
			float: left;
			opacity: .5;
			margin: 8px;
		}
 
		.nextchapter:hover .mediaCon, 
		.prevchapter:hover .mediaCon{
			opacity: 1;
		}
 
		.modParagraph.modRundown .text, 
		.mod .snowflake h3.headline, 
		.modParagraph.modRundown .dachzeile,
		.modParagraph.modRundown .mediaCon.mediaTop.small,
		.modParagraph.modRundown .infokasten,
		.modParagraph.modRundown .text,
		.modParagraph.modRundown blockquote.zitat,
		.modParagraph.modRundown .modQuiz .unit.quizEntry
		{
		    width: 80%;
		    margin-left: 10%;
		}

		.modParagraph.modRundown .modSharing .shareCon{
			padding-left: 10%;
		}

		.modParagraph.modRundown blockquote.zitat {
			width: 68%;
		}
		
		.modParagraph.modRundown .infokasten{
			width: 76%;
		}

		.modParagraph.modRundown .small .mediaA {
			margin: 0;
			width: 100%;
		}

		.modParagraph.modRundown .mediaCon.mediaRight.small {
 			   margin-right: 10%;
		}
 
		div.snowfalldossier{
			position: relative;	
		}
 
		.modParagraph.modRundown .mediaCon.mediaTop.small {
		    float: left;
		    margin-bottom: 12px;
		    margin-top: 12px;
		    width: 80%;
		    margin-left: 10%;
		}
 
		div.snowflake{
			display: block;
			width: 100%;
			float: left;
			clear: both;
		}

		div.snowflake .ladeanimation{
			width: 100%;
			height: 100px;
			background: url('../img/base/icon/ladeanimation.gif') center top no-repeat;
			opacity: .5;
		}
 
		.modParagraph.modRundown h4.subtitle{
			margin-left: 10%;
		}


		
		/* SUBNAVI */
 
		.subnavi.fixie{
			margin-bottom: 15px;
			margin-top: 0px;
		}

		.subnavi.fixie ul.subressorts{
			overflow-y: auto;
			overflow-x: hidden;
			left: 4px;
		}
		
		/* Inhaltsverzeichnis */
		.modRundown .rundownInhaltsverzeichnis {
			margin-top: 20px;
			display: block;
			float: left;
		}

		.modRundown .rundownInhaltsverzeichnis h2{
			font-size: 1.5em;
		}		
		
		.rundownInhaltsverzeichnis a.active{
			font-weight: bold;
		}
		
		
/* ##### FORMULARE ##### */

.button_box{
	position: relative;
}

.captcha_image{
	padding-right: 40px; 
	overflow: hidden;
}

input.captcha{
	width: 100%;
}

.captcha p.helptext{
	color: #666; 
	padding-bottom: 8px;
}

.captcha .audiocaptcha{
	background: url('../img/base/icon/audio_24x24.png');
	border: 0 none;
	display: block;
	height: 24px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	text-indent: -999px;
	top: 0;
	width: 24px;
}

.captcha .button_reload{
	background: url('../img/base/icon/reload_24x24.png');
	border: 0 none;
	display: block;
	height: 24px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	text-indent: -999px;
	top: 28px;
	width: 24px;
}
.captcha .button_help{
	background: url('../img/base/icon/info_24x24.png');
	border: 0 none;
	display: block;
	height: 24px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	text-indent: -999px;
	bottom: 0;
	width: 24px;
}


/* #### TSMAP #### */

#overlay{
	position: absolute;
	background: white;
	bottom: 5px;
	left: 5px;
	width: 30%;
	opacity: .7;
	padding: 10px;
	line-height: 110%;
}

#overlay .closebox{
	float: right;
	padding: 3px;
	background: url('../../../../karten.tagesschau.de/openlayers/theme/default/img/close.gif');
	width: 25px;
	height: 25px;
}

#overlay h3{
	padding-top: 4px;
	font-size: 1.15em;
}

#map {
	position: relative;
}
#map .olPopup .box {
	width: 95%;
	padding-top: 5px;
	overflow: visible !important;
}

#map .olPopup .teaser .mediaCon{
	width: 100%;
	margin-right: 10px; 
	float: left;
}

#map .olPopup .teaser .mediaCon .mediaA{
	width: 100%;
	overflow: hidden;
}

#map .olPopup .teaser .mediaCon .mediaA img{
	width: 100%;
}

#map .olPopup .teaser .dachzeile, 
#map .olPopup .teaser .headline, 
#map .olPopup .teaser .teasertext{
 float: none;
    width: auto;
    }
    
 #map .olPopup .teaser .teasertext{

 }
    
 .kartenlegende{
 	background: white;
 	position: relative;
    padding: 10px 0;
    float: left;
	width: 100%; 	
 }   
 
 .kartenlegende .kartenhinweis{
 	font-size: 1.3em;
 	padding-top: 4px;
 	line-height: 120%;
 }

 .kartenlegende .kartenhinweis a{
	padding: 8px;
	float: right;
	}

    
 #layerswitcher{
 	background: white;
 	position: relative;
    float: left;
 }
 
#layerswitcher .layersDiv{
 	width: 100%;
 	display: block;
 	clear: both;
 }
    
    
#layerswitcher .dataLbl,
#layerswitcher .baseLbl{					    
	width: auto;
	line-height: 1em;
	float: left;
	display: block;
	margin-bottom: 4px;
	margin-top: 4px;
	margin-right: 4px;
	margin-left: 8px;
}

.dataLayersDiv{
	width: auto;
	margin-left: 8px;
	display: block;
	float: left;
	padding-top: 4px;
}

#layerswitcher label{
	float: left;
	height: 20px;
	line-height: 1em;
	font-size: .9em;
	padding-left: 8px;
}

#layerswitcher input{
	height: 16px;
	margin: 2px;
	float: left;
}

#layerswitcher br{
	clear: left;
}


.modIFrame .mediaCon {
    width: 100%;
    margin: 0;
}

.olFramedCloudPopupContent{
	width: 90% !important;
}

.mod h1 .dachzeile{
	font-weight: normal;
}

.mod h1 .headline{
	display: block;
	font-size: 1.5em;
	line-height: 125%;
}


/* Social2014 */
.modSharing .shareCon
{
	padding: 10px 5%;
}

.modSharing .shareCon .shares li {
    float:left;
    margin-right:3px;
	background: #e9ebef;
	width: 45px;
	height: 45px;
}

.modSharing .shareCon .shares li span{
	width: 100%;
	height: 100%;
}

.modSharing .shareCon .shares li:hover{
	background: #fff;
}

.modSharing .shareCon .shares li:last-child{
	margin-right:0px;
}

.modSharing .shareCon .shares{
    display:inline-block;
    margin-bottom:10px;
}

.modSharing .shareCon .clear{
    float:none;
}

.modSharing .fixedSharingContainer{
    position:fixed;
    top:-3px;
	display:none;
    z-index:10000;
    background:#fff;
    padding:0;
    height: 51px;
	box-shadow: 0 0 10px 0px #000;
	margin-left: -8px;
}

.modSharing .fixedSharingContainer span,
.modSharing .fixedSharingContainer li
{
	width: 45px;
	height: 45px;
}

.modSharing .fixedSharingContainer span:hover{
	cursor: pointer;
}

.modRundown .modSharing .fixedSharingContainer{
	bottom: 0;
	top: auto;
}

.modSharing .fixedSharingContainer .shares{
    display:none;
    }

.modSharing .fixedSharingContainer li{
    float:left;
    margin: 3px 3px 0 0;
	background: #e9ebef;
}

.modSharing .fixedSharingContainer li:hover{
	background: #fff;
}

.modSharing .fixedSharingContainer .shares.isVisible{
    display:inline-block;
}

.modSharing .fixedSharingContainer.isVisible{
    display:block;
}

.modSharing  .toggleShare{
    float: left;
    cursor: pointer;
}

.modSharing  .toggleShare{
	padding: 3px;
}

.modSharing .whatsapp{
    display:none;
}

.modSharing .sharingText {
    display: inline-block;
    position: relative;
    top: -25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* CHAPTER v2 */
		.mod .chapter.controlled.v2 {
			opacity: 0.2;
			display: block;
		}

		.mod .chapter.active.v2 {
			display: block;
		}

		.mod .chapter.v2 {
			display: block;
			opacity: 0.2;
		 	text-align: left;
			padding: 0;
			float: left;
			clear: both;
			margin-top: 20px;
			margin-bottom: 20px;
			margin-left:10%;
			width: 80%;
			padding-bottom: 0px;
			position: relative;
			background: none;
			border: 0;
			padding-top: 90px;
		}
 
		.mod .chapter.v2 h3.headline{
			margin: 0;
			padding: 3% 0;
			width: 100%;
			text-align: center;
			font-size: 1.5em;
			float: left;
			background: white;
			border-bottom: solid 1px black;
			border-top: solid 1px black;
			font-weight: normal;
		}

		.mod .chapter.v2 h3.headline strong{
			font-weight: normal;
		}
		
		.mod .chapter.v2 h3.headline span{
			padding: 1% 10px;
			padding-right: 64px;			
			display: block;
		}
 
		.mod .chapter.v2 .dossiertitle{
		 	text-align: left;
			width: 100%;
			height: 85px;
			background: white;
			color: #908e87;
			padding: 0;
			padding-bottom: 8px;
			display: block;
			float: left;
			position: absolute;
			top: 0px;
		}
		
		.mod .chapter.v2 .dossiertitle span{
			display: block;
			position: absolute;
			bottom: 0;
		}		

		.chapter.v2 .nextchapter, 
		.chapter.v2 .prevchapter{
			display: none;
		}
 
 		.mod .chapter.v2.controlled .nextchapter, 
 		.mod .chapter.v2.controlled .prevchapter{
			display: block;
		}
 
		.chapter.v2 .nextchapter, 
		.chapter.v2 .prevchapter{
			padding: 0;
			margin: 0;
			height: 38px;
			float: left;
			background: none;
    		position: absolute;
    		right: 0;
    		width: 100%;
			border: 0;	
 		}
  
 		.chapter.v2 .nextchapter {
 			top: 100%;
 		}
 		
 		.chapter.v2 .nextchapter .chapterarrow, 
 		.chapter.v2 .prevchapter .chapterarrow{
			float: left;
			background: url('../img/base/icon/updownarrow_platin.png') no-repeat;
			height: 38px;
			width: 54px;
			margin: 0px;
			position: absolute;
		}
 
		.chapter.v2 .nextchapter .chapterarrow{
			background-position: center -306px;
			right: 0;
			top: -38px;
		}

		.chapter.v2 .nextchapter:hover .chapterarrow{
			background-position: center -106px;
		}
		
		.chapter.v2 .prevchapter .chapterarrow{
			background-position: center -202px;
    		right: 0;
    		top: -1px;
		} 
  
		.chapter.v2 .prevchapter:hover .chapterarrow{
			background-position: center -2px;
		}
		
		.chapter.v2 .nextchapter:hover, 
		.chapter.v2 .prevchapter:hover{
			cursor: pointer;
		}
 
		.chapter.v2 .nextchapter .button, 
		.chapter.v2 .prevchapter .button{
			padding: 8px;
			min-height: 20px;
			margin: 0px;
			display: none; 
			position: absolute;
			right: 0; 
			font-weight: normal;
			background: #e9e9e9;
			text-transform: none;
			font-size: .9em;
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
			background: -ms-linear-gradient(top,  #e9e9e9 100%,#e9e9e9 100%); /* IE10+ */
			
		}
		
		.chapter.v2 .nextchapter .button strong, 
		.chapter.v2 .prevchapter .button strong{
			font-weight: normal;
		}
 
		.chapter.v2 .nextchapter:hover .button, 
		.chapter.v2 .prevchapter:hover .button{
			background: #e9e9e9;
			display: block;
		}
		
		/* QUIZ EMBEDDED */
		
		.modQuiz.embedded .answer, 
		.modQuiz.embedded.voting .vote-detail {		
		    padding: 3px 0 3px 0;
		}		
		
		.modQuiz.embedded .poll .question {
    		padding: 8px 0;
		}
		
		.modQuiz.voting.embedded .teasertext,
		.modQuiz.embedded .unit.quizEntry,
		.modQuiz.embedded .unit.quizAfter
		 {
			margin:0;
			padding-bottom: 8px;
		}
		
		.modQuiz.embedded .box{
			background: none;
			padding: 0;
		}
		
		.modQuiz.voting.embedded .link:hover{
			cursor: pointer;
		}
		
		.modQuiz.voting.embedded .quizable .hinweisText,
		.modQuiz.voting.embedded .hinweis {
		    border-bottom: 1px solid #dddddd;
		    float: left;
		    font-size: 0.7em;
		    margin: 0;
		    padding-bottom: 8px;
		    width: 100%;
		}
		
		.modQuiz.voting.embedded form input[type="radio"] {
 		   margin: 0 10px 0 0;
		}

		body.tagesschau.imagegallery .modQuiz.voting.embedded .quizEntry{
			padding: 8px;
		}
		
/* Tag-Cloud --- Beginn */
div.tagadelic_views {
    display: block;
    float: left;
    line-height: 1.05em;
    padding: 6px 2% 6px 1.5%;
    width: 96.5%;
}
.tagadelic {
    line-height: 1.3em;
}
.tagadelic.level1 {
    font-size: 0.9em;
}
.tagadelic.level2 {
    font-size: 1.1em;
}
.tagadelic.level3 {
    font-size: 1.3em;
}
.tagadelic.level4 {
    font-size: 1.5em;
}
.tagadelic.level5 {
    font-size: 1.7em;
}
.tagadelic.level6 {
    font-size: 1.9em;
}
.tagadelic.level7 {
    font-size: 2.1em;
}
.tagadelic.level8 {
    font-size: 2.25em;
}
.tagadelic.level9 {
    font-size: 2.5em;
}
.tagadelic.level10 {
    font-size: 3.2em;
}
/* Tag-Cloud --- Ende */

/*** Teaser IMG Overlay ***/

.teaserImgOverlayText {
	bottom: 0;
	color: white;
	font-size: 30px;
	padding: 8px 8px 12px 8px;
	position: absolute;
	right: 0;
	text-shadow: 2px 2px 4px rgba(0,0,0,1);
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#302c2a,direction=135,strength=6);
}

.containerButton {
	position: relative;
	z-index: 3;
}

/*** top10 Nummerierung ***/
.modPicList .linklist .list .number {
	border: 0px;
	float: left;
	background-color: #e9e9e9;
}

.modPicList .linklist .list .number {
	border-radius: 9999px;
}

.videoQuadriga.modMini h4.headline {
	font-weight: normal;
}

.mod.modInhaltstypTgs .twoImages h4.headline{
	font-weight: normal;
	margin-top: 8px;
}

/*** sectionC boxen Startseite ***/

.tsIndex .sectionC.kachel {
	background: url("../img/tagesschau/background/box_base.jpg") repeat-x scroll center bottom #fff;
}

.tsIndex .sectionC.kachel .box,
.tsIndex .sectionC.kachel .con,
.tsIndex .sectionC.kachel .mod,
.tsIndex .sectionC.kachel .modCon {
	background: none;
}

.tsIndex .sectionC.kachel .con .con {
	margin-top: 0;
}

/*** Footer Padding ***/

.story #footer {
	padding-bottom: 60px;
}

/* Fussbalticker modTicker */

.sectionA .modTicker .boxCon {
	background: url("../img/tagesschau/background/box_base.jpg") repeat-x scroll center bottom #fff;
}


.sectionA .modTicker .box {
	background: none;
}

/* h3 Überschrift Kachel */

.sectionC.kachel h3.ressort  {
	text-transform: none;
	font-size: 1.7em;
	font-weight: normal;
}

/* inline Video */
.inlineVideo a img:hover{
	cursor: pointer;
}

.inlineVideo .icon,
.mod .inlineVideo .icon{
    bottom: 0;
    display: block;
    height: 46px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.mod .inlineVideo .icon img{
	width: 46px;
	height: 46px;
}


/* Fullscreen Videodarstellung im IE11 */

.fullviewport {
position: absolute;
top: 0;
left: 0;
z-index: 99999;
width: 100%;
height: 100%;
}
	
/*** Styling Map ***/	
	
.modTSMap #overlay {
	position: relative;
	bottom: 0px;
	width: 100%;
	padding: 10px 0 0 0;
	left: 0;
	opacity: 1;
}

.modTSMap #overlay .collapseArrow {
	left: 30%;
	margin-top:4px;
}

.modTSMap #overlay div {
	padding-left: 8px;
}

.modTSMap span.headline {
	padding-left: 0 !important;	
}

.modTSMap .kartenlegende {
	padding-top: 0;
}

.modTSMap #layerswitcher label {
	padding: 0 20px 0 8px;
	line-height: 1.4em;
}

.modTSMap #layerswitcher .dataLbl {
	line-height: 1.2em;
}


.modTSMap .kartenlegende .olCredits {
	display: none;
}

.modTSMap .socialMedia .sharingBar .shareCon {
	padding-left: 0;
}

.modTSMap .olControlAttribution {
	bottom: 2px;
}


/** embed our video **/
.embedtrigger:hover{
	text-decoration: underline;
	cursor: pointer;	
}

.embedtrigger {
	font-size: 1em;
	padding: 10px 8px;
}

.sectionZ .embedtrigger,
.modParagraph .embedtrigger {
	padding: 7px 8px;
}

.modIFrame .embedtrigger {
	padding: 15px 10px;
}

.embedhinweis{
	width: 96%; 
	padding: 0;
	margin-left: 8px;
	margin-bottom: 12px;
	display: block;
	float: left; 
}

.embedhinweis .hinweistext{
	margin-bottom: 12px;
	height: 100px;
	overflow-y: scroll;
	font-size: .7em;
}

.modForm span.embedexplain{
	font-size: .8em;
	margin-left: 1%;
	margin-bottom: 8px;
}

textarea.embedcode{
	height: auto !important;
	resize: none; 
	width: 96%; 
	padding: 1%;
	margin-left: 1%; 
	background: none; 
	color: #001a4b;
 	border: solid 1px #001a4b;
}

/* LIVETICKER 2 */
.sectionA .modLiveblog .mediaCon,
.sectionA .modLiveblog .inline,
.modParagraph.modLiveblog .buttons,
.modParagraph.modLiveblog .linklist.teaserImTeaser
{
	margin-left: 0;
}

.modParagraph.modLiveblog .small{
    margin-left: 3.1%;
    margin-right: 3.1%;
}


.modParagraph.modLiveblog .entry.unloaded{
	float: left;
	width: 100%;
}

.modParagraph.modLiveblog .text.small{
	float: none;
	width: auto;
}

.modParagraph.modLiveblog span.stand {
    width: 93.8%;
    margin: 0 3.1%;

}

.modParagraph.modLiveblog .infokasten.small{
	width: 59%;
	margin-bottom: 20px;
	margin-top: 20px;
}

.modParagraph.modLiveblog .dachzeile{
	font-size: 16px;
}

.modParagraph.modLiveblog .liveblogheader .buttons{
	margin-top: -40px;
	margin-bottom: 20px;
	float: right;
	width: auto;
}

.modParagraph.modLiveblog .linklist.teaserImTeaser
{
	width: 93.8%;
}

.sectionA .modLiveblog h4.small
{
	font-size: 1.8em;
	margin-bottom: 0;
	float: left;
	width: 100%;
	display: block;
	padding-top: 20px;
}

.modParagraph.modLiveblog .small .mediaA {
    margin-left: 0;
    margin-right: 0%;
    width: 100%;
}

.modParagraph.modLiveblog .tickerdate{
	font-size: 18px;
	margin-bottom: 10px;
}

.modParagraph.modLiveblog h1{
	font-size: 1.5em;
}

.liveblogheader{
	float: left;
	width: 100%;
}

.uswahl .modLiveblog .liveblogButtons,
.frankreichwahl .modLiveblog .liveblogButtons
{
	 display: none;  
}

.sectionA .modLiveblog .bildwischer .mediaCon {
    overflow: hidden;
}

.modLiveblog .inline .modBildwischer .media {
	height: initial;
}

.modLiveblog .cursorLupe {
    cursor: initial;
}

/*** kk - uswahl - Ticker-Date fix ***/

.uswahl .modLiveblog .tickerdate.small,
.frankreichwahl .modLiveblog .tickerdate.small
 {
	 display: none;  
}

.uswahl .sectionA .modLiveblog h4.small,
.frankreichwahl .sectionA .modLiveblog h4.small
 {
	padding-bottom: 10px;
}

/* neue - videoformate */

.video-fmt-container {
	background-color: #e9e9e9;
    clear: both;
    position: relative;
    /*min-height: 551px;*/
    overflow: hidden;
}

.video-fmt-container iframe {
	margin: 0 auto;
	display: block;
	z-index: 9;
	position: relative;
}

.video-fmt-container > img
 {
    position: absolute;
	left: -5%;
    top: -2%;
    min-width: 110%;
    min-height: 110%;
    -webkit-filter: blur(12px); 
    -moz-filter:blur(12px);
    filter: blur(12px);
    /* support for firefox <34
    filter: url(filters/blur.svg#blur); */
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='12');
}

.video-fmt-filter { 
	display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.video-fmt-container > .video-bg-image {
	display: none;
	}
	.video-fmt-filter {
	display: block;
	min-width: 110%;
	min-height: 110%;
	position: absolute;
	left: -5%;
    top: -5%;
	}
}

/* socialemed */
.socialmediaembed .optinembed{
	background: #e9e9e9;
	float: left;
	display: block;
}

.socialmediaembed .privacydisclaimer{
	font-size: 1em;
	width: 98%;
	padding: 1%;
	line-height: 1.1em;
	display: block;
	background: #e9e9e9;
}

.socialmediaembed .youtube-embed .ytwrapper{
    width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 8px;
}

.youtube-embed iframe{
    position: absolute;
	top: 0;
	left: 0;
    width: 100%;
    height: 100%;
}

.socialmediaembed .optinembed{
	width: 500px;
}

.socialmediaembed .twitter-tweet{
	margin-top: 1px !important; 
}

.socialmediaembed{
	margin-bottom: 20px;
	width: 90%;
	float: left;
	margin-left: 5%;
	margin-right: 5%;
}

.modParagraph.modLiveblog .socialmediaembed{
	margin-left: 3.1%;
	margin-right: 3.1%;
}

.socialmediaembed.Facebook iframe{
	width: 500px;
	height: 520px;
}

.socialmediaembed .disclaimer{
	font-size: .8em;
	width: 98%;
	padding: 1%;
	line-height: 1.1em;
	display: block;
}

.socialmediaembed .disclaimer ._text {
	border-top: 8px solid #fff;
	display: block;    
	padding: 8px 8px 4px;
    margin-right: -8px;
    margin-left: -8px;
}

.socialmediaembed .disclaimer .caption{
	font-size: 1.2em;
	display: block;
	clear: both;
	margin-bottom: 8px;
}

input.optin_check{
	margin-left: 0;
	margin-right: 5px;
} 

.privacydisclaimer.group{
	margin-bottom: 4px;
}

.privacydisclaimer .privacy{
	margin-left: 20px;
}

.privacydisclaimer .privacy a{
	text-decoration: underline;
}

.privacydisclaimer .privacy input{
	position: absolute;
	margin-left: -20px;
	margin-top: 4px;
}

.box.mb-map-container {
	overflow: hidden;
}

body.tagesschau .box.mb-map-container {
	background-image:none;
	padding-top: 8px;
}

.quoten-img > ._quoten-content h3,
.quoten-img > ._quoten-content p._date {
    color: #fff;
}

.quoten-img > ._quoten-content ._number,
.quoten-img > ._quoten-content ._suffix,
.quoten-img > ._quoten-content ._date {
	font-family: ThesisAntiqua, Times, serif;
}

.structurenode-tagesschau-multimedia-video .modIFrame .teasertext a:hover {
	border-bottom: 1px dotted #001a4b;
    color: #626262;
}

.structurenode-tagesschau-multimedia-video .modIFrame .teasertext a {
	border-bottom: 1px solid #001a4b;
}

.iframe-embed-container .iframe-embed-disclaimer {
		 padding: 0 10px 10px;
}

.iframe-embed-container .iframe-embed-disclaimer._txt {
	font-size: 0.9em;
	color: #646464;
}

.iframe-embed-container .iframe-embed-disclaimer._txt a {
	color: #646464;
}

.mb-map-container.iframe-embed-container .iframe-embed-disclaimer._txt {
	padding: 0 ;
}

.iframe-embed-container .iframe-embed-disclaimer._optin {
	padding-bottom:10px;
	margin-top: -10px;
	text-align:center;
}

.mb-map-container.iframe-embed-container .iframe-embed-disclaimer._optin{
	min-height: 150px;
	padding-top: 130px;
	background-color: #e9e9e9;
	margin-top: 0px;
}

.iframe-embed-container .iframe-embed-disclaimer a {
	text-decoration: underline;
}