/* Allgemeine Styles für alle Versionen */
/*     NACH den vorherigen styles       */
/* ------------------------------------ */

/* Spezielle Anpassungen verschiedener Größen z.B. */

/* Schmale Version in der Höhe der unteren Leiste soll generell ausgegeben werden */
.bottom_headline { bottom: 163px; }
.bottom { height: 163px; }
.bottom2 { height: 163px; }
.ship_methods { height: 105px; }
.method { height: 110px; }
.method_text { bottom: -33px; font-size: 14px; }
.efg_logo .line1 { margin-top: 8px; }
.efg_logo .grafik { margin-top: 6px; }
.efg_logo .line3 { margin-top: 8px; }
.efg_logo .line4 { margin-top: 4px; }
.group_headline { bottom: 163px; }
.group_logos { height: 145px; padding-top: 18px; }
.social_media { bottom: 163px; }
.efg_logo { height: 163px; }
		
@media only screen and (min-width: 641px) and (max-height: 930px) and (min-height: 600px)
{
	.logo { background-size: 160px 93px; height: 108px; }
	.left { top: 108px; }
	
	.schedule_download_english { margin-top: 5px; height: 61px; background-image: url(../img/schedule_download_small.png) }
	.schedule_download_english:hover { background-position: 0px -61px; }
	.schedule_download_english:active {	background-position: 0px -60px; }
	
	.schedule_download_deutsch { margin-top: 5px; height: 61px; background-image: url(../img/schedule_download_small_de.png) }
	.schedule_download_deutsch:hover { background-position: 0px -61px; }
	.schedule_download_deutsch:active {	background-position: 0px -60px; }
	
	/* 1. Menüebene */
	.menu1 						{ height: 24px; line-height: 24px; font-size: 20px; }
	.menu1_act				{ height: 24px; line-height: 24px; font-size: 20px; }

	/* 2. Menüebene */
	.menu2 						{ height: 14px; line-height: 14px; font-size: 13px; }
	.menu2_act				{ height: 14px; line-height: 14px; font-size: 13px; }
	
	/*
	.get_quote { height: 169px; }
	.get_quote_left_end { top: 152px; }
	.get_quote_right { height: 169px; }  
	.get_quote_right .line1 { margin-top: 4px; height: 24px; }
	.get_quote_right .line1 .quotepaper {	height: 24px;	background-image: url(../img/quote_paper.png); background-size: 18px 24px; }
	.get_quote_right .line1 .quotetext { line-height: 24px; font-size: 22px; margin-left: 0px; }
	.get_quote_right .inputs { margin-top: 4px; }
	.get_quote_right .inputs input { margin-top: 3px; font-size: 14px; height: 18px; line-height: 18px; }
	.get_quote_right_submit_button { height: 24px; top: 128px; font-size: 17px; line-height: 18px; background-size: 316px 24px; }
	.get_quote_right_submit_button:hover { background-image: url(../img/quote_senda.png); background-size: 316px 24px; }
	*/
	
	.main { top: 80px; padding-bottom: 224px; }
	
	#lang_sel
	{
		position: absolute;
		left: 4px;
		top: -70px;
	}
}

@media only screen and (min-width: 641px) and (max-height: 920px) and (max-width: 1200px) and (min-height: 600px)
{
	.main { top: 180px; padding-bottom: 224px; }
	#lang_sel
	{
		position: absolute;
		left: 4px;
		top: -170px;
	}
	.general_headline .erste { font-size: 26px; line-height: 26px; }
	.general_headline .zweite { font-size: 33px; line-height: 33px; margin-left: 50px; }
	.general_headline .dritte { font-size: 50px; line-height: 44px; }
	.general_headline_home.erste { font-size: 26px; line-height: 26px; }
	.general_headline_home .zweite { font-size: 33px; line-height: 33px; margin-left: 50px; }
	.general_headline_home .dritte { font-size: 50px; line-height: 44px; }
	.more { left: 298px; top: 88px; }
	.extend_1_ { width: 350px; }
}

@media only screen and (min-width: 641px) and (max-width: 1200px) and (min-height: 921px)
{
	.main { top: 245px; padding-bottom: 284px; }
	#lang_sel
	{
		position: absolute;
		left: 4px;
		top: -235px;
	}
	.general_headline .erste { font-size: 26px; line-height: 26px; }
	.general_headline .zweite { font-size: 33px; line-height: 33px; margin-left: 50px; }
	.general_headline .dritte { font-size: 50px; line-height: 44px; }
	.general_headline_home.erste { font-size: 26px; line-height: 26px; }
	.general_headline_home .zweite { font-size: 33px; line-height: 33px; margin-left: 50px; }
	.general_headline_home .dritte { font-size: 50px; line-height: 44px; }
	.more { left: 298px; top: 88px; }
	.extend_1_ { width: 350px; }
}

/*
@media only screen and (min-width: 641px) and (max-width: 1020px) and (min-height: 921px) and (min-height: 600px)
{
	.main { top: 385px; padding-bottom: 284px; }
	#lang_sel
	{
		position: absolute;
		left: 4px;
		top: -375px;
	}
}
*/

/* Speziell für iPad hochkant-Version ohne Menü links */
@media only screen and (min-width: 641px) and (max-width: 768px) and (min-height: 600px)
{
	.main { left: 0px; top: 175px; }
	#lang_sel
	{
		position: absolute;
		left: 253px;
		top: -165px;
	}
	.left { position: relative; background: none; z-index: 1999;}

	.bottom_headline	{ height: 42px; padding-top: 4px; }
	.logo { background-size: 160px 93px; height: 108px; }
	.schedule_download_english { margin-top: 5px; height: 61px; background-image: url(../img/schedule_download_small.png) }
	.schedule_download_deutsch { margin-top: 5px; height: 61px; background-image: url(../img/schedule_download_small_de.png) }
	.schedule_download_english:hover { background-position: 0px -61px;}
	.schedule_download_deutsch:hover { background-position: 0px -61px;}
	
	/* Supersized */
	img { border:none; }
	#supersized-loader { position:fixed; left: 200px; top: 0px; height: auto; right: 0px; bottom: 0px; width: auto; background: #ffffff;  }
	#supersized {  display:block; position:fixed; left:0px; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; background-color: #ffffff; }
	#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
	#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
	#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
	#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0px; width:100%; height:100%; background:#ffffff; }
	#supersized a { width:100%; height:100%; display:block; }
	#supersized li.prevslide { z-index:-20; }
	#supersized li.activeslide { z-index:-10; }
	#supersized li.image-loading { width:100%; height:100%; }
	#supersized li.image-loading img{ visibility:hidden; }
	#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
	
	/* Get Quote oben rechts schmaler machen */
	/*
	.get_quote {	width: 222px; }	
	.get_quote_right { width: 210px; }	
	.get_quote_right .line1 .quotetext { font-size: 15px;	letter-spacing: -1.2px;}	
	.get_quote_right .inputs input { width: 168px; }	
	.get_quote_right_submit_button { width: 206px; }
	*/
	
	/* Menüboxen */
	.menu_box1				{ width: 224px; border: 0px solid; }
	.menu_box_imp			{ width: 224px; border: 0px solid; margin-top: 0px; margin-left: 5px; }
	.menu_box_imp2		{ }
	.menu_box2 				{ background-color: #0080c7; }
	.menu_box2 .trenner 		{ height: 0px; margin-left: -11px; }
	
	/* Englische Version (target eintragen am ende ohne .php) */
	.menu_box2_2_	{ opacity: 1;	filter: alpha(opacity=100); background: #0080c7; display: block; margin-left: -11px;}
	.menu_box2_5_	{ opacity: 1;	filter: alpha(opacity=100); background: #0080c7; display: block; margin-left: -11px;}
	.menu_box2_6_	{ opacity: 1;	filter: alpha(opacity=100); background: #0080c7; display: block; margin-left: -11px;}
	
	/* Albanische Version  (target eintragen am ende ohne .php) */
	.menu_box2_20_	{ opacity: 1;	filter: alpha(opacity=100); background: #0080c7; display: block; margin-left: -11px;}
	.menu_box2_23_{ opacity: 1;	filter: alpha(opacity=100); background: #0080c7; display: block; margin-left: -11px;}
	.menu_box2_24_{ opacity: 1;	filter: alpha(opacity=100); background: #0080c7; display: block; margin-left: -11px;}
	
	/* Schatten */
	.menu_shadow			{ height: 0px; display: none; }
	.menu_shadow_sub2	{ height: 0px; display: none; }

	/* Mobile */
	#mobile_menu 							{ margin-left: -6px; display: block; background-color: #0080c7; position: fixed; top: 108px; height: 44px; width: 235px; z-index: 2000;}
	.mobile_menu_button 			{ color: #ffffff; float: left; display: block; height: 44px; margin-left: 24px; width: 95px; font-size: 20px; font-style: normal; font-weight: 300; line-height: 46px; background: url(../img/mstriche.png) no-repeat 58px 17px; cursor: pointer; }
	.mobile_menu_button:hover { color: #ffffff; }
	.mobile_menu a 						{ outline: 0px; }
	.mobile_menu_tele 				{ float: right; display: none; height: 44px; margin-right: 29px; width:24px; background: url(../img/tele.png) no-repeat 0px 10px; }
	#menu_gesamt 							{ position: absolute; top: 142px; left: -240px; width: 240px; z-index: 2001;}
	#mobile_menu_scroller 		{ position: fixed; bottom: 0px; top: 142px; overflow-y: auto; overflow-x:hidden; width: 240px; }
	
	/* 1. Menüebene */
	.menu1 						{ opacity: 1;	filter: alpha(opacity=100); margin-left: -11px; background-color: #0080c7; color: #ffffff; height: 28px; line-height: 28px; font-size: 20px; font-weight: 300; font-style: normal; display: block; padding-left: 24px; padding-right: 24px; text-decoration: none; cursor: pointer; }
	.menu1:hover 			{ margin-left: -11px; background-color: #0080c7; color: #ffffff; text-decoration: none; cursor: pointer; }
	.menu1_act				{ opacity: 1;	filter: alpha(opacity=100); margin-left: -11px; background-color: #0080c7; color: #ffffff; height: 28px; line-height: 28px; font-size: 20px; font-weight: 300; font-style: normal; display: block;	padding-left: 24px; padding-right: 24px; text-decoration: none; cursor: pointer; }
	.menu1_act:hover 	{ margin-left: -11px; background-color: #0080c7; color: #ffffff; text-decoration: none; cursor: pointer; }
	
	/* 2. Menüebene */
	.menu2 						{ opacity: 1;	filter: alpha(opacity=100); margin-left: -11px; background-color: #0080c7; color: #ffffff; height: 24px; line-height: 24px; font-size: 18px; font-weight: 300; font-style: normal; display: block; padding-left: 48px; padding-right: 24px; text-decoration: none; cursor: pointer; }
	.menu2:hover 			{ margin-left: -11px; background-color: #0080c7; color: #ffffff; text-decoration: none; cursor: pointer; }
	.menu2_act				{ opacity: 1;	filter: alpha(opacity=100); margin-left: -11px; background-color: #0080c7; color: #ffffff; height: 24px; line-height: 24px; font-size: 18px; font-weight: 300; font-style: normal; display: block; padding-left: 48px; padding-right: 24px; text-decoration: none; cursor: pointer;}
	.menu2_act:hover 	{ margin-left: -11px; background-color: #0080c7; color: #ffffff; text-decoration: none; cursor: pointer; }
	
	/* 3. Menüebene */
	.menu1imp 				{ width: 187px; opacity: 1;	filter: alpha(opacity=100); margin-left: -11px; background-color: #0080c7; color: #ffffff; height: 28px; line-height: 28px; font-size: 20px; font-weight: 300; font-style: normal; display: block; padding-left: 24px; padding-right: 24px; text-decoration: none; cursor: pointer; }
	.menu1imp:hover 	{ margin-left: -11px; background-color: #0080c7; color: #ffffff; text-decoration: none; cursor: pointer; }
	.menu1imp_act					{ opacity: 1;	filter: alpha(opacity=100); margin-left: -11px; background-color: #0080c7; color: #ffffff; height: 28px; line-height: 28px; font-size: 20px; font-weight: 300; font-style: normal; display: block;	padding-left: 24px; padding-right: 24px; text-decoration: none; cursor: pointer; }
	.menu1imp_act:hover 	{ margin-left: -11px; background-color: #0080c7; color: #ffffff; text-decoration: none; cursor: pointer; }
	
	.social_media
	{
		position: fixed;
		left: 0px;
		bottom: 163px;
		width: 229px;
		height: 34px;
		padding-bottom: 6px;
		padding-top: 6px;
		background: -webkit-linear-gradient(0deg, #a4ccea 0%, #bdddf2 100%);
		background: -moz-linear-gradient(0deg, #a4ccea 0%, #bdddf2 100%);
		background: -o-linear-gradient(0deg, #a4ccea 0%, #bdddf2 100%);
		background: -ms-linear-gradient(0deg, #a4ccea 0%, #bdddf2 100%);
		background: linear-gradient(90deg, #a4ccea 0%, #bdddf2 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#a4ccea, endColorstr=#bdddf2);
	}

	.bottom_headline_ipad
	{
		position: fixed;
		bottom: 163px;
		left: 229px;
		right: 0px;
		width: 100%;
		background-color: #bdddf2;
		height: 46px;
		color:  #ffffff;
		font-size: 20px;
		font-weight: 300;
		line-height: 41px;
		text-align: center;
		z-index: 901;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.bottom_ipad
	{
		position: fixed;
		bottom: 0px;
		left: 229px;
		right: 0px;
		width: 100% auto;
		background-color: #d9ebf6;
		opacity: 1;
		filter: alpha(opacity=100);
		height: 163px;
		color:  #ffffff;
		font-size: 20px;
		font-weight: 300;
		line-height: 41px;
		text-align: center;
		z-index: 902;
	}
	
	.bottom2_ipad
	{
		position: fixed;
		bottom: 0px;
		left: 229px;
		right: 0px;
		width: 100% auto;
		background-color: transparent;
		height: 163px;
		z-index: 903;
	}
	.schedule_download_english { margin-top: 0px; }
	.schedule_download_deutsch { margin-top: 0px; }
}

@media only screen and (max-width: 800px) and (min-height: 600px)
{
  .method_text { letter-spacing: -0.5px; font-size: 10px; }
}

@media only screen and (min-width: 641px) and (max-width: 1199px) and (min-height: 600px)
{
	.content { float: none; }
	.content_home { float: none; }
	.content.box_1, .content.box_3, .content.box_5, .content.box_7, .content.box_9, .content.box_11
	{
		background-color: rgba(9, 143, 217, 0.9);
	}	
	.content.box_2, .content.box_4, .content.box_6, .content.box_8, .content.box_10, .content.box_12
	{
		background-color: rgba(9, 143, 217, 0.7);
	}
	.content.box_contact_1, .content.box_contact_3, .content.box_contact_5, .content.box_contact_7, .content.box_contact_9, .content.box_contact_11
	{
		background-color: rgba(9, 143, 217, 0.9);
	}	
	.content.box_contact_2, .content.box_contact_4, .content.box_contact_6, .content.box_contact_8, .content.box_contact_10, .content.box_contact_12
	{
		background-color: rgba(9, 143, 217, 0.7);
	}
}

@media only screen and (min-width: 0px) and (max-width: 640px)
{
	.content { float: none; }
	.content_home { float: none; }
}

@media only screen and (min-width: 641px) and (max-height: 670px) and (min-height: 600px)
{
	.menu_box_imp 	{ display: none; }
	.menu_box_imp2	{ z-index: 1201; position: fixed; bottom: 0px; left: 0px; text-align: center; width: 219px; border: 0px solid; margin-top: 5px; margin-left: 0px; height: 22px; background-color: #d9ebf6; }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) 	and (min-width: 641px) and (max-height: 920px) and (min-height: 600px),
				only screen and (min--moz-device-pixel-ratio: 2)    and (min-width: 641px) and (max-height: 920px) and (min-height: 600px),
				only screen and (-o-min-device-pixel-ratio: 2/1)    and (min-width: 641px) and (max-height: 920px) and (min-height: 600px),
				only screen and (min-device-pixel-ratio: 2)      		and (min-width: 641px) and (max-height: 920px) and (min-height: 600px),
				only screen and (min-resolution: 192dpi) 						and (min-width: 641px) and (max-height: 920px) and (min-height: 600px),
				only screen and (min-resolution: 2dppx)  						and (min-width: 641px) and (max-height: 920px) and (min-height: 600px)
{
	.schedule_download_english { background-size: 229px 122px; background-image: url(../img/schedule_download_small@2x.png) }
	.schedule_download_deutsch { background-size: 229px 122px; background-image: url(../img/schedule_download_small_de@2x.png) }
}