html, body
{
	margin:0px;
	padding:0px;
	background-color:rgb(255, 255, 255);
}

#top_section
{
	background-color:rgb(255, 255, 255);
	height:165px;
	margin:0px;
	padding:0px;
}

#logo
{
	position:absolute;
	top:5px;
	left:20px;
}

#schriftzug
{
	position:absolute;
	top:50px;
	left:520px;
}



#main_section
{
	margin:0px;
	padding:0px;

}


#content
{
	margin-left:242px;
	margin-right:0px;
}



#content_bild
{
	position:relative;
	top:-10px;
	left:125px;
	width:980px;
	height:950px;
}


#content_bildquadrat
{
	position:relative;
	top:93px;
	left:220px;
	width:980px;
	height:550px;
}








#content_tabelle
{
	position:relative;
	top:0px;
	left:134px;
	width:710px;
	height:950px;
}








#content_prospektlink
{
	position:relative;
	top:30px;
	left:0px;
	width:980px;
	height:180px;
}




#navbereich
{
	position:absolute;
	top:260px;
	left:0px;
	width:242px;
	height:400;
	
}


a.home_link, a.kunststoffe_link, a.technik_link, a.design_link,
a.kontakt_link, a.impressum_link, a.links_link
{
	display:block;
	position:absolute;
	width:220px;
	height:55px;
	
	line-height:56px;
	font-size:20px;
	

	font-family:Tahoma, sans-serif;
	text-align:center;
	text-decoration:none;
	letter-spacing:0.1em;
	padding:4px;

}


a.home_link:link, a.home_link:visited, a.kunststoffe_link:link, a.kunststoffe_link:visited,
a.technik_link:link, a.technik_link:visited, a.design_link:link, a.design_link:visited,
a.kontakt_link:link, a.kontakt_link:visited, a.impressum_link:link, a.impressum_link:visited,
a.links_link:link, a.links_link:visited

{
	color:black;
	
	background:url(bilder/button.png) 0 0;
	background-repeat:no-repeat;
	
}

a.home_link:hover, a.home_link:active, a.kunststoffe_link:hover, a.kunststoffe_link:active,
a.technik_link:hover, a.technik_link:active, a.design_link:hover, a.design_link:active,
a.kontakt_link:hover, a.kontakt_link:active, a.impressum_link:hover, a.impressum_link:active,
a.links_link:hover, a.links_link:active
{
	color:white;
	background-position: -220px 0;
	
}



a.prospekthome_link, a.prospektkunststoffe_link, a.prospekttechnik_link, a.prospektdesign_link, a.prospektkontakt_link
{
	display:block;
	position:absolute;

	line-height:56px;
	font-size:20px;
	
	

	font-family:Tahoma, sans-serif;
	text-align:center;
	text-decoration:none;
	letter-spacing:0.1em;
	padding:4px;

}


a.prospekthome_link:link, a.prospekthome_link:visited
{
	color:black;

	width:110px;
	height:135px;
	
	background-image:url(bilder/prospekt_home_klein.jpg);
	background-repeat:no-repeat;
	
}




a.prospekthome_link:hover, a.prospekthome_link:active
{
	color:white;
	width:220px;
	height:330px;

	background-image:url(bilder/prospekt_home_gross.jpg);
	
}




a.prospektkunststoffe_link:link, a.prospektkunststoffe_link:visited
{
	color:black;

	width:110px;
	height:135px;
	
	background-image:url(bilder/prospekt_kunststoffe_klein.jpg);
	background-repeat:no-repeat;
	
}




a.prospektkunststoffe_link:hover, a.prospektkunststoffe_link:active
{
	color:white;
	width:220px;
	height:330px;

	background-image:url(bilder/prospekt_kunststoffe_gross.jpg);
	
}



a.prospekttechnik_link:link, a.prospekttechnik_link:visited
{
	color:black;

	width:110px;
	height:135px;
	
	background-image:url(bilder/prospekt_technik_klein.jpg);
	background-repeat:no-repeat;
	
}




a.prospekttechnik_link:hover, a.prospekttechnik_link:active
{
	color:white;
	width:220px;
	height:330px;

	background-image:url(bilder/prospekt_technik_gross.jpg);
	
}






a.prospektdesign_link:link, a.prospektdesign_link:visited
{
	color:black;

	width:110px;
	height:135px;
	
	background-image:url(bilder/prospekt_design_klein.jpg);
	background-repeat:no-repeat;
	
}




a.prospektdesign_link:hover, a.prospektdesign_link:active
{
	color:white;
	width:220px;
	height:330px;

	background-image:url(bilder/prospekt_design_gross.jpg);
	
}



a.prospektkontakt_link:link, a.prospektkontakt_link:visited
{
	color:black;

	width:110px;
	height:135px;
	
	background-image:url(bilder/prospekt_kontakt_klein.jpg);
	background-repeat:no-repeat;
	
}




a.prospektkontakt_link:hover, a.prospektkontakt_link:active
{
	color:white;
	width:220px;
	height:330px;

	background-image:url(bilder/prospekt_kontakt_gross_3.jpg);
	
}


a#home
{
	top:0px;
	left:10px;

}

a#kunststoffe
{
	top:80px;
	left:10px;
}


a#technik
{
	top:160px;
	left:10px;
}

a#design
{
	top:240px;
	left:10px;
}


a#kontakt
{
	top:320px;
	left:10px;
}

a#impressum
{
	top:400px;
	left:10px;
}

a#links
{
	top:480px;
	left:10px;
}






a#prospekthome
{
	top:0px;
	left:248px;
}


a#prospekthome:hover, a#prospekthome:active
{
	top:-200px;
	left:228px;
	z-index:9;
}


	
a#prospektkunststoffe
{
	top:0px;
	left:360px;
}


a#prospektkunststoffe:hover, a#prospektkunststoffe:active
{
	top:-200px;
	left:340px;
	z-index:9;
}



a#prospekttechnik
{
	top:0px;
	left:473px;
}

a#prospekttechnik:hover, a#prospekttechnik:active
{
	top:-200px;
	left:453px;
	z-index:9;
}

a#prospektdesign
{
	top:0px;
	left:586px;
}

a#prospektdesign:hover, a#prospektdesign:active
{
	top:-200px;
	left:566px;
	z-index:9;
}

a#prospektkontakt
{
	top:0px;
	left:699px;
}

a#prospektkontakt:hover, a#prospektkontakt:active
{
	top:-200px;
	left:679px;
	z-index:9;
}



div.schatten_1, div.schatten_2, div.schatten_3, div.schatten_4, div.schatten_5
{
   padding:1px;
   border-radius:10px;
   -moz-border-radius:10px;
}

div.schatten_1
{
   background-color:#8e8e8e;
   border:1px solid #959595;
   margin:0px;
}

div.schatten_2
{
   background-color:#aaa;
   border:1px solid #bebebe;
   margin:0;
}

div.schatten_3
{
   background-color:#d1d1d1;
   border:1px solid #e1e1e1;
   margin:0;
}

div.schatten_4
{
   background-color:#ededed;
   border:1px solid #f6f6f6;
   margin:0;
}

div.schatten_5
{
   float:left;
   background-color:#fcfcfc;
   border:5px solid #fff;
}

div.schatten_1 img
{
   border:0px solid #666;
   margin:-2px;
   position:relative;
   top:-4px;
   left:-4px;
}















div.shadow, div.shadow2, div.shadow3, div.shadow4, div.shadow5 {

   padding: 1px;

   border-radius: 10px;

   -moz-border-radius: 10px;

   }

div.shadow5:hover div.shadow,

div.shadow5:hover div.shadow2,

div.shadow5:hover div.shadow3,

div.shadow5:hover div.shadow4,

div.shadow5:hover {

   padding: 0;

   border-radius: 5px;

   -moz-border-radius: 5px;

   }

div.shadow {

   background-color: #8e8e8e;

   border: 1px solid #959595;

   margin: 0px;

   }

div.shadow2 {

   background-color: #aaa;

   border: 1px solid #bebebe;

   margin: 0;

   }

div.shadow3 {

   background-color: #d1d1d1;

   border: 1px solid #e1e1e1;

   margin: 0;

   }

div.shadow4 {

   background-color: #ededed;

   border: 1px solid #f6f6f6;

   margin: 0;

   }

div.shadow5 {

   float: left;

   background-color: #fcfcfc;

   border: 1px solid #fff;

   margin: 5px 7px;

   }

div.shadow5:hover {

   border-width: 5px;

   }



div.shadow5 img {

   border: 0px solid #666;

   margin: -2px;

   display:block;

   position: relative;

   top: -3px;

   left: -3px;

   -moz-opacity:0.55;

   }

div.shadow5:hover img {

   margin: -1px;

   top: -1px;

   left: -1px;

   -moz-opacity:1;

   }






