/* CSS Document */
		

h1{
	color:#FF6600;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
}
h1.start{color:#093; font-size:large; font-family:Arial, Helvetica, sans-serif;text-align:center; font-weight:400;}
											/* Hautseite index Logo */
#logo{
	position:relative;
	top:0em;
	left:1.5em;
	display:block;
	text-align:center;
	margin-top:1em;
	width: 823px;
	height: 228px;
	margin-right: auto;
	margin-left: auto;
	z-index:1;
}


#logo2{	position:relative;
	top:-5em;
	left:1.5em;
	display:block;
	text-align:center;
	margin-top:1em;
	width: 823px;
	height:auto;;
	margin-right: auto;
	margin-left: auto;
	z-index:12;}



												/* obere menueleiste */
#header img{
	float:left;

}
#header{
	position:relative;
	top:0;

}
#header .menue_site  {

	
	display:inline;
	text-align:left;
	margin-left:auto;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	background-repeat: no-repeat;
	background-color: #FF9900;
	list-style-type: none;

 
}


					/* beschreibener Text der Galklerie unterhalb des Bildes */
#wrapper #box_galerie .text-galerie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	text-align: center;
	border-top:2px dotted #006600;
	padding-top:0.2em;
	margin-bottom:0.5em;
	height:5em;
}


#content h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006633;
	font-weight:600;
	margin-bottom:0.8em;
	margin-top: 0.8em;
	
}


							/* link bei submenue in der galerie */
#seitennavi a:link{
	color:#339900;
}
#seitennavi a:visited{
	color:#336600;
}
						/*   top navigation */
#header a:link{
	color:#FFFFFF;
	text-decoration:none;
}
#header a:visited{
	color:#FFFF99;

}
#header a:hover{

	color:#00CC00;
	font-weight:500;


}
#header a:focus{
	color:#00cc00;
	font-weight:500;
}
						/* link allgemein formatierung pseudoklassen */
 a:link{
	color:#FF0000;
	text-decoration:none;
	
	}

a:visited{
	color:#009933;
	text-decoration:none;
}
a:hover{
	color:#339900;
	font-weight:500;
}
a:focus{
	color:#339900;
	font-weight:500;
}
a:active{
	color:#FFFF00;
}


/* Link bei verzeichnis */
#verzeichnis-liste a:link , #verzeichnis-liste2 a:link{
	color:#666666;
	text-decoration:none;
}

#verzeichnis-liste a:visited , #verzeichnis-liste2 a:visited{
	color:#339900;
}
#verzeichnis-liste a:hover , #verzeichnis-liste2 a:hover{
color:#00CC00;
font-weight:500;
}
#verzeichnis-liste a:focus , #verzeichnis-liste2 a:focus{
color:#00CC00;
font-weight:500;
}

#verzeichnis-liste a:active , #verzeichnis-liste2 a:active{
	color:#FF6600;
}






					/* **************Allgemeine Angaben ende **********************  */


		
									/* Hier wird der Bereich für das Galleriebild
									/* definiert , es umfasst den div navibildbox */




#modul{
	position:absolute;
	top:1em;
	left:206px;
	z-index:20;
	width:35em;
								/*height:28.75em;*/
	display:block;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

}
#verzeichnis{
	width:40em;

}
		

					/* **************Ende verzeichnisseiten ******* */
#navibildbox{
	display:block;
	vertical-align:top;
	height:6.5em;
	width:34em;
	background-repeat: repeat;
							/*background-image: url(../img/navihh7.gif);*/
	

}

#navibildbox img{
	display:inline;
	margin-top:2em;
	margin-left:1em;
	width:50px;
	height:50px;
	overflow:hidden;
	border: medium solid #CCCCCC;
}

/* Bereich für galerien für mehr als 7 Vorschaubilder  z.B. sideboards */

#navibildbox2 {
width:35.8em;
}
#navibildbox2 img{

	display:inline;
	margin-top:2em;
	margin-left:0.1em;
	width:50px;
	height:50px;
	overflow:hidden;
	border: medium solid #CCCCCC;
}


							/*   ******Startseite****** */
#dreibilder {
position:relative;
top:2em;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	height: auto;
	width:51em;
	z-index:5;
	margin-bottom:2em;
}
#dreibilder img{
	margin-left:0.7em;
	width:171px;
	height:228px;
	overflow:hidden;
	border:4px solid #fff;
	z-index:3;
}

#namen img {
	display:block;
	margin-right: auto;
	margin-left: auto;
	margin-top:2em;
	height: 21px;
	width: 241px;
	text-align: center;
	
}


							/* +++++++++++ vorger nacher galerie  +++++++++ */
#modul #vorher img{
	padding:0;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0.2em;

}
#modul #nachher img{
	padding:0;

	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0.2em;
}
#vorher{
	width:44.9%;
	height:auto;
	
	
	float:left;
	margin-right:0em;

}
#nachher{
	width:50%;
	height:auto;
	float:right;

}
					/* ***************   Ende vorher nacher ansichten *** */

											/* bild im modul  */
#bild img{

	z-index:1;
	border-top:7px solid #666666;
	
	border-left:7px solid #666666;
	border-right:7px solid #ccc;
	border-bottom:7px solid #ccc;
}
#bild{
	position:relative;
	top:0;
	z-index:2;
	height:22em;
	width:34.5em;
	
	display:block;
	margin-bottom:1em;


}
										/* wenn bild querformat ** */
	#bild.quer img{
	margin-top:4em;
	z-index:2;

}
		
										/* module text beschreibt bild  */
#beschreibung h1{
	color:#FF6600;
	font-size:small;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.5;

}



#modul #beschreibung{
	z-index:45;
	position:relative;
	top:0em;
	left:0em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#666666;
	line-height:1.3em;
	
	text-align:left;
	width: 90%;

	
}

#beschreibung{
	z-index:45;
	position:absolute;
	top:30em;
	left:14em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#666666;
	line-height:1.3em;
	text-align:left;
	width:100%;

	
}

#beschreibung.abstand{
	width:454px;
	position:absolute;
	top:37.5em;
	left:21.5em;
}

* + html  #beschreibung.abstand{
	width:454px;
	position:absolute;
	top:37.5em;
	left:22em;
}

/* safari hack */

body:nth-of-type(1)  #beschreibung.abstand{
	width:452px;
	position:absolute;
	top:37.5em;
	left:22.2em;
}

/* flash animationen */
object{

		z-index:44;
}
					
							
#wrapper #content #modul #beschreibung #seitennavi {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
	font-size:13px;
	width:18em;
	height:1.8em;
	border-left:#009900 solid 4px;
			
	padding-left:0.5em;
	margin-top:0.5em;
	margin-left:25em;
	
}
							


#zoom{
	position:absolute;
	left:1em;
	top:8em;
	width:10em;
	color:#FF0033;
	font-size:small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


/* verzeichniss und übersicht möbel (moebel/index.html)   */
#modul_mobel{
	 background-image:url(../img/moebelregalhh1.2.jpg); 
	background-repeat:no-repeat;
	height:38em;
	background-position:32em -1em; 
	position:relative;
	top:0;
	left:0;
}

#bilder img{


border:#333333 thick solid;}
#verzeichnis-liste {
	position:absolute;
	top:1em;
	left:9em;
	display:block;
	width:24em;
	height:34em;
	text-align: left;
	border-left: thin dotted #FF6600;
	
	margin-left: 3em;
}
#verzeichnis-liste2 {
	position:absolute;
	top:3.5em;
	left:30em;
	display:block;
	width:19em;
	height:34em;
	text-align: left;

	margin-left: 4.5em;
	

}
#verzeichnis-liste ul , #verzeichnis-liste2 ul{
	display:block;
	list-style-type:none;

	width: 40em;
	font-size:11px;


}
#content #modul_mobel #verzeichnis-liste ul li , #content #modul_mobel #verzeichnis-liste2 ul li {
	font-size:small;
	color:#FF6600;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 0.3em;
	list-style-image: url(../img/point.gif);
margin-bottom:0px;
	margin-left:2em;
}
/* 2ebene */
#verzeichnis-liste ul li ul ,#verzeichnis-liste2 ul li ul {
margin-left:-1em;


}
#verzeichnis-liste ul li ul li  ,#verzeichnis-liste2 ul li ul li{
	display:block;
	color:#006600;
	font-size:medium;
	color:#006600;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: left;
	width: 70%;

	list-style-image: none!important;
	margin-left:3em;
	
}


/* hintergrundbilder im verzeichnis möbel */
#verzeichnis-liste h1 , #verzeichnis-liste2 h1{
	font-size:medium;
}
#bilder{
	display:block;
	width:10em;
	float:left;
	height:37em;
	background-image: url(../img/moebel_modul_hh.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* hintergrundbilder im verzeichnis raum */
#bilder2{
	display:block;
	width:10em;
	float:left;
	height:37em;
	background-image:url(../img/raumverz_hh.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.fett{
	font-weight:bolder;
}
.satzanfang{
	color:#339900;
	font-weight:600;
}

/* listen im text von leistungen */
#beschreibung ul li{
	list-style-image:url(../img/point.gif);
	margin-left:1.4em;

}

										/* Klassen */

								/* Formatierung für die obere Navigationsleiste */
.menue_site{
	z-index:21;
	position:absolute;
	top:4em;
	left:1em;
}
.menue_site ul li {
	display:inline;
	list-style:none;
	margin-left:1em; 
	margin-top:1em;
	margin-right:0.5em;
	padding: 0.5em;
	width: 35em;

	border-left:#009900 solid 2px;
	
	padding-left:1em;
	
	font-size:small;
	font-family:verdana;
	
}  
							/*  *********   Ende Navigatiosleiste  ****** */

								/* dieser bereich wir nicht im screen gezeigt */
.flashtext{
	text-indent:-999px;
	display:none;
}									/* ******* Ende  ************* */
	
.fett{
font-weight:bolder;
}

.text{text-align:left;
	margin-left:4em; width:56%;
	border-left:dotted #009900 thin;
	padding-left:4em;
	}


/*   VITA   */
#vita_galerie{
	width:100%;
	height:100%;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#8A8A8A;
	position: relative;
	left: 0px;
	top:2em;
	font-size: small;

}

#vita_galerie img{
border:0.4em solid #999999;
margin:1em 0.5em 1em 0em;
}

.float-right{
float:right;
}
.float-left{
float:left;
}
/*#vita_galerie br{
clear:both;
}
*/


.vitatext_1{

	height:40em;
	width:47%;
float:left;
	margin-right:1em;
	padding:1em;
}
	



.vitatext_1 img {margin-right:1em; float:left;}
.vitatext_2{
	display:block;
	height:40em;
	width:45%;
float:right;
padding:1em;
}



.vitatext_2 img{float:right; margin:2em;}

/*.vitatext_3{
	display:block;
	height:90%;
	width:21%;
	position: absolute;
	left:52%;
	top:0%;
	
}
.vitatext_4{
	display:block;
	height:100%;
	width:18%;
	position: absolute;
	left:668px;
	top:0%;
	
} */

#w3c{
	text-align:left;
	margin-top:2em;
	margin-left:15em;
}

.sitemap{
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFCC;
	font-size:smaller;
	position:absolute;
	top:490px;
	left:254px;

}

.sitemap a:link{
color:#ffffff;
}
.sitemap a:visited{
color:#66FF66;
font-weight:normal;
}
.deaktiviert{
font-weight:100;
}


 #agb { margin-top:4em;}
 
 .abstand{margin-bottom:2em;}
.padding{padding-left:1em; display:block;}

h6.sitemap {z-index:102; position:absolute; top:27em; left:18em; font-size:14px; font-weight:400;}
.noborder{border:none;}