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


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

#inhalt 							{margin: 20px; padding: 0;
									width:740px;}
									

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

											
#inhalt h3							{font: normal 20px/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 					{font: normal 14px/20px Trebuchet MS, Arial, sans-serif;} 


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

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

a img								{border: none;}


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

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

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


#inhalt ul.janein					{list-style: none; 
									margin: 10px 0 0 30px; padding: 5px;
									width: 480px;
									border: 1px solid #036;
									background: #fff;	}
								

#inhalt ul.janein li				{font: normal 14px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #036;
									margin: 2px 0 2px 10px; padding: 0 0 0 28px; }


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

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



#inhalt p.tarife					{float: right; 
									display: block; width: 176px; height: 248px; clear: right;
									margin: 0 0 10px -10px; padding: 5px;
									background: #eee; border: 1px solid #ddd;
									font: normal 12px/16px "Trebuchet MS", Helvetica, Arial, sans-serif;}
									
#inhalt p.tarife b					{font: bold 12px/22px "Trebuchet MS", Helvetica, Arial, sans-serif;}
																		
#inhalt p.tarife strong				{font: bold 16px/24px "Trebuchet MS", Helvetica, Arial, sans-serif;}




#inhalt .vergleich					{display: block; width: 260px; height: 154px;
									float: left;
									margin: 0 10px 0 0; padding: 0;
									background: #ccc; border: 1px solid #ddd;
									font: normal 12px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;}
									
#inhalt .vergleich	p				{margin: 5px 8px; padding: 0;
									font: bold 14px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;}
									
																		
									
									
#inhalt .vergleich .zeile			{display: block; width: 260px; height:25px; 
									margin: 0; padding: 0;
									position: relative;}
									
#inhalt .vergleich .zeile1			{background: #eee;}
#inhalt .vergleich .zeile2			{background: #fff;}
#inhalt .vergleich .zeile3			{background: #ccc;}
																
									
#inhalt .vergleich .zeile .pos		{height: 25px; margin:0; padding: 0;
									font: bold 14px/25px "Trebuchet MS", Helvetica, Arial, sans-serif;}
										
				
#inhalt .vergleich .zeile .pos1		{position: absolute; top: 3px; left: 6px; 
									font: bold 12px/20px "Trebuchet MS", Helvetica, Arial, sans-serif;}
									
#inhalt .vergleich .zeile .pos2		{position: absolute; top: 0; left: 135px; color: red;}
#inhalt .vergleich .zeile .pos3		{position: absolute; top: 0; left: 200px; color: green;}
									



#inhalt .sprung						{margin: 5px 0; padding: 0;
									font: bold 16px/30px "Trebuchet MS", Helvetica, Arial, sans-serif;
									border-top: 1px solid #069;
									border-bottom: 1px solid #069;
									color: #888;}
									
#inhalt .sprung:hover				{border-top: 1px solid #39c;
									border-bottom: 1px solid #39c;
									text-decoration: none;
									color: #39c;}													

#inhalt .sprung a:hover				{text-decoration: none;}







#flugbuchung						{display: block; width: 380px; height: 280px;
									float: left; position: relative;
									margin: 0 0 10px 0; padding: 0;
									background: #036; border: 1px solid #ddd;}
									
									


#flugbuchung h3						{font: normal 26px/50px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #fff; margin: 0 10px; padding: 0;}
									
												
#flugbuchung .route					{width: 140px; height: 38px;
									position: absolute; top: 5px; right:0px;
									border: 1px solid #527aa2;
									margin: 0 10px 10px 10px; padding: 0;
									background: #ddd;}
	
#flugbuchung .route p				{font: normal 12px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
									margin: 0; padding: 5px;
									color: #036;}
									
#flugbuchung .route p b				{font: normal 12px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
									margin: 0; padding: 5px;
									color: #036;}
									
								
														
#flugbuchung .market				{width: 358px; height: 24px;
									float: left; border: 1px solid #527aa2; margin: 0 10px 10px 10px; padding: 0;
									font: normal 14px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #fff;}
									
									
												
#flugbuchung .left					{width: 175px; height: 112px;
									float: left;
									margin: 0 10px 0 10px; padding: 0;
									background: #527aa2;}


#flugbuchung .right					{width: 175px; height: 112px;
									float: right;
									margin: 0 10px 0 0; padding: 0;
									background: #527aa2; }
									
#flugbuchung .left p,
#flugbuchung .right p				{margin: 5px; padding: 0;
									background: #527aa2; color: #ddd;}
									
									
#flugbuchung .right p				{margin: 4px 5px; padding: 0;}
									

#flugbuchung b						{font: bold 16px/24px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #fff; padding: 0 0 0 2px;}


#flugbuchung select					{font: normal 13px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #036;}


														
#flugbuchung .bookingtype			{width: 358px; height: 24px;
									float: left; border: 1px solid #527aa2; margin: 10px 10px 0 10px; padding: 0;
									font: normal 14px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #fff;}
									
									
									

#flugbuchung .search input			{width: 175px; height: 24px;
									float: left; margin: 10px 10px 0 10px; padding: 0;
									font: normal 14px/24px "Trebuchet MS", Helvetica, Arial, sans-serif;
									border: none; color: #fff;
									background: #527aa2; }

#flugbuchung .search input:hover,
#flugbuchung .search input:active	{color: #fff; background: #069; }












#spartipps							{display: block; height: 380px; width: 343px;
									float: right;
									margin: 0 0 40px 12px; padding: 0;
									background: #c0d7f7; border: 1px solid #999;}

#spartipps .destinationbild			{display: block; margin: 10px 10px 0 10px; 
									width: 320px; height: 100px;
									border: 1px solid #036;}
									
#spartipps h3						{font: normal 20px/30px "Trebuchet MS", Helvetica, Arial, sans-serif;
									display: block; width: 315px;
									color: #fff; background: #036; 
									border: 1px solid #036;
									margin: 0 10px 10px 10px; padding: 0 0 0 5px;}
									
									
#spartipps p						{font: normal 14px/18px "Trebuchet MS", Helvetica, Arial, sans-serif;
									margin: 10px; padding: 0;}







							
									
#footer								{clear: both; float: left;
									width: 100%; height: 60px;
									background: #eee;
									margin: 20px 0 0; padding: 0;}
									
#footer	p							{font: normal 14px/40px "Trebuchet MS", Helvetica, Arial, sans-serif;
									color: #888;
									margin: 10px 20px; padding: 0;}
									
#footer	a							{color: #888;}
#footer	a:hover						{color: #069; text-decoration: underline;}










#dailyupdate						{display: block; width: 700px; height: 320px; margin: 40px 0 0 80px; 
									border: 1px solid #eee; background: #fff;
									font: normal 12px/14px "Trebuchet MS", Helvetica, Arial, sans-serif;
									background: url(media/img/buttons/update.jpg);}
					

					
					..