/* css 3 */
.brbl {-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomleft: 10px;border-bottom-left-radius: 10px;}
.brbr {-webkit-border-bottom-right-radius: 10px;-moz-border-radius-bottomright: 10px;border-bottom-right-radius: 10px;}

/*
url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyMDMiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRUVGRjAiIG9mZnNldD0iMC42NSIvPjxzdG9wIHN0b3AtY29sb3I9IiNCOEJBQkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyMDMpIiAvPgo8L3N2Zz4=)
*/
body {
    background:url(../images/bg_body.jpg) no-repeat center top #13151b;
    min-height: 100%;
    font-size:14px;
}

/* Colors
***********************
***********************/
.black {color:#000000}
.grey {color:#707070}
.red {color:#ee0030}

h3 {color:#000;}
h1, h2, h3,h4 {
    font-size: 18px !important;
    margin-bottom: 15px;
    margin-top: 16px;
    font-weight:700;
}
h4 {color:#ee0030}
h3.headline {color:#ee0030;text-transform:uppercase}
h3.headline span {color:#000;font-size:16px!important; text-transform: none;}

.csc-firstHeader {margin-top: 0}
b,strong {color:#707070}
em,i {font-style: normal;color:#ee0030}



/* Fancybox */
#fancybox-wrap {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -safari-box-sizing: content-box;
    box-sizing: content-box;
}

#fancybox-outer {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -safari-box-sizing: content-box;
    box-sizing: content-box;
}

#fancybox-inner {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -safari-box-sizing: content-box;
    box-sizing: content-box;
}

/* Effects
***********************
***********************/
#header .mainavi ul li a:hover {-webkit-transition: border 500ms ease-in-out;-moz-transition: border 500ms ease-in-out;-ms-transition: border 500ms ease-in-out;-o-transition: border 500ms ease-in-out;transition: border 500ms ease-in-out;}
#header .mainavi ul ul,
#header .mainavi ul li li.last a,
#header .mainavi ul li li.last{-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-left-radius: 5px;-webkit-border-bottom-right-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;}



/* Base Template
***********************
***********************/
.container {max-width: 1010px}
#main {-webkit-box-shadow:  0px 5px 15px 1px rgba(0, 0, 0, 0.5);box-shadow:  0px 5px 15px 1px rgba(0, 0, 0, 0.5);}


/* Base */
#header {display: block;height: 125px;}
#header .logo {}
#header .tophandler {background-color: #fff;position: relative;left: -15px;padding: 0}
#header .tophandler .row {padding: 10px;}
#header .tophandler .form-control {height: 27px;padding: 3px 12px;}
#header .tophandler .btn {padding: 4px 12px;}
#header .languagemenu {padding-top: 5px;margin:0 -10px}
#header .languagemenu ul {list-style: none;margin:0;padding:0;float: left;}
#header .languagemenu ul li {float: left}
#header .languagemenu ul li.spacer {padding: 0 4px;}
#header .languagemenu ul li.na a {color: #eee}

#header .mainavi {padding-top: 20px;}
#header .mainavi #tinynav1 {display: none}
#header .mainavi ul {float:left;border-bottom: 1px solid #000;padding:0;margin: 0;list-style: none;position:relative;}
#header .mainavi ul li {float: left;margin-right: 30px;position: relative}
#header .mainavi ul li.last {margin-right: 0}
#header .mainavi ul li a {display:inline-block;font-size:15px;float:left;text-transform: uppercase;color:#707070;border-bottom: 4px solid transparent;text-decoration: none}

#header .mainavi ul li.act a,
#header .mainavi ul li:hover a {border-bottom: 4px solid #df1124;color:#000}

#header .mainavi ul ul {display: none;position: absolute;top:25px;left:0;padding-top: 5px;border-bottom: 0 none}
#header .mainavi ul li:hover ul {display: block;}
#header .mainavi ul ul li {background: url(../images/trans_w_80.png) repeat left top transparent;}
#header .mainavi ul ul li {float: none;display: block;clear: both;margin: 0;border-bottom: 1px solid #e7e7e7}
#header .mainavi ul ul li.last {border-bottom: 0}
#header .mainavi ul ul li a,
#header .mainavi ul ul li a:hover {float: none;border: 0 none!important;background-color: transparent;padding: 3px 15px 3px 10px;color:#707070!important;white-space: nowrap}
#header .mainavi ul ul li.act a,
#header .mainavi ul ul li a:hover {color:#000!important;padding: 3px 10px 3px 15px;}
#header .mainavi ul.l1 ul,
#header .mainavi ul.l1 ul li ul {list-style: none;margin: 0;padding: 0;visibility:hidden;position: absolute;z-index: 99999;width:auto;box-shadow:1px 1px 3px #ccc;opacity:0;-webkit-transition:opacity 0.2s linear, visibility 0.2s linear;-moz-transition:opacity 0.2s linear, visibility 0.2s linear;-o-transition:opacity 0.2s linear, visibility 0.2s linear;transition:opacity 0.2s linear, visibility 0.2s linear;}
#header .mainavi ul.l1 li:hover > ul {visibility:visible;opacity:1;}

/* content */
#main {background-color: #fff;margin-bottom: 65px}
#main #content_header {float: left;height:320px}
#main #content_main {padding: 10px 10px 50px 10px;}
#main #content_main .sitenavi {display: block;padding-top: 20px;}
#main #content_main .sitenavi ul {list-style: none;margin: 0;padding: 0 0 5px 0;}
#main #content_main .sitenavi ul li {display: block;border-bottom: 1px dotted #aaa}
#main #content_main .sitenavi ul li.last {border-bottom: 0 none}
#main #content_main .sitenavi ul li a {display: block;padding: 2px 0 2px 10px;}
#main #content_main .sitenavi ul li.act a,
#main #content_main .sitenavi ul li.no a:hover {color:#ee0030;background: url(../images/bg_li_act.png) no-repeat left center transparent;}
#main #content_main .sitenavi ul li.no a {color:#707070;background: url(../images/bg_li_no.png) no-repeat left center transparent;}
#main #content_main .sitenavi ul ul {padding-left: 10px}
#main #content_main .sitenavi ul ul li {border-bottom: 0 none}

#site_title {display: block;padding-bottom:15px;min-height:55px}
#site_title h3 {text-transform:uppercase;font-size:18px;font-weight:700;padding:0;margin:0;color:#ee0030;}
#site_title span {font-size:14px;font-weight:700;color:#000;}


#site_menu {display:block;}
#site_menu ul {margin:8px 0 20px 0;padding:0;list-style:none;border-bottom:1px dotted #c9c9c9;border-top:1px dotted #c9c9c9;display:block;float:left;width:692px;border-right:1px dotted #c9c9c9;}
#site_menu li {display:block;float:left;padding:3px 10px 3px 10px;border-right:1px dotted #c9c9c9;}
#site_menu li.first {padding-left:0px;}
#site_menu li.last {border-right: 0 none}
#site_menu li a {text-transform:uppercase;text-decoration:none;font-size:12px;color:#636467;padding-left:10px;background:url(../images/bg_arrow_menu_no.png) no-repeat 0px 5px transparent;font-weight:700;}
#site_menu li a:hover,
#site_menu li.act a {color:#ee0030;background:url(../images/bg_arrow_menu_act.png) no-repeat 0px 5px transparent;}


/* inner Content */
#main #content_main .csc-default {margin-bottom: 10px;}
#main #content_main #breadcrumb {position: relative;top:-20px;margin: 0;border-bottom: 1px dotted #aaa;z-index: 0}
#main #content_main #breadcrumb .breadcrumb {background-color: transparent;padding: 0;margin: 0}
#main #content_main #breadcrumb a {color:#000}
#main #content_main #breadcrumb .breadcrumb > .active {color:#ee0030}
#main #content_main #content {z-index: 1;position: relative;clear: both;padding-right:20px;}



/* footer */
#footer {display: block;background-color: #47484d;padding: 25px 0}
#footer .footernavi {}
#footer .footernavi a {color:#fff;font-weight: 700;font-size: 14px}
#footer .footernavi ul {list-style: none;margin: 0;padding: 0}
#footer .footernavi ul li {display: block;}
#footer .footernavi ul li a {font-size: 10px;color:#d9dce4;font-weight: normal}

#footer .bottom_menu {}
#footer .bottom_menu ul {margin: 0;padding:0;list-style: none}
#footer .bottom_menu ul li {display: block;float: left;margin-right: 5px;}
#footer .bottom_menu ul li.last {margin-right: 0}
#footer .bottom_menu ul li a{color: #fff}





/* Table-Style
***********************
***********************/
table {width: auto}
table caption,
table td,
table th {padding: 5px 15px;margin-bottom: 1px}

table caption,
table th {text-align: left;}

.contenttable {width: auto;border: 1px solid #9C9DA1}
.contenttable caption,
.contenttable td,
.contenttable th {padding: 5px 15px;border-bottom: 1px solid #9C9DA1;border-right: 1px solid #9C9DA1}
.contenttable tbody {}

.contenttable caption,
.contenttable th {text-align: left;}

table.contenttable-color-240 {background-color: transparent}
.contenttable-color-240 caption {background-color: #8a8a8a;color:#fff;}
.contenttable-color-240 th {background-color: #9c9da1;color:#fff}
.contenttable-color-240 th,
.contenttable-color-240 td {border-bottom: 1px solid #9C9DA1;border-right: 1px solid #9C9DA1}

.contenttable-color-241 caption {background-color: #f1d622;color:#9C9DA1;}
.contenttable-color-241 th {background-color: #F5E264;color:#757575}
.contenttable-color-241 th,
.contenttable-color-241 td {border-bottom: 1px solid #F5E264;border-right: 1px solid #F5E264}

.contenttable-color-242 caption {background-color: #dc4156;color:#fff;}
.contenttable-color-242 th {background-color: #E67A88;color:#fff}
.contenttable-color-242 th,
.contenttable-color-242 td {border-bottom: 1px solid #E67A88;border-right: 1px solid #E67A88}

.contenttable-color-243 caption {background-color: #248ccc;color:#fff;}
.contenttable-color-243 th {background-color: #65AEDB;color:#fff}
.contenttable-color-243 th,
.contenttable-color-243 td {border-bottom: 1px solid #65AEDB;border-right: 1px solid #65AEDB}

.contenttable-color-244 caption {background-color: #23a1ae;color:#fff;}
.contenttable-color-244 th {background-color: #65BDC6;color:#fff}
.contenttable-color-244 th,
.contenttable-color-244 td {border-bottom: 1px solid #65BDC6;border-right: 1px solid #65BDC6}

/* bootstrap carousel */
.carousel-caption {padding-bottom:0}

/* Products */
.product_image {margin-top: 50px;float:right;}
.col-md-5 .product_image {margin-top:-5px}
.product_image figure {-webkit-box-shadow:  -2px 2px 10px 0px rgba(0, 0, 0, 0.6);box-shadow:  -2px 2px 10px 0px rgba(0, 0, 0, 0.6);margin: 10px 10px 15px 10px !important;}


/* Linkbox */
.linkbox {display: block;padding-top:15px;}
.linkbox .box_headline {font-size: 14px;color:#000;font-weight: 700;margin-bottom: 10px;}
.linkbox .box_content {}
.linkbox .box_content .item {min-width:45%;max-width:45%;float:left;display: block;margin: 0 10px 10px 0;border: 1px solid #d8d8d8;position: relative;background: url(../images/box_verlauf.png) repeat-x left top transparent;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.linkbox .box_content .item .headline {font-weight:700;padding: 5px 40px 0 10px;color:#333;text-transform: uppercase}
.linkbox .box_content .item .subline {padding: 0 40px 5px 10px;}
.linkbox .box_content .item .link {position: absolute;right: 10px;top:50%;height: 16px;margin-top: -8px;}
.linkbox .box_content .item .link a {text-indent: -100000px;display: block;background: url(../images/icon_arrow.png) no-repeat left top transparent;width: 16px;height: 16px;}

.fce .linkbox .box_content .item {float: none;margin-right: 0;width: auto;max-width: inherit;min-width: inherit}


/* Pages
***********************
***********************/
#page_16 #content {padding-left: 40px}
#page_16 #content .col-md-4 {float: left}
#page_16 #content .teaserbox {position: relative;width: 640px}
#page_16 .newsbox {display:block;padding-top:70px;padding-left:40px}


#page_437 #content {padding-left: 40px}
#page_437 #content .col-md-4 {float: left}
#page_437 #content .teaserbox {position: relative;width: 640px}
#page_437 .newsbox {display:block;padding-top:70px;padding-left:40px}


/* FCE: HTMLWrap
***********************
***********************/
.teaserbox {display: block;padding-top: 20px}
.teaserbox .text {-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.6); box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.6);}
.teaserbox .csc-textpic-text {background-color: #d9d9d9;padding: 5px}
.teaserbox h4,
.teaserbox h3 {padding: 0;margin: 0;font-weight: 700;color:#000;font-size: 14px!important;}
.teaserbox .csc-textpic-text a {padding-left: 20px;background: url(../images/icon_arrow.png) no-repeat left center transparent;color: #000}



/* FCE: infobox
***********************
***********************/
.sideboxbar {}
.infobox {position:relative;margin-top:20px;background-color: #7c7c7c;-webkit-box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.3); box-shadow: 3px 3px 10px 1px rgba(0,0,0,0.3);color:#fff}
.infobox .headline {text-transform:uppercase;font-size:14px;font-weight:700;padding: 10px 15px 5px 15px;border-bottom: 1px dotted #ffffff;margin-bottom: 5px}
.infobox .infotext {padding: 5px 15px 10px 15px}
.infobox .infotext a {color: #fff}
.infobox .link {position: absolute;z-index: 1;right: 15px;bottom: 15px;}
.infobox .link a {display: block;text-indent: -100000px;width: 16px;height: 16px;background:url(../images/icon_arrow.png) no-repeat left top transparent;float: left;overflow: hidden}

/* News
***********************
***********************/
.news-latest-item {padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #df1124}
.news-latest-item:last-child {margin-bottom: 0;border-bottom: 0 none}
.news-latest-item .news-latest-date {display:none}
.news-latest-item h3 {padding:0;margin: 0;font-size: 14px!important;padding-left: 20px;background: url(../images/icon_arrow.png) no-repeat left center transparent;}
.news-latest-item h3,
.news-latest-item h3 a{color:#df1124}
.news-latest-item .news-latest-content {padding-left: 20px}
.news-latest-item .news-latest-sub-content {color: #000;}
.news-latest-item .news-latest-sub-content b,
.news-latest-item .news-latest-sub-content strong {font-weight: 700;color:#000}
.news-latest-item .news-latest-sub-content p {margin-bottom: 0}
.news-latest-item .news-latest-main-content {}
.news-latest-item .news-latest-main-content * {font-weight: normal;color:#707070}
.news-latest-item .news-latest-morelink {display: none}
.news-latest-item .bodytext a {color:#000}

.news-list-container {}
.news-list-container .news-list-item{background:none repeat scroll 0 0 #D8D8DA;clear:both;display:block;float:left;margin-bottom:10px;position:relative;width:100%;padding:10px;}
.news-list-container .news-list-item .news-list-date {display:inline}
.news-list-container .news-list-item .news-list-category {display:none}
.news-list-container .news-list-item h3 {display:inline-block;margin:0 10px 0 0;}

.news-list-container .news-list-item .image {float:left;}
.news-list-container .news-list-item .image img {margin:0 10px 10px 0;}
.news-list-container .news-list-item .news-content {margin-top:10px;}
.news-list-container .news-list-item .news-content .news-list-morelink {display:inline-block;margin-left:10px;}
.news-list-container .news-list-item .news-content  p {}

.news-single-item .pull-right img {width:100%;height:auto}
.news-single-item .pull-right .news-single-imgcaption {width:auto!important}
.news-single-backlink {clear:left;}

.news-single-item .news-single-files {display:none}
.news-single-item .news-single-files dd {}
.news-single-item .news-single-files dd * {display:none;}
.news-single-item .news-single-files dd a {display:block;}




/* Map
***********************
***********************/
.worldmap {position: relative;}
.worldmap .map1 {position: relative;z-index: 2;left:0;top:0;}
.worldmap .map2 {position: absolute;z-index: 1;width: 100%;height: 100%;left:0;top:0;}
.worldmap .points {position: absolute;left: 0;top:0;width: 100%;height: 100%}
.worldmap .points .point .point {position: absolute;}
.worldmap .points .point .point {z-index:3;cursor:pointer;width: 20px;height: 20px;background: url(../images/blank.gif) repeat left top transparent}
.worldmap .points .point .addressbox {-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6);display: none;position: absolute;right:10px;bottom:10px;background-color: #c80b1c;color:#fff;padding: 15px;z-index: 4}
.worldmap .points .point .addressbox div {display: block;}
.worldmap .points .point .addressbox * {color:#fff;font-size: 14px;}
.worldmap .points .point .addressbox .headline {font-size: 18px;font-weight: 700;}
.worldmap .points .point .addressbox .subline {font-weight: 700;border-bottom: 1px dotted #fff;padding-bottom: 5px;margin-bottom: 5px;}
.worldmap .points .point .addressbox a {text-decoration: underline}
.worldmap .points .point .addressbox .link {float: right;display: block;position: relative}
.worldmap .points .point .addressbox .link a {text-indent: -100000px;float: left;background: url(../images/bg_box_pfeil.png) no-repeat left top transparent;width: 16px;height: 19px;}
.worldmap .close {font-weight: 700;font-size: 30px;position: absolute;right: 10px;top:10px;color:#c80b1c;}
.inner_cbQuickGoogleMap {width: 100%!important;}


/* Video
***********************
***********************/
.video-wrapper {width:auto!important;}
.video-wrapper .video-container {padding:15px 0 55% 0!important;position: relative;height: 0;overflow: hidden;}
.video-wrapper .tx_jhsimpleyoutube {border:0 none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}


/* TYPO3 Fixes
***********************
***********************/
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {margin: 0;}





/* Responsive
***********************
***********************/
@media screen and (max-width: 992px) {
    .js .mainavi select { display: block!important;position: absolute;right: 20px;top:-30px}
    .js .mainavi ul { display: none }
    .product_image {margin-top: 0}
    #header .tophandler {bottom: inherit;display: block !important;left: inherit;position: absolute;right: 20px;top: -110px;padding: 0 10px;}
    #header .tophandler .col-md-8 {display: none}
}

@media (max-width: 768px) {
    #main #content_header {display: none}
    #pagetitle #site_title {margin-top: 20px;float: left}
    #pagetitle,
    #pagemenu {display: block!important;}
    #site_menu ul {width: 100%}
}

@media (min-width: 768px) and (max-width: 991px) {
    #main #content_header object {width: 720px;height: 235px}
}

@media (min-width: 992px) and (max-width: 1199px) {
    #main #content_header object {width: 940px;height: 310px}
}

@media (max-width: 640px){
    #tinynav1 {width: 280px}
    #page_16 #content .teaserbox {width: auto}
}

@media (max-width: 480px){
    #tinynav1 {width: 200px;margin-top: 20px}
}



@media (min-width: 768px) {
    table.contenttable td {padding: 2px 5px;}
    table .td-0 {width: 200px;}
    table .td-1 {width: 50px;}
    table .td-2 {width: 200px}
}



/* AJAX PAGE */
#page_701 {overflow-x:hidden}
#root.ajax #main {margin:0}
#root.ajax {display: block;max-width: inherit;padding: 0;width: auto;}
.ajax .news-single-backlink {display: none}


/* Powermail */


.tx-powermail {margin: -10px 0 0 0}
.tx-powermail h3 {display: none;}
.tx-powermail legend {border-bottom: 0 none;margin: 10px 0 0 0}
.tx-powermail label {margin: 10px 0 0 0}
.tx-powermail .powermail_legend {display: none;}
.tx-powermail .powermail_fieldwrap {display: inline-block;width: 100%}
.tx-powermail input[type=text],
.tx-powermail input[type=email],
.tx-powermail input[type=number],
.tx-powermail textarea,
.tx-powermail select {background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555;display: block;font-size: 14px;height: 34px;line-height: 1.42857;padding: 6px 12px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%;}
.tx-powermail select {margin-bottom: 10px;}
.tx-powermail textarea {resize: none;height: 100px}
.tx-powermail .layout2 {max-width: 49%}
.tx-powermail .layout2 + .layout2 {margin-left: 1%;}
.tx-powermail .powermail_fieldwrap_html {margin-bottom: 10px;}
.tx-powermail .powermail_fieldwrap_html * {display: inline-block!important;width: auto}
.tx-powermail .powermail_fieldwrap_html .small {font-size: 14px;display: block!important;}
.tx-powermail .powermail_fieldwrap_html input {margin: 0 5px;max-width: 100px}
.tx-powermail .powermail_fieldwrap_html .parsley-errors-list {display: none;}
.tx-powermail .powermail_fieldwrap_submit {text-align:right;margin-top:20px;}