@charset "UTF-8";
@import url("../_fonts/BEBAS/font_stylesheet.css");
@import url("http://fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("../_css/reset.css");


.rot {color:#FF0000;}
.gruen {color:#00CC00;}

/* LAYOUT */

html { background-color: #FFF; }
body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666;
	font-size: 9px;
}
#myElement {z-index:0;}
iframe {
	width: 100%;
	min-height: 500px;
}
 
#container {
	width: 980px;
	margin: 0 auto;
	padding: 10px;
	border: none;
	text-align: left;
}

.schatten {
	-webkit-box-shadow:0px 0px 20px rgba(0,0,0,.5);
	-moz-box-shadow:0px 0px 20px rgba(0,0,0,.5);
	box-shadow:0px 0px 20px rgba(0,0,0,.5);}

.header {
	border: none;
	background-color: #FFFFFF;
	margin:10px 0;
	padding:0;
	width:100%;
	height:80px;
}
.header img { border: none; padding-right:23px; }
.header .headerleft{
	float: left;
	width: 640px;
}
.header .headerright{
	float: right;
}


/*                     B L U E                     */

.blue { font-size: 1em; color:#005295; }
.blue p {padding-bottom:.5em;} 
.blue a {padding:.1em 1em .2em 1em; margin-left:.3em; margin-right:.3em; }

.blue a,
.blue a:link,
.blue a:visited
	{
	color:#005295;
	font-style:normal;
	text-decoration: none;
	cursor:pointer;
	}
.blue button {
	font-size: 0.9em; 
	font-style:normal;
	text-decoration: none;
	border:none;
	background:none;
	margin:0;
	padding:.1em 1em .2em 1em; 
}	
.blue button:hover i {color:#FFFFFF;}
.blue button:hover {
	background-color: #3B70F6;
	color: #FFF;
	-webkit-box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.5);
	box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.5);
	background: rgba(46,88,184,1);
	background: -moz-linear-gradient(top, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,88,184,1)), color-stop(100%, rgba(59,112,246,1)));
	background: -webkit-linear-gradient(top, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	background: -o-linear-gradient(top, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	background: -ms-linear-gradient(top, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	background: linear-gradient(to bottom, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e58b8', endColorstr='#3b70f6', GradientType=0 );
}


/*                     B L U E - B T N                    */

.blue-btn {
	padding-top:1em; 
	margin-right:.5em; 
	margin-left:0;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	}

.blue-btn a,
.blue-btn button {
	font-style:normal;
	text-decoration: none;
	cursor:pointer;
	color:#FFFFFF;
	font-size:1em;
	padding:.6em 1.2em;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 1px solid #CCC;
	-webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.3);
	background: #1b6394;
	background: -moz-linear-gradient(top, #1b6394 0%, #0c3a59 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #1b6394), color-stop(100%, #0c3a59));
	background: -webkit-linear-gradient(top, #1b6394 0%, #0c3a59 100%);
	background: -o-linear-gradient(top, #1b6394 0%, #0c3a59 100%);
	background: -ms-linear-gradient(top, #1b6394 0%, #0c3a59 100%);
	background: linear-gradient(to bottom, #1b6394 0%, #0c3a59 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b6394', endColorstr='#0c3a59', GradientType=0 );
}


i { margin-right:0.5em;}

.blue a:hover i,
.blue-btn button:hover i,
.blue-btn a:hover i {color:#FFFFFF;}

.blue a:hover,
.blue-btn button:hover,
.blue-btn a:hover {
	background-color: #3B70F6;
	color: #FFF;
	-webkit-box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.5);
	box-shadow:inset 1px 1px 1px 0px rgba(0,0,0,0.5);
	background: rgba(46,88,184,1);
	background: -moz-linear-gradient(top, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,88,184,1)), color-stop(100%, rgba(59,112,246,1)));
	background: -webkit-linear-gradient(top, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	background: -o-linear-gradient(top, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	background: -ms-linear-gradient(top, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	background: linear-gradient(to bottom, rgba(46,88,184,1) 0%, rgba(59,112,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e58b8', endColorstr='#3b70f6', GradientType=0 );
}

.blue-2x a {font-size:2em;}
.blue-2x a i { margin-right:0.6em;}


.blue-3x a{font-size:3em; padding:.6em 1.8em .9em;}
.blue-3x a i { margin-right:0.9em;}

.btn-group {width:160px;}
.btn-group a,
.btn-group button {width:100%}

.no-blue a i,
.no-blue a:link i,
.no-blue a:visited i { color: #005295;}

.no-blue a:hover i {color:#F06;}

.no-red a,
.no-red a:link,
.no-red a:visited { color: #999;}

.no-red a:hover i {color:#F06;}

/*       M E N Ü       */
.menue {
	padding: 0px;
	margin: 8px 0 20px 0;
	border: none;
	height: 41px;
	width: 980px;
	background: #9ab5cb;
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: BEBAS, Arial, sans-serif;
	font-size: 18px;
	line-height: 18px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	
}
.menue .trenner { height:18px; border-left: #FFF dotted 1px; width:1px; margin-top:11px; padding:0; float:left;}
.menue .item { margin: 0; padding:11px 25px 0 25px; height:30px; float:left;}

.menue #navitem a,
.menue .item a {color:#FFFFFF; text-shadow: 0 1px 0 rgba(0,0,0,0.5);}

.menue #navitem a:hover,
.menue .item a:hover {color:#02457E; text-shadow: none;}
.menue .marker {color:#02457E; background:url(../images/marker.png) no-repeat bottom center;}

.menue #navitem {z-index:999000;}
.menue #navitem ul li {padding:7px 4px 0 15px; margin: 0; height:30px; float:left; cursor:pointer; display:block;}
.menue #navitem ul li i {font-size:28px;} 
.menue #navitem ul
{
	list-style:none;
	position:relative;
	float:left;
	display: block;
}

.menue #navitem ul li:hover > ul			/*   ZWEITE  EBENE  SICHTBAR  MACHEN   */
{display:block;}

.menue #navitem ul li ul					/*   NAV  ZWEITE  EBENE  */
{
	display:none;
	position:absolute;
	left:0;
	background: #9ab5cb;
}

.menue #navitem ul li ul li					/*   NAV  ZWEITE  EBENE  */
{
	position:relative;
	float:left;
	padding:11px 25px 0 25px; 
	height:30px;
	color:#FFFFFF;
}



#headmenue, footer {
	position: relative;
	padding: 5px 0 5px 0;
	border: none;
	font-size: 11px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color: #bcbcbc;
	text-align:left;
	line-height:16px;
}

footer {text-align:center; border-top: #FFF dotted 1px; padding:30px 0;}

#headmenue a, footer a {
	cursor: pointer;
	text-decoration: none;
	color: #666666;
	padding: 0 4px;
}
#headmenue a:hover,
footer a:hover { color: #02457E; text-decoration:underline; }

#headmenue .adminbereich {padding: 0 4px;}

.player {
	float: left;
	width: 640px;
	/*height:395px; overflow: hidden;*/
	padding:0px;
	margin: 0;
	border: none;
	}

/*       SIDEBAR auf INDEX       */

.sidebar1 {
	float: right;
	width: 300px;
	background-color: #FFF;
	padding-bottom: 20px;
	color: #FFF;
	font-size: 14px;
}
.sidebar1 .titel {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
	color:#FFF;
	padding-left:10px;
}
.sidebar1 .artist {
	font-size: 11px;
	line-height: 1.3em;
	color:#FFF;
	font-weight: normal;
	padding:6px 4px 0 10px;
}

.block {
	clear: none;
	color: #666;
	float: none;
	font-family: "Lato", Calibri, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	text-align: left;
	width:300px;
	margin-bottom:15px;
	background-color: #FFF;
	border:none;
	padding:0 0 20px;
}
.block .innerblock{
	border-top:1px dotted #999; 
	margin: 5px 0 10px 0;
	padding-top:5px;
	font-size:14px; 
}
.block .innerblock .blue { font-size:16px;}
.block h3 { 
	font-family: "Lato", Calibri, Arial, sans-serif; 
	font-size:16px; 
	color:#02457E; 
	background:url(../images/globe.png) no-repeat 0px 3px; 
	height:36px; 
	padding-left:18px; 
}
.block h2 { font-weight:bold; color:#02457e; padding:10px;}


/*       M A I N       */

#main {
	margin: 0 0 30px 0;
	padding: 40px 20px;
	background-color: #FFF;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: "Lato", Calibri, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: 300;
	line-height: 1.3em;
}

.main  {
	background-color: #FFF;
	font-family: "Lato", Calibri, Arial, sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: 300;
	line-height: 1.3em;
}

#main h1, #main h2, #main h3, #main h4, #main h6, #main table { color: #666; }
.main h1, .main h2, .main h3, .main h4, .main h6, .main table { color: #666; }


#main h1, .main h1 {
	border-bottom: #d7d7d7 solid 1px;
	text-align: right;
	text-transform: uppercase;
	padding: 0px 10px;
	margin: 0 0 30px 0;
	font-size: 16px;
	width:270px;
}

#main h2, .main h2 {
	border-bottom: #d7d7d7 solid 1px;
	text-align: left;
	text-transform: uppercase;
	padding: 0px 10px;
	margin: 0px;
	font-size: 16px;
}

#main h3, .main h3 {
	text-align: left;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}

#main h4, .main h4 {
	text-align: left;
	text-transform: uppercase;
	padding: 10px 0 0 0;
	margin: 0px;
	font-size: 16px;
}
#main .meldung, .main .meldung {background-color:#f5f6f7; border:1px solid #CCC; padding:1em; margin-bottom:1em;}
#main .headline, .main .headline {
	text-transform: uppercase;
	font-family: BEBAS, Arial, sans-serif;
	font-size: 36px;
	line-height: 16px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color:#02457E;
	margin-bottom:50px;
	margin-top:-20px;
}

#main .liste, #main:after,
.main .liste, .main:after {clear:both;}
#main table, .main table {color:#666666;}
#main table tr td table tr td,
.main table tr td table tr td  {padding:0px;}

#main li, #main ol, #main ul,
.main li, .main ol, .main ul { margin-left: 10px }

.info {
	padding:1em;
	z-index:10;
}
.titel {
	padding:1em;
	text-transform: uppercase;
	font-family: BEBAS, Arial, sans-serif;
	font-size: 18px;
	}
.infobackground {background-color:#f1f2f3; border:#666 solid 1px; padding:1em;}

#main .info .rr {color:#900; text-align:right;}
#main .info td {padding:0 5px; margin:0; font-size:0.8em;}
#main .info table {margin-top:8px;}
#main .floatr i {float:right; color:#005295; cursor:pointer;}
#main .floatr i:hover {color:#F06;}
#main .floatr i::after { clear:both;}

.normale_tabelle th,
.listen_tabelle th {
	text-align: left;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height:2em;
}

.listen_tabelle tr { border-bottom:solid 1px #e4e5e6;}

.listen_tabelle td,
.listen_tabelle th { text-align:left;  padding:.5em;}

.listen_tabelle th { vertical-align:bottom;}

.listen_tabelle th a i {font-size:1.2em;}

.sortaktive i {color:#FFF; border:1px solid #CCC; padding:3px;}

.listen_tabelle p { height:30px;}


.normale_tabelle tr { border:none;}
.normale_tabelle td,
.normale_tabelle th { padding:.5em;}

/*----Breaking News Block-----*/

.NewsTickerBlock {
	border-top: 1px solid #bcbcbc;
	border-bottom: 1px solid #bcbcbc;
	color: #21201e;
	height: 28px;
	line-height: 28px;
	padding: 4px 0;
	margin: 0;
	position: relative;
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
}
.NewsTickerBlock .NewsTickerHead {
	padding: 0 10px;
	border-right: 1px solid #bcbcbc;
	vertical-align: top;
	text-transform: uppercase;
	color: #02457E;
	width:60px;
}
.NewsTickerBlock .NewsTickerContent {
	line-height: 2em;
	padding: 1px 5px;
	text-transform: uppercase;
	width:550px;
}
/*
.NewsTickerBlock
{
    margin: 0px; overflow: hidden; width: 100%; position: relative; height: 28px;
}
*/
.BreakingNewsBlock {
	border: 1px solid #ffc45c; /*background: url(/Media/Images/bg_latest_news_bar.png) repeat-x center top;*/
	color: #21201e;
	height: 36px;
	line-height: 28px;
	overflow: hidden;
	position: relative;
}
.BreakingNewsBlock .BreakingH_v2 {
	height: auto;
	text-transform: uppercase;
	background: #f09400;
	color: #fff;
	padding: 0 15px;
}
.BreakingNewsBlock .NewsTickerHead {
	padding: 0 10px;
	border-right: 1px solid #f0e20f;
}
.BreakingNewsBlock #BreakingContent {
	line-height: 1.2em;
	padding: 0 5px;
	max-width: 840px;
	color: #565656;
}
.BreakingNewsBlock #BreakingContent a { color: #565656; }
.BreakingBlock_v2 {
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
}
.Breaking2_v2 {
	font-weight: bold;
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #FB9D04;
}
.NewsTicker {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	text-align: left;
	color: #808080;
	vertical-align: top;
	height: 25px;
}
.Breaking {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana;
	text-decoration: none;
	padding-bottom: 3px;
	text-align: left;
}
.Breaking2 {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	font-family: Verdana;
	text-decoration: none;
	text-align: left;
	background-color: White;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}
.BreakingH {
	font-size: 11px;
	color: black;
	font-family: Verdana;
	text-decoration: none;
	background-color: #b68809;
	text-align: left;
	vertical-align: middle;
	padding: 2px;
	font-weight: bold;
}
/*----End Breaking News Block-----*/

.fltrt {
	float: right;
}
.fltlft {
	float: left;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}


/*     VIDEO ARCHIV    */
.tabellenrand {padding-bottom:10px; z-index:20;} 
.tabellenrand tr td {
	border:solid 1px #999; 
	text-align:center;
	padding:4px 0 0 0;
	text-wrap:none;
	line-height:1.6em;
}

/*     ALLGEMEIN       */
td {vertical-align: top;}
.mittig {text-align:center;}

.erfolgsmeldung,
.fehlermeldung { 
	font-size:1em; 
	line-height:2em;
	background-color:#FC2430; 
	padding:6px 20px; 
	margin-bottom:20px; 
	color:#FFFFFF; 
	font-weight: bold; 
	text-align:center;
}
.erfolgsmeldung {background-color:#009966;}

.space-left {margin-left:0.5em;}
.space-right {margin-right:1em;}
.space-top {margin-top:1em;}
.space-bottom {margin-bottom:1em;}

.slidedown {cursor:pointer; overflow:hidden; height:20px;}
.slidedown:hover { color: #02457E;}

.clear{clear:both;}