/*****************************************************
 ************** Farben für Dr. Olze ******************
 *****************************************************
 *
 ***** Logo *****
 
 ***** Layout *****   
 Fliesstextgrau    : #58585a
 Dunkelgrau        : #42494e
 Blau              : #00a3d9
 
 */


html, body {  
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background: #fff url(../layoutpics/body_bg.gif) top center;
    color: #000;
    /* margin: 0 auto; */ /*centered content*/
    /* 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, #footer, #head {
    position: relative;
}

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


/*-------content elements definition-------*/
#metaBox {
    width: 959px;
    height:32px;
    color: #000; 
    background-color:transparent;
    }
    
#colorBox {
    float:right;
    height:19px;
    width: 369px;
    padding:0px 0px 0px 0px;
    margin:6px 10px 0px 0px;
    background-color:#42494e;
}
#headerBox {
    width: 959px;
    height:154px;
    background-color:transparent;
}
#fullheightcontainer { 
    background: #fff url(../layoutpics/content_bg.gif) repeat-y;  
}
#content {
    padding-top:  0px;  /*distance to top = height of header*/
    padding-bottom:  40px; /*important! distance between content + page end incl. footer*/ 
}
#head {
    background: #fff url(../layoutpics/head_bg.gif) no-repeat;
    height: 189px;
}
.logo {
    float:left;
    border: 0;
    margin: 45px 0px 0px 10px;
    }

.hotline {
    float:left;
    border: 0;
    margin: 35px 0px 10px 10px;
    }    
    
.kopfmotiv {
    float:right;
    border: 0;
    margin: 6px 10px 0px 0px;
    }
#leftBox {
    float:left;
    width:203px;
    /*background: #bbb url(../../user_upload/beispiele/bg_body.gif);*/
    background-color: transparent;
}
#rightBox {
    float:right;
    width:756px;
    padding:0 0 0 0;
    /*background: #bbb url(../../user_upload/beispiele/bg_body.gif);*/
    background-color: transparent;
}
#footer {
    height: 40px;
    margin: -40px auto 0 auto;
    font-size: 90%;
    color:#fff;
    background-color: #fff;
}

/* 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 */