body {

/*font-size: small; /*alle conformen Browser*/

font-family: arial;

font-size: 80%;

padding:0;

margin:0;

background-color: #bed4ff; /*helleres Blau*/

}



* {

margin:0;

padding:0;

}



img {

  border: none;

}



#header{

width:940px;

background: url(img/okmusic_logo.gif) top left no-repeat;

text-align:right;

}



#header img {

float:left;

}



#header_background {

width:940px;

background: transparent url(img/header_bg.gif) top left repeat-x;

}



#main_navigation_layer {

float:right;

margin-top: 60px;

}



#main_navigation_layer a {

font-size: 110%;

color: #ffffff;

text-decoration: none;

}



#main_navigation_layer a:hover {

font-size: 110%;

color: #e5eeff;

text-decoration: none;

}



#main_navigation_list {

list-style:none;

float:left;

margin:0;

padding:0;

border-bottom: 5px solid #426dcf; /*dunkles Blau*/

}



#main_navigation_list li a{

display: block;

float:left;

background: url(img/reiter_rechts.gif) top right no-repeat;

padding: 3px 6px 2px 3px;

}



#main_navigation_list li{

display:inline;

float:left;

background: url(img/reiter_links.gif) top left no-repeat;

padding: 0px 0px 0px 3px;

}



#main_navigation_list .active a{

background-image: url(img/reiter_rechts_a.gif);

padding: 3px 6px 2px 6px;

}



#main_navigation_list .active {



background-image: url(img/reiter_links_a.gif);

padding: 0px 0px 0px 3px;

}



#whereami {

font-size: 100%;

color: #426dcf;

text-align: left;

width: 720px;

margin-left: 220px;

padding-top: 10px;

padding-bottom: 10px;

background: transparent url(img/corner_top.gif) top right no-repeat;

clear:both;

}



#doc_body {

margin:0;

width: 940px;

background-color: #ffffff;

}



#footer {

margin:0;

padding-top: 10px;

padding-bottom: 5px;

margin-bottom: 30px;

width: 940px;

background: #ffffff url(img/corner_bottom.gif) bottom right no-repeat;

}



#footer table {

border-top: 1px solid #999999;

width: 585px;

margin-left: 275px;

text-align: left;

padding-top:5px;

}



a, a:link, a:visited, a:active {

color: #426dcf;

text-decoration: none;

}

a:hover {

color: #204495;

}



.login_link { 

  font-weight: bold;

  font-size: 9px;

}



#doc_table {

clear: both;

font-size: 90%;

}

#sub_navigation_tablecell {

width: 210px;

padding: 0px 0px 10px 10px;

vertical-align: top;

}



#content_area_cell {

font-size: 105%;

vertical-align: top;

padding:0;

margin:0;

width: 720px;

}



#content_area_cell h1 {

  font-size: 150%;

  padding-bottom: 10px;

}





.box {

  width:200px;

  background: url("img/box_left.gif") top left repeat-y;

  margin-bottom: 10px;

}



.inner_box {

background: transparent url("img/box_bottom_new.gif") bottom left no-repeat;

padding-bottom: 10px;

}



.inner_box h3{

font-size: 12px;

font-weight: normal;

color: #ffffff;

padding: 4px;

padding-bottom: 6px;

background: transparent url("img/box_head_new.gif") top left no-repeat;

}



.box .box_body {

font-size: 11px;

background-color: #bed4ff;

margin-left: 7px;

padding-left: 3px;

}


.box input {
  width: 180px;
}

.box .image_button input
{
  width:90px;
}


.box_full_size {

  width: 100%;

  margin-top: 30px;

}



.box_full_size h3 {

 color: #426dcf;

 margin: 5px;



}



.box_full_size .box_body {

  margin: 5px;

  padding: 3px;

  background-color: #e5eeff;

}





#button_spaceholder_layer {

float:right;

}



#yellow_button {

position: absolute;

left:775px;

top:140px;

width:230px;

background: url("img/warenkorb.png") top left no-repeat;

}



#yellow_button table {

font-size: 95%;

width:230px;

}



#yellow_button table td h3{

font-size:16px;

font-weight: bold;

color:#426dcf;

}



.category_listing {

margin-left: 7px;

padding: 0px;

padding-left: 3px;

list-style-type: none;

background-color: #bed4ff;

font-size: 11px;

}



li.category_level0 {

  margin-left: 0px;

}



li.category_level1 {

  margin-left: 10px;

}



li.category_level2 {

  padding-left: 20px;

  margin-right: 5px;

  background-color: #e5eeff;

}



li.category_level3 {

  padding-left: 30px;

  margin-right: 5px;

  background-color: #e5eeff;

}



li.category_level4 {

  padding-left: 40px;

  margin-right: 5px;

  background-color: #e5eeff;

}



.main_content h1 {

  font-size: 80%;

}



.main_content {

  font-size: 105%;

}



.errormessage {

display: block;

background-color: #ffcc99;

border: 1px solid #ff0000;

width: 300px;

color: #ff0000;

padding: 10px;

margin: 10px;

}



.also_purchased_product {

  float:left;

  font-size: 90%;

  width: 100px;

  text-align: center;

  background-color: #e5eeff;

}



.also_purchased_product .image {

  width: 100px;

  min-height: 100px;

  height: 100px;

  text-align: center;

}

.also_purchased_product .image a{

  margin-top: auto;

  margin-bottom: auto;

  vertical-align: center;

}





.address_label {

  width: 150px;

  background: #e5eeff;

  font-weight: bold;

  padding: 5px;

  margin: 5px;

}



#checkout_progress {

  width: 100%;

  border-top: 1px solid #426dcf;

  border-bottom: 1px solid #426dcf;

}



#checkout_progress td {

  width: 25%;

  text-align: center;

  color: #426dcf;

  font-weight: bold;

  padding: 3px;

}



#checkout_progress td.active {

  background-color: #426dcf;

  color: #ffffff;

}



.frontpagebox {

  float:left;

  width:275px;

  margin: 5px;

  background: url(img/bluepixel.gif) top right no-repeat;

}



.frontpagebox_head_inner {

  position: relative;

  min-height: 170px;

  height: 170px;

  background: url(img/bluepixel.gif) top left no-repeat;

  

}

.frontpagebox_headline a{

display:block;

background: url(img/reiter_links.gif) top left no-repeat;

color: #ffffff;

padding-left: 5px;

font-weight: bold;

}



.frontpagebox_headline {

font-size: 90%;

font-weight: bold;

background: url(img/reiter_rechts.gif) top right no-repeat;





}



.frontpagebox_inner {

  position: relative;

  font-size:90%;

  padding: 3px;

  /*

  border-left: 1px solid #618AE8;

  border-right: 1px solid #618AE8;

  border-bottom: 1px solid #618AE8;

  */



}



.frontpagebox_inner .image {

text-align: center;

vertical-align: middle;

width:100px;

min-height: 100px;

height: 100px;

float:left;

padding: 4px;

}



.frontpagebox_footer {

  border-left: 1px solid #618AE8;

  border-bottom: 1px solid #618AE8;

  border-top: 1px solid #618AE8;

  color: #666666;

  font-size:95%;

  text-align:center;

  padding-right: 5px;

}



.frontpagebox_head_inner .price {

  position: absolute;

  bottom: 0px;

  right: 0px;

  padding: 3px;

  font-size: 110%;

  color: red;

  font-weight: bold;

  text-align: right;

  float:right;

}



.rechtliches {

  width: 600px;

  margin-left: 200px;

  text-align: center;

}



dd {

  display: inline;

}

dd table, p.payment_description {

margin-left: 60px;

}



dt {

  display:inline;

  padding: 10px;

  margin-bottom: 10px;

}

h2.angebot {
	margin-top: -10px;
	color: #f00;
}