/* titillium-web-200 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/titillium-web-v6-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'),
       url('../fonts/titillium-web-v6-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
       url('../fonts/titillium-web-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-600 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/titillium-web-v6-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'),
       url('../fonts/titillium-web-v6-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-700 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/titillium-web-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'),
       url('../fonts/titillium-web-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-900 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/titillium-web-v6-latin-900.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Black'), local('TitilliumWeb-Black'),
       url('../fonts/titillium-web-v6-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}


.BodyClass {
    margin:0;
    padding:0;
    /*background-color: #b6b6b6;*/
    /*overflow:hidden;*/
    overflow-y: scroll;
    overflow-x: auto;

    background-color: darkgray;

    font-family: 'Titillium Web', sans-serif;
}

.Liste {
    margin:0px;
    padding: 0px;
    padding-top: 20px;
}

.ListenElement {
    margin-left:15px;
}

.ListenElement:first-letter {
    margin-top: 30px;
}

.MainContentDiv {
    position: relative;
    display: block;
    /*margin:0 auto;*/
    width:100%;
    height:100%;
    min-width:1200px;
    background-color: white
    /*border:1px solid blue;*/
}

.MainNavigationDiv {
    position: relative;
    margin:auto;
    width:1200px;
    height:160px;
    z-index: 150;
    /*border:1px solid red;*/
}

.MainNavigationStrichDiv {
    position: relative;
    margin:auto;
    width:100%;
    min-width:1200px;
    height:0px;
    z-index: 149;

;
    /*border:1px solid blue;*/
}

.MainNavigationStrich {
    position: absolute;
    left:0px;
    /*top:10px;*/
    height:160px;
    width:100%;
    min-width:1200px;
    /*background-color: rgba(214, 217, 218, 0.51);*/
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    background-color: #584f59;
}

.NavigationLogo {
    position: absolute;
    left:40px;
    top:0px;
    width:265px;
    height:120px;
    padding: 10px;
    padding-left: 15px;
    border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);

    /*border:1px solid red;*/
}

.AdressLeiste {
    position: absolute;
    top:0px;
    width:656px;
    box-sizing: border-box;
    height:auto;
    right:40px;
    overflow: hidden;
    /*padding: 20px;*/
    border-radius: 0px 0px 8px 8px;
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    padding:15px;
    padding-top: 10px;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    font-size: 14px;
    font-weight: 600;
    color: #b90e0c;
    text-align: center;
}

.NavigationElemente {
    position: absolute;
    box-sizing: border-box;
    top:76px;
    width:656px;
    height:auto;
    right:40px;
    overflow: hidden;
    white-space: nowrap;
    /*padding: 20px;*/
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    background-color: white;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,1);
    /*color:white;*/
}

.MenuElement {
    position: relative;
    display: inline-block;
    float: right;
    padding:8px;
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
    border-left: 1px solid #fff;
    cursor:pointer;
}

.MenuElement:hover {
    background-color: #b90e0c;
    color:white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.MenuElement.Active {
    background-color: #b90e0c;
    color:white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}

.MenuElement:first-child {

}

.MenuElement:last-child {
    border:none;
}

.MainSliderDiv {
    position: relative;
    display:block;
    height:400px;

    background: url('../img/Slider/Background_Grau.jpg') repeat;
    /*background-color: darkslategrey;*/
    /*border:1px solid blue;*/
}

.MainSliderElementeContainer {
    position: relative;
    margin:auto;
    width:1200px;
    height:400px;
    /*border:1px solid blue;*/
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
}

.ContentContainerDiv {
    position: relative;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    z-index: 10;
    background-color: white;
    background-color: #584f59;
}

.ContentContainerHinweisDiv {
    position: relative;
    height: auto;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    z-index: 10;
    background-color: white;
    background-color: #584f59;
}

.ContentContainerDivOhneSchatten {
    position: relative;
    height: auto;
    z-index: 10;
    background-color: white;
    background-color: #584f59;
}

.ContentDiv {
    position: relative;
    width: 1200px;
    margin: auto;
}

.ContentDivTitle {
    padding-top: 20px;
    padding-left: 40px;
    font-size: 40px;
    color: #b90e0c;
    color:white;
    font-weight: 700;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.ContentDivTitle.Bottom {
    padding-bottom: 20px;
}

.ContentText {
    position: relative;
    display: block;
    color:white;
    font-size: 16px;
    padding-top: 20px;
    padding-left: 40px;
    padding-right: 40px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);

}

.Formularfeld {
    width: 300px;
    padding:7px;
    font-size: 14px;
    border:2px solid White;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color:white;
    background-color: #584f59;
}

.ContentTableRowHeight {
    height: 30px;
}

.ContentTableText {
    color:white;
    font-size: 13px;
}

.ContentTableText.Center {
    text-align: center;
}

.ContentTableUeberschrift {
    font-weight: 600;
    font-size: 22px;
    color:white;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
}

.ContentText:last-child {
    padding-bottom: 20px;
}

.TableImage {
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
}

.FooterContainerDiv {
    position: relative;
    height: 250px;
    background-color: darkgray;
}

.FooterDiv {
    position: relative;
    width: 1200px;
    margin: auto;
}

.FooterText {
    font-size: 13px;
    color: #545454;
}

.AnimFull {
    position: absolute;
    left:157px;
    top:143px;
    opacity: 0.0;
}

.Transparent {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1;
    filter:alpha(opacity=00, finishopacity=0, style=2);
    opacity: 0.0;
}


.SliderFrame {
    position: absolute;
    left:0px;
    top:0px;
    width:1200px;
    height:400px;
    background-color: white;
    /*-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);*/
    /*-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);*/
    /*box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);*/
}

.SliderText {
    position: absolute;
    bottom: 40px;
    left:40px;
    color:white;
    background-color: #b90e0c;
    padding:5px;
    padding-right: 25px;
    padding-left: 25px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);
    font-size: 24px;
    font-weight: 600;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,1);
}

.StatusContainer {
    position: absolute;
    bottom:40px;
    right:40px;
}

.SliderStatus {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;

    margin-left: 3px;
    border:1px solid black;
    background-color: white;
}

.SliderStatus.Active {
    background-color: #b90e0c;
}

.ContentTableReferenzenButton {
    width: 216px;
    padding:7px;
    font-size: 14px;
    cursor:pointer;
    border:2px solid #7e7e7e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ContentTableReferenzenButton:Hover {
    border:2px solid white;
}

.ContentTableReferenzenButton.Active {
    border:2px solid white;
}

.ContentTableReferenzenMainArea {
    min-height: 250px;
    border:2px solid #7e7e7e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 812px;
}

.ContentTableReferenzenContentElementContainer {
    position: relative;
    top:10px;
    left:10px;
    font-size: 16px;
    margin-bottom: 10px;
    color: #8b93cb;
    width: 790px;
}

.ContentTableReferenzenContentElementContainer:last-child {
    margin-bottom: 10px;
}

.ContentTableReferenzenContentElement {
    color: white;
}

.ContentTableReferenzenContentImageContainer {
    margin-top: 10px;
    position: relative;
    display: block;
    width: 776px;
    color: white;
}

.ContentTableReferenzenContentImage {
    position: relative;
    display: inline-block;
    width:105px;
    height:105px;
    border:1px solid #7e7e7e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 6px;
    margin-bottom: 6px;
    text-align: center;
}

.ContentTableReferenzenContentImageElement {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.ContentTableReferenzenButtonContainer {
    position: relative;
    display: block;
    height:350px;
    width: 260px;
    overflow: hidden;
    overflow-y: auto;
}