/*
Design by Thomas Stadler
http://www.thomasstadler.at
for Gratisflug.com 
*/


body {
	margin: 0;padding: 0;
	background: #f9f9f9 url(media/img/bg/main.gif) repeat-x 0 0;
}

#dasganze {
	width: 960px;
	margin: 0 auto; padding: 0;
	position: relative;
}


#top {
    margin: 10px 0 0 0;padding: 0;
    width:960px;
    height: 140px;
}


h1 {margin: 0; padding: 0; width: 930px; height: 100px; text-indent: -9999px;}
h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus  {background:url(media/img/logo/logo.png) no-repeat;text-decoration:none;display:block;border:none;margin:0;padding:0;position: absolute; top: 0px; left: 0;width:100%;height:130px;}


h1 span								{text-indent: 0;
									display: block;
									width: 500px;
									position: absolute;
									top: 60px;
									left: 125px;
									font: normal 28px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
									text-transform: uppercase;
									margin: 0; padding:0;
									color: #036;}

h1 span.claim						{display: block; width: 600px;			
									position: absolute;
									top: 28px;left: 0px;
									font: italic 18px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
									text-transform: none;
									color: #333;
									margin: 0; padding:0 0 0 100px;}

										
#description						{display: none;}
									
#content 							{margin: 0; padding: 0 0 40px 0;
									width: 960px;
									background: url(media/img/bg/inhalt.jpg) repeat-y 620px 0;
									float: left;}

#inhalt								{margin: 10px 0 0 10px; padding: 0;
									width:600px;
									min-height: 420px;
									float: left;}


#inhalt h2							{font: normal 28px/40px Trebuchet MS, Arial, Impact, sans-serif; 
									margin: 0; padding: 0;   
									color: #036;
									position: relative;}

#inhalt h2 span 					{font: italic 20px/40px "Trebuchet MS", Arial, Impact, sans-serif; 
									margin: 0; padding: 0;   
									color: #036;}
											
#inhalt h3							{font: normal 18px/20px Trebuchet MS, Arial, Impact, sans-serif; 
									margin: 20px 0 20px; padding: 0;  color: #036;}


#inhalt h4							{font: normal 16px/20px Trebuchet MS, Arial, Impact, sans-serif; 
									margin: 20px 0 0; padding: 0;   
									color: #888;}

#inhalt p 							{font: normal 14px/20px Trebuchet MS, Arial, sans-serif;
									color: #036; margin: 18px 0; padding: 0; text-align: justify;} 

#inhalt p.intro 					{display: block; min-height: 118px;} 

a									{color: #069; text-decoration: none;}

a:hover								{color: #39c; text-decoration: underline;}

a img								{border: none;}


#inhalt .bild						{border: 1px solid #888; margin: 0; padding: 4px;}

#inhalt a:hover .bild				{border: 1px solid #39c;}


#inhalt .bildrahmen					{border: 1px solid #888; text-align: justify;
									height: 130px; margin: 0; padding: 4px;}

#inhalt .bildrahmen	img				{margin: 0; padding: 0;}


#inhalt .left 						{float: left;  margin-right: 10px;}

#inhalt .right 						{float: right; margin-left: 10px;}

		p.center 					{text-align: center;}


#inhalt span.tel 					{font-style: italic; background: url(media/img/bg/tel.gif) no-repeat; 
									padding: 0 0 0 20px;}


#inhalt .related 					{margin: 30px 0 20px 20px; padding: 0;}
													

#inhalt .related p 					{font: bold 16px/26px "Trebuchet MS", Helvetica, Arial, sans-serif;
									margin: 0 20px; padding: 0;color: #888;}

#inhalt .related ul					{list-style: none; margin: 0;padding: 0;}

#inhalt .related li					{font: normal 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #888; margin: 0 35px;padding: 0;
									text-decoration: none;}

#inhalt .related li:hover			{color: #39c;}

#inhalt .related li a				{font: normal 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #888;margin: 0 ;padding: 0;
									text-decoration: none;}

#inhalt .related li a:hover			{color: #39c;
									text-decoration: underline;}

#inhalt .achtung					{display: block; width: 580px;
									font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #c00; padding: 4px;
									border: 1px solid #c00;}


#teilen								{margin: 30px 0 20px 20px; padding: 0 0 0 0;}



#teilen p 							{font: normal 14px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
									margin: 0 10px; padding: 0; color: #888;}

#teilen p strong					{font: bold 16px/26px "Trebuchet MS", Helvetica, Arial, sans-serif;
									margin: 0 10px; padding: 0;}
	

#kontaktform						{margin: 30px 0 20px 20px; padding: 0 0 0 0;}

#kontaktform p 						{font: normal 14px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
									margin: 0 10px; padding: 0;
									color: #888;}

#kontaktform p strong{
	font: bold 16px/26px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 10px; padding: 0;
}










#inhalt .wie-fliegt-man-billig						{margin: 0 60px;}



ul.janein{											list-style: none; 
													margin: 10px 0 0 30px; padding: 5px;
													width: 500px;
													background: #fff url(media/img/bg/traveltipps-ul.gif) repeat-x;	}


ul.janein li										{font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
													color: #036;
													margin: 2px 0 2px 2px; padding: 0 0 0 28px;}
 
ul.janein li.ja										{background: url(media/img/bg/buttons/ja.png) no-repeat 0 50%;}

ul.janein li.nein									{background: url(media/img/bg/buttons/nein.png) no-repeat 0 50%;}



#inhalt .tipp										{border: 1px solid #888; padding: 8px; font-style: italic;}
#inhalt .tipp span									{font-weight: bold;}
#inhalt .tipp span:before							{float: left; content:url(media/img/bg/tipp.png); padding: 0 5px 0 0;}






#inhalt small										{color: #888;}






/* ########################### BUCHEN > GEBÜHREN UMGEHEN  */


#inhalt .vergleich{
	float:left;
	margin: 0 0 15px 0;
	background: #eee url(media/img/bg/vergleich.jpg);
	clear: both;
	width: 600px;
}

#inhalt .vergleich p{
	text-align: center; 
	color: #888;
	margin: 10px 0 5px 0; 
}

#inhalt .vergleich h5{
	text-align: center; 
	color: #fff;
	margin: 0; 
}

#inhalt .vergleich1{float: left;text-align: justify;}
#inhalt .vergleich1 p{text-align: justify;}

#inhalt .vergleich2{float: right;text-align: justify;}
#inhalt .vergleich2 p{text-align: justify;}


#inhalt .vgl{
	width:298px;
	padding: 0;
	margin: 0;
}

#inhalt .vgl p{
	color: #036;
	margin: 8px 8px 8px 8px;  
}



/* ########################### FAQ  */


#inhalt ul.faq											{list-style: none; width: 440px;
														background: url(media/img/bg/faq.png) no-repeat; 
														margin: 20px 0 20px 0px; padding: 8px 0;}

#inhalt ul.faq li 										{margin: 0 0 0 5px;}
														
#inhalt ul.faq li a										{font: normal 16px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
														padding: 0; color: #036; text-decoration: none;}


#inhalt ul.faq li.ryanair a 							{margin-left: 110px;}
#inhalt ul.faq li.flugbuchung a 						{margin-left: 100px;}
#inhalt ul.faq li.reiseabflauf a 						{margin-left: 90px;}
#inhalt ul.faq li.website a 							{margin-left: 85px;}




#inhalt ul.faq li a:hover,
body.faq-ryanair #inhalt ul.faq li.ryanair a,  	
body.faq-flugbuchung #inhalt ul.faq li.flugbuchung a, 
body.faq-reiseabflauf #inhalt ul.faq li.reiseabflauf a,  	
body.faq-website #inhalt ul.faq li.website a  	
						
														{font: normal 19px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
														color: #39c; text-decoration: underline;}






#inhalt ul.faq-top										{list-style: none;														
														margin: 0px 0 20px 20px; padding: 8px 0;}

#inhalt ul.faq-top li a									{font: normal 16px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
														margin: 0 0 0 10px; padding: 0 0 0 26px; color: #036;
														background: url(media/img/bg/buttons/fragezeichen.png) no-repeat 0 0;}

#inhalt ul.faq-top li a:hover							{color: #39c; text-decoration: underline;
														background: url(media/img/bg/buttons/fragezeichen.png) no-repeat 0 -20px;}

	

#inhalt  p.top 											{margin: 0 0 40px 0;}

#inhalt  p.top a										{color: #888; text-decoration: underline;
														font: normal 12px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;}
														
#inhalt  p.top a:hover									{color: #39c; text-decoration: underline;}












#inhalt .screenshot										{width: 940px; float: left;
														margin: 0 0 20px 0; position: relative;
														background: #fff;}



#inhalt .screenshot img									{float: left; margin: 0 10px 0 0; background: #fff;}



#inhalt .screenshot p									{font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
														margin: 0; padding: 0; color: #888;
														text-align: left;}




#inhalt .screenshot ul									{list-style: none; 	
														margin: 0; padding: 0;
														position: absolute; top: 0;}


#inhalt .screenshot ul.shot_tarifwahl li				{display: block; position: absolute; 
														cursor: help;}


#inhalt .screenshot ul.shot_tarifwahl li.vorherige		{width: 130px; height: 18px; top: 34px; }
#inhalt .screenshot ul.shot_tarifwahl li.nacheste		{width: 120px; height: 18px; top: 34px; left: 630px; }
#inhalt .screenshot ul.shot_tarifwahl li.datum			{width: 740px; height: 65px; top:58px; left: 4px; }
#inhalt .screenshot ul.shot_tarifwahl li.name			{width: 170px; height: 90px; top: 140px; left: 40px; }
#inhalt .screenshot ul.shot_tarifwahl li.epreis			{width: 65px; height: 90px; top: 140px; left: 290px; }
#inhalt .screenshot ul.shot_tarifwahl li.details		{width: 206px; height: 130px; top: 145px; left: 540px; }
#inhalt .screenshot ul.shot_tarifwahl li.ockeckin		{width: 206px; height: 35px; top: 290px; left: 540px; }
#inhalt .screenshot ul.shot_tarifwahl li.gpreis			{width: 206px; height: 20px; top: 328px; left: 540px; }


#inhalt .screenshot ul.shot_tarifwahl li span			{display: none; width: 160px; padding: 5px;
														position: relative;  top: 10px; left: 10px;
														background: #eee;
														font: normal 12px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
														border: 3px solid #036;}
														
														
														
#inhalt .screenshot ul.shot_tarifwahl li span b			{font: bold 16px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
														color: #036;}														
														
														

#inhalt .screenshot ul.shot_tarifwahl li:hover span		{display: block;}








/* ---------- 3 SCHRITTE ZUM FLUG ---------- */

#inhalt .schrittezumflug {
	float: left;
    width: 193px;
    height: 322px;
    margin: 10px 0 15px 0;
}

#inhalt .schrittezumflug1 {background: #eee url(media/media/startbox/buchung-schritt1.jpg) no-repeat; margin-right: 10px;}
#inhalt .schrittezumflug2 {background: #eee url(media/media/startbox/buchung-schritt2.jpg) no-repeat; margin-right: 10px;}
#inhalt .schrittezumflug3 {background: #eee url(media/media/startbox/buchung-schritt3.jpg) no-repeat;}

#inhalt .schrittezumflug p {
    margin-top: 100px;  
    font: normal 14px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
    border: none;
    width: 170px;
    height: 162px;
    display: block;
    padding: 5px;
}

#inhalt .schrittezumflug p strong {
    padding-top: 100px;  
    font: normal 20px/22px "Trebuchet MS", Helvetica, Arial, sans-serif; 
}







#abflug-routen								{float: left; width: 620px; clear: both;
											margin: 0 0 0 -10px; padding: 0;}


#abflug-routen .airports					{float: left; width: 191px;
											
											border: 1px solid #888;
											margin: 0 0 10px 10px;  padding: 0;}									    


#abflug-routen .airports p					{margin: 0;  padding: 0;
											font-size: 12px; line-height: 18px;}




/* ----------------------------------------- Destination Intro ----------------------------- */	



#destinationintro							{width: 600px;position: relative;z-index: 1000;
											margin: 0; padding: 0;}



#destinationintro .spalte					{width: 174px; height: 200px;
											float: left; padding: 25px 10px 0 10px;}
													
														
#destinationintro h4						{font: bold 16px/20px "Trebuchet MS", Helvetica, Arial, sans-serif; 
											color: #036; text-decoration: none;
											margin: 4px 0 0; padding: 0;}	
																											
#destinationintro .spalte p					{font: normal 12px/18px "Trebuchet MS", Helvetica, Arial, sans-serif; 
											text-align: left;
											margin: 4px 0 0; padding: 0;}
															

#destinationintro u							{font: normal 12px/18px "Trebuchet MS", Helvetica, Arial, sans-serif; }
							
#destinationintro p.gefunden				{font: normal 12px/16px "Trebuchet MS", Helvetica, Arial, sans-serif; 
											color: #999; text-decoration: none;
											margin: 20px 0 0;}
							
							
#destinationintro .route					{margin-right: 9px;
													background: url(media/img/bg/destinationintro-bg.png) no-repeat 0 20px;}

				
#destinationintro .date						{margin-right: 9px;
													background: url(media/img/bg/destinationintro-bg.png) no-repeat 0 20px;}


#destinationintro .book						{background: url(media/img/bg/destinationintro-bg.png) no-repeat 0 20px;}


#destinationintro span.airportwahl			{background: #036; color: #fff; padding: 1px 3px;}



/* ----------------------------------------- Destination Karte ----------------------------- */	

	
#destination 										{display: block;
												    width:600px; height: 571px;
													margin: -20px 0 0 0; padding: 20px 0 0 0;
													background: url(media/img/bg/destination.png) no-repeat 0 0;
													position:  relative;
													text-align: left;}
																						
body.cat-HHN #destination, 
body.cat-NRN #destination, 
body.cat-BGY #destination 							{height: 700px;}								
										

#destination .intro p 								{width: 380px;
													margin: 0; padding: 0;
													text-align: left;}
											

#destination .intro h2 span 						{font: italic 20px/1 "Trebuchet MS", Arial, Impact, sans-serif; 
													margin: 10px 0 0 0; padding: 0;   
													color: #036;}
	
				
#destination p.stand								{width: 200px; height: 14px;
													position: absolute; top: 120px; left: 0px;	
													font: italic 12px/1 "Trebuchet MS", Helvetica, Arial, sans-serif; 
													color: #888; white-space: nowrap;}
												
#destination p.from									{display: block; position: absolute;
													width: 28px; height: 28px;
													background: url(media/img/bg/buttons/abflug.png) no-repeat;}	
																						
#destination p.from span.basename					{position: absolute; top: 22px; left: -40px;
													white-space: nowrap;}	
											
										
#destination p.HHN							{top:305px; 	left:360px;}
#destination p.BLL							{top:210px; 	left:383px;}
#destination p.NRN							{top:270px; 	left:360px;}
#destination p.EIN							{top:267px; 	left:340px;}
#destination p.BTS							{top:330px; 	left:490px;}
#destination p.SXF							{top:275px; 	left:430px;}
#destination p.BRE							{top:263px; 	left:376px;}
#destination p.KLU							{top:353px; 	left:447px;}
#destination p.FKB							{top:330px; 	left:360px;}
#destination p.LBC							{top:250px; 	left:400px;}
#destination p.FDH							{top:342px; 	left:386px;}
#destination p.SZG							{top:342px; 	left:426px;}
#destination p.LNZ							{top:340px; 	left:455px;}
#destination p.AOC							{top:275px; 	left:422px;}
#destination p.BGY							{top:380px; 	left:380px;}
#destination p.FMM							{top:330px; 	left:396px;}
#destination p.EIN							{top:262px; 	left:340px;}
#destination p.MST							{top:268px; 	left:344px;}


#destination ul								{list-style: none; 	
											margin: 0; padding: 0;
											position: absolute; top: 0;}
											
											
#destination .destinationbild_clear			{width: 310px; height: 400px;
											position: absolute;
											top: 210px; left: 620px;
											margin: 0; padding: 0 0 0 10px;
											background: url(media/img/bg/destinationbild.jpg) no-repeat;
											display: block; text-align: left; cursor: auto}

											
#destination .destinationbild_clear h3		{font: italic 23px/26px "Trebuchet MS", Arial, Impact, sans-serif; 
											color: #888;
											margin: 12px 0 0 0;}	
											
#destination .destinationbild_clear h4		{font: italic 32px/34px "Trebuchet MS", Arial, Impact, sans-serif; 
											margin: 10px 0 0 0; color: #ddd;}
																						
											
#destination .destinationbild_clear p		{font: italic 14px/14px "Trebuchet MS", Arial, Impact, sans-serif; 
											text-align: left; margin: 8px 0 0 0; color:#888;}												
																					
#destination li a							{display: block;
											text-decoration: none;
											/* cursor: url(media/img/bg/dot_abflug.png), auto*/}

#destination li a:hover						{text-decoration: none;
											cursor: url(media/img/bg/landung.png), auto}


#destination li a:active					{cursor: url(media/img/bg/landung.png), auto}


#destination li a .destinationbild			{height: 160px; height: 300px;
											position: absolute; top: 210px;left: 620px;
											background: #036; 
											display: none; z-index: 10;}
											
#destination li a .destinationbild img		{position: absolute; top: 0; left: 0; z-index: 20;}
									
										
#destination li a .destinationbild strong	{position: absolute; top: 0px; left: 0px;
											font: italic 32px/34px "Trebuchet MS", Arial, Impact, sans-serif; 
											text-shadow: 2px 1px 1px #000;
											text-decoration: none;
											width: 310px; height: 40px; 
											color: #fff;
											margin: 0; padding: 120px 0 0 10px; 
											z-index: 40;
											background: url(media/img/bg/destinationbild-overlay.png);}
											
											
#destination li.santiago a .destinationbild strong	
											{font: italic 26px/34px "Trebuchet MS", Arial, Impact, sans-serif;}	
											
											
.zusatz	
											{font: italic 16px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
											top: 0; left: 4px; margin: 0; padding: 0 2px 0 4px;
											text-shadow: 2px 1px 1px #000; color: #fff;}
																					
#destination li a .destinationbild b		{position: absolute; display: block;
											top: 175px; left: 0px;
											width: 300px; height: 100px;
											font: normal 16px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
											margin: 0; padding: 0 10px 10px 10px;
											color: #036;
											z-index: 60;}	
											
#destination li a .destinationbild b i		{display: inline;
											font: bold 16px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
											width: 310px; height: 100px;
											color: #036;}	
																						

#destination li a .destinationbild u		{display: block; 											
											font: normal 16px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
											width: 310px; height: 100px;
											margin: 0 0 0 20px; padding: 0;
											color: #036;
											width: 280px;
											text-decoration: none;}
												

#destination li a .destinationbild u span	{font: bold 16px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
											color: #036;
											margin: 0; padding: 0;}
																							
										
																															
#destination li a:hover .destinationbild	{display: block;}


#destination li a .position					{display: block; position: absolute;}
																			
#destination li.agadir 	a .position			{top:640px; 	left:55px;}
#destination li.alghero a .position			{top:495px; 	left:374px;}	
#destination li.alicante a .position		{top:523px; 	left:203px;}	
#destination li.almeria a .position 		{top:540px; 	left:165px;}	
#destination li.ancona a .position			{top:450px; 	left:470px;}
#destination li.bari a .position			{top:475px; 	left:515px;}
#destination li.BGY a .position			{top:396px; 	left:392px;}	 
#destination li.berlin a .position			{top:275px; 	left:430px;}	
#destination li.beziers a .position		 	{top:448px; 	left:290px;}	
#destination li.birmingham a .position		{top:228px; 	left:235px;}		
#destination li.bologna a .position			{top:410px; 	left:410px;}	
#destination li.bremen a .position		 	{top:263px; 	left:376px;}	
#destination li.breslau a .position			{top:285px; 	left:485px;}			
#destination li.brindisi a .position		{top:500px; 	left:530px;}	
#destination li.bristol a .position			{top:266px; 	left:218px;}	
#destination li.bromberg a .position		{top:255px; 	left:495px;}	
#destination li.bruessel a .position		{top:295px; 	left:324px;}	
#destination li.cagliari a .position		{top:532px; 	left:385px;}	
#destination li.danzig a .position			{top:235px; 	left:495px;}	
#destination li.DUB a .position			{top:228px; 	left:174px;}	
#destination li.duesseldorf a .position		{top:275px; 	left:368px;}		
#destination li.eastmidlands a .position	{top:235px; 	left:250px;}	
#destination li.edinburgh a .position		{top:193px; 	left:250px;}	
#destination li.faro a .position			{top:517px; 	left:52px;}
#destination li.fes a .position				{top:588px; 	left:120px;}
#destination li.HHN a .position		{top:315px; 	left:365px;}	
#destination li.fuerteventura a .position	{top:586px; 	left:55px;}	
#destination li.GRO a .position			{top:460px; 	left:240px;}	
#destination li.goeteborg a .position		{top:185px; 	left:425px;}	
#destination li.grancanaria a .position		{top:588px; 	left:25px;}
#destination li.hamburg a .position			{top:252px; 	left:406px;}	
#destination li.haugesund a .position		{top:135px; 	left:365px;}
#destination li.ibiza a .position			{top:528px; 	left:255px;}
#destination li.jerez a .position			{top:534px; 	left:87px;}
#destination li.kaunas a .position			{top:218px; 	left:557px;}	
#destination li.kerry a .position			{top:229px; 	left:135px;}
#destination li.klagenfurt a .position		{top:365px; 	left:450px;}		
#destination li.krakau a .position			{top:315px; 	left:515px;}	
#destination li.lamezia a .position			{top:515px; 	left:500px;}	
#destination li.lanzarote a .position		{top:580px; 	left:55px;}	
#destination li.lleida a .position			{top:472px; 	left:200px;}
#destination li.liverpool a .position		{top:245px; 	left:230px;}	
#destination li.STN a .position			{top:255px; 	left:250px;}	
#destination li.MAD a .position			{top:480px; 	left:155px;}	
#destination li.malaga a .position			{top:542px; 	left:140px;}	
#destination li.RAK a .position		{top:605px; 	left:80px;}	
#destination li.marseille a .position		{top:448px; 	left:345px;}	
#destination li.memmingen a .position		{top:345px; 	left:395px;}	
#destination li.montpellier a .position		{top:426px; 	left:310px;}		
#destination li.oslotorp a .position		{top:155px; 	left:395px;}
#destination li.oslo a .position			{top:135px; 	left:405px;}
#destination li.mallorca a .position		{top:509px; 	left:272px;}	
#destination li.BVA a .position			{top:330px; 	left:290px;}
#destination li.pescara a .position			{top:455px; 	left:470px;}	
#destination li.PSA a .position			{top:440px; 	left:412px;}
#destination li.porto a .position			{top:454px; 	left:72px;}
#destination li.prag a .position			{top:320px; 	left:455px;}
#destination li.reus a .position			{top:480px; 	left:220px;}
#destination li.riga a .position			{top:185px; 	left:545px;}
#destination li.rimini a .position			{top:430px; 	left:450px;}	
#destination li.rom a .position				{top:460px; 	left:438px;}
#destination li.santander a .position		{top:418px; 	left:160px;}	
#destination li.santiago a .position		{top:420px; 	left:100px;}	
#destination li.sevilla a .position					{top:515px; 	left:108px;}	
#destination li.smaland a .position					{top:170px; 	left:450px;}	
#destination li.stettin a .position					{top:250px; 	left:465px;}	
#destination li.NYO	a .position				{top:150px; 	left:450px;}	
#destination li.tampere a .position					{top:105px; 	left:530px;}	
#destination li.teneriffa	a .position				{top:595px; 	left:2px;}	
#destination li.trapani a .position					{top:550px; 	left:450px;}	
#destination li.valencia a .position				{top:500px; 	left:195px;}	
#destination li.venedig a .position					{top:390px; 	left:435px;}	
#destination li.weeze a .position					{top:290px; 	left:365px;}
#destination li.bratislava a .position				{top:338px; 	left:495px;}
#destination li.wroclaw a .position					{top:305px; 	left:480px;}	
#destination li.zadar	a .position					{top:410px; 	left:480px;}
#destination li.valladolid a .position				{top:450px; 	left:155px;}	
#destination li.lappeenranta a .position			{top:120px; 	left:480px;}	
	
		
#destination li.glasgowprestwick a .position		{top:193px; 	left:210px;}	
#destination li.zaragoza a .position				{top:450px; 	left:185px;}	
#destination li.tangier a .position					{top:568px; 	left:120px;}
#destination li.palermo a .position					{top:536px; 	left:450px;}	
#destination li.nantes a .position					{top:536px; 	left:450px;}	
#destination li.granada a .position					{top:538px; 	left:148px;}		
#destination li.eindhoven a .position				{top:275px; 	left:360px;}	
#destination li.billund a .position					{top:233px; 	left:376px;}	




#destination li a .position							{display: block;
													position: absolute; z-index:1;
													width: 18px; height: 18px;}
	
#destination li a .fare1							{background: url(media/img/bg/flags.png) no-repeat 0 0;}
#destination li a .fare2							{background: url(media/img/bg/flags.png) no-repeat 0 50%;}
#destination li a .fare3							{background: url(media/img/bg/flags.png) no-repeat 0 100%;}

	

#destination li a .position .price					{position: absolute; top: 15px; left: 5px;
													display: block; padding: 1px;
													font: normal 12px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
													text-align: left; z-index:100;
													color: #333; white-space: nowrap;}

#destination li a .fare1 .price						{color: #903;}											 
#destination li a .fare2 .price						{color: #8e288d;}
#destination li a .fare3 .price						{color: #06c;}
											 

											
#destination li.teneriffa a .position .price		{top: 18px; left: -20px;;}											
		

								
#destination li a:hover .position .price			{text-shadow: 1px 1px 1px #888; 
													font: bold 20px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
													z-index:100;margin: -4px;}
										

/*									
#destination li a:hover .position .price			{color: #cc0000; text-shadow: 1px 1px 1px #fff; 
													font: bold 22px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
													margin: 0 0 0 6px; z-index:100;}
										
*/

#destination li a .position strong					{font: normal 14px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
													position: absolute; top: -10px; left: 20px;
													margin: 0; padding: 3px;
													background: #036;
													color: #fff;
													white-space: nowrap;
													visibility: hidden;}

#destination li a .position strong span				{font: italic 11px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
													margin: 0; padding: 0 2px 0 0;
													color: #fff;
													white-space: nowrap;}


#destination li a:hover .position strong			{visibility: hidden; z-index: 100;}









/* Reiseziele */


#allereiseziele{
	margin: 15px 0 0;
}



#allereiseziele .box1{
	width: 293px;
	height: 210px;
	border: 1px solid #888;
	position: relative;
	margin: 5px 0;
}


#allereiseziele .box1 p{
	margin: 5px;
}


#allereiseziele .box1 p a strong{
	position: absolute;
	top: 160px;
	left: 10px;
	font: bold 44px/1 "Trebuchet MS", Helvetica, Arial, sans-serif; 
	color: #fff;
	text-transform: uppercase;
	z-index: 100;
}


#allereiseziele .box1 p a{
	text-decoration: none;
}


#allereiseziele .box1 p a span {
	position: absolute;
	width: 267px;
	height: 184px;
	top: 5px;
	left: 5px;
	font: bold 16px/20px "Trebuchet MS", Helvetica, Arial, sans-serif; 
	padding: 8px;
	background: url(media/img/bg/white-80.png);
	color: #036;
	display: none;
}


#allereiseziele .box1 p a:hover span {
	display: block;
}

#allereiseziele .box1 p a:hover strong {
	color: #036;	
}


/* ===========================================  REISEBERICHTE ===========================================     */

#inhalt .reisebericht									{margin: 10px 0 10px 0; padding: 0;
														display: block;width: 600px;  height: 220px;   
														clear: both; 
														position: relative;}
														
#inhalt .reisebericht img								{margin: 0 10px 0 0;}


#inhalt .reisebericht a									{text-decoration: none; color: #036;}
#inhalt .reisebericht a:hover							{text-decoration: none; color: #39c;}

#inhalt .reisebericht a span							{display: none;
														width: 285px; height: 188px; 
														position: absolute; top: 5px; left: 5px;
														background: url(media/img/bg/blue-40.png); }	

#inhalt .reisebericht a:hover span						{display: block;}																					


#inhalt .reisebericht p a		 						{font: normal 14px/18px Trebuchet MS, Arial, sans-serif;}


#inhalt .reisebericht b									{font: bold 20px/24px Trebuchet MS, Arial, sans-serif;}

#inhalt .reisebericht a i								{font: bold 12px/20px Trebuchet MS, Arial, sans-serif;
	 													padding: 1px 6px;	 														background: #036; color: #fff;}

#inhalt .reisebericht a:hover i							{background: #39c; color: #fff;}





/* Reiseberichte - Bilder */


#inhalt .bildmittext{
	float: left;	
	margin: 10px 0; padding: 0;
	width: 950px;
	clear: both;
}

#inhalt .bildmittext img.bild{
	float: left;
	margin: 0 25px 0 0; padding: 4px;
	border: 1px solid #888;
}








#inhalt .inhalt-spalte{
	float: right;
	margin: -20px -340px 0 0; padding: 0;
	width: 320px;
	display: block;
	z-index: 1000;
}





/* ===============================================================================================      
   ===========================================  SPALTE ===========================================  
   ===============================================================================================  */  




#spalte	 												{float: right;
													    width: 320px;
														margin: 0; 	padding: 190px 10px 10px 10px;
														background: url(media/img/bg/spalte.jpg) no-repeat 0 190px;}

#spalte h3												{font: bold italic 20px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
														margin: 11px 0; color: #036;}


#spalte p												{font: normal 14px/20px Trebuchet MS, Arial, sans-serif; 
														color: #036;
														margin: 11px 0;}

/* ===========================================  ABFLUG ===========================================     */


#abflug {												position: absolute; top: -10px;	right: 0;
														width: 340px; height: 340px;
														margin: 0; padding: 0;
														background: #c0d7f7 url(media/img/bg/abflug.gif) no-repeat 0 0;}

#abflug p												{display: block; width: 316px;
														position: absolute; top: 310px; left: 14px;
														font: normal 16px/30px "Trebuchet MS", Helvetica, Arial, sans-serif;
														color: #036;}

#abflug ul												{list-style: none;margin: 0;padding: 0;}
										
#abflug li												{display: block;position: absolute; z-index:2;}

.ab-AOC													{top:150px; left:174px;} /* Altenburg */
.ab-BTS													{top:238px; left:270px;} /* Bratislava */
.ab-BGY													{top:296px; left:127px;} /* Bergamo */
.ab-BLL													{top:12px; 	left:148px;} /* Billund */
.ab-BRE	 												{top:83px;	left:116px;} /* Bremen */
.ab-BRQ													{top:210px; left:257px;} /* Brno */
.ab-EIN													{top:114px; left:62px;}  /* Eindhoven */
.ab-FDH													{top:241px; left:118px;} /* Friedrichshafen */
.ab-FKB													{top:208px; left:91px;}  /* Karlsruhe */
.ab-FMM													{top:234px; left:140px;} /* Memmingen */
.ab-GRZ 												{top:262px; left:240px;} /* Graz */
.ab-HHN													{top:179px; left:88px;}
.ab-KLU		 											{top:284px; left:200px;}
.ab-LBC													{top:68px;	left:165px;}
.ab-LNZ													{top:238px; left:218px;}			
.ab-MST													{top:141px; left:61px;}	
.ab-NRN 												{top:100px;	left:90px;}
.ab-SXF													{top:110px;	left:190px;}
.ab-SZG													{top:240px; left:186px;}
.ab-SZZ													{top:80px;	left:240px;;}

/* ---------- Standard mit Hover-Effekt (rot)  ---------- */

#abflug li a											{color: #036; text-decoration: none;}														
#abflug li a:hover										{color: #c00; text-decoration: none;}


#abflug li a span.dot									{display: block; margin: 0;padding: 0;
														width: 14px; height: 14px;
														background: url(media/img/bg/abflug-dot.png) no-repeat 50% 0;}

#abflug li a:hover span.dot								{background: url(media/img/bg/abflug-dot.png) no-repeat 50% 100%;}



/* ---------- Außnahmen für Kategorien (Ziele, Buchen, About) ---------- */

body#cat-about	#abflug li a, 
body#cat-buchen	#abflug li a, 
body#cat-faq	#abflug li a, 
body#cat-ziele	#abflug li a, 
body#cat-extra	#abflug li a							{color: #777;}        
		
											
body#cat-about	#abflug li a:hover, 
body#cat-buchen	#abflug li a:hover, 
body#cat-faq	#abflug li a:hover, 
body#cat-ziele	#abflug li a:hover, 
body#cat-extra	#abflug li a:hover						{color: #c00; text-decoration: none;}
	

body#cat-about	#abflug li a span.dot, 
body#cat-buchen	#abflug li a span.dot, 
body#cat-faq	#abflug li a span.dot, 
body#cat-ziele	#abflug li a span.dot,
body#cat-extra	#abflug li a span.dot					{background: url(media/img/bg/abflug-dot.png) no-repeat 50% 50%;}


body#cat-about	#abflug li a:hover span.dot, 
body#cat-buchen #abflug li a:hover span.dot, 
body#cat-faq 	#abflug li a:hover span.dot, 
body#cat-ziele 	#abflug li a:hover span.dot, 
body#cat-extra	#abflug li a:hover span.dot				{background: url(media/img/bg/abflug-dot.png) no-repeat 50% 50%;}



#abflug li a span.basename								{position: absolute; top: 0px; left: 15px;
														font: bold 12px/12px "Trebuchet MS", Helvetica, Arial, sans-serif;
														white-space: nowrap;}			
								
#abflug li.ab-FDH a span.basename						{left: -90px; top: 1px;}
#abflug li.ab-BGY a span.basename						{top: -4px;}
#abflug li.ab-MST a span.basename						{top: 12px; left: -10px; }
#abflug li.ab-FKB a span.basename						{left: -55px; }
#abflug li.ab-FMM a span.basename						{top: -25px; left: -10px;}
#abflug li.ab-SZG a span.basename						{top: 12px; left: -20px;}
#abflug li.ab-NRN a span.basename						{top: 1px;}
#abflug li.ab-LNZ a span.basename						{top: -26px; left: -2px;}
#abflug li.ab-GRZ a span.basename						{top: -4px;}
#abflug li.ab-BRQ a span.basename						{top: -25px; left: -14px; }
#abflug li.ab-LBC a span.basename						{top: -4px;}
#abflug li.ab-BRE a span.basename						{top: -25px; left: -20px; }
#abflug li.ab-FKB a span.basename						{top: 1px;}
#abflug li.ab-EIN a span.basename						{left: -60px; top: 1px;}


#abflug li a span.preis									{display: block; width: 80px;
														position: absolute; top: 12px; left: 1px;
														font: normal 10px/11px "Trebuchet MS", Helvetica, Arial, sans-serif;			
														padding: 0; margin: 0;}	



#abflug li a span.basebetrag							{display: block; white-space: nowrap; float: left;
														background: transparent; color: #036;
														padding: 0 1px; border: 1px dotted #036;}

body#cat-about	#abflug li a span.basebetrag,
body#cat-buchen	#abflug li a span.basebetrag,
body#cat-faq	#abflug li a span.basebetrag, 
body#cat-extra	#abflug li a span.basebetrag			{background: transparent; color: #777;
														padding: 0 1px; border: 1px dotted #777;} 
	
																																								
body#cat-ziele #abflug li a span.basebetrag				{display: block; white-space: nowrap; float: left;
														background: transparent; color: #777;
														border: 1px dotted #777; margin: 0 2px 0 0;}


body#cat-about	#abflug li a:hover span.basebetrag,
body#cat-buchen	#abflug li a:hover span.basebetrag,
body#cat-faq	#abflug li a:hover span.basebetrag, 
body#cat-extra	#abflug li a:hover span.basebetrag,											
body#cat-ziele 	#abflug li a:hover span.basebetrag,	
				#abflug li a:hover span.basebetrag		{background: transparent; color: #c00;
														padding: 0 1px; border: 1px dotted #c00;} 


body#cat-about 	#abflug li.activebase a span.basebetrag, 
body#cat-buchen #abflug li.activebase a span.basebetrag, 
body#cat-faq 	#abflug li.activebase a span.basebetrag, 
body#cat-extra 	#abflug li.activebase a span.basebetrag, 
body#cat-ziele	#abflug li.activebase a span.basebetrag, 
				#abflug li.activebase a span.basebetrag {background: transparent; color: #c00;
														padding: 0 1px; border: 1px dotted #c00;} 
				
				
body#cat-about 	#abflug li.activebase a span.dot, 
body#cat-buchen #abflug li.activebase a span.dot, 
body#cat-faq 	#abflug li.activebase a span.dot, 
body#cat-extra 	#abflug li.activebase a span.dot, 
body#cat-ziele 	#abflug li.activebase a span.dot,			
				#abflug li.activebase a span.dot		{background: url(media/img/bg/abflug-dot.png) no-repeat 50% 100%;}



body#cat-ziele #abflug li a span .sameprice				{display: none;} /* Falls Routeprice und Basepreis gleich sind  */



#abflug li a span.routeprice							{display: none; white-space: nowrap; float: left;
														background: #036; color: #fff; 
														border: 1px solid #036;
														padding: 0 1px; margin: 0;}
																																				
#abflug li.frombaseto a span.preis span.routeprice		{display: block;}

#abflug li.activebase a span.routeprice					{background: #036; border: 1px solid #036;} 


												
body#cat-about 	#abflug li a:hover span.dot,
body#cat-buchen	#abflug li a:hover span.dot,
body#cat-faq   	#abflug li a:hover span.dot,
body#cat-extra 	#abflug li a:hover span.dot,
body#cat-ziele 	#abflug li a:hover span.dot,
				#abflug li.frombaseto a:hover span.dot	{background: url(media/img/bg/abflug-dot.png) no-repeat 50% 100%;}



body#cat-ziele #abflug li.frombaseto a span.dot			{background: url(media/img/bg/abflug-dot.png) no-repeat 50% 0%;}
body#cat-ziele #abflug li.frombaseto a span.basename	{color: #036;}


body#cat-ziele #abflug li.frombaseto a:hover span.dot		{background: url(media/img/bg/abflug-dot.png) no-repeat 50% 100%;}
body#cat-ziele #abflug li.frombaseto a:hover span.basename	{color: #c00;}


#abflug li.activebase a span.dot						{background: url(media/img/bg/abflug-dot.png) no-repeat 50% 100%;}


#abflug li.activebase a span.basename,
body#cat-ziele #abflug li.activebase a span.basename	{color: #c00;}


body#cat-ziele #abflug li.activebase a span.dot			{background: url(media/img/bg/abflug-dot.png) no-repeat 50% 100%;}



body#cat-ziele	#abflug li a:hover span.routeprice		{background: #c00; border: 1px dotted #c00;} 


body#cat-ziele	#abflug li.activebase a:hover span.basebetrag 	{background: #c00; color: #fff; border: 1px dotted #c00;} 
	
body#cat-ziele	#abflug li.activebase a:hover span.routeprice	{background: #c00; border: 1px dotted #c00;} 


				
/* ---------- Legende  ---------- */


#abflug .legende,
body#cat-ziele.cat-alleziele #abflug .legende			{display: none;}

body#cat-ziele #abflug .legende							{position: absolute; display: block;
														padding: 1px 4px;white-space: nowrap;
														font: normal 10px/11px "Trebuchet MS", Helvetica, Arial, sans-serif;}

.lowest													{top: 4px; left: 5px; background: #eee; 
														border: 1px dotted #777; color: #777; width: 100px; }
														
.priceto												{top: 20px; left: 5px;background: #036; color: #fff; 
														width: 102px;}


/* ---------- Titel auf Startseite ---------- */

#abflug .abflug-titel									{display: none;}


body#home #abflug .abflug-titel							{display: block; width: 100px;
														position: absolute; top: 10px; left: 10px; 
														text-align: center; text-transform: uppercase;
														letter-spacing: 1px;
														/*background: #036; color: #fff;*/
														background: ;														
														margin: 0; padding: 0;
														z-index:1; font-style:normal; font-variant:normal; font-weight:normal; line-height:28px; font-size:20px; font-family:Trebuchet MS, Helvetica, Arial, sans-serif}



/* ---------- Titel auf Startseite ---------- */

#abflug .abflug-titel									{display: none;}


body#home #abflug .abflug-titel							{display: block; width: 100px;
														position: absolute; top: 10px; left: 10px; 
														text-align: center; text-transform: uppercase;
														margin: 0; padding: 0;
														letter-spacing: 1px;
														font: normal 20px/28px "Trebuchet MS", Helvetica, Arial, sans-serif;														
														background: #036; color: #fff;
														/*background: url(media/img/buttons/abflug.gif); */}




#abflug .eckerl											{display: block; width: 123px; height: 125px;
														position: absolute; top: 0; left: 216px; 
														text-align: center; text-transform: uppercase;
														background: url(media/img/buttons/abflug-ecke.png) no-repeat;														
														margin: 0; padding: 0;
														z-index:1;}





/* ===========================================  NEWS ===========================================     */


#news 										{width: 320px; margin: 10px 0; padding: 5px 0 0;
											background: url(media/img/bg/spalte_verlauf.gif) no-repeat 0 0;}
	
	
#news h2 									{font: bold italic 24px/40px "Trebuchet MS", Helvetica, Arial, sans-serif;
											margin: 0 10px; padding: 0 0 0 36px; color: #036;
											background: url(media/img/bg/buttons/feed.png) no-repeat 0 5px;}
													
	
#news h2 a									{color: #036; text-decoration: none;}	
																									
#news h2 a:hover							{color: #39c; }													
													
																									
#news h3									{font: bold italic 16px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
											margin: 20px 10px 0 10px;}
													

#news h3+p									{margin: 0 10px;}
													
#news p										{font: normal 14px/20px Trebuchet MS, Arial, sans-serif; 
											margin: 20px 0;}

#news p  a									{color: #069; text-decoration: none;}	
#news p  a:hover							{color: #39c; text-decoration: underline;}	


#news p .posted								{font: normal 12px/20px Trebuchet MS, Arial, sans-serif; 
											color: #999; margin: 0;}	
	
#news p .posted a							{color: #999;}	
		







/* ===========================================  ABFLUGSPALTE ===========================================     */

#abflugspalte										{width: 320px; margin: 394px 0 0 0; padding: 0;}
	
body.cat-HHN #abflugspalte, 
body.cat-NRN #abflugspalte, 
body.cat-BGY #abflugspalte 							{margin: 490px 0 0;}	


#abflugspalte p										{margin: 10px 0 10px 0; padding: 0;}





/* ----------------------------------------- Flughafen-Informationen --------------------------------- */	


#abflugspalte .airportinfo 							{width: 320px;
													margin: 0; padding: 0; position: relative;
													background: #fff url(media/img/bg/spalte_box_big.png) no-repeat 0 100%;}
																				
#abflugspalte .airportinfo ul						{margin: 5px 0 0 10px; padding: 0; list-style: none;}

#abflugspalte .airportinfo ul li 					{padding: 0; margin: 0; text-decoration: none;
													font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
													color: #036;}

#abflugspalte .airportinfo a						{color: #069; text-decoration: none;}
#abflugspalte .airportinfo a:hover					{color: #39c; text-decoration: underline;}


#abflugspalte .airportinfo ul li			 		{font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif; padding: 0;}
#abflugspalte .airportinfo ul li.tel 				{background: url(media/img/bg/icons/tel.png) no-repeat; padding: 0 0 0 20px; margin: 6px 0 0 0;}
#abflugspalte .airportinfo ul li.fax 				{background: url(media/img/bg/icons/fax.png) no-repeat; padding: 0 0 0 20px;}
#abflugspalte .airportinfo ul li.mail 				{background: url(media/img/bg/icons/mail.png) no-repeat; padding: 0 0 0 20px;}
#abflugspalte .airportinfo ul li.web 				{background: url(media/img/bg/icons/web.png) no-repeat; padding: 0 0 6px 20px;}



/* ----------------------------------------- Lageplan --------------------------------- */	


#abflugspalte .lageplan 							{position: relative; width: 320px; height: 215px;}

#abflugspalte .lageplan a img						{opacity:0.6;}
#abflugspalte .lageplan a:hover img					{opacity:1;}

										
#abflugspalte .lageplan a .dot						{position: absolute; width: 42px; height:55px; 
													background: url(media/img/bg/buttons/lageplan-dot.png) no-repeat;}

#abflugspalte .lageplan a:hover .dot				{background: url(media/img/bg/buttons/lageplan-dot-hover.png) no-repeat;}


body.cat-HHN #abflugspalte .lageplan a .dot			{top: 80px; left: 190px;}
body.cat-BTS #abflugspalte .lageplan a .dot			{top: 60px; left: 210px;}
body.cat-NRN #abflugspalte .lageplan a .dot			{top: 44px; left: 70px;}
body.cat-MST #abflugspalte .lageplan a .dot			{top: 25px; left: 100px;}
body.cat-FKB #abflugspalte .lageplan a .dot			{top: 105px;left: 46px;}
body.cat-BRE #abflugspalte .lageplan a .dot			{top: 100px; left: 110px;}
body.cat-AOC #abflugspalte .lageplan a .dot			{top: 100px; left: 252px;}


#abflugspalte .lageplan .route 						{position: absolute; top: 175px; right: 10px;
													display: block; width: 240px; height: 40px;
													background: url(media/img/bg/routenplaner.png);}

											
#abflugspalte .lageplan .route input#saddr			{position: absolute; top: 12px; left: 2px;
													background: transparent; border: none; outline:none;
													font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
													color: #036;}


#abflugspalte .lageplan .route input#submit			{position: absolute; top: 14px; right: 4px;
													border: none; outline:none; padding: 0;
													font: normal 12px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
													border: 1px solid #036;
													color: #036;}

#abflugspalte .lageplan .route input#submit:hover	{background: #036; color: #fff; cursor: pointer;}


/* ----------------------------------------- Terravsion --------------------------------- */	


#spalte .terravision							{width: 320px; height: 140px; 
												margin: 10px 0; padding: 0;
												background: transparent url(media/img/bg/spalte_box140.gif) no-repeat;}
																																	
#spalte  .terravision p							{font: normal 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
												margin: 10px 8px 10px 0; padding: 0;
												border: 1px solid transparent;}

#spalte .terravision p b						{font: bold 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;}

#spalte .terravision p a 						{color: #e2007a; padding: 0px;}
#spalte .terravision a:hover 					{background: #e2007a; color: #fff;}

#spalte .terravision p a img					{display: block; width: 120px; height: 140px; float: left;
												margin: -1px 2px 0 -1px; padding: 0;
												border: none;}
												
																								
/* ----------------------------------------- Mietwagen --------------------------------- */	


#spalte .mietwagen								{width: 320px; height: 140px; 
												margin: 10px 0 10px 0; padding: 0;
												background: transparent url(media/img/bg/spalte_box140.gif) no-repeat;
												position: relative; clear: right;}
												
#spalte .mietwagen span							{width: 320px; height: 140px; 
												background: transparent url(media/werbung/mietwagen-logo.gif) no-repeat;
												border: none;
												position: absolute; top: 0; left: 0;}												

#spalte .mietwagen p							{font: normal 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
												margin: 10px 8px 8px 120px; padding: 0;
												color: #333;}

#spalte .mietwagen p strong						{font: normal 18px/28px "Trebuchet MS", Helvetica, Arial, sans-serif;
												color: #333;}
												

#spalte .mietwagen p i							{font: italic bold 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
												color: #000;}


#spalte .mietwagen a							{font: bold 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
												color: #333; background: #fdb813;
												margin-top: 8px; padding: 4px;}
											

#spalte .mietwagen a:hover						{color: #fdb813; background: #333; text-decoration: none;}



/* ----------------------------------------- Hotelbuchung --------------------------------- */	



#abflugspalte .hotelsuche{
	width: 320px;
	height: 120px;
	background: url(media/img/bg/hotel-suchbox.jpg) no-repeat;
	margin: 0 0 10px 0; padding: 26px 0 0 0;
}

#abflugspalte .airporthotel{
	width: 320px;
	margin: 10px 0 10px 0; padding: 26px 0 0 0;
	clear: right;
	background: url(media/img/bg/hotel-suchbox-abflug.jpg) no-repeat;
}


#abflugspalte .hotelsuche p {
	font: normal 14px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 10px; padding: 0;
	color: #036;
}


#abflugspalte .hotelsuche p strong{
	font: bold 22px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 0 0 10px; padding: 0;
}


#abflugspalte .hotelsuche p strong{
	font: bold 22px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 0 0 0; padding: 0;
}


#abflugspalte .hotelsuche p.hotelort{
	font: normal 14px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 0 0 10px; padding: 0;
	color: #888;
}


#abflugspalte .hotelsuche select.zielwahl {
	font: normal 14px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 10px 0 0 0; padding: 0;
	color: #036;
	width: 158px;
}


#abflugspalte .hotelsuche .reisezeitraum {
	margin: 8px 0 0 0; padding: 0;
	width: 190px;
	float: left;
	margin: 10px 0 0 10px; padding: 0;
}


#abflugspalte .hotelsuche .reisezeitraum p{
	font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #888;
	margin: 0; padding: 0;
}

#abflugspalte .hotelsuche .reisezeitraum select{
	font: normal 14px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 0 5px; padding: 0;
	color: #036;
}


#abflugspalte .hotelsuche .keindatum {
	float: left;
	margin: -2px 10px 0 8px; padding: 0;	
}


#abflugspalte .hotelsuche button{
	float: right;
	font: bold 13px/30px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 0 5px; padding: 0;
	color: #fff;
	background: transparent url(media/img/bg/booking-button.png) no-repeat 0 0;
	border: none;
	width: 100px;
	height: 30px;
	margin: 15px 10px 0 0;
	cursor: pointer;}

#abflugspalte.hotelsuche button:hover,
#abflugspalte.hotelsuche button:active, 
#abflugspalte.hotelsuche button:focus				{background: transparent url(media/img/bg/booking-button.png) no-repeat 0 100%;
													color: #fff;}










#hostelword{
	width: 320px;
	height: 180px;
	background: url(media/img/bg/hostelword.jpg) no-repeat;
	margin: 0 0 10px 0; padding: 0;
	position: relative;
}


#hostelword p{
	font: normal 25px/30px "Trebuchet MS", Helvetica, Arial, sans-serif;
	position: absolute; top: 14px; left: 10px; margin: 0; padding: 0;
	color: #fff;

}




/* ----------------------------------------- Fahrplan ÖBB --------------------------------- */	





#fahrplanabfrage{
	float: right;
	width: 320px;
	height: 200px; padding: 0;
	margin: 0 -338px 10px 0; padding: 0;
	clear: right;
	background: transparent url(media/img/bg/fahrplanabfrage.jpg) no-repeat;
}


#fahrplanabfrage p{
	font: normal 14px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 5px 8px;
}

#fahrplanabfrage p span{
	font: normal 22px/34px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;
}

#fahrplanabfrage p.select{
	font: normal 12px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 5px 4px;
}

#fahrplanabfrage p strong{
	font: normal 16px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;
}


#fahrplanabfrage p input{
	font: normal 14px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #036;
	outline: none;
}

#fahrplanabfrage p input.suchen{
	font: bold 12px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	background: #036;
	color: #eee;
	border: none;
	margin: 0 5px 0 0; padding: 3px;
	float: right;
}





/* ----------------------------------------- Versicherung --------------------------------- */	


#spalte .versicherung 							{width: 320px; height: 140px; 
												margin: -24px 0 10px 0; padding: 0;
												background: transparent url(media/img/bg/spalte_box140.gif) no-repeat;
												position: relative;}
										
#spalte .versicherung p							{font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
												margin: 10px 10px 10px 10px; padding: 0;
												color: #333;}

#spalte .versicherung p strong					{font: normal 18px/30px "Trebuchet MS", Helvetica, Arial, sans-serif;
												color: #333;}
												
#spalte .versicherung p	a img					{float: left; margin: 0 10px 0 0;}

#spalte .versicherung p	a:hover img				{opacity:0.7; background: #fff;}

												
#spalte .versicherung p i						{font: italic bold 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;}
												
#spalte .versicherung a							{font-weight: bold; color: #333;}
											
#spalte .versicherung a:hover					{color: #BDB300; text-decoration: underline;}







/* ----------------------------------------- AD SERVER --------------------------------- */	


#spalte .adserver 								{width: 300px; height: 250px; 
												margin: 0; padding: 10px;
												background: transparent url(media/img/bg/adserver.png) no-repeat;}
										
#spalte .versicherung p							{font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
												margin: 10px 10px 10px 10px; padding: 0;
												color: #333;}

#spalte .versicherung p strong					{font: normal 18px/30px "Trebuchet MS", Helvetica, Arial, sans-serif;
												color: #333;}
												
#spalte .versicherung p	a img					{float: left; margin: 0 10px 0 0;}

#spalte .versicherung p	a:hover img				{opacity:0.7; background: #fff;}

												
#spalte .versicherung p i						{font: italic bold 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;}
												
#spalte .versicherung a							{font-weight: bold; color: #333;}
											
#spalte .versicherung a:hover					{color: #BDB300; text-decoration: underline;}







/* ----------------------------------------- Hotelbuchung --------------------------------- */	







#spalte p.destinationbild					{height: 170px; width: 320px;
											margin: 10px 0;
											background: url(media/img/bg/destinationbild-schatten.jpg) no-repeat 0 160px;
											position: relative;}
																					

#spalte p.destinationbild  strong			{position: absolute; top: 0px; left: 0px;
											width: 310px; height: 40px; 
											font: italic 32px/34px "Trebuchet MS", Arial, Impact, sans-serif; 
											color: #fff; text-shadow: 2px 1px 1px #000;
											text-decoration: none;
											margin: 0; padding: 120px 0 0 10px; 
											background: url(media/img/bg/destinationbild-overlay.png);}
											
											


#spalte .wetter								{width: 320px; height: 145px; margin: 10px 0 20px 0;}
											
										
#spalte .wetter h4							{font: bold 18px/30px "Trebuchet MS", Helvetica, Arial, sans-serif;
											color: #036; text-align: left;
											margin: 0 0 7px 0; padding: 0 10px;
											background: url(media/img/bg/wetter-titel-bg.jpg) no-repeat;
}										

#spalte .wetter p							{display: block; width: 102px; height: 110px;
											float: left;
											font: normal 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
											color: #888; text-align: center;
											background: url(media/img/bg/wetter-day-bg.jpg) no-repeat;
											margin: 0; padding:5px 0;}		
											
	

#spalte .wetter span.tiefsttemperatur		{font-weight: normal; color: #006;}		
#spalte .wetter span.hoechsttemperatur		{font-weight: normal; color: #c00;}		




#spalte .weblinks {
	width: 320px;
	background: url(media/img/bg/spalte_box_big.png) no-repeat 0 100%;
	margin: 10px 0 10px 0; padding: 0 0 5px 0;
}

#spalte .weblinks h2{
	font: bold 20px/24px "Trebuchet MS", Helvetica, Arial, sans-serif;
	background: url(media/img/bg/spalte_box_top.png) no-repeat 0 0;
	margin: 0; padding: 10px 10px 0 10px; color: #036;
}


#spalte .weblinks p {
	font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 10px; padding: 0;
	color: #036;
}


#spalte .weblinks ul{
	list-style: none;     
	padding: 0;
	margin: 10px;padding: 0;
	border-top: 1px solid #888;
}

#spalte .weblinks li{
	font: bold 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #036;
}

#spalte .weblinks li.li-titel{
	margin: 11px 0 0 0;padding: 0;
}



#spalte .weblinks li a{
	font: normal 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #006699;
	margin: 0 10px;padding: 0;
	text-decoration: none;
}

#spalte .weblinks li a:hover{
	color: #39c;
	text-decoration: underline;
}










#spalte .woerterbuch,	
#spalte .waskostet										{width: 320px;
														background: url(media/img/bg/spalte_box_big.png) no-repeat 0 100%;
														margin: 10px 0 10px 0; padding: 0 0 5px 0;
														position: relative;}


#spalte .woerterbuch h2,									
#spalte .waskostet h2									{font: bold 20px/26px "Trebuchet MS", Helvetica, Arial, sans-serif;
														background: url(media/img/bg/spalte_box_top.png) no-repeat 0 0;
														margin: 0; padding: 10px 10px 0 10px; color: #036;}
	

#spalte .woerterbuch p,
#spalte .waskostet p									{font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
														margin: 0 10px; padding: 0x; color: #036;}

#spalte .woerterbuch p.country							{position: absolute; top: 5px; right: 10px; }

#spalte .woerterbuch p.location							{position: absolute; top: 5px; right: 10px; }


#spalte .woerterbuch table,
#spalte .waskostet table								{border: 0; margin: 10px 10px 10px 20px; padding: 0;
														color: #036; cellspacing: 0;
														width: 280px;}

#spalte .woerterbuch table								{font: normal 12px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;}

#spalte .waskostet table								{font: normal 12px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;}
														
														
#spalte .woerterbuch table tr,
#spalte .waskostet table tr								{vertical-align: top; }


#spalte .woerterbuch table td							{width: 140px;}

	
#spalte .waskostet table td.left						{width: 200px;}












										

/*
#sogehts {
	width: 320px;
	margin: 0; padding: 0;
}

#sogehts h4{
	font: bold 22px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #036;
	margin: 10px 0; padding: 0;
}

#sogehts p{
	font: normal 16px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #036;
	margin: 10px 0; padding: 0;
}

*/

ul#sogehts {
	list-style: none;
	margin: 100px 0 0 15px; padding: 0;
}

#sogehts li{
	font: normal 16px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #036;
	margin: 6px 0; padding: 0 0 0 28px;
	display: inline;
}

#sogehts li.so1{background: url(media/img/bg/buttons/1.png) no-repeat;}
#sogehts li.so2{background: url(media/img/bg/buttons/2.png) no-repeat;}
#sogehts li.so3{background: url(media/img/bg/buttons/3.png) no-repeat;}














#spalte p.youtube						{width: 320px; height: 200px; margin: 10px 0 5px 0; 
										padding: 0; position: relative;}

#spalte p.youtube a span 				{display: block; width: 320px; height: 200px;
										background: url(media/img/buttons/youtube.png) no-repeat;
										position: absolute; top: 0; left: 0;}

#spalte p.youtube a:hover span 			{background: url(media/img/buttons/youtube.png) no-repeat 0 100%;}

#spalte span.morevideos					{position: absolute; margin: 0; padding: 0; left: 10px; top: 178px; 
										font: normal 12px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
										color: #fff;}

#spalte span.morevideos a				{color: #069; }
#spalte span.morevideos a:hover			{color: #39c; }




#spalte .moreroutes {
	width: 320px;
	background: url(media/img/bg/moreroutes.jpg) no-repeat;
	margin: 10px 0 10px 0; padding: 8px 0 0 0;
	position: relative;
	text-align: left;
}

#spalte .moreroutes p {
	font: normal 14px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 10px; padding: 0;
	color: #036;
}


#spalte .moreroutes ul{
	list-style: none;     
	padding: 0;
	margin: 0;padding: 0;
}

#spalte .moreroutes li {
	font: normal 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #888;
	margin: 10px 35px 10px 10px; padding: 0;
	text-decoration: none;
	clear: both;
	display: block; width: 320px; height: 62px;
}

#spalte .moreroutes li a{
	color: #036;
	text-decoration: none;
}


#spalte .moreroutes li a img{
	float: left;
	margin: 0 10px 0 0; padding: 4px;
	border: 1px solid #888;
}


#spalte .moreroutes li a b{
	font: bold 22px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
}


#spalte .moreroutes li a u{
	font: normal 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
}










.bildgalerie					{float: left; width: 950px; position: relative; margin: 30px 0 0;}

.bildgalerie li					{width:65px; height:80px;border:3px double #eee;margin: 0 2px 2px 0;background:#eee;}
.bildgalerie li.hover			{border-color:#036;}
.bildgalerie li.active			{border-style:solid;border-color:#036;}
.bildgalerie li div				{left:0}
.bildgalerie .caption			{margin: 5px 0 5px 0;width:588px; float: left; 
								 font: normal 14px/22px "Trebuchet MS", Helvetica, Arial, sans-serif; color: #036;}
.bildflaeche 					{margin:0; width:588px; border: 1px solid #888; padding: 4px;}
.nav							{display: block; float: left; clear:both; margin: 0; padding: 0;}
	
	
.galleria						{float: right; position: absolute; top: 0; right: 0; list-style:none; 
								 width:325px; margin: 30px 0 0 ; padding: 0;}
.galleria li					{display:block; width:64px; height:60px; overflow:hidden; float:left; margin:0 10px 10px 0;}
.galleria li a					{display:none;}
.galleria li div				{position:absolute;display:none;top:0;left:180px; }
.galleria li div img			{cursor:pointer;}
.galleria li.active div img		{display:block}
.galleria li.active div			{display:block}
.galleria li img.thumb			{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
* html .galleria li div span	{width:400px} /* MSIE bug */








#nav 								{position: absolute; top: 14px; right: 345px;
									display: block; height: 40px;}
										
#nav p								{font: normal 12px/10px "Trebuchet MS", Arial, sans-serif; 
									margin: 0; padding: 0 2px; color: #888; text-align: right;}		
																	
#nav p a							{color: #036; text-decoration: none; padding: 0 2px;}	
#nav p a:hover						{color: #fff; background: #036; text-decoration: none;}	
		


#nav a .suchfeld					{display: none; width: 140px; height: 30px;								
									position: absolute; top: 10px; right: -103px;	
									background: #eee; z-index: 200;
									border: 1px solid #036;}


#nav a:hover .suchfeld				{display: block;}

















 
/* FOOTER  */


#footer_wrapper{
	width: 100%;
	background: #036 url(media/img/bg/bottom.jpg);
	height: 225px;
	clear: both;	
}

#footer{
	width: 960px;
	margin: -20px auto; padding: 0 0 0;
	position: relative;
}


#footer p {
	margin: 0 0 10px 0;
	font: normal 12px/20px Helvetica, Arial, sans-serif;      
	color: #000;
	text-align: left;
}

#footer a {
	text-decoration: underline;
	color: #000;
}

#footer .cat{
	position: absolute;
	width: 193px;
	height: 198px;
	min-height: 100px;	
	margin: 15px 10px 0 0; padding: 0;
	top: 0;
	background: url(media/img/bg/footer/theme.png) 0 70px;
}

#footer .cat1{left: 10px;} 
#footer .cat2{left: 213px;}
#footer .cat3{left: 416px;}	

	
#footer .cat ul								{list-style: none; 	
											margin: 5px 0 0 10px; padding: 0;}
	
	
	
#footer .cat li a							{font: 12px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
											color: #036;
											margin: 2px 0 0 5px;
											text-decoration: none;}



#footer .cat li a{
	font: 12px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #036;
	margin: 2px 0 0 5px;
	text-decoration: none;
}


#footer .cat li a:hover{
	color: #000;
	text-decoration: underline;
}

body.buchungsanleitung 	#footer .cat li a.buchungsanleitung,
body.sparen 			#footer .cat li a.sparen,						
body.kreditkarte		#footer .cat li a.kreditkarte,						
body.webcheckin			#footer .cat li a.webcheckin,
body.flugsuchmaschinen	#footer .cat li a.flugsuchmaschinen,
body#cat-abflug			#footer .cat li a.abfluginfo,
body#cat-ziele			#footer .cat li a.reiseziele,

body.autor 				#footer .cat li a.autor, 				
body#cat-reiseberichte	#footer .cat li a.reiseberichte, 				
body.kontakt 			#footer .cat li a.kontakt,				
body.fan 				#footer .cat li a.fan, 				
body.links 				#footer .cat li a.links 				
{text-decoration: underline; color: #000;}








#footer .cat1 p strong a:link, #footer .cat1 p strong a:visited, #footer .cat1 p strong a:hover, #footer .cat1 p strong a:active, #footer .cat1 p strong a:focus  {background:url(media/img/bg/footer/theme1.jpg) no-repeat;text-decoration:none;display:block;border:none;margin:0 0 0 0;padding:0;width:100%;height:80px;}
#footer .cat2 p strong a:link, #footer .cat2 p strong a:visited, #footer .cat2 p strong a:hover, #footer .cat2 p strong a:active, #footer .cat2 p strong a:focus  {background:url(media/img/bg/footer/theme2.jpg) no-repeat;text-decoration:none;display:block;border:none;margin:0 0 0 0;padding:0;width:100%;height:80px;}
#footer .cat3 p strong a:link, #footer .cat3 p strong a:visited, #footer .cat3 p strong a:hover, #footer .cat3 p strong a:active, #footer .cat3 p strong a:focus  {background:url(media/img/bg/footer/theme3.jpg) no-repeat;text-decoration:none;display:block;border:none;margin:0 0 0 0;padding:0;width:100%;height:80px;}
	
#footer .cat p strong a span			{margin: 0 0 0 5px;
										 position: absolute;
										 top:55px;
										 font: bold 18px/1 "Trebuchet MS", Helvetica, Arial, sans-serif;
										 color:#fff;}


#footer .newsletter						{position: absolute;
										width: 340px;
										height: 225px;	
										margin: 0 0 0 0; padding: 0;
										top: 0;
										right: 0;
										background: url(media/img/bg/inhalt.jpg) 0 0;}



#footer .newsletter p strong			{font: bold 18px/26px "Trebuchet MS", Helvetica, Arial, sans-serif;
										margin: 0;}

#footer .newsletter p					{font: normal 12px/1.2 "Trebuchet MS", Helvetica, Arial, sans-serif;
										margin: 0 10px;}


#footer .imprint						{position: absolute;
										width: 330px;
										height: 28px;	
										margin: 0; padding: 0;
										top: 175px;
										right: 0;
										font: normal 11px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
										color: #888;}

#footer .imprint a						{color: #888;}

#footer .imprint a:hover				{color: #003399;}




#footer .validator						{position: absolute;
										top: 180px; right: 10px;
										font: normal 11px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
										color: #888;}

















.twitted 											{
													width: 320px;
													margin-bottom: 1.5em;}

.twitted h2 										{position: relative; height:60px; 
													margin: 0; padding: 0;
													background: url(media/img/bg/twitter_top.gif) no-repeat 0 0;}

.twitted h2 span									{position: absolute; top: 0; left: 90px;
													color: #036;
													font: normal 24px/60px "Trebuchet MS", Helvetica, Arial, sans-serif;}


.twitted p.preLoader 								{margin: 0; padding: 10px 0 40px 100px;
													background: transparent url(media/img/load/load.gif) no-repeat 20px 0;}

.twitted ul#twitter_update_list						{margin: 0 0 -10px 0;
													padding: 0 0.8em 0 0.8em;
													list-style-type: none;
													color: #036;
													background: url(media/img/bg/twitter.png) no-repeat 0 100%;
													font: normal 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;}
	

.twitted ul#twitter_update_list li 					{margin: 0; padding: 0.8em 0 1em 0;
													border-bottom: 1px solid #ccc;}

	
.twitted ul#twitter_update_list li span 			{display: block;}

.twitted ul#twitter_update_list li span a 			{color: #069;}

.twitted ul#twitter_update_list li a 				{color: #069;}

.twitted ul#twitter_update_list li.erstes 			{}

.twitted ul#twitter_update_list li.letztes			{border-bottom: none;}


.break												{clear: both;}













#db					{margin: 10px 0; padding: 0;
					width:320px; height:140px;
					background: url(media/img/bg/spalte_db.gif) no-repeat;
					position: relative; color:#fff;}
					
					
#db h3				{font: normal 18px/40px "Trebuchet MS", Helvetica, Arial, sans-serif;
					color: #fff; margin: 10px 0 10px 62px;}				

#db table 			{font: normal 12px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;
					color: #000; margin: 0 0 0 74px; padding: 0; text-align: left;
					float: left;}
			
										 
#db input			{width: 65px; height: 12px;
					font: normal 12px/12px "Trebuchet MS", Helvetica, Arial, sans-serif;
					color: #000; margin: 2px 0 2px 5px;}	
					
#db input#start		{width: 100px;}	
										
#db .an-ab			{font: normal 12px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;
					margin: 0; padding: 4px; 
					color: #000;}
				
#db .an-ab input    {width: 15px; margin: 0; padding: 0;}




#db .submit			{position: absolute; right: 16px; bottom: 12px;
					width: 60px; height: 24px; 
					border: none;
					background: url(media/img/bg/db-suche.gif) no-repeat 0 100%; color: #fff;
					font: normal 12px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
					text-align: center;
					cursor: pointer;}
					
#db .submit:hover	{background: url(media/img/bg/db-suche.gif) no-repeat 0 0;}