/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
100 - content
105 - htgr_h1
110 - h1
115 - subnavhtgr
120 - logo
/ END assign styles menue */

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

.logo,
.content,
.cat_pic,
.cat_pic2,
.headernav,
.htgr_pattern,
.htgr_verlauf,
.navborder
{ position: absolute; }

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

.bold {
	font-weight: bold;}

.bold_red {
	font-weight: bold;
	color:#5D0E17;
	}
	
.summary_head {
  	font-size: 16px;
  	font-weight: bold;
  	color: #333;
  	margin 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
  	text-align: left;
	}
	
.hinweis {
	font-weight: bold;
	color: #C03;}

h1 {
	z-index: 110;
	font-size: 25px;
	color: #5D0E17;
	font-weight: normal;
	padding: 5px 20px 5px 50px;
	margin: 0px 0px 10px 0px;
	display: block;
	line-height: 32px;}

h2 {
	font-size: 16px;
	color: #333;
	margin: 0px 0px 20px 0px;}
	

/* Summary_Title */	

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


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

.logo { /* Logo */
	top:10px;
	left:15px;
	z-index: 120;}

.cat_pic2 {
	width: 800px;
	height: 100px;
	top: 0px;
	left:80px;
	z-index: 110;
	}
	
.cat_pic {
	top: 90px;
	left:230px;
	z-index: 112;
	}
	
.art_button { margin-top: 20px;} /* back & print-button in artikeln */

.showhand {
	cursor: pointer;}
.start_pic {
	margin:-50px 0px 0px 0px;
	}

.img1 {
	padding: 5px;
	margin:0px 0px 10px 0px;
	border:1px solid #666;
	background-color: #FFF;}
.img2 {
	padding: 10px;
	margin:0px 0px 10px 0px;
	border:1px solid #666;
	background-color: #FFF;}

.img3 { /* event-bild in liste*/
	cursor: hand;
	width: 122px;
	height: 91px;
	border: 1px solid #333;
	background-color: #FFF;
	background-image: url(/img/e/basic/htgr_td.gif);
	background-repeat: repeat-x;}
	
.img_tmb {
	width: 136px;
	height: 105px;
	padding: 5px 7px 9px 0px;
	text-align: center;
	background-image: url(/img/e/basic/img_tmb_htgr.jpg);
	background-repeat: no-repeat;
	}
	
.img_small {
	width: 214px;
	height: 164px;
	padding: 6px 7px 8px 0px;
	text-align: center;
	background-image: url(/img/e/basic/img_small_htgr.jpg);
	background-repeat: no-repeat;
	}
	
.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: 170px;
	left: 80px;
	width: 800px;
	z-index: 100;	
	background-color: #FFF;
	background-image: url(/img/e/basic/htgr_content.gif);
	background-repeat: repeat;}

.content1 { /* Inhalte */
	width: 700px;
	margin: 40px 0px 30px 90px;}

.content11 { /* Inhalte */
	width: 650px;
	}
	
.footer {
	width: 800px;
	background-color: #FFF;
	margin: 0px 0px 0px 0px;
	}



.headernav {
	width:800px;
	text-align: right;}
.headernav1 {
	color: #FFF;
	margin:0px 0px 0px 15px;}

.navborder {
	top:70px;
	left:540px;
	height:30px;
	border-left: 1px solid #cececf;
	z-index: 1000;}


.pagenav {
	font-size: 11px;
	font-weight: bold;}
pagenav-lst { /* Link */
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #5D0E17;
	font-weight: bold;
	color:#FFF;}
a.pagenav-lst { /* Link */
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #FFF;
	color:#FFF;}
span.pagenav-lst { /* aktiv */
   padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
   background-color: #FFF;
   color: #5D0E17;
	border: 1px solid #5D0E17;}
.pagenav1 { /* Seitenzahl oben */
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 5px 0px;}
.pagenav2 { /* Seitenzahl unten */
	clear: both;
	margin: 15px 0px 0px 0px;
	padding: 5px 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;}


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

/* 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;}

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

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

.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;}

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

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

BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(/img/e/basic/htgr.gif);
	background-repeat: repeat;	
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}


.htgr_pattern {
	width:100%;
	height:100%;
	background-image: url(/img/e/basic/htgr_verlauf.jpg);
	background-repeat: no-repeat;
	z-index: 10;
}

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

p,form { margin:0px;}


.button1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 11px;
	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: 11px;
	border: 1px #878787 solid;
	background-color: #FFF;
	margin-bottom:5px;}

.input2 { /* ohne Abstand */
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px #878787 solid;
	background-color: #FFF;}

.select1 { /* mit Abstand */
	font-size: 11px;
	border: 1px #878787 solid;
	margin-bottom:5px;
	background-color: #FFF;}

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

.searchterm {
	background-color: #FF3;}

/* Fehlermeldung */
.alert {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	background-color: #FFF;
	border: 1px solid #C03;
	color: #C00;}
.alert li {
	list-style-type: square;
	color: #C00;}

/* Infomeldung */
.info {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	background-color: #FFF;
	border: 1px solid #89b516;
	color:#390;}
.info li {
	list-style-type: square;
	color:#390;}

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