body {
    padding: 0;
    margin: 0;
    background: url(../images/bg-main-pattern.jpg) top center;
    font-family: Tahoma, Arial;
    }

img { border: 0 }
#container {
    padding: 0;
    width:100%; min-width: 1010px;
	}
	
	#header {	    
	    margin:0 auto;
			height:344px;
			width:100%;
			min-width: 1010px;						
		}
		
	#Sliders {
		background: url(../images/slider-bg.jpg) center top repeat-x;		
		position: relative;
		left: 0px;
		right: 0px;
		overflow: hidden; 
	}	
	
	#Sliders ul { position: relative; z-index:2; background: url('../images/slider-down-shadow.png') bottom center repeat-x; width: 3000px; height: 225px; padding: 0 0 11px 0; margin: 0 0 0 0; }
	#Sliders ul li { vertical-align: bottom; text-align: center; list-style-type:none; background: none; float:left; width:auto; height:225px}
	
	#arrows a { position: absolute; top: 157px; z-index: 5; }
	
	#arrows a.left div.onit { width: 102px; height: 118px; background: url('../images/arrow-left.png') bottom center no-repeat; }
	#arrows a.right div.onit { width: 102px; height: 118px; background: url('../images/arrow-right.png') bottom center no-repeat; }
	#arrows a div.onit:hover { background-position: left 2px; }
	
	#arrows a.left{ left: 10%; width: 102px; height: 118px; }
	#arrows a.right { right: 10%; width: 102px; height: 118px; }
	
	#solidTreppe { z-index: 3; position: absolute; /*left: 300px; top: 140px; left: 768px;*/margin-top: 167px; width: 183px; height: 183px; }
	
	.solidTreppeCont { width: 185px; height: 0;  }
	.right { float: right }
	.left { float: left }
	
	.clear { clear: both }
		

	#page {
	    clear:both;
	    margin:0 auto;
			position: relative;
			top: -11px;
			z-index: 1;
	    background-color: transparent;
      background: url(../images/main-site-bg.png) bottom center repeat-y;
			color:#464646;
			height:auto;
			width:970px;
			padding: 0 3px 16px 6px;
			overflow: auto;
		}
		
	#pageFoot { z-index: 1; clear: both; position: relative; top: -11px; width: 984px; margin: 0 auto; height: 16px; background: url(../images/main-site-bg-bottom.png) left bottom no-repeat; }
		
	img { border: 0; }
  #black { height:108px; width: 100%; background-color: #242424; }
  
  #lng { width:970px; margin: 0 auto; height: 108px; background: #242424 url(../images/top-bg.gif) center top repeat-x; }
	#lng .bglng { width:auto; float: right; height:42px; }
	#lng .bglng div { margin-left:20px; float:left; background-position: top; width: 130px; height:42px; }
	#lng .bglng div:hover { background-position: bottom; }
	#lng a { text-decoration: none; }
	#lng .bglng a img { width: 130px; height:42px; }
	
	
	#lng .pl { background: url(../images/lang-pl.gif) left top no-repeat; }
	#lng .de { background: url(../images/lang-de.gif) left top no-repeat; }
  
	#logo { float: left; width: 349px; height: 108px; color: #898989 }
	#treppe_konstruktor { float: left; width: 445px; height: 108px }
	
	#title { line-height:34px; width:460px; margin: 60px 0 0 15px; position: absolute; color:#efefef; }
	#title_fog { line-height:34px; width:460px; margin: 62px 0 0 17px; position: absolute; color:#000; }
	
	#title h2, #title_fog h1 { margin:0; padding: 0; font-size: 44px; }
	#title h2 span, #title_fog h1 span { font-size: 24px; }

	
	#botban { background: url(../images/top-menu.png) top center no-repeat; height: 78px; width:100%; min-width: 1010px; }
	#menu div { z-index: 1; position: absolute; float:left; margin:0; border:0; width:200px; height: 47px; }
	#menu div.active { text-decoration: none; background-position: bottom center; z-index: 2}
	#menu div.menu_sep div:hover h3 { text-decoration: underline; /*background-position: 0px -47px; z-index: 2*/ }
	
	#menu div.menu_sep { margin-left: 12px; position: relative; width: 100%; height: 78px; }
	
	#menu { height: 78px; width:984px; margin: 0 auto; background: url(../images/bg-page.png) bottom center repeat-y; }
 	#menu a img { position: absolute; width:195px; height:48px; z-index: 4; cursor: pointer }

	#menu .menu-left { width: 196px; background: url(../images/menu-left-corn.gif) top center no-repeat; }
	#menu .menu-bg1 { width: 207px; margin-left: 185px; background: url(../images/menu-center.gif) top center no-repeat; }
	#menu .menu-bg2 { width: 207px; margin-left: 380px; background: url(../images/menu-center.gif) top center no-repeat; }
  #menu .menu-bg3 { width: 207px; margin-left: 576px; background: url(../images/menu-center.gif) top center no-repeat; }
	/*#menu .menu-right { width: 189px; margin-left: 771px; background: url(../images/menu-right-corn.gif) top center no-repeat; }*/
	
	#menu .menu-right { width: 189px; margin-left: 771px; background: url(../images/menu-right-corn.gif) top center no-repeat; }
		
	
	
  #smcol { background: url(../images/menu-bg.jpg) 52px top no-repeat; 					 
					 padding: 100px 0 160px 0; 
					 float:right; 
					 width: 300px; 
					 overflow: visible; 
					 height:auto;
	}
  
  #smcol .titlehead { width: 240px; height: 24px; overflow: hidden; padding-top: 11px;}
  #smcol .news .titlehead { height: 63px; padding-top: 0; }
  #smcol .mheader {  }
  
  #smcol .news { float: right; }
  #smcol div.titlehead a { text-decoration: none; padding: 18px 4px 6px 17px; /*margin-top: 12px; */font-size: 17px; font-weight:normal; color: #fff; }
  #smcol .titlehead h3 { padding: 0 4px 6px 17px; margin:0; font-weight:normal; font-size: 17px; color: #fff; }
  #smcol .news h3 { padding: 34px 4px 6px 77px; margin: 0; font-size: 17px; font-weight:normal; color: #fff; }
  
  #smcol ul { padding: 0 0 22px 0; margin: 2px 0 0 0; background: url(../images/menu-left-bg-bottom.gif) bottom center no-repeat; width: 251px; }
  #smcol li { width: 251px; padding: 2px 0 2px 0; margin: 0 0 0 0; overflow: hidden; list-style-type:none; }
	#smcol li .lLeft { padding-left: 7px; height: 44px;background: url(../images/menu-title-left.png) left bottom no-repeat; }
	#smcol li .lRight { padding: 0 7px 0 0; height: 44px;background: url(../images/menu-title-right.png) right bottom no-repeat; }
	#smcol li .lMid { padding: 12px 0 18px 0; height: 14px;background: url(../images/menu-title-middle.png) center bottom repeat-x; }
	#smcol li.active .lMid, #smcol li:hover .lMid { background-position: center top; }	  
	#smcol li.active .lLeft, #smcol li:hover .lLeft { background-position: left top; }	  
	#smcol li.active .lRight, #smcol li:hover .lRight { background-position: right top; }
	
	#smcol li.m1 { padding-left: 60px; width: 194px;  }
	#smcol li.m2 { padding-left: 50px; width: 204px;  }
	#smcol li.m3 { padding-left: 40px; width: 214px;  }
	#smcol li.m4 { padding-left: 30px; width: 224px;  }
	#smcol li.m5 { padding-left: 20px; width: 234px;  }
	#smcol li.m6 { padding-left: 10px; width: 244px;  }
	#smcol li.m7 { padding-left: 0; width: 254px;  }
	
	/*#smcol li:hover { padding-left: 0; width: 253px; }*/
   
  #smcol li a { text-decoration: none; color: #fff; padding: 3px 5px 3px 5px; margin: 6px 10px 4px 10px; width: 230px; height: 16px; }  
	
	#smcol ul.nested { padding: 0 0 0 12px; clear: both }
	#smcol ul.nested li { height: 20px;  clear: both; padding: 2px 0 2px 0; margin: 0 0 0 0; }
	#smcol ul.nested li.active { font-weight: bold }
	#smcol ul.nested li div.punkt{
		float: left;			
		margin: 4px 0 0 0;
		background: url(../images/menu-punktor.gif) left bottom no-repeat;
		height: 14px;
		width: 10px;
		padding: 0 12px 0 0;		
	}
	
	#smcol ul.nested li a { color: #000; }
  
  
  #smcol img { position:absolute;  margin-left: 35px; padding: 11px 11px 11px 11px; background: url(../images/bg-pic.png) top center; width: 200px;  height: 150px; }
  #smcol img.second_pict { margin: 148px 0 0 65px; }
  #smcol .sep { overflow: auto; height: 286px; width: 100px; }
  
  #smcol img:hover { cursor:pointer; padding: 12px 13px 13px 13px; background: url(../images/bg-pic-hover.png) top center no-repeat; z-index: 2; width: 217px; height: 163px }
  
  #smcol li img, #smcol li img:hover { position:relative;  margin: 0; padding: 0; width: 235px; height: 33px; background: none;  }
  
  
  
  #content { /*overflow: auto; */display: block; text-align: justify; line-height: 24px; padding: 60px 0 0 0; float:left; margin: 10px 10px 0 0; min-height: 400px; width:640px; }
  #content a { text-decoration: underline; color: #ff9c00; }
  #content a:hover { text-decoration: none; color: #ff9c00; }
  
  #content div.map { margin: 12px 13px 31px 12px; width: 572px; height: 397px; padding: 0 0 0 0; background: url(../images/foto-bg.gif) top center no-repeat; box-shadow: 3px 3px 3px #777;  }
  .map object { width: 572px; height: 397px; border: 0; overflow:auto; padding: 0; margin: 0 }
  #content h2 { position: absolute; margin-left:-30px; margin-top:-50px; background: url('../images/h2-bg-left.gif') -8px top no-repeat; /*overflow: auto;*/ height:33px; padding: 8px 186px 0 104px; width: 350px; font: 18px Tahoma; color: #fff; }
	#content h2.right { padding: 8px 74px 0 330px; background: url('../images/h2-bg-right.gif') -8px top no-repeat; }
	#content h2.center { padding: 8px 254px 0 144px; background: url('../images/h2-bg-middle.gif') -8px top no-repeat; text-align: center }
	#content h3 { color: #89867F; font-size: 21px }
  #content b { color: #777; }
  #content p { font-size: 15px; clear:right; margin-bottom: 16px; }
  #oheader p, .oheader p { max-width: 580px; line-height: 21px; color: #686868; text-indent: 0; }
  
  #content div.col1 { text-align: left; width: 340px; float: left; margin: 8px 0 8px 0 }
  #content div.col2 { text-align: left; width: 200px; float: right; margin: 8px 0 8px 16px }
  
  #content div.col2 p { font-size: 13px; line-height: 18px }
  #content div.col1 p { font-size: 14px; line-height: 20px }
  
  #content div.col2 b, #content div.col1 b { color: #686868; }
  #content div.col2 a, #content div.col1 a { color: #686868; }
  
  #content form { margin: 0 0 20px 0; }	
	#content form .rounded { margin: 0 0 20px 0; background: #C4C4C4; border-radius: 8px 8px 8px 8px; padding: 8px 8px 8px 8px; border: 1px solid #ccc; }
	
	#content form ul { list-style-type: none; margin: 0 0 20px 0; padding-left: 65px; width: 510px; height: 100px; }
	#content form li { margin-right: 20px; float:left; width: 80px; height: 80px; background: #C4C4C4; border-radius: 8px 8px 8px 8px; padding: 10px 10px 10px 10px; border: 1px solid #ccc; }
	#content form li:hover { background: #ffa;  }
	#content form li.active { background: #EC3522;  }
	#content form li img { margin: 0 0 0 0; width: 80px; height: 80px; border: 1px solid #ddd; cursor: pointer }
	
  #content form h2 { margin: 0; padding: 4px 0 0 0; font-size:17px; font-weight: normal; height: 28px; text-align: center; width: 100%; color: #fff; float: none; background: url(../images/form-header.gif) top center repeat-x }
  #content form label { margin-left: 8px; font-size: 12px; position: absolute }
  #content form span { margin-left: 70px; color: #ff4422; }
  #content form input { margin-left: 70px; width: 510px; }
	#content form input[type=submit] { margin-left: 132px; box-shadow: 3px 3px 3px #777; line-height: 22px; border: 0; color: #fff; width: 310px; background-color: #EC3522 }	
	
  #content form select { margin-left: 70px; width: 510px; }
  #content form textarea { margin-left: 70px; width: 510px; }
	
	#content form input.padd, #content form select.padd { margin-left: 200px; width: 380px }
  
  .fheader { overflow: auto; text-align: left !important; vertical-align: top; padding:0 0 16px 0; overflow: auto; margin: 0 0 16px 0; background: url(../images/separator.gif) bottom center no-repeat; }
  .fheader h2 { overflow: auto; display:block; float: left; }
  .fheader p, .fheader b { color: #686868 !important; float: left !important; }
  .fheader p { width: 260px; }
  .fheader a { color: #ff9c00; font-weight: bold; }
  .fheader img { overflow: auto; width:261px; height: 208px; margin: 8px 16px 8px 0; border: 1px solid #ccc; box-shadow: 0 0 3px #777; -moz-box-shadow: 0 0 3px #777;	-webkit-box-shadow: 0 0 3px #777; float: left }
  .fheader img.mini { position:absolute; width:100px !important; height: 100px !important; border: 1px solid #777;	box-shadow: 0 0 3px #777;	-moz-box-shadow: 0 0 3px #777; -webkit-box-shadow: 0 0 3px #777; }
  .fheader img.mini:hover { margin-left:-5px; margin-top:-5px; width:110px !important; height: 110px !important; z-index: 1; }
  .fheader img.bottom { margin-top: 30px !important; }
  .oheader .mini_images a { float: left; }
  .oheader .mini_images { clear: both; width: 560px; min-height: 180px; overflow: auto; float: left; display: block }
  div.fheader a.title, div.oheader a.title { text-decoration: none; line-height:none; font-size: 18px; margin-bottom: 18px!important; font-weight: normal; cursor: pointer }
  .oheader p { clear: both; }
  .separate { width: 180px; height: 210px; float: left; }
  
	#oheader, .oheader { clear: both; min-height: 72px; display: block; text-align: left !important; vertical-align: top; padding:8px 0 36px 30px; overflow: auto; margin: 0 0 16px 0; background: url(../images/separator.gif) bottom center no-repeat; }
	#oheader.contact{ padding:0 0 16px 0; margin: 0 0 4px 0; }
	#content img { /*padding: 12px 10px 10px 10px; */width:261px; height: 208px; margin: 8px 16px 8px 0; border: 1px solid #ccc; box-shadow: 0 0 3px #777; -moz-box-shadow: 0 0 3px #777;	-webkit-box-shadow: 0 0 3px #777; float: left;}
	#content img.mini { position: absolute; width: 200px; height: 150px; /*margin-right: 100px; float: left;*/ }
	#content img.bottom { margin-top: 40px; }
	#oheader img, .oheader img { margin: 0 16px 8px 0;  }
	#oheader h2, .oheader h2 { clear: both; overflow: auto; padding: 0 0 0 0; margin:0 0 16px 0; }
	#content img.right { overflow: auto; box-shadow: 0 0 0px #777; -moz-box-shadow: 0 0 0px #777;	-webkit-box-shadow: 0 0 0px #777; float: right; margin: 8px 0 8px 10px;  }

	#oheader a, .oheader a { color: #ff9c00; font-weight: normal; }
	#oheader a.download, .oheader a.download { margin: 8px 12px 0 8px; width:78px; height: 52px; }
	#oheader a.download img, .oheader a.download img { background: url(../images/pdf-download.gif) 0px -2px no-repeat; padding: 0;  border:0; box-shadow: none; -moz-box-shadow: none;	-webkit-box-shadow: none;margin: 0 0 8px 0; width:78px; height: 52px; }
	#oheader a.download img:hover, .oheader a.download img:hover { background: url(../images/pdf-download.gif) 0px -55px no-repeat; }

	#footer { width: 100%; min-height: 100px; padding: 80px 0 0 0; min-width: 1010px; background: #242424; position: relative; top: -80px; border-top: 2px solid #fff; bottom: 0px; }
	#footer .bgf { margin:0; padding:0 ;width: 100%; }
		
	/*a { text-decoration: none; }
	a:hover { text-decoration: underline; }*/
		
	#dpg { color: #fff; background: #2E2E2E url(../images/bottom-linkpad-middle.gif) repeat-x center top; width: 972px; height: 65px; margin: 0 auto; font-size: 12px; }
	#dpg .left { width: 100%; height: 65px; background: url(../images/bottom-linkpad-left.gif) no-repeat left top; }
	#dpg .right { width: 100%; height: 65px; background: url(../images/bottom-linkpad-right.gif) no-repeat right top; }
	#dpg .right div { padding: 24px 16px 0 16px; }
	#dpg .right img.imgright { float: right; padding-right: 12px; height: 65px; margin: 0 0 0 0;  }
	#dpg .right img.imgleft { float: left; padding-left: 16px; height: 65px; margin: 0 0 0 0;  }
	
	#dpg span { margin-left: 45px;  }
	#dpg a { text-decoration: none; color:#686868; margin-left: 7px; margin-right: 7px; }
	#dpg a:hover { color: #fff; }
	#copyright { float: right; }
	#copyright span { color: #77faef; margin: 0 0 0 0; }
	#botmenu { float: left; }
	
	#fc { background: #242424; height: 80px; width: 100%; position: absolute; margin-top:-80px; overflow: hidden; }
	
	#content .noUnderline { text-decoration: none; }
	.transparent-man { position: relative; z-index: 4; top: -100px; }
	#gallery img { cursor: pointer }