/* CSS für die Screenausgabe des Projekts www.lumdatalbahn.de */

/* Farben:

	CI-Farbe #019087
	1. Ebene #BCB6B6
	2. Ebene #F5E6CF
	Akzente  #9B0715
	Topnav	 #90897E

*/




html,body {
	  	  margin:0px;
	  	  padding:0px;
	  	  background:#019087 url(grafiken/hintergruende/schotter.gif);
	  	  text-align:center;
	  	  font-family:Times new roman, serif;

	  	  }
	

	
	
/* ----------------- CONTAINER ----------------- */

#inhalte  {
		  width:778px;
		  text-align:left;
		  margin-left:auto;
		  margin-right:auto;
		  background:url(grafiken/hintergruende/contbg.gif) repeat-y center;
		  }



#header	  {
		  background:#ffffff;
		  height:139px;
		  width:753px;
		  margin-left:13px;
		  }

	#topnav	{
			background:#808080 url(grafiken/topnav/topnav.gif);
			height:134px;
			width:100%;
			margin:0px;
			padding:0px;
			}	
					
		#topnav a:hover	{
						background:url(grafiken/topnav/button_gross_gelb.gif) no-repeat;
						position:absolute;
						width:20px;
						height:20px;
						}	
										
										
			#informationen	{
							position:absolute;
							margin-left:401px;
							margin-top:111px;
							}
				
			#aktivitäten	{
							position:absolute;
							margin-left:450px;
							margin-top:111px;
							}
			
			#sonderfahrten	{
							position:absolute;
							margin-left:502px;
							margin-top:111px;
							}
			
			#die_lb_ag		{
							position:absolute;
							margin-left:551px;
							margin-top:111px;
							}
			
			#service		{
							position:absolute;
							margin-left:601px;
							margin-top:111px;
							}
			
			#home			{
							position:absolute;
							margin-left:680px;
							margin-top:111px;
							}
					
			


#rechteseite {
			 margin-left:547px;
			 width:219px;
			 position:absolute;
			 }
	  
	#inhaltrechts {
				  background:#F5E6CF;
				  margin:7px;
				  margin-top:32px;
				  border:1px solid #808080;
				  }
				  
				  
				  
#linkeseite  {
			 width:529px;
	  	     line-height:18px;
			 padding-top:10px;
	    	 padding-left:13px;
	    	 padding-right:0px:
	    	 position:absolute;
	    	 }

	#inhaltlinks {
				 background:#F5E6CF;
				 margin:7px;
				 padding:7px;
				 padding-bottom:30px;
				 border:1px solid #808080;
				 }
		     
	#inhaltlinks h1 {
					margin-left:15px;
					margin-bottom:25px;
					font-family:arial, sans-serif;
					font-size:14pt;
					font-weight:bold;
					}
			
	#inhaltlinks p  {
					margin-top:10px;
					margin-left:30px;
					margin-right:30px;
					text-align:justify;

					}
					 
								
	#inhaltlinks a	{
					text-decoration:none;
					letter-spacing:2px;
					color:#028079;
					}
					
	#inhaltlinks a:hover {
						 background:#ffffff;
						 }
						 
						 
						 
	#startpic {
			 		 border:1px solid #333;
					 padding:3px;
					 margin:-8px 25px 14px 30px;
					 float:left;
					 height:110px;
					 width:110px;
					 }
					 
					 

			
/* --------------------------------------------- */




/* ----------- NAVIGATION 2. ORDNUNG ----------- */


#nav	{
		background:url(grafiken/2ndnav/bg_2ndnav.gif);
		width:203px;
		padding-top:3px;
		}
		
	#nav a	{
			position:absolute; 
			margin-top:15px;
			margin-left:12px;
			width:130px;
			}
			
			
	#nav strong {
			position:absolute; 
			margin-top:15px;
			margin-left:12px;
			width:130px;
			background:url(grafiken/2ndnav/button_klein_gruen.gif) no-repeat;
			}
	
	
	#nav a:hover  {
				  background:url(grafiken/2ndnav/button_klein_gelb.gif) no-repeat;
				  }
	
			
	#navbutton	{
				margin-top:15px;
				margin-left:12px;
				}
				
	
			
	#platz	{
			background:#F5E6CF;
			width:100%;
			height:15px;
			border-bottom:1px solid #808080;
			}


/* -- Verbindende Navigationselemente "Gleis" -- */


#gleis_informationen	{
						position:absolute;
						margin-left:429px;
						margin-top:-13px;
						}
						
#gleis_aktivitaeten		{
						position:absolute;
						margin-left:479px;
						margin-top:-12px;
						}						
						
#gleis_sonderfahrten	{
						position:absolute;
						margin-left:530px;
						margin-top:-12px;
						}
						
#gleis_lb_ag			{
						position:absolute;
						margin-left:573px;
						margin-top:-8px;
						}
						
						
						
#gleis_service			{
						position:absolute;
						margin-left:573px;
						margin-top:-12px;
						}	

						
/* --------------------------------------------- */





/* ---- WEITERE ELEMENTE DER RECHTEN SEITE ----- */
	

#icons_rechts {
			  position:absolute;
			  margin-left:168px;
			  margin-top:10px;
			  }


#logo	  {
		  
		  padding:10px 0px 13px 18px;
		  font-family:Arial,Sans serif;
		  font-size:8pt;
		  background:#EFD7B1;
		  border-bottom:1px solid #808080;
		  }
		  
		  
		  
#aktuell  {
		  margin-top:10px;
		  padding:30px 15px 22px 15px;
		  text-align:left;
		  font-size:10pt;
		  background:url(grafiken/aktuell.gif) no-repeat;
		  border-bottom:1px solid #808080;
	  	  }
				 
		     
	#weiterlesen, #aktuell a	  {
				  				  text-align:right;
				  				  color:#009086;
				  				  font-weight:bold;
				  				  }
				  				  
				  				  
#suche	{
		margin:15px;
		font-size:8pt;
		font-family:arial, sans serif;
		text-align:center;
		}

#newsletter {
			padding:15px;
			font-size:8pt;
			font-family:arial, sans serif;
			text-align:center;
			border-bottom:1px solid #808080;
			}

#umfrage	{
			margin:0px;
			padding-top:10px;
			font-size:8pt;
			font-family:arial, sans serif;
			text-align:center;
			}

	     	  
	     	  
.abschicken	{
		background:#90897E; 
		height:21px;
		width:165px;
		vertical-align:center;
		color:#ffffff;
		}

.formularfeld	{
		height:14px;
		width:160px;
		border:1px solid #000000;
		}
		
.textfeld	{
		height:60px;
		width:250px;
		border:1px solid #000000;
		}
		
.textfeld2	{
		height:130px;
		width:300px;
		border:1px solid #000000;
		}
	     
/* --------------------------------------------- */	     
	     	  
	     	  






	  
#footer	  {
	  background:#ffffff;
	  height:85px;
	  width:753px;
	  margin-left:13px;
	  border-top:1px solid #808080;
	  position:relative;
	  bottom:0px;
	  }
	  
	  #footer a {
	  			font-size:10pt;
	  			color:#BCB6B6;
	  			font-weight:bold;
	  			text-decoration:none;
	  			}
	  			
	  #footer a:hover {
	  				  color:#F5E6CF;
	  				  }
	  				  
	  #footer strong {
	  				 font-size:10pt;
					 color:#C41212;
					 font-weight:bold;
					 text-decoration:none;
					 }
	  			
	  #footer img {
	  			  margin-bottom:2px;
	  			  }
	  
	#fusszeilen	{
				height:55px;
				width:733px;
				background:#90897E;
				border-top:2px solid #000000;
				bottom:0;
				position:absolute;
				padding:10px;
				text-align:center;
				font-family:Arial,Sans serif;
		  		font-size:8pt;
				}

#triebwagensymbol_links {
						position:absolute;
						margin-left:-72px;
						margin-top:9px;						
						}
						
#triebwagensymbol_rechts {
						 position:absolute;
						 margin-left:514px;
						 margin-top:9px;
						 }
	
#footer_email a	{
				font-family:Arial,Sans serif;
		  		font-size:8pt;
		  		font-weight:normal;
		  		color:#000000;
		  		}
				






#fahrplan	{
			font-family:Arial,Sans serif;
			font-size:9pt;
			border:solid 2px #000000;
			width:472px;
			font-style:italic;
			}

#schwarze_zelle
				{
				font-style:normal;
				text-align:center;
				background:#000000;
				color:#ffffff;
				font-family:Arial,Sans serif;
				padding:5px;
				margin:0px;
				}
				
.rand_unten	{
			border-bottom:2px solid #000000;
			}
			
.rot		{
			color:red;
			font-style:normal;
			}
			











.wegweiser {
	   margin-left:11px;
	   font-family:Arial,Sans serif;
	   font-size:9pt;
	   line-height:15px;
	   }
	   
.wegweiser a	{
		color:#019087;
		}
		


.info		{
			cursor:help;
			border-bottom:dashed #000000 1px;
			
			}
			
			
			
			
			
#strecke	{
			background:url(grafiken/strecke.gif) no-repeat;
			margin:30px 0px 10px 5px;
			line-height:16px;
			padding:5px 28px 0px 105px;
			}
			

#zug_auf_fahrplan {
				  padding:0px;
				  margin:0px 0px -4px 13px;
				  }






.hoehe_informationen	{
						height:1240px;
						}
						
						

.hoehe_aktivitaeten		{
						height:1290px;
						}
						

.hoehe_sonderfahrten	{
						height:1290px;
						}
						
						

.hoehe_lb_ag			{
						height:1230px;
						}
						
						
						

.hoehe_service			{
						height:1290px;
						}
					
						
						
.hoehe_home	{
		height:1100px;
		}
						
						
						
						
						
.hoehe_impressum	{
			height:1040px;
			}
						
						
								
						
						
						
						
#popup		{
			background:#F5E6CE;
			border:solid 5px #019087;
			width:450px;
			height:249px;
			padding:20px;
			text-align:justify;
			}
			
			
			
			
			
#gaestebuch_inc	{
				margin:15px 15px 5px 15px;
				font-size:8pt;
				font-family:arial, sans serif;
				text-align:center;
				}
				
#gaestebuch_inc a	{
					text-decoration:none;
					letter-spacing:2px;
					color:#028079;
					font-size:12pt;
					}
					
#gaestebuch_inc a:hover {
						 background:#ffffff;
						 }
			
			
#gaestebuch_linie	{
					widht:100%;
					color:#808080;
					height:1px;
					}
		
#gaestebuch_formular	{
						width:300px;
						margin-top:20px;
						margin-left:100px;
						font-size:8pt;
						font-weight:bold;
						font-family:arial, sans serif;
						}
						
#gaestebuch_ausgabe		{
						background:#ffffff;
						}
						
						
						
						
						
						
						
#bildmaterial img	{
					border:5px solid #019087;
					margin:0px 10px 20px 10px;
					width:250px;
					}

#bildmaterial	{
				font-family:arial, sans serif;
				font-size:8pt;
				line-height:9pt;
				margin:20px 60px 0px 20px;
				}
						
#bildmaterial td	{
					vertical-align:top;
					}
				
#bildmaterial a:hover	{
						background:#F5E6CF
						}
				
				
				
				
#datum_aktuelles	{
					font-family:arial, sans serif;
					font-size:9pt;
					font-weight:bold;
					}
					
					
					
					
#popup_presse	{
		background:#F5E6CE;
		border:solid 5px #019087;
		
		padding:40px;
		text-align:justify;
		}