@import "navi.css";
@import "rightnav.css";

html,body,td {
	margin: 0px;
	padding: 0px;
  font-size: 12px;
  font-weight: normal; 
  font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	color: #333333;
}

p {
	margin: 10px 0 10px 0;
	padding: 0px;
  font-size: 12px;
  font-weight: normal; 
  font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}


h1 {
	font-size: 14px;
	color: #676767;
}
h2 {
	font-size: 13px;
	color: #676767;
}

#product_news h2, #product_news p {
	padding-left: 10px;
	padding-right: 23px;
}



h3 {
	font-size: 11px;
}

h4 {
	font-size: 11px;
}


#header {
	width: 901px;
	height: 120px;
}

/* --------------------- */
/* HEADER	             */

#subnavi {
	/*width: 560px;*/
	height: 30px;
	padding-left: 27px;
}

#subnavi ul {
	padding-top: 0.8em;
	padding-right: 0.8em;
	padding-bottom: 0.8em;
	padding-left: 40px;
	margin: 0;
	float: left;
}

#subnavi ul li {
	list-style: none;
	display: inline;
	margin: 0;
	padding: 0;
	padding: 0.2em ;
	color: #a3a3a3;
}

#subnavi ul li a {
	text-decoration: none; 
	color: #a3a3a3;
}

* html #subnavi ul a {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
}

#login, #logout {
	background-color: #01A453;
	float: left;
	color: #FFF;
	padding: 0.8em 0.8em 1.6em 6px;
	cursor:pointer;
}

#logout a {
	color: #FFF;
	text-decoration: none; 
}

#subnavi span {
	margin-left: 150px;
	color: #a3a3a3;
}

#subnavi input {
	margin: 3px 0 0 5px;
	
}

#subnavi img {
	position: relative;
	top: 4px;
}

#logo {
	position: absolute;
	top: 13px;
	left: 776px;
}

/* --------------------- */
/* HAUPTNAVIGATION       */

#navigation {
	padding-left: 50px;
	width: 507px;
	height: 24px;
	background: #F1F1F1 url(images/dreipunkte.gif) no-repeat;
}

#breadcrumb {
	width: 843px;
	height: 14px;
	color: #FFF;
	background-color: #EC1A23;
	padding-left: 14px;
	margin-left: 43px;
}

* html #breadcrumb {
	width: 857px;
}

* html #breadcrumb {
	height: 12px;
}

#breadcrumb a {
	text-decoration: none; 
	color: #fff;
}

#breadcrumb a.hover {
	text-decoration: underline; 
	color: #fff;
}

/* --------------------- */
/* PRODUKTÜBERSICHT      */

#products_table {
	margin: 10px 0 0 0px;
	width: 636px;
	min-height: 530px;
	float: left;
}

.product_heading {
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	background-color: #F1F1F1;
	color:#676767;
	height: 48px;
	vertical-align: bottom;
	padding-bottom: 10px;
	border-bottom: 1px solid #FFF;
}

.product_heading span {
	background-color: #FFF;
	padding-left: 28px;
}

.headline {
	color: #323295;
	font-size: 14px;
	padding-left: 4px;
	height: 29px;
	font-style: normal;
	font-weight: bold;
/*	background-color: #F1F1F1;*/
}

.headline a  {
	color: #323295;
	text-decoration: none; 
}

.headline a.hover  {
	text-decoration: underline; 
}

.short_desc {
	background-color: #F1F1F1;
}

.hek {
	color: #EC1A23;
	background-color: #F1F1F1;
	font-weight: bold;
}

.uvp {
	background-color: #F1F1F1;
	font-weight: bold;
}

.beschreibung th {
	text-align: left;
	font-style: italic;
	padding: 7px 7px 7px 0;
}


.detail {
	padding-right: 60px;
}

.ampel {
	padding-left: 540px;
}

.lstatus {
	float: left;
	margin: 0 10px 0 0;
	height: 10px;
	position: relative;
	bottom: 2px;
}

.selected {
	background-image: url(images/dot.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.dark_grey, .grey, .red, .yellow, .green, .blue {
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 8px;
}

* html .dark_grey, * html .grey, * html .red, * html .yellow, * html .green, * html .blue{
	width: 13px;
}

.dark_grey {
	background-color: #8e8e8e;
}

.grey {
	background-color: #CCCCCC;
}

.red {
	background-color: #EC1A23;
}

.yellow {
	background-color: #323296;
}

.green {
	background-color: #01A453;
}

.blue {
	background-color: #323296;
}


/* --------------------- */
/* NEWS		 	         */

#news_content {
	width: 549px;
	min-height: 469px;
	/*background-color: #F1F1F1;*/
	padding: 20px 0 7px 0;
	float: left;
}

#moved {
	margin: 9px 0px 0px 44px;
	width: 857px;
	min-height: 525px;
}

.content_header {
	font-size: 16px;
	color:#323296;
	background-color: #FFF;
	width: 520px;
	height: 17px;
	padding: 2px 15px 2px 0px;
	margin-bottom: 17px;
	font-weight:bold;
}

#content_header_red {
	color:#ec1a23;
	border-bottom: 3px solid #CCCCCC;
}

.news {
	width: 520px;
	min-height: 94px;
	margin: 0 0 0 0px;
	background-color: #FFF;
	border-bottom: 3px solid #CCCCCC;
	padding: 5px 0px;
	padding-right: 15px;
}

.news h3 {
	font-size: 14px;
	color: #323295;
	font-style: normal;
	margin: 5px 0 12px 0;
}

.news p {
	/*font-style: italic;*/
}

.date {
	margin-right: 345px;
	font-style: italic;
	font-weight: bold;
}

.news .date {
	font-style: normal;
}

.more {
	/*font-style: italic;*/
	font-weight: bold;
}

a.more, .carousel a {
  text-decoration: none;
	color:#333333;
}

a.more:hover, .carousel a:hover {
  text-decoration: underline;
	color:#333333;
}

.carou a {
  text-decoration: none;
	color:#333333;
	font-weight: bold;
}

.carou a:hover {
  text-decoration: underline;
	color:#333333;
	font-weight: bold;
}

#aktionen {
	width: 289px;
	min-height: 374px;
	border-left: 1px solid #FFF;
	background-color: #F1F1F1;
	float: left;
	padding: 0;
	margin-left: 17px;
}

.car, .carousel {
	margin: 5px 0 0 10px;
	float: left;
	width: 245px;
}

.carousel p {
	padding: 0;
	margin: 0 0 0 0;
}

.carousel span {
	color: #676767;
	font-weight: bold;
/*	background-color: #FFF; */
}

.next {
	margin-top: 221px;
}

.prev, .next {
	clear: right;
	cursor: pointer;
	float: right;
}

.item {
	float: left;
}

.item2 {
	float: left;
	margin: 0 10px 10px 0;
}

.car h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #CCCCCC;
	margin: 0 0 2px 62px;
	padding: 0;
}

.car p {
	margin: 0 0 14px 62px;
	font-style: italic;
}

.car ul li {
	height: auto /*80px*/ !important;
}

.carousel ul li, .carou ul li{
	height: auto !important;
}

.car ul {
	height: 336px !important;
}

.carousel ul {
	height: 336px !important;
}

.car {
	height: 240px !important;
}

.carousel {
	height: 240px !important;
	visibility:hidden;
}

.clear {
	clear: both;
}

/* --------------------- */
/* PRODUCT INFO		 	 */

#container {
	width: 858px;
	min-height: 530px;
	margin: 9px 0 0 43px;
}


div#action_caption a {
	font-size: 16px;
	color: #EC1A23;
	font-weight: bold;
	background-color: #FFF;
	padding: 0 108px 0 25px;
	float:right;
	text-decoration: none;	
}

div#productupdate_caption div {margin-left: 10px; padding-top: 20px;}

div#productupdate_caption {
	padding: 0px; 
	float: none; 
	width: 100%;
	font-size: 16px;
	color: #676767;
	font-weight: bold;
	background-color: #FFF;
}

div#action_caption img {
	height: 15px;
	border:0;
}

#product_caption {
	width: 857px;
	height: 16px;
	border-bottom: 3px solid #cccccc;
	padding: 10px 0 10px 0;
}

#product_caption span {
	font-size: 16px;
	color: #676767;
	font-weight: bold;
	font-style: italic;
	background-color: #FFF;
	padding: 0 5px 0 0;
	float:left;
}

#product_info {
	width: 636px;
	min-height: 530px;
	float: left;
}


#large {
	float: left;
}

#thumbs {
	width: 247px;
/*	height: 190px; */
	float: right;
	margin: 5px 0 0 10px;
}

#thumbs #border {
	float: right;
	border: 1px solid #ffffff;
	width: 120px;
	height: 95px;
	vertical-align: middle;
	text-align: center;
}

#infotable {
	clear: both;
	width: 637px;
	/*border-top: 2px solid #cccccc;*/
	/*border-bottom: 1px solid #cccccc;*/
	/*background-color: #cccccc;*/
	margin-bottom: 5px;
}

#infotable #row_1 th{
	border-bottom: 3px solid #CCCCCC;
}

* html #infotable {
	border-top: 1px solid #cccccc;
}

#infotable th {
	text-align:left;
	/*padding: 2px 0 2px 0;*/
}

#infotable th#left_head{
 width:285px;
}

td.headline_alt div#headers_right, td.headline div#headers_right, #infotable th div#headers_right, #infotable td#right_field div#headers_right {
	padding-left: 3px;
	float:left;
	width:97px;
	font-weight: bold;
	font-size:11px;
}

td.headline_alt div#headers_right_2, td.headline div#headers_right2, #infotable th div#headers_right_2, #infotable td#right_field div#headers_right_2 {
	margin-left: 10px; 
	color: #ec1a23; 
	float:left;
	width:80px;
	font-weight: bold;
	font-size:11px;
	}

td.headline_alt div#headers_right_3, td.headline div#headers_right3, #infotable th div#headers_right_3, #infotable td#right_field div#headers_right_3 {
	width: 80px;
	font-weight: bold;
	margin-left: 10px;
	float:left;
	font-size:11px;
	}

#infotable td div#label {
	float:left;
	color: black;
	font-weight: bold;
	color: #676767;
}

#infotable td div#content {
	margin-left: 200px;
	color: black;
}

#infotable td div#content div#content_label{
	float:left; 
	width:190px;
  color: #333333;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: normal;	
}

#infotable td div#content{
/*	border-bottom: 1px solid #f1f1f1;*/
	border-bottom: 1px solid #cccccc !important;
}

#infotable td div#small_space{
	margin: 5px 0px;
	height: 1px;
}

*html #infotable td div#small_space{
	display: none !important;
}

#infotable td div#content div#content_content{
	
	
}

#infotable td#right_field {
	padding-right: 0pt; 
	padding-left: 0pt; 
	font-weight: bold;
}

#infotable td {
	vertical-align: top;
/*	border-bottom: 1px solid #dadada; */
/*	padding-left: 10px; */
	padding-bottom: 10px;
	padding-top: 10px;
}

.subtitle {
	padding-left: 20px !important;
}

.pfeil {
	color: #EC1A23;
	padding-right: 5px;
}

#space {
	height: 20px;
	background-color: #FFF !important;
}

#lagerstatus {
	text-align: right;
}

#lagerstatus div {
  float:right;
  text-align: right;
  margin-right: 5px;
}

* html div.green {
	width: 10px !important;
	height: 10px !important;
	background-image: url(images/green.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #ffffff !important;
}
* html div.yellow, * html div.blue {
	width: 10px !important;
	height: 10px !important;
	background-image: url(images/blue.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #ffffff !important;
}
* html div.red {
	width: 10px !important;
	height: 10px !important;
	background-image: url(images/red.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #ffffff !important;
}

* html div.grey {
	width: 10px !important;
	height: 10px !important;
	background-image: url(images/grey.gif) !important;
	background-repeat: no-repeat !important;
	background-color: #ffffff !important;
}


#lagerstatus span {
	
}

#navbar {
	width: 212px;
/*	min-height: 345px; */
	background-color: #f1f1f1;
	float: right;
	margin: 0px 0 0 0;
	padding-top: 0,2em;
}

#navbar img.prev{

}

#navbar img.next{
	margin-left:10px;
}

#bluebox {
	display: none;
	width: 39px;
	height: 39px;
	background-color: #323296;
	margin: 0 173px 0 9px;
	margin-top: 5px;
	float: right;
	margin-left: 0px;
}


.carou {
	margin: 5px 0 10px 10px;
	float: left;
	width: 166px;
}

.carou h3 {
	padding-top: 5px;
	margin: 0;
	color: #333397;
	font-size: 14px;
}

.carou p {
	/*font-style: italic;*/
}

.carou span {
	font-weight: bold;
	/*font-style: italic;*/
}

#thumbs img {
	cursor: pointer;
	max-height: 89px;
}

/* --------------------- */
/* LOGIN	 	         */

#loginbox {
	width: 150px;
	background-color: #FFF;
	position: absolute;
	top: 40px;
	left: 243px;
	z-index: 100;
	padding: 0 3px 3px 3px;
	display: none;
}


#loginbox form {
	margin-bottom: 0px;
}
#loginbox table {
	height: 77px;
}

#loginbox input {
	/*background-color: #E5F0F6;*/
	border-width: 1px;
	border-bottom: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	width: 120px;
}

#lappen {
    width: 39px;
    height: 10px;
    background-color: #01A453;
}


/* --------------------- */
/* FOOTER	 	         */

#footer {
	margin: 30px 0 0 20px;
	height: 70px;
	clear: left;
}

#footer div {
	width: 39px;
	height: 39px;
	background-color: #EC1A23;
	float: left;
}

#footer span {
	position: relative;
	top: 12px;
	left: 10px;
	color: #a3a3a3;
}

div#footer a {
color:#a3a3a3;
}

/*.carousel ul li{
	display: none;
}*/


#product_info #large {
	margin-top: 5px;
}

#productupdate_caption {
	/*width: 269px;*/
	/*margin-left: 62px;*/
}

* html #productupdate_caption {
	width: 212px;
}

.productupdate_caption_carousel {
	width: 269px; 
	margin-top: 0px;
	padding: 0 10px 0 10px;
	padding-top: 20px;
}

.productupdate_caption_carou {
	width: 192px; 
	margin-top: 0px;
	padding: 0 10px 0 10px;
	padding-top: 20px;
	padding-left: 22px;
}

* html .productupdate_caption_carou {
	width: 204px; 
	padding-left: 10px;
}


#navbar2 td {
	background-color: #F1F1F1;
}

#navbar2 {
	width: 289px;
	min-height: 345px;
	/*padding: 0px 10px;*/
	background-color: #F1F1F1;
}

#navbar2 td {
  padding: 0px 10px;
}

* html .productupdate_caption_carousel {
	width: 288px !important;
}

#navbar2 td.headerInfoBox {
  padding: 0px;
}

#navbar2 td.footerInfoBox {
  width: 80%;
}

.headerInfoBox h1 {
	background-color: #ffffff;
	font-size: 16px;
	padding-top: 5px;
	padding-left: 9px;
}

#product_news h1 {
	background-color: #ffffff;
	font-size: 16px;
	padding-top: 5px;
	padding-left: 9px;
	margin-top: 1px;
}

a {
	color: #333333;
	text-decoration: none;
	font-weight: normal;
}

#container a {
	color: #676767;
	font-weight: bold;
}

div#headers_right {
  margin-left: 65px;
  text-align: right;
}

#content #headers_right {
  float: left;
  margin-left: 0px;
  width: 62px;
  text-align: right;
  color: #333333;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

#content #headers_right_2 {
  text-align: right; 
  width:88px; 
  float:left;
  color: #EC1A23;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  font-weight: bold;
}

#content #headers_right_3 {
  text-align: right; 
  width:80px; 
  margin-left: 10px;
  float:left;
}

#content #headers_right_3 div {
 /*float: right;*/
}

#products_table #products_table_main_td p{
  margin-left: 150px;
}

td.headline_alt {
	border-bottom: 3px solid #CCCCCC;
	/*padding-left: 285px;*/
}

div#products_table {
	margin-top: 0px;
}

.formInput, textarea {margin: 4px 0 4px 10px}

.headers_right_container{float: right; width: auto;}
.headers_right_container_1 {}
#lagerstatus div {float: none;}
#headers_right_3, #headers_right_3 #lagerstatus {text-align: center;}
#lagerstatus div {margin-left: auto; margin-right: auto;}

#news_content h1 {
	font-size: 16px;
	color:#676767;
	font-weight:bold;
	border-bottom: 3px solid #CCCCCC;
}