/*
  CSS für firesmart.de
  06.07.2007
*/

* {
  margin:0;
  padding:0;
}

BODY {
  font:normal normal 12px/18px Arial, Helvetica, sans-serif;
  color:#000;
  text-decoration:none;
  background-color:#ffffff;
}

IMG, TABLE {
  border:none;
}

A {
  font-weight:bold;
  color:#0f4d6e;
  text-decoration:none;
}

A:hover {
  color:#FF9900;
}

BR {
  clear:both;
}

UL {
  margin:0px 0px 10px 15px;
}

p.gruen {
  color:#317023;
  font-weight:bold;
}

.gruen IMG {
  float:left;
  margin:3px 10px 0px 0px;
}

p.orange {
  color:#009EE1;
  font-weight:bold;
}

.orange IMG {
  float:left;
  margin:3px 10px 0px 0px;
}

DIV.hellblau p.gruen {
  padding-left:10px;
}

.rot {
  color:#B31B34;
  font-weight:bold;
}

.rot IMG {
  float:left;
  margin:3px 10px 0px 0px;
}

.rot LI {
  color:#B31B34;
  font-weight:bold;
  margin:-2px 0px;
}

UL.rot {
  margin:10px 20px;
}

.orange {
  color:#FF9A00;
  font-weight:bold;
}

.clearALL {
  float:none;
  clear:both;
}

/* Geruest */

#header {
  position:fixed;
  top:0;
  left:0;
  width:900px;
  height:60px;
  background:transparent url(../layout/header_bg.png) no-repeat 0 0;
  z-index:1000;
}

#navi {
  position:absolute;
  width:160px;
  top:65px;
  left:5px;
}

#content {
  position:absolute;
  width:710px;
  top:75px;
  left:190px;
}

#content.startseite {
  top:60px;
  left:170px;
}

/*Inhalte header*/

#header-weiss .logo {
  position:absolute;
  top:5px;
  left:140px;
}

#header-weiss P {
  position:absolute;
  top:51px;
  left:208px;
  font-size:16px;
}

#header-blau IMG {
  position:absolute;
  top:70px;
  left:200px;
  border:0px;
}

#header-blau P {
  position:absolute;
  width:190px;
  top:70px;
  left:810px;
  color:#EBF6FC;
  margin:10px 0px 10px 0px;
}

/* Inhalte navi */

#navi H1 {
  background: transparent url(../layout/bg-h1.png) repeat-x 0 bottom;
  display:block;
  color:#666;
  font-size:14px;
  padding:5px 5px 5px 10px;
  margin:25px 0px 0px 0px;
}

#navi .Beschreibung {
  background-color:#f3f3f3;
  font-size:12px;
  padding:5px 5px 5px 10px;
  margin:0px 0px 15px 0px;
}

#navi .Beschreibung INPUT {
  width:140px;
  margin:0px 0px 10px 0px;
}

#navi LI {
  padding:5px 5px 5px 0px;
  list-style-type:none;
  display:block;
}

#navi P {
  margin:5px 0px 5px 0px;
}

/*Inhalte content*/

#content H1 {
  font-size:16px;
  padding:10px 0px 20px 0px;
  font-weight:bold;
}

/*
#content DIV.hellblau H1, #content DIV.schnelleingabe H1 {
  padding: 10px 0px 20px 10px;
}
*/

#content DIV.schnelleingabe H1 {
  padding:10px 0px 20px 10px;
}

#content H2 {
  font-size:14px;
  margin:18px 0px 15px 0px;
  font-weight:bold;
}

/* 
#content DIV.hellblau H2 {
  font-size: 14px;
  margin: 18px 0px 10px 10px;
  font-weight: bold;
}
*/

#content H3 {
  font-size:12px;
  margin:0px 0px 18px 0px;
  font-weight:bold;
  color:#009EE1;
}

#content P {
  font-size:12px;
  margin:0px 0px 18px 0px;
}

#content TABLE {
  font-size:12px;
  background-color:#F0F4F6;
  margin:0px;
  width:100%;
}

#content TABLE DIV.links {
  width:250px;
  margin:5px;
}

#content TABLE DIV.rechts {
  width:250px;
  background-color:#fff;
  height:1.5em;
  margin:5px;
}

#content TABLE.text TD, #content TABLE.text TH {
  padding:0px 5px;
  border-bottom:1px solid #b2c6d0;
}

#content TABLE.text TD P {
  margin:0px;
}

#content TH {
  text-align:left;
}

#content TH.border, #content TD.border {
  border-bottom:1px solid #9DAFB9;
  padding:6px;
  text-align:left;
}

#content TH.border {
  font-weight:bold;
  padding:10px 6px;
}

#content .drucken {
  float:right;
  margin:0px 0px 25px 0px;
}

#content IMG.left {
  float:left;
  margin:0px 10px 10px 0px;
}

#content IMG.right {
  float:right;
  margin:0px 0px 10px 10px;
}

#content LABEL.linke_spalte {
  float:left;
  width:220px;
  padding:5px;
  margin:0px 0px 0px 15px;
}

#content DIV.rechte_spalte {
  float:left;
  width:210px;
  background-color:#fff;
  padding:5px;
}

/*Inhalte untere Navigation im Content-Bereich */

#content P.navi-unten {
  padding:5px 10px;
  margin:1px 0px 20px 0px;
  background-color:#0f4d6e;
  clear:both;
  float:none;
}

#content P.navi-unten A.linke_spalte {
  color:#fff;
  display:block;
  float:left;
}

#content P.navi-unten A.rechte_spalte {
  color:#fff;
  display:block;
  float:right;
}

#content P.navi-unten A:hover {
  color:#FF9900;
}

/* Navigationsleiste unter der Systemdachaufbau-Tabelle */

#content TABLE.darstellung_dachaufbau {
  width:100%;
  margin:0 auto;
  border:1px solid #7fa0b1;
}

#content TABLE.darstellung_dachaufbau TD.optionen {
  background-color:#e8eff3;
  padding:0px 10px;
}

#content TABLE.darstellung_dachaufbau TD.bild {
  background:#fff;
  border:none;
  /* border

-right: 1px solid #9DAFB9; */
  padding:10px;
  width:220px;
}

#content TABLE.darstellung_dachaufbau TD.text {
  background:#fff;
  border:none;
  padding:10px;
}

#content DIV.hellblau {
  background-color:#F0F4F6;
  padding:0px 10px 20px 10px;
}

#content DIV.hellblau P {
  margin-left:20px;
}

#content DIV.schnelleingabe {
  padding:5px;
  background-color:#F0F4F6;
  border:1px solid #0f4d6e;
}

/* Produktdatenblätter und Prospekte */

#content DIV.produktdatenblatt, #content DIV.prospekt {
  float:left;
  width:250px;
  border:1px solid #7fa0b1;
  margin:0px 0px 20px 0px;
  background-color:#F0F4F6;
}

#content DIV.prospekt {
  float:right;
}

#content DIV.produktdatenblatt IMG, #content DIV.prospekt IMG {
  float:left;
  height:125px;
  margin:0px 10px 0px 0px;
}

#content DIV.produktdatenblatt SPAN, #content DIV.prospekt SPAN {
  margin-top:20px;
  display:block;
}

/* Formular */

.firesmartform INPUT.text {
  display:inline;
  float:left;
  width:205px;
  margin:5px 10px 0 0;
}

.firesmartform INPUT.radio {
  margin-top:8px;
  float:none;
  display:inline;
}

.firesmartform SELECT {
  margin-top:4px;
  float:none;
  display:inline;
}

SPAN.einheit {
  float:left;
  margin-top:5px;
}

iframe {
  border-style:none;
}

a.fancybox-close {
  cursor:pointer;
  display:inline;
  height:32px;
  position:absolute;
  right:10px;
  top:5px;
  width:100px;
  z-index:100;
}