/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
102 - subnavhtgr
101 - logo
100 - content-start
99 - content1-start, content0
50 - header
/ END assign styles menue */

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

.logo,
.content-start,
.content1-start,
.content0,
.content0-frame2,
.headernav,
.header,
.infobox-start,
.catpic,
.testimonial,
.subnavhtgr
{ position: absolute; }

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

.salescopy {
	font-family: Tahoma, Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 100%;
	color: #005500;
	line-height: 130%; 
}

.small { 
	font-size: 80%;}

.bold { 
	font-weight: bold;}
	
.hinweis {
	color: #C03;
	font-weight: bold;}
	
.italic {
	font-style: italic;}
	
h1 { 
	font-size: 24px;
	font-weight: normal;
	line-height: 130%; 
	color: #FF6600;
	margin: 0px 0px 20px 0px;}
	
h2 { 
	font-size: 18px;
	font-weight: normal;
	line-height: 130%; 
	color: #666699;
	margin: 0px 0px 10px 0px;}

h3,h4,h5,h6,pre,address {
	line-height: 130%; 
	color:#333399;}

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

.logo { /* Logo */
	top:0px;
	left:728px;
	z-index: 501;}
	
.catpic { 
	top:172px;
	left:20px;}
	
.art_button { margin-top: 20px;} /* back & print-button in artikeln */

.showhand {
	cursor: pointer;}

.img1 { 
	padding: 5px;
	margin:0px 0px 10px 0px;
}
.img2 { 
	padding: 10px;
	margin:0px 0px 10px 0px;
	border:2px solid #999;}
.img1 p,.img2 p {
	font-size: 11px;
	color: #0033cc;}
.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 */

.content-start { /* Text */
	top: 353px;
	left: 760px;
	width: 180px;
	z-index: 100;}
.content1-start { /* Bilder */
	top: 138px;
	left: 20px;
	width: 960px;
	z-index: 99;}

.content0 {
	top: 172px;
	left: 185px;
	width: 800px;
	z-index: 99;}
.content {
	width: 800px;
	background-image: url(/img/e/basic/htgr_content.gif);
	background-repeat: repeat-y;}
.content1 {
	width: 530px;
	float: left;
	margin: 0px 32px 0px 0px;
	padding: 30px 0px 0px 30px;}

.content0-frame2 {
	top: 172px;
	left: 20px;
	width: 985px;
	z-index: 99;}
.content-frame2 {
	width: 985px;
	background-image: url(/img/e/basic/htgr_content-frame2.gif);
	background-repeat: repeat-y;}
.content1-frame2 {
	width: 695px;
	float: left;
	margin: 0px 32px 0px 0px;
	padding: 30px 0px 0px 30px;}

	
.infobox-start {
	top: 487px;
	left: 20px;
	width: 970px;}
.infobox1-start { /* Box */
	width:233px;
	float: left;
	background-color: #FFF;
	border-right: 1px solid #9c9d9f;
	margin: 0px 9px 0px 0px;}
.infobox {
	width:233px;
	float: left;}
.infobox1 { /* Box */
	width:233px;
	border-bottom: 1px solid #9c9d9f;
	margin: 0px 0px 8px 0px;}
.infobox11 { /* Bild */
	width:53px;}
.infobox12 { /* Text */
	width:180px;
	background-color: #FFF;
	padding: 4px 5px 0px 3px;}
.infobox12 p { /* Text */
	font-size: 11px;
	line-height: 13px;}
	
.headernav {
	top: 15px;
	left: 0px;
	width: 720px;
	font-weight: bold;
	text-align: right;}
	
.header {
	top: 40px;
	left: 20px;
	width: 960px;
	height: 132px;
	background-color: #FFF;
	z-index: 50;}
	
.testimonial {
	top: 427px;
	left: 20px;
	width: 165px;}
.testimonial2 {
	width: 160px;
	margin: 0px 0px -10px 0px;
	position: relative;
	top: -10px;}
.testimonial3 {
	width: 160px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
	font-size: 11px;
	line-height: 14px;}
.testimonial3 p {
	font-size: 11px;
	line-height: 14px;}
.testimonial4 {
	width: 150px;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 5px;
	font-size: 11px;
	line-height: 14px;}
	
.footer {
	width: 690px;
	margin: 0px 0px 50px 30px;}
	
.subnavhtgr {
	top: 118px;
	left: 25px;
	width: 950px;
	height:20px;
	background-color: #245aff;
	z-index: 102;}
	
.sitemap {
	width: 500px;}
.sitemap1 {
	width: 500px;
	border-bottom: 1px solid #9c9d9f;
	padding: 0px 0px 5px 0px;}
.sitemap11 {
	width: 120px;
	float: left;
	font-size: 14px;}
.sitemap12 {
	width: 380px;
	float: left;}
	

/********************************************************************* Standards */
	
.req { /* Kontakt-Form */
	width: 500px;}
.req1 { /* 1.Block */
	width: 250px;
	float: left;}
.req11 { /* Name + Formfeld */
	width: 230px;
	clear: both;}
.req111 { /* Name */
	width:90px;
	float: left;
	font-weight: bold;}
.req112 { /* Formfeld */
	width:130px;
	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: 600px;}
.nlt1 { /* 1.Block */
	width: 300px;
	float: left;}
.nlt11 { /* Name + Formfeld */
	width: 240px;
	clear: both;}
.nlt111 { /* Name */
	width:90px;
	float: left;
	font-weight: bold;}
.nlt112 { /* Formfeld */
	width:140px;
	float: left;}
.nlt2 { /* 2.Block */
	width: 300px;
	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:500px; margin: 0px 0px 5px 0px; border-bottom:2px solid #c1c3c4; padding:0px 0px 5px 0px; font-weight:bold;}
.news2	{width:500px;}
.news4	{font-weight: bold; padding: 10px 0px 0px 0px;} /* Pagenav-Buttons */


/* 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;}
	
.faq {} /* FAQ Liste */
.faq1 { /* FAQ Hauptgruppe */
	font-weight:bold;}
.faq2 { /* FAQ Untergruppe Rahmen */
	margin:5px 0px 20px 15px;
	border: 1px solid #aaa799;}
.faq21 { /* FAQ Untergruppe Text */
	margin:1px 1px 1px 1px;
	padding:2px 2px 2px 10px;
	background-color: #efeeeb;}
.faqpop { /* FAQ PopUp */
	padding:30px 30px 10px 30px;}
.faqpop1 { /* FAQ-PopUp Hauptgruppe */
	border-bottom: 1px solid #aaa799;
	margin:0px 0px 10px 0px;}
.faqpop2 { /* FAQ PopUp Titel */
	border-bottom: 1px solid #aaa799;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	font-weight: bold;}
.faqpop3 { /* FAQ PopUp Text */
	border-bottom: 1px solid #aaa799;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;}
	

.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;
	background-color: #FFF;}
.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;}
	

.suche {
	width: 600px;}
.suche1 {
	width: 600px;}
.suche11 {
	width: 200px;
	float: left;
	margin: 0px 0px 10px 0px;}
.suche111 {
	float: left;
	width: 60px;
	font-weight: bold;}
.suche112 {
	width: 110px;
	float: left;}

.suche-ergebnisse {
	width: 600px;}
.suche-ergebnisse1 {
	width: 600px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;}
.suche-ergebnisse11 {
	width: 300px;
	float: left;}
.suche-ergebnisse12 {
	width: 300px;
	float: right;
	text-align: right;}
.suche-ergebnisse2 { 
	width: 600px;
	margin: 0px 0px 10px 0px;}


.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: #999;
	font-weight: bold;
	color: #000;
	padding: 2px;} 
.showpic3 {/* Funktionen */
	background-color: #CCC;
	padding: 3px 10px 10px 10px;}
.showpic31 {/* Previous */
	background-color: #CCC;
	white-space: nowrap;}
.showpic32 {/* größer und schließen */
	background-color: #CCC;
	text-align:center;}
.showpic33 {/*Next */
	background-color: #CCC;
	text-align: right;
	white-space: nowrap;}

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

A:link, A:visited, A:active {color: #0000FF; text-decoration:underline; font-weight: bold;}
A:link:hover, A:visited:hover {color: #0000FF; text-decoration:none; font-weight: bold;}

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

.pagenav {
	font-size: 12px;
	font-weight: bold;}
pagenav-lst { /* Link */
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #C03;
	color:#FFF;}
a.pagenav-lst { /* Link */
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #C03;
	color:#FFF;}
span.pagenav-lst { /* aktiv */
   padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
   background-color: #FFF;
   color: #C03;
	border: 1px solid #C03;}
.pagenavtop { /* Seitenzahl oben */
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;}
.pagenavbottom { /* Seitenzahl unten */
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
.pagenav A:link, .pagenav A:visited, .pagenav A:active {color: #FFF; text-decoration:none;}
.pagenav A:link:hover, .pagenav A:visited:hover {color: #FFF; text-decoration:none;}

/*** Navigation Active ***/
.active A:link, .active A:visited, .active A:active {color: #ac2104; text-decoration:none;}
.active A:link:hover, .active A:visited:hover {color: #ac2104; text-decoration:none;}

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

BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Tahoma, Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	background-repeat: repeat-x;}

td,p,div {
	font-family: Tahoma, Georgia, Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	color: #003;
	line-height: 130%;}

p,form { margin:0px;}

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

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

.input1 { /* mit Abstand */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px #878787 solid;
	background-color: #FFF;
	margin-bottom:5px;}
	
.input2 { /* ohne Abstand */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px #878787 solid;
	background-color: #FFF;}
	
.select1 { /* mit Abstand */
	font-size: 12px;
	border: 1px #878787 solid;
	margin-bottom:5px;
	background-color: #FFF;}

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

.searchterm {
	background-color: #FF3;}
	
/* Fehlermeldung */
.tab_alert { width:100%; padding: 10px; margin-bottom: 10px;
	border: 1px #000 solid;
	background-color: #FFF;
	border: 1px solid #C03;
	color: #C00;}

.tab_alert li {color:#C00;}

.alert {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	background-color: #FFF;
	border: 1px solid #C03;
	color: #C00;}
.alert li {
	color: #C00;}

/* Infomeldung */
.info, .td1_tab_info {
	padding: 10px;
	margin: 0px 0px 20px 0px;
	background-color: #FFF;
	border: 1px solid #390;
	font-weight: bold;
	color:#390;}
.info li {
	color:#245aff;}

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

.treeNode {
	text-decoration: none; color: black; font: 8pt tahoma;
}