/**
*	CSS Stylesheet for wickelkiste - normal style
*
*	@author	Markus Konrad <mako@mako-home.de>
*/
/* MISC */
.nowrap
{
	white-space:		nowrap;
}

.mini, small
{
	/*font-family:		"Small Fonts", arial, helvetica, sans-serif;*/
	font-size:			0.8em;
}

.error
{
	color:				#AA0000;
}

.ok
{
	color:				#00AA00;
}

div.spacer
{
	clear:				both;
}


img
{
	border:				0;
}

img.icon
{
	border:				0;
	width:				16px;
	height:				16px;
}

img.icon_l
{
	border:				0;
	width:				16px;
	height:				16px;
	margin-left:		0.2em;
}

img.icon_r
{
	border:				0;
	width:				16px;
	height:				16px;
	margin-right:		0.2em;
}

img.icon_margin
{
	width:				16px;
	height:				16px;
	margin:				0.15em;
}

img.box, div.box
{
	border:				0.1em solid #546804;
	margin:				0.2em;
	/*padding:			3px;*/
}

div.imgbox, .bild
{
	border:				1px solid #000000;
	background-color:	#000000;
	color:				#FFFFFF;
	text-align:			center;
	margin:				0.5em;
	font-size:			0.8em;
}

object, embed
{
	margin:				0;
	padding:			0;
}

.left
{
	float:				left;
}

.right
{
	float:				right;
}

/* GENERAL PAGE LAYOUT */
html, body
{
	margin:				0;
	padding:			0;
	height:				100%;
	width:				100%;
}

body
{
	font-family:		arial, helvetica, sans-serif;
	color:				#000000;
	background-color: 	#FCE49C;
}

#layout
{
	height:				100%;
	width:				100%;
	border-collapse:	collapse;
	border-spacing:		0;
	empty-cells:		show;
	padding:			0;
	margin:				0;
	border:				0;
	table-layout:		fixed;
	background-image:	url(../img/bg_blumen.gif);
	background-position:	bottom right;
	background-repeat:	no-repeat;
}


table#layout.startpage
{
	background-image:	url(../img/bg_baby.jpg);
}

#layout td
{
	padding:			0;
	margin:				0;
	border:				0;
}

#logo
{
	width:				180px;
	height:				112px;
	background-image: 	url(../img/logo.gif);
	background-position: top left;
	background-repeat:	no-repeat;
	background-color:	#FCE49E;
	overflow:			hidden;
}

#logo img
{
	width:				100px;
	height:				40px;
	margin:				5px;
	padding:			0;
}

#logo h1
{
	margin:				0;
	padding:			0;
}

#logo h1 span
{
	display:			none;
	font-size:			0.5em;
}

#header
{

	height:				112px;
	background-image: 	url(../img/header_bg.gif);
	background-position: top left;
	background-repeat:	repeat-x;
	background-color:	#FCE49E;
	overflow:			hidden;
	white-space:		nowrap;
	text-align:			center;
}

#mainmenu
{
	list-style-type:	none;
	margin-top:			15px;
	overflow:			hidden;
	white-space:		nowrap;
	margin-bottom:		10px;
	height:				33px;
}

#mainmenu li
{
	display:			inline;
	overflow:			hidden;
	white-space:		nowrap;
}

#mainmenu li a
{
	margin-right:		10px;
	font-size:			1.2em;
	color:				#546804;
	text-decoration:	none;
	padding-bottom:		5px;

}

#mainmenu li a:hover
{
	background-image:	url(../img/menu_hover.gif);
	background-repeat:	no-repeat;
	background-position:	bottom;
}

#mainmenu li a.active
{
	background-image:	url(../img/menu_active.gif);
	background-repeat:	no-repeat;
	background-position:	bottom;
}

#title
{
	height:				35px;
	background-position: top center;
	background-repeat:	no-repeat;
	overflow:			hidden;
}

#title h2 span
{
	display:			none;
	font-size:			0.5em;
}

#submenu
{
	vertical-align:		top;
	height:				100%;
	background-image: 	url(../img/submenu_bg.gif);
	background-position: top right;
	background-repeat:	repeat-y;
	background-color:	#546804;
	padding:			0.2em 1em 0.5em 0.2em;
}

#submenu ul
{
	margin:				0;
	margin-top:			1em;
	padding-left:		20px;
	padding-right:		25px;
}

#submenu ul li
{
	margin-bottom:		0.3em;
	font-size:			0.80em;
}

#submenu ul li.item,
#submenu ul li.item a
{
	color:				#FCE49C;
	font-weight:		bold;
	text-decoration:	none;
}


#submenu ul li.item_active,
#submenu ul li.item_active a
{
	color:				#FCE49C;
	font-weight:		bold;
	text-decoration:	underline;
}

#submenu ul li.item a:hover,
#submenu ul li.item:hover
{
	color:				#FFCC33;
}

#infomaus
{
	position:			absolute;
	bottom:				10px;
	left:				10px;
	z-index:			100;
	visibility:			hidden;
}

#content
{
	vertical-align:		top;
}

#content div.clayer
{
	padding:			0.5em 1em 2em 0em;
	width:				expression(600 + 'px');
	max-width:			600px;
	margin-left:		auto;
	margin-right:		auto;
	text-align:			left;
}

#cart
{
	vertical-align:		bottom;
	position:			absolute;
	top:				58px;
	right:				10px;
	z-index:			100;
	width:				150px;
	height:				80px;
	overflow:			hidden;
	text-align:			center;
	font-size:			0.8em;
	color:				#546804;
	font-weight:		bold;
}


#content div.pagenav
{
	background-color:	#FBDB78;
	padding:			0.1em 0.4em 0.1em 0.4em;
	margin-top:			1em;
	margin-bottom:		1.5em;
}

#content div.pagenav ul
{
	margin:				0;
	display:			inline;
}

#content div.pagenav ul li
{
	display:			inline;
	margin-right:		0.2em;
	padding:			0.2em;
}

#content div.item
{
	padding:			0.1em;
	margin-bottom:		1.2em;
	margin-left:		3em;
	margin-right:		3em;
}

#content div.item div.left
{
	float:				left;
	text-align:			left
}

#content div.item div.right
{
	float:				right;
	text-align:			right
}

#content div.item div.title
{
	color:				#546804;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1em;
	text-align:			left;
	border-bottom:		0.05em solid #546804;
	background-color:	#FBDB78;
}

#content div.item div.itemcontent
{
	padding-top:		0.4em;
	padding-bottom:		0.4em;
	font-size:			0.8em;
}

#content table
{
	font-family:		arial, sans-serif;
	border-collapse:	collapse;
	border-spacing:		0;
	empty-cells:		show;
/*	background-color:	#FFFBEF;
	border:				0.05em solid #E1A34E; */
}

#content table.normal th
{
	padding-left:		0.2em;
	padding-right:		0.2em;
	text-align:			left;
	border-bottom:		0.05em solid #546804;
	font-size:			1.2em;
	font-weight:		bold;
}

#content table.normal td
{
	padding:		0.2em;
}

#content table.normal .cost
{
	text-align:			right;
	white-space:		nowrap;
}

#content table.normal tr.result
{
	font-weight:		bold;
	border-top:			0.05em solid #400000;
}

#content table.normal tr.result td
{
	padding-bottom:		20px;
}

#content table.normal tr.result td.cost
{
	text-align:			right;
	text-decoration:	underline;
}


/* CONTENT TYPOGRAPHY */
#content h1
{
	font-family:		arial, helvetica, sans-serif;
	font-size:			1.6em;
	font-weight:		normal;
	font-style:			italic;
	text-decoration:	none;
	color:				#546804;
}

#content h2
{
	font-family:		arial, helvetica, sans-serif;
	font-size:			1.4em;
	font-weight:		normal;
	font-style:			italic;
	color:				#546804;
}

#content h3
{
	font-family:		arial, helvetica, sans-serif;
	font-size:			1.2em;
	font-weight:		normal;
	text-decoration:	none;
	font-style:			italic;
	color:				#546804;
}

#content h4
{
	font-family:		arial, helvetica, sans-serif;
	font-size:			1.0em;
	text-decoration:	none;
}

#content p, #content ul, #content table, #content address
{
	font-size:			0.8em;
	line-height:		1.5em;
	margin-top:			0em;
}

#content a:link, #content a:visited, #content a:active,
#cart a:link, #cart a:visited, #cart a:active
{
	color:				#546804;
	text-decoration:	underline;
}

#content a:hover,
#cart a:hover
{
	color:				#828A2D;
	text-decoration:	underline;
}

/* TABLES */
#content table
{
	border:				0;
	border-collapse:	collapse;
	border-spacing:		0;
	font-family:		arial, helvetica, sans-serif;
}

#content table td,
#content table th
{
	padding:			0.1em 0.3em 0.1em 0.3em;
	text-align:			left;
}

#content table.box caption
{
	color:				#546804;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1.1em;
	text-align:			left;
	border-bottom:		0.05em solid #546804;
	background-color:	#FBDB78;
}

#content table.box thead th,
#content table.box tbody th.head
{
	color:				#546804;
	font-weight:		bold;
	font-style:			italic;
	font-size:			1em;
	text-align:			left;
	text-decoration:	underline;
}

#content table.box tbody th
{
	color:				#000000;
	font-weight:		normal;
	font-style:			normal;
	text-align:			left;
}

#content table.list tbody tr.row1
{
	background-color:	#FFD584;
}

#content table.list tbody tr.row2
{
	background-color:	#FBDB78;
}

#content table.list tbody tr.selected
{
	background-color:	#F9A24B;
}

#content table.box tfoot td
{
	padding:			0.1em 0.3em 0.1em 0.3em;
	text-align:			right;
	border-top:			0.05em solid #546804;
	background-color:	#FBDB78;
}

#content table.box tfoot td table.options
{
	text-align:			center;
	width:				100%;
	table-layout:		fixed;
}

#content table.box tfoot td table.options td.option
{
	text-align:			center;
	border:				0;
	padding:			0.2em;
	margin:				0;
}

div.box
{
	background-color:	#FBF5D5;
}

/* PRODUCT BOX */
div.productbox
{
	padding-bottom:			4em;
}

div.productbox div.content
{
	padding:				0 0.5em 1em 0.5em;
}

div.productbox div.price
{
	clear:					both;
	text-align:				right;
	border-bottom:			1px solid #546804;
	margin-bottom:			0.4em;
}

div.productbox div.price strong
{
	font-size:				1.3em;
	display:				block;
	margin-bottom:			0.1em;
}

div.productbox div.footer
{
	clear:					both;
}


div.productbox div.footer div.options
{
	float:					left;
	width:					70%;
	padding:				0 0.5em 1em 0.5em;
}

div.productbox div.footer div.buy
{
	float:					right;
}

/* FORM ELEMENTS */

input, textarea, select
{
	border:					0.05em solid #AC9100;
	background-color:		#FDF5D7;
	padding:				0.1em 0.3em 0.1em 0.3em;
	font-family:			"Courier New", Courier, monospace;
}

input.image
{
	border:					0;
	background-color:		#FCE49C;
}

input.editor
{
	width:					100%;
	height:					300px;
}

select
{
	font-family:		arial, helvetica, sans-serif;
}

input.checkbox
{
	border:					0.05em solid #AC9100;
	background-color:		#FDF5D7;
}

input.btn
{
	font-family:		arial, helvetica, sans-serif;
	border:					0.05em solid #546804;
	border-bottom:			0.2em solid #546804;
	background-color:		#FFCC33;
	color:					#546804;
	font-weight:			bold;
	font-size:				1em;
	padding:				0.1em 0.3em 0.1em 0.3em;
	margin:					0.1em 0.3em 0.1em 0.3em;
}

input.btn:hover
{
	background-color:		#FBDB78;
}