body {

		background-color:white;

		background-image:url(template/bg.jpg);

		background-repeat:repeat-x;

		margin:0px;

		padding:0px;

		font-family:verdana;

		font-size:0.7em;

	 }

	 

.all {

	  width:1000px;

	  height:700px;

	  margin:0px auto;

	  }



/* Grundsätzliche Anordung der obersten Elemente der Seite */



#header {

		background-color:#0066ff;

		width:1000px;

		height:144px;

	    }

		

#left   {

		margin: 0px 5px 10px;

		width:131px;

		height:428px;

		float:left;

		}

		

#navi	{

		margin:10px 0px;

		width:133px;

		height:295px;

		}

		

#wetter {

		margin:20px 0px 0px 10px;

		width:111px;

		height:217px;

		}



#content {

		width:480px;

		min-height:483px;

		height:auto;

		background-image:url(template/content_border.jpg);

		background-repeat:no-repeat;

		background-position:bottom right;

		padding:0px 30px;

		float:left;

		}

		

#right  {

		margin: 10px 5px 10px;

		border: 1px solid #3366cc;

		width:131px;

		height:538px;

		float:left;

		}





#footer  {

		color:white;

		margin:0 auto;

		border:1px solid #3366cc;

		background-color:#0066ff;

		background-image:url(template/footer.jpg);

		background-repeat:repeat-x;

		clear:left;

		width:1000px;

		height:18px;

		}		



/*ENDE Aufbau der Seite */



/*Notwendige Unterteilung des Contentbereiches in drei Unterbereiche*/



		#mitte {

				margin:0px;

				padding:0px;

				background-color:white;

				margin: 10px 5px 10px;

				width:690px;

				min-height:538px;

				height:auto;

				float:left;

				}



		#mitte_header {	

				width:690px;

				height:60px;

				}

				

		#mitte_left {

				width:149px;

				height:478px;

				background-image:url(template/bg_mitte_left.jpg);

				background-repeat:no-repeat;

				float:left;

				}



		#mitte_left a {

				color:#3366ff;

				}

		

		#mitte_left a:hover {

				background-color:#3366ff;

				color:white;

				}

				

		.flugzeugoben {

				width:160px;

				height:250px;

				float:left;

				}

				

		.flugzeugunten {

				width:480px;

				height:118px;

				color:#3366cc;

				border-top:1px solid #3366cc;

				}		



/*ENDE Nntwendige Bereiche Content */		

		



/*Notwendige Bereiche, um den Footer ohne Tabellen aufzuteilen */

		#footc{ 

				padding-top:2px;

				text-align:center;

				width:500px;

				height:16px;

				float:left;

				}

		

		#footc a {

				color: white;

				}



		#footc a:hover{

				color:#aaddff;

				}

	

		.footr	{

				padding-top:2px;

				text-align:center;

				width:230px;

				height:16px;

				float:left;

				}

		

		.footr a {

				border:none;

				color:#aaddff;

				text-decoration:none;

				font-weight:bold;

				}

				

/* ENDE Notwendige Bereiche Footer */





/* Um den Float:left sinnvoll einzusetzen, wird die Div Klasse .clear angelegt.

Nach dem letzten Div Element, welches links "angeklebt" wurde, wird die .clear 

eingefügt. Dies erzwingt eine Anordung unterhalb des Elementes */





.clear {

		clear:both;

		}

/*ENDE clear */



/* Die Funktion min-height kann vom Internet Explorer nicht interpretiert werden. Diese

würde eine Automatische Anpassung der Höhe erzielen. Um dies dennoch im IE zu erreichen,

kann man sich eines Hacks bedienen. Der Stern am Anfang des Hacks wird vom Firefox nicht

erkannt und der div block somit nicht interpretiert. Der Compiler des IEs überspringt den

Stern einfach und benutzt die nun eingegeben Einstellungen für den html Bereich

(in der ID content). */		



* html #content {/*Für IE*/

		height:483px;

		}		



/* ENDE html Hack */





/* Formale Einstellungen - Überschriften, Listen */



h1		{

		font-family:verdana;

		font-size: 1.3em;

		font-weight:bold;

		color:#3366ff;

		}



h2		{

		font-family:verdana;

		font-size:1.1em;

		color:#3366cc;

		height:5px;

		}



h3		{

		font-family:verdana;

		font-size:1.1em;

		color:#3366cc;

		height:0px;

		}



a 		{

		border:none;

		color:#3366cc;

		text-decoration:none;

		}

		

ul 		{

		list-style-type:disc;

		color:#3366ff;

		}



/* ENDE Formale Einstellungen */



/*Buttonsets: für jeden Button in jedem Zustand wird ein Div mit einem eigenen 

Background Image angelegt.

*/



#akt a {

		background-image:url(template/navi_akt.jpg);

		width:133px;

		height:59px;

		display:block;

		}		

		

#akt a:hover {

		background-image:url(template/navi_akt_akt.jpg);

		width:133px;

		height:59px;

		display:block;

		}

	

#akt_a a {

		background-image:url(template/navi_akt_akt.jpg);

		width:133px;

		height:59px;

		display:block;

		}





#flieg a

		{

		background-image:url(template/navi_flieg.jpg);

		width:133px;

		height:59px;

		display:block;

		}		

		

#flieg a:hover

		{

		background-image:url(template/navi_akt_flieg.jpg);

		width:133px;

		height:59px;

		display:block;

		}

			

#flieg_a a {

		background-image:url(template/navi_akt_flieg.jpg);

		width:133px;

		height:59px;

		display:block;

		}





#flugp a

		{

		background-image:url(template/navi_flugp.jpg);

		width:133px;

		height:59px;

		display:block;

		}		

		

#flugp a:hover

		{

		background-image:url(template/navi_akt_flugp.jpg);

		width:133px;

		height:59px;

		display:block;

		}

			

#flugp_a a

		{

		background-image:url(template/navi_akt_flugp.jpg);

		width:133px;

		height:59px;

		display:block;

		}		





#flugg a

		{

		background-image:url(template/navi_flugg.jpg);

		width:133px;

		height:59px;

		display:block;

		}		

		

#flugg a:hover

		{

		background-image:url(template/navi_akt_flugg.jpg);

		width:133px;

		height:59px;

		display:block;

		}

			

#flugg_a a

		{

		background-image:url(template/navi_akt_flugg.jpg);

		width:133px;

		height:59px;

		display:block;

		}		





#gal a

		{

		background-image:url(template/navi_gal.jpg);

		width:133px;

		height:59px;

		display:block;

		}		

		

#gal a:hover

		{

		background-image:url(template/navi_akt_gal.jpg);

		width:133px;

		height:59px;

		display:block;

		}

			

#gal_a a

		{

		background-image:url(template/navi_akt_gal.jpg);

		width:133px;

		height:59px;

		display:block;

		}	


#guestbook a

		{

		background-image:url(template/navi_gb.jpg);

		width:133px;

		height:59px;

		display:block;

		}		

		

#guestbook a:hover

		{

		background-image:url(template/navi_akt_gb.jpg);

		width:133px;

		height:59px;

		display:block;

		}

			

#guestbook_a a

		{

		background-image:url(template/navi_akt_gb.jpg);

		width:133px;

		height:59px;

		display:block;

		}	

/* ENDE Buttonsets */





/* Fürs Gästebuch */

#blaettern

		{

		color:#33aaFF;

		font-weight:bold;

		font-style:italic;

		}



#ersteller

		{

		color:#3366ff; 

		font-size:10px; 

		font-style:italic;

		}



/*ENDE Gästebuch*/