/* CSS Document */

body {font-size: 12px; line-height: 22px; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; background: #FFF; min-width: 100%; margin:0 !important; padding:0; color:#333; font-weight:normal; text-rendering: optimizeLegibility !important; font-stretch:normal !important;}
html{height:100%; margin-bottom:0px;}
* { margin: 0; padding: 0; outline: 0; }

.clear {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

#wrapper { width:100%; height:100%; margin:0; padding:0;}

h1 { width:100%; text-align: left; color:#048DCA; font-size:22px; line-height:30px ; margin:0; padding:0 !important;  font-weight:500; }

h2 { width:100%; text-align: left; color:#048DCA; font-size:16px; line-height:20px ; margin:0; padding:0 !important;  font-weight:600; }

h3 { width:100%; text-align: left; color:#048DCA; font-size:16px; line-height:20px ; margin:10px 0; padding:0 !important;  font-weight:600; }


p { font-size:13px; font-weight:normal; color:#333 !important; text-align: justify; line-height:18px; font-weight:500; margin:5px 0; padding:0px; width:100%;}
p a {  text-decoration: underline; color:#E36B03;}
p a:hover { color:#333;}
p span { color:#E36B03; font-weight:700; font-size:13px; font-style:italic;}
p strong { color:#E36B03; font-weight:700; font-size:13px;}

header{  width:100%; min-height:50px; height: auto; margin:0; padding:0;}
header:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.header-line { width:100%; height:5px; margin:0; padding:0; background:#0499D9; border-bottom:1px solid #E36B03;}

.center { width:1000px; min-height:20px; height:auto; margin:0 auto; }
.center:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/*LOGO*/
.logo { float:left; width: auto; height:auto; margin:15px 10px; padding:0; display:block;}
/*LOGO*/

/*SINCE 1990*/
.since { float:left; width:auto; line-height:40px; margin:32px 0 0 10px; padding:0; font-size:18px; color:#048DCA; text-align:left; font-weight:700;}
/*SINCE 1990*/

/*CALL-NOW*/
.call-now { float:right; width:auto; height:auto; min-height:20px; margin:30px 0 0 0; padding:0; display:block;}
.call-now ul { float:left; margin:0; padding:0; list-style:none;}
.call-now ul li { float:left; margin:0; padding:0;}
.call-now ul li.ic { float:left; width:20px; height:20px; margin:0; padding:0;}
.call-now ul li.tex { float:left; width:auto; min-width:50px; margin:0 10px 0 5px; padding:0; line-height:20px; font-size:14px; text-align:left; font-weight:400;}
.call-now ul li.tex a { color:#333; text-decoration:none;}
.call-now ul li.tex a:hover { color:#E36B03;}
/*CALL-NOW*/

/**NAV**/

.menu { width:100%; height:40px; margin:0 0 10px 0; padding:0px; background:#0499D9; border-top:1px solid #E36B03; }
.menu:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.nav { width:1000px; height:auto; margin:0 auto; padding:0;}
#nav {  width: auto; height:40px; margin:0px; padding:0px;  display:block;}
#nav ul { float:left; margin:0px; padding:0px; list-style:none; z-index:100}
#nav li {float: left; position: relative; height:40px; width:auto; margin:0px; padding:0px; line-height:40px;list-style: none; border-left:1px solid #28BCFB; border-right:1px solid #036C9A;}
/* main level link */
#nav a { float:left; font-size:15px;font-weight:600;color:#333;text-decoration: none;display: block; padding:0px 18px;margin: 0;}
#nav a:hover,#nav a.current { float:left; color:#FFF; background:url(../images/nav-hover.png) no-repeat center top;}

/* main level link hover */
#nav .current a, #nav li:hover > a { float:left; color:#FFF; line-height:40px; background:url(../images/nav-hover.png) no-repeat center top;}

/* sub levels link hover */
#nav ul li:hover a { float:left;background: none;border: none;color:#333; height: auto; line-height:18px;} 
#nav li:hover li a { float:left;background: none;color: #FFF;  height: auto; line-height:18px;}
#nav ul a:hover { float:left;color: #333 !important; background:#28BCFB !important; box-shadow:none;-moz-box-shadow:none;
-webkit-box-shadow:none;}

/* dropdown */
#nav li:hover > ul {display: block; float:left; height:auto;}

/* level 2 list */
#nav ul { float:left;display: none;margin: 0;padding: 5px 0px 5px 0px;width: 245px;height:auto;position: absolute;top: 40px;left: 0;background:#0499D9;  -webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out; border:1px solid #28BCFB;}
#nav ul li { float:left; width:245px;/*float: none;*/margin: 0px; padding: 0px 0px; background:none; height: auto; border-left:none; border-right:none; border-bottom:1px solid #036C9A;}
#nav ul a { float:left;font-weight:500; font-size:13px; width:225px; margin:0; padding:7px 10px; }

/* level 3+ list */
#nav ul ul { float:left;left: 215px;top: 0px;}

/* rounded corners of first and last link */
#nav ul li:first-child > a { float:left;}
#nav ul li:last-child > a { float:left;}

#nav {display: inline-block;} 

#nav:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/**NAV**/

.main-wrapper { width:100%; height: auto; margin:10px 0 ; padding:10px 0; background:#FBFBFB; border-top:1px solid #CCC; min-height:50px;}
.main-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.main-wrapper h1 { width:100%; text-align: center; color:#048DCA; font-size:26px; line-height:40px ; margin:0; padding:0 !important;  font-weight:500; }
.main-wrapper p {width: auto; font-size:13px; font-weight:400; line-height:18px; text-align: center; margin: 0; padding:0; color:#333; display:block; }

.main-wrapper-button { width:150px; height: auto; margin:10px auto 0 auto; padding:0; display:block;}
.main-wrapper-button a { float:left; width:100%; height:35px; line-height:35px; margin:0; padding:0; text-align:center; background:#333; font-size:14px; color:#FFF; text-decoration:none; font-weight:400;  -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.main-wrapper-button a:hover { color:#FFF; background:#048ECA;}

/**Banner**/

.banner { float:left; width:980px; height:350px; margin:10px; padding:0;}

#slider { height:350px; width:100% !important; position:relative; overflow:hidden;margin:0px auto; padding:0px 0px 0px 0px; text-align:center !important; }
#slider-holder { width:100%; height:350px; position:relative; overflow:hidden; text-align:center !important; padding:0px; margin:0px auto;}
#slider-holder .jcarousel-clip{ width:100%; height:350px; position:relative; overflow:hidden; padding:0px; margin:0px; text-align:center !important;}
#slider-holder ul{ width:100%; height:350px; position:relative; overflow:hidden; list-style-type: none; margin:0px; padding:0px; text-align:center !important;}
#slider-holder ul li{ min-width:980px; width: auto; height:350px; position:relative; overflow:hidden; float:left;  margin:0px;  text-align:center !important; padding:0px; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; }

#slider-nav  { position:absolute; top:320px; left:895px; z-index:0;}
#slider-nav a{position:relative;z-index:99;cursor:pointer;text-indent:-5000px;width:15px;height:15px;float:left;margin: 0px 0px 0px 3px;background:url(../images/slider-pagination.png) right 0 no-repeat;}
#slider-nav a:hover,
#slider-nav a.active {background-position:left}
/**Banner**/

/*Sub-BAnner*/
.sub-banner { width:980px; height:200px; margin:20px 10px 10px 10px; padding:0px; display:block; -moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; overflow:hidden;}
/*Sub-BAnner*/

.main { float:left; width:980px; height:auto; min-height:100px; margin:10px; padding:0; display:block;}
.main-left { float:left; width:300px; height:auto; min-height:100px; margin:10px ; padding:0; }
.main-right { float:left; width:660px; height:auto; min-height:100px; margin:10px; padding:0; }

/*LEFT-MENU*/
.left-menu { float:left; width:300px; height:auto; min-height:100px; margin:0; padding:0; background:#FBFBFB;}
.left-menu ul { float:left; margin:5px 0; padding:0; list-style:none;}
.left-menu ul li { float:left; width:286px; height:auto; border-bottom:1px solid #CCC; border-top:1px solid #FFF; margin:0; padding:0 7px;}
.left-menu ul li a { float:left; text-align:left; color:#333; text-decoration:none; margin:0; padding:8px 0 8px 15px; line-height:18px; font-size:13px; font-weight:500; background:url(../images/left-menu.png) no-repeat left 14px ;}
.left-menu ul li a:hover {color:#E36B02; background:url(../images/left-menu-hover.png) no-repeat left 14px ;}

.left-menu-titel { float:left; width:275px; height:35px; line-height:35px; margin:0; padding:0 0 0 25px; background:#048ECA url(../images/menu-titel.png) no-repeat left center; font-size:18px; text-align:left; color:#FFF;}
/*LEFT-MENU*/

/**Product **/
.product { float:left; width:660px; min-height:100px; height: auto; margin:0px 0px 0px 0px; padding:0px; }

.list_carousel { position:relative; float:left; width:100%; min-height:150px; height: auto; margin:5px 0 0 0; padding:0px; list-style:none;/*overflow:hidden;*/  }
.list_carousel ul { float:left; list-style-type: none; height: auto; position:relative; /*overflow:hidden;*/ width:100%;float:left; margin: 0px !important; padding:0px;}
.list_carousel li { float:left; width:153px; min-height:153px; height: auto;padding:0px; margin:5px; border:1px solid #CCC }
.list_carousel.responsive {width: auto;margin-left: 0;}
.clearfix {float: none;clear: both;}

.morenav { float: right; font-size:0; margin:-30px 0 0 0; line-height:30px; width: auto; height:30px;}
.prev { background:#333 url(../images/prev-icon.png) no-repeat center; width:30px; height:30px;float: left;margin-left: 0px; margin-right:5px;}
.prev:hover { background:#048ECA url(../images/prev-icon.png) no-repeat center;}
.next {float: right; margin-right: 0px; background:#333 url(../images/next-icon.png) no-repeat center; width:30px; height:30px; }
.next:hover { background:#048ECA url(../images/next-icon.png) no-repeat center;}
/**Product **/

.line { float:left; width:100%; height:1px; margin:5px 0 5px 0; background:#CCC; padding:0;}

.text-box { float:left; width:100%; height:auto; min-height:30px; margin:5px 0; padding:0;}

/*CONTACT-BOX*/
.contact-box { float:left; width:313px; height:auto; min-height:20px; margin:10px; padding:0;}

.contact-icon { float:left; width:36px; height:44px; margin:0; padding:0;}
.contact-text { float:left; width:267px; height:auto; margin:0 0 0 10px; padding:0; text-align:left; font-size:13px; line-height:18px; font-weight:500; color:#333;}
.contact-text a { text-decoration:none; color:#333;}
.contact-text a:hover { color:#E36B03;}
.contact-text span { font-weight:700; color:#048DCA;}
/*CONTACT-BOX*/

/**FOOTER**/
footer { width:100%; margin:15px 0 0 0; padding:0 0 10px 0; display:block; border-top:1px solid #048ECA; min-height:30px; height:auto;}
footer:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

.footernav { width:696px; height:auto; min-height:30px; margin:0 auto; padding:0;}
.footernav ul { float:left; margin:0; padding:0; list-style:none;}
.footernav ul li { float:left; width:auto; height:auto; line-height:30px; margin:0; padding:0 13px 0 10px; background:url(../images/footer.png) no-repeat right top;}
.footernav ul li a { float:left; text-align:left; font-weight:500; font-size:12px; color:#333; line-height:30px; text-decoration:none; margin:0; padding:0;}
.footernav ul li a:hover { color:#048DCA;}
/**FOOTER**/

.copyright {  width:100%; height:auto; line-height:30px; margin:0 0 0 0; padding: 0 ; font-size:12px; text-align: center; font-weight:normal; color:#333;}

.powered { width:auto; height:auto; margin:0 auto; padding:10px 0; text-align: center;} 
.powered a { display:block;}
.powered a:hover {opacity:0.7;}
.powered:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; padding:0;}

/*Inquiry*/

.inquiry-form { float:left; width:660px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0;}
.inquiry-form ul { float:left; margin: 0; padding:0; list-style:none;}
.inquiry-form ul li { float:left; width:660px; height:auto; min-height:105px; margin: 5px 10px 0px 0; padding:0;}
.inquiry-form ul li.lf { float:left; width:320px; height:auto; min-height:55px; margin: 5px 10px 0px 0; padding:0;}
.inquiry-form ul li.rf { float:left; width:320px; height:auto; min-height:55px; margin: 5px 0px 0px 10px; padding:0;}

.err_msg { float:left; height:20px; line-height:20px; color:#F00;}

.bor { float:left; font-size:14px; margin:0; padding:0 0 0 5px; color:#333 !important;  width:313px; height:31px; line-height:33px; background:#FBFBFB; border: none; border:1px solid #CCC; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }

.textar { float:left; font-size:14px; margin:0; padding:5px 0 0 5px; color:#333 !important;  width:653px; height:78px; line-height:20px; background:#FBFBFB; border: none; border:1px solid #CCC; font-family: 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }

.bor:focus, .textar:focus { border:1px solid #048ECA; background:#FFF;  }

input.btn { float: left; width: auto;  margin:0px; padding:0px 15px; background:#048ECA; font-size:14px; color:#FFF !important; font-weight:normal; cursor:pointer; line-height:30px; height:30px; border:none;}
input.btn:hover { background:#E36B03; color:#FFF !important;  border:none; }
/*Inquiry*/

/*contact*/
.contact-address { float:left; width:660px; height:auto; min-height:100px; margin:10px 0 ; padding:0;}
.contact-address ul { float:left; width:100%; height:auto; margin:0; padding:0; list-style:none;}
.contact-address ul li { float:left; margin:0; padding:0;font-size:13px; text-align:left; color:#333; line-height:18px;}
.contact-address ul li.icon { float:left; width:30px; height:30px; margin:5px 0 0 0; padding:0;}
.contact-address ul li.text { float:left; width:620px; height:auto; min-height:20px; font-size:13px; text-align:left; color:#333; line-height:18px; margin:5px 0 0 10px; padding:5px 0 0 0;}
.contact-address ul li.text a { text-decoration:none; color:#333;}
.contact-address ul li.text a:hover {color:#E36B03;}
.contact-address ul li.text span { font-weight:600; color:#E36B03; font-size:14px;}
/*contact*/

/*PRODUCTS*/

.products-box { float:left; width:176px; height:auto; min-height:120px; margin:10px; padding:0; background:#FFF; box-shadow:0 1px 2px #048DCA;}
.products-box:hover {box-shadow:0px 0px 8px #048DCA;}
.product-img { float:left; width:156px; height:130px; margin:10px; padding:0;}
.product-titel { float:left; width:156px; height: auto; min-height:40px; line-height:20px; margin:0 10px 10px 10px; padding:0px 0 0 0; font-size:13px; text-align:left; color:#333; font-weight:500;}
.product-titel a { text-align:left; color:#333; text-decoration:none; font-weight:500;}
.product-titel a:hover { color:#048DCA;}
/*PRODUCTS*/

#back-top {position: fixed;/*bottom: 70px;*/ top:80%; right:-90%;/* margin-right:0px;*//*margin-left:0px;*/}
#back-top a {width: 40px;height: 40px;display: block;margin-bottom: 0px;background:#0499D9 url(../images/scrolltop.png) no-repeat center center;-webkit-border-radius: 5px;-moz-border-radius: 5px;
border-radius: 5px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover {background-color:#E36B03;}

/**products-box**/
.big-product-box { float:left; width:660px; height:auto; min-height:100px; margin:10px 0 0 0; padding:0;}

.big-product { float:left; width:210px; height:auto; min-height:100px; margin:5px; padding:0; background:#FBFBFB}
.big-product:hover {background:#0499D9; color:#FFF;}
.big-product-img { float:left; width:198px; height:148px; margin:5px; padding:0; border:1px solid #CCC;}
.big-product-titel { float:left; width:200px; height: auto; min-height:40px; line-height:20px; margin: 5px; padding:0px 0 0 0; font-size:14px; text-align:left; color:#333; font-weight:600;}
.big-product-titel a { text-align:left; color:#333; text-decoration:none; font-weight:600;}
.big-product-titel a:hover { color:#FFF;}
/**products-box**/

#brochure  #brochure_inner {/*background-color: #333333;*/ background-image: url(../images/contact.png);color: #FFFFFF;
cursor: pointer; height: 170px; right: 0; margin-right: -10px; overflow: hidden; position: fixed; text-indent: -100000px;    top: 190px; width: 40px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}
#brochure #brochure_inner:hover {/*background-color: #333333;*/ background-image: url(../images/contact.png); color: #FFFFFF;cursor: pointer; height: 170px; right: 0; margin-right: 0px; overflow: hidden; position: fixed; text-indent: -100000px; top:190px; width: 40px; z-index: 100000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s;}