/*§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§

Autoren: DENNIS REITHER / Oliver Reither
Auftraggeber: Hamburg-Airport-Friends HAF

Inhalt:	1.Grundgerüst
		2.Navi
		3.Home
		4.Foto
		5.Film
		6.707
		7.Historik
		8.Spotter
		9.Umwelt
		10.Simulation
		11.Modellbau
		12.Sammler/Tauscher
		13.Bildanzeige
		14.Tauschanzeige
		15.Gästebuch
		16.Aktuelles
		17.Memberbereich
		?.Sonstiges
		
§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§§*/

/*======================================================================================
1.GRUNDGERÜST
======================================================================================*/
*
{
margin:0;
padding:0;
}

body {
background:#1869ff url(../bilder/body_verlauf.gif) top repeat-x  ;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
#wrapper
{
position:relative;
width: 900px;
background: url(../bilder/hintergrund_verlauf.gif) left top;
margin:10px auto 0 auto;
}

#header
{
margin:0 10px 0 10px;
height: 160px;
background: url(../bilder/header/linse.jpg) right top;
}


#metanavi
{
	position:absolute;
	bottom:150px;
	left:0;
	width: 20px;
	height: 300px;
	z-index:2;
}
#navi
{
margin:0 10px 0 10px;
height:41px;
text-align:right;
background:#0000CC url(../bilder/navi/navi_verlauf.jpg) repeat-x;
}

#content
{
padding: 20px 0 20px 20px;
margin:0 10px 0 10px;
height: 500px;
overflow:auto;
}

#header embed {
position:relative;
top:0;
right:0;
margin-bottom:0}

#oben {
background: #5893ff url(../bilder/hintergrund_oben.gif) no-repeat bottom right;
height: 10px;
margin: 0;
padding: 0;
}

#unten {
background: #5893ff url(../bilder/hintergrund_unten.gif) no-repeat top right;
height: 10px;
width: 900px;
margin: 0;
padding: 0;
}

a {
color:#1f3774;
font-weight:bold;
}

a:hover {
color:#cc0000;
font-weight:bold;
}

/*======================================================================================
2.NAVI
======================================================================================*/
#navi p
{
text-align: center;
margin:0 10px 0 10px;
}

.navi a
{
text-decoration:none;
}



.einer
{
margin:10px 1px 0 1px;
width:120px;
height: 20px;
display:inline;
float:right;
text-align:center;
background:url(../bilder/navi/button.jpg) no-repeat top right;
text-decoration:none;
font-size:10px;
padding-top:10px;
color:#ddF;
}

.zweier
{
margin:10px 1px 0 1px;
width:120px;
height: 26px;
display:inline;
float:right;
text-align:center;
background:url(../bilder/navi/button.jpg) no-repeat top right;
text-decoration:none;
font-size:10px;
padding-top: 4px;
color:#ddF;
}

#button1 a#navi1, #button2 a#navi2, #button3 a#navi3, #button4 a#navi4, #button5 a#navi5, #button6 a#navi6, #button7 a#navi7
{
background:url(../bilder/navi/button_active.jpg) no-repeat top right;
margin-top: 11px;
color:#000066;
}

#navi a:hover
{
background:url(../bilder/navi/button.jpg) no-repeat bottom right;
text-decoration:none;
color:#ddF;
}


/*===================================================================================================
3.HOME
===================================================================================================*/


.home div.startueberschrift
{
text-align:center;
z-index:1;
}

.home #member { position:absolute;
bottom:0;
right:0;
padding: 20px 30px 30px 20px;
}

.home #member a{ 
font-weight:bold;
color:#1f3774;
}

.home #member a:hover { 
font-weight:bold;
color:#cc0000;
}


.home {
background:#FFFFFF url(../bilder/home/bogen.gif) bottom center no-repeat fixed;
}

.home {
font-size:14px;
}

.home .text_rechts
{float:right;
text-align:right;
margin-right:20px;
width: 500px;
margin-top:20px;
}

.home .text_links
{float:left;
text-align:left;
margin-left:10px;
width: 500px;
margin-top:20px;
}

.home .auswahl a { 
color:#1f3774;
}

.home .auswahl a:hover { 
color:#cc0000;
}


.home span{color:#cc0000;}
.home span.blau{color:#1f3774;
font-weight:bold;}

.home table.login{ margin:auto;
margin-top:200px;}

.home table.auswahl{ margin:auto;
margin-top: 50px;}



.home h2 {
font-size:120%;
color:#1f3774;
margin: 20px 0 20px 0;
text-align:center;
clear:both;
padding-top: 20px;
}

.home h3 {
font-size:110%;
color:#1f3774;
margin: 20px 0 20px 0;
text-align:center;
clear:both;
}

.home .float_right {
float:right;
margin-right: 100px;
margin-top: 20px;
}
.home .float_left {
float:left;
margin-left: 90px;
margin-top: 20px;
}

.home .mitglieder {
overflow:hidden;
border-bottom:solid #1f3774 1px;
width:830px;
padding: 20px 0 20px 0;}

.home .mitglieder  img.float_left {
float:left;
margin-left: 40px;
margin-top: 8px;
}

.home ol{
margin-left: 50px;
list-style-type: circle;
width: 450px;
float:left;
}

.home li{
margin:15px 0 15px 0;
}

.home p.mitte{
text-align:center;
margin: 10px;
}

.home .mitglieder table {
width:550px;
float:right;} 

.home .mitglieder td {
height: 40px;
vertical-align:top;
text-align:left;} 

.home .mitglieder th {
text-align:left;
width:150px;
vertical-align:top;
}

.home strong {
color:#1f3774;
}

.home #right_float{
width:380px;
float:right;
margin-right: 20px;
text-align:center;}

.home #right_float p{
margin-top: 20px;
}

.home #left_float{
width:380px;
float:left;
margin-left: 20px;
text-align:center}

.home #left_float p{
margin-bottom: 20px;
}

#button1 .home
{background:#FFFFFF}

/*===================================================================================================
4.FOTO
===================================================================================================*/

.foto{
background:#FFFFFF url(../bilder/foto/flugzeug_hintergrund.gif) right center no-repeat scroll;
}

.foto h1 {color:#1f3774;
font-size:140%;
}

.foto img { padding:20px 0 20px 0}

.foto p { font-size:14px;
margin:10px 0 10px 0;
line-height:24px;
}

.foto span { color:#cc0000; }

.foto p em {color:#1f3774;
font-weight:bold;
}

.foto #helfer{float:left;
width:580px;
}

.foto #mitte {width:320px;
float:right;
text-align:center;}

.foto #links{float:left;
width: 210px;
}
.foto #rechts{float:right;
width: 210px;
}
/*===================================================================================================
5.FILM
===================================================================================================*/

.film{
background:#FFFFFF url(../bilder/film/film_hintergrund.gif) bottom right no-repeat scroll;
}

.film p em {color:#1f3774;
font-weight:bold;
}

.film p { font-size:14px;
margin:10px 30px 0 80px;
line-height:24px;
width: 700px;
}

.film p span  { color:#cc0000; }


/*===================================================================================================
6.707
===================================================================================================*/

.boing{
background:#FFFFFF url(../bilder/boing/boing_hintergrund.gif) bottom right no-repeat scroll;
}

.boing p em {color:#1f3774;
font-weight:bold;
}

.boing p { font-size:14px;
margin:10px 30px 0 80px;
line-height:24px;
width: 700px;
}

.boing img{
margin:10px 40px 10px 40px;
}
.boing p span  { color:#cc0000; }

.boing ul {margin-left:100px;}
.boing table {margin-left:50px;
vertical-align:middle;
line-height:24px;
border: 1px solid #1f3774;}

.boing th {font-weight:bold;
color:#1f3774;
text-align:left;
width:180px;
background:#bbccff;
padding-left:3px;}

/*===================================================================================================
7.HISTORIK
===================================================================================================*/

.historik{
background:#FFFFFF url(../bilder/historik/historik_hintergrund.gif) bottom center no-repeat scroll;
margin:10px 0 10px 30px;
}

.historik h1 {color:#1f3774;
font-size:140%;
margin:10px 0 10px 30px;
}

.historik img{
margin:10px 0 10px 150px;
}


.historik p { font-size:14px;
margin:10px 0 10px 30px;
line-height:24px;
}

.historik span { color:#cc0000; }


.historik p em {color:#1f3774;
font-weight:bold;
}

.historik .steckbrief {
margin:auto;
width:800px;
overflow:hidden;}
.historik .steckbrief_text {
float:right;
width:300px;
margin-top:75px;}

.steckbrief_seite p em {color:#1f3774;
font-weight:bold;
}
.steckbrief_seite p { font-size:14px;
margin:10px 30px 0 80px;
line-height:24px;
width: 700px;
}

.steckbrief_seite img {
margin-left:60px;
margin-top: 20px;
}

.steckbrief_seite span {
color:#1f3774;
font-weight:bold;
}
.steckbrief_seite td {
vertical-align:middle;
font-size:14px;
margin: 2px 10px 2px 5px;
}

.steckbrief_seite table p {
margin:0;
vertical-align:middle;
font-size:14px;
width:200px;
}

.steckbrief_seite table {
padding:5px;
width:200px;
margin:auto;
margin-top:30px;
}

.steckbrief_seite table img {
margin:2px 10px 2px 10px;
}

.steckbrief_seite li {
margin-left:100px;
line-height:24px;
font-size:14px;
}



/*===================================================================================================
8.SPOTTER
===================================================================================================*/

.spotter{
background:#FFFFFF url(../bilder/spotter/spotter_hintergrund.gif) bottom center no-repeat scroll;
}


.spotter p em {color:#1f3774;
font-weight:bold;
}

.spotter p { font-size:14px;
margin:10px 30px 0 80px;
line-height:24px;
width: 700px;
}

.spotter ul.schpotter { font-size:14px;
margin:10px 30px 0 80px;
line-height:24px;
width: 700px;
}

.spotter p span  { color:#cc0000; }


.spotter h1  {
text-align:center;
color:#cc0000;
margin-top: 25px;
font-size:120%; }
/*===================================================================================================
9.Umwelt
===================================================================================================*/

.umwelt{
background:#FFFFFF url(../bilder/umwelt/blume.gif) bottom left no-repeat scroll;
text-align:center;
}

.umwelt p em {color:#1f3774;
font-weight:bold;
}


.umwelt p { font-size:14px;
margin:10px 30px 0 80px;
line-height:24px;
width: 700px;
}
.umwelt p span em { color:#cc0000; }

.umwelt img {
margin: 20px 0 20px 20px;
}

/*===================================================================================================
10.SIMULTION
===================================================================================================*/

.sim{
background:#FFFFFF url(../bilder/sim/sim_hintergrund.gif) bottom right no-repeat scroll;
}

.sim p em {color:#1f3774;
font-weight:bold;
}

.sim p { font-size:14px;
margin:10px 30px 0 80px;
line-height:24px;
width: 700px;
}

.sim p span  { color:#cc0000; }

/*===================================================================================================
11.MODELLBAU
===================================================================================================*/

.modell{
background:#FFFFFF url(../bilder/modell/modell_hintergrund.gif) bottom right no-repeat scroll;
}

.modell #links { float:right;
width:500px;
}

.modell #rechts { float:left;
width:250px;
}

.modell p em {color:#1f3774;
font-weight:bold;
}

.modell p { font-size:14px;
margin:10px 30px 90px 0;
line-height:24px;
}

.modell img {
margin: 20px 0 20px 20px;
}
/*===================================================================================================
12.SAMMLER / TAUSCHER
===================================================================================================*/

.st{
background:#FFFFFF url(../bilder/st/st_hintergrund.gif) bottom right no-repeat scroll;
}

.st p em {color:#1f3774;
font-weight:bold;
}

.st p { font-size:14px;
margin:10px 30px 0 80px;
line-height:24px;
width: 700px;
}

.st p span  { color:#cc0000; }

.st #kop{border-bottom:#1f3774 1px solid;
width:700px;
margin:3px auto 30px auto;
padding-bottom: 10px;
color:#1f3774;
font-weight:bold;}

.st #kop input {margin:0 10px 0 10px;
vertical-align:middle;}

.st .tauschbild {
border:#1f3774 solid 1px;
margin-bottom:15px;

}

.st .tauschlink {
text-decoration:none;
color:#1f3774;
padding-top:44px;
padding-bottom:44px;
font-size:12px;
font-weight:bold;
}

.st .tauschdiv a:hover {
color:#FF0000;
}

.st .tauschdiv {
border-bottom:#1f3774 solid 1px;
border-top:#1f3774 solid 1px;
padding:15px;
margin-bottom:4px;}

/*======================================================================================
13.BILDANZEIGE
======================================================================================*/

.bildanzeige
{
background:#1f3774 url(../bilder/body_verlauf.gif) top repeat-x;
text-align:center;
}

.bildanzeige img.bilda 
{
margin:10px auto 10px auto;
border:#1f3774 solid 1px;
width:800px;
}

.bildanzeige h1
{
margin:10px auto 10px auto;
color:#1f3774;
font-size:18px;
}

.bildanzeige table
{
margin:auto;
margin-bottom:20px;
border:#1f3774 solid 1px;
 }
 
 .bildanzeige th
{
color:#1f3774;
width: 100px;
text-align:left;
background-color:#bbccff;
padding: 0 20px 0 20px;

}
 .bildanzeige td
{
text-align:right;
padding: 2px 20px 2px 20px;
padding-left:120px;

}

.bildanzeige input {
margin: 0 0 0 10px;}
.bildanzeige input.wertung {
display:block;
margin: 10px auto 10px auto;}

.bildanzeige embed{
width:450px;
height: 325px;
margin: 5px auto 10px auto; }

/*======================================================================================
14.TAUSCHANZEIGE
======================================================================================*/
.tauschanzeige{
}

.tauschanzeige img.bilda 
{
margin:10px auto 10px auto;
border:#1f3774 solid 1px;
width:500px;
display:block;
}

.tauschanzeige p 
{
margin:5px 0 15px 30px;
line-height:22px;
width:500px;
}

.tauschanzeige h1 
{
margin:15px 0 15px 30px;
color:#1f3774;
font-size:24px;
}

.tauschanzeige strong
{
margin:20px 0 10px 30px;
color:#1f3774;
}
.tauschanzeige #unten {width:900px;}

/*======================================================================================
15.GÄSTEBUCH
======================================================================================*/

.gaestebuch a.gbform {
font-weight:bold;
color:#1f3774;
}

.gaestebuch .pix {
margin:10px 0 10px 30px;
}

.gaestebuch table {margin-left: 30px;}

.gaestebuch a:hover.gbform  {
font-weight:bold;
color:#cc0000;
}

.gaestebuch .eintrag
{
margin:20px 0 20px 10px;
width: 700px;
background: #bbccff;
padding: 6px 6px 20px 6px;
border: #1f3774 1px solid;
}

.gaestebuch span  {
color:#1f3774;
font-weight:bold;
}

.gaestebuch p{
margin-top:10px;
} 

.gaestebuch .text  {
font-size:14px;
margin-top: 20px;
}

/*======================================================================================
16.AKTUELLES
======================================================================================*/

.aktuell h1 { font-size:120%;
color:#1f3774;
margin: 4px 0 6px 0;
}

.aktuell em { font-size:100%;
color:#1f3774;
font-weight:bold;
}

.aktuell .eintrag
{
margin:20px 0 20px 10px;
width: 700px;
background: #bbccff;
padding: 6px 6px 20px 6px;
border: #1f3774 1px solid;
}

/*======================================================================================
17.MEMBERBEREICH
======================================================================================*/
.member a{ 
font-weight:bold;
color:#1f3774;
}

.member a:hover { 
font-weight:bold;
color:#cc0000;
}
/*======================================================================================
VidLive
======================================================================================*/
.vidauswahl {
border-bottom:#1f3774 1px solid;
height: 170px;
margin-top: 20px;
margin-bottom: 20px;
}
.vidauswahl a{
font-size: 110%;
}
.vidauswahl a:hover{
font-size: 110%;
}
.vidauswahlbild {
float:left;
margin-left:10px;
width: 300px;
margin-top:20px;
}
.vidauswahltext {
float:right;
margin-right:20px;
width: 500px;
margin-top:20px;
line-height:24px;
}

.vids #content{
text-align:center;
height:auto;
padding:20px 0 20px 0;
}
/*======================================================================================
SONSTIGES
======================================================================================*/
.galerie_boeing .boing img {
margin:20px;
}

.vidgal {
margin: 20px auto 20px auto;
width:600px;
}

.vidgal img {
margin: 0 10px 10px 0;
}


.live_pic {
margin:20px 0 20px 0;

.top_bilder {
text-align:center;
text-decoration:none;}

.top_bilder_text {
width: 300px;
float:left;
margin:30px;}

.galerie #wrapper #content {
width:120px;
margin:10px 20px 10px 20px;
}

* html div.galerie { height: 1%; } /*Für IE*/

.bilder
{
position:absolute;
top:0;
right:0;}
object {
position:relative;
top:0px;
right:0px;}