/* Ergänzendes CSS für das Video-Portal */

h1.vid { font-size:20px; font-weight: bold; margin: 0; padding-bottom: 0px; line-height: normal;}
h2.vid { font-size:14px; font-weight: bold; margin: 0; padding-bottom: 0px; line-height: normal;}
h3.vid { font-size: 12px; font-weight: bold; color: #960000;  margin: 0; line-height: normal;}
h4.vid { font-size: 12px; line-height: normal; }
h5.vid { font-size: 12px; line-height: normal; }

.twoColFixRtHdr #mainContentVidPortal { 
	width: 860px;
	margin: 0 0 0 0; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
	padding: 0px 0px 0px 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
} 

/* Neueste Videos */
.NewVideosShade {
	width: auto;
	padding:10px 15px 10px 15px;
	background-image : url('../images/video/shad_860.gif');
	background-repeat : repeat-y;
}

.NewVideosFooter {
	width: 100%;
	height: 7px;
	line-height: 7px;
	background-image : url('../images/video/shad_860_footer.gif');
	background-repeat : no-repeat;
}

.NewVideosContainer {
	width: auto;
	height: 242px;
	padding: 10px 10px 10px 10px;
	background-image : url('../images/video/back_new_videos.gif');
	background-repeat : repeat-x;
}

.VidNavLeft {
	padding-top: 100px;
	float: left;
	width: 36px;
}

.VidNavRight{
	text-align: right;
	padding-top: 54px;
	float: right;
	width: 36px;
}

.NewVidImage {
	float: left;
	padding: 0px 5px 0px 5px;
	width: auto;
}

.NewVidRightBox {
	float: right;
	padding: 0px 0px 0px 0px;
	width: 327px;
}

.searchVideo {
	width: auto;
	height: 30px;
	background-color : White;
}

.searchTitleBack {
	width: 80px;
	float:left;
	height: 16px;
	line-height: 16px;
	padding: 7px 7px 7px 7px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight:bold;
	background-image : url('../images/video/search_back.gif');
	background-repeat : repeat-x;
}

.searchInputBack {
	float: left;
	width: 203px;
	height: 26px;
	border-top: 1px solid #e8e8e8;
	background-color : White;
}

.searchInput {
	width: 193px;
	font-size: 12px;
	font-weight: normal;
	height: 27px;
	height: 15px!important;
	padding: 7px 5px 5px 5px;
	border: 0;
	background-color: #FFFFFF;
}

.searchFooter{
	width: auto;
	height: 11px;
	line-height: 11px;
	background-image : url('../images/video/search_footer.gif');
	background-repeat : repeat-x;
}

.searchVideoArtikel {
	width: 328px;
	margin-left: 2px;
	height: 30px;
	background-color : White;
}

.searchFooterArtikel {
	width: 328px;
	margin-left: 2px;
	height: 11px;
	line-height: 11px;
	background-image : url('../images/video/search_footer_artikel.gif');
	background-repeat : repeat-x;
}

.submitVid {
	cursor: pointer;
}

.newVidTeaser {
	float: left;
	width: 290px;
}

.newVidHeadline {
	padding-top: 5px;
	font-size: 14px;
	font-weight:bold;
	color: #008e20;
	padding-bottom: 5px;
}


/* Superbanner */
.vidSuperbanner {
	padding: 10px 0px 10px 0px;
	text-align: center;
}


/* Portal �bergreifende CSS-Styles linke und rechte Listen */
div.videosContainerLeft {
	width: 130px;
	padding-right: 5px;
	float: left;
	overflow:hidden;
}

div.videosContainerRight {
	width: auto;
	padding-right: 5px;
	overflow:hidden;
}

.pageVidNav {
	text-align: right;
	padding: 7px 0px 0px 0px;
}

ul#pageVidNavList
{
margin: 0;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#pageVidNavList li
{
display: inline;
list-style-type: none;
}

#pageVidNavList a {
	padding: 0px 5px; 
	font-weight: bold;
}

#pageVidNavList a:link, #pageVidNavList a:visited
{
color: #000000;
border: 1px solid #000000;
text-decoration: none;
}

#pageVidNavList a:hover
{
color: #008e20;
border: 1px solid #008e20;
text-decoration: none;
}

#pageVidNavListActive a:link, #pageVidNavListActive a:visited
{
color: #008e20;
border: 1px solid #000000;
text-decoration: none;
}

#pageVidNavListActive a:hover
{
color: #008e20;
border: 1px solid #008e20;
text-decoration: none;
}

.vidTeaserBackground {
	width: 49.8%;
	clear: both;
	background-image : url('../images/video/back_video_teaser.gif');
	background-repeat : repeat-x;
}

.vidTeaserBackgroundHl {
	width: 49.8%;
	clear: both;
	background-image : url('../images/video/back_video_teaser_hl.gif');
	background-repeat : repeat-x;
}


/* Portal Listen */

.videoLeft {
	width: 490px; 
	float: left;
	background-image : url('../images/video/shad_490.gif');
	background-repeat : repeat-y;
}

.videoRight {
	width: 335px;
	float: right;
	background-image : url('../images/video/shad_335.gif');
	background-repeat : repeat-y;	
}

.videoMix {
	padding:10px 15px 10px 15px;
}

.videosContainer {
	width: auto;
	overflow: auto; 
	height: 590px;
	border: 2px solid #e8e8e8;
}

.videomixPagenav {
	height: 30px;
	padding:0px 15px 0px 10px;
	margin: 0px 5px 0px 5px;
	border-top: 1px solid #FFFFFF;
	background-color: #E8E8E8;
	/*background-image : url('../images/video/shad_490_pagenav.gif');
	background-repeat : repeat-y;*/
}

.videoMixFooter {
	height: 7px;
	line-height: 7px;
	margin: 0px 3px 0px 3px;
	background-color: #FFFFFF;
	background-image : url('../images/video/shad_footer.gif');
	background-repeat : repeat-x;
}



/* Liste Schlagworte etc.*/
.vidSchlagworte {
	float: right;
	width: 335px;
}

.mostShadeRightSchlagworte {
	width: 335px;
	width: 305px!important;
	height: auto;
	padding:10px 15px 10px 15px;
	background-image : url('../images/video/shad_335.gif');
	background-repeat : repeat-y;
}

.videosContainerSchlagworte {
	width: auto;
	overflow: auto; 
	height: auto;
	border: 2px solid #e8e8e8;
}

.schlagworte {
	width: auto;
	padding-right: 10px;
}

a.swortH1:link,a.swortH1:visited,a.swortH1:active,a.swortH1:hover {
  color: #000000;
  font-size:18px;
}

a.swortH2:link,a.swortH2:visited,a.swortH2:active,a.swortH2:hover {
  color: #000000;
  font-size:16px;
}

a.swortH3:link,a.swortH3:visited,a.swortH3:active,a.swortH3:hover { 
  color: #000000;
  font-size: 14px;
}

a.swortH4:link,a.swortH4:visited,a.swortH4:active,a.swortH4:hover { 
  color: #000000;
  font-size: 12px;
}

/* Reiter Navis */
.vidNav {
	width: auto;
	background-color: #FFFFFF;
	margin: 0px 5px 0px 0px;
	padding-left: 5px;
}

#vidNavList {
	height: 30px;
	margin: 0px 0px 0px 0px;
  	padding-left: 0px;
	float: left;
}

#vidNavList li {
	list-style-type: none;
	float: left;
	margin-right: 1px;
}

#vidNavList li a {	
	background-image : url('../images/video/bg_vidnavi.gif');
	background-repeat : repeat-x;
	height: 25px !important;
	margin-left: 0;
	padding-top: 5px;
 	padding-right: 10px;
 	padding-bottom: 0px;
  	padding-left: 10px;
	font-size: 14px;
	text-decoration: none;
	color: #FFFFFF;
	float: left;
}

#vidNavList li a:hover {
	height: 25px !important;
	margin-left: 0;
	padding-top: 5px;
 	padding-right: 10px;
 	padding-bottom: 0px;
  	padding-left: 10px;
	font-size: 14px;
	text-decoration: none;
	color: #008e20;
	float: left;
	background-image : url('../images/video/bg_vidnavi_hl.gif');
	background-repeat : repeat-x;
}

#vidNavList li#active a {
	height: 25px !important;
	margin-left: 0;
	padding-top: 5px;
 	padding-right: 10px;
 	padding-bottom: 0px;
  	padding-left: 10px;
	font-size: 14px;
	text-decoration: none;
	color: #008e20;
	float: left;
	background-image : url('../images/video/bg_vidnavi_hl.gif');
	background-repeat : repeat-x;
}

/* Reiter Subnavis grau mit Listensortierung */
.vidSubnav {
	width: auto;
	height: 30px;
	padding:0px 15px 0px 10px;
	margin: 0px 5px 0px 5px;
	border-top: 1px solid #FFFFFF;
	background-color: #E8E8E8;
	/*background-image : url('../images/video/shad_490_pagenav.gif');
	background-repeat : repeat-y;*/
}

#vidSubnavList {
	width: auto;
	height: 30px;
	margin: 0px 0px 0px 5px;
  	padding-left: 0px;
}

#vidSubnavList li {
	list-style-type: none;
	float: left;
}

#vidSubnavList li a {	
	padding-top: 6px;
 	padding-right: 10px;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	float: left;
}

#vidSubnavList li a:hover {
	padding-top: 6px;
 	padding-right: 10px;
	font-size: 11px;
	text-decoration: none;
	color: #008e20;
	float: left;
}

#vidSubnavList li#active a {
	padding-top: 6px;
 	padding-right: 10px;
	font-size: 11px;
	text-decoration: none;
	color: #008e20;
	float: left;
}


/* Ergebnis-Liste auf Artikelebene */
div.videosContainerHeader {
	padding-bottom: 5px;
}

div.videosContainerLeftArtikel {
	width: 130px;
	padding-right: 10px;
	float: left;
	overflow:hidden;
}

div.videosContainerRight {
	width: auto;
	padding-right: 10px;
	overflow:hidden;
}


/* Artikel-Template */

/* Main Content */
.twoColFixRtHdr #mainContentVidPortalArtikel { 
	width: 518px;
	border-right: 0px solid #b2b2b2;
	margin: 0 0 0 0; /* Durch den rechten Rand dieses div-Elements entsteht die Spalte am rechten Seitenrand. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge des sidebar1-div immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div den Bereich von #sidebar1 füllen soll, wenn der Inhalt in #sidebar1 endet. */
	padding: 0px 0px 0px 0px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	float: left;
} 

/* Sidebar */
.twoColFixRtHdr #sidebarVidPortalArtikel {
	float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
	width: 332px; 
	width: 332px !important; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
	border-left: 0px solid #b2b2b2;
	padding: 0px 0px 0px 0px;
}

/* Player */
.vidPlayer {
	width: 518px;
	height: 316px;
	padding: 3px;
}

.vidPlayerDummy {
	width: 518px;
	height: 316px;
	padding: 3px;
	background-image : url(../images/video/dummys/vidplayer.jpg);
	background-repeat : no-repeat;
}

/* Player Video versenden*/
.vidFunctionBack {
	width: 490px;
	height: 266px;
	padding: 10px 10px 10px 10px;
	background-image : url(../images/video/back_player.gif);
	background-repeat : repeat-x;
	border: 1px solid #b2b2b2;
}

.tableDiv  {
	line-height: 12px;
	font-size: 12px;
}

.vidField {
	width: 478px;
	height: 20px;
	font-size: 11px;
	padding: 3px 5px 0px 5px;
	border: 1px solid #b2b2b2;	
}

.vidFieldSmall {
	width: 145px;
	height: 20px;
	font-size: 11px;
	padding: 3px 5px 0px 5px;
	border: 1px solid #b2b2b2;	
}

.vidFieldText {
	width: 478px;
	font-size: 11px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #b2b2b2;
}

/* Player Ad */
.playerAd {
	padding: 10px 0px 0px 0px;
}

/* Video Subline */
.vidSubline {
	float: right;
	color: #6D6964;
	padding: 10px 12px 10px 12px;
}

/* VideoMetaNav */
div.vidMetanav {
	width: 518px;
	width: 494px!important;
	padding: 5px 12px 5px 12px;
	border-top: 1px solid #b2b2b2;
	border-bottom: 1px dashed #b2b2b2;
}

div.vidArtikel {
	width: 518px;
	width: 494px!important;
	padding: 0px 12px 0px 12px;
}