body {background: url(../images/bck.png) repeat;}
html, body {height: 100%;}
* {margin: 0; padding: 0; }
img {border: 0;}
.clr {clear: both;}
a {outline: none;}

#Schematic {position:relative; width:100%; height:auto !important; height:100%; min-height:100%; background: url(../images/bck2.png) center 0px no-repeat; }
#Top {width: 100%; height: 50px; background: url(../images/top.png) left top repeat-x; }

#Top .wrapper {margin: 0 auto; width: 890px;}
#Top .wrapper ul {margin: 0; padding: 0; list-style: none; float: right;}
#Top .wrapper ul li {margin: 0; padding: 0; float: left; height: 50px;}
#Top .wrapper ul li a { margin: 0; padding: 0; display: block; height:50px; overflow: hidden; }
#Top .wrapper ul li a:hover img { margin-top: -50px; }
#Top .wrapper ul li a.active img { margin-top: -50px; }

#Container {margin: 0 auto; width: 916px; }
#Container .TextTop {height: 42px; background: url(../images/TextTop.png) center top no-repeat;}
#Container .TextBck {height: 100%; background: url(../images/TextMain.png) repeat-y; overflow: hidden;}
#Container .TextBottom {height: 46px; background: url(../images/TextBottom.png) no-repeat;}

.TextLeft {float: left; width: 241px; height: 100%; margin: 0 0 0 0px; padding: 0 0 0 40px; }
.TextLeft #ProductList {width: 150px; height: 450px; margin: 20px auto 0 auto;}
.TextLeft #ProductList .Images { display: block; width: 150px; height: 150px; margin: 0;}
.TextLeft #ProductList .Images img {width: 150px; height: 150px; left: 0; top: 0;}

.TextRight {float: left; width: 571px; height: 100%; margin: 0 0 0 18px; }
.TextRight p {font: normal 11px Verdana, "Century Gothic"; margin: 8px 0 0 5px; line-height: 20px; color: #434343;}
.TextRight h2 {margin: 20px 0 15px 0px; font: normal 28px "Century Gothic", Tahoma; border-bottom: 1px solid #e8e8e8; color: #4A4A4A;}
.TextRight h3 {margin: 18px 0 7px 0; padding: 2px 0px 2px 3px; font: normal 19px Helvetica, Tahoma; color: #004A73; }
.TextRight p.ContactInfo {margin: 5px 0 0 11px; font: normal 11px Verdana; display: block; color: #434343; line-height: 20px;}
.TextRight p.ContactInfo span {padding: 1px 3px 1px 3px; font: bold 12px Verdana;}
.TextRight p.ContactInfo a {color: #Dc0000; text-decoration: none; padding: 1px 3px 1px 3px; font: bold 12px Verdana;}
.TextRight p.ContactInfo a:hover {background: #b90000; color: #fff;}
.TextRight h2.Success {margin: 10px; display: block; height: 50px; padding: 20px 0 0 0px; font: normal 22px "Century Gothic", Verdana; text-align: center; background: url(../images/success.png) 20px 0 no-repeat; color: #7AB900;}
.TextRight h2.Error {margin: 10px; display: block; height: 50px; padding: 20px 0 0 40px; font: normal 22px "Century Gothic", Verdana; text-align: center; background: url(../images/error.png) 50px 0 no-repeat; color: #DC0000;}
.TextRight p.MailInfo a {padding: 1px 3px 1px 3px; color: #DC0000; text-decoration: none;}
.TextRight p.MailInfo a:hover {background: #B90000; color: #FFF; }
.TextRight img.MadeInGer {margin: 20px auto 10px auto; text-align: center; display: block; width: 400px; height: 277px;}
.TextRight img.HistoryLogos {margin: 25px auto 20px auto; width: 478px; height: 143px; display: block;}
.TextRight img.Signature {margin: 10px 0 10px 360px;}
.TextRight a {color: #dc0000; padding: 1px 2px 1px 2px; text-decoration: none;}
.TextRight a:hover {color: #fff; background: #B90000;}
.TextRight img.PageTitle {margin: 20px 0 20px 5px; display: block; }

.TextRight ul.Oferta {margin: 30px 0 20px 0; list-style: none;}
.TextRight ul.Oferta li {margin: 10px 0 0 0; display: block;overflow: hidden; height: 74px; }
.TextRight ul.Oferta li:hover {background: #F2F2F2;}
.TextRight ul.Oferta li:hover a {border: 1px solid #9E9E9E;}
.TextRight ul.Oferta li span.CatalogName {margin: 0 0 0 5px; display: block; width: 410px; float: left;font: bold 17px Arial; color: #Dc0000; line-height: 34px;}
.TextRight ul.Oferta li span.PDF {margin: 0 0 0 3px; color: #626262; font: normal 10px Verdana;}
.TextRight ul.Oferta li a {overflow: hidden; height: 64px; width: 48px; float: right; border: 1px solid #DADADA; padding: 4px;}
.TextRight ul.Oferta li a:hover {border: 1px solid #b90000; background: none;}

.TextRight img.Promotion {margin: 0 auto 0 auto; display: block; border: 1px solid #e8e8e8; padding: 8px;}
.TextRight span.CatalogNr {font: normal 11px Verdana; color: #929292; margin: 4px 0 10px 110px; display: block;}
.TextRight ul.Promotion {margin: 15px 0 10px 5px; list-style: none;}
.TextRight ul.Promotion li {font: normal 13px "Lucida Sans Unicode", Verdana; color: #434343; margin: 21px 0 0 0; padding: 0 0 0 25px; background: url(../images/PromotionList.png) center left no-repeat;}
.TextRight h4.Price {margin: 30px 0 15px 0px; padding: 10px 0 14px 0px; font: bold 20px "Lucida Sans Unicode", Helvetica, Tahoma; color: #dc0000; letter-spacing: 1px; }


#ContactForm p {text-indent: 0; margin: 13px 0 0 0;}
#ContactForm label { margin: 0px 0 0px 10px; padding: 0; display: block; font: normal 11px "Lucida Sans Unicode";  }
#ContactForm input { padding: 4px 5px 3px 4px; margin: 2px 0 0px 10px; width: 200px; font:normal 11px Verdana; color:#323232;  border: 1px solid #7A7A7A; background: url(../images/InputBg.png) left top no-repeat;}
#ContactForm textarea {padding: 3px; margin: 4px 0 10px 10px; font:normal 11px Verdana; color: #323232; display: block; border: 1px solid #7A7A7A; background: url(../images/InputBg.png) left top no-repeat;}
#ContactForm input.Submit { margin: 0 0 10px 10px; padding: 0px; width: 150px; height: 30px; border: 0; 
background: url(../images/Send.png) 0 0 no-repeat; }
#ContactForm input.Submit:hover { background: url(../images/Send.png) 0 -30px no-repeat; }
#ContactForm input.Reset { margin: 12px 0 10px 10px; padding: 0px; width: 150px; height: 30px; border: 0; 
background: url(../images/Reset.png) 0 0 no-repeat; }
#ContactForm input.Reset:hover { background: url(../images/Reset.png) 0 -30px no-repeat; }

#ContactForm .LV_validation_message{ margin :0 0 0 10px; }
#ContactForm .LV_valid { color:#00B900; font: bold 11px Verdana; }
#ContactForm .LV_invalid { color:#CC0000; font: bold 11px Verdana;}   

#ContactForm .LV_valid_field, #ContactForm input.LV_valid_field:hover, #ContactForm input.LV_valid_field:active { 
border: 1px solid #00B900; }
#ContactForm textarea.LV_valid_field, #ContactForm textarea.LV_valid_field:hover, #ContactForm textarea.LV_valid_field:active {
    border: 1px solid #00B900;}
#ContactForm .LV_invalid_field, #ContactForm input.LV_invalid_field:hover, #ContactForm input.LV_invalid_field:active {
    border: 1px solid #CC0000;} 
#ContactForm textarea.LV_invalid_field, #ContactForm textarea.LV_invalid_field:hover, #ContactForm textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;}



#Footer {font: normal 11px Verdana; color: #CECECE; height: 70px; text-align: center;}
#Footer .Right {float: right; width: 250px; margin: 0 25px 0 0;}
#Footer .Left {float: left; width: 250px;}
#Footer span {background: #224166; padding: 2px 4px 2px 4px; line-height: 17px; }
#Footer span a {color: #fff; text-decoration: none; padding: 2px 3px 2px 3px;}
#Footer span a:hover {color: #FFF; background: #007AB9;}