/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Content
==================================================
        #Reset & Basics
        #Basic Styles
        #Site Styles
        #Typography
        #Links
        #Lists
        #Images
        #Buttons
        #Forms
        #Misc */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
        html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, select{
                margin: 0;
                padding: 0;
                border: 0;
                font-size: 100%;
                font: inherit;
                vertical-align: baseline; font-family: 'ProximaNovaRegular'; }
        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
                display: block; }
        body {
                line-height: 1; }
        ol, ul {
                list-style: none; }
        blockquote, q {
                quotes: none; }
        blockquote:before, blockquote:after,
        q:before, q:after {
                content: '';
                content: none; }
        table {
                border-collapse: collapse;
                border-spacing: 0; }


/* #Basic Styles
================================================== */
        body {
                background: #fff;
                font: 14px/22px 'OpenSans-Light-webfont';
                color:#e0e0e0;
                text-align:left;
                -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
                -webkit-text-size-adjust: 100%;
 }


/* #Typography
================================================== */
        h1, h2, h3, h4, h5, h6 {
                color: #bbdefc;

				font-family: 'ProximaNovaRegular';
                font-weight: normal; }
        h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit;text-align:left; }
        h1 { font-size: 40px; line-height: 74px; color:#bbdefc; font-weight:bold; text-transform:uppercase;}
        h2 { font-size: 55px; line-height: 59px; }
        h3 { font-size: 50px; line-height: 54px; }
        h4 { font-size: 45px; line-height: 49px; }
        h5 { font-size: 40px; line-height: 44px; }
        h6 { font-size: 30px; line-height: 36px; padding-bottom:10px; color:#fff; text-transform:uppercase;}
        .subheader { color: #7a7a7a; }

        h6.projekt{
                color:#5390eb !important;
                margin-top:20px;
                font-size:36px;

        }
        h6.projekt-pontis{
                color:#a2c50f !important;
                margin-top:20px;
                font-size:36px;
        }
        h6.projekt-anima{
                color:#723b41 !important;
                margin-top:20px;
                font-size:36px;
        }

        a.projekt{
                color:#e40808;
        }
        a.projekt:hover, a.projekt:visited, a.projekt:active, a.projekt:focus{
                color:#3b5997;
        }
        p.projekt { margin: 10px 0 10px 0; color:#333; }
        p img { margin: 0; }
        p.lead { font-size: 21px; line-height: 27px; color: #777;  }

        em { font-style: italic; }
        strong { font-weight: bold;}
        small { font-size: 80%; }

/*        Blockquotes  */
        blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
        blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #323a3d; }
        blockquote cite { display: block; font-size: 12px; color: #555; }
        blockquote cite:before { content: "\2014 \0020"; }
        blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

        hr { border: solid #323a3d; border-width: 1px 0 0; clear: both; margin:0 10px 0 10px; height: 0; position:relative;}


/* #Links
================================================== */
        a, a:visited { text-decoration: none; color:#fff; }
        h4 a{
                color:#FFF !important;
        }
        a:hover, a:focus { color: #fff;text-decoration:underline;}
        p a, p a:visited { line-height: inherit; text-decoration: none;}


/* #Lists
================================================== */
        ul, ol { }
        ul { list-style: none outside; }
        ol { list-style: decimal; color:#333333; }
        ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
        ul.square { list-style: square outside; }
        ul.circle { list-style: circle outside; }
        ul.disc { list-style: disc outside; }
        ul ul, ul ol,
        ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
        ul ul li, ul ol li,
        ol ol li, ol ul li { margin-bottom: 6px; }
        li { line-height: 18px; margin-bottom: 10px;}
        ol li.projekt{
                color:#333333;
        }
        ul.large li { line-height: 21px; }
        li p { line-height: 21px; }
/* #Buttons
================================================== */

        .button,
        button,
        input[type="submit"],
        input[type="reset"],
        input[type="button"] {
                background: rgba(228,8,8,1);
                border:none;
          color: #fff;
          display: inline-block;
          font-size: 16px;
          cursor: pointer;
          margin-bottom: 20px;
          line-height: normal;
          padding: 15px 25px;
        -webkit-transition : all 0.3s ease-out;
        -moz-transition : all 0.3s ease-out;
        -o-transition :all 0.3s ease-out;
        transition : all 0.3s ease-out; }

        .button:hover,
        button:hover,
        input[type="submit"]:hover,
        input[type="reset"]:hover,
        input[type="button"]:hover {
                background: #5390eb; }

        .button:active,
        button:active,
        input[type="submit"]:active,
        input[type="reset"]:active,
        input[type="button"]:active {
                background: #ccc;}

        .button.full-width,
        button.full-width,
        input[type="submit"].full-width,
        input[type="reset"].full-width,
        input[type="button"].full-width {
                width: 100%;
                padding-left: 0 !important;
                padding-right: 0 !important;
                text-align: center; }

        /* Fix for odd Mozilla border & padding issues */
        button::-moz-focus-inner,
        input::-moz-focus-inner {
    border: 0;
    padding: 0;
        }
		.oeko{
			text-align:center;
		}
/* #Images
================================================== */

        img.scale-with-grid {
                max-width: 100%;
                height: auto; }




/* #Misc
================================================== */
        .remove-bottom { margin-bottom: 0 !important; }
        .half-bottom { margin-bottom: 10px !important; }
        .add-bottom { margin-bottom: 20px !important; }