/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/


/* ---   Center Script (horizontal)   --- */
/*****************************************************************************************************************************************/
html, body {margin:0; padding:0; text-align:center;}
#container{margin:0 auto; position:relative; /* puts container in front of distance */ clear:left; padding:0; text-align:left;}

/* ---   Config Center Script   --- */
#container {
	width:800px; /* container width */
	top:0px;
}
/*****************************************************************************************************************************************/



/* Diverses
*******************************************************************************/
body{
	background:#FFFFFF; 
	background-image:url(images/bg_body.gif); 
	background-position:center top; 
	background-repeat:no-repeat; 
	color:#666666; 
	font-family:Arial; 
	font-size:11px;
}

* {
	margin:0;
	padding:0;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

.top{
	vertical-align:top;
}

.bottom{
	vertical-align:bottom;
}

ul{
	list-style-position:inside;
}

ol{
	list-style-position:outside;
	margin-left:29px;
}

.clearDiv{
	clear:both;
}

.nowrap{
	white-space:nowrap;
}

h1{
	font-size:13px;
	color:#FF6600;
	font-weight:normal;
	padding:0 0 10px 0;
}

h2{
	font-size:11px;
	color:#666666;
	font-weight:bold;
	padding:0 0 5px 0;
}

.darkGrey{
	color:#333333;
}

hr{
	height: 1px;
	background-color:#666666;
	border: none;
}



/* Header
*******************************************************************************/
#logo{
/*	background-image:url(images/logoHeader.gif); 
*/	width:296px; 
	height:59px; 
	position:relative; 
	left:1px; 
	top:0px;
}

div.search{
	position:absolute; 
	left:618px; 
	top:22px;
}

div.search input{
	margin:0 3px 0 2px;
}



/* Breadcrumb
*******************************************************************************/
div.breadcrumb{
	position:absolute; 
	left:241px; 
	top:87px; 
}

div.breadcrumb a{
	text-decoration:underline;
	color:#666666;
}



/* ShoppingCart - Box
*******************************************************************************/
#shoppingCart{
	width:160px; 
	position:absolute; 
	left:587px; 
	top:65px;
}

#shoppingCart #articles td, #shoppingCart #articles a{
	color:#302F2C; 
	font-size:10px;
}

#shoppingCart #total td{
	color:#FFFFFF; 
	font-size:10px; 
	padding-top:10px;
}



/* Navigation Top
*******************************************************************************/
#navTop{
	position:absolute; 
	left:236px; 
	top:59px;
}

#navTop ul{
	list-style:none;
	list-style-position:outside;
}

#navTop li{
	float:left;
	height:22px;
}

#navTop a, #navTop a:link, #navTop a:visited {
	font-size:12px;
	color:#333333;
	text-decoration:none;
	height:22px;
	padding:4px 4px 0 4px;
	text-transform:uppercase;
	display:block;
	_width:20px;
	_white-space:nowrap;
}

#navTop a:active, #navTop a:hover, #navTop a.act {
	font-size:12px;
	color:#333333;
	text-decoration:none;
	height:22px;
	background-image:url(images/bg_navTop.gif);
	background-repeat:repeat-x;
	padding:4px 4px 0 4px;
	display:block;	
	text-transform:uppercase;	
	_width:20px;
	_white-space:nowrap;
}



/* SubNav (Categories)
*******************************************************************************/
#subNav{
	width:165px; 
	margin:57px 0 0 36px; 
	float:left;
}

#subNav ul{
	list-style:none;
	list-style-position:outside;
	margin:7px 0 0 24px;
}

#subNav li{
	margin:0;
	padding:2px 0 2px 0;
}

#subNav a, #subNav a:link, #subNav a:visited {
	font-size:11px;
	color:#666666;
	text-decoration:none;
}

#subNav a:active, #subNav a:hover, a.act{
	color:#44423f;
}



/* Message Stack
*******************************************************************************/
div.messageStack{
	width:100%; 
	position:absolute; 
	font-weight:bold; 
	text-align:center; 
	background-color:#CCCCCC;
	z-index:100;
}
.messageStackError{color:#fe0000;}
.messageStackWarning{color:#703111;}
.messageStackSuccess{color:#323232;}



/* Content
*******************************************************************************/
div.content{
	width:540px;
	min-height:400px; 
	_height:400px; 
	margin-top:80px; 
	margin-left:237px;
}

div.content a{
	color:#666666; 
	text-decoration:underline;
}

div.text{
	width:520px; 
	margin:0 0 0 3px;
	line-height:16px;
}



/* Product Listing
*******************************************************************************/
div.content .products{display:block; float:left; margin:0 13px 31px 0; width:163px; background-image:url(images/bg_box.gif);}
div.content .pImage{height:149px; text-align:center; vertical-align:middle; width:163px;}
div.content .pName{font-size:11px; color:#FFFFFF; white-space:nowrap; padding:0 0 0 6px; height:16px;}
div.content .pPrice{
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
	white-space:nowrap;
	padding:0px;
	height:16px;
}
div.content .pPrice s{
	color: #F60;
}



/* Manufacturers
*******************************************************************************/
div.content .manufacturers{display:block; float:left; margin:0 13px 31px 0; width:163px; background-image:url(images/bg_boxSmall.gif);}
div.content .mImage{height:50px; width:163px; text-align:center; vertical-align:middle; padding:auto;}
div.content .mName{font-size:11px; color:#FFFFFF; white-space:nowrap; padding:0 0 0 6px; height:16px; text-align:center;}
div.content .mName a{color:#FFFFFF; text-decoration:none;}



/* Formulare
*******************************************************************************/
td.form{padding-right:10px;}
form{display: inline;}
input.textfield{
	font-size:11px; 
	border:1px solid #D4D4D4; 
	color:#000000; 
	padding:1px 3px 1px 3px; 
	background-image:url(images/bg_textfield.gif); 
	height:13px;
}

select{
	font-size:11px; 
	border:1px solid #D4D4D4; 
	color:#000000; 
	padding:1px;
	min-width:65px; 
}

option{
	padding:0 10px 0 3px; 
}

textarea{
	font-size:11px; 
	border:1px solid #D4D4D4; 
	color:#000000; 
}



/* Footer
*******************************************************************************/
#footer{
	background-image:url(images/bg_footer.gif); 
	width:100%; 
	height:129px; 
	padding:auto;
}
#footer table{margin:90px 0 0 28px;}
#footer td{color:#666666; font-size:11px; white-space:nowrap;}
#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover{font-size:11px; color:#666666; text-decoration:none;}



/* Seitennavigation
*******************************************************************************/
#prevNextBar{background-color:#C0C0C0; width:515px; clear:both;}
#prevNextBar td{text-align:right; vertical-align:top; padding:3px 3px 0 0; margin:0; font-size:11px; white-space:nowrap;}
#prevNextBar td.next, #prevNextBar td.prev{text-align:right; padding:4px 3px 2px 3px;}
#prevNextBar b{font-size:11px; color:#FF6600;}
#prevNextBar a, #prevNextBar a:link, #prevNextBar a:visited, #prevNextBar a:active, #prevNextBar a:hover{text-decoration:none;}



/* inputRequirement
*******************************************************************************/
.inputRequirement{font-family:Arial; font-size:11px; color:#7F8C91;}