/* first for Internet Explorer < 9 */

@font-face {
    font-family: DINWeb;
    src: url("../fonts/DINWeb-Medium.eot");
}

@font-face {
    font-family: DINWeb;
    src: url("../fonts/DINWeb-Bold.eot");
    font-weight: bold;
}


/* then for WOFF-capable browsers */

@font-face {
    font-family: DINWeb;
    src: url("../fonts/DINWeb-Medium.woff") format("woff");
}

@font-face {
    font-family: DINWeb;
    src: url("../fonts/DINWeb-Bold.woff") format("woff");
    font-weight: bold;
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?qj3l12');
    src: url('../fonts/icomoon.eot?qj3l12#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff2?qj3l12') format('woff2'), url('../fonts/icomoon.ttf?qj3l12') format('truetype'), url('../fonts/icomoon.woff?qj3l12') format('woff'), url('../fonts/icomoon.svg?qj3l12#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fullscreen:before {
    content: "\e900";
    color: #fff;
}

.icon-play:before {
    content: "\e901";
    color: #fff;
}

.icon-track:before {
    content: "\e902";
    color: #fff;
}

.icon-pause:before {
    content: "\e903";
    color: #fff;
}

html,
body {
    background-image: url(../grafiken/background.png);
    background-repeat: repeat-x;
    background-color: #59666D;
    padding: 0;
    margin: 0;
    font-family: DINWeb, Arial;
    font-size: 13px;
    color: #59666C;
    line-height: 17px;
}

#image_container {
    overflow: hidden;
    width: 100%;
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
}

#header {
    height: 194px;
    width: 100%;
    background-image: url(../grafiken/header.png);
    background-repeat: repeat-x;
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
}

#plus_line {
    width: 100%;
    height: 22px;
    background-image: url(../grafiken/plus_line.png);
    background-repeat: repeat-x;
    background-position: center -84px;
    margin-top: 87px;
}

#logo {
    width: 188px;
    height: 144px;
    position: absolute;
    top: 0;
    left: 50%;
}

#logo .img {
    position: absolute;
    left: -508px;
}

#grid {
    height: 384px;
    width: 100%;
    background-image: url(../grafiken/grid.png);
    background-repeat: repeat-x;
    background-position: center 0;
    z-index: 2;
    position: absolute;
    top: 194px;
    left: 0;
}

#ruler {
    width: 152px;
    height: 380px;
    background-image: url(../grafiken/ruler.png);
    background-repeat: no-repeat;
    margin-top: 2px;
}

#main_container {
    z-index: 10;
    position: absolute;
    left: 50%;
    top: 164px;
    padding-bottom: 142px;
}

#headline {
    width: 202px;
    height: 36px;
    background-image: url(../grafiken/headline.png);
    background-repeat: no-repeat;
    position: absolute;
    left: -487px;
    top: -2px;
    color: #59666C;
}

#headline h3 {
    font-size: 13px;
    font-weight: normal;
    padding: 8px 0px 0px 31px;
    margin: 0;
}

#content_container {
    position: absolute;
    left: -482px;
    top: 30px;
    padding-bottom: 50px;
}

#footer {
    margin-top: 142px;
    position: relative;
    width: 958px;
    height: 332px;
    background-image: url(../grafiken/background_footer.png);
    background-repeat: repeat-x;
    -moz-box-shadow: 1px 1px 3px #06131D;
    -webkit-box-shadow: 1px 1px 3px #06131D;
    box-shadow: 1px 1px 3px #06131D;
}

#footer .footer_menu_container {
    position: absolute;
    left: 18px;
    top: 30px;
}

#footer .footer_menu_container .footer_menu {
    float: left;
    margin-right: 30px;
}

#footer .footer_menu_container .footer_menu a {
    font-size: 13px;
    color: #FFCCCC;
    text-decoration: none;
}

#footer .footer_menu_container .footer_menu a.active {
    color: #FFFFFF;
}

#footer .footer_menu_container .footer_menu.over a {
    color: #FFFFFF;
}

#footer .footer_menu_container .footer_menu a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#footer .footer_menu_container .footer_submenu {
    position: absolute;
    top: 26px;
    width: 140px;
    visibility: hidden;
    opacity: 0;
}

#footer .footer_menu_container .footer_submenu .footer_submenu_link {
    padding-bottom: 5px;
}

#footer .footer_menu_container .footer_submenu.active {
    visibility: visible;
    opacity: 1;
}

#footer .footer_menu_container .footer_submenu a {
    font-size: 12px;
    color: #FFCCCC;
    text-decoration: none;
}

#footer .footer_menu_container .footer_submenu a.active {
    color: #FFFFFF;
}

#footer .footer_menu_container .footer_submenu a:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#footer .footer_info {
    font-size: 13px;
    position: absolute;
    left: 825px;
    top: 30px;
    text-align: right;
}

#footer .footer_info a {
    padding-right: 24px;
    color: #FFCCCC;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: right 0;
    display: block;
    height: 12px;
    line-height: 13px;
}

#footer .footer_info a:hover {
    color: #FFFFFF;
    text-decoration: none;
    background-position: right -26px;
}

#footer .footer_info a.footer_top {
    margin-bottom: 16px;
    background-image: url(../grafiken/footer_icons/top.gif);
}

#footer .footer_info a.footer_home {
    font-size: 12px;
    margin-bottom: 10px;
    background-image: url(../grafiken/footer_icons/home.gif);
}

#footer .footer_info a.footer_news {
    font-size: 12px;
    margin-bottom: 10px;
    background-image: url(../grafiken/footer_icons/news.gif);
}

#footer .footer_info a.footer_contact {
    font-size: 12px;
    margin-bottom: 124px;
    background-image: url(../grafiken/footer_icons/contact.gif);
}

#footer .footer_info a.footer_imprint {
    font-size: 12px;
    background-image: url(../grafiken/footer_icons/imprint.gif);
}

#footer .footer_bottom {
    position: absolute;
    top: 303px;
    left: 14px;
}

#footer .footer_bottom a.link {
    display: block;
    height: 16px;
    background-position: 0 0;
    text-decoration: none;
    position: absolute;
}

#footer .footer_bottom a.link span {
    display: none;
}

#footer .footer_bottom a.link:hover {
    background-position: 0 -22px;
    text-decoration: none;
}

#footer .footer_bottom a.link.com {
    top: 0;
    left: 107px;
    width: 138px;
    background-image: url(../grafiken/footer_icons/siebenwurst-com.png);
}

#footer .footer_bottom a.link.de {
    top: 0;
    left: 300px;
    width: 127px;
    background-image: url(../grafiken/footer_icons/siebenwurst-de.png);
}

#footer .footer_bottom a.link.cn {
    top: 0;
    left: 490px;
    width: 60px;
    background-image: url(../grafiken/footer_icons/swc.png);
}

#footer .footer_bottom a.link.cm {
    top: 0;
    left: 600px;
    width: 60px;
    background-image: url(../grafiken/footer_icons/scm.png);
}

#footer .footer_bottom a.link.scs {
    top: 0;
    left: 720px;
    width: 54px;
    background-image: url(../grafiken/footer_icons/scs.png);
}

#footer .footer_bottom a.link.erocut {
    top: 0;
    left: 830px;
    width: 76px;
    background-image: url(../grafiken/footer_icons/erocut.png);
}

#menu_container {
    z-index: 11;
    position: absolute;
    left: 50%;
    top: 194px;
}

#main_menu {
    position: absolute;
    top: -59px;
    left: 80px;
    background-image: url(../grafiken/mainmenu.png);
    background-repeat: no-repeat;
    width: 216px;
    height: 504px;
}

#main_menu .main_menu_container {
    position: absolute;
    top: 92px;
    left: 38px;
}

#main_menu .main_menu_container .menu {
    width: 152px;
    height: 28px;
}

#main_menu .main_menu_container .menu a {
    color: #FFCCCC;
    font-size: 15px;
    text-decoration: none;
}

#main_menu .main_menu_container .menu a.active {
    font-size: 19px;
    font-weight: bold;
    color: #FFFFFF;
}

#main_menu .main_menu_container .menu a:hover {
    font-size: 19px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
}

#main_menu .lang_container {
    position: absolute;
    top: 404px;
    left: 38px;
}

#main_menu .lang_container a.lang {
    font-size: 15px;
    color: #CB7A6C;
    text-decoration: none;
}

#main_menu .lang_container a.lang:hover {
    color: #FFFFFF;
    text-decoration: none;
}

#sub_menu {
    position: absolute;
    left: 284px;
    background-image: url(../grafiken/submenu.png);
    background-repeat: no-repeat;
    width: 192px;
    height: 384px;
    -moz-box-shadow: 1px 1px 3px #06131D;
    -webkit-box-shadow: 1px 1px 3px #06131D;
    box-shadow: 1px 1px 3px #06131D;
}

#sub_menu .sub_menu_container {
    position: absolute;
    top: 35px;
    left: 32px;
}

#sub_menu .sub_menu_container .submenu {
    display: none;
}

#sub_menu .sub_menu_container .submenu.active {
    display: block;
}

#sub_menu .sub_menu_container .submenu_link {
    width: 144px;
    height: 24px;
}

#sub_menu .sub_menu_container .submenu_link a {
    color: #59666C;
    font-size: 13px;
    text-decoration: none;
}

#sub_menu .sub_menu_container .submenu_link a.active {
    color: #E93317;
}

#sub_menu .sub_menu_container .submenu_link a:hover {
    font-size: 13px;
    color: #E93317;
    text-decoration: none;
}

#news_container {
    margin-top: 3px;
    width: 572px;
    height: 188px;
    position: relative;
}

#news_container .news-container-image {
    -moz-box-shadow: 1px 1px 3px #06131D;
    -webkit-box-shadow: 1px 1px 3px #06131D;
    box-shadow: 1px 1px 3px #06131D;
    float: left;
    margin-right: 4px;
    height: 188px;
    width: 188px;
    cursor: pointer;
}

#news_container .news-container-image.last {
    margin-right: 0;
}

#news_container .news-container-image .ie-container {
    position: relative;
    height: 188px;
    width: 188px;
}

#news_container .news-container-image .template-img {
    position: absolute;
    top: 0;
    left: 0;
}

#news_container .news-container-image .news-container-overlay {
    background-image: url(../grafiken/background_news.png);
    background-repeat: repeat-x;
    height: 188px;
    width: 188px;
    position: absolute;
    top: 0;
    left: 0;
}

#news_container .news-container-image .news-container-overlay.with-image {
    opacity: 0.9;
}

#news_container .news-container-image .news-container-headline {
    width: 150px;
    height: 156px;
    position: absolute;
    top: 18px;
    left: 26px;
}

#news_container .news-container-image .news-container-headline h5 {
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}

#news_container .news-container-image .news-container-headline .news-container-date {
    padding-top: 5px;
    display: block;
    color: #889096;
}

#news_container .news-container-image .news-container-link {
    width: 164px;
    position: absolute;
    bottom: 18px;
    left: 12px;
}

#news_container .news-container-image .news-container-link a {
    color: #E93417;
    text-decoration: none;
    padding: 2px 14px 0 14px;
    padding-top: 5px\9;
    font-size: 13px;
    width: 136px;
    height: 20px;
    display: block;
    background-image: none;
    background-repeat: no-repeat;
}

#news_container .news-container-image .news-container-link.active a {
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(../grafiken/background_link.png);
}

#content {
    width: 572px;
    min-height: 338px;
    background-color: #FFFFFF;
    /*padding: 28px 26px 55px 26px;*/
    padding: 27px 0 18px 0;
    -moz-box-shadow: 1px 1px 3px #06131D;
    -webkit-box-shadow: 1px 1px 3px #06131D;
    box-shadow: 1px 1px 3px #06131D;
}

.subtemplate {
    margin-bottom: 28px;
    font-size: 13px;
}

.template-video {
    margin: 0 0 0 26px;
    -moz-box-shadow: 1px 1px 3px #06131D;
    -webkit-box-shadow: 1px 1px 3px #06131D;
    box-shadow: 1px 1px 3px #06131D;
}

.text .template-text {
    padding: 0 26px 0 26px;
}

.text .template-text a {
    text-decoration: none;
    color: #E93417;
}

.text .template-text a:hover {
    text-decoration: none;
    color: #37424A;
}

.text .template-text .left-col {
    float: left;
}

.text .template-text .right-col {
    float: right;
}

.image-1col {
    padding: 0 26px 0 26px;
}

.image-1col .image-and-caption .template-img {
    float: left;
    height: 243px;
    -moz-box-shadow: 1px 1px 3px #747C85;
    -webkit-box-shadow: 1px 1px 3px #747C85;
    box-shadow: 1px 1px 3px #747C85;
}

.image-1col .image-and-caption .caption {
    float: right;
    margin-top: 1px;
    border-top: 2px solid #E0E2E4;
    border-bottom: 2px solid #E0E2E4;
    height: 240px;
    width: 162px;
}

.image-1col .image-and-caption .caption .template-low {
    font-size: 12px;
    padding: 12px 15px 12px 15px;
    color: #E93517;
}

.image-text {
    height: 189px;
    width: 546px;
    margin-top: -25px;
}

.image-text .image {
    -moz-box-shadow: 1px 1px 3px #747C85;
    -webkit-box-shadow: 1px 1px 3px #747C85;
    box-shadow: 1px 1px 3px #747C85;
    float: left;
    margin-right: 4px;
    height: 188px;
    width: 188px;
    position: relative;
    cursor: pointer;
}

.image-text .image .template-img {
    position: absolute;
    top: 0;
    left: 0;
}

.image-text .text {
    width: 354px;
    height: 190px;
    float: right;
    border-bottom: 2px solid #E0E2E4;
    border-top: 2px solid #E0E2E4;
    margin-top: -2px;
}

.image-text .text .template-text {
    height: 156px;
    padding: 15px;
    position: relative;
}

.image-text .text .template-text .more-link {
    position: absolute;
    bottom: 12px;
    left: 15px;
}

.news-list-item {
    cursor: pointer;
    height: 189px;
    width: 546px;
    margin-top: 3px;
}

.news-list-item .image {
    -moz-box-shadow: 1px 1px 3px #06131D;
    -webkit-box-shadow: 1px 1px 3px #06131D;
    box-shadow: 1px 1px 3px #06131D;
    float: left;
    margin-right: 4px;
    height: 188px;
    width: 188px;
    position: relative;
}

.news-list-item .image .template-img {
    position: absolute;
    top: 0;
    left: 0;
}

.news-list-item .image .news-overlay {
    background-image: url(../grafiken/background_news.png);
    background-repeat: repeat-x;
    height: 188px;
    width: 188px;
    position: absolute;
    top: 0;
    left: 0;
}

.news-list-item .image .news-overlay.with-image {
    opacity: 0.9;
}

.news-list-item .image .news-headline {
    width: 150px;
    height: 156px;
    position: absolute;
    top: 18px;
    left: 26px;
}

.news-list-item .image .news-headline h5 {
    font-size: 13px;
    margin: 0;
    padding: 0;
    color: #FFFFFF;
}

.news-list-item .image .news-headline .news-date {
    color: #889096;
    position: absolute;
    left: 0;
    bottom: 0;
}

.news-list-item .text {
    width: 354px;
    height: 188px;
    float: right;
    border-bottom: 2px solid #E0E2E4;
}

.news-list-item.active .text {
    color: #37424A;
}

.news-list-item.active .text a {
    color: #37424A;
}

.news-list-item .text.first {
    border-top: 2px solid #E0E2E4;
}

.news-list-item .text .template-text {
    height: 156px;
    padding: 15px;
    position: relative;
}

.news-list-item .text .template-text .more-link {
    position: absolute;
    bottom: 12px;
    left: 15px;
}

h1 {
    font-size: 26px;
    line-height: 26px;
    padding-top: 0;
    padding-bottom: 24px;
    margin-top: 0;
    margin-bottom: 0;
}

h2 {
    font-size: 16px;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 8px;
    margin-top: 0;
    margin-bottom: 0;
}

.news-subline {
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    padding-top: 0;
    padding-bottom: 14px;
    margin-top: 0;
    margin-bottom: 0;
}

a.back {
    width: 152px;
    height: 24px;
    display: block;
    background-image: url(../grafiken/arrow_back.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    text-decoration: none;
}

a.back:hover {
    background-position: 0 -24px;
    text-decoration: none;
}

a.back span {
    display: none;
}

p.fliesstext {
    margin: 0;
    padding: 0;
}

.image-wrapper {
    margin-left: -26px;
    width: 572px;
    padding-bottom: 14px;
}

.image-wrapper .image {
    float: left;
    margin-left: 4px;
}

.image-wrapper .image .template-img {
    width: 188px;
    height: 188px;
    -moz-box-shadow: 1px 1px 3px #747C85;
    -webkit-box-shadow: 1px 1px 3px #747C85;
    box-shadow: 1px 1px 3px #747C85;
}

.caption .template-low.link.active {
    color: #59666D;
}

.caption .active {
    color: #59666D;
}

.image-wrapper .image .caption {
    font-size: 11px;
    margin-top: 4px;
    padding: 10px 26px 20px 26px;
    color: #E93417;
}

.image-wrapper .image.first {
    margin-left: 0;
}

.clear {
    clear: both;
    line-height: 0;
    height: 0;
    font-size: 0;
}

table {
    padding: 0;
    border: 0;
    width: 572px;
}

tr,
td {
    font-size: 13px;
    border: 0;
    border-bottom: 1px solid #B1B6BB;
    padding: 0;
}

td {
    padding: 5px 0 5px 0;
    padding: 8px 0 2px 0\9;
    vertical-align: top;
}

ul {
    padding: 0;
    margin: 0;
    border-top: 1px solid #B1B6BB;
}

li {
    padding: 6px 0 4px 0;
    list-style-image: url(../grafiken/arrow_list.gif);
    list-style-position: inside;
    line-height: 13px;
    line-height: 15px\9;
    margin: 0;
    border-bottom: 1px solid #B1B6BB;
}

#print {
    display: none;
}


/* Video Player */

.caption-and-video {
    width: 680px
}

.caption-and-video .caption {
    float: left;
    margin: 0 10px 0 28px;
    width: 150px;
}


/* Webkit video with rounded corners workaround http://stackoverflow.com/questions/20037784/html5-video-border-radius-in-chrome-not-working#20085905 */

.caption-and-video .template-video {
    float: left;
    width: 520px;
    height: 330px;
    border-radius: 0px;
    overflow: hidden;
}

.caption-and-video .template-video .controls-bar {
    background-image: -moz-linear-gradient( -90deg, rgb(88, 101, 107) 0%, rgb(56, 67, 74) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(88, 101, 107) 0%, rgb(56, 67, 74) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(88, 101, 107) 0%, rgb(56, 67, 74) 100%);
    height: 40px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.caption-and-video .template-video .control [class^="icon-"],
.caption-and-video .template-video .control [class*=" icon-"] {
    color: white;
    vertical-align: middle;
    font-size: 20px;
}

.caption-and-video .template-video .control:hover [class^="icon-"],
.caption-and-video .template-video .control:hover [class*=" icon-"] {
    color: #e93518;
}

.caption-and-video .template-video .control {
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

.caption-and-video .template-video .controls-bar #video-play {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
}

.caption-and-video .template-video .controls-bar #video-play:hover .icon-play:before,
.caption-and-video .template-video .controls-bar #video-play:hover .icon-pause:before {
    color: #e93518;
}

.caption-and-video .template-video .controls-bar #video-volume {
    width: 25px;
    height: 20px;
    position: absolute;
    bottom: 9px;
    right: 45px;
    cursor: pointer;
}


/* Volume bars */

.caption-and-video .template-video .controls-bar #video-volume #bar1 {
    background: linear-gradient(to bottom, #8a9197 0%, #8a9197 75%, white 75%, white 100%);
    background: -webkit-linear-gradient(top, #8a9197 0%, #8a9197 75%, white 75%, white 100%);
    background: -moz-linear-gradient(top, #8a9197 0%, #8a9197 75%, white 75%, white 100%);
}

.caption-and-video .template-video .controls-bar #video-volume #bar1.inactive {
    background: linear-gradient(to bottom, #8a9197 0%, #8a9197 75%, #807976 75%, #807976 100%);
    background: -webkit-linear-gradient(top, #8a9197 0%, #8a9197 75%, #807976 75%, #807976 100%);
    background: -moz-linear-gradient(top, #8a9197 0%, #8a9197 75%, #807976 75%, #807976 100%);
}

.caption-and-video .template-video .controls-bar #video-volume #bar1.hover {
    background: linear-gradient(to bottom, #8a9197 0%, #8a9197 75%, #e93518 75%, #e93518 100%);
    background: -webkit-linear-gradient(top, #8a9197 0%, #8a9197 75%, #e93518 75%, #e93518 100%);
    background: -moz-linear-gradient(top, #8a9197 0%, #8a9197 75%, #e93518 75%, #e93518 100%);
}

.caption-and-video .template-video .controls-bar #video-volume #bar2 {
    background: linear-gradient(to bottom, #8a9197 0%, #8a9197 50%, white 50%, white 100%);
    background: -webkit-linear-gradient(top, #8a9197 0%, #8a9197 50%, white 50%, white 100%);
    background: -moz-linear-gradient(top, #8a9197 0%, #8a9197 50%, white 50%, white 100%);
}

.caption-and-video .template-video .controls-bar #video-volume #bar2.inactive {
    background: linear-gradient(to bottom, #8a9197 0%, #8a9197 50%, #807976 50%, #807976 100%);
    background: -webkit-linear-gradient(top, #8a9197 0%, #8a9197 50%, #807976 50%, #807976 100%);
    background: -moz-linear-gradient(top, #8a9197 0%, #8a9197 50%, #807976 50%, #807976 100%);
}

.caption-and-video .template-video .controls-bar #video-volume #bar2.hover {
    background: linear-gradient(to bottom, #8a9197 0%, #8a9197 50%, #e93518 50%, #e93518 100%);
    background: -webkit-linear-gradient(top, #8a9197 0%, #8a9197 50%, #e93518 50%, #e93518 100%);
    background: -moz-linear-gradient(top, #8a9197 0%, #8a9197 50%, #e93518 50%, #e93518 100%);
}

.caption-and-video .template-video .controls-bar #video-volume #bar3 {
    background: linear-gradient(to bottom, #8a9197 0%, #8a9197 25%, white 25%, white 100%);
    background: -webkit-linear-gradient(top, #8a9197 0%, #8a9197 25%, white 25%, white 100%);
    background: -moz-linear-gradient(top, #8a9197 0%, #8a9197 25%, white 25%, white 100%);
}

.caption-and-video .template-video .controls-bar #video-volume #bar3.inactive {
    background: linear-gradient(to bottom, #8a9197 0%, #8a9197 25%, #807976 25%, #807976 100%);
    background: -webkit-linear-gradient(top, #8a9197 0%, #8a9197 25%, #807976 25%, #807976 100%);
    background: -moz-linear-gradient(top, #8a9197 0%, #8a9197 25%, #807976 25%, #807976 100%);
}

.caption-and-video .template-video .controls-bar #video-volume #bar3.hover {
    background: linear-gradient(to bottom, #8a9197 0%, #8a9197 25%, #e93518 25%, #e93518 100%);
    background: -webkit-linear-gradient(top, #8a9197 0%, #8a9197 25%, #e93518 25%, #e93518 100%);
    background: -moz-linear-gradient(top, #8a9197 0%, #8a9197 25%, #e93518 25%, #e93518 100%);
}

.caption-and-video .template-video .controls-bar #video-volume #bar4 {
    background: white;
}

.caption-and-video .template-video .controls-bar #video-volume #bar4.inactive {
    background: #807976;
}

.caption-and-video .template-video .controls-bar #video-volume #bar4.hover {
    background: #e93518;
}

.caption-and-video .template-video #video-zoom {
    position: absolute;
    right: 10px;
    height: 20px;
    width: 20px;
    bottom: 9px;
}

.caption-and-video .template-video .icon-play:before {
    content: "\e901";
}

.caption-and-video .template-video .icon-pause:before {
    content: "\e903";
}

.caption-and-video .template-video .icon-zoom:before {
    content: "\e900";
}

.caption-and-video .template-video .icon-video_progress_button {
    position: absolute;
    left: 0;
}

.caption-and-video .template-video .icon-video_progress_button:before {
    content: "\e902";
}

.caption-and-video .template-video #video-progress {
    position: absolute;
    left: 40px;
    right: 10px;
    bottom: 18px;
}

.caption-and-video .template-video #video-progress #box {
    border: none;
    background-color: #807976;
    width: 260px;
    height: 2px;
    cursor: pointer;
}

.caption-and-video .template-video #video-progress #perc {
    background: #e93518;
    height: 2px;
}

.caption-and-video .template-video #video-progress #text {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000;
    float: left;
    padding: 3px 0 0 10px;
}

.caption-and-video .template-video #video-progress #track-button {
    color: white;
    width: 6px;
    overflow: hidden;
    height: 20px;
    left: 0px;
    position: absolute;
    top: -9px;
    cursor: pointer;
    background: white;
}

.caption-and-video .template-video #video-progress #track-button:hover .icon-video_progress_button {
    color: #e93518
}

.caption-and-video .template-video #video-times {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #8b9197;
    padding: 3px 0 0 10px;
    position: absolute;
    right: 85px;
    bottom: 12px;
    line-height: 14px;
}


/*google-maps_____________________________________________________________________________________________________*/

#map_canvas {
    background-color: rgb(238, 238, 238);
    font-size: 12px;
    height: 310px;
    margin-bottom: 30px;
    width: 100%;
    z-index: 1;
    position: relative;
}

.youtube .right-cell a:after,
.gmap-container .right-cell a:after {
    content: "\e905";
    font-size: 6px;
    padding-left: 4px;
    position: relative;
    top: -3px;
}

.template-youtube,
.gmap {
    background-image: url(../grafiken/gmap-back.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.template-youtube {
    position: relative;
    background-color: #ccc;
    background-size: auto 80%;
    background-image: url(../grafiken/play-button.png);
}

.gmap_information {
    display: none;
}

.gmap .gmap {
    background: none;
    padding: 0;
}

.gmap .gm-style-iw {
    max-width: none !important;
    text-align: center;
}

.gmap .gmap .tab_content {
    margin: 0;
    padding: 0;
    min-width: 220px;
}

.gmap .tab_content button.google_url {
    border: none;
    margin-top: 10px;
    color: #FFFFFF;
    font-weight: bold;
    background-image: url(../grafiken/background_link.png);
    padding: 5px 15px;
    background-size: cover;
    cursor: pointer;
}

.adress_block {
    margin: 5px 0 10px;
    font-size: 14px;
}

.infoWindow_container {
    padding: 10px;
}

.infoWindow_container h3 {
    margin-bottom: 10px;
}

.gmap {
    padding-top: 20px;
}

.gmap h2 {
    text-transform: none;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.gmap .gmap-label {
    font-size: 14px;
    font-weight: 700;
}

.gmap .close-link:hover {
    background-position: 0 -20px;
}

.gmap .gmap_tab_wrapper {
    display: none;
}

.gmap .gmap_tab {
    display: none;
}

.gmap .gmap_tab:hover {
    display: none;
}

.gmap .active_tab {
    display: none;
}

.gmap .tab_content {
    margin-left: 10px;
    padding-top: 8px;
    width: 100px;
}

.gmap label {
    cursor: default;
    display: block;
    height: 20px;
    padding: 10px 0 0;
    font-family: "Roboto Condensed", sans-serif;
}

.gmap input {
    background-color: rgb(229, 234, 239);
    border: none;
    color: #003159;
    display: block;
    float: left;
    font-size: 14px;
    height: 21px;
    line-height: 135%;
    padding: 1px 1px 1px 5px;
    text-align: left;
    width: 176px;
}

.gmap button.submit {
    background-color: #E93317;
    border-style: none;
    cursor: pointer;
    display: block;
    float: left;
    height: 23px;
    left: -7px;
    position: relative;
    width: 22px;
}

.gmap button.submit .iconfont-arrow-right-2 {
    color: #fff;
}

.gmap button.submit:hover .iconfont-arrow-right-2 {
    color: rgb(0, 54, 151);
}