/* ----------------------------- TESTBEREICH 

div { border: 1px solid #a00; } */

/* ----------------------------- ALLGEMEINE TAGS */

html, body {
  padding: 0px;
  margin: 0px;
  height: 100%;
}

body {
  background-color: #000;
  font-family: tahoma, verdana, arial, sans-serif;
  font-size: 12px;
  line-height: 140%;
  letter-spacing: 0.05em;
}

img {
  border: 0px;
}

/* ----------------------------- GRUNDGERÜST (Zentrierung des Inhalts) */

.htv_table1 {
  height: 100%;
  width: 100%;
}	

.htv_table2 {
  width: 1000px;
  background-color: #E3E3E3;
   background-image: url(Images/bg.jpg);
  background-repeat: repeat-x;
  text-align: left;
  margin: auto;
}


/* ----------------------------- TEILBEREICH (Header) */

.htv_header {
  position: relative;
  height: 140px;
}

	.htv_logo {
	  position: absolute;
	  top: 80px;
	  left: 25px;
	}
	
	.htv_banner_top {
	  position: absolute;
	  top: 15px;
	  right: 15px;
	  border: 1px solid #FFF;
	}

/* ----------------------------- TEILBEREICH (Rahmen um Video und Videoliste) */

.htv_videobereich {
  padding-left: 15px;
  padding-right: 15px;
}

/* ----------------------------- TEILBEREICH (Linker Videobereich) */

.htv_video {
  float: left;
  width: 505px;
}
  
  .htv_video_schatten_margin {
	  margin-bottom: 7px;
	  height: 385px;
	  width: 500px;
	  text-align: center;
	  background-color: #FFF;
  }
		  
	.htv_video_button {
	  padding: 4px 7px 4px 0px;
	  text-align: right;
	}
	
	.htv_video_text {
	  margin-bottom: 30px;
	}
	
	.htv_video_text h1 { padding: 0px; margin: 6px 0px; font-weight: bold; font-style: none; color: #000; text-decoration: none; font-size: 16px; }
	.htv_video_text h2 { padding: 0px; margin: 6px 0px; font-weight: bold; font-style: none; color: #000; text-decoration: none; font-size: 14px; }
	.htv_video_text h3 { padding: 0px; margin: 6px 0px; font-weight: bold; font-style: none; color: #000; text-decoration: none; font-size: 12px; }

/* ----------------------------- TEILBEREICH (Rechte Videoliste) */

.htv_videoliste {
  float: right;
  width: 460px;
}

	.htv_videoliste_archiv {
	  float: left;
	}
	
	.htv_videoliste_rubrik {
	  float: right;
	  margin-right: 7px;
	}
	
	.htv_videoliste_liste_container {
	  padding: 10px 0px;
	  height: 350px;
	}
	
		.htv_videoliste_liste {
			height: 358px;
			width: 454px;
			background-color: #FFF;
		}
	
			.htv_videoliste_liste hr {
			  border: 0px;
				border-bottom: 2px solid #4CA75D;
				height: 1px;
				margin: 0px 5px;
			}
		   
			.htv_videoliste_liste_2 {
			  margin-bottom: 7px;
				height: 348px;
				width: 454px;
				overflow: scroll;
				overflow-x: hidden;
				overflow-y: scroll;
			}
		
				.htv_videoliste_liste_item {
				  margin: 5px 5px 0px 5px;
				}
				
					.htv_videoliste_header {
						font-size: 15px;
						width: 445px;
						padding: 0px;
						margin: 0px 0px 5px 0px;
					}
					.htv_videoliste_liste_item_bildcontainer {
					  float: left;
					  width: 95px;
					}
						
						.htv_videoliste_liste_item_image {
						  border: 1px solid #000;
						  margin-bottom: 2px;
						  width: 85px;
						}
						
						.htv_videoliste_liste_item_uhricon {
						  float: left;
						}
						
						.htv_videoliste_liste_item_zeitangabe {
						  font-size: 10px;
						  clear: left;
						}
					
					.htv_videoliste_liste_item_textcontainer {
					  float: left;
					  width: 326px;				  
					}
					
						.htv_videoliste_liste_item h1 {
						  padding: 0px; margin: 0px 0px 5px 0px; font-weight: bold; font-style: none; color: #000; text-decoration: none; font-size: 12px;
						}
					
							.htv_videoliste_liste_item h1 a {
							  color: #4CA75D;
							  text-decoration: none;
							}
						
						.htv_videoliste_liste_item p {
						  padding: 0px; margin: 0px 0px 5px 0px;
						}
	
	.htv_videoliste_suche {
	  height: 30px;
	  line-height: 30px;
	}
	
		.htv_suchfeld {
		  float: left;
		  width: 223px;
		  background-image: url(Images/lupe.gif);
		  background-repeat: no-repeat;
		  background-position: 4px 4px;
		  padding: 2px 2px 2px 20px;
		  border: 1px solid #D6DAE3;
		  background-color: #FFF;
		}
	
		.htv_suchbutton {
		  display: block;
		  width: 59px;
		  float: right;
	  	margin-right: 7px;
		}
	
	.htv_banner_bottom_container {
	  text-align: center;
	  padding: 20px 0px;
	}
	
		.htv_banner_bottom {
		  border: 2px solid #FFF;
		}

/* ----------------------------- TEILBEREICH (Footer) */

.htv_footer {
  height: 34px;
  padding: 0px 15px;
  background-image: url(Images/bg_footer.gif);
}

	.htv_footer_menue_left,
	.htv_footer_menue_right {
	  list-style: none;
	  padding: 0px;
	  padding-top: 7px;
	  margin: 0px;
	}
	
	.htv_footer_menue_left li,
	.htv_footer_menue_right li {
	  display: inline;
	}
	
	.htv_footer_menue_left {
	  float: left;
	}
	
	.htv_footer_menue_right {
	  float: right;
	}

/* ----------------------------- ZUSÄTZLICHE KLASSEN */

.clear {
  clear: both;
}

/* ----------------------------- BESCHATTUNG */

.schattentabelle {
}

.schattenbild {
  position: relative;
  padding-bottom: 0px;
}

.schatten_1 { /* rechts oben */
  position: absolute;
  right: 0px;
  top: 0px;
  width: 7px;
  height: 7px;
  background-image: url(Images/schatten_nordost.png);
  background-repeat: no-repeat;
}

.schatten_2 { /* rechts */
  position: absolute;
  right: 0px;
  top: 7px;
  bottom: 7px;
  width: 7px;
  background-image: url(Images/schatten_ost.png);
  background-repeat: repeat-y;
}

.schatten_3 { /* rechts unten */
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 7px;
  height: 7px;
  background-image: url(Images/schatten_suedost.png);
  background-repeat: no-repeat;
}

.schatten_4 { /* unten */
  position: absolute;
  left: 7px;
  right: 7px;
  bottom: 0px;
  height: 7px;
  background-image: url(Images/schatten_sued.png);
  background-repeat: repeat-x;
}

.schatten_5 { /* links unten */
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 7px;
  height: 7px;
  background-image: url(Images/schatten_suedwest.png);
  background-repeat: no-repeat;
}

.schattencontent {
  margin: 0px 7px 7px 0px;
}