*
{
	margin:					0;
	padding:				0;
}

body
{
	background:				#97C400;
	color:					#000;
	margin:					0;
	padding:				0;
}

#page
{
	background:				#FFF;
	border:					8px solid #97C400;
	height:					610px;
	margin:					20px auto;
	overflow:				hidden;
	position:				relative;
	text-align:				left;
	width:					610px;
}

#page.products
{
	height:					auto;
	min-height:				610px;
}

#content 
{
	border:					1px solid #FFF;
	margin:					30px;
}






/*
 * Logo
 */

#logo 
{
	padding:				10px 0;
	text-align:				center;
}

#logo a
{
	text-decoration:		none;
}

#logo a img
{
	border:					none;
	height:					106px;
	width:					241px;
}


/*
 * Impressum
 */

#imprint 
{
	position:				absolute;
	right:					30px;
	text-align:				right;
	top:					70px;
	width:					150px;
}

#imprint a
{
	color:					rgb(139,139,139);
	font:					normal 13px Verdana;
	text-decoration:		none;
}

#imprint a.active,
#imprint a:hover
{
	color:					#97C400;
}



/*
 * Navigation (intro)
 */

#navi_intro
{
	margin:					125px 0 0 0;
	text-align:				center;
}

#navi_intro ul
{
	list-style-type:		none;
	margin:					0 auto;
	overflow:				hidden;
	width:					306px;
}

#navi_intro ul li
{
	display:				block;
	float:					left;
	list-style-type:		none;
	margin:					0 10px;
}

#navi_intro ul li a
{
	text-decoration:		none;
}

#navi_intro ul li a img
{
	border:					none;
	height:					82px;
	width:					82px;
}




/*
 * Navigation (allgemein)
 */

#navi_site
{
	left:					45px;
	position:				absolute;
	top:					125px;
}

#navi_site ul
{
	list-style-type:		none;
	overflow:				hidden;
	width:					158px;
}

#navi_site ul li
{
	display:				block;
	float:					right;
	list-style-type:		none;
	margin:					0 2px;
}

#navi_site ul li a
{
	text-decoration:		none;
}

#navi_site ul li a img
{
	border:					none;
	height:					32px;
	width:					32px;
}

#navi_site ul li a.active img
{
	height:					82px;
	width:					82px;
}


/*
 * Navigation (Service)
 */

#navi_service
{
	background:				#FFF;
	border:					3px solid #97c400;
	height:					26px;
	left:					206px;
	overflow:				hidden;
	padding:				0px 10px;
	position:				absolute;
	top:					125px;
}

#navi_service a
{
	color:					#97c400;
	font:					normal 18px/24px Verdana;
	text-decoration:		none;
}

#navi_service:hover
{
	background:				#97c400;
}

#navi_service:hover a
{
	color:					#FFF;
}


/*
 * Unternavigation
 */

#subnavi_firm
{
	left:					135px;
	position:				absolute;
	top:					175px;
}

#subnavi_firm ul
{
	list-style-type:		none;
	overflow:				hidden;
}

#subnavi_firm ul li
{
	display:				block;
	float:					left;
	font:					normal 13px Verdana;
	list-style-type:		none;
	margin:					0 10px 0 0;
}

#subnavi_firm ul li a
{
	color:					rgb(139,139,139);
	text-decoration:		none;
}

#subnavi_firm ul li a.active,
#subnavi_firm ul li a:hover
{
	color:					#97C400;
}




/*
 * normaler Inhaltsbereich
 */

#main
{
	left:					50px;
	position:				absolute;
	top:					210px;
	width:					500px;
}

#text
{
	margin:					50px 0 0 105px;
	overflow:				hidden;
	width:					425px;
}

#main.imprint
{
	top:					190px;
}

#main h1,
#text h1
{
	color:					rgb(139,139,139);
	font:					bold 13px Verdana;
	margin:					0 0 0 85px;
}

#text h1
{
	margin:					0;
}

#text h2
{
	color:					#97C400;
	font:					bold 13px Verdana;
	margin:					0 0 10px 0;
}

#main p,
#text p
{
	color:					rgb(139,139,139);
	font:					normal 13px/15px Verdana;
	margin:					0 0 13px 85px;
	text-align:				justify;
}

#text p
{
	margin:					0 0 13px 0;
}

#main p.align_center
{
	text-align:				center;
}

#text p.error,
#contentItem p.error
{
	color:					#FF0000;
	font-weight:			bold;
}

#text p.success,
#contentItem p.success
{
	color:					#97C400;
	font-weight:			bold;
}

#main a,
#text a
{
	color:					rgb(139,139,139);
}

#main a.email
{
	text-decoration:		none;
}

#main a:hover
{
	color:					#97C400;
}



/*
 * Liste von Kontakten
 */

table#contacts
{
	margin:					0 0 15px 85px;
	width:					450px;
	border-collapse:		collapse;
}

table#contacts td
{
	color:					rgb(139,139,139);
	font:					normal 12px/15px Verdana;
	padding:				0 0 10px 0;
	text-align:				center;
	width:					150px;
}

table#contacts td.colspan
{
	width:					450px;
}

table#contacts td a
{
	color:					rgb(139,139,139);
}

table#contacts td a:hover
{
	color:					#97C400;
}




/*
 * Highlight aus dem Blog
 */

#blog_highlight
{
	bottom:					30px;
	margin:					0 50px;
	position:				absolute;
	left:					0;
}

#blog_highlight h2
{
	margin:					0 0 15px 0;
}

#blog_highlight h2,
#blog_highlight h2 a
{
	color:					#97C400;
	font:					bold 14px Verdana;
}

#blog_highlight h3,
#blog_highlight h3 a
{
	color:					rgb(139,139,139);
	font:					bold 13px Verdana;
	text-decoration:		none;
}

#blog_highlight h3 a:hover
{
	color:					#97C400;
}

#blog_highlight p
{
	color:					rgb(139,139,139);
	font:					normal 13px Verdana;
}

#blog_highlight p.thumb
{
	background:				url(../images/img_bg.png) right top no-repeat;
	display:				block;
	float:					left;
	height:					100px;
	margin:					0 15px 0 0;
	padding:				7px 0 0 0;
	width:					89px;
}

#blog_highlight p.thumb img
{
	height:					80px;
	width:					80px;
}



/*
 * Intro fuer den Shop
 */

#shopintro
{
	list-style-type:		none;
	width:					450px;
}

#shopintro li
{
	float:					left;
	height:					130px;
	list-style-type:		none;
	width:					135px;
}

#shopintro li a
{
	text-decoration:		none;
}

#shopintro li a img
{
	border:					4px solid #97C400;
	height:					100px;
	width:					100px;
}


/*
 * Hover-Tooltip im Shop
 */

#content .tooltip
{
	background:				#97C400;
	position:				absolute;
	z-index:				100;
}

#content .tooltip p
{
	color:					#FFF;
	font:					normal 12px/16px Verdana;
	margin:					10px;
}



/*
 * Unternavigation fuer Produkt-Kategorien
 */

ul#products_navi
{
	left:					135px;
	list-style-type:		none;
	overflow:				hidden;
	position:				absolute;
	top:					200px;
}

ul#products_navi li
{
	display:				block;
	float:					left;
	font:					normal 11px Verdana;
	list-style-type:		none;
	margin:					0 10px 0 0;
}

ul#products_navi li a
{
	color:					rgb(139,139,139);
	text-decoration:		none;
}

ul#products_navi li a.active,
ul#products_navi li a:hover
{
	color:					#97C400;
}




/*
 * Liste von Produktkategorien
 */

ul#productscategory_list
{
	list-style-type:		none;
	margin:					75px 0 0 100px;
}

ul#productscategory_list li
{
	display:				block;
	font:					normal 11px Verdana;
	list-style-type:		none;
	margin:					0 0 15px 5px;
	overflow:				hidden;
	width:					100%;
}

ul#productscategory_list li a
{
	border:					none;
	color:					rgb(139,139,139);
	text-decoration:		none;
}

ul#productscategory_list li p,
ul#productscategory_list li h3
{
	padding:				0 0 0 110px;
}

ul#productscategory_list li h3 a
{
	color:					#97C400;
	font:					bold 13px Verdana;
}

ul#productscategory_list li a.thumb
{
	display:				block;
	float:					left;
}

ul#productscategory_list li a.thumb img
{
	border:					3px solid #97C400;
	height:					82px;
	width:					82px;
}




/*
 * Liste von Produktdetails
 */

ul#productsdetails_list
{
	list-style-type:		none;
	margin:					75px 0 0 100px;
}

ul#productsdetails_list li
{
	display:				block;
	float:					left;
	font:					normal 11px Verdana;
	list-style-type:		none;
	margin:					0 0 15px 5px;
	width:					425px;
}

ul#productsdetails_list li a
{
	border:					none;
	color:					rgb(139,139,139);
	text-decoration:		none;
}

ul#productsdetails_list li p,
ul#productsdetails_list li h3
{
	padding:				0 0 0 110px;
}

ul#productsdetails_list li h3 a
{
	color:					#97C400;
	font:					bold 13px Verdana;
}

ul#productsdetails_list li a.thumb
{
	display:				block;
	float:					left;
}

ul#productsdetails_list li a.thumb img
{
	border:					3px solid #97C400;
	height:					82px;
	width:					82px;
}

ul#productsdetails_list li p.cart
{
	background:				#97C400;
	color:					#FFF;
	margin:					7px 0 0 110px;
	overflow:				hidden;
	padding:				0;
	text-align:				right;
	width:					auto;
}

ul#productsdetails_list li p.cart strong
{
	display:				block;
	font:					normal 16px Verdana;
	margin:					3px 10px 2px 0;
}

ul#productsdetails_list li p.cart span
{
	display:				block;
	font:					normal 10px Verdana;
	margin:					0 10px 0 0;
}

ul#productsdetails_list li p.cart img
{
	border-right:			5px solid #FFF;
	cursor:					pointer;
	display:				block;
	float:					left;
	height:					32px;
	padding:				5px;
	width:					35px;
}




/*
 * Informationen zu einem Produkt anzeigen
 */

ul#productsdetails
{
	list-style-type:		none;
	margin:					75px 0 0 100px;
}

ul#productsdetails li
{
	display:				block;
	float:					left;
	font:					normal 11px Verdana;
	list-style-type:		none;
	margin:					0 0 15px 5px;
	overflow:				hidden;
	position:				relative;
	width:					425px;
}

ul#productsdetails li a
{
	border:					none;
	color:					rgb(139,139,139);
	text-decoration:		none;
}

ul#productsdetails li p,
ul#productsdetails li h3
{
	
	margin:					0 0 10px 0;
	padding:				0 0 0 110px;
}

ul#productsdetails li h3,
ul#productsdetails li h3 a
{
	color:					#97C400;
	font:					bold 13px Verdana;
}

ul#productsdetails li a.thumb
{
	display:				block;
	float:					left;
	font:					normal 10px/20px Verdana;
	text-align:				center;
}

ul#productsdetails li a.thumb:hover
{
	color:					#97C400;
}

ul#productsdetails li a.thumb img
{
	border:					3px solid #97C400;
	display:				block;
	height:					82px;
	width:					82px;
}

ul#productsdetails li a.partner
{
	display:				block;
	font:					normal 10px/20px Verdana;
	left:					0;
	position:				absolute;
	text-align:				center;
	top:					115px;
	width:					88px;
}

ul#productsdetails li a.partner:hover
{
	color:					#97C400;
}

ul#productsdetails li a.partner img
{
	border:					none;
	text-align:				center;
}

ul#productsdetails li p.print,
ul#productsdetails li p.recommend
{
	text-align:				left;
}

ul#productsdetails li p.print a,
ul#productsdetails li p.recommend a
{
	color:					#000;
	text-decoration:		underline;
}

ul#productsdetails li p.cart
{
	height:					30px;
	text-align:				right;
}

ul#productsdetails li p.cart input
{
	border:					2px solid #97C400;
	height:					20px;
	text-align:				center;
	width:					30px;
	vertical-align:			middle;
}

ul#productsdetails li p.cart img
{
	border:					none;
	cursor:					pointer;
	vertical-align:			middle;
}

ul#productsdetails li p.price
{
	background:				#97C400;
	color:					#FFF;
	margin:					7px 0 0 110px;
	padding:				5px 0;
	text-align:				right;
	width:					auto;
}

ul#productsdetails li p.price strong
{
	display:				block;
	font:					normal 16px Verdana;
	margin:					0 10px 2px 0;
}

ul#productsdetails li p.price span
{
	display:				block;
	font:					normal 10px Verdana;
	margin:					0 10px 0 0;
}

ul#productsdetails li p.price a
{
	border-right:			5px solid #FFF;
	display:				block;
	float:					left;
	padding:				0 5px;
}




/*
 * Liste im Warenkorb
 */

ul#shoppingcart
{
	list-style-type:		none;
	margin:					0;
	overflow:				hidden;
	width:					100%;
}

ul#shoppingcart li
{
	display:				block;
	float:					left;
	font:					normal 11px Verdana;
	list-style-type:		none;
	margin:					0 0 15px 5px;
	overflow:				hidden;
	position:				relative;
	width:					400px;
}

ul#shoppingcart li a
{
	border:					none;
	color:					rgb(139,139,139);
	text-decoration:		none;
}

ul#shoppingcart li p,
ul#shoppingcart li h3
{
	margin:					0;
	padding:				0 0 0 110px;
}

ul#shoppingcart li h3 a
{
	color:					#97C400;
	font:					bold 13px Verdana;
}

ul#shoppingcart li a.thumb
{
	display:				block;
	float:					left;
	font:					normal 10px/20px Verdana;
	text-align:				center;
}

ul#shoppingcart li a.thumb:hover
{
	color:					#97C400;
}

ul#shoppingcart li a.thumb img
{
	border:					3px solid #97C400;
	display:				block;
	height:					82px;
	width:					82px;
}

ul#shoppingcart li a.delete
{
	background:				#97C400;
	color:					#FFF;
	display:				block;
	font:					normal 10px/18px Verdana;
	height:					18px;
	left:					0;
	position:				absolute;
	text-align:				center;
	top:					93px;
	width:					88px;
}

ul#shoppingcart li a.delete:hover
{
	color:					#FFF;
}

ul#shoppingcart li p.cart
{
	text-align:				left;
}

ul#shoppingcart li p.cart input
{
	border:					2px solid #97C400;
	font:					normal 10px Verdana;
	height:					15px;
	margin:					0 0 3px 0;
	text-align:				center;
	width:					20px;
	vertical-align:			middle;
}

ul#shoppingcart li div.price
{
	background:				#97C400;
	color:					#FFF;
	margin:					3px 0 0 110px;
	padding:				5px 0;
	width:					auto;
}

ul#shoppingcart li div.price dl
{
	overflow:				hidden;
	width:					275px;
}

ul#shoppingcart li div.price dl dt
{
	display:				block;
	float:					left;
	font:					normal 12px Verdana;
	overflow:				hidden;
	text-align:				right;
	width:					173px;
}

ul#shoppingcart li div.price dl dd
{
	display:				block;
	float:					left;
	font:					bold 12px Verdana;
	overflow:				hidden;
	text-align:				right;
	width:					100px;
}



/*
 * Endsumme im Warenkorb
 */

div#cartoverview
{
	margin:					20px 0 50px 0;
}

div#cartoverview dl
{
	overflow:				hidden;
	width:					425px;
}

div#cartoverview dl dt
{
	color:					rgb(139,139,139);
	display:				block;
	float:					left;
	font:					normal 12px Verdana;
	overflow:				hidden;
	text-align:				right;
	width:					268px;
}

div#cartoverview dl dd
{
	color:					rgb(139,139,139);
	display:				block;
	float:					left;
	font:					bold 12px Verdana;
	overflow:				hidden;
	text-align:				right;
	width:					120px;
}

div#cartoverview dl dt.sum
{
	padding:				10px 0;
}

div#cartoverview dl dd.sum
{
	border-bottom:			4px double #97C400;
	font:					bold 14px Verdana;
	padding:				10px 10px 5px 0;
}




/*
 * Buttons
 */

#text p#buttons
{
	text-align:				left;
	width:					400px;
}

#text p#buttons input,
#text p#buttons a,
#text .button,
#contentItem .button
{
	background:				#97c400;
	border:					none;
	cursor:					pointer;
	color:					#FFF;
	font:					normal 12px Verdana;
	padding:				3px 5px;
	text-decoration:		none;
	overflow:				visible;
	width:					auto;
}



/*
 * Formular fuer Kontaktdaten bei Bestellung
 */

div#contactform
{
	margin:					20px 0 20px 0;
}

#contactform dl
{
	overflow:				hidden;
	width:					425px;
}

#contactform dl dt
{
	color:					rgb(139,139,139);
	display:				block;
	float:					left;
	font:					normal 13px Verdana;
	margin:					0 0 10px 0;
	overflow:				hidden;
	text-align:				left;
	width:					150px;
}

#contactform dl dd
{
	color:					rgb(139,139,139);
	display:				block;
	float:					left;
	font:					normal 13px Verdana;
	margin:					0 0 10px 0;
	overflow:				hidden;
	text-align:				left;
	width:					270px;
}


#contactform dl dd input,
#contactform dl dd select,
#contactform dl dd textarea
{
	border:					1px solid rgb(139,139,139);
	padding:				2px;
	width:					250px;
}

#contactform dl dd input.radio,
#contactform dl dd input.checkbox
{
	width:					auto;
}



/*
 * Liste von Weblog-Beitraegen
 */

#contentList
{
	display:				block;
	list-style-type:		none;
	overflow:				hidden;
	width:					400px;
}

#contentList li
{
	list-style-type:		none;
	margin:					0 0 15px 0;
	overflow:				hidden;
	width:					400px;
}

#contentList li h3,
#contentList li h3 a
{
	color:					#97C400;
	font:					bold 14px Verdana;
	text-decoration:		none;
}

#contentList li span.details
{
	color:					rgb(139,139,139);
	font:					normal 12px Verdana;
}

#contentList li p
{
	margin:					0;
}

#contentList li a.thumb
{
	display:				block;
	float:					left;
	margin:					0 15px 0 0;
}

#contentList li a.thumb img
{
	border:					3px solid #97C400;
	height:					82px;
	padding:				2px;
	width:					82px;
}


/*
 * Liste von Beitragen im Archiv
 */

#text dl.archiv
{
	margin:					0 0 15px 0;
	overflow:				hidden;
	width:					425px;
}

#text dl.archiv dt
{
	color:					rgb(139,139,139);
	display:				block;
	float:					left;
	font:					normal 13px Verdana;
	overflow:				hidden;
	text-align:				left;
	width:					85px;
}

#text dl.archiv dd
{
	color:					rgb(139,139,139);
	display:				block;
	float:					left;
	font:					normal 13px Verdana;
	overflow:				hidden;
	text-align:				left;
	width:					330px;
}

#text dl.archiv dd a
{
	color:					rgb(139,139,139);
	font:					normal 13px Verdana;
}

#text dl.archiv dd a:hover
{
	color:					#97C400;
}


/*
 * einzelner Weblog-Beitrag
 */

#contentItem
{
	margin:					50px 0 0 105px;
	overflow:				hidden;
	width:					425px;
}

#contentItem h2,
#contentItem h2 a
{
	color:					#97C400;
	font:					bold 14px Verdana;
	text-decoration:		none;
}

#contentItem h3
{
	color:					#97C400;
	font:					bold 13px Verdana;
}

#contentItem span.details
{
	color:					rgb(139,139,139);
	display:				block;
	font:					normal 13px Verdana;
	margin:					0 0 10px 0;
}

#contentItem p
{
	color:					rgb(139,139,139);
	font:					normal 13px Verdana;
	margin:					0 0 10px 0;
}

#contentItem ul
{
	list-style-type:		square;
	margin:					0 0 10px 0;
}

#contentItem ul li
{
	color:					rgb(139,139,139);
	display:				list-item;
	float:					none;
	font:					normal 13px Verdana;
	list-style-type:		square;
	margin:					0 0 4px 18px;
}

#contentItem p a
{
	color:					rgb(139,139,139);
}

#contentItem p a:hover
{
	color:					#97C400;
}




/*
 * Liste von Kommentaren
 */

ul#comments
{
	margin:					0 0 30px 0;
	width:					420px;
}

ul#comments li
{
	margin:					10px 0;
}

ul#comments li p.details
{
	margin:					0;
}

ul#comments li a
{
	color:					rgb(139,139,139);
}

ul#comments li a:hover
{
	color:					#97C400;
}



/*
 * Formatierungen fuer Bilder
 */

.align_center
{
	margin:					15px auto;
	display:				block;
	width:					auto;
	text-align:				center;
}

.align_left
{
	display:				block;
	float:					left;
	margin:					0 10px 10px 0;
}

.align_right
{
	display:				block;
	float:					right;
	margin:					0 0 10px 10px;
}




/*
 * Angaben fuer den 30. Geburtstag
 */

#intro {
	background:				#FFFFFF;
	border:					none;
	height:					610px;
	left:					0;
	margin:					0;
	overflow:				hidden;
	position:				absolute;
	top:					0;
	width:					610px;
}

#motto {
	border:					none;
	height:					23px;
	left:					20px;
	position:				absolute;
	top:					450px;
	width:					570px;
}

#schaefer {
	display:				none;
	height:					176px;
	left:					97px;
	position:				absolute;
	top:					213px;
	width:					450px;
	z-index:				10;
}

#years {
	height:					230px;
	left:					32px;
	position:				absolute;
	top:					53px;
	width:					230px;
	z-index:				20;
}






/*
 * Angaben fuer Squeezebox
 */

#sbox-window embed,
#sbox-window object,
#sbox-window select
{
	visibility:				visible;
}

#sbox-overlay
{
	position:				absolute;
	background-color:		#000;
}

#sbox-window
{
	position:				absolute;
	background-color:		#fff;
	text-align:				left;
	overflow:				visible;
	padding:				10px;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}

#sbox-btn-close
{
	position:				absolute;
	width:					30px;
	height:					30px;
	right:					-15px;
	top:					-15px;
	background:				url(../images/closebox.png) no-repeat center;
	border:					none;
}

.sbox-window-ie6 #sbox-btn-close
{
	background-image:		url(../images/closebox.gif);
}

.sbox-loading #sbox-content
{
	background-image:		url(../images/spinner.gif);
	background-repeat:		no-repeat;
	background-position:	center;
}

#sbox-content
{
	clear:					both;
	overflow:				auto;
	background-color:		#fff;
	height:					100%;
	width:					100%;
}

.sbox-content-image#sbox-content
{
	overflow:				visible;
}

#sbox-image
{
	display:				block;
}

.sbox-content-image img
{
	display:				block;
}

.sbox-content-iframe#sbox-content
{
	overflow:				visible;
}

.body-overlayed embed, .body-overlayed object, .body-overlayed select
{
	visibility:				hidden;
}



/*
 * Angaben fuer Messagebox
 */

#lbOverlay
{
	position:				absolute;
	left:					0;
	width:					100%;
	background-color:		#000;
	cursor:					pointer;
	z-index:				90;
}

#lbCenter
{
	font:					normal 12px Verdana;
	position:				absolute;
	left:					50%;
	overflow:				hidden;
	background-color:		#fff;
	z-index:				91;
}

#lbBottom
{
	font:					normal 12px Verdana;
	color:					#666;
	line-height:			1.4em;
	text-align:				left;
	border:					10px solid #fff;
	border-top-style:		none;
}

#lbButtons
{
    padding:				20px;
}

#lbButtons p
{
    margin:					0 0 15px 0;
}

#lbButtons input.button
{
	background:				#97C400;
	border:					none;
	color:					#FFF;
	font:					normal 11px Verdana;
	padding:				3px 5px;

}