/*****************************************************
 ************** Farben für EJW ***************
 *****************************************************
 Hellgruen: #d6de35
 Gruen: #91b83a
 Dunkelgruen: #708543
******************************************************/

html, body {  
    height: 100.1%;
    margin: 0;
    padding: 0;
    background: #ffffff url(../upload/sonstige/body.gif) no-repeat;
    background-position: center top;
   
}
body {
     color: #000;
    /* margin: 0 auto; */ /*centered content*/
    /* text-align: center; */ /*IE centered content*/ 
}

#fullheightcontainer, #fullheightcontainerXXL, #wrapper {
        min-height: 100.1%;   
}
/* hack for all IE, who don't understand min-height */
* html #fullheightcontainer, #fullheightcontainerXXL, * html #wrapper {
    height: 100.1%;
}
/*hack end*/


/*----------all relative elements-----*/
body, #fullheightcontainer, #fullheightcontainerXXL, #wrapper, #footer, #head {
    position: relative;
}

/*----------width of whole content-----*/
#fullheightcontainer, #fullheightcontainerXXL, #content, #footer, #head {
    width: 980px; 
    margin: 0 auto; /*centered content*/
    padding: 0;
    text-align: left; 
}


/*-------content elements definition-------*/

#headerBox {
    width: 980px;
    height: 265px;
    background-color:transparent;
    margin: 0 auto;
}

#metaBox {
    float: right;
    width: 745px;
    height: 45px; 
    background: #91b83a;
    }

#header {
    /* background: #fff url(../layoutpics/head_bg.gif) no-repeat; */
    float: right;
    height: 190px;
    background-color:fff;

}
#logo, img {
    float:left;
    margin: 0px;
    border: 0px;
    }  
      
    
#fullheightcontainer { 
    background: #fff url(../upload/Kopfmotive/background.gif) repeat-y;
}
#fullheightcontainerXXL { 
    background: #fff url(../layoutpics/backgroundXXL.gif) repeat-y;
    height: 10000px;
}
#content {
    padding-top:  0px;  /*distance to top = height of header*/
    padding-bottom:  0px; /*important! distance between content + page end incl. footer*/ 
}

#leftBox {
    float:left;
    width: 215px;
    /*background: #bbb url(../../user_upload/beispiele/bg_body.gif);*/
    background-color: transparent;
}
#rightBox {
    float:right;
    width: 765px;
    padding:0 0 0 0;
    margin: 0 0 0 0;
    /*background: #bbb url(../../user_upload/beispiele/bg_body.gif);*/
    background-color: transparent;
    }
    
#rightBar {
    float: right;
    width: 170px;
    margin: 0px 0 0 0px;
    padding: 0px;
    background: transparent;
}
   
/* css classes to deactivate floats*/
.clearer {
    clear: both;
    display: block;
    height: 1px;
    margin-bottom: -1px;
    font-size: 1px;
    line-height: 1px;
}
.clearfix:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility: hidden;
}
.clearfix {
      display: inline-block;
}
/* without IE Mac \*/
* html .clearfix {
      height: 1%;
}
.clearfix {
      display: block;
}
/* End without IE Mac */