@font-face {
  font-family: 'myriadproregular';
  src:  url('fonts/myriadproregular.eot?') format('eot'), url('fonts/myriadproregular.woff') format('woff'), url('fonts/myriadproregular.ttf') format('truetype');
}

html * { font-size:100.01%; }

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 90%;  
	background: url(../images/bg-neu.jpg) repeat;
	overflow-y: scroll; 
}


#bg-top { position: absolute; top: -20px; left: 0px; width: 100%; height: 200px; background: url(../images/top-bg.gif) repeat; }

h1,h2,h3,h4 {
	font-family: 'myriadproregular', Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #516883;
	margin:0 0 0.25em 0;
	text-align: left;
	text-shadow: 1px 1px 1px #ffffff;
	filter: dropshadow(color=#ffffff, offx=1, offy=1);
}

h1 { font-size:150%; }                       
h2 { font-size:115%; }                       
h3 { font-size:157%; text-align: left; }                       
h4 { font-size:128%; text-align: left; margin-top: 1em; }                       


#impressum h3  { color: #516883}

p, .arrlist li, .nlist li { color: #516883; 	text-shadow: 2px 2px 1px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1); }
p {line-height:1.5em; margin:0 0 1em 0; }
.arrlist li {line-height:1.2em; margin: 5px 0 0 -15px; }
.nlist { margin-top: -10px; }
.nlist li {line-height:1em; margin: 5px 0 0 -15px; }
.arrlist {list-style-image: url(../images/favicon.ico);}
a { color:#4D87C7; background:transparent; text-decoration:none; }

a:visited  { color:#036; }
a:focus { text-decoration:underline;  color: #516883; }
a:hover,
a:active { text-decoration:underline; outline: 0 none; }
a img, a:active, a:focus { border: none; }

.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
.center { display:block; text-align:center; margin:0.5em auto; }

.container { position: relative; width: 980px;  margin: auto;  padding-bottom: 100px; }


.header { position: absolute; background: url(../images/header-logo.png) no-repeat; left: 45px; width: 907px; height: 125px; }
.header h1 { display: none; }
.slogan { position: relative; top: 120px; font-size: 130%; text-align: center;  }
.slogan h2 { text-align: center; }
.frame { position: relative; top: 145px; margin-left: 50px; width: 923px;  }
/* alternativ
.frame .puzzle { position: relative; top: 16px; left: -50px;   float: left; }
#texte { position: absolute; left: 400px; width: 450px; text-align: left; }
*/
.frame .puzzle { position: relative; top: -16px; left: -10px;   float: right; }
.frame .frame-bg { position: relative; top: -10px; left: 0; width: 600px !important; height: 800px; margin: auto !important; }


.sl1 {font-size:20px; }
.sl2 { margin-top: -2px; font-size:16px; }
#texte { position: absolute; width: 450px; text-align: left; }

.small, .subimg {font-family: Arial, Helvetica, sans-serif; font-size:12px; font-style: italic;  }
.small {color: #999; margin: -5px 0;}
.subimg {color: #666; margin-right: 20px; }

img { border: none; }
.jsonly { display: none; }
.content { 
	position: absolute;
	top: 18px !important; 
	left: 27px !important; 
	width: 760px !important; 
	height: 570px !important;
}

.image { float: left; }
.imgrow a { outline: none; } 
.imgrow img{ 
	-moz-box-shadow: 3px 3px 3px #666;
	-webkit-box-shadow:  3px 3px 3px #666;
	box-shadow:  3px 3px 3px #666;
	margin: 0 25px 20px 0px; 
}
#ato { 
	-moz-box-shadow: 3px 3px 3px #999;
	-webkit-box-shadow:  3px 3px 3px #999;
	box-shadow:  3px 3px 3px #999;
	margin: 0 25px 20px 0px; 
}
.imgrow a img { border: 1px solid #ccc; } 
.imgrow a:hover img { border: 1px solid #999; } 
.content .image p { font-size: 10px; font-style: italic; }
.rmt { font-weight: bold; font-style: italic; text-decoration: underline; color: #3675de;}

#impressum .content { width: 440px; left: 260px; top: 48px; }		
#aviasoft { position: absolute; background: url(../images/aviasoft-logo.jpg) no-repeat; left: 30px; width: 239px; height: 61px; }
#aviasoft p { display: none; }
#flightfix { position: relative; background: url(../images/flightfix-logo.jpg) no-repeat; width: 455px; height: 117px; margin: auto; top: 10px; }
#flightfix span { display: none; }
#flightfix p { position: relative; top: 117px; }

.info { background: url(../images/trans.png) repeat; border: 1px solid #878db1; margin-bottom: -5px; padding: 5px; }
.info h2 { margin-bottom: -10px; }

#stevemoes-logo p { margin-bottom: -0.3em; }

#produktinfos { position: relative; top: 150px; width: 900px; margin: auto; }


#navi { position: absolute; top: 85px; left: 655px; width: 320px; height: 61px; }
#navi { position: absolute; font-size: 12px; text-align: center; }
/*
#navi ul { display: inline; list-style: none;  }
#navi li { float: left; margin-right: 9px; }
#navi a { text-decoration: none; color: #fff; font-weight: bold; }
#navi a:hover { text-decoration: underline; }
*/



/*
.ul-mainmenu { margin-left: 50px; }
*/
#footer { clear: both; position: relative; top: 100px; padding: 50px 0; font-family: Arial, Helvetica, sans-serif; 	font-size: 12px; width: 13em; margin: auto; z-index: 100; }
#footer a {		text-decoration: none; color: #004080; }
#footer a:hover {color: #0067ce;; }
#legal {position: relative; margin-bottom: 20px; height: 100%;} 
.ul-mainmenu li {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: left;
}

.ul-mainmenu li a {
	text-decoration: none;
	color: #004080;
	display: inline-block;	
	height: 18px;
	padding-right: 14px;
}

.ul-mainmenu li a span {
	position: relative;
}

.ul-mainmenu li:hover 	{ 
/*
	background-color: #7C0300; 
	background: transparent url(../images/trans2.png) repeat-x;
*/

}
.ul-mainmenu li:hover a { color: #0067ce; }

.ul-mainmenu .aktiv 	{ 
	background-color: #5C0300 !important;
	background: transparent url(../images/trans2.png) repeat-x !important;
}	
.ul-mainmenu .aktiv a 	{ color: #fff; }	


/*  Navi-Submen�s  */
.ul-mainmenu .ul-submenu { display: none; border: 1px solid black; background: url(../images/menu-bg.png) repeat-x; padding: 5px 10px;}
.ul-mainmenu li:hover .ul-submenu { display: block; }

.ul-submenu {
	position: absolute;
	left: 100px;
	width: 100px;
	z-index: 10;
	padding: 2px;
}

.ul-submenu li a { text-transform: none; }

.ul-submenu a { display: block; width: 100px; text-align: left;}

.ul-mainmenu li:hover .ul-submenu a 			{ color: #004080; }
.ul-mainmenu li:hover .ul-submenu li:hover 		{ 
	background: url(../images/layout/menu2-hover.jpg) repeat-x;
}
.ul-mainmenu li:hover .ul-submenu li:hover a	{ color: #0067ce; font-weight: bold;   }


.ul-submenu .aktiv 			{ 
	width: 100%; background-color: #7C0300 !important; 
	background: transparent url(../images/layout/menu1-hover-menu2-aktiv.jpg) repeat-x !important;
}	
.ul-submenu .aktiv span 	{ color: #004080;  font-weight: bold; }

#a-flyer1 { margin-left: 40px; outline: none;}
#a-flyer2 { margin-left: -80px; outline: none; }

#piloten { z-index: 1000; }
#ato { position: absolute; top: -50px; left: 660px;}