/* basic */
* {
  margin: 0;
  padding: 0;
}
body {
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  width: 85.1em; /* 84.1em + some space for browser :) */
  margin: 0 auto;
  padding-bottom: 2em;
  font-size: 11px;                           
  line-height: 100%;
  font-family: Arial, sans-serif;
  color: #b01c2e;
  background: white;
}
a {
  color: #646464;
  text-decoration: none;
}
a.act,
.act a,
a:hover {
  color: #b01c2e;
}
ul {
  list-style: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 10px;
  line-height: 100%;
  font-weight: normal;
}
table, tr, th, td {
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
}
.hidden {
  display: none;
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
}
.left {
  float: left;
}
.right {
  float: right;
}
/* intro page only */
#intro_background {
  position: absolute;
  top: 0;
  left: -45em;
  margin-left: 50%;
  width: 90em;
  z-index: -1;
  border: 0;
}
/* header */
#header {
  height: 10.4em;
  width: 83.6em;
  font-size: 11px;
}
#logo_image,
#logo_image_loading {
  display: block;
  font-size: 10px;
  width: 20em;
  height: 7em;
  float: right;
  border: 0;
}
#top_icons {
  float: right;
  padding-top: 3.2em;
  padding-right: 3.9em;
}
#top_icons img {
  border: 0;
}
#top_icons a {
  padding-left: .5em;
}
#language_menu {
	float: right; 
	padding-top: 3.1em;
	padding-right: 1em;
}
#language_menu span {
	margin-left: .5em;
	margin-right: .5em;
}
/* main layout */
#main,
#footer {
  clear: both;
}
#main,
#content {
  height: 38em;
  overflow: hidden;
}
#main #context #context_part_bottom #price_box div.bottom #pay {
	float:left;
	width:4em;
	margin-bottom:1.2em;
}
#main #context #context_part_bottom #price_box div.bottom #text {
	float:right;
	width:13.6em;
	letter-spacing:0.45px;
}
#content {
  position: relative;
}
#menu,
#content,
#context,
#footer_left,
#footer_middle,
#footer_right {
  float: left;
}
#menu,
#footer_left {
  /*
  width: 7.7em;
  margin-right: 3.9em;
  */
  width: 11.6em;
  overflow: hidden;
}
#menu .layout-header {
  margin-right: 3.5454em;
}
#footer_left {
  width: 7.7em;
  margin-right: 3.9em;
}
#content,
#footer_middle {
  width: 50em;
  margin-right: 3.9em;
}
#context,
#footer_right {
  width: 18.2em;
}
#footer_left,
#footer_middle,
#footer_right {
  margin-top: .9em;
  padding-top: .5em;
  border-top: 2px solid #b01c2e;
  text-transform: uppercase;
  
}

#menu {
	height:37.8em;
}
#menu #menu_part_bottom {
  position:absolute; bottom:8%;
}
#menu .layout-header,
#context .layout-header {
  padding-bottom: .4em;
  margin-bottom: .9em;
  border-bottom: 2px solid #b01c2e;
}
#menu,
#context {
  text-transform: uppercase;
}
.layout-header {
  font-size: 1.1em;
  height: 1em;
  padding-top: 1.15em;
}
/* menu specific */
#menu ul {
  font-size: 1.1em;
}
#menu a {
  color: #646464;
}
#menu li {
  line-height: 150%;
}
#menu a:hover,
#menu .act a,
#menu a.act {
  color: #b01c2e;
}
/* content specific */
#content .layout-header {
  padding-top: 0;
  font-size: 1em;
  height: 2.5em;
  border-bottom: 2px solid #b01c2e;
  margin-bottom: .9em;
  padding-bottom: .3em;
  text-align: right;
  text-transform: uppercase;
}
#content .layout-header .left {
  padding-top: .1em;
  font-size: 2.4em;
  line-height: 100%;
}
#content .layout-header .right {
  padding-top: 1.2em;
  font-size: 1.1em;
}
#content .right li {
  text-align: right;
}
#content .contents {
  font-size: 1.1em;
}

#content #materials  {
  position: absolute;
  top: 3.55em;
  right: 0;
  text-transform: uppercase;
  text-align: right;
  line-height: 150%;
  z-index:1;
}
#content #materials a {
  color: #646464;
  text-transform: uppercase;
}
#content #materials a:hover,
#content #materials a.act {
  color: #b01c2e;
}

#content #content_part_top{
	height:11.65em;
}


#content #content_part_top_shine{
	height:6em;
}


#content #content_part_bottom {

}


#content .csc-header h1,
#content .csc-header h2,
#content .csc-header h3,
#content .csc-header h4 {
  text-transform: uppercase;
  font-size: 1.1em;
}
#content .contenttable {
  padding: 0;
  margin: 0;
  width: auto;
  /* background: blue; */
}
#content .contenttable ul {
  padding-top: 0;
  margin-top: 0;
}
#content .contenttable li {
  color: black;
  padding-bottom: .5em;
  line-height: 125%;
  text-align: left;  
/*  font-family: "Times New Roman", "Times", serif; */
}
#content .contenttable th {
  text-align: left;
  padding-top: .5em;
  padding-bottom: .5em;
  text-transform: uppercase;
  line-height: 110%;
  font-size: 1.1em;
}
#content .contenttable th,
#content .contenttable td {
  padding-right: 0.9em;
  font-weight: normal;
  width: 50%;
}
#content .contenttable td {
  vertical-align: top;
  /* background: yellow; */
}
#content .contenttable td p {
  padding-top: 1px;
  padding-bottom: 1px;
  text-align: justify;
  line-height: 125%;
  color: black;
/*  font-family: "Times New Roman", "Times", serif; */
}
/* context specific */
#context li,
#context .size_selected {
  line-height: 150%;
  font-size: 1.1em;
}
#context a {
  color: #646464;
}
#context a:hover,
#context .act a,
#context a.act {
  color: #b01c2e;
}
#context .layout-header .left {
  width: 15%;
}
#context .layout-header .right {
  width: 85%;
}
#context #price_box .left,
#context #price_box .right {
  font-size: 2.4em;
  line-height: 150%;
}
#context #context_part_bottom {
  padding-top: 2em;
}
#context .bodytext {
  text-transform: none;
  color: black;
  line-height: 125%;
  text-align: justify;
/*  font-family: "Times New Roman", "Times", serif; */
}

#context #context_part_top {

}


/* footer specific */
#footer_left li.left,
#footer_middle li.left,
#footer_right li.left {
  padding-right: 1em;
}
#footer_middle li.right {
  padding-right: 0;
  padding-left: 1em;
}
#footer_middle ul li {
  display:inline;
}
#footer_right a,
#footer_middle a,
#footer_left a {
  font-size: 1.1em;
}


#footer_middle .price {
  /* text-decoration: underline; */
  border-bottom: 4px double #b01c2e;
  padding-bottom: 1px;
  padding-left: 0;
 
}





a.toggleLink:hover {
  cursor: pointer;
}


/* plugin specific */
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view-img {
  padding-top: 2em;
  padding-bottom: 1em;
}
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view-img img {
  width: 13em;
  padding-bottom: 1em;
  padding-right: 1em;
}
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view .left {
  width: 48%;
  padding-right: 2%;
}
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view .right {
  width: 48%;
  padding-left: 2%;
}
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view-description_label,
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view-occasion_label,
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view-type_label {
  text-transform: uppercase;
  font-size: 1.1em;
}
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view-type,
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view-occasion,
.tx-mhkernshop-pi1 .tx-mhkernshop-fact-view-description {
  color: black;
  line-height: 110%;
  text-align: justify;  
/*  font-family: "Times New Roman", "Times", serif; */
}
.tx-mhkernshop-pi1 .tx-mhkernshop-picture_view img {
  display: block;
  width: 45em;
  margin: 0 auto;
}
.tx-mhkernshop-pi1 .tx-mhkernshop-details-view img {
  display: block;
  width: 45em;
  margin: 0 auto;
}
.tx-mhkernshop-pi1 .tx-mhkernshop-picture_view,
.tx-mhkernshop-pi1 .tx-mhkernshop-details-view {
  padding-bottom: 3.5em;
}
/* csc-textpic */
.csc-textpic .csc-textpic-image img {
  width: 45em;
}

/* hiding the hacks */
#loading_layer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 58em;
  width: 83.6em;
  padding-right: .1em;
  background: white;
  display: none;
}
#loading_anim {
  display: block;
  padding-top: 30em;
  margin: 0 auto;
}
#size_menu_box_switch {
  text-transform: none;
}

/* shopping/warenkorb */
.tx-mhkernshop-pi2,
.tx-mhkernshopordering-pi1,
.tx-newloginbox-pi1,
.tx-srfeuserregister-pi1 {
  line-height: 125%;
}
.tx-mhkernshop-pi2 table {
  width: 100%;
  /* border-bottom: 2px solid #b01c2e; */
  padding-bottom: .5em;
  margin-bottom: .5em;
}
.tx-mhkernshop-pi2 table th {
  text-transform: uppercase;
  padding-bottom: .5em;
}
.tx-mhkernshop-pi2 table th,
.tx-mhkernshop-pi2 table td {
  text-align: center;
  padding-right: 1em;
}
.tx-mhkernshop-pi2 .text input,
.tx-mhkernshop-pi2 input.text,
.tx-mhkernshopordering-pi1 .text input,
.tx-mhkernshopordering-pi1 input.text,
.tx-newloginbox-pi1 #user,
.tx-newloginbox-pi1 #pass,
.tx-newloginbox-pi1 .text,
.tx-srfeuserregister-pi1 #tx-srfeuserregister-pi1-password,
.tx-srfeuserregister-pi1 #tx-srfeuserregister-pi1-password_again,
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1-text {
  border: 0;
  border-bottom: 1px solid #b01c2e;
  background: #eee;
  color: #b01c2e;
  font-family: Arial, sans-serif;
  padding: .1em;
  padding-left: .3em;
  width: 8em;
}
select {
  border: 0;
  width: 8em;
  border-bottom: 1px solid #b01c2e;
  background: #eee;
  color: #b01c2e;
}
.tx-newloginbox-pi1 form {
  padding-top: 1em;
  padding-bottom: 1em;
}
.tx-mhkernshop-pi2 .text input,
.tx-mhkernshop-pi2 input.text {
  width: 3em;
}
.tx-mhkernshop-pi2 .button input,
.tx-mhkernshop-pi2 input.button,
.tx-mhkernshopordering-pi1 .button input,
.tx-mhkernshopordering-pi1 input.button,
.tx-newloginbox-pi1 .button,
.tx-srfeuserregister-pi1-submit {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  display: inline;
  color: #646464;
  text-align: left;
  text-transform: uppercase;
}
.tx-mhkernshop-pi2 .button input:hover,
.tx-mhkernshop-pi2 input.button:hover,
.tx-mhkernshopordering-pi1 .button input:hover,
.tx-mhkernshopordering-pi1 input.button:hover,
.tx-newloginbox-pi1 .button:hover,
.tx-srfeuserregister-pi1-submit:hover {
  color: #b01c2e;
  cursor: pointer;
}
/* ordering only */
.tx-mhkernshopordering-pi1 .left {
  text-align: left;
  width: 48.9%;
  padding-right: 1%;
}
.tx-mhkernshopordering-pi1 .right {
  text-align: left;
  width: 48.9%;
  padding-left: 1%;
}
.tx-mhkernshopordering-pi1 h2,
.tx-mhkernshopordering-pi1 h3,
.tx-newloginbox-pi1 h3,
.tx-srfeuserregister-pi1 h4 {
  font-size: 1.1em;
  text-transform: uppercase;
  padding-bottom: 1em;
  padding-top: .15em;
}
.tx-mhkernshopordering-pi1 h3,
.tx-srfeuserregister-pi1 h4 {
  padding-top: 0;
  padding-bottom: .2em;
}
.tx-mhkernshopordering-pi1 input.radio,
.tx-mhkernshopordering-pi1 input.check {
  float: left;
}
.tx-mhkernshopordering-pi1 label.rightlabel {
  float: left;
  padding-left: 1em;
  width: 25em;
}
.tx-mhkernshopordering-pi1 .left label.rightlabel,
.tx-mhkernshopordering-pi1 .right label.rightlabel {
  float: left;
  padding-left: 1em;
  width: 18em;
}
.tx-mhkernshopordering-pi1 label.leftlabel,
.tx-newloginbox-pi1 label {
  float: left;
  width: 7em;
  padding-right: 1em;
  text-align: right;
  line-height: 1.5em;
  font-weight: normal;
}
.tx-mhkernshopordering-pi1 hr {
  margin: 0;
  padding: 0;
  height: 0;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #b01c2e;
  margin-bottom: .5em;
  margin-top: .5em;
}

.checkerror{
  float:left;
  border:2px solid #b01c2e;
}

.tx-mhkernshopordering-pi1 .error,
.tx-srfeuserregister-pi1-error {
  background: url("/fileadmin/templates/page/img/arrow2.png") no-repeat;
  background-position: 18em;
  padding-right: 20px;
}
#content .tx-srfeuserregister-pi1-error {
  background: url("/fileadmin/templates/page/img/arrow2.png") no-repeat;
  background-position: 11.5em top;
  padding-right: 25px;
  color: #b01c2e;
  font-size: 10px;
  line-height: 100%;
}
.tx-srfeuserregister-pi1 .left {
  float: left;
  width: 22em;
}
.tx-srfeuserregister-pi1 .right {
  float: left;
  width: 22em;
}


/* csc mailform */
.csc-mailform {
  border: none;
}
.csc-mailform div {
  /* width: 100% */
  padding-bottom:0.5em;
  padding-top:0.5em;
}
.csc-mailform div textarea {
  clear: both;
  display:block;
  border: 0;
  border-bottom: 1px solid #b01c2e;
  background: #eee;
  color: #b01c2e;
  font-family: Arial, sans-serif;
  padding: .1em;
  padding-top:0.5em;
  padding-left:.3em;
  margin-top:0.3em;
  width:17.5em;
  height:8em;
}

.csc-mailform div input {
  border: 0;
  border-bottom: 1px solid #b01c2e;
  background: #eee;
  color: #b01c2e;
  font-family: Arial, sans-serif;
  padding: .1em;
  padding-left: .3em;
}
.csc-mailform-field {
	clear: both;
}
.csc-mailform label {
  width: 5em;
  float: left;
  line-height: 1.5em;
}
.csc-mailform .csc-mailform-submit {
  border: 0;
  background: none;
  padding: 0;
  margin: 0;
  display: inline;
  color: #646464;
  text-align: left;
  text-transform: uppercase;
}



/* lighter colors fixes */
/*
#product_menu_box ul li a,
#size_menu_box ul li a,
#materials #material_menu_box ul li a,
#price_box a {
  color: #DADADA;
}

#product_menu_box ul li a:hover,
#size_menu_box ul li a:hover,
#material_menu_box ul li a:hover,
#price_box a:hover {
  color: #b01c2e;
}
*/
#size_menu_box ul li a { /* for better usability */
  display: block;
}



/* View all Products*/
ul#tx-mhkernshop-overview li {
  float:left;
  width:15em;
  height:8em;
}
ul#tx-mhkernshop-overview li a img {
  display:block;
  padding-left:0.5em;
}
ul#tx-mhkernshop-overview li span.name {
 padding-top:0.5em;
 padding-left:0.5em;
 display:block;
}
ul#tx-mhkernshop-overview li span.color {
 padding-left:.5em;
 float:left;
}
ul#tx-mhkernshop-overview li span.price {
 float:right;
 padding-right:1em;
}