/*
  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: 960px;
	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: #eff9fd;
	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: #eff9fd;
	padding: 0px 10px 20px 10px;
}

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

#content DIV.schnelleingabe {
	padding: 5px;
	background-color: #eff9fd;
	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: #eff9fd;
}

#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;
}