/* GLOBALS */
*{
	margin:0;
	padding:0;
}

body { 
	font-family: 		"Trebuchet MS", Arial, Helvetica, Sans-serif;  
	font-size: 			0.75em;
	color:				#ffffff;
	line-height:		18px;
	background-color: 	#333333;
	background-image: 	url(../images/bg.gif);
	background-repeat:	repeat-x;
}

body.home #image {
	background: transparent url(../images/moodbild_start.jpg) no-repeat scroll left top;
}

body.kontakt #image {
	background: transparent url(../images/moodbild_kontakt.jpg) no-repeat scroll left top;
}

body.kontaktbestaetigung #image {
	background: transparent url(../images/moodbild_kontaktbestaetigung.jpg) no-repeat scroll left top;
}

body.impressum #image {
	background: transparent url(../images/moodbild_impressum.jpg) no-repeat scroll left top;
}

body.leistungen #image {
	background: transparent url(../images/moodbild_leistungen.jpg) no-repeat scroll left top;
}

body.schnaeppchen #image {
	background: transparent url(../images/moodbild_schnaeppchen.jpg) no-repeat scroll left top;
}

body.schiebetueren #image {
	background: transparent url(../images/moodbild_schiebetueren.jpg) no-repeat scroll left top;
}

body.ausstellung #image {
	background: transparent url(../images/moodbild_ausstellung.jpg) no-repeat scroll left top;
}

body.service #image {
	background: transparent url(../images/moodbild_service.jpg) no-repeat scroll left top;
}

body.referenzen #image {
	background: transparent url(../images/moodbild_referenzen.jpg) no-repeat scroll left top;
}

body.rezepte #image {
	background: transparent url(../images/moodbild_rezepte.jpg) no-repeat scroll left top;
}

body.rezept_liste #image {
	background: transparent url(../images/moodbild_rezepte.jpg) no-repeat scroll left top;
}

body.rezept_popup #image {
	background: transparent url(../images/moodbild_rezepte.jpg) no-repeat scroll left top;
}

body.partner #image {
	background: transparent url(../images/moodbild_partner.jpg) no-repeat scroll left top;
}

body.objekte #image {
	background: transparent url(../images/moodbild_objekte.jpg) no-repeat scroll left top;
}

body.events #image {
	background: transparent url(../images/moodbild_events.jpg) no-repeat scroll left top;
}

body.aktuelles #image {
	background: transparent url(../images/moodbild_aktuelles.jpg) no-repeat scroll left top;
}

body.news #image {
	background: transparent url(../images/moodbild_news.jpg) no-repeat scroll left top;
}

body.newsliste #image {
	background: transparent url(../images/moodbild_newsliste.jpg) no-repeat scroll left top;
}

body.planungstipps #image {
	background: transparent url(../images/moodbild_planungstipps.jpg) no-repeat scroll left top;
}

#wrapper {
	width:			960px;
	margin:			0 auto;
	height:			100%;
}

#head {
	width:			960px;
	height:			80px;
	border:			0px solid;
	background:		transparent url(../images/head.gif) no-repeat;
}

.block {
	text-align:	justify;
}


/*TOPNAVI start*/
#head ul {
	list-style:		none;
	text-align:		right;
	margin-top:		75px;
	float:			right;
	width:			530px;
	height:			20px;
}

#head ul li {
	display:		inline;
	list-style:		none;
	margin-left:	0px;
	margin-right:	0px;
}

#topnavi {
	width:			960px;
	height:			35px;
	border:			0px solid;
}

#topnavi ul {
	list-style:		none;
	margin-top:		0px;
	height:			35px;
	border:			none;
}

#topnavi ul li {
	display:		inline-block;
	list-style:		none;
	text-align:		center;
	float:			left;
	width:			96px;
	height:			35px;
}

.topnavi a {
	color:				#ffffff;
	font-weight:		normal;
	text-decoration:	none;
	margin-top:			10px;
	padding-top:		10px;
	line-height:		33px;
}

.topnavi a:hover {
	color:				#777777;
	font-weight:		normal;
	text-decoration:	none;
}

.no {
	color:				#ffffff;
	font-weight:		normal;
	background:			#ffffff;
	background-image: 	url(../images/bg_topnavi.gif);
	background-repeat:	no-repeat;
}

.act {
	color:				#ffffff;
	font-weight:		normal;
	background:			#ff0000;
	background-image: 	url(../images/bg_topnavi_aktiv.gif);
	background-repeat:	no-repeat;
}

.act a {
	color:				#555555;
}

#head ul li.act a{
	font-weight:		normal;
	color: 				#4f6807;
	text-decoration:	underline;
}

.trenner {
	color:			#2a3607;
}
/*TOPNAVI ende*/


/*NAVIGATION START*/

#imagenavi {
	width:			960px;
	height:			256px;
}

#image {
	width:			768px;
	height:			256px;
	float:			left;
}

#bgwhite {
	width:				960px;
	height:				5px;
	background-image: 	url(../images/bg_white.gif);
	background-repeat:	no-repeat;
}

#bgwhite4 {
	width:				960px;
	height:				5px;
	background-image: 	url(../images/bg_white.gif);
	background-repeat:	no-repeat;
}

#bgwhite2 {
	width:				960px;
	height:				2px;
	margin-top:			2px;
	background-image: 	url(../images/bg_white.gif);
	background-repeat:	no-repeat;
}

#bgwhite3 {
	width:				960px;
	height:				2px;
	margin-bottom:		2px;
	background-image: 	url(../images/bg_white.gif);
	background-repeat:	no-repeat;
}

#navigation {
	width:			550px;
	height:			23px;
	float:			right;
}

#navi ul {
	list-style:		none;
	margin-top:		0px;
	height:			32px;
	border:			none;
}

#navi ul li {
	display:		block;
	list-style:		none;
	text-indent:	32px;
	width:			192px;
	height:			32px;
}

.main-menu a {
	color:				#777777;
	font-weight:		normal;
	text-decoration:	none;
	margin-top:			10px;
	padding-top:		10px;
	line-height:		32px;
}

.main-menu a:hover {
	color:				#cd0000;
	font-weight:		normal;
	text-decoration:	none;
}

.inaktiv {
	color:				#ffffff;
	font-weight:		normal;
	background:			#ffffff;
	background-image: 	url(../images/bg_navi.gif);
	background-repeat:	no-repeat;
}

.aktiv {
	color:				#ffffff;
	font-weight:		normal;
	background:			#ff0000;
	background-image: 	url(../images/bg_navi.gif);
	background-repeat:	no-repeat;
}

.aktiv a {
	color:				#e2001a;
}

#navigation ul {
	list-style:		none;
	text-align:		right;
	padding-top: 	0px;
}

#navigation ul li {
	display:		inline;
	list-style:		none;
}

#navigation ul li a {
	list-style:		none;
	color:			#000;
	display:		inline;
	text-decoration:none;
	padding: 		0px 6px 0px;
}

#navigation ul li:hover a  {
	color:				#4f6807;
	text-decoration:	underline;
}


#navigation ul li.act a {
	font-weight:		normal;
	color: 				#4f6807;
}

#navi {
	width:		192px;
	height: 	256px;
	float:		left;
}

#main-menu {
	vertical-align:		middle;
}


/*NAVIGATION ENDE*/


#container {
	width:	960px;
}

#inhalt {
	width: 			960px;
	background-image: 	url(../images/bg_inhalt.gif);
	background-repeat:	repeat-y;
}

img {
	border:	none;
}

p {
	margin:	0;
}

hr {
	border:				0;
	color:				#4f6807;
	height:				1px;
	width:				100%;
	text-align:			left;
	margin-top:			10px;
}

.dashed {
	border-bottom:	dashed 1px #4f6807;
	margin-bottom:	10px;
}

h1 {
	font-family: 	"Trebuchet MS", Arial, Helvetica, Sans-serif;  
	font-size: 		1.7em;
	color: 			#e2001a;
	margin-bottom:	10px;
	margin-top:		0px;
	text-align:		left;
	letter-spacing: 0.1em;
	line-height:	1.2em;
}

h2 {
	font-size: 		1.2em;
	color: 			#e2001a;
	letter-spacing: 0.05em;
	margin-bottom:	5px;
	margin-top:		5px;
}

.fett {
	font-family:	"Times New Roman", Times, serif;
	font-weight:	bold;
	font-size: 		1.2em;
	color: 			#4f6807;
	margin-bottom:	0px;
	margin-top:		5px;
}

#logo-clickable {
	cursor:		pointer;
	height:		75px;
	position:	absolute;
	top:		0px;
	width:		192px;
	margin-left:768px;
}

.hersteller {
	border:		1px solid #a7a8aa;
	padding:	6px;
}

#mhk {
 cursor: pointer;
	width: 90px;
	height: 62px;
	margin-left: 42px;
	float: left;
 	position: relative;
 	top: 32px;
}

#inhaltlinks {
	margin-top: 12px;
	margin-left: 12px;
	margin-bottom: 12px;
	width:	211px;
	float: left;
	padding-left: 8px;
}

#inhaltmitte {
	margin-top:		20px;
	margin-left:	20px;
	width:			536px;
	float:			left;
	margin-bottom:	10px;
}

#inhaltmitte a {
	color:			#a7a8aa;
}

#inhaltmitte a:hover {
	color:			#e2001a;
}

#footercontentright a {
	color:			#777777;
}

#footercontentright a:hover {
	color:			#e2001a;
}

#headerimage {
	height:			320px;
	margin-left:	0px;
	width:			484px;
	float:			left;
	margin-bottom:	10px;
}

#contentleft {
	width:		192px;
	float:		left;
}

#contentright {
	width:		192px;
	float:		right;
	border: 	0px solid #000;
}

#banner_flyer {
margin-left: 10px;
margin-top: 20px;
}

#button_schnaeppchen{
margin-left: 10px;
margin-top: 20px;
}
/* /ausstellung */

.ausstellungscontainer {
	float:		left;
	width:		550px;
	margin-top:	0px;
	position:	relative;
	border:		0px solid #85ac17;
}

.ausstellungunten  .ausstellung {
	background:	#222222;
	float:		left;
	height:		80px;
	width:		80px;
	margin:		0px 0px 0px 0px;
	position:	relative;
	border:		1px solid #ffffff;
	padding:	5px;
}

.with-opacity {
	opacity: 0.5;
}


/* POPUP */

#schwarz{
	background: url(../images/schwarz.png);
	width:100%;
	height:100%;
	position:absolute;
	z-index:	20;
	left:0;
	top:0;
}

#popup{
	position: absolute;
	top: 95px;
	left: 0px;
	width:100%;
	text-align: center;
}


#zoom{
	position:relative;
	background: #fff;
	color: #7C7C7E;
	width:800px;
	margin: 0px auto;
	padding: 10px;
	text-align:center;
}


#header-popup{
	position:relative;
	width: 100%;
	margin: 0 0 20px 0;
	text-align: right;
}

#header-popup #buttons{
	position:relative;
	font-size:0.8em;
	width: 100%;
}

#header-popup .next{
	
	position: relative;
	float:left;
}

#header-popup #logo{
	position:relative;
	left:0px;
	top:10px;
}


/*#popup #popcontent{*/
#popcontent{
	position:relative;
	display: block;
	font-size:0.9em;
	float: left;
	margin: 0;
	text-align: left;
}


/*#popup #popcontent #inhalt{*/
#popcontent #inhalt{
	position:relative;
	display: block;
	width: 100%;
	margin: 0 5px 15px 2px;
	background: none;
}

#unten {
	display: none;
}

#unten1 {
	display: none;
}

#print-impressum {
	display:			none;
}

/* POPUP ENDE */ 



/* misc */
.clear {
	clear:				both;
}
/* /mis */


.hidden {
	display:			none;
}	


/**/

#rahmen {
	width: 210px;
	height: 261px;
	border: 0px solid #797a7d;
	padding: 1px;
}

#imagerahmen {
	width: 500px;
	height: 290px;
	border: 0px solid #797a7d;
	padding: 0px;
	position: absolute;
}


/*Filialen start*/
#inhaltrechts .wrapper .column-3,
#inhaltrechts .wrapper .column-4 {
	height:				165px;
	float:				left;
}

#inhaltrechts .column-3 {
	width:				195px;
}	

#inhaltrechts .column-4 {
	width:				180px;
}	

#inhaltrechts .column-3 img {
	border:				1px solid #b1b9c0;
	display:			block;
}

#inhaltrechts .column-3 img.first {
}

#inhaltrechts .column-3 a img{
	opacity:			0.6;
}

#inhaltrechts  column-3 a:hover img,
#inhaltrechts .column-3 a.selected img {
	opacity:			1;
	border: 1px solid red;
}

#store-selector {
	background:			transparent url(../images/arrow-address.png) no-repeat 0 33px;
	height:				150px;
	left:				601px;
	position:			absolute;
	width:				123px;
}

#inhaltrechts .wrapper .column-4 img {
	display:			block;
}

#inhaltrechts .wrapper ul {
	list-style:			none;
	margin-left:		0;
	padding-left:		0;
}

#inhaltrechts .wrapper ul li.with-margin-top {
	margin-top:			12px;
}

#wrapper-store-1 {
	display:			block;

}

#wrapper-store-2 {
	display:			none;
}

#wrapper-store-1 ul {
	margin-top: 10px;
}

#wrapper-store-2 ul {
	margin-top: 10px;
}

#store1,
#store2 {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

/*Filiale ende*/


/*Newsletter*/

#newsletter {
	margin-top: 20px;
	color: #555555;
	font-size: 10px;
}

#newsletter img {
	cursor: pointer;
}

#nl {
	border: 0px solid #555555;
	height: 18px;
}

#macrocom {
	margin-top: 10px;
}

#kontakt_herne {
	float: left;
	width: 236px;
	text-align: center;
}

#kontakt_gelsenkirchen {
	float: left;
	margin-left: 10px;
	width: 236px;
	text-align: center;
}

#logoluebeck {
	display: none;
}

#footer {
	width:				960px;
	height:				96px;
	font-size:			12px;
	background-repeat:	no_repeat;
}

#footerleft {
	width:				768px;
	height:				96px;
	font-size:			12px;
	background-image: 	url(../images/bg_footer_left.gif);
	background-repeat:	no-repeat;
	float: 				left;
}

#footerright {
	width:				192px;
	height:				96px;
	font-size:			12px;
	float: 				left;
}


#footercontentleft {
	font-size: 			0.9em;
	color:				#666666;
	margin-top:			28px;
	width:				172px;
	line-height:		14px;
	float:				left;
	text-align:			right;
}

#footercontentright {
	font-size: 			0.9em;
	color:				#666666;
	margin-top:			28px;
	margin-left:		40px;
	left:				40px;
	width:				372px;
	line-height:		14px;
	float:				left;
}

#rechts {
	width:		220px;
	float: 		left;
	margin-top:	0px;
}

#rechts ul {
	list-style:		none;
}

#rechts ul li {
	display:		block;
	list-style:		none;
	margin-left:	0px;
	margin-right:	0px;
}

#rechts a {
	text-decoration: none;	
	color: #2a3607;
}

#rechts a:hover {
	text-decoration: underline;	
}

#footer ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

/*#links {
	width: 400px;
	float: left;
	margin-left: 130px;
	margin-top: 15px;
	border:	0px solid;
}*/

#elementa {
	width: 120px;
	height: 33px;
	float: left;
	margin-top: 14px;
	cursor: pointer;
}

a.hinweis {
	background:			#555555;
	color:				#ffffff;
	font-weight:		normal; 
	text-decoration:	none; 
	cursor:				pointer;
	display: 			inline;
	padding:			2px 10px 2px 10px;
	border:				#555555 1px solid;
}

a.hinweis:hover {
	background:			#777777;
}

#planer {
	margin-top:			64px;
	margin-left:		32px;
	text-align:			center;
	width:				110px;
	background:			#333333;
	padding:			9px 9px 9px 9px;
	border:				#ffffff 1px solid;
}

#planer a {
	color:				#ffffff;
	text-decoration:	none;
}

#planer a:hover {
	color:				#777777;
	text-decoration:	none;
}

#ln-card {
	margin-top:			30px;
	margin-left:		32px;
}

#ln-card a {
	color:				#ffffff;
	text-decoration:	none;
}

#anmerkung {
	margin-top:			20px;
	margin-left:		32px;
	width:				152px;
}

.rezeptart {
	width:				120px;
	margin-bottom:		10px;
}

.rezeptauswahl {
	width:				220px;
	margin-bottom:		10px;
}

#wrapper-rezept-print {
	display: none;
}

#logolifestyle {
	position:			absolute;
	width:				80px;
	height:				0px;
	top:				20px;
	left:				200px;
	background-image: 	url(../images/logo_lifestyle.gif);
	background-repeat:	no-repeat;
}

.border {
	border:				0px solid #ff0000;
}

/* Partner */

.partnerbox {
	background: #242424; 
	width: 540px;
	height: 200px;
}

.partnerleft {
	float: left;
	width: 340px;
}


.partnerright {
	float: left;
	width: 200px;
}

.partnertext {
	margin: 20px;
}


/* Partner */

/* eventinc */

#eventinc {
	position:absolute;
	width:300px;
	left:590px;
	top:164px; 
	border: #666666 1px solid; 
	background: #fff; 
	z-index:1000;
}

#eventinc #top {
	color: #ffffff;
	padding:3px 3px 3px 3px;
	background: #58585a; 
	border-bottom: #ffffff 1px solid;
	xheight:20px;
}

#eventinc #body{
	background: #efefef;
	clear:both;
}

#eventinc #dragbar,#eventinc #close{
	cursor:pointer;
	float:right;
}
#eventinc #close img{
	nur fix_ie
}

#eventinc .head{
	font-size:1.1em;
	line-height:1.1em;
	font-weight:bold;
	width:100%;
	display:block;
}

#eventinc #dragbar{
	width:88%;
}

#eventinc #links, #eventinc #rechts{
	padding: 5px 5px 5px 5px;
	height:100%;
	width:80%;
}

#eventinc #links{
	width:5%;
	float:left;
}

#eventinc p {
	color: #555555;

}
#logo_life {
height:80px;
left:420px;
margin-top:23px;
position:absolute;
width:80px;
}

#logo_homeparc {
height:80px;
left:420px;
margin-top:289px;
position:absolute;
width:80px;
}

#logo-homeparc {
float: left;
margin-right: 4px;
height:80px;
width:80px;
}

#logo-silestone {
float: left;
margin-right: 4px;
height:80px;
width:80px;
}

#logo-silverline {
float: left;
margin-right: 4px;
height:80px;
width:80px;
}

#logo-santec {
float: left;
margin-right: 4px;
height:80px;
width:80px;
}

#logo-rechtglaub-wolf {
float: left;
margin-right: 4px;
height:80px;
width:80px;
}

.logotext {
text-align: center;
width: 80px;
font-size: 10px;
line-height: 11px;
}

/* eventinc ende */