/*
 *        Voll     Getnt  Dunkel  Gehellt Blass
 *        Orange FF9200	BF8230	A65F00	FFAD40	FFC373
 *        Gruen  00FF00	30BF30	00A600	40FF40	73FF73
 *        */

html,
button,
input,
select,
textarea {
    color: #222;
}
       
html,
body {
    height: 100%;
}
       
body {
    font-size: 1rem;
    line-height: 1.4;
    font-family: 'Droid Sans',Helvetica,Arial,sans-serif;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1rem 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2rem 0;
    background: #ccc;
    color: #000;
    padding: 0.2rem 0;
}


#HeaderLogo {
    /*display: block;
 *     top: 2px;  */
    right: 10%;
    z-index: 1;
    float: right;
    position: relative;
}

/* ===== Initializr Styles ==================================================
 *    Author: Jonathan Verrecchia - verekia.com/initializr/responsive-tremplate
 *       ========================================================================== */
/*
 * body {
 *     font: 16px/26px Helvetica, Helvetica Neue, Arial;
 *     }*/

.wrapper {
    width: 90%;
    margin: 0 1.4rem;
}

/* ===================
 *     ALL: Orange Threme
 *        =================== */

h1.title {
    color: #fff;
    text-shadow: 2px 2px 4px #000;
    text-align: center;
    width: 100%;
    max-height: 1.4rem;
}

.footer-container,
.main aside {    
    border-top: 0.5rem solid #ffff3e;
}
 /*
 * .main aside {    
 *     border-right: 0.5rem solid #ffff3e;
 *     }
 *
 *
 *     .main nav {
 *         border-right: 0.5rem solid #000caf;
 *             border-bottom: 0.5rem solid #000caf;
 *             }*/

.footer-container {
    height: 4.5rem;
    min-height: 4.5rem;
    max-height: 4.5rem;
    position: relative;
    margin-top: -5em;
}

.header-container {
    z-index: -31;
    background-color: 8eb92a;
    background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #6b8e20 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#6b8e20));
    background: -webkit-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#6b8e20 100%);
    background: -o-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#6b8e20 100%);
    background: -ms-linear-gradient(top, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#6b8e20 100%);
    background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#6b8e20 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#6b8e20',GradientType=0 );
        height: 5.5rem;
    min-height: 5.5rem;
    max-height: 5.5rem;
}

.main nav,
.main aside {
    position: relative;    
}


.main nav,
.footer-container,
.main aside {
    background: #6a8b17; /*8eb92a*/
    z-index: 3100;
}

.title {
    color: white;
}

.main nav {
      padding: 0px 3% 10px;
}

    .main nav ul {
        width: 100%;
        padding: 0;
    }

    .main nav ul ul {
        padding: 0 0 0 0.5rem;
        margin: 0.1rem 0;
    }

    nav li:first-child a {
        margin-left: 0;
    }

    nav li:last-child a {
        margin-right: 0;
    }



/* ==============
 *     MOBILE: Menu
 *        ============== */


nav a {
  
  color: white;
}
nav a:hover,
nav a:visited {
  color: yellow;
}

nav a:hover {
    text-decoration: underline;
}

/* ==============
 *     MOBILE: Main
 *        ============== */

 .main-container {
 padding-bottom: 5rem;
 }
.main {
    padding: 30px 0;
    margin-bottom: 2rem;	
}





.main article h1 {
    font-size: 1.4rem;
    text-shadow: #CCCCCC 3px 2px 2px;
}


.main article h2 {
    font-size: 1.2rem;
    text-shadow: #CCCCCC 2px 1px 3px;
}

.main article h1.date {
   font-size: 1.5rem;
   width: 100%;
   text-align: center;
   text-shadow: none;
}


.main article p {
    text-align: justify;	
}

.main section {
	margin-bottom: 2rem;
}



.main aside {
    color: white;
    padding: 0px 3% 10px;
}

.footer-container footer {
  color: white;
  vertical-align: center;
}
/*
 * .footer-container footer {
 *     color: white;
 *         padding: 1.4rem 0;
 *
 *         }*/

/* ===============
 *     ALL: IE Fixes
 *        =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
 *    Author's custom styles
 *       ========================================================================== */




/* ==========================================================================
 *    Media Queries
 *       ========================================================================== */

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

/* ====================
 *     INTERMEDIATE: Menu
 *        ==================== */
           /*
 *     nav a {
 *             float: right;
 *                     width: 27%;
 *                             margin: 0 1.7%;
 *                                     padding: 25px 2%;
 *                                             margin-bottom: 0;
 *                                                     background-color: #caffee;
 *                                                         }        */





/* ========================
 *     INTERMEDIATE: IE Fixes
 *        ======================== */



    .oldie nav a {
        margin: 0 0.7%;
    }
}

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

/* ====================
 *     WIDE: CSS3 Effects
 *        ==================== */

    .header-container,
    .main nav,
    .main aside {
        -webkit-box-shadow: 7px 4px 5px 3px #AAAAAA;
           -moz-box-shadow: 7px 4px 5px 3px #AAAAAA;
                box-shadow: 7px 4px 5px 3px #AAAAAA;
    }
    
    
    .main nav {
      display: block;
      float: right;
      /*border: 1px solid #003bb3;*/
      width: 28%;
      margin: 1rem 0;
      overflow: hidden;
    }    

/* ============
 *     WIDE: Menu
 *        ============ */

    .title {
        float: left;
    }



/* ============
 *     WIDE: Main
 *        ============ */

    .main article {
        float: left;
        width: 60%;
    }

    .main aside {
        float: right;
        width: 28%;
    }
    
    
    .footerfix {
    	min-height: 100%;
	height: auto !important;
	height: 100%;
	/*border: 1px dashed red; /* just for orientation at design time*/
	/*margin-bottom: -9rem; /*footer height+border = 4.5+0.5*/
	
    }
}

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

/* ===============
 *     Maximal Width
 *        =============== */

    .main-container {
        width: 1200px; /* 1140px - 10% for margins */
        margin-top 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
    }
   
}

/* ==========================================================================
 *    Helper classes
 *       ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
 *    Print styles
 *       ========================================================================== */

@media print {
    * {
    *         background: transparent !important;
    *                 color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
 *      * Don't show links for images, or javascript/internal links
 *           */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}