/* ###################################################################################################
** # CSS Layout (c) by Bettina Stracke (http://www.webapp-architect.com) #############################
** ###################################################################################################
**
**  Dateiversion: 24.07.2007  
**  Datei       : navi_grafik.css
**  Funktion    : Navigation mittels grafischen Elementen  
**
*/

@media all {
/* ######################################################################################################
** ### Bildnavigation - CSS Imagemap    #################################################################
** ######################################################################################################
*/
#bildnavi_arbeitsbereiche, #bildnavi_ganzheitlichkeit {
	float: right;
	position:relative;
	height: 368px; 
	width: 558px;
	border: 1px solid #9d9284;
	z-index:10;
}

#bildnavi_arbeitsbereiche, #bildnavi_ganzheitlichkeit {
	background: #fff url(../images/Arbeitsbereiche.gif) no-repeat left top;
}

#bildnavi_ganzheitlichkeit {
	background: #fff url(../images/ganzheitlichkeit.gif) no-repeat left top;
}

#bildnavi_arbeitsbereiche ul, #bildnavi_ganzheitlichkeit ul {
	list-style:none;
}

#bildnavi_arbeitsbereiche li a {
  	position:absolute;
	text-indent:-9999px;
	display:block;
	background: none;
	overflow:hidden;
	width: 85px; height: 85px;
	line-height:85px;
	z-index:20;
}

#bildnavi_arbeitsbereiche li#architektur a {
	top: 20px;
	left: 245px;
}
#bildnavi_arbeitsbereiche li#innenarch a {
	top: 104px;
	left: 122px;
}
#bildnavi_arbeitsbereiche li#baukunst a {
	top: 104px;
	left: 362px;
}
#bildnavi_arbeitsbereiche li#design a {
	top: 254px;
	left: 162px;
}
#bildnavi_arbeitsbereiche li#geomantie a {
	top: 250px;
	left: 328px;
}

#bildnavi_ganzheitlichkeit li a {
  	position:absolute;
	text-indent:-9999px;
	display:block;
	background: none;
	overflow:hidden;
	width: 100px; height: 130px;
	line-height:85px;
	z-index:20;
}

#bildnavi_ganzheitlichkeit li#mensch a {
	top: 30px;
	left: 160px;
}

#bildnavi_ganzheitlichkeit li#ethik a {
	top: 30px;
	left: 300px;
}
#bildnavi_ganzheitlichkeit li#kompetenz a {
	top: 200px;
	left: 160px;
}
#bildnavi_ganzheitlichkeit li#umwelt a {
	top: 200px;
	left: 300px;
}


/* ######################################################################################################
** ### Hintergrundbilder für den Content-Bereich  #######################################################
** ######################################################################################################
*/
/* #### Hauptmenu #### */
#contentnav li#pic_main1 {
	background: url(../images/1_1_Hauptmenue.jpg) no-repeat left top;
}
#contentnav li#pic_main2 {
	background: url(../images/1_2_Hauptmenue.jpg) no-repeat left top;
}
#contentnav li#pic_main3 {
	background: url(../images/1_3_Hauptmenue.jpg) no-repeat left top;
}
#contentnav li#pic_main4 {
	background: url(../images/1_4_Hauptmenue.jpg) no-repeat left top;
}
/* #### Profil #### */
#contentnav li#pic_profil1 {
	background: url(../images/3_0_bild1.jpg) no-repeat left top;
}
#contentnav li#pic_profil2 {
	background: url(../images/3_0_bild2.jpg) no-repeat left top;
}
#contentnav li#pic_profil3 {
	background: url(../images/3_0_bild3.jpg) no-repeat left top;
}
#contentnav li#pic_profil4 {
	background: url(../images/3_0_bild4.jpg) no-repeat left top;
}
#contentnav li#pic_profil5 {
	background: url(../images/3_0_bild5.jpg) no-repeat left top;
}
#contentnav li#pic_profil6 {
	background: url(../images/3_0_bild6.jpg) no-repeat left top;
}
/* #### projekte #### */
#contentnav li#pic_projekt1 {
	background: url(../images/4_0_bild1.jpg) no-repeat left top;
}
#contentnav li#pic_projekt2 {
	background: url(../images/4_0_bild2.jpg) no-repeat left top;
}
#contentnav li#pic_projekt3 {
	background: url(../images/4_0_bild3.jpg) no-repeat left top;
}
#contentnav li#pic_projekt4 {
	background: url(../images/4_0_bild4.jpg) no-repeat left top;
}
#contentnav li#pic_projekt5 {
	background: url(../images/4_0_bild5.jpg) no-repeat left top;
}
#contentnav li#pic_projekt6 {
	background: url(../images/4_0_bild6.jpg) no-repeat left top;
}
/* #### Team #### */
#contentnav li#pic_team1 {
	background: url(../images/5_0_bild1.jpg) no-repeat left top;
}
#contentnav li#pic_team2 {
	background: url(../images/5_0_bild2.jpg) no-repeat left top;
}
#contentnav li#pic_team3 {
	background: url(../images/5_0_bild3.jpg) no-repeat left top;
}
#contentnav li#pic_team4 {
	background: url(../images/5_0_bild4.jpg) no-repeat left top;
}
#contentnav li#pic_team5 {
	background: url(../images/5_0_bild5.jpg) no-repeat left top;
}
#contentnav li#pic_team6 {
	background: url(../images/5_0_bild6.jpg) no-repeat left top;
}
/* #### Philosophie #### */
#contentnav li#pic_phil1 {
	background: url(../images/2_0_bild1.jpg) no-repeat left top;
}
#contentnav li#pic_phil2 {
	background: url(../images/2_0_bild2.jpg) no-repeat left top;
}
#contentnav li#pic_phil3 {
	background: url(../images/2_0_bild3.jpg) no-repeat left top;
}
#contentnav li#pic_phil4 {
	background: url(../images/2_0_bild4.jpg) no-repeat left top;
}
#contentnav li#pic_phil5 {
	background: url(../images/2_0_bild5.jpg) no-repeat left top;
}
#contentnav li#pic_phil6 {
	background: url(../images/2_0_bild6.jpg) no-repeat left top;
}

}