/* @group Layout */

/*
special classes in layout
-> do not use in modules

.page
.head
.body
.foot

.left
.right
.klubschulelogo
.businesslogo
.coursedocument
.page-fix
.page-nav
.klubschulecampaign
.add
.leave_message



--- Grid
.row
.span1, .span2, .span3, .span4, .span5
.offset1, .offset2, .offset3, .offset4

*/


@media all {
    #leave_message { display: none; padding-left: 30px; } /* id - we use it with js */
}


@media print {

    .modLayout .klubschulelogo {
        float:left;
        margin-right: 60px;
    }
    .modLayout .add {margin-left: 30px;}

    .modLayout .coursedocument,
    .modLayout .page-nav { display: none;}
}



@media screen {
    html {height: 115%;}
    body {}

    .modLayout body {
        width: auto;
        border-left: 30px solid #e1001b; /* default skin */
        border-top: 30px solid #e1001b;  /* default skin */
    }

    .modLayout .klubschulelogo {
        float:left;
        margin-left: 15px;
    }

    .modLayout .page {
        margin: 30px 0 0 30px;
        padding-bottom: 0; /* Abstand nach Footer */
        position: relative;
    }

    .modLayout .head {}
    .modLayout .body {
        min-height: 350px;
        position: relative; z-index: 1; /* create stacking context (see .helper_campaign)  */
    }
    .modLayout .foot {
        margin-top: 6em;
    }


    .modLayout .left {float:left;}
    .modLayout .right {float:right;}
    .modLayout .businesslogo {max-width: 620px;}
    .modLayout .coursedocument {margin-top: -.467em; text-align: right;}
    .modLayout .page-nav {}

    .modLayout .page-fix {width: 1185px;}



    .modLayout .helper_campaign {
        position: absolute; z-index: -1; /* has to be below .body */
        width: 100%;
        height: 500px;

        background: transparent none no-repeat scroll 1185px 0;
    }





    /* layout spacing */
    .modLayout .add {margin-left: 100px;} /* design has more space */


}
/* @end */