/* font-import */
@font-face {
    font-family: 'AndaleMonoRegular';
    src: url('../fonts/AndaleMono-webfont.eot');
    src: url('../fonts/AndaleMono-webfont%EF%B9%96iefix.eot') format('eot'),
         url('../fonts/AndaleMono-webfont.woff') format('woff'),
         url('../fonts/AndaleMono-webfont.ttf') format('truetype'),
         url('../fonts/AndaleMono-webfont.svg#webfontuk6D2tF2') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Site-wide properties ======================================================== */
body{
    font: normal normal 1em/1em 'AndaleMonoRegular', Arial, sans-serif; color: #666; background: #b8b8ba; }
    a { color: #fff; text-decoration: none; }
    a:hover { color: #d8ff00; text-decoration: none; }
    a:focus { outline:solid 0; } /* verhindert blur-border */

/* Reusable classes ============================================================ */

/* For when a <br /> just ain't enough */
.separator{
    clear: both;
    float: left;
    height: 1px;
    width: 100%; }
    
/* The inside class provides consistent padding. To be used often! */
.inside{ padding:0 2em 0 1em; }

/* Basic Structure ============================================================= */
    #wrap{
    margin: 0 auto;
    width: 60em;
    min-height:47.5em; }

    /* Header */
    header{
        float: left;
        width: 100%;
        margin: 3.4em 0 0 0; }
        
    /* Content */
    article{
        float: left;
        width: 37.5em;
        margin: 0; }

    /* Sidebar */
    aside{
        float: right;
        width: 19.5em; }
        
    /* Footer */
    footer{
        float: left;
        width: 100%; }
    
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */

/* header title */
header h1 {
		font-size: 2em;
		font-weight: 600;
		letter-spacing:0.1em;
		text-transform:uppercase;
		margin:0 0 .5em 0;
		color: #d8ff00; }
		
header h2 {
		font-size: 1.25em;
		font-weight: 500;
		letter-spacing:.1em;
		text-transform:uppercase;
		margin:0 0 0 .1em;
		color:#fff; }
		
/* content */
article p {
		font-size: .81em;
		line-height: 1.25em;
		margin:0;
		color:#fff; }
		
article .frontimg {
		text-align:right; 
}

footer .inside {
		font-size: .69em;
		padding:0 3em;
		text-align:right;
		color:#fff; }

/* js piwik */
#piwik {
	visibility:hidden;
}