/* Stylesheet Inhaltsteil
www.hebie.de
Start: 04.02.2008
Letzte Aenderung: 15.06.2008
*/

/*---------- Tooltip für HEBIE-Worldwide -----------*/
p.map_int span.tooltip {
  display:block;
  position:absolute;
  top:30px; left:400px;
  z-index: 100;
	padding: 15px 0 0 0;
	width:226px;
	color: #333333;
  text-align: center;
  font-size: 11px;
}

p.map_int span.tooltip span.top {
  display: block;
	padding: 42px 8px 0;	
  background: url(../images/tt_komplett.gif) no-repeat top;
}

p.map_int span.tooltip span.middle {
  display: block;
	padding: 0 8px; 
	background: url(../images/tt_mittlererTeil.gif) repeat bottom; 
}

p.map_int span.tooltip span.bottom {
  display: block;
	padding:3px 8px 10px;
	color: #548912;
  background: url(../images/tt_komplett.gif) no-repeat bottom;
}

/*---------- ENDE Tooltip für HEBIE-Worldwide -----------*/

#legende {
  padding: 15px 5px 20px 15px;
  border-bottom: 1px dashed #333;
  font-size: 11px;
  background-color: #333;
  color: #fff;
}

/*---------- Tooltip für Bildlinks -----------*/
a.tt_img{
    position:relative;
    z-index:24;
    color:#f00;
	  font-weight:bold;
    text-decoration:none;    
    font-size: 11px;
}

/*hack für OPERA; kann position: relative; nicht verarbeiten*/
html:first-child>b\ody a.tt_img { position:static;}

a.tt_img span{ display: none; }

/*background:; ist der IE6 hack, */
a.tt_img:hover{ 
  z-index:25;
  color: #aaaaff; 
  background: transparent;
}
  
a.tt_img:hover span.tooltip{
  display:block;
  position:absolute;
  bottom: -50px; left:0;
  z-index: 100;
	padding: 15px 0 0 0;
	width:226px;
	width:154px;
	color: #333333;
  /*text-align: left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}

* html a.tt_img:hover span.tooltip{
  top: 60px;
}

a.tt_img:hover span.top{
	display: block;
	padding: 42px 8px 0;	
  background: url(../images/tt_komplett_schmal.gif) no-repeat top;
}
a.tt_img:hover span.middle{ 
	display: block;
	padding: 10px 8px 0 8px; 
	background: url(../images/tt_mittlererTeil_schmal.gif) repeat bottom; 
}
a.tt_img:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
  background: url(../images/tt_komplett_schmal.gif) no-repeat bottom;
}

/*---------- ENDE Tooltip für Bildlinks -----------*/

/*---------- Tooltip für Text -----------*/
a.tt_txt{
    position:relative;
    z-index:24;
    color:#f00;
	  font-weight:bold;
    text-decoration:none;    
    font-size: 11px;
}

/*hack für OPERA; kann position: relative; nicht verarbeiten*/
html:first-child>b\ody a.tt_txt { position: fixed; }

a.tt_txt span{ display: none; }

/*background:; ist der IE6 hack, */
a.tt_txt:hover{ 
  z-index:25;
  color: #aaaaff; 
  background: transparent;
}
  
a.tt_txt:hover span.tooltip{
  display:block;
  position:absolute;
  bottom: 0; left:0;
  z-index: 100;
	padding: 15px 0 0 0;
	width:226px;
	color: #333333;
  text-align: left;
	/*filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}

* html a.tt_txt:hover span.tooltip{
  top: -150px;
}

a.tt_txt:hover span.top{
	display: block;
	padding: 42px 8px 0;	
  background: url(../images/tt_komplett.gif) no-repeat top;
}
a.tt_txt:hover span.middle{ 
	display: block;
	padding: 0 10px; 
	background: url(../images/tt_mittlererTeil.gif) repeat bottom; 
}
a.tt_txt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
  background: url(../images/tt_komplett.gif) no-repeat bottom;
}

/*---------- ENDE Tooltip für Text -----------*/

#inhalt {
  padding: 0 5px 20px 5px;
  background-color: #ffffff;
}

#inhalt_suche {
  padding: 0 5px 20px 5px;
  background-color: #ffffff;
}

#startseite {
  /*width: 412px;*/
  /*height: 100%;*/
  background-color: #ffffff;
  /*padding: 0 20px 10px 20px;*/
  border-left: 1px #333333 dashed;
  border-right: 1px #333333 dashed;  
  font-size: 0.7em;
}

.inhaltselement {
  position: relative;
  width: 400px; 
  border-bottom: 1px #333333 dashed;
  padding: 15px 5px 20px 15px; 
}

/*#startseite p {
  margin-top: 10px;
  padding: 20px 0 10px 0;
  border-top: 1px #333333 dashed;
}*/

#startseite img {
  /*padding: 5px;*/
}

#startseite a {
  color: #f00;
	font-weight: bold;
	font-size: 11px;
	padding-left: 13px;
	background-image: url(../images/pfeil_re.gif);
	background-repeat: no-repeat;	
	background-position: left;
	text-decoration: none;
}

#startseite a:hover {
  color: #333;
  background-image: url(../images/pfeil_re_aktiv.gif);
	background-repeat: no-repeat;	
	background-position: left;
}

#startseite dd {
  padding: 0 0 10px 5px;  
  font-size: 1em;
}

#startseite dt {
  padding-bottom: 10px;
}


#startseite dt a , #startseite dt a:hover {
  background-image: none;
  padding-left: 0;
}

#startseite ul {
  padding: 0 0 30px 20px;
}

#felderschema {
  /*width: 412 px;*/
  /*height: 100%;*/
  background-color: #ffffff;
  border-left: 1px #333333 dashed;
  border-right: 1px #333333 dashed;  
}

#schema_type_city {
  width: 412px;
  height: 48px;
  background-color: #ffffff;
  background-image: url(../images/Icon_City_Toursoft.gif);
	background-repeat: no-repeat;	
  text-indent: -10000px;
  border-bottom: 1px #333333 dashed;
}

#schema_type_tour {
  width: 412px;
  height: 48px;
  background-color: #ffffff;
  background-image: url(../images/Icon_Citysoft_Tour.gif);
	background-repeat: no-repeat;	
  text-indent: -10000px;
  border-bottom: 1px #333333 dashed;
}

#schema_type_kein {
  width: 412px;
  height: 48px;
  background-color: #ffffff;
  background-image: url(../images/Icon_Citysoft_Toursoft.gif);
	background-repeat: no-repeat;	
  text-indent: -10000px;
  border-bottom: 1px #333333 dashed;
}

#schema_standard_loesung {
  width: 412px;
  height: 46px;
  background-color: #ffffff;
  background-image: url(../images/Icon_Loesung.gif);
	background-repeat: no-repeat;	
  text-indent: -10000px;
}

#schema_standard_klassiker {
  width: 412px;
  height: 46px;
  background-color: #ffffff;
  background-image: url(../images/Icon_Klassiker.gif);
	background-repeat: no-repeat;	
  text-indent: -10000px;
}

#schema_standard_einsteiger {
  width: 412px;
  height: 46px;
  background-color: #ffffff;
  background-image: url(../images/Icon_Einsteiger.gif);
	background-repeat: no-repeat;	
  text-indent: -10000px;
}

#schema_standard_kein {
  width: 412px;
  height: 46px;
  background-color: #ffffff;
  text-indent: -10000px;
}

/*BOX für Bilddatei und Logo des aktuellen Produkts */
#produkt {
  width: 100%; 
  border-bottom: 1px #333333 dashed;
}

/*BOX für INFO, DATEN, ANBAU, MAßE etc. */
.prod_info {
  position: relative;
  width: 310px; 
  /*border-bottom: 1px #333333 dashed;
  padding: 5px 0 5px 10px; */
}

.prod_info p {
  font-size: 11px;
}

.prod_info table {
  font-size: 11px;
}

.prod_info th {
  vertical-align:top;
}

.clear {
  clear: both;
}

.prod_info a {
  color: #f00;
	font-weight: normal;
	font-size: 11px;
	padding-left: 13px;
	background-image: url(../images/pfeil_re.gif);
	background-repeat: no-repeat;	
	background-position: left;
	text-decoration: underline;
}

.prod_info a:hover {
  color: #333;
  background-image: url(../images/pfeil_re_aktiv.gif);
	background-repeat: no-repeat;	
	background-position: left;
}

.prod_info .tx-rggooglemap-pi1 a {background-image: none; padding-left: 0;}

.prod_info img {
  /*padding-left: 5px;*/
  padding-top: 5px;
}

/*.prod_info dl {
  float: left;
}
*/
.prod_info dd {
  padding-top: 5px;
  font-size: 0.7em;
}

.prod_info dt a {
   background-image: none;
   padding-left: 0;
}

.prod_info dt a:hover {
   background-image: none;
   padding-left: 0;
}

.prod_info ul {
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 11px;
}

.prod_info li {

}

/*Überschrift für INFO, DATEN, ANBAU, MAßE etc. */
#felderschema h6 {
  width: 70px;
  background-color: #333;
  color: #fff;
  position: absolute;
  top: -14px;
  bottom: -19px;
  left: 327px;
  font-size: 0.8em;
  padding: 5px;    
}

#felderschema table {
  width: 100%;
  border-collapse: collapse;
  
}

#felderschema table thead{
  width: 100%;
  background-color: #ffffff;
}

#felderschema table tbody{
  width: 100%;
  background-color: #ffffff;
}

#felderschema table tfoot{
  width: 100%;
  background-color: #ffffff;
  
}

#felderschema table tr td{
  width: 210px;
  /*width: 50%;*/
  text-align: center;
  
}

td.city {
  border-right: 1px #333333 dashed;
}

td.tour {  
}

tbody td.city {
  background-color: #ffffff;
}

tbody td.tour {
  background-color: #ffffff;
}

tfoot td.city {
  height: 34px;
  background-image: url(../images/Icon_City.gif);
	background-repeat: no-repeat;	
	background-position: right;
  text-indent: -10000px;
  border-bottom: 1px #333333 dashed;
}

tfoot td.tour {
  height: 34px;
  background-image: url(../images/Icon_Tour.gif);
	background-repeat: no-repeat;	
	background-position: left;
	text-indent: -10000px;
	border-bottom: 1px #333333 dashed;
}

/* Formatierung des HEADERS der Lösungstabelle mit Hintergrundbildern etc. - START -*/
#loesung thead td.city {
  height: 45px;
  background-image: url(../images/Icon_City_Loesung.gif);
	background-repeat: no-repeat;	
	background-position: right;
	text-indent: -10000px;
}
#loesung thead td.tour {
  height: 45px;
  background-image: url(../images/Icon_Tour_Loesung.gif);
	background-repeat: no-repeat;	
	background-position: left;
  text-indent: -10000px;
}
/* Formatierung des HEADERS der Lösungstabelle mit Hintergrundbildern etc. - ENDE -*/

/* Formatierung des HEADERS der Klassikertabelle mit Hintergrundbildern etc. - START -*/
#klassiker thead td.city {
  height: 45px;
  background-image: url(../images/Icon_City_Klassiker.gif);
	background-repeat: no-repeat;	
	background-position: right;
	text-indent: -10000px;
}
#klassiker thead td.tour {
  height: 45px;
  background-image: url(../images/Icon_Tour_Klassiker.gif);
	background-repeat: no-repeat;	
	background-position: left;
  text-indent: -10000px;
}
/* Formatierung des HEADERS der Klassikertabelle mit Hintergrundbildern etc. - ENDE -*/

/* Formatierung des HEADERS der Klassikertabelle längenverstellbar (nur Kettenschützer) mit Hintergrundbildern etc. - START -*/
#klassiker_l thead td.city {
  height: 45px;
  background-image: url(../images/Icon_City_Klassiker.gif);
	background-repeat: no-repeat;	
	background-position: right;
	text-indent: -10000px;
}
#klassiker_l thead td.tour {
  height: 45px;
  background-image: url(../images/Icon_Tour_Klassiker.gif);
	background-repeat: no-repeat;	
	background-position: left;
  text-indent: -10000px;
}

#klassiker_l td.city {
  border-right: 1px #ffffff dashed;
}

#klassiker_l tfoot td.city {
  height: 34px;
  background-image: url(../images/Icon_City_soft.gif);
	background-repeat: no-repeat;	
	background-position: right;
  text-indent: -10000px;
  border-bottom: 1px #333333 dashed;
}

#klassiker_l tfoot td.tour {
  height: 34px;
  background-image: url(../images/Icon_Tour_soft.gif);
	background-repeat: no-repeat;	
	background-position: left;
	text-indent: -10000px;
	border-bottom: 1px #333333 dashed;
}
/* Formatierung des HEADERS der Klassikertabelle längenverstellbar (nur Kettenschützer) mit Hintergrundbildern etc. - ENDE -*/


/* Formatierung des HEADERS der Einsteigertabelle mit Hintergrundbildern etc. - START -*/
#einsteiger thead td.city {
  height: 45px;
  background-image: url(../images/Icon_City_Einsteiger.gif);
	background-repeat: no-repeat;	
	background-position: right;
	text-indent: -10000px;
}
#einsteiger thead td.tour {
  height: 45px;
  background-image: url(../images/Icon_Tour_Einsteiger.gif);
	background-repeat: no-repeat;	
	background-position: left;
  text-indent: -10000px;
}
/* Formatierung des HEADERS der Einsteigertabelle mit Hintergrundbildern etc. - ENDE -*/


/*Fließtext für INFO, DATEN, ANBAU, MAßE etc. */

/*#felderschema p {
  padding: 5px 80px 5px 5px;
  font-size: 0.7em;
}*/

#felderschema a {}

#felderschema a:hover {}

#inhalt_extras {
  position: relative;
  padding: 5px 0 5px 0;
  text-align: left;
}
#inhalt_extras ul{
  list-style-type: none;
  display: inline;
}
#inhalt_extras ul li{
  display: inline;
}

#inhalt_extras a {
  color: #333;
	font-weight: bold;
	font-size: 11px;
	padding-left: 12px;
}

#inhalt_extras .tx-pmtipafriend-pi1 {
  position: absolute;
  left: 166px;
  top: 0;
  padding: 5px 0 5px 0;
}


#inhalt_navi {
  text-align: left;
  padding: 5px 0 5px 0;
  border-top: 1px #333333 dashed;
  border-bottom: 1px #333333 dashed;
}

#inhalt_navi_obohne {
  text-align: left;
  padding: 5px 0 5px 0;
  /*border-top: 1px #333333 dashed;*/
  border-bottom: 1px #333333 dashed;
}

#inhalt_navi_start {
  text-align: left;
  padding: 5px 0 5px 0;
  border-left: 1px #333333 dashed;
  border-right: 1px #333333 dashed;
  border-bottom: 1px #333333 dashed;
}

#inhalt_navi ul, #inhalt_navi_obohne ul, #inhalt_navi_start ul {
  list-style-type: none;
  display: inline;
}
#inhalt_navi ul li, #inhalt_navi_obohne ul li, #inhalt_navi_start ul li{
  display: inline;
}

#inhalt_navi a, #inhalt_navi_obohne a, #inhalt_navi_start a {
  color: #333;
	font-weight: bold;
	font-size: 11px;
	padding-left: 12px;
}


#startseite .tx-pmtipafriend-pi1 {
  position: relative;

}

form#tipafriend label  { 
 margin-bottom: 0;
}

form#tipafriend input, textarea {  
 width: 300px;
 margin-bottom: 0;
 background: #eee;
  display: block;
}

form#tipafriend input:focus, textarea:focus {
 color: #000;
 background: #fff;
 outline: 1px solid red;
}

form#mailform {
  font-size: 11px;
}

form#mailform select, input, textarea {  
 width: 300px;
 margin-bottom: 10px;
 background: #eee;
display: block;
}

form#mailform input:focus, textarea:focus {
 color: #000;
 background: #fff;
 outline: 1px solid red;
}
form#mailform .csc-mailform-submit {
  border: 1px solid grey;
}

#abstandhalter_oben {
  height: 32px;
}