/* GENERAL */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {margin:0; padding:0; border:0;}
body#bg { background: url('../images/backgrounds/bg.jpg') repeat-x center top; font: 11px Verdana, Helvetica, Arial; color: #707070;}

#bg_products {background: #ffffff url('../images/backgrounds/bg-products.jpg') repeat-x center top;font: 11px Verdana, Helvetica, Arial;color: #707070;}

#mainDiv {margin: 0 auto; width: 892px;}


/* HEADER */
* html #header h1#logo, * html #header a#logolink  {position: relative;width: 176px;height: 89px;}

#header {width: 100%;height: 57px;}
#header h1#logo, #header a#logolink {position: absolute;top: 0;float: left;}
#header a#logolink  {text-indent: -9000px;overflow: hidden;}
#header a#logolink {background: url('../images/logos/tempex.gif') no-repeat;width: 176px;height: 89px;display: block;}

 /* NAVIGATION */
#home #nav {background: url('../images/menus/menu-home.gif') no-repeat;width: 310px;height: 30px;position: relative;}
#home #nav li {list-style: none;position: absolute;top: 0;height: 30px;width:100px;display: block;}
#home #nav a {font: normal 1.0em Lucida Sans, Helvetica, Tahoma, Arial;text-decoration: none;color: #fff;margin-top:7px;height: 30px;display: block;border-bottom: none;margin-left:10px;}
#home #nav a:hover {color: #ccc;}
#home #nav #start {left: 5px;width: 70px;}
#home #nav #products {left: 53px;width: 70px;}
#home #nav #about {left: 130px;width: 120px;}
#home #nav #contact {left: 225px;width: 70px;}

#nav a {height: 30px;display: block;border-bottom: none;}
#nav {background: url('../images/menus/menu-inside.gif') no-repeat;width: 317px;height: 30px;float: right;position: relative;}
#nav li {margin: 0;padding: 0;list-style: none;position: absolute;top: 0;height: 30px;display: block;}
#nav a {height: 30px;display: block;border-bottom: none;}
#nav #start {left: 0;width: 55px;}
#nav #products {left: 55px;width: 65px;}
#nav #about {left: 190px;width: 50px;}
#nav #contact {left: 240px;width: 70px;}
#nav #home a:hover {background: transparent url('../images/menus/menu-inside.gif') 0 -30px no-repeat;}
#nav #services a:hover, #svcContainer #nav #services {background: transparent url('../images/menus/menu-inside.gif') -55px -30px no-repeat;}
#nav #portfolio a:hover, #productcontainer #nav #portfolio {background: transparent url('../images/menus/menu-inside.gif') -120px -30px no-repeat;}
#nav #aboutUs a:hover, #aboutContainer #nav #aboutUs {background: transparent url('../images/menus/menu-inside.gif') -190px -30px no-repeat;}
#nav #contactUs a:hover, #cntContainer #nav #contactUs {background: transparent url('../images/menus/menu-inside.gif') -240px -30px no-repeat;}

/* LANGUAGE */
#language {position:relative; margin-top:0px; margin-left: 310px;margin-right:300px;}
#language img {padding-left:5px; padding-right:5px;}
#language img:hover {border-bottom: 2px solid #fff; margin-top:-2px;}
* html #language a:hover {border: 3px dotted #ccc; padding-bottom:3px; margin:-3px;}
#language a{color: #444; text-decoration: none; font: normal 0.8em Arial, Verdana, Helvetica;}

/* MAIN */
#content {}
#content h1 {font: 20px Verdana;margin-bottom: 7px;}

#insideContentContainer {margin-top: 89px;}
#insideContainer {padding: 40px 40px 30px 40px;}
* html #insideContainer {margin-left: -5px; line-height:100px; margin-top:-110px;}

#insideContent {float: left;width: 411px;margin-right: 40px;font-size: 12px;line-height: 16px;}
#insideContent strong.blue {font-size: 12px;}
#insideContent p{margin: 0 0 15px 0;}
#insideContent ul{list-style: none;margin-bottom: 20px;}
#insideContent li{background: url('../images/icons/arrow-right.gif') 7px 3px no-repeat;padding-left: 20px;margin: 8px 0;}
#insideContent a {color: #666;}
#insideContent a:hover {color: #009DDC;}

#mainContent {float:left; width:726px; height:500px; background: #fff url('../images/contentin/primaryContent.gif') no-repeat center top;}
* html #mainContent {width:890px; height:216px;margin:-35px -500px 0 0; background: #fff url('../images/contentin/primaryContent2.gif') no-repeat left top;}
#subContent {float:right;width:166px;}
* html #subContent {position:absolute; z-index:99; margin-left:333px; margin-top:-35px;}

#subNavContainer {width: 166px;background: #fff url('../images/contentin/subNav.gif') no-repeat top;padding: 30px 0;}
#subNav {margin-left: 0;width: 145px;float: right;}
#subNav li {list-style: none;margin: 0 5px 0 0;padding: 4px 4px 4px 0;border-bottom: 1px solid #eee;}
#subNav li#last {border-bottom: none;}
#subNav li a {font-weight: 500;color: #666;text-decoration: none;}
#subNav li a:hover, #subNav li a#active {color: #d3021f;}

#content h1.blue, 
#content h1.white {font: 20px Verdana;margin-bottom: 4px;} 
#content h1.darkpastell {font-size: 18px;line-height: 1.5em;visibility: hidden;font-family: Arial;letter-spacing: -2px;font-weight: normal;}
#content h2.pastell  {font-size: 18px;line-height: 1.5em;visibility: hidden;font-family: Arial;letter-spacing: -2px;font-weight: normal;}
#content legend {visibility: hidden;}

#caseStudyHeader {width: 200px;clear: both;}

#insideTitle {color: #fff;margin-left:8px;}

/* FIX CLEAR */
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clear {display: inline;}

/* HIDE IE-MAC-FIREFOX */
* html .clear {height: 1%;}
.clear {display: block;}

#subSectionFeature {width: 126px;min-height: 160px;padding: 20px;color: #fff;background: #d3021f url('../images/contentin/subSectionFeature.gif') no-repeat top;}
* html #subSectionFeature {padding:18px;} 
#subSectionFeature h1 {font-size: 18px;color: #fff;margin-bottom: 5px;}
#subSectionFeature p {margin: 5px 0;}
#subSectionBottom {width:166px; height:19px; background: url('../images/contentin/subSectionBottom.gif') no-repeat;}

#insideContainer {padding: 40px 40px 30px 40px;}

#insideProduct strong.blue {font-size: 12px;}
#insideProduct {float:left; width:169px; margin-right:100px; font-size:12px; line-height:16px;}

#insideProductnavi strong.blue {font-size: 12px;}
#insideProductnavi {float:left; width:450px; margin-right:30px; margin-top:-50px;height:80px; font-size:12px; line-height:16px;}

#subnavi {margin-left:290px;margin-top:-235px;margin-bottom:195px;padding-left:30px;width:295px;height:50px;line-height:50px;background: url('../images/icons/backprod.gif') no-repeat 0px 0px;}
#subnavi h1 {margin-top:-25px;margin-left:90px;padding-left:30px;width:280px;height:50px;line-height:50px;background: url('../images/icons/forwprod.gif') no-repeat 180px 16px;}

#subnavioverview {margin-left:325px; margin-top:80px; padding-left:30px; width:295px; height:50px; line-height:50px; background: url('../images/icons/backprod.gif') no-repeat 0px 0px;}
#subnavioverview h1 {margin-top:-25px; margin-left:90px; padding-left:30px; width:280px; height:50px; line-height:50px; background: url('../images/icons/forwprod.gif') no-repeat 180px 16px;}

#insideKat{float:left; width:198px; height:96px;}
.katbox {width:198px; height:96px; margin-top:-20px; margin-bottom:10px;}
* html .katbox {margin-bottom:-90px; margin-top:0px;}

#insideKat2{float:left;margin-top:85px; width:198px; margin-left:-200px;}
* html #insideKat2 {margin:20px 0 0 0; padding-bottom:10px;}
.katbox2 {width: 198px; height: 96px; margin-bottom:10px;}
* html .katbox2 {margin-bottom: -10px;}

/* UNTERKATEGORIE HITZE */
#kategorieInImage, a#katLink2 {background: url('../images/contentin/portCallout.gif') no-repeat;}
a#katLink2:hover {background: url('../images/contentin/cntCallout.gif') no-repeat;}

#kategorieInGesicht, a#katLinkGesicht {background: url('../images/contentin/kat-gesichtsschutz.gif') no-repeat;}
a#katLinkGesicht:hover {background: url('../images/contentin/kat-geischtsschutz.gif') no-repeat;}

#kategorieInMaentel, a#katLinkMaentel {background: url('../images/contentin/kat-maentel.gif') no-repeat;}
a#katLinkMaentel:hover {background: url('../images/contentin/kat-maentel.gif') no-repeat;}

#kategorieInHhandsch, a#katLinkHhandsch {background: url('../images/contentin/kat-handschuhe.gif') no-repeat;}
a#katLinkHhandsch:hover {background: url('../images/contentin/kat-handschuhe.gif') no-repeat;}

#kategorieInFussch, a#katLinkFussch {background: url('../images/contentin/kat-fussschutz.gif') no-repeat;}
a#katLinkFussch:hover {background: url('../images/contentin/kat-fussschutz.gif') no-repeat;}

/* UNTERKATEGORIE KAELTE */
#kategorieInKAnzuege, a#katLinkKAnzuege {background: url('../images/contentin/klsch-anzuege.gif') no-repeat;}
a#katLinkKAnzuege:hover {background: url('../images/contentin/klsch-anzuege.gif') no-repeat;}

#kategorieInUnterzieh, a#katLinkUnterzieh {background: url('../images/contentin/klsch-unterzieh.gif') no-repeat;}
a#katLinkUnterzieh:hover {background: url('../images/contentin/klsch-unterzieh.gif') no-repeat;}

#kategorieInKHsch, a#katLinkKHsch {background: url('../images/contentin/klsch-hsch.gif') no-repeat;}
a#katLinkKHschh:hover {background: url('../images/contentin/klsch-hsch.gif') no-repeat;}

#kategorieInKKopfsch, a#katLinkKKopfsch {background: url('../images/contentin/klsch-kopfbed.gif') no-repeat;}
a#katLinkKKopfsch:hover {background: url('../images/contentin/klsch-kopfbed.gif') no-repeat;}

/* UNTERKATEGORIE FEUWERWEHR */
#kategorieInFWeinsatz, a#katLinkFWeinsatz {background: url('../images/contentin/fw-einsatzbkl.gif') no-repeat;}
a#katLinkFWeinsatz:hover {background: url('../images/contentin/fw-einsatzbkl.gif') no-repeat;}

#kategorieInHVollsch, a#katLinkHVollsch {background: url('../images/contentin/hvollschutz.gif') no-repeat;}
a#katLinkHVollsch:hover {background: url('../images/contentin/hvollschutz.gif') no-repeat;}

#kategorieInWarn, a#katLinkWarn {background: url('../images/contentin/hvollschutz.gif') no-repeat;}
a#katLinkWarn:hover {background: url('../images/contentin/hvollschutz.gif') no-repeat;}

/* UNTERKATEGORIE ARBEITSKLEIDUNG */
#kategorieInStandard, a#katLinkStandard {background: url('../images/contentin/standard.gif') no-repeat;}
a#katLinkStandard:hover {background: url('../images/contentin/standard.gif') no-repeat;}

#kategorieInMacMichael, a#katLinkMacMichael {background: url('../images/contentin/macmichael.gif') no-repeat;}
a#katLinkMacMichael:hover {background: url('../images/contentin/macmichael.gif') no-repeat;}

#kategorieInYoung, a#katLinkYoung {background: url('../images/contentin/young.gif') no-repeat;}
a#katLinkYoung:hover {background: url('../images/contentin/young.gif') no-repeat;}

/* UNTERKATEGORIE FREIZEIT */
#kategorieInAnorak, a#katLinkAnorak {background: url('../images/contentin/anorak.gif') no-repeat;}
a#katLinkAnorak:hover {background: url('../images/contentin/anorak.gif') no-repeat;}

#kategorieInWSkleidung, a#katLinkWSkleidung {background: url('../images/contentin/wschutzkl.gif') no-repeat;}
a#katLinkWSkleidung:hover {background: url('../images/contentin/wschutzkl.gif') no-repeat;}

/* UNTERKATEGORIE SCHUHE */
#kategorieInBSchuhe, a#katLinkBSchuhe {background: url('../images/contentin/berufsschuhe.gif') no-repeat;}
a#katLinkBSchuhe:hover {background: url('../images/contentin/berufsschuhe.gif') no-repeat;}

#kategorieInSSchuhe1, a#katLinkSSchuhe1 {background: url('../images/contentin/sicherheitsschs1.gif') no-repeat;}
a#katLinkSSchuhe1:hover {background: url('../images/contentin/sicherheitsschs1.gif') no-repeat;}

#kategorieInSSchuhe2, a#katLinkSSchuhe2 {background: url('../images/contentin/sicherheitsschs2.gif') no-repeat;}
a#katLinkSSchuhe2:hover {background: url('../images/contentin/sicherheitsschs2.gif') no-repeat;}

#kategorieInSSchuhe3, a#katLinkSSchuhe3 {background: url('../images/contentin/sicherheitsschs3.gif') no-repeat;}
a#katLinkSSchuhe3:hover {background: url('../images/contentin/sicherheitsschs3.gif') no-repeat;}

#kategorieInSSchuhes1p, a#katLinkSSchuhes1p {background: url('../images/contentin/sicherheitsschs1p.gif') no-repeat;}
a#katLinkSSchuhes1p:hover {background: url('../images/contentin/sicherheitsschs1p.gif') no-repeat;}

#kategorieInSSchuheHro, a#katLinkSSchuheHro {background: url('../images/contentin/sicherheitsschhro.gif') no-repeat;}
a#katLinkSSchuheHro:hover {background: url('../images/contentin/sicherheitsschhro.gif') no-repeat;}

/* KATEGORIE IMAGES */
#kategorieOverImage, a#katLink {background: url('../images/contentin/cntCallout.gif') no-repeat;}
a#katLink:hover {background: url('../images/contentin/cntCallout.gif') no-repeat;}

#kategorieOverkaelte, a#katLinkkaelte {background: url('../images/contentin/kaeltesch.gif') no-repeat;}
a#katLinkkaelte:hover {background: url('../images/contentin/kaeltesch.gif') no-repeat;}

#kategorieOverFeuer, a#katLinkFeuer {background: url('../images/contentin/feuerwehr.gif') no-repeat;}
a#katLinkFeuer:hover {background: url('../images/contentin/feuerwehr.gif') no-repeat;}

#kategorieOverWarn, a#katLinkWarn {background: url('../images/contentin/warnwesten.gif') no-repeat;}
a#katLinkWarn:hover {background: url('../images/contentin/warnwesten.gif') no-repeat;}

#kategorieOverArbeit, a#katLinkArbeit {background: url('../images/contentin/arbeit.gif') no-repeat;}
a#katLinkArbeit:hover {background: url('../images/contentin/arbeit.gif') no-repeat;}

#kategorieOverFreizeit, a#katLinkFreizeit {background: url('../images/contentin/freizeit.gif') no-repeat;}
a#katLinkFreizeit:hover {background: url('../images/contentin/freizeit.gif') no-repeat;}

#kategorieOverSchuhe, a#katLinkSchuhe {width: 198px; height: 96px;}
a#katLinkSchuhe:hover {background: url('../images/contentin/schuhe.gif') no-repeat;}

#kategorieOverHSchuhe, a#katLinkHSchuhe {background: url('../images/contentin/handschuhe.gif') no-repeat;}
a#katLinkHSchuhe:hover {background: url('../images/contentin/handschuhe.gif') no-repeat;}

a.navi_red {color: #d3021f;text-decoration: none;font: normal 20px Lucida Sans, Helvetica, Verdana, Arial;}
a.navi_red:hover{color:#444;}
.navi_red_forward {color: #d3021f;text-decoration: none;font: normal 18px Lucida Sans, Helvetica, Verdana, Arial;margin-top:-10px;}

/* PRODUCT NAVI */
#prodlistContainer {margin-top: 5px; margin-right: 0px; margin-left: 30px; width: 705px;}
* html #prodlistContainer {margin:24px 0 13px 15px;}

* html #prodlistContainer .prodlast {margin-top:-20px;}
* html #prodlistContainer .prodlast2 {margin-top:-30px;}

/* HIDE  IE-MAC_FIREFOX */
* html #prodlist ol {height: 1px;}
#prodlist ol {display: block;}
/* END HIDE IE-MAC-FIREFOX */

#prodlist {margin: 0 0 50px 0; padding: 0 0 5px 0; overflow: hidden; text-align: left; position: relative;}
#prodlist ol {display: block; left: 0; margin: 0; padding: 0; list-style: none; top: 0;}
#prodlist ol:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#prodlist ol li {float: left; padding: 10px 10px 10px 0; margin: 10px; height: 172px; width: 193px;}
#prodlist ol li a {border: 1px solid #ccc; padding: 3px; display: block; height: 172px; width:193px;}
#prodlist ol li a:hover  {padding: 0; border: 4px solid #EEE;}
#prodlist ol li a img, #prodlist ol li span, #prodlist ol li span img {background: none; border: none; display: block; height: 172px; width: 193px;}

/* PRODUCT-DETAIL-SITE */
#steps {margin-top:20px; margin-bottom:40px; margin-left: 35px; width: 690px; padding-right:3px}
#steps td {background: url('../images/contentin/bg_image.gif') no-repeat; width:172px; height:188px; padding-top:20px;}
#steps td.prodText {font: normal 13px Lucida Sans, Helvetica, Verdana, Arial; color:#707070; background:#FFF; width:408px; padding-left:20px; padding-right:15px; border-top: 1px solid #eee;}
#steps td.prodText a {font: normal 16px Lucida Sans, Helvetica, Verdana, Arial; color: #d3021f; letter-spacing:1px;}
#steps td.prodText a.small {font: normal 12px Lucida Sans, Helvetica, Verdana, Arial; color: #d3021f; letter-spacing:1px;}
#steps p.small {font: normal 14px Lucida Sans, Helvetica, Verdana, Arial; color: #d3021f;}
#steps td.prodText p {line-height:20px; margin: 15px 0 7px 0;}
#steps td p.prodNr {text-align:right; color:#d3021f; line-height:10px; margin-top:3px;}
#steps td.prodImage {padding:3px 2px 3px 5px;}


/* CONTACT-BOX */
#kontakt {background: url('../images/contentin/kontakt.gif') no-repeat;width: 415px;height: 60px;margin-top: 15px;margin-left:30px;padding: 4px 0 0 217px;}
.redkontakt {color: #d3021f;padding-left:65px;}
#kontaktlink,#kontaktlink a {line-height:29px;width: 310px;padding-top:9px;padding-bottom:5px;padding-left:65px;padding-right:83px;margin-left:-8px; font: normal 16px Lucida Sans, Arial, Courier; color: #444;text-decoration:none;}
#kontaktlink a:hover{line-height:29px;width: 310px;padding-top:6px;padding-bottom:5px;padding-left:65px;padding-right:83px;margin-left:-8px; font: normal 16px Lucida Sans, Arial, Courier; color: #fff;text-decoration:none;background: #444;}

/* FOOTER */
#bottomcontainer {background: url('../images/contentin/bg_kontakt.gif'); width: 714px;height: 110px;padding-top:1px; padding-left:11px;padding-bottom:0px;margin-left:1px;margin-top:30px;}
#bottomcontainer_line {width:100%; margin-top:50px; margin-left:1px; height:50px; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc;background-color: #efefef;}

#bottom {width: 100%; height: 80px; margin-top:-1px;}
#bottomLogo {background: url('../images/logos/minitempex.gif') no-repeat; width: 80px; height: 43px;}
#bottomLogoprod {background: url('../images/logos/minitempexprod.gif') no-repeat; width: 80px; height: 43px; }
#bottomNav {background: url('../images/logos/logosbottom.gif') no-repeat; width:806px; height:100px; margin-left:90px; margin-top:-35px;}

#bottomNav li {font-size: 9px; display: inline; margin-right: 4px;}
#bottomNav li a {font-size: 9px; color: #d3021f; text-decoration: none;}
#bottomNav li a:hover {color: #444;}

#tip {color:#666; background-color:transparent; position:relative; top:-15px; left:760px; z-index:99; line-height:16px; width:150px;}
#tip a {color:#666; background-color:#fff; font-family:lucida sans, arial, sans-serif; font-size:90%; font-weight:bold; font-style:italic; text-decoration:none; display:block; padding:5px; position:absolute; border:2px solid #fff;}
#tip a:visited {color:#666; background-color:#fff;}
#tip a:hover {color:#fff; background-color:#d3021f; text-decoration:none; width:300px; margin:-40px 0 0 0; margin-left:-180px; border-top:1px solid #BF021F; border-right:2px solid #BF021F; border-bottom:2px solid #BF021F; border-left:1px solid #BF021F;}
#tip a:active {color:#666; background-color:#fff;}
#tip a .info {display:none;}
#tip a:hover .info {color:#444; background:#f8f8f8; border:1px solid #fff; font:14px courier,sans-serif; display:block; padding:5px; text-align:justify;}

#validlink {width:892px;text-align:right;}

#byindex {color:#000; font: normal 0.9em Lucida Sans; text-decoration: none;}
#byindex:hover {color:#d3021f}
#by {color:#000; font: normal 0.9em Lucida Sans; text-decoration: none;}