/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
100 - box_suche
99 - logogruppe
98 - nav1
97 - cat_pic
96 - header1
95 - header1
94 - nav2
93 - content
01 - htgrlayer
/ END assign styles menue */

/********************************************************************* Position */

.content,
#logogruppe,
.cat_pic,
.header1,
.header2,
.htgrlayer,
.htgrstecker,
.nav1,
.nav2,
.box_suche,
.box_standard
{ position: absolute; }

/********************************************************************* Text */

.bold { 
	font-weight: bold; }
	
.color1 {
	color: #999999;}
	
.italic {
	font-style: italic;}
	
.line-through {
	text-decoration: line-through;}
	
h1 { 
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	margin: 0px 0px 10px 0px;
   border-bottom: 1px solid #999999;
	}
	
h2 { 
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	margin: 0px 0px 10px 0px;
	}
	
h3 { 
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/seiten/head2linelinks.gif); 
	background-repeat: no-repeat; 
	background-position: left bottom;
	font-weight: bold; 
	font-size: 12px;
	color: #999999;
	text-align:left}
	
h4 { 
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/seiten/head2linelinks.gif); 
	background-repeat: no-repeat; 
	background-position: left bottom;
	font-weight: bold; 
	font-size: 12px;
	color: #999999;
	text-align:left}

h5,h6,pre,address {
	color:#FFF;}

.alert { 
	font-size: 12px;
	font-weight: bold;
	color: #C00;
	line-height: 16px; }

/********************************************************************* Bilder */

#logogruppe {
	top:0px;
	left:0px;
	width:100%;
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/logogruppe_htgr.gif);
	background-repeat:repeat-x;
	z-index:99;
	}
#logogruppe-1 {
	width:990px;
	}
#logogruppe-11 {
	width:547px;
	float:left;
	}
#logogruppe-12 {
	width:435px;
	float:left;
	}
	
.cat_pic {
	top: 77px;
	left: 185px;
	z-index: 97;}
	
.header1 {
	top: 77px;
	left: 0px;
	width: 185px;
	height: 87px;
	background-color: #ececec;
	text-align: right;
	padding: 10px 10px 0px 0px;
	z-index: 96;}
	
.header2 {
	top: 21px;
	left: 597px;
	z-index: 95;}
	
.htgrlayer {
	top: 0px;
	left: 0px;
	z-index: 01;}

.htgrstecker {
	top: 200px;
	left: 186px;
	z-index: -20;}

.art_button { margin-top: 20px;} /* back & print-button in artikeln */

	
.showhand {
	cursor: pointer;}

.img1 { 
	margin:0px 0px 10px 0px;
	border:2px solid #d1d1d1;}
.img2 { 
	padding: 10px;
	margin:0px 0px 10px 0px;
	border:2px solid #d1d1d1;}
.img3 { 
	margin:0px 0px 10px 0px;
	border:2px solid #ffffff;}
.img1 p,.img2 p,.img3 p {
	font-size: 11px;
	color: #0033cc;}
.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: 163px;
	left: 206px;
	width: 558px;	
	border-top:1px solid #d1d1d1;
	padding:30px 19px 0px 19px;
	z-index: 93;}
	
.temp1 {
	width: 520px;}
.td1_temp1 {
	width: 260px;
	padding: 0px 10px 20px 0px;}
.td2_temp1 {
	width: 260px;
	padding: 0px 0px 20px 10px;}
	
.seminar1 { /*** Seminartabelle ****/
	width: 520px;}
.td1_seminar1 {
	font-weight:bold;
	background-color: #ececec;
	padding: 3px 3px 3px 5px;
	border:1px solid #d1d1d1;}
.td2_seminar1 {
	padding: 3px 5px 3px 5px;
	border:1px solid #d1d1d1;}
.seminarspezi1 { /*** Zellenbreiten in / workshop_overview / ****/
	width: 85px;}
.seminarspezi2 {
	width: 360px;}
.seminarspezi3 {
	width: 75px;}
	
.home_pos1 { /*** News & Presse auf Homepage ****/
	width:250px;
	float: left;
	margin: 0px 20px 20px 0px;}
.home_pos2 {
	width:250px;
	float: left;
	margin: 0px 0px 20px 0px;}
	
.member { /*** Mitgliedersuche - Suchmaske ****/
	width: 520px;
	border-collapse: collapse;}
.td1-member {
	font-weight:bold;
	background-color: #ececec;
	padding: 3px 3px 3px 5px;
	border:1px solid #d1d1d1;}
.td2-member {
	padding: 3px 5px 3px 5px;
	border:1px solid #d1d1d1;}
	
.result { /*** Mitgliedersuche - Ergebnisliste ****/
	width: 520px;
	border-collapse: collapse;}
.td1-result {
	font-weight:bold;
	background-color: #ececec;
	padding: 3px 3px 3px 5px;
	border:1px solid #d1d1d1;}
.td2-result {
	padding: 3px 5px 3px 5px;
	border:1px solid #d1d1d1;}

.tab-list { /*** Mitgliedersuche - Detail PopUp ****/
	width: 460px;
	border-collapse: collapse;
	margin: 20px 0px 0px 50px;}
.td1-list {
	font-weight:bold;
	background-color: #ececec;
	padding: 3px 3px 3px 5px;
	border:1px solid #d1d1d1;}
.td2-list {
	padding: 3px 5px 3px 5px;
	border:1px solid #d1d1d1;}
	
.nav1 { /*** Hauptnavigation ****/
	top:140px;
	left: 0px;
	width: 185px;
	background-color: #d5d6d6;
	z-index: 98;}
.nav11 {
	height: 21px;
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/htgr_nav1.gif);
	border-top: 0px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: right;
	padding: 0px 0px 0px 0px;}
.nav12 {
	height: 21px;
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/htgr_nav2.gif);
	border-top: 0px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: right;
	padding: 0px 0px 0px 0px;}
	
.nav2 { /*** Headernavigation - Reiter ****/
	top:153px;
	left:205px;
	width: 560px;
	height: 22px;
	z-index: 94;}
.nav21 {
	float: left;
	margin: 0px 1px 0px 0px;
	height: 22px;}
.nav22 {
	float: left;
	margin: 0px 1px 0px 0px;
	height: 22px;}
.left {
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/reiter_li_ia.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 22px;
	float: left;
	padding: 0px 5px 0px 0px;}
.left_a {
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/reiter_li_a.gif);
	background-position: left top;
	background-repeat: no-repeat;
	height: 22px;
	float: left;
	padding: 0px 5px 0px 0px;}
.middle {
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/reiter_mi_ia.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 22px;
	float: left;}
.middle_a {
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/reiter_mi_a.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 22px;
	float: left;}
.middle_op { /*** NUR FÜR OPERA ****/
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/reiter_mi_ia.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 22px;
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;}
.middle_op_a { /*** NUR FÜR OPERA ****/
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/reiter_mi_a.gif);
	background-position: top;
	background-repeat: repeat-x;
	height: 22px;
	float: left;
	margin: 0px 1px 0px 0px;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;}
.right {
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/reiter_re_ia.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 22px;
	float: left;
	padding: 0px 0px 0px 5px;}
.right_a {
	background-image: url(http://www.vke-eltkauf.de/img/e/basic/VKE_E/reiter_re_a.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 22px;
	float: left;
	padding: 0px 0px 0px 5px;}
	
.footer { /*** Footer ****/
	width: 100%;
	font-size: 10px;
	line-height: 14px;
	color: #999;
	margin-top:50px;
	text-align: center;
	border-top: 1px solid #CCC;
	padding: 10px 0px 0px 0px;}
	
.box_suche { /*** Box Suche ****/
	top:96px;
	left:784px;
	width:197px;
	z-index:100;}
	
.box_standard { /*** Box Mitglieder ****/
	top:96px;
	left:784px;
	width:197px;
	z-index:100;}
	
.box1 { /*** Box Standard Rahmen Grau ****/
	width:197px;
	border: 1px solid #d1d1d1;
	padding: 1px;
	margin: 0px 0px 20px 0px;}
.box11 { /*** Box Standard Inhalt****/
	width:100%;}
.box111 { /*** Box Standard Inhalt "Zelle 1" ****/
	width:100%;
	background-color: #ececec;
	border-bottom: 1px solid #FFF;
	padding: 6px 6px 6px 6px;}
.box112 { /*** Box Standard Inhalt "Zelle 2" ****/
	width:100%;
	background-color: #ececec;
	padding: 6px 6px 6px 6px;}

	
.pagenav {
	font-size: 11px;
	font-weight: bold;
	color: #c44e27;}
a.pagenav-lst { /* Link */
	padding: 2px 5px 2px 5px;
	margin: 0px 5px 0px 0px;
	background-color: #b6bcbf; /* #e7dbbc; */
	color:#FFF;}
span.pagenav-lst { /* aktiv */
   padding: 2px 5px 2px 5px;
   margin: 0px 5px 0px 0px;
   background-color: #FFF;
   color: #676d72; /* #096; */
   border: 1px solid #b6bcbf; /* #e7dbbc; */}
.pagenav1 { /* Seitenzahl oben */
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #c2c2c2;}
.pagenav2 { /* Seitenzahl unten */
	clear: both;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #c2c2c2;}
.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;}



/* Newsletter-Form */
.tab_nlt { width:520px;}
.td1_nlt {width: 100px; font-weight: bold;}
.td2_nlt {width: 160px;}
.td3_nlt {width: 80px; font-weight: bold; padding: 0px 0px 0px 30px;}
.td4_nlt {}

/* Kontakt-Form */
.tab_req { width:520px;}
.td1_req {width: 100px; font-weight: bold;}
.td2_req {width: 160px;}
.td3_req {width: 80px; 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: 400px; 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:#CCC;}
.td1_newssearch { color:#FFF; font-weight:bold; padding: 0px 20px 0px 10px;}
.td2_newssearch { padding: 3px 3px 3px 0px;}

/* Press-List */
.tab_press {width:100%;}
.td1_press {width: 100px; font-weight: bold; padding: 0px 10px 5px 0px;} /*Datum */
.td2_press {width: 400px; padding: 0px 0px 5px 0px;} /* Titel */
.td3_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:#CCC;}
.td1_abovoucher { color:#FFF; font-weight:bold; 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 */

/* Infoboxen */	
.boxstandard { 
	border: 1px solid #333; padding:3px; margin-top:5px; margin-bottom:5px;}
.boxfreetext { 
	padding:3px; background-color: #C03; color: #FFF; margin-top:5px; margin-bottom:5px;}

/* Showart */
.tab_showart { padding: 30px;}
.logo_showart {width: 100%; padding: 0px 0px 0px 75px;background-color: #ffffff; margin:30px 00px 0px -40px;}

/* Showpic */
.showpic {}
.showpic1 {/* Bild mit Copyright */
	background-color: #FFF;
	padding: 2px;
	font-size: 11px;
	color: #FFF;} 
.showpic2 {/* Bildkommentar */
	background-color: #999999;
	font-weight: bold;
	color: #FFF;
	padding: 2px;} 
.showpic3 {/* Funktionen */
	background-color: #999999;
	padding: 3px 10px 10px 10px;}
.showpic31 {/* Previous */
	background-color: #999999;
	white-space: nowrap;}
.showpic32 {/* größer und schließen */
	background-color: #999999;
	text-align:center;}
.showpic33 {/*Next */
	background-color: #999999;
	text-align: right;
	white-space: nowrap;}

/* Showpic */
.tab_showpic {	text-align: center;}
.td1_showpic { border:1px #CCC solid; padding: 2px;} /* Bild mit Copyright */
.td2_showpic { background-color: #ececec; color: #000; 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, A:visited, A:active {color:#6d68c6; text-decoration:underline;}
A:link:hover, A:visited:hover {color:#6d68c6; text-decoration:underline;}

.middle A:link, .middle A:visited, .middle A:active {color:#FFF; text-decoration:none;}
.middle A:hover, .middle A:visited:hover {color:#000; text-decoration:none;}

.middle_op A:link, .middle_op A:visited, .middle_op A:active {color:#FFF; text-decoration:none;}
.middle_op A:hover, .middle_op A:visited:hover {color:#000; text-decoration:none;}

.nav11 A:link, .nav11 A:visited, .nav11 A:active {color:#FFF; text-decoration:none;}
.nav11 A:hover, .nav11 A:visited:hover {color:#000; text-decoration:none;}

.nav12 A:link, .nav12 A:visited, .nav12 A:active {color:#000; text-decoration:none;}
.nav12 A:hover, .nav12 A:visited:hover {color:#6d68c6; text-decoration:none;}

.footer A:link, .footer A:visited, .footer A:active {color:#999; text-decoration:underline;}
.footer A:hover, .footer A:visited:hover {color:#6d68c6; text-decoration:underline;}

.kategorie1-middle A:link, .kategorie1-middle A:visited, .kategorie1-middle A:active {color:#878787; text-decoration:none;}
.kategorie1-middle A:hover, .kategorie1-middle A:visited:hover {color:#000; text-decoration:none;}

/********************************************************************* 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: 11px;
	color: #000;
	line-height: 18px; }
	
hr {
	color: #878787;
	background-color: #999999;
	height: 1px;
	border: 0px;
	margin: 5px 0px 5px 0px;}

p,form { margin:0px;}

.button1 {
	background-image: url(http://vke.steindev.de/img/e/basic/VKE_E/htgr_button.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
   font-size: 11px;
	background-color: #bababa;
	color: #333;
	border-top: 1px solid #c4c4c4;
	border-right: 1px solid #626262;
	border-bottom: 1px solid #626262;
	border-left: 1px solid #c4c4c4;}

.input1 { /* mit Abstand */
	font-size: 11px;
	border: 1px #999 solid;
	background-color: #FFF;
	margin-bottom:5px;}
	
.input2 { /* ohne Abstand */
	font-size: 11px;
	border: 1px #999 solid;
	background-color: #FFF;}
	
.select1 { /* mit Abstand */
	font-size: 11px;
	border: 1px #999 solid;
	margin-bottom:5px;}

.select2 { /* ohne Abstand */
	font-size: 11px;
	border: 1px #999 solid;}

.searchterm {
	background-color: #FF3;}