/*****************************************************
 ********* Farben für Schulzentrum Michelbach ********
 *****************************************************
 * hellgrau (Bar left): #a5abba
 * hellblau (Bar right): #d4dcef
 * Blau/Beige (Hintergrund Content): #f4f4f6
 * Fliesstext: #5b5b5b
 * Untermenus Hintergrund: #e4e6ea
 
 Farbleitsystem:
 * Gymnasium gelb: Vollton #feb500 oder blass #ffda80
 * Ganztagesschule orange: Vollton #f16214 oder blass #f8b18a
 * Internat rot: Vollton #e10914 oder blass #eb7279
 ****************************************************/

html, body {  
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background: #fff url(../pics/himmel2.jpg) repeat-x; 
    color: #707070;
    text-align: center; /*IE centered content*/ 
}

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


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

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


/*-------content elements definition-------*/
#fullheightcontainer { 
    background: #a5abba url(../pics/bg_content.gif) repeat-y;  
}
#fullheightcontainerbusverbindung { 
    background: #ffffff url(../pics/bg_contentbusverbindung.gif) repeat-y;
    background-position: top center;  
}
#content {
    padding-top:  0px;  /*distance to top = height of header*/
    padding-bottom:  0px; /*important! distance between content + page end incl. footer*/ 
}
#metaBox {
    padding:0;
    background-color:#f4f4f6;
    color:#5b5b5b;
}

#head {
    /*background: #A5ABBA url(../pics/titelmotiv.jpg) no-repeat;*/
    height: 230px;
    background-color: #A5ABBA;
    background-color: transparent;
}
#leftBox {
    float:left;
    width:189px;
    /*background: #bbb url(../../user_upload/beispiele/bg_body.gif);*/
    background-color: transparent;
}
#rightBox {
    float:right;
    width:768px;
    margin:0;
    padding:0;
    /*background: #bbb url(../../user_upload/beispiele/bg_body.gif);*/
    background-color: 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 */