@font-face {
    font-family: 'lightregular';
    src: url('../fonts/ight-webfont.eot');
    src: url('../fonts/light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/light-webfont.woff') format('woff'),
        url('../fonts/light-webfont.ttf') format('truetype'),
        url('../fonts/light-webfont.svg#lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'mediumregular';
    src: url('../fonts/medium-webfont.eot');
    src: url('../fonts/medium-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/medium-webfont.woff') format('woff'),
        url('../fonts/medium-webfont.ttf') format('truetype'),
        url('../fonts/medium-webfont.svg#mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, html > body {
  font-family: 'lightregular', sans-serif; color: #474747;
  height: 100%;
}

#topline .form-group a {color:#000;}
#topline {background-color:#004481; border-bottom:1px solid #fff; }
#topline .row {padding:10px 0px 10px 0px;}

.navbar-right .logo {padding: 0px; display: block;}

.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.img-responsive {width:100%;}

#langmenu {padding:0px;}
#langmenu li {float:left; font-size:18px; display: block; padding: 0px 5px;}
#langmenu li {border-left: 1px solid #fff; color:#fff;}
#langmenu li a {color:#fff;}
#langmenu li a:hover {text-decoration: none;}
#langmenu li:first-child {border-left:none;}
#langmenu li.active { font-weight: 800;}

#tx-indexedsearch-searchbox-button-submit {background: 0 0; border: none; display: inline-block;}
#topline #tx-indexedsearch-searchbox-button-submit  span {color:#fff;}

.tx-indexedsearch-autocomplete {text-align: left; left: auto;}

.form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}

.panel-heading {cursor: pointer;}

.carousel {margin-bottom: 15px;}
.carousel-caption h1 {text-transform: uppercase; color: #fff; font-size: 60px; margin:0px; padding: 0px; text-shadow:none;}
.carousel-caption h2 {font-size: 36px; margin:0px; padding: 0px; text-shadow: 0 1px 2px rgba(255,255,255,.6); }

.teaser {position: relative;}

.application .ce-bodytext {padding: 5px 15px 10px 15px;}

.panel-body img {padding-bottom:15px;}
.panel-body img:last-child {padding-bottom:0px;}

.arrow { width: 0; height: 0; border-top: 60px solid transparent; border-bottom: 60px solid transparent; border-left: 60px solid #004481; margin-top: 140px;}

.header {position: relative;}
.header .overlay .text {text-align:left; position: absolute;left: 13%;bottom: 13%;}
.header .overlay .text h2 {border-bottom:none; }
.header .overlay img {position:absolute; bottom:0px;}

.white {background-color: rgba(111,111,110,0.9  );}

.color {position: absolute; top: 0px; height: 100%; width: 100%;}
.color {z-index: 10; }
.overlay {position: absolute; top: 0px; height: 100%; width: 100%;}
.overlay {z-index: 20;}
.overlay img {margin:20px;}

.overlay img.img-responsive {width:auto;}

.overlay .text {text-align: center; text-transform: uppercase;}
.overlay .text h2 {color:#fff; border-bottom: 1px solid #fff; margin:0px; padding:10px; font-size: 40px; display: inline-table;}
.overlay .text h3 {color:#000; margin:0px; padding:10px; font-size: 30px;}

.overlay .text h2 a {color:#fff; text-decoration: none;}
.overlay .text h3 a {color:#000; text-decoration: none;}

.navbar {background: #fff; box-shadow: inset 0px 0px 18px #cdcec9; margin-bottom:15px;}
.navbar ul > li > a {padding: 60px 30px 10px 30px; text-align: center; text-transform: uppercase; border-right: 1px #fff solid; color:#000;}
.navbar ul > li > a:hover {color:#fff;}
.navbar-nav li.active a {background-color: #004481;}
.navbar-nav li.active a {color:#fff;}

.navbar ul.dropdown-menu li a {
    padding: 10px 25px 10px 25px;
    text-align: left;
    border-right: none;
}

footer {background-color: #6f6f6e; padding: 50px 0px 0px 0px; margin-top:15px;}
footer p {color:#000;}
footer ul {margin-bottom: 0px; padding:0px; list-style-type: none;}
footer ul li a {color:#fff;}
footer ul li a:hover {color:#fff;}
footer ul li.active a {font-weight: 800;}
footer #footerNav {padding-bottom: 30px;}
footer #grouplogo {margin: 0px 0px 10px 0px;}

@media screen and (max-width: 768px) {
    .tx-indexedsearch-form label {display:none;}

    .carousel-caption h1 {text-transform: uppercase; font-size: 15px; margin:0px; padding: 0px; text-shadow:none;}
    .carousel-caption h2 {font-size: 9px; margin:0px; padding: 0px; text-shadow: 0 1px 2px rgba(255,255,255,.6); }

    .overlay .text h2 {padding:10px; font-size: 15px;}
    .overlay .text h3 {padding:10px; font-size: 15px;}

    .teaser {max-height: 100px;overflow: hidden;}
    .overlay > img {float:left;}
    .text {margin-top: 6px;}

   .header .overlay .text {text-align:left; position: absolute;left: 20%;bottom: 25%;}

    .arrow { margin: 15px auto; width: 0; height: 0; border-left: 60px solid transparent; border-right: 60px solid transparent; border-top: 60px solid #004481;}

}

@media screen and (max-width: 991px) {
    .carousel-caption h1 {text-transform: uppercase; font-size: 30px; margin:0px; padding: 0px; text-shadow:none;}
    .carousel-caption h2 {font-size: 18px; margin:0px; padding: 0px; text-shadow: 0 1px 2px rgba(255,255,255,.6); }

    .navbar ul > li > a {padding: 10px 10px 10px 10px; text-align: left; text-transform: uppercase; border-right: none; }
    footer #grouplogo {text-align: left; margin: 10px 0px 10px 0px;}

    .overlay .text h2 {padding:10px; font-size: 20px;}
    .overlay .text h3 {padding:10px; font-size: 20px;}

    .overlay > img {height: 50px; width: 50px;}
    .teaser {margin-bottom: 15px;}

    .ce-right .ce-gallery {float: none !important;}
    .ce-intext.ce-right .ce-gallery { margin-left: 0px !important;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .overlay .text h2 {padding:10px; font-size: 30px;}
    .overlay .text h3 {padding:10px; font-size: 30px;}

    .overlay > img {height: 75px; width: 75px;}
}


.frame-layout-1 {background-color:#004481; color:#fff; padding:0px;}
.frame-layout-1 h1, .frame-layout-1 h2, .frame-layout-1 h3,.frame-layout-1 h4,.frame-layout-1 h5 {color:#fff; margin:0px 0px 5px 0px; padding:0px;}
.frame-layout-1 ul {margin-left:10px;padding-left:10px;}


.ce-align-left { text-align: left; }
.ce-align-center { text-align: center; }
.ce-align-right { text-align: right; }

.ce-table td, .ce-table th { vertical-align: top; }

.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

.ce-left .ce-gallery, .ce-column { float: left; }
.ce-center .ce-outer { position: relative; float: right; right: 50%; }
.ce-center .ce-inner { position: relative; float: right; right: -50%; }
.ce-right .ce-gallery { float: right; }

.ce-gallery figure { display: table; margin: 0; }
.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
.ce-gallery img { display: block; }
.ce-gallery iframe { border-width: 0; }
.ce-border img,


.ce-row:last-child { margin-bottom: 0; }

.ce-above .ce-bodytext { clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

/* Headline */
.ce-headline-left { text-align: left; }
.ce-headline-center { text-align: center; }
.ce-headline-right { text-align: right; }

/* Uploads */
.ce-uploads { margin: 0; padding: 0; }
.ce-uploads li { list-style: none outside none; margin: 1em 0; }
.ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
.ce-uploads span { display: block; }

/* Table */
.ce-table { width: 100%; max-width: 100%; }
.ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
.ce-table thead th { border-bottom: 2px solid #dadada; }
.ce-table th, .ce-table td { border-top: 1px solid #dadada; }
.ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
.ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

/* Space */
.frame-space-before-extra-small { margin-top: 1em; }
.frame-space-before-small { margin-top: 2em; }
.frame-space-before-medium { margin-top: 3em; }
.frame-space-before-large { margin-top: 4em; }
.frame-space-before-extra-large { margin-top: 5em; }
.frame-space-after-extra-small { margin-bottom: 1em; }
.frame-space-after-small { margin-bottom: 2em; }
.frame-space-after-medium { margin-bottom: 3em; }
.frame-space-after-large { margin-bottom: 4em; }
.frame-space-after-extra-large { margin-bottom: 5em; }

/* Frame */
.frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
.frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
.frame-indent { margin-left: 15%; margin-right: 15%; }
.frame-indent-left { margin-left: 33%; }
.frame-indent-right { margin-right: 33%; }
