/* ::::: http://www.etatherm.eu/assets/templates/etatherm/style.css ::::: */

@font-face {
	font-family: "UniversBoldCond";
	src: url('universboldcond.ttf') format("truetype");
}
@font-face {
	font-family: "Univers";
	src: url('univers.woff');
}
@font-face {
	font-family: "LucidaGrande";
	src: url('lucidagrande.ttf') format("truetype");
}
@font-face {
	font-family: "LucidaGrande";
	src: url('lucidagrande.pfm');
}
@font-face {
	font-family: "LucidaGrande";
	src: url('lucidagrande.pfb');
}
@font-face {
	font-family: "LucidaGrande";
	src: url('lucidagrande.woff');
}
@font-face {
	font-family: "LucidaGrandeBold";
	src: url('lucidagrandebold.ttf') format("truetype");
}
* { margin: 0px; padding: 0px; }
body, html { background-image: url('bgfooter.jpg'); background-size: cover; font-family: LucidaGrande,"lucida sans",arial,tahoma; min-height: 101%; }
p { margin: 0px 0px 25px; }
a:link, a:visited { color: rgb(51, 51, 51); text-decoration: none; }
a:hover, a.active { color: rgb(10, 165, 55); }
img, a:link img, a:visited img { border: 0px none; margin: 0px; padding: 0px; }
.clear { clear: both; }
#wrapper { background: url('bodybg1px.jpg') repeat-x scroll left top, none repeat scroll 0% 0% rgb(204, 204, 204); margin: 0px auto; overflow: hidden; width: auto; }
#header { height: 65px; margin: 0px auto 20px; width: 1002px; }
#logo { margin: 26px 0px 0px 9px; position: absolute; width: auto; }
#navi { font-family: UniversBoldCond,tahoma,"lucida sans"; font-size: 18px; margin: 0px 0px 0px 253px; position: absolute; text-transform: uppercase; width: 550px; z-index: 100; }
#navi ul { background: none repeat scroll 0% 0% rgb(255, 255, 255); height: 60px; overflow: visible; }
#navi ul li ul { background: none repeat scroll 0% 0% rgb(255, 255, 255); border-right: 1px solid rgb(232, 232, 232); border-width: 0px 1px 1px; border-style: none solid solid; border-color: -moz-use-text-color rgb(232, 232, 232) rgb(232, 232, 232); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; box-shadow: 2px 1px 2px rgb(232, 232, 232), -2px 1px 2px rgb(232, 232, 232); color: rgb(51, 51, 51); display: none; font-family: LucidaGrande,tahoma,"lucida sans"; height: auto; opacity: 0.95; overflow: visible; position: absolute; text-transform: none; }
#navi ul:hover { overflow: visible; }
#navi ul li { color: rgb(0, 0, 0); display: block; float: left; line-height: 40px; list-style: none outside none; margin: 0px 10px 0px 0px; position: relative; }
#navi ul li a { color: rgb(0, 0, 0); display: block; padding: 22px 8px 0px 10px; }
#navi ul li:hover a { box-shadow: 3px 0px 3px rgb(232, 232, 232), -3px 0px 3px rgb(232, 232, 232); color: rgb(10, 165, 55); }
#navi ul li:hover ul li a { box-shadow: none; color: rgb(51, 51, 51); }
#navi ul li ul li { border-top: 1px solid rgb(232, 232, 232); line-height: 25px; margin: 0px; width: 100%; }
#navi ul li ul li a { box-shadow: none; color: rgb(51, 51, 51); display: block; font-size: 14px; padding: 0px 20px 0px 10px; white-space: nowrap; }
#navi ul li ul li.active a { background: none repeat scroll 0% 0% rgb(204, 204, 204); white-space: nowrap; }
#navi ul li:hover ul li:hover a { background: none repeat scroll 0% 0% rgb(204, 204, 204); transition: all 200ms ease-in-out 0s; }
#navi ul li ul li.last { padding: 0px; }
#content { margin: 0px auto; min-height: 580px; position: relative; width: 1002px; }
#content h1 { color: rgb(0, 0, 0); font-family: UniversBoldCond,tahoma,sans-serif; font-size: 18px; font-weight: 400; margin-bottom: -2px; text-transform: uppercase; }
#sidebar-left { float: left; font-family: LucidaGrandeBold,tahoma,"lucida sans"; font-size: 14px; line-height: 25px; margin: 26px 30px 150px 0px; overflow: hidden; width: 233px; }
#sidebar-left li { background: url('sidelibar.gif') no-repeat scroll center bottom transparent; list-style: none outside none; overflow: hidden; white-space: nowrap; }
#sidebar-left a:link, #sidebar-left a:visited { padding: 0px 0px 0px 10px; }
#content-right { float: left; font-size: 14px; line-height: 25px; margin: 26px 0px 150px; overflow: hidden; width: 635px; min-height: 227px; }
#content-right a:link, #content-right a:visited { text-decoration: underline; }
#navi ul li.active > a, #sidebar-left li.active a, #sidebar-left .ref-list li li.active a, #sidebar-left .ref-list li ul li a:hover, #sidebar-left .ref-list li ul li.active a { color: rgb(10, 165, 55); }
#inner-wrapper { min-height: 108px; }
#content-bottom { bottom: 0px; font-family: UniversBoldCond,tahoma,"lucida sans"; font-size: 14px; height: 177px; margin: 0px 0px 0px 20px; width: 100%; }
#content-bottom .box { background: none repeat scroll 0% 0% rgb(255, 255, 255); float: left; height: 167px; margin: 0px 10px 0px 0px; overflow: hidden; position: relative; text-transform: uppercase; width: 233px; }
#content-bottom .box a { display: block; padding: 0px; }
#content-bottom .box img { height: 137px; margin: 10px; padding: 0px; width: 213px; }
#content-bottom .box .box-text { background: none repeat scroll 0% 0% rgb(255, 255, 255); bottom: 0px; height: 20px; line-height: 20px; margin: 0px 10px 5px; overflow: hidden; padding: 5px 0px 0px; position: absolute; width: 213px; }
#content-bottom .box .box-text a { display: block; height: auto; }
#content-bottom .box-text b.headline { font-weight: 400; color: rgb(10, 165, 55); }
#content-bottom .box .box-text a:link, #content-bottom .box .box-text a:visited { color: rgb(10, 165, 55); font-family: UniversBoldCond ! important; padding: 0px; }
#wrapper-footer { width: 100%; margin: 0px auto; }
#footer { font-size: 10px; width: 972px; height: 260px; overflow: hidden; margin: 0px auto; padding: 0px 0px 0px 30px; }
#footer .hr { position: absolute; width: 962px; height: 1px; background: url('sidelibar.gif') repeat-x scroll left bottom transparent; margin: 22px auto 0px -10px; padding: 0px; }
#footer a:link, #footer a:visited, #footer a.active { color: rgb(0, 0, 0); font-family: LucidaGrandeBold,tahoma,"lucida sans"; padding: 0px; }
#footer a:hover { color: rgb(255, 255, 255); font-family: LucidaGrandeBold,tahoma,"lucida sans"; }
#footer ul li { position: relative; display: block; list-style: none outside none; width: 139px; }
#footer ul.f2 { float: left; width: 148px; margin: 5px 10px 0px 0px; }
#footer ul.f3 { float: left; width: 169px; margin: 5px 10px 0px 0px; }
#footer ul.f5 { float: left; width: 158px; margin: 5px 10px 0px 0px; }
#footer ul.f6 { float: left; width: 149px; margin: 5px 10px 0px 0px; }
#footer li li { list-style: none outside none; width: 100%; white-space: nowrap; line-height: 12px; margin: 0px 0px 5px; }
#footer ul.f1, #footer ul.f4 { float: left; width: 139px; margin: 5px 10px 0px 0px; }
#footer ul.f2 ul.f2, #footer ul.f3 ul.f3, #footer ul.f4 ul.f4, #footer ul.f5 ul.f5, #footer ul.f6 ul.f6 { margin: 9px 10px 0px 0px; }
#footer li li a:link, #footer li li a:visited, #footer .babel-footer a:link, #footer .babel-footer a:visited { color: rgb(0, 101, 12); text-transform: none; font-family: LucidaGrande,tahoma,"lucida sans"; }
#footer li li a:hover, #footer li li.active a { color: rgb(255, 255, 255); text-transform: none; }
/* ::::: http://www.etatherm.eu/assets/templates/etatherm/style-start.css ::::: */

#wrapper { background: url('bgstart.jpg') no-repeat scroll center top, url('bodybg1px.jpg') repeat-x scroll left top, none repeat scroll 0% 0% rgb(204, 204, 204); }
/* ::::: http://www.etatherm.eu/de/assets/templates/etatherm/style_nojs.css ::::: */

#navi ul li ul li { display: none; }
#navi ul li:hover ul li { display: inline; }
#navi ul li ul { display: block; }
#content-bottom .box .box-text:hover { height: auto; }
