/********************** reset default browser style **********************/
/* Reset unneeded margins and paddings */
html, body, form, fieldset { margin: 0; padding: 0; margin-bottom: 1px; height:100% }
/* Vertical margins */ 
h1, h2, h3, h4, h5, h6, p { margin: 1em 0 0 0; padding: 0; }    /* top */
ul, ol, dl { margin: 0 0 1em; padding: 0; }                     /* bottom */
pre, blockquote, address { margin: 1em 0; padding: 0; }         /* top & bottom */  
li { margin: 0; padding: 0; }									/* none */
/* Left margin */
li, dd, blockquote { margin-left: 1em; }
/* Page colors (background and text) */
body { background: white; color: black; }
/* Page main font */
h1, h2, h3, h4, h5, h6, p, li, dd, dt, th, td, input, textarea, select, label { font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
h1 { font-size: 16px; font-weight: bold; }
h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 12px; font-weight: bold; }
/* Links: underlined only when hovered */
a {
	text-decoration: none;
	cursor: pointer;
}
a:hover { text-decoration: underline; }
/* Images without borders when used as links */
a img { border: 0; }
/* Labels have 'hand' as mouse pointer */
label { cursor: pointer; }
/********************** /reset default browser style *********************/
#container { margin: 0 auto; width: 932px; background: url('images/bgShadows2.png') 0 50px  no-repeat; }
#shadows { margin: 0 auto; width: 902px; background: rgb(253,253,253); }
#header { background: url('images/bgHeader.png') bottom left no-repeat; height: 64px; }
	img#bacherLogo { float: left; margin: 10px 0 0 20px; }
	img#reformhausLogo { float: right; margin: 10px 20px 0 0; }	
#body { float: left; background: white url('images/bgBody.png') repeat-x; /*min-height: 590px;*/ min-height: 520px; }
	#menu1 { height: 56px; background: #563a22; }
		#menu1 a { display: block; float: left; height: 56px; background: #563a22 url('images/bgMenu1.jpg') no-repeat; outline: none; cursor: pointer; }
		#menu1 a#btnIndex { width: 150px; }
		#menu1 a#btnGesundheit { width: 150px; background-position: -150px 0; }
		#menu1 a#btnService { width: 114px; background-position: -300px 0; }
		#menu1 a#btnAktuelles { width: 133px; background-position: -414px 0; }
		#menu1 a#btnUnterhaltung { width: 173px; background-position: -547px 0; }
		#menu1 a#btnUnternehmen { width: 182px; background-position: -720px 0; }
		
		#menu1 a#btnIndex:hover,
		#menu1 a#btnIndex.sel { width: 150px; background-position: 0 -56px; }
		#menu1 a#btnGesundheit:hover, 
		#menu1 a#btnGesundheit.sel { width: 150px; background-position: -150px -56px; }
		#menu1 a#btnService:hover, 
		#menu1 a#btnService.sel { width: 114px; background-position: -300px -56px; }
		#menu1 a#btnAktuelles:hover,
		#menu1 a#btnAktuelles.sel { width: 133px; background-position: -414px -56px; }
		#menu1 a#btnUnterhaltung:hover,
		#menu1 a#btnUnterhaltung.sel { width: 173px; background-position: -547px -56px; }
		#menu1 a#btnUnternehmen:hover,
		#menu1 a#btnUnternehmen.sel { width: 182px; background-position: -720px -56px; }
		
	#menu2 { height: 33px; width: 900px; background: #1e5400 url('images/bgMenu2Norm.png') repeat-x; }
		#menu2 a { display: block; float: left; height: 33px; outline: none; text-align: center; font: bold 11px Arial, Tahoma, Verdana, sans-serif; color: white /*#8cb178*/; }
		#menu2 a span.text { display: block; float: left; padding-top: 6px; } 		
		#menu2 a span.left { display: block; float: left; height: 33px; width: 8px; }
		#menu2 a span.right { display: block; float: left; height: 33px; width: 7px; background: url('images/bgMenu2NormRight.png') no-repeat; }		
		#menu2 a:hover,
		#menu2 a.sel { text-decoration: none; color: #266c00; background: white url('images/bgMenu2Sel.png') repeat-x; }
		#menu2 a:hover span.left,
		#menu2 a.sel span.left { background: url('images/bgMenu2SelLeft.png') no-repeat; }
		#menu2 a:hover span.right, 
		#menu2 a.sel span.right	{ background: url('images/bgMenu2SelRight.png') no-repeat; }
	#menu3 { height: 37px; margin: 12px 0 0 28px; }
	 #menu3 a { display: block; float: left; height: 36px; background: #d9d9d9 url('images/bgMenu3Norm.png') repeat-x; outline: none; text-align: center; text-decoration: none;  font: bold 11px Arial, Tahoma, Verdana, sans-serif; color: #266c00; }
	 #menu3 a span.text { display: block; float: left; margin-top: 5px; height: 19px; padding: 6px 7px 0; border-left: 1px solid #8d8d8d; }
	 #menu3 a span.left { display: block; float: left; width: 17px; height: 36px; background: url('images/bgMenu3NormLeft.png') no-repeat; }
	 #menu3 a span.right { display: block; float: left; width: 17px; height: 36px; background: url('images/bgMenu3NormRight.png') no-repeat; }
	 #menu3 a:hover span.text,
	 #menu3 a.sel span.text { background: white url('images/bgMenu3Sel.png') repeat-x; }
	 #menu3 a:hover span.left,
	 #menu3 a.sel span.left { background: url('images/bgMenu3SelLeft.png') repeat-x; }
	 #menu3 a:hover span.right,
	 #menu3 a.sel span.right { background: url('images/bgMenu3SelRight.png') repeat-x; }
	#portal { width: 902px; height: 534px; background: url('images/bgPortal.jpg') no-repeat; }
		.greenBoxSmall { width: 250px; }
		.greenBoxSmall h1 { margin: 0; padding: 3px 10px; color: white; height: 23px; background: url('images/bgGreenBoxSmallTop.png') no-repeat; text-align: right; }	
		.greenBoxSmall div.boxContent { border-right: 1px solid #8d8d8d; padding: 0 10px; border-left: 1px solid #d1d1d1; height: 212px; background: url('images/bgGreenBoxSmallMain.png') repeat-x; }
		.greenBoxSmall div.boxContent h2 { margin: 0; padding-top: 15px; }
		.greenBoxSmall div.boxContent a.green { font: 11px Verdana, Tahoma, Arial, sans-serif; color: #266C00; }
		.greenBoxSmall div.boxFooter { height: 13px; background: url('images/bgGreenBoxSmallBot.png') no-repeat; }
		.greenBoxLarge { width: 300px; }
		.greenBoxLarge h1 { margin: 0; padding: 3px 10px; color: white; height: 23px; background: url('images/bgGreenBoxLargeTop.png') no-repeat; text-align: right; }	
		.greenBoxLarge div.boxContent { border-right: 1px solid #8d8d8d; border-left: 1px solid #d1d1d1; padding: 0 10px; min-height: 135px; background: url('images/bgGreenBoxLargeMain.png') repeat-x; }
		.greenBoxLarge div.boxContentMonat { border-right: 1px solid #8d8d8d;  border-left: 1px solid #d1d1d1; padding:0px; padding-left:10px;min-height: 135px; background: url('images/bgGreenBoxLargeMain.png') repeat-x; }
		.greenBoxLarge div.boxContent h3, .greenBoxLarge div.boxContentMonat h3 { padding-top: 10px; margin: 0; color: #277400; }
		.greenBoxLarge div.boxFooter { height: 13px; background: url('images/bgGreenBoxLargeBot.png') no-repeat; }
		a.btn { text-decoration: none; font: 12px/21px Verdana, Tahoma, Arial, sans-serif; color: #2a7500; }
		a.btn span.left { display: block; float: left; width: 14px; height: 25px; background: url('images/bgBtnLinkLeft.png') no-repeat; }
		a.btn span.center { display: block; float: left; height: 25px; background: url('images/bgBtnLinkCenter.png') repeat-x; }
		a.btn span.right { display: block; float: left; width: 14px; height: 25px; background: url('images/bgBtnLinkRight.png') no-repeat; }
		
		ul.noStyle { margin: 10px 0 0 0; list-style-type: none; }
		ul.noStyle li { margin: 0; }		

	#main { clear: both; padding: 10px 35px; min-height: 400px;  }
		select#title { overflow: hidden; width: 497px !important /* IE6 Hack! */; width: 500px /* this is what IE6 sees */; cursor: pointer; margin: 12px 0 0 0px !important /* IE6 Hack! */; margin-top: 8px;/* this is what IE6 sees */; }
		select#complList { overflow: hidden; width: 497px !important /* IE6 Hack! */; width: 500px /* this is what IE6 sees */; cursor: pointer; margin: 12px 0 0 0px !important /* IE6 Hack! */; margin-top: 8px;/* this is what IE6 sees */; }
		span.select /* .styled */ { position: absolute; padding: 4px 4px 0 20px; width: 490px; min-height: 30px; background: url('images/bgSelect.png') no-repeat !important /* IE6 Hack! */; background: none /* this is what IE6 sees */; overflow: hidden; font: 18px Verdana, Tahoma, Arial, sans-serif; color: black; cursor: pointer; }
		option { cursor: pointer; }
/* simulate a drop down list */
		#selectedItem { padding: 4px 4px 0 20px; width: 500px; height: 30px; background: url('images/bgSelect.png') no-repeat; cursor: pointer; font: 18px Verdana, Tahoma, Arial, sans-serif; }
    ul#listIems { position: absolute; top: 261px; display: none; margin: -4px 0 0 10px; width: 470px; border-left: 2px solid #b2b2b2; border-bottom: 1px solid black; border-right: 1px solid black; background: white; list-style-type: none; }
    ul#listIems li { margin-left: 0; cursor: pointer; }
    ul#listIems li:hover { background: #b2b4bf; }
    ul#listIems li a { color: black; text-decoration: none; }   
/***/  		 
		#main h1 { margin-top: 0; color: #266C00; font-size: 18px; }
		#main #prodInfo { float: left; margin-top: 15px; padding: 0; width: 510px; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
		a { color: black; }
		#main #prodInfoUnternehmen { float: left; margin-top: 15px; width:700px; padding: 0; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
		a { color: black; } 
		#main #prodInfoUnternehmen .imgUnternehmen{ margin-top:20px; margin-right:50px; float:left;};
		#greenLinks { background: #266c00; padding: 10px; margin-top: 20px; width: 380px; color: #8cb178; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
		#greenLinks a,
		#greenLinks p { color: #8cb178; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
		
		#pdfContainer { float: left; background: #266c00; margin-left: 40px; padding-left: 8px; padding-right:12px; margin-top: 20px; width: 258px; color: #8cb178; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; border: 1px solid #000000;}
		#pdfContainer a,
		#pdfContainer p { color: #8cb178; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif;}
		#pdfContainer h1 { padding-top: 5px; color: #8cb178; font: 12px/1.2em Verdana, Tahoma, Arial, sans-serif; font-weight: bold; }
		#pdfContainer img { border: 1px solid #000000}		
		
		#pdfContainerBig { float: left; background: #266c00; margin-left: 0px; padding-left: 8px; padding-right:12px; margin-top: 20px; width: 450px; color: #8cb178; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; border: 1px solid #000000;}
		#pdfContainerBig a,
		#pdfContainerBig p { color: #8cb178; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif;}
		#pdfContainerBig h1 { padding-top: 5px; color: #8cb178; font: 12px/1.2em Verdana, Tahoma, Arial, sans-serif; font-weight: bold; }
		#pdfContainerBig img { border: 1px solid #000000}		
		
		#main #prodInfo #greenLinks { background: #266c00; padding: 10px; margin-top: 20px; width: 100%; color: #8cb178; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
		#main #prodInfo #greenLinks a,
		#main #prodInfo #greenLinks p { color: #8cb178; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
		#main #prodImg p {text-align:center; margin-left: 40px;} /* images in static pages */
		#main #prodImg img { float: left; margin-left: 40px; margin-top: 55px; } /* images in static pages */
		#main img#prodImg { float: left; margin-left: 40px; margin-top: 31px; } /* images in dynamic pages */
		#main .prodInfo { float: left; margin-top: 15px; padding: 0; width: 510px; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
		#main .prodInfo #greenLinks { background: #266c00; padding: 10px; margin-top: 20px; width: 100%; }
		#main .prodInfo #greenLinks a { color: #8cb178; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
		#main .prodImg { float: left; margin-left: 40px; margin-top: 55px; }
		#main a.green { font: 11px Verdana, Tahoma, Arial, sans-serif; color: #266C00; text-decoration: underline; }
		#main a.green:hover { font: 11px Verdana, Tahoma, Arial, sans-serif; color: #8cb178; text-decoration: underline; }
		
		form#selectPid { margin-top: 5px; }
		form#bmiCalc { background: white url('images/bmiCalcBg.png') no-repeat; width: 286px; }	
		form#bmiCalc table { width: 286px; height: 171px; border-collapse: collapse;  }
		form#bmiCalc table th { padding: 3px 15px; color: #266C00; font-size: 18px; font-weight: bold; text-align: left; }
		form#bmiCalc table td.label { padding-left: 15px; width: 100px; }
		form#bmiCalc table td input.numbers { padding: 3px 0; margin-top: 3px; border: 0; background: none; width: 44px; height: 20px; text-align: center; background: url('images/bmiCalcInputBg.png') no-repeat; }
		form#bmiCalc table td #btnSubmit { float: right; margin-right: 20px; width: 118px; height: 30px; background: url('images/bmiCalcBtn.png') no-repeat; border: 0; cursor: pointer; outline: 0; }
		div#bmiCalcBar { margin: 20px 0; width: 433px; height: 48px; background: url('images/bmiCalcBarBg.png') no-repeat; }
		#lenaAnim { float: left; margin-left: -130px; width: 400px; height: 500px; }
		#prodInfoComplaint { float: left; margin-top: 15px; padding: 0; width: 500px; font: 11px/1.2em Verdana, Tahoma, Arial, sans-serif; }
		.lenaComplaint { float: right; width: 300px; height: 500px; }
		#lenaRelative { position: relative; float: right; top: 0; left: 20px; width: 320px; height: 500px; border: 0px solid red; }
		#lenaRelative .probe { position: absolute; top: 0px; left: 0px; }
		#lenaRelative .probe .complaintLeft { float: left; width: 14px; height: 41px; background: url('images/bgComplaintLeft.png') no-repeat; }
		#lenaRelative .probe .complaintCenter { float: left; padding-top: 10px; height: 31px; background: url('images/bgComplaintCenter.png') repeat-x; }
		#lenaRelative .probe .complaintCenter a { color: black; text-decoration: none; font: 13px/1.2em Verdana, Tahoma, Arial, sans-serif; }	
		#lenaRelative .probe .complaintRight { float: left; width: 18px; height: 41px; background: url('images/bgComplaintRight.png') no-repeat; }
		#lenaRelative .probe .complaintBubbleRight { float: left; width: 44px; height: 41px; background: url('images/bgComplaintBubbleRight.png') no-repeat; }
		
		table#jobs { margin-top: 20px; }
		table#jobs td { padding: 5px 70px 5px 0; font-size: 12px; }
		table#jobs td a { font: 12px/1.2em Verdana, Tahoma, Arial, sans-serif; color: #266C00; text-decoration: underline; }
		
		#shopInfo { float: left; width: 430px; }
		#shopInfo table { float: left; width: 200px; margin: 10px 15px 20px 0; }
		#shopMap { float: right; width: 342px; height: 445px; background: url('images/germany.png') no-repeat; }
		#shopMap a { position: absolute; display: block; width: 7px; height: 7px; background: url('images/dotWhite.png') no-repeat; font-size: 1px; cursor: pointer; text-decoration: none; }
		#shopMap a:hover { background: url('images/dotRed.png') no-repeat; }

		.news { margin: 50px 0; border: 0px solid red; }
		a.green { font: 11px Verdana, Tahoma, Arial, sans-serif; color: #266C00; text-decoration: underline; }
		a.green :hover{ font: 11px Verdana, Tahoma, Arial, sans-serif; color: #8cb178; text-decoration: underline; }
		
  
  .shopping_title { padding: 20px; }
  
	.shopping { 
  border-collapse: collapse;
  margin:20px;
  }
  
  .shopping_cat_label
  {
	  margin-left:20px;
	  font-weight:bold;
	  font-size: 16px;
	  font-family: Verdana, Tahoma, sans-serif;
  }
  
 .shopping .shoppLastLeft {
  padding-top: 25px;
  padding-right: 25px;
  border-right: 1px solid black;
 }
  .shopping .shoppLastRight {
  padding-top: 25px;
  padding-left: 25px;
 } 
 
  .shopping .shoppFirstLeft {
  padding-bottom: 25px;
  padding-bottom: 25px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
 }
  .shopping .shoppFirstRight {
  padding-left: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid black;
 } 
  
 .shopping .shoppLeft {
  padding-right: 25px;
  padding-bottom: 25px;
  padding-top: 25px;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
 }
 .shopping .shoppRight {
  padding-top: 25px;
  padding-left: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid black;
  border-bottom: 1px solid black;
  }
  
  .favorableFour {
  width: 510px; 
  margin-top: 0px;
  }

#footer { margin: 0 auto; padding: 30px 30px 0 0; width: 902px; height: 59px; background: url('images/bgFooter.png') no-repeat; color: black; text-align: right; font: 9px/1.2em Verdana, Tahoma, Arial, sans-serif; }
	#footer a { color: black; }

body { background: #c2c2c2 url('images/bg2.png') repeat-x }
div.clear { clear: both; width: 1px; height: 1px; font-size: 1px; }

/* Used colors */
/*
green: #266C00;
*/