@charset "iso-8859-1";

/**
 * @since 2015-03-06
 * @Prefix-ID #ag
**/

/* BASE */

    /* resets */
    body, #ag div, #ag p, #ag ul, #ag li, #ag h1, #ag h2, #ag h3, #ag h4, #ag h5, #ag h6 { 
        margin:0; 
        padding:0; 
    }

    #ag img { display: block; border: none }
    #ag sub, #ag sup { line-height: 0px; }
    #ag #foo { display: none; }


/* SYSTEM */

    /* container */
    #ag {
        box-sizing: border-box;
        width: 780px;
        margin: 0 auto; 
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: left;
		border: 1px solid #999;
		font-variant-ligatures:none;
		
    }
    #ag-inner-wrapper {
        width: 100%;
        float: left;
        position: relative;
		background: #fff;
    }

    /* grid */

    #ag .spalte, #ag .spalten { 
        display: block;
        box-sizing: border-box;
        float: left; 
        margin: 0; 
        padding: 0; 
        min-height: 1px;
        position: relative;
    }

    #ag .eine { width: 8.33333333%; }
    #ag .zwei { width: 16.66666666%; }
    #ag .drei { width: 25%; }
    #ag .vier { width: 33.33333333%; }
    #ag .fuenf { width: 41.66666666%; }
    #ag .sechs { width: 50%; }
    #ag .sieben { width: 58.33333333%; }
    #ag .acht { width: 66.66666666%; }
    #ag .neun { width: 75%; }
    #ag .zehn { width: 83.33333333%; }
    #ag .elf { width: 91.66666666%; }
    #ag .zwoelf { width: 100%; }

    /* offset */

    #ag .eineabstand { margin-left: 8.33333333%; }
    #ag .zweiabstand { margin-left: 16.66666666%; }
    #ag .dreiabstand { margin-left: 25%; }
    #ag .vierabstand { margin-left: 33.33333333%; }
    #ag .fuenfabstand { margin-left: 41.66666666%; }
    #ag .sechsabstand { margin-left: 50%; }
    #ag .siebenabstand { margin-left: 58.33333333%; }
    #ag .achtabstand { margin-left: 66.66666666%; }
    #ag .neunabstand { margin-left: 75%; }
    #ag .zehnabstand { margin-left: 83.33333333%; }
    #ag .elfabstand { margin-left: 91.66666666%; }
    #ag .zwoelfabstand { margin-left: 100%; }

/* VORLAGEN */

    #ag #shadow {   
		box-shadow: 0px 0px 20px #aaa;
    }
	
	#ag .align--left {
    margin-left: 0;
    margin-right: auto;
}

	#ag .align--center {
    margin: 0 auto;
}

	#ag .align--right {
    margin-left: auto;
    margin-right: 0;
}


/* MICROCLEARFIX | Nicolas Gallagher */

    .clear:before, .clear:after { 
        content: " "; /* 1 */ 
        display: table; /* 2 */ }
    .clear:after { clear: both; }
    .clear { *zoom: 1; clear:  both;}