/*  --------------------------------------------------------------------------------
	$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
    osCommerce, Open Source E-Commerce Solutions
	Copyright (c) 2003 osCommerce - http://www.oscommerce.com
	--------------------------------------------------------------------------------
	Released under the GNU General Public License
	----------------------------------------------------------------------------- */

/*
 	***********************************************************************
	SECTION: Global
 	***********************************************************************
*/

/* mainframe, outline */
BODY {
	color:#000000;
	background:#EEE; /*FFC*/
	font-size:9pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
HTML, BODY, p	{ margin: 0; padding: 0; }

img { border: 0;}

/* main content container */
#wrapper {
	width: 1000px; 
	margin: 5px auto;
	border-left: 1px #888 solid; 
	border-top: 1px #888 solid; 
	border-bottom: 1px #000000 solid;  
	border-right: 1px #000000 solid; 
	position: relative;
	background-color: #fff;
}
	
#header { 
	background:#fbea8c; 
}
	
#content { 
	position: relative;
	margin: 15px;
	background: #FFFFFF; 
	overflow: hidden;
	padding: 0 2px;
}
	
#footer { 
	position: relative;
	padding: 5px; 
	background: #FC8604; /*#fbea8c;*/ 
	clear: both;
	border-top: 1px solid #000;
}

#boxesL	{ 
	float: left;
	width: 180px;
	padding:15px 0px 0px 10px; 
	background:#FFFFFF; 
}
	
#boxesR	{ 
	float: right;
	width: 180px;
	padding:15px 10px 0px 0px; 
	background:#FFFFFF; 
}

/* Input Requirement */
form {
	display:inline;
}

input,
textarea {
	font-size: 12px;
}

.input_text,
.input_pw { 
	border-left:1px #666 solid;  
	border-top:1px #666 solid; 
	border-bottom:1px #666 solid; 
	border-right:1px #666 solid; 
}

	.input_text:focus,
	.input_pw:focus,
	textarea:focus {
		background-color: #fbea8c;
	}
	
.button_back {
	position: relative;
	left: 0;
}

.button_continue {
	position: absolute;
	right: 20px;
}

/* global fonts */
small {
	font-size: 10px;
}

.text_msrp {
	font-size: 8.5px;
}

.inputReq			{ font-size:8pt; color:red; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }


.mainText			{ font-size:9pt; font-weight:normal; }

.priceStaffel	{ color:red; font-size:9pt; font-style:italic; font-weight:normal; }
.priceNormal	{ color:#555; font-size:13pt; font-weight:bold; }
.priceOld			{ text-decoration:line-through; font-weight:normal; }
.priceSpecial { color:red; font-size:10pt; font-weight:bold;}
.tax_info			{ font-size:7pt; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
.greetUser		{ font-size:10pt; color:black; font-weight:bold; }
.subTotal 		{ text-align:right; font-size:11pt;	font-weight:bold; }
A.orderEdit 			{ font-size:8pt; color:#CCC; font-weight:bold; }
A.orderEdit:hover { font-size:8pt; color:red; font-weight:bold; }

.text_left 
{
	float: left;
}

.text_right 
{
	float: right;
}

/* messages fonts */
.notice		{ color: red; font-size: 12px; }
.success 	{ padding:3px; border:3px green solid; margin:0px 0px 20px 0px; }
.errors 	{ padding:3px; border:3px red solid; margin:0px 0px 20px 0px; }
.warnings { padding:3px; border:3px yellow solid; margin:0px 0px 20px 0px; }
.notifies	{ padding:3px; border:3px #DDD dotted; margin:0px 0px 20px 0px; }
.orders 	{ padding:3px; border:3px #DDD dotted; margin:0px 0px 20px 0px; }
.messages { padding:3px; border:3px red solid; margin-bottom:15px; }

/* default text links */
A 		{ color:#555555; text-decoration:underline; }
A:hover 	{ color:#000000; text-decoration:none; }

/* special formats: top and bottom Bar, breadcrumb */
A.breadCrumb 				{ font-size:9pt; color:#000000; }
A.breadCrumb:hover	{ font-size:9pt; color:#FF0000; }
#breadCrumb 				{ font-size:9pt; color:black; padding:8px 0px 2px 10px; background-color:#FFF;; border-top:1px #000 solid; }

/*
 	***********************************************************************
	SECTION: Stuff
 	***********************************************************************
*/
hr { border:1px #555 solid; }

.formArea {
	border-bottom: 0px solid #000;
}

.contentBoxHeading {
	text-align: center;
	border: 0px solid #000;
	background-color: #CCC;
	font-weight: bold;
}

.cart_hr {
	border: 0;
	border-bottom: 0.5px solid #000;
}

.checkoutFooter {
	background-color: #EEE;
}

.checkoutCurrent {
	background-color: #CCC;
}

/*
 	***********************************************************************
	SECTION: Header
 	***********************************************************************
*/
#navigation_top { 
	font-weight:bold; 
	height: 25px; 
	color:#888888; 
	margin:0px 5px 3px 0px; 
	font-size:8pt; 
	position: absolute; 
	top: 10px; 
	right: 0px; 
	text-align:right; 
}

	#navigation_top a { 
		color:#F60; /*EC9638*/ 
		text-decoration:none; 
	}
	#navigation_top a:hover	{ 
		color:#000000; 
		text-decoration:underline; 
	}

#header_top {
	height:150px;  
	background-image:url(images/banners/header.jpg); 
	background-repeat: no-repeat; 
	background-color: #FCFCFC;
}

#navigation { 
	height: 30px; 
	background-color: #CCC; /*FBEA8C*/
	border-top: 1px #000000 solid; 
	text-align: center; 
	padding: 0 0 0 20px;
	overflow: hidden;
}

	#navigation ul {
		list-style: none;
		margin: 0;
	}
	
	#navigation ul li {
		display: inline;
		float: left;
	}
	
	#navigation ul li ul {
		display: none;
	}
	
	#navigation ul li:hover ul {
		display: block;
		position: absolute;
		padding: 0;
	}
	
	#navigation ul li ul li {
		display: block;
		float: left;
		background-color: #CCC;
	}
		
	#navigation a { 
		display: block;
		color:#000000; 
		text-decoration:none; 
		width:170px;
		line-height: 30px; 
		font-weight: bold; 
		padding: 0 5px;
	}
	
	#navigation ul li ul li a {
		font-weight: normal;
		width: auto;
	}
	
	#navigation a:hover	{ 
		color:#000000; 
		background-color:#AAA; /*EC9638*/
		text-decoration:underline; 
	}
	
/*
 	***********************************************************************
	SECTION: Footer
 	***********************************************************************
*/
.footer	{
	height:10px;
	background:#FBEA8C;
	background-repeat:repeat-x;
	border-top:1px #000000 solid;
}

/*
 	***********************************************************************
	SECTION: Content Boxes
 	***********************************************************************
*/
#content{
}

	#content h1 {
		margin-bottom: 10px;
		margin-top: 0;
		border-bottom: 2px #FC8604 solid; /*EC9638*/
		border-left: 30px #FC8604 solid; /*EC9638*/
		padding: 4px;
		width: 370px;
		font-size: 18px;
	}
	
	#content .fullsize {
		width: 100%;
		border: 0;
	}
	
	#content h2 {
		text-decoration: underline;
		margin: 0px 0px 5px 0px;
		clear: both;
		font-size: 13px;
	}
	
	#content p {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	#content table {
		/*border: 1px solid #666;
		border-right: 2px solid #000;
		border-bottom: 2px solid #000;
		margin-bottom: 5px;
		border: 0; */
		border-collapse: collapse;
	}
	
	#content table td {
		border: 0px solid #000;
		padding: 4px;
		border-collapse: collapse;
	}
	
	#content table th {
		text-align: left;
		padding-left: 5px;
	}
	
	#content .blank_table {
		border: 0;
	}
	
	#content .productlisting h2 {
		float: left;
		margin-right: 10px;
		font-size: 14px;
	}
	
	#content .productlisting strong {
		font-size: 13px;
	}

.login_form {
	margin: 6px 50px;
}

.login_form strong,
.login_form input {
	display: block;
	margin-bottom: 4px;
}

.login_form input {
	margin-left: 20px;
}

.overflow {
	overflow: hidden;
	margin-bottom: 10px;
}


/*
 	***********************************************************************
	SECTION: Products 
 	***********************************************************************
*/

.productlisting {
	margin: 0;
	list-style: none;
	padding: 0;
}

.products_image_box {
	float: right;
	border: 0px solid #000;
	text-align: center;
	position: relative;
	bottom: 40px;
}

	.products_image_box img {
		border: 0;
	}

.products_price_box {
	width: 300px;
}

.products_choice {
	width: 95%;
	border: 1px solid #444;
	border-collapse: collapse;
	margin: 5px auto 10px auto;
}

	.products_choice input[type="text"] {
		width: 100%;
	}
	
	.products_choice .comboControl {
		/*width: 100%;*/
	}
	
	.products_choice th {
		font-size: 11px;
	}

/*
 	***********************************************************************
	SECTION: Infoboxen (links, rechts)
 	***********************************************************************
*/

#boxesL h1,
#boxesR h1 {
		background-color: #FC8604; /*F60 EC9638*/
		font-size: 13px;
		padding: 4px;
		border-bottom: 1px #888888 solid;
		border-right: 1px #000000 solid;
		border-left: 1px #888888 solid;
		border-top: 1px #888888 solid;
		margin:0px;
}

	#boxesL h1 a,
	#boxesR h1 a {
		color: #000;
	}

.infobox {
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;	
	border-left: 1px #888888 solid;
	border-top: 0px;
	margin-bottom: 20px;
	padding: 4px;
}
	
	.infobox a {
		color: #000;
		line-height: 20px;
	}
	
.box_left,
.box_right {
	width: 48%;
	border: 0px solid #000;	
	margin: 10px auto;
	padding: 5px;
}

.box_left {
	float: left;
}


.box_right {
	float: right;
}

/*
 	***********************************************************************
	SECTION: Individuelle Styles zu Infoboxen
 	***********************************************************************
*/

/* BOX: Categories */
.infobox .info-sub1,
.infobox .info-sub2,
.infobox .info-sub3 {
	display: block;
	padding: 5px 0px;
}

.infobox .info-sub1:hover,
.infobox .info-sub2:hover,
.infobox .info-sub3:hover {
	background-color: #CCC; /*FBEA8C*/
}

.infobox .info-sub1 {
	padding-left: 10px;
}
.infobox .info-sub2 {
	padding-left: 20px;
}
.infobox .info-sub3 {
	padding-left: 30px;
}

/* IE Hacks */
* html #content {
	width: 580px;
	padding: 15px;
	margin: 0;
}

*+html #content {
	width: 580px;
	padding: 15px;
	margin: 0;
}

* html #footer {
	width: 990px;
}

* html #content div.overflow {
	height: 1%;
}