/********************************************************************************
 ********	s h o p _ s t y l e s . p h p
 ********************************************************************************
 	@short		Zentrales Stylesheet der Site
 	@author		Johannes Appelt <j.appelt@e-matters.de>
 	@copyright	e-matters GmbH, www.e-matters.de
 	@project	eShop-Demo

*/



/*  Standardtext  */
.text_normal {
	font: normal 12px Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
}

/*  Text-Links  */
.text_link {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
}

/*  Standardtext fett  */
.text_bold {
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color: #000000;
}


/*  Standardtext  */
.text_normal_mpv {
	font: normal 12px Verdana, Helvetica, sans-serif;
	color: #000000;
}

/*  Standardtext fett  */
.text_bold_mpv {
	font: normal bold 12px Verdana, Helvetica, sans-serif;
	color: #000000;
}


/*  Hinweistext (grau + klein)  */
.text_notice{
	font: normal 6px Arial, Helvetica, sans-serif;
	color: #7F7E7E;
	height: 11px;
	vertical-align:top;
}

.button {
	font: normal bold 12px/16px Arial, Helvetica, sans-serif;
	color: White;
	height: 20px;
	background-color: #7FB541;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

.button_link {
	font: normal bold 12px/16px Arial, Helvetica, sans-serif;
	color: White;
	height: 20px;
	background-color: #7FB541;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

.button_to_basket {
	width: 46px;
	height: 20px;
	background-color: #7FB541;
	background-image: url(to_basket.gif);
	background-repeat: no-repeat;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

input.input_field_anzahl {
	font: bold 11px Arial,sans-serif;
	color: #000000;
	border:1px solid #515151;
	height: 20px;
	width: 30px;
}

input.input_field_text {
	font: bold 11px Arial,sans-serif;
	color: #3A610D;
	border:1px solid #515151;
	height: 20px;
	width: 150px;
}

input.input_field_radio {
	font: bold 11px Arial,sans-serif;
	color: #3A610D;
}

select.select_field {
	font: bold 11px Arial,sans-serif;
	color: #3A610D;
	height: 20px;
	width: 140px;
	border: 1px solid #515151;
	scrollbar-base-color: #EEEEEE;
	scrollbar-3dlight-color:#EEEEEE;
	scrollbar-arrow-color:#EEEEEE;
	scrollbar-darkshadow-color:#EEEEEE;
	scrollbar-face-color:#EEEEEE;
	scrollbar-highlight-color:#EEEEEE;
	scrollbar-shadow-color:#EEEEEE;
	scrollbar-track-color:#EEEEEE;
}

input.input_field_text_short {
	font: bold 11px Arial,sans-serif;
	color: #3A610D;
	border:1px solid #515151;
	height: 20px;
	width: 40px;
}

.form_box {
	background-color: #FFFFFF;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	width: 100%;
	padding: 3px;
}

.form_row_col_text {
	font: normal bold 11px/14px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 16px;
	text-align: left;
	vertical-align: middle;
}

.form_row_col_input {
	font: normal bold 11px/14px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 16px;
	text-align: left;
	vertical-align: middle;
}

.form_row_col_submit {
	text-align: right;
	vertical-align: middle;
}

.form_row_col_spacer {
	height: 16px;
	text-align: left;
	vertical-align: middle;
	width: 2px;
}

.headline {
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #333333;
	height: 24px;
	vertical-align:bottom;
}

.headline_highlight {
	font: normal bold 14px Arial, Helvetica, sans-serif;
	color: #7FB541;
	height: 24px;
	vertical-align:bottom;
}

.nav_left_input_field {
	font: normal 11px Arial,sans-serif;
	color: #3A610D;
	height: 18px;
	width: 78;
	background-color: #FFFFFF;
	border:1px solid #515151;
}

.box_col_left {
	background-color: #EEEEEE;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 1px solid #666666;
	width: 100%;
}

.content_frame_line_h_color {
	height: 2px;
	width: 100%;
	vertical-align: middle;
	background-image: url(content_frame_line_h.gif);
	background-repeat: repeat-x;
}

.content_frame_line_h_trans {
	height: 1px;
	width: 100%;
	vertical-align: middle;
	background-image: url(trans.gif);
	background-repeat: repeat-x;
}

.content_frame_line_h_trans_15 {
	height: 15px;
	width: 100%;
	vertical-align: middle;
	background-image: url(trans.gif);
	background-repeat: repeat-x;
}

.content_frame_line_h_spacer {
	border: 0px;
	width: 1px;
	height: 1px;
}

.conent_frame_top_row {
	border: 0px;
	width: 100%;
	height: 20px;
	background-color: #FFFFFF;
	font: normal bold 14px/20 Arial, Helvetica, sans-serif;
}

.content_frame_top_row_tab_edge_l {
	width: 9px;
	text-align: center;
	vertical-align: middle;
	background-image: url(content_frame_tab_edge_l.gif);
	background-repeat: no-repeat;
	border-bottom:1px solid #5D5D5D;
}

.content_frame_top_row_tab {
	font: bold 14px Verdana, Helvetica, sans-serif;
	color: #242424;
	text-align: left;
	vertical-align: middle;
	width:323px;
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 10px;
	background-image: url(content_frame_tab.gif);
	background-repeat: no-repeat;
	border-bottom:1px solid #5D5D5D;
}

.content_frame_top_row_tab_r_spacer {
	border: 0px;
	width: 1px;
}

.content_frame_headline_row {
	border: 0px;
	height: 30px;
	background-color: #FFFFFF;
	vertical-align: middle;
	padding: 5px;
}

.content_frame_body {
	border: 1px solid #C4C4C4;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	vertical-align: top;
}

.content_frame_body_row {
	border: 1px solid #C4C4C4;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	vertical-align: top;
}


/*   Produkt - Listen   */
.list_table {
	padding: 2px;
}

.list_title_row {
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color: #7FB541;
	height: 20px;
	text-align: left;
	vertical-align: middle;
}

.list_title_row_c {
	font: normal bold 12px Arial, Helvetica, sans-serif;
	color: #7FB541;
	height: 20px;
	text-align: center;
	vertical-align: middle;
}

/*  Text in der Navigation von Produktlisten  */
.list_nav_text {
	font: normal italic 11px Arial, Helvetica, sans-serif;
	color: #7FB541;
	height: 16px;
	text-align: center;
	vertical-align:middle ;
}

/*  Links in der Navigation von Produktlisten  */
.list_nav_link {
	font: normal italic 11px Arial, Helvetica, sans-serif;
	color: #7FB541;
	height: 16px;
	text-align: center;
	vertical-align:middle ;
}

/*  Hover Links in der Navigation von Produktlisten  */
.list_nav_link:hover {
	font: normal italic 11px Arial, Helvetica, sans-serif;
	color: #7FB541;
	height: 16px;
	text-align: center;
	vertical-align:middle ;
}

/*  Aktuelle Links in der Navigation von Produktlisten  */
.list_nav_link_active {
	font: normal bold 11px Arial, Helvetica, sans-serif;
	color: #7FB541;
	height: 16px;
	text-align: center;
	vertical-align:middle ;
}

.list_row_col_image {
	border: 0px;
}

.prd_list_img_cell{
	width: 78px;
	height: 76px;
	text-align: center;
	vertical-align: top;
}

.prd_list_name{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	vertical-align:center;
}

.prd_list_data{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	vertical-align:top;
}

.prd_list_desc{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #7F7E7E;
	text-align: left;
	vertical-align:top;
}

.prd_list_diff{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-align: left;
	vertical-align:top;
}

.prd_list_price_uvp{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #7F7E7E;
	text-align: left;
	vertical-align:top;
	/*text-decoration:line-through; */
}

.prd_list_price_basic{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #7F7E7E;
	text-align: right;
	vertical-align:bottom;
	/*text-decoration:line-through; */
}

.prd_list_price{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 18px;
	text-align: right;
	vertical-align:bottom;
}


/*  Warenkorb-Frame  */
.cart_frame {
	border: 1px solid #000000;
}

/*  Warenkorb-Kopfzeile linke Ecke  */
.cart_head_row_l {
	border-bottom: 1px solid #000000;
	background-color: #666666;
	width: 5px;
	height: 24px;
}

/*  Warenkorb-Kopfzeile  */
.cart_head_row {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FFFFFF;
	border-bottom: 1px solid #000000;
	background-color: #666666;
	height: 24px;
}

/*  Warenkorb-Kopfzeile rechte Ecke  */
.cart_head_row_r {
	border-bottom: 1px solid #000000;
	background-color: #666666;
	width: 5px;
	height: 24px;
}

/*  Leer-Spalte zwischen Warenkorb-Spalten  */
.cart_item_row_blank {
	width: 20px;
}

/*  Warenkorb-Spalten  */
.cart_item_row {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #000000;
}


/*  Warenkorb-Fusszeile  */
.cart_footer_row {
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	text-align: right;
	vertical-align:middle;
	color: #00000;
	height:40px;
	border-top: 2px solid #000000;
}


/*  Breadcrumb-Links   */
.prod_group_breadcrumb_link {
	color: #242424;
}

.footer_spacer {
	background-color: #333333;
	width: 1px;
	height: 16px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
}

.row_footer {
	border-top: 1px solid #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}

.footer_element {
	font: normal 11px Verdana, sans-serif;
	color: #000000;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	line-height: 14px;
	text-decoration:none ;
}

.footer_element_ematters {
	font: normal 11px Verdana, sans-serif;
	color: #686868;
	height: 16px;
	text-align: center;
	vertical-align: middle;
	line-height: 14px;
	text-decoration:none ;
}


.content_frame_box_row_tab_edge_l {
	width: 5px;
	text-align: center;
	vertical-align: middle;
	background-image: url(content_frame_box_tab_edge_l.gif);
	background-repeat: no-repeat;
}

.content_frame_box_row_tab_edge_l_spacer {
	border: 0px;
	width: 5px;
}

.content_frame_box_row_tab {
	font: normal 14px/20px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
	background-color: #333333;
	padding-left: 5px;
	padding-right: 10px;
	white-space: nowrap;
}

.content_frame_box_row_tab_r {
	width: 1000px;
	background-color: #FFFFFF;
}



/* ==== Product Box:   SMALL    =========================================== */
.prdsmall_wrapcell {
	width: 720px;
	border: 1px solid #808080;
	align: left;
	padding: 1px;
}

.prdsmall_tb {
	width: 180px;
	height:200px;
	padding: 0px;
	border-spacing:1px;
	border:0px;
}

.prdsmall_prdtitle {
	font: bold 12px Arial,Verdana,sans-serif;
	color: #404040;
	text-align: center;
	line-height: 14px;
	height: 14px;
}

.prdsmall_cellimg {
	text-align: center;
}

.prdsmall_img {
	border: 1px solid #A0A0A0;
}

.prdsmall_pricebox {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 18px;
	vertical-align:top;
	text-align: center;
}


/*   Site - Header   */
.header_page {
	background-image: url(header_logo.gif);
	width:836px;
	height:107px;
}

.header_menu {
	border-top:1px solid #6EAB26;
	border-bottom:1px solid #6EAB26;
	background-image: url(header_menu_bg.gif);
}

.header_menu_text {
	font: bold 13px Arial,Verdana,sans-serif;
	color: #000000;
	line-height: 14px;
}

.header_menu_link {
	font: bold 13px Arial,Verdana,sans-serif;
	color: #000000;
	line-height: 14px;
	text-decoration:none;
}

.header_menu_link:hover {
	font: bold 13px Arial,Verdana,sans-serif;
	color: #3A610D;
	line-height: 14px;
	text-decoration:none;
}

.header_menu_search {
	font: normal 11px Arial,sans-serif;
	color: #3A610D;
	border:1px solid #515151;
	height: 18px;
	width: 210px;
}


/*   Navigation - Box   */
.navi_box {
	font: italic bold 13px Arial,Verdana,sans-serif;
	color: #000000;
	line-height: 14px;
	padding-top:6px;
	padding-bottom:2px;
	padding-left:2px;
	background-color:D7D7D7;
	background-image: url(navi_box_bg.gif);
	width:142px;
}

.navi_box_headleft {
	width:9px;
	height:26px;
	background:url(navi_box_lft.gif) no-repeat;
}

.navi_box_headright {
	width:9px;
	height:26px;
	background:url(navi_box_rgt.gif) no-repeat;
}

.navi_box_head2content {
	background-color: #BFF87D;
	height:1px;
}

.navi_box_content {
	background-color: #7ABC2E;
	vertical-align:top;
	width:100%
}

.navi_box_content_rgt {
	background-color: #91DE39;
	vertical-align:top;
}


.navi_assortment_bg {
	font: normal 12px Arial,sans-serif;
	color: #000000;
	background-color:#F1FEE1;
	overflow:hidden;
}

.navi_assortment_link {
	font: normal 12px Arial,sans-serif;
	color: #000000;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
}

.navi_assortment_link:hover {
	font: normal 12px Arial,sans-serif;
	color: #7ABC2E;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
}

.navi_assortment_link_activ {
	font: bold 13px Arial,sans-serif;
	color: #000000;
	text-align:left;
	vertical-align:middle;
	text-decoration:none;
}


/*   Prd-Grp - Page   */
.prd_grp_subgrp_name {
	font: bold 15px Verdana,sans-serif;
	color: #000000;
	text-decoration:none;
}

.prd_grp_subgrp_desc {
	font: normal 11px Verdana,sans-serif;
	color: #5C5C5C;
	vertical-align:top;
}

.prd_grp_subgrp_prd_link {
	font: bold 12px Verdana,sans-serif;
	color: #56A200;
}

.prd_grp_subgrp_img {
	width: 50px;
	height: 75px;
	border: 0;
}

.prd_grp_subgrp_img_cell {
	width: 62px;
	background-repeat:no-repeat;
}

.prd_grp_subgrp_line {
	height: 1px;
	background-image: url(prdgrp_line_h.gif);
	background-repeat:repeat-x;
}

.prd_grp_long_text{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000000;
}


/*   Prd-View - Page   */
.prd_view_img{
	border: 0;
	vertical-align:top;
	text-align:center;
}

.prd_view_img_cell{
	width:210px;
	vertical-align:top;
	text-align:center;
}

.prd_view_name {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	vertical-align:top;
	padding-top: 10px;
	padding-bottom: 10px;
}

.prd_view_var_name {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #7F7E7E;
	height: 16px;
	text-align: left;
	vertical-align:top ;
	width:80px;
}

.prd_view_var_value {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 16px;
	text-align: left;
	vertical-align:top;
}

.prd_view_price_uvp{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 16px;
	text-align: left;
	vertical-align:top;
	text-decoration:line-through;
}

.prd_view_price{
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 18px;
	text-align: left;
	vertical-align:top;
}

.prd_view_price_info{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #7F7E7E;
	height: 14px;
	text-align: left;
	vertical-align:top;
}

.prd_view_pha_info {
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000000;
	height: 16px;
	text-align: left;
	vertical-align:top ;
	padding-top: 6px;
}



/******** Bestellforschritt-Balkon ********/
.order_progress{
	width:99%;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
	border-left:1px solid #666666;
}
.order_progress_cell{
	font: normal 11px Arial, Helvetica, sans-serif;
	width:20%;
	text-align:center;
	vertical-align:top;
	border-right:1px solid #666666;
}
.order_progress_active_num{
	font-size:12px;
	color: #ffffff;
	background-color:#7abc2e;
	font-weight:900;
	padding:2px 2px 0 2px;
}
.order_progress_active{
	color: #ffffff;
	background-color:#7abc2e;
	font-weight:700;
	font-size:12px;
	padding:0 2px 2px 2px;
}
.order_progress_done_num{
	color: #333333;
	background-color:#CCCCCC;
	padding:2px 2px 0 2px;
}
.order_progress_done{
	color: #333333;
	background-color:#CCCCCC;
	padding:0 2px 2px 2px;
}
.order_progress_inactive_num{
	color:#666666;
	padding:2px 2px 0 2px;
}
.order_progress_inactive{
	color:#666666;
	padding:0 2px 2px 2px;
}