@import url(reset-fonts.css);

html, body {
  font-family: helvetica,arial,clean,sans-serif;
  background-color: #d4d5d7;
  text-align: center;
  height: 100%;
}

h2 {
  text-transform: uppercase;
  font-size: 18px;
  float: left;
}

strong {
  font-weight: bold;
}

a {
  color: #f38222;
}

#container {
  margin: 0 auto;
  width: 900px;
  text-align: left;
  background-color: #fff;
  min-height: 100%;
  _height: 100%;
  position: relative;     
}

#header {
  float: left;
  width: 290px;
  height: 28px;
  margin: 50px 64px;
  background-image: url('images/logo.png');
}

#header div {
  text-indent: -9999px;
}

#header a {
  display: block;
  width: 290px;
  height: 28px;
}

#partner {
  float: right;
  width: 86px;
  height: 56px;
  margin: 22px 64px;
  background-image: url('images/designblok11.png');
}

#partner div {
  text-indent: -9999px;
}

#partner a {
  display: block;
  width: 200px;
  height: 56px;
}

#headline {
  float: right;
  padding: 3px 8px 0 30px;
  background-color: #d4d5d7;
  border-bottom: 4px solid #f48221;
  width: 687px;
  height: 32px;
  line-height: 32px;
}

#lang {
  float: right;
  color: #000;
  font-size: 15px;
  font-weight: bold;
}

#lang a {
  color: #f48221;
}

#menu {
  float: left;
  width: 160px;
  padding-top: 43px;
  font-size: 16px;
  line-height: 198%;   
}

#main {
  float: right;
  width: 100%;
  margin-left: -175px;
}

#body {
  margin-left: 175px;
  overflow: auto;
  clear: both;
  height: 553px;
}

#footer {
  background-color: #58585a;
  color: #fff;
  height: 45px;
  line-height: 45px;
  text-align: center;
  width: 900px;
  position: absolute;
  bottom: 0;
}

#foot-ph {
  width: 900px;
  height: 45px;
  clear: both;
}

#page, #list, #search {
  margin: 40px;
}

#category a, #list a {
  color: #000;
}

#catlist {
  padding-left: 63px;
}

#pagelist {
  margin-top: 16px;
  padding-left: 63px;
}

#menu form {
  line-height: 14px;
  padding-top: 20px;
  padding-left: 40px; 
}

#menu input {
  color: #000;
  font-size: 12px;
}

#menu input.menubutton {
  background: transparent none;
  border: 0 none transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-size: 16px;
  display: block;
  margin-left: 23px;
  margin-top: 10px;
}

#menu input.menubutton:hover {
  color: #8a8b8d;
}

ul#catlist a {
  color: #000;
}

ul#catlist a:hover {
  color: #8a8b8d;
}

ul#pagelist a {
  color: #f38222;
}

ul#pagelist a:hover {
  color: #fff;
  background-color: #f38222;
}

#category {
  padding: 32px 8px;
}

#category .product {
  width: 200px;
  height: 250px;
  float: left;
  margin-right: 25px;
}

#category .product .image a {
  display: block;
}

#category .product .image img {
  display: block;
  width: 196px;
  height: 154px;
  border: 2px solid #d4d5d7;
}

#category .product .info {
  font-size: 11px;
  padding: 10px;
  background-color: #d4d5d7;
}

#category .product .info .catalog {
  font-weight: bold;
  color: #f38222;
}

#category .product .info .name {
  font-weight: bold;
}

#category .year {
  clear: both;
  font-size: 16px;
  font-weight: bold;
  color: #f38222;
  margin-bottom: 10px;
}

a {
  text-decoration: none;
  color: #f38222;
}

#menu a {
  color: #000;
}

.clear {
  clear: both;
}

#product .images {
  height: 300px;
  margin: 20px 45px 0 8px;
}

#product .images .small {
  float: left;
  width: 288px;
}

#product .images .medium {
  float: right;
}

#product .images .small .half {
  height: 135px;
  margin-bottom: 7px; 
}

#product .images .small .half img {
  display: block;
  float: right;
  width: 131px;
  height: 131px;
  border: 2px solid #d4d5d7;
  margin-right: 9px;
  cursor: pointer;
}

#product .images .small .half #orangebox {
  width: 135px;
  height: 135px;
  background-color: #f38222;
} 

#product .info {
  margin-left: 40px;
  margin-right: 45px;
}

#product .info .catalog {
  font-weight: bold;
  color: #f38222;
}

#product .info .name {
  font-weight: bold;
}

#product .info .authors a {
  font-weight: bold;
  color: #f38222;
}

#product .info .price {
  font-weight: bold;
}

#author .small {
  float: left;
  width: 288px;
  margin: 20px 8px 4px 8px;
}

#author .medium {
  float: right;
  margin: 20px 45px 0 8px;
}

#author .small .half {
  height: 135px;
  margin-bottom: 7px;
}

#author .small .half img {
  display: block;
  float: right;
  width: 131px;
  height: 131px;
  border: 2px solid #d4d5d7;
  margin-right: 9px;
}

#author .small .half #orangebox {
  width: 135px;
  height: 135px;
  background-color: #f38222;
}

#author .info {
  margin-left: 40px;
  margin-right: 45px;
  padding-top: 20px;
}

#author .info #bio {
  margin-top: 10px;
  text-align: justify;
}

#author .info .name {
  font-weight: bold;
}

#list {
  font-weight: bold;
}

#list .letter {
  font-size: 14px;
  color: #f38222;
}

#list ul {
  margin-bottom: 10px;
}

#page ul li, #search ul li {
  list-style-type: disc;
}