/* Standard Stylesheet

www.hackgut.com

Start: 20.03.2006

Letzte Aenderung: 10.04.2006

Wichtige Farben

hackblau #06c
hackgelb #fc0
hellgelb #ffc


*/

/* ------------ Reset all ------------ */

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



/* ------------ Allgemeines ------------ */

html { 
	height:100%; 
	margin:0; 
	padding:0; 
}

body {
	color: #333;
	background: url(../medias/hg_main.gif) no-repeat center top;
	font: 80%/1.3em "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
}
body#intro {
	background: transparent url(../medias/hg_intro.gif) no-repeat center top;
}
body#news {
	background: transparent url(../medias/bg_news.gif) repeat-x top;
}
body#news h3 {
	padding: 20px 20px 20px 20px;
	}
body#news p {
	padding-left: 20px;
	}
body#swf {
	background: transparent url(../medias/bg_news.gif) repeat-x top;
	padding: 25px 0 0 25px;
	}
a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
    }

a:hover {
	color: #3366cc;
	text-decoration: none;
    }

ul,li{
	margin: 0;
	list-style-type: none;
	position: relative;
}


/* ------------  Clear Class ------------ */

.c {
	clear: both;
    }



img, a img {
	border: 0;
    }


.keine-anzeige {
	display: none;
    }

/* ------------ Aktiv ------------ */

.active {
	color: #3366cc;
    }

/* Absaetze */

p {
	font-size: 1em;
	line-height: 1.3em;
    }


/* ------------ Kleinerer Text --------------- */

.s {
	font-size: 0.9em;
    }

/* --- Links- bzw. Rechtsausrichtung f?r Elemente ----- */ 

.leftalign {
	float: left;
    }



.rightalign {
	float: right;
    }

h1 { 
    font-size: 1.5em; 
	color: #06c;
	margin-bottom: 0.8em; 
    }

body#intro h1 { font-size: 1.1em;
}

h2 {
	font-size: 1.2em;
    }

h3 {
	font-size: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
    }



h4 {
	font-size: 0.9em;
    }
	
/* -----------------divs --------------------- */ 	
	
#page {
    width: 800px;
    margin: 0 auto;
	padding: 3px 0 0 0;
	background-color:transparent;
	position: relative;
	}
	
#content {
    margin-left: 154px;
	margin-right: 183px;
	background-color: transparent;
		}

#sidebar-a {
	float: left;
	width: 154px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	}

#sidebar-b {
	float: right;
	width: 183px;
	margin: 0;
	padding: 0;
	background-color: transparent;
	}

#bilder{
    clear: both;
    width: 616px;
    padding: 0;
    margin-top: 10px;
    background-color: transparent;
    }
/* -----------------Inhalt --------------------- */ 

#content{ 
	padding-top: 90px; 
    }
p {
	padding: 10px 20px 10px 0px;
	margin:0px; }

#sidebar-a p {
	padding: 120px 20px 10px 0px;
	margin:0px; 
	}
	
#sidebar-b p { 
	padding: 10px 20px 10px 10px; 
	margin:0; 
	}

#sidebar-a p, #sidebar-b p {
	font-size: 0.9em;
	line-height: 1.3em;
	}

#sidebar-a h4 {
	padding: 120px 20px 10px 0px;
	margin:0px; 
	}
	
/*  ---------------- images ---------------------- */ 	

.imagelogo {
	margin: 25px 20px 35px 20px;
    }
.imageright {
	margin: 15px 0px 0px 0px;
    }

/*  ---------------- listen ---------------------- */ 

#sidebar-a ul, #sidebar-b ul { 
	list-style-type: none;
	font-size: 0.9em;
	line-height: 1.3em; 
	}

#sidebar-b ul li {
	padding: 0 0 0 10px;
	}

#sidebar-a .active, #sidebar-b .active {
	color: #3366cc;
    }
			
/*  ---------------- replace ---------------------- */ 	

.replace {
    display: block;
    text-indent: -999em;
    }   
    
/*  ---------------- intro ---------------------- */ 

 #flash {
	position: absolute;
	top: 160px;
	left: 0;
	width: 100%;
	border-top: 1px solid #36c;
	border-bottom: 1px solid #36c;
}
#flashintro {
	width: 800px;
	margin: 0 auto;
}
#bereicheback {
	position: relative;
	top: 350px;
	left: 0;
	width: 100%;
}
#bereiche { 
	width: 800px; 
	margin: 0 auto;
	}
.hackgut-t {
  background: url(../medias/hackgut_erzeugung.gif);
  height: 15px;
  width: 136px;
}
.restholz-t {
  background: url(../medias/restholz_verwertung.gif);
  height: 15px;
  width: 143px;
}
.logistik-t {
  background: url(../medias/hackgut_logistik.gif);
  height: 15px;
  width: 116px;
}
.waerme-t {
  background: url(../medias/komplett_waerme.gif);
  height:15px;
  width: 115px;
}

/*  ---------------- sitemap ---------------------- */ 

#sidebar-a .sitemaphavier {
	padding-top: 10px;
}
#content .sitep{
	padding-top: 0;
}

/*  ---------------- formular ---------------------- */ 

input, textarea {
	margin: 3px 0;
	border: 1px solid white;
	background: #f5f5f5;
	padding: 3px 3px;
	width: 400px;
}

input:active, input:focus, input:hover,
textarea:active, textarea:focus, textarea:hover  {
	background: #ffffcc;
}

/*  ---------------- diverses ---------------------- */ 

.listabstand { padding: 10px 0 10px 0 }