/**
 * @author      Jens glock
 * @package     Joomla!
 * @subpackage  HTML5 Template
 * @link        http://jensglock.de
 * @email       info@jensglock.de
 * @copyright   Jens Glock
 *
 * HTML5 Template
 * Copyright (C) 2016 Jens Glock
 *
**/

/* ************** ALLGEMEINE FORMATIERUNGEN *********************
*****************************************************************/


*{
        margin: 0px;
        padding: 0px;
}

html, body{
  background: #FFF;
  height: 100%;
}

/* ************************** Grundgerüst ***********************
*****************************************************************/


#wrapper{
         background: #ffffff;
         width: 100%;
         margin: 0 auto;
         /* min-height: 500px; */
         height:auto !important;
         height:100%;
         overflow: hidden !important; /* FF Scroll-leiste */
         }
         #header-left{
         background-image:url(../images/shapeimage_1.png);
         width: 10%;
         height:170px;
         float:left;
         box-shadow:0px 5px 5px;
         }

         #header-center{
         background-image:url(../images/shapeimage_1.png);
         width: 80%;
         height:170px;
         float:left;
         box-shadow:0px 5px 5px;
         }

         #header-right{
         background-image:url(../images/shapeimage_1.png);
         width: 10%;
         height:170px;
         float:left;
         box-shadow:0px 5px 5px;
         }

         #header-navigation{
         /* background-image:url(../images/bg-nav.png); */
         background-color: rgba(240, 221, 198, 0.8);
         width: 100%;
         height:50px;
         float:left;
         font-family: Papyrus;
         font-size: 25px;
         padding: 4px 0;                   /* Innenabstand: oben/unten 4px, li/re 0 */
         margin: 4;                        /* Keinen Außenabstand */
   		 text-align: center;
         box-shadow:0px 5px 5px;
         }
#header-navigation li {
    display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
    
  }
#header-navigation a {
    color: #000000;
    text-decoration: none;         /* Unterstreichung entfernen */ 
    padding: 3px 8px;              /* oben/unten 4px, re/li 8px */
  }
#header-navigation a:hover {
    background-color: rgba(240, 221, 198, 0.8);
  }

#section-wrapper{
         background-image:url(../images/bg-nav.png);
         /* background-repeat : no-repeat;
         background-size: cover; */
         width: 100%;
         margin: 0 auto;
         min-height: 400px;
         height:auto !important;
         height:100%;
         overflow: hidden !important; /* FF Scroll-leiste */
         box-shadow:0px 5px 5px;
         }


         #content-top{

         /* 1background: #FAB16A; */
         width: 100%;
         height:20px;
         float:left;
         }


         #content-left{

         /* 1background: #FAB16A; */
         width: 20%;
         height:100%;
         float:left;
         }

         #content{
             
         margin: 30px;
         padding: 30px;
         background-color: rgba(240, 221, 198, 0.8);
         width: 58%;
         height:100%;
         float:left;
         align: center;
         box-shadow:5px 5px 5px;
         border: 1px #000000 solid;
         margin-bottom: 10px;
         font-family: Papyrus;
         font-size: 30px;
         }

         #content-right{

         /* 1background: #FAB16A; */
         width: 20%;
         height:100%;
         float:left;
         }
         #content-bottom{

         /* 1background: #FAB16A; */
         width: 100%;
         height:20px;
         float:left;
         }
         footer{
         background-color: rgba(240, 221, 198, 0.8);
         /* background-image:url(../images/shapeimage_1.png); */
         width: 100%;
         height:30px;
         float:left;
         color: #000000
		 padding: 10px;
         font-family: Angsana New;
         font-size: 12px;
         }