html 
{
	font: 62.5% Arial, Helvetica, Sans-Serif;
}

body, html 
{
    margin: 0px;
    padding: 0px;
    background: #ffffff;
}

form 
{
  	margin: 0px;
  	padding: 0px;
}

ul 
{
	margin: 0;
	padding: 0;
}

p 
{
	padding: 0;
	margin: 0;
}

/* Inhalt ------------------------------------------------------------------- */

/* Content */
#content 
{
	margin-left: 0px;
	background-color: #fff;
	width: 575px;
	float: left; 
	
}

#content.textseite 
{
	padding:20px 9px 10px 9px;
	width: 575px;
}
/* Kopfzeile ---------------------------------------------------------------- */
#home {
	position: absolute;
	left: 1px;
	height: 11em;
	width: 16em;
	background: #c00;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #fff;
}

/* Inhalt ------------------------------------------------------------------- */
#content h2 
{
	font-size: 2.4em;
	font-weight: normal;
	color: #ff0000;
	margin: -5px 0 0 -2px;
}

#content .t1b
{
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	margin:1em 0 1em 0px;
}

#content .t1
{
	font-size: 1.2em;
	font-weight:normal;
	color: #000000;
	margin:1em 0 1em 0px;
}

#content .h3b
{
	font-size: 1.4em;
	font-weight: bold;
	color: #666666;
	margin-top:1em;
	margin-bottom:1em;
}

#content  .hgb
{
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	margin-top:1em;
	margin-bottom:1em;
}

#content p 
{
	margin-bottom: 1em;
}

#content table {
	font-size: 1em;
}

#content  .beispielrechnung,
#content  .formular
{
	font-size: 1em;
	margin: 0 0 0 -1px;
	position: relative;
	background-color: white;
}

#content  table.details,
#content  .formular
{
	width: 48em; /* volle Breite */
}

/* ausser in der Beispielrechnung! */
#content  form.beispielrechnung {
	width: 40em;
}

#content  table tr.ungerade
{
	background-color: #ffffff;
}

#content  table tr.gerade
{
	background-color: #e9e9e9;
}

div .tabelle_header_foot
{
	background-image: url(../images/tabelle_header_foot.gif);
	padding-top:0.5em;
	padding-bottom:0.5em;
	vertical-align:middle;
}

#content  table td.text
{
	font-size: 1.1em;
	padding: 0.5em 0em;
	font-weight:bold;
	border: none;
}

#content  table.details table td.textnormal
{
	font-size: 1.1em;
	padding-left: 0px;
	font-weight:normal;
	border: none;
}

#content  div table.details table td.textnormal
{
	font-size: 11px;
	padding-left: 0px;
	font-weight:normal;
	border: none;
}

#content  table td
{
	font-size: 1.1em;
	padding: 0.5em 0.7em;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
}

#content  table td.spalte1
{
	font-size: 1.1em;
	padding-left: 0.5em;
}

#content  table td.spalte2
{
	font-size: 1.1em;
	padding: 0.5em 0.7em;
	border-top: 1px solid #444444;
	border-right: 1px solid #444444;
	border-left: none;
}

#content table th, 
#content table td
{
	font-size: 1.2em;
	padding: 0;
	border-left: 1px solid #444444;
	border-top: 1px solid #444444;
	border-right: none;
}

#content table th
{
	font-weight: bold;
	color: #666666;
}
#content table td
{
	font-weight:normal;
	color: #000000;
}

#content table.details th 
{
	font-weight: bold;
	font-size: 1.2em;
	padding: 0em;
	border-left: none;
	border-top: 1px solid #444444;
	border-right: none;
}

#content  table.details td
{
	font-size: 1.1em;
	padding: 0 0.7em 0.5em 0.7em;
	border-left: none;
	border-top: none;
	border-right: none;
}

#content  table.details td.titel
{
	font-size: 1.1em;
	font-weight:bold;
	padding: 0.5em 0.7em;
	border-left: none;
	border-top: none;
	border-right: none;
}

#content  .beispielrechnung td,
#content .formular table#formularTabelle,
#content .formular table#formularTabelle table,
#content .formular td
{
	margin: 0;
	padding: 0;
	border: none;
}

#content  .beispielrechnung table#formularTabelle,
#content .formular table#formularTabelle {
	width: 100%;  
}

.produktabschluss_wrap
{
	float:left;
	clear:both;
	width:100%;
	padding-top:.5em;
}
.produktabschluss 
{
	float: right;
	clear: right;
	text-align: right;
	margin-top: 0em;
}

#content .produktabschluss_wrap .produktabschluss .formularsubmitbutton_suchen
{
	background: url(../images/Suchen.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 100px;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 100px;
	height: 35px;
}

#content .produktabschluss_wrap .produktabschluss .formularsubmitbutton_erweitertesuche
{
	background: url(../images/Erweiterte_Suche.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 159px;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 159px;
	height: 30px;
}

#content .produktabschluss_wrap .produktabschluss .formularsubmitbutton_einfachesuche
{
	background: url(../images/Einfache_Suche.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 149px;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 149px;
	height: 30px;
}


#content .produktabschluss_wrap .produktabschluss .formularsubmitbutton_ergebniskarte
{
	background: url(../images/Ergebniskarte.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 139px;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 139px;
	height: 30px;
}

#content .produktabschluss_wrap .produktabschluss .formularsubmitbutton_wegalstext
{
	background: url(../images/WegAlsText.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 126px;
	margin: 2em 0 0.5em 0;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 126px;
	height: 35px;
}

#content form input.formularsubmitbutton_suchen
{
	background: url(../images/Suchen.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 100px;
	margin: 2em 0 0.5em 0;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 100px;
	height: 35px;
}

#content form input.formularsubmitbutton_neuesuchen
{
	background: url(../images/NeueSuche.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 126px;
	margin: 2em 0 0.5em 0;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 126px;
	height: 35px;
}

#content form input.formularsubmitbutton_wegbeschreibung
{
	background: url(../images/Wegbeschreibung.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 157px;
	margin: 2em 0 0.5em 0;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 157px;
	height: 35px;
}

#content form input.formularsubmitbutton_wegalstext
{
	background: url(../images/WegAlsText.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 126px;
	margin: 2em 0 0.5em 0;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 126px;
	font-size:14pt;
	height: 35px;
}

#content .produktabschluss_wrap .produktabschluss .formularsubmitbutton_ergebnisliste
{
	background: url(../images/Ergebnisliste.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 139px;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 139px;
	height: 30px;
}

#content input.formularsubmitbutton_detailkarte
{
	background: url(../images/Detailkarte.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 120px;
	margin: 2em 0 0.5em 0;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 120px;
	height: 35px;
}

#content form input.formularsubmitbutton_senden
{
	background: url(../images/Senden.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding: 5px 0px 5px 105px;
	margin: 2em 0 0.5em 0;
	text-transform: none;
	font-weight: bold;
	color: #666666;
	cursor: pointer;
	width: 105px;
	height: 35px;
}

#content input.formularsubmitbutton_nach_filiale
{
	background: url(../images/order_az.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding-left: 21px;
	margin-top: 2em;
	text-transform: none;
	font-weight: bold;
	color: #666666; 
	width: 110px;
	cursor: pointer;
	height: 19px;
}

#content input.formularsubmitbutton_nach_plz
{
	background: url(../images/order_plz.gif) no-repeat left center;
	border: none;
	text-align: left;
	padding-left: 21px;
	margin-top: 0em;
	margin-bottom: 1em;
	text-transform: none;
	font-weight: bold;
	color: #666666; 
	width: 110px;
	cursor: pointer;
	height: 19px;
}

/* Tertiaernavigation ------------------------------------------------------- */
#tertiaernavigation 
{
	/*clear: both;*/
 	margin-top: 0em;
 	margin-left: -1em;
 	margin-right: -1.2em;
 	margin-bottom: 0.5em;
}

#tertiaernavigation .ul,
#tertiaernavigation ul 
{
 	/*float:left;*/
 	float:none;
	padding: 0em 0px 0.5em 0px;
}

#tertiaernavigation li.btn_erweiterte_suche
{
	display: block;
	background: url(../images/Erweiterte_Suche.gif) no-repeat right top;
 	text-align:right;
 	width: 159px;
	height: 30px;
 }

#tertiaernavigation li.btn_einfache_suche
{
	display: block;
	background: url(../images/Einfache_Suche.gif) no-repeat right top;
 	text-align:right;
 	width: 149px;
	height: 30px;
 }

#tertiaernavigation .li,
#tertiaernavigation .li.first,
#tertiaernavigation li,
#tertiaernavigation li.first  
{
	display: block;
    padding-top: 3px;
    padding-right: 12px;
	background: url(../images/link_pfeil_klein.gif) no-repeat right top;
	margin-right: 18px;
 	text-align:right;
 }

#tertiaernavigation li.first,
#tertiaernavigation .li.first 
{
	background: url(../images/link_pfeil_back.gif) no-repeat right top;
}

#tertiaernavigation a 
{
	text-decoration: none;
	color:red;
	font-weight:bold;
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
 	padding-right:12px;
}

#tertiaernavigation span
{
	color: #000;
	text-decoration: none;
	font-weight:bold;
	font-size:1.2em;
	font-family: Arial, Helvetica, sans-serif;
 	padding-right:12px;
}

/************************** Erste Fusszeile
 * Seitenanfang - Seite empfehlen - Seite drucken */
#serviceleiste, 
#serviceleiste_map
{
	clear: both;
	margin-left: 0px; /* fuer die Navi */
	width: 597px;
	height: 17px; 
	background: url(../images/service_bg.gif) repeat-x;
	border-top: 1px solid #979797;
	border-bottom: 1px solid #ADADAD;
}

#serviceleiste a,
#serviceleiste_map a
{
	font-size: 1.2em;
	font-weight: bold;
	color: white;
	text-decoration: none;
}

#serviceleiste ul,
#serviceleiste_map ul 
{
	margin: 0;
	padding: 0;
}

#serviceleiste li, #serviceleiste_map li
{
	padding-left: 23px;
	margin-left: 10px;
	list-style: none;
	vertical-align:middle;
}

#serviceleiste li#seitenanfang, #serviceleiste_map li#seitenanfang
{
	background: url(../images/icon_nachoben.gif) no-repeat left center;
}

#serviceleiste li#zurueck, #serviceleiste_map li#zurueck
{
	background: url(../images/icon_empfehlen.gif) no-repeat left center;
}

#serviceleiste li#drucken, #serviceleiste_map li#drucken
{
	background: url(../images/icon_seite_druck.gif) no-repeat left center;
}

/***************************************/
/* Ueberschrift eines Blocks von Formularelementen */
#content  .beispielrechnung td.formblock1 
{
  font: 12px Arial, Helvetica, sans-serif !important;
  color: #666666; 
  padding-top: 0em !important;
  padding-bottom: 1em !important;
  padding-left:2px;
}

#content  .beispielrechnung td.formblock 
{
  font: 12px Arial, Helvetica, sans-serif !important;
  color: #666666; 
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  padding-left:2px;
}

.formlabel 
{
	font: bold 12px Arial, Helvetica, sans-serif !important;
	width:20em;
}

.formlabelNormal 
{
	font: normal 12px Arial, Helvetica, sans-serif !important;
	width:20em;
	padding-right: 0.6em;
}

#content.textseite table td.formlabelNormal 
{
	font: normal 12px Arial, Helvetica, sans-serif !important;
	width:20em;
	padding-right: 0.6em;
}

/* Links werden nicht unterstrichen */
a 
{
  text-decoration: none;
  color: #000;
}

.hyperlink {
  text-decoration: underline;
}

/* Zelle eines Formulars */
.formularTD 
{
  font: normal 1.2em Arial, Helvetica, sans-serif !important;
  padding: 2px !important;
  width:20em;
}

.formularTD .formularTD, .formularTabelle .detailTD 
{
  font: normal 1.2em Arial, Helvetica, sans-serif !important;
  line-height: 14px;
  padding: 2px !important;
}

input 
{
  font-size: 1.2em;
  padding-right: 1px;
  padding-left: 0px;
}

select 
{
  font: 1.2em Arial, Helvetica, sans-serif;
}

.textarea 
{
  font: 1.2em Arial, Helvetica, sans-serif;
}
.inputLang 
{
  width: 200px;
}

.inputKurz 
{
	width: 100px;
}

.input8em
{
	width: 80px;
}

/* Formularbeschriftung im Fehlerfall wird rot hinterlegt */
#content.textseite table td.formlabelFehler 
{
  font: bold 12px Arial, Helvetica, sans-serif !important;
  color: #ff0000;
  padding: 2px;
  width:20em;
}

.formlabelFehlerTD 
{
  font: bold 12px Arial, Helvetica, sans-serif !important;
  color: #fff;
  padding-left: 2px;
  padding-right: 3px;
}

.textWinzig 
{
  font: 11px Arial, Helvetica, sans-serif;
}

.linksbund 
{
	text-align: left !important;
}

.rechtsbund 
{
	text-align: right !important;
}

.linksfloat 
{
	float: left !important;
}

.rechtsfloat 
{
	float: right !important;
}

.Height400
{
	height: 370px;
}

.Height260
{
	height: 240px;
}