/* CSS - Datei für Die kräation*/

* {
margin: 0;
padding: 0;
}
body{
margin: 20px 0 ;
font: 100% Verdana,  Helvetica, sans-serif ;
color:#747577;
background: #ffffff;
text-align: center;
}
td{
font: 80% Verdana, Helvetica, sans-serif ;
color:#5F5F61;
padding: 5px 0;
}
a {
color: #007932;
text-decoration: none;
}
a:hover{
text-decoration: none;
}
a img {
border: 0 none;
}
h1, h2, h3 {
font-family: Verdana, Helvetica, sans-serif;
color:#5F5F61;
background: transparent;
}
img{
border: none;}
h1 {
font-family:Verdana,Helvetica, sans-serif;
font-size: 1.2em;
font-weight:lighter;
text-decoration:none ;
z-index:3;
padding: 0 0 16px 0;
}
h2 {
color: #007932;
font-size: 120%;
font-weight:normal;

}
h3 {
color: #22345e;
font-size: 1.0em;
font-variant: uppercase;
}
p, li {
font-size: 0.70em;
}
p{
line-height: 130%;
}
ul{
list-style:none;
text-align:right;
}
li{
align: center;}
/* Beginn Ebenen */
#container{
position: relative;
width: 800px;
height:600px;
color:#000000;
border: 1px solid #ccc;
background: white url(../images/hintergrund_4.png) top left no-repeat ;
margin: auto;
text-align: left;
z-index: 1;
padding: 0;
}
#logo{
width:248px;
height:134px;
position:absolute;
top:5px;
left:16px;}
#navigation{
color: #007932;
width:200px;
height:100px;
position:absolute;
line-height:1.8em;
top: 203px;
left:-88px;
background: transparent;
z-index:2;
}
#content{
position:absolute;
top:210px;
left:302px;
width:400px;
color: #5F5F61;
z-index:5;
}
#content, p{
line-height:1.5em;}
#bild_hahn{
background: transparent;
width:281px;
height:262px;
position:absolute;
top:337px;
left:358px;
z-index:1;
}
#bild_leohahn{
background: transparent;
width:227px;
height:259px;
position:relative;
top:337px;
left:600px;
z-index:1;
}
#footer{
	position:absolute;
	top:550px;
	left:203px;
	font-size:22px;
	color: #5f5f61;
	z-index:2;
	width: 600px;
	
}
#footer .ab{
padding:0 0 0 33px;}
#footer .ableo{
padding:0 0 0 73px;}
#unternavi {
position:absolute;
top:340px;
left: -56px;
width: 350px;
background: transparent;
z-index:2;
}
#unternavi a{
color:#5F5F61;
font: 75% Verdana,  Helvetica, sans-serif ;
}
/*arbeiten*/
#kundenname{
font-weight:bold;
clear:both;
position:absolute;
top:-33px;
left:-70px;
font-size:70%;}
#branche{
clear:both;
position:absolute;
top:-5px;
left:350px;
font-size:70%;}
#objektbild1{
position:absolute;
top:0px;
left:-70px;
z-index:2;
}
#objektbild2{
position:absolute;
top:-80px;
left:180px;
z-index:1;
}
#auftrag{
width: 150px;
vertical-align:bottom;
font-size:65%;
line-height:1.3em;
position:absolute;
top:160px;
left:340px;
z-index:2;
font-size:70%;
}
#zaehler{
width:460px;
position:absolute;
top:280px;
left:-80px;
font-size:85%;
}
#web{
width:300px;
position:absolute;
top:270px;
left:200px;
z-index:2;}
/*aktuell*/
#angebot{
position:absolute;
top:35px;
left: 200px;
z-index: 1;}
.alarm{
font-size:70%;
font-weight:bold;
color:#b82938;
}
/* Klassen */
/* Navigationspunkte / Elemente  Abstand 27px*/
.pkt{
padding: 0 0 0 10px;
margin: -1px 0;}
.pktn{
padding: 0 20px 0;}
/* Klassen */
.klein{
font-size:40%;}
.space{
margin: 0 0 0 10px;}
.weiss{
color: white;
font-family: "Comic Sans MS";
}
.rot{
color:#b82938;
}
.gruen{
color: #007932;
}
.abstand{
float:left;
padding:15px 0;}
.print{
padding: 15px 0 0 50px;
line-height: 0.9em;
text-align:left;
}
/* Kontaktformular*/
.dank{
padding:15px 0;;
}
.kontakt{
color:#5F5F61;
}
.achtung{
font-weight:bold;
color:#FF0000;
}
/*Arbeiten*/
.auf{
color:#5F5F61;
font-size:125%;}
.aktiv {
color:#b82938;
font-size:130%;
font-weight:bold;}
.kunden {
color:#b82938;
font-size:200%;
padding-bottom:20px;
}
.zaehl{
padding:0 0 0 20px;
}
.weblink{
color:#5F5F61;
font-size:75%;}