body {
	background-color: #e2e3e5;
	padding-top: 20px;
	text-align: center;
}

#container {
  margin: 0 auto;
  width: 990px;
  height: 685px;
  background: url('../img/bg_container.gif') 25px 44px no-repeat;
  text-align: left;
}

#header {
  margin: 0;
  padding: 0;
  height: 80px;
}

#header #header_left {
  float: left;
  padding-left: 26px;
  padding-top: 10px;
}

#header #header_left span {
  float: left;
  width: 132px;
  height: 30px;
  background: url('../img/bg_mainnav2.gif') no-repeat top left;
}

#header #header_right {
  float: right;
  padding-right: 30px;
}

#container_inner {
  width: 100%;
  height: 100%;
  background: url('../img/bg_container_1.gif') 25px 44px no-repeat;
}

#container_lines {
  width: 100%;
  height: 100%;
  background: url('../img/bg_container_lines.gif') 25px 44px no-repeat;
}

#content {
  width: 100%;
  height: 550px;
  background: #fff url('../img/bg_content_lower.gif') 0px 370px repeat-x;
}

#content #content_inner {
  padding: 10px;
}

#content #content_inner #upper {
  height: 360px;
}

#navi {
  float: left;
  width: 200px;
}

#navi ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
}

#navi ul li {
  margin: 0;
  padding: 2px 0;
}

#navi ul.e1 li span { 
  margin-right: 8px;
  font-size: 13px;
  font-weight: bold;
}

#navi a {
  color: #000;
  text-decoration: none;
}

#navi ul.e1 li.active ul.e2 li a {
  color: #000;
  text-decoration: none;
}

#navi ul.e1 li ul.e2 {
  margin-left: 25px;
} 

#navi ul.e1 li ul.e2 li {
  padding: 0;
}

#content #content_inner #upper #middle {
  float: left;
  width: 530px;
  padding-top: 40px;
} 

#content #content_inner #upper #right {
  float: left;
  width: 200px;
  height: 300px;
  overflow: auto;
  margin-top: 40px;
}

#content #content_inner #lower {
  padding: 0 220px;
}

#footer {
  clear: both;
  margin: 0 auto;
  width: 990px;
  height: 40px;
  text-align: left;
}

#footer #footer_left {
  float: left;
  padding-left: 30px;
}

#footer #footer_right {
  float: right;
  padding-right: 30px;
}

#footer #footer_right #metanav {
  list-style-type: none;
  text-transform: uppercase;
  font-size: 10px;
}

#footer #footer_right #metanav li {
  float: left;
  margin-left: 10px;
}

#footer #footer_right #metanav li a {
  color: #aaa;
  text-decoration: none;
}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

.subcolumns {
  clear: both;
	width: 970px;
	padding: 0 1px 0 1px;
	margin: 0 -1px 0 -1px;
	overflow:hidden;
}

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: visible;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: visible;}

.c25l, .c25r { width: 24.999%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66.666%; }

.subc  { padding: 0 5px 0 5px; overflow: visible; }
.subcl { padding: 0 10px 0 0; overflow: visible; }
.subcr { padding: 0 0 0 10px; overflow: visible; }

/* ######################################################################################################
** ### Common       #####################################################################################
** ######################################################################################################
*/

.hidden {
  display: none;
}

.clear {
  clear: both;
}

/* additional styles for collection */

#theDesignCarousel {
	position: relative;
	top: 4px;
	overflow: hidden;
	width: 100%;
	height: 82px;
	margin: 0;
}

#theDesignCarousel ul li {
  float: left;
  border:1px solid #FFFFFF;
  height:80px;
  margin:0 5px;
  width:80px;
}

/* hack für IE6 */
* html #theDesignCarousel ul li {
    margin: 0 4px;
}

#prod_cats {
  margin: 15px 0 0 0;
  padding: 0;
}
#prod_cats ul {
  margin-left: 292px;
	list-style: none;
}
#prod_cats ul li {
	display: block;
	float: left;
	margin: 0 5px;
	padding: 0;
	border: none;
}
#prod_cats ul li a {
  display: block;
  margin: 0;
  padding: 0;
}
#prod_cats ul li a img {
  margin: 0;
  padding: 0;
}

#prod_desc,
#noscriptwarning {
  position: absolute;
  top: 120px;
  left: 50%;
  width: 270px;
  height: 40px;
  margin-left: -135px;
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}

#prod_desc p {
  padding: 5px;
}

#prod_links {
  position: absolute;
  top: 125px;
  left: 50%;
  margin-left: 130px;
}

#prod_links li {
  list-style-type: none;
  text-transform: uppercase;
}

#prod_links li a {
  text-decoration: none;
  color: #000;
}

#prod_single {
  position: absolute;
  top: 180px;
  left: 50%;
  margin-left: -135px;
  z-index: 999;
  background: url('../img/bg_koll_img.jpg') no-repeat top left;
  width: 275px;
  height: 275px;
}

#prod_single img {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#prod_more {
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: 280px;
  width: 180px;
  height: 340px;
  overflow: hidden;
  font-size:0.9em;
}

#copyright {
/*  position: absolute;
  top: 522px;
  left: 50%;
  margin-left: 164px;
  width: 310px;
  background-color: #63605e;
  font-size:0.85em;
  text-align: right; */
  display: none;
}

#prod_more p,
#prod_more ul li {
  clear: left;
  width: 145px;
  height: 60px;
  margin: 0 5px 0 0;
}

#prod_more p img,
#prod_more ul li img {
  float: left;
  margin: 0 5px 0 0;
}


ul.csc-menu-1 {
  list-style-type: none;
}
ul.csc-menu-1 li {
  text-transform: uppercase;
}
ul.csc-menu-1 li a {
  text-decoration: none;
  color: #000;
}

.vertreter {
  background: url('../img/bg_vertreter.gif') no-repeat top left;
  width: 430px;
  height: 260px;
  margin-left: 60px;
  padding: 20px;
}

.tx-felogin-pi1 form {
  margin-top: 10px;
}
.tx-felogin-pi1 .floatleft {
  float: left;
  margin-right: 10px;
}
.tx-felogin-pi1 label {
  float: left;
  width: 100px;
}
.tx-felogin-pi1 .submit {
  margin: 25px 0 0 0;
}

.tx-sremailsubscribe-pi1 {
  position: relative;
  padding-top: 5px;
}

.tx-sremailsubscribe-pi1 dt {
  clear: both; 
  float:left;
  width: 70px;
}

.tx-sremailsubscribe-pi1 dt,
.tx-sremailsubscribe-pi1 dd {
  margin-bottom: 5px;
}

input.tx-sremailsubscribe-pi1-text {
  width: 210px;
}

input.tx-sremailsubscribe-pi1-submit {
  float: right;
  margin: -30px 0 0 5px;
  padding: 0 5px;
  background-color: #b2b2b2;
  border: 1px solid #fff;
  color: #fff;
}

.tx-sremailsubscribe-pi1-error {
  color: #ff0000;
  width: 200px;
}

.tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-error-firstname,
.tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-error-lastname,
.tx-sremailsubscribe-pi1 .tx-sremailsubscribe-pi1-error-email {
  position: absolute;
  left: 290px;
  margin-top: -15px;
}

.tx_tipafriend_formfield {
  clear: both;
  margin-bottom: 5px;
}

.tx_tipafriend_formfield label {
  float: left;
  width: 150px;
}

#tx_tipafriend_button {
  margin-left: 150px;
  padding: 0 5px;
  background-color: #b2b2b2;
  border: 1px solid #fff;
  color: #fff;
}

#mailform {
  margin-top: -40px;
}

.csc-mailform label {
  width: 100px;
  float: left;
}

.csc-mailform-field {
  margin: 5px 0; 
}

#felogin_error,
.tx_tipafriend_error_box {
  color: #ff0000;
}
