HTML { height: 100%; margin-bottom: 1px; }
BODY { height: 100%; margin: 0; padding: 0; background-color: #fff; font-size: 70%; }
BODY, INPUT, SELECT, TEXTAREA { color: #333; font-weight: normal; font-family: Arial, sans-serif; }
FORM { display: inline; }
INPUT, SELECT, TEXTAREA { font-size: 100%; border: 1px solid #ccc; }
INPUT { padding-left: 3px; padding-right: 3px; }
TEXTAREA { padding: 3px; overflow: auto; }
IMG { border: none; }
P { margin: 13px 0; }
OL, UL { margin-top: 13px; margin-bottom: 13px; }
A { color: #249F45; text-decoration: none; outline: none; }
A:hover { text-decoration: underline; }

H1 { margin: 0; padding: 0; color: #647980; font-size: 260%; font-weight: bold; line-height: normal; }
H2 { margin: 0; padding: 0 3px 4px; color: #999; font-size: 160%; font-weight: normal; line-height: normal; border-bottom: 2px solid #7e9ca4; }
H3 { margin: 12px 0; padding: 0; color: #647980; font-size: 140%; font-weight: bold; line-height: normal; }
H4 { margin: 12px 0; padding: 0; color: #647980; font-size: 120%; font-weight: bold; line-height: normal; }
#content h2{
	font-size: 30px;
	font-weight: bold;
	border: none;
	padding-top: 5px;
	color:#647A81;
	padding-left: 0 !important;
}

/* === LAYOUT === */
#skipNav { position: absolute; left: -5000px; }
#page { position: relative; min-height: 100%; }
* HTML #page { height: 100%; }
#container { width: 960px; margin: 0 auto; padding-bottom: 70px; overflow: hidden; }
#columnLeft { float: left; width: 177px; padding-top: 10px; }
#contentH { width: 100%; padding-top: 12px; overflow: hidden; }
#content { float: right; width: 742px; line-height: 16px; }
.columnLeft { float: left; width: 47%; }
.columnRight { float: right; width: 47%; }


/* === HEADER === */
#header { position: relative; height: 65px; padding-top: 17px; }
#header h1.logo{ float: left; width: 357px; height: 53px;}
#header h1.logo A { float: left; width: 357px; height: 53px; background: url(../images/layout/DashWalls.gif) no-repeat left top; font-size: 0; text-indent: -5000px; }
.flag{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 100px;
	overflow: hidden;
}
.flag li{
	float: right;
	height: 12px;
	padding: 0 0 0 5px;
}
.flag li a{
	float: left;
	height: 12px;
	width: 18px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/flag.gif) no-repeat;
}
.flag li.en a{background-position: 0 0;}
.flag li.de a{background-position: 0 -12px;}
/* === FOOTER === */
#footer { position: absolute; left: 0; bottom: 0; width: 100%; background: #7e9ca4 url(../images/layout/footer_shadow.gif) repeat-x left top; padding-top: 23px; color: #000; }
#footer .footerbg { background: url(../images/layout/footer_bg.gif) repeat-y center top; padding: 7px 0; }
#footer .container { width: 960px; margin: 0 auto; overflow: hidden }
#footer UL { float: left; margin: 0 255px 0 0; padding: 0; list-style: none; }
#footer LI { display: inline; padding-right: 20px; }
#footer P { margin: 0; float: left; }
#footer A { color: #fff; font-weight: bold; }
#footer A.lnkContact { float: right; }


/* === MENU === */
/* main menu */
UL#menuMain { position: absolute; right: 0; bottom: 8px; margin: 0; padding: 0; list-style: none; }
UL#menuMain LI { float: left; }
UL#menuMain A { display: block; color: #647A81; font-size: 130%; font-weight: bold; text-decoration: none; }
UL#menuMain A:hover { color: #24a045; }
UL#menuMain A SPAN { display: block; }
UL#menuMain A SPAN SPAN SPAN { padding: 1px 12px; }
UL#menuMain LI.active A { background: #647a81 url(../images/layout/menubtn_tl.gif) no-repeat left top; color: #fff; }
UL#menuMain LI.active A SPAN { background: url(../images/layout/menubtn_tr.gif) no-repeat right top; }
UL#menuMain LI.active A SPAN SPAN { background: url(../images/layout/menubtn_bl.gif) no-repeat left bottom; }
UL#menuMain LI.active A SPAN SPAN SPAN { min-height: 14px; background: url(../images/layout/menubtn_br.gif) no-repeat right bottom; }
UL#menuMain LI.active A:hover { color: #fff; }

/* left menu */
#columnLeft UL { margin: 0; padding: 0; list-style: none; }
#columnLeft LI { width: 100%; border-top: 1px solid #ccc; }
#columnLeft LI.first { border: none; }
#columnLeft LI A { display: block; width: 154px; background-image: url(../images/layout/menu_arrow.gif); background-repeat: no-repeat; background-position: 150% center; padding: 6px 20px 6px 3px; font-size: 130%; font-weight: bold; text-decoration: none; }
#columnLeft LI A:hover { background-position: 100% center; text-decoration: none; }
#columnLeft LI UL { padding-left: 25px; border-top: 1px solid #ccc; }
#columnLeft LI UL LI { position: relative; top: -1px; }
#columnLeft LI UL A { width: 129px; color: #000; font-size: 110%; }
#columnLeft LI.active A { background: url(../images/layout/menu_arrowactive.gif) no-repeat 100% center; }
#columnLeft LI.active UL A { background: none; }
#columnLeft LI.active UL A:hover { background: url(../images/layout/menu_arrow.gif) no-repeat 100% center; text-decoration: none; }

/* breadcrumb */
.breadCrumb { background: url(../images/layout/dottedline_dgray.gif) repeat-x left top; color: #999; font-weight: bold; }
.breadCrumb DIV { background: url(../images/layout/dottedline_dgray.gif) repeat-x left bottom; padding: 5px 0; }
.breadCrumb A { color: #64797F; }
.breadCrumb SPAN { margin: 0 3px; color: #64797F; }

/* nav. bar */
.navBar { width: 200px; float: right; margin: 0; padding: 5px 0 0; overflow: hidden; }
.navBar A { float: right; height: 18px; margin: 0 2px 0 5px; font-size: 0; text-indent: -5000px; }
.navBar A.icoEmail { width: 21px; background: url(../images/layout/ico_email.gif) no-repeat left top; }
.navBar A.icoPrint { width: 18px; background: url(../images/layout/ico_print.gif) no-repeat left top; }


/* === BLOCKS === */
.clm { float: left; width: 213px; margin-right: 36px; }
.newsBlk H2 { margin-bottom: 15px; }
.newsBlk P { position: relative; margin: 5px 0 20px 56px; }
.newsBlk A.btnG { margin-top: -37px; }
.newsBlk .date { position: absolute; top: 0; left: -56px; color: #999; font-weight: bold; }
.soltionsBlk UL { margin: 0; padding: 0; list-style: none; }
.soltionsBlk LI { padding: 20px 0; font-size: 130%; font-weight: bold; text-align: center; border-bottom: 1px solid #ccc; }
.productBlk P { position: relative; margin: 20px 0 20px 56px; }
.productBlk IMG { position: absolute; top: 0; left: -56px; width: 48px; }
.productBlk A {
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1em;
}
.productBlk A:hover { color: #249F45; }
.specialsBlk { background: url(../images/Free_Delivery.jpg) no-repeat left bottom; margin-right: 0; }
.specialsBlk P { margin: 0 0 10px; padding: 20px 0 10px; border-bottom: 1px solid #ccc; }
.specialsBlk H3 { margin: 0; padding: 0 0 87px; color: #41304c; font-size: 120%; font-weight: bold; }

.schemeBlk { background: url(../images/layout/dottedline_lgray.gif) repeat-x left top; margin: 20px 0; }
.schemeBlk DIV { background: url(../images/layout/dottedline_lgray.gif) repeat-x left bottom; padding: 20px 0; text-align: center; }

.gallery { width: 100%; margin: 30px 0 10px; overflow: hidden; }
.gallery DIV { float: left; width: 119px; padding: 0 14px 20px; color: #64797F; font-style: italic; }
.gallery IMG { width: 117px; margin-bottom: 5px; border: 1px solid #000; }

.flash { width: 738px; background-color: #647a81; margin: 15px 0 20px; overflow: hidden; border: 2px solid #647a81; }
.flash object { float: left; }
.text-wr p.download {
	position: relative;
	height: 355px; margin: 0; padding-top: 10px;
}
a.ico-pdf-cad{
	display: block;
	width: 100%;
	text-align: center;
	height: 9px;
	padding-top: 50px;
	z-index: 10;;
	background: url(../images/layout/ico_download_brochure.gif) no-repeat 50% 0;
	font-weight: bold;
}
.text-wr P.download SPAN.icoDownload A { display: block; width: 34px; height: 40px; text-indent: -5000px; }
.text-wr p.download strong{
	position: absolute;
	width: 100%;
	text-align: center;
	left: 0;
	bottom: 0;
}
.flashHome { height: 304px; }


/* === BUTTONS === */
A.btnG { float: right; display: block; background-color: #647a81; background-image: url(../images/layout/btnSlateGray_tl.gif); background-repeat: no-repeat; background-position: left top; color: #fff; font-family: Tahoma, sans-serif; text-decoration: none !important; line-height: normal !important; }
A.btnG SPAN { display: block; background-image: url(../images/layout/btnSlateGray_tr.gif); background-repeat: no-repeat; background-position: right top; cursor: pointer; }
A.btnG SPAN SPAN { background-image: url(../images/layout/btnSlateGray_bl.gif); background-position: left bottom; }
A.btnG SPAN SPAN SPAN { background-image: url(../images/layout/btnSlateGray_br.gif); background-position: right bottom; padding: 1px 6px 2px; text-align: center; }
A.btnG:hover { background-color: #24a045; background-image: url(../images/layout/btnGreen_tl.gif); }
A.btnG:hover SPAN { background-image: url(../images/layout/btnGreen_tr.gif); }
A.btnG:hover SPAN SPAN { background-image: url(../images/layout/btnGreen_bl.gif); }
A.btnG:hover SPAN SPAN SPAN { background-image: url(../images/layout/btnGreen_br.gif); }


/* === OTHER === */
.aLeft { text-align: left !important; }
.aCenter { text-align: center !important; }
.aRight { text-align: right !important; }

.fleft { float: left; }
.fright { float: right; }
.nofloat { clear: both; height: 0; font-size: 0; line-height: 0; }
/*---*/
p.center-p{text-align: center;}
.schemeBlk img{
	display: block;
	margin: 0 auto;
}
.schemeBlk div.img-wi,
.img-wi{
	width: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
}
.img-wi img{
	float: left;
	margin: 0 10px 10px 0;
}
.img-wi h3,
.img-wi p{text-align: justify;}
p.lf{
	text-align: left;
	padding-bottom: 20px;
}
.cols-wrapp{
	width: 100%;
	overflow: hidden;
}
.teh-col,
.cols-inegr{
	width:230px;
	float: left;
	padding-right: 20px;
}
.cols-flex{
	width: 230px;
	float: left;
}
ol.pdf{
	list-style: none;
	padding: 0;
}
ol.pdf li{
	background: url(../images/pdf.gif) no-repeat 0 50%;
	padding:2px 0 2px 20px;
	margin: 0;
}
.room-conf{
	border-collapse: collapse;
	width: 99%;
	border: solid #ccc;
	border-width: 1px 0 0 1px;
}
.room-conf th,
.room-conf td{
	border: solid #ccc;
	border-width: 0 1px 1px 0;
}
.room-conf td img{
	display: block;
	margin:0 auto;
}
.room-conf td p{
	margin: 0;
	padding: 5px;
}
.galledy-wrapp{
	
}
.galledy-wrapp ul{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	overflow: hidden;
}
.galledy-wrapp ul li{
	float: left;
	width: 190px;
	margin-left: 80px;
	display: inline;
	padding-bottom: 5px;
}
.galledy-wrapp ul li.first{
	margin-left: 0;
}
.galledy-wrapp ul li span{
	display: block;
	padding: 5px;
}
.img-holder{
	width: 100%;
	height: 111px;
	position: relative;
}
.img-holder img{
	border: 1px solid #999;
	display: block;
}
.btn-pl{
	position: absolute;
	right: -4px;
	bottom: -4px;
	width: 14px;
	height: 14px;
}
.img-holder .btn-pl img{
	border: 0;
}
#columnLeft ul li strong{
	display: block;
	font-size: 110%;
	padding: 6px 0;
	color:#000;
}
.reusable-wrapp{
	background: url(../images/reusable.gif) no-repeat;
	padding:0 0 0 70px;
}
.recyclable-wrapp{
	padding:0 0 0 70px;
	background: url(../images/recyclable.gif) no-repeat;
}
.long-wrapp{
	padding:0 0 0 70px;
	background: url(../images/long.gif) no-repeat;
}
.reduced-wrapp{
	padding:0 0 0 70px;
	background: url(../images/reduced.gif) no-repeat;
}
.no-bord{
	border: none !important;
}
.flash-box{
	width: 540px;
	overflow: hidden;
	padding: 10px 0;
}
.fl-wrapp{
	float: left;
	width: 540px;
	overflow: hidden;
}
.text-wr{
	width: 155px;
	float: right;
	padding: 0 15px 0 10px;
	color: #647980;
	text-align: justify;
}
.flash-holder{
	width: 98%;
	overflow: hidden;
	border:2px solid #647A81;
}
.table-modular{
	border-collapse: collapse;
}
.table-modular td{
	vertical-align: top;
}
.table-modular td a{
	display: block;
	position: relative;
}
.m-r-0{margin-right: 0;}
.contact-bg{
	width: 100%;
	overflow: hidden;
	background: url(../images/contact-bg.jpg) no-repeat 100% 0;
	min-height: 275px;
}
* html .contact-bg{
	height: 275px;
}
.map{
	width:100%;
}
img.bord-i{
	border:1px solid #a2a6a9;
}
.show-room{
	padding-top: 30px;
}
.galledy-wrapp.show-room li{
	padding-bottom: 20px;
}
