/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
100 - content, content3
95 - claim
90 - logo
87 - htgrpic2
85 - catpic
70 - footernav
65 - header1, header2
60 - htgrpic, 
/ END assign styles menue */

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

.logo,
.content,
.content3,
.claim,
.catpic,
.htgrpic,
.htgrpic2,
.header1,
.header2,
.homelogin,
.content4,
.footernav
{ position: absolute; }

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

.bold { 
	font-weight: bold;}
	
.small {
	font-size:11px;}
	
.hinweis {
	color: Lime;
	font-weight: bold;}
	
h1 {
	font-size: 12px;
	color: #c32e37;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	line-height: 18px;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Verdana, Geneva, sans-serif;}	

h2 { 
	font-size: 36px;
	color: #c32e37;
	font-weight: normal;
	margin: 0px 0px 40px 0px;
	line-height: 36px;}

h3 {
	font-size: 14px;
	color: #FFF;
	background-color: #cfbc85;
	display: block;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	padding: 2px 5px 2px 23px;}

h4 {
	font-size: 14px;
	color: #FFF;
	background-color: #c32e37;
	display: block;
	font-weight: normal;
	padding: 2px 5px 2px 15px;
	margin: 0px 0px 0px 0px;}

h5 {
	font-size: 12px;
	color: #000;
	font-weight: bold;
	margin: 0px 0px 15px 0px;
	line-height: 18px;
	text-transform: uppercase;}	
	
h6,pre,address {
	color:#FFF;}

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

.logo {
	top:23px;
	left:37px;
	z-index: 90;}
	
.claim {
	top:37px;
	left:127px;
	z-index: 95;}
	
.htgrpic {
	top:0px;
	left:180px;
	z-index: 60;}
.htgrpic2 {
	top:0px;
	left:116px;
	width: 64px;
	z-index: 87;}

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

.showhand {
	cursor: pointer;}

.img1 { 
	margin:0px 0px 10px 0px;}
.img2 { 
	padding: 10px;
	margin:0px 0px 10px 0px;}
.img1 p,.img2 p {
	font-size: 11px;
	color: #0033cc;}
.img-right { 
	margin:0px 0px 10px 10px;
	float: right;}
.img-left { 
	margin:0px 10px 5px 0px;
	float: left;}
.img-normal { 
	margin:0px 10px 10px 0px;
	text-align: center;}

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

.content {
	top: 90px;
	left: 235px;
	width: 520px;
	z-index: 100;}
.content1 {
	width: 490px;}
.content1-FR2 {
	width: 715px;}
.content2 {
	width: 520px;
	margin: 0px 0px 0px 0px;}
.content3 {
	top: 45px;
	left: 769px;
	width: 180px;
	z-index: 100;}
	
.content4 {
	top: 365px;
	left: 0px;}
	
.catpic {
	top:0px;
	left:0px;
	width: 178px;
	height: 274px;
	background-color: #FFF;
	padding: 23px 0px 0px 0px;
	z-index: 85;}
	
.testimonial {
	width: 180px;
	margin: 0px 0px 15px 0px;}
.testimonial1 {
	width: 180px;}
.testimonial2 {
	width: 157px;
	margin: 0px 0px 0px 23px;}
.testimonial21 {
	width: 70px;
	float: left;}
.testimonial22 {
	width: 87px;
	float: left;
	font-size:12px;
	line-height: 16px;
	padding: 5px 0px 0px 0px;}
.testimonial3 {
	width: 157px;
	margin: 10px 0px 0px 23px;}
.testimonial3 p {
	font-size: 12px;
	line-height: 16px;}

.homenews {
	width: 180px;
	margin: 0px 0px 15px 0px;}
.homenews1 {
	width: 157px;
	margin: 10px 0px 0px 23px;
	font-size: 12px;
	line-height: 16px;}
.homenews2 {
	width: 157px;
	margin: 0px 0px 0px 23px;
	font-size: 12px;
	line-height: 16px;}
	
.header1 {
	top: 0px;
	left: 235px;
	width: 335px;
	height: 23px;
	background-color: #c32e37;
	z-index: 65;}
	
.header2 {
	top: 23px;
	left: 178px;
	width: 5px;
	height: 67px;
	background-color: #FFF;
	z-index: 65;}
	
.infobox1 {
	width: 230px;
	border: 1px solid #c32e37;
	padding: 5px 5px 5px 5px;
	margin: 30px 30px 0px 0px;
	line-height: 18px;
	float: left;
	background-color: #FFF;}
.infobox1 h4 {
	position: relative;
	top: -18px;
	margin: 0px 0px -15px 0px;}
	
.footer {
	width: 155px;
	text-align: right;
	font-size: 11px;
	color: #d3646b;
	line-height: 14px;}
	
.homelogin {
	top: 285px;
	left: 0px;
	width: 155px;}
.homelogin1 {
	width: 155px;}
.homelogin11 {
	width: 80px;
	color: #FFF;
	text-align: right;
	float: left;
	padding: 0px 5px 0px 0px;}
.homelogin12 {
	width: 75px;
	float: left;}
.homelogin2 {
	width: 155px;
	text-align: right;
	margin-top: 5px;}
.homelogin21 {
	font-size: 13px;
	line-height: 15px;
	color: #FFF;}
	
.seminar-uebersicht {
	width: 490px;}
.seminar-uebersicht1 {
	width: 490px;
	font-size: 14px;
	color: #FFF;
	font-weight:bold;
	padding: 0px 0px 0px 10px;
	margin:0px 0px 10px 0px;
	background-color: #cfbc85;}
.seminar-uebersicht2 {
	width: 245px;
	float:left;
	padding:0px 20px 0px 0px;}
.seminar-uebersicht3 {
	width: 245px;
	float:left;}
.table1 {
	width:100%;}
.td1 {
	font-weight:bold;
	border-top:1px solid #cfbc85;
	padding:3px 3px 3px 3px;
	background-color:#dbd0b6;}
.td2 {
	border-bottom:1px solid #cfbc85;
	padding:3px 3px 3px 3px;
	background-color:#FFF;}
	
	
.mod {
	width: 710px;
	margin: 20px 0px 0px 0px;}
.mod1 {
	width: 100%;}
.mod11 {
	text-align:center;
	font-size:12px;}
.mod2 {
	width: 100%;}
.mod21 {
	text-align:center;
	color: #FFF;
	font-weight:bold;
	background-image: url(../img/e/basic/htgr_kalender2.gif);
	background-repeat: repeat-x;}
.mod22 {
	text-align:center;
	font-weight:bold;
	background-color: #e9dfc2;
	font-size:11px;}
.mod23 {
	background-color: #f6f0df;}
.mod231 { /* DIV in Kalender */
	font-size:11px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 0px 1px 0px;}
.mod232 { /* DIV in Übersicht */
	font-size:11px;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px 1px 0px 0px;
	float:left;}
.KAT-GE { background-color: #5d916f;}
.KAT-FU { background-color: #8598cf;}
.KAT-MU { background-color: #cf8b85;}
.KAT-ML { background-color: #b085cf;}
.KAT-PMU { background-color: #96d5d3;}
.KAT-GK { background-color: #e4b587;}

.mod-detail {
	width: 710px;}
.mod-detail1 {
	width: 710px;
	font-size: 14px;
	color: #FFF;
	font-weight:bold;
	background-color: #cfbc85;
	padding: 1px 0px 3px 10px;}
.mod-detail2 {
	width: 710px;
	padding: 10px 10px 10px 10px;
	border-right: 1px solid #cfbc85;
	border-bottom: 1px solid #cfbc85;
	border-left: 1px solid #cfbc85;
	background-color: #f6f0df;}

.mod-legende {
	width: 710px;
	margin: 20px 0px 0px 0px;}
.mod-legende1 {
	width: 710px;
	margin: 0px 0px 5px 0px;}
.mod-legende11 {
	width: 30px;
	float:left;}
.mod-legende12 {
	width: 470px;
	float:left;
	margin: 0px 0px 0px 10px;}
.mod-legende13 {
	width: 200px;
	float:left;
	text-align:right;}

/*--------------------------------------- */

.sem-uebersicht {
	width: 490px;
	margin: 0px 0px 20px 0px;}
.sem-uebersicht1 {
	width: 490px;
	background-color: #cfbc85;}
.sem-uebersicht11 {
	width: 390px;
	color: #FFF;
	font-weight: bold;
	padding: 2px 0px 2px 10px;
	float:left;}
.sem-uebersicht12 {
	width: 100px;
	float:left;}
.sem-uebersicht2 {
	width: 490px;
	border: 1px solid #cfbc85;
	padding: 10px 10px 10px 10px;}
.sem-uebersicht21 {
	margin: 0px 0px 10px 0px;}
.sem-uebersicht2111 {
	color: #FFF;
	background-color: #c32e37;
	font-weight: normal;
	padding: 2px 5px 2px 10px;}
.sem-uebersicht2112 {
	padding: 5px 10px 5px 10px;
	border-top: 0px;
	border-right: 1px solid #c32e37;
	border-bottom: 1px solid #c32e37;
	border-left: 1px solid #c32e37;
	background-color: #edd1c0;}
.sem-uebersicht2113 {
	border-top: 0px;
	border-right: 1px solid #c32e37;
	border-bottom: 1px solid #c32e37;
	border-left: 1px solid #c32e37;
	background-color: #FFF;
	padding: 5px 0px 5px 0px;}

.sem-list {
	margin: 0px 0px 0px 10px;}
.sem-list1 {
	padding: 2px 2px 2px 0px;
	font-size:13px;}
.sem-list2 {
	padding: 2px 2px 2px 0px;
	font-size:13px;}

/*--------------------------------------- */

	
.event {
	width:490px;}
.event1 {
	width:140px;
	float:left;}
.event2 {
	width:350px;
	float:left;}
	
.eventdetail {
	width:490px;}
.eventdetail1 {
	width:120px;
	float:left;
	text-align: center;
	background-color: #FFF;
	border-top: 1px solid #cfbc85;
	border-bottom: 1px solid #cfbc85;
	border-right: 1px solid #cfbc85;
	margin: 0px 1px 3px 0px;}

/********************************************************************* Standards */
	
.req { /* Kontakt-Form */
	width: 490px;}
.req1 { /* 1.Block */
	width: 245px;
	float: left;}
.req11 { /* Name + Formfeld */
	width: 220px;
	clear: both;}
.req111 { /* Name */
	width:90px;
	float: left;
	font-weight: bold;}
.req112 { /* Formfeld */
	width:130px;
	float: left;}
.req2 { /* 2.Block */
	width: 245px;
	float: left;}
.req3 { /* Extra & Absenden */
	border-top: 1px solid #c32e37;
	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: 490px;}
.nlt1 { /* 1.Block */
	width: 245px;
	float: left;}
.nlt11 { /* Name + Formfeld */
	width: 220px;
	clear: both;}
.nlt111 { /* Name */
	width:90px;
	float: left;
	font-weight: bold;}
.nlt112 { /* Formfeld */
	width:130px;
	float: left;}
.nlt2 { /* 2.Block */
	width: 245px;
	float: left;}
.nlt3 { /* Extra & Absenden */
	border-top: 1px solid #c32e37;
	padding: 10px 0px 0px 0px;}
.nlt31 { /* Extra */
	float: left;}
.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:490px;}/* News-List */
.news1	{width:490px; margin: 0px 0px 5px 0px; font-weight:bold;}
.news2	{width:490px; border-bottom: 1px solid #c32e37; padding: 0px 0px 10px 0px;}
.news4	{font-weight: bold; padding: 10px 0px 0px 0px;} /* Pagenav-Buttons */
	
.faq {} /* FAQ Liste */
.faq1 { /* FAQ Hauptgruppe */
	padding: 3px 5px 3px 10px;
	margin: 10px 0px 5px 0px;
	border-top: 1px solid #c32e37;
	border-left: 1px solid #c32e37;}
..faq21 { /* FAQ Untergruppe Text */
	margin: 0px 0px 0px 10px;}
.faqpop { /* FAQ PopUp */
	padding:30px 30px 10px 30px;}
.faqpop1 { /* FAQ-PopUp Hauptgruppe */
	border-bottom: 1px solid #c32e37;
	margin:0px 0px 10px 0px;}
.faqpop2 { /* FAQ PopUp Titel */
	border-bottom: 1px solid #c32e37;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	font-weight: bold;}
.faqpop3 { /* FAQ PopUp Text */
	border-bottom: 1px solid #c32e37;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;}

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

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

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

.footer A:link, .footer A:visited, .footer A:active {color: #d3646b; text-decoration:underline;}
.footer A:link:hover, .footer A:visited:hover {color: #000; text-decoration:underline;}

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

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

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

.pagenav {
	font-weight: bold;}
pagenav-lst { /* Link */
	padding: 2px 4px 2px 4px;
	margin: 0px 5px 10px 0px;
	background-color: #c32e37;
	color:#A7BCC6;
	font-weight: bold;}
a.pagenav-lst { /* Link */
	padding: 2px 4px 2px 4px;
	margin: 0px 5px 10px 0px;
	background-color: #CFBC85;
	color:#FFF;}
span.pagenav-lst { /* aktiv */
	padding: 2px 4px 2px 4px;
	margin: 0px 5px 10px 0px;
	background-color: #c32e37;
	color:#FFF;
	font-weight: bold;}
.pagenavtop { /* Seitenzahl oben */
	margin: 0px 0px 20px 0px;}
.pagenavbottom { /* Seitenzahl unten */
	margin: 20px 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;}


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

BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-y;
	font-family: Times New Roman, Geneva, Arial;
	line-height: 20px;}

td,p,div {
	font-family: Times New Roman, Geneva, Arial;
	font-size: 14px;
	color: #000;
	line-height: 20px;}

p,form { margin:0px;}

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

.button1 {
	font-family: Times New Roman, Geneva, Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #c32e37;
	color: #FFF;
	border: 0px;
	padding: 2px 0px 2px 0px;}

.input1 { /* mit Abstand */
	font-family: Times New Roman, Geneva, Arial;
	font-size: 12px;
	border: 1px #c32e37 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: Times New Roman, Geneva, Arial;
	font-size: 12px;
	border: 1px #c32e37 solid;
	background-color: #FFF;
	background-image: url(/img/e/basic/htgr_input.gif);
	background-repeat: no-repeat;}
	
.input3 { /* ohne Abstand Home-Login */
	font-family: Times New Roman, Geneva, Arial;
	font-size: 12px;
	background-color: #FFF;
	border: 0px;
	background-image: url(/img/e/basic/htgr_input.gif);
	background-repeat: no-repeat;}
	
.select1 {
	font-size: 11px;
	font-family: Times New Roman, Geneva, Arial;
	margin-bottom:5px;}
	
.select2 {
	font-size: 11px;
	font-family: Times New Roman, Geneva, Arial;}

/* Fehlermeldung */
.alert {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	color: #C03;
	border-bottom: 1px solid #C03;
	border-left: 1px solid #C03;}
.alert ul {
	margin: 0px 0px 0px 15px;}
.alert li {
	font-size: 12px;
	color: #C03;}

/* Infomeldung */
.info {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #390;
	border-left: 1px solid #390;
	color:#390;}
.info ul {
	margin: 0px 0px 0px 15px;}
.info li {
	font-size: 12px;
	color:#390;}

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