Änderungsvorschlag für Teaser

home.css

/*__________________________________________________________Main Container ___________________________________________________*/


		
		#maincontainer{
		width: 960px; /*Width of main container*/
		/*margin: 0 auto;*/ /*Center container on page*/
		background-color:#FFF;
		
		}

		/*___________________Teaser_________________________*/
		#teaser {
			background:url(../img/bilder/Produktion/Produktion_text.png) no-repeat;
			height:100%;
			width:517px;
			/*height:auto;*/
			padding-top:0px;
			/*margin-left: 217px;*/
			margin-top:30px;
			/*padding-left:50px;*/
			/*margin-left:0px;*/
			font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
		}

		#teaser div {
			float:left;
			display: table-cell;
			margin-top: -30px;
			margin-bottom:5em;
		}

		#teaser div#left {
			
		}


		#teaser div.one_third {
			width: 172px;
		}

		#teaser div.two_third {
			width: 345px;
		}

		#teaser div.half {
			width: 258px;
		}

		#teaser img{
			border:0px;
			width:20px;
			height:25px;
			}
		
		#teaser h2{
			text-align:left;
			font-size:12px;
			font-weight:bold;
			color:#000;
			margin:0px;
			padding-bottom:5px;
			padding-top:55px;	
		}
		
		
		#teaser p{
			font-size:12px;
			color:#666;
			margin:0px;
			padding:0px;
			font-weight:100;
			text-align:justify;
			margin-right:140px;
		}
		
			
		#teaser_text{
			text-align:left;}
	
			
			
		#teaser a{
				font-size:12px;
				text-align:left;
				color:#999;
				float:left;
				text-decoration:none;}
				
		
		 #teaser a:link { color:#999; text-decoration:none; font-size:12px }
		 #teaser a:visited { color:#999; text-decoration:none; font-size:12px }
		 #teaser a:focus {  color:#999; text-decoration:none; font-size:12px}
		 #teaser a:hover {  color:#333; text-decoration:none; font-size:12px }
		 #teaser a:active {  color:#F90; text-decoration:none; font-size:12px}

			 /*___________________Video Samples ________*/
		
		#video_samples {
			clear: both;
			width: 100%;
		}

		#video_samples .nl {
			clear:both;
		}

		#video_samples .eol{
			margin-right: 0;
		}

		#video_samples .sample {
			float: left;
			width: 260px;
			margin-right: 5px;
			margin-bottom: 15px;
			background: red;
		}

		#video_samples .sample .video {
			padding-left:5px;
			padding-right:5px;
			text-align:center;
		}
		
		#video_samples .sample .video_text p {
			font-size:12px;
			color:#666;
			margin:0px;
			padding:0px;
			font-weight:100;
			text-align:justify;
			padding-right:5px;
		} 

		#video_samples .sample .video_text h2 {
			background: url('../img/speechbubble_12.png') no-repeat;
			padding-left: 15px;
			text-align:left;
			font-size:12px;
			font-weight:bold;
			color:#000;
			margin:0px;
			/*padding-right:5px;*/
		}

		#video_samples .end {
			width: 100%;
			height: 10em;
			clear: both;
		}

produktion.css

@import url("home.css");

/*__________________________________________________________Mittel CONTAINER_______________________________________________________________*/		
		
		
		/*___________________DIV 1_________________________*/
		#teaser {
			background:url(../img/bilder/Produktion/Produktion_text.png) no-repeat;
		 }

produktion.html

                      <div class="innertube"><!-- CONTENT INHALT/ HIER ÄNDERUNGEN MÖGLICH-->
                        	
                          <div id="teaser">
                            <div id="left" class="one_third"></div>
                            <div id="right" class="two_third">
                              <h2>Einblick</h2>
                              <p>Kurz-Clips aus den Produktionen der jüngsten Zeit geben einen kurzen Einblick in unser 
                              Programmspektrum: Ausschnitte aus den Genres Reportage, Dokumentation, Doku-Soap, Doku- und 
                              Infotainment und Magazinbeiträgen für die Bereiche Service - und Wissen.</p> 
                            </div>
           				  	    </div><!--teaser -->
                          <div id="video_samples">
                            <div id="sample1" class="sample">
                              <div class="video"><iframe width="250" height="157" src="http://www.youtube.com/embed/2n-XUaYuoEs" frameborder="0" allowfullscreen></iframe></div>
                              <div class="video_text">
                                <h2>demo</h2>
                                <p>lalalalalalal</p>
                              </div>
                            </div>
                            <div id="sample2" class="sample">
                              <div class="video"><iframe width="250" height="157" src="http://www.youtube.com/embed/79I9G9NSRBk" frameborder="0" allowfullscreen></iframe></div>
                              <div class="video_text">
                                <h2>demo</h2>
                                <p>lalalalalalal</p>
                              </div>
                            </div>
                            <div id="sample3" class="sample eol">
                              <div class="video"><iframe width="250" height="157" src="http://www.youtube.com/embed/Uv6991K9p2U" frameborder="0" allowfullscreen></iframe></div>
                              <div class="video_text">
                                <h2>demo</h2>
                                <p>lalalalalalal</p>
                              </div>
                            </div>
                            <div id="sample4" class="sample nl" >
                              <div class="video"></div>
                              <div class="video_text">
                                <h2>demo</h2>
                                <p>lalalalalalal</p>
                              </div>
                            </div>
                            <div id="sample5" class="sample">
                              <div class="video"><iframe width="250" height="157" src="http://www.youtube.com/embed/Uv6991K9p2U" frameborder="0" allowfullscreen></iframe></div>
                              <div class="video_text">
                                <h2>demo</h2>
                                <p>lalalalalalal</p>
                              </div>
                            </div>
                            <div id="sample6" class="sample eol">
                              <div class="video"><iframe width="250" height="157" src="http://www.youtube.com/embed/Uv6991K9p2U" frameborder="0" allowfullscreen></iframe></div>
                              <div class="video_text">
                                <h2>demo</h2>
                                <p>lalalalalalal</p>
                              </div>
                            </div>
                            <div class="end">&nbsp;</div>
                          </div>
                        </div><!--ENDE innertube-->