/* ---------- BittenByRat ---------- */

/* ---------- 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;
}

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





/* ---------- KONTAKT ---------- */
#formular{
width:310px;
height:485px;
position:relative;
top:0px;
left:400px;
background-color:#FFFFFF;
padding:10px;
border:1px solid #ccc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
border-collapse:collapse;
}

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

table{
border-collapse:collapse;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
overflow:auto;
}

.textfeld1{
width:305px;
border:1px solid #ccc;
}
.textfeld2{
width:148px;
border:1px solid #ccc;
}
.textfeld3{
width:58px;
border:1px solid #ccc;
}
.textfeld4{
width:238px;
border:1px solid #ccc;
}
.textfeld5{
width:305px;
border:1px solid #ccc;
height:200px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
overflow:auto;
}
.button{
width:150px;
border:1px solid #ccc;
background-color:#f5e3d0;
cursor:pointer;
}

/* ---------- 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;}