/****************************** Allgemein ********************************/ /****************************** Allgemein ********************************/  * { margin: 0px; padding: 0px; list-style: none; }  img { border: 0px; }  body { font-family: Arial, Helvetica, sans-serif; }  h1 { font-size: 20px; font-weight: bold; color: #00664A; margin: 0px 0px 10px 0px; }  h2, h3 { font-size: 16px; font-weight: bold; color: #00664A; margin: 0px 0px 10px 0px; }  /******************************* Wrapper ********************************/  #wrapper { position: relative; width: 900px; margin: 0px auto; }  #page { width: 900px; padding: 64px 0px 0px 0px; background: url(images/page_bg.gif) repeat-y; }  /******************************* Header ********************************/  #header { position: absolute; top: 0px; height: 84px; width: 900px; }  #header2 { position: absolute; top: 84px; left: 181px; width: 720px; height: 264px; background:	url(images/keyvisual_diy.jpg) 0px 0px no-repeat #FFF; border-top: 6px solid #A7DCBC; }  #header2p { font-family: Arial, Helvetica, sans-serif; font-size: 32px;	 color: #DF0024; font-weight: bold; float: left; padding: 32px 0px 0px 15px; }  #header2 a#katalog { background: url(images/arrowrightwhite.gif) 0px 5px no-repeat; font-size: 12px; line-height: 17px; float: right; width: 100px; display: block; padding: 0px 15px 0px 8px; color: #FFF; text-decoration: none; font-weight: bold; margin: 18px 0px 0px 0px; }  #header2 form#topsearch { position: absolute; top: 94px; left: 424px; }  #header2 form #searchform { background: url(images/mag.jpg) no-repeat #FFF; width: 180px; height: 16px; border: 1px solid #a7acb0; font-size: 11px; padding: 2px 0px 0px 25px; font-family: Arial, Helvetica, sans-serif; }  #topsuche_submit { background: #00B476; color: white; height: 20px; border: 1px solid #666; font-size: 11px; margin: 0px 5px 0px 0px; padding: 0px 2px 2px 2px; font-family: Arial, Helvetica, sans-serif; }  /**************************** Spalte Links *****************************/  #spalte_links { float: left; width: 726px; }  /************************* Spalte Ganz Links ***************************/  #spalte_ganzlinks { float: left; width: 180px; background: url(images/spalte_ganzlinks_bg.gif) repeat-y; padding: 20px 0px 6px 0px; margin: 0px 0px 30px 0px; } 
#navi_main { background: #00664A; color: #FFF; font-size: 11px; width: 174px; padding: 0px 0px 18px 0px; margin: 0px 0px 6px 0px; } 
.boschnavi {
 width: 174px;  height: 81px;
 background-color:transparent;
 background-image:none;
 }
 .navi_main_uebergross { font-size: 18px; margin: 0px 0px 8px 0px; padding: 8px 0px 0px 12px; font-weight: bold; }  .navi_main_ueber { font-weight: bold; padding: 20px 0px 3px 12px; } 
.navi_main_start a { color: #fff;
text-decoration: none; background: url(images/arrowrightwhite.gif) 12px 6px no-repeat;
display: block; line-height: 20px; margin-left: 00px; padding-left: 00px; text-indent:20px;
text-decoration: none; background-color:#00b476; } .navi_main_links:hover { background: #00b476; } 
.navi_main_start:hover { background: #008F68; } 
 .navi_main_links a { color: #fff; text-decoration: none; background: url(images/arrowrightwhite.gif) 2px 5px no-repeat; border-bottom: 1px solid #A7DCBC; display: block; line-height: 17px; margin-left: 10px; padding-left: 10px; text-decoration: none; }  #suche { background: #00664A; color: #FFF; font-size: 11px; width: 174px; padding: 7px 0px 5px 0px; }  #suche1 { font-weight: bold; padding: 0px 0px 0px 12px; }  .searchfield { margin: 3px 0px 0px 12px; border: 1px solid #7f9db9; font-family: Arial, Helvetica, sans-serif; width: 150px; border-bottom: 1px solid #A7DCBC; display: block; line-height: 17px; }  .suche_link:hover { background: #008F68; }  .suche_link a { color: #fff; text-decoration: none; background: url(images/arrowrightwhite.gif) 2px 5px no-repeat; border-bottom: 1px solid #A7DCBC; display: block; line-height: 16px; padding: 0px 0px 6px 10px; margin: 0px 0px 0px	10px; text-decoration: none; }  #hotline { padding: 7px 0px 0px 0px; } 
.email_link a { color: #fff; text-decoration: none; background: url(images/arrowrightwhite.gif) 2px 5px no-repeat; border-bottom: 1px solid #A7DCBC; display: block; line-height: 16px; padding: 0px 0px 6px 10px; margin: 0px 0px 0px	10px; text-decoration: none; margin-top: 6px; margin-bottom:0px; }  #hotline { padding: 7px 0px 0px 0px; } 
.news_link a { color: #fff; text-decoration: none; background: url(images/arrowrightwhite.gif) 2px 5px no-repeat; display: block; line-height: 14px; padding: 0px 0px 6px 10px; margin: 0px 0px 0px	10px; text-decoration: none; }  #hotline { padding: 7px 0px 0px 0px; }
 .hotline_ueber {  font-weight: bold; padding: 0px 0px 0px 12px; }  .hotline_ueber span {  font-size: 10px;  font-weight: normal;  padding: 0px 0px 0px 3px; }  .phone { font-size: 16px; font-weight: bold; padding: 3px 0px 3px 12px; }  .tab { line-height: 13px; padding: 0px 0px 0px 12px; }  .tab span { display: block; width: 53px; float: left; }  .hotline_link { padding: 0px 0px 0px 10px; }  .hotline_link:hover { background: #008F68; }  .hotline_link a { color: #fff; text-decoration: none; background: url(images/arrowrightwhite.gif) 2px 7px no-repeat; border-bottom: 1px solid #A7DCBC; display: block; line-height: 14px; padding: 4px 0px 6px 10px; margin: 3px 0px 0px 0px; text-decoration: none; }  #hotline li#hotline_link_last a { border: none; background: url(images/arrowrightwhite.gif) 2px 3px no-repeat; padding: 0px 0px 2px 10px; margin: 2px 0px 0px 0px; } /****************************** Content ********************************/  #content { float: right; width: 529px; margin: 300px 0px 0px 0px; padding: 0px 11px 0px 6px; color: #00664A; font-size: 12px; }  #content p { margin: 0px 0px 15px 0px; }  #content a { color: #00664A; text-decoration: underline; }  #content a:hover { text-decoration: none; }  .strong { font-weight: bold;	 }  #content_pic { float: left; margin: 0px 10px 5px 0px; }  #deeplink { clear: both; padding: 3px 0px 3px 12px; margin: 0px 0px 6px 6px; background: url(images/arrowrightwhite.gif) 6px center no-repeat #00664A; }  #deeplink:hover { background: url(images/arrowrightwhite.gif) 6px center no-repeat #008F68; }  #deeplink a { color: #FFF; font-size: 11px; font-weight: bold; margin: 0px 3px 0px 4px; text-decoration: none; display: block; }  #infonavi { clear: both; background: #F1F1F1; text-align: center; padding: 5px; }  #infonavi li { display: inline; /*white-space: nowrap;*/ }  #infonavi li a { color: #00664A; text-decoration: none; background: url(images/arrowrightblue.gif) 0px center no-repeat; padding: 0px 2px 0px 8px; }  #infonavi li a:hover { color: #008F68; }  #infonavi li.size1 a { font-size: 12px; }  #infonavi li.size2 a { font-size: 14px; font-weight: bold; }  #infonavi li.size3 a { font-size: 16px; }  #infonavi li.size4 a { font-size: 22px; }   /**************************** Spalte Rechts ****************************/  #spalte_rechts { float: right; width: 174px; margin: 300px 0px 0px 0px; color: #00664A }  #spalte_rechts ul li.spalte_rechts_ueber { padding: 3px 0px 0px 4px; background: #00664A; font-size: 11px; height: 17px; color: #FFF; width: 170px; font-weight: bold; margin: 6px 0px 0px 0px; }  #spalte_rechts ul li.spalte_rechts_text { background: #A7DCBC; font-size: 11px; padding: 2px 0px 5px 4px; line-height: 13px; }   #spalte_rechts ul li.teaserspalte{ border: none; background: #A7DCBC; color: ##00664A; padding: 4px 4px 2px 4px; display: block; font-size: 11px; text-decoration: none; }  * html #spalte_rechts ul li.teaserspalte{ padding: 4px 0px 2px 4px; }  #spalte_rechts ul li.teaserspalte_news{ border: none; background: #A7DCBC; color: #00664A; padding: 4px 0px 2px 4px; display: block; font-size: 11px; text-decoration: none; }  #spalte_rechts ul li#teaser a { border: 0px; font-weight: normal; padding: 1px 0px 1px 15px; }  #spalte_rechts ul li.teaserbild { border: 0; font-weight: normal; padding: 0px 0px 5px 0px; }  #spalte_rechts ul li.newsletterbild { border: 0; font-weight: normal; padding: 0px 0px 0px 0px; line-height: 0px; }  #spalte_rechts ul li.newsletterbild  a{ float: left; margin-bottom: 4px; }  * html #spalte_rechts ul li.newsletterbild  a{ margin-bottom: 0px; }  #spalte_rechts ul li.spalte_rechts_links a { border-top: 1px solid #FFF; background: url(images/arrowrightblue.gif) 4px 8px #A7DCBC no-repeat; color: #00664A; padding: 4px 0px 2px 12px; display: block; font-size: 11px; text-decoration: none; font-weight: bold; }  #spalte_rechts ul li.spalte_rechts_links a:hover { background: url(images/arrowrightblue.gif) 4px 8px #95D4AE no-repeat; }  #spalte_rechts ul li.news a { border: none; font-weight: normal; }  #spalte_rechts ul li#spalte_rechts_text_form { padding: 7px 0px 0px 0px; }  #spalte_rechts ul li.spalte_rechts_text form #name { padding: 1px;  width: 50px; font-size: 11px; line-height: 13px; margin: 0px 0px 0px 6px; }  #spalte_rechts ul li.spalte_rechts_text form #city { padding: 1px;  width: 100px; font-size: 11px; line-height: 13px; }  #spalte_rechts ul li.spalte_rechts_text form #suchformular_submit { line-height: 13px; margin: 10px 0px 0px 3px; padding: 0px 0px 0px 6px; background: url(images/arrowleftgreen.gif) 1px 4px no-repeat; color: #00664A; cursor: pointer; border: 0px; font-size: 11px; }  /******************************* Footer ********************************/  #footer { clear: both; width: 900px; height: 72px; background: url(images/footer_bg.gif) #FFF no-repeat; }  #footer a#top { text-decoration: none; background: url(images/arrowtopgreen.gif) 9px 8px no-repeat; color: #00664A; display: block; font-size: 11px; height: 15px; padding: 2px 0px 0px 24px; margin: 0px 0px 0px 6px; text-decoration: none; width: 150px; } 
 .Header_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration: none; vertical-align:middle; text-align:left;	
	list-style-image: url(images/arrowrightwhite.gif); list-style-position:inside; vertical-align:middle;
	font-weight:bold; }
} 

