html { overflow-y: scroll }
html, body { height: 100% }
body { color: #000000; margin: 0; padding: 0; font: 12px 'Raleway', 'Verdana', sans-serif; font-weight: 500; line-height: 140%; background: #ffffff }
* html #content #wrapper { height: 100% }
a:link, a:visited { color: #333333; font-weight: 700; text-decoration: none }
a:hover { color: #e11014; font-weight: 700; text-decoration: none }
h1,h2,h3,h4,h5,h6 { line-height: 120% }
h1 { font-size: 18px; padding: 0 0 5px 0 }
h2 { font-size: 16px; padding: 5px 0 }
h3 { padding: 10px 0 }
img { max-width: 100%; height: auto }

#wrapper { position: relative; min-height: 100%; width: 100%; margin: 0 auto }
#wrap { position: absolute; min-height: 100%; width: 100%; padding: 0; margin: 0 }

#top { width: 100%; height: 150px; background: transparent url("/weimages/trans90.png") repeat-x left top }
#header { width: 1000px; height: 150px; margin: 0 auto }
#logo { float: left; width: 270px; height: 150px; padding: 0 15px }
#home { float: left; width: 120px; padding: 0 10px; text-align: right; line-height: 30px }
#menu { float: left; width: 500px; padding: 0 10px 0 0; line-height: 30px }
#home h1, #menu h1 { font-weight: 700; font-size: 16px; padding: 31px 0 20px 0 }
#lang { float: right; width: 30px; height: 70px; padding: 10px 0 0 0 }
#lang a { display: block; padding: 5px }

#invisi { display: none; }

#cntnt { width: 1000px; margin: 0 auto }
#zcntnt { width: 1200px; margin: 0 auto; background: #fff }
.lupel { margin: 0 10px 0 0 }
.luper { margin: 0 }
#content { float:left; width:1000px; min-height: 400px; height: auto; margin: 50px auto; text-align:left }
#contgal { float:left; width:1000px; min-height: 400px; height: auto; margin: 0 auto 50px auto; text-align:left }
#right { float: right; width: 440px; margin: 0 60px 0 0; min-height: 200px; height: auto; background-color: rgba(255,255,255,0.9); padding: 30px  }
#rght { float: right; width: 470px; margin: 0 80px 0 0; height: auto; background: url('/weimages/trans80.png'); padding: 5px; text-align: right  }
#footer { position: absolute; height: 30px; width: 100%; bottom: 0 }
#fmenu { float: right; height: 30px; width: 1000px; margin: 0 auto; text-align: right }
#fmenu a { color: #ffffff; background: #454543; line-height: 30px; padding: 7px 8px; text-decoration: none; border-right: 1px solid transparent }
#contact { position: absolute; top: 200px; left: 0; z-index: 99 }
.slide-out-div { padding: 10px; width: 520px; background: url('/weimages/trans80.png'); border: 1px solid #29216d }
#col1 { float: left; width: 150px; padding: 10px; border-right: 1px solid #000000 }
#col2 { float: left; width: 150px; padding: 10px; border-right: 1px solid #000000 }
#col3 { float: right; width: 150px; padding: 10px }

#right h1 { line-height: 120% }
#right p { padding: 5px 0 }
.select { background: #d2d3d3 }
.active { border: 1px solid black }
.imgr { padding: 0 10px 5px 0 }
.imgl { padding: 0 0 5px 10px }
.imgb { padding: 0 10px 40px 0 }
.bluelink { color: #0000EE }
a.bluelink:link,a.bluelink:visited { color: #0000EE }
p.umbruch { clear: both; line-height: 2px; margin: 0 }

#top-link { display:none; position:fixed; right:0; bottom:30px; color: #ffffff; background: #454543; padding: 7px 8px; text-decoration: none }
#top-link a { color: #ffffff; text-decoration: none }

.form-label{ width:150px !important }
.form-label-left{ width:150px !important }
.form-line{ padding-top:12px; padding-bottom:12px }
.form-label-right{ width:150px !important }

.ddsmoothmenu { width: 100% }
.ddsmoothmenu ul { z-index:100; margin: 0; padding: 0; list-style-type: none }

/*Top level list items*/
.ddsmoothmenu ul li { position: relative; display: inline; float: left }
/*Top level menu link items style*/
.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited { display: block; padding: 0 5px; text-decoration: none; width: 109px; border-right: 1px solid #ffffff }
.ddsmoothmenu ul li a:hover { display: block; padding: 0 5px; text-decoration: none; width: 109px; border-right: 1px solid #ffffff }

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block }

.one a:link,.one a:visited,.two a:link,.two a:visited,.four a:link,.four a:visited { background: #454543; color: white }
.onea a:link,.onea a:visited,.twoa a:link,.twoa a:visited,.foura a:link,.foura a:visited,
.one a:hover,.two a:hover,.four a:hover,.onea a:hover,.twoa a:hover,.foura a:hover { background: #e11014; color: white }

.three a:link,.three a:visited { background: #4e9240; color: white }
.three a:hover,.threea a:link,.threea a:visited,threea a:hover { background: #4e9240; color: white }

/*1st sub level menu*/
.ddsmoothmenu ul li ul { position: absolute; left: 0; display: none; visibility: hidden; width: 300px; padding: 10px }
ul .onea,ul .twoa,ul .foura { background: #e11014 }
ul .threea { background: #4e9240 }

/*Top level menu link items style*/
.ddsmoothmenu ul li ul li a:link,.ddsmoothmenu ul li ul li a:visited { display: block; font-size: 11px; padding: 5px 0; text-decoration: none; border: none; width: auto }
.ddsmoothmenu ul li ul li a:hover { display: block; font-size: 11px; padding: 5px 0; text-decoration: none; border: none; width: auto }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li { display: list-item; float: none }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul { top: 0 }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a { font: normal 13px "Verdana"; width: 160px; /*width of sub menus*/ padding: 5px; margin: 0; border-top-width: 0; border-bottom: 1px solid gray }

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/

@media screen and (max-width: 800px) {
  /* Layout Elements */

body { font: 12px 'Tahoma',sans-serif; font-weight: 300 }
#visi { display: none; }
#invisi { float: left; display: block; margin: 0; width: 100%; padding: 0; height: auto }

/* #menu is the original menu */
.slicknav_menu { display:block; z-index: 999 }
ul#navigation { display: none }

#top { height: 200px; background-repeat: repeat; }
#header,#cntnt,#contgal { width: 98% }
#menu { float: left; width: 100%; padding: 0; line-height: 30px }
#content { width: 100%; margin-top: 10px; }
#logo { float: left; width: 100%; height: 63px; padding: 2px 0 }
#home { display: none }
#lang { position: absolute; right: 5px; top: 5px }
#menutop { float: left; margin: 0; width: 100% }
#menubot { float: left; height: auto; width: 100% }
#header h1 { font-size: 14px; text-align: left; margin-top: 23px }
#header h2 { font-size: 14px; padding: 0; text-align: center }

#rightx,#right { float: left; width: 98%; padding: 0 1% 5% 1% }
#rght { float: left; width: 100%; padding: 0; }
.tblcontact { width: 100% }

#contact { display: none }
.slide-out-div { padding: 5px; width: 220px; background: rgba(255,255,255,0.8) }
#col1 { float: left; width: 90%; padding: 5px 1px 10px 10px; border-right: 1px transparent }
#col3 { float: left; width: 90%; padding: 5px 1px 0 10px }

#top-link { bottom: 60px; }
#footer { background: #454543; height: 60px; }
#fmenu { float: left; width: 100%; text-align: center }
#fmenu a { float: left; font-size: 10px; padding: 4px; line-height: 20px }

}