/* Copyright www.viper-webdesign.de */
/*body*/
body {
color:#333;
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:small;

}

html>body li {
/*margin-left: 15px;*/
}

html body {
font-size: x-small;
f\ont-size: small;
}
img.mittig {display: block; margin-left: auto; margin-right: auto}
.vorschaubild {
	border:1px solid #060;
	margin-right:2px;
}
/* Layout */

#container {
position:absolute;
left:50%;
margin-left:-400px;
width:800px;
z-index:1;
top:250px;
color:#333;
font-size:105%;
background:#FFF url(images/hg.jpg) repeat-y fixed center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#container {
position:absolute;
left:50%;
margin-left:-400px;
width:800px;
z-index:1;
top:250px;
color:#333;
font-size:105%;
background:#FFF url(images/hg.jpg) repeat-y fixed center;
/* Google Chrome 1px Bug */
background-position: 49.999% 0;
/* Google Chrome 1px Bug */
}
}

#content {
float:left;
width:790px;
margin:0;
padding-bottom:50px;
}


#inhalt {float:right; width:780px; margin:0; padding:0; min-height:400px;}
.inhalt {float:right; width:780px; margin:0; padding:0; }


#header {
position:absolute;
left:50%;
margin-left:-440px;
top:0;
width:880px;
height:250px;
z-index:1;
background:#FFF url(images/header.jpg);
}
#himmel {
position:absolute;
left:0;
top:0;
height:410px;
background-color:#C7D49E;
width:100%;
background:#FFF url(images/himmel.jpg);
background-repeat:no-repeat fixed center;
background-position:top;
z-index:0;
}

/*  Linke Spalte */

#navBar {
float:left;
width:10px;
margin:0;
padding:0;
}



#headlines {
float:right;
width:10px;
padding:0;
margin:0;
font-size:88%;
}



/* Footer */

#siteInfo {
clear:both;
font-weight:400;
width:800px;
height:94px;
background-image:url(images/footer.jpg);
z-index:1;
}


/* NAVIGATION HEADER */
#home_bar { position:absolute; left:50%; margin-left:-298px; top:140px; width:678px; height:32px; z-index:1}

ul.homenavi{list-style:none; padding:0; margin:0}
ul.homenavi li { float:left; }
.hnavi1 { border:0 solid; width:122px; display:block}
.hnavi2 { border:0 solid; width:142px; display:block}
.hnavi3 { border:0 solid; width:122px; display:block}
.hnavi4 { border:0 solid; width:44px; display:block}
.hnavi5 { border:0 solid; width:90px; display:block}
.hnavi6 { border:0 solid; width:90px; display:block}
.hnavi7 { border:0 solid; width:90px; display:block}
.hnavi8 { border:0 solid; width:70px; display:block}
.hnavi1 img {background-image:url(images/but_abluftreinigung_over.jpg);}
.hnavi2 img {background-image:url(images/but_ionisation_over.jpg);}
.hnavi3 img {background-image:url(images/but_lufttechnik_over.jpg);}
.hnavi5 img {background-image:url(images/but_kontakt_over.jpg);}
.hnavi6 img {background-image:url(images/but_impressum_over.jpg);}
.hnavi7 img {background-image:url(images/but_aktuell_over.jpg);}
.hnavi8 img {background-image:url(images/but_home_over.jpg);}
ul.homenavi li a { display:block; margin:0; padding:0; margin:0; }
ul.homenavi li a img{border:none;}
ul.homenavi li a:hover {visibility:visible}
ul.homenavi li a:hover img{height:0;padding:32px 0 0 0}


/* NAVIGATION HEADER  ENDE*/


/************* #headlines ***************/
.headline {
width:780px;
z-index:2;
background-image:url(images/headline.jpg);
line-height:39px;
margin:0 0 5px 0;
padding:0;
text-align:center;
}
.headline_abluftreinigung{
width:780px;
background-image:url(images/headline_abluftreinigung.jpg);
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:700;
text-align:left;
line-height:39px;
margin:0 0 5px 0;
padding:0;
text-indent:164px;
}
.headline_ionisation {
width:780px;
background-image:url(images/headline_ionisation.jpg);
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:700;
text-align:left;
line-height:39px;
margin:0 0 5px 0;
padding:0;
text-indent:284px;
}
.headline_lufttechnik {
width:780px;
background-image:url(images/headline_lufttechnik.jpg);
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:120%;
font-weight:700;
text-align:left;
line-height:39px;
margin:0 0 5px 0;
padding:0;
text-indent:434px;
}
.untertitel {
width:772px;
z-index:2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
text-align:left;
background-image:url(images/untertitel.jpg);
line-height:19px;
margin:0;
padding:0;
color:#333;
line-height:24px;
}

.bottom {
width:504px;
background-image:url(images/bottom.jpg);
height:24px;
margin:0;
padding:0;
}
.center {
padding:10px;
}
.info {
width:477px;
z-index:2;
background:#fff url(images/headline-info.jpg);
line-height:31px;
margin:10px 0 2px 0;
padding:0;
text-indent:50px;
}

/************* #headlines ende ***************/


.texte {
margin: 0 12px 0 12px;
padding: 4px 0;
}
.rand {
margin: 0 2px 0 12px;
padding: 0;
}
ul {
margin-left:0;
list-style-image: url(images/punkt.jpg);
padding-left: 30px;
}
h1 {
font-family:  Arial, Helvetica, sans-serif;
font-size:130%;
font-weight:700;
color:#4D74A8;
padding:0;
margin:0;
letter-spacing:0.05pt;
}
h2 {
font-size:120%;
font-weight:700;
color:#4D74A8;
margin:0;
padding:0;
}
h3 {
font-size:110%;
font-style:italic;
font-weight:400;
margin:0;
padding:0;
color:#4D74A8;
}
A {
background-color:transparent;
text-decoration:underline;
color:#4e4e4e;
}

A.hover {
color:#4e4e4e;
background-color:#333;
text-decoration:underline;
}
.smallText {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:90%;
font-weight:normal;
}
.errorField 
{
border: #9F0004 1px solid;
background-color: #FFFFCC;
} 
.errorTable 
{
border: #9F0004 1px solid;
background-color: #E2E1E1;
} 

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
clear: both;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End Holly Hack */

/* LINDEMANN */
.box0 {

padding:3px;
display:block;
margin:3px 0 3px 0;
border:1px solid #ccc;
}
.box1 {
padding:3px;
width:49%;
float:left;
margin:0 3px 3px 0;
}
.box2 {
padding-bottom:3px;
width:65%;
float:left;
vertical-align:top;
display:block;
margin:2px;
}
.box3 {
float:left;
width:30%;
vertical-align:top;
display:block;
margin:2px;
padding:3px;
}
.boxTitel{
padding:5px;
background:#F1E6C9;
font-weight:700;
text-indent:5px;
margin:3px 0;
}

.tabelle {

padding:3px;
}

/* Referenzen */
#referenzen {
width:750px;
float:left;
margin-left:12px;
}
* html #referenzen {margin-left:6px;}
#referenzen dl {
margin:10px 2px;
padding:0;
float:left;
display:inline;
width:750px;
}

#referenzen dt {
margin:2px 0;
padding:0;
font-size:110%;
letter-spacing:1px;
border-bottom: 1px solid #D6D6D6;
font-weight:bold;
}
#referenzen dd {
margin:0;
padding:0;
line-height:1.5em;
display:block;
}
#referenzen dd.img {
padding:3px;
float:left;
}
#referenzen dd.text {
padding:5px;
width:500px;
display:block;
float:left;
}
/* Aktuell */
#startseite {
width:780px;
float:left;
}
#startseite dl {
margin:10px 20px;
padding:0;
float:left;
display:inline;
width:340px;
}
#startseite dt {
margin:0 0 20px 0;
padding:0;
font-size:120%;
letter-spacing:1px;
display:block
width:340px;
border-bottom: 1px solid #D6D6D6;
}
#startseite dd {
margin:0;
padding:0;
font-size:105%;
line-height:1.5em;
}
#startseite dd.img img {
float:left;
padding:5px;
margin: 0 8px 0 0;
border: 1px solid #D6D6D6;
}

#account input, select {
    border: 1px solid #888;
    background: #ffffff;
    padding: 3px 4px;
    color: #222;
    margin: 0px 5px 0px 0px;

}

#account input:focus, select:focus {
    outline: none;
}

#account .InputGroup {
    display: inline-block;
    padding: 3px 4px;
    border: 1px solid #FFF;

}

#account .ErrorField {
    border-color: #D00;
    color: #D00;
    background: #FFFFFE;
}

#account span.ValidationErrors {
    display: inline-block;
    font-size: 80%;
    color: #D00;
    padding-left: 230px;
    font-style: italic;
	
	
	
}

