/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
101 - logo
100 - headtitel, skyscraper-top
99 - headernav
97 - head
96 - homelogin
90 - content3
63 - content32-FR2
60 - content4
10 - ofen
/ END assign styles menue */

/********************************************************************* Position */

.logo,
.energetec,
.homelogin,
.headtitel,
.head,
.content1,
.content2,
.content2-FR2,
.content3,
.headernav,
.lang,
.ofen,
#skyscraper-top,
#skyscraper
{ position: absolute; }

/********************************************************************* Text */

.bold { 
	font-weight: bold;
	color: #000;}
	
.color1 {
	font-weight: bold;
	color: #b22a29;}
	
h1 { 
	font-size: 16px;
	font-weight: bolder;
	color: #999;
	text-transform: uppercase;
	margin:0px 0px 10px 0px;
	line-height: 24px;}
	
h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #CC9966;
	margin:0px 0px 10px 0px;}
	
h3,h4,h5,h6,address {
	color:#FFF;}

/********************************************************************* Bilder */

.logo { /* Logo */
	top:55px;
	left:100px;
	z-index: 101;}
	
.energetec { /* Logo */
	top:80px;
	left:645px;
	z-index: 101;}
	
.headtitel { /* titel */
	top:65px;
	left:90px;
	z-index: 100;}
	
.ofen {
	left: 550px;
	z-index: 10;}
	
.art_button { margin-top: 20px;} /* back & print-button in artikeln */

.showhand {
	cursor: pointer;}

.img1 { 
	padding: 2px;
	margin:0px 0px 10px 0px;
	border:1px solid #FFF;
	text-align: center;}
.img-right { 
	margin:0px 0px 10px 10px;
	float: right;}
.img-left { 
	margin:0px 10px 10px 0px;
	float: left;}
.img-normal { 
	margin:0px 10px 10px 0px;
	text-align: center;}

/********************************************************************* Content */

.homelogin { /* homelogin */
	top: 0px;
	left: 50px;
	width: 800px;
	height: 40px;
	background-color: #b6b6b6;
	padding: 5px;
	z-index: 96;}
.homelogin1 { /* homelogin einzeln */
	float: left;
	padding: 3px}

.head { /* headbereich */
	top: 40px;
	left: 51px;
	width: 799px;
	height: 75px;
	background-color: #FFF;
	z-index: 97;}
.head1 { /* headbereich - links */
	width: 13px;
	background-image: url(/img/e/basic/vr_lo_gr.gif);
	background-repeat: no-repeat;
	float: left;}
.head2 { /* headbereich - mitte */
	width: 773px;
	float: left;}
.head3 { /* headbereich - rechts */
	width: 13px;
	background-image: url(/img/e/basic/vr_ro_gr.gif);
	background-repeat: no-repeat;
	float: left;}
	
.headernav {
	top: 45px;
	left: 440px;
	width: 400px;
	color: #000;
	font-size: 11px;
	text-align: right;
	z-index: 99;}
	
.content2 { /* links */
	top: 110px;
	left: 52px;
	width: 195px;}
.content21 {
	padding: 0px 0px 10px 17px;
	margin: 0px 0px 0px 0px;
	border-bottom: 1px solid #FFF;}
	
.content3 { /* Inhalt */
	top: 145px;
	left: 290px;
	width: 500px;
	z-index:90;}
.content31 {
	position: relative;}
.content32-FR2 { /* Bild unten + Ofen */
	margin: 30px 0px -250px 0px;
	position: relative;
	top: -250px;}
.content321-FR2 { /* Ofen */
	text-align: right;
	position: relative;
	left: 22px;}
.content322-FR2 { /* Bild unten */
	}
	
.slideshow {
	position: relative;
	top: -30px;
	left: -40px;
	margin: 0px 0px 0px 0px;
	background-color: #999;
	width: 600px;}
.slideshow2 {
	width: 530px;
	margin:5px 0px 7px 40px;}
.slideshow21 {
	float: left;
	width: 470px;}
.slideshow211 {
	color: #FFF;
	font-weight: bold;}
.slideshow212 {
	color: #FFF;}
.slideshow22 {
	float: left;
	width: 60px;
	color: #FFF;
	margin:5px 0px 0px 0px;}
.slideshow221 {
	float: left;
	width: 10px;}
.slideshow222 {
	float: left;
	color:#FFF;
	width: 40px;
	font-size: 11px;
	text-align: center;
	margin:0px 0px 0px 0px;}
.slideshow223 {
	float: left;
	width: 10px;}
	
#skyscraper-top {
	top:0px;
	left:505px;
	width:355px;
	z-index:100;
	}
#skyscraper {
	top:0px;
	left:860px;
	width:121px;
	}
#skyscraper-2 {
	width:121px;
	padding:15px 0px 15px 13px;
	}
#skyscraper-21 {
	width:33px;
	float:left;
	margin:0px 0px 6px 0px;
	}
#skyscraper-3 {
	display:block;
	text-align:center;
	font-size:30px;	
	color:#FFF;
	}
#skyscraper-4 {
	margin:12px 0px 0px 0px;
	}
	

.auktion {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;}
.auktion1 {
	background-color: #513d3f;
	color: #FFF;
	font-weight: bold;
	text-align: center;}
.auktion2 {
	text-align: center;
	font-size:11px;
	line-height: 14px;
	border: 2px solid #FFF;
	padding: 3px 3px 3px 3px;}
.auktion3 {
	text-align: center;
	font-size:11px;
	color: #FFF;
	line-height: 14px;
	border: 2px solid #FFF;
	padding: 3px 3px 3px 3px;
	background-color: #b22a29;}
	

.lang {
	top: 115px;
	left: 18px;}
.lang1 {}
	
	
.first_invoke { /* DIVs auf Startseite für Bildershow */
	display:none;}
	
	
.list { /* z.B. Anfrageliste Händlerbereich */
	width: 500px;
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;}
.list1 {
	background-color: #513d3f;
	color: #FFF;
	font-weight: bold;
	text-align: center;}
.list2 {
	text-align: center;
	font-size:11px;
	line-height: 14px;
	border: 2px solid #FFF;}
.list3 {
	text-align: center;
	font-size:11px;
	line-height: 14px;
	border: 2px solid #FFF;
	background-color: #d1ccbb;}
.list5 {
	width: 500px;
	border-bottom: 2px solid #FFF;
	margin:0px 0px 10px 0px;}
.list51 {
	float: left;}
.list52 {
	float: right;}
	
.ssp {}
.ssp1 {
	border: 1px solid #FFF;
	border-collapse: collapse;
	padding: 5px;
	background-color: #b5b0a2;
	font-weight: bold;}
.ssp2 {
	border: 1px solid #FFF;
	border-collapse: collapse;
	padding: 5px 5px 20px 5px;
	background-color: #d6d0bf;}
	
.nav1 { /* Hauptnavigation */
	display:block;
	font-weight: bold;
	background-color:#999;
	color:#FFF;
	padding: 3px 3px 3px 20px;}
.nav11 { /* Hauptpunkt */
	border-bottom: 1px solid #FFF;}
.nav111 { /* Hauptpunkt BILD */
	padding: 0px;}
.nav12 { /* Unterpunkt */
	border-bottom: 1px solid #FFF;
	font-weight: normal;
	font-size: 11px;
	padding: 3px 3px 3px 35px;
	background-color: #6f6d6c;
	background-image: url(/img/e/basic/htgr_shop_pfeil.gif);
	background-repeat: no-repeat;}
.nav121 { /* Unterpunkt BILD */
	padding: 0px;}
.nav13 { /* Hauptpunkt Shop / eigentlich Unterpunkt */
	border-bottom: 1px solid #FFF;}

.active { 
	background-color:#900;}
	
a.nav11:link, a.nav11:visited, a.nav11:active {color:#FFF; text-decoration:none;}
a.nav11:hover {color:#FFF; text-decoration:none; background-color:#900;}

a.nav12:link, a.nav12:visited, a.nav12:active {color:#FFF; text-decoration:none;}
a.nav12:hover {color:#FFF; text-decoration:none; background-color:#900;}

a.nav13:link, a.nav13:visited, a.nav13:active {color:#FFF; text-decoration:none;}
a.nav13:hover {color:#FFF; text-decoration:none; background-color:#900;}

a.active:link, a.active:visited, a.active:active {color:#FFF; text-decoration:none;}
a.active:hover {color:#FFF; text-decoration:none; background-color:#900;}

	


.req { /* Kontakt-Form */
	width: 500px;}
.req1 { /* 1.Block */
	width: 250px;
	float: left;}
.req11 { /* Name + Formfeld */
	width: 250px;
	clear: both;}
.req111 { /* Name */
	width:90px;
	float: left;
	font-weight: bold;}
.req112 { /* Formfeld */
	width:140px;
	float: left;}
.req2 { /* 2.Block */
	width: 250px;
	float: left;}
.req3 { /* Extra & Absenden */
	border-top: 2px solid #FFF;
	padding: 10px 0px 0px 0px;}
.req31 { /* Extra */
	float: left;}
.req32 { /* Absenden */
	float: right;}
.req4 { /* Einfacher Block mit Abstand */
	margin: 20px 0px 0px 0px;}
.req41 { /* Einfacher Block Überschrift */
	font-weight: bold;}
.req42 { /* Einfacher Block Inhalt */
	}


.nlt { /* Newsletter-Form */
	width: 500px;}
.nlt1 { /* 1.Block */
	width: 250px;
	float: left;}
.nlt11 { /* Name + Formfeld */
	width: 250px;
	clear: both;}
.nlt111 { /* Name */
	width:90px;
	float: left;
	font-weight: bold;}
.nlt112 { /* Formfeld */
	width:140px;
	float: left;}
.nlt2 { /* 2.Block */
	width: 250px;
	float: left;}
.nlt3 { /* Extra & Absenden */
	border-top: 2px solid #FFF;
	padding: 10px 0px 0px 0px;}
.nlt31 { /* Extra */
	float: left;
	font-weight: bold;}
.nlt32 { /* Absenden */
	float: right;}
.nlt4 { /* Einfacher Block mit Abstand */
	margin: 20px 0px 0px 0px;}
.nlt41 { /* Einfacher Block Überschrift */
	font-weight: bold;}
.nlt42 { /* Einfacher Block Inhalt */
	}
	

.news {width:500px;}/* News-List */
.news1 {width:75px; margin: 0px 0px 5px 0px; font-weight:bold; float: left;} /* Datum */
.news2 {width:425px; margin: 0px 0px 5px 0px; float: left; } /* Titel */
.news4 {font-weight: bold; padding: 20px 0px 0px 0px;} /* Pagenav-Buttons */
.news6 {width:100px; margin: 0px 0px 5px 0px; font-weight:bold; float: left;} /* Datum Presse-Archiv */
.news7 {width:400px; margin: 0px 0px 5px 0px; float: left; } /* Titel Presse-Archiv */

/* Login-Form */
.login {}
.login1 {
	width: 300px;
	margin: 0px 0px 10px 0px;}
.login11 {
	width: 100px;
	float: left;
	font-weight: bold;}
.login12 {
	width: 200px;
	float: left;}
.login2 {
	margin: 10px 0px 0px 0px;
	width: 300px;
	text-align: right;}


.abovoucher { /* Abocenter-Voucherform */
	width:100%;	background-color:#757a7e;	padding: 3px 3px 3px 3px;}
.abovoucher1 { /* Text & Input */
	float: left; color: #FFF; font-weight:bold; padding: 0px 0px 0px 10px;}
.abovoucher2 { /* Button */
	float: right;}

.abocenter { /* Abocenter-Form */
	width:100%; margin: 20px 0px 0px 0px;}
.abocenter1 {
	font-weight:bold;}
.abocenter2 {
	margin: 0px 0px 20px 0px;}

/* Showart */
.showart {
	padding: 30px;}
.showart h1 {
	margin: 0px 0px 20px 0px;
	text-transform: uppercase;
	background-color: #FFF;
	color: #000;
	width: 90%;
	font-weight: bold;}
.showart p {
	color:#000;}
.logo-showart {
	margin: 30px 0px 0px 30px;}

/* Showpic */
.showpic {}
.showpic1 {/* Bild mit Copyright */
	background-color: #FFF;
	padding: 2px;
	font-size: 11px;
	color: #000;} 
.showpic2 {/* Bildkommentar */
	background-color: #757a7e;
	color: #FFF;
	font-weight: bold;
	padding: 2px;} 
.showpic3 {/* Links */
	background-color: #FFF;
	padding: 5px;}
	
.faq {} /* FAQ Liste */
.faq1 { /* FAQ Hauptgruppe */
	font-weight:bold;
	margin:5px 0px 3px 0px;}
.faq2 { /* FAQ Untergruppe */
	margin:1px 0px 0px 0px;
	padding:0px 5px 3px 5px;}
.faqpop { /* FAQ PopUp */
	padding:20px 20px 10px 20px;}
.faqpop1 { /* FAQ-PopUp Hauptgruppe */
	margin:0px 0px 0px 0px;
	border-bottom: 2px solid #FFF;}
.faqpop2 { /* FAQ PopUp Titel */
	padding: 3px 5px 3px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #999;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;}
.faqpop3 { /* FAQ PopUp Text */
	background-color: #FFF;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 10px;}

.lexikon1 {
	margin: 20px 0px 20px 0px;
	border: 1px solid #FFF;
	padding: 2px 5px 2px 5px;
	font-weight: bold;}
.lexikon2 {
	margin:1px 0px 0px 0px;
	padding:0px 5px 3px 5px;}
.lexikon3 {
	margin: 20px 0px 0px 0px;}
.lexikon4 {
	padding: 3px 5px 3px 10px;
	margin: 0px 0px 10px 0px;
	background-color: #999;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;}
.lexikonpop { /* Lexikon PopUp */
	padding:20px 20px 10px 20px;}
.lexikonpop1 {
	margin:0px 0px 0px 0px;
	border-bottom: 2px solid #FFF;}
.lexikonpop2 { 
	padding: 3px 5px 3px 10px;
	margin: 0px 0px 0px 0px;
	background-color: #999;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;}
.lexikonpop3 { 
	background-color: #FFF;
	margin:0px 0px 10px 0px;
	padding:10px 10px 10px 10px;}

/********************************************************************* Link */

A:link, A:visited, A:active {color:#900; text-decoration:underline;}
A:hover {color:#900; text-decoration:none;}

.promoblock4 A:link, .promoblock4 A:visited, .promoblock4 A:active {color:#FFF; text-decoration:none;}
.promoblock4 A:hover {color:#FFF; text-decoration:underline;}

.prodet31 A:link, .prodet31 A:visited, .prodet32 A:active {color:#FFF; text-decoration:none;}
.prodet31 A:hover {color:#FFF; text-decoration:underline;}

.prodet32 A:link, .prodet32 A:visited, .prodet32 A:active {color:#FFF; text-decoration:none;}
.prodet32 A:hover {color:#FFF; text-decoration:underline;}

.pronav A:link, .pronav A:visited, .pronav A:active {color:#FFF; text-decoration:none;}
.pronav A:hover {color:#FFF; text-decoration:none;}

.headernav A:link, .headernav A:visited, .headernav A:active {color:#000; text-decoration:none;}
.headernav A:hover {color:#900; text-decoration:underline;}

.homelogin1 A:link, .homelogin1 A:visited, .homelogin1 A:active {color:#FFF; text-decoration:underline;}
.homelogin1 A:hover {color:#FFF; text-decoration:none;}

.content233 A:link, .content233 A:visited, .content233 A:active {color:#72696a; text-decoration:none;}
.content233 A:hover {color:#72696a; text-decoration:underline;}

.list1 A:link, .list1 A:visited, .list1 A:active {color:#FFF; text-decoration:underline;}
.list1 A:hover {color:#FFF; text-decoration:none;}

/********************************************************************* Global 2 */

BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-y;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}

td,p,div {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 18px; }

p,form { margin:0px;}

hr {
	height: 2px;
	color: #FFF;
	background-color: #FFF;
	margin: 10px 0px 10px 0px;
	border: 0px;}

.button1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #b22a29;
	color: #FFF;
	border: 0px;}

.input1 { /* mit Abstand */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px #878787 solid;
	background-color: #f0f0f0;
	margin-bottom:5px;
	background-image: url(/img/e/basic/htgr_input.gif);
	background-repeat: no-repeat;}
	
.input2 { /* ohne Abstand */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px #878787 solid;
	background-color: #f0f0f0;
	background-image: url(/img/e/basic/htgr_input.gif);
	background-repeat: no-repeat;}
	
.select1 { /* mit Abstand */
	font-size: 11px;
	border: 1px #878787 solid;
	margin-bottom:5px;
	background-color: #f0f0f0;}

.select2 { /* ohne Abstand */
	font-size: 11px;
	border: 1px #878787 solid;
	background-color: #f0f0f0;}

.searchterm {
	background-color: #FF3;}
	
/* Fehlermeldung */
.alert {
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin-bottom: 20px;
	background-color: #FFF;
	color: #C00;
	font-size: 11px;
	border: 1px solid #C00;
	font-weight: bold;}
.alert li {
	color: #C00;}

/* Infomeldung */
.info {
	width:100%;
	padding: 5px 5px 5px 5px;
	margin-bottom: 20px;
	background-color: #FFF;
	color:#390;
	font-size: 11px;
	border: 1px solid #390;
	font-weight: bold;}
.info li {
	color:#390;}

ul {
	margin-top: 0px;
	margin-bottom: 0px;}
li {
	color: #333;}