* {
	background-color: transparent;
	color: #000;
	margin: 0px;
	padding: 0px;
}

:focus {
	outline: 0;
}

html {
	background: #fff url(../img/bg_gitter.gif) 0 0 repeat;
}

body {
/*	background: transparent url(../img/bg_page.png) top center no-repeat;
	font: 75% Arial;
	line-height: 1.3;
	margin: 0px auto;
	padding: 0px 35px;
	width: 900px;*/
}

#wrapper {
	background: transparent url(../img/bg_page.png) top center no-repeat;
	font: 75% Arial;
	line-height: 1.3;
	margin: 0px auto;
	padding: 0px 35px;
	width: 900px;
}

img {
	border: 0;
}

#header {
	background: #fff url(../img/eisbaer_header.gif) right center no-repeat;
	display: block;
	height: 100px;
}

#header h1 a,
#home #header h1 {
	background: transparent url(../img/logo.gif) 0 0 no-repeat;
	display: block;
	height: 34px;
	text-indent: -10000px;
	width: 195px;
}

#header h1 {
	float: left;
	margin-left: 16px;
	margin-top: 31px;
}

#header h2 {
	display: none;
}

#header h3 {
	background: transparent url(../img/slogan.gif) 0 0 no-repeat;
	display: block;
	float: left;
	height: 19px;
	margin-left: 31px;
	margin-top: 50px;
	text-indent: -10000px;
	width: 273px;
}

#intro-wrapper {
	background: #D66716 url(../img/bg_intro.jpg) 0 0 repeat-y;
	display: block;
	height: 450px;
}

#intro {
	display: block;
	height: 450px;
}

#home #intro,
#aktuelles #intro {
	background: transparent url(../img/visual_home.jpg) 0 0 no-repeat;
}

#unternehmen #intro {
	background: transparent url(../img/visual_unternehmen.jpg) 0 0 no-repeat;
}

#heizung #intro {
	background: transparent url(../img/visual_heizung.jpg) 0 0 no-repeat;
}

#holzpellets #intro {
	background: transparent url(../img/visual_pellets.jpg) 0 0 no-repeat;
}

#solar #intro {
	background: transparent url(../img/visual_solar.jpg) 0 0 no-repeat;
}

#photovoltaik #intro {
	background: transparent url(../img/visual_photovoltaik.jpg) 0 0 no-repeat;
}

#kontakt #intro {
	background: transparent url(../img/visual_kontakt.jpg) 0 0 no-repeat;
}

#referenzen #intro {
	background: transparent url(../img/visual_referenzen.jpg) 0 0 no-repeat;
}

#dienstleistungen #intro {
	background: transparent url(../img/visual_dienstleistungen.jpg) 0 0 no-repeat;
}

#impressum #intro {
	background: transparent url(../img/visual_kontakt.jpg) 0 0 no-repeat;
}

#notdienst #intro {
	background: transparent url(../img/visual_notdienst.jpg) 0 0 no-repeat;
}

#home #introtext,
#aktuelles #introtext {
	display: block;
	width: 450px;
	height: 450px;
	float: right;
	padding: 0px !important;
}

#introtext {
	display: block;
	width: 410px;
	height: 410px;
	padding: 20px;
	float: right;
}

#introtext h2 {
	color: #fff;
	font-size: 1.7em;
	margin-bottom: 0.5em;
}

#introtext h3 {
	color: #fff;
	font-size: 1.4em;
	margin-bottom: 0.5em;
}

#introtext p,
#introtext ul {
	color: #fff;
	font-size: 1.3em;
	margin-bottom: 1em;
}

#introtext form input {
	background-color: #fff;
	margin-bottom: 0.5em;
	width: 275px;
}

#introtext ul {
	list-style: none;
}

#introtext img {
	margin-left: 133px;
}

#introtext a,
#introtext ul li a {
	color: #fff;
}

#home #introtext h2,
#aktuelles #introtext h2 {
	display: none;
}

#home #introtext ul,
#aktuelles #introtext ul {
	list-style: none;
	font-size: 1em !important;
}

#home #introtext ul li,
#aktuelles #introtext ul li {
	float: left;
}

#home #introtext ul li a,
#aktuelles #introtext ul li a {
	display: block;
	width: 215px;
	height: 220px;
	color: #fff;
	text-decoration: none;
	padding: 5px 0px 0px 10px;
}

#home #introtext ul li#nav_heizung a,
#aktuelles #introtext ul li#nav_heizung a {
	background: transparent url(../img/nav_heizung.jpg) left top no-repeat;
}

#home #introtext ul li#nav_pellets a,
#aktuelles #introtext ul li#nav_pellets a {
	background: transparent url(../img/nav_pellets.jpg) 0 0 no-repeat;
}

#home #introtext ul li#nav_solar a,
#aktuelles #introtext ul li#nav_solar a {
	background: transparent url(../img/nav_solar.jpg) 0 0 no-repeat;
}

#home #introtext ul li#nav_photovoltaik a,
#aktuelles #introtext ul li#nav_photovoltaik a {
	background: transparent url(../img/nav_photovoltaik.jpg) 0 0 no-repeat;
}

#home #introtext ul li#nav_heizung a:hover,
#home #introtext ul li#nav_pellets a:hover,
#home #introtext ul li#nav_solar a:hover,
#home #introtext ul li#nav_photovoltaik a:hover,
#aktuelles #introtext ul li#nav_heizung a:hover,
#aktuelles #introtext ul li#nav_pellets a:hover,
#aktuelles #introtext ul li#nav_solar a:hover,
#aktuelles #introtext ul li#nav_photovoltaik a:hover {
	background-position: left bottom;
}

#navi {
	display: block;
	width: 225px;
	height: 225px;
	background: transparent url(../img/bg_navi.jpg) 0 0 repeat-y;
	float: left;
}

#navi ul {
	list-style: none;
}

#navi ul li {
	margin-bottom: 1px;
}

#navi ul li a {
	display: block;
	color: #fff;
	background-color: #E9AA01;
	padding: 5px 10px;
	text-decoration: none;
}

#navi ul li a:hover {
	display: block;
	background-color: #E29009;
	padding: 5px 10px;
	text-decoration: none;
}

#navi ul li ul {
	margin: 5px 0px;
}

#navi ul li li a {
	display: block;
	color: #fff;
	background-color: transparent;
	padding: 2px 15px;
	text-decoration: none;
	font-size: 0.9em;
}

#navi ul li li a:hover {
	display: block;
	color: #eee;
	background-color: transparent;
	padding: 2px 15px;
	text-decoration: none;
}

#content-wrapper {
	background: transparent url(../img/bg_content.gif) 0 0 repeat-y;
}

#content {
	width: 675px;
	float: left;
	background: #E9AA01 url(../img/eisbaer.png) 20px bottom no-repeat;
}

#content div#sidebar {
	display: block;
	width: 225px;
	height: 300px;
	background: transparent url(../img/bg_sidebar.png) 0 0 no-repeat;
	float: left;
/*	padding: 10px;*/
}

#content div#sidebar p {
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
}

#content p#notdienst a {
	display: block;
	background: transparent url(../img/bg_notdienst.png) 0 0 no-repeat;
	width: 225px;
	height: 100px;
	text-indent: -10000px;
}

#content p#notdienst a:hover {
	background: transparent url(../img/bg_notdienst_h.png) 0 0 no-repeat;
}

#content p#feuerlounge a {
	display: block;
	background: transparent url(../img/bg_feuerlounge.png) 0 0 no-repeat;
	width: 225px;
	height: 139px;
	text-indent: -10000px;
}

#content p#feuerlounge a:hover {
	background: transparent url(../img/bg_feuerlounge_h.png) 0 0 no-repeat;
}

#content #sidebar #termine {
	padding: 10px;
}

#content #sidebar #termine h3 {
	color: #fff;
	margin-bottom: 10px;
}

#content #sidebar #termine ul {
	list-style: none;
}

#content #sidebar #termine ul li {
	margin-bottom: 5px;
}

#content #sidebar #termine ul li a {
	text-decoration: none;
}

#content #sidebar #termine ul li a:hover,
#content #sidebar #termine ul li a:hover strong {
	color: #00509D;
}

#maincontent {
	display: block;
	background-color: #fff;
	width: 410px;
	float: left;
	padding: 15px 20px;
}

#maincontent a {
	color: #000;
}

#maincontent a:hover {
	color: #D66716;
}

#maincontent h2 {
	color: #00509d;
	font-size: 1.2em;
	margin-top: 2em;
}

#maincontent h2 a,
#maincontent h2 a:hover {
	color: #00509d;
}

#maincontent h3 {
	font-size: 1.1em;
	margin-bottom: 1em;
	margin-top: 2em;
}

#maincontent h3 a:hover {
	color: #000;
}

#maincontent h2.first,
#maincontent h3.first {
	margin-top: 0em;
}

#maincontent p {
	margin-bottom: 1em;
}

#maincontent p.error {
	padding: 1em;
	border: solid 1px #f00;
}

#maincontent ul {
	margin-bottom: 1em;
	margin-left: 15px;
}

#maincontent ul li {
	margin-bottom: 0.5em;
}

#maincontent ul.info,
#maincontent ul.contact {
	margin-top: 1.5em;
	margin-bottom: 1em;
	list-style: none;
	margin-left: 0px;
}

#maincontent ul.contact li a {
	display: block;
	padding: 1em 1em 1em 105px;
	color: #00509d;
	text-decoration: none;
	background: transparent url(../img/kontaktbaer.gif) left center no-repeat;
}

#maincontent ul.contact li a:hover {
	font-weight: bold;
}

#maincontent ul.info li a {
	display: block;
	line-height: 16px;
	padding-left: 20px;
	margin-bottom: 0.5em;
}

#maincontent ul.info li.pdf a {
	background: transparent url(../img/icon_pdf.png) left center no-repeat;
}

#maincontent ul.info li.link a {
	background: transparent url(../img/icon_link.png) left center no-repeat;
}

#maincontent ul.referenzen {
	list-style: none;
	margin-left: 0px;
}

#maincontent ul.referenzen li {
	float: left;
	margin-bottom: 10px;
}

#maincontent ul.referenzen li.hide {
	display: none;
}

#maincontent ul.referenzen li span {
    display: block;
}

#maincontent ul.referenzen li img {
    display: block;
	border: solid 1px #00509d;
	margin-right: 20px;
}

#maincontent ul.anwendungsbeispiele {
	list-style: none;
	margin-left: 0px;
}

#maincontent ul.anwendungsbeispiele li {
	float: left;
	margin-bottom: 20px;
}

#maincontent ul.anwendungsbeispiele li img {
	border: solid 1px #00509d;
	margin-right: 20px;
}

div.map {
	width: 410px;
	height: 600px;
	margin-bottom: 20px;
}

/* news */
#home #maincontent .hentry {
	margin-bottom: 2em;
}

/* mitarbeiter */
#maincontent ul.vcard {
	list-style: none;
	margin-left: 0px;
	display: block;
	width: 205px;
	float: left;
	margin-top: 1.5em;
}

#maincontent .vcard li {
	display: none;
}

#maincontent .vcard li.foto,
#maincontent .vcard li.fn,
#maincontent .vcard li.role {
	display: block;
}

img.blueborder {
	border: solid 1px #00509d;
}

a:hover img.blueborder {
	border: solid 1px #E9AA01;
}

#maincontent .vcard li.fn {
	font-weight: bold;
}

#maincontent table tr td {
	padding: 1px 5px;
	vertical-align: top;
}

/* zusatzleiste rechts */
#extrainfo {
	display: block;
	width: 225px;
	float: left;
}

/*#extrainfo #newsletter {
	display: block;
	padding: 15px 20px;
	background: #fff url(../img/bg_extrainfo.gif) 0 0 repeat-y;
	height: 195px;
}*/

#extrainfo .newsletter {
	display: block;
	padding: 15px 20px;
	background: #fff url(../img/bg_extrainfo.gif) 0 0 repeat-y;
/*	height: 195px;*/
}

#extrainfo .container_white {
	display: block;
	padding: 15px 20px;
	background: #fff url(../img/bg_extrainfo.gif) 0 0 repeat-y;
	border-top: dashed 1px #eee;
}

#extrainfo .container_white a {
	display: block;
	margin-bottom: 5px;
}

#extrainfo .container {
	display: block;
	padding: 15px 20px;
	background: #fff url(../img/bg_extrainfo_container.gif) 0 0 no-repeat;
	height: 83px;
	border-bottom: solid 1px #eee;
}

#extrainfo #kontakt {
	background: #fff url(../img/bg_extrainfo_kontakt.jpg) 0 0 no-repeat;
}

#extrainfo h3 {
	color: #00509d;
	font-size: 1.1em;
	margin-bottom: 1em;
}

#extrainfo p {
	margin-bottom: 0.5em;
}

#extrainfo p a {
	text-decoration: none;
}

#extrainfo p a:hover {
	color: #00509d;
}

#extrainfo #kontakt h3 {
	color: #F0AA00;
}

#extrainfo #kontakt p a,
#extrainfo #kontakt p a:hover {
	color: #fff;
}

/*.container a img,
.container_white a img {
	border: 0px;
}*/

/* formular */
fieldset {
	border: none;
	margin-bottom: 1.5em;
}

fieldset legend {
	font-weight: bold;
	color: #00509d;
	margin-bottom: 1em;
}

fieldset table tr td {
	padding: 1px 5px;
}

input.button {
	background-color: #ccc !important;
	width: auto !important;
}

textarea {
	width: 350px;
}

label.required {
	padding-right: 16px;
	background: transparent url(../img/icon_required.gif) center right no-repeat;
}
/* Fuss */
#footer {
	background-color: #E9AA01;
	padding-left: 245px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 430px;
}

#footer ul {
	list-style: none;
}

#footer ul li {
	display: inline;
	color: #fff;
	font-size: 0.9em;
	margin-right: 10px;
}

#footer ul li a {
	color: #fff;
}

#footer ul li.stereobrand {
	float: right;
	margin-top: 0px;
	display: block;
	width: 15px;
	height: 15px;
	margin-right: 15px;
}

#footer ul li.stereobrand a {
	display: block;
	width: 15px;
	height: 15px;
	background: transparent url(../img/logo_stereobrand.gif) 0 0 no-repeat;
	text-indent: -10000px;
}

/* ClearFix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */