/** HTML **/
html{ overflow-y: scroll !important; font-family: Arial, Helvetica; color: #333; font-size: 0.8em; font-weight: normal;
		background: #E5E5E5;
		background: -webkit-gradient(linear, left top, left bottom, from(#E5E5E5), to(#88888A)) fixed;
		background: -moz-linear-gradient(top,  #E5E5E5,  #88888A) fixed;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE5E5E5, endColorstr=#FF88888A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE5E5E5, endColorstr=#FF88888A)";
}

body{ margin: 0px; padding: 0px; }
hr{ height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #B1B3B4; margin: 10px 0px 10px 0px; clear: both; }
a{ outline: 0; }
img{ border: 0; }
a:link, a:active, a:visited{ color: #58585A; text-decoration: none; } a:hover{ color: #E10729; }

/** WRAPPER **/
.wrapper{ width: 978px; margin: 0 auto; }
.wrapper#welcome{ height: 823px; background: url('/images/tpl/background-welcome.png') no-repeat; }
.wrapper#main{ height: 232px; background: url('/images/tpl/background-main.png') no-repeat; }
.wrapper#products{ height: 232px; background: url('/images/tpl/background-products.png') no-repeat; }

/** HEADER **/
#header{ width: 950px; height: 80px; margin-left: 14px; padding-top: 20px; }
#header #logo{ margin-right: 15px; border: 0; }
#header a:link, #header a:active, #header a:visited{ color: #58585A; font-size: 0.85em; text-decoration: none; } #header a:hover{ color: #E10729; }
#header .right{ float: right; }
a.flag:link{ background: url('/images/tpl/flags.jpg') no-repeat; display: block; width: 22px; height: 16px; background-color: #f00; float: left; margin-right: 8px; }
#header .flag#RU{ background-position: -22px 0px; }
#header #lnkFirmengruppe{ display: block; width: 210px; height: 25px; margin-top: 30px; }

/** NAVIGATION (Geschäftsbereiche) **/
#navigation { width: 964px; height: 56px; margin-left: 7px; margin-top: 22px; }
#navigation a{ background: url('/images/tpl/navigation.gif') no-repeat; display: block; width: 478px; height: 56px; float: left; text-decoration: none; }
#navigation #nagel{ margin-right: 8px; text-decoration: none; }
#navigation a#nagel:hover{ background-position: 0px 50%; text-decoration: none; }
#navigation a#werkzeug:link, #navigation a#werkzeug:visited, #navigation a#werkzeug:active{ background-position: 100% 0px; text-decoration: none; }
#navigation a#werkzeug:hover{ background-position: 100% 50%; text-decoration: none; }
#navigation a#werkzeugActive:link, #navigation a#werkzeugActive:visited, #navigation a#werkzeugActive:active, #navigation a#werkzeugActive:hover{ background-position: 100% 100%; text-decoration: none; }

/** NAVIGATION (Dropdown Menü) **/
#dropmenu{ width: 964px; margin-left: 7px; margin-top: 14px; height: 15px; }

/** SLIDESHOW (Startseite) **/
#boxLeft{ width: 459px; height: 328px; margin-left: 16px; margin-top: 18px; float: left;}
#boxRight{ width: 459px; height: 328px; margin-left: 502px; margin-top: 18px;}

/** NEWSBOXEN (Startseite) **/
#newsboxes{ width: 950px; height: 218px; margin-left: 14px; margin-top: 64px; font-size: 0.88em; line-height: 1.17em; color: #58585A; }
#newsboxes img{ float: left; margin-right: 5px; border: 0px; }
#newsboxes h1{ font-size: 1em; display: inline; font-weight: bold; }
#newsboxes .readMore{ font-weight: bold; }
#newsboxTL{ width: 464px; height: 100px; overflow: hidden; float: left; margin-bottom: 18px; }
#newsboxTR{ width: 464px; height: 100px; overflow: hidden; float: right; margin-bottom: 18px; }
#newsboxBL{ width: 464px; height: 100px; overflow: hidden; float: left; }
#newsboxBR{ width: 464px; height: 100px; overflow: hidden; float: right; }

/** CONTENT **/
#content-main{ width: 100%; background: url('/images/tpl/background-main-dyn.png') repeat-y; margin-top: 25px; overflow: hidden; }
#content-main #mainLeft{ width: 732px; margin-left: 15px; display: block; float: left; }
#content-main #mainRight{ width: 192px; margin-left: 771px; overflow: hidden; }
#content-main #mainRight h1{ font-size: 0.95em; color: #FFF; background-color: #e20031; padding: 6px 8px; margin: 0; margin-bottom: 8px; }
#content-main #mainRight h2{ font-size: 1em; color: #333; }
#content-main #mainRight hr{ height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #B1B3B4; margin: 10px 0px 10px 0px; clear: none; }
#content-main #mainRight .prdCat{ float: left; margin-right: 20px; margin-bottom: 15px; color: #FFF; font-size: 10px; font-weight: bold; text-align: center; width: 192px; }
#content-main #mainRight .prdCat img{ width: 192px; height: 143px; margin-bottom: 2px; border: 0; }
#content-main #mainRight .prdCatLink{ list-style-image: none; margin: 0; padding: 0; list-style: none; color: #FFF; background-color: #58585a; }
#content-main #mainRight .prdCatLink li{ list-style-image: none; }
#content-main #mainRight .prdCatLink li a{ display: block; line-height: 19px; font-weight: 700; color: #FFF; text-align: center; text-decoration: none; }
#content-main #mainRight .prdCat:hover .prdCatLink{ background-color: #e20031; }

#content-main a:link, #content-main a:visited, #content-main a:active{ color: #e20031; } #content-main a:hover{ color: #58585a; }
#content-main .TeaserImage{ float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #b1b3b4; width: 142px; height: 85px; }
#content-main .TeaserImage img{ width: 142px; height: 85px; border: 0px; }
#content-main .TeaserContent{ width: 578px; float: left; margin-bottom: 10px;}
#content-main .articleContent h1{ font-size: 1.4em; color: #333; }
#content-main .articleContent h2{ font-size: 1em; color: #333; }
#content-main .articleContent li{ list-style-image: url('/images/tpl/liSymbol.gif'); }

#content-main .articleContent .prdCat{ float: left; margin-right: 8px; margin-bottom: 8px; color: #FFF; font-size: 10px; font-weight: bold; text-align: center; width: 175px; }
#content-main .articleContent .prdCat img{ width: 175px; height: 131px; margin-bottom: 2px; border: 0; }
#content-main .articleContent .prdCatLast{ float: left; color: #FFF; font-size: 10px; font-weight: 700; text-align: center; width: 175px; }
#content-main .articleContent .prdCatLast img{ width: 175px; height: 131px; margin-bottom: 2px; border: 0; }
#content-main .articleContent .prdCat:hover .prdCatLink{ background-color: #e20031; }
#content-main .articleContent .prdCatLast:hover .prdCatLink{ background-color: #e20031; }
#content-main .articleContent .prdCatLink{ list-style-image: none; margin: 0; padding: 0; list-style: none; color: #FFF; background-color: #58585a; }
#content-main .articleContent .prdCatLink li{ list-style-image: none; }
#content-main .articleContent .prdCatLink li a{ display: block; line-height: 19px; font-weight: 700; color: #FFF; text-align: center; text-decoration: none; }

#content-products{ width: 100%; background: url('/images/tpl/background-products-dyn.png') repeat-y; margin-top: 25px; overflow: hidden; }
#content-products #mainLeft{ margin-left: 15px; width: 168px; display: block; float: left; }
#content-products #mainMiddle{ margin-left: 23px; width: 542px; float: left; }
#content-products #mainRight{ margin-left: 771px; width: 192px; }
#content-products #mainLeft h1, #content-products #mainRight h1{ font-size: 0.95em; color: #FFF; background-color: #e20031; padding: 6px 8px; margin: 0; }
#content-products #mainLeft ul{ margin: 0; padding: 0; }
#content-products #mainLeft li{ margin: 0; padding: 0; font-size: 0.95em; list-style: none; float: left; border-bottom: 1px solid #FFF; }
#content-products #mainLeft li a{ display: block; line-height: 19px; padding-left: 8px; font-weight: 400; width: 160px; background: #E5E5E6; color: #58585A; text-align: left; text-decoration: none; }
#content-products #mainLeft li a:hover{ background: #868889; color: #FFF; }

#content-products #mainMiddle #location{ font-size: 0.9em; font-weight: normal; padding: 0; margin-top: 0; margin-bottom: 30px; }
#content-products #mainMiddle .prdCat{ float: left; margin-right: 8px; margin-bottom: 7px; color: #FFF; font-size: 10px; font-weight: bold; text-align: center; width: 175px; }
#content-products #mainMiddle .prdCat img{ width: 175px; height: 131px; margin-bottom: 2px; border: 0; }
#content-products #mainMiddle .prdCatLast{ float: left; color: #FFF; font-size: 10px; font-weight: 700; text-align: center; width: 175px; }
#content-products #mainMiddle .prdCatLast img{ margin-bottom: 2px; border: 0; width: 175px; height: 131px; }
#content-products #mainMiddle .prdCat:hover .prdCatLink{ background-color: #e20031; }
#content-products #mainMiddle .prdCatLast:hover .prdCatLink{ background-color: #e20031; }
#content-products #mainMiddle .prdCatLink{ margin: 0; padding: 0; list-style: none; color: #FFF; background-color: #58585a; }
#content-products #mainMiddle .prdCatLink li a{ display: block; line-height: 19px; font-weight: 700; color: #FFF; text-align: center; text-decoration: none; }

#content-products #mainMiddle h1{ color: #58585a; font-weight: normal; font-size: 1.6em; }
#content-products #mainMiddle #product-list{ width: 100%; }
#content-products #mainMiddle #product-list thead, #content-products #mainMiddle #product-list tfoot{ background-color: #58585a; color: #FFF; font-size: 0.9em; }
#content-products #mainMiddle #product-list th{ text-align: left; padding: 3px 3px; margin: 0; border-right: 1px solid #FFF; border-top: 1px solid #FFF; }
#content-products #mainMiddle #product-list td{ border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding-left: 3px; margin: 0; }
#content-products #mainMiddle #product-list #noData{ font-weight: bold; text-align: center; padding: 10px 0px; }
#content-products #mainMiddle #product-list .prdImage{ width: 66px; padding: 0; margin: 0; }
#content-products #mainMiddle #product-list .prdImage img{ margin-bottom: -3px; border: 0; }
#content-products #mainMiddle #product-list tbody{ background-color: #e5e5e6; color: #58585a; font-size: 0.9em; }
#content-products #mainMiddle #product-list tbody tr:hover{ background-color: #868889; color: #FFF; cursor: pointer; }

#content-products #mainMiddle #catImage{ float: right; margin-top: -90px; width: 120px; height: 90px; }
#content-products #mainMiddle #mietprogramm-header{ padding: 0; margin: 0; margin-top: 43px; }
#content-products #mainMiddle #mietprogramm-list{ width: 100%; margin-top: 13px; }
#content-products #mainMiddle #mietprogramm-list thead, #content-products #mainMiddle #mietprogramm-list tfoot{ background-color: #58585a; color: #FFF; font-size: 0.9em; }
#content-products #mainMiddle #mietprogramm-list th{ text-align: left; padding: 3px 3px; margin: 0; border-right: 1px solid #FFF; border-top: 1px solid #FFF; }
#content-products #mainMiddle #mietprogramm-list th.thPreis{ width: 50px; font-weight: normal; text-align: center; }
#content-products #mainMiddle #mietprogramm-list td{ border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding-left: 3px; margin: 0; }
#content-products #mainMiddle #mietprogramm-list tbody{ background-color: #e5e5e6; color: #58585a; font-size: 0.9em; }
#content-products #mainMiddle #mietprogramm-list #noData{ font-weight: bold; text-align: center; padding: 10px 0px; }
#content-products #mainMiddle #mietprogramm-list .prdImage{ width: 66px; padding: 0; margin: 0; }
#content-products #mainMiddle #mietprogramm-list .prdImage img{ margin-bottom: -3px; border: 0; }

#content-products #mainMiddle #mietprogramm-list .mietprogramm-item{ background-color: #89898a; color: #FFF; font-weight: bold; }
#content-products #mainMiddle #mietprogramm-list .mietprogramm-item td{ padding: 5px 3px; }
#content-products #mainMiddle #mietprogramm-list .mietprogramm-subline td{ padding: 5px 3px; }
#content-products #mainMiddle #mietprogramm-list .mietprogramm-subline-kontakt td{ padding: 0; background-color: #FFF; height: 8px; }
#content-products #mainMiddle #mietprogramm-list .mietprogramm-div-kontakt{ background-color: #e5e5e6; margin-top: 0px; padding: 5px 3px; margin-bottom: 8px; display: none; }

#content-products #mainMiddle #productdetail-image{ width: 542px; height: 292px; border: 1px solid #999; text-align: left; }
#content-products #mainMiddle #productdetail-image img{ position: absolute; }
#content-products #mainMiddle #productdetail-image-squares{ width: 542px; height: 13px; text-align: right; margin-top: 9px; }
#content-products #mainMiddle #productdetail-image-squares a:link, #content-products #mainMiddle #productdetail-image-squares a:active, #content-products #mainMiddle #productdetail-image-squares a:visited, #content-products #mainMiddle #productdetail-image-squares a:hover{ display: block; width: 13px; height: 13px; background-color: #87888a; float: right; margin-left: 10px; }

#content-products #mainMiddle #productdetail-data{ width: 100%; margin-top: 25px; }
#content-products #mainMiddle #productdetail-data thead{ background-color: #58585a; color: #FFF; font-size: 0.9em; }
#content-products #mainMiddle #productdetail-data th{ text-align: left; padding: 3px 3px; margin: 0; border-right: 1px solid #FFF; border-top: 1px solid #FFF; }
#content-products #mainMiddle #productdetail-data tbody{ background-color: #e5e5e6; color: #58585a; font-size: 0.9em; }
#content-products #mainMiddle #productdetail-data td{ border-top: 1px solid #FFF; border-right: 1px solid #FFF; padding: 8px 0px 8px 3px; margin: 0; }

#content-products #mainMiddle #productdetail-buttons{ width: 542px; height: 20px; text-align: right; margin-top: 10px; }

#content-products #mainMiddle #productdetail-footer h2{ color: #e20031; font-size: 1em; }
#content-products #mainMiddle #productdetail-footer p{ font-size: 0.9em; }
#content-products #mainMiddle #productdetail-footer a:link, #content-products #mainMiddle #productdetail-footer a:active, #content-products #mainMiddle #productdetail-footer a:visited, #content-products #mainMiddle #productdetail-footer a:hover{ font-weight: bold; }

#content-products #mainRight #quicksearch select{ width: 100%; }

/** FOOTER **/
#footer-main{ width: 100%; height: 19px; background: url('/images/tpl/background-main-footer.png') no-repeat; }
#footer-products{ width: 100%; height: 19px; background: url('/images/tpl/background-products-footer.png') no-repeat; }

/** FORMULAR **/
#anfForm fieldset{ margin: 0; padding: 5px 10px 5px 10px; border: 1px dotted #58585A; }
#anfForm legend{ font-weight: 700; font-size: 16px; background-color: #FFF; margin-left: 15px; padding: 0px 5px 0px 5px; }
#anfForm label{ display: block; width: 70px; cursor: pointer; border: 0px solid #F00; float: left; line-height: 19px; margin: 4px 0px 0px 0px; }
#anfForm #frm{ margin-left: 70px; width: 390px; }
#anfForm #nummerlbl{ width: 25px; }
#anfForm #ortlbl{ width: 25px; }
#anfForm #rueckruflbl{ width: 230px; }
#anfForm #rueckruf{ margin: 6px 6px 2px 76px; width: 13px; }
#anfForm #senden{ width: 100px; margin: 6px 6px 10px 76px; }
#anfForm #strasse{ width: 222px; }
#anfForm #nummer{ width: 35px; }
#anfForm #plz{ width: 35px; }
#anfForm #ort{ width: 222px; }
#anfForm #captchaimg{ float: left; }
#anfForm #security_code{ width: 100px; margin-top: 13px; }
#anfForm #captcha{ width: 300px; height: 110px; margin: 0px 6px 0px 76px; }
#anfForm input{ float: left; margin: 2px 6px 2px 6px; width: 300px; }
#anfForm textarea{ float: left; margin: 2px 6px 2px 6px; width: 300px; resize: none; }
#anfForm br{ clear: both; }

/** ETC. **/
.noBorder{ border: 0 !important; }
.noBorderR{ border-right: 0 !important; }
.blank{ background-color: #FFF; }
.frmError{ word-wrap: nowrap; color: #e20031; font-weight: bold; }
pre{ font-size: 1.3em; }
#successMsg{ margin-left: 117px; width:100%; background: rgba(187, 208, 91, 0.75); padding: 15px; color: #FFF; font-size: 12px; display: none; margin-bottom: 7px; }
#errMsg{ margin-left: 117px; width:100%; background: rgba(225, 50, 50, 0.75); padding: 15px; color: #FFF; font-size: 12px; display: none; margin-bottom: 7px; }

/** TMP **/
.formVortrag{ border-width: 1px; border-style: solid; border-color: #000; border-collapse: collapse; }
.formVortrag td, .formVortrag th{ vertical-align: top; padding: 5px; border-width: 1px; padding: 5px; border-style: solid; border-color: #666; }
.formVortrag td.bold{ font-weight: bold; white-space: nowrap; }
.formVortrag th{ text-align: left; background: #878789; color: #FFF; font-weight: bold; }
.formVortrag2{ border-width: 1px; border-style: solid; border-color: #000; border-collapse: collapse; }
.formVortrag2 td, .formVortrag2 th{ padding: 2px !important; border-width: 1px; padding: 5px; border-style: solid; border-color: #666; }
.formVortrag2 td.bold{ font-weight: bold; white-space: nowrap; }
.formVortrag2 th{ text-align: left; background: #878789; color: #FFF; font-weight: bold; }
.formVortrag2 input[type=text]{ width: 20px; }
#divVortrag{ display: none; }
#hdrVortrag{ cursor: pointer; font-weight: bold; color: #e20001; } #hdrVortrag:hover{ color: #58585A }
