/****************************************************************************************************************
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;}
.klbox2 div.p1 {margin:20px; padding:0px !important;}
.p2 {padding: 5px 10px;}
.klbox-content2.p1 {margin:20px; 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;}
*+html select {font-size: 11px; height:20px; width:128px;}
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;}
/**NAVTRAIL für den navtrail über die volle breite folgende Werte hinzufügen margin-left:-176px; width:980px;**/

/**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:#333333 !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:#adb341; font-style:italic; font-weight:bold}
#cart_quantity .list-price .productOldPrice {font-size:10px;margin-top:49px;position:absolute; font-weight:normal; font-style:normal;}
*+html #cart_quantity .list-price .productOldPrice {font-size:10px;margin-top:55px;position:absolute; font-weight:normal; font-style:normal;}
.list-price .productOldPrice {font-size:10px;margin-top:70px;position:absolute; font-weight:normal; font-style:normal;}
*+html .list-price .productOldPrice {font-size:10px;margin-top:70px;position:absolute; font-weight:normal; font-style:normal;}
.start-list-price .productOldPrice {font-size:10px}
/**PREIS ARTIKELPREIS/ARTIKELSONDERPREIS IN DEN SPALTEN**/
.klbox-content .list-price strong {color:#adb341; margin-top:65px;}
.klbox-content .list-price .productOldPrice {font-size:12px; display:block; padding:10px 0 0 0;}
/**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:5px; margin-left:-5px}
#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:#ccc;}
.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**/
/**LISTE die breite der kurzbeschreibung kann hier "maximiert" werden**/
.list-text {width:330px;}
.list-tax {padding-top:2px !important;}
/**PAGINATION**/
.paging {color:#000; padding:0px 10px;}


/**ARTIKEL die artikelansicht**/
/**ARTIKEL informationen und optionen**/
.infos_lable, .infos_wert {font-size:11px; line-height:15px}
.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:99%; background-color:#ccc; color:#000 !important; text-align:center; border:1px dotted #ffffff; text-transform:uppercase; font-weight:bold; font-size:11px;}
a.subcat:hover {border:1px dotted #014995; 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:70px; vertical-align:bottom}
.startbox-fuss {}

.startbox1{margin-left:3px;}
#startmodule div.p1 {margin:0px; padding:0px 3px !important;}



/**funktionen an/ausschalten**/
#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????**/

/** Suggestsearch**/

.suggest_link {
	display:block;
        background-color: #FFFFFF;
        padding: 7px 6px 14px 6px;
        height:34px;
        min-height:34px;
        border-bottom:1px solid #CCCCCC;
        font-size:11px;
        color:#979595
}
.suggest_link_over {
    background:#F0F0F0;
    padding: 7px 6px 14px 6px;
    cursor:pointer;
    border-bottom:1px solid #CCCCCC;
    height:34px;
    min-height:34px;
    font-size:11px;
}

#search_suggest {
    position:absolute;
    font-size:12px;
    text-align: left; 
    border: 1px solid #979595;  
    background-color:#ffffff;  
    display: none;
    z-index: 1000;
    height:450px;
    width:335px;
    overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
}

*+html #search_suggest {left: 189px; top:23px;}

.autosuggest_intro {
	height:22px;
	padding-top:3px;
	padding-left:5px;
        background:#E5E5E3;
	padding-right:5px;
        border-bottom:1px solid #CCCCCC;
        color:#444444 !Important;
}
.suggestclose_link {
	font-weight:bold;
	color:#444444 !important;
	display:block;
        background:#E5E5E3;
	height:21px;
	padding-top:4px;
	padding-right:5px;
    border-bottom:1px solid #CCCCCC;
   }
.suggestclose_link:hover {
	text-decoration:none;
    cursor:pointer;
    color:#000000 !important
}
#suggestmore_link {
	font-weight:normal;
	color:#444444 !important;
	display:block;
        background:#FFFFFF;
	height:21px;
	padding-top:4px;
	padding-right:5px;
    border-bottom:1px solid #CCCCCC;
   }
#suggestmore_link:hover{
	text-decoration:none;
    cursor:pointer;
    color:#000000;
    background:#F0F0F0 !important;
}
#suggest_image {
	width:44px;
	background-color:#ffffff;
	text-align:center;
	border:1px solid #CCCCCC;
}
.suggest_image {
	width:44px;
	float:left;
        padding-right:3px
}
.suggestwidth {
	width:306px;
	
	height:100%
}
.suggest_productsname {
	width:160px;
	float:left;
	padding-left:5px;
	font-weight:bold;
}
.suggest_products_price {
	white-space:nowrap;
	float:right;
	text-align:left;
    font-weight:bold; color:#adb341;
}
.autosuggest_no_products {
    font-size:11px;
	height:33px;
    font-weight:bold;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
    border-bottom:1px solid #CCCCCC;
}
.adressenauswahl{
margin-bottom:15px;
}

#ask {left:970px;
position:absolute;
top:320px;}

#checkout_payment p {margin-left:10px;}

#btnl {position:absolute;
left:680px;
top:645px;}
#btn2 {position:absolute;
right:440px;
top:645px;}
#addressbook .p1 {margin-left:19px; width:696px !important;height:310px !important;}

.taxsis {;font-size:10px;width:173px;margin-top:-11px;}
*+html .taxsis {font-size:10px;width:173px;margin-top:-11px;}

.infos_wert img { margin-bottom:16px;}

#start_banner {float:none; display:block; width:730px; margin-left:4px;}
#bannerslider {
    border: 0 solid #D4D4D4;
    height: 320px;
    margin-bottom: 0;
    position: relative;
    width: 730px;
}
.prev, .next, .prevm, .nextm {margin-left: 2px; display:block; height:320px; width:28px; background:url(gfx/slide_left.gif) no-repeat center; position:absolute; z-index:10; cursor:pointer;}
.slider {
    padding-left: 30px;
    padding-right: 30px;
    width: 670px;
	}
#bannerslider .slider, #bannerslider .slider ul {height:320px; overflow:hidden;}
.next, .nextm {margin-right: 2px; background:url(gfx/slide_right.gif) no-repeat center; right:0; margin-top:-320px;}

