/* ### */

/* START OF GENERIC-DEFINTIONS */

/* DEFINITIONS -> RESET -> START */

blockquote, body, canvas, dd, div, dl, dt, figure, form, h1, h2, h3, h4, h5, h6, label, li, p, pre, fieldset, input, ol, select, textarea, ul {
	margin: 0;
	padding: 0;
}

fieldset, img { 
	border: 0;
}

address, caption, cite, code, dfn, th, figcaption, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, figcaption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* DEFINITIONS -> RESET -> END */

/* DEFINITIONS -> BASIC-ELEMENTS -> START */

html {
	font-family: verdana, 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

a {
	color: #00519e;
	outline: 0;
	text-decoration: none;
}

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

a:hover.hamburger , a:focus.hamburger, a:hover.chevron , a:focus.chevron, .linearPager a:hover, .linearPager a:focus   {
	text-decoration: none;
}

p {
	margin-bottom: 20px;
}

h1,
h2,
h3,
h4 {
	font-weight: bold;
	margin-bottom: 15px;
}

ol,
ul {
	margin-bottom: 15px;
	overflow: auto;
}

ol li {
	list-style-type: decimal;
}

ol ol li {
	list-style-type: lower-latin;
}

ol ol ol {
	margin-bottom: 0;
}

ol ol ol li {
	list-style-type: disc;
}

ul li {
	list-style-type: disc;
}

ul ul {
	margin-bottom: 0;
}

ul ul li {
	list-style-type: circle;
}

li {
	margin-left: 14px;
}

/* DEFINITIONS -> BASIC-ELEMENTS -> END */

/* DEFINITIONS -> FORM-ELEMENTS -> START */

select,
textarea {
	display: inline-block;
	font-family: verdana, 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 14px;
	margin: 0;
	vertical-align: top;
}

input {
	display: inline-block;
	font-family: verdana, 'helvetica neue', helvetica, arial, sans-serif;
	font-size: 16px;
	margin: 0;
	vertical-align: top;
	line-height: 18px;
}

/* DEFINITIONS -> FORM-ELEMENTS -> END */

/* END OF GENERIC-DEFINTIONS */

/* ### */

/* START OF SPECIFIC-CLASSES */

/* DEFINITIONS -> BASIC-BOX -> START */

.basicBox {
	background: #e5edf5;
	margin-bottom: 20px;
	padding: 10px;
}

.basicBox .title {
	margin-bottom: 0;
}

/* DEFINITIONS -> BASIC-BOX -> END */

/* DEFINITIONS -> BROADCAST-TABLE -> START */


.broadcastTable td a {
    display:block;
    height:100%;
    width:100%;
}


.broadcastTable tr td {
    padding-left: 0;
    padding-right: 0;
}

.broadcastTable {
	width: 100%;
}

.broadcastTable td {
	padding: 5px 0 5px 10px;
	vertical-align: top;
}

.broadcastTable td:first-child {
	padding-left: 0;
}

.broadcastTable .number {
	text-align: right;
	width: 1px;
}

.broadcastTable .numberHead {
	text-align: right;
	width: 1px;
}

/* DEFINITIONS -> BROADCAST-TABLE -> END */

/* DEFINITIONS -> CLUSTER -> START */

.cluster {
	margin: 0 0 20px;
}

.cluster .title * {
	margin-bottom: 0;
}

.cluster .broadcastTable td {
	border-bottom: #c2c2c2 dotted 1px;
	padding: 8px 0;
}

.cluster .broadcastTable tr:last-child td {
	border-bottom: none;
}

.cluster .broadcastTable .number {
	color: #666666;
}

/* DEFINITIONS -> CLUSTER -> END */

/* DEFINITIONS -> FORMATED -> START */

.formatted b,
.formatted strong {
	font-weight: normal;
	color: #00519e;
	font-size: 14px;
	line-height: 25px;

}


span.formatted {
	font-family: "andale mono", monaco, courier, monospace;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: -0.75px;
}

/* DEFINITIONS -> FORMATED -> END */

/* DEFINITIONS -> FOOTER -> START */

.footer {
    color: white;
}

.footer a {
	color: white;
}

.footer ul {
    background: #00519e ;
    border: white solid 1px;
    border-top: 0;
    list-style-type: none;
    margin: 0 auto;
    padding: 5px 9px;
    width: 405px;
}

.footer li {
	background: url('/static/images/mobil/footer_delimiter.png') left center no-repeat;
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0 12px 0 14px;
}

.footer li.last-child {
	padding-right: 0;
}

.footer li:first-child {
	background-image: none;
	padding-left: 0;
}

/* DEFINITIONS -> FOOTER -> END */

/* DEFINITIONS -> HEADER- -> START */

.header {
	background: #032950;
	margin: 1px 1px;
	padding: 9px 9px 10px;
}

.header .logo {
	float: left;
}

.header .panelChooser {
	float: right;
}

/* DEFINITIONS -> HEADER- -> END */

/* DEFINITIONS -> LINEAR-PAGER -> START */

.linearPager {
	border-bottom: #d9d9d9 solid 4px;
	/*height: 25px;
	margin-bottom: 20px;
	padding-bottom: 10px;*/
	text-align: justify;
	
}
.linearPager:after {
	content: '';
	width: 100%;
	display: inline-block;
	list-style: none;

 }

.linearPager li { 
	display: inline;
	margin:0;
}
.linearPager a {
	background: -moz-linear-gradient(top, white 25%, #ebebeb 100%);
	background: -ms-linear-gradient(top, white 25%, #ebebeb 100%);
	background: -o-linear-gradient(top, white 25%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, white), color-stop(100%, #ebebeb));
	background: -webkit-linear-gradient(top, white 25%, #ebebeb 100%);
	background: linear-gradient(to bottom, white 25%, #ebebeb 100%);
	border: #cccccc 1px solid;
	border-radius: 3px;
	color: #00519e;
	display: inline-block;
	line-height: 23px;
	padding: 0 10px; 
	
}

.linearPager a:hover,
.linearPager a:focus {
	background: -moz-linear-gradient(top, #ebebeb 25%, white 100%);
	background: -ms-linear-gradient(top, #ebebeb 25%, white 100%);
	background: -o-linear-gradient(top, #ebebeb 25%, white 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #ebebeb), color-stop(100%, white));
	background: -webkit-linear-gradient(top, #ebebeb 25%, white 100%);
	background: linear-gradient(to bottom, #ebebeb 25%, white 100%);
}

.linearPager span {
	display: inline-block;
	vertical-align: top;
}

.linearPager span.arrow {
	background: center center no-repeat;
	height: 23px;
	width: 8px;
}

.linearPager span.arrow + span.text {
	margin-left: 10px;
}

.linearPager span.arrow.east {
	background-image: url('/static/images/mobil/arrow_east.png');
}

.linearPager span.arrow.west {
	background-image: url('/static/images/mobil/arrow_west.png');
}

.linearPager span.text + span.arrow {
	margin-left: 10px;
}

.linearPager .backward {
	left: 0;
}

.linearPager .forward {
	right: 0;
}

/* DEFINITIONS -> LINEAR-PAGER -> END */

/* DEFINITIONS -> LOGO -> START */

.logo {
	display: block;
}
.logo:focus {
	outline: -webkit-focus-ring-color auto 1px;
}

.logo img {
	display: block;
}

/* DEFINITIONS -> LOGO -> END */

/* DEFINITIONS -> MASTER -> START */

.master {
	padding: 100px 10px 31px;
}

/* DEFINITIONS -> MASTER -> END */

/* DEFINITIONS -> NAVIGATION -> START */

.navigation {
	margin-bottom: 20px;
}

.navigation .broadcastTable .number {
	color: #666666;
}

/* DEFINITIONS -> NAVIGATION -> END */

/* DEFINITIONS -> PANEL-CHOOSER -> START */

.panelChooser {
	position: relative;
	height: 20px;
	width: 85px;
}

.panelChooser input[type="tel"] {
	border: #cdcbce solid 1px;
	color: #032950;
	display: block;
	height: 18px;
	padding: 0;
	position: absolute;
	text-align: center;
	left: 0;
	width: 34px;
}

.panelChooser input[type="submit"] {
	background: -moz-linear-gradient(top, #fffbf8 25%, #eae9ef 100%);
	background: -ms-linear-gradient(top, #fffbf8 25%, #eae9ef 100%);
	background: -o-linear-gradient(top, #fffbf8 25%, #eae9ef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #fffbf8), color-stop(100%, #eae9ef));
	background: -webkit-linear-gradient(top, #fffbf8 25%, #eae9ef 100%);
	background: linear-gradient(to bottom, #fffbf8 25%, #eae9ef 100%);
	border: #cdcbce solid 1px;
	border-radius: 3px;
	color: #032950;
	display: block;
	line-height: 18px;
	height: 20px;
	padding: 0;
	position: absolute;
	right: 0;
	width: 39px;
}

.panelChooser input[type="submit"]:hover,
.panelChooser input[type="submit"]:focus {
	background: -moz-linear-gradient(top, #eae9ef 25%, #fffbf8 100%);
	background: -ms-linear-gradient(top, #eae9ef 25%, #fffbf8 100%);
	background: -o-linear-gradient(top, #eae9ef 25%, #fffbf8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #eae9ef), color-stop(100%, #fffbf8));
	background: -webkit-linear-gradient(top, #eae9ef 25%, #fffbf8 100%);
	background: linear-gradient(to bottom, #eae9ef 25%, #fffbf8 100%);
}

/* DEFINITIONS -> PANEL-CHOOSER -> END */

/* DEFINITIONS -> SECTION-TITLE -> START */

.sectionTitle {
	color: #666666;
	margin-top: 15px;
}

/* DEFINITIONS -> SECTION-TITLE -> END */

/* DEFINITIONS -> STD -> START */

.std {
	margin: 0 0 20px;
}

.std a.line {
	    display: block;
    width: 100%;
    height: 100%;
}

/* DEFINITIONS -> STD -> END */

/* END OF SPECIFIC-CLASSES */

/* ### */

/* START OF PLUGIN-MODIFIERS */

ivw img {
	display: block;
	left: -1000px;
	position: absolute;
	top: -1000px;
}

/* END OF PLUGIN-MODIFIERS */

/* ### */

/* START OF GLOBAL-MODIFIER-CLASSES */

/* DEFINITIONS -> HELPER-CLASSES -> START */

.clearer {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 1px;
	overflow: hidden;
	visibility: hidden;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.marginBottom_0 {
	margin-bottom: 0;
}

/* DEFINITIONS -> HELPER-CLASSES -> END */

/* Fuer Live-Meldungen etc. */
u {color: #cf0404; text-decoration: none;}

/* END OF GLOBAL-MODIFIER-CLASSES */

/* MENU */
.menuWrapper {
	width:100%;
	background: #032950;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c7a9b', endColorstr='#1b446d',GradientType=0 );
	transition: max-height 300ms cubic-bezier(.29,.66,.52,.91);
	overflow: hidden;
	max-height: 0;
	visibility: hidden;
	opacity: 0;
}
.menu {
	margin: 0 auto;
	max-width: 425px;
	padding: 0 0 1.5em 0;
	color: #efefef;
}

.menu h4 {
	display: table;
	width: 100%;
	margin-bottom: 8px;
}

.menuOpen {
	max-height: 600px;
	transition: max-height 900ms cubic-bezier(.29,.66,.52,.91);
	visibility: visible;
	opacity: 1;
}
.menu ul {
	margin: 1.8em 0 0 0;
}
.menu li {
	list-style: none;
	display: table;
	width: 95%;
	margin-bottom: 8px;
}
.menu li a { 
	color: #efefef;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 100%;
}

.menu ul a {
	display: table-row;
}
.menu ul span {
	display: table-cell;
}

.menu a span:last-child{
	text-align: right;
	padding: 0 10px 0 0;

}
/* Neue Navigation Start */
.browse.top {
	padding: 0 1px;
}
.browse.top ul.horizontal {
	margin: 5px 0 10px;
	padding-bottom: 5px;
	border-bottom: thin solid #dbdbdb;
}
.browse.bottom ul.horizontal {
	margin: 5px 0 10px;
	padding: 5px 0;
	border-bottom: thin solid #dbdbdb;
	border-top: thin solid #dbdbdb;
}
ul.horizontal {
	float: left;
	width: 100%;
}
.content, .nav.bottom, .nav.intern, .nav.top, div#doc, ul.horizontal {
	position: relative;
}
.header ul, ul.horizontal {
	list-style-type: none;
}
ul.four-piece li {
	width: 25%;
}
ul.horizontal li {
	display: block;
	float: left;
	margin: 0;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.browse .back span.icon {
	background-position: -13px -11px;
}
.browse .back a:active span.icon, .browse .back a:focus span.icon, .browse .back a:hover span.icon {
	background-position: -13px -51px;
}
.browse .refresh span.icon {
	background-position: -133px -11px;
}
.browse .refresh a:active span.icon, .browse .refresh a:focus span.icon, .browse .refresh a:hover span.icon {
	background-position: -133px -51px;
}
.browse .previous span.icon {
	background-position: -53px -11px;
}
.browse .previous a:active span.icon, .browse .previous a:focus span.icon, .browse .previous a:hover span.icon {
	background-position: -53px -51px;
}
.browse .next span.icon {
	background-position: -93px -11px;
}
.browse .next a:active span.icon, .browse .next a:focus span.icon, .browse .next a:hover span.icon {
	background-position: -93px -51px;
}
.browse a .icon {
	display: block;
	margin-top: .3em;
	margin-right: auto!important;
	margin-bottom: .35em;
	margin-left: auto!important;
	width: 15px;
	height: 19px;
}
.browse a:hover {
	background-color: #e5edf5;
}
.browse a .icon {
	background-image: url(/static/images/mobil/ardtext_mobil_icons.png);
	background-repeat: no-repeat;
}
.browse li.next a, .browse li.previous a, .browse li.refresh a {
	border-left: thin solid #dbdbdb;
}
.browse ul.horizontal a {
	text-decoration: none;
	display: block;
	padding: 5px;
}
/* Neue Navigation Ende */

@keyframes blink {
  from { opacity: 0; } 
}
.blink {
   animation: blink 1.5s infinite alternate;
 }

.chevron::before {
	border-style: solid;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 1.45em;
	position: relative;
	top: 1.5em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 1.45em;
	left:50%;
	cursor: pointer;
	color: white;
}

.hamburger {
	color:white;
	font-size: 2em;
	float: left;
    margin: 0 10px 0 0;
    display: block;
    cursor: pointer;
}
/* END MENU */
.pageWrapper {
	width: 425px;
	border-left: 1px solid lightgrey;
	border-right: 1px solid lightgrey;
	margin:0 auto;      
	
}

@media all and (max-width: 424px) {
	.pageWrapper {
		width: 100%;
		border: 0;
	}

	.footer {
		width: auto;
	}

	.footer ul {
		width: auto;
	}
}

.reload_btn {
	border-top: 		none!important;
	border-bottom: 		none!important;
	background:			none!important;
	width: 				19%;
  	text-align: 		center;
}
/* fixed header */
.fixedNavigation {
	position: fixed;
    width: inherit;
    background: white;
	z-index: 99;
}
@media all and (min-width: 460px) and (max-width: 768px) {
	.fixedNavigation {
		position: relative;
	}
	.pageWrapper {
		width: 100%;
	}

	.master {
		padding: 9px 9px 10px;
	}
	.footer ul {
		width: 100%;
		text-align: center;
	}
	.linearPager {
		padding: 0 10px;
	}	
}



.tdOdd {
	background-color: #f0f0f0;
}

.tdEven {
	background-color: #ffffff;
}

body.dark .tdOdd {
	background-color: #000000;
}

body.dark .tdEven {
	background-color: #3d3d3d;
}

body.dark {
	background-color: #060606;
	color: #efefef;
}
body.dark a {
	color: white;
}
body.dark .fixedNavigation {
	background-color: #060606;
}
body.dark .basicBox {
	background-color: #2f2f2f;
}

body.dark .browse a .icon {
	background-image: url(/static/images/mobil/ardtext_mobil_icons-darkmode.png);
	background-repeat: no-repeat;
}

body.dark .sectionTitle {
	color: white;
}
body.dark .formatted strong {
	color: white;
}


.horizontal a:hover, a:focus {
	background-color: #e5edf5;
}

a.hamburger:focus {
	background-color: transparent;
	outline: -webkit-focus-ring-color auto 1px;
}


body.dark .formatted b {
	color: white;
}

.menu ul a {
	display: table;
	width: 100%;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 100%;
}