/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
95 - suche
90 - content, logo
85 - headernav, homebasket
76 - content0
75 - schwert
70 - homelogin
40 - header1, header2
/ END assign styles menue */

/********************************************************************* Position */

.content,
.claim,
.logo,
.content0,
.content1,
.content2,
.header1,
.header2,
.headernav,
.headernav-FR1,
.suchehome,
.homelogin,
.homebasket,
.schwert {
	position: absolute;}

/********************************************************************* Text */

.bold { 
	font-weight: bold;}
	
h1 { 
	font-size: 24px;
	color: #e18606;
	margin: 0px 0px 20px 0px;
	line-height: 24px;}
	
h2 { 
	font-size: 16px;
	color: #e18606;
	line-height: 24px;
	margin: 0px 0px 5px 0px;}

h3 { 
	font-size: 16px;
	color: #000;
	line-height: 24px;
	margin: 0px 0px 5px 0px;}

h4,h5,h6,pre,address {
	color:#FFF;}

/********************************************************************* Bilder */

.logo {
	top: 8px;
	left:32px;
	z-index: 90;}
	
.claim {
	top: 25px;
	left:500px;
	width:400px;
	text-align:right;
	z-index: 90;}
	
.header1 {
	top: 0px;
	left: 0px;
	z-index: 40;}
	
.header2 {
	top: 173px;
	left: 0px;
	z-index: 40;}
	
.schwert {
	top: px;
	left: 438px;
	z-index: 75;}

.art-button { /* back & print-button in artikeln */
	font-size: 11px;
	padding: 5px 0px 0px 0px;
	margin: 20px 0px 0px 0px;} 

.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: #s3cc;}
.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 */

.content1 {
	top: 160px;
	left: 40px;
	width: 180px;}
	
.content2 {
	top: 190px;
	left: 230px;
	width: 640px;}
.content2-FR2 {
	top: 560px;}
.content0 {
	top:136px;
	left: 195px;
	width: 704px;
	z-index:76;}
	
.footer {
	width: 640px;
	border-top: 1px solid #000;
	padding: 10px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	text-align: center;
	color: #000;}
	
.suchehome {
	top: 73px;
	left: 230px;
	width: 200px;
	z-index: 95;}
.suchehome1 {
	color:#fbb800;}
	
.homelogin {
	top: 30px;
	left: 560px;
	width: 399px;
	z-index: 70;}
.homelogin1 {
	width: 133px;
	float: left;}
.homelogin2 {
	width: 133px;
	float: left;}
.homelogin4 {
	width: 325px;}
.homelogin5 {}

.homebasket {
	top: 136px;
	left: 553px;
	width: 346px;
	height: 36px;
	background-image: url(/img/e/basic/htgr_basket_home.gif);
	background-repeat: no-repeat;
	text-align: right;
	z-index: 85;}
.homebasket-FR2 {
	background-image: url(/img/e/basic/htgr_basket_home_FR2.gif);}
.homebasket1 {
	width: 305px;
	font-size: 11px;
	float: left;
	padding: 3px 0px 0px 0px;}
.homebasket2 {
	width: 41px;
	float: left;
	position: relative;
	top: -8px;
	padding: 0px 5px 0px 0px;}
	
/********************************************************************* Standards */
	
.req { /* Kontakt-Form */
	width: 640px;}
.req1 { /* 1.Block */
	width: 320px;
	float: left;}
.req11 { /* Name + Formfeld */
	width: 300px;
	margin: 0px 0px 5px 0px;
	clear: both;}
.req111 { /* Name */
	width:90px;
	float: left;
	font-weight: bold;}
.req112 { /* Formfeld */
	width:210px;
	float: left;}
.req2 { /* 2.Block */
	width: 320px;
	float: left;}
.req3 { /* Extra & Absenden */
	padding: 10px 0px 0px 0px;}
.req31 { /* Extra */
	float: left;}
.req32 { /* Absenden */
	float: right;}
.req4 {}
.req41 { /* Einfacher Block Überschrift */
	font-weight: bold;}
.req42 { /* Einfacher Block Inhalt */
	}


.nlt { /* Newsletter-Form */
	width: 640px;}
.nlt1 { /* 1.Block */
	width: 320px;
	float: left;}
.nlt11 { /* Name + Formfeld */
	width: 300px;
	clear: both;
	margin: 0px 0px 5px 0px;}
.nlt111 { /* Name */
	width:90px;
	float: left;
	font-weight: bold;}
.nlt112 { /* Formfeld */
	width:210px;
	float: left;}
.nlt2 { /* 2.Block */
	width: 320px;
	float: left;}
.nlt3 { /* Extra & Absenden */
	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 */
	}
	
.faq {
	width: 336px;}
.faq1 {
	width: 336px;
	font-weight: bold;
	border-bottom: 1px solid #B4C6D9;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;}
.faq2 {
	width: 316px;
	margin: 0px 0px 5px 20px;}
.faq22 {
	width: 316px;
	border: 1px solid #B4C6D9;
	background-color: #DFE9F4;
	padding: 10px;
	margin: 10px 0px 10px 0px;}
	
.suche {
	width: 640px;
	border-bottom: 1px solid #000;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;}
.suche1 {
	width: 100px;
	float: left;}
.suche2 {
	width: 540px;
	float: left;}

/* 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 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: #d19d2a;
	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: #af710b; font-weight:bold; text-decoration:underline;}
A:link:hover, A:visited:hover { color: #000; font-weight:bold; text-decoration:underline;}

.headernav A:link, .headernav A:visited, .headernav A:active {	color: #fbb800; font-weight:bold; text-decoration:none;}
.headernav A:link:hover, .headernav A:visited:hover { color: #fbb800; font-weight:bold; text-decoration:underline;}

.pagenav-lst {
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #af710b;
	border: 1px solid #af710b;
	color:#FFF;}
a.pagenav-lst {
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #fae8ad;
	border: 1px solid #fae8ad;
	color:#af710b;}
.pagenavtop { /* Seitenzahl oben */
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 15px 0px;
	border-bottom: 1px solid #000;}
.pagenavbottom { /* Seitenzahl unten */
	margin: 15px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	border-top: 1px solid #000;}

/********************************************************************* 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;
	font-size: 12px;
	color: #000;
	line-height: 15px;}

td,p,div {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 15px;}

p,form { margin:0px;}

hr {
	background-color: #000;
	color: #000;
	border: 0px;
	height: 1px;
	margin: 10px 0px 10px 0px;}

.button1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 12px;
	background-color: #af710b;
	color: #FFF;}

.input1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #000;
	background-image: url(/img/e/basic/htgr_input.gif);
	background-repeat: no-repeat;}
	
.select1 {
	font-size: 12px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}

/* Fehlermeldung */
.alert {
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #C03;}
.alert1 {
	color: #C03;
	font-size: 11px;}
.alert ul {}
.alert li {
	font-size: 11px;
	color: #C03;}

/* Infomeldung */
.info {
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	background-color: #390;
	color:#FFF;
	font-size: 11px;}
.info ul {
	margin: 0px 0px 0px 0px;}
.info li {
	font-size: 11px;
	color:#FFF;}

ul {
	margin-top: 0px;
	margin-bottom: 0px;}
li {
	font-size: 12px;
	color: #000;
	margin: 0px 0px 0px -15px;}
	
#switchlang {
	position: absolute;
	top:0px;
	left: 231px;
	z-index: 200;
}

#switchlang a img {
	border: none;
}