/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  /* ====== Html-Tags ====== */
  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  
  * {
    margin:0;
    padding:0;
    border:none;
  }
  
  html {
    height:100%;
  }

  body {
  	height:101%;
  }

  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
  /* ====== Div-Boxes ====== */
  /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

  div.outer-wrap {
  	width:830px;
  	margin:10px auto;
  	overflow:hidden;
  }
  
  #header {
    overflow:hidden;
  
  }
  
  .headerh-1 {
  margin-top:145px;
  }
  
  div#left-outerwrap {
    float:left;
    width:180px;
    display:inline;
  }
  
  #content-box {
    overflow:hidden;
  }
  
  div#middle-outerwrap {
    float:left;
    width:447px;
  }
  
  div#middle-outerwrap-2 {
    overflow:hidden;
    margin-left:0px;
    width:640px;
  }
  
  #middle-outerwrap-ul {
    float:left;
  }
  
  div#right-outerwrap {
    float:left;
    width:200px;
  }
  
  #footer {
    clear:both;
    margin-bottom:10px;
  }
  
  .clearfix {
    clear:both;
    overflow:hidden;
  }
  
   /* Clearfix-Methode zum Clearen der Float-Umgebungen */
  /*.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }*/

  /* Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix {
	   display: block;
  }

  /* Clearen per Overflow */
  .floatbox {
	   overflow:hidden;
  }

  #ie_clearing {
	   display: none;
	   clear:both;
  }