body {background-color:#FFFFFF; color:#003366; font-family:arial, helvetica, sans-serif;}
.wichtig {background-color:#E0E0E0; color:#FFFFFF; text-align:left; vertical-align:bottom; padding: 8px 10px; margin-right: 80px;}

/*---- Inhalt ----*/
p, ul, li, ol { font-size:12px; background-color:#FFFFFF; color:#003366;}
h1 {font-size:14px; font-weight:bold; background-color:#FFFFFF; color:#666666;}
h2 {font-size:12px; font-weight:bold; background-color:#FFFFFF; color:#666666;}

#bild {background-image: url("../images/waermepumpenserie.jpg"); background-repeat: no-repeat; background-position: right top; height: 100px;}

.top1 {font-size:22px; font-weight:bold; color:#E0E0E0; background-color:#FFFFFF; padding: 2px;}
.top1 a:link, .top1 a:active, .top1 a:visited {font-size:22px; font-weight:bold; color:#E0E0E0; background-color:#FFFFFF; padding: 2px; text-decoration:none;}
.top1 a:hover {font-size:22px; font-weight:bold; color:#FF9900; background-color:#FFFFFF; padding: 2px; text-decoration:none;}
.top2 {font-size:18px; font-weight:bold; color:#0066CC; background-color:#FFFFFF; padding: 2px 60px;}
.top2 a:link, .top2 a:active, .top2 a:visited {font-size:18px; font-weight:bold; color:#0066CC; background-color:#FFFFFF; padding: 2px 60px; text-decoration:none;}
.top2 a:hover  {font-size:18px; font-weight:bold; color:#E0E0E0; background-color:#FFFFFF; padding: 2px 60px; text-decoration:none;}
.top3 {font-size:14px; font-weight:bold; color:#003366; background-color:#FFFFFF;}
.smalltext {font-size:10px;}
.textsmall {font-size:11px;}
.login {font-family:arial, helvetica, sans-serif; font-size:12px; background-color:#E0E0E0; color:#000066;}
.button { background-color:#FF9900; color:white; width:130px; height:50px; cursor:pointer; }
.auswahl {width:245px;}
.monat {width:140px;}
.blau {color:#004488; font-size:10px; background-color:#FFFFFF;}
td.hellblau, td.hellblau ul, td.hellblau ul li, td.hellblau p {color:#003366; background-color:#99CCFF;}
td.hellblau p {padding: 4px;}
.gelb {color:#E0E0E0; background-color:#FFFFFF;}
.mitte {text-align:center;}
.rot {color:#FF0000; background-color:#FFFFFF; font-weight:bold;}

/*---- Links ----*/
a:link {font-size:12px; background-color:transparent; color:#0066CC; text-decoration:none;}
a:visited {font-size:12px; background-color:transparent; color:#0066CC; text-decoration:none;}
a:active {font-size:12px; background-color:transparent; color:#0066CC; text-decoration:none;}
a:hover {font-size:12px; background-color:transparent; color:#FF9900; text-decoration:none;}

a.small:link {color:#004488; font-size:10px; background-color:#FFFFFF; text-decoration:none;}
a.small:visited {color:#004488; font-size:10px; background-color:#FFFFFF; text-decoration:none;}
a.small:active {color:#004488; font-size:10px; background-color:#FFFFFF; text-decoration:none;}

a.fuss:link {color:#666666; font-size:11px; background-color:#FFFFFF; text-decoration:none;}
a.fuss:visited {color:#666666; font-size:11px; background-color:#FFFFFF; text-decoration:none;}
a.fuss:active {color:#666666; font-size:11px; background-color:#FFFFFF; text-decoration:none;}

a.tabhell:link {color:#0066CC; background-color:#f3f3f3; text-decoration:none;}
a.tabhell:visited {color:#0066CC; background-color:#f3f3f3; text-decoration:none;}
a.tabhell:active {color:#0066CC; background-color:#f3f3f3; text-decoration:none;}
a.tabhell:hover {color:#FF9900; background-color:#f3f3f3; text-decoration:underline;}

a.tabmitt:link {color:#E0E0E0; background-color:#DDDDDD; text-decoration:none;}
a.tabmitt:visited {color:#E0E0E0; background-color:#DDDDDD; text-decoration:none;}
a.tabmitt:active {color:#E0E0E0; background-color:#DDDDDD; text-decoration:none;}
a.tabmitt:hover {color:#E0E0E0; background-color:#DDDDDD; text-decoration:underline;}

a.ohne:link {color:#003366; background-color:#FFFFFF; text-decoration:none;}
a.ohne:visited {color:#003366; background-color:#FFFFFF; text-decoration:none;}
a.ohne:active {color:#003366; background-color:#FFFFFF; text-decoration:none;}
a.ohne:hover {color:#003366; background-color:#FFFFFF; text-decoration:underline;}

/*---- Navigation 1 links----*/
.vnav ul, .vnav ul li {margin: 0; padding: 0; list-style-type: none; display: block;}
.vnav ul {border: solid 0px #000; border-bottom-width: 0;}
.vnav ul li {border-bottom: solid 0px #000;}
.vnav ul li a {display: block; text-decoration: none; padding: 2px 0px 2px 10px;}
.vnav ul li a.aktiv {display: block; text-decoration: none; padding: 2px 0px 0px 10px;}
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */ {
	height: 1%;
}
* html .vnav ul {
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnav {margin: 1.6em 0 0 0; padding: 0;}
.vnav ul li a.menue:link, 
.vnav ul li a.menue:visited, 
.vnav ul li a.menue:active {background-color: #E0E0E0; color: #003366; font-weight:bold; padding: 2px 1px 2px 10px;}
.vnav ul li a.menue:hover {background-color: #E0E0E0; color: #666666; font-weight:bold; padding: 2px 1px 2px 10px;}
.vnav ul li a.menueon:link, 
.vnav ul li a.menueon:visited, 
.vnav ul li a.menueon:active,
.vnav ul li a.menueon:hover {background-color: #E0E0E0; color: #666666; font-weight:bold; padding: 2px 1px 2px 10px;}

/*---- Navigation 2 links----*/
.vnav ul ul, 
.vnav ul ul li {margin: 0; padding: 0; list-style-type: none; display: block;}
.vnav ul ul {border: solid 0px #000; border-bottom-width: 0;}
.vnav ul ul li {border-bottom: solid 0px #000;}
.vnav ul ul li a {display: block; text-decoration: none; padding: 2px 0px 2px 15px;}
.vnav ul ul li a.aktiv {display: block; text-decoration: none; padding: 2px 0px 0px 15px;}
* html .vnav ul ul li a/* hide from IE5.0/Win & IE5/Mac */ {
	height: 1%;
}
* html .vnav ul ul {
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnav ul ul li a.menue:link, 
.vnav ul ul li a.menue:visited, 
.vnav ul ul li a.menue:active {background-color: #E0E0E0; color: #003366;}
.vnav ul ul li a.menue:hover {background-color: #E0E0E0; color: #666666;}

/*---- Navigation oben----*/
a.menue:link {color:#003366; text-decoration:none; background-color:#E0E0E0; font-weight:bold; padding: 0 2px;}
a.menue:visited {color:#003366; text-decoration:none; background-color:#E0E0E0; font-weight:bold; padding: 0 2px;}
a.menue:active {color:#003366; text-decoration:none; background-color:#E0E0E0; font-weight:bold; padding: 0 2px;}
a.menue:hover {color:#666666; text-decoration:none; background-color:#E0E0E0; font-weight:bold; padding: 0 2px;}

a.menueon:link {color:#666666; text-decoration:none; background-color:#E0E0E0; font-weight:bold; padding: 0 2px;}
a.menueon:visited {color:#666666; text-decoration:none; background-color:#E0E0E0; font-weight:bold; padding: 0 2px;}
a.menueon:active {color:#666666; text-decoration:none; background-color:#E0E0E0; font-weight:bold; padding: 0 2px;}


/*---- Bilder ----*/
img {border:none;}
img.logo {border:none; margin: 0 21px 0 0;}

/*---- Tabellen ----*/
table {border:none;}
td {font-family:arial, helvetica, sans-serif; font-size:12px;}
.tabmi {text-align:center; vertical-align:top;}
.tabre {text-align:right; vertical-align:top;}
.tabli {text-align:left; vertical-align:middle;}
.tabmenue {background-color:#E0E0E0; color:#003366; text-align:center; vertical-align:middle; font-weight:bold;}
.tabfuss {background-color:#FFFFFF; color:#FF9900; text-align:center; vertical-align:middle; padding: 4px 0;}
.tab_ueber_background {background-color:#E0E0E0;}
.tab {background-color:#f3f3f3; color:#003366; text-align:left; padding: 0 3px;}
.tabunter {font-size:9px;}
.tabweiss {background-color:#FFFFFF; color:#000000; vertical-align:top;}
.tdmi {text-align:center; vertical-align:top;}
.tdre {text-align:right; vertical-align:middle;}
.tdli {text-align:left; vertical-align:middle;}
.tdblock {text-align:justify; vertical-align:top;}
.tdlinks {background-color:#E0E0E0; color:#FFFFFF; text-align:left; vertical-align:top;}
.tdrechts {background-color:#E0E0E0; color:#FFFFFF; text-align:left; vertical-align:top;}
.tddesign {background-color:#E0E0E0; color:#FFFFFF; text-align:left; vertical-align:bottom;}
.tdkontakt {background-color:#666666; color:#FFFFFF; text-align:left; vertical-align:bottom; padding: 1px 3px;}
.tdmitt {text-align:center; vertical-align:middle; color:#E0E0E0; background-color:#DDDDDD;}
.tdhell {text-align:left; vertical-align:middle; color:#003366; background-color:#f3f3f3; padding: 0 4px;}
.tdhellmitt {text-align:center; vertical-align:middle; color:#003366; background-color:#f3f3f3;}
.tdpartner {padding-left:4px;vertical-align:top; color:#000066; background-color:#EEEEEE;}
.tabweiss td h3 {vertical-align:middle; margin: 0; padding: 0;}

/*---- Linien ----*/
hr.tdline {border-color: #E0E0E0; border-style: solid; border-width: 0 0 1px 0;}

/*---- Formular ----*/
input, select {font-size: 1em; font-family:arial, helvetica, sans-serif; color: #003366; background-color: #FFFFFF; border: 1px solid #999999; padding: 0px; margin: 1px;}
textarea {color: #003366; border: 1px solid #999999; background-color: #FFFFFF; display: block;}
input.check {color: #003366; background-color: #FFFFFF; border: 0px solid #f3f3f3;}
input.suchen {border: 1px solid #999999; padding: 0; margin: 0;}
/*---- Listen ----*/
ul {list-style-image: url("../images/detailarrow.gif"); padding: 0.5em 0.5em 0.5em 2em;}
td.hellblau ul {list-style-image: url("../images/detailarrowblau.gif"); padding: 0.5em 0.5em 0.5em 2em;}