* {
  margin: 0px;
  padding: 0px;
}

#BallonTip {
  border: 3px solid #D10505;
}

#BallonTip p {
  margin: 10px;
  position: relative;
}

.cls {
  height: 0px;
  font-size: 1px;
  clear: both;
}

.button:hover {
  cursor: pointer;
}

body {
  text-align: center;
  font-family: Arial, Verdana, sans serif;
  font-size: 12px;
  background-color: #b4b4b4;
  color: #1d1d1b;
  background-image: url(/layout/masterhair_2010/images/bg_body.jpg);
  background-repeat: repeat-x;
  background-position: top;
}

img {
  border: 0px;
}

hr.Trenner {
  height: 1px;
  border-top: 1px solid #8d8d8d;
  border-bottom: 0px;
  width: 582px;
  margin: 10px 0px 10px -10px;
}

#background {
  text-align: center;
  margin: 0px auto;
  width: 1000px;
  background-image: url(/layout/masterhair_2010/images/bg_page.png);
}

#root {
  text-align: left;
  margin: 0px auto;
  width: 980px;
  background: white;
}

#header {
  width: 980px;
  height: 144px;
  margin-bottom: 10px;
  background-image: url(/layout/masterhair_2010/images/bg_header.jpg);
}

#content {
  width: 980px;
  margin-bottom: 53px;
  overflow-x: hidden;
  overflow-y: auto;
}

#footer {
  width: 980px;
  height: 273px;
  background-image: url(/layout/masterhair_2010/images/bg_footer.jpg);
  background-repeat: repeat-x;
  color: #000000;
}

#header .top {
  height: 20px;
  width: 980px;
  margin-bottom: 2px;
}

#header .top .red {
  float: left;
}

#header .top .mininav {
  float: right;
  margin-right: 10px;
  line-height: 20px;
}

#header .middle {
  height: 61px;
  width: 980px;
  margin-bottom: 2px;
}

#header .middle img {
  margin: 11px 0px 0px 10px;
  float: left;
}

#header .middle .suche {
  float: right;
  margin: 13px 0px 0px 0px;
  background-image: url(/layout/masterhair_2010/images/bg_suche.png);
  width: 440px;
  height: 38px;
}

#header .middle .suche input[type=text] {
  float: left;
  margin: 5px 0px 0px 95px;
  width: 255px;
  height: 19px;
  padding: 3px 0px 0px 5px;
}

#header .middle .suche input[type=image] {
  float: right;
  margin: 5px 10px 0px 2px;
}

#searchresult {
  background: white;
  border: 1px solid #d10505;
  margin: 32px 0px 0px 95px;
  width: 345px;
}

#searchresult .searchresult {
  height: 20px;
  line-height: 20px;
  margin: 12px 0px 0px 5px;
  float: left;
  width: 300px;
  overflow: hidden;
}

#searchresult .searchimage {
  height: 30px;
  width: 30px;
  float: left;
}

#header .menu1 {
  height: 30px;
  width: 980px;
  float: left;
}

#header .menu1 .social {
  float: right;
  margin: 8px 10px 0px 0px;
}

#header .menu1 .social img {
  margin: 0px 3px 0px 0px;
  float: left;
}

#header .menu2 {
  height: 28px;
  width: 980px;
  float: left;
}

#header .menu2 img {
  float:right;
  margin-top: 1px;
}

#content #left {
  float: left;
  width: 199px;
  margin: 0px 5px 0px 10px;
}

#content #middle {
  float: left;
  width: 582px;
  margin: 0px 3px;
  overflow: hidden;
  
}

#content #right {
  float: left;
  width: 161px;
  margin: 0px 0px 0px 5px;
  overflow: hidden;
}

#left .box {
  margin: 10px 0px 0px 0px;
  width: 199px;
  background-image: url(/layout/masterhair_2010/images/box_left_middle.jpg);
  background-repeat: repeat-y;
}

#left .box .top {
  width: 199px;
  height: 5px;
  background-image: url(/layout/masterhair_2010/images/box_left_top.jpg);
}

#left .box .middle {
}

#left .box .middle select {
  margin: 5px 10px;
  width: 179px;
}

#left .box .middle form {
  margin: 5px 20px;
}

#left .box .middle input {
  margin: 5px 0px;
}

#left .box .middle input[type=text] {
  margin: 5px 0px;
  width: 150px;
}

#left .box .middle #boxSuchbegriffes {
  width: 179px;
  margin: 10px;
}

#left .box .bottom {
  width: 199px;
  height: 5px;
  background-image: url(/layout/masterhair_2010/images/box_left_bottom.jpg);
}
.ArtBoxNew {
    border: 1px solid #b6b6b6; padding: 1px; min-height: 260px;
}

#left img {
  margin: 10px 0px 0px 0px;
}

#middle #BreadCrumb {
  width: 582px;
  color: #8d8d8d;
  height: 20px;
  font-size: 11px;
}

#middle .box {
  width: 582px;
  background-image: url(/layout/masterhair_2010/images/box_middle_middle.jpg);
  background-repeat: repeat-y;
  margin-bottom: 10px;
}

#middle .box .top {
  width: 582px;
  height: 36px;
  background-image: url(/layout/masterhair_2010/images/box_middle_top.jpg);
}

#middle .box .top_red {
  width: 582px;
  height: 35px;
  background-image: url(/layout/masterhair_2010/images/box_middle_top_red.jpg);
}

#middle .box .top_small {
  width: 582px;
  height: 5px;
  background-image: url(/layout/masterhair_2010/images/box_middle_top_small.jpg);
}

#middle .box .middle img.image {
  margin: 10px 20px;
}

#middle .box .middle table.Versand {
  width: 562px;
  margin: 10px;
}

#middle .box .bottom {
  width: 582px;
  height: 5px;
  background-image: url(/layout/masterhair_2010/images/box_middle_bottom.jpg);
}

#middle .box .NewArticleRow {
  width: 580px;
  height: 265px;
  margin: 7px;
  overflow: auto;
}

.NewArticleRow .Article,
.NewArticleRow .Article .ArtName,
.NewArticleRow .Article .ArtPrice_red {
  float: left;
  width: 135px;
  margin: 0px 2px 0px 2px;
  text-align: center;
}

.ArtPrice_red {
  font-weight: bold;
  font-size: 14px;
  color: #D10505;
}

.NewArticleRow .Article img {
  height: 100px;
  margin: 5px 0px 10px 0px;
}

.NewArticleRow .Article .ArtName {
min-height: 118px;
}

.NewArticleRow .Article .ArtPrice_red,
.TopArticle .Article .ArtPrice_red,
.CatArticle .Price,
.CatArticle .ArtPrice_red {
  font-size: 15px;
  font-weight: bold;
  color: #d10505;
}

.NewArticleRow .Article:hover,
.TopArticle .Article:hover {
  cursor: pointer;
}

.TopArticle .Article {
  margin: 5px 0px 5px 0px;
}

.CatImg {
  width: 271px;
  height: 86px;
  background-image: url(/layout/masterhair_2010/images/bg_img_list_cat.jpg);
  margin: 10px;
  float: left;
}

.CatImg img {
  float: left;
  margin: 20px 10px 0px 10px;
  width: 125px;
}

.CatImg h1 {
  font-size: 13px;
  font-weight: bold;
  float: left;
  width: 115px;
  margin: 30px 0px 0px 0px;
  text-decoration: underline;
}

.CatArticleRow {
  width: 582px;
}

.CatArticle {
    border: 1px solid #CECECE;
    float: left;
    height: 285px;
    margin: 10px 16px;
    padding: 5px;
    text-align: center;
    width: 150px;

}

.CatArticle .serie {
  color: #8d8d8d;
  width: 150px;
}

.CatArticle .ArtName {
  width: 150px;
  max-height: 100px;
}

.CatArticle .ArtPrice {
  width: 150px;
  font-size: 17px;
}

.CatArticle div.UVP {
  width: 150px;
  color: #8d8d8d;
}

.CatArticle div.UVP span.UVP {
  text-decoration: line-through;
}

.SearchResultArticle {
  width: 552px;
  margin: 10px 15px;
  border-bottom: 1px solid #8d8d8d;
  overflow: auto;
}

.SearchResultArticle .article_order_form {
  float: right;
  width: 390px;
}

.SearchResultArticle img {
  float: left;
  margin: 10px 20px 10px 10px;
}

.SearchResultArticle .ArtName {
  font-size: 14px;
  color: #D10505;
  width: 390px;
  margin: 0px 0px 15px 0px;
}

.SearchResultArticle div.UVP {
  font-size: 12px;
  color: #3f3f3f;
  width: 390px;
}

.SearchResultArticle div.UVP span.UVP {
  text-decoration: line-through;
}

.SearchResultArticle .ArtPrice_red {
  color: #D10505;
  font-size: 17px;
  width: 390px;
  margin: 0px 0px 10px 0px;
}

.SearchResultArticle .ArticleAttrTable {
  width: 390px !important;
  margin: 0px 0px 10px 0px !important;
}

.SearchResultArticle .Availability {
  color: white;
  background-image: url(/layout/masterhair_2010/images/bg_availability.jpg);
  width: 180px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 11px;
  margin: 0px 0px 10px 0px;
}

.SearchResultArticle .Anzahl {
  float: left;
  width: 200px;
  height: 29px;
  line-height: 29px;
}

.SearchResultArticle .ToCart {
  float: right;
}

.SingleArticle .middle {
  width: 560px;
  margin: 0px 10px;
}

.SingleArticle h1 {
  font-size: 15px;
  margin: 0px 0px 5px 10px;
}

.SingleArticle .ArtNr {
  color: #8d8d8d;
  font-size: 12px;
  float: left;
  margin: 0px 0px 0px 10px;
}

.ArtDetail {
  margin: 10px 0px 10px 0px;
  overflow: auto;
}

.ArtDetail .left {
  width: 200px;
  margin: 0px 20px 0px 0px;
  float: left;
}

.ArtDetail .left .Buttons {
  text-align: center;
  width: 200px;
}

.ArtDetail .right {
  float: left;
  width: 327px;
}

.ArtDetail .right .section {
  width: 327px;
  border-bottom: 1px solid #8d8d8d;
  margin: 0px 0px 10px 0px;
}

.ArtDetail .right .section div {
  float: left;
  width: 200px;
  font-size: 13px;
  color: #3f3f3f;
  margin: 0px 0px 10px 0px;
}

.ArtDetail .right .section div strong {
  font-weight: bold;
  font-size: 15px;
  color: #1a171b;
}

.ArtDetail .right .section img {
  float: right;
}

.ArtDetail .ArtPrice {
  font-size: 15px;
  font-weight: bold;
}

.ArtDetail .Hint {
  font-size: 12px;
  color: #3f3f3f !important;
}

.ArtDetail .Hint a {
  font-size: 12px;
  color: #3f3f3f !important;
}

.ArtDetail .right .section .Availability {
  color: white;
  background-image: url(/layout/masterhair_2010/images/bg_availability.jpg);
  width: 180px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  font-size: 11px;
  margin: 10px 0px 0px 0px;
}

.ArtDetail .right .section .ActionImg {
  float: right;
  margin: 0px;
  height: 100px;
  width: 100px;
}

.ArtDetail .section .ArticleAttrTable {
  width: 327px !important;
  margin: 0px 0px 10px 0px !important;
}

.ArticleAttrTd_1 {
  text-align: right;
}

.ArtDetail .right .section input[type=image] {
  float: right;
  margin: 0px 0px 10px 0px;
}

.ArtDetail .right .section .Anzahl {
  width: 120px;
  margin: 0px 0px 0px 25px;
  line-height: 38px;
  float: left;
}

#b_comment {
  width: 327px;
  line-height: 20px;
  height: 25px;
  font-size: 13px;
  color: #3f3f3f;
}

.AddOns .button {
  width: 327px;
  line-height: 20px;
  height: 25px;
  text-decoration: underline;
  font-size: 13px;
  color: #3f3f3f;
}

.AddOns div img {
  float: left;
  cursor: pointer;
  margin: 0px 5px 5px 0px;
}

#div_we {
  width: 327px;
  line-height: 23px;
}

#div_we input[type=text] {
  float: right;
}

#div_we .Buttons {
  width: 327px;
  text-align: center;
}

#div_we .Buttons input {
  margin: 5px;
}

.ArtDescription h2,
.Meinungen h2 {
  font-size: 14px;
  color: #1a171b;
}

.Meinungen h3,
#comment h3 {
  margin: 0px;
  font-size: 13px;
  color: #3f3f3f;
}

.commentdiv {
  margin: 10px 10px 10px 10px;
}

.commentdiv input,
.commentdiv textarea {
  width: 540px;
  border: 1px solid #8d8d8d;
  line-height: 16px;
  font-size: 13px;
  color: #3f3f3f;
}

#commentshowdiv {
  width: 562px;
  margin: 10px;
}

#page_zettel {
  width: 562px;
  margin: 10px;
}

.dBoxMiddleContentLeft {
  float: left;
}

.dBoxMiddleContentRight {
  float: left;
}

#right .cart {
  background-image: url(/layout/masterhair_2010/images/bg_cart.jpg);
  width: 161px;
  height: 38px;
  margin-bottom: 10px;
  color: white;
}

#right .cart:hover {
  cursor: pointer;
}

#right .cart .content {
  float: left;
  margin: 8px 10px 0px 43px;
}

#right .cart .content .num_articles {
  font-size: 10px;
}

#right .box,
#right .box_corner,
#right .box_kasten {
  width: 161px;
  background-image: url(/layout/masterhair_2010/images/box_right_middle.jpg);
  background-repeat: repeat-y;
  margin-bottom: 10px;
  overflow: hidden;
}

#right .box_corner #bBewertungen {
  width: 141px;
  margin: 5px 10px;
}

#bBewertungen .stdFont {
}

#bBewertungen .stdFont span {
  font-size: 9px;
}

#bBewertungen .stdFont a {
  float: right;
  color: #d10505;
  margin: 10px 0px 5px 0px;
}

#right .box_corner {
  border-bottom: 1px solid #cacaca;
}

#right .box .middle,
#right .box_corner .middle,
#right .box_kasten .middle {
  width: 161px;
  overflow: hidden;
}

#right .box_corner .top {
  width: 161px;
  height: 13px;
  background-image: url(/layout/masterhair_2010/images/box_right_top.jpg);
}

#right .box .top_red {
  width: 161px;
  height: 34px;
  background-image: url(/layout/masterhair_2010/images/box_right_top_red.jpg);
}

#right .box .bottom {
  width: 161px;
  height: 5px;
  background-image: url(/layout/masterhair_2010/images/box_right_bottom.jpg);
}

#right .box_kasten {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  overflow: hidden;
}

#right .box_kasten img {
  margin: 0px;
}

.LastComment {
  font-size: 10px;
  font-weight: normal;
  color: #3f3f3f;
  margin: 5px 0px;
  padding: 5px;
  border: 1px solid #3f3f3f;
}

.stern {
  background-image: url(/images/stern.gif);
  float: left;
  height: 14px;
  width: 14px;
}

.stern_active {
  background-image: url(/images/stern_full.gif);
  float: left;
  height: 14px;
  width: 14px;
}

.TopArticle {
  width: 161px;
  border-top: 1px solid #cacaca;
  overflow: auto;
}

.TopArticle .Article img {
  float: left;
  margin: 5px 0px 5px 3px;
}

.TopArticle .Article .ArtName,
.TopArticle .Article .ArtPrice_red {
  width: 99px;
  margin: 3px 0px 3px 0px;
  float: right;
}

.footer1 {
  width: 320px;
  height: 180px;
  margin: 10px 0px 0px 25px;
  background-image: url(/layout/masterhair_2010/images/gfx_vert_separator.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  float: left;
}

#footer h4 {
  margin: 15px 0px 20px 0px;
  font-weight: normal;
  font-size: 13px;
}

.footer1 ul {
  width: 150px;
}

#footer ul {
  float: left;
}

#footer ul li a {
  font-weight: bold;
  line-height: 20px;
}

.footer2 {
  width: 285px;
  height: 180px;
  margin: 10px 0px 0px 25px;
  background-image: url(/layout/masterhair_2010/images/gfx_vert_separator.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  float: left;
}

.footer3 {
  height: 180px;
  margin: 10px 0px 0px 25px;
  float: left;
}

.footer2 ul,
.footer3 ul {
  width: 110px;
}

#footer img {
  margin: 20px 0px 0px 25px;
}

#footer span {
  color: #CACACA;
  margin: 5px 0px 0px 25px;
}

.small {
  color: #000000;
  margin: 0px 0px 0px 10px;
}

h1 {
  color: #000000;
}

h2 {
}

h3 {
  margin: 5px 10px;
  
  
}

h4 {
}

h5 {
}

h6 {
}

p {
  margin-top: 5px;
  margin-bottom: 5px;
}

ul {
  list-style-type: none;
}

li {
}

a,
a:hover,
a:active,
a:visited {
  text-decoration: none;
  color: inherit;
  font-weight: inherit;
}

.red {
  color: #d10505;
}

.grey {
  color: #8d8d8d;
}

.center {
  text-align: center;
}

#header .top .red {
  font-size: 15px;
  line-height: 20px;
  margin-left: 10px;
}

#header .top .mininav a,
#header .top .mininav a:hover,
#header .top .mininav a:active,
#header .top .mininav a:visited {
  text-decoration: underline !important;
}

#header .middle .suche input[type=text] {
  font-size: 14px;
  font-weight: bold;
  font-family:Arial,Verdana,sans serif;
}

#header .menu1 ul li {
  display: block;
  float: left;
  height: 30px;
  margin-top: 1px;
  line-height: 30px;
  font-size: 15px;
  font-weight: bold;
  color: #1d1d1b;
  padding: 0px 10px;
}

#header .menu1 ul li.active {
  background-image: url(/layout/masterhair_2010/images/bg_nav_top_active.jpg);
  color: white;
}

#header .menu1 .social a,
#header .menu1 .social a:hover,
#header .menu1 .social a:active,
#header .menu1 .social a:visited {
  text-decoration: underline;
  line-height: 17px;
  font-weight: bold;
}



#header .menu2 ul li {
  display: block;
  float: left;
  height: 27px;
  margin-top: 2px;
  line-height: 27px;
  font-size: 13px;
  font-weight: bold;
  color: white;
  padding: 0px 5px 0px 10px;
}

ul.left_menu {
  background: #d10505;
  padding: 5px 0px;
}

ul.left_menu li.level1 a {
  margin: 5px 10px;
  color: white;
  line-height: 20px;
}

ul.left_menu li.level1 a:hover {
  margin: 5px 10px;
  color: white;
  line-height: 20px;
  font-weight: bold;
  
}

ul.left_menu li.level1 a:active {
  margin: 5px 10px;
  color: white;
  line-height: 20px;
  font-weight: bold;
  
}

ul.left_menu .level2_sub {
  display: none;
  visibility: hidden;
}

#left .box .middle h3 {
  margin: 5px 10px 7px 10px;
}

#middle .box .top h1 {
  font-size: 15px;
  margin: 0px 10px;
  line-height: 35px;
}

#middle .box .top_red h1 {
  font-size: 15px;
  margin: 0px 10px;
  line-height: 35px;
  color: white;
}
#middle .box .middle h3 {
  font-size: 13px;
}

#middle .box .middle p {
  margin: 5px 10px;
}

#middle .box .middle p {
  text-align: justify;
}

#right .box_corner h3 {
  margin: 0px 10px 5px 10px;
}

#right .box h3 {
}

#right .box .top_red h3 {
  color: white;
  line-height: 34px;
  margin: 0px 10px;
}

.formtable {
  width: 562px;
  margin: 10px;
}

.formtable td {
  vertical-align: middle;
  height: 23px;
}

ul.dot {
  list-style-type: disc;
  margin: 10px 0px 10px 20px;
}

.comment .cbox {
  border: 1px solid #CCCCCC;

}