* {
margin:0;  /*10; ? wieso?*/
padding: 0;
}

body {
  margin-top: 10px; /*Eingefügt M. - falls das mit der obiger Anweisung so gewollt war? Sonst haben alle Block-Elemnte, die kein margin definiert haben, mit der Sternchen-Anweisung oben einen 10px Rand!*/
	background: white;
	font-family: Arial, Helvetica, sans-serif; 
  text-align: center; margin-bottom: 10px;
}

h1 {
	font: lighter 1.4em/2.1em arial, helvetica, sans-serif; letter-spacing: 0.01em; font-weight: bold; color: #58585a; 	background-color: white;
  margin-top: 10px;   /*Hinzugefügt M.*/
	 }

h2 {
	font: lighter 1.4em/2em arial, helvetica, sans-serif; letter-spacing: 0.01em; font-weight: bold; color: #58585a;
  margin-top: 10px; /*Hinzugefügt M.*/
	 }

	 	 
/* --container zentriert das Layout-- */
#container {
	width: 950px;
	margin: 0 auto;
	padding: 0;
  background-color: white;
  text-align: left; 
}


/* -----Bild oben links------ */
#banner {
  border-width: 0; 
background: white url(bilder/raumcoach-challakh1.jpg) no-repeat right top; 
    height: 332px;
 /*Vorschlag M.:  banner und navi ohne Abstand dazwischen? */
/*  z-index: 1;*/
}



#banner a#logoLink {
display: block;
width: 370px;  /*Breite des verlinkten Bereiches, liegt über dem Logo*/
height: 75px;  /*Höhe der Verlinkung*/
float:right;

text-decoration: none;
color: transparent;

} 


#banner img {
border-width: 0;
}

/* ---Navigation waagrecht -- */
#navi-x {
	padding: 5px 0; /* Vorschlag    1px 0;   */
	background-color: #a2a659;
  border: 0 none;
  overflow: hidden;
}

#navi-x1 {
	padding: 5px 0; /* Vorschlag    1px 0;   */
	background-color: #be3458;
  border: 0 none;
  overflow: hidden;
}


#navi-x2 {
	padding: 5px 0; /* Vorschlag    1px 0;   */
	background-color: #7c2824;
  border: 0 none;
  overflow: hidden;
}

#navi-x3 {
	padding: 5px 0; /* Vorschlag    1px 0;   */
	background-color: #364370;
  border: 0 none;
  overflow: hidden;
}

#navi-x4 {
	padding: 5px 0; /* Vorschlag    1px 0;   */
	background-color: #336b64;
  border: 0 none;
  overflow: hidden;
}

#navi-x5 {
	padding: 5px 0; /* Vorschlag    1px 0;   */
	background-color: #e7c141;
  border: 0 none;
  overflow: hidden;
}



#navi-x ul, #navi-x1 ul, #navi-x2 ul, #navi-x3 ul, #navi-x4 ul, #navi-x5 ul { 
	background: transparent; 
  list-style-type: none; 
  text-align: left;  /*oder center?*/
  font-size: 1em; 
  letter-spacing: 0.05em; 
  color: white;
  margin: 0;   /*Hinzugefügt um den Abstand oben und unten zu veringern*/
  padding: 7px;
  height: 20px; 
  overflow: hidden;
   }

#navi-x li, #navi-x1 li, #navi-x2 li, #navi-x3 li, #navi-x4 li, #navi-x5 li {
  font-family : Trebuchet, Arial, Helvetica, sans-serif; 
  color: white; 
  display: block; 
  float: left;
  padding: 0 ; 
  width: auto; /*Breite Haupt-Menü-Begriffe*/
  height: 20px; 
  text-align: center;
  border-right: 1px solid white;   
  overflow: hidden;    /*Trennlinien nicht sichtbar*/
}

#navi-x li a, #navi-x1 li a, #navi-x2 li a, #navi-x3 li a, #navi-x4 li a, #navi-x5 li a {
  font-family : Trebuchet, Arial, Helvetica, sans-serif; 
  color: white; 
  display: block; 
  float: left;
  padding: 0 ; 
  width: auto; /*Breite Haupt-Menü-Begriffe*/
  height: 20px; 
  text-align: center; 
  
  overflow: hidden;    /*Trennlinien nicht sichtbar*/
}


#navi-x li a, #navi-x1 li a, #navi-x2 li a, #navi-x3 li a, #navi-x4 li a, #navi-x5 li a {
  /*Innenabstand oben*/
text-decoration: none; /*Entfernt die Unterstreichung*/

}


#navi-x li, #navi-x1 li, #navi-x2 li, #navi-x3 li, #navi-x4 li, #navi-x5 li {
 padding-left: 8px; padding-right: 8px;    /*Innenabstand oben*/
text-decoration: none; /*Entfernt die Unterstreichung*/

}


#navi-x li a dfn, #navi-x1 li a dfn, #navi-x2 li a dfn, #navi-x3 li a dfn, #navi-x4 li a dfn, #navi-x5 li a dfn {
	display: none;
}

#navi-x a:hover, #navi-x1 a:hover, #navi-x2 a:hover, #navi-x3 a:hover, #navi-x4 a:hover, #navi-x5 a:hover {
	background: transparent url("images/aktiv.png") -200px 0 no-repeat; 
  color: #6b6a6e; 
}


#navi-x a:focus, #navi-x1 a:focus, #navi-x2 a:focus, #navi-x3 a:focus, #navi-x4 a:focus, #navi-x5 a:focus {
	background: transparent url("images/aktiv.png") -200px 0 no-repeat; text-decoration:underline;
  color: #6b6a6e; 
}

#navi-x li.naviFirst a {
	background: transparent url("images/bluebar.png") left top no-repeat;   
}

#navi-x li.naviFirst a:hover {
	background: transparent url("images/aktiv.png") left top no-repeat;
}

#navi-x li.naviFirst a:focus {
	background: transparent url("bilder/aktiv.png") left top no-repeat; color: #3e3d40; text-decoration:underline;
}

/* --Inhalt-- */
#inhalt {

  font-size: 0.85em; 
  line-height: 1.6em; 
  width: 780px;
  float:left;
  min-height: 360px;
  color: #3e3d40;
  background: url("bilder/hg3-weiss.gif") 0 30px no-repeat #e6ebcb;
}


#grafik { background: #e6ebcb url("bilder/hg3-weiss.gif") left top no-repeat; margin-top: 15px;
}

#inhalt1 {

  font-size: 0.85em; 
  line-height: 1.6em; 
  width: 780px;
  float:left;
  min-height: 360px;
  color: #3e3d40;
  background: url("bilder/hg3-weiss.gif") 0 30px no-repeat #e8e3d5;
}

/*
#grafik1 { background: #e8e3d5 url("bilder/hg3-weiss.gif") left top no-repeat; margin-top: 15px;
}*/


#inhalt2 {

  font-size: 0.85em; 
  line-height: 1.6em; 
  width: 780px;
  float:left;
  min-height: 360px;
  color: #3e3d40;
  background: url("bilder/hg3-weiss.gif") 0 30px no-repeat #EFE3CC;
}

/*
#grafik2 { background: #EFE3CC url("bilder/hg3-weiss.gif") left top no-repeat; margin-top: 15px;
}*/



#inhalt3 {
  font-size: 0.85em; 
  line-height: 1.6em; 
  width: 780px;
  float:left;
  min-height: 360px;
  color: #3e3d40;
  background: url("bilder/hg3-weiss.gif") 0 30px no-repeat #ded6c8;
}


/*
#grafik3 { background: #ded6c8 url("bilder/hg3-weiss.gif") left top no-repeat; margin-top: 15px;
}*/




#inhalt4 {
  font-size: 0.85em; 
  line-height: 1.6em; 
  width: 780px;
  float:left;
  min-height: 360px;
  color: #3e3d40;
  background: url("bilder/hg3-weiss.gif") 0 30px no-repeat #d6ecec;
}


/*
#grafik4 { background: #d6ecec url("bilder/hg3-weiss.gif") left top no-repeat; margin-top: 15px;
}*/


#inhalt p, #inhalt1 p, #inhalt2 p, #inhalt3 p, #inhalt4 p {  
	
	padding: 13px 20px 0px 175px; 
}

#inhalt p a, #inhalt1 p a, #inhalt2 p a, #inhalt3 p a, #inhalt4 p a {  text-decoration:none; font-weight: bolder;
  color:#3e3d40; 
	
}


#inhalt p a:hover, #inhalt1 p a:hover, #inhalt2 p a:hover, #inhalt3 p a:hover, #inhalt4 p a:hover {
	text-decoration:underline; font-weight: bold;
 
}


#inhalt h1, #inhalt h2, #inhalt1 h1, #inhalt1 h2, #inhalt2 h1, #inhalt2 h2, #inhalt3 h1, #inhalt3 h2,
#inhalt4 h1, #inhalt4 h2 
 {   background-color: white; 
	padding: 8px 20px 0px 175px;
}




.galerie      /*Bild-Galerie auf Innenarchitektur*/
{
	float: left;
	font-size: 1em;
	height: 650px;
	margin: 0;
	padding: 0px 10px 30px 150px;
}
	
	


.vorschau {
     /*breite der Vorschaugalerie*/
	width: 660px;
	float: left;
	margin: 0;
	padding: 0;
	
}

.vorschau a img {
	width: 72px;

	padding: 0px;
	margin: 15px 0px 0px 25px;
	
	border: 1px solid #999;
	float: left; 
}


.vorschau a:hover img {
	border: 1px solid black;
}



div.vorschau a {
	padding: 0;
	margin: 0;
}

div.vorschau a:hover {
	color: #411;
	background: #eee;
	}




div.startbild, 
div.vorschau a span {
	
	/*Darstellungsoptionen der Box */
	display: none;
	position: absolute;
	z-index: 1;
	
	/*Aussehen der Box und der Schriftformate*/
	color: #3e3d40;
	text-decoration: none; 
	font: 1em arial;
	text-align: left;
	border: 1px solid #cfcfcf; /* grauton */
	
	/* Position des Hintergrundes */
	background-color: #eee; /* grau */
	background-position: 20px 10px;
	background-repeat: no-repeat;
	
	/*Größe und Ränder der Box*/
	width: 378px;
	height: 30px;
	padding: 390px 15px 0px 20px;
	margin: 242px 0 0 24px;
	
}

div.startbild { /*Definition für das Startbild der Galerie*/ 
display: block;
background:  #eee url(bilder/galerie-8.jpg) no-repeat 21px 20px;
}

   div.vorschau a:hover span{
       display: block;
       z-index: 100; /* damit der z-Index immer höher ist beim hover*/
   }  	
	
	
	
   a#bild1:hover span {background-image:url(bilder/galerie-1.jpg) ;}
   a#bild2:hover span {background-image:url(bilder/galerie-2.jpg) ;}
   a#bild3:hover span {background-image:url(bilder/galerie-3.jpg) ;}
   a#bild4:hover span {background-image:url(bilder/galerie-4.jpg) ;}
   a#bild5:hover span {background-image:url(bilder/galerie-5.jpg) ;}
   a#bild6:hover span {background-image:url(bilder/galerie-6.jpg) ;}
   a#bild7:hover span {background-image:url(bilder/zahnarztpraxis-empfang.jpg) ;}
   a#bild12:hover span {background-image:url(bilder/zahnarztpraxis-mundhygieneraum.jpg) ;}
   a#bild8:hover span {background-image:url(bilder/galerie-8.jpg) ;}
   a#bild9:hover span {background-image:url(bilder/galerie-9.jpg) ;}
   a#bild10:hover span {background-image:url(bilder/galerie-10.jpg) ;}
   a#bild11:hover span {background-image:url(bilder/galerie-11.jpg) ;}




/* --Homestaging-Seite - Bilder in weissem Rahmen--*/

p#bildrahmen1, p#bildrahmen2 {
background-color: white;
margin: 0 0 0 175px;
padding: 20px 10px;
border: 1px solid #cfcfcf; /* grauton */
width: 545px;}
/*
  border-width: 0; 
  	Definition für den Rahmen der Doppelbilder Homestaging 
background:  white  url(bilder/homestaging-1.jpg) no-repeat 21px 20px;
muss ich hier das Bild noch mal nennen?? 
	
Darstellungsoptionen der Box 
	display: block;
	position: absolute;
	z-index: 1;
	
	Aussehen der Box und der Schriftformate
	color: #3e3d40;
	text-decoration: none; 
	font: 1em arial;
	text-align: left;
	
	
	 Position des Hintergrundes 
	background-color: white; grau 
	background-position: 20px 10px;
	background-repeat: no-repeat;
	
Größe und Ränder der Box
	width: 550px;
	height: 20px;
	padding: 230px 15px 0px 20px;
	margin: 0px 0 0 175px;
	
}
#bildrahmen, #hs1 {
	display: block;
background:  white	 url(bilder/homestaging-1.jpg) no-repeat 21px 20px;

}

#bildrahmen, #hs2 {
	display: block;
background:  white	 url(bilder/homestaging-2.jpg) no-repeat 21px 20px;

}*/


/* --Navigation senkrecht-- */
#rechts {
	float: right;
	text-align:right;
	width: 170px;
	font-size: 0.9em; 
  line-height: 1.3em; 
	padding: 20px 0 0 0;
  color: #58585a; 

}

#rechts ul{
	list-style-type: none;
	padding: 0 0 0 50px;

}

#rechts li{
	padding: 0 0 5px 0;
}

#rechts li a {
	text-decoration:none;
  color:#58585a; 
}

#rechts li a:hover {
	text-decoration:underline; font-weight: bold;
  color: #939751; 
}

#rechts li a:active {
	text-decoration:underline; 
  font-weight: bold;
  color: #939751; 
}

#rechts li#aktiv {/*Eingefügt M. - damit der aktive Link in der Farbe grün bleibt*/
  color: #939751; 
  font-weight: bold;
}

/*Hinzugefügt M. */
p#impre {
padding: 0 0 0 0;
}

p#impre a {    
font-size: 0.8em; 
font-weight: normal;
letter-spacing: 0.05em;  
color: #58585a;  	
padding: 0 0 0 5px;   
text-decoration: underline;
}
	
	

/* -----Fußbereich-  #9c9e9f  ---- */
#fuss {
	clear: left;
	background-color: white;
  color: #3e3d40;
	padding: 10px;
  font-size: 0.8em;
  text-align: left;
	}