/* Navigation linke Spalte, erste und zweite Hierarchiestufe */
#LeftNav { position: relative; top: 0; left: 8px; height: auto; width: 133px; margin: 0 ; padding: 7px 0 25px 0; list-style-image: none; list-style-type: none; line-height: normal;  clear: both; overflow: hidden; }
#LeftNav li { width: 133px; float: left; background-color: transparent; background-image: url(/pics/_navigation/n_bg_unternav.gif); background-position: right bottom;background-repeat: no-repeat; padding: 0 0 3px 0; margin: 0 0 3px 0; list-style-image: none; list-style-type: none; line-height: 1em;  }
#LeftNav li a { display: block; margin: 0; padding: 0; background: transparent; overflow: hidden; }
#LeftNav ul.Lvl2 { position: relative; top: 0; left: 6px; height: auto; width: 133px; padding: 8px 0 0 0; margin: 0px; background transparent url(/pics/_navigation/n2_schatten_unav.gif) left top no-repeat; list-style-image: none; list-style-type: none; line-height: normal; }
#LeftNav ul.Lvl2 li { display: block; width: 100px; margin: 0; padding: 0 0 8px 10px; background: transparent; list-style-image: none; list-style-type: none; line-height: 1em;  } 
#LeftNav ul.Lvl2 li a,
#LeftNav ul.Lvl2 li a.visited,
#LeftNav ul.Lvl2 li a.active,
#LeftNav ul.Lvl2 li a.link { padding: 0; margin: 0; background: transparent;  overflow: visible; font-size: 11px; font-weight: normal; line-height: 11px; color: #000000; text-decoration: none;  }
#LeftNav ul.Lvl2 li a:hover { font-weight: normal; color: #ed001f; text-decoration: none; }
#LeftNav ul.Lvl2 li.selected a, 
#LeftNav ul.Lvl2 li.selected a:visited, 
#LeftNav ul.Lvl2 li.selected a:active, 
#LeftNav ul.Lvl2 li.selected a:link, 
#LeftNav ul.Lvl2 li.selected a:hover { line-height:11px; font-weight: bold; color: #ed001f; }

/* Subnavigation im Contentbereich, dritte und vierte Hierarchiestufe */
.ContentNav  { position: relative; top: 0; left: 0; width: 572px; border: 0; padding: 0 0 10px 0; margin: 0; background-color: transparent; overflow: hidden; }
.ContentNav table { width: 575px; border: 0; padding: 0; margin: 0; background-color: transparent; }
.ContentNav td { height: 33px; padding: 0; margin: 0; background-color: transparent; overflow: hidden; border-right: 3px solid white; }
.ContentNav span,
.ContentNav a,
.ContentNav a:visited,
.ContentNav a:active,
.ContentNav a:link { display: block; width: 100%; padding: 10px 0; text-align: center; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; white-space: nowrap; } 
.Lvl3 a,
.Lvl3 a:visited,
.Lvl3 a:active,
.Lvl3 a:link { background: #ffffff url(/pics/_navigation/n_bg_reiter_0a.gif) top left repeat-x; text-transform: uppercase; }
.Lvl3 a:hover { background: #ffffff url(/pics/_navigation/n_bg_reiter_1a.gif) top left repeat-x; color: #ec001f; }
.Lvl3 span.selected,
.Lvl3 a.selected, 
.Lvl3 a.selected:visited,
.Lvl3 a.selected:active,
.Lvl3 a.selected:hover { background: #ffffff url(/pics/_navigation/n_bg_reiter_1a.gif) top left repeat-x; font-weight: bold; color: #ec001f; }
.Lvl4 a,
.Lvl4 a:visited,
.Lvl4 a:active,
.Lvl4 a:link { background: #ffffff url(/pics/_navigation/n_bg_reiter_0b.gif) top left repeat-x; }
.Lvl4 a:hover { background: #ffffff url(/pics/_navigation/n_bg_reiter_1b.gif) top left repeat-x; color: #ec001f; }
.Lvl4 span.selected,
.Lvl4 a.selected,
.Lvl4 a.selected:visited,
.Lvl4 a.selected:active,
.Lvl4 a.selected:hover { background: #ffffff url(/pics/_navigation/n_bg_reiter_1b.gif) top left repeat-x; font-weight: bold; color: #ec001f; }

/* Kleine Boxen linke und rechte Spalte */
.Portlet { position: relative; top: 0; left: 14px; height: auto; width: 133px; margin: 0; background-color: transparent; background-image: url(/pics/_backgrounds/i_bg_teaser_li.gif); background-position: top left; background-repeat: repeat-y; overflow: hidden; }
.Portlet .Header { position: relative; top: 0; left: 0; z-index: 20; width: 100%; padding: 0; margin: 0; xmargin: 0 0 -10px 0; clear: both; overflow: hidden; }
.Portlet .Content { position: relative; top: 0; left: 0; z-index: 10; width: 100%; height: auto; padding: 7px 7px 0px 0; margin-bottom: -8px; background-color: transparent; background-image: url(/pics/_backgrounds/i_schatten_teaser_o_li.gif); background-position: top left; background-repeat: no-repeat; clear: both; overflow: hidden; }
.Portlet .Footer { position: relative; bottom: 0; left: 0; width: 100%; height: 15px; margin-bottom: 0px; background-color: transparent; background-image: url(/pics/_backgrounds/i_schatten_teaser_u_li.gif); background-position: bottom left; background-repeat: no-repeat; clear: both; overflow: visible; }
.Portlet .Content img { float: left; clear: both; overflow: hidden; }
.Portlet .Content .VotePortlet {font:normal 11px Arial; }
.Portlet .Content .VotePortlet .text {padding:0 10px 10px 10px; }
.Portlet .Content .VotePortlet A {font:normal 11px Arial; color:#eb001f text-decoration:underline;}


.PortletTabelle { z-index: 100; }
.PortletTabelle,
.PortletTabelle .Content,
.PortletTabelle .Content .Body { position: relative; overflow: visible; }
.PortletTabelle .Content .Body { width: 126px; }
.PortletTabelle .Content .Tabelle { width: 126px; padding: 0; margin:  0px 0 0px 0; background: transparent url(/pics/_backgrounds/hg_tabelle_top.gif) top left no-repeat; border: 0; line-height: 12px; }
.PortletTabelle .Content .Tabelle tr.RowBG td { background: #e3e3e3 !important; }
.PortletTabelle .Content .Tabelle tr.RowColor td { background: #ffffff;  }
.PortletTabelle .Content .Tabelle th { padding: 3px 0px 3px 3px; } 
.PortletTabelle .Content .Tabelle td { padding: 2px 0px 2px 3px; } 
.PortletTabelle .Content .Button { display: block; padding: 4px 4px; clear: both; overflow: hidden;  }
.PortletTabelle .Content #tabelle_small { position: relative; width: 126px; z-index: 1; overflow: hidden; }
.PortletTabelle .Content #tabelle_full { xposition: absolute; top: 0; left: 0; width: 126px; z-index: 10; overflow: hidden;  }

.Banner { position: relative; top: 0; left: 14px; width: 126px; text-align: left; margin: 0; background: transparent; overflow: hidden; clear: both; }

/* Variation der kleinen Boxen fuer die rechte Spalte */
#ColumnRight .Portlet { position: relative; top: 0; left: 0px; background-image: url(/pics/_backgrounds/i_bg_teaser_re.gif); }
#ColumnRight .Portlet .Content { padding: 7px 0 0px 7px; background-image: url(/pics/_backgrounds/i_schatten_teaser_o_re.gif); }
#ColumnRight .Portlet .Footer { background-image: url(/pics/_backgrounds/i_schatten_teaser_u_re.gif); }
#ColumnRight .Banner { left: 6px; text-align: right; }

/* Boxen mittlere Spalte */
/* Box Standard */
.Box { position: relative; top: 0; left: 0px; height: auto; width: 585px; margin: 0; background: white url(/pics/_backgrounds/bg_content.gif) top left repeat-y; clear: both; overflow: hidden; }
.Box .Header { position: relative; top: 0; left: 0px; z-index: 20; width: 100%; margin-bottom: -10px; }
.Box .Content { position: relative; top: 0; left: 0; z-index: 10; width: 572px; height: auto; padding: 7px 8px 0 6px; margin-bottom: -6px; background: transparent url(/pics/_backgrounds/i_schatten_oben_1spaltig.gif) top left no-repeat; clear: both; overflow: hidden; }
.Box .Footer { position: relative; bottom: 0; left: 0; width: 100%; height: 13px; background-color: transparent; background-image: url(/pics/_backgrounds/i_schatten_unten_1spaltig.gif); background-position: bottom left; background-repeat: no-repeat; clear: both; }
.Box .Content .Headline { padding: 0 10px; }
.Box .Content p.Textblock { padding: 0 10px 10px 10px; }


/* Schlagzeilen */
#NewsBox {
	border: 1px solid #c1c1c1;
	width: 570px;
	margin: 3px 0px 10px 6px;
}
#NewsBox .headline {
	margin: 0;
	padding: 0;
	height: 42px;
	background-color: #fff;
	float: left;
	width: 570px;
}
#NewsBox .headline h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #EF001F;
	margin: 15px 0px 10px 10px;
}

/* Sponsor Background Image */
.Box .Content .SponsorImage { position: absolute; top: 11px; left: 210px; z-index: 1; width: 242px; height: 60px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }

/* Breadcrumb */
.Box .Content .breadcrumb { position: relative; top: 0px; left: 0px; z-index: 2; width: 100%; margin-bottom: -18px; padding: 12px 0px 0 8px; clear: both; overflow: hidden; }
.Box .Content .breadcrumb .eintrag { position: relative; float: left; padding: 0px 10px 0px 0px; color: #eb001f; }

/* 3-Spaltige Box */
.Box3Cols { position: relative; top: 0; left: 0px; height: 274px; width: 585px; margin: 0; background: white url(/pics/_backgrounds/bg_3spaltig.gif) top left repeat-y; clear: both; overflow: hidden; }
.Box3Cols .Content { position: relative; top: 0; left: 0; z-index: 10; width: 100%; height: auto; padding: 7px 8px 0 6px; margin-bottom: -6px; background: transparent url(/pics/_backgrounds/i_schatten_oben_3spaltig.gif) top left no-repeat; clear: both; overflow: hidden; }
.Box3Cols .Footer { position: relative; bottom: 2px; left: 0; width: 100%; height: 13px; background-color: transparent; background-image: url(/pics/_backgrounds/i_schatten_unten_3spaltig.gif); background-position: bottom left; background-repeat: no-repeat; clear: both; }
html>body .Box3Cols .Footer { bottom: 0px; }

/* 3-Spaltige Box */
.TeaserBoxen { width: 572px; margin: 0; background: transparent; clear: both; overflow: hidden; }

/* Container einzelne Spalte in der 3-Spaltigen Box */
.TeaserBox { position: relative; top: 0px; left: 0px; float: left; height: 260px; width: 184px; padding: 0; margin: 0 10px 0 0; background: transparent; overflow: hidden; }
.TeaserBox .Head { position: relative; top: 0px; left: 0px; width: 100%; height: 12px; padding: 12px 10px 13px 10px; margin: 0; background-color: transparent; background-image: url(/pics/_backgrounds/i_header_3spaltig.jpg); background-position: top left; background-repeat: repeat-y; font-size: 14px; font-weight: bold; line-height: 14px; color: #ffffff; text-transform: uppercase; overflow: hidden; }
.TeaserBox .Body { height: 248px; padding: 15px 10px 18px 10px; margin: 0; background: transparent; line-height: 18px; clear: both; overflow: hidden; }
.TeaserBox .Body h1 { margin: 0; font-size: 14px; font-weight: bold; line-height: 18px; }
.TeaserBox .Body h2 { margin: 0; font-size: 12px; font-weight: bold; line-height: 18px; }
.TeaserBox li { line-height: 22px; }

.TeaserBoxen td { text-align: left; vertical-align: top; padding: 0 10px 0 0; background: transparent url(/pics/_backgrounds/bg_teaser.gif) top left repeat-y; }
.TeaserBoxen td .TeaserBox { width: 184px; padding: 0; margin: 0; background: transparent; overflow: hidden; }
.TeaserBoxen .BoxForm { text-align: right; padding: 0 10px 0 0; }

.flexible .TeaserBox { height: auto; }
.flexible .TeaserBox .Body { height: auto; }

.TeaserBox.vfbtv .Head { position: relative; top: 0px; left: 0px; width: 100%; height: 12px; padding: 12px 10px 13px 10px; margin: 0; background-color: transparent; background-image: url(/pics/_backgrounds/i_header_vfbtv_3spaltig.jpg); background-position: top left; background-repeat: repeat-y; font-size: 14px; font-weight: bold; line-height: 14px; color: #ffffff; text-transform: uppercase; overflow: hidden; }
.TeaserBox.vfbtv .Body { height: 248px; padding: 0; background: #95a7b3 url(/pics/_backgrounds/hg_teaserbox_vfbtv.jpg) 0 0 no-repeat; line-height: 18px; clear: both; overflow: hidden; }
.TeaserBox.vfbtv .Body .Txtblock { padding: 15px 10px 18px 10px; }
.TeaserBox.vfbtv .Body .Txtblock .ImageLink { width: 100%; padding-top: 10px; float: none; text-align: right; }

.TeaserBox.vfbtvReg .Head { position: relative; top: 0px; left: 0px; width: 100%; height: 12px; padding: 12px 10px 13px 10px; margin: 0; background-color: transparent; background-image: url(/pics/_backgrounds/i_header_vfbtv_3spaltig.jpg); background-position: top left; background-repeat: repeat-y; font-size: 14px; font-weight: bold; line-height: 14px; color: #ffffff; text-transform: uppercase; overflow: hidden; }
.TeaserBox.vfbtvReg .Body { height: 248px; padding: 0; padding: 15px 10px 18px 10px; background: #95a7b3 url(/pics/_backgrounds/hg_teaserbox_vfbtv.jpg) 0 0 no-repeat; line-height: 18px; clear: both; overflow: hidden; }
.TeaserBases td.vfbtvReg .BoxForm,
.TeaserBases td.vfbtvReg .BoxBase { background: #95a7b3 url(/pics/_backgrounds/hg_teaserbox_vfbtv.jpg) bottom left no-repeat; }

/* Tabellenmodul breit */
.Tabelle { width: 572px; margin: 2px 0 0 0; padding: 0; border: 0; background: transparent url(/pics/_backgrounds/i_bg_tabelle.jpg) top left no-repeat; font-size: 11px; line-height: 14px; font-weight: normal; }
.Tabelle.BG2 { background: transparent url(/pics/_backgrounds/i_bg_tabelle2.jpg) top left no-repeat; }
/* .Tabelle th, .Tabelle td { padding: 4px 10px 3px 10px; background: transparent; text-align: left; vertical-align: top; overflow: hidden; } */
.Tabelle th, .Tabelle td { padding: 4px 2px 3px 10px; background: transparent; text-align: left; vertical-align: top; overflow: hidden; } 
.Tabelle th { height: 14px; font-weight: bold; color: #ffffff; }
.Tabelle td { height: 15px; }
.Tabelle td.Image { width: 1px; padding: 1px 0px 1px 0; margin: 0; }
.Tabelle a.Tickerlink { padding: 0 0 0 20px; }
.Tabelle .RowBG td { background: transparent; }
.Tabelle .RowColor td { background: #ffffff; }
.Tabelle .minimized { width: 1px; }
.Tabelle .zentriert { text-align: center; }
.Tabelle .links { text-align: left; }
.Tabelle .rechts { text-align: right; }
.Tabelle .fett { font-weight: bold; }
.Tabelle .noleftpad { padding-left: 0px; }
.Tabelle .leftborder { border-left: 1px solid #ffffff; }

.Tabelle .RowCategory1 td, 
.Tabelle .RowCategory1a td, 
.Tabelle .RowCategory2 td { vertical-align: middle; background-color: transparent; line-height: 18px; }
.Tabelle .RowCategory1 td { border-bottom: 1px solid #ffffff; border-top: 2px solid #ffffff; }
.Tabelle .RowCategory1a td { border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; }
.Tabelle .RowCategory2 td { border-bottom: 1px solid #ffffff; border-top: none; }
.Tabelle .RowCategory3 td { padding-right: 2px; vertical-align: top; background-color: transparent; border-top: 1px solid #ffffff; line-height: 18px; }

.Tabelle.Wide { line-height: 16px; }
.Tabelle.Wide th { padding: 2px 10px 3px 10px; }
.Tabelle.Wide td { padding: 7px 10px 9px 10px; }


/* Schlagzeilenmodul Homepage 
Änderung am 27.5.2008 von Riccardo Carano

Cell_1 - 3 hat jetzt eine Breite von 100px anstatt 61px.
*/
.NewsTable { width: 570px; padding: 0; margin:  0px 0 0px 0; background: transparent url(/pics/_backgrounds/bg_schlagzeile.gif) top left repeat-y; border: 0; line-height: 12px; }
.NewsTable tr.RowBG { padding: 0; background: transparent; }
.NewsTable tr.RowColor { padding: 0; background: #ffffff;  }
.NewsTable td { padding: 7px 20px 7px 10px; }
.NewsTable .Cell_1 { width: 58px; }
.NewsTable .Cell_2 { width: 130px; color: #666666; white-space:nowrap; padding: 7px 0;}
.NewsTable .Cell_3 { width: 322px; }

.Ticketing { width: 572px; overflow: hidden; }
.Ticketing .Tabelle th, .Ticketing .Tabelle td { padding: 4px 0px 3px 10px; }

/* Tabellenmodul schmal Homepage */
.TeaserBox .NewsTable { width: 184px; margin: 13px 0 18px 0; background-image: url(/pics/_backgrounds/bg_bl_tab_home.gif); }
.TeaserBox .NewsTable td { padding: 7px 10px 7px 10px; }
.TeaserBox .NewsTable .Cell_1 { width: 2px; }
.TeaserBox .NewsTable .Cell_2 { width: 140px; }

.FloatingElem { position: relative; top: 0; left: 0; float: left; }
.hilited { color: #eb001f; }

/* Einspaltiges Modul fuer den Artikel */
.Layout_1Columns { position: relative; top: 0; left: 0; width: 572px; padding: 0 0 0 0; clear: both; overflow: hidden; }
.Layout_1Columns .ImageLarge { position: relative; top: 0; left: 10px; }
.Layout_1Columns .Column1 { position: relative; top: 0; left: 0; float: left; width: 0px; padding: 0 5px 0 10px; overflow: hidden; display: none; }
.Layout_1Columns .Column2 { position: relative; top: 0; left: 0; float: left; width: auto; padding: 0 40px 0 10px; overflow: hidden; }
html>body .Layout_1Columns .Column1 { float: none; } 

/* Zweispaltiges Modul fuer den Artikel */
.Layout_2Columns { position: relative; top: 0; left: 0; width: 572px; padding: 0 0 0 0; clear: both; overflow: hidden; }
.Layout_2Columns .Column1 { position: relative; top: 0; left: 0; float: left; width: 174px; height: auto; padding: 0 5px 0 10px; overflow: hidden; }
.Layout_2Columns .Column1 .Galerie { position: relative; top: 0; left: 0; width: 174px; background: transparent url(/pics/_backgrounds/i_bg_bildergalerie.jpg) top left repeat-y; clear: both; overflow: hidden;  }
.Layout_2Columns .Column1 .Galerie .Headline { position: relative; top: 0; left: 0; padding: 0; }
.Layout_2Columns .Column1 .Galerie .links    { position: relative; top: 0; left: 0; width: 84px; height: 70px; padding: 0px 0px 2px 2px; overflow: hidden; float: left; clear: left; }
.Layout_2Columns .Column1 .Galerie .rechts   { position: relative; top: 0; left: 0; width: 84px; height: 70px; padding: 0px 0px 2px 2px; overflow: hidden; float: left; }
.Layout_2Columns .Column1 .Galerie .Subtitle { padding: 6px 10px 10px 10px; font-size: 11px; color: #ffffff; }
.Layout_2Columns .Column2 { position: relative; top: 0; left: 0; float: left; width: auto; padding: 0 40px 0 10px; overflow: hidden; }
html>body .Layout_2Columns .Column2 { float: none; }

/* Textblock Artikel */
.Textblock .Subtitle { margin-bottom: 10px; font-size: 11px; line-height: 11px; font-weight: normal; color: #666666; }
.Textblock h1 { padding: 0; margin: 0 0 25px 0; font-size: 24px; font-weight: bold; line-height: normal; color: #eb001f; }
.Textblock h2 { padding: 0; margin: 0; font-size: 12px; font-weight: bold; color: #000000; }
.Textblock.Hint { font-size: 10px; line-height: 14px; color: #eb001f; }

/* Zeilenmodul */
.Zeile { position: relative; top: 0; left: 0; width: 572px; padding: 0; clear: both; overflow: hidden; }
.ZeileBG { background: transparent url(/pics/_backgrounds/i_bg_tab.gif) top left repeat-y; }
.ZeileColor { background: white; }
.Zeile .Spalte_140px { position: relative; top: 0; left: 0; float: left; width: 120px; padding: 10px 10px; overflow: hidden; }
.Zeile .Spalte_412px { position: relative; top: 0; left: 0; float: left; width: 392px; padding: 10px 10px; overflow: hidden; }
.Zeile .Spalte_572px { position: relative; top: 0; left: 0; float: left; width: 552px; padding: 10px 10px; overflow: hidden; }
.Zeile .Spalte_284px { /* TODO: fuer den spielplan */ }
.ZeileTH { padding: 4px 10px 3px 10px; height: 14px; background: transparent url(/pics/_backgrounds/head_tabelle_dunkelgrau.gif) top left repeat-y; font-size: 11px; line-height: 14px; font-weight: bold; color: #ffffff; }
.ZeilePlayers { padding: 0px 10px; background: transparent; }
.ZeileImages { padding: 0px 10px 0px 115px; background: transparent; }
.ZeileText { padding: 10px 10px 0px 115px; height: 45px; background: transparent; }

.ZeileImages .Image { position: relative; top: 0; left: 0; float: left; }
.ZeileImages .Image.einer { width: 320px; margin: 10px 0 0 0; }
.ZeileImages .Image.dreier { width: 128px; margin: 15px 28px 0 0; }
.ZeileImages .Image.vierer { width: 87px; margin: 20px 30px 0 0; }


.Zeile .Spalte_572px h3 { margin: 0; padding: 0; font-size: 13px; font-weight: normal; line-height: 20px; color: #ec001f; }
.Zeile .Spalte_572px h4 { margin: 0; padding: 0; font-size: 11px; font-weight: bold; line-height: 16px; }
.Zeile .Spalte_572px .Subheader { margin: 0; padding: 0; font-size: 11px; font-weight: normal; line-height: 12px; color: #666666 }


/* Flash Modul */
.Flashcontainer { background: transparent; padding: 5px; }
.Slideshow { position: relative; top: 0; left: 10px; width: 572px; padding: 0; clear: both; overflow: hidden; }

/* TeaserListing Modul */
.TeaserListing { width: 572px; padding: 0; margin: 0 0 0 0; clear: both; overflow: hidden; }

.Filter { padding: 0 10px; margin: 0 0 20px 0; clear: both; }
.Filter form { margin-bottom: 40px; clear: both; overflow: hidden; }
.Filter label { margin: 0 5px 0 0; font-size: 11px; font-weight: normal; color: #000000;  vertical-align: middle; }
.Filter select { margin: 0 5px 0 0; padding: 0; background-color: #ffffff; border: 1px solid #666666; font-size: 11px; line-height: 11px; color: #000000; vertical-align: middle; }
.Filter input.Submit { padding: 0; margin: 0 0 0 4px; background-color: transparent; border: none; vertical-align: middle; }

.BatchNavigation { padding: 10px 10px; margin: 0 0 0 auto; text-align: right; clear: both; overflow: hidden; font-size: 11px; line-height: 12px;  }
.BatchNavigation a,
.BatchNavigation a:visited,
.BatchNavigation a:active,
.BatchNavigation a:link,
.BatchNavigation a:hover { padding: 0 0 0 4px; }
.BatchNavigation span { padding: 0 0 0 4px ; color: #000000; }
.BatchNavigation .selected { font-weight: bold; color: #000000; } 


/* Teaser sind alle News/Zeitungs- usw. Vorschauschnipsel innerhalb der Listings
* mit oder ohne Bild und Infotext */
.Teaser { position: relative; left: 0; top: 0; width: 100%; padding: 0; margin: 0 0 5px 0; background: transparent url(/pics/_backgrounds/i_bg_tab.gif) top left repeat-y; clear: both; overflow: hidden; }
.Teaser87x87px { height: 87px; }
.Teaser142x63px { height: 63px; }
.Teaser174x118px { height: 118px; }
.Teaser .Pic { position: relative; left: 0; top: 0; float: left; width: auto; height: auto; padding: 0; margin: 0; }
.Teaser87x87px .Pic { width: 87px; height: 87px; }
.Teaser142x63px .Pic { width: 142px; height: 63px; }
.Teaser174x118px .Pic { width: 174px; height: 118px; }
.Teaser .Info { position: relative; left: 0; top: 0; float: left; width: auto; height: auto; padding: 10px 25px 10px 10px; margin: 0; overflow: hidden; font-size: 11px; line-height: 16px;  }
html>body .Teaser .Info { float: none; }
.Teaser .Info h3 { margin: 0; padding: 0; font-size: 13px; font-weight: normal; line-height: 20px; color: #ec001f; }
.Teaser .Info h4 { margin: 0; padding: 0; font-size: 11px; font-weight: bold; line-height: 16px; }
.Teaser .Info .Subheader { margin: 0; padding: 0; font-size: 11px; font-weight: normal; line-height: 12px; color: #666666 }

/* Teaser mit Zeitstrahl */
.ZeitstrahlSpitze { width: 100%; height: 21px; background: transparent url(/pics/_backgrounds/zeitstrahl_spitze.jpg) right top no-repeat; }
.Teaser.Zeitstrahl { height: 118px; overflow: visible;  }
.Teaser.Zeitstrahl .Pic { width: 174px; height: 118px; }
.Teaser.Zeitstrahl .Date { position: absolute; right: 0px; top: 0px; width: 100px; height: 113px; padding: 10px 34px 0 0; text-align: right; color: #ec001f; font-size: 11px; font-weight: bold; background: transparent url(/pics/_backgrounds/zeitstrahl_koerper.jpg) right top no-repeat; }
.Teaser.Zeitstrahl .Info { width: 270px; }

/* LinkListing */
.LinkListing { padding: 0 10px; }
.LinkListing.Narrow { width: 353px; margin: 0 10px 0 auto; padding-left: 0; }
.LinkListing h1.Headline { margin-bottom: 15px; padding: 0 !important; }
.LinkListing h2 { margin: 0; padding: 10px 0 6px 0; font-weight: bold; color: #000000; font-size: 12px; line-height: 18px; }

.DownloadLink { position: relative; top: 0; left: 0;  display: block; width: auto; padding: 0 0 4px 0px; margin: 4px 0 4px 0; background: transparent; }
.DownloadLink img { position: static; top:0; left: 0; float: left; width: 22px; height: 22px;  } 
.DownloadLink span { position: relative; top:0; left: 0px; display: block; float: none; width: auto; padding: 0 10px 0 30px;  } 

.ImageLink { display: block; width:1px; padding: 0; margin: 10px 0 10px 0; background: transparent; }
.TextLink { display: block; padding: 0; margin: 0px 0 10px 0; background: transparent; }
.TopLink { display: none; width:1px; padding: 0; margin: 10px 0 10px 0; background: transparent; }

.Portrait { position: relative; top: 0; left: 0; float: left; width:266px; padding: 0 10px; }
.Portrait .Pic { float: none; margin: 0 0 30px 0; }
.Portrait .Links { margin: 0 0 35px 0; }
.Portrait h4 { margin: 0; padding: 0; font-size: 12px; font-weight: bold; line-height: 18px; }

.PortraitSmall { position: relative; top: 0; left: 0; float: left; width:174px; padding: 0 0 0 10px; margin: 0; }
.PortraitSmall .Pic { float: none; margin: 0; }
.PortraitSmall .PicSubtitle { background-color: #e4e4e4; padding: 10px; font-size: 11px; line-height: 12px; }

/* Abstand Module oben */
.TopSpacer { height: 35px; }
.ImgSpacer { line-height: 10px; font-size: 1px; }
.Spacer10px { height: 10px; line-height: 1px; font-size: 1px; }
.Spacer20px { height: 20px; line-height: 1px; font-size: 1px; }
.Spacer25px { height: 25px; line-height: 1px; font-size: 1px; }

/* Formulare */
.Formular { width: 572px; padding: 6px 0;  background: transparent url(/pics/_backgrounds/i_bg_tab.gif) top left repeat-y; }
.Formular table { width: 100%; background: transparent; }
.Formular td { padding: 4px 0 4px 10px; vertical-align: top; text-align: left; }
.Formular td.Spalte_140px { width: 130px; }
.Formular td.Spalte_260px { width: 442px; }
.Formular td.Spalte_1 { width: 150px; }
.Formular td.Spalte_2 { width: auto; }
.Formular td.Spalte_3 { width: 160px; }
.Formular td.Spalte_4 { width: 552px; }
.Formular td.Spalte_5 { width: 406px; }
.Formular td.Spalte_1a { width: 100px; }
.Formular td.Spalte_2a { width: 144px; }
.Formular td.Spalte_3a { width: 144px; }
.Formular td.Spalte_4a { width: 144px; }
.Formular .Note, .Formular .Info { font-size: 10px; line-height: 14px; font-weight: normal; color: #666666; }
.Formular input { border: 1px solid #9e9e9e; background: #ffffff url(/pics/_backgrounds/i_eingabefeld.gif) top left no-repeat; }
.Formular textarea { border: 1px solid #9e9e9e; background: #ffffff url(/pics/_backgrounds/i_eingabefeld.gif) top left no-repeat; }
.Formular .hundret { width: 230px; margin-right: 2px;}
.Formular .eighty { width: 188px; margin-right: 2px; }
.Formular .twenty { width: 36px; margin-right: 2px; }
.Formular .noborder, .Formular .noborder input { background: transparent; border: none; padding: 0 0 0 4px; }
.Formular input.Checkbox { position: absolute; top: 4px; left: 6px; padding: 0; background: transparent;  border: none; float: left; z-index: 10;}
.Formular label.Checkbox { position: relative; top: 0; left: 0; display: block; width: 200px; padding: 0 0 0 20px; }
.Formular label.bold { font-weight: bold; }
.Formular label img { vertical-align: middle; }

.Formular .hundret input { width: 230px; }
.Formular .hundret select { width: 234px; }
.Formular .eighty input { width: 186px; }
.Formular .twenty input { width: 38px; }
.Formular .hundreta input { width: 142px; margin-right: 2px;}
.Formular .Checkbox input { position: relative; top: 0; left: 0; padding: 0; background: transparent;  border: none; float: left; z-index: 10;}
.Formular .Checkbox label { position: relative; top: 0; left: 0; display: block; float: left; width: 200px; padding: 0 0 0 5px; }
.ZeileTH.noborder { height: 18px; padding-top: 2px; padding-bottom: 0px; vertical-align: middle; }
.ZeileTH.noborder input { background: transparent; border: none; padding: 0; margin: 0; vertical-align: middle; }

.Formular td.Separator { padding: 0; line-height: 1px; font-size: 1px; height: 3px; background: #ffffff; }

.Formular .Radio100 { width: 260px; margin: 0 10px 2px 0; padding: 2px 1px; }
.Formular .Radio100 input { margin: 0px 6px 0 0; vertical-align: middle; padding: 0; width: 20px; }
.Formular .InputInnerField { width: 410px; margin: 0 0px 2px 0; padding: 0px 0 0 28px; clear: both; overflow: hidden; }
.Formular .InputInnerField .label { display: block; float: left; width: 85px; padding: 2px 4px 0px 0px; }
.Formular .InputInnerField input { display: block; float: left; width: 140px; }
.Formular .Spalte_3_Float { float: right; text-align: left; width: 160px; padding-right: 10px; }
.Formular .Subtitle { margin-bottom: 10px; font-size: 12px; line-height: 18px; font-weight: bold; }


.FormularErrors { padding: 10px; color: #eb001f; clear: both; }
.FormularButtons { text-align: right; padding: 10px 10px 0 10px; }
.FormularSuccess { font-weight: bold; }

/* Team Kader */
.Kader { position: relative; top: 0; left: 0; padding: 0px 10px; width: 552px; font-size: 11px; line-height: 11px; }
.Legend { position: relative; top: 0; left: 0; float: left; z-index: 10; width: 100px; margin-top: 6px; }
.AddLinks { position: relative; top: 0; left: 0; float: none; width: 400px; margin: 6px 0 auto auto; white-space: nowrap; color: #eb001f; text-align: right; }
.Player { position: relative; top: 0; left: 0; float: left; width: 74px; margin: 5px 5px 0 0; }
.Player .Subtitle { padding: 0 0 15px 0; font-size: 11px; line-height: 14px; }

.RelatedBox { position: relative; top: 0; left: 10px; width: 353px; padding: 0; background: transparent url(/pics/_backgrounds/i_bg_box_artikel.jpg) top left repeat-y; clear: both; overflow: hidden; }
.RelatedBox.Right { position: relative; top: 0; left: 199px; width: 353px; padding: 0; background: transparent url(/pics/_backgrounds/i_bg_box_artikel.jpg) top left repeat-y; clear: both; overflow: hidden; }
.RelatedBox .ZeileTH { background: transparent url(/pics/_backgrounds/h_box_artikel.jpg) top left repeat-y; }
.RelatedBox .Pic { position: relative; left: 0; top: 0; float: left; width: auto; padding: 0; margin: 0; }
.RelatedBox .Info { position: relative; left: 0; top: 0; float: left; width: auto; height: auto; padding: 4px 10px 10px 10px; margin: 0; overflow: hidden; font-size: 11px; line-height: 14px; }
.RelatedBox li { line-height: 22px; }
.RelatedBox .Info .TextLink { display: inline; margin: 0;  }
html>body .RelatedBox .Info { float: none; }

/* Chronik */
table.Chronik { width: 572px; background: transparent url(/pics/_backgrounds/i_bg_tab.gif) top left repeat-y; clear: both; }
table.Chronik td { vertical-align: top; }
td.Previous { text-align: left; width: 30%; padding: 35px 12px 0 20px; } 
td.Next { text-align: right; width: 30%; padding: 35px 20px 0 12px; } 
td.Stage { text-align: left; padding: 35px 0 35px 0; } 
.Stage img { margin: 0 auto 25px auto; } 
.Stage .Txt { text-align: left; }

.Anchor { display: inline; height: 1px; font-size: 1px; line-height: 1px; text-decoration: none;}

/* OPTA */
.SpielberichtHeader { position: relative; top: 0; left: 0; width: 552px; padding: 0 10px; clear: both; overflow: hidden; }
.SpielberichtHeader .Header { position: relative; top: 0; left: 0; float: left; width: 274px; padding: 0; overflow: hidden; }
.Spielbericht { width: 572px; padding: 0; margin: 0 0 4px 0; border: none; background: transparent; font-size: 11px; line-height: 18px; font-weight: normal; }
.Spielbericht th, td { text-align: left; vertical-align: top; }
.Spielbericht th { padding: 4px 10px 3px 10px; background: transparent url(/pics/_backgrounds/head_tabelle_dunkelgrau.gif) top left repeat-y; font-weight: bold; color: #ffffff; }
.Spielbericht th div.Spalte_1 { float:left; width:288px; }
.Spielbericht th div.Spalte_2 { float:left; width:264px; } 
.Spielbericht td { padding: 0; width: 274px; }
.Spielbericht .Spieler { padding: 6px 0 6px 10px; }
.Spielbericht .Ergebnis { color:#000000;margin:0 0 0 0;text-align:center; width:552px}
.Spielbericht td.Spalte_1 { width: 278px; }
.Spielbericht td.Spalte_2 { width: 274px; }
.Spielbericht .RowBG td { background: white url(/pics/_backgrounds/i_bg_tab_2spaltig.gif) top left repeat-y; }
.Spielbericht .RowColor td { background: white; }
.Spielbericht .Inner { width: auto; padding: 0; margin: 0; border: none; background: white url(/pics/_backgrounds/i_bg_tab_2spaltig.gif) top left repeat-y; }
.Spielbericht .Inner td { width: auto; padding: 4px 0px 2px 0; margin: 0; border: none; background: transparent; }
.Spielbericht .Inner .Spalte_a { width:56px; padding-left: 10px; }
.Spielbericht .Inner .Spalte_b { width:25px; padding-top: 4px;  }
.Spielbericht .Inner .Spalte_c { width:193px; }
.Spielbericht .Inner .RowBG td { background: transparent; }
.Spielbericht .Inner .RowColor td { background: white; }
.Spielbericht .Aufstellung_Spalte_1 { float:left; width:16px; text-align:right; padding-right: 20px;}
.Spielbericht .Aufstellung_Spalte_2 { float:left; width:200px;}

div#vfbtv {
  position: relative;
	width: 574px;
	margin: 10px 0px 10px 6px;
	padding: 0;
	clear: both; overflow: hidden; 
}
div#vfbtv h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #EF001F;
	font-size: 16px;
	float: left;
	margin: 8px 0px 0px 10px;
}
	
div#vfbtv	.left {
	border: 1px solid #c1c1c1; 
	margin-right: 12px;
	width: 376px;
	height: 250px;
	float: left;
	background-color: #fff;
	overflow: hidden;
}

div#vfbtv .left .head {
	height: 35px;
	background-color: #fff;
	margin: 0;
	padding: 0;
}
div#vfbtv .left .head img {
	border: 0;
	float: left;
	width: 95px;
	height: 35px;
}

div#vfbtv .left .contentL {
	float: left;
	margin: 0;
	background: #fff url(/pics/vfbTV/hg_tv_teaser.jpg) no-repeat;
	height: 215px;
	width: 376px;
}
div#vfbtv .left .contentL div#movie {
	float: left;
	width: 205px;

}
div#vfbtv .left .contentL div#movie img {
	margin: 0;
	padding: 0;
	
}
div#vfbtv .left .contentL #movie p {
	padding: 0px 10px 0px 8px;
	font-size: 11px;
	line-height: 14px;
	
}
div#vfbtv p.bold {
	font-weight: bold;
	font-size: 11px;
	font-family: Arial,Helvetica, sans-serif;
	color: #000;
	line-height: 14px;
	margin: 5px 0px 5px 0px;
}
div#vfbtv .left .contentL div#movielist {
	float: left;
	width: 168px;
}

div#vfbtv .left .contentL #movielist h3 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size: 11px;
	margin: 5px 0px 5px 0px;
}
div#vfbtv .left .contentL #movielist img {
	cursor: pointer;
}
div#vfbtv .left .contentL #movielist .movie1 {
	margin: 0;
	padding: 0;
	height: 68px;

}
div#vfbtv .left .contentL #movielist .movie2 {
	margin: 0;
	padding: 0;
	height: 70px;

}
div#vfbtv .left .contentL #movielist .movie3 {
	margin: 0;
	padding: 0;
	height: 65px;
}

/* Right Content */
div#vfbtv .right {
	float: right;
	border: 1px solid #c1c1c1;
	width: 180px;
	height: 250px;
	margin: 0; 
	padding: 0;
	overflow: hidden;
	
}
div#vfbtv .right .head {
	height: 35px;
	background-color: #fff;
}

div#vfbtv .right .contentR {
	
}
div#vfbtv .right .contentR .game {
	background: url(/pics/vfbTV/hg_teaser_top.jpg) no-repeat;
	width: 180px;
	height: 80px;
}

div#vfbtv .right .contentR .game .middle {
	padding: 10px 25px 0px 10px;
	width: 161px;
	height: 50px;
}

div#vfbtv .right .contentR .game .middle h3{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 22px;
	color: #000;
	margin: 0;
	padding: 10px 0px 0px 5px;
	float: left;
}

div#vfbtv .right .contentR .game .middle img{
	border: 0;
	width: 45px;
	height: 45px;
	margin: 0px 0px 0px 5px;
	float: left;

}

div#vfbtv .right .contentR .game .first {
	width: 82px;
	float: left;
	padding-left: 10px;
	
} 
div#vfbtv .right .contentR .game .first a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
div#vfbtv .right .contentR .game .second {
	width: 78px;
	padding-left: 10px;
	float: left;
} 
div#vfbtv .right .contentR .game .second a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

div#vfbtv .right .contentR .bottom {
	clear: left;
	height: 110px;
	padding: 8px 0px 10px 10px;
	
} 
div#vfbtv .right .contentR .bottom .title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;	
}
div#vfbtv .right .contentR .bottom .time {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold; 	
	line-height: 18px;
}

div#vfbtv .right .contentR .bottom .motto{
		margin: 5px 0px 0px 0px;
}
div#vfbtv .right .contentR .bottom .motto a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #EF001F;
	font-weight: bold;	
}