@charset "UTF-8";

body { margin:0px; padding:0px; background:#f3f1ef; color:#000 }
body, td { font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; }
a { color:#000 }
img { border:0px; }

h1 { font-size:24px; color:#000; letter-spacing:-0.02em; margin-bottom:30px; font-weight:normal; }
h2 { font-size:18px; line-height:22px; font-weight:normal; letter-spacing:-0.04em }
h3 { font-size:18px; color:#634332 }
h4 { font-size:16px; margin:0 0 8px 0; padding:5px 0 5px 0; border-bottom:1px solid #CCC }

blockquote { padding:10px 25px; margin:0; background:#ddd7d2 }

/* ## KOPF ## */

	#header { background: #FFF url(../images/headbg.gif) repeat-x bottom; height:230px; }
	#header h1 { text-align:center;margin:0;padding:0; height:171px; }
	
	#topnavi { width:666px; height:59px; margin:0 auto; position:relative; }
	#topnavi ul { padding:0; margin:0; list-style-type:none; font-size:18px; line-height:18px; position:absolute; bottom:0px; right:0px; }
	#topnavi ul li { float:left; }
	#topnavi ul li a { display:block; text-decoration:none; color:#634332 }
	#topnavi ul li a span { display:block; padding:40px 13px 17px 13px;  }
	
	#topnavi ul li a.on { background: #FFF url(../images/navbg.gif) no-repeat bottom left; color:#000; font-weight:bold; }
	#topnavi ul li a.on span { background: url(../images/navbgr.gif) no-repeat bottom right; padding:40px 32px 17px 32px;  }

	/*
		#topnavi ul li.kraeuter a span { background: url(../images/bgk.gif) no-repeat bottom right; }
		#topnavi ul li.kraeuter a.on span { background: url(../images/navbgrk.gif) no-repeat bottom right; }
	*/

	#topnavi ul ul { width:666px; position:absolute; top:75px; height:50px; text-align:center ! important; font-size:16px; border-bottom:2px solid #d8d8d8 }
	#topnavi ul ul li, #topnavi ul ul li a { display:inline ! important; float:none; }
	#topnavi ul ul li a { color:#634332; padding:0 25px 0 105px; line-height:50px; background: url(../images/logo-mini.gif) no-repeat ! important; }
	
	#topnavi ul ul li a.on { font-weight:bold; }
	

#seiteninhalte { background:#f3f1ef url(../images/bg.gif) no-repeat bottom right; padding:70px 0px 50px 0; border-bottom:1px solid #CCC }
#seiteninhalte #contents { width:630px; margin:0 auto;  } 

	#footer { text-align:center; padding:25px 0; border-top:1px solid #FFF; font-size:12px; }


/* ## PODUKTLISTE ## */

	#prodoverview { background:#FFF; padding:5px 0 10px 0 }
	#prodoverview table { width:618px; margin:0 6px}
	#prodoverview td { text-align:center; width:103px; padding:5px 0 0 0; overflow:hidden }
	#prodoverview td img { width:98px; height:98px; }
	
	#leseproben { padding:0 0 0 0 } 
	#pdftable td { height:50px; background: url(../images/pdf_icon.png) no-repeat left top; font-size:11px; line-height:12px; }
	#pdftable td a { text-decoration:none;  font-weight:bold; display:block; padding:5px 20px 5px 42px; color:#634332; }
	#pdftable td a:hover { text-decoration:underline; }

	#haendlertable td { width:210px; font-size:13px; line-height:18px; padding:0 0 20px 0; vertical-align:top }

	#produktteaser { list-style-type:none; padding:0; margin:0; }
	#produktteaser li { padding:0 0 40px 0; margin:0; }
	#produktteaser li span { display:block }
	.produktname 	{ font-size:18px; font-weight:bold; letter-spacing:-0.04em; color:#634332; padding:0 0 15px 0; }
	.produktname img { float:right; border-left:5px solid #f3f1ef;margin-top:35px }
	.produktname a	{ color:#634332; text-decoration:none; }
	.kurztext 		{  }
	.kurztext a.readon { font-weight:bold; color:#634332; }
	.preiskurz 		{ font-weight:bold; padding:6px 0 0 0; font-size:13px; line-height:18px }
	.preiskurz small { font-weight:normal; }
	
	#produktweiche { padding:15px 0 }


/* ## NEWSLISTE ## */

	#newsteaser 			{ padding:10px 0 0 0; border-bottom:2px solid #FFF; }
	#newsteaser ul 			{ list-style-type:none; margin:0; padding:0; border-bottom:1px solid #CCC; }
	#newsteaser ul li 		{ border-top:1px solid #CCC; font-size:16px; line-height:16px}
	#newsteaser ul li a 	{ display:block; padding:10px 10px; border-top:1px solid #FFF; text-decoration:none }
	#newsteaser ul li a:hover { background:#FFF }
	#newsteaser .kontbutton { float:right; display:block; text-decoration:none ! important; margin-top:-3px; }

	#newsliste 		{ list-style-type:none; margin:0; padding:0; }
	#newsliste li 	{ border-top:1px solid #CCC; }
	#newsliste a 	{ display:block; padding:20px 10px 15px 10px; border-top:1px solid #FFF; text-decoration:none }
	#newsliste a:hover { background:#FFF }
	#newsliste a:hover span.newshead { text-decoration:underline }
	#newsliste a span.newshead { font-size:18px;line-height:22px; display:block; padding: 0 0 10px 0 }
	#newsliste a span.newshead strong { color:#634332 }
	#newsliste .brbr { display:none }
	#newsliste span.kontbutton { padding: 3px 7px; line-height:36px}
	

	#referenzliste 		{ list-style-type:none; margin:0; padding:0; font-size:15px; line-height:22px; }
	#referenzliste li 	{ border-top:1px solid #CCC; padding:20px 10px 15px 10px }	
	#referenzliste li strong.head 	{ font-size:16px; color:#634332; display:block; padding:0 0 8px 0 }
	#referenzliste li span.meta 	{ font-style:italic; letter-spacing:-0.01em; display:block; padding:7px 0 7px 0 }

	#pdflist { color:#634332; background: url(../images/pdf_icon.png) no-repeat left center; list-style-type:none; padding:13px 0 13px 48px; margin:0; }
	#pdflist a { font-weight:bold }
	

/* ## PRODUKT ## */

	.kontbutton 		{ border: none; background: #634332; margin: 0; padding: 2px 3px; font-size: 13px; color: #FFF; font-weight: bold; border: 1px outset #634332; }
	a.kontbutton 		{ padding: 3px 6px; text-decoration:none; }
	.kontbutton:hover 	{ cursor:pointer; color: #FFF; background-color: #666; }
	.kontbutton:focus 	{ border: 1px outset #CCC; }

	.inhaltsstoffe 		{ border-bottom:1px solid #FFF; border-top:1px solid #999; }
	.inhaltsstoffe td 	{ padding:4px 10px; fon-size:13px; line-height:13px; border-bottom:1px solid #999; border-top:1px solid #FFF; color:#333 }
	.inhaltsstoffe td.mgag { text-align:right }

#zusatzinfo { border:1px solid #CCC; padding:10px 20px; margin-top:60px }


img.rechtsraus { float:right; margin:0 0 15px 8px  }
img.linksraus { float:left; margin:2px 10px 0 0  }

table.adtab { margin:0; }
table.adtab td { padding:0 7px 0 0; }


.klein { font-size:12px; }

.call { background:#634332; padding:10px 10px; color:#FFF }