/*  -----------------------------------------  //
//  Projekt: Connaisseur Records               //
//  Autor:   Sergej Mueller                    //
//  Datum:   Juli 2007                         //
//                                             //
//  Datei:   css/global.css                    //
//  -----------------------------------------  */


* {
  margin: 0;
  padding: 0;
  border: 0;
}
html {
  height: 100%;
  background: #F2F1F1;
}
html, p, input, select, a {
  font: normal 11px Verdana;
  color: #767E85;
  line-height: 16px;
}
h2, h2 a, h4, h4 a {
  color: #F60;
  font-weight: bold;
  font-family: "Trebuchet MS";
}
a {
  color: #63C6F3;
  outline: 0;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h2, h2 a {
  font-size: 16px;
  line-height: 17px;
}
h4, h4 a {
  font-size: 12px;
  line-height: 13px;
}
input, select {
  color: #000;
  background-color: #FFF;
}
ul {
  list-style: none;
}
table {
  border-spacing: 0;
}

/* ***** */
/* Mitte */
/* ***** */
.middle {
  width: 969px;
  margin: 0 auto;
  padding: 0 5px;
  min-height: 100%;
  background: url(0/images/bg/default.gif);

}


/* ****** */
/* Header */
/* ****** */
.header {
  height: 126px;
  padding: 0 13px 6px 33px;
  background: #38424B;
}


/* **** */
/* Logo */
/* **** */
.logo {
  float: left;
  width: 237px;
  height: 96px;
  background: url(0/images/logo.gif) no-repeat bottom;
}


/* ********* */
/* Warenkorb */
/* ********* */
.basket {
  float: right;
  width: 230px;
  position: relative;
  background: #4E5862 url(0/images/corner/basket/bm.gif) bottom repeat-x;
}
.basket .content {
  padding: 18px 30px 8px 35px;
  border-left: 1px solid #363F48;
  border-right: 1px solid #3B454E;
}
.basket .content .back {
  height: 20px;
  padding: 74px 0 0;
  background: url(0/images/basket/easy_shopping.gif) no-repeat center;
}
.basket .content h4 {
  color: #FFF;
}
.basket .content .list {
  margin: 5px 0 8px;
  padding: 5px 0;
  border-top: 1px solid #7C838B;
  border-bottom: 1px solid #7C838B;
}
.basket .content .list p {
  color: #CCCFD1;
  line-height: 18px;
}
.basket .button {
  float: right;
}
.basket .bl{
  background: url(0/images/corner/basket/bl.gif) no-repeat;
}
.basket .br{
  background: url(0/images/corner/basket/br.gif) no-repeat;
}


/* ****** */
/* Button */
/* ****** */
a.button {
  float: left;
  color: #CBCED0;
  height: 20px;
  display: block;
  background: url(0/images/bg/button/black/ml.gif) no-repeat top right;
  margin-right: -1px;
  padding-right: 7px;
  text-decoration: none;
}
a.button span {
  display: block;
  padding: 1px 0 4px 6px;
  background: url(0/images/bg/button/black/mr.gif) no-repeat;
  line-height: 15px;
}
a.orange {
  color: #FFF;
  background: url(0/images/bg/button/orange/ml.gif) no-repeat top right;
}
a.orange span {
  padding: 2px 0 3px 6px;
  background: url(0/images/bg/button/orange/mr.gif) no-repeat;
}


/* ****** */
/* Navi */
/* ****** */
.navi {
  clear: both;
  height: 37px;
  list-style: none;
  background: url(0/images/bg/navi/mi.gif);
}
.navi li {
  float: left;
  cursor: pointer;
  padding: 9px 20px 11px;
}
.navi li:hover, .navi li.select {
  background: url(0/images/bg/navi/ma.gif) repeat-x;
}
.navi li a {
  font: bold 14px "Trebuchet MS";
  color: #666;
}
.navi li a:hover {
  text-decoration: none;
}
.navi li:hover a, .navi li.select a {
  color: #FFF;
}
.navi li .snazz_y {
  width: 173px;
  margin: 25px 0 0 -20px;
  z-index: 100;
  padding: 5px 0 0;
  position: absolute;
}
.navi li .snazz_y .y_content {
  padding: 10px 13px;
}
.navi li .snazz_y .y_content a {
  color: #666;
  display: block;
  padding: 7px 10px 5px;
  font-size: 12px;
  border-bottom: 1px solid #DDD;
}
.navi li .snazz_y .y_content a:hover {
  color: #F60;
}
.navi li .snazz_y .y_content .last {
  border: 0;
}
.navi li:hover .snazz_y {
  display: block;
}
.navi li .snazz_y {
  display: none;
}


/* ********* */
/* Suche */
/* ********* */
.search {
  float: right;
  margin: -3px 0 0;
}
.search .simple {
  width: 305px;
  height: 22px;
  padding: 4px 8px 0 26px;
  background: url(0/images/bg/search/ml.gif) #4E5862 left no-repeat;
}
.search .simple h4 {
  float: left;
  color: #FFF;
  line-height: 18px;
}
.search .simple input {
  float: left;
  color: #000;
  width: 128px;
  _width: 120px;
  margin: 0 5px 0 15px;
  border: 1px solid #C3C3C3;
}
.search .simple select {
  float: left;
  margin: 0 5px;
  border: 1px solid #C3C3C3;
}
.search .simple .button {
  float: right;
  margin: 0 5px 0 0;
}
.search .advance {
  margin: 5px 13px 2px;
  cursor: pointer;
  text-align: right;
}
.search #adv_search .snazz_y {
  width: 263px;
  margin: -49px 0 0 76px;
  z-index: 100;
  position: absolute;
}
.search #adv_search .snazz_y .y_content {
  padding: 3px 24px;
  border: 1px solid #4f5962;
  background: #4f5962;
}
.search #adv_search .snazz_y .y_b1, .search #adv_search .snazz_y .y_b2, .search #adv_search .snazz_y .y_b3, .search #adv_search .snazz_y .y_b4 {
  color: #4f5962;
  background: #4f5962;
}
.search #adv_search .snazz_y .y_content .simple_button {
  color: #CBCED0;
  height: 22px;
  line-height: 18px;
  text-align: right;
  cursor: pointer;
  margin: 0 -25px 8px;
  padding: 0 13px 0 0;
  border-bottom: 1px solid #858c92;
}
.search #adv_search .snazz_y .y_content form p {
  color: #CBCED0;
}
.search #adv_search .snazz_y .y_content .input {
  width: 209px;
  height: 17px;
  margin: 7px 0 0;
  padding: 1px 0 0 2px;
  border-top: 1px solid #7c7c7c;
  border-right: 1px solid #c3c3c3;
  border-bottom: 1px solid #dddddd;
  border-left: 1px solid #c3c3c3;
}
.search #adv_search .snazz_y .y_content .select {
  width: 213px;
  height: 16px;
  padding: 0;
}
.search #adv_search .snazz_y .y_content .button {
  float: right;
  margin: 10px 0 0;
}


/* **** */
/* Shop */
/****** */
.shop {
  margin: 0 13px 23px 16px;
}
.shop .newsletter {
  float: left;
  width: 228px;
  margin: 0 28px 0 0;
}
.shop .results {
  float: left;
  width: 415px;
}
.shop .topseller {
  float: left;
  width: 229px;
  margin: 9px 0 0 39px;
}


/* ******* */
/* Subnavi */
/* ******* */
.subnavi {
  width: 150px;
  margin: 0 0 30px 15px;
  border-top: 1px solid #DDD;
}
.subnavi a {
  font: bold 12px "Trebuchet MS";
  color: #666;
  display: block;
  padding: 6px 0 5px;
  border-bottom: 1px solid #DDD;
}
.subnavi a.select {
  color: #F60;
}


/* ********** */
/* Newsletter */
/* ********** */
.newsletter .headline, .newsletter .webform {
  width: 226px;
  margin: 0 0 5px;
  position: relative;
  background: #F2F2F2 url(0/images/corner/shop/bm.gif) bottom repeat-x;
}
.newsletter .headline .content {
  height: 25px;
  padding: 8px 0 0 17px;
  border: 1px solid #E7E6E6;
  border-bottom: 0;
}
.newsletter .webform .content {
  padding: 8px 17px;
  border: 1px solid #E7E6E6;
  border-bottom: 0;
}
.newsletter .webform .content .hilight {
  color: #F60;
  margin: 10px 0 25px;
}
.newsletter .webform img {
  margin-top: -14px;
}
.newsletter .webform form p {
  margin: 0 0 10px;
  line-height: 15px;
}
.newsletter .webform form input {
  float: right;
  color: #000;
  width: 130px;
  background: #EFEFE7;
  border-top: 1px solid #7C7C7C;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #C3C3C3;
}
.newsletter .webform .button {
  float: right;
  margin: 10px 0;
}


/* ******* */
/* Service */
/* ******* */
.newsletter .service {
  margin: 15px 0 0 10px;
  padding: 0 0 13px;
  border-bottom: 1px solid #DDD;
}
.newsletter .service h4 {
  height: 36px;
  padding: 0 0 0 28px;
  line-height: 30px;
  background: url(0/images/bg/service/info.gif) no-repeat;
}
.newsletter .service h2 {
  margin: 3px 0 0;
}


/* ********* */
/* Sonstiges */
/* ********* */
.newsletter .misc {
  margin: 8px 0 0 10px;
  list-style: none;
}
.newsletter .misc small {
  font-size: xx-small;
}
.newsletter .misc li {
  padding: 5px 0 0;
}


/* ********* */
/* Topseller */
/* ********* */
.topseller h4 {
  padding: 0 0 14px 5px;
}
.topseller .entry {
  width: 229px;
  margin: 0 0 18px;
  padding: 0 0 10px;
  position: relative;
  background: #F2F2F2 url(0/images/corner/shop/bm.gif) bottom repeat-x;
}
.topseller .simple {
  height: 93px;
  background: none;
}
.topseller .entry .content {
  border: 1px solid #E7E6E6;
  padding: 9px 5px 0;
  border-bottom: 0;
}
.topseller .entry .simple {
  padding: 0 5px 2px;
  border: 0;
}
.topseller .entry .content img {
  float: left;
  width: 91px;
  height: 91px;
}
.topseller .entry .content .info {
  margin: 0 0 0 99px;
}
.topseller .entry .content .info h4 {
  padding: 0;
}
.topseller .entry .content .info p {
  margin: 4px 0;
}
.topseller .entry .content .info .basket {
  float: right;
  width: 22px;
  height: 22px;
  margin: 8px 0 0;
}
.topseller .entry .content .info .price {
  color: #687179;
  margin: 6px 0;
  padding: 6px 0;
  border-top: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
}


/* ********* */
/* Impressum */
/* ********* */
.imprint {
  padding: 0 0 20px 281px;
}
.imprint, .imprint * {
  color: #C7C7C7;
  line-height: 13px;
}


/* ***** */
/* Ecken */
/* ***** */
.corner {
  width: 8px;
  height: 8px;
  display: block;
  position: absolute;
}
.tl {
  top: 0;
  left: 0;
  background: url(0/images/corner/shop/tl.gif) no-repeat;
}
.tr {
  top: 0;
  right: 0;
  background: url(0/images/corner/shop/tr.gif) no-repeat;
}
.bl {
  left: 0;
  bottom: 0;
  _bottom: -5px;
  background: url(0/images/corner/shop/bl.gif) no-repeat;
}
.br {
  right: 0;
  bottom: 0;
  _bottom: -5px;
  background: url(0/images/corner/shop/br.gif) no-repeat;
}


/* ********* */
/* Sonstiges */
/* ********* */
.clear {
  clear: both;
  height: 0; /* shice ie */
}
.left {
  float: left;
}
.right {
  float: right;
}


/* ****** */
/* Basket */
/******** */
.payment {
  margin: 18px 13px 23px 0px;
}
.payment .info {
  float: left;
  width: 228px;
  margin: 0 28px 0 0;
}
.results .payment  {
  float: left;
  width: 676px;
  
}

/* ******* */
/* Service */
/* ******* */
.payment .info .service {
  margin: 15px 0 0 10px;
  padding: 0 0 13px;
  border-bottom: 1px solid #DDD;
}
.payment .info .service h4 {
  height: 36px;
  padding: 0 0 0 28px;
  line-height: 30px;
  background: url(0/images/bg/service/info.gif) no-repeat;
}
.payment .info .service h2 {
  margin: 3px 0 0;
}
.payment .info .misc {
  margin: 8px 0 0 10px;
  list-style: none;
}
.payment .info .misc small {
  font-size: xx-small;
}
.payment .info .misc li {
  padding: 5px 0 0;
}


/* ************** */
/* Bezahlschritte */
/* ************** */
.results .payment  .steps {
  width: 676px;
  height: 45px;
  position: relative;
}
.results .payment  .steps li {
  float: left;
}
.results .payment  .steps li a, .results .payment  .steps li p {
  height: 45px;
  display: block;
  background: url(0/images/basket/steps_inactive.gif);
}
.results .payment  .steps li a span, .results .payment  .steps li p span {
  display: none;
}
.results .payment  .steps .warenkorb {
  width: 160px;
}
.results .payment  .steps .adresse {
  width: 172px;
  background-position: -160px;
}
.results .payment  .steps .bezahlung {
  width: 172px;
  background-position: -332px;
}
.results .payment  .steps .abschliessen {
  width: 172px;
  background-position: -504px;
}
.results .payment  .steps li .active {
  background-image: url(0/images/basket/steps_active.gif);
}

.results .payment  .steps li p.abschliessen active{
  background-image: url(0/images/basket/steps_active.gif);
}


/* ************ */
/* Ueberschrift */
/* ************ */
.results .payment .headline {
  width: 676px;
  margin: 10px 0 5px;
  position: relative;
  background: #F2F2F2 url(0/images/corner/shop/bm.gif) bottom repeat-x;
}
.results .payment .content {
  height: 25px;
  padding: 8px 0 0;
  border: 1px solid #E7E6E6;
  border-bottom: 0;
}
.results .payment .content h4 {
  color: #747d84;
}
.results .payment  .artikel {
  width: 260px;
  float: left;
  margin: 0 0 0 24px;
  *margin: 0 0 0 12px;
}
.results .payment  .anzahl {
  width: 150px;
  float: left;
}
.results .payment  .preis {
  width: 80px;
  float: left;
}
.results .payment  .mwst {
  width: 80px;
  float: left;
}
.results .payment  .gesamt {
  width: 80px;
  float: left;
}


/* ******* */
/* Artikel */
/* ******* */
.results .payment .line {
  padding: 35px 0 15px;
  border-bottom: 1px solid #dedede;
}
.results .payment .line .artikel {
  margin: -20px 9px 0 15px;
  *margin: -20px 9px 0 8px;
}
.results .payment .line .artikel img {
  float: left;
  width: 56px;
  height: 56px;
}
.results .payment .line .artikel .info {
  width: 175px;
  margin: 3px 0 0 15px;
}
.results .payment .line .artikel .info h4 {
  color: #666;
}
.results .payment .line .artikel .info p {
  margin: 0 0 7px;
}
.results .payment .line .anzahl p {
  float: left;
}
.results .payment .line .anzahl p input {
  color: #767e85;
  width: 30px;
  margin: 0 5px 0 0;
  border-top: 1px solid #7C7C7C;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #C3C3C3;
  text-align: center;
}


/* **************** */
/* Zusammenstellung */
/* **************** */
.results .payment  .shipping {
  margin: 10px 0 0;
}
.results .payment  .shipping .key {
  float: right;
  width: 180px;
}
.results .payment  .shipping .value {
  float: right;
  width: 82px;
}
.results .payment  .shipping .summary {
  margin: 12px 0;
  padding: 12px 0;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.results .payment  .shipping .summary .value {
  font: bold 15px "Trebuchet MS";
}


/* ******************** */
/* Bestellzwischenseite */
/* ******************** */
.results .payment .register {
  padding: 25px 0;
  border-top: 1px solid #dedede;
}
.results .payment .register form {
  margin: 15px 0 0;
}
.results .payment .register form p {
  float: left;
}
.results .payment .register form p.key {
  width: 80px;
  margin: 5px 0;
  *margin: 0;
}
.results .payment .register form p input {
  color: #767e85;
  width: 150px;
  margin: 5px;
  *margin: 0 5px;
  border-top: 1px solid #7C7C7C;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #C3C3C3;
  background: #fefefe;
}
.results .payment .last {
  border-bottom: 1px solid #dedede;
}


/* ******* */
/* Adresse */
/* ******* */
.results .payment  .address {
  padding: 25px 0;
  border-top: 1px solid #dedede;
}
.results .payment  .address div {
  margin: 15px 0 0;
  *margin: 5px 0 0;
}
.results .payment  .address div p {
  float: left;
}
.results .payment  .address p.key {
  width: 150px;
}
.results .payment  .address p input, .results .payment  .address p select, .results .payment  .address p textarea {
  color: #767e85;
  width: 220px;
  margin: 0 5px 0;
  border-top: 1px solid #7C7C7C;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #C3C3C3;
  background: #fefefe;
}
.results .payment  .address p input.fifty {
  width: 106px;
  margin: 0 0 0 5px;
}
.results .payment  .address p input.third {
  width: 66px;
  margin: 0 0 0 5px;
}
.results .payment  .address p input.checkbox {
  width: 15px;
  height: 15px;
}
.results .payment  .address p select {
  width: 220px;
}
.results .payment .address p input.shippingbutton {
  border: 0;
  width: 443px;
  height: 18px;
  cursor: pointer;
	color: #63C6F3;
	text-align: left;
	margin: 0;
	padding: 0;
}
.results .payment  .last {
  margin: 0 0 15px;
  border-bottom: 1px solid #dedede;
}


/* *********** */
/* Zahlungsart */
/* *********** */
.results .payment  .paypal {
  padding: 15px 0;
  border-top: 1px solid #dedede;
}
.results .payment  .paypal p {
  margin: 5px 0 0;
}
.results .payment  .paypal div p {
  float: left;
}
.results .payment  .paypal input.radio {
  margin: 0 5px 0 0;
}
.results .payment  .paypal p.key {
  width: 120px;
  margin: 8px 0 0 20px;
}
.results .payment  .paypal p input.text {
  color: #767e85;
  width: 220px;
  margin: 5px 0 0;
  border-top: 1px solid #7C7C7C;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #C3C3C3;
  background: #fefefe;
}
.results .payment  .paypal .first {
  margin: 10px 0 0;
}
.results .payment .paypal p select  {
  border-top: 1px solid #7C7C7C;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #C3C3C3;
  width: 250px;
  height: 18px;
  cursor: pointer;
  margin: 0px;
	padding:0px;
	color: #767E85;
}


.results .payment  .confirm {
  padding: 20px 0;
  border-top: 1px solid #dedede;
}
.results .payment  .confirm h2 {
  float: left;
}
.results .payment  .line .invoice {
  float: left;
  width: 50%;
  padding: 0 0 15px;
}
.results .payment  .line .target {
  float: left;
  width: 50%;
  padding: 0 0 15px;
}
.results .contact {
  margin: 20px 0 0;
  padding: 0 0 11px;
}
.results .contact h2 {
  border: 0;
}
.results .contact .key {
  float: left;
  width: 90px;
  margin: 5px 0;
}
.results .contact .value {
  float: left;
  width: 313px;
  margin: 5px 0;
}
.results .contact img {
  margin: 0 10px 0 0;
}
.results .contact select {
  width: 60px;
}
.results .contact input.text {
  color: #767e85;
  width: 100%;
  border-top: 1px solid #7C7C7C;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #C3C3C3;
}
.results .contact input.checkbox {
  margin: 2px 0 0;
  vertical-align: top;
}
.results .contact textarea {
  color: #767e85;
  width: 100%;
  height: 150px;
  border-top: 1px solid #7C7C7C;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #C3C3C3;
}
.results ul.my_account {
  margin: 25px 0 0;
}
.results ul.my_account li {
  margin: 5px 0;
}


.basket_history td.colspan {
  padding: 15px 0;
  vertical-align: top;
  border-bottom: 1px solid #E7E6E6;
}
.account_user input {
  color: #767e85;
  width: 280px;
  *width: 278px;
  height: 17px;
  padding: 2px 0 0;
  border-top: 1px solid #7C7C7C;
  border-right: 1px solid #C3C3C3;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #C3C3C3;
}


/* *********** */
/* Fehlerboxen */
/* *********** */
.error_box, .warning_box, .done_box {
  margin: 0 0 20px;
}
.error_box *, .warning_box *, .done_box * {
  background: #FFF;
}
.error_box .y_content, .warning_box .y_content, .done_box .y_content {
  color: #FFF;
  height: 26px;
  padding: 0 0 0 40px;
  line-height: 26px;
  text-transform: uppercase;
}
.error_box .y_b2, .error_box .y_b3, .error_box .y_b4 {
  color: #d90000;
  background: #ff0000;
}
.error_box .y_b1 {
  background: #d90000;
}
.error_box .y_content {
  background: #ff0000 url(0/images/bg/alert/red.gif) 6px 0 no-repeat;
  border-left: 1px solid #d90000;
  border-right: 1px solid #d90000;
}
.warning_box .y_b2, .warning_box .y_b3, .warning_box .y_b4 {
  color: #d96c00;
  background: #ff6600;
}
.warning_box .y_b1 {
  background: #d96c00;
}
.warning_box .y_content {
  background: #ff6600 url(0/images/bg/alert/yellow.gif) 6px 0 no-repeat;
  border-left: 1px solid #d96c00;
  border-right: 1px solid #d96c00;
}
.done_box .y_b2, .done_box .y_b3, .done_box .y_b4 {
  color: #2b8000;
  background: #339900;
}
.done_box .y_b1 {
  background: #2b8000;
}
.done_box .y_content {
  background: #339900 url(0/images/bg/alert/green.gif) 6px 0 no-repeat;
  border-left: 1px solid #2b8000;
  border-right: 1px solid #2b8000;
}