body 					{ width: 100%; font: 18px/32px Helvetica, Arial, sans-serif; margin-top: 0px; color:#333; }

#panorama				{ position:absolute; top:0; left:0; height: 800px; width: 100%; text-align:center; }

#header_img				{ position:absolute; top:0; left:0px; margin: 0 auto; background: url(../images/panorama.jpg) bottom center no-repeat; background-size:cover; width: 100%; height:800px;}
#header					{ position:absolute; top:0; left:0; width: 100%; height: 120px; z-index: 100; }
#header #worldmap		{ position:absolute; top:-10px; right:-380px; opacity: 0.4; display:none;}
#header #intro_text		{ position:absolute; top:250px; left:100px; color: white;
text-transform: uppercase; font-size: 40px; font-weight: bold; line-height: 110%;}
#header #intro_text	span.light	{ opacity: 0.5;  color:black;}
#header #intro_text	span.high	{ border-bottom: 0px dotted white; opacity: 1; }

#h_inner				{ height: 100%;}

#h_inner,
#wrapper				{ width:940px; padding: 0 20px; margin: 0px auto  ; position:relative;}

#bat_logo				{ position: absolute; top:20px; left:17px;}

nav#main_menu			{ position: absolute; top:71px; right:60px;}
#main_menu ul			{ list-style: none; margin:0; padding:0; border-top:1px solid white;overflow: hidden; }
#main_menu li			{ float:left; margin-left:10px; margin-top: -5px;}
#main_menu .first		{ margin-left:0px;}
#main_menu a			{ color:white; text-decoration: none; font-size: 13px; padding:0px 15px 5px 15px;}
#main_menu .first a		{ padding-left:2px;}
#main_menu .last a		{ padding-right:2px;}
#main_menu a:hover		{ color:#b9b9b9; }

span.menue_point		{ color:#b9b9b9; font-size:10px; margin-left:0px; text-transform: uppercase;}

article					{ border-top: 1px silver solid; padding: 40px 240px 40px 80px; position: relative;}
article.last			{ border-bottom: 1px black solid; }
article#Services {margin-top: 780px;}
#wrapper p				{ font-size: 13px; line-height: 21px; }
#wrapper h1,
#wrapper h2,
#wrapper h3				{ text-transform: uppercase; line-height: 105%;}
#wrapper h1				{ margin-top:0px;}

#wrapper h1,
#wrapper h2,
a 						{ color:#00315e;}

.intro					{ font-weight: bold;}

#wrapper #Legal h1,
#Legal					{ color:#706f6f !important;}
#wrapper #Legal h1		{ font-size: 18px;}

#wrapper .p_par h3		{ text-transform: none; margin-bottom: 6px; margin-top: 20px;font-size:13px;}
#wrapper .p_par p		{ margin-top: 0px; font-size:11px; line-height: 16px; margin-bottom: 10px; padding-right: 160px;}

.toplink_sep			{ position: relative; margin-top:-40px; width: 100%; height:40px; overflow: hidden;}
.toplink a 				{ position: absolute; top: 0; right: 0; width: 40px; height:40px; overflow: hidden; background: silver url('../images/arrow-up_128px.png') top right no-repeat;}
.toplink a:hover 				{ background: #00315e url('../images/arrow-up_128px.png') bottom right no-repeat;}

ul.offering				{ list-style: none; margin: 0; padding:0 ;}
ul.offering li 			{ width: 290px; float: left; border-top: 1px solid black; margin:0 20px 20px 0; padding: 0 5px;}
ul.offering	li.odd		{ margin-right: 0;}
ul.offering	h3			{ height: 35px; font-size:15px; line-height: 18px !important; margin-bottom: 10px; margin-top: 3px;}
ul.offering	p			{ margin-top: 0px; line-height: 17px !important; }

span.insert				{ width: 60px; display:block; float:left; font-weight: bold;}

#ba_gmap				{ position: absolute; bottom:52px; left: 400px; width: 320px; height: 180px; background: silver; border: 1px solid silver;}
#ba_gmap a,
.gmnoscreen				{ display: none;}



ul.port_list					{ list-style: none; margin:0; padding:0; margin-top:40px; margin-right: 120px; margin-left: 0px;}
ul.port_list li					{ border-top: 1px solid black; margin-bottom:0px !important;}
ul.port_list li h3:hover		{ color:silver;}
ul.port_list h3					{ margin-top: 2px; cursor: s-resize; font-size: 13px}
ul.port_list h3.trigger_active	{ cursor: n-resize}
ul.port_list img				{ margin-right: 5px; margin-top:0px; width:24px !important;}
ul.port_list h3	span			{ margin-top: -22px; margin-left:40px; display:block; }

ul.port_list ul					{ list-style: none; padding-bottom:40px; margin:0px;}
ul.port_list li	li				{ font-size:13px; border-top: 1px dotted silver; margin: 0px 0 10px 0 !important; line-height: 17px;}

footer {text-align: center;}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px) {


#header #worldmap		{ display:none; }
}