@media screen and (min-width: 530px) {

    body {
        font-size: 1em;
    }

    #navigation {
        width:20.5em;
    }

    table {
        font-size:1em;
    }

    #referenzen table .volumen,
    #referenzen table .jahr {
        display:table-cell;
    }



}





@media screen and (min-width: 730px) {

    #content.wide {
        max-width:35em;
    }





}






@media screen and (min-width: 750px) {

    #content.wide {
        max-width:30em;
    }


    dl {
        margin-top:2.3em;
    }

    dd {
        margin-left:12em;
    }

    /*
    #projekte dl.no-float dt {}
    #projekte dl.no-float dd {
        clear:both;
        margin-left:0em;
    }
    */


    #projekte dt {
        font-weight:normal;
    }


    .detail .col-1 {
        width:47%;
        float:left;
        margin-right:6%;
    }

    .detail .col-2 {
        width:47%;
        float:right;
    }

    #projekte .projekt {
        display:block;
    }

    #projekte .detail {
        display:none;
    }

    #footer {
        bottom:2em;
        left:7.5em;
    }

    #container {
        padding:0;
    }

    #navigation,
    #footer {
        position:fixed;
    }

    #content {
        position: absolute;
        top: 10.3em;
        left: 23em;
        max-width:27em;
        margin-top:0;
        overflow:visible;
    }

    #projekte .detail {
        position: absolute;
        top: -5.8em ;
        left: 0em;
        width:42em;

    }

    #navigation .full {
        position:absolute;
        margin-top:2.875em;
    }

    #navigation ul {
        padding-left:7.5em;
    }

    #navigation {
        top:2.5em;
        left:0.8em;
    }

    dt {
        float:left;
    }

    dd {
    }

    .close-clicklayer {
        width:auto;
        position:absolute;
        right:0;
        top:0;
        cursor:pointer;
        display:block;
    }



    .detail .text-wrapper .col-1 *,
    .detail .text-wrapper .col-2 * {
        display:block;
    }

    .detail .text-wrapper .display-project-details {
        display:none;
    }

 .inner-right-col {
	padding-top:7em;
	width:60%;
	margin-left: 40%;
    }

    .inner-left-col {
        padding-top:7em;
	float:left;
	width:40%;
    }



}

@media screen and (min-width: 900px) {
    #content.wide {
        max-width:33em;
    }



}




@media screen and (min-width: 970px) {
    #content.wide {
        max-width:38em;
    }


  .ueber-uns-overlay {
        position:absolute;
        width:100%;
        height:200%;
        background:url('../img/layer_ueberuns.png');
        z-index:1;
    }

    #navigation,
    #footer,
    #content {
        z-index:101;
    }


}


@media screen and (min-width: 1170px) {
    #content.wide {
        max-width:55em;
    }

    #referenzen .legende,
    #referenzen table .leistung,
    #referenzen table .volumen,
    #referenzen table .jahr {
        display:table-cell;
    }

}

@media screen and (min-width: 1370px) {

    #content {
        left: 27.625em;
    }

}


@media screen and (min-width: 1800px) {


    body {
        font-size: 1.2em;
    }



}