﻿/* global layout
----------------------------------------------- */
html {
	height: 100%;
	font: normal 10pt Calibri, Verdana, Arial, Helvetica, Sans-Serif; }


body {
	margin: 0 auto;
	padding: 0;
	color: #000000;
	background: #D1DBFE;
	text-align: justify; }


#wrapper {
	position:relative;
	z-index:0;
	margin:0 auto;
	width: 980px;
	background:#ffffff url('../img/bg/bg_wrapper.jpg') repeat-y;
	border: 1px blue solid; }


#header {
	position: relative;
	width: 980px;
	height:275px;
	background:#ffffff url('../img/bg/header.jpg') no-repeat; }


#header_waermedaemmung {
	position: relative;
	width: 980px;
	height:275px;
	background:#ffffff url('../img/bg/header_waermedaemmung.jpg') no-repeat; }


#header_fassaden {
	position: relative;
	width: 980px;
	height:275px;
	background:#ffffff url('../img/bg/header_fassaden.jpg') no-repeat; }


#header_wohngesundheit {
	position: relative;
	width: 980px;
	height:275px;
	background:#ffffff url('../img/bg/header_wohngesundheit.jpg') no-repeat; }

#header_innenraum {
	position: relative;
	width: 980px;
	height:275px;
	background:#ffffff url('../img/bg/header_innenraum.jpg') no-repeat; }
	
#header_bodenbelaege {
	position: relative;
	width: 980px;
	height:275px;
	background:#ffffff url('../img/bg/header_bodenbelaege.jpg') no-repeat; }



#index_header {
	position: relative;
	width:980px;
	height:460px;
	background:#ffffff url('../img/bg/index_header.jpg') no-repeat; }


.cleared {clear: both; }



#sidebar-1 {
	float: left;
	width: 190px; }


#content {
	margin-left: 261px;
	padding: 2px 10px 10px 10px; }


h1 {
	font: normal normal bold 10pt Verdana, Arial, Helvetica, Sans-Serif;
	color: #888888; }


h2 {
	font: normal 10pt Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	color: #888888; }

.table_impressum td.blue_bg {
	font: normal 10pt Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	color: red;
	background:blue;
	padding: 0px 1px 5px 0px; }


#content h1.headline {
	color: blue;
	letter-spacing: 2px;
	font: normal normal bold 20px Calibri, Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 20px; }


#content h1.index_headline {
	color: #FF9900;
	letter-spacing: 1px;
	font: normal normal bold 26px Calibri, Verdana, Arial, Helvetica, Sans-Serif;
	xxxxxline-height: 20px; }


#content p.headline_gruen {
	font: normal normal bold 14px Calibri, Verdana, Arial, Helvetica, Sans-Serif;
	padding: 5px 0 5px 5px;
	background: #94AE78;
	border: 1px #000000 solid;
 	letter-spacing: 2px; }


#content p.headline_gelb {
	font: normal normal bold 14px Calibri, Verdana, Arial, Helvetica, Sans-Serif;
	padding: 5px 0 5px 5px;
	background: #FF9900;
	border: 1px #000000 solid;
	letter-spacing: 2px; }


#content p.headline_dunkelgruen {
	font: normal normal bold 14px Calibri, Verdana, Arial, Helvetica, Sans-Serif;
	padding: 5px 0 5px 5px;
	background: #3A5A09;
	border: 1px #000000 solid;
	letter-spacing: 2px; }


.table_impressum td.schmal {
	 vertical-align: top; }


.table_impressum td.text {
	padding: 5px 30px 10px 30px;
	text-align: justify;
	font: normal normal normal 16px Calibri, Verdana, Arial, Helvetica, Sans-Serif; }


.table_impressum a img {
	border: 1px #000000 solid;
	margin: 0px 10px 0px 0px; }


.table_farbenlehre td.schmal {
	padding: 5px 5px 10px 10px;
	text-align: left;
	border: 1px #000000 solid; 
	width: 80px; }


.table_farbenlehre td.breit {
	padding: 5px 50px 10px 10px;
	text-align: left;
	border: 1px #000000 solid; 
	width: 250px; }

.table_historie td {
	padding: 0px 10px 0px 0px;
	font: normal normal normal 12px Calibri, Verdana, Arial, Helvetica, Sans-Serif; }


td.linie {
	background: url('../img/misc/dot_linie.gif') repeat-x;
	line-height:10px; }


td.textsmall {
	padding: 5px 0px 0px 0px;
	text-align: justify;
	font: normal normal normal 12px Calibri, Verdana, Arial, Helvetica, Sans-Serif; }


.bold {	font-weight: bold; }


/* footer */
#footer {
	position:relative;
	padding: 3px 0 3px 2px;
	font: normal normal normal 7pt Arial, Helvetica, Sans-Serif;
	color: #FFFFFF;
	background-color: blue;
	letter-spacing: 1px;
	text-align: center;
	width: 980px;
	margin:0 auto; }


#footer a {
	text-decoration: none;
	color: #FFFFFF; }


#footer a:hover {
	text-decoration: underline;
	color: #990000; }

