/****************************************************************************************************************
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;}
#dd_navi {padding:0px;}
.klbox div.p1 {margin:0px; padding:0px !important; color:#fff;}
.klbox div.p1 a {color:#fff;}
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:-20px 0 0 -176px !important;}
#navtrail a, #navtrail {font-size: 10px; color:#7C7B7B !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:#fff !important;}
#box_login a:hover, .klbox * .list-tax a:hover, #mitte .startbox-content * .list-tax, #mitte .startbox-content * a:hover {color:#fff !important;}
#mitte * a, #mitte * a:link, #mitte * a:visited {}
#mitte * a:hover, #mitte * a:active, #mitte * .list-tax {}
/**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: #ffffff !important;}
.klbox-content a.promo-name, .klbox-content a.promo-name:visited {color:#fff !important; }
.headline_promobox_sidebar {font-size:12px; font-weight:bold; margin-left:4px;}
/**PREIS ARTIKELPREIS/ARTIKELSONDERPREIS IN DER MITTE**/
.list-price strong {font-size:18px; color:#fff; font-weight:bold}
.list-price .productOldPrice {font-size:12px}
/**PREIS ARTIKELPREIS/ARTIKELSONDERPREIS IN DEN SPALTEN**/
.klbox-content .list-price strong {color:#fff;}
.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-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:#999;}
.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-tax {padding-top:2px !important;}

.list-tax2 {
font-size:9px;
line-height:10px;
display:block;
margin-top:4px;
color:#000000 !important;
}
.list-tax2 a {
font-size:9px;
line-height:10px;
color:#000000 !important;
}
/**PAGINATION**/
.paging {color:#000; 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:99%; background-color:#BB0303; color:#ffffff !important; text-align:center; font-weight:bold; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size:12px !important; height:30px; line-height:30px;}
a.subcat:hover {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 {}



/**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????**/
/*------------------------- Suggest Search Code ------------------------ */
/*---------------------------------------------------------------------- */

#txtSearch {
width:250px; 
background:transparent;
border:0 none;
color:#7C7B7B;
font-family:Arial;
font-size:11px;
font-weight:bold;
height:14px;
padding:5px;
position:absolute;
left:0px;
} 

#searchfield {
background: transparent url(img/suchebg.png) no-repeat scroll 0 0;
height:21px;
width:225px;
}

#search_content {position:absolute; width:348px; z-index:5; right:3px; bottom:38px}

.search_input {width:219px;}
.search_input input {width:204px; margin-bottom:0px; background: transparent none no-repeat; border:0px none}

.search_btn {float:left;}
.search_btn input {height:20px; width:83px; margin-left:14px} 

.search_adv {width:70%; float:left; margin-left:0px; margin-top:-2px}

.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 div {
z-index:99 !important;
}

#search_suggest {
    position:absolute;
    font-size:12px;
    text-align: left; 
    border: 1px solid #979595;  
    background-color:#ffffff;  
    display: none;
	top:32px;
	left:-8px;
    z-index: 99 !important;
    height:450px;
    width:370px;
    overflow:visible !important;
	z-index:999;
	font-family:Arial, Helvetica, sans-serif;
}
.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:350px;
}
.suggest_productsname {
	width:210px;
	float:left;
	padding-left:5px;
	font-weight:bold;
}
.suggest_products_price {
	white-space:nowrap;
	float:right;
	text-align:left;
    font-weight:bold; color:#CE0015;
}
.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;
}

.suggestclose_toplink {
width:15px;
height:15px;
float:right;
font-weight:bold;
font-size:12px;
}
/*------------------------- Suggest Search Code ENDE ------------------------ */
/*--------------------------------------------------------------------------- */
/**
- 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"

/* LEXIKON */

.lexikon_keyword {font-family: Tahoma, Arial, sans-serif;font-size: 11px;color: #bb0303;text-decoration: none;}
#box a {
color: #70796c;
text-decoration: none;
}
#box a:hover {
color: white;
background: #000000;
text-decoration: none;
}
#box a span {display: none;}
#box a:hover span {
	display: block;
	color: #000000;
	background: #c0cada;
	width: 310px;
	border: 1px solid #70796c;
	z-index: 100;
	padding: 3px;
	position:absolute;
	font-weight: lighter;
}

#box_search {
height:40px;
position:relative;
width:350px;
z-index:100 !important;
}

#white_dot {
position:absolute;
width:11px;
height:11px;
top:40px;
left:288px;
background:#fff;
z-index:9998; 
}

#red_dot {
position:absolute;
width:9px;
height:9px;
top:40px;
left:289px;
background:#bb0303;
z-index:9999; 
opacity:1;
}

#head_banner {
width:600px;
height:132px;
overflow:hidden;
position:absolute;
margin-left:389px;
padding-top:13px;
z-index:9;
}

.list_cat_wrap {
margin:0 10px;
width:618px;
}

.list_cat_head h1 {
color:#595959;
font-size:22px;
font-weight:normal;
letter-spacing:10px;
text-align:left;
}


/* new products default */

#startwrapper {
margin:0 5px;
width:628px;
}

.start-links {
float:left;
margin-bottom:5px;
margin-right:7px;
}

.start-mitte {
float:left;
margin-right:7px;
}

.start-rechts {
float:left;
margin-bottom:5px;
}

.startbox {
}

.startbox-kopf {
background:transparent url(gfx/startkopf.gif) no-repeat 0 0;
height:5px;
width:204px;
}

.startbox-content {
background:transparent url(gfx/startmitte.gif) repeat-y 0 0;
width:204px;
}

.start-pic-div {
display:table-cell;
height:150px;
margin-top:15px;
overflow:hidden;
vertical-align:middle;
width:204px;
}

a img {
border:medium none;
vertical-align:middle;
}

.startbox-fuss {
background:transparent url(gfx/startfuss.gif) no-repeat 0 0;
color:#545454;
height:130px;
position:relative;
width:204px;
}

.start-name {
height:25px;
line-height:13px;
margin:0 0 0 20px;
width:177px;
}

.start-price {
bottom:25px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
position:absolute;
right:4px;
}

.start-name a {
color:#fff !important;
display:block;
font-size:12px;
font-weight:bold;
padding-top:3px;
}

.start-price-wrap {
height:57px;
position:relative;
text-align:right;
margin:0 7px 0 0px;
}

.start-tax-wrap {
height:10px;
text-align:right;
font-size:10px;
bottom:0;
height:20px;
left:25px;
position:absolute;
color:#fff;
}

.start-tax-wrap a {
color:#fff !important;
}

.start-btn {
bottom:25px;
height:22px;
left:15px;
position:absolute;
width:130px;
}

.listbox-kopf2 {
margin-bottom:10px;
}

.listbox-kopf2 h1, .listbox-kopf2 h2 {
color:#545454;
font-size:19px;
font-weight:bold;
padding:0 10px 0 20px;
}
.start-price .productOldPrice {
background:#FFFFFF;
bottom:178px;
color:#000000;
display:block;
font-size:12px;
right:0px;
padding:2px 2px 2px 5px;
position:absolute;
width:100px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
/* EOF new products default */


h4 ol, h4 ul, h4 ul li, h4 ul ul li {
list-style-image:none;
list-style-position:inside;
list-style-type:disc;
}

h4 ul li, h4 ul li ul li {
padding:0 0 0 10px;
}

.artikelbeschreibung ul, ul li {
list-style-type:disc;
list-style-position: outside;
}

.pmanu {
background:#fff;
border-left:1px solid #d4d3d3;
border-right:1px solid #d4d3d3;
padding:0 15px;
}


.list-price2-prodinfo .anstatt_wrap {
color:#FFFFFF;
line-height:17px;
}

.list-price2-prodinfo .anstatt_wrap .anstatt {
color:#FFFFFF;
text-decoration: line-through;
}

.list-price .anstatt_wrap {
font-size:13px;
color:#FFFFFF;
line-height:15px;
}

.list-price .anstatt_wrap .anstatt {
font-size:14px;
color:#FFFFFF;
text-decoration: line-through;
}

.list-price2 .anstatt_wrap {
font-size:13px;
color:#000;
line-height:15px;
margin-bottom:8px;
}

.list-price2 .anstatt_wrap .anstatt {
font-size:14px;
color:#000;
text-decoration: line-through;
}


.grbox-kopf p a {
color:#fff;
}

.imagegalery_ul {
padding:0;
width:3818px !important;
list-style:none outside none !important;
margin:0;
}

#imagegalery, #imagegalery li {
list-style:none outside none !important;
margin:0;
padding:0;
}

.imagegalery_content ul li {
float:left;
}

.imagegalery_content img {
margin:10px 5px;
}

#kracher_banner {
position:absolute;
bottom:0px;
right:0px;
}

#review_img {
width:144px;
margin-left:2px;
}

#main_beratung {
width:100%;
height:175px;
}

.main_beratung_img {
display:block;
float:left;
}