/*
Farben
formotion-rot #a71118

Schriften
font menu:          font-family: 'DINNextLTPro-LightCondensed';
font Headlines:     font-family: 'DINCondensedW01-Normal';

*/

/*Typography*/
/*
DINCondensedW01-Normal wird über fonts.com eingebettet 
*/
@font-face {
    font-family: 'DINNextLTPro-LightCondensed';
    src: url('font/DINNextLTPro-LightCondensed.eot');
}



@font-face {
    font-family: 'DINNextLTPro-LightCondensed';
    src: url('font/DINNextLTPro-LightCondensed.woff') format('woff'), url('font/DINNextLTPro-LightCondensed.svg#DINNextLTPro-LightCondensed') format('svg');
}



/*Typography*/

/*HTML-Elements~~~~~~~~~~~~*/
body {
    background: #e7e7e7;
    /*background: #cacdd1 url(img/body-bg.jpg) no-repeat 50% 0px fixed;*/
    background-size: 100% auto;
    color: #9f9f9f;
    color: #777;
    color: #999;
    font-size: 15px;
    font-family: Arial, sans-serif;

}



h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}



h1 {
    font-size: 36px;
    font-weight: normal;
    font-family: 'DINNextLTPro-LightCondensed';
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}



h1 strong, h1 b {
    color: #A03237;
    font-weight: normal;
    font-family: 'DINCondensedW01-Normal';
}



h2 {
    font-size: 30px;
    font-weight: normal;
    font-family: 'DINNextLTPro-LightCondensed';
    margin: 0;
    padding: 0;
    line-height: 1.1em;
}



h4 {
    font-weight: normal;
    font-size: 26px;
    font-family: 'DINNextLTPro-LightCondensed';
}



a {
    color: #A03237;
    text-decoration: none;
}



a:hover {
    text-decoration: none;
}



button, .btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(center top, #ededed 5%, #dfdfdf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #666;
    font-family: arial;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}



button:hover, .btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
    background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}



address {
    font-style: normal;
    margin: 10px 0;
}



ul, ol {
    padding-left: 0;
}



/*HTML-Elements~~~~~~~~~~~~*/

/*Classes ~~~~~~~~~~~~*/
.row-full {
    width: 100%;
    position: relative;
}



.row-centered {
    width: 990px;
    position: relative;
    margin: 0 auto;
    display: block;
    clear: both;
}



.fm-bg-color {
    background-color: #A03237;
}



.fm-color {
    color: #A03237;
}



.content-row {
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ccc;
}



body.team .first-row {
    border: none;
    padding-bottom: 0
}



body.web .first-row,
body.cgi .first-row,
body.socialmedia .first-row,
body.spots-filme .first-row {
    padding-top: 20px !important;
}



.col {
    display: block;
    float: left;
    position: relative;
}



.col-left {
    margin: 0;
    padding: 0 60px 0 0;
    width: 410px;
    width: 435px;
}

.fb-like {z-index: 999 !important; width: 220px; height: 50px}



.col-right {
    float: left;
    margin: 0;
    padding: 0 60px 0 0;
    width: 435px;
}



.col-right, .col-right p {
    margin-bottom: 1em;
    line-height: 1.6em;
    font-size: 15px;
}



a:hover {
    text-decoration: underline;
}



.col-right input, .col-right textarea {
    width: 375px;
    border: 1px solid #aaa;
    padding: 5px 8px;
    font-size: 15px;
    display: block;
    margin: 0 0 25px 0;
    color: #9f9f9f;
    font-size: 15px;
    border-radius: 2px;
    background-color: #eee;
    font-style: italic;
    font-size: 14px;
}



.col-right textarea {
    height: 200px;
}



.col-right input:focus, .col-right textarea:focus {
    background-color: #fff;
    font-style: normal;
    color: #666;
}



.col-right ul,
.col-right ol {
    padding-top: 0;
}



.fm-font {
    font-family: 'DINNextLTPro-LightCondensed';
}



.h-menu {
    display: block;
    position: relative;
}



.h-menu ul {
    list-style-type: none;
    padding: 0;
}



.h-menu li {
    float: left;
    display: block;
    padding: 0;
}



.content-row.last {
    border-bottom: none;
    margin-bottom: 0;
}



.col-right li {
    line-height: 1.6em;
    padding-bottom: 0.2em;
    list-style: disc;
}



.btn-icon {
    padding: 12px 5px 8px 15px;
    background: #eee;
    font-family: DINNextLTPro-LightCondensed;
    font-weight: normal;
    font-size: 20px;
    color: #9F9F9F;
    border: none;
    cursor: pointer;
    min-width: 145px;
}



.btn-icon-left {
    padding: 12px 5px 8px 0px;
    background: none;
    font-family: DINNextLTPro-LightCondensed;
    font-weight: normal;
    font-size: 20px;
    color: #A03237;
    border: none;
    cursor: pointer;
    box-shadow: none;
}



.btn-icon:hover {
    background: #fff;
    color: #A03237;
}



.icon-arrow-right {
    background: url('img/arrow-right.png') center center no-repeat;
    display: inline-block;
    float: right;
    height: 20px;
    width: 30px;
    padding-top: 7px;
    padding-left: 5px;
}



.icon-arrow-left {
    background: url("img/arrow-right.png") no-repeat scroll center center transparent;
    display: inline-block;
    float: left;
    height: 25px;
    padding-left: 25px;
    padding-top: 1px;
    width: 25px;
    color: #A03237;
    background: none
}



.icon-arrow-right-big {
    background: url("img/arrow-right-big.png") no-repeat scroll center center transparent;
    display: inline-block;
    float: right;
    height: 25px;
    padding-left: 25px;
    padding-top: 1px;
    width: 25px;
}



.icon-arrow-right-big-lupe {
    background: url("img/lupe.png") no-repeat scroll center center transparent;
    display: inline-block;
    float: right;
    height: 24px;
    padding-left: 24px;
    padding-top: 1px;
    width: 25px;
}



.icon-arrow-right-l {
    background: url("img/arrow-right.png") no-repeat scroll 5px 2px transparent;
    display: inline-block;
    float: left;
    height: 25px;
    padding-left: 0;
    padding-right: 10px;
    padding-top: 0;
    width: 20px;
}



.btn-icon-left:hover {
    background: none;
    border: none;
}



.mini-map {
    background: url('img/mini-map.jpg') top left no-repeat;
    width: 187px;
    height: 136px;
    position: relative;
    float: left;
    margin: 0 20px;
}



.btn-to-maps {
    position: absolute;
    left: -30px;
    top: 70px;
}



.scroll-up {
    width: 53px;
    height: 53px;
    background: url(img/scroll-up.png) no-repeat;
    position: absolute;
    bottom: -27px;
    right: -30px;
    z-index: 1;
    cursor: pointer;
}



.upper {
    z-index: 9;
}



#social-media-fixed {
    position: absolute;
    right: 0px;
    top: 614px;
    width: 200px;
    height: 174px;
    z-index: 1;
    overflow: hidden
}



.sm-box {
    width: 142px;
    height: 36px;
    background: #f8f8f8;
    position: absolute;
    top: 0px;
    right: -142px;
    padding: 16px 0 0 58px;
    cursor: pointer;
}



.sm-box.gplus {
    top: 60px
}



.sm-box.twitter {
    top: 120px
}



.sm-facebook {
    width: 15px;
    height: 31px;
    background: url('img/sprites.png') no-repeat -401px -15px;
    position: absolute;
    top: 11px;
    left: 22px;
}



.sm-gplus {
    width: 43px;
    height: 40px;
    background: url('img/sprites.png') no-repeat -400px -76px;
    position: absolute;
    top: 12px;
    left: 0px;
}



.sm-twitter {
    width: 33px;
    height: 26px;
    background: url('img/sprites.png') no-repeat -399px -137px;
    position: absolute;
    top: 12px;
    left: 13px;
}



/*Classes ~~~~~~~~~~~~*/

/*IDs~~~~~~~~~~~~*/
#logo {
    width: 215px;
    height: 55px;
    position: absolute;
    top: 50px;
    left: 0;
}



#page-header {
    height: 165px;
    background: #a03237;
    /*background: url(img/header-bg.jpg) repeat-x;*/
}



#main-menu {
    /*left: 455px;*/
    left: 354px;
    top: 0;
}



#main-menu li {
    background: url(img/header-a-hover.jpg) top right no-repeat;
    position: relative;
}



#main-menu li.lvl-1-kontakt {
    /*background-image: none;*/
}



#main-menu li.lvl-1-facebook a {
    background: url("img/menu/fb-icn.png") no-repeat scroll center center transparent;
    height: 30px;
    width: 50px;
}



#main-menu a {
    display: block;
    font-family: 'DINNextLTPro-LightCondensed';
    font-size: 25px;
    padding: 65px 15px;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}



#main-menu li:hover, #main-menu li.current {
    background: url(img/header-a-hover.jpg) repeat-x;
}



#main-menu .icn-menu {
    width: 27px;
    height: 27px;
    position: absolute;
    top: 20px;
    opacity: 0;
    cursor: pointer;
}



#main-menu li.current .icn-menu {
    opacity: 1;
    top: 65px;
}



#main-menu li.current a {
    opacity: 0;
    top: 40px;
}



#main-menu .lvl-1-news .icn-menu {
    background: url(img/menu/icon_agentur.png) no-repeat;
    left: 36px;
}



#main-menu .lvl-1-cgi .icn-menu {
    background: url(img/menu/icon_3d.png) no-repeat;
    left: 15px;
}



#main-menu .lvl-1-spots-filme .icn-menu {
    background: url(img/menu/icon_spots.png) no-repeat;
    left: 26px;
}



#main-menu .lvl-1-web .icn-menu {
    background: url(img/menu/icon_web.png) no-repeat;
    left: 18px;
}



#main-menu .lvl-1-socialmedia .icn-menu {
    background: url(img/menu/icon_socialmedia.png) no-repeat;
    left: 55px;
}



#main-menu .lvl-1-kontakt .icn-menu {
    background: url(img/menu/icon_kontakt.png) no-repeat;
    left: 35px;
}



#page-header-small .lvl-1-facebook {
}



#page-header-small li.lvl-1-facebook a {
    background: url("img/menu/fb-icn.png") no-repeat scroll center 5px transparent;
    /*display: block;*/
    width: 50px;
}



/*contact-box*/
.contact-email {
    display: none !important;
}



#footer-menu {
    display: block;
    float: left;
    width: 960px;
}



#footer-menu a {
    display: block;
    font-size: 15px;
    padding: 5px;
    text-decoration: none;
    color: #9F9F9F;
    text-decoration: underline;
}



#footer-menu a:hover, #footer-menu a.current {
    color: #A03237;
}



#footer-menu a.first {
    padding-left: 0;
}



#contact-form-box {
    border-top: 1px solid #CCCCCC;
    padding-top: 70px;
}



#contact-form-box address {
    float: left;
    font-size: 12px;
    line-height: 1.8em;
    margin-top: 1.8em;
}



#contact-form-box h1 {
    padding-bottom: 20px;
}



#spinner-row {
    height: 50px;
    background: #fff url(img/spinner.gif) no-repeat center center;
}



/*projects-slider*/
#projects-slider {
    height: 425px;
    height: 345px;
    border: none;
    margin-top: 0px;
    padding-top: 0;
    position: relative;
    overflow: hidden;
    height: 0px;
    padding-bottom: 0;
}



#projects-slider ul {
    padding: 0;
    margin: 0;

}



#projects-slider li {
    width: 550px;
    height: 375px;
    display: block;
    float: left;
    border-right: 1px solid #CCCCCC;
    position: relative;
    overflow: hidden;
}



#projects-slider li .new-badge {
    background: url(img/new-badge.png) no-repeat 0 0;
    width: 82px;
    height: 82px;
    position: absolute;
    top: 0;
    left: 0;
}



#projects-slider .slider-infobox {
    display: none;
    position: absolute;
    z-index: 100;
    top: 321px;
    left: 0;
    width: 98%;
    height: 45px;
    font-size: 32px;
    font-family: 'DINCondensedW01-Normal';
    margin-left: 1%;
}



#projects-slider .slider-infobox .kunde {
    background: #eee;
    padding: 4px 10px 0 15px;
}



#projects-slider .slider-infobox .titel {
    background: #eee;
    padding: 4px 15px 0 0;
    font-family: 'DINNextLTPro-LightCondensed';
}



#projects-slider .slider-infobox .to-project {
    float: right;
}



#projects-slider-controls {
    width: 960px;
    margin: 0 auto;
    position: relative;
    display: none;
}



.slider-control {
    position: absolute;
    top: 140px;
    width: 70px;
    height: 70px;
    z-index: 100;
    cursor: pointer;
}



#slider-prev {
    left: -100px;
    background: url('img/slider-prev.png') no-repeat;
}



#slider-next {
    left: 1000px;
    background: url('img/slider-next.png') no-repeat;
}



#projects-slider .kunde {
    color: #A03237;
    float: left;
    padding-right: 5px;
}



#projects-slider .titel {
    float: left;
}



#projects-slider .link {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}



/*footer*/
#page-footer {
    background-color: #fff;
    padding: 15px 0;
    font-size: 12px;
    min-height: 250px;
    border-top: 1px solid #ccc;
}



#page-footer a {
    font-size: 12px;
}



.footer-note {
    display: block;
}



/*header*/
#page-header-small {
    z-index: 999;
    display: none;
    position: fixed;
    top: 0;
    height: 40px;
    background: #a03237 !important;
    /*background: #a71118 url("img/header-bg.jpg") repeat-x scroll 0 0 !important;*/
}



#page-header-small #logo {
    height: 40px;
    left: 0;
    top: 0;
    z-index: 10;
    position: absolute;
    width: 215px;
}



#logo.logo-small {
    background: url("img/logo-small.png") no-repeat scroll 0px 5px transparent;
}



#page-header-small a {
    padding-bottom: 0px !important;
    padding-top: 5px !important;
}



#page-header-small #main-menu li.current a {
    opacity: 1;
}



.row-menu {
    overflow: hidden;
}



/*
vorgehensweise
*/
#vorgehensweise {
    margin-left: -35px;
}



#vorgehensweise .steps-images {
    width: 1055px;
    height: 245px;
    background: url(img/vorgehensweise-bg.png) no-repeat;
    margin-bottom: 50px;
}



#vorgehensweise .steps-images img {
    position: absolute;
    display: none;
    left: -35px;
    top: -1px;
}



#vorgehensweise #projects-slider-controls .slider-control {
    top: 0;
}



#vorgehensweise-slider > li {
    list-style-type: none;
}



/*
faq
*/
#faq {
    margin-left: -35px;
}

.faq-steps {
    margin-top: 110px;
}

#faq .steps-images {
    width: 1055px;
    height: 349px;
    background: url(../img/faq/faq.png) no-repeat;
    margin-bottom: 50px;
}


#faq .steps-images img {
    position: absolute;
    display: none;
/*    left: -35px;
    top: -1px;*/
}

#faq .steps-images img.active {
    display: block !important;
}

#faq .steps-images .step-image1 {
    left: -35px;
    top: 0px;
}

#faq .steps-images .step-image2 {
    left: 144px;
    top: 0px;
}

#faq .steps-images .step-image3 {
    left: 324px;
    top: 0px;
}

#faq .steps-images .step-image4 {
    left: 505px;
    top: 0px;
}

#faq .steps-images .step-image5 {
    left: 683px;
    top: 0px;
}

#faq .steps-images .step-image6 {
    left: 858px;
    top: 0px;
}

#faq .steps-images .step-image7 {
    left: 52px;
    top: 187px;
}

#faq .steps-images .step-image8 {
    left: 231px;
    top: 187px;
}

#faq .steps-images .step-image9 {
    left:413px;
    top: 187px;
}

#faq .steps-images .step-image10 {
    left: 593px;
    top: 187px;
}

#faq .steps-images .step-image11 {
    left: 765px;
    top: 187px;
}



#faq #projects-slider-controls .slider-control {
    top: 0;
}



#faq-slider > li {
    list-style-type: none;
}



/*bxslider*/
.bx-wrapper {
    position: relative;
    margin: 0 0 60px;
    padding: 0;
    *zoom: 1;
}



.bx-wrapper img {
    width: 100%;
    display: block;
}



#vorgehensweise .invisible-buttons {
    height: 250px;
    width: 1075px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    opacity: 0;

}



#vorgehensweise .invisible-buttons .i-btn {
    width: 170px;
    height: 250px;
    float: left;
    display: block;
    margin: 0 8px 0 0;
    float: left;
    cursor: pointer;
}



#faq .invisible-buttons {
    height: 355px;
    width: 1075px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    opacity: 0;

}



#faq .invisible-buttons .i-btn {
    width: 170px;
    height: 165px;
    float: left;
    display: block;
    margin: 0 8px 20px 0;
    float: left;
    cursor: pointer;
}

#faq .invisible-buttons .i-btn.z2 {
    margin-left: 88px;
}


/*projects detail*/
.project-controls {
    display: block;
    margin: 0 0 25px 0;
}



.project-controls>div {
    width: 35px;
    height: 32px;
    margin: 0 4px 0 0;
    display: block;
    float: left;
    cursor: pointer;
}



.project-controls.back {
    background: url('img/project-controls.png') no-repeat 0 0;
}



.project-controls.prev {
    background: url('img/project-controls.png') no-repeat -40px 0;
}



.project-controls.next {
    background: url('img/project-controls.png') no-repeat -80px 0;
}



.fb-cat-detail {
	margin: 0 4px 0 0;
    display: block;
    float: left;
}



.superlink-box-container {
    position: relative;
    margin-left: -5px;
    margin-top: 15px;
}



.superlink-box-container.facebook {
    position: absolute;
    right: 0px;
    top: 5px
}



.superlink-box {
    height: 70px;
    width: 83px;
    float: left;
    display: block;
    margin: 0 5px 0 -10px;
    cursor: pointer;
}



.superlink-icon {
    width: 85px;
    height: 55px;
    position: absolute;
    top: 15px;
    overflow: hidden;
}



.superlink-shadow {
    background: url(img/supermenu/schatten.png) no-repeat;
    width: 83px;
    height: 70px;
    display: block;
    z-index: 1;
    position: absolute;
}



.superlink-box.vorgehensweise .superlink-icon {
    background: url(img/supermenu/vorgehensweise.png) no-repeat top center;
}



.superlink-box.team .superlink-icon {
    background: url(img/supermenu/team.png) no-repeat top center;
}



.superlink-box.module .superlink-icon {
    background: url(img/supermenu/module.png) no-repeat top center;
}



.superlink-box.faq .superlink-icon {
    background: url(img/supermenu/faq.png) no-repeat top center;
}



.superlink-box.karriere .superlink-icon {
    background: url(img/supermenu/karriere.png) no-repeat top center;
}



.superlink-box.leistungsspektrum .superlink-icon {
    background: url(img/supermenu/leistungsspektrum.png) no-repeat top center;
}



.superlink-box.facebook .superlink-icon {
    background: url(img/supermenu/fb_icon.png) no-repeat top center;
}



.project-info-left a {
    color: #A03237;
}



.project-info-left a:hover {
    text-decoration: underline;
}



.col-left a:before, .col-right a:before, .email a {
    content: '» ';
}



.superlink-box-container a:before,
.projects-box a:before,
#ca-container a:before,
.superlink-icon a:before,
.single-project a:before,
.single-project-ref a:before,
.sbToggle:before {
    content: none !important;
}



/*
team
*/
/*team carousel & auch FAQ*/
.ca-container {
    position: relative;
    width: 990px;
    height: 450px;
    z-index: 5;
}



.ca-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}



.ca-item {
    position: relative;
    float: left;
    width: 330px;
    height: 100%;
    text-align: center
}



.ca-more {
    margin-top: 20px;
    margin-right: 10px;
    float: right;
}



.ca-close {
    background: none repeat scroll 0 0 #A03237;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    height: 32px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 10px;
    width: 35px;
    cursor: pointer;
    background: url("img/project-controls.png") no-repeat scroll 0 0 transparent;
}



.ca-item-main {
    cursor: pointer;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 10px;
    bottom: 0px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #CCCCCC;
}



.ca-content-wrapper {
    background: #fff url(img/pattern-mitarbeiter.png);
    position: absolute;
    width: 0;
    height: 448px;
    top: 0;
    text-align: left;
    z-index: 10000;
    overflow: hidden;
    border: 1px solid #CCCCCC;
}



.ca-content-wrapper .left {
    width: 50px;
    height: 448px;
    float: left;
    background: url(img/mitarbeiter-left.jpg);
    display: block;
}



.ca-content {
    width: 590px;
    overflow: hidden
}



.ca-content-text {
    padding: 40px 75px 20px 70px;
}



.ca-content-text h1, .ca-content-text h2, .ca-content-text h3 {
    font-weight: normal
}



.ca-nav span {
    position: absolute;
    top: 190px;
    width: 70px;
    height: 70px;
    z-index: 100001;
    cursor: pointer;
}



.ca-nav span.ca-nav-prev {
    left: -100px;
    background: url('img/slider-prev.png') no-repeat;
}



.ca-nav span.ca-nav-next {
    left: 1000px;
    background: url('img/slider-next.png') no-repeat;
}



.ca-item-main h3 {
    font-family: 'DINCondensedW01-Normal';
    font-size: 34px;
    color: #A03237;
    font-weight: normal;
    text-align: left;
    padding-left: 30px;
    height: 40px;
    line-height: 1em;
}



.ca-item-main h4 {
    font-family: 'DINNextLTPro-LightCondensed';
    font-size: 34px;
    font-weight: normal;
    text-align: left;
    padding-left: 30px;
    line-height: 1em;
}



.ca-bottom {
    display: block;
    font-weight: bold;
    position: absolute;
    top: 387px;
    left: 120px;
    width: 500px;

}



.bottom-item {
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}



.vcf {
    background: url(img/vcf-download.png);
    width: 125px;
    height: 60px;
    display: block;
    position: absolute;
    top: -25px;
    left: 370px;
}



#map {
    width: 515px;
    height: 400px;
}



body.faq .ca-more {
    float: right;
    left: 60px;
    margin-right: 10px;
    margin-top: 20px;
    position: absolute;
    top: 360px;
    width: 220px;
}



.projects-box {
    display: block;
    min-height: 400px;

}

.projects-centered {
    margin:0 auto;
}



.projects-box-controls {
    height: 110px;
    z-index: 99;
    position: relative;
}



.projects-box-controls .col-right {
    padding: 5px 20px 0 0;
    float: right;
}



.projects-box .single-project,
.projects-box .single-project-ref{
    float: left;
    margin: 5px 5px 0 0;
    display: none;
    position: relative;
    opacity: 0.7;
    height: 218px;
    width: 320px;
    overflow: hidden;
    border: 1px solid #ccc;
}

.projects-box .single-project-ref{
    display:block
}



.projects-box .single-project-overlay {
    display: none;
    position: absolute;
    background: #A03237;
    padding: 10px;
    top: 150px;
    left: 0;
    width: 240px;
    color: #fff;
    font-size: 16px;
}



.projects-box select {
    padding: 8px;
    background: #fff;
    border: 1px solid #ccc;
    color: #8d8d8d;
    font-size: 16px;
    float: right;
    width: 200px;
}



#choose_project {
    margin-right: 10px;
}



.project-info-left {
    margin: 15px 0;
    font-size: 12px;
}



#map-big {
    height: 375px;
}



#balken {
    background: url("img/balken.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    left: 140px;
    position: absolute;
    top: 7px;
    width: 76px;
}



.news-overlay {
    background: url("img/pattern-white95.png") repeat scroll 0 0 transparent;
    min-height: 160px;
    opacity: 0.95;
    padding: 15px 50px;
    position: absolute;
    top: 155px;
    width: 450px;
}



.news-overlay .datum {
    font-family: 'DINCondensedW01-Normal';
    font-weight: normal;
    font-size: 36px;
    height: 45px;
}



.news-overlay .text h1 {
    font-family: 'DINNextLTPro-LightCondensed';
    font-weight: normal;
    padding-bottom: 5px;
}



.news-overlay .text {
    text-align: left;
    line-height: 1.4em;
}



.news-overlay .text a:before {
    content: '» ';
}



.news-datum {
    position: absolute;
    top: 0;
    left: 30px;
    background-color: #bcbcbc;
    padding: 20px 15px;
    color: #fff;
}



.row-news {
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 0;
}



.date-top {
    font-family: 'DINCondensedW01-Normal';
    font-size: 36px;
    line-height: 0.6em;
    padding-top: 10px;
    margin-bottom: 1px;
}



.date-bottom {
    font-family: 'DINNextLTPro-LightCondensed';
    font-size: 36px;
}



/*PLUGINS*/

/*fancybox*/
/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.
fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: top
}



.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020
}



.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
}



.fancybox-opened {
    z-index: 8030
}



.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}



.fancybox-outer, .fancybox-inner {
    position: relative
}



.fancybox-inner {
    overflow: hidden
}



.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}



.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}



.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}



.fancybox-image {
    max-width: 100%;
    max-height: 100%
}



#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('img/fancybox_sprite.png')
}



#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: .8;
    cursor: pointer;
    z-index: 8060
}



#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('img/fancybox_loading.gif') center center no-repeat
}



.fancybox-close {
    cursor: pointer;
    height: 36px;
    position: absolute;
    right: -36px;
    top: 0;
    width: 40px;
    z-index: 8040;
}



.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('img/blank.gif');
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    z-index: 8040
}



.fancybox-prev {
    left: 0
}



.fancybox-next {
    right: 0
}



.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden
}



.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px
}



.fancybox-next span {
    right: 10px;
    background-position: 0 -72px
}



.fancybox-nav:hover span {
    visibility: visible
}



.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}



.fancybox-lock {
    overflow: hidden
}



.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('img/fancybox_overlay.png')
}



.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}



.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}



.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050
}



.fancybox-opened .fancybox-title {
    visibility: visible
}



.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center
}



.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap
}



.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}



.fancybox-title-inside-wrap {
    padding-top: 10px
}



.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8)
}



/*selectbox*/
.sbHolder {
    background-color: #fff;
    border: solid 1px #d1d1d1;
    height: 30px;
    position: relative;
    width: 200px;
    float: left;
    margin-right: 10px;
    font-family: 'DINNextLTPro-LightCondensed';
    font-size: 18px;
}



.sbSelector {
    display: block;
    height: 30px;
    left: 0;
    line-height: 30px;
    outline: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 10px;
    top: 0;
    width: 170px
}



.sbSelector:link, .sbSelector:visited, .sbSelector:hover {
    color: #999;
    outline: 0;
    text-decoration: none
}



.sbToggle {
    background: url(img/selectbox/select-icons.png) 0 -116px no-repeat;
    display: block;
    height: 30px;
    outline: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}



.sbToggle:hover {
    background: url(img/selectbox/select-icons.png) 0 -167px no-repeat
}



.sbToggleOpen {
    background: url(img/selectbox/select-icons.png) 0 -16px no-repeat
}



.sbToggleOpen:hover {
    background: url(img/selectbox/select-icons.png) 0 -66px no-repeat
}



.sbHolderDisabled {
    background-color: #3c3c3c;
    border: solid 1px #515151
}



.sbOptions {
    background-color: #fff;
    border: solid 1px #999;
    list-style: none;
    left: -1px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 200px;
    z-index: 1;
    overflow-y: auto
}



.sbOptions li {
    padding: 0 7px;
    background-color: #fff;
}



.sbOptions a {
    border-bottom: solid 1px #ccc;
    display: block;
    outline: 0;
    padding: 7px 0 7px 3px;
    background-color: #fff;
}



.sbOptions a:link, .sbOptions a:visited {
    color: #999;
    text-decoration: none
}



.sbOptions a:hover, .sbOptions a:focus, .sbOptions a.sbFocus {
    color: #999
}



.sbOptions li.last a {
    border-bottom: 0
}



.sbOptions .sbDisabled {
    border-bottom: dotted 1px #999;
    color: #999;
    display: block;
    padding: 7px 0 7px 3px
}



.sbOptions .sbGroup {
    border-bottom: dotted 1px #999;
    color: #ccc;
    display: block;
    font-weight: bold;
    padding: 7px 0 7px 3px
}



.sbOptions .sbSub {
    padding-left: 17px
}



/*tooltipster*/
.tooltip-message {
    background-color: #f9f9f9;
    border: 1px solid #dadada;
    box-shadow: inset 0 1px 0 #fff;
    color: #595959;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    position: absolute;
    padding: 10px;
    border-radius: 4px;
    text-align: center;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible
}



.my-custom-theme {
    position: absolute;
    text-align: center;
    z-index: 9999999;
    pointer-events: none;
    width: auto
}



.tooltip-message img {
    border-radius: 2px
}



.tooltip-arrow {
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    z-index: -1
}



.tooltip-arrow-top {
    bottom: -3px;
    margin: 0 auto;
    text-align: center
}



.tooltip-arrow-top-right {
    bottom: -3px;
    margin-left: -10px;
    text-align: right
}



.tooltip-arrow-top-left {
    bottom: -3px;
    margin-left: 10px;
    text-align: left
}



.tooltip-arrow-bottom {
    top: -10px;
    margin: 0 auto;
    text-align: center
}



.tooltip-arrow-bottom-right {
    top: -10px;
    margin-left: -10px;
    text-align: right
}



.tooltip-arrow-bottom-left {
    top: -10px;
    margin-left: 10px;
    text-align: left
}



.tooltip-arrow-left {
    top: 0;
    right: -18px;
    margin: 0 auto;
    text-align: right
}



.tooltip-arrow-right {
    top: 0;
    left: -8px;
    margin: 0 auto;
    text-align: left
}



.tooltip-slide {
    height: 0;
    position: absolute;
    width: auto;
    z-index: 9999999;
    overflow: hidden
}



/*media-queries*/
@media screen and (max-width: 1024px) {
    body {
    }



    .row-full {
        width: 1024px;
    }



    .row-centered {
        width: 98%;
        padding-left: 2%;
    }



    #logo {
        left: 10px;
    }



    #main-menu {
        /*left: 460px;*/
        left: 359px;
    }



    /*    .ca-nav{
            display: none;
        }*/
    #ca-container .ca-nav .ca-nav-prev {
        left: 5px
    }



    #ca-container .ca-nav .ca-nav-next {
        left: 910px
    }



    .col-right {
        padding: 0;
    }

    .projects-box .single-project
    .projects-box .single-project-ref {
        margin: 0 2px 0 0;
        width: 315px;
    }



    #social-media-fixed {
        right: -45px;
    }



    #vorgehensweise > #projects-slider-controls > #slider-prev {
        display: none !important
    }



    #vorgehensweise > #projects-slider-controls > #slider-next {
        display: none !important
    }
}



.social_share_privacy_area {
    clear: both;
    margin: 7px 10px !important;
    list-style-type: none;
    padding: 0 !important;
    width: auto;
    height: 25px;
    display: block
}



.social_share_privacy_area li {
    margin: 0 !important;
    padding: 0 !important;
    height: 21px;
    float: left
}



.social_share_privacy_area li .dummy_btn {
    float: left;
    margin: 0 0 0 10px;
    cursor: pointer;
    padding: 0;
    height: inherit
}



.social_share_privacy_area li div iframe {
    overflow: hidden;
    height: inherit;
    width: inherit
}



.social_share_privacy_area .facebook {
    width: 180px;
    display: inline-block
}



.social_share_privacy_area .facebook .fb_like iframe {
    width: 145px
}



.social_share_privacy_area .twitter {
    width: 148px
}



.social_share_privacy_area li div.tweet {
    width: 115px
}



.social_share_privacy_area .gplus {
    width: 123px
}



.social_share_privacy_area li div.gplusone {
    width: 90px
}



.social_share_privacy_area li .switch {
    display: inline-block;
    text-indent: -9999em;
    background: transparent url(img/socialshareprivacy_on_off.png) no-repeat 0 0 scroll;
    width: 23px;
    height: 12px;
    overflow: hidden;
    float: left;
    margin: 4px 0 0;
    padding: 0;
    cursor: pointer
}



.social_share_privacy_area li .switch.on {
    background-position: 0 -12px
}



.social_share_privacy_area li.help_info {
    position: relative
}



.social_share_privacy_area li.help_info .info, .social_share_privacy_area li .help_info.icon .info {
    display: none;
    position: absolute;
    bottom: 40px;
    left: 0;
    width: 290px;
    padding: 10px 15px;
    margin: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 3px 4px #999;
    -webkit-box-shadow: 0 3px 4px #999;
    box-shadow: 0 3px 4px #999;
    background-color: #fdfbec;
    color: #000;
    z-index: 500
}



.social_share_privacy_area li.gplus.help_info .info {
    left: -60px
}



.social_share_privacy_area li .help_info.icon .info {
    left: -243px;
    width: 350px
}



.social_share_privacy_area li.help_info.display .info, .social_share_privacy_area li .help_info.icon.display .info {
    display: none
}



.social_share_privacy_area li.help_info.info_off.display .info {
    display: none
}



.social_share_privacy_area li .help_info.icon {
    background: #fff url(img/socialshareprivacy_info.png) no-repeat center center scroll;
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 2px solid #e7e3e3;
    border-right-width: 0;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    margin: 0;
    padding: 0
}



.social_share_privacy_area li.settings_info .settings_info_menu.on .help_info.icon {
    border-top-width: 0;
    border-left-width: 0
}



.social_share_privacy_area li.settings_info .settings_info_menu.perma_option_off .help_info.icon {
    border-right-width: 2px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}



.social_share_privacy_area li.settings_info {
    position: relative;
    top: -2px
}



.social_share_privacy_area li.settings_info a {
    text-decoration: none;
    margin: 0 !important
}



.social_share_privacy_area li.settings_info .settings_info_menu {
    background-color: #f3f4f5;
    border: 2px solid #e7e3e3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 3px #c1c1c1;
    -webkit-box-shadow: 2px 2px 3px #c1c1c1;
    box-shadow: 3px 3px 3px #c1c1c1;
    left: 0;
    position: absolute;
    top: 0;
    width: 135px;
    z-index: 1000;
    margin: 0;
    padding: 0
}



.social_share_privacy_area li.settings_info .settings_info_menu.off {
    border-width: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}



.social_share_privacy_area li.settings_info .settings_info_menu.off form {
    display: none;
    margin: 0;
    padding: 0
}



.social_share_privacy_area li.settings_info .settings_info_menu .settings {
    text-indent: -9999em;
    display: inline-block;
    background: #fff url(img/settings.png) no-repeat center center scroll;
    width: 25px;
    height: 20px;
    border: 2px solid #e7e3e3;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    border-left: 1px solid #ddd;
    margin: 0;
    padding: 0
}



.social_share_privacy_area li.settings_info .settings_info_menu.on .settings {
    border-top-width: 0
}



.social_share_privacy_area li.settings_info .settings_info_menu form fieldset {
    border-width: 0;
    margin: 0;
    padding: 0 10px 10px
}



.social_share_privacy_area li.settings_info .settings_info_menu form fieldset legend {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin: 0;
    padding: 10px 0;
    width: 115px
}



.social_share_privacy_area li.settings_info .settings_info_menu form fieldset input {
    clear: both;
    float: left;
    margin: 4px 10px 4px 0;
    padding: 0
}



.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
    -moz-transition: color .5s ease-in;
    -webkit-transition: color .5s ease-in;
    transition: color .5s ease-in;
    margin: 0;
    padding: 0
}



.social_share_privacy_area li.settings_info .settings_info_menu form fieldset label.checked {
    color: #090
}



.settings_info {
    display: none;
}



.fblike {
    display: none;
}