/* Standards */
.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 0;
  font-size: 0;
  line-height: 0;
}

a img {
  border: none;
}

form {
   display: inline;
   margin: 0;
   padding: 0;
}

a.download-pdf {
  display:block;
  background: transparent url(templates/images/pdf-button.gif) scroll no-repeat 3px 0;
  min-height:34px;
  padding: 1px 0 0 46px;
}


/* Body, Grundgerüst */

body.multitherm {
  margin: 0;
  padding: 0;
  background: #a4c6f6 url("templates/images/hg-body.png") scroll repeat-x 0 0;
  font: normal normal normal 80%/normal Arial, Helvetica, sans-serif;
  color: #000;
  text-align: center;
}

.multitherm #contentholder {
  text-align: left;
  margin: 0 auto;
  width: 1000px;
  position: relative;
}

.multitherm #contentholder #body {
  background: #fff url("templates/images/hg-contentholder-mit-logo.jpg") scroll no-repeat 0 0;
  min-height: 500px;
  width: 1000px;
}

.multitherm #contentholder #footer {
  background: #1e47a1 url("templates/images/hg-footer.png") scroll repeat-y 0 0;
  height: 30px;
}

.multitherm a {
  color: #1e47a1;
  text-decoration: none;
}

.multitherm a:hover {
  color: #e02229;
}

.multitherm a#multitherm-home {
  display: block;
  position: absolute;
  top: 30px;
  left: 25px;
  width: 310px;
  height: 115px;
}

.multitherm #divEditbutton {
  position: absolute;
  left: 316px;
  top: 381px;
}

.multitherm label {
  font-size: 85%;
  display: block;
  margin-bottom: 0.2em;
  color: #bbb;
}

.multitherm .input-text,
.multitherm textarea {
  margin-bottom: 0.4em;
  width: 98%;
  display: block;
  border: 1px solid #bbb;
}

.multitherm .input-text:focus,
.multitherm textarea:focus,
.multitherm input.submit:active {
  background-color: #ececec;
  color: black;
}

.multitherm input.submit {
  background-color: #B3B3B3;
  border: none;
  padding: 0.3em 0.5em;
  color: white;
  text-transform: uppercase;
  font-size: 85%;
  margin: 1em 0 0 0;
}

.multitherm img.float-right {
  float: right;
  margin: 0 0 2.5ex 2.5ex;
}


/* Boxen Grund-CSS */

.top,
.middle,
.bottom {
  background: transparent none scroll repeat-y right 0;
}

.top {
  background-position: 0 0;
}

.bottom {
  background-position: 0 bottom;
}


/* Textformatierung-Standards */

.multitherm h1 {
  color: #6083b1;
  margin: 0 0 1.4em 0;
  font-size: 1.5em;
  font-weight: normal;
}

.multitherm h2 {
  margin: 0 0 1em 0;
  font-size: 1.2em;
  font-weight: bold;
}

.multitherm h3 {
  font-size: 1em;
  font-weight: bold;
  margin: 0 0 1em 0;
}

.multitherm p {
  margin: 0 0 1.2em 0;
  text-align: justify;
}

/* Linke Spalte (Navigation, etc.) */

#left {
  float: left;
  width: 278px;
  margin: 146px 10px 0 25px;
}

#left .top,
#left .middle,
#left .bottom {
  background-image: url("templates/images/hg-left.png");
  text-align: center;
}

#left .top {
  height: 20px;
}

#left .bottom {
  height: 75px;
}

body.homepage.multitherm #left .middle {
  height: 1030px;
  overflow: visible;
}

body.homepage.multitherm #left .middle .middle {
  height: auto;
}

#left .address,
#left img.multitherm-kontakt,
#left img.partner-zugang-thermia,
#left img.thermia-logo {
  margin: 0 19px 20px 19px;
  text-align: left;
}

#left .address {
  width: 240px;
  color: #244771;
  font-size: 85%;
}

#left .address .top,
#left .address .middle,
#left .address .bottom {
  background-image: url("templates/images/hg-address.png");
  background-color: #bdd4f2;
  text-align: left;
}

#left .address .top,
#left .address .bottom {
  height: 10px;
}

#left .address .middle {
  padding: 0 20px;
}

#left .address p {
  margin: 0 0 0.5em 0;
}

#left .address th,
#left .address td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

#left .address th {
  padding-right: 1.25ex;
}

#left img.thermia-logo {
  margin-bottom: 0;
}

/* Linke Spalte Navigation */

#left .nav ul {
  margin: 0 0 20px 0;
  padding: 0 19px;
  list-style: none none outside;
  text-align: left;
}

#left .nav ul li {
  margin: 0;
  padding: 0 0 2px 0;
  display: block;
}

#left .nav ul li a {
  display: block;
  background: transparent url("templates/images/hg-left-nav.png") scroll no-repeat center 0;
  padding: 7px 0 0 20px;
  margin: 0;
  width: 220px;
  height: 22px;
  font-weight: bold;
  font-size: 95%;
  color: #fff;
  text-decoration: none;
}

#left .nav ul li.last a {
  margin-bottom: 0;
}

#left .nav ul li a:hover {
  background-position: 0 0;
}

#left .nav ul li a.active {
  background-position: right 0;  
}

#left .nav ul li a.active:hover {
}

/* 2. Ebene */

#left .nav ul ul {
  background: #b3ccef url("templates/images/hg-left-nav-level2.png") scroll no-repeat 0 bottom;
  margin: 0 10px 5px 10px;
  padding: 0.3em 0;
}

#left .nav ul ul li a {
  background: transparent none;
  color: #244771;
  font-weight: normal;
  margin: 0;
  padding: 0.2em 10px 0.2em 20px;
  width: auto;
  height: auto;
}

#left .nav ul ul a:hover {
  color: #fff;
}

#left .nav ul ul a.active {
  color: #fff;
  background: transparent url("templates/images/hg-arrows.gif") scroll no-repeat 10px 7px;
}

#left .nav ul ul a.active:hover {
  color: #fff;
}

#left .nav ul ul li.has-children a.active {
  background-color: #7d9dc8;
  color: #fff;
}

/* 3. Ebene */

#left .nav ul ul li.has-children ul {
  background: #ecf3fc;
  border: 1px solid #7d9dc8;
  border-top: none;
  margin: 0;
}

#left .nav ul ul li.has-children ul li a {
  font-size: 85%;
  padding: 0 10px 0 20px;
}

#left .nav ul ul li.has-children ul a:hover {
  color: #e02229;
}

#left .nav ul ul li.has-children ul a.active {
  background-color: transparent;
  background-position: 10px -45px;
  color: #e02229;
}

#left .nav ul ul li.has-children ul a.active:hover {
  color: #e02229;
}


/* Rechte Spalte (Inhaltsbereich) */

#right {
  width: 687px;
  margin: 146px 0 0 0;
  float: left;
  position: relative;
}


/* Teaser */

#teaser {
  width: 651px;
  height: 290px;
  background: transparent url("templates/images/hg-teaser.png") scroll no-repeat 0 0;
}

#flashcontent {
padding-left: 4px;
}

/* Headnav über Teaser */

#headnav {
  position: absolute;
  top: -36px;
  right: 15px;  
  height: 72px;
  width: 354px;
}

#headnav img {
  display: block;
}

#headnav div {
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px 25px 0 25px;
  width: 304px;
  height: 57px;
}

#headnav ul {
  list-style: none none outside;
  margin: 0;
  padding: 0;
}

#headnav ul li {
  display: inline;
}

#headnav ul li a {
  color: #345a85;
  padding: 0 1.75ex;
}

#headnav ul li a.first {
  padding-left: 0;
}

#headnav ul li a.last {
  padding-right: 0;
}

#headnav ul li a:hover {
  color: #e02229;
}


/* Text */

#text {
  float: left;
  width: 400px;
  padding: 0 22px 3em 21px;
}

.ohne-sidebar #text {
  width: 608px;
}


/* Sidebar */

body.ohne-sidebar #sidebar {
  display: none;
}

#sidebar {
  float: left;
  width: 208px;
}

#sidebar .top,
#sidebar .middle,
#sidebar .bottom {
  background-image: url("templates/images/hg-sidebar-box.png");
}

#sidebar .middle {
  padding: 10px;
}

#sidebar .bottom {
  height: 10px;
}

#sidebar .top h1 {
  color: #1e47a1;
  font-weight: bold;
  padding: 5px 10px;
  margin: 0;
}

#sidebar .kunden-login,
#sidebar .aktuelles,
#sidebar .but-callback {
  margin: 0 0 20px 0;
}

#sidebar h3 {
  font-size: 1.17em;
  font-weight: bold;
  margin: 0 0 1em 0;
  display: block;
}

#sidebar ul {
  font-size: 90%;
  margin: 1em 0;
  padding: 0 0 0 1.5em;
}

#sidebar .sidebar-box {
  margin-bottom: 15px;
}

#sidebar .sidebar-box .top,
#sidebar .sidebar-box .bottom,
#sidebar .sidebar-box .middle {
  background-image: url("templates/images/hg-sidebar-box-produkte.png");
}

#sidebar .sidebar-box .top,
#sidebar .sidebar-box .bottom {
  height: 8px;
  line-height: 0;
  font-size: 0;
}

/* Sidebar: Callback-Button */

#sidebar .but-callback {
  display: block;
}


/* Sidebar: Kunden-Login */

#sidebar .kunden-login .top h1 {
  font-size: 90%;
}



/* Sidebar: Aktuelles */

#sidebar .aktuelles .top h1 {
  font-weight: normal;
  padding: 5px 10px 5px 25px;
  font-size: 1.4em;
  background: transparent url("templates/images/hg-sidebar-aktuelles-h1.gif") scroll no-repeat 10px 10px;
}

#sidebar .aktuelles p a {
  padding-right: 8px;
  background: transparent url("templates/images/hg-arrows.gif") scroll no-repeat right -95px;
}

#sidebar .aktuelles p a:hover {
  background-position: right -45px;
}

#sidebar .aktuelles h2 {
  font-size: 85%;
  margin: 0 0 0.5em;
}

#sidebar .aktuelles p {
  font-size: 85%;
  margin: 0 0 1em;
}


/* Footer */

#footer .left,
#footer .right {
  float: left;
}

#footer .left {
  width: 683px;
  margin-right: 1px;
  padding: 7px 25px 0 25px;
}

#footer .right {
  width: 266px;
  padding: 7px 0;
  text-align: center;
}

#footer .right a {
  color: white;
  font-style: italic;
}

#footer .right a:hover {
  color: #fff;
}

#footer ul {
  list-style: none none outside;
  margin: 0;
  padding: 0;
  color: #a3c6f7;
}

#footer ul li {
  display: inline;
}

#footer ul li a {
  color: #a3c6f7;
  padding: 0 1.75ex;
}

#footer ul li a.first {
  padding-left: 0;
}

#footer ul li a.last {
  padding-right: 0;
}

#footer ul li a:hover {
  color: #fff;
}


#footer .lexikon {
width: 100px;
height: 30px;
line-height: 30px;
background: #1E47A1;
color: #A3C6F7;
float: left;
margin: -7px 11px 0 -18px;
}

#footer .lexikon ul {
margin: 0;
padding: 0;
position: relative;
text-align: center;
}

#footer .lexikon ul li {
list-style: none;
display: block;
}

#footer .lexikon ul li:hover, #footer .lexikon ul li ul li a:hover {
color: #ffffff;
}

#footer .lexikon ul li ul{
display: none;
position: absolute;
bottom: 30px;
left: -7px;
text-align: left;
}

#footer .lexikon ul li:hover ul {
display: block;
}

#footer .lexikon ul li ul li {
list-style: none;
margin: 0;
line-height: 20px;
height: 20px;

}

#footer .lexikon ul li ul li a {
width: 150px;
text-decoration: none;
display: block;
background: #1E47A1;
color: #A3C6F7;
padding: 0 10px 0 13px;
margin: 0;
}

#footer .footer-line {
color: #A3C6F7;
float: left;
margin-right: 17px;
}


/* Kontakt-Seite */

body.multitherm.kontakt #text {
  width: 651px;
  padding-left: 0;
  padding-right: 0;
}

body.multitherm.kontakt #text .text {
  padding-left: 21px;
  padding-right: 22px;
}

#text .col-left,
#text .col-right {
  width: 314px;
  float: left;
}

#text .col-left {
  margin-right: 15px;
  margin-left: 8px;
}

#text .col-left .box,
#text .col-right .box {
  margin-bottom: 16px;
}

#text .col-left .box .top,
#text .col-left .box .middle,
#text .col-left .box .bottom,
#text .col-right .box .top,
#text .col-right .box .middle,
#text .col-right .box .bottom {
  background-image: url("templates/images/hg-text-col-box.png");
}

#text .col-left .box .bottom,
#text .col-right .box .bottom {
  height: 10px;
}

#text .col-left .top h1,
#text .col-right .top h1 {
  font-weight: normal;
  padding: 5px 10px 5px 25px;
  font-size: 1.4em;
  background: transparent url("templates/images/hg-sidebar-aktuelles-h1.gif") scroll no-repeat 10px 10px;
  margin: 0;
  color: #1E47A1;
}

#col-left-box-rueckruf .middle,
#col-left-box-kontakt .middle,
#col-right-box-e-mail .middle {
  padding: 0.5em 1em;
}

#col-right-box-e-mail input#e-mail-absenden {
  margin-bottom: 0.8em;
}

#col-left-box-kontakt .address th,
#col-left-box-kontakt .address td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

#col-left-box-kontakt .address th {
  padding-right: 1.25ex;
}



/* Referenzen Tabelle */
.referenzen {
	width: 608px;
}

.referenzen td,
.referenzen th {
	vertical-align: top;
	text-align: left;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #d2e3f9;
}
	
.referenzen .auftraggeber-jahr {
	padding-right: 2ex;
}
	
.referenzen .technische-daten {
	padding-left: 1ex;
	padding-right: 1ex;
}
	
.referenzen .bilder {
	padding-left: 2ex;
}
		
.referenzen tr:last-child td, 
.referenzen tr:last-child th {
	border-bottom: none;
}


.ansprechpartner {
  padding-bottom: 0.4em;
}

.multitherm input.radio {
	display: inline;
	margin: 0;
  padding: 0;
  position: relative;
  top: 1px;
}

.multitherm label.for-radio {
  color: #000000;
  display: inline;
  font-size: 100%;
  margin: 0 2ex 0 1ex;
}