@charset "utf-8";
/* CSS Document */

body {

font-family:Verdana,Arial,sans-serif;
font-size:9px;
font-weight:normal;
font-style:normal;
background-color: #FFFFFF;
margin-top: 0px;
margin-left:0Px;
text-align: center;
 color:#666666;
}



#werkhuhnSITE{
	background-color: #FFFFFF;
	position:relative;
	margin: 0px auto;
	text-align: left;
	width:824px;
	height:656px;
	top:32px;
	z-index:2;
	left: 0;
}

#INHALT{
	float:left;
	background-color: #FFFFFF;
	position:relative;
	width:824px;
	height:496px;
	margin-top:0px;
	
}


#BOX{
	float:left;
	background-color: #FFFFFF;
	position:relative;
	width:824px;
	margin-top:0px;
	height:48px;
	margin-left:0px;
	left: 0px;
	margin-top:16px;
}


#LINE{
	float:left;
	background-color: #FFFFFF;
	position:relative;
	width:824px;
	height:16px;
	margin-left:0px;
	margin-top:0px;
}

#daFLASH{
	float:left;
	background-color: #FFFFFF;
	position:relative;
	width:824px;
	height:32px;
	margin-left:0px;
	margin-top:0px;
}

#werkhuhn_navigation
{
	float:left;
	position: relative;	
	width:640px;
	height:72px;
	background-color:#FFFFFF;
	left:16px;
	
}
#werkhuhn_kopf
{
	float:left;
	position: relative;	
	width:824px;
	height:96px;
	background-color:#FFFFFF;
	left:0px;
	
}

#werkhuhn_logo
{
	float:left;
	position: relative;	
	width:168px;
	height:72px;
}

#text_01
{
	float:left;
	position: relative;	
	width:304px;
	height:208px;
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFFFF;
}

#inhalt_start
{
	position: relative;	
	width:464px;
	height:196px;
	margin-left:40px;
	background-color:#FFFFFF;
}


#inhalt_projekte
{
	float:left;
	position: relative;
	width:624px;
	height:496px;
	margin-left:200px;
	margin-top:0px;
	background-color:#FFFFFF;
	overflow: visible;
}


#inhalt_leistungen
{
	float:left;
	position: relative;	
	width:464px;
	height:496px;
	margin-left:360px;
	margin-top:0px;
	background-color:#FFFFFF;
}
#inhalt_referenzen
{
	float:left;
	position: relative;	
	width:304px;
	height:496px;
	margin-left:520px;
	margin-top:0px;
	background-color:#FFFFFF;
}
#inhalt_kontakt
{
	float:left;
	position: relative;	
	width:144px;
	height:496px;
	margin-left:680px;
	margin-top:0px;
	background-color:#FFFFFF;
}
#kontakt_bild
{
	float:left;
	position: relative;	
	width:144px;
	height:192px;
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFFFF;
}

#kontakt_text
{
	float:left;
	position: relative;	
	width:144px;
	height:208px;
	margin-left:0px;
	margin-top:16px;
	background-color:#FFFFFF;
}
#leistungen_txt1
{
	float:left;
	display:block;
	position: relative;
	width:304px;
	height:320px;
	margin-left:160px;
	margin-top:-96px;
	background-color:#FFFFFF;
	overflow:hidden;
}

#leistungen_idee
{
	float:left;
	display:block;
	position: relative;
	width:304px;
	height:96px;
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFFFF;
	overflow:hidden;
}

#leistungen_konzept
{
	float:left;
	display:block;
	position: relative;
	width:304px;
	height:96px;
	margin-left:0px;
	margin-top:16px;
	background-color:#FFFFFF;
	overflow:hidden;
}
#leistungen_modell
{
	float:left;
	display:block;
	position: relative;
	width:304px;
	height:96px;
	margin-left:0px;
	margin-top:16px;
	background-color:#FFFFFF;
	overflow:hidden;
}
#leistungen_txt2
{
	float:left;
	display:block;
	position: relative;
	width:464px;
	height:120px;
	margin-left:0px;
	margin-top:16px;
	background-color:#FFFFFF;
}
#referenzen_logo
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFFFF;
}
#referenzen_logo_b
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:0px;
	margin-top:16px;
	background-color:#FFFFFF;
}


#referenzen_txt
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:16px;
	margin-top:0px;
	background-color:#FFFFFF;
}
#referenzen_txt_b
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:16px;
	margin-top:16px;
	background-color:#FFFFFF;
}
#projekteBILD_gross
{
	float:left;
	position: relative;	
	width:464px;
	height:320px;
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFFFF;
}

#projekteTEXT
{
	float:left;
	position: relative;	
	width:464px;
	height:96px;
	margin-left:16px;
	margin-top:16px;
	background-color:#FFFFFF;

}


#LogoB
{
	float:left;
	position:absolute;
	width:142px;
	height:23px;
	margin-left:322px;
	margin-top:-20px;
	background-color:#CCFF33;

}

#projekteBACK
{
	float:left;
	position: relative;	
	width:144px;
	height:24px;
	margin-left:0px;
	margin-top:16px;
	background-color:#FFFFFF;

}


#bild_01
{
	float:left;
	position: relative;	
	width:144px;
	height:208px;
	margin-left:16px;
	margin-top:0px;
	background-color:#FFFFFF;
}
#bild_gross
{
	float:left;
	position: relative;	
	width:824px;
	height:300px;
	margin-left:0x;
	margin-top:0px;
	background-color:#FFFFFF;
}
#prew_bild_01
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFFFF;
}

#prew_bild_leistungen_01
{
	float:left;
	display:block;	
	position: relative;	
	width:144px;
	height:96px;
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFFFF;
}
#prew_bild_leistungen_02
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:-144px;
	margin-top:112px;
	background-color:#FFFFFF;
}
#prew_bild_leistungen_03
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:-144px;
	margin-top:224px;
	background-color:#FFFFFF;
}


#prew_bild_01_b
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:0px;
	margin-top:16px;
	background-color:#FFFFFF;
}
#prew_bild_02
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:16px;
	margin-top:0px;
	background-color:#FFFFFF;
}
#prew_bild_02_b
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:16px;
	margin-top:16px;
	background-color:#FFFFFF;
}
#prew_info
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:0px;
	margin-top:16px;
	background-color:#FFFFFF;
	overflow:hidden;
}
#prew_inhalt
{
	float:left;
	position: relative;	
	width:144px;
	height:96px;
	margin-left:0px;
	margin-top:0px;
	background-color:#FFFFFF;

}

#freiraum_a
{
	float:left;
	position: relative;	
	width:464px;
	height:96px;
	margin-left:16px;
	margin-top:16px;
	background-color:#FFFFFF;
}
#uebersicht
{
	float:left;
	position: relative;	
	width:144px;
	height:24px;
	margin-left:0px;
	margin-top:16px;
	background-color:#FFFFFF;
}
h1 {
	font-size:10px;
	color:#000;
	margin-top:0px;
}

h2{ font-size:9px;
  color: #666666;
	font-style:italic;	 	
    
    
}

h3{ font-size:100%;
     color:#33FF44;
     font-style:italic;
     border-bottom:solid thin black; 
}

h4{ font-size:8px;
     color:#333333;
    border-bottom:solid thin black; 
}

h5{ font-size:20px;
     color:#333333;
   
}




.Navigation {
	margin: 0;
	padding: 0;
	list-style: none;
}
 
 .Logo {
	margin: 0;
	padding: 0;
	list-style: none;
}
.Navigation li {
	float: left;
}
.clear {
	clear: both;
}

.LOGO a {
	display: block;
	width: 167px;
	height: 72px;
	background: url("bilder/NAV/werkhuhn_logo.png") no-repeat top left;
}

.Projekte a {
	display: block;
	width: 160px;
	height: 72px;
	background: url("bilder/NAV/projekte.png") no-repeat top left;
}
 .Projekte_aktiv a {
	display: block;
	width: 160px;
	height: 72px;
	background: url("bilder/NAV/projekte_a.png") no-repeat top left;
}
 .Leistungen a {
	display: block;
	width: 160px;
	height: 72px;
	background: url("bilder/NAV/leistungen.png") no-repeat top left;
}
 .Leistungen_aktiv a {
	display: block;
	width: 160px;
	height: 72px;
	background: url("bilder/NAV/leistungen_a.png") no-repeat top left;
}

 .Referenz a {
	display: block;
	width: 160px;
	height: 72px;
	background: url("bilder/NAV/referenz.png") no-repeat top left;
}
 .Referenz_aktiv a {
	display: block;
	width: 160px;
	height: 72px;
	background: url("bilder/NAV/referenz_a.png") no-repeat top left;
}

 .Kontakt a {
	display: block;
	width: 160px;
	height: 72px;
	background: url("bilder/NAV/kontakt.png") no-repeat top left;
}
 .Kontakt_aktiv a {
	display: block;
	width: 160px;
	height: 72px;
	background: url("bilder/NAV/kontakt_a.png") no-repeat top left;
}


.ZU_Projekt a {
	display: block;
	width: 144px;
	height: 24px;
	background: url("bilder/NAV/Projekt_BACK.png") no-repeat top left;
}
.Navigation a:hover {
	background-position: center left;
}
 
.Navigation a:active {
	background-position: bottom left;
	
}

.bildRoll {


}
.bildRoll :hover {
  border-width:1px;
  border-style:solid;
  border-color:#ED7D20;
}
.bildRoll :active {
  border-width:1px;
  border-style:solid;
  border-color:#000000;
}

a {
font-family:Verdana,Arial,sans-serif;
float:left;
font-size:9px;
font-weight:normal;
font:oblique;
text-decoration:none;
color: #666666;

}
a:link {
	color: #CCCCCC;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
a:active {
	text-decoration: none;
	color: #CCCCCC;
}

.InnLine{
	float:left;
	display: block;
	font-family:Verdana,Arial,sans-serif;
font-size:9px;
font-weight:normal;
font-style:normal;
background-color: #FFFFFF;
margin-top: 0px;
margin-left:0Px;

 color:#666666;
	
}