/* Startseite */
#contentarea_startseite div.boxen
{
  margin: 27px 0px 0px 0px;
  height: 325px;
  border-top: 1px solid #fff;
}

#contentarea_startseite div.box_startseite
{
  width: 184px;
/*  height: 320px; */
  float: left;
  display: inline;
  margin: 0px 0px 0px 0px;
  padding: 7px 0px 0px 0px;

}

#contentarea_startseite div.boxen div.schnelleinstieg
{
  margin-left: 15px;
}

#contentarea_startseite div.boxen div.downloads
{
  margin-left: 0px;
  padding-left: 15px;
  border-left: 1px solid #fff;
}

#contentarea_startseite div.boxen div.worldwide
{
  margin-left: 0px;
  border-left: 1px solid #fff;
}


#contentarea_startseite div.box_startseite h1
{
  font-weight: normal;
  font-size: 14px;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

#contentarea_startseite div.boxen div.worldwide h1
{
  padding-left: 7px;
}

#contentarea_startseite div.box_startseite div.bild_ww
{
  width: 210px;
  height: 110px;
  background: url('../../assets/common/hellma_ww_klein.jpg') no-repeat;
}

#contentarea_startseite div.boxen div.worldwide div.standorte
{

}

#contentarea_startseite div.boxen div.worldwide div.standorte select
{
  width: 190px;
  border: 1px solid #666;
  margin: 10px 10px 0px 10px;
}

#contentarea_startseite div.box_startseite a,
#contentarea_startseite div.box_startseite a:link,
#contentarea_startseite div.box_startseite a:visited,
#contentarea_startseite div.box_startseite a:hover,
#contentarea_startseite div.box_startseite a:active
{
  padding: 5px 0px 0px 15px;
  display: block;
  background: url('../../assets/common/pfeil_rechts.gif') no-repeat 0px 9px;
}

#contentarea_startseite div.box_startseite a:hover
{

}

#contentarea_startseite div.box_startseite a.download,
#contentarea_startseite div.box_startseite a.download:link,
#contentarea_startseite div.box_startseite a.download:visited,
#contentarea_startseite div.box_startseite a.download:hover,
#contentarea_startseite div.box_startseite a.download:active
{
  padding: 1px 0px 8px 20px;
  display: block;
  background: url('../../assets/common/icons/file.gif') no-repeat 0px 0px;
}

#contentarea_startseite div.box_startseite a.download:hover
{
}

/* filetype wurde angepasst - getcss hinzugefuegt - hier die entspr. definitionen der sheets */
#contentarea_startseite div.box_startseite a.file,
#contentarea_startseite div.box_startseite a.file:link,
#contentarea_startseite div.box_startseite a.file:visited,
#contentarea_startseite div.box_startseite a.file:hover,
#contentarea_startseite div.box_startseite a.file:active
{
  background-image: url('../../assets/common/icons/file.gif');
}
#contentarea_startseite div.box_startseite a.imgfile,
#contentarea_startseite div.box_startseite a.imgfile:link,
#contentarea_startseite div.box_startseite a.imgfile:visited,
#contentarea_startseite div.box_startseite a.imgfile:hover,
#contentarea_startseite div.box_startseite a.imgfile:active
{
  background-image: url('../../assets/common/icons/imgfile.gif');
}
#contentarea_startseite div.box_startseite a.pdffile,
#contentarea_startseite div.box_startseite a.pdffile:link,
#contentarea_startseite div.box_startseite a.pdffile:visited,
#contentarea_startseite div.box_startseite a.pdffile:hover,
#contentarea_startseite div.box_startseite a.pdffile:active
{
  background-image: url('../../assets/common/icons/pdffile.gif');
}
#contentarea_startseite div.box_startseite a.zipfile,
#contentarea_startseite div.box_startseite a.zipfile:link,
#contentarea_startseite div.box_startseite a.zipfile:visited,
#contentarea_startseite div.box_startseite a.zipfile:hover,
#contentarea_startseite div.box_startseite a.zipfile:active
{
  background-image: url('../../assets/common/icons/zipfile.gif');
}
#contentarea_startseite div.box_startseite a.mpgfile,
#contentarea_startseite div.box_startseite a.mpgfile:link,
#contentarea_startseite div.box_startseite a.mpgfile:visited,
#contentarea_startseite div.box_startseite a.mpgfile:hover,
#contentarea_startseite div.box_startseite a.mpgfile:active
{
  background-image: url('../../assets/common/icons/mpgfile.gif');
}
#contentarea_startseite div.box_startseite a.docfile,
#contentarea_startseite div.box_startseite a.docfile:link,
#contentarea_startseite div.box_startseite a.docfile:visited,
#contentarea_startseite div.box_startseite a.docfile:hover,
#contentarea_startseite div.box_startseite a.docfile:active
{
  background-image: url('../../assets/common/icons/docfile.gif');
}
#contentarea_startseite div.box_startseite a.pptfile,
#contentarea_startseite div.box_startseite a.pptfile:link,
#contentarea_startseite div.box_startseite a.pptfile:visited,
#contentarea_startseite div.box_startseite a.pptfile:hover,
#contentarea_startseite div.box_startseite a.pptfile:active
{
  background-image: url('../../assets/common/icons/pptfile.gif');
}
#contentarea_startseite div.box_startseite a.xlsfile,
#contentarea_startseite div.box_startseite a.xlsfile:link,
#contentarea_startseite div.box_startseite a.xlsfile:visited,
#contentarea_startseite div.box_startseite a.xlsfile:hover,
#contentarea_startseite div.box_startseite a.xlsfile:active
{
  background-image: url('../../assets/common/icons/xlsfile.gif');
}
#contentarea_startseite div.box_startseite a.swffile,
#contentarea_startseite div.box_startseite a.swffile:link,
#contentarea_startseite div.box_startseite a.swffile:visited,
#contentarea_startseite div.box_startseite a.swffile:hover,
#contentarea_startseite div.box_startseite a.swffile:active
{
  background-image: url('../../assets/common/icons/swffile.gif');
}
#contentarea_startseite div.box_startseite a.txtfile,
#contentarea_startseite div.box_startseite a.txtfile:link,
#contentarea_startseite div.box_startseite a.txtfile:visited,
#contentarea_startseite div.box_startseite a.txtfile:hover,
#contentarea_startseite div.box_startseite a.txtfile:active
{
  background-image: url('../../assets/common/icons/txtfile.gif');
}
#contentarea_startseite div.box_startseite a.htmfile,
#contentarea_startseite div.box_startseite a.htmfile:link,
#contentarea_startseite div.box_startseite a.htmfile:visited,
#contentarea_startseite div.box_startseite a.htmfile:hover,
#contentarea_startseite div.box_startseite a.htmfile:active
{
  background-image: url('../../assets/common/icons/htmfile.gif');
}

/* Spezial: karte */
#contentarea_startseite div#hellma_worldwide_wrapper
{
/*  border: 1px solid #fff;*/
  display: none;
  position: absolute;
  top: 335px;
  left: 90px;
  width: 530px;
  height: 427px;
/*  background: #dee3e7;  */
}

#contentarea_startseite div#hellma_worldwide_wrapper iframe.ww
{
  position: absolute;
  top: 410px;
  left: 325px;
  width: 200px;
  height: 17px;
  z-index: 100;
}

div#hellma_worldwide
{
  height: 427px;
  z-index: 5000;
/*  background: url('../../assets/common/karte_gross.png') no-repeat;*/
}


/* spezial - tochterspezifische startseite */
#contentarea_startseite div.boxen .content_tochter
{
  float: left;
  width: 385px;
  margin: 7px 0px 0px 15px;
  display: inline;
}

#contentarea_startseite div.boxen content_neu
{
	float: left;
  width: 530px;
  margin: 7px 0px 0px 15px;
  display: inline;
  background: #ddd;
}

a.drucklink,
a.drucklink:link,
a.drucklink:visited,
a.drucklink:hover,
a.drucklink:active
{
  font-size: 9px;
  color: #8c8e90;
  float: right;
  text-align: right;
  padding: 0px 5px 2px 17px;
  background: url('../../assets/common/print.gif') no-repeat 0px 0px;
  text-decoration: none;
}



/****************************************************************************************************************
* CSS-Klassen fuer Kuevetten
****************************************************************************************************************/
.kuevetten_global
{
	margin: 10px 30px 0px 0px;
	border: none;
}

.kuevetten_main_group
{
	margin: 0px 0px 0px 0px;
}


td.mehr
{
	background: url('../../assets/common/bg_kuev_mehr.gif') repeat-y #dee3e7;
}

.mehr a,
.mehr a:link,
.mehr a:visited,
.mehr a:hover,
.mehr a:active
{
  margin: 0px;
  padding: 0px 0px 0px 10px;
	background: url('../../assets/common/pfeil_rechts_weiss.gif') no-repeat 0px 4px;
}

/*
.zurueck
{
	background: url('../../assets/common/bg_kuev_zurueck.gif') repeat-y #dee3e7;
}
*/

.aktiv .mehr a,
.aktiv .mehr a:link,
.aktiv .mehr a:visited,
.aktiv .mehr a:hover,
.aktiv .mehr a:active
{
	background: url('../../assets/common/pfeil_links_weiss.gif') no-repeat 0px 4px;
}

.kennzeichnung
{
	margin: 0px;
	padding: 0px;
}

table.kennzeichnung td
{
	margin: 0px;
	padding: 1px;
	border-spacing: 0px;
	border: none;
}

.kuevetten
{
	width: 100%;
	border-spacing: 0px;
	border: none;
	margin: 0px;
	padding: 0px;
}

table.kuevetten td
{
  border: none;
  border:1px solid blue;
  border-spacing: 0px;
	margin: 0px;
	padding: 1px;
}

.kuevetten_details
{
	width: 100%;
	background: #ffffff;
	border-spacing: 0px;
	border: none;
	/*border:1px solid red;*/
	margin: 0px;
	padding: 0px;
}

table.kuevetten_details tr,
table.kuevetten_details td
{
  border: none;
  /*border:1px solid blue;*/
  border-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

table.kuevetten_details td.spalte_links
{
	width: 50%;
	margin: 0px;
	padding: 1px;
}

table.kuevetten_details td.spalte_rechts
{
	width: 49%;
}

table.kuevetten_details td.lastrow
{
	height: 20px;
	background: #fff;
/*	font-size: 1px; */
/*  background: url('../../assets/common/bg_kuev_mehr.gif') #c4cbd1 repeat-y top right; */
	padding: 0px 0px 5px 0px;
	text-align: right;
/*	border-bottom: 10px solid #c4cbd1; */
}

table.kuevetten_details td.lastrow a,
table.kuevetten_details td.lastrow a:link,
table.kuevetten_details td.lastrow a:visited,
table.kuevetten_details td.lastrow a:hover,
table.kuevetten_details td.lastrow a:active
{
	color: #0d5fa4;
	padding: 0px 10px 0px 20px;
  background: url('../../assets/common/print.gif') no-repeat 0px 0px;
  text-decoration: underline;
}

table.kuevetten_details td.lastrow a:hover
{
  text-decoration: none;
}


.kuevetten_info
{
	width: 100%;
	border-spacing: 10px;
	border: none;
	margin: 10px 10px 10px 10px;
	padding: 0px;
}

table.kuevetten_info td
{
  border: none;
  /* border:1px solid blue; */
	margin: 0px;
	padding: 2px;
}


tr.aktive_box td,
tr.aktive_box
{
  border: none;
}

tr.aktiv td,
tr.aktiv
{
  border: none;
}

.kuevetten_suche_ergebnis
{
	padding: 0px 0px 20px 0px;
}


/************************** produktsuche ********************/

#custom div.produktsuche
{
  background: #c4cbd1;
  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid #fff;
  margin: 0px 0px 20px 0px;
  border-top: 1px solid #fff;
  height: 75px;
}


#custom .produktsuche #such_wrapper
{
  position: static;
}

#custom .produktsuche label
{
  float: left;
  width: 80px;
  margin: 10px 0px 0px 20px;
  padding: 3px 0px 0px 0px;
  display: inline;
  font-weight: bold;
}


#custom div.produktsuche a.link:hover
{
	text-decoration: underline;
}

#contentarea_startseite #custom .produktsuche label
{
  margin-top: 20px;
}

#contentarea #custom .produktsuche label
{
  width: 130px;
}


#custom .produktsuche label.ks
{
  margin: 5px 0px 2px 20px;
}
#contentarea_startseite #custom .produktsuche label.ks
{
  margin: 3px 0px 2px 20px;
}

#custom div.produktsuche a.link,
#custom div.produktsuche a.link:link,
#custom div.produktsuche a.link:visited,
#custom div.produktsuche a.link:hover,
#custom div.produktsuche a.link:active
{
	display: block;
	clear: both;
	float: none;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 11px;
  background: url('../../assets/common/pfeil_rechts.gif') no-repeat 0px 4px;
}
#custom .produktsuche input.produktsuche,
#custom .produktsuche input.volltextsuche
{
  width: 140px;
  border: 1px solid #999;
  padding: 2px 5px 2px 5px;
  margin: 5px 0px 0px 0px;
  background: #fff;
  float: left;
  display: inline;
}

#contentarea_startseite #custom .produktsuche input.produktsuche,
#contentarea_startseite #custom .produktsuche input.volltextsuche
{
  margin-top: 20px;
}

#contentarea #custom .produktsuche input.produktsuche,
#contentarea #custom .produktsuche input.volltextsuche
{
  margin-left: 20px;
  width: 130px;
}

#custom .produktsuche input.submit
{
  float: left;
  border: none;
  width: 18px;
  margin: 5px 0px 0px 0px;
  padding: 2px 0px 2px 0px;
  background: url('../../assets/common/bg_suche_submit.gif') #788f9b no-repeat 3px;
  display: inline;
}

#contentarea_startseite #custom .produktsuche input.submit
{
  margin-top: 20px;
}

#contentarea #custom .produktsuche input.submit
{}


#contentarea_startseite #custom div.produktsuche
{
/* background: url('../../assets/common/bg_suchbox.jpg') repeat-x #c4cdd2; */
}

#contentarea_startseite #custom .produktsuche #such_wrapper,
#contentarea #custom .produktsuche #such_wrapper
{
	display: none;
  height: 145px;
  background: url('../../assets/common/bg_suche_start.jpg') #c4cbd1 no-repeat;
}



/*
#contentarea #custom .produktsuche #such_wrapper
{
  height: 140px;
  border: 1px solid #fff;
  border-width: 0px 0px 1px 0px;
  background: url('../../assets/common/bg_suche_klein.jpg') #c4cbd1 no-repeat;
}
*/

/* ergebnis produktsuche */
#div_suchergebnis
{
  width: 200px;
  position: absolute;
  display: none;

  border: 1px solid #788f9b;
  background: #f4f5f7;
  padding: 0px;
}

/* evil ie/ff hack*/
#div_suchergebnis[id]
{
  width: auto;
}


#div_suchergebnis ul
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#div_suchergebnis ul li
{
  margin: 0px;
  padding: 0px;
}


#div_suchergebnis ul.kategorien
{

}

#div_suchergebnis ul.kategorien li
{
  background: #dee3e7;
}

#div_suchergebnis ul.kategorien li a,
#div_suchergebnis ul.kategorien li a:link,
#div_suchergebnis ul.kategorien li a:visited,
#div_suchergebnis ul.kategorien li a:hover,
#div_suchergebnis ul.kategorien li a:active
{
  display: block;
  font-weight: bold;
  padding: 2px 10px 2px 10px;
  margin: 0px;
  color: #666;
}

#div_suchergebnis ul.kategorien li a:hover
{
  background: #c4cbd1;
}

#div_suchergebnis ul.kategorien li ul.produkte
{

}

#div_suchergebnis ul.kategorien li ul.produkte li
{
  background: #f4f5f7;
}

#div_suchergebnis ul.kategorien li ul.produkte li span
{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  display: inline;
  color: #185da4;
  font-style: italic;
}

#div_suchergebnis ul.kategorien li ul.produkte li a,
#div_suchergebnis ul.kategorien li ul.produkte li a:link,
#div_suchergebnis ul.kategorien li ul.produkte li a:visited,
#div_suchergebnis ul.kategorien li ul.produkte li a:hover,
#div_suchergebnis ul.kategorien li ul.produkte li a:active
{
  font-weight: normal;
  padding: 2px 10px 2px 20px;
  font-size: 10px;
}

#div_suchergebnis ul.kategorien li ul.produkte li a:hover
{
  background: #dee3e7;
}


/************ topnews ***********/

#custom .topnews
{
  border: 1px solid #fff;
  border-width: 1px 0px 1px 0px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 0px;
  background: url('../../assets/common/bg_custom_box.gif');
  /*
  border-left: none;
  border-left: none;
  */
}

#custom .topnews h1
{
  color: #fff;
  padding: 3px 20px 3px 20px;
  margin: 0px;
  background: #c4cbd1;
  border-bottom: 1px solid #fff;
}

#custom .topnews a.mehr,
#custom .topnews a.mehr:link,
#custom .topnews a.mehr:visited,
#custom .topnews a.mehr:hover,
#custom .topnews a.mehr:active
{
  display: none;
  padding: 0px 0px 0px 10px;
  margin: 10px 20px 0px 250px;
  background: url('../../assets/common/pfeil_rechts.gif') #c4cbd1 no-repeat 0px 4px;
}


/************* Produktuebersicht **************/

.wrapper_produkte
{
  margin: 5px 0px 0px 0px;
}

.wrapper_produkte div.produktkategorie
{
  clear: both;
  margin: 0px 0px 0px 0px;
  height: 100px;
}

.wrapper_produkte div.produktkategorie .bild
{
  float: left;
}

.wrapper_produkte div.produktkategorie .bild img
{
  border: 1px solid #fff;
  margin-top: 3px;
  margin-right: 10px;
}

.wrapper_produkte div.produktkategorie .text
{
  width: 360px;
  margin: 0px 0px 0px 110px;
}

.wrapper_produkte div.produktkategorie .text h1
{
  margin: 0px 0px 5px 0px;
}

.wrapper_produkte div.produktkategorie .text p
{

}

.wrapper_produkte div.produktkategorie .text a,
.wrapper_produkte div.produktkategorie .text a:link,
.wrapper_produkte div.produktkategorie .text a:visited,
.wrapper_produkte div.produktkategorie .text a:hover,
.wrapper_produkte div.produktkategorie .text a:active
{
  font-size: 10px;
}

.wrapper_produkte div.produktkategorie .text a:hover
{
  text-decoration: underline;
}

.wrapper_produkte div.produktkategorie .text span.trenner
{
  margin: 0px 5px 0px 5px;
}


/****************************************************************************************************************
* Letter Reiter bei diversen AZ-Listen
* Templates glosassar,
****************************************************************************************************************/
.az_wrapper {
	border: 1px solid #C4CBD1;
	margin: 10px 20px 20px 0px;
	display: block;
	height: 100%;
}

.az_letter_wrapper {
	background: #C4CBD1;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px 0px 0px;
}

.az_letter {
	width: 17px;
	float: left;
	margin: 0px 0px 0px 0px;
	color: #AdAdAd;
}

.az_letter a:link,
.az_letter a:visited,
.az_letter a:hover,
.az_letter a:active
{
	color: #4d4d4d;
}


.az_letter .inactive {
}

.az_letter a.active:link,
.az_letter a.active:visited,
.az_letter a.active:hover,
.az_letter a.active:active
 {
	color: #0d5fa4;
	font-weight: bold;
}

.az_content {
	border-bottom: 3px solid #C4CBD1;
}

.az_content .az_content_left {
	/* background: #fff; */
	/* width: 170px; */
	padding: 5px 10px 0px 10px;
	position: relative;
}

.az_content .az_content_left h1{
	font-size: 11px;
	font-weight: bold;
}

.az_content .az_content_left .az_links {
	margin: 10px 0px 0px 0px;
}

.az_content .az_content_left .az_links a:link,
.az_content .az_content_left .az_links a:visited,
.az_content .az_content_left .az_links a:hover,
.az_content .az_content_left .az_links a:active
{
	padding: 0px 0px 0px 15px;
	background: url('../../assets/common/pfeil_teaser.gif') 0px 2px no-repeat;

}

.az_content .az_content_right {
	float: right;
	font-size: 11px;
	width: 360px;
	padding: 5px;
	background: #DEE3E7;
	line-height: 125%;
	height: 40px;
}


.az_content_right[class] {
	min-height: 40px;
	height: auto;
}

/***** Ende Letter *********************************************************************************************/

/* suggestbox v1 */

  .suggestBoxContainer {
  	border:1px solid black;
	background-color:#fff;
	color:#686868;
	position:absolute;
	z-index:10
  }

  .suggestBox {
	background-color:#fff;
	color:#686868;
  }

  .mouse_over {
  	background-color:#009;
  	font-size: 15px;
	color:#fff
  }

  .suggestBoxContainer div {
    font-size: 15px;
  }


/* standorte wrapper etc */
  div.wrapper_standorte
  {
    border: none;
    width: 450px;
  }

  div.wrapper_standorte div.spalte_links
  {
    float: left;
    width: 200px;

    border-right: 1px solid #ABA9AA;
    padding: 0px 10px 0px 0px;
    margin: 0px 20px 0px 0px;
    display: inline;
  }

  div.wrapper_standorte div.spalte_rechts
  {
    float: left;
    width: 200px;
    margin: 0px;
  }

  div.wrapper_standorte div.spalte_links  select,
  div.wrapper_standorte div.spalte_rechts  select
  {
    width: 190px;
  }


/* haendlersuche */
.hs_result_wrapper
{

}

.hs_result_block
{
	margin: 10px 30px 10px 0px;
	padding: 10px;
	background: #dee3e7;
}

.hs_firma
{
	margin-bottom: 5px;
	font-weight:bold;
}

.hs_strasse
{

}

.hs_plz_ort
{

}

.hs_telefon
{
	margin-top: 5px;
}

.hs_homepage
{

}

.hs_homepage a,
.hs_homepage a:link,
.hs_homepage a:visited,
.hs_homepage a:hover,
.hs_homepage a:active
{
	text-decoration:underline;
}

/*suchbox*/
.hs_box
{
}

.hs_box form
{
	display: inline;
}

.hs_box_inner
{
	padding: 5px 10px !important;
}

.hs_text
{
	clear: both;
	margin: 10px 0px 0px !important;
}

.hs_box input.hs_plz
{
	width: 50px;
	margin-left: 5px;
}

.hs_box .hs_submit
{
	background:#788F9B url(../../assets/common/bg_suche_submit.gif) no-repeat scroll 3px 50%;
	border:medium none;
	margin:5px 0 0;
	padding:2px 0;
	width:18px;
}

.hs_box .hs_link_ww
{
	padding: 10px 0px 10px 5px;
}

.hs_box .hs_link_ww a,
.hs_box .hs_link_ww a:link,
.hs_box .hs_link_ww a:visited,
.hs_box .hs_link_ww a:hover,
.hs_box .hs_link_ww a:active
{
	padding: 0px 0px 0px 11px;
	background:transparent url(../../assets/common/pfeil_rechts.gif) no-repeat scroll 0 4px;
}
