/* ------------------------------------------------------------------------------------
 * cubes-company.de
 * stylesheet.css -
 *
 * Author Bastian Schröder <bastian@creative-feat.com>
 * Version 2009-11-24
 * ------------------------------------------------------------------------------------ */

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
body{
	background: #ffffff url(img/bg_body.jpg) 969px 199px no-repeat;
	font-size: 12px;
}

.hidden { display: none; }
.center { text-align: center; }
.xtc_button img { border: 0; }
.info {
	margin: 5px 0 5px 92px;
	padding: 2px;
	padding-left: 10px;
	border: 1px solid #b6ca00;
}
.error {
	margin: 5px 0 5px 92px;
	padding: 2px;
	border: 1px solid red;
	font-weight: bold;
}

/* -------------------------------------- header -------------------------------------- */
body div#header {
	width: 965px;
	height: 200px;
}
body div#header h1 {
	float: left;
	width: 217px;
	height: 155px;
	background: url(img/banner_logo.jpg) no-repeat;
}
body div#header h1:hover {
	cursor: pointer;
}

/* basket */
body div#header div#basket {
	position: absolute;
	left: 777px;
	top: 122px;
	width: 188px;
	height: 57px;
	background: url(img/basket.jpg) no-repeat;
}
body div#header div#basket:hover {
	cursor: pointer;
}
body div#header div#basket p {
	margin: 28px 0 0 62px;
	color: #6d6c67;
}

/* login */
body div#header a#login_link {
	display: block;
	float: right;
	width: 188px;
	height: 59px;
	background: url(img/login.jpg) no-repeat;
}

/* logout & account */
body div#header div#logout_account {
	display: block;
	float: right;
	width: 188px;
}
body div#header div#logout_account a#logout_link {
	display: block;
	width: 188px;
	height: 21px;
	background: url(img/logout.jpg) no-repeat;
}
body div#header div#logout_account a#account_link {
	display: block;
	width: 168px;
	height: 55px;
	margin-top: 6px;
	padding: 10px 10px 0 10px;
	background: url(img/account.jpg) no-repeat;
	text-decoration: none;
	color: #201d1a;
	font-size: 12px;
	overflow: hidden;
}

/* top navigation */
body div#header ul#box_content {
	height: 24px;
	margin: 0 188px 0 198px;
	list-style: none;
}
body div#header ul#box_content li {
	float: left;
	height: 24px;
	margin-right: 8px;
	background: url(img/bg_navi.jpg) no-repeat;
}
body div#header ul#box_content li a {
	display: block;
	padding: 6px 0 0 12px;
	color: #73655d;
	font-weight: bold;
	text-decoration: none;
}


/* ------------------------------------ navigation ------------------------------------ */
body div#navigation {
	float: left;
	width: 194px;
	min-height: 335px;
	margin-top: -6px;
	background: url(img/bg_left_column.jpg) no-repeat;
}
body div#navigation div#categoriesbox {
	margin: 75px 0 0 4px;
	padding-bottom: 79px;
	background: url(img/trusted.jpg) left bottom no-repeat;
}
body div#navigation div#categoriesbox h4 {
	display: none;
}
body div#navigation div#categoriesbox ul {
	list-style: none;
}
/* 1. level */
body div#navigation div#categoriesbox ul li.category a {
	display: block;
	margin-left: 9px;
	padding: 6px 0 7px 25px;
	color: #6d6c67;
	border-bottom: 1px solid #e4e4e4;
	font-weight: bold;
	text-decoration: none;
}
body div#navigation div#categoriesbox ul li.category.active a,
body div#navigation div#categoriesbox ul li.category a:hover {
	margin-left: 0;
	border-left: 9px solid #b6ca00;
}
body div#navigation div#categoriesbox ul li.category.active ul li a {
	border-left: 9px solid #f0f5cc;
}
/* 2. level */
body div#navigation div#categoriesbox ul li.product {
	margin-left: 10px;
	background: #f0f5cc url(img/green_pixel.jpg) no-repeat 25px 12px;
}
body div#navigation div#categoriesbox ul li.product.active {
	background-color: #e1ea97;
}
body div#navigation div#categoriesbox ul li.category.active ul li.product.active a {
	border-left: 9px solid #e1ea97;
}

/* preview */
body div#navigation div#categoriesbox ul li.category.id_3 {
	margin-top: 5px;
	background: url(img/navi_preview.jpg) 9px 0px no-repeat;
}
body div#navigation div#categoriesbox ul li.category.id_3 a {
	height: 14px;
}
body div#navigation div#categoriesbox ul li.category.id_3 a span {
	display: none;
}
/* preview: hover & active*/
body div#navigation div#categoriesbox ul li.category.id_3.active,
body div#navigation div#categoriesbox ul li.category.id_3:hover {
	background-image: url(img/navi_preview_hover.jpg);
}
body div#navigation div#categoriesbox ul li.category.id_3.active a,
body div#navigation div#categoriesbox ul li.category.id_3:hover a {
	margin-left: 9px;
	border-left: 0;
}


/* ----------------------------------- contentframe ----------------------------------- */
body div#contentframe {
	width: 767px;
	margin-left: 198px;
	line-height: 1.4em;
	font-family: Verdana, Helvetica, sans-serif;
	color: #201d1a;
}
body div#contentframe a {
	color: #201d1a;
}
body div#contentframe a:hover {}

/* shadow */
body div#contentframe .shadow {
	height: 8px;
	background: url(img/shadow.jpg) no-repeat;
}

/* page navi */
body div#contentframe ul#page_navi {
	margin-bottom: 65px;
	padding-left: 91px;
}
body div#contentframe ul#page_navi li {
	display: block;
	float: left;
	margin-left: 1px;
	padding: 5px 12px;
	background-color: #dcdde0;
	border-bottom: 5px solid #ffffff;
	font-size: 11px;
	font-weight: bold;
}
body div#contentframe ul#page_navi li:hover {
	background-color: #bec0c3;
}
body div#contentframe ul#page_navi li a {
	color: #ffffff;
	text-decoration: none;
}
body div#contentframe ul#page_navi li.active {
	border-color: #b6ca00;
	background-color: #ffffff;
	color: #b1b1b1;
}


/* -------------------------------------- footer -------------------------------------- */
body div#footer {
	clear: both;
	width: 767px;
	margin: 40px 0 40px 198px;
	padding-top: 21px;
	text-align: center;
	background: url(img/trennstrich.jpg) no-repeat;
}
body div#footer ul {
	list-style: none;
}
body div#footer ul li {
	margin-left: 10px;
	float: right;
}
body div#footer ul li a {
	color: #8f8e8c;
	text-decoration: none;
}