/* 2015-10-29  */


/*** FONTS ***//
/* Thesis Sans */

@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: #2b1324;
    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: #fff;
}

.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(/resources/framework/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(/resources/framework/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(/resources/framework/img/tagesschau/background/back_afghanistan_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: #E9E9E9;
}

.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('http://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;
}