﻿/*-----------------------------------------------------------------------------------*/
/*	1.0 Reset
/*-----------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section
{
   display: block;
}

audio, canvas, video
{
   display: inline-block; *display:inline;
*zoom:1;
}

audio:not([controls])
{
   display: none;
}

 [
hidden]
{
   display: none;
}

html
{
   font-size: 100%;
   overflow-y: scroll;
   overflow-x: hidden;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
}

figure
{
   margin: 10% 0;
}

figcaption
{
   text-align: center;
}

img
{
   border: 0;
   -ms-interpolation-mode: bicubic;
}

a:hover, a:active, a:focus
{
   outline: none;
   -moz-outline-style: none;
}

input
{
   -webkit-border-radius: 0;
   border-radius: 0;
}


/* Clearfix */
.clearfix:after
{
   clear: both;
   content: ' ';
   display: block;
   font-size: 0;
   line-height: 0;
   visibility: hidden;
   width: 0;
   height: 0;
}

.cf:before, .cf:after
{
   content: " "; /* 1 */
   display: table; /* 2 */
}

.cf:after
{
   clear: both;
}
/* For IE 6/7 only, Include this rule to trigger hasLayout and contain floats.  */
.cf
{ *zoom:1;
}

*
{
   box-sizing: border-box;
   margin: 0;
}

body
{
   border-top: 10px solid #ca391b;
   background: #ffffff none repeat scroll 0 0;
   font-size: 1em;
   font-family: Arial, SunSans-Regular, Sans-Serif;
   color: #564b47;
}

#language ul, #languagefooter ul
{
   background-color: #ca391b;
   color: #fff;
   font-size: 0.75em;
   padding: 5px 10px;
   margin-top: -1px;
}

#languagefooter ul
{
   background-color: #ca391b;
   color: #fff;
   display: none;
}

.left
{
   float: left;
}

.right
{
   float: right;
}

pre, code
{
   font-size: 1.3em;
}

a
{
   color: #000000;
}

a:visited
{
   color: #999;
}

a:hover
{
   color: #ccc;
}

a:active
{
   color: #000000;
}

h1, h2
{
   font-size: 1.5em;
   font-weight: normal;
   margin: 0 0 10px;
}

h1
{
   border-bottom: 1px solid #1b5f7a;
   color: #564b47;
   display: inline-block;
   font-family: "Open Sans" ,sans-serif;
   font-size: 2em;
   font-weight: 600;
   margin: 1px 0;
   max-width: 600px;
   padding-bottom: 0;
   padding-left: 20px;
   padding-right: 20px;
   text-shadow: 0 4px 6.37px rgba(0, 0, 0, 0.35);
   text-transform: uppercase;
   transform: matrix(1, 0, 0, 0.987248, 0, 0);
   width: 100%;
}

h2:after
{
   background: #ca391b none repeat scroll 0 0;
   content: "";
   display: block;
   height: 6px;
   margin: 0.31225em auto 0;
   position: relative;
   width: 150px;
}

h2
{
   color: #564b47;
   font-family: "Open Sans" , sans-serif;
   font-weight: bold;
   letter-spacing: 1px;
   margin: 0 0 1.25em;
   text-align: center;
}

h2.line
{
   background: url(/img/content_divider_line.gif) repeat-x top left;
   line-height: 1px;
   margin-bottom: 20px;
   margin-top: 23px;
   font-weight: lighter;
   letter-spacing: 0;
   line-height: 1px;
}

h2.line span
{
   background: #fff none repeat scroll 0 0;
   padding-right: 20px;
   padding-left: 20px;
}

h2.line:after
{
   content: "";
   background: none;
   display: inline;
}

h4
{
   color: #564b47;
   font-size: 1.2em;
   font-weight: normal;
   margin: 0.25em 0;
}

h3
{
   color: #564b47;
   font-size: 1.2em;
   margin: 0.25em 0;
}

footer h3
{
   color: #ffffff;
}

img.download
{
   vertical-align: middle;
}

img
{
   border: none; /* width: 100%; */
   height: auto;
   max-width: 100%;
}

ul
{
   list-style-type: none;
}

.morelink a
{
   color: #000000;
   text-decoration: none;
}

.morelink a span
{
   color: #ca391b;
   font-size: 1.85em;
   font-weight: bold;
}

.special-segment p
{
   color: #000000;
   font-size: 0.85em;
   text-align: justify;
   padding: 0 0.625em;
}

.special-segment p.morelink
{
}

a.white-btn
{
   border: 1px solid #fff;
   border-radius: 3px;
   color: #fff;
   font-size: 0.85em;
   margin-top: 1.25em;
   padding: 0.625em 1.25em;
   transition: all 0.2s linear 0s;
}

a.white-btn:hover, button.white-btn:hover
{
   background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

#content article
{
   padding: 5px;
   margin-bottom: 20px;
}
/* ----------container zentriert das layout-------------- */

#container
{
   min-width: 320px;
   margin: 0 auto;
   background: transparent none repeat scroll 0 0;
}

#container.center
{
   box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.3); /*  max-width: 1200px;*/
   margin: 0 20px;
}

.center #top header
{
   width: 94%;
}

.featured
{
   background-color: #fff;
   box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
   padding: 4px 4px 4px 10px;
   margin-left: -6px;
}
/* ----------breadcrumb navigation -------------- */

.breadcrumb
{
   clear: both;
/*   border-top: 1px solid #f5f5f5;
   box-shadow: 0 1px 2px #f5f5f5; */
   border-top: 1px solid #e4e4e4;
   box-shadow: 0 1px 2px #e4e4e4;
   font-size: 0.7em;
   margin-bottom: 30px;
   padding-left: 70px;
   position: relative;
}

.breadcrumb a:before
{
   top: -5px;
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg); /* IE 9 */
   -webkit-transform: rotate(-45deg); /* Safari */
}

.breadcrumb a:before, .breadcrumb a:after
{
   background-color: #f5f5f5;
   content: "";
   height: 28px;
   position: absolute;
   right: 0;
   width: 1px;
}

.breadcrumb a:after
{
   bottom: -5px;
   transform: rotate(45deg);
   -ms-transform: rotate(45deg); /* IE 9 */
   -webkit-transform: rotate(45deg); /* Safari */
}

.breadcrumb a::before, .breadcrumb a::after
{
   background-color: #e4e4e4;
   content: "";
   height: 28px;
   position: absolute;
   right: 0;
   width: 1px;
}

.breadcrumb a
{
   color: #505050;
   display: inline-block;
   font-weight: bold;
   margin-right: 30px;
   padding: 12px 30px 12px 0;
   position: relative;
   text-decoration: none;
}

/* ----------header for logo-------------- */

.headertext
{
   position: absolute;
   top: 200px;
   z-index: 10;
   margin-left: 20px;
}

.headertext h1
{
   border-bottom: 2px solid #ca391b;
   padding: 0 10px;
   color: White;
}

.headertext p
{
   color: #fff;
   max-width: 600px;
   padding: 10px 20px;
   width: 100%;
   text-shadow: 0 4px 6.37px rgba(0, 0, 0, 0.35);
}

#top:after
{
   height: 0;
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
}

#top
{
   background-image: url( 'img/background.jpg' );
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   height: 300px;
}

#top header#header
{
   background: rgba(255, 255, 255, 0.85) none no-repeat scroll 0 0;
   margin-left: 20px;
   margin-right: 20px;
   height: 73px;
   top: 50px;
   position: relative;
   z-index: 10;
   padding: 21px 21px 13px;
}

#headermenu
{
   background: #ffffff;
   margin: 20px auto 0;
   max-width: 71.25em;
   padding: 0 0.625em;
}

header p
{
   text-transform: uppercase;
   font-size: 0.8434em;
}

header img
{
   border: 0;
   padding: 0 0 8px;
}

.menubutton a
{
   cursor: pointer;
}

/* new nav */
nav
{
   padding: 0 20px 0 0;
   margin: 0 0 2px;
   float: right;
}

nav ul:after, #language ul:after, #languagefooter ul:after
{
   height: 0;
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
}

nav ul, #language ul, #languagefooter ul
{
   list-style-type: none;
   float: right;
}

nav li, #language li
{
   float: left;
   margin: 0;
}

#language ul li a:link, #language ul li a:active, #language ul li a:visited, #languagefooter ul li a:link, #languagefooter ul li a:active, #languagefooter ul li a:visited
{
   /* color: #ffffff; */
   color: #b2b4b9;
   display: inline-block;
   padding-left: 14px;
   padding-right: 14px;
   text-align: center;
   text-decoration: none;
}

#language li, #languagefooter li
{
   position: relative;
   display: inline;
   padding-right: 5px;
}

#language li:last-child, #languagefooter li:last-child
{
   padding-right: 0;
}

nav li a, nav li a:active, nav li a:visited
{
   color: #000000;
   font-size: 0.8em;
   font-weight: 600;
   padding: 26px 23px 32.5px;
   transition: all 0.2s linear 0s;
   text-decoration: none;
}

nav li a:hover
{
   /*background: #ca391b none repeat scroll 0 0;*/ /*background: #ff947e none repeat scroll 0 0;*/
   background: #f5f5f5 none repeat scroll 0 0;
   color: black; /*color: #ffffff;*/
}

nav li.sel a
{
   background: #ca391b none repeat scroll 0 0;
   color: #ffffff;
}

/* ----------------- content--------------------- */
.caption
{
   margin: 0;
   padding: 10px 2px 30px;
   color: #999;
   font-size: 0.75rem;
   line-height: 1.5;
   max-width: 100%;
}

section:before
{
   height: 0;
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
}

section#content
{
   width: 100%;
   padding: 20px;
   background: #fff none repeat scroll 0 0;
}

section article, #partners article
{
   width: 48%;
}

p, pre
{
   padding: 0 0 20px;
   line-height: 1.5em;
}

ul
{
   list-style-type: none;
   line-height: 1.5em;
}

article header
{
   padding: 0;
}

article footer
{
}

#specialcontent
{
   background: #091a2c none repeat scroll 0 0;
   margin-top: 15px;
   padding: 3em 2em;
   text-align: center;
   clear: both;
}

#partners
{
   margin-top: 15px;
   padding: 3em 2em;
   text-align: center;
   clear: both;
}

/* -------------- google maps ------------- */
#controls
{
   float: left;
   margin-bottom: 20px;
   width: 100%;
}

.ullist li
{
   float: left;
   margin-right: 1%;
   width: 49%;
}

ul.side-nav li.active a
{
   color: #4d4d4d;
   font-weight: bold;
}

.ullist li.active a, .ullist li a:hover
{
   background-color: #f5f5f5 !important;
   color: #ca391b !important;
   border-left: 2px solid darkgray;
}

.column
{
   float: left;
   min-height: 1px;
   padding: 0 10px;
   position: relative;
}

.row:before, .row:after
{
   content: " ";
   display: table;
   clear: both;
}
/* -------------- side infos ------------- */
#content aside img
{
   width: auto;
}

aside
{
   padding: 20px;
   float: left;
   width: 25%;
}

aside ~
article
{
   width: 70%;
}

aside ~
article.middle
{
   width: 50%;
}

.submenu li
{
   border-left: 2px solid darkgray;
   background: #f5f5f5 none repeat scroll 0 0;
   list-style: outside none none;
   margin-bottom: 5px;
}

.submenu ul
{
   padding-left: 40px;
}

.submenu a, .submenu li a:active, .submenu li a:visited
{
   color: #000000;
   text-decoration: none;
   transition: all 0.2s linear 0s;
}

.submenu li a
{
   display: block;
   padding: 5px 30px 5px 10px;
   position: relative;
}

.submenu li a:after
{
   content: "»";
   line-height: 34px;
   position: absolute;
   right: 10px;
   text-align: right;
   top: 0;
}

.submenu li a:hover
{
   background: #83d0f5 none repeat scroll 0 0;
   color: #ffffff !important;
}
/* -----------footer--------------------------- */
.world
{
   background: transparent url( "/img/world.png" ) no-repeat scroll center center / contain;
}

.plane
{
   background: transparent url( "/img/plane.png" ) no-repeat scroll center center / contain;
}

.sitemap
{
   background: transparent url( "/img/sitemap.png" ) no-repeat scroll center center / contain;
}

footer p, .footerlast
{
   font-size: 0.8em;
}

footer.footer
{
   padding: 20px;
   clear: both;
   color: #fff;
   background: #384957 none repeat scroll 0 0;
   border-top: 5px solid #091a2c;
}

footer a
{
   color: #999;
   text-decoration: none;
}

.footer-segment
{
   display: inline-block;
   vertical-align: top;
   width: 33%;
}

.footer-segment li
{
   list-style-type: circle;
}

.special-segment
{
   display: inline-block;
   vertical-align: top;
   width: 22%;
   background-color: #ffffff;
   margin: 6px;
   min-height: 350px;
}

.footerlast
{
   background: #ffffff none repeat scroll 0 0;
   border-bottom: 10px solid #ca391b;
   color: #000000;
   margin: auto 0; /* max-width: 100em; */
   padding-left: 0.625em;
   padding-right: 0.625em;
   padding-top: 0.4em; /* text-transform: uppercase; */
}

.footerlast:after
{
   clear: both;
   content: ".";
   display: block;
   height: 0;
   line-height: 0;
   visibility: hidden;
}

.footerlast ul
{
   list-style-type: none;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

.footerlast ul li a:before, #language ul li:before, #languagefooter ul li a:before
{
   background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
   border-radius: 50%;
   content: "";
   height: 4px;
   position: absolute;
   right: -2px;
   top: 48%;
   top: calc(50%-2px);
   top: -webkit-calc(50%-2px);
   top: -moz-calc(50%-2px);
   width: 4px;
}

#language li:last-of-type:before, #languagefooter li:last-of-type:before
{
   display: none;
}

.footerlast ul li
{
   display: inline;
   padding-right: 2px;
   position: relative;
}

.footerlast p
{
   padding-bottom: 0;
}

.footerlast ul li a:link, .footerlast ul li a:active, .footerlast ul li a:visited
{
   color: #000000;
   display: inline-block;
   padding-left: 11px;
   padding-right: 11px;
   text-align: center;
   text-decoration: none;
}

.footerlast li:last-of-type a:before, #language li:last-of-type a:before, #languagefooter li:last-of-type a::before
{
   display: none;
}

h3:after
{
   background: #ca391b none repeat scroll 0 0;
   content: "";
   display: block;
   height: 2px;
   position: relative;
   width: 50px;
   margin-bottom: 20px;
}

footer h3:after
{
   background: none;
   margin-bottom: 5px;
}

footer ul.SiteMap a:hover, footer ul.offices a:hover, footer ul.services a:hover, .footerlast ul li a:hover
{
   text-decoration: underline;
}

/*              Formular              */
.form-style label, div.labelaside
{
   display: block;
   margin: 0 0 15px;
   font-weight: 700;
   padding-left: 40px;
}

label
{
   display: inline-block;
   font-weight: 700;
   margin-bottom: 5px;
}

.form-style h4
{
   margin-top: 0.5em;
   margin-bottom: 0.5em;
}

.form-style label > span
{
   float: left;
   font-weight: bold;
   padding-right: 5px;
   padding-top: 8px;
   width: 100px;
}

.form-style input.input-field, .textarea-field, .form-style .select-field
{
   border: 1px solid #c2c2c2;
   border-radius: 3px;
   box-shadow: 1px 1px 4px #ebebeb;
   box-sizing: border-box;
   outline: 0 none;
   padding: 7px;
}

.form-style .tel-number-field
{
   text-align: center;
   width: 40px;
}

input, button, select, textarea
{
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}

.form-style .AWBCode
{
   text-align: center;
   width: 40px;
   color: #ca391b;
   font-weight: bold;
   padding: 9.5px 3px;
}

.form-style .AWBNumber
{
   text-align: center;
   width: 80px;
   color: #ca391b;
   font-weight: bold;
   padding: 9.5px 3px;
}

.form-style input.track[type="submit"]
{
   font-weight: bold;
}

.form-style input[type="submit"], .form-style input[type="button"]
{
   border-left: 2px solid darkgray;
   border-right: 0;
   border-top: 0;
   border-bottom: 0;
   background: #83d0f5 none repeat scroll 0 0;
   border-radius: 1px;
   box-shadow: 1px 1px 4px #dadada;
   color: #fff;
   padding: 8px 15px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.form-style input[type="submit"]:hover, .form-style input[type="button"]:hover
{
   background: darkgray none repeat scroll 0 0;
}

button, input[type="submit"]
{
   cursor: pointer;
}

input, button, select, textarea
{
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
}

a.color-btn, button.white-btn
{
   border: 1px solid #001925;
   border-radius: 3px;
   display: block;
   font-size: 0.85em;
   padding: 0.625em 1.25em;
   transition: all 0.2s linear 0s;
}

div#top.nobg
{
   background-image: url(    "img/background3.jpg" );
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   height: 170px;
}

.nobg ~
header
{
   padding-top: 21px;
   border-top: 1px solid #091a2c;
}

.nobg ~
header #mainnav
{
   padding-bottom: 25px;
}

/* -------------------- Styling -------------------- */
/* fifty used with 2 columns */

.fifty
{
   width: 50%;
   padding: 10px;
}

hr
{
   border: none;
   border-top: 1px dotted #ca391b;
   color: #fff;
   background-color: #fff;
   height: 1px;
   width: 100%;
   margin-bottom: 20px;
   margin-top: 20px;
   clear: both;
}

mark, ins
{
   background: #f5f5f5;
   padding: 0 3px;
   text-decoration: none;
}

ul.line li::before
{
   content: "–";
   left: 0;
   padding: 0;
   position: absolute;
   top: 0;
   vertical-align: top;
}

ul.arrow li::before
{
   content: "» ";
   left: 0;
   padding: 0;
   position: absolute;
   top: 0;
   vertical-align: top;
   color: #ca391b;
}

ul.arrow2 li::before, ul.SiteMap li ul li::before
{
   content: "› ";
   left: 0;
   padding: 0;
   position: absolute;
   top: 0;
   vertical-align: top;
}

ul.line li, ul.arrow li, ul.arrow2 li, ul.SiteMap li ul li
{
   padding: 0 0 0 15px;
   position: relative;
   list-style: outside none none;
}

ul.disc, ul.SiteMap
{
   list-style-type: disc;
   margin-left: 20px;
}

.img
{
   margin: 10px;
   padding: 10px;
}

.partner
{
   width: 100%;
   overflow: hidden;
}

.partner:after
{
   clear: both;
}

.partner li
{
   border: 1px solid #eee;
   float: left;
   list-style: outside none none;
   padding: 20px 15px;
   width: 33.3333%;
}

.partner li:first-child
{
   padding-left: 0;
}

.partner:nth-child(3n)
{
   padding-right: 0;
}

.partner li img
{
   display: block;
   margin: 0 auto;
   opacity: 0.7;
   transition: all 0.2s ease-in-out 0s;
   vertical-align: middle;
}

.partner li:hover img
{
   opacity: 1;
}

.labelaside
{
   padding-left: 40px;
}

select, input[type="text"], input[type="email"], input[type="tel"], textarea
{
   background: #f5f5f5 none repeat scroll 0 0;
   border: 1px solid #eeeeee;
   border-radius: 2px;
   box-shadow: none;
   color: #aaaaaa;
   font-size: 14px;
   margin-bottom: 30px;
   padding: 9.5px 20px;
   transition: all 100ms ease-out 0s;
   width: 100%;
}

table
{
   margin-bottom: 22px;
   max-width: 100%;
   width: 100%;
}

table
{
   background-color: transparent;
}

table
{
   border-collapse: collapse;
   border-spacing: 0;
}

thead tr th
{
   border-bottom: 2px solid #b2b4b9;
   vertical-align: bottom;
   text-align: left;
   padding: 3px;
}

tr td
{
   border-top: 1px solid #ddd;
   line-height: 1.6;
   padding: 8px;
   vertical-align: top;
}

tr.active
{
   background-color: #f5f5f5;
}

.red thead tr th
{
   background: #ca391b none repeat scroll 0 0;
   border-bottom: 2px solid #000000;
   color: white;
   text-align: left;
   vertical-align: bottom;
}

.red tr:nth-child(odd)
{
   background-color: #ddd;
}

/*=====From Dmitry=======*/

#language ul li.sel a
{
   color: #fff;
}

div.language li.sel a
{
   color: #b2b4b9;
}

footer ul.SiteMap, footer ul.offices, footer ul.services
{
   margin: 0;
   padding-left: 10px;
   font-size: 0.8em;
}

footer ul.SiteMap a, footer ul.offices a, footer ul.services a
{
   color: #fff;
}

footer ul.SiteMap li, footer ul.offices li, footer ul.services li
{
   /* padding-left: 0; */
   margin-left: 20px;
}

.submenu li.sel a
{
   font-weight: bold;
   color: #ca391b;
}

.submenu ul
{
   padding-bottom: 40px;
}

ul
{
   list-style-type: circle;
}
/*===== Region Articles=======*/

div.article table.network td
{
   padding: 5px;
   border-top: none;
}

div.article table.network h6
{
  /* border-bottom: 1px solid #f5f5f5; */
   border-bottom: 1px solid #e4e4e4;
   margin: 20px 0;
   font-size: 0.1em; /* background: url(/img/content_divider_line.gif) repeat-x top left; */
}

div.article a, div.article a:visited, div.article a:link
{
   text-decoration: none;
   color: #564b47;
}

div.article a:hover, div.article a:visited:hover, div.article a:link:hover
{
   text-decoration: underline;
}

div.article ul
{
   margin-bottom: 20px;
   list-style-type: circle;
}

div.article ul li
{
   margin-left: 40px;
}

/*=====End Region Articles =======*/