﻿/**  
 * auffaellig.medien | agentur fuer moderne kommunikation  
 * (de) zentrales Stylesheet  
 * (en) central stylesheet  
 *  
 * @creator     Handcrafted by auffaellig.medien (www.auffaellig-medien.de)  
 * @file        Screen-Layout  
 */  

@media screen
{

/*	Description:    Bodystyle #C8C8C8
/*************************************************************************/
* {padding:0; margin:0;}
html,body {padding:0; margin:0;}
html,body,#maincontainer,#wrapper,#wrap {height:auto;}
body {padding:0; margin:0; background:#000022; overflow-x:hidden}

.mauspointer {cursor:pointer} 

/*	Description:    Headlines & Fontstyles
/*************************************************************************/
h1 {font:normal 17px/100% Arial, Helvetica, sans-serif; color:#005600; font-weight:bold; padding:0 35px 0 0; margin:75px 0 20px 0; position:relative;}
h2 {font:normal 15px Arial, Helvetica, sans-serif; color:#48578B; padding:0; margin:0;}
h3 {font:normal 15px Arial, Helvetica, sans-serif; color:#D40055; padding:0; margin:0;}
h4 {font:bold 14px Arial, Helvetica, sans-serif; color:#D40055; padding:0; margin:0;}
h5 {font:normal 14px Arial, Helvetica, sans-serif; color:#fff; padding:0; margin:0;}

div {color:#383433; text-transform:none; font:normal 12px/130% Arial, Helvetica, sans-serif;}

table {border-collapse:collapse; text-align:left;}
td { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px}
.caru td {padding:0 12px 0 0;}

#checkout td { padding:8px}

/* Hintergrundbild verlinken */
#promocontainer {width:1200px; height:800px; height:100%; clear:left; position:absolute; z-index:1;}
#promocontainer a {display:block; width:300px; right:0; z-index:2}

/*	Description:    Mainlayout
/*************************************************************************/
#maincontainer {width:1000px; margin:0; float:left; clear:left; z-index:50; position:relative; background:#FFF}

#header {width:990px; height:110px; margin:0 0 0 10px;}
#suchbox {width:180px; height:175px; background:url("../images/bg_suchbox.jpg") no-repeat 0 0;}
#suchbox_en {width:180px; height:175px; background:url("../images/en/bg_suchbox.jpg") no-repeat 0 0;}
#suchbox_fr {width:180px; height:175px; background:url("../images/fr/bg_suchbox.jpg") no-repeat 0 0;}


#suche {width:160px; padding:70px 0 0 0; margin:0 0 15px 10px;}

#welcome {width:600px; padding:8px 0 5px 0; text-align:center; float:left; margin:-5px 0 0 0; border-bottom:1px solid #FFF; background:#DEE1EA;}
#lang-de {position:relative; left:295px; top:10px; float:left;}
#lang-en {position:relative; right:300px; top:10px; float:right;}

#wrapper {width:990px; margin:0; padding:0 0 25px 0; float:left; clear:left; position:relative; background:#FFF }
#wrap {width:600px; background:#FFF; min-height:600px; margin:0 auto; padding:0 0 25px 0; float:left; position:relative;}

#footerstick {width:980px; margin:0; z-index:C4C3C4; clear:both; background:#FFF; border-left:10px solid #FFF; border-right:10px solid #FFF;}
#footer {width:960px; height:100px; padding:20px 0 0 0; margin:0 auto; background:url("../images/bg_footer.gif") no-repeat 0 bottom; border-top:1px dotted #004600;}
.foot-l {width:180px; padding:0 10px; margin:0 0 0 5px; float:left;font-size:0.9em;}
.foot-c {width:520px; padding:0 10px; float:left; font-size:0.9em; text-align:center;}
.foot-r {width:180px; padding:0 10px; float:left; font-size:0.9em; text-align:right;}

/*	Description:    Content-Layout
/*************************************************************************/
#contentwrap {width:610px; padding:0; margin:0 0 0 15px;}
.leftcol {width:180px; margin:0 0 0 9px; padding:0 0 0 10px; float:left; clear:left; border-right:1px solid #FFF;}
.leftbox {width:180px; margin:20px 0 0 0; padding:0; float:left; clear:left; background:#FFF; border-bottom:3px solid #C4C3C4;}
.rightcol {width:180px; margin:0 0 0 -1px; padding:0 10px 0 0; float:left; clear:right; position:relative; border-left:1px solid #FFF;}
.rightbox {width:180px; margin:20px 0 0 0; padding:0; float:left; position:relative; background:#FFF; border-bottom:3px solid #C4C3C4;}

/*	Description:	imgages
/*************************************************************************/
img, a {border:none;}
.lang {vertical-align:text-bottom; border:none; margin:-2px 0 0 0; font:bold 12px arial; color:#000;}
.lang:hover {text-decoration:underline;}

/*	Description:	Label & Header left-right 
/*************************************************************************/
.head-l {background:url("../images/bg_startbox_l.jpg") no-repeat 0 0; font:bold 13px Verdana; float:left; color:#000; width:170px; margin:0 0 6px 0; padding:0 0 0 10px; border-bottom:3px solid #C4C3C4;}
.head-l span {background:url("../images/bg_startbox_r.jpg") no-repeat right 0; float:left; width:170px; padding:6px 0 5px 0; position:relative;}
.head-r {background:url("../images/bg_startbox_l.jpg") no-repeat 0 0; font:bold 13px Verdana; float:left; color:#000; width:170px; margin:0 0 0 0; padding:0 0 0 10px; border-bottom:3px solid #C4C3C4;}
.head-r span {background:url("../images/bg_startbox_r.jpg") no-repeat right 0; float:left; width:170px; padding:6px 0 5px 0;}

label {width:140px; margin:0 0 10px 0; float:left; clear:left;}

/*	Description:	Navi und Links
/*************************************************************************/
a {color:#003333; outline:none; border:none; text-decoration:none;} /* entfernt den laestigen Linkrahmen */
a:hover {color:#000; outline:none; text-decoration:none;}

/*	Description:    Topnav
/************************************************************************/
#menu {margin:0;}

/*	Description:    Navbar aktiv
/************************************************************************/
#sub-menu {float:left; clear:left; width:600px; padding:14px 0 0 0; background:url("../images/bg_subnav.jpg") repeat-x 0 0; text-align:center; border-bottom:5px solid #032F04;}
a.sub-menu {font:bold 12px arial; color:#032F04; display:inline; padding:15px 9px 5px 9px; position:relative; background:url("../images/icons/pointer.gif") no-repeat center 0; }
a.sub-menu:hover {color:#FFF; background:#032F04;}
#sub-menu-selected {color:#FFF; background:#032F04;}

/* Kundencenter */
#kundencenter {width:180px; height:113px; padding:62px 0 0 0; position:relative; background:url("../images/bg_kundencenter.jpg") no-repeat 0 0;}
#kundencenter_en {width:180px; height:113px; padding:62px 0 0 0; position:relative; background:url("../images/en/bg_kundencenter.jpg") no-repeat 0 0;}
#kundencenter_fr {width:180px; height:113px; padding:62px 0 0 0; position:relative; background:url("../images/fr/bg_kundencenter.jpg") no-repeat 0 0;}
#kundencenter ul {list-style-type:none; margin:0; padding:0;}
#kundencenter a {display:block; text-decoration:none;}
#kundencenter li {list-style:none; text-indent:2px; margin:0; position:relative; width:165px; border-bottom:1px dotted #0C1F65; margin:0;}
#kundencenter li a {font:normal 12px arial; color:#000; display:block; padding:2px 0 2px 10px;}
#kundencenter li a:hover {color:#CB3000; background:transparent;}
#kundencenter li ul li a {background:transparent; color:#000; padding-left:10px;}
#kundencenter li ul li a:hover {background:transparent; border-left:5px #000 solid; padding-left:15px;}

/* Produktboxen auf Shopstartseiten + Produktseite */
.smallbox_head {float:left; cursor:pointer; text-align:center; width:260px; height:35px; background:url("../images/bg_startbox_l.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:0;}
.smallbox_head span {float:left; width:265px; height:35px; background:url("../images/bg_startbox_r.jpg") no-repeat right 0; margin:0; padding:10px 0 0 0; font-weight:bold; color:#000;}
dl.small {width:265px; height:314px; float:left; position:relative; overflow:hidden; margin:0 39px 15px 0; background:url("../images/bg_startbox_u.gif") repeat-x 0 bottom;}
dt.small {margin:0; padding:0;}
dd.small {min-height:50px; margin:0; padding:10px 10px 0 10px; font:normal 11px/100% Arial;}
.preis {width:140px; margin:0 10px 0 0; padding:9px 0 0 0; float:left;}
.link {width:90px; padding:0 0 5px 0; float:left;}
.morelink {min-height:29px; margin:0; padding:1px 0 5px 0; position:relative; background:#f60 url("../images/bg_morelink.jpg") no-repeat 0 bottom;}

/* Listboxen auf Shoplister */
.listbox_head { cursor:pointer; text-align:left; font-weight:bold; width:434px; height:40px; background:url("../images/head.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 136px;}
.listbox_head_2cv { cursor:pointer; text-align:left; font-weight:bold; width:434px; height:30px; background:url("../images/head_2cv.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 136px;}
.listbox_head_ds { cursor:pointer; text-align:left; font-weight:bold; width:434px; height:40px; background:url("../images/head_11cv.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 136px;}
.listbox_head_renault { cursor:pointer; text-align:left; font-weight:bold; width:434px; height:40px; background:url("../images/head_renault.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 136px;}
.listbox_head_peugeot { cursor:pointer; text-align:left; font-weight:bold; width:434px; height:40px; background:url("../images/head_peugeot.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 136px;}
.listbox_head_citroen { cursor:pointer; text-align:left; font-weight:bold; width:434px; height:40px; background:url("../images/head_citroen.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 136px;}

dl.list {width:570px; min-height:125px; float:left; position:relative; overflow:hidden; margin:0 39px 15px 0; background:url("../images/bg_bigbox_u.gif") repeat-x 0 bottom;}
dt.list {margin:0; padding:0; font-weight:bold;}
dd.list {min-height:50px; margin:0; padding:10px; font:normal 11px/110% Arial;}
.morelinklist {width:570px; min-height:35px; margin:0 0 -12px -12px; padding:10px 0 0 10px; position:relative; background:url("../images/bg_morelinklist.jpg") no-repeat 0 bottom;}

/* Listboxen auf Shoplister */
.galbox_head {float:left; cursor:pointer; text-align:center; width:135px; height:35px; background:url("../images/bg_galbox_l.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:0;}
.galbox_head span {float:left; width:135px; height:35px; background:url("../images/bg_galbox_r.jpg") no-repeat right 0; margin:0; padding:10px 0 0 0; font-weight:bold; color:#000;}
dl.gal {width:135px; height:232px; float:left; position:relative; overflow:hidden; margin:0 10px 10px 0; background:url("../images/bg_galbox_u.gif") repeat-x 0 bottom;}
dt.gal {margin:0; padding:0;}
dd.gal {min-height:50px; margin:0; padding:10px 10px 0 10px; font:normal 11px/100% Arial;}
.morelinkgal {height:30px; margin:0; padding:5px 0 0 10px; position:relative; background:#f60 url("../images/bg_morelinkgal.jpg") no-repeat 0 bottom;}

/* Infoboxen auf Produktseite */
.bigbox_head { cursor:pointer; text-align:center; width:570px; height:40px; background:url("../images/bg_bigbox_l.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:0;}
.bigbox_head span {float:left; width:570px; height:40px; background:url("../images/bg_bigbox_r.jpg") no-repeat right 0; margin:0; padding:15px 0 0 0; font-weight:bold; color:#000;}
dl.big {width:570px; min-height:125px; float:left; position:relative; overflow:hidden; margin:0 39px 15px 0; background:url("../images/bg_bigbox_u.gif") repeat-x 0 bottom;}
dt.big {margin:0; padding:0; font-weight:bold;}
dd.big {min-height:50px; margin:0; padding:10px; font:normal 11px/100% Arial;}

/* Box-Galerieansicht auf Shoplister */
.gallook {width:570px; height:70px; float:left; position:relative; overflow:hidden; margin:25px 0 -25px 0; padding:15px; background:url("../images/bg_gallook.gif") no-repeat 0 0}


/* Teaser für ProduktListen */
#pbox_titel {font:bold 12px Arial; padding:10px;}
#pbox_titel:hover {color:#EAEAEA}
.PreisTeaser {color:#000; font:bold 15px Arial; font-weight:normal}
.ArtnrPreis {color:#000; font:bold 14px Arial;}

/* Teaser für Startseite und Gross Presentationen */
#teaser_titel a {width:570px; height:45px; color:#0C1F65; font:bold 16px Geneva, Arial, Helvetica, sans-serif; padding:13px 0 0 60px; margin:10px 0 0 0; display:block; background:url("../images/bg_contenthead.jpg") no-repeat 0 0;}
#teaser_titel a:hover {color:#CF630C;}

#teaser_titel_EN a {width:570px; height:45px; color:#0C1F65; font:bold 16px Geneva, Arial, Helvetica, sans-serif; padding:13px 0 0 60px; margin:10px 0 0 0; display:block; background:url("../images/bg_contenthead.jpg") no-repeat 0 0;}
#teaser_titel_EN a:hover {color:#CF630C;}

#teaser_titel_FR a {width:570px; height:45px; color:#0C1F65; font:bold 16px Geneva, Arial, Helvetica, sans-serif; padding:13px 0 0 60px; margin:10px 0 0 0; display:block; background:url("../images/fr/bg_contenthead.jpg") no-repeat 0 0;}
#teaser_titel_FR a:hover {color:#CF630C;}

#teaser-td {padding:10px; margin:0; height:100px; vertical-align:top;}
 
/* Teaser für CMS Listen, News etc. */
#teaser_cms_titel a {color:#0C1F65; font:bold 10pt Geneva, Arial, Helvetica, sans-serif; padding:5px; display:block;}
#teaser_cms_titel a:hover {color:#AF8515; font:bold 10pt Geneva, Arial, Helvetica, sans-serif; padding:5px; display:block;}
#teaser_cms_content {padding:5px; vertical-align:top}
#teaser_cms_content a, #teaser_cms_content a:hover {padding:5px; text-decoration:underline; font-weight:bold}

/* Teaser für Startseite und Gross Presentationen */
#rahmen_marke_start {width:570px; position:relative; float:left; clear:left; background:url("../images/bg_teaser.gif") no-repeat 0 0;}
#rahmen_teaser {width:570px; margin:0 0 20px 0; background:url("../images/bg_teaser_bottom.gif") no-repeat 0 bottom;
border-left:0px solid #C4C3C4; border-right:0px solid #C4C3C4;}
#rahmen_teaser td {font-size:13px; color:#063;}
#small {padding:5px; margin:-5px 0 0 0; font:normal 10px/10px Verdana; text-align:center;}

/* Box / Tabellen */
.legende {width:570px; height:35px; padding:0; margin:10px 0 10px 0; background:url("../images/bg_legende.jpg") no-repeat 0 0; font-weight:bold; line-height:15px;}

.Box {border:1px solid #ccc;}
.Box td {padding:5px}
.Box_Kopf {background-color:#F7F7F7; color:#326132; padding:3px; border-bottom:1px solid #ccc; font-size:13px; font-weight:bold; height:25px}

#wkstrich {border-bottom:1px solid #ccc; padding:10px}
#wkdouble {border-top:3px double #ccc}

/* Fehler Box */
.Fehler {width:493px; background:#FFF url("../images/error.gif") no-repeat 5px 2px; font:bold 12px sans-serif; border:1px solid #CB3000; color:#333333; margin:0 0 10px 0; padding:5px 5px 5px 70px;}

#formstyler {border:1px solid #CCC; width:570px; float:left; clear:left;}
#formstyler td {padding:4px;}
#lieferanschrift { width:100% }

#dialog {background:#FFF}
#dialog h1 {font-size:16px; font-weight:bold}
#dialog h2 {font-size:14px}

div.bilddetailstart {width:200px; height:150px; overflow:hidden; border:1px solid #CFCFCF; background:#FFF; margin:1px;}

/* Kleine Bilder / Startseite / etc. */
img.carousel_thumbs {width:45px; height:40px; border:1px solid #CCC; margin:0}
#jcarousel-control {height:50px; width:570px; padding:10px 0;}
#jcarousel-control ul {list-style-type:none; margin:0; padding:0; width:560px; line-height:66px;}
#jcarousel-control li{margin:0; text-align:center; width:66px; float:left}
#jcarousel-titel {vertical-align:top; text-align:left; height:75px; padding:0 0 0 12px; font:normal 15px Arial;}
#jcarousel-wgr {color:#0C1F65; font:bold 15px Arial;}

#bigbild {}
.ScrollBigImage {height:400px; width:547px; overflow-x:scroll; overflow-y:scroll; border:0px solid #ccc; margin:0; padding:0}

/* Titel fonts für Layer Boxen */
.laytitel {font-size:15px; color:#AA3F00; font-weight:bold; line-height:20px; padding:0; margin:0}
.laytitel2 {font-size:13px; color:#7F1F00; font-weight:bold; line-height:18px; padding:0; margin:0}

/* Preis Grossdarstellung */
.Preis_gross { font-size:160%; font-weight:bold}

/* KFZ Kennzeichen / Minibuttons */
#kfzminibutton, #kfzminibuttonAlle  {font-size:7.5pt; font-weight:bold; padding:3px 2px 1px 1px; margin:1px; line-height:5px; width:auto; height:8px;
font-weight:bold; color:#222; float:left; border-right:1px solid #666; text-align:center; -moz-border-radius:3px;}

/* Description: sliding-door button */
.button {background:url("../images/bg_button_a.gif") no-repeat top right; font:bold 11px Arial, sans-serif; color:#000; text-decoration:none; display:block;
float:left; height:24px; padding-right: 12px; margin:5px 6px 5px 0; text-align:center; cursor:pointer;}
.button:hover {color:#E16A0C; text-decoration:none;}
.button span {background:transparent url("../images/bg_button_div.gif") no-repeat; display:block; line-height:14px; padding:5px 0 5px 12px;}

.chkout {background:url("../images/bg_button_chk_l.jpg") no-repeat left 0; font:bold 14px Arial, sans-serif; color:#FFF; text-decoration:none; display:block;
float:right; height:40px; margin:15px 0 0 0; padding:0 0 0 35px; cursor:pointer;}
.chkout span {background:url("../images/bg_button_chk_r.jpg") no-repeat right 0; display:block; padding:12px 10px 0 0; height:28px; white-space:nowrap; text-align:center; }
.chkout:hover {background:url("../images/bg_button_chk_l.jpg") no-repeat left -40px; color:#FFF; display:block; padding:0 0 0 35px; height:40px; white-space:nowrap; text-align:center; }
.chkout:hover span {background:url("../images/bg_button_chk_r.jpg") no-repeat right -40px; display:block; padding:12px 10px 0 0; height:40px; white-space:nowrap; text-align:center; }

.back {background:url("../images/bg_button_back_l.jpg") no-repeat left 0; font:bold 14px Arial, sans-serif; color:#FFF; text-decoration:none; display:block;
float:left; height:40px; margin:15px 0 0 0; padding:0 0 0 35px; cursor:pointer;}
.back span {background:url("../images/bg_button_back_r.jpg") no-repeat right 0; display:block; padding:12px 10px 0 0; height:40px; white-space:nowrap; text-align:center; }
.back:hover {background:url("../images/bg_button_back_l.jpg") no-repeat left -40px; color:#FFF; display:block; padding:0 0 0 35px; height:40px; white-space:nowrap; text-align:center; }
.back:hover span {background:url("../images/bg_button_back_r.jpg") no-repeat right -40px; display:block; padding:12px 10px 0 0; height:40px; white-space:nowrap; text-align:center; }

.print {background:url("../images/bg_button_print_l.jpg") no-repeat left -30px; font:bold 12px Arial, sans-serif; color:#FFF; text-decoration:none; display:block;
float:left; height:30px; margin:15px 0 0 0; padding:0 0 0 35px; cursor:pointer;}
.print span {background:url("../images/bg_button_print_r.jpg") no-repeat right -30px; display:block; padding:8px 10px 0 0; height:22px; white-space:nowrap; text-align:center; }
.print:hover {background:url("../images/bg_button_print_l.jpg") no-repeat left 0; color:#FFF; display:block; padding:0 0 0 30px; height:30px; white-space:nowrap; text-align:center; }
.print:hover span {background:url("../images/bg_button_print_r.jpg") no-repeat right 0; display:block; padding:8px 10px 0 0; height:22px; white-space:nowrap; text-align:center; }

.refresh {background:url("../images/bg_button_refresh_l.jpg") no-repeat left 0; font:bold 12px Arial, sans-serif; color:#FFF; text-decoration:none; display:block;
float:left; height:30px; margin:15px 0 0 0; padding:0 0 0 35px; cursor:pointer;}
.refresh span {background:url("../images/bg_button_refresh_r.jpg") no-repeat right 0; display:block; padding:8px 10px 0 0; height:22px; white-space:nowrap; text-align:center; }
.refresh:hover {background:url("../images/bg_button_refresh_l.jpg") no-repeat left -30px; color:#FFF; display:block; padding:0 0 0 35px; height:30px; white-space:nowrap; text-align:center; }
.refresh:hover span {background:url("../images/bg_button_refresh_r.jpg") no-repeat right -30px; display:block; padding:8px 10px 0 0; height:22px; white-space:nowrap; text-align:center; }

/* Willkommenseite */
.kdcntr {background:url("../images/bg_button_kdcntr_l.gif") no-repeat left 0; font:bold 14px Arial, sans-serif; color:#222; text-decoration:none; display:block;
float:left; width:125px; height:125px; margin:0 16px 0 0; padding:0; cursor:pointer;}
.kdcntr:hover {color:#F60; text-decoration:none;}
.kdcntr span {background:url("../images/bg_button_kdcntr_r.gif") no-repeat right 0; display:block; padding:10px; width:115px; height:125px; text-align:center; }


/* Service-Center Buttons */
.besteller {background:url("../images/btn-bestellschein.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.besteller:hover {background:url("../images/btn-bestellschein.jpg") no-repeat 0 -31px;}
.besteller_en {background:url("../images/en/btn-bestellschein.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.besteller_en:hover {background:url("../images/en/btn-bestellschein.jpg") no-repeat 0 -31px;}
.besteller_fr {background:url("../images/fr/btn-bestellschein.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.besteller_fr:hover {background:url("../images/fr/btn-bestellschein.jpg") no-repeat 0 -31px;}

.faxer {background:url("../images/btn-faxform.jpg") no-repeat 0 0; width:180px; height:31px; display:block; margin:-3px 0 0 0;}
.faxer:hover {background:url("../images/btn-faxform.jpg") no-repeat 0 -31px;}
.faxer_en {background:url("../images/en/btn-faxform.jpg") no-repeat 0 0; width:180px; height:31px; display:block; margin:-3px 0 0 0;}
.faxer_en:hover {background:url("../images/en/btn-faxform.jpg") no-repeat 0 -31px;}
.faxer_fr {background:url("../images/fr/btn-faxform.jpg") no-repeat 0 0; width:180px; height:31px; display:block; margin:-3px 0 0 0;}
.faxer_fr:hover {background:url("../images/fr/btn-faxform.jpg") no-repeat 0 -31px;}
.email_fr {background:url("../images/fr/btn-emailform.jpg") no-repeat 0 0; width:180px; height:31px; display:block; margin:-3px 0 0 0;}
.email_fr:hover {background:url("../images/fr/btn-emailform.jpg") no-repeat 0 -31px;}


.warenkorb {background:url("../images/btn-warenkorb.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.warenkorb:hover {background:url("../images/btn-warenkorb.jpg") no-repeat 0 -31px;}
.warenkorb_en {background:url("../images/en/btn-warenkorb.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.warenkorb_en:hover {background:url("../images/en/btn-warenkorb.jpg") no-repeat 0 -31px;}
.warenkorb_fr {background:url("../images/fr/btn-warenkorb.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.warenkorb_fr:hover {background:url("../images/fr/btn-warenkorb.jpg") no-repeat 0 -31px;}

.kasse {background:url("../images/btn-kasse.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.kasse:hover {background:url("../images/btn-kasse.jpg") no-repeat 0 -31px;}
.kasse_en {background:url("../images/en/btn-kasse.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.kasse_en:hover {background:url("../images/en/btn-kasse.jpg") no-repeat 0 -31px;}
.kasse_fr {background:url("../images/fr/btn-kasse.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.kasse_fr:hover {background:url("../images/fr/btn-kasse.jpg") no-repeat 0 -31px;}

.kunde {background:url("../images/btn-kunde.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.kunde:hover {background:url("../images/btn-kunde.jpg") no-repeat 0 -31px;}
.kunde_en {background:url("../images/en/btn-kunde.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.kunde_en:hover {background:url("../images/en/btn-kunde.jpg") no-repeat 0 -31px;}
.kunde_fr {background:url("../images/fr/btn-kunde.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.kunde_fr:hover {background:url("../images/fr/btn-kunde.jpg") no-repeat 0 -31px;}

.neukd {background:url("../images/btn-neukd.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.neukd:hover {background:url("../images/btn-neukd.jpg") no-repeat 0 -31px;}
.neukd_en {background:url("../images/en/btn-neukd.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.neukd_en:hover {background:url("../images/en/btn-neukd.jpg") no-repeat 0 -31px;}
.neukd_fr {background:url("../images/fr/btn-neukd.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.neukd_fr:hover {background:url("../images/fr/btn-neukd.jpg") no-repeat 0 -31px;}

.katalog {background:url("../images/btn-katalog.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.katalog:hover {background:url("../images/btn-katalog.jpg") no-repeat 0 -31px;}

.newsletter {background:url("../images/btn-newsletter.jpg") no-repeat 0 0; width:180px; height:31px; display:block;}
.newsletter:hover {background:url("../images/btn-newsletter.jpg") no-repeat 0 -31px;}

.product_toplink {font:bold 95% Arial;}
tr.sele {background-color:#00FF55}


/* Krempel */
.loginbox {margin-top:30px;}

/* Button Container */
.buttcontainer{overflow:hidden;}

/* WICHIG: Tag wird nur für print angezeigt, z.B. beim warenkorb Drucken */
.printonly {visibility:hidden;height:0;width:0;}

/* für tr Mouseover über Jquery */
.trSelected {background-color:#CCFF99; color:#000000}


/* Butons NEU  */
a.button_re { 
  display:block;
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  text-align:center; 
  font-size:1.2em; 
  background:url(../images/button_rechts.jpg);
  background-repeat:no-repeat;
  width:191px;
  height:40px;
  padding-top:13px;
  color:#FFFFFF;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none
}
a.button_re:hover {color:#FFFF00}

a.button_li { 
  display:block;
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  text-align:center; 
  font-size:1.2em; 
  background:url(../images/button_links.jpg);
  background-repeat:no-repeat;
  width:191px;
  height:40px;
  padding-top:13px;
  color:#FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none
}
a.button_li:hover {color:#FFFF00}


/*******************************/
/* Menüsystem für Warengruppen */
/*******************************/
.accheadoff {background:#032F04; color:#FFF;}
.accheadon {background:#fff; color:#000;}

#acc {
  margin:0;
  padding:20px 0 0 0;
  width: 180px;
}

ul#acc, ul#acc ul {
  list-style-type:none;
  margin:0;
  padding:0;
  width: 180px;
	background:#D1DFD2;
}

ul#acc a { color:#032F04;
  display: block; 
  text-decoration: none;	
	border-top:1px solid #FFF;
	border-bottom:1px solid #999;
  padding:4px 4px 2px 11px; font-weight:bold;
}

ul#acc ul {
	background:#F3F3F3 url("../images/bg_navi_left.gif") repeat-x 0 bottom;
}

ul#acc li a ul{
  color: #032F04;	
  padding: 0;
}

ul#acc li a:hover {
  background: #032F04; color:#FFF;
}

ul#acc li ul li a {
  color: #000;  font-weight:normal;
  	border-top:1px dotted #FFF;
	border-bottom:1px dotted #999;
	background: url("../images/pointer_subnav.gif") no-repeat 10px 5px;
  padding:0 0 0 18px;
}

ul#acc li ul li a:hover {
  background: #032F04;
  border-left: 1px #FFF solid;
  padding:0 0 0 17px;
}

/* TOOLTIPP ! */
#ajax_tooltipObj{z-index:1000000;text-align:left;}
#ajax_tooltipObj div{position:relative;}
#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	width:200px;
	position:absolute;
	left:0;
	top:0;
	z-index:1000005;
	height:60px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:absolute;
	width:250px;	/* Width of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:5px;	/* Space between border and content */
	font-size:1.1em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}


}