/* ---------- BittenByRat ---------- */
* {
border:0;
outline:none;
}
/* ---------- GRUNDFORMATIERUNG ---------- */

body{
background-image:url(grafiken/hintergrund.jpg);
background-repeat:repeat-x;
background-color:#e8c7a8;
margin:0px;
padding:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
}

p{
text-align:justify;
}

h1{
font-size:14px;
}

h2{
font-size:12px;
}

.center{
text-align:center;
}

#container{
width:750px;
position:absolute;
left:50%;
margin-left:-400px;
background-color:#f5eadf;
text-align:left;
padding-top:275px;
padding-left:25px;
padding-right:25px;
padding-bottom:50px;
}

#schattenLinks{
width:15px;
height:600px;
background-image:url(grafiken/schattenLinks.jpg);
background-repeat:no-repeat;
position:absolute;
top:0;
left:50%;
margin-left:-415px;
}

#schattenRechts{
width:15px;
height:600px;
background-image:url(grafiken/schattenRechts.jpg);
background-repeat:no-repeat;
position:absolute;
top:0;
left:50%;
margin-left:400px;
}

#logo{
width:800px;
height:65px;
position:absolute;
background-color:#f5e3d0;
top:0px;
left:0px;
}

#uhr{
width:130px;
height:65px;
position:absolute;
top:0px;
left:670px;
}

#flash{
width:800px;
height:150px;
position:absolute;
top:65px;
left:0px;
background-color:#f5e3d0;
}

#flash a:link,#flash a:visited,#flash a:active{
text-decoration:underline;
color:#666;
}

#flash a:hover{
text-decoration:underline;
color:#000;
}

/* ---------- NAVIGATION ---------- */

#navi{
width:800px;
height:35px;
position:absolute;
background-color:#f5e3d0;
top:215px;
left:0px;
border-bottom:1px solid #666666;
}

#navi ul{
list-style-type:none;
margin-top:10px;
}

#navi li{
display:inline;
padding:40px;
font-size:12px;
}

#navi a:link, a:visited, a:active{
text-decoration:none;
color:#666;
}

#navi a:hover{
text-decoration:none;
color:#000;
}

#inhalt{
width:800px;
position:absolute;
top:250px;
left:0px;
border-top:1px solid #666;
}

#footer{
width:800px;
height:20px;
position:absolute;
left:50%;
bottom:0px;
margin-left:-400px;
margin-top:25px;
background-color:#f5e3d0;
text-align:center;
color:#993300;
padding-top:5px;
border-top:1px solid #666666;
filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;
}

.unsichtbar{
visibility:hidden;
}


.aktiv{
text-decoration:none;
color:#993300;
cursor:default;
}

/* ---------- PRODUKT ---------- */

#produkt{
background-color:#FFFFFF;
padding:25px;
border:1px solid #ccc;
}

.liste_absatz{
  padding-bottom:10px;
}

/* ---------- TECHNOLOGIE ---------- */

#technologie{
background-color:#FFFFFF;
padding:25px;
border:1px solid #ccc;
}
.techno1{
height:630px;}

.techno2{
height:550px;}

.proj1{
height:680px;}

.proj2{
height:650px;}


#technologie td{
width:300px;
font-style:italic;
}

/* ---------- KONTAKT ---------- */

#adresse{
width:310px;
height:420px;
position:absolute;
top:275px;
left:25px;
background-color:#FFFFFF; padding:25px; border:1px solid #ccc;
}

#kontaktformular{
margin:0px;
padding:0px;
width:305px;
height:420px;
position:relative;
top:0px;
left:390px;
background-color:#FFFFFF;padding:25px; border:1px solid #ccc;
}

#kontaktformular table{
border-collapse:collapse;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:100px;
}

.textfeld1{
width:300px;
height:12px;
border:1px solid #000;
}
.textfeld2{
width:138px;
height:12px;
border:1px solid #000;
}
.textfeld3{
width:78px;
height:12px;
border:1px solid #000;
}
.textfeld4{
width:198px;
height:12px;
border:1px solid #000;
}
.textfeld5{
width:300px;
height:12px;
border:1px solid #000;
height:200px;
overflow:auto;
}
.button{
width:138px;
border:1px solid #000;
background-color:#f5e3d0;
}

/* ---------- IMPRESSUM ---------- */

#impressum{
background-color:#FFFFFF;
padding:25px;
border:1px solid #ccc;
}

#impressum a:link, a:visited, a:active{
text-decoration:none;
color:#666;
}

#impressum a:hover{
text-decoration:none;
color:#000;
}

#technologie a:link,#technologie a:visited,#technologie a:active{
text-decoration:underline;
color:#666;
}

#technologie a:hover{
text-decoration:underline;
color:#000;
}

#feed {
	height:220px;
	width:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	position:relative;
	}
	
.news1 {
	background-image:url(grafiken/waermekonzept.jpg);
	background-repeat:no-repeat;
	border:1px solid #993300;
	top:0px;
	left:10px;
	}

.news2 {
	background-image:url(grafiken/biogas.jpg);
	background-repeat:no-repeat;
	border:1px solid #993300;	
	top:10px;
	left:10px;
	}
/*--------------------------Impressum oben -------------------------------------------*/

#impress{
height:10px;
position:absolute;
top:5px;
right:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
.b:link{color:#999999; text-decoration:none;}
.b:visited{color:#999999; text-decoration:none;}
.b:hover{color:#000000; text-decoration:none;}
.b:active{color:#000000; text-decoration:none;}

/*-----------------------------Inhalte--------------------------------------------------*/
#tech1{
width:300px;
border:1px solid #cccccc;
padding:5px 5px 5px 5px;
position:relative;
}

#tech2{
width:360px;
border:1px solid #cccccc;
padding:5px 5px 5px 5px;
position:absolute;
top:-1px;
left:320px;
}

#tech3{
background-color:#FFCC99;
width:200px;
border:1px solid #cccccc;
padding:10px 10px 10px 10px;
margin:0px;
position:relative;
}

#tech4{
background-color:#FFCC99;
width:200px;
border:1px solid #cccccc;
padding:10px 10px 10px 10px;
position:relative;
}

#tech5{
width:350px;
border:1px solid #cccccc;
padding:10px 10px 10px 10px;
position:relative;
}
/*--------------------------Tabellen------------------------------*/

table{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
color:#666666;
border-spacing:0px;

}

td{
white-space:normal;
padding:8px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}


#list{
 list-style:none; 
 display:inline; 
 text-align:center;
 position:absolute;
 top:260px;}

#list a:link, a:visited, a:active{
text-decoration:none;
color:#666;
}

#list a:hover{
color:#000000;}

.list01{
 list-style:none; 
 display:inline; 
 text-align:center;
 position:absolute;
 top:260px;
 right:180px;
 }

.list02{
 list-style:none; 
 display:inline; 
 text-align:center;
 position:absolute;
 top:260px;
 right:25px;
 }

.list01 a{
text-decoration:none;
color:#666666;
}

.list01 a:hover{
color:#000;
}

.list02 a{
text-decoration:none;
color:#666666;
}

.list02 a:hover{
color:#000;
}