/* reset
========== */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, cite, em, hr, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
ol, ul {list-style-type:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
body {line-height:1;}
strong {font-weight:bold;}
:focus, :active {outline:none;}
/* global settings
========== */
body {text-align:center;font-size:10px;color:#595959;font-family:Verdana, sans-serif;background-color:#fff;}
a {text-decoration:underline;}
h1 {position:absolute;top:410px;left:30px;text-indent:-9999px;z-index:1000;}
p {line-height:14px;}
/* container
========== */
#wrap {position:relative;width:969px;margin:0 auto;margin-top:9px;text-align:left;}
#main {position:relative;width:969px;height:490px;padding:10px 0 0 0;}
#header {position:relative;width:969px;height:68px;}
#footer {width:969px;font-size:9px;padding:15px 0 0 0;}

/* content
========== */
#logo {display:block;position:absolute;bottom:14px;left:9px;width:86px;height:39px;}

#footer p {float:left;padding:0 0 0 10px;line-height:11px;color:#707070;}
#footer a {display:block;float:left;padding:0 0 0 10px;line-height:11px;color:#369;font-weight:bold;text-decoration:none;}
#footer a span {text-decoration:underline;}
#footer a:hover {color:#999;}

#content {position:relative;width:949px;height:379px;margin:0 0 1px 10px;}

.scroll {overflow:auto;width:366px;height:210px;margin:0 0 0 532px;padding-right:10px;}
#services .scroll , #services #box3 .scroll {overflow:auto;width:366px;height:240px;margin:0 0 0 532px;padding-right:10px;}

.overview {position:absolute;top:50px;right:20px;width:200px;height:248px;padding:20px;background-color:#e9edf3;}
.overview h3 {width:75px;height:15px;margin:0 0 15px 0;background:#fff url(../img/sprite-hdl_btn.gif) -247px -246px no-repeat;text-indent:-9999px;}
.overview a {display:block;margin:1px 0;color:#34679a;}
.box-lrg .overview ul {margin:-10px 0 17px 0;}
.box-lrg .overview ul li {margin:0 0 2px 0;list-style-type:none;}
.box-lrg .overview ul li a {display:inline;}

.box {position:absolute;bottom:30px;right:30px;width:300px;}
.box h2 {margin:0 0 8px 0;text-indent:-9999px;}
.box p {color:#434343;}

#kontakt #content {background-color:#fff;width:909px;height:439px;padding:20px;}
#kontakt #content p {position:absolute;top:50px;left:20px;width:340px;}
#kontakt #content h1 {width:90px;height:50px;background:#fff url(../img/sprite-hdl_btn.gif) -312px -93px no-repeat;text-indent:-9999px;top:0;left:20px;}

.box-lrg {position:relative;width:909px;height:359px;padding:0 20px 20px 20px;background-color:#fff;z-index:1000;}
	* html .box-lrg {padding-bottom:19px;}
.box-lrg h2, #services #box3 h2 {margin:0 0 0 532px;text-indent:-9999px;}
.box-lrg p {margin:0 0 10px 0;}
.box-lrg p a, .box-sml p a {color:#369;text-decoration:none;}
.box-lrg p a:hover, .box-sml p a:hover {color:#999;}
.box-lrg ul {margin:0 0 10px 13px;}
	* html .box-lrg ul {margin:0 0 10px 18px;}
.box-lrg ul li {margin:5px 0 0 0;line-height:14px;list-style-type:disc;}
.box-lrg img, #services #box3 img {position:absolute;top:50px;left:20px;}
.box-lrg .close, .box-sml .close {height:22px;padding:8px 0 0 0;margin:0;border-bottom:1px solid #d2d2d2;}
.box-lrg .close a, .box-sml .close a {display:block;float:right;width:85px;height:22px;background:#fff url(../img/sprite-hdl_btn.gif) -333px -195px no-repeat;text-indent:-9999px;}
.box-lrg .close a:hover, .box-sml .close a:hover {background:#fff url(../img/sprite-hdl_btn.gif) -333px -217px no-repeat;}

.box-sml {position:absolute;bottom:0;right:30px;width:390px;padding:0 20px 20px 20px;background-color:#fff;z-index:100;}
.box-sml h2 {margin:0;text-indent:-9999px;}
.box-sml p {margin:0 0 10px 0px;line-height:14px;}

#box3 .scroll {margin:0 0 0 260px;}
#box3 h2 {margin:0 0 0 260px;}
#box3 p.mehr {margin:20px 0 0 260px;}
#beschichtung #box3 img {top:32px;left:10px;}
#filtration #box3 img {top:38px;left:10px;}
#chemie #box3 img {top:32px;left:10px;}

p.mehr, #services #box3 p.mehr {overflow:hidden;;margin:20px 0 0 532px;width:376px;}
p.mehr span {display:block;float:left;width:170px;height:20px;line-height:20px;font-weight:bold;}
p.mehr a {display:block;float:left;width:137px;height:20px;background:#fff url(../img/sprite-hdl_btn.gif) 0 -246px no-repeat;text-indent:-9999px;}
p.mehr a:hover {background:#fff url(../img/sprite-hdl_btn.gif) 0 -266px no-repeat;}
p.mehr a.btn-kontakt {float:right;width:108px;height:20px;background:#fff url(../img/sprite-hdl_btn.gif) -138px -246px no-repeat;}
p.mehr a.btn-kontakt:hover {background:#fff url(../img/sprite-hdl_btn.gif) -138px -266px no-repeat;}

/* navigation
========== */
#nav {overflow:hidden;position:absolute;bottom:0;left:0;width:835px;margin:0 0 0 134px;}
#nav li {float:left;height:29px;margin:0 12px 0 0;}
#nav li#nav-kontakt, #nav li#nav-lang {float:right;margin:0 10px 0 5px;}
#nav li a {display:block;text-indent:-9999px;}
#nav-start a {width:28px;height:20px;background:#fff url(../img/sprite-hdl_btn.gif) 0 -287px no-repeat;}
#nav-start a:hover {background:#fff url(../img/sprite-hdl_btn.gif) 0 -308px no-repeat;}
#nav-beschichtung a {width:38px;height:20px;background:#fff url(../img/sprite-hdl_btn.gif) -29px -287px no-repeat;}
#nav-beschichtung a:hover {background:#fff url(../img/sprite-hdl_btn.gif) -29px -308px no-repeat;}
#nav-filtration a {width:43px;height:20px;background:#fff url(../img/sprite-hdl_btn.gif) -68px -287px no-repeat;}
#nav-filtration a:hover {background:#fff url(../img/sprite-hdl_btn.gif) -68px -308px no-repeat;}
#nav-chemie a {width:88px;height:20px;background:#fff url(../img/sprite-hdl_btn.gif) -112px -287px no-repeat;}
#nav-chemie a:hover {background:#fff url(../img/sprite-hdl_btn.gif) -112px -308px no-repeat;}
#nav-services a {width:38px;height:20px;background:#fff url(../img/sprite-hdl_btn.gif) -201px -287px no-repeat;}
#nav-services a:hover {background:#fff url(../img/sprite-hdl_btn.gif) -201px -308px no-repeat;}
#nav-kontakt a {width:53px;height:20px;background:#fff url(../img/sprite-hdl_btn.gif) -240px -287px no-repeat;}
#nav-kontakt a:hover {background:#fff url(../img/sprite-hdl_btn.gif) -240px -308px no-repeat;}
#nav-lang a {width:25px;height:20px;background:#fff url(../img/sprite-hdl_btn.gif) -247px -262px no-repeat;}
#nav-lang a:hover {background:#fff url(../img/sprite-hdl_btn.gif) -272px -262px no-repeat;}

#contentinfo {float:left;}
#contentinfo li {float:left;}
#contentinfo li a {color:#707070;margin:0 10px 0 0;font-weight:normal;text-decoration:none;}
#contentinfo li a:hover {color:#999;}
#contentinfo li:after {content:"|";}

#banner {position:absolute;width:949px;height:100px;bottom:-101px;left:0;background-color:#fff;}
#banner ul {float:right;width:410px;margin:0 0 0 20px;}
#banner ul li {float:left;width:130px;height:70px;margin:15px 5px 15px 0;}
#banner ul li a {overflow:hidden;display:block;width:130px;height:70px;text-indent:-9999px;}
#banner ul li span #lnk1 {display:block;position:absolute;top:-285px;left:67px;width:120px;height:35px;background-image:none !important;text-indent:-9999px;}
#banner ul li span #lnk1a {display:block;position:absolute;top:-230px;left:50px;width:25px;height:25px;background-image:none !important;text-indent:-9999px;}
#chemie #banner ul li span #lnk1 {top:-328px;left:128px;}
#chemie #banner ul li span #lnk1a {top:-273px;left:111px;}
#banner ul li span #lnk2 {display:block;position:absolute;top:-315px;left:445px;width:140px;height:35px;background-image:none !important;text-indent:-9999px;}
#banner ul li span #lnk2a {display:block;position:absolute;top:-258px;left:435px;width:25px;height:25px;background-image:none !important;text-indent:-9999px;}
#filtration #banner ul li span #lnk2 {top:-276px;left:487px;}
#filtration #banner ul li span #lnk2a {top:-219px;left:477px;}
#chemie #banner ul li span #lnk2 {top:-123px;left:470px;}
#chemie #banner ul li span #lnk2a {top:-66px;left:460px;}
#banner ul li span #lnk3 {display:block;position:absolute;top:-198px;left:783px;width:119px;height:35px;background-image:none !important;text-indent:-9999px;}
#banner ul li span #lnk3a {display:block;position:absolute;top:-144px;left:765px;width:26px;height:26px;background-image:none !important;text-indent:-9999px;}
#filtration #banner ul li span #lnk3 {top:-340px;left:751px;}
#filtration #banner ul li span #lnk3a {top:-286px;left:733px;}
#chemie #banner ul li span #lnk3 {top:-320px;left:688px;}
#chemie #banner ul li span #lnk3a {top:-266px;left:670px;}

/* backgrounds
========== */
#main {background:#fff url(../img/bg-start.jpg);}
#services #main {background:#fff url(../img/bg-services.jpg);}
#beschichtung #main {background:#fff url(../img/bg-beschichtung.jpg);}
#filtration #main {background:#fff url(../img/bg-filtration.jpg);}
#chemie #main {background:#fff url(../img/bg-chemie.jpg);}

#start h1 {width:231px;height:30px;background:#fff url(../img/sprite-hdl_btn.gif) 0 0 no-repeat;}
#services h1 {width:233px;height:30px;background:#fff url(../img/sprite-hdl_btn.gif) -232px 0 no-repeat;}
#beschichtung h1 {width:416px;height:30px;background:#fff url(../img/sprite-hdl_btn.gif) 0 -31px no-repeat;}
#filtration h1 {width:428px;height:30px;background:#fff url(../img/sprite-hdl_btn.gif) 0 -62px no-repeat;}
#chemie h1 {width:311px;height:50px;background:#fff url(../img/sprite-hdl_btn.gif) 0 -93px no-repeat;}

h2.branche {width:110px;height:50px;background:#fff url(../img/sprite-hdl_btn.gif) 0 -195px no-repeat;}
h2.loesung  {width:110px;height:50px;background:#fff url(../img/sprite-hdl_btn.gif) -111px -195px no-repeat;}
h2.vorteil {width:110px;height:50px;background:#fff url(../img/sprite-hdl_btn.gif) -222px -195px no-repeat;}
#services #box1 h2 {width:220px;height:50px;background:#fff url(../img/sprite-hdl_btn.gif) 0 -144px no-repeat;}
#services #box2 h2 {width:150px;height:50px;background:#fff url(../img/sprite-hdl_btn.gif) -221px -144px no-repeat;}
#services #box3 h2 {width:105px;height:50px;background:#fff url(../img/sprite-hdl_btn.gif) -372px -144px no-repeat;}
#services .box h2 {width:258px;height:20px;background:transparent url(../img/h2-services.gif);}

#start #nav-start a {background:#fff url(../img/sprite-hdl_btn.gif) 0 -308px no-repeat;}
#beschichtung #nav-beschichtung a {background:#fff url(../img/sprite-hdl_btn.gif) -29px -308px no-repeat;}
#filtration #nav-filtration a {background:#fff url(../img/sprite-hdl_btn.gif) -68px -308px no-repeat;}
#chemie #nav-chemie a {background:#fff url(../img/sprite-hdl_btn.gif) -112px -308px no-repeat;}
#services #nav-services a {background:#fff url(../img/sprite-hdl_btn.gif) -201px -308px no-repeat;}
#kontakt #nav-kontakt a {background:#fff url(../img/sprite-hdl_btn.gif) -240px -308px no-repeat;}

#start #banner-1 a {background:transparent url(../img/sprite.jpg) 0 0 no-repeat;}
#start #banner-1 a:hover {background:transparent url(../img/sprite.jpg) 0px -70px no-repeat;}
#start #banner-2 a {background:transparent url(../img/sprite.jpg) -130px 0 no-repeat;}
#start #banner-2 a:hover {background:transparent url(../img/sprite.jpg) -130px -70px no-repeat;}
#start #banner-3 a {background:transparent url(../img/sprite.jpg) -260px 0 no-repeat;}
#start #banner-3 a:hover {background:transparent url(../img/sprite.jpg) -260px -70px no-repeat;}

#services #banner-1 a {background:transparent url(../img/sprite.jpg) 0 -140px no-repeat;}
#services #banner-1 a:hover, #services #banner-1 a.aktiv {background:transparent url(../img/sprite.jpg) 0px -210px no-repeat;}
#services #banner-2 a {background:transparent url(../img/sprite.jpg) -130px -140px no-repeat;}
#services #banner-2 a:hover, #services #banner-2 a.aktiv {background:transparent url(../img/sprite.jpg) -130px -210px no-repeat;}
#services #banner-3 a {background:transparent url(../img/sprite.jpg) -260px -140px no-repeat;}
#services #banner-3 a:hover, #services #banner-3 a.aktiv {background:transparent url(../img/sprite.jpg) -260px -210px no-repeat;}

#beschichtung #banner-1 a {background:transparent url(../img/sprite.jpg) 0 -280px no-repeat;}
#beschichtung #banner-1 a:hover, #beschichtung #banner-1 a.aktiv {background:transparent url(../img/sprite.jpg) 0px -350px no-repeat;}
#beschichtung #banner-2 a {background:transparent url(../img/sprite.jpg) -130px -280px no-repeat;}
#beschichtung #banner-2 a:hover, #beschichtung #banner-2 a.aktiv {background:transparent url(../img/sprite.jpg) -130px -350px no-repeat;}
#beschichtung #banner-3 a {background:transparent url(../img/sprite.jpg) -260px -280px no-repeat;}
#beschichtung #banner-3 a:hover, #beschichtung #banner-3 a.aktiv {background:transparent url(../img/sprite.jpg) -260px -350px no-repeat;}

#filtration #banner-1 a {background:transparent url(../img/sprite.jpg) 0 -420px no-repeat;}
#filtration #banner-1 a:hover {background:transparent url(../img/sprite.jpg) 0px -490px no-repeat;}
#filtration #banner-2 a {background:transparent url(../img/sprite.jpg) -130px -420px no-repeat;}
#filtration #banner-2 a:hover {background:transparent url(../img/sprite.jpg) -130px -490px no-repeat;}
#filtration #banner-3 a {background:transparent url(../img/sprite.jpg) -260px -420px no-repeat;}
#filtration #banner-3 a:hover {background:transparent url(../img/sprite.jpg) -260px -490px no-repeat;}

#chemie #banner-1 a {background:transparent url(../img/sprite.jpg) 0 -560px no-repeat;}
#chemie #banner-1 a:hover {background:transparent url(../img/sprite.jpg) 0px -630px no-repeat;}
#chemie #banner-2 a {background:transparent url(../img/sprite.jpg) -130px -560px no-repeat;}
#chemie #banner-2 a:hover {background:transparent url(../img/sprite.jpg) -130px -630px no-repeat;}
#chemie #banner-3 a {background:transparent url(../img/sprite.jpg) -260px -560px no-repeat;}
#chemie #banner-3 a:hover {background:transparent url(../img/sprite.jpg) -260px -630px no-repeat;}

/* misc.
========== */
.hide {text-indent:-9999px;}
.pdf {padding-left:15px;background:transparent url(../img/icon-pdf.gif) no-repeat;}

/* tooltip
========== */
#lnk-tooltip1 {z-index:9999}
#tooltip1, #tooltip2, #tooltip3, #tooltip4 {display:none;}
#easyTooltip {overflow:hidden;position:relative;width:400px;padding:15px;background:#fff;border:1px solid #e1e1e1;text-align:left;z-index:9999;}
#easyTooltip h3 {height:25px;margin:0 0 0 145px;text-indent:-9999px;}
#easyTooltip h3.miniplant {width:62px;background:#fff url(../img/sprite-hdl_btn.gif) 0 -328px no-repeat;}
#easyTooltip h3.pigment {width:142px;background:#fff url(../img/sprite-hdl_btn.gif) -63px -328px no-repeat;}
#easyTooltip h3.propylen {width:213px;background:#fff url(../img/sprite-hdl_btn.gif) 0 -354px no-repeat;}
#easyTooltip h3.nitro {width:190px;background:#fff url(../img/sprite-hdl_btn.gif) -214px -354px no-repeat;}
#easyTooltip h3.brauerei {width:55px;background:#fff url(../img/sprite-hdl_btn.gif) -206px -328px no-repeat;}
#easyTooltip h3.bio {width:145px;background:#fff url(../img/sprite-hdl_btn.gif) -262px -328px no-repeat;}
#easyTooltip p {margin:0 0 0 145px;}		
#easyTooltip img {position:absolute;top:15px;left:15px;}
#filtration #easyTooltip h3, #filtration #easyTooltip p {margin:0 0 0 20px;}

/* form
========== */
.spalte {float:left;margin:0 30px 0 0;width:350px;}
form {position:relative;top:134px;left:0;width:849px;height:245px;padding:30px;background-color:#e4e9ef;}
.row {position:relative;height:30px;}
.row-text {position:relative;height:83px;}
.row-submit {position:relative;width:335px;height:30px;margin:10px 0 0 0;}
textarea {position:absolute;bottom:0;left:0;width:335px;height:54px;padding:2px;border:1px solid #c9cbcc;border-top:1px solid #6d6f70;background-color:#fff;color:#595959;font-size:12px;}
input {position:absolute;top:0;left:90px;width:245px;height:16px;padding:2px;border:1px solid #c9cbcc;border-top:1px solid #6d6f70;background-color:#fff;color:#595959;font-size:11px;}
	input.submit {position:absolute;top:0;right:0;width:100px;color:#34679a;border:none;background-color:transparent;}
	input.submit:hover {color:#595959;}
	input.error {border:1px dotted #982a2a;}
label {position:absolute;top:5px;left:0;width:90px;}
	label.block {top:8px;width:300px;}
	label.error {width:300px;color:#9c0f39;}	
.fehler {border:1px solid #9c0f39;background-color:#e6d6db;}
.row span {display:none;position:absolute;top:8px;right:-30px;width:17px;height:16px;background:transparent url(../img/icon_fehlermeldung.gif) no-repeat;}
.fehler-z span {display:block;position:absolute;top:8px;right:20px;width:17px;height:16px;background:transparent url(../img/icon_fehlermeldung.gif) no-repeat;text-indent:-9999px;}
#fehler_box {width:200px;height:50px;padding:0 45px 20px 47px;background-color:#f00;z-index:99999;}
#fehler_box li {list-style-type:none;}
#uri {display:none;}