html {height:100%; overflow-y:scroll;}
body { height:auto;}


body{margin:0;padding:0;text-align:center;background:#FFF}
body,td{font:normal 13px "Trebuchet MS";color:#000; line-height:18px}
h1,h2{font:normal 18px "Trebuchet MS"; color:#f60; margin:0; padding:0 0 15px 0}
h1{font-size:30px}
h3,h4{font:bold 13px "Trebuchet MS"; color:#f60; margin:0; padding:0 0 18px 0}
h4{color:#666}
p{margin:0;padding:0 0 18px 0}
a{text-decoration:underline;color:#06c}
a:hover{text-decoration:none}
a img{border:0}
form{margin:0; padding:0}
input,select,textarea{font:normal 11px Tahoma; color:black}
.input{vertical-align:middle}
.button,button{}
big{font-size:15px}
small{font-size:11px}

 
ul{padding:0 0 7px 44px; margin:0; list-style:none}
ul li{padding:0 0 6px 12px; background:url(img/li-2.gif) 0 7px no-repeat; line-height:normal; zoom:1; line-height:18px}
ul ul{padding:0}
ul ul li{padding:6px 0 0 21px; background:url(img/li-2.gif) 0 15px no-repeat; float:none; width:auto}

ol { list-style-type: decimal; margin-top: -10px;}
ol li { }

.red{color:#f00}

/*
#wrapper{min-width:1000px;width:expression((documentElement.clientWidth||document.body.clientWidth)<1000?'1000px':'100%'); overflow:hidden; position:relative; height:100%}
#main{margin:0 auto; max-width:1170px;width:expression((documentElement.clientWidth||document.body.clientWidth)>1300?'1170px':'');text-align:left; margin:0 5%; position:relative; height:100%}
*/
#wrapper{margin:0 5%;min-width:900px;width:expression((documentElement.clientWidth||document.body.clientWidth)<1000?'900px':''); overflow:hidden; position:relative; height:100%}
#main{margin:0 auto; max-width:1170px;width:expression((documentElement.clientWidth||document.body.clientWidth)>1300?'1170px':'');text-align:left;position:relative; height:100%}


#main #head{padding:25px 0 40px 230px;overflow:hidden; height:100%}
#main #head #head-left{width:230px; float:left; margin-left:-115px}
html>body #main #head #head-left,
html>body #main #container #left-colum{margin-left:-230px}
#main #head #head-right{width:100%; float:right}
#main #container{padding:0 0 0 230px; zoom:1; position:relative}
#main #container #left-colum{width:230px; float:left; margin-left:-115px}
#main #container #right-colum{width:100%; float:right; overflow: hidden;}
#main #container #content{padding:0 30px 0 70px; max-width:700px;width:expression((documentElement.clientWidth||document.body.clientWidth)>1144?'700px':'')}
#main #container #sub-container{overflow:hidden; zoom:1; padding:0 280px 0 50px; zoom:1; position:relative}
#main #container #sub-container #left-col{width:100%; float:left}
#main #container #sub-container #right-col{width:230px; float:right; margin-right:-140px; padding-left:50px; zoom:1}
html>body #main #container #sub-container #right-col{margin-right:-280px}
#main #footer{clear:both; padding:40px 0 0 270px; overflow:hidden; zoom:1; } 
#main.index #footer{padding-left:250px}

#logo{height:134px; text-align:center}

#menu{padding:0 0 0 48px}
#left-colum #menu{padding-bottom:35px; position:relative; margin-top:-40px}
#menu li{padding-bottom:7px; background-image:url(img/li-1.gif)}
#menu li b a{color:#000; text-decoration:none}
#menu li ul{padding:0 0 0 8px}
#menu li ul li{padding:7px 0 0 12px; background:url(img/li-1-2.gif) 0 15px no-repeat}
#menu li ul li.act{background-image:url(img/li-1-3.gif)}

#head #icq{float:right; padding:7px 0 0 0; width:110px}
#head #icq img{vertical-align:middle}
#head #phone{float:right; width:265px; font:normal 18px "Trebuchet MS"; color:#666; line-height:25px; padding-bottom:10px}
#head #phone span{display:block;margin-left:-47px; position:relative; zoom:1}
#head #phone b{color:#f60; font-size:30px}
#head #flash{clear:both}

.banner{padding:15px 0}
.banner div{text-align:center; padding-bottom:15px}
.banner div.gift{border:1px solid #999; padding:0;width:228px}
.banner div.gift .deco{padding:0; position:relative; top:-1px;width:230px; margin:0 -1px; background:url(img/box-1-1.gif) 0 0 no-repeat; zoom:1}
.banner div.gift .deco .deco{bottom:-2px;background:url(img/box-1-2.gif) 100% 100% no-repeat; margin:0; top:auto; width:226px; padding:11px 3px 5px 1px; overflow:hidden}
.banner div.gift .img{width:90px; float:left; padding:0}
.banner div.gift .info{float:right; width:135px; text-align:left; line-height:15px; padding:0}
.banner div.gift .info h3{padding-bottom:5px}

#flash{padding-right:230px; overflow:hidden; zoom:1; padding-left:20px}
#flash ul#menu-2{background:#f60 url(img/mn-1-2.gif) 100% 100% no-repeat; width:226px; float:right; margin-right:-115px; color:#FFF; padding:10px 0; min-height:200px; height:200px; position:relative}
html>body #flash ul#menu-2{height:auto;margin-right:-230px}
#flash ul#menu-2 li{padding:9px 15px 8px 74px; background:none; position:relative; line-height:15px}
#flash ul#menu-2 li a,
div#menu-2 table td div a{color:#FFF}
#flash ul#menu-2 li span{position:absolute;top:0;left:18px;display:block;width:55px;text-align:center}
#flash #deco-1{width:100%;overflow:hidden;float:left;height:220px;position:relative}
#flash #deco-1 #deco-2{position:absolute;top:0;left:50%;width:820px;text-align:center;margin-left:-410px}
#flash #deco-1 #deco-3{position:absolute;top:0;left:0;width:30px;height:30px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/fileadmin/templates/okna/css/img/deco-1.png",sizingMethod="crop")}
html>body #flash #deco-1 #deco-3{background:url(img/deco-1.png) 0 0 no-repeat; z-index:200;}
div#menu-2{background:#f60 url(img/mn-1-2.gif) 100% 100% no-repeat;clear:both;zoom:1;position:relative; margin-left:40px}
div#menu-2 div{padding:12px 10px 5px 18px;zoom:1;background:url(img/mn-1-1.gif) 0 0 no-repeat;position:relative}
div#menu-2 table{border:0; border-collapse:collapse; width:100%}
div#menu-2 table td{padding:0}
div#menu-2 table td div{padding:11px 0 13px 52px; background:none; position:relative; line-height:15px; float:left; color:#FFF; zoom:1}
div#menu-2 table td div#mn-1{padding-left:42px}
div#menu-2 table td div img{position:absolute; top:50%; left:0; margin-top:-26px}
div#menu-2 table td div span{position:relative; z-index:10}

.news{color:#666; padding-bottom:25px}
.vote{}
.vote ul{padding:0 0 20px 0}
.vote ul li{padding:0 0 0 29px; position:relative; background:none}
.vote ul li input{position:absolute; top:1px; left:0}
.vote ul li.last{padding-top:8px}

.but-1{background:#f60 url(img/but-1-1.gif) 0 0 no-repeat; height:20px; color:#FFF; text-decoration:none; display:block; float:left; font-size:13px; line-height:18px}
.but-1 span{display:block; height:20px; float:left; background:url(img/but-1-2.gif) 100% 0 no-repeat; width: 80px; white-space:nowrap; cursor:pointer; position:relative}
.but-1:hover{background-color:#f84}
.but-1 input { border-width: 0; background:#f60; height: 18px; color:#FFF; cursor: pointer; margin: 0 2px;}
.but-1 input:hover {background-color:#f84; }

.box-news{padding:0 0 20px 100px; overflow:hidden; zoom:1}
.box-news .img{float:left; margin-left:-50px}
html>body .box-news .img{margin-left:-100px}
.box-news .img a img{width:85px; border:1px solid #9cceff}
.box-news .img a:hover img{border-color:#f60}
.box-news .text{width:100%; float:right}

.img-left{float:left; margin:0 20px 10px 0}
.img-right{float:right; margin:0 0 10px 20px}

.ul-okna{padding:8px 0 4px 0; margin-right:-21px; overflow:hidden; height:100%}
.ul-okna li{padding:0 20px 20px 0; float:left; background:none}

.box-calc-1{overflow:hidden; height:100%; padding:0 0 33px 0}
.box-calc-1 img{float:left; margin:0 34px 5px 0}
.box-calc-1 .info{padding:20px 0 0 0}

.form-calc{}
.form-calc h2{padding:0 0 7px 26px}

.box-calc{width:378px; border:1px solid #999; margin-bottom:24px}
.box-calc .deco{width:380px; position:relative; margin:-1px -1px 0 -1px;background:url(img/box-1-1.gif) 0 0 no-repeat}
.box-calc .deco .deco{margin:0; background:url(img/box-1-3.gif) 100% 0 no-repeat}
.box-calc .deco .deco .deco{bottom:-1px; background:url(img/box-1-2.gif) 100% 100% no-repeat}
.box-calc .deco .deco .deco .deco{bottom:0; width:auto; background:url(img/box-1-4.gif) 0 100% no-repeat; padding:19px 26px}
.box-calc .price{font:normal 18px "Trebuchet MS"; color:#f60; position:absolute; bottom:20px; left:402px; width:196px}

.box-buy{width:597px}
.box-buy .deco{width:599px}
.box-buy .deco .deco .deco .deco{padding:19px 170px 19px 207px; overflow:hidden; height:100%}
.box-buy .okno{width:122px; float:left; margin-left:-91px; padding-bottom:36px}
html>body .box-buy .okno{margin-left:-182px}
.box-buy .okno img{margin-bottom:5px}
.box-buy .info{float:left; width:220px; height:100%}
.box-buy .price{left:444px}
.box-buy .del{position:absolute; left:26px; bottom:36px; padding-left:22px; background:url(img/del.gif) 0 6px no-repeat}

.ul-okna-form{padding:0}
.ul-okna-form li{padding:0 0 9px 122px; overflow:hidden; height:100%; background:none; width:190px}
.ul-okna-form li b{display:block; width:119px; float:left; margin-left:-61px; font-weight:normal}
html>body .ul-okna-form li b{margin-left:-122px}
.ul-okna-form li input{vertical-align:middle}
.ul-okna-form li .input{width:184px}
.ul-okna-form li select{width:190px; float:right}
.ul-okna-form li .sel-1{width:135px}
.ul-okna-form li .sel-2{width:100px}

.itog{padding:0 0 0 402px; height:100%}
.itog .count{float:left; width:190px; margin-left:-128px; padding:12px 0 0 0; text-align:right}
html>body .itog .count{margin-left:-256px}
.itog .price{height:40px; margin-bottom:23px; background:#f60 url(img/price-1-1.gif) 0 0 no-repeat; color:#FFF; font:normal 18px "Trebuchet MS"; line-height:38px; float:left; white-space:nowrap; margin-right:-30px; position:relative}
.itog .price div{background:url(img/price-1-2.gif) 100% 0 no-repeat; padding:0 10px 0 26px; height:40px; float:left; min-width:130px; width:130px}
html>body .itog .price div{width:auto}
.itog ul{clear:both; padding:0}
.itog ul li{padding:0 0 14px 26px; position:relative; background:none}
.itog ul li img{position:absolute; top:2px; left:0}
.buy{padding:0;text-align:right;width:599px;height:100%;white-space:nowrap; overflow:hidden}
.buy .info{float:right; width:270px}
.buy .info .price{float:right; margin:0 0 20px 10px}
.buy .info p{clear:both}

.ul-okna-2{padding:0}
.ul-okna-2 li{overflow:hidden; height:100%; padding:0 0 20px 92px; background:none}
.ul-okna-2 li div{width:78px; float:left; margin-left:-46px; text-align:center; padding:4px 0 0 0}
html>body .ul-okna-2 li div{margin-left:-92px}
.ul-okna-2 li p{padding:0; width:100%; float:right}
.ul-okna-2 li big{font-size:18px}

#footer #created{float:left;margin-left:-135px;width:200px;padding:20px 0 0 0}
html>body #footer #created{margin-left:-270px}
.index #footer #created{margin-left:-125px}
html>body .index #footer #created{margin-left:-250px}
#footer #copyright{float:right; width:100%; background:#f2f2f2 url(img/footer-1.gif) 0 0 no-repeat; padding:18px 0 20px 0}
#footer #copyright #block{padding:0 280px 0 70px; overflow:hidden; zoom:1}
.index #footer #copyright #block{padding-left:50px}
#footer #copyright address{float:left; width:99%; font-style:normal}
#footer #copyright #contact{float:right; width:230px;margin:0 -115px 0 0}
html>body #footer #copyright #contact{margin-right:-230px}
#footer #copyright #contact b{color:#f60}

/* POWERMAIL begin */
span.powermail_mandatory { color: #FF6600; margin-right: -0.45em; }
input.validation-failed,
textarea.validation-failed { background-color: #FF6600; }
div.powermail_mandatory_js { color: red; margin: 3px 0 15px 120px;}
div.tx_powermail_pi1_fieldwrap_html_label { text-align: center; padding-bottom: 1em; }
fieldset.tx-powermail-pi1_fieldset { border: 0px solid #A5ACB2;/* background-image: url(../img/handy.jpg);*/background-repeat: no-repeat;background-position: 100% 60%;padding: 10px;}
fieldset.tx-powermail-pi1_fieldset label { display: block; width: 240px; float: left; clear: both;font-weight: normal; text-align: right; padding-right: 1em; }
fieldset.tx-powermail-pi1_fieldset input,
fieldset.tx-powermail-pi1_fieldset textarea { width: 260px; }
div.tx_powermail_pi1_fieldwrap_html {margin: 3px 0; position: relative; }
input.powermail_submit {color: black; margin: 26px 0px; margin-left:140px; font-weight: bold; border: 1px solid #444; width: 130px; }
td.powermail_all_td { 179 padding: 3px 10px 3px 0;}
img.powermail_captcha { position: absolute; top: 0.2em; }


.tx-powermail-pi1 legend {display:none;}
.tx-powermail-pi1 .powermail_captcha {width:80px;}
fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_submit input {width:150px;}
/* POWERMAIL end */

.rehau-latest-date { color: #666666; }


.align-justify {text-align:justify;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-left {text-align:left;}

#container table.contenttable {border:0; border-top:1px solid #cccbcb; border-collapse:collapse; width:100%; margin-bottom:15px}
#container table.contenttable thead th{background:#e5e5e3; padding:5px 0 5px 12px; font-weight:bold}
#container table.contenttable thead th p {padding:0px;}
#container table.contenttable tbody td{ vertical-align:top; padding:5px 0 5px 12px; border-bottom:1px solid #cccbcb}

.news-list-item img { float: left; padding: 0 1em 1em 0;}
.news-list-item { float: none; clear: both; margin: 0 0 2em 0; overflow: hidden; }
.news-single-item h2 { }

.tx-jkpoll-pi1 ul {  padding: 0; margin: 0; overflow: hidden; zoom: 1; }
.tx-jkpoll-pi1 h3 { padding: 0; margin: 0 0 10px 0; zoom: 1; }

.csc-frame-frame1 { border: 1px solid #cccbcb; padding: 15px; }