/* styles */


body {
	font-family:"Prompt", sans-serif;
	background-image: url("back.jpg");
	background-attachment: fixed;
	background-repeat:repeat-x;
}

.nav-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 20px;
	margin-top: 30px;
	display: grid;
	grid-template-columns: 30% auto;
	
}

.nav-wrapper ul li {
		display: inline;
		list-style-type: none;
}

.nav-wrapper a{
	background-color: transparent;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	border: 2px transparent;
}

.nav-wrapper a:hover {
	text-decoration: none;
	cursor: pointer;
	color: #eee;
	background-color: #323237;
	padding: 5px;
	border: 2px #eee;
	border-radius: 2px;
}

.list-item {
	margin-left: 10px;
	text-transform: uppercase;
	padding: 10px;
}

.logo {
	font-weight: bold;
	font-size: 24px;
}

.main-wrapper {
		max-width: 1200px;
		margin: auto;
}

.burger-icon {
		display: none;
}

.wrapper  {
	max-width: 100%;
	margin: auto;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap:10px;
	color:#000;
	grid-template-areas: 
		"featuredMain featuredMain featuredSub"
		"contentMain contentMain contentMain"
		
}

.wrapper > .featured,
.wrapper > .sub-featured > div,
.wrapper > .main-content,
.wrapper > .main-sidebar {
		padding: 20px;
}

.featured {
	grid-area: featuredMain;
	min-height: 500px;
	color: #eee;
	background-color: #323237;
	border: 2px solid #fff;
	border-radius: 3px;
	line-height: 1.5em;
}

.main-content, 
.featured,
.sub-featured > div,
.main-sidebar {
	box-shadow:0 0 4px rgba(0,0,0,.25);
}



.featured h1 {
	font-size: 30px;
	max-width: 650px;
	line-height: 1.5em;
}

.sub-featured {
	grid-area: featuredSub;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 10px;
	background-color: transparent;
}

.sub-featured h3 {
	margin-top: 0;
	color: #323237;
}

.sub1 {
	background-color: #c1c1c1;
	color: #000;
	border: 2px solid #323237;
	border-radius: 3px;
}

.sub2 {
	background-color: #c1c1c1;
	color: #323237;
	border: 2px solid #323237;
	border-radius: 3px;
}

.sub2 a{
	text-decoration: none;
	font-family: 'Lato', sans-serif;
	font-size:13px; 
	color: #259ce7;
	background-color: transparent;
	
}

.sub2 a:hover{
	text-decoration: none;
	color: #c1c1c1;
	font-weight: bold;
	background-color: rgba(255,255,255,.25);
}


.sub3 {
	background-color: #c1c1c1;
	color: #323237;
	border: 2px solid #323237;
	border-radius: 3px;
	line-height: 1.3em;
}

.ytfavs {
	padding: 10px;
	background-color: #323237;
	border: 2px solid #c1c1c1;
	border-radius: 5px;
	margin: 0 auto;
	text-align: left;
}

.ytbox1 {
	padding: 10px;
	background-color: #323237;
	border: 2px solid #323237;
	border-radius: 5px;
	margin: 0 auto;
	text-align: left;
	float: left;
}

.ytbox2 {
	padding: 10px;
	background-color: #323237;
	border: 2px solid #c1c1c1;
	border-radius: 5px;
	margin: 0 auto;
	text-align: left;
	float: right;
}

.sub3 a{
	text-decoration: none;
	color: #c1c1c1;
	background-color: transparent;
	
}

.sub3 a:hover{
	text-decoration: none;
	color: #323237;
	background-color: #c1c1c1;
}


.main-content {
	grid-area: contentMain;
	background-color: #323237;
	border: 2px solid #fff;
	border-radius: 3px;
	line-height: 1.5em;	
}


.main-sidebar {
	grid-area:contentSub;
	background-color: #c1c1c1;
	color: #323237;
	border: 2px solid #323237;
	border-radius: 3px;
	line-height: 1.5em;
}

.footer {
		display: grid;
		margin: auto;
		grid-template-columns: minmax(20px,300px) minmax(20px,300px) minmax(20px,300px) minmax(20px,300px);
		justify-content: center;
		grid-template-rows: 1fr 1 fr;
		background-color: #333;
		color:#fff;
}

.footer > div {
	padding: 20px;
}

.footer ul li {
	padding: 2px;
}

.footer a {
	text-decoration: none;
	cursor: pointer;
	color: #eee;
	background-color: transparent;
}

.footer a:hover {
	text-decoration: none;
	color: #323237;
	background-color: #eee;
}

.copyright{
	text-align: center;
	max-width: 1200px;
	margin: auto;
	padding: 20px;
	grid-column: 1/-1;
}

.footerstuff{
	line-height:1.5em;
}


/* TABLET MEDIA QUERY */

@media screen and (max-width: 950px) {
		.wrapper {
			grid-template-areas:
				"featuredMain featuredMain featuredMain"
				"featuredSub featuredSub featuredSub"
				"contentMain contentMain contentMain"
		}
		
		.sub-featured {
				grid-template-columns: repeat(3,1fr);
		}
		
		.nav-items {
			grid-column: 1/5;
			text-align: center;
		}
		
		.logo {
			grid-column: 1/5;
			text-align: center;			
		}
		
		.nav-wrapper {
			margin-top: 0;
			
		}
	
}

/* MOBILE MEDIA QUERY */

@media screen and (max-width: 690px) {
	
	.logo{
		grid-column: 1/3;
	}
	
	.nav-items{
		grid-column: 1/5;
		text-align: center;
	}
	
	.nav-wrapper ul {
		padding: 0;
		margin: 0;
		
	}
	
	
	.nav-wrapper ul li {
		display: block;
		
	}	
	
	.burger-icon {
		display: inline-block;
		justify-self: end;
		grid-column: 4/5;
		border: 2px #eee;
		color:#eee;
		padding: 10px;
		font-weight: bold;
		border-radius: 3px;
	}
	
	.burger-icon:hover {
			cursor: pointer;
	}
	
	.wrapper{
		grid-template-areas:
		"featuredMain featuredMain featuredMain"
		"contentMain contentMain contentMain"
		"featuredSub featuredSub featuredSub"
		"contentSub contentSub contentSub"
	}
	
	.sub-featured{
		grid-template-columns: 1fr;
	}
	
	.footer > div{
		grid-column: 1/-1;
		
	}
	
	.featured h1 {
	font-size: 30px;
}

.mobile-show {
	display: block;
}

.mobile-hide {
	display: none;
}
	
}
	

/* Preloader */
@media screen {
	div#preloader {
		position: absolute;
		left: -9999px;
		top:  -9999px;
		}
	div#preloader img {
		display: block;
		}
	}
@media print {
	div#preloader, 
	div#preloader img {
		visibility: hidden;
		display: none;
		}
	}


/* allgemein */

.listing {
 list-style-type: none;
 }

.bottom {
	text-align: center;
}

.tutboxout {
	width: 95%;
	margin: 0 Auto;
	padding: 5px;
	background-color: #c1c1c1;
	border: 1px solid #323237;
	border-radius: 3px;
}

.tutboxin {
	margin: 0 Auto;
	padding: 5px;
	line-height: 1.5em;
	background-color: #323237;
	border-radius: 3px;
}



.seperated {
	width: 90%;
	margin: 0 Auto;
	padding: 5px;
	line-height: 1.5em;
	background-color: #c1c1c1;
	color: #323237;
	border: 1px solid #323237;
	border-radius: 3px;
}

.seperatednote {
	width: 50%;
	margin: 0 Auto;
	padding: 5px;
	line-height: 1.5em;
	background-color: #c1c1c1;
	color: #323237;
	border: 1px solid #323237;
	border-radius: 3px;
	text-align: center;
}

.seperatedsmall {
	margin: auto;
	width: 35%;
	border: 1px dotted #000;
	border-radius: 4px;
	padding:5px;
}

.bordersmall {
	margin: auto;
	
	border: 1px solid #000;
	border-radius: 4px;
	padding:5px;
}

.inner{
	text-align:center;
}

.ModuleHeadline {
  font-family: 'Lato', sans-serif;
  color: #000000;
  text-align:center;
  font-size:30px; 
  font-weight:bold;
  width: 40%;
  margin: 0 Auto;
  margin-bottom: 15px;
  background-color: #c1c1c1;  
  border-radius: 2px;
  padding:15px; 
  line-height: 1.2em;
}

.ModuleHeadlinesmall {
  font-family: 'Lato', sans-serif;
  text-align:center;
  font-weight:bold;
  width: 40%;
  margin: 0 Auto;
  margin-bottom: 15px;
  background-color: #c1c1c1;  
  border-radius: 2px;
  padding:15px; 
  line-height: 1.2em;
}

.seperatedleft {
  float: left;
  margin-left: 7%;
  padding:3px; 
  width: 26%;
  border: 0px dashed #f2f505; 
  padding:15px; 
}

.seperatedright {
  float: right;
  margin-right: 10%;
  padding:3px; 
  width: 25%;
  border: 0px dashed #f2f505; 
  padding:15px; 
}

.Editorbox {
	padding: 15px;
    border: 0px solid white;
    background-color: #323237;
    /* weitere Angaben */
}

.Editorbox  ul {
	padding: 5px;
    text-align: center;
    /* weitere Angaben */
}

.Editorbox li {
    display: flex;
	margin: 0.2em; 
    padding: 0.2em;
    border: 0px solid white;
    background-color: #323237;
    /* weitere Angaben */
}

.Modulebox {
	padding: 15px;
    border: 0px solid white;
    background-color: #323237;
    /* weitere Angaben */
}

.Modulebox  ul {
	padding: 5px;
    text-align: center;
    /* weitere Angaben */
}

.Modulebox li {
    display: inline-block;
	margin: 0.2em; 
    padding: 0.2em;
    border: 0px solid white;
    background-color: #323237;
    /* weitere Angaben */
}

.ModuleList {
  width: 95%;
  margin: 0 Auto;
  margin-bottom: 15px;
  background-color: #c1c1c1;  
  border-radius: 2px;
  padding:3px; 
}

.ModuleMove {
  margin: 0 auto;
  text-align:left; 
}

.Headline2 {
  font-family: Arial, Helvetica, sans-serif;
  background-color:#323237;
  color:#c1c1c1;
  border: 0px dotted #3366FF;
  border-radius: 2px;
  margin:25px;
  padding:15px;  
  text-decoration: none;   
}

.Headline3 {
	color: #000;
  font-family: Arial, Helvetica, sans-serif;
  background-color:#c1c1c1;
  border: 0px dotted #3366FF;
  border-radius: 2px;
  margin:25px;
  padding:15px;  
  text-decoration: none;   
}

.gentut{
	margin: 0 auto;
	width:35%;
	background-color: #c1c1c1;
	text-align:center;
	border: 1px dotted #000;
	padding: 5px
}

.genprof {
  font-family: Arial, Helvetica, sans-serif;
  background-color:#c1c1c1;
  border: 0px dotted #3366FF;
  border-radius: 2px;
  margin:25px;
  color: #323237;
  padding:15px;  
  text-decoration: none;   
}

.news {
	
	padding: 8px;
	background-color: #323237;
	border: 2px solid #c1c1c1;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
}

.versiontext {
	text-decoration: none;  
	color: #0080FF;
}

.versiontext:hover {
	text-decoration: none;  
	color: #fff;
	font-weight:bold;
}

.Versionheadline {
  font-family: 'Lato', sans-serif;
  font-size:17px; 
  color: #259ce7;
}

.versionbox {
	padding: 8px;
	background-color: #323237;
	border: 2px solid #c1c1c1;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
}

a.change:link{
	text-decoration: none;
	color: #c1c1c1;
}

a.change:hover{
	text-decoration: none;
	background-color: rgba(255,255,255,.15);
	color: #323237;
}

.smalltext{
	margin: 0 auto;
	font-size: 12px;
	font-style: italic;
	color: #c1c1c1;
	padding: 3px;
}

.smalltext1{
	margin: 0 auto;
	font-size: 12px;
	font-style: italic;
	color: #000;
	padding: 5px;
	text-align: center;
}

.newshead {
	font-size: 18px;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	text-align: center;
	color: #000;
}

.newshead1 {
	font-size: 18px;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	text-align: center;
	color: #c1c1c1;
}

.newstext {
	font-size: 15px;
	font-weight: normal;
	font-family: 'Lato', sans-serif;
	text-align: center;
	color: #eee;
}

.TextHead {
  font-family: 'Lato', sans-serif;
  text-align: left;
  font-size:20px; 
  color: #c1c1c1;
}

.TextHead1 {
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-size:20px; 
  color: #c1c1c1;
}
	
.TextHead2 {
  font-family: 'Lato', sans-serif;
  font-size:17px; 
  color: #259ce7;
}

.TextHead2hw {
  font-family: 'Lato', sans-serif;
  text-decoration: underline;
  font-size:17px; 
  color: #259ce7;
}

.TextHead3 {
  font-family: 'Lato', sans-serif;
  font-size:20px; 
  color: #323237;
}

.TextHead4{
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-size:18px; 
  color: #c1c1c1;
}

.TextHead5{
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-size:18px; 
  color: #a6a6ba;
  border-style: dashed;
  border-width: 1px;
  border-radius: 7px;
  padd: 3px;
}


.Infobox {
   font-family: 'Lato', sans-serif;
   font-size:15px;  
   color:#eee;
   text-align: left;
   border: 0px solid #3366FF;
   padding:25px;
}

/* Navigation */

a.info:link {
	color: #0080FF;
	font-size:15px;  
	text-decoration:none;
	background-color: transparent;
	padding: 3px;
	font-weight: bold;
}

a.info:visited {
	color: #0080FF;
	text-decoration:none;
}

a.info:hover {
	color: #fff; 
	text-decoration:none;
	background-color: #323237;
	padding: 3px;
	font-weight: bold;
}

a.info1:link {
	color: #46a2fe;
	text-decoration:none;
	background-color: transparent;
	padding: 3px;
	font-weight: bold;
}

a.info1:visited {
	color: #46a2fe;
	text-decoration:none;
}

a.info1:hover {
	color: #eee; 
	text-decoration:none;
	padding: 3px;
	font-weight: bold;
}



a.link:link {
	color: #000;
	text-decoration:none;
}

a.link:visited {
	color: #000;
	text-decoration:none;
}

a.link:hover {
	color: #fff; 
	text-decoration:none;
	background-color: #323237;
	padding: 3px;
	font-weight: bold;
}

a.nav:link {
	color: #fff;
	text-decoration:none;
	border: 2px solid transparent;
}

a.nav:visited {
	color: #fff;
	text-decoration:none;
	border: 2px solid transparent;
}

a.nav:hover {
	color: #000;
	background-color: #c1c1c1;
	padding:0px;
	text-decoration:none;
}

a.back:link {
	color: #000; 
	text-decoration:none;
	background-color: #c1c1c1;
	padding:2px;
	border: 1px solid #000;
}

a.back:visited {
	color: #000; 
	text-decoration:none;
}

a.back:hover {
	color: #fff; 
	background-color: #c1c1c1;
	padding: 2px;
	text-decoration:none;
	border: 1px so;
}



/* modules*/

/* *****Fixed Wings*******     */

.Aermacchi {
    background-image:       url(mbb339.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Aermacchi:hover {
    background-image:        url(mbb339_ov.png);
}

.Skyhawk {
    background-image:       url(a4e.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Skyhawk:hover {
    background-image:        url(a4e_ov.png);
}


.WarthogA {
    background-image:       url(a10a.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.WarthogA:hover {
    background-image:        url(a10a_ov.png);
}

.Warthog {
    background-image:       url(a10c.png);
    width:                  80px; 
    height:                 80px; 
}

.Warthog:hover {
    background-image:        url(a10c_ov.png);
}

.Warthog2 {
    background-image:       url(a10c2.png);
    width:                  80px; 
    height:                 80px; 
}

.Warthog2:hover {
    background-image:        url(a10c2_ov.png);
}

.Viggen {
    background-image:       url(ajs37.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Viggen:hover {
    background-image:        url(ajs37_ov.png);
}

.Viper {
    background-image:       url(f16c.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Viper:hover {
    background-image:        url(f16c_ov.png);
}

.Harrier {
    background-image:       url(av8b.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Harrier:hover {
    background-image:        url(av8b_ov.png);
}

.Mudhen {
    background-image:       url(f15e.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Mudhen:hover {
    background-image:        url(f15e_ov.png);
}

.BF109 {
    background-image:       url(bf109.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.BF109:hover {
    background-image:        url(bf109_ov.png);
}

.CombinedArms {
    background-image:       url(ca.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.CombinedArms:hover {
    background-image:        url(ca_ov.png);
}

.Aviojet {
    background-image:       url(c101.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Aviojet:hover {
    background-image:        url(c101_ov.png);
}

.ChristenEagle {
    background-image:       url(CrE.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.ChristenEagle:hover {
    background-image:        url(CrE_ov.png);
}

.Tomcat {
    background-image:       url(f14.png);
    width:                  80px; 
    height:                 80px; 
}

.Tomcat:hover {
    background-image:        url(f14_ov.png);
}

.Eagle {
    background-image:       url(f15.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Eagle:hover {
    background-image:        url(f15_ov.png);
}

.Hornet {
    background-image:       url(f18.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Hornet:hover {
    background-image:        url(f18_ov.png);
}

.Tiger {
    background-image:       url(f5e.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Tiger:hover {
    background-image:        url(f5e_ov.png);
}

.Phantom {
    background-image:       url(f4e.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Phantom:hover {
    background-image:        url(f4e_ov.png);
}

.Sabre {
    background-image:       url(f86.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Sabre:hover {
    background-image:        url(f86_ov.png);
}

.Thunder {
    background-image:       url(jf-17.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Thunder:hover {
    background-image:        url(jf-17_ov.png);
}

.FW190 {
    background-image:       url(fw.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.FW190:hover {
    background-image:        url(fw_ov.png);
}

.FW190A8 {
    background-image:       url(fwA8.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.FW190A8:hover {
    background-image:        url(fwA8_ov.png);
}

.Huey {
    background-image:       url(Huey.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Huey:hover {
    background-image:        url(Huey_ov.png);
}

.Polikarpow {
    background-image:       url(I-16_nyc.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Polikarpow:hover {
    background-image:        url(I-16_nyc.png);
}

.Blackshark {
    background-image:       url(ka503.png);
    width:                  80px; 
    height:                 80px; 
}

.Blackshark:hover {
    background-image:        url(ka503_ov.png);
}

.Albatross {
    background-image:       url(L39.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Albatross:hover {
    background-image:        url(L39_ov.png);
}

.Mirage {
    background-image:       url(m2000.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Mirage:hover {
    background-image:        url(m2000_ov.png);
}

.MirageF1 {
    background-image:       url(f1mirage_nyc.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.MirageF1:hover {
    background-image:        url(f1mirage_nyc.png);
}

.Mi8 {
    background-image:       url(mi8.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Mi8:hover {
    background-image:        url(mi8_ov.png);
}

.Mig15 {
    background-image:       url(mig15.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Mig15:hover {
    background-image:        url(mig15_ov.png);
}

.Mig19 {
    background-image:       url(mig19.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Mig19:hover {
    background-image:        url(mig19_ov.png);
}

.Mig21 {
    background-image:       url(mig21.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Mig21:hover {
    background-image:        url(mig21_ov.png);
}

.mi24p {
    background-image:       url(mi24p.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.mi24p:hover {
    background-image:        url(mi24p_ov.png);
}

.Fulcrum {
    background-image:       url(mig29.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Fulcrum:hover {
    background-image:        url(mig29_ov.png);
}

.NS430 {
    background-image:       url(ns430.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.NS430:hover {
    background-image:        url(ns430_ov.png);
}

.Mustang {
    background-image:       url(p51.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Mustang:hover {
    background-image:        url(p51_ov.png);
}

.Gazelle {
    background-image:       url(sa342.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Gazelle:hover {
    background-image:        url(sa342_ov.png);
}

.Spitfire {
    background-image:       url(spitfire.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Spitfire:hover {
    background-image:        url(spitfire_ov.png);
}

.Frogfoot {
    background-image:       url(su25.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Frogfoot:hover {
    background-image:        url(su25_ov.png);
}

.Flanker {
    background-image:       url(su27.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Flanker:hover {
    background-image:        url(su27_ov.png);
}

.Flanker33 {
    background-image:       url(su33.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Flanker33:hover {
    background-image:        url(su33_ov.png);
}

.Yak52 {
    background-image:       url(yak52.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Yak52:hover {
    background-image:        url(yak52_ov.png);
}

.dcs {
    background-image:       url(dcs.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.dcs:hover {
    background-image:        url(dcs_ov.png);
}

.flag_de {
    background-image:       url(flag_de.png);
    width:                  20px;  
    height:                 12px;  /* Maße des Bildes...      */
}

.flag_en {
    background-image:       url(flag_en.png);
    width:                  20px;  
    height:                 12px;  /* Maße des Bildes...      */
}

.flag_us {
    background-image:       url(flag_us.png);
    width:                  20px;  
    height:                 12px;  /* Maße des Bildes...      */
}

.nato {
    background-image:       url(nato.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.nato:hover {
    background-image:        url(nato_ov.png);
}

.fc3 {
    background-image:       url(fc3.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.fc3:hover {
    background-image:        url(fc3_ov.png);
}

.sc {
    background-image:       url(sc.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.sc:hover {
    background-image:        url(sc_ov.png);
}

.Apache {
    background-image:       url(ah64.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Apache:hover {
    background-image:        url(ah64_ov.png);
}

.Thunderbolt {
    background-image:       url(p47d_nyc.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Thunderbolt:hover {
    background-image:        url(p47d_nyc.png);
}

.Mosquito {
    background-image:       url(fbvi_nyc.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Mosquito:hover {
    background-image:        url(fbvi_nyc.png);
}

.Aermacchi {
    background-image:       url(mb339_nyc.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Aermacchi:hover {
    background-image:        url(mb339_nyc.png);
}

.Jf17Thunder {
    background-image:       url(jf17_nyc.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Jf17Thunder:hover {
    background-image:        url(jf17_nyc.png);
}

.Chinook {
    background-image:       url(ch47e.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Chinook:hover {
    background-image:        url(ch47e_ov.png);
}

.Yak {
    background-image:       url(yak52.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Yak:hover {
    background-image:        url(yak52_ov.png);
}

.Kiowa {
    background-image:       url(oh58.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.Kiowa:hover {
    background-image:        url(oh58_ov.png);
}








.STANDBY {
    background-image:       url(standby.png);
    width:                  80px; 
    height:                 80px; /* Maße des Bildes...      */
}

.STANDBY:hover {
    background-image:        url(standby.png);
}




.engines,
.avionic,
.Weapon,
.counter,
.flightfund,
.others {
	float: left;
	border-radius: 0px 0.5em 0.5em;
	border: 1px solid;
	padding: 10px;
	margin: 10px;
	background: #F1F3F4;
	border-color: #d5d5d5;
}