/* 1. Allgemeines */

img  {border: none;
	 }
a    {text-decoration: none;
      color: #4B4B4D;
	  outline: none;
	 }
p    {color: #4B4B4D;
      margin: 0px; padding: 0px;
	  line-height: 16px; 
	 }
#wrapper {width: 920px; height: auto;
		  margin: 0px auto;
		  font: normal 12px Arial, Helvetica, sans-serif;
		 }


/* 2. Kopfbereich und Main_Navigation */

#header      {margin: 0px; padding: 0px;
		      margin-top: 25px;
		      width: 920px; height: 60px;
			  margin-bottom: 20px; 
	         }
#header img  {float: left;
			 }
/*
#header ul   {width: 600px; height: 60px;
		      float: right;
			  margin: 0px; padding: 0px;
			  list-style-type: none;
		     }
#header ul li   {float: right;				  
	            }
#header ul li a {height: 55px;
			     display: block; 
				 margin: 0px; padding: 5px 20px 0px 20px;						   	
			    }
#header ul li a:hover { color: #04aae6;
				      }
#header ul .inactive  {height: 55px;
					   color: #999;
					   display: block; 
					   margin: 0px; padding: 5px 20px 0px 20px;						   	
					  }
#header ul li .active {color: white;		
	                   background-color: #3b3b3b;		        
	                  }
#header ul li .active:hover {color: white
                            }
.fett  {font-weight: bold;
		font-size: 24px;    
	   }
#pfeil {width: 920px; height: 23px;
	    background: url(../img/pfeil.png) no-repeat; 
	   }
#pfeil.produkte_active {background-position: 647px top;}
#pfeil.demo_active     {background-position: 817px top;}
#pfeil.idee_active     {background-position: 475px top;}
#pfeil.none            {background-image: none;}

*/

/* 3. Sub_Navigation 1.Grades */

#sub_navigation      {width: 880px; height: 39px;
				      background-color: #3b3b3b;
				      margin: 0px; padding: 5px 20px 0px 20px;
				      list-style-type: none;
					  position: relative;
				     }
#sub_navigation li   {float: left;	
					  display: block;				  
	                 }
#sub_navigation li a {height: 33px; 
					  float: left;
					  display: block;
					  margin: 0px; padding: 6px 20px 0px 20px;	
				  	  color: #fff;	
					  font-size: 18px;		   	
					 }
#sub_navigation li a:hover {color: #04aae6;
						   }
#sub_navigation .kontakt a {color: #04aae6;
							padding-right: 0px;
	                       }					   
#sub_navigation .kontakt   {float: right;	
					        display: block;				  
	                       }
#sub_navigation li .active {background-color: #e8f5fc;
						    color: #3b3b3b;
						   }

#sub_navigation li .active:hover {color: #3b3b3b;
							     }
#sub_navigation .kontakt a:hover {background: none;
							      color: white;
								 }

#testwochen { background-color: #ea32a0;
			  display: block;
              height: 31px;
			  padding: 0px 20px;
			  line-height: 34px;
			  font-size: 18px;
			  color: white;
			  position: absolute; right: 212px; top: 15px;
			}			
			
			
/* 4. Hauptbereich */

#main {width: 920px; height: 520px;
	   margin: 0px;
	   padding-top: 15px;
	   background-color: #e8f5fc;
	   position: relative;
	  }


/* 4.1. Sub_Navigation 2.Grades */

#sub2_navigation      {margin: 0px; padding: 0px 20px;
                       list-style-type: none;
				       width: 880px; height: 31px;
				      }
#sub2_navigation li   {display: block; float: left;
					   height: 31px;
					  }
#sub2_navigation li a {display: block; height: 25px;
                       font-size: 18px;
					   padding: 6px 20px 0px 20px;
					   color: #04aae6;
					  }
#sub2_navigation li a:hover {color: #3b3b3b;
					        }
#sub2_navigation li .active {color: white;
							 background-color: #98daf3;
							} 
#sub2_navigation li .active:hover {color: white;}



/* 4.2. Contentbereich */

#content     {padding: 40px 20px 0px 20px;
		      height: 449px;
		      background: url(../img/bg_content.png) repeat-x;
		     }
#content2    {padding: 0px 20px;
			  margin-top: 40px;
			  height: 460px;
		     }
#flashfilm   {margin: -10px 0px 0px -23px;
              outline: none;
			  z-index: 0;
             }
#contentpool {margin: -10px 0px 0px -3px;
			  width: 526px; height: 454px;
			  background: url(../img/contentpool_img.png) no-repeat left top;
			 }
#downloads   {margin: -10px 0px 0px -3px;
			  width: 526px; height: 454px;
			  background: url(../img/download_img.png) no-repeat left top;
			 }
#kuoni       {margin: -10px 0px 0px -3px;
			  width: 526px; height: 454px;
			  background: url(../img/kuoni_img.png) no-repeat left top;
			 }
#lcc         {margin: -10px 0px 0px -3px;
			  width: 526px; height: 454px;
			  background: url(../img/lcc_img.png) no-repeat left top;
			  z-index: 1;
			 }
#cheap       {margin: -10px 0px 0px -3px;
			  width: 526px; height: 454px;
			  background: url(../img/cheap_img.png) no-repeat left top;
			  z-index: 1;
			 }
.bildbereich {width: 525px; height: 449px;
			  float: left;
			 }
.textbereich { float: left;
			   width: 335px;
			   margin-left: 11px;
	         }
.textbereich p {margin-top: 4px;
               }

.quick_link    { color: #04aae6;
	
			   }
.auszeichnung  {font-weight: bold; 
                color: #3b3b3b;
               }
.eye_catcher   {color: white;
				font-weight: bold; font-size: 20px;
				width: 358px; height: 74px;
				background: url(../img/eye_catcher.png) no-repeat left top;
				text-align: center;
				padding-top: 32px;
				position: absolute; left: 90px; top: 455px;
			   }
.eye_catcher_klein {width: 250px; height: 52px;
                    font-size: 12px; font-weight: bold;      			    
                    background: url(../img/eye_catcher_klein.png) no-repeat left top;
				    padding: 16px 0px 0px 5px;
				   }

#netto    { font-size: 11px;
			position: absolute;
			left: 20px; bottom: 5px;
		  }

/* Formatierung Testwochen */

#testwochen_container { width: 345px; height: 1px;
					    background-color: #ea32a0;
						position: absolute; left: 555px; top: 46px;
						z-index: 10;
						overflow: hidden;
						display: none;
				      }
#angebot_container ul { margin: 8px 0px 0px 15px;
						padding: 0px;
						list-style-type: circle;
						width: 260px; height: auto;
					    color: white;
						float: left;
                      }
#angebot_container h1 { float: left;
                      }
#angebot_container h2 { float: left;
 						margin-top: 40px; 
                      }
#angebot_container p  { float: left;
						width: 320px;
                      }
#angebot_container li { margin-bottom: 7px;
						padding: 0px;
                      }				
#angebot  { padding: 40px 15px 0px 15px;	
		  }
#anmelden { font-weight: bold;
	        font-size: 16px;
			color: #ea32a0;
			display: block;
			width: 155px; height: 54px;
			background: url(../img/eye_catcher_testwochen.png) no-repeat left top;
			line-height: 68px;
			padding-left: 30px;
			margin: -5px 0px 0px 135px;
			float: left;
          }


/* Anmeldung Testwochen */

#angebot label { float: left;
			     color: white;
				 font-weight: bold;
				 font-size: 14px;
				 width: 307px;
			   }
#angebot input, #angebot select 
			   { float: left;
			   	 font-size: 11px;
			     border: 1px solid #a5acb2;
				 padding: 4px 3px 0px 3px;
				 width: 270px; height: 18px;
				 margin: 2px 0px 10px 0px;
				 color: #3b3b3b;			
			   }
#angebot select { height: 25px;
				  width: 278px;
				  padding: 3px;
				  outline: none;
				}
.auswahl        { font-style: italic; 
                  border-bottom: 1px solid grey;
				}
#angebot option { padding: 3px; 
				}				
#angebot p      { float: left; 
   				  color: white;
                }
#angebot .senden  { font-weight: bold;
	        		font-size: 16px;
					color: #ea32a0;
					display: block;
					width: 185px; height: 54px;
					background: url(../img/eye_catcher_testwochen.png) no-repeat left top;
					margin: -5px 0px 0px 135px;
					padding: 12px 0px 0px 0px;
		            float: left;
					border: none;
					outline: none;
		          }
#angebot form     { margin: 0px; padding: 0px; 
				  }

/* Add Layer Formatierung */
				   
#ad_layer { width: 218px; height: 197px;
		    position: absolute; left: 38px; top: 111px;	
			background: url(../img/add_layer_semi.png) no-repeat left top;
			z-index: 2;
          }
#ad_layer_full { width: 218px; height: 197px;
		         position: absolute; left: 38px; top: 111px;	
			     background: url(../img/add_layer.png) no-repeat left top;
			     z-index: 2;
               }
#link       { overflow: hidden;
		      text-indent: -2000px;
			  float: left;
			  display: block;
			  width: 154px; height: 116px;
			  margin: 20px 0px 0px -10px;
			  background: url(../img/add_layer_text.png) no-repeat left top;       
            }
#close      { display: block;
			  width: 15px; height: 15px;
			  overflow: hidden;
			  float: left;
			  margin: 5px 0px 0px 5px;
			  text-indent: -1000px;
			  background: url(../img/close.png) no-repeat left top;	
            }

#ad_layer.add_2 { width: 218px; height: 197px;
		          position: absolute; left: 283px; top: 215px;	
			      z-index: 4;
			      background: url(../img/add_layer_2_semi.png) no-repeat left top;
                 }
#ad_layer_full.add_2 { width: 218px; height: 197px;
		               position: absolute; left: 283px; top: 215px;	
			           z-index: 4;
			           background: url(../img/add_layer_2.png) no-repeat left top;
                     }
#link.add_2 { margin: 60px 0px 0px 56px; 
            }		  

#close.add_2 { margin: 0px 5px 5px 0px;
               float: right;
			 }

#close.angebot { float: right;
			     margin: 5px 5px 0px 0px;
			   }



/* Wenn Headline zweizeilig */
#feste_position  {width: 342px; height: auto;
                  background-image: none;
				  position: absolute; left: 556px; top: 178px;
				 }
/* Wenn Headline einzeilig */
#feste_position2 {width: 342px; height: auto;
                  background-image: none;
				  position: absolute; left: 556px; top: 143px;
				 }
/* Bei Kundenheadline */
#feste_position3 {width: 342px; height: auto;
                  background-image: none;
				  position: absolute; left: 556px; top: 130px;
				 }
.pdf {display: block;
      color: white;
      height: 30px;
	  text-indent: 40px;
	  line-height: 31px;
	  background: url(../img/pdf_icon2.png) no-repeat left top;
	 } 
#dltv_logo {margin: 0px 0px 0px 20px; 
           }
 

/* 4.2.1. Headlines */

.einfuehrung {width: 323px; height: 66px;
	          background: url(../img/headline_einfuehrung.png) no-repeat top left;
			 } 
.testwochen  {width: 316px; height: 67px;
	          background: url(../img/headline_testwochen.png) no-repeat top left;
			 } 
.anmeldung   {width: 300px; height: 31px;
	          background: url(../img/headline_anmeldung.png) no-repeat top left;
			 } 
.idee        {width: 342px; height: 66px;
              background: url(../img/headline_idee.png) no-repeat top left;
			 }
.contentpool {width: 306px; height: 31px;
              background: url(../img/headline_contentpool.png) no-repeat top left;	
             }
.downloads   {width: 325px; height: 25px;
	          background: url(../img/headline_download.png) no-repeat top left;
			 }
.demo        {width: 312px; height: 67px;
	          background: url(../img/headline_demo.png) no-repeat top left;
			 }	
.kuoni		 {width: 151px; height: 26px;
	          background: url(../img/headline_kuoni.png) no-repeat top left;
			 }
.lcc		 {width: 136px; height: 45px;
	          background: url(../img/headline_lcc.png) no-repeat top left;
			 }	
.cheap		 {width: 189px; height: 26px;
	          background: url(../img/headline_cheap.png) no-repeat top left;
			 }			 
.textbereich h1, #angebot_container h1 { display: block;
                 margin: 0px; padding: 0px;
                 text-indent: -2000px;
				 overflow: hidden;
				 font-size: 12px;
				}
.textbereich h2, #angebot_container h2 
				{font-size: 18px;
                 color: #04aae6;
				 margin-bottom: 3px; padding: 0px;
				}
.textbereich h4, #angebot_container h4 
			    {font-weight: bold;
				 width: 145px; height: 46px;
                 font-size: 11px;
                 margin: 0px; padding: 0px;
				 text-align: center; line-height: 33px;
				 color: white;
				}	
#flashfilm h1   { font-size: 16px;
                  color: #04aae6;
				  background: url(../img/dummy.png)no-repeat left top;
				  margin: -10px 0px 0px 20px;
			  	  width: 436px; height: 404px;
				  padding: 50px 50px 0px 40px;
				}
#flashfilm a    { position: absolute;
                  left: 55px; top: 220px;
				}

/* 4.2.2. Kundenauswahlmenue */

#kundenmenue      {margin: 0px; padding: 0px;
				   position: absolute; left: 685px; top: 490px;
                   list-style-type: none;
				   height: 30px;
				  }
#kundenmenue li   {float: left;
				   width: 17px; height: 30px;
				   margin: 0px 10px 0px 0px;
				   padding: 0px;					
				  }
#kundenmenue li a {background: url(../img/kunde_inaktiv.png) no-repeat left top;
				   width: 17px; height: 30px;
				   line-height: 50px;
				   text-indent: 5.5px;
				   font-size: 11px; font-weight: bold;
			       color: #8d9498;
				   display: block; overflow: hidden;
			      }
#kundenmenue li a:hover {background: url(../img/kunde_hover2.png) no-repeat left top;	                       
						}
#kundenmenue li .active {background: url(../img/kunde_aktiv.png) no-repeat left top;
						 color: #04aae6;
						}
#kundenmenue li .active:hover {background: url(../img/kunde_aktiv.png) no-repeat left top; 
						      }	
.hover_divs  { width: 145px; height: 46px;			
			   background: url(../img/kunde_hover.png) no-repeat left top;			
		     }	
#lcc_hover   { position: absolute; 
			   left: 633px; top: 445px;
               display: none;
             }
#cheap_hover { position: absolute; 
			   left: 660px; top: 445px;
               display: none;
			 }


/* 4.2.3. Registrierung Formular */

/*
#registrierung { width: 525px; height: 454px;
                 background: url(../img/formular_bg.png) no-repeat left top;
			     float: left;
				 margin-top: -5px; margin-left: -3px;
			   }
form  {margin: 50px 0px 0px 45px; padding: 0px;
	   width: 450px;
      }
label {font: bold 14px Arial,Helvetica,sans-serif;
       color: #04aae6;
	  }
input, select {font: normal 14px Arial,Helvetica,sans-serif;
	           color: #666;
	           background-color: #dedede;
	           border: none;
			   margin-top: 5px;
			   padding-left: 5px; 
	          }
input    {height: 21px; width: 195px; 
          padding-top: 5px;
         }
select   {height: 27px; width: 425px;
		  padding-top: 3px;
         }
form div {float: left;
          margin: 40px 0px 0px 0px;
		 }
.rechte_divs {margin-left: 25px;}

.auswahl {font-style: italic;
          border-bottom: 1px solid #666;
		 }
option   { padding: 2px 7px; 
         }
#registrierung p {margin-top: -75px
                 }
#meldung {margin: 80px 0px 0px 50px;
          width: 300px;
		  color: #04aae6;
		  padding-left: 68px;
		  font-size: 14px; font-weight: bold;
		  background: url(../img/logo_dltv_klein.png) no-repeat left top;
		 }
*/

/* 4.2.4. Kontaktseite */

.kontaktspalte   {float: left;
			      width: 240px; height: auto;
				  margin-right: 30px;
				  padding-left: 20px;
                 }
.content_kontakt {margin-top: 31px; 
                  height: 381px;
			     }
.kontaktspalte h5 {margin: 15px 0px 5px 0px; padding: 0px;
                   font-size: 12px;
				   color: #04aae6
				  }
.kontaktspalte h3 {display: block;
                   margin: 0px; padding: 0px;
                   height: 28px;
                   text-indent: -2000px;
				   overflow: hidden;
				  }
.kontaktspalte a  { text-decoration: none;
				  }
.kontaktspalte a:hover  { color: #04aae6;
				        }
#kontakt {width: 91px;
          background: url(../img/kontakt.png) no-repeat left top;
		 }
#impress {width: 133px; height: 31px;
          margin-bottom: -3px;
          background: url(../img/impressum.png) no-repeat left bottom;
		 }
#schutz  {width: 147px; margin-bottom: 15px;
          background: url(../img/datenschutz.png) no-repeat left top;
		 }



/* 5. Footer */			 
			
#footer    {clear: left;
			margin-top: 20px;
           }
#footer ul {width: 880px; height: 60px;
		    margin: 0px; padding: 0px 20px;
			list-style-type: none;
			background-color: #3b3b3b;
		   }	
#footer ul li   {display: block; float: left;
			     margin: 0px; padding: 0px;
			     line-height: 60px;
			    }	
#footer ul li a {color: #999;
                 padding-left: 20px;	              
                }		   
#footer ul li a:hover {color: #04aae6;
                      }	
#footer ul li #copyright {font-weight: bold;
			              padding-left: 0px;
			              color: white;
                         }	
#footer ul li #copyright:hover {color: #04aae6;
                               }			   
#footer ul .kontakt a {color: #04aae6;
					   padding: 0px;
					   font-size: 14px;
					   font-weight: bold;
	                  }
#footer ul .kontakt   {float: right;	
					   display: block;			  
	                  }
#footer ul .kontakt a:hover {background: none;
							 color: white;
							}