html { height: 100% }
body { font: 12px "Tahoma", sans-serif; background: #ffffff; height: 100%; margin: 0; padding: 0 }

#invisi { display: none; }
#visi img { float: right;}

#wrapper { width: 1000px; margin: 0 auto; position: relative; height: auto }
#wrapcnt01 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #171516 url("/weimages/template/hp-bg.jpg") no-repeat left top }
#wrapcnt02 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #322e29 url("/weimages/template/bg-ueber-uns.jpg") no-repeat left top }
#wrapcnt03 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #322e29 url("/weimages/template/bgneu03.jpg") no-repeat left top }
#wrapcnt04 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #322e29 url("/weimages/template/stanz-bg.jpg") no-repeat left top }
#wrapcnt05 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #444234 url("/weimages/template/bg-werkzeugbau.jpg") no-repeat left top }
#wrapcnt06 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #746363 url("/weimages/template/ctct-bg.jpg") no-repeat left top }
#wrapcnt07 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #9e756c url("/weimages/template/bg07.jpg") no-repeat left top }
#wrapcnt08 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #1b140f url("/weimages/2015/HEWA_test1.jpg") no-repeat left top }
#wrapcnt09 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #9f3514 url("/weimages/2015/HEWA_test2.jpg") no-repeat left top }
#wrapcnt10 { color: #ffffff; width: 1100px; margin: 0 auto; position: relative; min-height: 800px; background: #444234 url("/weimages/2015/HEWA_test3.jpg") no-repeat left top }

#header { float: left; position: relative; width: 1100px; height: 237px; margin: 0; padding: 0 }

#menu { float: left; width: 185px; padding: 125px 0 0 315px; text-align: right }
#menu ul { margin: 0 0 0 40px; padding: 0; list-style: none }
#menu li { margin: 0; padding: 0 0 4px 0; line-height: 100% }

#cntlft { float: left; position: relative; width: 600px; padding: 225px 0 0 0; text-align: right }
#menu2 { float: right; text-align: right }
#lupe { float: right; width: 100px; padding: 75px 0 0 0; text-align: right }
#karte { position: absolute; left: 0; bottom: 0 }
#karte a:link,#karte a:hover { display: inline-block; width: 250px; height: 230px; }
.txtmenu a { display: inline-block; font: 15px Helvetica, sans-serif; color: #fff; background: #AD0A04; line-height: 25px; padding: 0 5px; margin: 0 0 25px 0 }
.txtmenu a:hover,.txtmenub a { display: inline-block; font: 15px Helvetica, sans-serif; color: #AD0A04; background: #fff; line-height: 25px; padding: 0 5px; margin: 0 0 25px 0; text-decoration: none }

#content { float: right; width: 420px; min-height: 400px; padding: 0 45px 10px 35px; line-height: 150% }
#content ul { margin: 0 0 0 5px; padding: 0 }
#content li { margin: 0; padding: 2px }

#menulang { position: absolute; float: right; width: 58px; height: 100px; margin: 0; padding: 0; top: 48px; left: 1042px }
#menulang a { padding: 0 }

#footer { position: relative; float: left; width: 1000px; height: 23px; line-height: 23px; padding: 0; text-align: right }
#footer p { color: #808080; padding: 0; margin: 0 }
#footer a:link,#footer a:visited { font-size: 10px; color: #808080; text-decoration:none }

#slideshow { position: relative; width: 247px; height: 550px; overflow: hidden }

h1 { font-size: 15px; padding: 0 0 10px 0; margin: 0; font-weight: normal }
h2 { font-size: 14px; padding: 5px 0; margin: 0; font-weight: normal }
h3 { font-size: 13px; padding: 5px 0; margin: 0 }
a { color: #d9632c; font-weight: bold; text-decoration: none; outline:none }
a:hover { text-decoration: underline; outline:none }
a img { border: none }
hr { color: #ffffff; border: 0; background-color: #ffffff; height: 1px; width: 100% }

.white a { color: #ffffff }
.whiteb a { color: #ffffff; font-weight: bold }
.clear { clear: both }
.block { display: block }
.imgr { margin-right: 10px }
.imgl { margin-left: 10px }
.right { text-align: right; padding: 10px 0; display: block }
.menttl a { font-weight: bold }
.imgb  { margin-bottom: 0.9em; margin-left: 0; margin-right: 5px }
.imgborder { border-style: solid; border-width: 1px; border-color: black }
a.zoom { float: left; width: 400px; height: 300px;  }

.menude { width: 58px; height: 37px; display: block }
.menufr { width: 58px; height: 36px; display: block }
.menude a:link,.menude a:visited { width: 58px; height: 37px; background: url("/weimages/template/de.png") no-repeat left top; display: block }
.menude a:hover,.menude2 a:link,.menude2 a:visited,.menude2 a:hover { width: 58px; height: 37px; background: url("/weimages/template/de2.png") no-repeat left top; display: block }
.menufr a:link,.menufr a:visited { width: 58px; height: 36px; background: url("/weimages/template/fr.png") no-repeat left top; display: block }
.menufr a:hover,.menufr2 a:link,.menufr2 a:visited,.menufr2 a:hover { width: 58px; height: 36px; background: url("/weimages/template/fr2.png") no-repeat left top; display: block }

.menu_01,.menu_02,.menu_03,.menu_05,.menu_06,.menu_01b,.menu_02b,.menu_03b,.menu_05b,.menu_06b { width: 185px; height: 45px; display: block }
.menu_04,.menu_04b { width: 185px; height: 84px; display: block }

.menu_01 a:link,.menu_01 a:visited { width: 185px; height: 45px; background: url("/weimages/menu/menu_01.png") no-repeat right top; display: block }
.menu_02 a:link,.menu_02 a:visited { width: 185px; height: 45px; background: url("/weimages/menu/menu_02.png") no-repeat right top; display: block }
.menu_03 a:link,.menu_03 a:visited { width: 185px; height: 45px; background: url("/weimages/menu/menu_03.png") no-repeat right top; display: block }
.menu_04 a:link,.menu_04 a:visited { width: 185px; height: 84px; background: url("/weimages/menu/menu_04.png") no-repeat right top; display: block }
.menu_05 a:link,.menu_05 a:visited { width: 185px; height: 45px; background: url("/weimages/menu/menu_05.png") no-repeat right top; display: block }
.menu_06 a:link,.menu_06 a:visited { width: 185px; height: 45px; background: url("/weimages/menu/menu_06.png") no-repeat right top; display: block }

.menu_01 a:hover,.menu_01b a:link,.menu_01b a:visited,.menu_01b:hover { width: 185px; height: 45px; background: url("/weimages/menu/menu_01b.png") no-repeat right top; display: block }
.menu_02 a:hover,.menu_02b a:link,.menu_02b a:visited,.menu_02b:hover { width: 185px; height: 45px; background: url("/weimages/menu/menu_02b.png") no-repeat right top; display: block }
.menu_03 a:hover,.menu_03b a:link,.menu_03b a:visited,.menu_03b:hover { width: 185px; height: 45px; background: url("/weimages/menu/menu_03b.png") no-repeat right top; display: block }
.menu_04 a:hover,.menu_04b a:link,.menu_04b a:visited,.menu_04b:hover { width: 185px; height: 84px; background: url("/weimages/menu/menu_04b.png") no-repeat right top; display: block }
.menu_05 a:hover,.menu_05b a:link,.menu_05b a:visited,.menu_05b:hover { width: 185px; height: 45px; background: url("/weimages/menu/menu_05b.png") no-repeat right top; display: block }
.menu_06 a:hover,.menu_06b a:link,.menu_06b a:visited,.menu_06b:hover { width: 185px; height: 45px; background: url("/weimages/menu/menu_06b.png") no-repeat right top; display: block }

.frmenu_01,.frmenu_02,.frmenu_03,.frmenu_06,.frmenu_01b,.frmenu_02b,.frmenu_03b,.frmenu_06b { width: 185px; height: 45px; display: block }
.frmenu_04,.frmenu_05,.frmenu_04b,.frmenu_05b { width: 185px; height: 75px; display: block }

.frmenu_01 a:link,.frmenu_01 a:visited { width: 185px; height: 45px; background: url("/weimages/menu/frmenu_01.png") no-repeat left top; display: block }
.frmenu_02 a:link,.frmenu_02 a:visited { width: 185px; height: 45px; background: url("/weimages/menu/frmenu_02.png") no-repeat left top; display: block }
.frmenu_03 a:link,.frmenu_03 a:visited { width: 185px; height: 45px; background: url("/weimages/menu/frmenu_03.png") no-repeat left top; display: block }
.frmenu_04 a:link,.frmenu_04 a:visited { width: 185px; height: 75px; background: url("/weimages/menu/frmenu_04.png") no-repeat left top; display: block }
.frmenu_05 a:link,.frmenu_05 a:visited { width: 185px; height: 75px; background: url("/weimages/menu/frmenu_05.png") no-repeat left top; display: block }
.frmenu_06 a:link,.frmenu_06 a:visited { width: 185px; height: 45px; background: url("/weimages/menu/frmenu_06.png") no-repeat left top; display: block }

.frmenu_01 a:hover,.frmenu_01b a:link,.frmenu_01b a:visited,.frmenu_01b:hover { width: 185px; height: 45px; background: url("/weimages/menu/frmenu_01b.png") no-repeat left top; display: block }
.frmenu_02 a:hover,.frmenu_02b a:link,.frmenu_02b a:visited,.frmenu_02b:hover { width: 185px; height: 45px; background: url("/weimages/menu/frmenu_02b.png") no-repeat left top; display: block }
.frmenu_03 a:hover,.frmenu_03b a:link,.frmenu_03b a:visited,.frmenu_03b:hover { width: 185px; height: 45px; background: url("/weimages/menu/frmenu_03b.png") no-repeat left top; display: block }
.frmenu_04 a:hover,.frmenu_04b a:link,.frmenu_04b a:visited,.frmenu_04b:hover { width: 185px; height: 75px; background: url("/weimages/menu/frmenu_04b.png") no-repeat left top; display: block }
.frmenu_05 a:hover,.frmenu_05b a:link,.frmenu_05b a:visited,.frmenu_05b:hover { width: 185px; height: 75px; background: url("/weimages/menu/frmenu_05b.png") no-repeat left top; display: block }
.frmenu_06 a:hover,.frmenu_06b a:link,.frmenu_06b a:visited,.frmenu_06b:hover { width: 185px; height: 45px; background: url("/weimages/menu/frmenu_06b.png") no-repeat left top; display: block }


div.overlay { padding:40px; width:640px; display:none; background: url("/weimages/transp.gif") }
div.overlay div.close { background: url("/js/close.png") no-repeat; position:absolute; top:2px; right:5px; width:35px; height:35px; cursor:pointer }
div.overlay a { height:450px; display:block }

.form        { font-size: 9px; font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; margin: 0px; padding: 0px }
.form input  { font-size: 9px; font-family: Tahoma, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;; margin: 0px; padding: 0px }
.space       { font-weight: normal; font-size: 9px; line-height: 9px; font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif  }

@media screen and (max-width: 1000px) {

#visi { display: none; }
#invisi { display: block; width: 100%; height: auto; text-align: center; }
#cntlft,#karte { display: none; }
.hdrtop { background: #000000; padding-bottom: 10px; border-bottom: 1px solid #ffffff; }
h1.hdr { margin-top: 20px; }

#wrapper { width: 98%; margin: 0 auto; position: relative; height: auto; padding: 0 1%; }
#wrapcnt01,#wrapcnt02,#wrapcnt03,#wrapcnt04,#wrapcnt05,#wrapcnt06,#wrapcnt07,#wrapcnt08,#wrapcnt09,#wrapcnt10 { width: 100%; }
#header { width: 100%; height: 	auto; }
#content { float: left; width: 96%; padding: 0 2%; background-color: rgba(0, 0, 0, 0.2); }
#content img { max-width: 100%; height: auto; }
#footer { width: 90%; }
#menulang { position: absolute; top: 0; left: -30px; }

#header img { max-width: 90%; height: auto; }

ul#navigation { display: none }
.menumob { background: #d90a1f; }
.menumob a { display: block; font-weight: normal; border-bottom: 1px solid #ffffff; padding: 5px 0;}
.menumob a:hover,.menumobb a { display: block; font-weight: normal; border-bottom: 1px solid #ffffff;; background: #000000; padding: 5px 0; }

}