/**********************************************************************
* Allgemein:                                                          *
**********************************************************************/

* {
	margin: 0;
	padding: 0;
}

body,
html
{
	height:100%;
	width:100%;
	padding: 0;
	margin: 0;
	background-color: #eaf1f9;
}

img {
	border: 0;
}

.clearboth {
	clear: both;
	background-color: #ff22ff;
}

/* Farben: 	Blau #062b7d
/*			orange #ffca27
 
/**********************************************************************
* Layout:                                                             *
**********************************************************************/
#container {
	border: 1px solid #7f7f7f;
	width: 1010px;
    margin: auto;
	display:block;
	padding-top:0px;
	padding-bottom:10px;	
	z-index: 1;
	background-color:#FFFFFF;
	min-height:100%;
	
}

#container_footer{
	text-align:center;
	z-index: 1;
}

#sidebar_left {
	position: relative;
	float: left;
	width: 180px;
	left:5px;
	z-index:1;
}

#sidebar_right {
	position: relative;
	float: left;
	width: 180px;
	left:645px;
	z-index:1;
}

#buttons_main{
	position: relative;
	float: left;
	top:-38px;
}

/****************************************************************
/* Links unter dem Header */
/*****************************************************************/

#header_link_preload{
	position:absolute;
	background-image: url('img/layout3/Button-Kontakt-Mouse.jpg');
	background-image: url('img/layout3/Button-Angebote-Mouse.jpg');
	background-image: url('img/layout3/Button-Kunde-Mouse.jpg');
	background-image: url('img/layout3/Button-Konto-Mouse.jpg');
	background-image: url('img/layout3/Button-Warenkorb-Mouse.jpg');	
	z-index:1;
}

#header_link_1, #header_link_2, #header_link_3, #header_link_3a, #header_link_4, #header_link_5, #header_link_6{
	position: absolute;
}

#header_link_1{
	display:inline; 
	background-image: url('img/layout3/Button-Kontakt.jpg');
	width:180px; 
	height:29px;
	z-index:2;
	left:5px;
}

#header_link_2{
	display:inline; 
	background-image: url('img/layout3/Button-Angebote.jpg');
	width:160px; 
	height:29px;
	left: 185px;
}

#header_link_3{
	display:inline; 
	background-image: url('img/layout3/Button-Kunde.jpg');
	width:160px; 
	height:29px;
	left:345px;	
}

#header_link_3a{
	display:inline; 
	background-image: url('img/layout3/Button-Logoff.jpg');
	width:160px; 
	height:29px;
	left:345px;	
}

#header_link_4{
	display:inline; 
	background-image: url('img/layout3/Button-Konto.jpg');
	width:160px; 
	height:29px;
	left:505px;
}

#header_link_5{
	display:inline; 
	background-image: url('img/layout3/Button-Warenkorb.jpg');
	width:160px; 
	height:29px;
	left:665px;
}

#header_link_6{
	display:inline; 
	background-image: url('img/layout3/Button-Suche.jpg');
	width:180px; 
	height:29px;
	left:825px;
}

#header_link_1:hover  { background-image:url('img/layout3/Button-Kontakt-Mouse.jpg');}
#header_link_2:hover  { background-image:url('img/layout3/Button-Angebote-Mouse.jpg');}
#header_link_3:hover  { background-image:url('img/layout3/Button-Kunde-Mouse.jpg');}
#header_link_4:hover  { background-image:url('img/layout3/Button-Konto-Mouse.jpg');}
#header_link_5:hover  { background-image:url('img/layout3/Button-Warenkorb-Mouse.jpg');}

			
/***********************************************************************************	*/

/* Box_Search*/

.form_input_search_header, .form_input_search_text input{
	width: 142px;
	position:absolute;
	top:5px;
	left:28px;
	height: 1.2em;
	font: 100% arial, hevetica, sans-serif;
}

.form_input_search_submit input {
	width: 20px;
	height: 20px;
	vertical-align:right;
	margin-top:4px;
	margin-left:4px;
}


/* Suchvorschläge Suggest Styles--------------------*/
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #062b7d;
	color:#ffffff;
	padding: 2px 6px 2px 6px;
	cursor: pointer;
}
#search_suggest {
	z-index:3;
	position: absolute;
	visibility: hidden;
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #7f7f7f;			
}	
/*----------------------------End Suggest Styles------------------------*/

/**********************************************************************
* Seiten-Boxen: allgemein                                                      *
**********************************************************************/


/* Innenabstand links in einer Box: */

.box_header, .box_content, #content_header{
	padding-left: 10px;
}

/* Box-Überschriften: */

.box_header{
	background: url('img/layout3/Header-Box.jpg') no-repeat;
	font: 100% arial, hevetica, sans-serif;
	color: #000000;
	font-weight: bold;
	height: 19px;
}

.box_header p{
	padding-top: 3px;
}

/* Box header mit link */

.box_header a, .box_header a:visited, .box_header a:hover, .box_header a:active {
	color: #000000;
}

.box_content{
	border: 1px solid #7f7f7f;
	background-color:#FFFFFF;
	padding-bottom: 10px;
	padding-top: 3px;
	margin-bottom: 10px;
}


/* Formularfelder in den Boxen: */

.form_input_header, .form_input_text input {
	width: 120px;
	height: 1.2em;
	font: 100% arial, hevetica, sans-serif;
	margin-bottom:0px;
}

.form_input_text {
	margin-top: 3px;
}

.form_input_submit input {
	width: 20px;
	height: 20px;
	vertical-align:right;
	margin-top:-19px;
	margin-left:130px;
}


/******************************************************************/
/*Box WARENKORB 
/*******************************************************************/

/* Box-Warenkorp-Überschriften: */

#box_header_cart{
	display:block;
	background: url('img/layout3/Header-Box.jpg') no-repeat;
	font: 100% arial, hevetica, sans-serif;
	color: #000000;
	font-weight: bold;
	height:16px;
	padding-left:10px;
	padding-top:3px;
}


.box_content_cart {
	border: 1px solid #7f7f7f;
	background-color:#FFFFFF;
	padding:3px;
	margin-bottom: 10px;
}

.box_content_cart_sum{
	border-top: 1px solid #c0c0c0;
	padding-top:5px;
	margin-top:5px;
	padding-bottom:5px;
	text-align:center;
}

.box_content_cart_link{
	border-top: 1px solid #c0c0c0;
	padding-top:3px;
	text-align:left;
}


/**********************************************************************
* Hauptinhaltsbox:                                                    *
**********************************************************************/

#content_header, #content {
	position: relative;	
	width: 610px;
	left:-170px;	
	padding-left: 10px;
	padding-right:10px;
	float:left;	
}

#content_header p a {color: #000000;}
#content_header p {padding-top: 3px;}
#content_header {
	background: url('img/layout3/Header-Content.jpg') no-repeat #ffffff;
	height: 19px;
}

#content {
	width:608px;
	border: 1px solid #7f7f7f;
	background-color:#FFFFFF;
}

/**********************************************************************
* Seitenübergreifende Tags:                                           *
**********************************************************************/

/* für Angebots-Preise */
.productOldPrice {
	font-family: Arial, sans-serif;
	color: #ff0000;
	text-decoration: line-through;
}


/* Hauptschriftart für Text: */
body {
	font: 12px arial, hevetica, sans-serif;
	color: #000000;
}

/* Hauptschriftart für Links: */

a, a:visited, a:hover, a:active {
	font: 12px arial, hevetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

/* Fehlermeldungen: */

.error_message {
	border: 2px solid #ff0000; 
	background-color: #FFFFCC;
	font-weight: bold;
	color: #ff0000;
	text-align: center;
	padding: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.message {
	border: 2px solid #062b7d; 
	background-color: #ffca27;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:30px;
}

/* zum Hervorheben */


/* Seitenüberschriften: */

.page_header {
	font-weight: bold;
	margin-bottom: 1em;
}

/* Buttons am Seitenende: */

.button_right {
	text-align: right;
	width: 100%;
}
.button_left {
	text-align: left;
	width: 100%;
}



/* Formularfelder im Inhalt: */

.page_form_input_header, .page_form_input_text input {
	width: 610px;
	height: 1.2em;
	font: 100% verdana, arial, hevetica, sans-serif;
	padding-right: -4px;
}
.page_form_input_text {
	margin-bottom: 3px;
}
.page_form_input_submit input {
	width: 120px;
	height: 20px;
	vertical-align: center;
	margin-top: 3px;
	text-align: right;
	float: right;
}



/* Product_listing untereinander */

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
	padding:5px;
}
.tablelisting_data {
	padding: 3px
}

/**********************************************************************
/**********************************************************************
* Kategorie-Listing & Cross-selling & also purchased:                 *
**********************************************************************/

/* Kategorieinfo: */
.category_info {
	font-size: 120%;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 0.8em;
	border-bottom: 1px dotted #7f7f7f;
}

.category_info, 
.category_header {
	font-weight: bold;
	margin-bottom: 0.8em;
}
.category_info, 
.category_desc{
	margin-bottom: 2em;
}
.category_info img {
	margin-top: 4px;
}

/* Artikleliste: */
.article_info {
	float:left;
	margin-bottom: 20px;
	border-bottom: 1px dotted #7f7f7f;
	padding:4px;
}

/*zwei zellen*/
.article_thumb_back{
	width:130px;
	overflow:hidden;
	float:left;
}

.article_description{
	float:left;
	width:465px;
}
/********************/

.article_name a, 
.article_name a:hover, 
.article_name a:visited{
	text-align:left;
	width:463px;
	font-weight:bold;
	background-color:#dfdfdf;
	border:1px solid #7f7f7f;
	padding: 2px;
	margin-bottom:10px;
	float:left;
}

.article_info .article_thumb {
	margin-bottom:10px;	
	float: left;
	border: 1px solid #7f7f7f;

}
.article_info .article_short_desc {
	text-align:left;
	margin-top: 1em;
	margin-bottom: 1em;
}
.article_info .article_price {
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
}
.article_info .article_shipping_link,
.article_info .article_shipping_time,
.article_info .article_buynow, 
.article_info .article_tax {
	text-align: left;
}	
.article_tax, 
.article_tax a,
.article_tax a:hover,
.article_tax a:visited{
	font-size:9px;
	color:#7f7f7f;
	padding-top:5px;
	
}

.article_tax a{
	text-decoration:underline;
}
.article_info .article_buynow {
	margin-top: 4px;
	margin-bottom:10px;
}

/*********************************************************************
/* Listing New Products 
/*********************************************************************/

.product_heading{
	text-align:left;
	background-color:#dfdfdf;
	border: 1px solid #7f7f7f;
	padding:3px;
}

.product_container{
	width:605px;
	float:left;
}

.product_cell{
	background-color:#ffffff;
	width:290px;
	height:160px;
	float:left;
	border:1px solid #CCCCCC;
	margin:10px 3px 0px 3px;
}

.product_image_back{
	width:125px;
	height:160px;
	overflow:hidden;
	float:left;
}


.product_image{
	border:1px solid #c0c0c0;
	float:left;
}

.product_text_back_top{
	float:left;
	width:165px;
	height:115px;
	overflow:hidden;
}

.product_text_back_bottom{
	float:left;
	width:165px;
	height:50px;
	overflow:hidden;
}

.product_name a, .product_name a:hover, .product_name a:visited{
	text-align:left;
	width:158px;
	overflow:hidden;
	float:left;
	padding:2px;
	background-color:#dfdfdf;
	border: 1px solid #7f7f7f;
	font-weight:bold;
}

.product_description{
	width:150px;
	float:left;
}
.

.product_tax_info_text{
	float:left;
}

.product_price_heading{
	width:162px;
	background-color:#dfdfdf;	
	border:1px solid #7f7f7f;
	float:left;
}

.product_price{
	padding-top:2px;
	padding-left:2px;
	float:left;
	font-weight:bold;
}

.product_button{
	float:right;
}


/***********************************************************************
/* Product detail 
/**********************************************************************/

.product_detail_name{
    width:600px;
	padding:2px;
	background-color:#dfdfdf;
	border: 1px solid #7f7f7f;
	font-weight:bold;
}

.product_detail_image_back{
	margin-top:10px;
	float:left;
}

.product_detail_image{
	margin-bottom:5px;
	border:1px solid #c0c0c0;
}

/* beschreibung */
.product_detail_desc{
	margin-top:10px;
	margin-left:10px;
	float:right;
	width:390px;
}

.product_detail_options{
	margin-top:10px;
	margin-bottom:30px;
}


.product_detail_info, .product_detail_buynow{
	width:100%;
}

.product_detail_no{
	float:left;
}

.product_detail_price{
	font-size:120%;
	font-weight:bold;
	text-align:right;
	padding-bottom:5px;
	margin-top:10px;
}

.product_detail_tax{
	text-align:right;
	font-size:9px;
	color:#7f7f7f;
}

.product_detail_tax a, 
.product_detail_tax a:hover, 
.product_detail_tax a:visited{
	font-size:9px;
	color:#7f7f7f;
	text-decoration:underline;
}

.product_detail_print{
	float:left;
	padding-top:8px;
}

.product_detail_add{
	float:right;
	padding-top:8px;
}

.product_detail_qty{
	float:right;
	padding:8px;
}

.product_detail_shipping{
	text-align:left;
}


/**********************************************************************
* Shopping Cart:                                                      *
**********************************************************************/
.cart_content {
	margin-top: 10px;
}
.cart_button_update {
	float: left;
}
.cart_button_checkout {
	float: right;
}
.cart_table {
	width: 100%;
}
.cart_table_header {
	background-color: #062b7d;
	height: 30px;
}
.cart_table_header td {
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
.cart_table_article_thumb,
.cart_table_article_remove,
.cart_table_article_qty,
.cart_table_article_name,
.cart_table_article_single,
.cart_table_article_total {
	border: 1px solid #062b7d;/*#203370;*/
	border-bottom: none;
	border-right: none;
	padding: 4px;
	vertical-align: top;
}
.cart_table_article_total {
	border-right: 1px solid #062b7d;
}
.cart_table_article_thumb,
.cart_table_article_remove,
.cart_table_article_qty {
	text-align: center;
}
.cart_table_article_name {
	text-align: left;
}	
.cart_table_article_single,
.cart_table_article_total {
	text-align: right;
}
.cart_table_article_total {
	font-weight: bold;
}
.cart_table_sum {
	text-align: right;
	border: 1px solid #062b7d;
	padding: 4px;
}
.cart_table_sum_total {
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.markProductOutOfStock{
	color:#FF0000;
}

/**********************************************************************
* Kasse --> Versandinfos:                                             *
**********************************************************************/

.checkout_shipping_block{
	float:left;
	width:100%;
	margin-top:10px;
}

.block_header{
	font-weight: bold;
	border-bottom: 1px solid #062b7d;
	padding-bottom: 3px;
	margin-bottom: 3px;
}

.block_left {
	float: left;
	margin-left:30px;
	width: 280px;
	padding-bottom:10px;
}

.block_right {
	float: right;
	width: 250px;
}

.block_left_2 {
	float: left;
}

.block_left_3{
	float:left;
	margin-left:30px;
	width: 540px;
}

.block_left_4{
	margin-left:30px;
}

.block_right_2 {
	float: left;
	width:400px;
	margin-left:20px;
}

.shipping_mode_name, .shipping_mode_price {
	font-weight: bold;
}
.shipping_spacer_left {
	width: 50px;
	vertical-align: top;
}
.shipping_spacer_hor {
	height: 5px;
}

.checkout_shipping_conti{
text-align:right;
}

.checkout_agb{
	border: 2px solid #ff0000; 
	background-color: #FFFFCC;
	font-weight: bold;
	color: #000000;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.order_total_sum{
	border-top:1px solid; 
	border-color:#c0c0c0;
	margin-top:3px;
}
.order_sum{
	padding-top:3px;
	float:right;
}

.checkout_status{
	margin-left:30px;
}

/* altes stylesheet: für checkout shipping hintergrundfarbe*/

.moduleRow {
 	font-family: Arial, sans-serif;
 	background-color: #E6E6E6;
 	border: 1px solid #E6E6E6;
	line-height: 1.5;
	padding-left:10px;
}

.moduleRowOver { 
	font-family: Arial, sans-serif;
	background-color: #D7E9F7; 
	border: 1px solid #ffffff;
	line-height: 1.5; 
}

.moduleRowSelected { 
	font-family: Arial, sans-serif;
	border:1px solid #e9f4fc;
	background-color: #E9F4FC;
	line-height: 1.5;
}




/**********************************************************************
* Neuer Kunde:                                                        *
**********************************************************************/
.create_acc_table_header {
	background-color: #062b7d;
	height: 20px;
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
	border: 1px solid #000000;
}
.create_acc_table_field {
	height: 2.4em;
}
.create_acc_table_field_header {
	width: 150px;
}
.create_acc_table_field_input, .create_acc_table_field_header, .create_acc_table_field_radio {
	valign: middle;
	padding: 4px;
}
.create_acc_table_field_input input, .create_acc_table_field_input select {
	font: 100% arial, hevetica, sans-serif;
	width: 200px;
}
.create_acc_table_field_radio input {
	font: 100% arial, hevetica, sans-serif;
	width: 10px;
	margin-left: 5px;
}
	

/**********************************************************************
* Kontaktformular:                                                    *
**********************************************************************/
.contact_table_field {
	height: 2.4em;
}
.contact_table_field_header {
	width: 150px;
}
.contact_table_field_input, .contact_table_field_header, .contact_table_field_radio {
	valign: middle;
	padding: 4px;
}
.contact_table_field_input input, .contact_table_field_input select {
	font: 100% arial, hevetica, sans-serif;
	width: 200px;
}

.contact_heading{
    width:540px;
	padding:2px;
	background-color:#dfdfdf;
	border: 1px solid #7f7f7f;
	font-weight:bold;
}

/**********************************************************************
* Kategorien/Navi:                                                    *
**********************************************************************/

.box_content_categories {
	
	border:1px solid #7f7f7f;
	margin-bottom: 10px;
}

/* Kategorie-Boxen: */
.nav_category_sub  {
	padding-left: 10px;
}
.nav_category_main:hover, .nav_category_sub:hover {
	background-color: #ffca27;
}

/* Links in den Boxen: */
.nav_category_main a{
	border-top:1px solid #c0c0c0;
}

.nav_category_main a,
.nav_category_sub a{
	display: block;
	padding:3px;

}

/* Markierung für den aktuellen Link: */
.nav_active a {
	background-color:#062b7d;
	color: #c0c0c0;
}