@charset "UTF-8";
/* css file for http://www.berliner-kaffeeroesterei.de/shop/ */
/* http://floele.flyspray.org/csstidy/css_optimiser.php */



/****************************************
* osCommerce CSS - adjusted for the BKR *
****************************************/

.errorBox
{
	background: #FFB3B5;
	font-weight: bold;
}

.stockWarning
{
	color: #C03;
}

.messageStackWarning,
.messageStackError
{
	list-style-type: square;
	border: #633000 1px solid;
	color: #FF002A;
	background: #FC9;
}

.productsNotifications
{
	background: #F2FFF7;
}

.orderEdit
{
	color: #70D250;
	text-decoration: underline;
}

.infoBoxNotice
{
	background: #FF8E90;
}

.infoBoxNoticeContents
{
	background: #FFE6E6;
}

.productListing-odd,
.accountHistory-odd,
.addressBook-odd,
.alsoPurchased-odd,
.payment-odd,
.productReviews-odd,
.upcomingProducts-odd,
.shippingOptions-odd
{
	background: #FC9;
}

.productListing-even,
.accountHistory-even,
.addressBook-even,
.alsoPurchased-even,
.payment-even,
.productReviews-even,
.upcomingProducts-even,
.shippingOptions-even
{
	background: #FFAD5C;
}

.subBar
{
	color: #000;
	background: #F4F7FD;
	border: 3px solid green;
}

.accountCategory
{
	color: #ABD;
}

.fieldKey
{
	font-weight: bold;
}

.tableHeading
{
	font-weight: bold;
}

.newItemInCart
{
	color: #F00;
}

.greetUser
{
	color: #F0A480;
	font-weight: bold;
}

.formArea
{
	background: #F1F9FE;
	border: 1px solid #7b9ebd;
}

.formAreaTitle
{
	font-weight: bold;
}

.markProductOutOfStock
{
	color: #C76170;
	font-weight: bold;
}

.productSpecialPrice
{
	color: #F00;
}

.errorText
{
	color: #F00;
}

.moduleRowOver
{
	background: #D7E9F7;
}

.moduleRowSelected
{
	background: #E9F4FC;
}

.checkoutBarFrom,
.checkoutBarTo
{
	color: #8C8C8C;
}

.checkoutBarCurrent
{
	color: #000;
}

.inputRequirement
{
	color: #F00;
}

/* for category view, page counting, etc. */
.smallText
{
	font-size: 11px;
	vertical-align: middle;
}

.infoBox
{
	margin-bottom: 20px;
	background: #FC9;
	border: #633000 1px solid;
}

.infoBoxHeading
{
	font: 16px Georgia, Times, 'Times New Roman', serif;
	height: 21px;
	color: #FFF;
	background: #633000;
}

.infoBoxContents
{
	padding: 3px;
	background: #FC9;
}

/* Quantity Price Breaks Per Product tables */
.infoHeading,
.productPriceInBox
{
	width: 100%;
	padding: 3px;
	background: #F4A460;
	border: none;
}

.productListing
{
	border: 1px solid #630;
	border-spacing: 1px;
}

.productListing-heading
{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #630;
	color: #FFF;
}

.productListing-heading a
{
	color: #FFF;
}

.productListing-data
{
	border: #630 1px solid;
	font-size: 13px;
	line-height: 20px;
}



/***************************
* advanced CSS for the BKR *
***************************/

* /* CSS Prolog */
{
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif;
}

html
{
	font-size: 100.01%;
}

body
{
	background: url('../images/background.png');
}

img
{
	border: none;
}

a:link,
a:visited	{color: #AA4A1F; text-decoration: none;}
a:hover,
a:active,
a:focus		{text-decoration: underline;}

h1,
.pageHeading
{
	font: bold 24px/36px Georgia, Times, 'Times New Roman', serif;
	color: #630;
}

h1
{
	margin-bottom: 10px;
	background: url('../images/logo.gif') no-repeat right center;
}

h2
{
	margin: 10px;
	font: bold 18px/27px Georgia, Times, 'Times New Roman', serif;
	color: #630;
	text-align: center;
}

h3
{
	margin: 15px 10px;
	font: 14px/21px Verdana, Helvetica, Tahoma, Arial, sans-serif;
	background: #FFAD5C;

}

.main
{
	background: #FC9;
	padding: 10px;
}

td, /* deckt osCommerce quasi komplett ab */
#quick-find,
#footer,
.infoBox,
.content,
.form-in-general
{
	font-size: 13px;
	line-height: 20px;
}

th
{
	padding: 3px;
	font-weight: bold;
	color: #FFF;
	background: #930;
}

#wrapper-out
{
	margin: 10px auto 0;
	min-width: 997px;
	width: 997px;
	border: #930 1px solid;
	border-bottom: none;
	background: #D19D76;
	overflow: auto;
}

#wrapper-in
{
	padding: 3px;
	width:989px;
	float:left;
}

#header
{
	position: relative;
	height: 135px; /* Hoehe des Banners */
}

	#header ul
	{
		position: absolute;
		left: 18px;
		bottom: 0;
		list-style: none;
	}

	#header li
	{
		display: inline;
	}

	#header li img
	{
		vertical-align: bottom;
	}

	#quick-find
	{
		width: 220px;
		position: absolute;
		top: 15px;
		right: 15px;
	}

	#quick-find fieldset
	{
		margin: 5px;
	}

	#quick-find-keywords
	{
		padding-right: 20px;
	}

	#quick-find-submit
	{
		position: absolute;
		top: 7px;
		right: 9px;
		width: 15px;
	}

#sub-header
{
	padding: 3px;
	font-size: 15px;
	border-bottom: 1px dotted #6D2D24;
	background: url('../images/header/subheader.jpg') repeat-x;
	overflow: hidden;
	margin-bottom:4px;
}

#sub-header a
{
	color: #6A2E22;
}

	#breadcrumbs
	{
		float: left;

	}

#left-column
{
	margin-right: 10px;
	width: 228px;
	margin-left:-989px;
	float:left;
}

#right-column
{
	width: 160px;
	margin-left:-168px;
	float: left;
 
}

#center-column
{
margin-top: 0;
margin-bottom: 0;
margin-left:240px;
margin-right: 172px;
}

#center-column-2
{
margin-top: 0;
margin-bottom: 0;
margin-left:240px;
margin-right: 6px;
/*	overflow: hidden;*/
}

#footer
{
	clear: both;
	overflow: hidden;
	margin: 3px;
	background: #FC9;
	border: 1px solid #903C0D;
}

	#footer p
	{
		margin: 3px;
	}



/***********************************************
* advanced CSS for the BKR - static pages only *
***********************************************/

.content p,
.form-in-general p,
.content table,
.form-in-general table,
.content ul,
.main ul
{
	margin: 10px;
	margin-bottom: 15px;
}

.content li,
.form-in-general li
{
	margin-left: 20px;
}

.content
{
	overflow: hidden;
	background: #FC9;
}



/************
* Formulare *
************/

.form-in-general
{
	background: #F4A460;
	border: 1px solid #6F3700;
	font-size: 13px;
	line-height: 20px;
}

.form-in-general fieldset,
.form-in-general ul /* messageStack */
{
	margin: 15px;
}

.form-in-general fieldset
{
	border: #FC9 1px solid;
}

.form-in-general fieldset:hover
{
	border-color: #000;
}

.form-in-general legend
{
	margin: 0 10px;
	font-weight: bold;
	color: #633000;
}

.form-in-general label
{
	display: block;
	clear: both;
}

.form-in-general input[type=text],
.form-in-general select,
.form-in-general textarea
{
	padding: 3px;
	border: 1px solid #000;
	background: #E3E3E3;
	width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
}

.form-in-general input[type=text]:focus,
.form-in-general select:focus,
.form-in-general textarea:focus
{
	background: #FFF;
}


.form-in-general input[type=reset],
.form-in-general input[type=submit]
{
	padding: 3px;
}

.form-group-box
{
	margin: 10px;
	clear: both;
}

.form-group-vera
	{
		margin:10px;
		margin-right:90px;
	}

.form-group-vera label
	{	
		padding:0;
		margin:0;
		display:inline !important;
		/*float:left;*/
		width:100px !important;
	}
.form-group-vera input
	{	
		display:inline !important;
		width:300px  !important;
	}

.form-radio-checkbox
{
	width: auto !important;
	float: none !important;
}

.form-hidden-fieldset
{
	border: none !important;
}



/******************
* usefull classes *
******************/

.text-left
{
	text-align: left;
}

.text-center
{
	text-align: center;
}

.text-right
{
	text-align: right;
}

.image-borders
{
	border: 1px solid #6F3700;
}

.image-inline-left
{
	float: left;
	margin-right: 10px;
}

.image-inline-right
{
	float: right;
	margin-left: 10px;
}

.side-gallery
{
	margin-left: 10px;
	float: right;
}

	.side-gallery img
	{
		margin: 10px;
		display: block;
	}




/* productListing Selects kürzen */
.flatten select
{
	width: 120px;
}

/* bkr_menu_link */
a.bkr_menu_link_on{
	border-top: 1px #C4714F solid;
	border-left: 1px #C4714F solid;
	border-right: 1px #C4714F solid;
	padding:1px;
	margin-right:3px;
	margin-bottom:0;
	border-bottom:2px #ffcc99 solid;
	background-color:transparent/*#F4E1CF*/;
	font-weight:bold;
}
a.bkr_menu_link_on: hover{
	color:#C4714F;
} 

a.bkr_menu_link_off{
	border-top: 1px #C4714F solid;
	border-left: 1px #C4714F solid;
	border-right: 1px #C4714F solid;
	padding:1px;
	margin-bottom:0;
	margin-right:2px;
	border-bottom:0px #C4714F solid;
	background-color:transparent/*#F4E1CF*/;
	font-weight:thin;
	color:#E4916F;
}
a.bkr_menu_link_off:link{
	color:#E4916F;
	font-weight:thin;

}
a.bkr_menu_link_off:hover{
	color:#B4613F;
	font-weight:thin;
} 


/*
border-top: 1px #C4714F solid;border-left: 2px #C4714F solid;border-right: 1px #C4714F solid;padding:2px;margin-bottom:0;border-bottom:1px #C4714F solid;color: #E4916F;
*/