#themaHome {
	width: 980px;
	height: 345px;
	background-color: #495678;
	color: #FFFFFF;
	text-align: left;
}

#themaHome h1, #themaHome h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #FFFFFF;
}

 #themaHome h2 {
 	padding-bottom: 6px;
 }

#themenrahmen {
	width: 792px;
	height: 213px;
	float: left;
}

#thema1, #thema2, #thema3, #thema4, #thema5, #thema6, #thema7 {
	position: absolute;
	width: 280px;
	height: 193px;
	padding: 10px 10px 10px 502px;	
	background-repeat: no-repeat;
	display: none;
}

#thema1 {
	background-image: url(../images/hb_kunststoffprofile.jpg);
}

#thema2 {
	display: inline-block;
	background-image: url(../images/hb_elastomere.jpg);
}

#thema3 {
	background-image: url(../images/hb_kantenschutz.jpg);
}

#thema4 {
	background-image: url(../images/hb_tpes.jpg);
}

#thema5 {
	background-image: url(../images/hb_schlauche.jpg);
}

#thema6 {
	background-image: url(../images/hb_drehdichtungen.jpg);
}

#thema7 {
	background-image: url(../images/hb_resogoo.jpg);
}

#NavHome ul {
	font-family: Arial, Helvetica, sans-serif;
	list-style:	none;	/* damit sind die Punkte weg */
	margin-left: 0px;	/* bei IE 6 ist damit der Einzug weg */
	padding-left: 0px;  /* bei FF ist damit der Einzug weg */
}

#NavHome li {
	float:left;	/* Punkte werden damit hintereinander geschrieben */
	padding: 0px 0px 0px 0px; /* setzt die Abstande der Textes zur Bild/Farbfläche. */
	margin-right: 0px; /* Trennt die einzelnen LIs mit x Pixel */
	margin-top: 0px; /* muss genau die Überhöhung sein */
	font-size: 12px; 
	font-weight: normal;
	width: 132px;
	height:132px;
	text-align: center;
}

#aktionsthema {
	width: 188px !important;
}

#NavHome li a p {
	color: #ffffff; /* Linktext in weiß */
	text-decoration: none; /* verhindert das Unterstreichen der Links */
	padding: 105px 0px 0px 0px; /* setzt die Abstande des Textes zur Farbfläche */
	width: 132px;
	height: 27px;
	cursor: pointer;
}

#aktionsthema a p {
	width: 188px !important;
}

#navthema4 {
	padding: 100px 0px 0px 0px !important; /* setzt die Abstande des Textes zur Farbfläche */
	height: 32px !important;
}

a:hover #navthema1 {
	background-image: url(../images/button_kunststoffprofile_a.jpg);
} 

a #navthema1 {
	background-image: url(../images/button_kunststoffprofile_n.jpg);
} 

a  #navthema2 {
	background-image: url(../images/button_elastomere_n.jpg);
} 

a:hover #navthema2 {
	background-image: url(../images/button_elastomere_a.jpg);
} 

a #navthema3 {
	background-image: url(../images/button_kantenschutz_n.jpg);
} 

a:hover #navthema3  {
	background-image: url(../images/button_kantenschutz_a.jpg);
} 

a #navthema4 {
	background-image: url(../images/button_tpes_n.jpg);
} 

a:hover #navthema4  {
	background-image: url(../images/button_tpes_a.jpg);
} 

a #navthema5 {
	background-image: url(../images/button_schlaeuche_n.jpg);
} 

a:hover #navthema5  {
	background-image: url(../images/button_schlaeuche_a.jpg);
} 

a #navthema6 {
	background-image: url(../images/button_drehdichtgungen_n.jpg);
} 

a:hover #navthema6  {
	background-image: url(../images/button_drehdichtgungen_a.jpg);
}

a #navthema7 {
	background-image: url(../images/button_aktionsthema_n.jpg);
} 

a:hover #navthema7  {
	background-image: url(../images/button_aktionsthema_a.jpg);
}  

#kontaktcontainer h1 {
	font-size: 12px;
}