/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
95 - titel1, titel2
93 - homelogin
90 - content
80 - logo
70 - stern2
40 - stern1
30 - header1
/ END assign styles menue */

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

.logo,
.content,
.htgrleft,
.stern1,
.stern2,
.stern3,
.header1,
.titel1,
.titel2,
.homelogin
{ position: absolute; }

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

.bold { 
	font-weight: bold;}
	
.color1 {
	color: #FFF;
	font-weight: bold;}
	
h1 { 
	font-size: 24px;
	color: #008fb3;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	line-height: 24px;}
	
h2 {
	font-size: 12px;
	color: #008fb3;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	line-height: 16px;}

h3,h4,h5,h6,pre,address {
	color:#FFF;}

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

.logo {
	top:0px;
	left:0px;
	z-index: 80;}
	
.htgrleft {
	top: 314px;
	left: 0px;}
	
.stern1 {
	top: 0px;
	left: 468px;
	z-index: 40;}
	
.stern2 {
	top: 168px;
	left: 368px;
	z-index: 70;}
	
.stern3 {
	top: 168px;
	left: 781px;}
	
.titel1 {
	top: 104px;
	left: 310px;
	z-index: 95;}
	
.titel2 {
	top: 142px;
	left: 310px;
	z-index: 95;}

.art_button { margin-top: 20px;} /* back & print-button in artikeln */

.showhand {
	cursor: pointer;}

.img1 { 
	margin:0px 0px 10px 0px;
	border:1px solid #a8c9e5;}
.img2 { 
	padding: 10px;
	margin:0px 0px 10px 0px;
	border:2px solid #a8c9e5;}
.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 {
	top: 230px;
	left: 37px;
	width: 688px;
	z-index: 90;}
.content1 {
	width: 258px;
	float: left;}
.content2 {
	width: 430px;
	float: left;}
	
.header1 {
	top: 0px;
	left: 0px;
	width: 780px;
	height: 168px;
	background-image: url(/img/e/basic/htgr_header1.gif);
	background-repeat: repeat-x;
	z-index: 30;}
	
.footer {
	width: 688px;}
.footer1 {
	width: 468px;
	height: 50px;
	margin: 30px 0px 0px 220px;
	background-image: url(/img/e/basic/htgr_footer.gif);
	background-repeat: no-repeat;}
.footer11 {
	width: 430px;
	padding: 16px 0px 0px 39px;}
.footer12 {
	width: 430px;
	margin: 0px 0px 0px 39px;
	padding: 0px 0px 0px 5px;}

	
.homelogin {
	top: 71px;
	left: 635px;
	width: 160px;
	z-index: 93;}
.homelogin1 {
	width: 150px;
	text-align: right;}
.homelogin2 {
	width: 160px;
	padding: 0px 0px 5px 0px;}
.homelogin21 {
	width: 68px;
	text-align: right;
	float: left;
	padding: 0px 10px 0px 0px;}
.homelogin22 {
	width: 92px;
	float: left;}
.homelogin3 {
	width: 160px;}

	
.nav {
	width: 181px;
	z-index: 85;
	margin: 53px 0px 0px 0px;
	border-top: 1px solid #008fb3;}
.nav1 {
	width: 181px;
	display: block;
	border-bottom: 1px solid #008fb3;}
.nav1 A:link, .nav1 A:visited, .nav1 A:active {
	width: 181px;
	color: #0e8dad;
	display: block;
	font-size:16px;
	color: #0e8dad;
	text-decoration:none;
	padding: 7px 0px 6px 20px;
	background-image: url(/img/e/basic/htgr_nav1.gif);
	background-repeat: no-repeat;}
.nav1 A:link:hover, .nav1 A:visited:hover {
	width: 181px;
	color: #000;
	font-size:16px;
	font-weight: bold;
	display: block;
	text-decoration:none;
	padding: 7px 0px 6px 20px;
	background-image: url(/img/e/basic/htgr_nav1_r.gif);
	background-repeat: no-repeat;}
.nav1active A:link, .nav1active A:visited, .nav1active A:active,
.nav1active A:link:hover, .nav1active A:visited:hover {
	width: 181px;
	color: #000;
	font-size:16px;
	font-weight: bold;
	display: block;
	text-decoration:none;
	background-image: url(/img/e/basic/htgr_nav1_r.gif);
	background-repeat: no-repeat;}

/********************************************************************* Standards */
	
.req { /* Kontakt-Form */
	width: 430px;}
.req1 { /* 1.Block */
	width: 215px;
	float: left;}
.req11 { /* Name + Formfeld */
	width: 200px;
	clear: both;}
.req111 { /* Name */
	width:90px;
	float: left;
	font-weight: bold;}
.req112 { /* Formfeld */
	width:110px;
	float: left;}
.req2 { /* 2.Block */
	width: 215px;
	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 */
	}


/* 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 { 
	font-size: 20px;
	color: #43516a;
	background-color: #FFF;
	display: block;
	height: 50px;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 24px;}
.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: #018FB3;
	font-weight: bold;
	color: #FFF;
	padding: 2px;} 
.showpic3 {/* Funktionen */
	background-color: #dce7f0;
	padding: 3px 10px 10px 10px;}
.showpic31 {/* Previous */
	background-color: #dce7f0;
	white-space: nowrap;}
.showpic32 {/* größer und schließen */
	background-color: #dce7f0;
	text-align:center;}
.showpic33 {/*Next */
	background-color: #dce7f0;
	text-align: right;
	white-space: nowrap;}

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

A:link, A:visited, A:active {color: #008fb3; text-decoration:underline;}
A:link:hover, A:visited:hover {color: #000; text-decoration:underline;}

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

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

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

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

p,form { margin:0px;}

hr {
	background-color: #008fb3;
	color: #008fb3;
	border: 0px;
	height: 1px;
	margin: 10px 0px 10px 0px;}

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

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

/* Fehlermeldung */
.alert {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	background-color: #C03;
	color: #FFF;}
.alert ul {
	margin: 0px 0px 0px 15px;}
.alert li {
	font-size: 11px;
	color: #FFF;}

/* Infomeldung */
.info {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	background-color: #390;
	color:#FFF;}
.info ul {
	margin: 0px 0px 0px 15px;}
.info li {
	font-size: 11px;
	color:#FFF;}

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