body {	margin-left: 0px;  margin-top: 0px;  margin-right: 0px;  margin-bottom: 0px; background-image: url(../images/bg.gif); }
.tk  { font-size: 11px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal; }
.t12px  { padding-left: 14px; padding-right: 6px; font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal; }

.vorwort2	{ font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight: normal;	color: #000000;	background-image: url(../images/rechner/vorwort_bg.gif);	background-repeat: repeat-x;	background-position: 1px 1px;	height: 100px;	width: 528px;	border: 1px solid #e7e7e7;	padding-left:14px; padding-top: 10px;}


/* haupt navigation */

#nav01 {
  width: 200px; 
}
#nav01 li {
  display: inline;
  padding: 0px 10px; 
}
#nav01 a {
  padding: 2px 8px 5px; 
}

.hnav		    { text-align: center;   background-color:#ffcc00; line-height: 25px;}
.hnav a:link  	{ padding-left: 10px; padding-right: 10px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none;  background-color:#ffcc00; }
.hnav a:visited	{ padding-left: 10px; padding-right: 10px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; }
.hnav a:focus	{ padding-left: 10px; padding-right: 10px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; }
.hnav a:hover  	{ padding-left: 10px; padding-right: 10px; display: block;  font-size: 12px; color: #ffffff;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; background-color:#646464; }
.hnav a:active 	{ padding-left: 10px; padding-right: 10px; display: block;  font-size: 12px; color: #ffffff;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; background-color:#646464; }
a#hnavactiv		{ padding-left: 10px; padding-right: 10px; display: block;  font-size: 12px; color: #ffffff;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; background-color:#646464; }

.bnt1{background: url(../images/bnt1bg1.gif) bottom left no-repeat}
.bnt1 a:link  	{ padding-left: 20px; background-image: url(../images/bnt1bg1.gif);	background-repeat: no-repeat; }
.bnt1 a:visited	{ padding-left: 20px; background-image: url(../images/bnt1bg1.gif);	background-repeat: no-repeat; } 
.bnt1 a:focus	{ padding-left: 20px; background-image: url(../images/bnt1bg1.gif);	background-repeat: no-repeat; }
.bnt1 a:hover  	{ padding-left: 20px; background-image: url(../images/bnt1bg2.gif);	background-repeat: no-repeat; }
.bnt1 a:active 	{ padding-left: 20px; background-image: url(../images/bnt1bg2.gif);	background-repeat: no-repeat; }
a#bnt1activ		{ padding-left: 20px; background-image: url(../images/bnt1bg2.gif);	background-repeat: no-repeat; color: #ffffff; background-color:#646464;}

/* top navigation */
.tnav		    { text-align: center; line-height: 14px;}
.tnav a:link  	{ font-size: 11px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none;}
.tnav a:visited	{ font-size: 11px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }
.tnav a:focus	{ font-size: 11px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }
.tnav a:hover  	{ font-size: 11px; color: #000000;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: underline; }
.tnav a:active 	{ font-size: 11px; color: #000000;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }


/* Startseite linke spalte */
.lsh		    { padding-left: 12px; font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  line-height: 24px; background-color:#ffe680;}

.ul8px		        { background-color:#dfdfdf; line-height: 18px;}
.ul8px a:link  	    { padding-top: 3px;  padding-bottom: 4px; padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none;  background-image: url(../images/ln1.gif); background-repeat: no-repeat; }
.ul8px a:visited	{ padding-top: 3px;  padding-bottom: 4px; padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none;  background-image: url(../images/ln1.gif); background-repeat: no-repeat; }
.ul8px a:focus	    { padding-top: 3px;  padding-bottom: 4px; padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none;  background-image: url(../images/ln1.gif); background-repeat: no-repeat; }
.ul8px a:hover  	{ padding-top: 3px;  padding-bottom: 4px; padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: underline;  background-image: url(../images/ln1.gif); background-repeat: no-repeat; }
.ul8px a:active 	{ padding-top: 3px;  padding-bottom: 4px; padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none;  background-image: url(../images/ln2.gif); background-repeat: no-repeat; }

.ulred		        { background-color:#ffe680; line-height: 18px;}
.ulred a:link  	    { padding-top: 3px;  padding-bottom: 4px; padding-left: 18px; padding-right: 10px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: underline;  background-image: url(../images/dot4.gif); background-repeat: no-repeat; }
.ulred a:visited	{ padding-top: 3px;  padding-bottom: 4px; padding-left: 18px; padding-right: 10px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;;  text-decoration: none;  background-image: url(../images/dot4.gif); background-repeat: no-repeat; }
.ulred a:focus	    { padding-top: 3px;  padding-bottom: 4px; padding-left: 18px; padding-right: 10px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;;  text-decoration: none;  background-image: url(../images/dot4.gif); background-repeat: no-repeat; }
.ulred a:hover  	{ padding-top: 3px;  padding-bottom: 4px; padding-left: 18px; padding-right: 10px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;;  text-decoration: none;  background-image: url(../images/dot4.gif); background-repeat: no-repeat; }
.ulred a:active 	{ padding-top: 3px;  padding-bottom: 4px; padding-left: 18px; padding-right: 10px; display: block;  font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;;  text-decoration: none;  background-image: url(../images/dot4.gif); background-repeat: no-repeat; }


.rl  		    { text-align: right; line-height: 18px; padding-right:16px;  padding-bottom: 4px; padding-bottom: 6px;}
.rl a:link  	{ font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: underline;}
.rl a:visited	{ font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }
.rl a:focus		{ font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }
.rl a:hover  	{ font-size: 12px; color: #000000;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: underline; }
.rl a:active 	{ font-size: 12px; color: #000000;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }


.lsb            {background-image: url(../images/dot2.gif);	background-repeat: repeat-x; height: 9px;}


/* Startseite mitte spalte */
.msh1           { padding-left: 16px; padding-top: 6px; padding-bottom: 12px; font-size: 18px; color: #070707;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; }
.mst1           { font-size: 13px; color: #070707;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; }
.ulpix          { list-style-image: url(../images/mamaxdot1.gif); margin-top: 10px; margin-bottom: 10px; font-size: 13px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; }

.ulpix2            { list-style-image: url(../images/mamaxdot1b.gif); font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; padding-top: 1px; padding-bottom: 6px; text-decoration: none;}
.ulpix2 a:link     { color: #323232; text-decoration: none;}
.ulpix2 a:visited  { color: #323232; text-decoration: none;}
.ulpix2 a:focus    { color: #323232; text-decoration: none;}
.ulpix2 a:hover    { color: #323232; text-decoration: underline;}
.ulpix2 a:active   { color: #323232; text-decoration: none;}

.ulpix3            { padding-left: 14px; margin-left:14px; list-style-image: url(../images/mamaxdot2.gif); font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold; padding-top: 2px; padding-bottom: 0px; text-decoration: none;}
.ulpix3 a:link     { color: #323232; text-decoration: none;}
.ulpix3 a:visited  { color: #323232; text-decoration: none;}
.ulpix3 a:focus    { color: #323232; text-decoration: none;}
.ulpix3 a:hover    { color: #323232; text-decoration: underline;}
.ulpix3 a:active   { color: #323232; text-decoration: none;}

/* Startseite rechte spalte */
.ulrs1          {line-height: 18px; list-style: none; margin-left: 8px; padding-left: 8px; padding-top: 6px; padding-bottom: 6px; margin-bottom: 4px; font-size: 12px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal; }
.rsh		    { padding-left: 12px; font-size: 12px; color: #ffffff;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  line-height: 24px; background-image: url(../images/rsHeadbg.gif);}
.rsh2		    { padding-left: 12px; font-size: 22px; color: #000000;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  line-height: 34px; background-color:#ffe680;}
.rsb            {height: 12px; background-color:#fafafa;}

.input5			{ width:170px; background-color: #fffbea; border:1px solid #fdcd00;  font-size: 12px; margin-top: 3px; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; }

/* Produktseite Linke Navigation */

.lnav		    { background-color:#dfdfdf; line-height: 24px;}
.lnav a:link  	{ padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #010101;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none;  background-color:#dfdfdf; background-image: url(../images/ln1.gif); background-repeat: no-repeat; }
.lnav a:visited	{ padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #010101;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none;  background-color:#dfdfdf; background-image: url(../images/ln1.gif); background-repeat: no-repeat; }
.lnav a:focus	{ padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #010101;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none;  background-color:#dfdfdf; background-image: url(../images/ln1.gif); background-repeat: no-repeat; }
.lnav a:hover  	{ padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #010101;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none;  background-color:#ffe680; background-image: url(../images/ln1.gif); background-repeat: no-repeat; }
.lnav a:active 	{ padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #ffffff;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none;  background-color:#646464; background-image: url(../images/ln2.gif); background-repeat: no-repeat; }
a#lnavactiv		{ padding-left: 14px; padding-right: 2px; display: block;  font-size: 12px; color: #ffffff;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none;  background-color:#646464; background-image: url(../images/ln2.gif); background-repeat: no-repeat; }


.re1 { font-size: 11px; color: #333333;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold }

/* #######################  Reiter   */
    
.reiter1 { padding:0 0 0 3px; margin:1px; margin:1px; list-style:none; height:29px; width:520px; position:relative; background:transparent url(../images/reiterbg.gif) repeat-x left bottom; font-size:11px;}
.reiter1 li {float:left; height:29px; margin-right:3px; }
.reiter1 li a {display:block; float:left; height:29px; line-height:27px; color:#333; text-decoration:none; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 4px; cursor:pointer; background:url(../images/reiter0a.gif) no-repeat;}
.reiter1 li a b {float:left; display:block; padding:0 8px 2px 6px; background:url(../images/reiter0b.gif) no-repeat right top;}
.reiter1 li.current a {color:#fff; background:url(../images/reiter2a.gif) no-repeat;}
.reiter1 li.current a b {background:url(../images/reiter2b.gif) no-repeat right top;}
.reiter1 li a:hover {color:#fff; background: url(../images/reiter1a.gif) no-repeat;}
.reiter1 li a:hover b {background:url(../images/reiter1b.gif) no-repeat right top;}
.reiter1 li.current a:hover {color:#fff; background:url(../images/reiter2a.gif) no-repeat; cursor:default;}
.reiter1 li.current a:hover b {background:url(../images/reiter2b.gif) no-repeat right top;}
	
/* ####################### Ende  Reiter   */

.headline1 { padding-left: 13px; font-size: 12px; color: #000000;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  line-height: 20px;}

/* ####################### Breadcrumb  */
.tnav2 a:link  	{ font-size: 11px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }
.tnav2 a:visited{ font-size: 11px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }
.tnav2 a:focus	{ font-size: 11px; color: #323232;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }
.tnav2 a:hover  { font-size: 11px; color: #000000;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: underline; }
.tnav2 a:active	{ font-size: 11px; color: #000000;  font-family: Arial, Helvetica, sans-serif;  font-weight: normal;  text-decoration: none; }


/* pn = Unterreiter  */
.ur1 a:link  	{ padding-left:10px; padding-right:10px;display: block; background-image:url(../images/ur2.gif);  font-size: 11px; color: #3d3c3c;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; line-height: 19px; white-space:nowrap;}
.ur1 a:visited	{ padding-left:10px; padding-right:10px;display: block; background-image:url(../images/ur2.gif);  font-size: 11px; color: #3d3c3c;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; line-height: 19px; white-space:nowrap;}
.ur1 a:focus	{ padding-left:10px; padding-right:10px;display: block; background-image:url(../images/ur2.gif);  font-size: 11px; color: #3d3c3c;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; line-height: 19px; white-space:nowrap;}
.ur1 a:hover  	{ padding-left:10px; padding-right:10px;display: block; background-image:url(../images/ur1.gif);  font-size: 11px; color: #3d3c3c;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; line-height: 19px; white-space:nowrap;}
.ur1 a:active 	{ padding-left:10px; padding-right:10px;display: block; background-image:url(../images/ur2.gif);  font-size: 11px; color: #3d3c3c;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; line-height: 19px; white-space:nowrap;}
a#ur1activ		{ padding-left:10px; padding-right:10px;display: block; background-image:url(../images/ur1.gif);  font-size: 11px; color: #3d3c3c;  font-family: Arial, Helvetica, sans-serif;  font-weight: bold;  text-decoration: none; line-height: 19px; white-space:nowrap;}


/* etd = für die leere zellen */
.etd0			{ background-image:url(../images/empty.gif); line-height: 1px; width:1px;}
.etd1			{ background-image:url(../images/empty.gif); line-height: 1px; width:1px; background-color:#ffffff;}
.etd2			{ background-image:url(../images/empty.gif); line-height: 1px; width:1px; background-color:#cccccc;}


.input4			{ width:120px; height: 18px; background-color: #FCFEF8; border:1px solid #abadb3;  font-size: 12px; margin: 0px; padding-bottom: 1px; padding-left: 4px; padding-right: 1px; padding-top: 1px; 	font-family: Arial, Helvetica, sans-serif; }