/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
105 - spenden
102 - start
101 - logo
96 - navtopmap
95 - navtop
94 - nav2
93 - box-suche
90 - content1
80 - content2
70 - kinder
00 - header
/ END assign styles menue */

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

.content1,
.content2,
.content3,
.header,
.kinder,
.spenden,
.logo,
.navtop,
.navtopmap,
.box-suche,
.nav2,
.start
{ position: absolute; }

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

h1 { 
	font-size: 13px;
	margin: 0px 0px 20px 0px;}
	
h2 { 
	font-size: 12px;
	color: #333;
	margin: 0px 0px 10px 0px;
	padding: 1px 5px 1px 5px;}

.bold { 
	font-weight: bold;
	color: #333;}
	
.color1 { 
	font-weight: bold;
	color: #FFF;}
	
.small {
	font-size: 11px;
	line-height: 14px;}
	
h3,h4,h5,h6,pre,address {
	color:#FFF;}

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

.logo { /* Logo */
	top:86px;
	left:704px;
	z-index: 101;}
	
.header { /* Header-HTGR */
	top:0px;
	left:0px;
	width: 100%;
	background-image: url(http://hka.steindev.de/img/e/basic/htgr_header.gif);
	background-repeat: repeat-x;
	z-index: 0;}

.start { /* Home + Impressum */
	top:149px;
	left:878px;
	z-index: 102;}
	
.kinder { /* Kinderbild */
	top:0px;
	left:667px;
	z-index: 70;}
	
.spenden { /* Spendenbutton */
	top:76px;
	left:667px;
	z-index: 105;}
	
.dotsuche { /* Farb-Button Suche */
	margin: 5px 5px 5px 0px;}
	
.link1 { /* Linkpfeil Box */
	margin: 5px 0px 0px 0px;}
	
.art_button { margin-top: 20px;} /* back & print-button in artikeln */

.img1 {/* artikel popup-bild */
	} 

.img2 { /* normales bild im artikel (ohne popup)*/
	}

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

.content1 { /* links Navigation */
	width: 150px;
	top: 145px;
	left: 11px;
	z-index: 90;}
	
.content2 { /* mitte Inhalt */
	width: 460px;
	top: 160px;
	left: 190px;
	z-index: 80;}
	
.content3 { /* rechts Boxen */
	width: 303px;
	top: 300px;
	left: 668px;
	/* background-image: url(http://hka.steindev.de/img/e/basic/htgr_box.jpg);
	background-repeat: no-repeat; */
	}
	
.nav1 { /* Hauptnavigation */
	}
.nav11 { /* 1. Ebene TEXT - Browser-CSS Datei*/
	border-bottom: 2px solid #FFF;
	padding: 3px 0px 3px 0px;}
.nav111 {/* 1. Ebene BILD */
	border-bottom: 2px solid #FFF;
	padding: 0px;}
.nav12 { /* 2. Ebene TEXT */
	border-bottom: 1px solid #FFF;}
.nav121 {/* 2. Ebene BILD */
	padding: 0px;}
.nav3 { /* 2. Ebene LETZTER PUNKT */
	margin: 0px 0px 20px 0px;}
	
.navtop { /* Bilder Topnavigation */
	top: 0px;
	left: 11px;
	z-index:95;}
.navtop1 {}
.navtop2 {}

.navtopmap { /* MAP über Bilder Topnavigation */
	top: 11px;
	left: 11px;
	z-index:96;}
	
	
.box { /* Rechte Info-Boxen */
	width: 250px;
	margin: 0px 0px 0px 20px;}
.box1 { /* Linkpfeil */
	width: 15px;
	float: left;}
.box2 { /* Titel */
	width: 235px;
	float: left;
	font-size: 11px;
	color: #605d4f;
	line-height: 15px;}
	
.banner {
	margin: 20px 0px 20px 20px;}
.banner1 {
	margin: 0px 0px 10px 0px;}
	
.footer {
	margin: 0px 0px 20px 20px;
	font-size: 11px;
	line-height: 14px;}
	
.nav2 { /* Navigation rechts */
	width: 250px;
	top: 192px;
	left: 705px;
	z-index: 94;}
	
.box-suche { /* Suche Info-Boxen */
	width: 250px;
	top: 240px;
	left: 705px;
	z-index: 93;}
.box-suche1 { /* Suche */
	width: 50px;
	float: left;}
.box-suche2 { /*Input */
	width: 160px;
	float: left;}
.box-suche3 { /* Lupe */
	width: 40px;
	float: left;}
.box-suche4 { /* Stichwortsuche */
	width: 250px;
	text-align: right;}
	
.suche {}
.suche1 {
	float: left;
	margin: 15px 0px 15px 0px;}
.suche11 {
	float: left;
	width: 60px;
	font-weight: bold;}
.suche12 {
	float: left;
	width: 165px;}
.suche2 {
	float: left;
	margin: 15px 0px 15px 0px;}
.suche3 {
	float: left;}
.suche4 {
	float: left;
	padding: 0px 0px 0px 60px;}
.suche5 {
	margin: 15px 0px 15px 0px;}
	
.suche-ergebnisse {}
.suche-ergebnisse1 { /* Anzahl der Ergebnisse */
	border-top: 1px solid #a8a7a3;
	border-bottom: 1px solid #a8a7a3;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	width: 460px;
	background-color: #efeeeb;}
.suche-ergebnisse11 {
	float: left;}
.suche-ergebnisse12 {
	float: right;}
.suche-ergebnisse2 { /* Ergebnisse im Einzelnen */
	border-bottom: 1px solid #a8a7a3;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	width: 460px;}
.suche-ergebnisse21 { /* Ergebnisse Farb-Button */
	float: left;
	width: 20px;
	padding: 5px 0px 0px 0px;}
.suche-ergebnisse22 { /* Ergebnisse Text */
	float: left;
	width: 440px;}
	
.display { /* Anzeige Titeltext Home+Impressum */
	background:red;
	border: 3px solid #FFF;
	width:80px;
	display:none;
	color: #FFF;
	font-weight: bold;
	text-align: center;}
	
.req { /* Kontakt-Form */
	width: 430px;}
.req1 { /* 1.Block */
	width: 205px;
	float: left;}
.req11 { /* Name + Formfeld */
	width: 205px;
	clear: both;}
.req111 { /* Name */
	width:80px;
	float: left;
	font-weight: bold;}
.req112 { /* Formfeld */
	width:125px;
	float: left;}
.req2 { /* 2.Block */
	width: 205px;
	float: left;
	padding: 0px 0px 0px 20px;}
.req3 { /* Extra & Absenden */
	border-top: 3px 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 */
	}


.aktion {width:460px;}/* Aktionen-List */
.aktion1 {font-weight: bold;} /* Titel */
.aktion2 {margin: 0px 0px 20px 0px;} /* Summary */
.aktion3 {font-weight: bold; padding: 20px 0px 0px 0px;} /* Result + Pagenav-Buttons */
	

.news {width:460px;}/* News-List */
.news1 {width:75px; font-weight: bold; float: left;} /* Datum */
.news2 {width:385px; margin: 0px 0px 0px 0px; float: left;} /* Titel */
.news3 {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 75px;} /* Summary */
.news4 {font-weight: bold; padding: 20px 0px 0px 0px;} /* Pagenav-Buttons */
/* News-Search */
.tab_newssearch { width:100%; background-color:#757a7e;}
.td1_newssearch { color:#FFF; font-weight:bold; padding: 0px 10px 0px 10px;}
.td2_newssearch { padding: 3px 3px 3px 0px;}


.login {}/* Login-Form */
.login1 {
	font-weight:bold;
	margin: 0px 0px 5px 0px;}
.login2 {
	margin: 0px 0px 5px 0px;}
	
.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;}


.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 {
	color:#000;}
.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: #e6e6eb;
	color: #416b77;
	font-weight: bold;
	padding: 2px;} 
.showpic3 {/* Links */
	background-color: #FFF;
	padding: 5px;} 
	
.pagenavtop { /* Seitenzahl oben */
	margin: 0px 0px 10px 0px;
	text-align:center;
	}
.pagenavbottom { /* Seitenzahl unten */
	margin: 10px 0px 0px 0px;
	text-align:center;
	}
.pagenav-lst {
	margin:0px 5px 0px 0px;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	border: 1px solid #cccccc;
	padding:3px;
	}
a.pagenav-lst {
	color: #c2a471;
	text-decoration:underline;
	border: 1px solid #cccccc;
	padding:3px;
	}
a.pagenav-lst:hover,
a.pagenav-lst:visited:hover {
	text-decoration:none;
	color: #000;
	border: 1px solid #cccccc;
	padding:3px;
	}

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

A:link, A:visited, A:active {text-decoration:underline;}
A:link:hover, A:visited:hover {text-decoration:underline;}

.nav12 A:link, .nav12 A:visited, .nav12 A:active {text-decoration:none;}
.nav12 A:link:hover, .nav12 A:visited:hover { text-decoration:none;}

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

.box2 A:link, .box2 A:visited, .box2 A:active {text-decoration:none; font-weight: bold; color: #605d4f;}
.box2 A:link:hover, .box2 A:visited:hover { text-decoration:underline; font-weight: bold;}

.nav11 A:link, .nav11 A:visited {
	color: #FFF;
	text-decoration:none;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	padding: 2px 7px 2px 7px;}
.nav11 A:link:hover, .nav11 A:visited:hover {
	background-color: #e2091b;
	color: #FFF;
	text-decoration:none;
	width: 100%;
	font-size: 11px;
	font-weight: bold;
	line-height: 14px;
	padding: 2px 7px 2px 7px;}
	
.nav12 A:link, .nav12 A:visited {
	color: #000;
	text-decoration:none;
	width: 100%;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 7px 2px 7px;}
.nav12 A:link:hover, .nav12 A:visited:hover {
	background-color: #e2091b;
	color: #FFF;
	text-decoration:none;
	width: 100%;
	font-size: 11px;
	line-height: 14px;
	padding: 2px 7px 2px 7px;}

.pagenav A:link, .pagenav A:visited, .pagenav A:active {
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #aaa799;
	color: #FFF;
	text-decoration:none;}
.pagenav A:link:hover, .pagenav A:visited:hover {
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #605d4f;
	color: #FFF;
	text-decoration:underline;}

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

td,p,div {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 18px; }

p,form { margin:0px;}

hr {
	height: 1px;
	margin: 10px 0px 10px 0px;}

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

.input1 { /* mit Abstand */
	font-size: 11px;
	margin-bottom:5px;}
	
.input2 { /* ohne Abstand */
	font-size: 11px;}
	
.input3 { /* Box Suche */
	border: 1px solid #757262;
	background-color: #efeeeb;
	font-size: 11px;}
	
.select1 { /* mit Abstand */
	font-size: 11px;
	margin-bottom:5px;}

.select2 { /* ohne Abstand */
	font-size: 11px;}

.searchterm {
	background-color: #FF3;}
	
/* Fehlermeldung */
.alert {
	width: 460px;
	padding: 5px 5px 5px 0px;
	margin-bottom: 10px;
	background-color: #FFF;
	color: #C00;
	border: 1px solid #C00;}
.alert li {
	color: #C00;}

/* Infomeldung */
.info {
	width:460px;
	padding: 5px 5px 5px 0px;
	margin-bottom: 10px;
	background-color: #FFF;
	color:#390;
	border: 1px solid #390;}
.info li {
	color:#390;}

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