/* Copyright www.viper-webdesign.de */
/*body*/
body {
color:#333;
margin:0;
padding:0;
font-family: 'Molengo', arial, serif;
font-size:small;
background:#FFFFCC url(imgX/hg-body.jpg) repeat-y fixed center;
}

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}
.bild { padding:1px; border:1px solid #7D8791;}
/* Layout */

#container {
position:absolute;
left:50%;
margin-left:-490px;
width:980px;
z-index:2;
top:282px;
color:#333;
font-size:120%;
background:#FFFFE6 url(imgX/hg-body.jpg) repeat-y fixed center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
#container {
position:absolute;
left:50%;
margin-left:-490px;
width:980px;
z-index:2;
top:282px;
color:#333;
font-size:120%;
background:#FFFFE6 url(imgX/hg-body.jpg) repeat-y fixed center;
/* Google Chrome 1px Bug */
background-position: 49.999% 0;
/* Google Chrome 1px Bug */
}
}
/* opera */
noindex:-o-prefocus, #container {font-size:95%}
/* opera ende */
#content {
float:left;
width:930px;
margin:0;
}

#inhalt {float:right; width:570px; margin:0; padding:0;}
#inhalt p, #inhalt h1  {padding:10px 8px ; margin:0;}
#inhalt ul {
	margin-left:20px;
}
#header {
position:absolute;
left:50%;
margin-left:-490px;
top:0;
width:980px;
height:282px;
z-index:0;
background:#FFF url(imgX/header.jpg);
}

/*  Linke Spalte */

#navBar {
float:left;
width:360px;
margin:0;
padding:0;
background-image:url(imgX/navi.jpg);
min-height:498px;
}

#navBar ul {
list-style:none;
margin:0;
padding:45px 0 5px 0;
}
#navBar li {
margin:0;
padding:0;
}


#navBar ul a {
display:block;
width:100%;
text-decoration:none;
margin-left:68px;
width: 130px;
height:35px;
text-indent:-99999px;
}
#navBar ul a:hover {
}


body#b-home #h-home, body#b-unternehmen #h-unternehmen,  body#b-leistungen #h-leistungen, body#b-referenzen #h-referenzen, body#b-ansprechpartner #h-ansprechpartner, body#b-kontakt #h-kontakt, body#b-impressum #h-impressum, body#b-stellenangebote #h-stellenangebote { 	
background-image:url(imgX/pfeil.png);
background-repeat:no-repeat;
background-position:left;
}
#h-helenenhof a:hover {
background-image:url(imgX/but-helenenhof.jpg);
}
#h-home a:hover {
background-image:url(imgX/but-home.jpg);
}
#h-kontakt a:hover {
background-image:url(imgX/but-kontakt.jpg);
}

#h-preise a:hover {
background-image:url(imgX/but-preise.jpg);
}

#h-anfahrt a:hover {
background-image:url(imgX/but-anfahrt.jpg);
}

#h-links a:hover {
background-image:url(imgX/but-links.jpg);
}
#headlines {
float:right;
width:50px;
padding:0;
margin:0;

}
* html #headlines {margin:0 20px 0 0;}
#headlines .box_rechts { margin:5px 6px 5px 8px;  }


/* Footer */

#siteInfo {
clear:both;
font-weight:400;
width:980px;
height:60px;
background-image:url(imgX/footer.jpg);
z-index:1;
}
#siteInfo img{
margin-left:78px;
border:none;
	
	}



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



.rand {
margin: 0 2px 0 2px;
padding: 0;
}
ul {
margin-left:0;
padding-left:15px;
list-style:square;
}
h1 {
font-family: "Times New Roman", Times, serif;
font-size:140%;
font-weight:300;
padding:0;
margin:0;
text-align:center;
}
h2 {
font-size:115%;
font-weight:700;
margin:0;
padding:0;
border-bottom:dotted 1px #C6B998;
}
h3 {
font-family: "Times New Roman", Times, serif;
font-size:130%;
margin:0;
padding:0;
}
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:10px;
font-weight:normal;
}


.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 */
#slider {
	margin-left:0;
}

#slider1 {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	
}

#slider1 li {
	
	padding: 1px;
	margin:0;
	zoom:1;
	border:none;
	width:404px;
	height:400px;
	vertical-align:bottom;
	
}
#slider1 li a:hover{
}
#slider1 img,
#slider2 img {
	
	margin-left:0;
	width:400px;
	display: block; margin-top: auto; margin-bottom: auto;
	
}
#slider1 h3 {
	text-align:left;
	line-height:20px;
	font-family: "Times New Roman", Times, serif;
	font-size:150%;
	display:block;
	padding:1px;
	font-weight:400;
	margin:1px;
}
.thumbs {
	margin-left:0;
}
.thumbs img {
	
	padding:2px 0;
	border:1px solid #CCC;
}