.welcome-message {
	padding: 10px;
}

.welcome-warning-message {
	border: 2px solid red;
    padding: 10px;
}

#mainPage {
    /*min-width: 850px*/
}

.tc-docs-breadcrumb {
    font-weight: bold
}

.tc-docs-breadcrumb .level-2 {
    color: rgb(164, 164, 164)
}

.tc-docs-breadcrumb .level-1 {
    color: rgb(208, 208, 208)
}

.banner-picture {
    float: left;
    padding: 25px
}

.menu-container {
    background-color: #FFFFFF;
    border: 1px solid #d1d1d1
}

ul.menu {
    list-style-type: none;
    background-color: #FFF
}

ul.menu.level1 {
    display: flex;
    width: 100%;
    font-family: "TeleGroteskScreen","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0px;
    justify-content: space-between;
    padding-left: 0.5em;
    padding-right: 1em;
    align-items: center
}

ul.menu li {
    display: table-cell;
    vertical-align: middle;
    padding: 20px
}

ul.menu li a {
    color: #5a5a5a;
    font-weight: bold
}

ul.menu.level2 {
    position: absolute;
    padding: 0px;
    margin-top: 20px;
    margin-left: -20px;
    z-index: 1;
    box-shadow: 1px 0px 10px 1px rgba(255, 255, 255, 1)
}

ul.menu.level2 li {
    display: block
}

ul.header-link-list {
    display: table;
    list-style-type: none;
    float: right;
    margin: 0px
}

ul.header-link-list li {
    display: table-cell;
    padding-right: 20px
}

ul.header-link-list li a {
    color: #FFFFFF;
    font-size: 16px
}

#headerContainer > div {
    background-color: #383838;
    color: #FFFFFF
}

div.banner-background {
    position: absolute;
    min-width: 850px
}

div.banner-background > img {
    width: 100%
}

.banner-head {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 3px
}

.banner-head strong {
    float: left;
    background: #000;
    color: #fff;
    font-size: 16px;
    padding: 3px 15px;
    font-family: TeleGroteskScreen;
    line-height: 18px;
    margin-top: 0px
}

.banner-head h2 {
    float: left;
    background: #0090c4;
    color: #fff;
    font-size: 16px;
    padding: 3px 15px;
    font-family: TeleGroteskScreen;
    line-height: 18px;
    margin-top: 0px
}

.banner-head h1 {
    padding: 8px 15px;
    background: #fff;
    font-size: 38px;
    font-weight: 400;
    font-family: TeleGroteskScreen;
    line-height: 1;
    margin-top: 0px
}

.banner-body-container {
    background: #fff;
    width: 100%;
    display: inline-block;
    margin-top: 15px
}

.banner-body-container ul>li {
    margin-top: 5px
}

.banner-picture {
    float: left
}

.banner-text {
    padding: 15px
}

.banner-text ul,.article-container ul {
    list-style-image: url('../images/li_magenta_dot.gif')
}

.article-container {
    background: #fff;
    padding: 20px 20px 20px 50px
}

.article-paragraph {
    /* padding-left:15px; */
}

.article-paragraph ul>li {
    margin-top: 5px
}

.article-picture-left {
    float: left;
    margin-right: 2em;
    margin-bottom: 1em
}

.article-picture-right {
    float: right;
    margin-left: 2em;
    margin-bottom: 1em
}

.article-new-paragraph {
    clear: both;
}

.article-picture img {
    max-width: 100%
}

.banner-container {
    padding-left: 50px
}

.banner-download-container {
    background: #e20074;
    padding: 20px;
    margin: 50px
}

.banner-download-container strong {
    color: #fff;
    font-family: TeleGroteskScreen;
    font-weight: 400
}

.banner-download-text {
    color: #fff
}

.btn-default {
    color: #fff;
    /*background-color: #E20074;*/
    background-color: #EA5D1A;
    /*border-color: #CC0069;*/
    border-color: #EA5D1A;
    padding: 3px 15px 2px;
    /*background: linear-gradient(to bottom,#ff339c 0,#e20074 50%,#cc0069 100%);*/
    background: linear-gradient(to bottom,#EA5D1A 0,#EA5D1A 50%,#EA5D1A 100%);
    font-family: TeleGroteskScreen,Arial,sans-serif
}

.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default {
    color: #fff;
    /*background-color: #b9005f;*/
    background-color: black;
    /*border-color: #8f004a;*/
    border-color: black;
    /*background: linear-gradient(to bottom,#ed2f91 0,#d1006c 50%,#ba0060 100%)*/
    background: linear-gradient(to bottom, #EA5D1A 0, #EA5D1A 50%, #EA5D1A 100%)
}

.btn-primary {
    background: #646464;
    border-color: #333
}

.btn-primary.active,.btn-primary:active,.btn-primary:focus,.btn-primary:hover {
    color: #fff;
    background-color: #b9005f;
    border-color: #8b0047
}

a.btn {
    margin: 15px 0 0;
    padding: 3px 15px 2px;
    text-indent: 0;
    color: #fff !important;
    font-size: 16px;
    font-family: TeleGroteskScreen,Arial,sans-serif !important;
    white-space: normal
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.333;
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.article-contact-container {
    border: 1px solid #999;
    background-color: #FFF;
    margin: 10px
}

.article-contact-container strong {
    color: #fff
}

.article-contact-head {
    width: 100%;
    padding: 3px 15px;
    background: #646464
}

.article-contact-text {
    padding: 5px 10px
}

.article-contact-link {
    padding: 0px 0px 10px 10px
}

.modal-header,.modal-body {
    padding: 20px 60px 0
}

.modal-footer {
    padding: 0 60px 20px
}

.modal-title {
    text-align: left;
    font-size: 24px;
    /*color: #e20074;*/
    color: #EA5D1A;
    font-family: TeleGroteskScreen,Arial,sans-serif;
    font-weight: 400
}

#contactDialog div.modal-dialog {
    width: 80%;
    max-width: 970px
}

.modal-dialog fieldset {
    border: none;
    margin: 0px;
    padding: 0px
}

.modal-body {
    padding-top: 0px
}

.modal-dialog .close {
    width: 32px;
    height: 32px;
    opacity: 1;
    z-index: 9999;
    outline: 0
}

.modal-dialog div.col-l-1,.modal-dialog div.col-l-2,.modal-dialog div.col-l-3,.modal-dialog div.col-l-4,.modal-dialog div.col-l-5,.modal-dialog div.col-l-6,.modal-dialog div.col-l-7,.modal-dialog div.col-l-8,.modal-dialog div.col-l-9,.modal-dialog div.col-l-10,.modal-dialog div.col-l-11,.modal-dialog div.col-l-12 {
    padding-left: 0px
}

.form-input-set {
    padding-bottom: 15px
}


label span.mandatoryField {
    /*color: #e20074;*/
    color: #EA5D1A;
    padding: 0 0 0 3px
}

.form-control {
    width: 100%
}

textarea.form-control {
    resize: vertical
}

.formerror {
    float: right;
    padding: 4px 0 0;
    color: red;
    font-size: 14px
}

.hidden {
    display: none
}

p.help-block {
    font-size: 12px
}

.help-block span {
    color: #e20074
}

.foot-notes label {
    font-size: 12px;
    font-weight: normal
}

#contactDialog div.modal-header,#contactDialog div.modal-footer,#contactDialogOk div.modal-header,#contactDialogOk div.modal-footer {
    border: none
}

#contactForm input[type=checkbox] {
    margin: 2px 5px 5px;
    float: left
}

.form-input-error {
    background-color: #fdf2f2
}

.color-positive {
    color: #6bb324
}

.list-inline,.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    text-align: center
}

.list-inline li {
    padding-left: 5px;
    padding-right: 5px;
    display: inline
}

#footerContainer li {
    font-size: 14px
}

#footerContainer strong {
    display: block;
    color: #4b4b4b;
    font-size: 18px
}

#footerContainer a {
    color: #4b4b4b;
    line-height: 1.6;
    font-size: 15px
}

.footer-container {
    padding: 40px;
    margin-top: 20px;
    background-image: url("../images/fondo-pie-pagina-xl-png-data.png");
    background-repeat: no-repeat;
    background-size: contain
}

.carousel-container {
    padding: 0px;
    max-width: 100%
}

.carousel-slide-picture {
    max-width: 100%
}

.carousel-prev-arrow {
    top: 50%;
    position: absolute;
    z-index: 1;
    left: 25px;
    margin-top: -25px
}

.carousel-next-arrow {
    top: 50%;
    position: absolute;
    z-index: 1;
    right: 25px;
    margin-top: -25px
}

.carousel-slide-texts {
    position: absolute;
    top: 65px;
    margin-left: 80px;
    width: 500px
}

.carousel-slide-title {
    background-color: #FFF;
    color: #000;
    font-family: TeleGroteskScreen;
    font-size: 48px;
    padding: 5px 15px;
    width: 100%
}

.carousel-slide-text {
    background-color: #FFF;
    margin-top: 20px;
    padding: 5px 15px;
    font-size: 18px
}

.carousel-slide-text a {
    font-weight: 600;
    margin-top: 5px
}

.carousel-slide-link-container {
    margin-top: 5px
}

a.carousel-slide-link:before {
    content: ">";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: 0 0;
    color: #999;
    font-family: TeleGroteskScreen;
    font-size: 15px;
    text-indent: 0
}

.carousel-navigator {
    bottom: 20px;
    position: absolute;
    list-style: none;
    width: 100%;
    text-align: center;
    margin: 0px
}

.carousel-navigator li button {
    display: none
}

.carousel-navigator li {
    background-repeat: no-repeat;
    background-image: url('../images/dot-inactive.png');
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0px 5px
}

.carousel-navigator li.slick-active {
    background-repeat: no-repeat;
    background-image: url('../images/dot-active.png')
}

.carouselNewsManual {
    height: 30px
}

.carousel-news {
    margin-left: 80px;
    margin-right: 80px;
    line-height: 30px;
    background-color: #FDF2F2;
    padding-left: 10px;
    padding-right: 10px
}

.carousel-news-prev-arrow {
    top: 50%;
    position: absolute;
    z-index: 1;
    left: 50px;
    height: 30px;
    margin-top: -15px
}

.carousel-news-next-arrow {
    top: 50%;
    position: absolute;
    z-index: 1;
    right: 50px;
    height: 30px;
    margin-top: -15px
}

.teaser-container {
    padding: 20px 50px;
    background: #FFF;
    background-image: url("/pegasus3/EDIWebPage/images/fondo-pie-pagina-xl-png-data.png");
    background-repeat: no-repeat;
    background-size: contain
}

.teaser-container h1 {
    font-family: TeleGroteskScreen
}

.teaser-header {
    position: relative
}

.teaser-picture img {
    width: 99%
}

.teaser-news {
    padding-top: 20px
}

.teaser-body {
    padding-top: 10px;
    line-height: 1.33
}

.teaser-body a {
    font-weight: 700;
    text-decoration: none
}

.teaser-body a:hover {
    color: #E20074
}

.teaser-title {
    position: absolute;
    bottom: 0px;
    width: 90%;
    padding: 3px 10px;
    background-color: #0082b2
}

.teaser-title a {
    color: #FFF
}