/*
	style sheets fuer levilo.de
	Torsten Hoppe, hoppe@hoppe-informatik.de 04/2009
*/
/* Standard */
body { background-color: #CCCCCC; color: black; font-family:sans-serif; text-align: left; margin: 0; }
img  { border: 0; }
/* Eingabefelder */
input.btn  { background-color: #EFEFEF; color: black; text-align: center; vertical-align: middle; font: bold 9pt sans-serif; border: 1px solid #222222; margin-left: 2px;}
input.btn:hover { background-color: #CC0000; color: white; }
input,textarea,checkbox { font: normal 10pt sans-serif; color: black; border: 1px solid #AAAAAA; }
select   {  border: 1pt solid #AAAAAA; background-color: white; color: black; width: 185px;  }
select.cl_sel_small {  border: 1pt solid #AAAAAA; background-color: white; color: black; width: 65px;  }
input[type=checkbox] { border: 1pt solid #AAAAAA; }

/* hält Inhalt und banner rechts zusammen  */
div.bg { 
  background-color: #CCCCCC;
  margin: 0 auto;
  width: 922px;
}
/* Inhalt außer Werbung */
div.gesamt {
  float: left;
  font: normal 11pt sans-serif;
  width: 800px; 
  background-color: white;
  min-height:700px;
  height:  auto !important; 
  height: 600px;
}

/* rechts Banner */
div.banner_r {
  float: right;
  width: 120px;
  top: 0px;
  background-color: transparent;
}

/* Kopfzeile */
div.cldv_kopf_ges   { margin: 0px; padding: 15px; float: none; text-align: left; background-color:#CC0000;}
/* Schriftzug 'Das Hebetechnikportal' 
span.clsp_kopf_text { padding-left: 25px; font: bold 16pt sans-serif; color: white; }
*/
/* Kopfmenü Impressum/AGB/Kontakt */
div.cldv_kopf_menu { 
  float: right;
  font: normal 12px sans-serif;
  color: white;
}
a:link.cla_kopf_menu, a:visited.cla_kopf_menu, a:hover.cla_kopf_menu {
  text-decoration:none;
  border: 0;
  margin: 0;
  padding: 5px;
  text-align: center;
  color: white;
  font: normal 12px sans-serif;
}
/* Kopfzeile ENDE */

/* Menü */
	/* oben */ 
div.cldv_menu {
  clear: both;
  border: 0; 
  background-image: url(/levilo/img/levilo_menue_bk_w.png); background-repeat: repeat-x; 
  background-color: red;
  position: relative;
  width: 100%; height: 34px;
}
	/* Links */
a:link.cla_menu_aktiv, a:visited.cla_menu_aktiv, a:hover.cla_menu_aktiv,a:link.cla_menu_passiv, a:visited.cla_menu_passiv, a:hover.cla_menu_passiv {
  text-decoration:none;
  border: 0px;
  margin: 0px;
  padding-top: 10px;
  text-align: center; vertical-align: middle;
  color: black;
  font: bold 10pt sans-serif;
  width: 101px; height: 29px;
  display: block;
  float: left;
  background-image: url(/levilo/img/levilo_menue_passiv_w.jpg);background-repeat: no-repeat;
  background-position:0px -5px;
}
a:link.cla_menu_aktiv, a:visited.cla_menu_aktiv, a:hover.cla_menu_aktiv { color: #CC0000; background-image: url(/levilo/img/levilo_menue_aktiv_w.jpg); }
a:hover.cla_menu_passiv { color: #CC0000; }

/* Sprachauswahl */
div.cldv_lang { position: absolute; right: 25px; top: 12px; }
a:link.cl_a_lang, a:visited.cl_a_lang, a:hover.cl_a_lang, a:hover.cl_a_lang { margin-left: 5px; }
/* Sprachauswahl ENDE */

/* Untermenü */ 
div.cldv_submenu {
  border-left: 1px solid #DFDFDF;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  position: absolute;
  background-color: white;
  visibility:hidden;
  width: 125px;
  z-index: 20;
}
a:link.cla_submenu, a:visited.cla_submenu, a:hover.cla_submenu {
  text-decoration:none;
  border: 0px;
  margin: 0px;
  padding: 8px 2px 8px 10px;
  text-align: left; vertical-align: middle;
  color: black;
  font: bold 9pt sans-serif;
  border-bottom: 1px solid #DFDFDF;
  display: block;
}
a:hover.cla_submenu { color:#CC0000; }
/* Menü ENDE */

/* Piktogramme */
a:link.cla_pikt, a:visited.cla_pikt, a:hover.cla_pikt { text-decoration:none; }
/* Piktogramm ENDE */

/* Auswahl Kauf/Miete/beides*/
span.clsp_sel, span.clsp_sel_a { font: bold 9pt sans-serif; padding: 5px; }
span.clsp_sel_a { color: #CC0000; }
div.cldv_sel  { text-align: center; width: 760px; border: 1px solid #AFAFAF; padding: 10px; margin-bottom: 10px; }
/* Auswahl Kauf/Miete/beides Ende*/

/* Fußzeile */
div.cldv_fuss {
  float: left;
  font: normal 9px sans-serif;
  text-align: center;
  background-color: white;
  bottom: 15px;
  width: 800px;
}

/* Inhalt */
div.cl_dv_inhalt {
  clear: both;
  text-align: center;
  border: 0;
  position: relative;
  background-color: white;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  padding: 0;
  width: 100%; height: 100%;
}
/* Inhalt ENDE */

/* Angebotseingabe / Sucheingabe Formular / Parkplatz */
  /* Gruppe */
div.cl_dv_gruppe, div.cl_dv_bilder, div.cl_dv_dok, div.cl_dv_btnbar, div.cl_dv_cap, div.cl_dv_pppcap {
  margin: 0 auto;
  width: 92%;
  border: 1px solid #808080;
  margin-top: 10px;
  padding: 3px;
  clear: both;
}
div.cl_dv_cap { font: bold 11pt sans-serif; color: #cc0000; }
div.cl_dv_pppcap { border: 0; font: bold 11pt sans-serif; color: #cc0000; }

  /* Gruppentitel */
p.cl_p_gruppentitel, p.cl_p_bildertitel, p.cl_p_doktitel {
  font: bold 11pt sans-serif;
  color: #808080;
  background-color: #EFEFEF;
  text-align: left;
  padding: 1px 5px 1px 5px;
}
  /* Eigenschaft */
div.cl_dv_eingitem, div.cl_dv_eingitem2sp, div.cl_dv_eingitem3sp, div.cl_dv_eingitem_s {
  font: normal 10pt sans-serif;
  float: left;
  width: 240px;
  padding: 2px;
  text-align: left;
}
div.cl_dv_eingitem2sp { width: 480px; }
div.cl_dv_eingitem3sp { width: 720px; }
div.cl_dv_eingitem_s  { width: 120px; }

div.cl_dv_eingitemtitel {
  font: bold 9pt sans-serif;
  color: black;
  text-align: left;
  padding: 4px 5px 4px 2px;
  width: 235px;
  margin: 0pt;
}
div.cl_dv_eingiteminp, div.cl_dv_eingiteminp32p { padding: 2px; width: 235px; text-align: left; }
div.cl_dv_eingiteminp32p { width: 720px; }

  /* Beschriftung bei Suche Miete/Kauf neu/Kauf gebr. */
a:link.cl_a_suchtyp_std, a:visited.cl_a_suchtyp_std, a:hover.cl_a_suchtyp_std, a:link.cl_a_suchtyp_sel, a:visited.cl_a_suchtyp_sel, a:hover.cl_a_suchtyp_sel {
  text-decoration:none;
  border: 0;
  margin: 0;
  padding: 5px;
  text-align: center;
  color: black;
  font: normal 11pt sans-serif;
}
a:link.cl_a_suchtyp_sel, a:visited.cl_a_suchtyp_sel, a:hover.cl_a_suchtyp_sel { font: bold 11pt sans-serif; }

  /* Tabelle automat. Beschreibung - Eingabe */
div.cl_dv_eingbeschr_tab {
  font: normal 10pt sans-serif;
  float: left;
  width: 220px;
  padding: 2px 10px 2px 2px;
  text-align: left;
}
  /* Info/Fehler */
div.cl_dv_info {
  margin: 0 auto;
  width: 92%;
  border: 0px solid #808080;
  margin-top: 10px;
  padding: 3px;
  clear: both;
  visibility: hidden;
}

/* Angebotseingabe / Sucheingabe Formular */

/* Anmeldeformular */

table.cl_tab_anm { 
background-color: rgb(246,246,246);
border: 1pt solid #AAAAAA; border-collapse: collapse; border-spacing: 0px;
padding: 2pt;
margin-top: 15px; 
}
td.cl_td_anmcap {
  border: 1pt solid black; border-spacing: 0px;
  font: bold 12pt sans-serif;
  text-align: center;
  vertical-align: middle;
  color: black;
  background-color: rgb(227,227,227);
  padding: 2pt;
}
td.cl_td_anmlabel {
  border: 0pt; border-spacing: 0px;
  font: bold 8pt sans-serif;
  color: #444444; 
  text-align: left;
  vertical-align: middle;
  padding: 2pt;
}
td.cl_td_anminput {
  border: 1pt solid #AAAAAA; border-spacing: 0px; border-collapse: collapse;
  font: bold 8pt sans-serif; 
  color: #444444; 
  text-align: left;
  vertical-align: middle;
  padding: 2pt;
}
td.cl_td_anmnav {
  border-top: 1pt solid #999999; 
  text-align: center;
  vertical-align: middle;
  padding: 2pt;
}
 /* link zum Registrieren */
a:link.cl_lnk_reg, a:visited.cl_lnk_reg {
  border: 0px; 
  padding:2px;
  margin:0px;
  text-align: center;
  color: #FF0C28;
  font: normal 10px sans-serif;
  margin-top: 25px;
}
a:hover.cl_lnk_reg { color: #FF0C28; background-color: white; }

/* Anmeldeformular ENDE */

/* Geräteliste Web */ 
table.cl_tb_webgllist { border: 1pt solid #AAAAAA; border-collapse: collapse; border-spacing: 0px; padding: 2pt; margin-top: 25px; }
td.cl_td_webgllistkopf {
  border: 0pt; 
  font: bold 8pt sans-serif; 
  color: #444444;
  background-color: rgb(246,246,246);
  text-align: center;
  vertical-align: middle;
  padding: 2pt;
}
tr.cl_tr_webgllist0 { background-color: #EEEEEE; font: normal 10pt sans-serif; color: black; }
tr.cl_tr_webgllist1 { background-color: #DDDDDD; font: normal 10pt sans-serif; color: black; } 
tr.cl_tr_webgllist0:hover { background:white; }
tr.cl_tr_webgllist1:hover { background:white; }

td.cl_td_webgllistcaption {
  border: 1pt solid black; border-spacing: 0px;
  font: bold 12pt sans-serif;
  text-align: center;
  vertical-align: middle;
  color: black;
  background-color: rgb(227,227,227);
  padding: 2pt;
}
/* Geräteliste Web ENDE */ 

/* Fehler */
div.cldv_err { 
  border: 2px solid #CC0000;
  background-color: #EDEDED; color: #CC0000;
  font: bold 11pt sans-serif;
  margin: 15px auto;
  padding: 12px;
  width: 450px;
}
/* Fehler Ende */

/* Nachricht */
div.cldv_msg { 
  border: 1px solid black;
  background-color: white; color: black;
  font: bold 11pt sans-serif;
  margin: 15px auto;
  width: 450px;
}
/* Nachricht ENDE */

/* Bildvorschau (Angebot) */
div.cldv_Bildvorschau {
  position: absolute; 
  margin: 0 auto; 
  top: 25px; left: 200px; width: 400px;
  visibility: hidden; 
  z-index: 3;
  background-color: white;
}
img.climg_ml_vorschau { margin-right: 10px; }

/* Ergebnisliste */
div.cldv_el_erg {
  border: 1px solid #CC0000;
  font: bold 12pt sans-serif;
  margin: 15px;
  padding: 15px;
  clear: both;
}
div.cldv_el_zeile {
  border-top: 1px solid #DFDFDF;
  margin-top: 8px;
  clear: both;
}
div.cldv_el_zeile:hover { border: 1px #cc0000 solid; background: #DFDFDF; }

div.cldv_el_bild {
  float: left; 
  text-align: left;
  vertical-align: top;
  padding: 5px;
  width: 85px;
}
div.cldv_el_bez, div.cldv_elg_bez, div.cldv_elg_bj, div.cldv_elg_bstd, div.cldv_el_preis {
  font: normal 10pt sans-serif;
  text-align: left;
  vertical-align: top;
  float: left; 
  padding: 2px;
  width: 420px;
}
div.cldv_el_bez { width: 550px; }
div.cldv_elg_bj, div.cldv_elg_bstd, div.cldv_el_preis { text-align: center; width: 85px; }
div.cldv_el_preis { text-align: right; }

  /* Navigation */
div.cldv_nv_gesamt {
  margin: 5px auto;
  width: 52%;
  border: 0px solid #CC0000;
  padding: 0px;
  clear: both;
  text-align:center;
  white-space:nowrap;
}
li.clli_nv_seite, li.clli_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_nv_selseite { border: 1px solid #CC0000; }
ul.clul_nv_seite {
  margin: 0; padding: 3px;
  text-align: center;
  border: 0px solid #CC0000;
}
a:link.cla_nv_seite, a:visited.cla_nv_seite, a:hover.cla_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 */
  /* Sortierung Liste */
a:link.cla_el_col_cap, a:visited.cla_el_col_cap, a:hover.cla_el_col_cap {
  border: 0px;
  color: black;
  text-decoration:none;
  text-align: center;
  font: bold 12px sans-serif;
}
  /* Sortierung Liste ENDE */
/* Ergebnisliste ENDE */

/* Ergebnis Einzelanzeige */
	/* Kopf */
div.cldv_ergdb_kopf,div.cldv_ergdb_kopfbild,div.cldv_ergdb_kopfbez {
  font: normal 12pt sans-serif;
  color: #CC0000;
  vertical-align: top;
  text-align: left;
  padding: 5px 5px 5px 5px;
  float: left;
}
div.cldv_ergdb_kopfbez { width: 500px; }
div.cldv_ergdb_kopf { border-bottom: 1px solid #DFDFDF; }
	/* Anbieter */
div.cldv_ergdb_anb { float: right; width: 180px; text-align: left; font: normal 10pt sans-serif; color: black; padding-right: 25px; }

	/* Hersteller/ Kategorie ; Merkmale */
div.cldv_ergdb_mrk {
  position: relative;
  float: left;
  margin-top: 15px;
  vertical-align: top;
  text-align: left;
}
	/* Kategorie / Hersteller Bezeichnung */
div.cldv_ergdb_kbez { position: relative; float: left; text-align: left; font: bold 10pt sans-serif; left: 5px; width: 100px; padding: 0px 15px 5px 5px; clear: both; }
	/*  Inhalt */
div.cldv_ergdb_ktxt { position: relative; float: left; text-align: left; font: normal 10pt sans-serif; padding: 0px 15px 5px 25px; }

	/* Bezeichnung des Merkmales */
div.cldv_ergdb_mbez { position: relative; float: left; text-align: left; font: bold 8pt sans-serif; width: 200px; margin: 0px 2px 5px 15px; }
	/*  Inhalt des Merkmales */
div.cldv_ergdb_mtxt { position: relative; float: left; text-align: left; font: normal 8pt sans-serif; margin: 0px 5px 5px 0px; padding-left: 15px; width: 150px; }

	/* automat. Beschreibung */	
div.cldv_ergdb_beschr { position: relative; float: left; margin-top: 15px; }

p.clp_ergdb_beschrc { font: bold 10pt sans-serif;  text-align: left; vertical-align: top; margin-left: 5px; }
p.clp_ergdb_beschr  { font: normal 8pt sans-serif;text-align: left; vertical-align: top; margin: 5px 15px 25px 15px; }

	/* eingegeb. Beschreibung */	
div.cldv_ergdb_e_bez	{ position: relative; clear: both; text-align: left; font: bold 8pt sans-serif; width: 200px; margin: 0px 2px 5px 15px; }
div.cldv_ergdb_e_beschr { position: relative; clear: both; text-align: left; font: normal 8pt sans-serif; margin: 0px 2px 25px 15px; }

	/* Preisliste bei Vermietung */
div.cldv_ergdb_pl	{ position: relative; clear: both; margin: 5px 15px 25px 5px; }
div.cldv_ergdb_pl_cap	{ text-align: left; font: bold 10pt sans-serif; }
div.cldv_ergdb_pl_einh	{ text-align: left; font: normal 10pt sans-serif; margin-left: 15px; padding: 3px; float: left; min-width: 140px; }
div.cldv_ergdb_pl_preis	{ text-align: right;font: normal 10pt sans-serif; margin-left: 5px;  padding: 3px; float: left; min-width: 100px; }

	/* Dokumente */	
div.cldv_ergdb_dokges {
  position: relative;
  float: left;
  margin-top: 15px;
  font: normal 10pt sans-serif;
}
p.clp_ergdb_dokc { font: bold 10pt sans-serif;  text-align: left; vertical-align: top; margin-left: 5px; }

	/* Bildergalerie */
	/* gesamt */
div.cldv_ergdb_bildges {
  position: relative; 
  float: right;
  width: 400px;
  border: 1px solid #A9A9A9;
  background-color: #FAFAFA;
  padding-bottom: 2px;
  margin-bottom: 25px;
}
	/* Einzelbild */
div.cldv_ergdb_pvbild { margin-top: 2px; position: relative; float: left; }
div.cldv_ergdb_bild   { padding: 2px; margin-top: 15px; position: relative; float: right; }

	/* div Liste/parken */
div.cldv_ergdb_zlpark { margin: 0 auto; width: 400px; clear: both; }

	/* link zur Liste/Parken  */
input.btn_ergdb_zl {
  border: 1px #000000 solid;
  color: black;
  background-color: white;
  text-decoration:none;
  padding: 5px;
  text-align: center;
  font: bold 12px sans-serif;
  width: 190px;
  margin-left: 5px;
}
input.btn_ergdb_zl:hover { background-color: red; color: white; }

/* Ergebnis Einzelanzeige ENDE */

/* eigene Angebote */
div.cldv_ang_cap {
  border: 1px solid #CC0000;
  font: bold 12pt sans-serif;
  margin: 15px;
  padding: 15px;
  clear: both;
}
div.cldv_ang_zeile { border-top: 1px solid #DFDFDF; margin-top: 8px; clear: both; }
div.cldv_ang_zeile_cap { border: 0px; margin-top: 4px; margin-bottom: 4px; clear: both; }

div.cldv_ang_bild {
  float: left; 
  text-align: left;
  vertical-align: top;
  padding: 5px;
  width: 85px;
}
div.cldv_ang_col, div.cldv_ang_col_c {
  font: normal 10pt sans-serif;
  text-align: left;
  vertical-align: top;
  float: left; 
  padding: 15px 5px 5px 5px;
  width: 115px;
}
div.cldv_ang_col_c { text-align: center; }
div.cldv_ang_col_cap {
  font: normal 10pt sans-serif;
  text-align: center;
  vertical-align: top;
  float: left; 
  padding: 15px 5px 5px 5px;
  width: 115px;
}
a:link.cla_ang, a:visited.cla_ang, a:hover.cla_ang {
  text-decoration:none;
  border: 0px;
  margin: 0px;
  text-align: left; vertical-align: middle;
  color: black;
  font: normal 10pt sans-serif;
}
  /* Sortierung Liste */
a:link.cla_ang_col_cap, a:visited.cla_ang_col_cap, a:hover.cla_ang_col_cap {
  border: 0px;
  color: black;
  text-decoration:none;
  text-align: center;
  font: bold 12px sans-serif;
}
/* eigene Angebote ENDE */


div.clear { clear: both;}

/* AGB */
p.cl_p_agb_cap { font: bold 12pt sans-serif; text-align: center; }
/* AGB Ende */

/* E-Mail Versand */
/* E-Mail Versand ENDE */