body {
	background: white;
	padding:0;
	margin: 5px 0 30px 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}
h1 {
	display:none;
}
p {
	margin: 0 0 1em 0;
}
a {
	color: #83b817;
	text-decoration: underline;
}
a:hover {
	color: #648d12;
}
a:active {
	color: #91cc1a;
}
button {
	font-size: 10px;
}
#sheet {
	width: 809px;
	background: white url(img/shadowbody.jpg) repeat-y 0 0;
}
#sheet-top {
	background: transparent url(img/shadowtop.jpg) no-repeat 0 0;
}
#sheet-bottom {
	clear: both;
	margin-top: 10px;
	width: 809px;
	height: 9px;
	background: transparent url(img/shadowbottom.jpg) no-repeat 0 0;
	font-size: 1px;
}
/* IE6 */
* html body.home #sheet-bottom,
* html body.contact #sheet-bottom,
* html body.about #sheet-bottom
{
	margin-top: 58px; /* s. min-height */
}
#content {
	position:relative;
	margin-right: 9px;
	padding-top: 255px;
	background: transparent url(img/header_bg.jpg) no-repeat 0 0;
	min-height: 308px; /* 588 - 270 - 10 */
}


#navi {
	width: 163px;
	float: left;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#navi ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	min-height: 0px;
}
#navi li {
	padding: 0;
	margin: 0;
	min-height: 0px;
}
#navi a {
	text-indent: -100em;
	min-height: 0px;
}
/**
 home:        0
 products:   47
 about:      94
 contact:   141
 impressum: 188
 download:  235
 eregler:   282
 eregler-potential: 300
 eregler-blick:     314
 eregler-anfrage:   328
 stream:    351
*/
#navi a {
	display: block;
	height: 47px;
	background: transparent url(img/navi.png) no-repeat 0 0;
	text-decoration: none;
}
#subnavi a {
	height: 18px;
}
#subsubnavi a {
	height: 14px;
}
#navi a.home {
	background-position: 0px 0px; /* der vollstaendigkeit halber */
	position: relative; /* wegen IE6 peekaboo bug */
}
body.home #navi a.home {
	background-position: -163px 0px;
}
#navi a.products {
	background-position: 0px -47px;
}
body.products #navi a.products,
body.eregler #navi a.products,
body.stream  #navi a.products
{
	background-position: -163px -47px;
}
#subnavi a.eregler {
	background-position: 0px -282px ;
}
body.eregler #subnavi a.eregler {
	background-position: -163px -282px ;
}
#subsubnavi a.potential {
	background-position: 0px -300px ;
}
body.eregler.potential #subsubnavi a.potential {
	background-position: -163px -300px ;
}
body.eregler.landing #navi a.potential {
	background-position: 0px 0px ;
}
#subsubnavi a.blick {
	background-position: 0px -314px;
}
body.eregler.blick #subsubnavi a.blick {
	background-position: -163px -314px ;
}
body.eregler.landing #navi a.blick {
	background-position: 0px -47px ;
}
#subsubnavi a.anfrage {
	background-position: 0px -328px;
}
body.eregler.anfrage #subsubnavi a.anfrage {
	background-position: -163px -328px ;
}
body.eregler.landing #navi a.anfrage {
	background-position: 0px -94px ;
}
#subnavi a.stream {
	background-position: 0px -351px;
	margin-top: 8px;
	margin-bottom: 9px;
	position: relative; /* wegen IE6 peekaboo bug */
}
body.stream #subnavi a.stream {
	background-position: -163px -351px;
}
#navi a.about {
	background-position: 0px -94px;
}
body.about #navi a.about {
	background-position: -163px -94px;
}
#navi a.contact {
	background-position: 0px -141px;
}
body.contact #navi a.contact {
	background-position: -163px -141px;
}
#navi a.impressum {
	background-position: 0px -188px;
}
body.impressum #navi a.impressum {
	background-position: -163px -188px;
}

#navi a.downloads {
	background-position: 0px -235px;
}
body.downloads #navi a.downloads {
	background-position: -163px -235px;
}
body.eregler.landing #navi a.downloads {
	background-position: 0px -141px;
}
#text {
	width: 333px;
	margin-left: 178px;
	margin-bottom: 40px;
	margin-top: 11px;
}
body.eregler #text,
body.downloads #text {
	width: 400px;
	/*background: #eef;*/
}

body.eregler #text p,
body.eregler #text h3,
body.eregler.potential #text img,
/*body.eregler.blick #text ul,*/
body.eregler #text div.flash,
body.eregler #anfrage,
div.contactform
{
	margin-left: 50px;
}
body.eregler.anfrage #text p {
	margin-left: 0;
}
body.eregler #text div.contactform h3 {
	margin-left: 5px;
	margin-bottom: 2em;
}
div.contactform {
	display: none;
}
body.eregler.blick #text ul {
	list-style: disc outside;
	list-style-image: url(img/bullet_green.gif);
	margin-left: 0;
	padding-left: 66px;
	
}
body.eregler #text h3,
body.downloads #text h3
{
	margin-bottom: 0;
}
body.eregler #text img#sensor {
	position: absolute;
	right: 12px;
	bottom: 3em;
}

body.impressum #text {
	width: 354px;
}
#text:after {
	content: '.';
	clear: both;
	display: block;
	visibility: hidden;
	height: 1px;
	line-height: 1px;
	margin-top: -1px
}
#text h2 {
	margin-top: 0;
	padding-top: 0;
}
body.eregler h2 {
	background: transparent url(img/der_energriesparregler.png) no-repeat 0 0;
	text-indent: -1000em;
	width: 249px;
	height: 65px;
}
#text h3 {
	font-size: 10px;
	text-transform: uppercase;
	color: #83b817;
	margin-top: 3em;
	padding-top: 0;
}
body.eregler #text p.teaser {
	font-size: 14px;
	margin-left: 0px;
}
#text span.teaser {
	text-transform: uppercase;
	display: block;
}
#linie {
	position: absolute;
	z-index: 0;
	width: 226px;
	height: 237px;
	background: transparent url(img/linie.jpg) no-repeat 0 0;
	left: 316px;
	top: 0px;
}
#teaser {
	position: absolute;
	z-index: 0;
	width: 261px;
	height: 239px;
	left: 539px;
	top: 237px;
	background-position: 0 0;
	background-color: transparent;
	background-repeat: no-repeat;
}
body.home #teaser {
	background-image: url(img/leaf_img.jpg);
}
body.eregler #teaser {
	background-image: url(img/butterblume.png);
}
* html body.eregler #teaser {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/butterblume.png', sizingMethod='crop');
}
body.stream #teaser {
	background-image: url(img/gruenes_blatt.png);
}
body.about #teaser {
	background-image: url(img/farn_img.jpg);
}
body.contact #teaser {
	background-image: url(img/magnolia_img.jpg);
}
body.impressum #teaser {
	background-image: url(img/blossom_img.jpg);
}
body.downloads #teaser {
	background-image: url(img/butterfly_img.jpg);
}

body.stream #text img {
	float:right;
	width: 104px;
	height: 229px;
	margin-left: 20px;
}
body.eregler #text {
	margin-top: -24px;
}

div.agb {
	font-size: 9px;
	margin-top: 4em;
}
#js-off-warning {
	padding: 10px 10px 10px 50px;
	
	font-weight: bold;
}
#anfrage { /* wird per javascript sichtbar geschaltet */
	display: none;
}
#anfrage div.weiter {
	float: left;
}
#anfrage div.weiter.right {
	float: right;
}
#anfrage div.weiter span {
	display: block;
	margin-left: 4px;
	margin-bottom: 1em;
}
div.contactform button {
	border: none;
	margin-bottom: 30px;
}
div.contactform button,
#anfrage div.weiter a {
	padding: 4px 8px;
	color: white;
	background-color: #86b531;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	position: relative;
	z-index: 0;
}
* html div.contactform button {
	padding-left: 0;
	padding-right: 0;
}
div.contactform button:hover,
#anfrage div.weiter a:hover {
	background-color: #91c435;
}
div.contactform button:active,
#anfrage div.weiter a:active {
	background-color: #91c435;
}
div.contactform button[disabled] {
	background-color: #bbb;
	cursor: default !important;
}

div.clear {
	height: 1px;
	font-size: 1px;
	margin-top: -1px;
	clear: both;
}

div.contactform {
	width: 400px;
	/*background-color: #eef;*/
	position: relative;
	z-index: 0;
}
div.contactform input,
div.contactform select
{
	border: solid #86b531 1px;
	font-size: 10px;
}
div.contactform input {
	width: 264px;
}
* html div.contactform input {
	width: 261px;
}
div.contactform select#m-anfrage-typ,
div.contactform select#m-kontakt-typ,
div.contactform select#k-anfrage-typ,
div.contactform select#k-kontakt-typ
{
	width: 389px;
	clear: both;
}
div.contactform div {
	padding: 5px;
	margin-bottom: 1px;
}
div.contactform input:after {
	content: '.';
	font-size: 1px;
	visibility: hidden;
	clear: both;
}
div.contactform label {
	display: block;
	float: left;
	width: 122px;
}
div.contactform .error-msg {
	float: left;
	color: red;
	background-color: #fee;
	border: solid red 1px;
	display: none;
	margin-top: 10px;
	width: 190px;
}
div.contactform .ajax-msg {
	border: solid #86b531 1px;
	background-color: #efe;
	display: none;
	float: left;
	margin-top: 10px;
	width: 190px;
}
div.contactform div.submit-container .ajax-msg.error {
	border: solid red 1px;
	background-color: #fee;
}

div.contactform button {
	float: right;
	margin-top: 10px;
	cursor: pointer;
}
div.contactform .error {
	background-color: #fee;
}
div.contactform .error input,
div.contactform .error select
{
	border: solid red 1px;
}
div.contactform .error label {
	color: red;
}
div.contactform img.ajax-loader {
height:32px;
margin-top:6px;
position:absolute;
right:-41px;
width:32px;
display: none;
}