/*
	*** css fuer vim24 Bau ***
	Torsten Hoppe, hoppe@hoppe-informatik.de
	Teaser #3F61FF 
	Menu   #3F61FF
*/
/* 
	*** Standard *** 
*/
body  { background-color: white; color: black; font-family:Arial,sans-serif; font-size: 10pt; font-weight: normal; text-align: center; margin: 0 0 0 0; }
html,body { height: 100%; }

a:link    { text-decoration:none; background-color: transparent; color: black; font: normal 10pt sans-serif; }
a:visited { text-decoration:none; background-color: transparent; color: black; font: normal 10pt sans-serif; }
a:active  { text-decoration:none; background-color: transparent; color: black; font: normal 10pt sans-serif; }
a:hover   { text-decoration:none; color: black; background-color: #FFFFFF; color: black; font: normal 10pt sans-serif; }

img	  { border:0; vertical-align: middle; }

/*
	*** Bereiche ***
*/
/* Bereich Kopf */
div.kopf { margin:auto; width: 100%; height: 110px;}
/* Banner */
div.banner { 
  border: 0px; border-collapse: collapse;
  color: #000000; background-color: #AAAAAA;
  margin:0px;
  width: 100%; height: 60%; 
  position:relative;
}
/* horizontales Menue */
div.hmenu { 
  margin:auto;
  text-align: left; vertical-align: middle;
  width: 100%; height: 20%; z-index:3;
  color: #FFFFFF; background-color: #002DFF; 
  position:relative;
  float: left;
  padding-top: 2px;
}
/* Lauftext */
div.ltext { 
  margin:auto;
  text-align: left; vertical-align: middle;
  width: 100%; height: 20%; z-index:3;
  color: #FFFFFF; background-color: #FFBF00; 
  position:relative;
  float: left;
  padding-top: 2px;
}
/* links im horiz. Menue */
a.a_hmenu, a:visited.a_hmenu, a:hover.a_hmenu { 
  font: normal 10pt sans-serif;
  color: #FFFFFF; background-color: transparent; 
  padding: 0px;
  margin-right: 15px;
  margin-left:  15px;
}
/* Bilder links im horiz. Menue Heise Austria Heise Medien */
a.a_hmenu_img:visited.a_hmenu_img, a:hover.a_hmenu_img { text-decoration:none; }
td.hmenu_l { vertical-align: middle; width: 25%; padding-bottom: 7px; padding-left: 2%; }
td.hmenu_m { vertical-align: middle; width: 50%; padding-bottom: 2px; text-align: center; }
td.hmenu_r { vertical-align: middle; width: 25%; padding-bottom: 7px; text-align: right; padding-right: 2%; }

/* Bereich gesamte Seite */
div.gesamt {
  /*border: 1px #6F6F6F solid; 
  background-color:#FF0000; */
  margin: auto;
  width: 99%; height: auto;
  padding: 0pt;
}

/* Bereich Menue (links) */
div.menu {
  border: 0px; border-collapse: collapse;
  width: 19%; height: auto;
  float: left;
  padding: 3pt;
}
/* Bereich Hauptmenue (links) */
div.mainmenu {
  border: 0px; border-collapse: collapse;
  width: 100%; height: auto;
  padding: 0pt;
}
/* Bereich Untermenue (links) */
div.submenu {
  border: 0px; border-collapse: collapse;
  width: auto; height: auto;
  visibility: visible;
  overflow: hidden;
  padding-left: 5pt;
}
/* Bereich Inhalt (Mitte) */
div.inhalt {
  border: 1px #000000 solid; border-collapse: collapse;
  color: #000000;
  width: 56%; 
  float: left;
  padding: 3pt;
  margin-left:2px;
  margin-right:2px;
  margin-top: 4px;
  overflow: auto;
  background-color: white;
}
/* Bereich Randleiste (rechts) */
div.rechts {
  border: 0px; border-collapse: collapse;
  width: 20%; height: auto;
  float: right;
  padding: 3pt;
}

/* Bereich History */
div.hist {
  border: 0px; border-collapse: collapse;
  width: auto; height: auto;
  text-align: left;
  float: left;
  padding-left: 10pt;
}

/* Menüpunkte */
/* Rahmentabelle */
table.menu { border: 0px; border-collapse: collapse; }
td.menu    { border: 0px; vertical-align: middle; width: 98%; padding: 0pt; }
/* Textlinks */
a:link.mnu, a:visited.mnu, a:link.submnu, a:visited.submnu {
  border: 1px #555555 solid;
  border-collapse: collapse;
  font: normal 9pt Arial,sans-serif;
  display: block;
  width:95%;
  background-color: white; color: black;
  text-align: left;
  padding: 3px;
  text-decoration:none;
  margin-bottom: 2px;
}
a:hover.mnu,a:hover.submnu { background-color: #3F61FF; color: white; }
a:link.submnu, a:visited.submnu { background-color: #3F61FF; }

/* links Untermenü */
a.a_smnu, a:visited.a_smnu, a:hover.a_smnu { 
  font-family:Arial,sans-serif; font-size: 8pt; font-weight: bold;
  color: #FFFFFF; background-color: transparent; 
  padding: 2px;
}

/* Tabelle um die links */
td.td_smnu { text-align: left; vertical-align: middle; padding: 2px; }

/* Inhaltsfenster */
/* Artikel => akl */
div.cldv_akl {
  border: 0px;
  text-align: center; vertical-align: top;
  width: 98%; 
  float: left;
  overflow: auto;
  padding: 5pt;
  position: relative;
}
div.cldv_akl_titel {
  border-bottom: 1px #000000 solid; border-collapse: collapse;
  font: bold 12pt Arial,sans-serif;
  color: black;
  text-align: center; vertical-align: middle;
}
div.cldv_akl_inhalt {
  border: 0px; border-collapse: collapse;
  font: normal 10pt Arial,sans-serif;
  position: relative;
  text-align: left; vertical-align: top;
}
/* Themensuche - links neben Artikel, über dem Untermenue */
div.cldv_inhs {
  border: 1px #6F6F6F solid; border-collapse: collapse;
  color: white; background-color: #3F61FF;
  width: 98%; height: auto;
  padding: 1pt;
}
div.cldv_inhs_titel {
  border-bottom: 1px #000000 solid;
  text-align: center; vertical-align: middle;
  font: bold 12pt Arial,sans-serif;
}
div.cldv_inhs_inhalt {
  border: 0px; border-collapse: collapse;
  font: bold 10pt Arial,sans-serif;
  text-align: center; vertical-align: middle;
  color: white;
  padding: 0pt;
}
input.tf_inhs  { border: 1px #333333 solid; }
input.btn_inhs { border: 1px #333333 solid; font: normal 8pt sans-serif; background-color: #DDDDDD; padding: 1px; }
span.minitxt_inhs { font: normal 8pt sans-serif; }
td.minitxt_inhs   { font: normal 8pt sans-serif; }

/* Firmensuche - rechts neben Artikel */
div.cldv_frms {
  border: 1px #6F6F6F solid; border-collapse: collapse;
  color: black; background-color: #A2CEF5;
  width: 98%; height: auto;
  padding: 1pt;
}
div.cldv_frms_titel {
  border-bottom: 1px #000000 solid;
  font: bold 12pt Arial,sans-serif;
  text-align: center; vertical-align: middle;
}
div.cldv_frms_inhalt {
  border: 0px; border-collapse: collapse;
  font: bold 10pt Arial,sans-serif;
  color: black;
  text-align: center; vertical-align: middle;
  padding: 0pt;
}
input.tf_frms  { border: 1px #333333 solid; font-family:Arial,sans-serif; font-size: 8pt; font-weight: normal; }
input.btn_frms { border: 1px #333333 solid; background-color: #DDDDDD; font-family:Arial,sans-serif; font-size: 8pt; padding: 1px; }
p.bottomtxt_frms { font: normal 9pt Arial,sans-serif; color: black; padding: 2pt; }

/* Werbung - rechts neben Artikel */
div.cldv_wbg {
  border: 1px #6F6F6F solid; border-collapse: collapse;
  background-color: #3F61FF;
  width: 98%; height: auto;
  margin-top:5px;
  margin-bottom:5px;
  padding: 1pt;
}
td.cltd_wbg_titel {
  border: 0px; border-collapse: collapse;
  font: bold 9pt Arial,sans-serif;
  color: white;
  text-align: center; vertical-align: middle;
}
td.cltd_wbg_inhalt {
  border: 0px; border-collapse: collapse;
  text-align: center; vertical-align: top;
  color: white;
  font-family:Arial,sans-serif; font-size: 10pt; font-weight: normal;
}
/* Werbung - unter Artikel */
div.cldv_wbg1 {
  border: 1px #6F6F6F solid; border-collapse: collapse;
  background-color: #3F61FF;
  width: 98%; height: auto;
  padding: 1pt;
  float: left;
}
/* Startseite news/Tipps etc*/
td.akltitel {
  border: 0px; border-collapse: collapse;
  font: bold 12pt Arial,sans-serif;
  color: #D50041;
  text-align: left; vertical-align: top;
}
div.startseite {
  border-bottom: 1px black solid; border-collapse: collapse;
  width: 98%; height: 30%;
  padding: 5pt;
}
a.a_zakl, a:visited.a_zakl, a:hover.a_zakl { 
  font: bold 10pt Arial,sans-serif;
  color: black; background-color: transparent; 
}

/* Artikelhilfstabelle Text/Bild */
td.akltop   { vertical-align: top; text-align: left;  width: 80%; }
td.aklright { vertical-align: top; text-align: right; width: 20%;}

/* Partner */
table.partner { border: 0px; border-collapse: collapse; }
td.partnerbild, td.partnertext {
  text-align: center; vertical-align: top;
  padding: 10pt; 
}
td.partnertext { text-align: left; }
a:link.a_partnerlink,a:active.a_partnerlink, a:visited.a_partnerlink  { 
  border-bottom: 1px #D50041 solid;
  font-size: 12px; font-family: sans-serif;
  background-color: transparent; color: #D50041;
  padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px;
  text-decoration:none;
}
a:hover.a_partnerlink { border-bottom: 0px; }

/* links */
table.links { border: 0px; border-collapse: collapse; }
td.linktext, td.linklink {
  text-align: left; vertical-align: middle;
  padding: 0pt; 
}
td.linktext { text-align: left; }
a:link.a_link,a:active.a_link, a:visited.a_link  { 
  border-bottom: 1px #D50041 solid;
  font-size: 12px; font-family: sans-serif;
  background-color: transparent; color: #D50041;
  padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px;
  text-decoration:none;
}
a:hover.a_link { border-bottom: 0px; }

/* Trefferliste der Suche */
/* Tabelle der Trefferliste */
table.treffer { border: 1px; border-collapse: collapse; padding: 0pt; }
/* normale Zeilen der Trefferliste */
tr.treffer_nrm {
  /*border: 1px #00FF00 solid;
  border: 1px solid #111111; border-collapse: collapse;*/
}
/* hervorgehobene Zeilen der Trefferliste */
tr.treffer_col { background-color: #FEFFAF; }
/* Tabellenzellen (-spalten) der Trefferliste */
td.treffer_l, td.treffer_r, td.treffer_c  {
  font: normal 10pt sans-serif;
  border-bottom: 1px #BBBBBB solid;
  text-align: left; vertical-align: top;
  padding: 5pt; 
  width: 70%;
}
td.treffer_r  { text-align: right; white-space: nowrap; }
td.treffer_c  { text-align: center; white-space: nowrap; }
/* hervorgehober Firmenname */
span.firma { font-weight:bold; }
/* Trefferanzahl */
span.treffer_anzahl { 
  font: normal 10pt sans-serif; 
  text-align: left; vertical-align: top;
  padding: 10pt; 
}
/* link zur homepage in der Trefferliste */
a:link.a_treffer_url,a:active.a_treffer_url, a:visited.a_treffer_url  { 
  border-bottom: 1px #D50041 solid;
  font: normal 12px sans-serif;
  color: #D50041; background-color: transparent;
  padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px;
  text-decoration:none;
}
a:hover.a_treffer_url { border-bottom: 0px; }
/* link zur email in der Trefferliste */
a:link.a_treffer_email,a:active.a_treffer_email, a:visited.a_treffer_email  { 
  border-bottom: 1px #D50041 solid;
  font: normal 12px sans-serif;
  color: #D50041; background-color: transparent;
  padding-left:2px; padding-right:2px; padding-top:1px; padding-bottom:1px;
  text-decoration:none;
}
a:hover.a_treffer_email { border-bottom: 0px; }

/* Seiten / blättern*/
a:link.a_seiten,a:active.a_seiten, a:visited.a_seiten, a:hover.a_seiten  { 
  border: 1px #AAAAAA solid;
  font: normal 8pt sans-serif;
  text-align: center; vertical-align: middle;
  color: black;
  display: block; width: 20px; height: 15px;
  text-decoration:none;
  padding:2px; 
}
a:hover.a_seiten  { background-color: #FF3333; }
td.seiten  { padding:2px; }
td.aktuelle_seite  {
  border: 1px #AAAAAA solid;
  font: bold 9pt Arial,sans-serif;
  background-color: #AAAAAA;
  display: block; width: 20px; height: 15px;
  text-align: center; vertical-align: middle;
  padding:2px;
}
/* Zelle fuer '...' */
td.ppp {
  font: normal 9pt Arial,sans-serif;
  text-align: center; vertical-align: middle;
}

/* Firmenlinks */
table.table_frmlnk { border: 0px; border-collapse: collapse; padding: 1pt; }
td.td_frmlnk_cap { font: bold 11pt sans-serif; text-align: left; vertical-align: middle; color: #D50041; }
td.td_frmlnk,td.td_frmlnkakt { text-align: left; vertical-align: middle; }
td.td_frmlnkakt { font: bold 10pt sans-serif; color: #D50041; }
a:link.a_frmlnk,a:active.a_frmlnk, a:visited.a_frmlnk, a:hover.a_frmlnk  { 
  border: 0px;
  font: normal 10pt sans-serif;
  text-align: center; vertical-align: middle;
  color: #D50041;
  text-decoration:none;
  padding:2px; 
}
td.td_frmktk { text-align: center; }

/* Firmenartikel */
table.table_frmakl { border: 0px; border-collapse: collapse; padding: 1pt; }
td.td_frmakl_text  { font: normal 10pt sans-serif; text-align: left; vertical-align: top; color: black; width: 80%;}
td.td_frmakl_bild  { text-align: center; vertical-align: top; }
td.td_frmakl_logol, td.td_frmakl_logor, td.td_frmakl_cap  { text-align: center; vertical-align: middle; }

/* Bereich Einblenden Miniwebseite */
div.miniseite {
  margin-left: -400px; 
  position: absolute; 
  visibility: hidden;
  left: 50%; top: 100px; width: 800px; height: auto;
  background-color: #EEEEEE;
  padding: 2pt;
  z-index:10;
}
table.miniseite_tab { background-color:#EEEEEE; border: 1px solid #D50041; text-align: center; }
td.miniseite_cap { background-color:#AAAAAA; border: 0px; text-align: center; font: bold 11pt sans-serif; width: 95%;}

/* Artikellinks */
table.table_akllnk { border: 0px; border-collapse: collapse; padding: 1pt; }
td.td_akllnk_cap { font: bold 10pt Arial,sans-serif; text-align: left; vertical-align: middle; color: #D50041; padding-top: 10px; }
td.td_akllnk	 { text-align: left; vertical-align: middle; }
a:link.a_akllnk,a:active.a_akllnk, a:visited.a_akllnk, a:hover.a_akllnk  { 
  border: 0px;
  font: normal 10pt sans-serif;
  text-align: center; vertical-align: middle;
  color: #D50041;
  text-decoration:none;
  padding:2px; 
}

/* History */
table.table_hist { border: 0px; border-collapse: collapse; padding: 1pt; }
td.td_hist_cap { font: bold 10pt Arial,sans-serif; text-align: left; vertical-align: middle; color: #D50041; padding-top: 10px; }
td.td_histlnk	 { text-align: left; vertical-align: middle; }
a:link.a_hstlnk,a:active.a_hstlnk, a:visited.a_hstlnk, a:hover.a_hstlnk  { 
  border: 0px;
  font: normal 10pt sans-serif;
  text-align: center; vertical-align: middle;
  color: #D50041;
  text-decoration:none;
  padding:2px; 
}

/* Navigation Artikel vor/zurueck/hoch */
td.td_nav_l { text-align: left;  vertical-align: middle; padding-right: 15px; }
td.td_nav_t { text-align: center;vertical-align: middle; padding-right: 15px; }
td.td_nav_r { text-align: right; vertical-align: middle; }
td.td_nav_cap { font: bold 10pt Arial,sans-serif; color: #D50041; text-align: left; vertical-align: middle; }
a:link.a_nav,a:active.a_nav, a:visited.a_nav, a:hover.a_nav { 
  border: 0px;
  font: normal 10pt sans-serif;
  text-align: center; vertical-align: middle;
  color: #D50041;
  text-decoration:none;
  padding:2px; 
}

/* Bildnachweis */
span.bildnachweis { font: normal 8pt sans-serif; color:#9F9F9F; }

/* Branchenliste */
div.braliste {
  background-color: #EEEEEE;
  position:absolute; 
  text-align: center;
  visibility:hidden; 
  z-index: 3;
  border: 1px #AAAAAA solid;
  width: 180px;
}
table.bralist { border: 1px #AAAAAA solid; border-collapse: collapse; padding: 0pt; }
td.bralist { font: normal 8px black; }

/* Text in Bannerzeile */
span.ctext1 { font: bold 11pt sans-serif; white-space: nowrap; color: white; }
span.ctext2 { font: bold 10pt sans-serif; white-space: nowrap; color: white; }
span.ctext3 { font: bold 10pt sans-serif; white-space: nowrap; color: white; }

/* links für alphabetische Listen */
a:link.a_abc,a:active.a_abc, a:visited.a_abc, a:hover.a_abc {
  display: block;
  border: 0px;
  font: normal 10pt sans-serif;
  text-align: left; vertical-align: middle;
  color: #000086;
  text-decoration:none;
  padding:2px; 
}
a:hover.a_abc { background-color: white; }

/* links Alphabet */
a:link.a_alph,a:active.a_alph, a:visited.a_alph, a:hover.a_alph, a:link.a_alphs,a:active.a_alphs, a:visited.a_alphs, a:hover.a_alphs { 
  border: 1px solid #AAAAAA;
  font: normal 9pt sans-serif;
  text-align: center; vertical-align: middle;
  color: #000086;
  text-decoration:none;
  padding:3px; margin-right: 5px; 
}
a:link.a_alphs,a:active.a_alphs, a:visited.a_alphs, a:hover.a_alphs { border: 0; background-color: white; }

/* erweiterte Suche */
  /* einfaches Formular */
div.cldv_suche_einfach_gesamt, div.cldv_suche_erw_gesamt { 
  background-color: #002DFF;
  clear: both;
  padding: 3px;
}
div.cldv_suche_einfach_titel, div.cldv_suche_erw_titel { 
  font: bold 9pt sans-serif;
  text-align: center;
  vertical-align: middle;
  color: white;
  background-color: #002DFF;
  padding: 5px 1px 5px 1px;
}
input.clinp_suche_einfach_btn, input.clinp_suche_erw_btn {
  border: 1px solid black;
  font: bold 10pt sans-serif;
  color: black;
  background-color: #DFDFDF;
}
input.clinp_suche_einfach_inp,input.clinp_suche_erw_inp {
  border: 1px solid black;
  font: normal 10pt sans-serif;
  color: black;
  background-color: white;
  margin-right: 5px;
}
p.clp_suche_einfach_abstand { padding: 2px; margin: 0px; }

  /* erweitertes Formular */
div.cldv_suche_erw_label { font: normal 10pt sans-serif; color: white; width: 250px; float: left; }
div.cldv_suche_erw_inp   { padding: 5px; }
div.cldv_suche_erw_btn   { padding: 5px; text-align: center; }
div.cldv_suche_erw_trenner{ border-top: 1px solid black; margin: 2px 0px 5px 2px; }

  /* Navigation */
div.cldv_suche_nv_gesamt {
  margin: 5px auto;
  border: 0px solid #CC0000;
  padding: 0px;
  text-align:center;
}
li.clli_suche_nv_seite, li.clli_suche_nv_selseite { font: normal 10pt sans-serif; list-style: none; display: inline; margin: 0.4em; padding: 1px 5px 1px 5px; vertical-align: middle; }
li.clli_suche_nv_selseite { border: 1px solid #CC0000; }
ul.clul_suche_nv_seite {
  margin: 0; padding: 3px;
  text-align: center;
  border: 0px solid #CC0000;
}
a:link.cla_suche_nv_seite, a:visited.cla_suche_nv_seite, a:hover.cla_suche_nv_seite {
  text-decoration:none;
  font: normal 10pt sans-serif;
  padding: 1px 5px 1px 5px;
  text-align: center;
  vertical-align: middle;
  color: black;
}
  /* Navigation ENDE */

  /* Trefferliste kurz */
a:link.cla_WSListe,a:visited.cla_WSListe, a:hover.cla_WSListe {
  display: block;
  font: bold 8pt sans-serif;
  text-align: center;
  border:1px solid black;
  right: 2px; top: 2px;
  padding: 0px 2px 0px 2px;
  position: absolute;
}
div.cl_dv_WSTrefferlisteK {
  visibility: hidden;
  padding: 2px;
  font: normal 10pt sans-serif;
  text-align: left;
  vertical-align: top;
  color: black;
  right: 10px; top: 120px; width: 220px; 
  background-color: white;
  z-index: 100;
  position: absolute;
}
div.cl_dv_WSTrefferK {
  font: normal 8pt sans-serif;
  padding: 2px;
  text-align: left;
  vertical-align: middle;
  color: black;
  border-bottom: 1px solid black;
}
a:link.cla_WSTrefferK_nv, a:visited.cla_WSTrefferK_nv, a:hover.cla_WSTrefferK_nv {
  display: block;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
  /* Trefferliste kurz ENDE */

/* erweiterte Suche ENDE */

