/*
  Corné Gabriëls
  Copyright (C) 2007–2009 by Systemantics, Bureau for Informatics

  Systemantics GmbH
  Am Lavenstein 3
  52064 Aachen
  GERMANY

  Web:    www.systemantics.net
  Email:  hello@systemantics.net

  Permission granted to use the files associated with this
  website only on your webserver.

  Changes to these files are PROHIBITED due to license restrictions.
*/



body.black {
	background-color: black;
	color: white;
}
body.white {
	background-color: white;
	color: black;
}
a:link,
a:visited {
	text-decoration: none;
}
body.white a:link,
body.white a:visited,
#cart a:link,
#cart a:visited {
	color: black;
}
body.black a:link,
body.black a:visited {
	color: white;
}
body.white a:active,
body.white a:hover,
body.white a.here,
body.black a:active,
body.black a:hover,
body.black a.here {
	color: #7F8082;
	text-decoration: none;
}
img {
	border: none;
}
#logo {
	left: 60px;
	position: fixed;
	top: 40px;
	z-index: 150;
}
#logo img {
	behavior: url("pngbehavior.htc");
}
#area,
#caption,
#menu {
	font: bold 10px/15px Arial;
	left: 160px;
	text-transform: uppercase;
	position: absolute;
}
#menu {
	margin-left: 0;
	margin-top: 0;
	padding-left: 0;
	position: fixed;
	top: 87px;
	z-index: 50;
}
#menu,
#menu ul {
	list-style: none;
}
#menu ul {
	margin-left: 0;
	padding-left: 18px;
}
#menu .here {
	margin-bottom: 30px;
}
#menu ul .here {
	margin-bottom: 0;
}
#content {
	left: 300px;
	position: absolute;
	top: 86px;
	width: 685px;
	z-index: 100;
}
#area,
#caption {
	color: #7F8082;
}
#caption {
	bottom: -17px;
	font-weight: normal;
	left: 0;
	text-align: right;
}
#area {
	bottom: 50px;
	left: 160px;
	position: fixed;
	width: 130px;
}
div.text {
	font: normal 13px/16px Arial;
	width: 315px;
}
div.text p,
div.text h1,
div.text h2,
div.press h1 {
	margin-top: 0;
	margin-bottom: 1.2em;
}
div.text h3 {
	margin-top: 0;
	margin-bottom: 0;
}
div.text h1,
div.text h2,
div.text h3,
div.press h1 {
	text-transform: uppercase;
}
div.text h1 {
	font: bold 13px/16px Arial;
}
div.text h2,
div.press h1 {
	font: bold 10px/16px Arial;
}
div.text h3 {
	font: normal 10px/16px Arial;
}
div.left {
	margin-right: 15px;
}
#show {
	cursor: pointer;
	height: 542px;
	overflow: hidden;
	position: relative;
	width: 542px;
}
#show div img,
#content div.image {
	display: block;
	float: left;
}
#content div.image {
	width: 370px;
}
#content div.text {
	float: left;
}
#stripe {
	left: 0;
	position: absolute;
	top: 0;
}
#stripe img {
	margin-right: 2px;
}
div.rule {
	border-bottom: 2px solid black;
	clear: both;
	height: 86px;
	margin-bottom: 26px;
	width: 685px;
}
div.whiterule {
	height: 0;
	border-bottom: 2px solid white;
	width: 558px;
}
div.rule hr {
	display: none;
}
div.press {
	float: left;
	padding-right: 15px;
	width: 150px;
}
div.press ul {
	font: normal 13px/16px Arial;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#close {
	left: 11px;
	position: absolute;
	bottom: 11px;
}
.black {
	color: black;
}
#content div.article {
	float: left;
	height: 186px;
	position: relative;
	width: 186px;
}
#content div.article a {
	display: block;
	position: absolute;
	top: 0;
}
#articleOverview {
	width: 720px;
}
#article {
	background-color: white;
	color: black;
	height: 542px;
	width: 558px;
}
#order {
	color: black;
}
#article h1,
#order a,
#cart h1,
#cart table th,
#order span.soldout {
	font: bold 10px/14px Arial;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: uppercase;
}
#order p,
#order a {
	color: #8093FD;
}
#article dl dd,
#order dl dd,
#cart table td,
#cart select,
#cart input,
#cart p,
#cart h2 {
	font: normal 10px/14px Arial;
	margin-bottom: 0;
	margin-left: 0;
	text-transform: uppercase;
}
#article p,
#article dl dt,
#order p,
#order dl dt,
#imgcount {
	font: normal 10px/14px Arial;
	margin-top: 0;
	margin-bottom: 10px;
}
#details.portrait {
	border-left: 2px solid black;
	height: 512px;
	left: 406px;
	padding: 15px;
	position: absolute;
	top: 0;
	width: 120px;
}
#details.landscape {
	border-top: 1px solid black;
	height: 91px;
	left: 0;
	padding: 15px;
	position: absolute;
	top: 419px;
	width: 614px;
}
#details.landscape div,
#details.landscape dl,
#order.landscape dl {
	float: left;
	margin-top: 0;
	padding-top: 0;
	width: 150px;
}
#order {
	left: 406px;
	padding: 15px;
	position: absolute;
	bottom: 41px;
	width: 120px;
}
#order.landscape {
	padding-top: 0;
}
#showcase {
	left: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}
img.transparent {
	opacity: .20;
	filter: alpha(opacity=20);
	-moz-opacity: 0.2;
}
img.landscape {
	width: 435px;
}
img.portrait {
	height: 375px;
}
#showcaseImage {
	visibility: hidden;
}
#preview {
	left: 0;
	position: absolute;
	top: 0;
	visibility: hidden;
}
#cart {
	background-color: #B9C9FD;
	color: black;
	height: 512px;
	padding: 15px;
	width: 528px;
}
#cart h1 {
	margin-bottom: 20px;
}
#cart table {
	border-collapse: collapse;
	width: 528px;
}
#cart table td {
	vertical-align: top;
}
#cart table th {
	text-align: left;
	padding-bottom: 10px;
	width: 117px
}
#cart table th.price,
#cart table td.price {
	text-align: right;
	width: 60px;
}
#cart table td.sum {
	border-top: 1px solid black;
	padding-top: 10px;
}
#cart select,
#cart input {
	border: 1px solid black;
}
#cart input {
	width: 249px;
}
#cart a:link,
#cart a:visited {
	font-weight: bold;
}
#cart div.left table {
	width: 249px;
}
#cart select,
#cart input {
	text-transform: none;
}
#cart div.left {
	float: left;
	width: 249px;
	margin-right: 20px;
}
#cart div.right {
	float: left;
	width: 249px;
}
#cart h2 {
	margin-top: 0;
	margin-bottom: 1.2em;
}
#cart p.normal {
	text-transform: none;
}
#cart label.required {
	color: red;
	font-weight: bold;
}
#cart table td.position,
#cart table td.material,
#cart table td.color,
#cart table td.price {
	text-transform: none;
}
#cart #close,
#article #close {
	bottom: 56px;
}
#button01,
#button02 {
	position: absolute;
}
#button01 {
	left: 40px;
	top: 40px;
}
#button02 {
	left: 550px;
	top: 150px;
}
.button {
	background-repeat: no-repeat;
	bottom: 10px;
	cursor: pointer;
	height: 87px;
	position: absolute;
	width: 87px;
}
.new {
	background-image: url(/elements/new.png);
	right: 0;
}
.bestbuy {
	background-image: url(/elements/bestbuy.png);
	left: 10px;
}