/*
 * copyright	Copyright (C) 1999 - 2008 HellBrok GmbH. Alle Rechte vorbehalten.
 * creator	Bachmann Support, Sascha Eggenberger (web: www.bachmann-support.ch / mail: info@bachmann-support.ch)
*/
@-webkit-keyframes blink {
	0% { opacity: 0.2 } 50% { opacity: 0.2 }
	50.01% { opacity: 1 } 100% { opacity: 1 }
}
blink {
	-webkit-animation: blink 0.7s infinite linear alternate;
	-webkit-font-smoothing: antialiased;
}


/*standard*/
body { font: 9.5pt Arial, "Lucida Grande", Tahoma, Verdana, Sans-Serif; font-weight: normal; color: #666; line-height: 1.5; text-align: left; margin: 0px; padding: 0px; background: url(../images/bg.gif) repeat-x; /*background: #ededed url(../images/bg.gif) repeat-x;*/ /*0 -60px;*/ }
img { border: none; text-align: center; }

a { color: #0457aa; text-decoration: underline; }
a:focus { outline: none; }

h1 { font: 26px Arial, Nimbus, Verdana, Sans-Serif; color: #ab011d; letter-spacing: -0.1pt; line-height: 0.9em; margin: 0 0 10px 0; padding: 0px; }
ul { margin: 0 0 0 14px; padding: 0px; }
ol { margin: 0 0 0 22px; padding: 0px; }
ol { margin-top: 0px; }
ul, ol { margin-bottom: 20px; }

/*logo*/
#logo { width: 198px; height: 59px; margin: 0 0 15px 55px; background: url(../images/logo.gif) no-repeat; }
#logo a { display: block; width: 100%; height: 100%; }

/*titles*/
h1#membran { width: 203px; height: 58px; background: url(../images/title-membranventil.gif) no-repeat bottom; }
h1#membran span, h1#argumente span, h1#prinzip span, h1#pissoirs span, h1#preisliste span, h1#bestellung span, h1#kontakt span, h1#evosan span { display: none; }
h1#argumente { width: 278px; height: 58px; margin: 0px; background: url(../images/title-argumente.gif) no-repeat bottom; }
h1#pissoirs { width: 353px; height: 58px; background: url(../images/title-pissoirs.gif) no-repeat; }
h1#pissoirs { font-size: 16pt; }
h1#preisliste { width: 89px; height: 25px; background: url(../images/title-preisliste.gif) no-repeat; }
h1#bestellung { width: 176px; height: 25px; background: url(../images/title-bestellung.gif) no-repeat; }
h1#kontakt { width: 84px; height: 25px; background: url(../images/title-kontakt.gif) no-repeat; }
h1#prinzip { color: #0f0f0f; height: 30px; padding: 15px 10px; margin: 0px; background: #fff url(../images/title-prinzip.gif) no-repeat 15px 15px; }
/*h1#evosan { color: #0f0f0f; height: 30px; padding: 15px 10px; margin: 0px; background: #fff url(../images/title-evosan.gif) no-repeat 15px 15px; }*/
h1#evosan { width: 205px; height: 58px; background: url(../images/title-evosan.gif) no-repeat bottom; }

/*head, overall, mid, footer*/
#head, #overall, #footer { position: relative; width: 924px; margin: 0px auto; }
#head { background: url(../images/bg-head.gif) no-repeat bottom; }
#head-text { position: absolute; width: 430px; line-height: 14pt; top: 5px; left: 270px; font-size: 12pt; }
#head-link { position: absolute; top: 20px; left: 516px; font-size: 12pt; }
#head-link a { text-decoration: none; }
#overall { background: url(../images/bg-mid.gif) repeat-y; }
#footer { background: url(../images/bg-footer.gif) no-repeat top; }
#mid { /*nothing to do*/ }
#mid .int { width: 820px; padding: 0 0 0 22px; } /*fixes IE Problem*/
#left, #mid, #right { float: left; }
#left, #right { width: 22px; height: 800px; }
#left { background: url(../images/bg-page-left.gif) no-repeat; }
#right { background: url(../images/bg-page-right.gif) no-repeat; }
#header { margin-top: 20px; }

#header .int { padding: 0 60px; font-size: 12px; }

#mid { padding: 10px 30px; }
#footer { height: 100px; font-size: 8pt; color: #888; }
#footer .int { width: 760px; margin: 0 0 0 80px; padding: 40px 0 80px 0; }
#footer .left { float: left; width: auto; margin: 0px; padding: 0px; }
#footer .right { float: right; width: auto; margin: 0px; padding: 0px; text-align: right; }

/*box*/
#box { width: auto; /*height: auto;*/ padding: 30px; margin: 0px; background: #fff url(../images/box-bg.gif) no-repeat; }
#info-box { width: auto; height: 320px; padding: 30px; margin: 0px; background: #fff url(../images/info-box-bg.gif) no-repeat; }
#info-box #pic { float: left; width: 300px; height: 320px; margin: 20px 20px 0 0; background: url(../images/ventil.gif) no-repeat; }
#info-box #pic-reiniger { float: left; width: 300px; height: 320px; margin: 0 20px 0 0; background: url(../images/reiniger.gif) no-repeat 0px 30px; }
#info-box #columnLeft #pic-duftring { float: left; width: 300px; height: 230px; margin: 0 20px 0 0; background: url(../images/duftring.gif) no-repeat; }
#info-box #columnLeft #pic-pickeyventiloben { float: left; width: 300px; height: 290px; margin: 0 20px 0 0; background: url(../images/key-ventil-oben.gif) no-repeat;}
#info-box #columnLeft  #pic-keyventilduftring{ float: left; width: 300px; height: 280px; margin: 0 20px 0 0; background: url(../images/key-ventil-mit-duftring.gif) no-repeat; }
#info-box #columnLeft  { width: 300px; float: left; }

#info-box #text { float: left; width: 420px; }
#info-box #siphon-pic { float: left; width: 250px; height: 330px; margin: 0 0 0 0; background: #fff url(../images/siphon.gif) no-repeat; }
#info-box #siphon-mid { float: left; width: 180px; height: 330px; background: #fff; }
#info-box #siphon-right { float: left; width: 300px; height: 330px; padding-left: 30px; background: #fff url(../images/siphon-right.gif) no-repeat 40px 20px; /*pi_schnitt_m_text.jpg*/ }
#info-box #siphon-right { color: #444; }
#info-box #siphon-right .bottom { color: #888; padding-left: 10px; margin: 310px 0 0 0; }
#info-box .box { margin: 0 40px 15px 0; color: #444; font-size: 10pt; }
#info-box .ki-ventil { padding-top: 90px; }
#info-box h2 { font-size: 11pt; color: #222; /*ab011d*/ margin: 0px; }

/*statements*/
h2.statement-rechte { width: 291px; height: 60px; margin: 0 0 40px 0; background: url(../images/statement-rechte.gif) no-repeat; }
h2.statement-membran { width: 329px; height: 56px; margin: 0 0 40px 0; background: url(../images/statement-membran.gif) no-repeat; }
h2.statement-rechte span, h2.statement-membran span { display: none; }
h2.go-right { padding: 0 0 0 145px; }

/*form*/
fieldset { border: none; padding: 10px 30px 20px 30px; margin: 0px; background: url(../images/bg-fieldset.gif) no-repeat; }
fieldset.blue-bg { background: url(../images/box-bg.gif) no-repeat; }
input, textarea { font: 10pt Arial, "Lucida Grande", Tahoma, Verdana, Sans-Serif; outline: none; }
textarea { width: 738px; height: 60px; padding: 10px; border: 1px dotted #999; }
label { display: inline-block; width: 100px; vertical-align: top; padding: 0 0 4px 0; }
input.line, input.short-line { width: 200px; outline: none; vertical-align: top; border: none; border-bottom: 1px dotted #999; margin: 0px; padding: 0 5px 0 0; background: none; }
input.short-line { width: 32px; }
input.plz { width: 60px; margin: 0 20px 0 0; }
input.ort { width: 115px; }
input.submit { outline: none; border:none; font-size: 9pt; color: #444; padding: 3px; background: #eee; border: 1px solid #bbb; margin: 0 0 0 30px; }
input.submit { width: 90px; background: url(../images/submit.gif) no-repeat; border: none; }
input.submit:active { background: url(../images/submit_active.gif) no-repeat; }
/*
input.bestellen { background: url(../images/submit_red.gif) no-repeat; font-weight: bold; }
input.bestellen:active { background: url(../images/submit_active_red.gif) no-repeat; }
*/
/*
input.bestellen {  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
    font-size:13px;
    border: 1px rgba(000,000,000,0.6) solid;	
	background: rgb(255,255,255);
    background: rgba(255,255,255,0.6);
    color: rgba(000,000,000,0.6);
    padding: 3px 8px 4px 8px;
    
   	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(255,255,255,0.3)));
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.9),  rgba(255,255,255,0.3));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(255,255,255)', endColorstr='rgb(255,255,255)');
}
input.bestellen:hover,input.bestellen:active{
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
	background: -moz-linear-gradient(top,  rgba(255,255,255,1),  rgba(255,255,255,0));
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='rgb(255,255,255)', endColorstr='rgb(255,255,255)');
    color: black;
}*/

input.kontakt { padding: 4px 16px 6px 16px;  }
input.bestellen { padding: 5px 20px 5px 18px; }
textarea.big { height: 160px; }

/*article*/
.artikel label { float: left; width: 650px; }
.artikel input { float: right; width: 40px; text-align: right; }
.artikel label, .artikel span.tf { padding: 1px 0 4px 5px; }
.artikel span.tf { float: right; display: inline-block; }

/*colors and other stuff*/
br.topspace { margin-top: 16px; }
p.size-2 { font-size: 12pt; color: #ab011d; margin: 0px; padding: 0px; }
.red, p.red, div.red, #head-link a { color: #ab011d; }
.black { color: #111; }
.blue { display: inline-block; width: 12px; height: 14px; background: url(../images/star.gif) no-repeat; }
.white-bg { background: #fff; }
.small-font { color: #999; font-size: 12pt; }
.bst-line, .bst-line-blue { padding: 10px 0 10px 0; margin: 0px; }
.bst-line { border-bottom: 3px solid #ddd; }
.bst-line-blue { border-bottom: 3px solid #b4e0fa; }
.big { font-size: 14pt; color: #555; }
div.big { padding: 8px 0 0 0; }
.middle { font-size: 12pt; color: #555; }
.label { width: 150px; }
.b-left { float: left; margin: 10px 5px 10px 0; }
.text label { float: left; }
.text input { float: left; }
.info-yellow { display: block; padding: 2px 10px; margin-left: 20px; background: #fff4c0; }
.red-font { color: #b50c00; }
.size-best { height: 180px; }
.left-justify, .right-justify { width: auto; margin: 0 0 10px 0; padding: 0px; }
.left-justify { float: left; }
.right-justify { float: right; }
.space-right { margin: 0 40px 0 0; }
.label { width: 120px; }
.plus ul { /*nothing to do*/ }
.plus li { list-style-image: url(../images/man.gif); }
.clear { clear: both; }
.space { padding: 0 0 20px 0; }
div.space { margin: 20px 0 0 0; padding: 0px; }
.small-space { margin: 0 0 10px 0; }
.big-space { padding-top: 220px; }
.mid-space { padding-top: 150px; }
.top-space-10 { padding-top: 10px; }
.top-space-20 { padding-top: 35px; padding-right: 120px; }
.height-50 { height: 50px; }
.height-bestellen { height: 360px; }
.block { text-align: justify; }
div.block { /*margin: 14px 0 0 0;*/ }
.pic-left { float: left; margin: 0 40px 70px 0; }
.first { margin: 0 40px 0 0; }
.left, .right { width: 360px; }
.left { float: left;  padding-left: 30px; }
.right { float: right; padding-right: 30px; }
.lineheight { color: #999; line-height: 16pt; }
span.small-font { color: #444; font-size: 8.5pt; }
.no-height { height: 2px; }
.size-kontakt { height: 235px; }
.exp { font-size: 14px; color: #777; }

/*PDF classes*/
.pdf-normal { width: auto; height: 49px; margin: 0px; }
.pdf-fixed-top, .pdf-fixed-bottom { margin: 30px; }
.pdf-normal a { display: block; width: 100%; height: 100%; }
.pdf-normal a { font: 12pt Arial, Verdana; text-decoration: none; }
.pdf-pic { display: block; width: 29px; height: 32px; padding: 4px 0 0 0; margin: 0 8px 0 0; background: url(../images/pdf-download.gif) no-repeat right; }
.pdf-blue { background: url(../images/pdf-download-blue.gif) no-repeat right; }
.pdf-float { float: left; }
.pdf-fixed-top { z-index: 500; position: absolute; left: 510px; top: 0px; }
.pdf-fixed-bottom { z-index: 500; position: absolute; left: 605px; bottom: -20px; }
.pdf-download-button, .pdf-download-button-blue { display: inline-block; width: 16px; height: 16px; margin: 2px 0 -2px 0; background: url(../images/pdf-download-button.gif) no-repeat; }
.pdf-download-button-blue { background: url(../images/pdf-download-button-blue.gif) no-repeat; }

/*float*/
.f-left, .f-mid, .f-right { float: left; margin: 0 0 5px 0; }
.f-left { width: 38%; }
.f-mid { width: 38%; }
.f-right { width: 8%; text-align: right; }
.f-price { float: right; padding: 0 0 0 20px; }
.f-price input { text-align: right; }
.abst .f-left, .abst .f-mid, .abst .f-right { line-height: 1.2; margin: 0 0 6px 0; }

/*fixed elements*/
#batch { z-index: 1000; position: absolute; top: 109px; /*top: 115px;*/ left: 50%; width: 30px; height: 80px; margin: 0 0 0 350px; background: transparent url(../images/batch.gif) no-repeat; }
#notiz { z-index: 800; position: absolute; top: 114px; left: 50%; width: 152px; height: 146px; margin: 0 0 0 275px; background: transparent url(../images/notiz.gif) no-repeat; }
/*#batch { z-index: 1000; position: absolute; top: 122px; left: 50%; width: 30px; height: 80px; margin: 0 0 0 350px; background: transparent url(../images/batch.gif) no-repeat; }
#notiz { z-index: 800; position: absolute; top: 126px; left: 50%; width: 152px; height: 146px; margin: 0 0 0 275px; background: transparent url(../images/notiz.gif) no-repeat; }*/

/*ajax*/
#log_res { overflow: auto; }
#log_res.ajax-loading { width: 20px; height: 20px; margin: 0px; margin-top: 4px; background: #fff url(../images/working.gif) no-repeat; overflow: hidden; }
#form { position: relative; }

fieldset { margin-top: 20px; }
.text p { padding: 0px; margin: 0px; }
.top-space-small { margin: 15px 0 0 0; }
.top-space-mid { padding: 25px 0 0 0; }

a.button { display: block; width: 90px; height: 22px; padding-top: 2px; color: #444; text-decoration: none; text-align: center; background: url(../images/submit.gif) no-repeat; }
a.button:active { background: url(../images/submit_active.gif) no-repeat; }


#header { height: 18px; margin-bottom: 20px; }
div.logo { float: left; font-size: 18px; font-weight: bold; color: #000; }
div.swiss { float: right; width: auto; height: 18px; background: url(../images/swiss.gif) no-repeat 0 9px; margin: 0 2px 0 0; padding: 8px 0 0 16px; }