/****************************************************************************************************************
Copyright 2009 Sell It Smart GmbH. Alle Rechte vorbehalten. 
Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrückliche schriftliche Zustimmung ist untersagt. 
Jegliche Zuwiderhandungen werden juristisch verfolgt.
****************************************************************************************************************/

/* Suchbegriffe:
DESC - Artikelbeschreibung
PREIS - Preisangaben
LISTE - Artikelliste
STEUERN - Steuern und Versandkosten
NAME - Artikelname
LINKS - allgemeine Links
COPYRIGHT - Copyrighthinweis
PROMOS - Promoboxen wie bestseller specials neuheiten
SUBTITEL - Unterüberschriften 
NAVTRAIL - Navtrail bzw Breadcrump
BODY - allgemeine Formatierungen
SUCHE - Sucheingabe bzw Suchbox
HIGHLIGHTER - Farbe der Streifen im Warenkorb und der Kaufabwicklung
PAGINATION - Seitenangaben und Blätteroptionen
*/



/* 1+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 1+++++++++++++korrekturen hier muss meist nichts geändert werden++++++++++++ */
/* 1+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#artikelbeschreibung .grbox-content div.p1 table td, #artikelbeschreibung .grbox-content div.p1 table#previewtray {width:auto !important}
p.p1, #dd_navi {margin:0px;}
.klbox div.p1 {margin:0px; padding:0px !important;}
a.katlink, a.katlink:active, a.katlink:visited, a.katlink:hover, .kat01 a.katlink, .kat01 a.katlink:active, .kat01 a.katlink:visited, .kat01 a.katlink:hover, .kat02 a.katlink, .kat02 a.katlink:active, .kat02 a.katlink:visited, .kat02 a.katlink:hover {width:auto !important}
#crosspromotion .klbox-fuss {display:block}
/**firefox marginbug es muss oben und unten mindestens 1px padding gesetzt sein sollte ein padding vom layout vorgegeben sein diese zeile löschen**/
html>body .grbox-content div.p1 {padding-top:1px; padding-bottom:1px;}


/* 2+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 2++++++++++++++++++++++++textformatierungen und farben++++++++++++++++++++++ */
/* 2+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
* {font-family: Arial, sans-serif;}
#mittlere_spalte, #linke_spalte, #rechte_spalte, checkbox, input, radio, select, textarea {font-size: 11px;}
h1 {font-size: 14px; font-weight:bold;}
h4 {font-size: 11px; font-weight:normal;}
/**SUBTITEL hervorhebungen innerhalb der texte**/
.grbox-content div p, .grbox-content .contentbox .klbox-kopf p.p1 {padding-bottom:10px !important; font-weight:normal;}
/**NAVTRAIL für den navtrail über die volle breite folgende Werte hinzufügen margin-left:-176px; width:980px;**/
#navtrail {width:980px !important; padding:0px 5px; margin:-28px 0 0 -176px !important;}
#navtrail a, #navtrail {font-size: 10px; color:#000000 !important;}
/**COPYRIGHT**/
#xtc_copyright, #xtc_copyright a, #xtc_copyright a:link, #xtc_copyright a:visited, #xtc_copyright a:hover {color: #6f6f6f; text-align:center} 
/**LINKS /allgemein bzw alles/kleine boxen bzw spalten/große boxen bzw mitte**/
a, a:link, a:visited {text-decoration: none; color:#000}
a:hover, a:active {text-decoration: underline;}
#box_login a, #box_login a:visited, .klbox * .list-tax a:link, .klbox * .list-tax a:visited, #mitte .startbox-content * a, #mitte .startbox-content * a:link, #mitte .startbox-content * a:visited {color:#000 !important;}
#box_login a:hover, .klbox * .list-tax a:hover, #mitte .startbox-content * .list-tax, #mitte .startbox-content * a:hover {color:#000 !important;}
#mitte * a, #mitte * a:link, #mitte * a:visited {color:#000000}
#mitte * a:hover, #mitte * a:active, #mitte * .list-tax {color:#000000}
/**NAME ARTIKELNAME IN DER LISTE UND IN DEN PROMOS - werte kopieren aus template.css von .grbox-kopf p**/
.listbox-kopf p.p1 a, .listbox-kopf p.p1 a:visited {font-size: 12px; font-weight: bold; color: #336697 !important;}
.klbox-content a.promo-name, .klbox-content a.promo-name:visited {color:#000000 !important;}
/**PREIS ARTIKELPREIS/ARTIKELSONDERPREIS IN DER MITTE**/
.list-price strong {font-size:20px; color:#336697; font-style:italic; font-weight:bold}
.list-price .productOldPrice {font-size:12px}
/**PREIS ARTIKELPREIS/ARTIKELSONDERPREIS IN DEN SPALTEN**/
.klbox-content .list-price strong {color:#336697;}
.klbox-content .list-price .productOldPrice {color:#336697; font-weight: bold; font-size:12px; display:block; padding:0px 0px 0px 0px;}
/**STEUERN UND VERSANDKOSTEN BEIM PREIS**/
.list-tax, .list-tax a {font-size:9px; line-height:10px;}


/* 3+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 3+++++++++++++++++++++formatierung und positionierungen+++++++++++++++++++++ */
/* 3+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**BODY abstand vom browserrand**/
body {padding-top:20px}
/**DESC bei der nutzung der apanado artikel tpls darf die breite des tables nicht 638-padding links und rechts= X nicht überschreiten**/
#artikelbeschreibung .grbox-content div.p1 table {width:558px !important}
/**SUCHE suche im kopf positionskorrektur**/
#kopfzeile .suche {margin-top:0px; margin-left:0px}
#linke_spalte .suche #extended_search {margin-top:-15px; width:148px;}

/* 4+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 4+++++++++++++styling der einzelnen module boxen und funktionen+++++++++++++ */
/* 4+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/**HIGHLIGHTER styling für highlighter warenkorb- box und seite/ hover beim versand und zahlung**/
.wk_row_a, .wk_row_c {background-color: #abc5dc;}
.wk_row_b, .wk_row_d {}
/**PROMOS BESTSELLER in der bestsellerliste breaks zwischen den artikeln und abstände**/
.bestseller-artikel {border-bottom: 1px solid #cccccc; padding-bottom:5px; margin-bottom:5px}
/**PROMOS padding für die promoboxen standart ist 10px**/
#rechte_spalte .klbox-content div.p1, #box_specials .klbox-content div.p1, .startbox .klbox-content div.p1, #linke_spalte #box_search .klbox-content div.p1, #last_viewed .klbox-content div.p1 {padding: 10px !important;}
/**POPUPS**/
#popup_content {}
/**LISTE sortierungs dropdown**/
#list-sorting {text-align:right;}
#sorting {margin-right: 10px;}
/**LISTE die breite der kurzbeschreibung kann hier "maximiert" werden**/
.list-text {width:290px}
.list-tax {padding-top:2px !important;}
.list-pic img {width:100px !important;}

/**PAGINATION**/
.paging {color:#336697; padding:0px 10px;}


/**ARTIKEL die artikelansicht**/
/**ARTIKEL informationen und optionen**/
.infos_lable, .infos_wert {font-size:11px; line-height:20px}
.infos_lable {font-weight:bold}

/**KATEGORIE wenn ich auf eine Hauptkategorie klicke welche unterkategorien hat und keine artikel direkt in der Hauptkategorie angelegt sind**/
/**KATEGORIE styling für die links der unterkategorien wenn mit border muss die breite angepasst werden d.h. mit border width:99% ohne width:100%**/
a.subcat {width: 176px; background-color:#abc5dc; color:#336697 !important; text-align:center; border:1px solid #336697; text-transform:normal; font-weight:bold}
a.subcat:hover {border:1px solid #336697; color:#FFFFFF !important}

/**styling für die artikelansicht
#produktinfo {}
#produktinfo-kopf p.p1 h1 {text-transform:uppercase; line-height:24px; text-align:center; font-size:14px}
.a_view_price {width:100%; position:relative; color:#e33826; font-size:32px; text-align:right; display:block}
.produkt_beschreibung {width:100%;clear:both; padding-top:20px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; text-align:left;}
.produkt_beschreibung h4 {color:#000000}
.extra_info {color:#8a8a8a}**/

/**Startseiten boxen**/
.startbox {}
.start-desc {height:40px !important; padding:5px 5px; color:#fff}
.startbox-kopf {}
.startbox-content {color:#fff}
.startbox-content .list-price {height:57px; vertical-align:bottom}
.startbox-fuss {}

/**funktionen an/ausschalten**/
#list-sorting {display: !important;} /**sortierer Liste**/
#sagb_link {display:none !important;} /**sonderangebote Modul**/
li#news_link {display:none !important;} /**neuheiten Modul**/

/**temporäre korrekturen**/
.site_bg {}
#kopfzeile .suche {} /**fraglich warum ie6 braucht das???**/
/**#navtrail {margin-top:-20px;} kann das in die basics????**/

/**
- bei einer such button grafik muss diese von zb. los.gif in button_quick_find.gif umbenannt werden und in den ordner "buttons" des templates gespielt werden
- tt_contentbox und tt_contenturl müssen dokumentiert werden verwendung von titel und ueberschrift verwendung in der spalte und im contentbereich
- eine neuen contentseite in die standart installation "sonderangebote"
**/

.preis-only, .preis-from {font-size:12px;padding:0px 0px 5px 0px;}
.preis-only strong, .preis-from strong {font-size:12px;padding:0px 0px 5px 0px;}

#crosspromotion .list-price {padding-top: 6px;}
.specials-artikel .list-price {padding-top: 6px;}

.priceimg {padding-top: 3px;}

.start-pic-div {height:150px;}

.suggest_link {
	display:block;
    background-color: #edf2f8;
    padding: 5px 5px 0px 5px;
    height:48px;
    min-height:48px;
    border-right:1px solid #696562;
	border-bottom:1px solid #696562;
	border-left:1px solid #696562;
	color: #336697;
    }
.suggest_link_over {
    color: #336697;
    background: #cadae9;
    padding: 5px 5px 0px 5px;
    cursor:pointer;
    border-right:1px solid #696562;
	border-bottom:1px solid #696562;
	border-left:1px solid #696562;
    height:48px;
    min-height:48px;
}
#search_suggest {
    position:absolute;
	margin-left: -90px;
    margin-top: 6px;
    text-align: left; 
    background-color:#ffffff;  
    display: none;
    z-index: 1000;
	height: 100% !important;
    width:309px;
    overflow: visible;
}
.autosuggest_intro {
	height:16px;
	padding-top:3px;
	padding-left:5px;
	background: #abc5dc;
	background-repeat:repeat-x;
	padding-right:4px;
	border-right:1px solid #696562;
	border-bottom:1px solid #696562;
	border-left:1px solid #696562;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff !important;
	}
.suggestclose_link {
	font-weight:bold;
	color:#336697 !important;
	display:block;
	border-right:1px solid #696562;
	border-bottom:1px solid #696562;
	border-left:1px solid #696562;
	background: #abc5dc;
	height:17px;
	font-weight: bold;
	font-size: 12px;
	padding-top:2px;
	padding-right:194px;
    }
.suggestclose_link:hover {
	text-decoration:none;
	border-right:1px solid #696562;
	border-bottom:1px solid #696562;
	border-left:1px solid #696562;
	background: #abc5dc;
    cursor:pointer;
    color:#ffffff !important;
}
.suggestmore_link {
	font-weight:bold;
	color:#000000;
	display:block;
	background-image:url("img/heading_suggest_bg.jpg");
	background-repeat:repeat-x;
	height:21px;
	padding-top:4px;
	padding-right:5px;
    border-bottom:1px solid #CCCCCC;
    }
.suggestmore_link:hover {
	text-decoration:none;
    cursor:pointer;
    color:#000000
}
#suggest_image {
	width:44px;
	background-color:#ffffff;
	text-align:center;
	border:1px solid #CCCCCC;
	}
.suggest_image {
	width:44px;
	float:left	;
	}
.suggestwidth {
	width:320px;
	}
.suggest_productsname {
	width:210px;
	float:left;
	padding-left:5px;
	font-weight:normal;
	white-space: normal;
	font-size: 12px;
	color: #656668;
	}
.suggest_products_price {
	white-space:nowrap;
	float:right;
	text-align:left;
	padding-right: 22px;
	font-weight: bold;
	font-size: 12px;
	}
.autosuggest_no_products {
	height:17px;
	padding-top:3px;
	padding-left:5px;
	background: #ABC5DC;
	padding-right:5px;
	border-right:1px solid #696562;
	border-left:1px solid #696562;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff !important;
	}

#txtSearch {background: none; border: none; width: 164px;}

.lagerampel {font-weight: bold; color: #336697; font-size: 12px; font-family: arial; padding: 5px 0px 2px 0px;}
.lagerampel_text {margin-top: 0px; position: relative; top: 2px; right: 5px;}

/* LEXIKON */
.lexikon_keyword {font-family: Arial;font-size: 12px;color: #1e6eba; text-decoration: none;}

#box a {
color: #ffffff;
text-decoration: none;
}
#box a:hover {
color: #ffffff;
background: #ffffff;
text-decoration: none;
}

a.lexikon_link:hover {text-decoration: none; cursor:help;}

a.lexikon_link #box span {display: none;}

a.lexikon_link:hover #box span {
	font-size: 11px;
	font-family: arial;
	display: block;
	color: #000000;
	background: none;
	width: 337px;
	border: none;
	z-index: 1000;
	padding: 5px;
	position:absolute;
	font-weight: normal;
	top: 3px;
	left: 0px;
	text-decoration: none;
}

#box {position: relative;}

.lexikon-kopf {background: url(img/lexikon_kopf.png); color: #000000; display: block; height: 16px; width: 337px;}
.lexikon-content {background: url(img/lexikon_content.png); color: #000000; display: block; height: 100%; width: 337px;}
.lexikon-fuss {background: url(img/lexikon_fuss.png); color: #000000; display: block; height: 6px; width: 337px;}

.lexikon-p1 {padding: 0px 11px 5px 19px;}

#extended_search {border:1px solid #8996A6; margin-left:-4px; margin-top:-21px; width:174px;}

.cat_img a img {border-top:1px solid #336697; border-left:1px solid #336697; border-right:1px solid #336697;}

div.buz ul li {list-style:disc inside !important;}

.subcat-title {display:none;}

#garantie_ebay {display:none;}

input.text_bgImage {
	width: 40px; /* 90px + 2*5px = 100px, entspricht Grafikbreite */
	height: 20px; /* entspricht Grafikhöhe */
	border: 0; /* Elementrahmen deaktivieren */
	padding: 0 0 0 0; /* Innenabstand oben - rechts - unten - links */
}