/*-----------------------------------------------------------------------------
Baelz Screen Stylesheet

version:   1.0
date:      17/06/08
author:    Heike Autenrieth-Häfner
email:     heike@autenrieth-haefner.de

website:   www.autenrieth-haefner.de


-----------------------------------------------------------------------------*/



/* Entfernen margin, padding, border
-----------------------------------------------------------------------------*/

* 
	{
	margin: 0;
	padding: 0;
	/*border: 0;*/
}

/*  layout
-----------------------------------------------------------------------------*/

.clear
	{
	clear: both;
	display: none;
}
.justclear
	{
	clear: both;
}


.right
	{
	float: right;
}



.left
	{
	float: left;
}

/* document
-----------------------------------------------------------------------------*/

body {
	font: 62.5%/1.4  Helvetica, Arial, Tahoma, Verdana, sans-serif;
	text-align: center;
	color: #383A3e;
	background: #DBE1E6 url(images/bg_body.gif) repeat-y center;
 	/*overflow: scroll;*/
}
*html body {
 	overflow: hidden;
}

#indx body {
	font: 62.5%/1.5  Helvetica, Arial, Tahoma, Verdana, sans-serif;
	text-align: center;
	color: #383A3e;
	background: #DBE1E6 url(images/bg_body.gif) repeat-y center;
}


#wrapper {
	width: 901px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}


#header {
background-color: #fff;
width: 100%;
/*height: 210px;*/
}

#logo {
width: 100%;
text-align: right;
clear: both;
}


/* Spaltenlayout 3 Spalten 
-----------------------------------------------------------------------------*/
#content {
	margin: 0;
	padding: 0 0 0 35px;
	background-color: #fff;
	clear: both;
	display: inline-block;
}


#indx #content {
	margin: 0;
	padding: 0;
	background-color: #ECA704;
	clear: both;
	display: inline-block;
}


#col_left {
float: left;
width: 290px;
background-color: #fff;
margin: 15px 40px 40px 0px;
}

#col_mitte {
float: left;
width: 520px;
background-color: #fff;
margin: 15px 0 0 0;
}



/* aktuell index
-----------------------------------------------------------------------------*/
#aktuell1 {
	position: absolute;
	display: inline;
	width: 240px;
	height: 450px;
	z-index: 10;
	margin-left: 40px;
	margin-top: 15px;

}




/* Typography
-----------------------------------------------------------------------------*/


#indx h1 {
	font-size: 1.9em; 
	padding: 15px 0 10px 40px;
	color: #fff;
	background-color: #ffb300;
	width: auto;
}
h1 {
	font-size: 1.6em; 
	padding: 15px 0 0 0;
	color: #8B919A;
	background-color: #fff;
}
h2.weiss {
line-height: 1.5em;
}
h2
	{
	font-size: 1.3em; 
	font-weight: bold;
	color: #F1AA04;
	padding-top: 5px;
}
h3
	{
	font-size: 1.3em;
	font-weight: bold;
	color: #577893;
	padding-top: 5px;
}
h5
	{
	font-size: 1.3em; 
	font-weight: bold;

}




blockquote {
	font-size: 1.2em;
	margin: 10px 50px 0 0px;
	padding: 5px 0 12px 0;
	color: #000;
	border-bottom: 1px solid #DBE1E6; 

}

p {
	font-size: 1.2em;
	margin: 5px 0;

}
td {
	font-size: 1.2em; 
}
td p {
font-size: 1.0em;
margin-left: 10px;
} 

#col_left td {
	font-size: 1.2em; 
	padding: 5px 0;
	line-height: 1.2em;
}

#col_mitte p {
padding-right: 30px;
}

.karriere ul {
	font-size: 1.2em;
	line-height: 1.2em;
}
.karriere ul li {
	font-size: 1.0em;
	margin: 10px 0;
}

#col_mitte dl {
	font-size: 1.2em;
	list-style: none;
	
}
#col_mitte dl dd {
	font-size: 1.0em;
	margin: 5px 0 0 0;
	border-bottom: 1px solid #DBE1E6; 
	padding:5px 0 12px 0;
	line-height: 1.8em;
}
#col_mitte dl dt {
	font-size: 1.0em;
	margin: 10px 0 0 0;
	font-weight: bold;
	color:#6D8EA9;
}

dl.norm {
	font-size: 1.2em;
	line-height: 1.3em;

}
dl.norm dt {
	font-size: 1.0em;
	font-weight: bold;
	margin: 5px 0 0 0;
}
dl.norm dd {
	font-size: 1.0em;
	font-weight: normal;
	padding-left: 16px;
}

dl.normnomargin {
	font-size: 1.2em;
	line-height: 1.3em;

}
dl.normnomargin dt {
	font-size: 1.0em;
	font-weight: bold;
	margin: 5px 0 0 0;
}
dl.normnomargin dd {
	font-size: 1.0em;
	font-weight: normal;
	padding-left: 0px;
}

sup {  vertical-align:top;  font-size:1.0em;  line-height:100%; margin-left: 1px; margin-right: 1px;}
sub {  vertical-align:bottom;  font-size:1.0em;  line-height:100%; margin-left: 1px; margin-right: 1px;}





/* Footer index
-----------------------------------------------------------------------------*/
#footer {
	margin: 0;
	padding: 10px 0 100px 40px;
	color: #333;
	font-size: 9px;
	clear: both;
}

#footer_left {
float: left;
width: 301px;
padding: 0;

}

#footer_mitte {
float: left;
width: 520px;
text-align: right;
padding-right: 40px;

}

#footer a {
text-decoration: none;
color: #333;
}
#footer a:hover  {
text-decoration: none;
color: #fff;
}


/* Links allgemein
-----------------------------------------------------------------------------*/
a {
text-decoration: none;
color: #666;
line-height: 1.2em;
}
a:hover {
text-decoration: none;
color: #000;
line-height: 1.2em;
}

a img {
border: none;
}




#content a:link {
text-decoration: none;
color: #000;
line-height: 1.2em;
}

#content a {
text-decoration: none;
color: #000;
line-height: 1.2em;
}

#content a:hover {
text-decoration: none;
color: #F1AA04;
line-height: 1.2em;
}

a.rubrik:link {
text-decoration: none;
display: block;
font-weight: normal;
color: #000;
background-color: #DBE1E6;
width: 200px;
padding: 6px 6px 6px 14px;
}

a.rubrik {
text-decoration: none;
display: block;
font-weight: normal;
color: #000;
background-color: #DBE1E6;
width: 200px;
padding: 6px 6px 6px 14px;
}

#col_mitte a.rubrik:hover {
text-decoration: none;
display: block;
color: #fff;
background-color: #94ADBD;
}

a.rubriksmall:link {
text-decoration: none;
display: block;
font-weight: normal;
color: #000;
background-color: #DBE1E6;
width: 134px;
padding: 6px 6px 6px 14px;
}

a.rubriksmall {
text-decoration: none;
display: block;
font-weight: normal;
color: #000;
background-color: #DBE1E6;
width: 134px;
padding: 6px 6px 6px 14px;
}

#col_mitte a.rubriksmall:hover {
text-decoration: none;
display: block;
color: #fff;
background-color: #94ADBD;
}


/* Farben
-----------------------------------------------------------------------------*/


.magenta {
color: #CC3399;
}


.orange {
color: #FC0;
}
.weiss {
color: #fff;
}
.dorange {
color: #ECA704;
}
.dblau{
color: #7796AE;
}
.borderblue {
border-bottom: 1px solid #DBE1E6; 
padding:5px 0 12px 0;
}


.Stil1 {color: #6D8EA9;}


.infobox {
position: relative;
left: -5px;
padding: 10px;
margin: 12px 0;
font-size: 1.2em;
border-top: 1px solid #DBE1E6;
border-bottom: 1px solid #DBE1E6;
}



.infobox img {
margin: 2px 0;
}
.linkbox h3 {
font-size: 1.0em;
padding: 5px 5px 5px 15px;
border-bottom: 1px solid #DBE1E6;
background-color: #fefefe; 
}

.linkbox {
position: relative;
left: -5px;
padding: 10px 0;
margin: 12px 0;
font-size: 1.2em;
}
.linkbox ul {
	font-size: 1.0em;
	line-height: normal;
	list-style: url(../images/grey_right.gif) outside;
	margin: 10px 8px;
	padding-left: 8px;

}

.linkbox ul li {
	font-size: 1.0em;
	line-height: normal;
  	margin: 2px 5px;
	padding-left: -8px;
}


#content a.aktuell:link {
text-decoration: none;
color: #333;
line-height: 1.6em;
}
#content a.aktuell {
text-decoration: none;
color: #333;
line-height: 1.6em;
}

#content a.aktuell:hover {
text-decoration: none;
color: #fff;
line-height: 1.6em;
}
#content a.aktuell:active {
text-decoration: none;
color: #fff;
line-height: 1.6em;
}
#indx a.aktuell1:focus {
text-decoration: none;
color: #fff;
line-height: 1.6em;
}



/* Tables 
-----------------------------------------------------------------------------*/
.picbg {
	background: url(../images/waermetauscher/bg_blue.jpg) repeat-x left top;
	height: 196px;
}

table.referenzen td p {
margin: 5px 10px 5px 0px;
}

table.referenzen td {
border-bottom: 1px solid #DBE1E6;
}

table.referenzen td.noborder {
border-bottom: 1px solid #fff;
}

#bpd18box table td {
text-align:left;
vertical-align:top;
}

#bpd18box table th {
text-align:left;
vertical-align:top;
font-size: 1.3em;
font-weight: bold;
}

#bpd18box {
background-color: #fff;
text-align: left;
padding: 10px;
}

#bpd18box table td a:link {
text-decoration: none;
color: #333;
line-height: 1.4em;
}

#bpd18box table td a {
text-decoration: none;
color: #333;
line-height: 1.4em;
}

#bpd18box table td a:hover {
text-decoration: none;
color: #F1AA04;
line-height: 1.4em;
}