#header .naviChooser{
  width: 100%;
  float: left;
  margin-top: 4px;
  background-color: #0a3878;
  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
{
	width: 100%;
	float: left;
    overflow: visible;
}

.masternavi .section,
#header .wrapper .section.sectionA
{
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%;
}

.mnHolder
{
}



/* @group Masternavi */

.masternavi .trigger
{    display: none; }

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


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

.masternavi
{
float: left;
}

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

.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.tv
{ }

.masternavi ul li a
{
float: left;
color: #fff;
padding: 10px 6px 4px 6px;
background: none;
border-bottom: 0;
}


.masternavi ul li.active
{
	padding: 10px 6px 0 6px;
	border-bottom: 4px solid #fff;
	background: #fff;
}

.masternavi ul li.active a, 
.masternavi ul li.active a:hover
{
	padding: 0;
	border-bottom: 0 solid #fff;
}

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

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

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



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.ardmt .masternavi ul li.ardmt a:link, body.ardmt .masternavi ul li.ardmt a:visited
{
    color: #001a4b;
}


/* 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 Hintergruende */


.ard #header .masternavi
{	
background: url('../img/base/masternavi/mn_ard.png') repeat-x bottom;
}

.tagesschau #header .masternavi
{	
background: url('../img/base/masternavi/mn_tagesschau.png') repeat-x bottom;
}

.sportschau #header .masternavi
{
background: url('../img/base/masternavi/mn_sportschau.png') repeat-x bottom;
}

.boerse #header .masternavi
{
background: url('../img/base/masternavi/mn_boerse.png') repeat-x bottom;
}

.ratgeber #header .masternavi
{
background: url('../img/base/masternavi/mn_ratgeber.png') repeat-x bottom;
}

.wissen #header .masternavi
{
background: url('../img/base/masternavi/mn_wissen.png') repeat-x bottom;
}

.kultur #header .masternavi
{
background: url('../img/base/masternavi/mn_kultur.png') repeat-x bottom;
}

.kinder #header .masternavi
{
background: url('../img/base/masternavi/mn_kinder.png') repeat-x bottom;
}

.intern  #header .masternavi
{
background: url('../img/base/masternavi/mn_intern.png') repeat-x bottom;
}

.tv  #header .masternavi
{
background: url('../img/base/masternavi/mn_tv.png') repeat-x bottom;
}

.radio  #header .masternavi
{
background: url('../img/base/masternavi/mn_radio.png') repeat-x bottom;
}

.ardmt  #header .masternavi
{
background: url('../img/base/masternavi/mn_ardmediathek.png') repeat-x bottom;
}



/* @end */

/* header ist marke plus suche */


/* @group Subnavi */




.subnavi
{

    float: left;
    width: 100%;
}


.subnavi .ressorts
{
    float: left;
    width: 100%;
	background-color: #0a3878;
    background-color: rgba(10, 65, 120, 0.9);
    padding: 0;
    
}

/**** hovers fuer ressorts, subressorts und subsubs l und xl  ***/

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

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

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

.subnavi ul.subsubressorts li a:hover, 
.subnavi ul.subsubressorts li a:active,
.subnavi ul.subsubressorts li a:focus 
{
	background: #c1d1e0;
}



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

}

.subnavi .collapsed .collapseArrowSmall
{

}

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

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

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

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

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

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

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

.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 .subsubressorts
{
    width: 100%;
    float: left;
    background-color: #d9e2eb;
    z-index: 20;
}

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

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

#header .searchBox .searchInput
{ 

}

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

#header .searchBox .searchToggle
{


}

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

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



/* @end */

@-ms-viewport { width: device-width; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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, arial, roboto, "droid sans", helvetica, 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, arial, roboto, "droid sans", helvetica, 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;
}


/*
@font-face
{
	font-family: 'Thesis';
	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-weight: normal;
}

@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';
	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: bold;
	font-style: bold;
}
*/

/* 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: 'Thesis';
	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-weight: bold;
	font-style: italic;
}
*/

/* Thesis Antiqua */
/*
@font-face
{
	font-family: 'ThesisAntiqua';
	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-weight: normal;
}

@font-face
{
	font-family: 'ThesisAntiqua';
	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-style: italic;
}

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

@font-face
{
	font-family: 'ThesisAntiqua';
	src:  url('../fonts/TheAntiquaB_LT_700_italic.eot') format('eot'),
	url('../fonts/TheAntiquaB_LT_700_italic.woff') format('woff'),
	  url('../fonts/TheAntiquaB_LT_700_italic.svg') format('svg');
	 font-weight: bold;
	font-style: italic;
}
*/
/*!
 * 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 
{ border: 0; background: #e9ebef; font-weight: bold; color: #001a4b; }
.ui-state-hover a, 
.ui-state-hover a:hover 
{ 
color: #001a4b; text-decoration: none;
background: e9ebef;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active 
{ border: 0; background: #e9ebef; font-weight: bold; color: #001a4b; }
.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: #001a4b; color: #fff; }

.ui-state-highlight a, 
.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a 
{ 
background: #001a4b;
color: #fff; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 0; background: #b81900 url(../img/external/jquery-ui/datepicker/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; 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; background-image: url(http://swrcmtprev.swr.ard:9260/static/ard/img/external/jquery-ui/datepicker/xxxui-icons_222222_256x240.png); }
.ui-widget-content .xxxui-icon {background-image: url(http://swrcmtprev.swr.ard:9260/static/ard/img/external/jquery-ui/datepicker/xxxui-icons_222222_256x240.png); }
.ui-widget-header .xxxui-icon {background-image: url(http://swrcmtprev.swr.ard:9260/static/ard/img/external/jquery-ui/datepicker/xxxui-icons_ffffff_256x240.png); }
.ui-state-default .xxxui-icon { background-image: url(http://swrcmtprev.swr.ard:9260/static/ard/img/external/jquery-ui/datepicker/xxxui-icons_ef8c08_256x240.png); }
.ui-state-hover .xxxui-icon, .ui-state-focus .xxxui-icon {background-image: url(http://swrcmtprev.swr.ard:9260/static/ard/img/external/jquery-ui/datepicker/xxxui-icons_ef8c08_256x240.png); }
.ui-state-active .xxxui-icon {background-image: url(http://swrcmtprev.swr.ard:9260/static/ard/img/external/jquery-ui/datepicker/xxxui-icons_ef8c08_256x240.png); }
.ui-state-highlight .xxxui-icon {background-image: url(http://swrcmtprev.swr.ard:9260/static/ard/img/external/jquery-ui/datepicker/xxxui-icons_228ef1_256x240.png); }
.ui-state-error .xxxui-icon, .ui-state-error-text .xxxui-icon {background-image: url(http://swrcmtprev.swr.ard:9260/static/ard/img/external/jquery-ui/datepicker/xxxui-icons_ffd27a_256x240.png); }



/* 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 url(../img/external/jquery-ui/datepicker/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(../img/external/jquery-ui/datepicker/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; 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;
}


/************ PAGE-DESIGN  ************/

.conHeadline
{
	font-size: 1.5em;		
	line-height: 120%;	
	margin: 0 0 0 0;
    width: 98%;
    padding: 8px 1% 6px 1%;
	float: left;
	color: #001a4b;
	font-weight: normal;
}

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

}

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

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


.sectionC .conHeadline 
{
    width: 96%;
    padding: 4px 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;
}

.con{
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/* Allgemeine Modul Linklinkliste nicht im Teaser  */

.con .linklist
{
  float: left;
  margin: 0 0 8px 0;
  width: 100%;
}

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

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


.con .linklist .list
{
  border-top: 1px solid #9DADC7;
  float: none;
  margin: 0 8px;
}

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


.con .linklist .list li a
{
  padding: 4px;
  display: block;
}

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


.con .linklist .list strong
{

}



/* @group controls */

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


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

/* Regulaere Slider Controls */

.controls
{
    background-color: #d0c9c4;
}



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

.mod .controls .labels .entry.active
{
	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: #396192;
}




.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;
	min-width: 64px;
	height: 46px;
    margin-left: 0;
}


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

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

/* Passiver Weiter_button */
.mod .controls.sliding .next
{
	float: right;
    margin-right: 0;
}

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

/* hover next_button */ 
.mod .controls.sliding .next.active:hover
{
    background: url('../img/base/icon/arrow_slider.png') no-repeat center -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;

}

.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-top: 18px;
    padding-bottom: 0;    
}

.mod .controls.paging .labels .entries
{
    padding-left: 0;
    padding-right: 0;
}


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


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




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

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

.mod .controls.paging .labels .entry a:hover, 
.mod .controls.paging .labels .entry a:active,
.mod .controls.paging .labels .entry a:focus
{
	background: #fff;
    color: #001a4b;
}


.mod .controls .labels .entry.active
{
    background-color: #fff;
    padding: 6px 8px 6px 8px;
}

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


/* kein Padding fuer die Miniaturen in Stages */
.mod .controls.sliding .labels .entry.active
{
	padding: 0;
    background-color: #fff;
	filter: none; /* IE6-9 */
}



/* @end */


/* @group breadcrumb */

.breadcrumb
{
	width: 100%;
	float: left;
	margin: 12px 0 16px 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;
    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: uppercase;
    letter-spacing: 1px;
}

.breadcrumb ul li a:hover
{
	text-decoration: underline;
}
/* @end */







/* @group poweruser */

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


.poweruser span
{
	float: left;
	margin: 3px 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: #396192; /* Old browsers */
background: -moz-linear-gradient(top,  #396192 0%, #12305c 101%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#396192), color-stop(100%,#12305c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #396192 0%,#12305c 101%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #396192 0%,#12305c 101%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #396192 0%,#12305c 101%); /* IE10+ */
background: linear-gradient(to bottom,  #396192 0%,#12305c 101%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#396192', endColorstr='#12305c',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;
}
/* @end */



/* @group focus-Angaben fuer alle Views */

input:focus, select:focus
{
    outline: #001a4b solid 1px;
    outline-offset: -1px;
}

a:focus
{
	text-decoration: underline;
}

a.mediaLink:focus
{
    /* outline: #001a4b solid 1px;
    outline-offset: -1px; */
    
    -webkit-box-shadow: 0px 0px 9px #001a4b; /* webkit browser*/ 
    -moz-box-shadow: 0px 0px 9px #001a4b; /* firefox */ 
    box-shadow: 0px 0px 9px #001a4b;
    
}


/* @end */


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

.mod
{
  /* width: 100%; */
  float: left;
  font-family: Thesis, helvetica, arial;
  position: relative;
  width: 100%;
  line-height: 125%;
}

.mod .teaser
{
	/* width: 100%; */
	float: left;
    background-position: 0px 0px;
    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;	
	width: 100%;
	float: left;
}

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


.mod .ressort a:hover, .mod .ressort a:focus, .mod .ressort a:active 
{
	text-decoration: underline;
}

.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 .media.portrait
{
  width: 50%;
  float: none;
  margin-left:  auto;
  margin-right: auto;
}

.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('/static/ard/img/base/icon/media_sprite.png');
	margin-top: -32px;
	margin-left: 0;    
    height: 32px;    
    width: 32px;
	float: left; */
	bottom: 0;
    left: 0;
    position: absolute;
    width: 46px;
    min-width: 46px;
}

.mod .icon.hint, 
.mod .icon.audioHint
{

    left: auto;
    right: 0;
    top: 0;
    bottom: auto;
}


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

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

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

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


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

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

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

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


/* Untertitel fuer das ganze Modul, z.B. Galerie */
.mod .subtitle
{
    font-size: 1.1em;
    margin: 1em 0 0.5em 0;
    /* width: 100%; */
    float: left;
}


/* Untertitel im Teaser */
.mod .teaser .subtitle
{
    font-size: 1.1em;
    margin: 0 0 8px 0;
	font-weight: bold;	
}

.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 .linklist .more
{ 
	clear: both;
	margin: 0 0 6px 0;
	/* width: 100%;*/
}

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

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


.mod .linklist .list
{
	/* width: 100%;*/
        margin: 0;
	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:hover, 
.mod .linklist .list li a:focus, 
.mod .linklist .list li a:active
{ 
	background: #e9ebef;
	display: block;
}


.mod .linklist .list strong
{ 

}

/* Highlight des aktuellen Beitrags in mehrseitigen Beitraegen */
.mod .linklist .list strong + strong 
{
    font-weight: bold;
}

/************ MODULE-DESIGN: MINI  ************/


.modConStage .modMini .active
{

}

.modConStage .modMini .box
{
    background-color: #E0EAF0;
}


.modMini
{

}

.modMini .teaser
{

}

.modMini .ressort
{ 
	display: none;
}

.modMini .mediaCon
{

}

.modMini .mediaLink
{

}

.modMini  .mediaCon .xxl
{

}

.modMini  .mediaCon .xl
{

}

.modMini .mediaCon .l
{

}

.modMini  .mediaCon .m
{

}

.modMini  .mediaCon .s
{

}

.modMini .icon
{ 
}

.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  .dachzeile
{ 

}

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

.modMini   h4.headline
{
	font-size: 1.15em;
}

.modMini  .teasertext
{ 
	display: none;
}

.modMini .linklist
{ 
	display: none;
}

.modMini .linklist .more
{ 

}

.modMini .linklist .more strong
{ 

}

.modMini .linklist .list
{ 

}

.modMini .linklist .list li
{ 

}

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

.modMini .controls
{

}

.modMini .controls .buttons
{

}

.modMini .controls .prev
{ 

}

.modMini .controls .next
{
	
}

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


.modPicture
{

}

.modPicture .box
{

}

.modPicture .ressort
{		
	display:none;
}

.modPicture  .mediaCon
{	
	margin: 0;

}

.modPicture .mediaLink{

}

.modPicture  .mediaCon .xxl
{

}

.modPicture  .mediaCon .xl
{

}

.modPicture .mediaCon .l
{

}

.modPicture  .mediaCon .m
{

}

.modPicture  .mediaCon .s
{

}

.modPicture .icon
{ 

}

.modPicture .icon.video
{ 

}

.modPicture .icon.audio
{ 

}

.modPicture .icon.galerie
{  	

}

.modPicture .marke
{ 

}


.modPicture .dachzeile
{ 
	display:none;
}

.modPicture .headline
{ 
	display:none;
}

.modPicture  .teasertext
{ 
	display:none;
}

.modPicture .linklist
{ 
	display:none;
}

.modPicture .linklist .more
{  

}

.modPicture .linklist .more strong
{ 

}

.modPicture .linklist .list
{ 

}

.modPicture .linklist .list li
{ 

}

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

.modPicture .controls
{

}

.modPicture .controls .buttons
{

}

.modPicture .controls .prev
{ 

}

.modPicture .controls .next
{
	
}

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


.modStage
{

}

.modStage .box
{

}

/* damit stages mit nur einem eintrag ueberall gleiches padding haben */
.mod.modStage  .mediaCon
{	
	margin-bottom: 0;
}

/* damit slider in der Stage doch wieder etwas Abstand haben koennen */
.modConStage  .modB, 
.modConStage  .modC,
.modConStage  .modD,
.modConStage  .modE
{	
	margin-top: 8px;
}


.modStage .mediaLink{

}

.modStage  .mediaCon .xxl
{
	
}

.modStage  .mediaCon .xl
{
	
}

.modStage  .mediaCon .l
{
	
}

.modStage  .mediaCon .m
{
	
}

.modStage  .mediaCon .s
{
	
}

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

.modStage .icon.video
{ 
}

.modStage .icon.audio
{ 
}

.modStage .icon.galerie
{  	
}


.modStage .marke
{ 

}

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



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


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


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

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

.modStage .linklist .more
{  

}

.modStage .linklist .more strong
{ 

}

.modStage .linklist .list
{ 

}

.modStage .linklist .list li
{ 

}

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

.modStage .controls
{

}

.modStage .controls .buttons
{

}

.modStage .controls .prev
{ 

}

.modStage .controls .next
{
	
}

/************  MODULE-DESIGN: PREMIUM  ************/

.modPremium
{

}

.modPremium .box
{

}

.modPremium .ressort
{

}

.modPremium  .mediaCon
{ 
	
}

.modPremium .mediaLink{

}

.modPremium .mediaCon .xxl
{ 
	
}


.modPremium .mediaCon .xl
{ 
	
}

.modPremium .mediaCon .l
{ 
	
}

.modPremium .mediaCon .m
{ 
	
}

.modPremium .mediaCon .s
{ 
	
}

.modPremium .icon
{ 

}

.modPremium .icon.video
{ 

}

.modPremium .icon.audio
{ 

}

.modPremium .icon.galerie
{  	

}

.modPremium .marke
{ 

}

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

.modPremium .linklist ul
{ 
	
}

.modPremium .linklist p
{  

}

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

.modPremium .controls
{

}

.modPremium .controls .buttons
{

}

.modPremium .controls .prev
{ 

}

.modPremium .controls .next
{
	
}

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


.modClassic
{

}

.modClassic .box
{

}


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

.modClassic .mediaLink{

}

.modClassic  .mediaCon .xxl
{

}

.modClassic  .mediaCon .xl
{

}

.modClassic  .mediaCon .l
{

}

.modClassic  .mediaCon .m
{

}

.modClassic  .mediaCon .s
{

}

.modClassic .icon
{

}

.modClassic .icon.video
{

}

.modClassic .icon.audio
{

}

.modClassic .icon.galerie
{

}


.modClassic .marke
{

}

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

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

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

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

.modClassic .linklist .more
{

}

.modClassic .linklist .more strong
{

}

.modClassic .linklist .list
{

}

.modClassic .linklist .list li
{

}

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

.modClassic .controls
{

}

.modClassic .controls .buttons
{

}

.modClassic .controls .prev
{

}

.modClassic .controls .next
{

}

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

.modHeadline
{ }

/* angaben fuer linkliste im Beitrag */

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


.modHeadline .box, 
.modA.modHeadline .box, 
.modA.modHeadline.small .box
{
   width: auto;
}


.mod.modHeadline.small .linklist

{
width: 100%;
}

.modHeadline .box
{
   width: auto;
}


.modHeadline .ressort
{		
	display:none;
}

.modHeadline  .mediaCon
{	
	display:none;
}

.modHeadline .mediaLink{

}

.modHeadline  .mediaCon .xxl
{

}

.modHeadline  .mediaCon .xl
{

}

.modHeadline .mediaCon .l
{

}

.modHeadline  .mediaCon .m
{

}

.modHeadline  .mediaCon .s
{

}

.modHeadline .icon
{ 

}

.modHeadline .icon.video
{ 

}

.modHeadline .icon.audio
{ 

}

.modHeadline .icon.galerie
{  	

}

.modHeadline .marke
{ 

}

.modHeadline .dachzeile
{ 
	display:none;
}

.modHeadline .headline
{ 
	
}

.modHeadline  .teasertext
{ 
	display:none;
}

.modHeadline .linklist
{ 
	display: block;
}

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

.modHeadline .linklist .more strong
{ 

}

.modHeadline .linklist .list
{ 

}

.modHeadline .linklist .list li
{ 

}

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

.modHeadline .controls
{

}

.modHeadline .controls .buttons
{

}

.modHeadline .controls .prev
{ 

}

.modHeadline .controls .next
{
	
}

/************  MODULE-DESIGN: Absatz in einem Beitrag  ************/


.modParagraph
{

}

.modParagraph .box
{

}



.modParagraph .mediaCon.mediaTop.small .media.mediaB.portrait

{

float: left;

margin-left: 1%;

margin-right: 1%;

width: 48%;

}

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

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

.modParagraph .mediaC
{
    width: 31.33%;
}

.modParagraph .mediaD
{
    width: 23%;
}

/* Bild- und Medienunterschrift */

.modParagraph .mediaInfo
{
    background-color: #E9E9E9;
    width: 100%;
	float: left;
}

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

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

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


.modParagraph .media a.mediaLink
{
	position: relative;
}


.modParagraph .icon
{ 

}

.modParagraph .icon.video
{ 

}

.modParagraph .icon.audio
{ 

}

.modParagraph .icon.galerie
{  	

}

.modParagraph .marke
{ 

}

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




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

/* Zwischenheadlines im Beitrag */

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

.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:hover
{
	border-bottom: 1px dotted #001a4b; 
}



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

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

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

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

.modParagraph .checklist ul li, 
.modParagraph ul.checklist li

{
	padding-bottom: 6px;
	margin: 0 0 0 1em;
	list-style-type: square;
}

.modParagraph .checklist ol li, 
.modParagraph ol.checklist 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: #e0dbd5;
	float: left;
	width: 86%;
	padding: 10px 2% 8px 2%;
}

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


.modParagraph .infokasten .mediaCon .media
{
	margin-bottom: 4px;
}

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


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

.modParagraph .infokasten p
{
	float: none;
	
}

.modParagraph .infokasten p.author
{
	text-align: right;
	font-style: italic;
	padding-right: 1em;
}

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



.modParagraph .linklist
{ 

}

.modParagraph .linklist .more
{  

}

.modParagraph .linklist .more strong
{ 

}

.modParagraph .linklist .list
{ 

}

.modParagraph .linklist .list li
{ 

}

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

.modParagraph hr.divider
{
	background: #fff;	
	margin: 0;
	height: 0;
	clear: both;
}

.modParagraph span.stand
{
	display: block;
	width: auto;
	clear: both;
	text-align: right;
}





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


.modTeaseronly
{

}

.modTeaseronly .box
{

}

.modTeaseronly .ressort
{		
	
}

.modTeaseronly  .mediaCon
{	

}

.modTeaseronly .mediaLink
{

}

.modTeaseronly  .mediaCon .xxl
{

}

.modTeaseronly  .mediaCon .xl
{

}

.modTeaseronly  .mediaCon .l
{

}

.modTeaseronly  .mediaCon .m
{

}

.modTeaseronly  .mediaCon .s
{

}

.modTeaseronly .icon
{ 

}

.modTeaseronly .icon.video
{ 

}

.modTeaseronly .icon.audio
{ 

}

.modTeaseronly .icon.galerie
{  	

}

.modTeaseronly .marke
{ 

}


.modTeaseronly .dachzeile
{ 
	
}

.modTeaseronly .headline
{ 

}

.modTeaseronly  .teasertext
{ 

}

.modTeaseronly .linklist
{ 
	display:none;
}

.modTeaseronly .linklist .more
{  

}

.modTeaseronly .linklist .more strong
{ 

}

.modTeaseronly .linklist .list
{ 

}

.modTeaseronly .linklist .list li
{ 

}

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

.modTeaseronly .controls
{

}

.modTeaseronly .controls .buttons
{

}

.modTeaseronly .controls .prev
{ 

}

.modTeaseronly .controls .next
{
	
}

/************  MODULE-DESIGN: LISTE  ************/


.modList
{

}

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

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

.modList .teaserHeadline
{

}


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

.modList  .media
{

}

.modList .mediaLink{

}

.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 .icon
{ 

}

.modList .icon.video
{ 

}

.modList .icon.audio
{ 

}

.modList .icon.galerie
{  	

}

.modList .marke
{ 

}


.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  .dachzeile.fullwidth,
.modList  .headline.fullwidth,
.modList  .teasertext.fullwidth,
.modList  .linklist.fullwidth
{
    float: left;
	width: 100%;
}

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

.modList .linklist .more
{  

}

.modList .linklist .more strong
{ 

}

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

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

.modList .controls
{

}

.modList .controls .buttons
{

}

.modList .controls .prev
{ 

}

.modList .controls .next
{
	
}

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



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

}

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

.form .box
{

}

.form .subtitle
{

  font-size: 1.25em;
  width: auto;
  clear: left;
  float: left;
  font-weight: normal;
}

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

}


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

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

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

}

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

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

.form .submitButton:hover
{ }

.form .submitButton:focus
{ }


.form fieldset
{
  background-color: #E1E7F2;
  margin: 0 0 4px 0;
  float: left;
  padding: 8px 2% 8px 2%;
  width: 96%;
  /* border: 1px solid #516384; */
}

.form form:last-child
{
  padding-bottom: 0;
  margin-bottom: 0;
}



.form .seperateFields fieldset
{ }

.form .submitfield
{
  float: right;
}

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


.form input .textInput
{

}

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

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

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

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

.form label
{
  margin: 0 0 0 0;
  padding: 8px 0 0 0;
  line-height: 100%;
}

.form legend
{
  margin: 0 0 4px 0;
  padding: 0;
  font-size: 1.15em;
	float: left;
	font-family: ThesisAntiqua;
}


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

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

.form textarea:focus,
.form input:focus,
.form select:focus
{
  outline: #ff6400 solid 1px;
  outline-offset: -1px;
}


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

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

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

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

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

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


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

input[type=radio], 
input[type=checkbox]
{
	margin: 0 4px 0 0;	
}

.form input[type=text],
.form 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: 4px;
}

.form input[type=radio],
.form input[type=checkbox]
{
  margin: 0 4px 0 0;
}




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


.modGlossar
{

}


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

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

.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: 6px 0 8px 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 .mediaLink
{

}


.modGlossar .icon
{ 

}

.modGlossar .icon.video
{ 

}

.modGlossar .icon.audio
{ 

}

.modGlossar .icon.galerie
{  	

}

.modGlossar .marke
{ 

}


.modGlossar .dachzeile
{ 

}

.modGlossar .headline
{ 
	padding: 6px 0;
}

.modGlossar h3.headline a
{
	padding-right: 32px;
}



.modGlossar  .teasertext
{ 

}

.modGlossar .linklist
{ 

}

.modGlossar .linklist .more
{  

}

.modGlossar .linklist .more strong
{ 

}

.modGlossar .linklist .list
{ 

}

.modGlossar .linklist .list li
{ 

}

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

.modGlossar .controls
{

}

.modGlossar .controls .buttons
{

}

.modGlossar .controls .prev
{ 

}

.modGlossar .controls .next
{
	
}

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

}


/************ GLOSSAR IM BEITRAG  ************/


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

.modConGlossar .modHead
{
	border: 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;
}




.sectionArticle .modGlossar
{
}

.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

{
	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;
    width: auto;

}


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

}

.sectionArticle .modGlossar .teaser
{

}

.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  .mediaCon
{

}

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

.sectionArticle .modGlossar .mediaLink{

}

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

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


.modTagcloud
{

}

.modTagcloud .box
{

}

.modTagcloud .ressort
{		

}

.modTagcloud  .mediaCon
{	

}

.modTagcloud .mediaLink{

}

.modTagcloud  .mediaCon .img
{

}

.modTagcloud .icon
{ 

}

.modTagcloud .marke
{ 

}


.modTagcloud .dachzeile
{ 

}

.modTagcloud .headline
{ 

}

.modTagcloud  .teasertext
{

}

.modTagcloud .linklist
{

}

.modTagcloud .linklist .more
{

}

.modTagcloud .linklist .more strong
{

}

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

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


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

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


.modQuiz
{
	/*color: #24324C;*/
}

.modQuiz .box
{

}

.modQuiz  .mediaCon
{

}

.modQuiz .mediaLink{

}

.modQuiz  .mediaCon .xxl
{

}

.modQuiz  .mediaCon .xl
{

}

.modQuiz .mediaCon .l
{

}

.modQuiz  .mediaCon .m
{

}

.modQuiz  .mediaCon .s
{

}

.modQuiz .icon
{ 

}

.modQuiz .icon.video
{ 

}

.modQuiz .icon.audio
{ 

}

.modQuiz .icon.galerie
{  	

}

.modQuiz .marke
{ 

}

.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: 20px;
    padding: 0.5% 1%;
    background-color:  #eee;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
}

.modQuiz form input[type="radio"] {
    margin: 0;
}

.modQuiz form label {
    cursor: pointer;
}

.modQuiz form input {
    background: none;
    border: 0;
    font-size: 0.8em;
    color: #24324c;
    cursor: pointer;
}

.modQuiz .link.quizPre.quizStart
{
	float: left;
    margin-left: 5%;
}

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

.modQuiz h3.headline
{ 
	margin: 0 30px 6px 30px;
	width: auto;
	clear: left;
}

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

.modQuiz.voting .teasertext
{
    margin: 0 5%;
    padding-bottom: 15px;
    border-bottom: 1px solid #DDDDDD;
    font-weight: bold;
}

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

.modQuiz.voting .vote-detail
{
    padding: 1.5% 0;
}

.modQuiz.voting .vote-detail > div
{
    float: left;
    margin-right: 4%;
}

.modQuiz.voting .vote-detail .vote-content
{
    width: 46%;
}

.modQuiz.voting .vote-detail .vote-number,
.modQuiz.voting .vote-detail .vote-percent
{
    width: 6%;
    text-align: right;
}

.modQuiz.voting .vote-detail .vote-bar-container
{
    width: 30%;
    height: 1.2em;
}

.modQuiz.voting .vote-detail .vote-bar
{
    border: 1px solid #63bbe3;
    border-radius: 2px;
    height: 100%;
    width:  19.9%;
    background: #b5e6ff; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5e6ff 0%, #96cfea 66%, #aad8f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5e6ff), color-stop(66%,#96cfea), color-stop(100%,#aad8f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b5e6ff 0%,#96cfea 66%,#aad8f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b5e6ff 0%,#96cfea 66%,#aad8f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b5e6ff 0%,#96cfea 66%,#aad8f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b5e6ff 0%,#96cfea 66%,#aad8f2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5e6ff', endColorstr='#aad8f2',GradientType=0 ); /* IE6-9 */
    -moz-box-shadow:    1px 2px 3px #aaa;
    -webkit-box-shadow: 1px 2px 3px #aaa;
    box-shadow:         1px 2px 3px #aaa;
}

.modQuiz.voting .vote-detail .vote-percent
{
    margin-right: 0;
}

.modQuiz.voting .vote-detail.vote-conclusion
{
    border-bottom: none;
    margin-bottom: 1.2em;
}

.modQuiz.voting .vote-detail.vote-conclusion .vote-content
{
    font-weight: bold;
    text-align: right;
}

.modQuiz  .wrong,
.modQuiz .voteform .answer.unselected
{
    opacity: 0.5;
    filter: alpha(opacity=50);
}


.modQuiz .answer.right,
.modQuiz .voteform .answer.selected
{

}

.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 .linklist .list
{ 

}

.modQuiz .linklist .list li
{ 

}

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


.modPaging
{

}

.modPaging .box
{

}

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

.modPaging .headline
{ 
	
}

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

.modPaging .linklist
{

}


.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
{

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

.modPaging .pagingControls .prev
{
    background: url('http://swrcmtprev.swr.ard:9260/static/ard/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%;
}

/************  MODULE-DESIGN: PREMIUM  ************/

.modGallery
{

}

.modGallery .box
{

}

.modGallery .ressort
{
  display : none;
}

.modGallery  .mediaCon
{
  width: 100%;
  margin: 0 0 8px 0;
  background: #000;
}

.modGallery .mediaLink{

}

.modGallery .mediaCon .xxl
{ 

}

.modGallery .mediaCon .xl
{ 
	
}

.modGallery .mediaCon .m
{ 
	
}

.modGallery .mediaCon .s
{ 
	
}

.modGallery .icon
{ 

}

.modGallery .icon.video
{ 

}

.modGallery .icon.audio
{ 

}

.modGallery .icon.galerie
{  	

}

.modGallery .marke
{ 

}

.modGallery .dachzeile
{ 	
	display : none;
}

.modGallery h2.headline
{
}

.modGallery .teasertext
{ 
	
}

.modGallery .linklist
{ 
	display : none;
}

.modGallery .linklist ul
{ 
	
}

.modGallery .linklist p
{  

}

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

.mod.modGallery .controls.sliding
{
  height: 140px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 120px;
  visibility: hidden;
  z-index: 50;
}

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

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

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

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

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

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

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


.modTable
{ }

.modTable .box
{ }

.modTable .dachzeile
{ }

.modTable .headline
{ }

.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 caption
{
	padding: 8px 0;
	font-size: 1.35em;
}


.modTable .table table td
{
	padding: 6px 4px 6px 4px;
	border-bottom: 1px solid #82a1bf;
	vertical-align: middle;	
}

.modTable .table table td.ttxt, 
.modTable .table table th.ttxt
{
	text-align: left;
}


.modTable .table table td.tnr, 
.modTable .table table th.tnr
{
	text-align: right;
	padding-right: 8px;
}

.modTable .table table td.tpic, 
.modTable .table table th.tpic
{
	
}


.modTable img.tabflagge
{
	border: 1px solid #b5c2cb;
}



.modTable .table table td img
{
	display: block;
	margin: 0 auto;
}





.modTable .table table th
{
	padding: 6px 4px 6px 6px;
	color: #fff;
	text-align: left;
	background: #001a4b;

}


.modTable .table table.thleft
{
	border-top: 1px solid #82a1bf;
}

.modTable .table table.thleft th
{
	padding: 6px 4px 6px 6px;
	color: #000;
	text-align: left;
	background: #e9ebef;
	border-bottom: 1px solid #82a1bf;

}

.modTable .table table th.sortable
{
	cursor: pointer;	
}

.modTable .table table th.sortable:hover
{
	background: #396192;
}


.modTable .table table th.sortable
{
	cursor: pointer;	
	background: #001a4b;
}

.modTable .table table th.sortable.sorted
{
	background: #396192;	
}


.modTable .table table th.sortable a
{
padding-right: 24px;
background:  url('../img/base/icon/arrow_table.png') no-repeat right 0;
}

.modTable .table table th.sorted a
{
padding-right: 24px;
background:  url('../img/base/icon/arrow_table.png') no-repeat right -100px;
}

.modTable .table table th.sorted.reversed a
{
padding-right: 24px;
background:  url('../img/base/icon/arrow_table.png') no-repeat right -200px;
}

.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 .even
{
}

.modTable .entry
{
}

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

.modTable .even
{

}

.modTable p.lastMod
{
	padding: 6px 0;
	text-align: right;
	color: #516384;
	font-size: 0.85em;
}




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


.modStopper
{

}

.modStopper .box
{

}

.modStopper .ressort
{		
	display:none;
}

.modStopper  .mediaCon
{	
	margin: 0;
}

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

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

.modStopper .mediaLink{

}

.modStopper  .mediaCon .xxl
{

}

.modStopper  .mediaCon .xl
{

}

.modStopper .mediaCon .l
{

}

.modStopper  .mediaCon .m
{

}

.modStopper  .mediaCon .s
{

}

.modStopper .icon
{ 

}

.modStopper .icon.video
{ 

}

.modStopper .icon.audio
{ 

}

.modStopper .icon.galerie
{  	

}

.modStopper .marke
{ 

}


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

.modStopper .linklist .more
{  

}

.modStopper .linklist .more strong
{ 

}

.modStopper .linklist .list
{ 

}

.modStopper .linklist .list li
{ 

}

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

.modStopper .controls
{

}

.modStopper .controls .buttons
{

}

.modStopper .controls .prev
{ 

}

.modStopper .controls .next
{
	
}

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

.modHead
{
	
}

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


.sectionA .modHead .headline
{
	font-size: 1.75em;

}

.sectionZ .modHead .headline, 
.sectionB .modHead .headline
.sectionC .modHead .headline
{
	font-size: 1.35em;
	margin-bottom: 4px;

}

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


.modComments
{

}

.modComments .box
{
}

.modComments .teaser
{
}

.modComments .teaserHeadline
{
}

.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 .mediaLink{

}

.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 .icon
{ 

}

.modComments .icon.video
{ 

}

.modComments .icon.audio
{ 

}

.modComments .icon.galerie
{  	

}

.modComments .marke
{ 

}


.modComments .dachzeile
{ 

}

.modComments .headline
{ 
}

.modComments  .teasertext
{ 

}

.modComments .linklist
{ 

}

.modComments .linklist .more
{  

}

.modComments .linklist .more strong
{ 

}

.modComments .linklist .list
{ 

}

.modComments .linklist .list li
{ 

}

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


.modConComments
{

margin: 0 0 12px 0;

}
.modComments .controls
{
}

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


.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;
    margin: -1px 1% 0 1%;
    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;
}

.modComments .controls .buttons
{

}

.modComments .controls .prev
{ 

}

.modComments .controls .next
{
	
}


/************ GLOSSAR IM BEITRAG  ************/


.sectionArticle .modConComments
{
	margin: 0 0 10px 0 ;

}

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




.sectionArticle .modComments
{
}

.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  .mediaCon
{

}

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

.sectionArticle .modComments .mediaLink{

}

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

.mod.modBreakingNews
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	border: 2px solid #bc053b;
}

/* should be in L-View only */
.sectionA .modA.mod.modBreakingNews .box
{
	background: none;
}

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

}

.mod.modBreakingNews .mediaLink
{
}



.mod.modBreakingNews .dachzeile
{ 	
}

.mod.modBreakingNews .headline
{	
}


.mod.modBreakingNews .teasertext
{ 
}

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

.mod.modBreakingNews .linklist ul
{ 
	
}

.mod.modBreakingNews .linklist p
{  

}

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

.mod.modBreakingNews .controls
{

}

.mod.modBreakingNews .controls .buttons
{

}

.mod.modBreakingNews .controls .prev
{ 

}

.mod.modBreakingNews .controls .next
{
	
}

.mod .linklist.lottoA
{ 
	float: left;
	background: #e68200 url('http://swrcmtprev.swr.ard:9260/static/ard/img/base/background/lotto_sprite.png') repeat-x 0 0;
}


.mod .linklist.lottoA ul.list li.additional
{ 

	background: #ffde02 url('http://swrcmtprev.swr.ard:9260/static/ard/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 5% 0 5%;
	width: 89%;
	border-left: 1px solid #f4b402;
	color: #fff;
	float: right;
}


.mod .linklist.lottoB ul.list
{
	margin: 0 0 0 0;
	width: 57%;
	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.8%;
	font-size: 1.2em;
	font-weight: normal;
}

.mod .linklist.lottoB ul.list li
{ 

	border: none;
	font-size: 1em;
	letter-spacing: 2px;
}


.mod .linklist.lottoB
{ 
	float: left;
	width: 100%;
	background: #fff url('http://swrcmtprev.swr.ard:9260/static/ard/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 .linklist.lottoB p.more
{
	min-width: 43%;
}

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


/************ 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 .fr
{
    float: left;
    width: 120px;
	position: relative;
	margin: 8px 8px 0 0;
}

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

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

.modSocialbar .likeCon .iframegp
{
    float: left;
    width: 70px;
	/* border: 1px solid #000; */
	margin: 8px 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 -50px 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;
}



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

.modTicker .linklist ul.liveticker a 
{
	float: left;
    padding: 3px 0;
    width: 100%;
}

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


.modTicker .linklist ul.liveticker li {
    /* border-bottom: 1px solid #FF8400; */
    float: left;
    margin: 0;
    width: 100%;
}
.modTicker .linklist ul.liveticker li span.paarung
{
    float: left;
    width: 75%;
}

.modTicker .linklist ul.liveticker li span.paarung strong
{
	font-weight: normal;	
}

.modTicker .linklist ul.liveticker li span.result {
    /* background: #cee6f5; */
    float: left;
    width: 25%;
    text-align: right;
}


.modTicker .linklist ul.liveticker li span.result.live, 
.modTicker .linklist ul.liveticker li span.result.finished, 
.modTicker .linklist ul.liveticker li span.result span.halftime
{
    letter-spacing: 1px;
}

.modTicker .linklist ul.liveticker li span.result span.special
{
    letter-spacing: 0;
}

.modTicker .linklist ul.liveticker li span.result span.halftime, 
.modTicker .linklist ul.liveticker li span.result span.special 
{ }


.modTicker .linklist ul.liveticker li span.result strong
{ }

.modTicker .linklist ul.liveticker li span.result .halftime
{ }

.modTicker .linklist ul.list.liveticker li span.result.live 
{
  color: #B40000;
}

.modTicker .linklist ul.list.liveticker li .result strong
{
  font-weight: bold;
}







/************  MODULE-DESIGN: LISTE  ************/


.modBroadcastList
{
}

.modBroadcastList .boxCon
{
	height: 300px;
	overflow-y: auto;
	overflow-x: hidden;
	border-bottom: 1px solid #9da4b2;
	border-top: 1px solid #9da4b2;	
}


.modBroadcastList .boxCon.tvCon
{
	overflow-x: visible;
	overflow-y: visible;
}



.modBroadcastList .box
{
	min-height: 80px;
}

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

.modBroadcastList .teaserHeadline
{

}


.mod.modBroadcastList  .mediaCon
{
    width: 50%;
    margin-top: 8px;
    margin-bottom: 0;
}

.modBroadcastList  .media
{

}

.modBroadcastList .mediaLink{

}

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

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

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

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

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

.modBroadcastList .icon
{ 

}

.modBroadcastList .icon.video
{ 

}

.modBroadcastList .icon.audio
{ 

}

.modBroadcastList .icon.galerie
{  	

}

.modBroadcastList .marke
{ 

}


.modBroadcastList .dachzeile
{ 
    font-size: 0.9em;
    margin-bottom: 4px;
}

.modBroadcastList h3.headline
{
	font-size: 1.1em;
    width: 100%;
    margin: 1px 0 2px 0;
    
}

.mod.modBroadcastList  .teasertext
{
    font-size: 1em;
    float: left;
    margin-bottom: 4px;
    line-height: 130%;
}

.mod.modBroadcastList .linklist
{
    width: 48%;
    float: right;
    margin: 8px 0 0 0;
}

.modBroadcastList .linklist .more
{  

}

.modBroadcastList .linklist .more strong
{ 

}

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

.modBroadcastList .linklist .list li
{
	font-size: 0.9em;
    padding: 0 0 0;
}

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

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

.modBroadcastList .controls
{
	background: #fff !important;
}

.modBroadcastList .controls .labels .entries
{
	padding: 6px 0;
}


/************ passive   ************/


.modBroadcastList .controls.paging .labels .entry
{
	letter-spacing: 0.75px;	
}

.modBroadcastList .controls.paging .labels .entry.active, 
.modBroadcastList .controls.paging .labels .entry.passive
{
	padding: 6px 8px;
	font-size: 0.9em;
	cursor: default;
}


.modBroadcastList .controls.paging .labels .entry.passive
{
	color: #467da4;
}

.modBroadcastList .controls.paging .labels .entry a 
{
	padding: 6px 8px;
	display: block;
}

/* diese Anweisung konnnte nicht in die obere mit rein,da es sonst eine multiplikation der anweisungen gegeben haette */
.modBroadcastList .controls.paging .labels .entry a
{
	font-size: 0.9em;	
}

.modBroadcastList .controls.paging .labels .entry.active, 
.modBroadcastList .controls.paging .labels .entry a:hover,
.modBroadcastList .controls.paging .labels .entry a:active,
.modBroadcastList .controls.paging .labels .entry a:focus
{
	background: #dee8f4;
}

.modBroadcastList .controls.paging .labels .entry.active a, 
.modBroadcastList .controls.paging .labels .entry.active a:hover,
.modBroadcastList .controls.paging .labels .entry.active a:active,
.modBroadcastList .controls.paging .labels .entry.active a:focus
{
	padding: 0;
	background: #dee8f4;
}

.modBroadcastList .controls .labels .entry.active a, 
.modBroadcastList .controls .labels .entry a:hover
{
background: #dee8f4;
color: #001a4b;
}

.modBroadcastList .controls .buttons
{

}

.modBroadcastList .controls .prev
{ 

}

.modBroadcastList .controls .next
{
	
}

.modBroadcastList .show-and-hide
{
	position: relative;
}

.modBroadcastList .inputSuggest
{
	height: 180px;
	overflow-y: scroll;
	position: absolute;
	background: #fff;
	left: 0;
	top: 1px;
	box-shadow: 0px 4px 8px #000;
	width: 100%;
}


.modBroadcastList .inputSuggest li a
{
	padding: 5px 6px 5px 6px;
	display: block;
	border-bottom: 1px solid #9DADC7;
	background: #ffffff;	
	line-height: 110%;
}


.modBroadcastList .inputSuggest li a:hover
{
		background: #e9ebef;
}

.modCon.serviceModulTV .modBroadcastList h3.headline, 
.modCon.serviceModulRadio .modBroadcastList h3.headline,
.modCon.serviceModulTV .modBroadcastList p.teasertext, 
.modCon.serviceModulRadio .modBroadcastList p.teasertext
{
	text-overflow: ellipsis;
	width: 310px;
	white-space: nowrap;
	overflow: hidden;
}




/************  MODULE-DESIGN: LINKLISTE  ************/


.modLinkList
{

}

.modLinkList .box
{
  padding-top: 0;
  padding-bottom: 0;
}

.modLinkList .teaser
{

}

.modLinkList .teaserHeadline
{

}


.modLinkList  .mediaCon
{
  display: none;
}

.modLinkList  .media
{

}

.modLinkList .mediaLink{

}


.modLinkList .icon
{ 

}

.modLinkList .icon.video
{ 

}

.modLinkList .icon.audio
{ 

}

.modLinkList .icon.galerie
{  	

}

.modLinkList .marke
{ 

}


.modLinkList .dachzeile
{
  display: none;
}

.modLinkList .headline
{
  border-top: 1px solid #9DADC7;
  font-size: inherit !important;
  font-weight: normal !important;
  float: left !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 4px 0 !important;
}

.modLinkList .headline a
{
  float: left;
  width: 100%;
}

.modLinkList .headline:hover
{
  background: #e9ebef;
}



.modLinkList  .teasertext
{
  display: none;
}

.modLinkList .linklist
{
  display: none;
}

.modLinkList .linklist .more
{  

}

.modLinkList .linklist .more strong
{ 

}

.modLinkList .linklist .list
{
}

.modLinkList .linklist .list li
{
}

.modLinkList .linklist .list li a
{
}

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

.modLinkList .controls
{

}

.modLinkList .controls .buttons
{

}

.modLinkList .controls .prev
{ 

}

.modLinkList .controls .next
{
	
}

/************************************************************************
****************************** PROGRAMM *********************************
************************************************************************/
.section .modCon.modConProgramm { padding: 8px; width: 980px; }

.section .modCon.modConProgramm .boxCon {  }
.section .modCon.modConProgramm .box { padding: 0; width: 100%; }


/* TAGE NAVIGATION */
.modConProgramm .controls { clear: both; float: left; width: 100%; }

/*
.modConProgramm .controls .prev,
.modConProgramm .controls .next { min-width: 30px; background: url("/static/ard/img/base/icon/arrow_blank.png") no-repeat 0 0; }
.modConProgramm .controls .next { float: right; }
.modConProgramm .controls .prev { background-position: 0 -100px; } */

.modConProgramm .mod .controls .entry { width: auto; }
.modConProgramm .mod .controls .entry.active {  }
.modConProgramm .mod .controls .entry.active a {  }


/* PFEILE */ 
.modConProgramm .box .collapseArrow { margin-right: 10px; margin-top: 10px; }

/* auf */
.modConProgramm .box .collapseArrow { background-position: 0 -60px; }
.modConProgramm .box .entries .collapseArrow { background-position: 0 -20px; }

/* zu */
.modConProgramm .box .collapsed .collapseArrow { background-position: 0 -40px; }
.modConProgramm .box .entries .collapsed .collapseArrow { background-position: 0 0; }
		

/* BOX */
.modConProgramm .modHead .box h3 { font-size: 1.25em; }

.modConProgramm .box h3 { 
	margin: 0; padding: 8px 0; 
	font-size: 1.25em; font-weight: normal;
	text-indent: 10%; text-transform: uppercase;
	width: 100%;
	}

.modConProgramm .box h3 a span.senderlogo { font-family: 'ThesisAntiqua', Georgia, serif; text-transform: none; }


/* ENTRIES */
.modConProgramm .box .entries { background: #fff; float: left; width: 100%; }
.modConProgramm .box .entries h3 { text-indent: 0; float: left; font-size: 1em; text-transform: none; }

.modConProgramm .box .entries h3 span.date { float: left; width: 10%; font-weight: normal; display: inline-block; text-align: center; font-size: 1em; line-height: 110%; }
.modConProgramm .box .entries h3 span.trenner { display: block; line-height: 60%; }
.modConProgramm .box .entries h3 span.dachzeile { margin: 0; font-weight: normal; }
.modConProgramm .box .entries h3 span.titel { float: left; font-weight: bold; font-size: 1.12em; }
.modConProgramm .box .entries h3 span.subtitel { clear: both; font-weight: normal; font-size: 0.85em; display: block; padding-top: 6px; }

/* FORTSCHRITTSBALKEN */ 
.modConProgramm .box .entries h3 .fortschritt { display: none; } /* Eintrag offen */
.modConProgramm .box .entries .fortschritt { width: 100%; height: 6px; float: left; }
.modConProgramm .box .entries .fortschritt span { height: 6px; float: left; }

.modConProgramm .box .entries h3.collapsed .fortschritt { display: block; position: absolute; bottom: 0; } /* Eintrag geschlossen */


/* ENTRY */
.modConProgramm .entry { float: left; width: 100%; }

.modConProgramm .entry .metainfo { float: left; width: 10%; display: block; text-align: center; }
.modConProgramm .entry .metainfo a { display: block; white-space: wrap; margin-bottom: 10px; }
.modConProgramm .entry .metainfo img { float: left; display: block; margin: 0 0 2px 5px; }

.modConProgramm .mod .entry .teaser { width: 85%; padding-right: 5%; padding-bottom: 8px; float: right; }

.modConProgramm .mod .entry .teaser .mediaCon { width: 256px; }
.modConProgramm .mod .entry .teaser p.teasertext { float: none; width: auto; }

		/* MIT BILD */
		.modConProgramm .mod .entry .teaser.alignLeft .mediaCon { float: left; padding-right: 10px; } /* Bild links */
 		.modConProgramm .mod .entry .teaser.alignRight .mediaCon { float: right; } /* Bild rechts */

/* BUTTOM */
.modConProgramm .entry .modSocialbar {  }

.modConProgramm .entry .modSocialbar .collapseArrow { background-position: 0 -60px; } /* auf */
.modConProgramm .entry .modSocialbar .collapsed .collapseArrow { background-position: 0 -40px; } /* zu */


/* ENTRY - modMINI */
.section .modCon.modConProgramm .box .teaserbox { float: right; width: 85%; padding: 0 5% 10px 0; }
.section .modCon.modConProgramm .box .teaserbox .teaser { padding: 8px; width: 266px; float: left; }
.section .modCon.modConProgramm .box .teaserbox .teaser .mediaCon { width: 100%; }
.section .modCon.modConProgramm .box .teaserbox .teaser h4 { clear: both; width: auto; float: none; }
.section .modCon.modConProgramm .box .teaserbox .teaser .dachzeile { width: auto; float: none; }



/* TV SENDER LISTE */
.modConProgramm .tv-sender { }
.modConProgramm .tv-sender li { 
	clear: both;
	width: 100%;
	font-family: 'ThesisAntiqua', Georgia, serif; 
	text-transform: none; text-indent: 14.5%; 
	line-height: 150%;
	float: left;
	}
	
.modConProgramm .tv-sender li a { color: #fff; }
.modConProgramm .tv-sender li.active a { color: #5183b1; }

.modConProgramm .tv-sender li a + a { padding: 0 0 0 30px; }



/* FARBEN */
.section .modCon.modConProgramm .boxCon { background: #fff; }
.modCon.modConProgramm .controls { border-bottom: 1px solid #fff; background: #D0C9C4; }

.modConProgramm .mod .controls .entry.active a { color: #001a4b; }

/* HINWEIS TEXT */
.section .modCon.modConProgramm .box.hinweis h3 { background: #E1E7F2; }

/* Ebene 1 */
.modConProgramm .box { background: #E1E7F2; border-bottom: 1px solid #fff; }
.modConProgramm .box h3, 
.modConProgramm .box h3 + .entries,
.modConProgramm .box .entries h3 + .entries { background: #396192; } /* auf */
.modConProgramm .box h3 a { color: #fff; } /* auf */

.modConProgramm .box h3.collapsed,
.modConProgramm .box.calender .controls { 
	/* background: linear-gradient(to bottom, #396192 0%, #12305C 101%) repeat scroll 0 0 transparent; */
	background-image: -webkit-linear-gradient(#396192 0%, #12305C 100%); 
	background-image: -moz-linear-gradient(#396192 0%, #12305C 100%); 
	background-image: -o-linear-gradient(#396192 0%, #12305C 100%); 
	background-image: linear-gradient(#396192 0%, #12305C 100%);
	} /* zu */
	
.modConProgramm .box h3.collapsed a { color: #fff; } /* zu */

/* Ebene 2 */
.modConProgramm .box .entries,
.modConProgramm .box .entries h3 + .entry { background: #fff; color: #001a4b; }
.modConProgramm .box .entries h3 { background: #fff; border-top: 1px solid #E1E7F2; } /* auf */
.modConProgramm .box .entries h3 a { color: #001a4b; } /* auf */

.modConProgramm .box .entries h3.collapsed { background: #E1E7F2; border-top: 1px solid #fff; } /* zu */

.section .modCon.modConProgramm .box .teaserbox .teaser { background: #E1E7F2; margin-bottom: 2px; }
.section .modCon.modConProgramm .box .teaserbox .teaser a { color: #001a4b; }


/* Text */
.modConProgramm .box.calender h3 a { color: #fff; }
.modConProgramm .entry .metainfo,
.modConProgramm .entry .metainfo a { color: #001a4b; }

/* Fortschrittsbalken */
.modConProgramm .box .entries .fortschritt { background: #f0f2f6; }
.modConProgramm .box .entries .fortschritt span { background: #e60026; }


/*** SKIN: ARD ***/

body.ard
{ 
	background: #06376b url('http://swrcmtprev.swr.ard:9260/static/ard/img/ard/background/base.jpg') repeat-x top fixed;
}

body.ard #content
{
	background: none;
}

body.ard .mod .ressort a
{
	color: #fff;
}


/*** RESSORT STYLES ***/



body.ard .ressort
{
	padding: 4px 0;
	margin: 0 0 8px 0;
	color: #fff;
	background: #516384;
	text-indent: 8px;
}

body.ard .ressort.nachrichten
{
    background: #0074cd;
    color: #fff;
}

body.ard .ressort.sport
{
    background: #ff6600;
    color: #000;
}

body.ard .ressort.boerse
{
    background: #ffd33b;
    color: #001a4b;
}

body.ard .ressort.boerse a
{
	color: #001a4b;
}


body.ard .ressort.ratgeber
{
    background: #247e65;
    color: #fff;

}

body.ard .ressort.wissen
{
    background: #58113f;
    color: #fff;

}

body.ard .ressort.kultur
{
    background: #e11500;
    color: #fff;
}






body.ard .ressort.kinder
{
    background: #f50;
}

body.ard .ressort.intern
{
    background: #4f90e1;
    color: #001a4b;
}

body.ard .ressort.fernsehen
{
    background: #001a4b;
    color: #fff;
}

body.ard .ressort.radio
{
    background: #4f90e1;
    color: #001a4b;
}

body.ard .ressort.mediathek
{
    background: #001a4b;
    color: #fff;

}

/* Anweisungen fuer Ressorts in der Stage */


body.ard .modStage .ressort
{

}


body.ard .modStage .ressort 
{

}




body.ard .ressort a
{
	color: #001a4b;
}

body.ard .conHeadline
{
}

body.ard .mod
{
}



/*** Stageslider ***/


body.ard .modMini .ressort
{
    display: block;
}

body.ard .modMini .box.active, 
body.ard .modMini .box.active a
{

}

body.ard .modConStage .modMini .box.active .ressort
{
}

body.ard .modConStage .modMini .box
{
    background-color: #dfe7f0;
	cursor: pointer;
}

body.ard .modMini .box.active a
{
}

body.ard .modConStage .modMini .box.active
{
background: #c5cfdc;	
background: #fff;	

}



/*** SLIDERCONTROLS ***/

body.ard .mod .controls
{
	
}

body.ard .mod .controls .prev
{ 

}

body.ard .mod .controls .next
{

}

body.ard .modGallery .controls
{
	background: transparent;
}

body.ard .modGallery .controls .prev
{ 

}

body.ard .modGallery .controls .next
{

}

/** Fontangaben **/

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

body.ard .mod  .headline

{
	font-weight: bold;
}
	
/** Ueberschrift der Modulcontainer **/

body.ard .conHeadline
{
	font-family: ThesisAntiqua, Georgia, serif;
}

/** C-Sections weiss **/

body.ard .sectionZ, 
body.ard .sectionC
{
	background: #fff;
}

/** Hoehe der Broadcast-Boxen selbst und des gesamten Broadcast-Moduls niedriger **/


body.ard .modBroadcastList .box
{
	min-height: 0;
}

body.ard .modBroadcastList .boxCon
{
	height: 240px;
}


body.ard .modCon.serviceModulTV .modBroadcastList .boxCon,
body.ard .modCon.serviceModulRadio .modBroadcastList .boxCon
{
	height: 280px;	
	overflow: hidden;
}



/*** SKIN: ARD ***/

body.tv
{ 
	background: #fff url('../img/tv/background/base.jpg') repeat-x top;
}

body.tv #content
{
	background: none;
}

body.tv .conHeadline
{

}

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

body.tv .box.active
{
	background: #001a4b;
	color: #fff;
	}
	
body.tv .box.active a
{	color: #fff;	}




/** Ueberschrift der Modulcontainer **/

body.tv .conHeadline
{
	font-family: ThesisAntiqua, Georgia, serif;
}





/*** Stageslider ***/

.tv .modMini .ressort
{
    display: block;
}

.tv .modMini .box.active, 
.tv .modMini .box.active a
{
	cursor: default;
}

.tv .modMini .box.active .ressort
{
	background-color: #001a4b;
}

.tv .modConStage .modMini .box
{
    background-color: #cee0f6;
}

.tv .modMini .box.active .ressort a, 
.tv .modMini .box .ressort a:hover
{
	color: #fff;
}

.tv .modMini .box.active, 
.tv .modMini .box:hover, 
.tv .modMini .box:hover a
	{
	background-color: #001a4b;
	color: #fff;
}





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

#load img
{
    left: 50%;
    margin-left: -45px;
    margin-top: -45px;
    max-width: 99px;
    min-width: 40px;
    position: fixed;
    top: 50%;
    width: 99px;
   }

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

.screenreaderHidden{
	display: none;
	visibility: 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;
}