/******************************************************************  
 * FlexxMedien | Bremen | Michael Suding | info@flexxmedien.com  
 * (de) zentrales Stylesheet  
 * (en) central stylesheet  
 * (fr) central stylesheet
 *****************************************************************/  

@media screen
{
/* 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} 

/* Headlines & Fontstyles */
h1 {font:normal 17px/100% Arial, Helvetica, sans-serif; color:#333; font-weight:bold; line-height:21px; padding:0 35px 0 0; margin:85px 0 10px 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:8.8pt; padding:2px}
.caru td {padding:0 12px 0 0;}
#checkout td {padding:8px}
.tbicon td {border:0; margin:0; padding:0; border-bottom:1px solid #fff; padding-bottom:2px; padding-top:6px; }
.navinfomenu,.navinfomenu a {font-size:13px; font-weight:bold; color:#003162}
.navinfomenu a:hover {font-size:13px; font-weight:bold; color:#363}

/* Scroll to Top Button */
  .scroll-back-to-top {
  position: fixed;
  bottom: 20px;
  left: 40px;
  text-decoration: none;
  padding:0;
  display: none;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background-image: url("../images/pfeil-up-round-40-green.png"); background-repeat: no-repeat; background-size: cover;
  filter: alpha(opacity=73); opacity: 0.73; -moz-opacity: 0.73;
}
.scroll-back-to-top:hover {	
  background-image: url("../images/pfeil-up-round-40-blue.png"); background-repeat: no-repeat;  background-size:cover;
  filter: alpha(opacity=95); opacity: 0.95; -moz-opacity: 0.95;      
}	

/* 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}

/* Mainlayout */
#maincontainer {width:1000px; margin:0 auto; 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}
.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;}

/* 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;}

/* 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;}

/* 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;}

/* Navi und Links */
a {color:#003333; outline:none; border:none; text-decoration:none}
a:hover {color:#000; outline:none; text-decoration:none}

/* Topnav */
#menu {width:600px; margin:0 auto; z-index:100}

/* Navbar aktiv*/
#sub-menu {clear:left; margin:0 auto; width:600px; padding:5px 0 0 0!important; text-align:left; }
a.sub-menu {font-size:10px; font-family: Verdana, Geneva, sans-serif; font-weight: bold; color:#fff!important;  display:inline; padding:7px 9px 4px 9px!important; position:relative;}
a.sub-menu:hover {color:#000!important; background:#a0cffb;}
#sub-menu-selected {color:#000!important; background:#a0cffb;}

/* 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}
#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;}

.TxtInput { font-size: 105%; padding: 3px }
  
/* 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 - ALT 	!!!
.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;}
 */
 
/* Listboxen auf Shoplister NEU */
.listbox_head { cursor:pointer; text-align:left; font-weight:bold; width:453px; height:40px; background:url("../images/head.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 118px;}
.listbox_head_2cv { cursor:pointer; text-align:left; font-weight:bold; width:453px; height:30px; background:url("../images/head_2cv.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 118px;}
.listbox_head_ds { cursor:pointer; text-align:left; font-weight:bold; width:453px; height:40px; background:url("../images/head_11cv.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 118px;}
.listbox_head_renault { cursor:pointer; text-align:left; font-weight:bold; width:453px; height:40px; background:url("../images/head_renault.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 118px;}
.listbox_head_peugeot { cursor:pointer; text-align:left; font-weight:bold; width:453px; height:40px; background:url("../images/head_peugeot.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 118px;}
.listbox_head_citroen { cursor:pointer; text-align:left; font-weight:bold; width:453px; height:40px; background:url("../images/head_citroen.jpg") no-repeat 0 0; margin:0 0 10px 0; padding:15px 0 0 118px;}


dl.list {width:570px; min-height:150px; 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; position:relative; overflow:hidden; margin:10px 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-td {padding: 0px 0px 10px 10px; margin:0; height:100px; vertical-align:top; font-size:8.3pt}
.teaser-td {padding: 0px 0px 10px 10px; margin:0; height:130px; min-height:130px; vertical-align:top; font-size:8.3pt}

 
/* 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;}
.span-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:2px 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:#ededed; color:#494b57; padding:3px; border-bottom:1px solid #ccc; font-size:13px; font-weight:bold; height:30px}
#wkstrich {border-bottom:1px solid #ccc; padding:10px}
#wkdouble {border-top:3px double #ccc}
.wkstrich {border-bottom:1px solid #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;}

.HinweisErr {padding: 5px; padding-bottom: 3px; padding-left: 7px; font-weight: bold; font-size: 13px; background-color: #FF0105; color:#FFFFFF; border: 1px solid #000}
	
#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 {}

/*ALT: .ScrollBigImage {height:400px; width:547px; overflow-x:scroll; overflow-y:scroll; border:0px solid #ccc; margin:0; padding:0} */
.ScrollBigImage {height:auto; width:547px; overflow-x:hidden; overflow-y:hidden; border:0px solid #ccc; margin:0; padding:0}
	
/* Titel fonts für Layer Boxen */
.laytitel {font-size:15px; color:#251A4A; font-weight:bold; line-height:20px; padding:0; margin:0}
.laytitel2 {font-size:13px; color:#000000; 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;color:#222; float:left; border-right:1px solid #666; text-align:center; -moz-border-radius:3px; border-radius:3px}

/* 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 !important; text-decoration:none; display:block;
float:left; height:30px; margin:25px 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; color: #fff !important }
.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 & Checkout*/
.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}
.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:url(../images/button_rechts.png);
  background-repeat:no-repeat;
  width:191px;
  height:40px;
  padding-top:13px;
  color:#FFFFFF !important;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none
}
a.button_re:hover {color:#FFFF00 !important}

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:url(../images/button_links.png);
  background-repeat:no-repeat;
  width:191px;
  height:40px;
  padding-top:13px;
  color:#FFFFFF !important;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration:none
}
a.button_li:hover {color:#FFFF00 !important}

/* 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;*/#25609D}

ul#acc a { 
  color:/*#032F04;*/ #fff;
  display: block; 
  text-decoration: none;	
  border-top: /*1px solid #FFF;*/ 1px solid #A0CFFB;
  /*border-bottom:1px solid #999;*/
  padding:4px 4px 2px 11px; font-weight:bold;
  /*color: #A0CFFB;*/
}

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;*/#A0CFFB; color:#000}
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: #A0CFFB; 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{width:200px; height:60px; position:absolute; left:0; top:0;z-index:1000005}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;
	left:18px;
	top:0px;
	position:absolute;
	width:250px;
	background-color:#FFF;
	padding:5px;
	font-size:1.1em;
	overflow:auto;
	z-index:1000001
}

/* Text für Symbolfoto in Listenausgaben | 16.12.13 - M. Suding*/
.info-symbolfoto { font-size:77%; font-stretch:inherit; color:#999}
}

/* Tipsy */
.tipsy { font-size: 16px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #006742; color: #FFF; max-width: 200px; padding: 15px 18px 14px 18px; text-align: center; }

/* Rounded corners */
.tipsy-inner { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #006742; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #006742; }
.tipsy-arrow-s { border-top-color: #006742; }
.tipsy-arrow-e { border-left-color: #006742; }
.tipsy-arrow-w { border-right-color: #006742; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/* Alternative Payment Boxes */
.AltPayBox { display:block; background-color:#005187; float:left; width:200px; height:120px; padding:10px; border:10px solid #ccc; margin-right:25px; margin-bottom:20px }
.AltPayBoxFont { color:#FFFFFF; font-weight:bold; font-size:14px; text-align:center }
.AltPayBox:hover {background-color:#006944; color:#ffffff; cursor:pointer}

/* Helper Classes */
.NoMargin { margin:0 }
.RoundBorder { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.RowClear { display:block; float:none; clear:both; width:100%; border:0; margin:0 }

.NoRand  { margin:0; padding:0; }
.RandRe5 { margin-right:5px; }
.RandLe5 { margin-left:5px; }

.h-5  { height:5px }
.h-10 { height:10px }
.h-15 { height:15px }
.h-20 { height:20px }
.h-30 { height:30px }
.h-40 { height:40px }
.h-50 { height:50px }
.h-75 { height:50px }
.h-100 { height:100px }

/* Vertical Center Div Boxes - 2. Div unterhalb ergibbt vertikal Middle*/
div.HorizMiddle-div { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.crosspromoBox { background-color:#EBEBEB; border:1px solid #BDBDBD; padding:3px; font-size:7.8pt; margin-top:10px;
            	  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.crosspromoSpan { font-size:7.8pt; height:16px; display:inline-block }
.crosspromoImg {border:0; padding:0; margin:0; margin-bottom:-2px }

/* Upload Button - M. Suding 08.07.2020 */
.custom-bild-input {
  color: #000;
  outline: none;
  display: block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 5px;
  padding: 17px 20px;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 600;
  font-size: 12pt;
  width: 350px;
}
.custom-bild-input:hover {
  border-color: black;
  background: #006944;
  color: #ffffff;
}
.custom-bild-input:active {
  outline: 0;
}
.custom-bild-input:active {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}

/* Thumb Preview Show in Upload Form */
.prevthumb {
  width: 163px;
  height: auto;
  max-height: 163px;
  border: 2px solid #cccccc;
  padding: 5px;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
  float: left; 
  margin-right: 12px;
  margin-bottom: 12px;
}

/* Blink Animation */ 
.blink {
  animation: blink 1s linear infinite;
}
.blink:hover {
  animation: none;
}
@keyframes blink {
  from {
    opacity: .4;
  }
  to {
    opacity: 1;
  }
}