/***********************************************
    Rot:            #DF1314
    Dunkelrot:      #B2150E         
    Hellgrau:       #C8C8C8     
    Grau:           #909192 
    Dunkelgrau:     #4C4D4D 
    Grau Subnavi:   #6F6F6F 
/***********************************************/



html {height: 100.1%;}

body {  
    height: 100.1%;
    background: url(../images/content_bg.jpg) repeat-y;     
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif ;
    color: #4C4D4D ;
}

#ummantelung {min-height: 90%; position: relative; }

/*------- KOPFSACHE -------*/
#header {background: url(../images/header_bg.gif); height: 150px; }
#metaNavigation { padding: 120px 0 0 306px; }
#verlauf { height: 100px; background: url(../images/body_bg.jpg); }
#logo { float: left; position: absolute; left: 40px; }
#suche { float: right; margin-top: 15px; padding-top: 0px; line-height: 20px; }


/*------- INHALT -------*/

#wrapper { width: 980px; padding-bottom: 20px; }
#leftBox { position: absolute; z-index: 5; background: transparent; float: left; width: 220px; height: 600px; padding-left: 40px; }
#hintergrundabdecker {background: url(../images/body_bg.jpg) repeat-y; background-position: right top; height: 100%; }
#tauschbild {position: relative; z-index: 2; padding-left: 0px; margin-top: -80px; height: 130px; background: transparent;}
#rightBox {float: right; width: 760px; background: transparent; }

/*------- FLASH -------*/

#flashBox  { z-index: 1; position: absolute; left: 0px; background: #ffffff; height: 350px; width: 940px; padding: 0px; margin: 0px; text-align: right; }
#flashBoxSmall  { z-index: 1; position: absolute; left: 0px; background: #ffffff; height: 270px; width: 950px; padding: 0px; margin: 0px; }
#leftBoxFlash { position: absolute; z-index: 5; background: transparent url(../images/navi-back.png) repeat-y; float: left; width: 220px; height: 600px; padding-left: 40px; }

/*------- FOOTER -------*/
#footer {
    background: url(../images/footer.jpg) repeat-y;
    height: 30px;
    margin: 30px 0px 0px 220px;
    padding: 5px 0px 0px 105px;
}  
#footer a { font-size: 12px; color: #000000; padding-left: 5px; padding-right: 5px; text-decoration: none;}
#footer a:hover {color:  #4C4D4D;  }
#footer a:active {color: #000000; }
   
/*---------------- 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 */