/* -----------------------------------------------------------------------------------------
---
---		MANUFACT WEBSITE: Templates StyleSheet
---		Version: 1.0
---		Stand: 2009-08-24
---
---		HTML/CSS:	Peter Stollenwerk [ps@peterstollenwerk.de]
---
--------------------------------------------------------------------------------------------- */

/* Submenue: Hintergrundgrafik  */
#moebel #nav_onsite ul ul.active {background: url('../images/bg_nav_sub_overview.jpg') 87px 229px no-repeat;}
#bad #nav_onsite ul ul.active {background: url('../images/bg_nav_sub_overview.jpg') 87px 229px no-repeat;}
#kuechen #nav_onsite ul ul.active {background: url('../images/bg_nav_sub_overview.jpg') 87px 229px no-repeat;}
#objekte #nav_onsite ul ul.active {background: url('../images/bg_nav_sub_overview.jpg') 87px 229px no-repeat;}
#specials #nav_onsite ul ul.active {background: url('../images/bg_nav_sub_overview.jpg') 87px 229px no-repeat;}

/* Content: Hintergrundgrafik */
#moebel #content {background: url('../images/bg_content.gif') 0px 67px no-repeat;}
#bad #content {background: url('../images/bg_content.gif') 0px 67px no-repeat;}
#kuechen #content {background: url('../images/bg_content.gif') 0px 67px no-repeat;}
#objekte #content {background: url('../images/bg_content.gif') 0px 67px no-repeat;}
#specials #content {background: url('../images/bg_content.gif') 0px 67px no-repeat;}

/* Content: Imagereplacement der Hauptüberschriften */
#content h2 {
	text-indent: -9999em;
	overflow: hidden;
	background-image: url('../images/h2_home.jpg?');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 304px;
	height: 69px;
	display: block;
	margin: 0 0 -2px 0;
}
#home #content h2 {	background-image: Url('../images/h2_home.jpg?');}
#moebel #content h2 {	background-image: Url('../images/h2_moebel.jpg?'); }
#bad #content h2 {	background-image: Url('../images/h2_bad.jpg?'); }
#kuechen #content h2 {	background-image: Url('../images/h2_kuechen.jpg?'); }
#objekte #content h2 {	background-image: Url('../images/h2_objekte.jpg?'); }
#specials #content h2 {	background-image: Url('../images/h2_specials.jpg?'); }
#aktuelles #content h2 {	background-image: Url('../images/h2_aktuelles.jpg?');}
#kontakt #content h2 {	background-image: Url('../images/h2_kontakt.jpg?');}
#links #content h2 {	background-image: Url('../images/h2_links.jpg?');}
#impressum #content h2 {	background-image: Url('../images/h2_impressum.jpg?');}

/* Content: Positionierung der Datensätze*/
.datensatz:after {
  content: "\0020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  overflow:hidden; 
}
.datensatz {
	display: block;
	margin: 0 102px 50px 86px;
}
.datensatz img {
	float: right;
	margin: 0 0 1em 47px;
}
.datensatz_right  {
	display: block;
	margin: 0 45px 50px 86px;
}
#home h3, #home p {margin-right: 197px;}
#aktuelles #content {padding-bottom: 50px;}
#aktuelles h3, #aktuelles h4, #aktuelles p {margin-right: 197px;}
#aktuelles .datensatz img {	margin: 0 0 0 47px; }
#aktuelles .datensatz.odd {
	background-color: #f1eee7;
	margin: 0;
	border-top: 10px solid #f1eee7;
	border-right: 102px solid #f1eee7;
	border-bottom: 10px solid #f1eee7;
	border-left: 86px solid #f1eee7;
}
#aktuelles .datensatz.even {
	background-color: transparent;
	margin: 0;
	border-top: 10px solid transparent;
	border-right: 102px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 86px solid transparent;
}
#kontakt.stadtplan .datensatz {margin: 0 20px 50px 64px;}
#kontakt.stadtplan .datensatz img {float: left; margin: 0 100px 1em 0; }
#kontakt.stadtplan .datensatz h3 {padding-top: 325px; margin-bottom: 1em; color: #575757;}
#moebel .datensatz {margin: 0 102px 50px 64px;}
#moebel .datensatz img {float: left; margin: 0 21px 1em 0; }
#moebel .datensatz h3 {padding-top: 86px; margin-bottom: 1em; color: #575757;}
#moebel.overview .datensatz {position: relative; height: 400px; margin:  0 0 50px 64px;}
#moebel.overview .datensatz img {float: none; margin: 0 15px 15px 0;}
#bad .datensatz {margin: 0 102px 50px 64px;}
#bad .datensatz img {float: left; margin: 0 21px 1em 0; }
#bad .datensatz h3 {padding-top: 86px; margin-bottom: 1em; color: #575757;}
#bad.overview .datensatz {position: relative; height: 400px; margin:  0 0 50px 64px;}
#bad.overview .datensatz img {float: none; margin: 0 15px 15px 0;}
#kuechen .datensatz {margin: 0 102px 50px 64px;}
#kuechen .datensatz img {float: left; margin: 0 21px 1em 0; }
#kuechen .datensatz h3 {padding-top: 86px; margin-bottom: 1em; color: #575757;}
#kuechen.overview .datensatz {position: relative; height: 400px; margin:  0 0 50px 64px;}
#kuechen.overview .datensatz img {float: none; margin: 0 15px 15px 0;}
#objekte .datensatz {margin: 0 102px 50px 64px;}
#objekte .datensatz img {float: left; margin: 0 21px 1em 0; }
#objekte .datensatz h3 {padding-top: 86px; margin-bottom: 1em; color: #575757;}
#objekte.overview .datensatz {position: relative; height: 400px; margin:  0 0 50px 64px;}
#objekte.overview .datensatz img {float: none; margin: 0 15px 15px 0;}
#specials .datensatz {margin: 0 102px 50px 64px;}
#specials .datensatz img {float: left; margin: 0 21px 1em 0; }
#specials .datensatz h3 {padding-top: 86px; margin-bottom: 1em; color: #575757;}
#specials.overview .datensatz {position: relative; height: 400px; margin:  0 0 50px 64px;}
#specials.overview .datensatz img {float: none; margin: 0 15px 15px 0;}

/* Content: Bildergalerie: Positionierung der Bilder*/
.overview #content .datensatz { margin: 0; position: relative; height: 400px; }
.overview #content .datensatz img { position: absolute; margin: 0; background-color: #f0eee7; }
.overview #content .datensatz img.pos1 { left: 64px; padding-right: 15px; }
.overview #content .datensatz img.pos1last { left: 64px; padding-right: 568px; }
.overview #content .datensatz img.pos2 { left: 149px; padding-right: 15px; }
.overview #content .datensatz img.pos2last { left: 149px; padding-right: 483px; }
.overview #content .datensatz img.pos3 { left: 234px; padding-right: 15px; }
.overview #content .datensatz img.pos3last { left: 234px; padding-right: 398px; }
.overview #content .datensatz img.pos4 { left: 319px; padding-right: 15px; }
.overview #content .datensatz img.pos4last { left: 319px; padding-right: 313px; }
.overview #content .datensatz img.pos5 { left: 404px; padding-right: 15px; }
.overview #content .datensatz img.pos5last { left: 404px; padding-right: 228px; }
.overview #content .datensatz img.pos6 { left: 489px; padding-right: 15px; }
.overview #content .datensatz img.pos6last { left: 489px; padding-right: 143px; }
.overview #content .datensatz img.pos7 { left: 574px; padding-right: 15px; }
.overview #content .datensatz img.pos7last { left: 574px; padding-right: 58px; }
.overview #content .datensatz img.pos8 { left: 64px; top: 115px; background-color: transparent; }
.overview #content .datensatz img.pos9 { left: 149px; top: 115px; background-color: transparent; }
.overview #content .datensatz img.pos10 { left: 234px; top: 115px; background-color: transparent; }
.overview #content .datensatz img.pos11 { left: 319px; top: 115px; background-color: transparent; }
.overview #content .datensatz img.pos12 { left: 404px; top: 115px; background-color: transparent; }
.overview #content .datensatz img.pos13 { left: 489px; top: 115px; background-color: transparent; }
.overview #content .datensatz img.pos14 { left: 574px; top: 115px; background-color: transparent; }
.overview #content .datensatz img.pos15 { left: 49px; top: 230px; padding-left: 15px; }
.overview #content .datensatz img.pos15first { left: 0; top: 230px; padding-left: 64px; }
.overview #content .datensatz img.pos16 { left: 134px; top: 230px; padding-left: 15px; }
.overview #content .datensatz img.pos16first { left: 0; top: 230px; padding-left: 149px; }
.overview #content .datensatz img.pos17 { left: 219px; top: 230px; padding-left: 15px; }
.overview #content .datensatz img.pos17first { left: 0; top: 230px; padding-left: 234px; }
.overview #content .datensatz img.pos18 { left: 304px; top: 230px; padding-left: 15px; }
.overview #content .datensatz img.pos18first { left: 0; top: 230px; padding-left: 319px; }
.overview #content .datensatz img.pos19 { left: 389px; top: 230px; padding-left: 15px; }
.overview #content .datensatz img.pos19first { left: 0; top: 230px; padding-left: 404px; }
.overview #content .datensatz img.pos20 { left: 474px; top: 230px; padding-left: 15px; }
.overview #content .datensatz img.pos20first { left: 0; top: 230px; padding-left: 489px; }
.overview #content .datensatz img.pos21 { left: 559px; top: 230px; padding-left: 15px; }
.overview #content .datensatz img.pos21first { left: 0; top: 230px; padding-left: 574px; }