/* ----- Page Structure ----- */
#toolbar {
    width: 100%;
    /*
    background: transparent url(../images/Morcher_topbar.png) repeat-x 0 0;
    */
    /*
    height: 41px;
    */
    height: 30px;
    position:relative;
    z-index:1000;
    /*
    background-color: #fff;
    */
}
#toolbar_content {
    margin: 0 auto;
    height: 32px;
    /*
    width: 971px;
    */
    width: 870px;
    position: relative;

}

#toolbar_content .main {
    width: 660px;
    float: left;
    position: relative;
}

#toolbar_content #info {
    line-height: 30px;
    float: left;
}

#toolbar_content #info>a {
    color: #333333;
    padding-left:20px;
}

#toolbar_content #info>a.phone {
    padding-left:10px;
    background: url("/fileadmin/templates/default/images/icon_phone.png") left center no-repeat transparent;
    background-size: 6px;
}

#toolbar_content #info>a.mail {
    padding-left:20px;
    background: url("/fileadmin/templates/default/images/icon_mail.png") left center no-repeat transparent;
    background-size: 16px;
    margin-left: 10px;
}

#website {
    margin: -9px auto 0 auto;
    width: 1280px;
    position:relative;
    z-index:200;
}
#header {
    height: 112px;
    width: 100%;
    position: relative;
    z-index: 400;
}
#logo {
    /*
    position: absolute;
    left: 3px;
    top: 0;
    width: 270px;
    height: 106px;
    */
}
#header_menu {
    /*
    position: absolute;
    */
    right: 0;
    top: 0;
    width: 588px;
		z-index: 600;
}
#main_menu {
    position: absolute;
    height: 37px;
    width: 680px;
    bottom: -4px;
    right: 5px;
    background: transparent url('/fileadmin/templates/default/images/Morcher_navbar.png') no-repeat right bottom;
		z-index: 500;
}
#teaser {
    /*
    background: transparent url(../images/Morcher_teaser.png) no-repeat 0 0;
    width:948px;
    height:275px;
    padding:10px 11px 10px 11px;
    position:relative;
    z-index:300;
    */
}
#over_content_box {
    width: 100%;
    height: 46px;
    background: #fff;
}
#breadcrumbs {
    display: block;
    margin: 0 0 7px 204px;
    padding: 13px 0 0 0;
    font-family: 'Open Sans', Verdana, sans-serif;
    font-size: 11px;
}
#content_area {
    width: 100%;
    /*
    background: #fee;
    */
    position:relative;
    margin:26px 0 18px 0;
}
#content_area_bottom,
#content_area_top{
    background: transparent url('/fileadmin/templates/default/images/morcher_design_sprites_02.png') no-repeat -40px -760px;
    position:absolute;
    height:18px;
    width:971px;
    top:-18px;
    left:-3px;
}
#content_area_bottom{
    background-position:-43px -798px;
    height:18px;
    top:auto;
    left:0;
    bottom:-18px;
}
#left_side {
    width: 165px;
    /*
    margin: 0 10px 0 17px;
    margin: 0 27px 0 0px;
    */
    margin: 0 17px 0 10px;
    float: left;
    /*
    min-height: 500px;
    height: auto !important;
    height: 500px;
    */
    background-color: rgba(255,255,255,0.5);
    min-height: 10px;
}
#content {
    width: 660px;
    min-height: 443px;
    height: auto !important;
    height: 443px;
    margin: 0 10px 0 10px;
    padding: 0;
    float: left;
}
#content_area.wide #content {
    margin: 0;
    padding: 0 22px 0 33px;
    width: 545px;
}
#content_area.shop #content {
    width: 660px;
    padding: 0 22px 0 15px;
    margin:0;
}
#right_side {
    width: 133px;
    margin: 0 0 0 20px;
    padding: 0 10px 0 22px;
    float: left;
    min-height: 433px;
    height: auto !important;
    height: 433px;
}
#content_area.wide #right_side {
    padding: 10px 26px 0 37px;
    margin:0;
    width: 306px;
}
#divider {
    position: absolute;
    top: 33px;
    right: 176px;
    width: 5px;
    height: 407px;
    background: url('/fileadmin/templates/default/images/trennstriche.png') no-repeat left -1px;
    z-index: 500;
}
#content_area.wide #divider {
    top: -13px;
    right: 371px;
}
#footer {
    width:100%;
    background: transparent url(../images/Morcher_footer.jpg) repeat-x 0 0;
    height:154px;
    padding:48px 0 0 0;
    position:relative;
    z-index:100;
    margin:-45px 0 0 0;
    float:left;
    color:#fff;
}
#footer_menu {
    float: left;
}
#copyright {
    width:175px;
    float:left;
    margin: -5px 0 0;
}

/* EXCONCEPT */
#teaser {
    /*
    display: none;
    */
    width:100%;
    height: 100%;
}

#teaser img {
    width:100%;
    height: auto;
}


#header_new {
    margin-top: 70px;
}
#website {
    width: 1280px;
}

#main_menu_new {
    width: 870px;
    display: block;
    height:70px;
    margin: 0 auto;
    position: relative;
}
#search_new {
    position: absolute;
    right: -100%;
}
#teaser_new  {
    height: 165px;
    display: block;
}

#teaser_new > .left {
    height: 165px;
    float: left;
    width: 50%;
}
#teaser_new > .left .bordered {
    height: 163px;
    float: right;
    margin-right:475px;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    width: 100%;
}
#teaser_new > .left a  {
    float: right;
    /*
    margin-right: 43px;
    */
    margin-right: 25px;
}
#teaser_new > .left a img {
    height: 95px;
    margin-top: 35px;
}
#teaser_new > .right {
    height: 165px;
    float: right;
    width: 50%;
    background: url('/fileadmin/templates/default/images/graph_right.jpg') no-repeat 480px center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
#teaser_new > .center {
    height: 165px;
    display: block;
    width: 870px;
    position: absolute;
    left: 50%;
    margin-left:-435px;
    z-index:10;
}

#teaser_new > .center .left {
    height: 165px;
    width: 660px;
    display: block;
    float: left;
    background: url('/fileadmin/templates/default/images/graph_main.jpg') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow:hidden;
}
#teaser_new > .center .right {
    height: 165px;
    width: 165px;
    display: block;
    float: right;
    background: url('/fileadmin/templates/default/images/graph_square.jpg') no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
}

@media screen and (max-width: 1279px) {
    #main_menu_new {
        margin-left: 200px;
    }
    #teaser_new > .center {
        position: absolute;
        left: 200px;
        margin-left:0;
    }
    #teaser_new > .left {
        width: 200px;
    }
    #teaser_new > .left .bordered {
        margin-right:30px;
    }
}


#search {
    right: 0 !important;
    top: 0 !important;
}
#search .searchbox-sword {
    width: 142px !important;
    background: none !important;
    margin-top: 10px;
}

#content_area.wide #content{
    width: 660px;
    padding: 0 22px 0 15px;
}

#content_area.wide #right_side {
    padding: 10px 26px 0 25px;
}

.login-wrapper .toggle {
    bottom:0;
}



#footer_new {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#646363+0,646363+49,006eb7+50,006eb7+100 */
    background: rgb(100,99,99); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(100,99,99,1) 0%, rgba(100,99,99,1) 50%, rgba(0,110,183,1) 50%, rgba(0,110,183,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(100,99,99,1) 0%,rgba(100,99,99,1) 50%,rgba(0,110,183,1) 50%,rgba(0,110,183,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(100,99,99,1) 0%,rgba(100,99,99,1) 50%,rgba(0,110,183,1) 50%,rgba(0,110,183,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646363', endColorstr='#006eb7',GradientType=1 ); /* IE6-9 */
}

#footer_new .wrapper{
    width: 1280px;
    margin: 0 auto;
    height: 35px;
    display:block;
    line-height:35px;
}

#footer_new .center{
    width:660px;
    background-color: #d0d0d0;
    float:left;
    padding: 0 50px;
}

#footer_new .left {
    width: 125px;
    margin: 0 10px 0 17px;
    float:left;
    color:#fff;
    text-align: right;
}

#footer_new .left::before {
    content: " ";
    height: 11px;
    width: 16px;
    display: block;
    float: left;
    margin-top: 11px;
    margin-left: -5px;
    background: url('/fileadmin/templates/default/images/morcher_design_sprites_02.png') no-repeat -80px -80px;
}


#footer_new .right {
    width: 256px;
    margin: -4px 26px 0 25px;
    float:left;
    color:#fff;
}


.background-image {
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
}
#teaser_3 .background-image {
    width: calc(100% - 480px);
    margin-left:480px;
}