/********************************************************************* Stile Übergabe */
/* BEGIN assign styles menue /
bold:Bold Text
small1: Small Text 1
/ END assign styles menue */

/* Vergebene z-index
100 loginhead
99 logo
98 nav2
97 infobox1
96 nav1
*/


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

.cont,
.logo,
.nav1,
.nav2,
.infobox1,
.infobox2,
.infobox3,
.htgrhead,
.headerleft,
.headertop,
.loginhead,
.lang,
.figuren3
{ position: absolute; }

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

.text { 
	font-size: 12px;
	color: #000;
	line-height: 18px;}

.bold { 
	font-weight: bold; }

.textred { 
	font-size: 12px;
	color: #410303;
	line-height: 18px;}

.boldred { 
	color: #410303;
	font-weight: bold; }
	
.small1 { 
	color:#FFF;
	font-size: 9px;}
	
.small2 { 
	font-size: 10px;}

h1 { 
	font-size: 14px;
	font-weight: bold;
	color: #346666;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 0px 0px 3px 5px;}
	
h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #346666;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	padding: 0px 0px 3px 5px;}
	
h3 { 
	font-size: 14px;
	font-weight: bold;
	color: #410303;
	margin: 0px 0px 0px 0px;}
	
h4,h5,h6,pre,address {
	color:#FFF;}
	
/*Standard Text - nicht löschen, nur editieren*/
.alert { 
	font-size: 12px;
	font-weight: bold;
	color: #C00;
	line-height: 16px; }

.pagenav { 
	font-size: 10px;
	font-weight: bold;
	color: #410303;}
a.a_page_nav_lst { 
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #FFF;
	border: 1px solid #346666;}
span.a_page_nav_lst {
   padding-right: 3px;
   padding-left: 3px;
   padding-top: 2px;
   padding-bottom: 2px;
   background-color: #346666;
   border: 1px solid #346666;
   color: #FFF;}

.cat_nav_mainon{ 
	font-size: 14px;
	font-weight: bold;
	color: #410303;}
	
.cat_nav_mainoff{ 
	font-size: 14px;
	color: #346666;}

.cat_navon{ 
	font-size: 11px;
	font-weight: bold;
	color: #410303;}
	
.cat_navoff{ 
	font-size: 11px;
	color: #346666;}
   
/********************************************************************* Bilder */

.logo {
	top:14px;
	left:35px;
	z-index: 99;}
	
.htgrhead {
	top:0px;
	left:179px;}
	
.headerleft {
	top:80px;
	left:0px;}
	
.headertop {
	top:0px;
	left:110px;}
	
.figuren3 {
	top:0px;
	left:780px;}
	
/*Standard Bild - nicht löschen, nur editieren*/

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

.img1 { cursor: pointer; } /* artikel popup-bild */

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

/********************************************************************* Main */

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

.cont { 
	top: 210px;
	left: 220px;
	width: 500px;}

.infobox1 { /* BOX Links */	
	top: 400px;
	left: 50px;
	width: 100px;
	z-index: 97;}

.infobox2 { /* BOX Rechts / Top-Produkt */
	top: 185px;
	left: 785px;
	width: 172px;}
.infobox3 { /* BOX Rechts / Top-Produkt */
	top: 350px;
	left: 785px;
	width: 172px;}
.td1_infobox2 { 
	width: 172px;
	background-image: url(http://www.offizin-hannover.de/img/e/pics/boxrechts/htgr_box.gif);
	background-repeat: repeat-y;
	padding:15px;}

.box1 {
	margin-bottom:30px;}
.box11 { /* Box in "BOX Links" (NLT + Favoriten) **/	
	border-bottom: 1px solid #F3EFCF;
	padding: 10px 0px 10px 0px;}

.loginhead { 
	top: 60px;
	left: 240px;
	z-index: 100;}
.td1_loginhead {
	font-weight: bold;}
.td2_loginhead {
	padding: 0px 15px 0px 0px;}

/********************************* Navigation ******/
.nav1 { /*** Hauptnavigation - gesteuert durch JS-Menue ****/
	left:0px;
	top:215px;
	width: 150px;
	color:#BFBFBF;
	z-index: 96;
	font-weight:bold;
	text-align: right;}
.nav11 {
	padding: 0px 0px 7px 0px;}
	
.nav2 { /*** Headernavigation ****/
	left:530px;
	top:70px;
	z-index: 98;
	font-size: 12px;
	font-weight:bold;}
	
.nav3 { /*** Footernavigation ****/
	color:#6F94DE;
	font-size: 11px;
	font-weight:bold;
	margin-top:30px;
	text-align: center;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	padding: 0px 0px 0px 5px;
	text-align: left;}
	
.lang { /* Sprachbuttons */
	top: 165px;
	left: 785px;
	z-index:95;}

/**************************************** Standard */
/*Standard Tabellen - nicht löschen, nur editieren*/

/* Fehlermeldung */
.tab_alert { width:100%; padding: 5px; margin-bottom: 30px;
	border: 1px #C00 solid;	background-color: #FFF;}

/* Infomeldung */
.tab_info {	width:100%;	padding: 5px; margin-bottom: 30px;
	border: 1px #390 solid;	background-color: #FFF;}
	
/* Newsletter-Form */
.tab_nlt { width:480px;}
.td1_nlt {width: 90px; font-weight: bold;}
.td2_nlt {width: 140px;}
.td3_nlt {width: 90px; font-weight: bold; padding: 0px 0px 0px 30px;}
.td4_nlt {}

/* Kontakt-Form */
.tab_req { width:480px;}
.td1_req {width: 90px; font-weight: bold;}
.td2_req {width: 140px;}
.td3_req {width: 90px; font-weight: bold; padding: 0px 0px 0px 30px;}
.td4_req {}

.spec1 {padding:0px 0px 0px 0px; font-weight: bold;} /* Gültig für Kontakt & Newsletter */
.spec2 {padding:15px 0px 0px 0px; font-weight: bold;} /* Gültig für Kontakt & Newsletter */

/* News-List */
.tab_news {width:100%;}
.td1_news {width: 100px; font-weight: bold; padding: 0px 10px 5px 0px;} /*Datum */
.td2_news {width: 380px; padding: 0px 0px 5px 0px;} /* Titel */
.td3_news {font-weight: bold; padding: 20px 0px 0px 0px;} /* Pagenav-Buttons */
/* News-Search */
.tab_newssearch { width:100%; background-color:#346666;}
.td1_newssearch { color:#FFF; font-weight:bold; font-size: 10px; padding: 0px 20px 0px 10px;}
.td2_newssearch { padding: 3px 3px 3px 0px;}

/* Press-List */
.tab_press {width:100&;}
.tab_press {width: 100px; font-weight: bold; padding: 0px 10px 5px 0px;} /*Datum */
.tab_press {width: 400px; padding: 0px 0px 5px 0px;} /* Titel */
.tab_press {font-weight: bold; padding: 20px 0px 0px 0px;} /* Pagenav-Buttons */

/* FAQ-Liste */
.tab_faq { width:100%;}
.td1_faq {}
.td2_faq {padding-left: 20px;}
/* FAQ-Popup */
.tab_faqpop { width:100%;} 
.td1_faqpop { width:100%; padding: 10px;} /* Hauptgruppe */
.td2_faqpop { width:100%; padding: 10px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; font-weight:bold;} /* Frage */
.td3_faqpop { width:100%; padding: 10px;} /* Antwort */
.td4_faqpop { width:100%; padding: 10px; border-top: 1px solid #CCC; text-align: center;} /* Footer */

/* Login-Form */
.tab_login { width:100%;}
.td1_login { margin: 0px 0px 10px 0px; }
.td2_login { }

/* Abocenter-Voucherform */
.tab_abovoucher { width:100%; background-color:#346666;}
.td1_abovoucher { color:#FFF; font-weight:bold; font-size: 10px; padding: 0px 20px 0px 10px;}
.td2_abovoucher { padding: 3px 3px 3px 0px;}
/* Abocenter-Form */
.tab_abocenter { width:100%;}
.td1_abocenter { font-weight:bold; padding: 20px 0px 0px 0px;}
.td2_abocenter { }

/* Suche */
.tab_search { width:100%; background-color:#CCC;}
.td1_search { color:#FFF; font-weight:bold; padding: 0px 20px 0px 10px;}
.td2_search { padding: 3px 3px 3px 0px;}
/* Suchergebnisse */
.tab_searchresult { width:100%;}
.td1_searchresult { padding: 20px 0px 0px 0px;}
.td2_searchresult { }

/* Lexikon */
.tab_lexikon { width:100%;}
.lexikon_abc {	width: 100%; border: 1px solid #CCC; padding: 3px 3px 3px 10px;}
/* Lexikon-Popup */
.tab_lexpop { width:100%;} 
.td1_lexpop { width:100%; padding: 10px;} /* Titel */
.td2_lexpop { width:100%; padding: 10px;} /* Text */
.td3_lexpop { width:100%; padding: 10px; border-top: 1px solid #CCC; text-align: center;} /* Footer */

/* Showart */
.tab_showart { padding: 30px;}

/* Showpic */
.tab_showpic { margin: 15px 0px 0px 0px; }
.td1_showpic { border:1px #CCC solid; padding: 2px;} /* Bild mit Copyright */
.td2_showpic { background-color: #333; color: #FFF; padding: 2px; text-align: center; font-weight: bold;} /* Bildkommentar */
.td3_showpic { border-top: 1px solid #CCC solid; padding: 5px; text-align: center;} /* Links */

/********************************************************************* Link */
A:link {color:#71281E; text-decoration:underline;}
A:visited {color:#71281E; text-decoration:underline;}
A:active {color:#71281E; text-decoration:underline;}
A:link:hover, A:visited:hover {color:#71281E; text-decoration:underline;}

/* Haupt Nav */
.nav1 A:link, .nav1 A:visited, .nav1 A:active {color:#BFBFBF; text-decoration:none; width:78px;}
.nav1 A:hover {color:#3B0303; background-color:#FFF; text-decoration:none; width:78px;}

/* Header Nav */
.nav2 A:link {color:#FFF; text-decoration:none;} 
.nav2 A:visited {color:#FFF; text-decoration:none;} 
.nav2 A:active {color:#FFF; text-decoration:none;}
.nav2 A:hover {color:#FFF; text-decoration:underline;}

/* Footer Nav */
.nav3 A:link, .nav3 A:visited, .nav3 A:active { color: #6F94DE; text-decoration:none;}
.nav3 A:hover { color: #6F94DE; text-decoration:underline;}

.small1 A:link, .small1 A:visited, .small1 A:active { color: #6F94DE; text-decoration:none;}
.small1 A:hover { color: #6F94DE; 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;}

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

p,form { margin:0px;}

hr {
	width:100%;
	height: 1px;
	color:#000;
	background-color:#000;
	margin: 2px 0px 2px 0px;}

.button1 {
	background-color: #999;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 10px;
	font-weight:bold;
	color: #FFF;}

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

.input3 { /* NLT Box links */
	font-size: 11px;
	border: 1px #A18253 solid;
	background-color: #F3EFCF;}
	
.select1 { /* mit Abstand */
	font-size: 11px;
	border: 1px #999 solid;
	margin-bottom:5px;}

.select2 { /* ohne Abstand */
	font-size: 11px;
	border: 1px #999 solid;}

ul {
	margin-top: 0px;
	margin-bottom: 0px;}

li { 
	list-style-type: square;
	font-size: 12px;
	color: #000;}
	
.searchterm {
	background-color: #FF3;}