/** 
* 
* layout css
*
*/
@media screen, projection {
	/* commented backslash hack \*/ 
	html, body {
	  height: 100%
	} 	
  #page-wrap {
  	margin: 0 auto;
  	width: 1152px;
  	position: relative;
  	min-height: 100%;
  	height: auto !important;
  	height: 100%
  }
  #head {
  	position: relative;
  	height: 80px;
  	background: #dddddd url(../images/wrap_bg.png) no-repeat
  } 
  #head img {
  	position: absolute;
  	left: 181px;
  	top: 14px
  }
  #menu {
  	text-align: center;
  	height: 30px;
  	padding-top: 17px
  }
  #content {    
    margin: 0 auto;
  	width: 829px;
  	padding-bottom: 30px
  }	
  #topMain {
    position: relative;
    width: 829px;
    height: 166px;
    overflow: hidden;
    background: url(../images/contenttop_bg.png) no-repeat    
  }
  #main {
  	position: relative;
		background: url(../images/main_bg.png) repeat-y;
		width: 681px;
		padding: 0 74px 0 74px;
		min-height: 384px
  }
  .produktheight {
    min-height: 410px !important
  }   
  #main #contentboxL,
  #main #contentboxR {
  	float: left;
  	padding-top: 25px
  }
  #main #contentboxL {    
  	width: 341px;
  	margin-right: 28px
  }	
  #main #contentboxR {
  	width: 312px
  }  
  #btnMain {
  	width: 829px;
  	background: url(../images/bottom_bg.png) no-repeat;
  	height: 42px
  }
  #footer {
  	width: 100%;
		position: absolute;
		bottom: 0 !important;
  	bottom: -1px;
  	height: 20px;
  	background: transparent url(../images/site_footer.png) bottom no-repeat
  }
  #btmMenu {
    margin: 0 auto;
    width:  829px;
    text-align: right;
    padding-right: 40px
  }  
}