:root {
	--media-shopimg-warenkorb-inv: url("/media/shopimg/warenkorb-inv.gif");
	--media-img2-zur-kasse: url("/media/img2/zur-kasse.png");
	--media-img2-searchlupe: url("/media/img2/searchlupe.png");
	--media-img2-suchen-up: url("/media/img2/suchen_up.gif");
	--media-img2-suchen-ov: url("/media/img2/suchen_ov.gif");
	--media-img2-wkbutton: url("/media/img2/wkbutton.png");
	--media-img2-warenkorb-grau: url("/media/img2/warenkorb-grau.gif");
	--media-img2-warenkorb-gelb: url("/media/img2/warenkorb-gelb.gif");
	--media-img2-link: url("/media/img2/link.png");
	--media-img2-neuheit: url("/media/img2/neuheit.gif");
	--media-img2-prod-dtages: url("/media/img2/prod_dtages.gif");
	--media-img2-haken: url("/media/img2/haken.gif");
}

#sw-categories { background-color: #ddd; }


/* Breite des Hauptblocks - ohne ASIDE -Elemente*/
body > div.cntmain0 > *, body > header > *, body > footer > * { min-width: 630px; margin: 0 auto; }


footer.ftrup > div { padding-right: 235px; }
div.cntmain2, body > footer.ftrup > div { width: 975px; }
body > footer.ftrup > div { padding-left: 3px; }

body > div.cntmain0 > div, body > div > nav, body > footer.ftrlo > * { padding-right: 0; width: 1210px; }


div.cntmain0 { background-color: #f2f2f2; }

div.cntmain0 div.cntmain1 { overflow: auto; padding-left: 3px; }
div.cntmain0 div.cntmain1 > * { float: left; }
div.cntmain0 div.cntmain2, div.cntmain1 > aside > nav { background-color: #fff; }
div.cntmain1 > aside { margin-left: 10px; max-width: 220px; }
div.cntmain1 > aside > nav { margin-top: 10px; overflow: auto; }
div.cntmain1 > aside > nav.socialshare { height: 120px; overflow: visible; }
div.socialshare { height: 100px; width: 180px; }
.socialshare div.settings_info_menu { display: none; }
.socialshare span.info { display: none !important; }

div.cntmain1 > aside > nav > h4 { background-color: #595959; color: white; padding: 5px; }
div.cntmain1 > aside > nav > div { padding: 5px; }

div.cntmain2 { overflow: auto; padding-bottom: 10px; }
div.cntmain2 > main { float: right; min-width: 410px; width: 79%; overflow: hidden; }
div.cntmain2 > aside { min-width: 180px; width: 19%; padding: 0 5px; }

/* Hauptcontent Main Content */
main { margin-top: 10px; }
main h1 { color: #008c95; font-size: 1.75em; margin-bottom: 10px; }
main h2 { color: #008c95; font-size: 1.25em; font-style: italic; font-weight: normal; margin-bottom: 10px; }

main > div { padding-right: 10px; font-size: 0.95em; }
main > div blockquote { margin: 10px 0 10px 20px; padding-left: 15px; border-left: 3px solid #ccc; }

div.cnt4-breadcrumb { padding: 3px 3px 2px; background-color: #ddd; margin-bottom: 5px; /*#008c95; background-repeat: repeat-x; background-image: url("../img2/grad-yel-v.gif");*/ }
div.cnt4-breadcrumb a { color: #222; text-decoration: none; }
div.cnt4-breadcrumb > * { font-size: 0.9em; }
div.cnt4-breadcrumb a:visited { color: #444; }
div.cnt4-breadcrumb a:hover { color: #000; text-decoration: underline; }
div.cnt4-breadcrumb div.expanderbox {
	display: none;
	width: 250px;
	height: 15px;
	overflow: scroll;
	border: 1px solid #444;
	background-color: #008c95;
	position: absolute;
	top: 10px;
	left: 10px;
}
div.cnt4-breadcrumb div.expanderbox > a {
	display: block;
	color: #eee;
	padding: 3px 3px;
}
div.cnt4-breadcrumb div.expanderbox > a:hover {
	background-color: #595959;
	color: white;
}


td.warenkorbput input.button { border: none; width: 170px; padding: 5px 3px; height: 34px; font-weight: normal; text-align: center; display: block;  }
td.warenkorbput input.button:hover { background-color: #00942f; text-shadow: 1px 1px #000; }
td.warenkorbput input.button:active { text-shadow: none; }

div.orderrow { width: 110px; }
div.orderrow > * { display: block; float: left; margin-right: 3px; }
div.orderrow > input[type="button"] { display: block; background: #008c95 var(--media-shopimg-warenkorb-inv) no-repeat center center;	width: 35px; height: 30px; padding: 0; margin: 0; }
div.orderrow > input[type="button"]:hover { background-color: rgb(51,170,0); }

/* HEADER */
header { margin-bottom: 29px; }
header > div { height: 100px; padding-top: 7px; padding-bottom: 7px; width: 1210px; margin: 0 auto; }
/* Plusone Div */
header > div > div.gplusone {
    float: left;
    margin-left: 10px;
    margin-top: 55px;
    width: 80px; overflow: hidden;
}
#eKomiSeal_default { width: 50px; padding-right: 10px; }
#eKomiVFreport-fixed { display: none; }
#eKomiSeal {  float:left; }
#eKomiGate_widget { margin-top: 50px; }

header a.logo { display: block; float: left; height: 100px; font-size: 0.8em; text-decoration: none; font-size: 0.7em; }
/* header img.logo { float: left; height: 80px; } */
header div.arearight { float: right; width: 350px; }
header div.wk > div { margin-bottom: 5px; }
header div.wk a.wk { text-decoration: none; display: block; overflow: auto; min-width: 110px; }
a.wk > * { font-weight: bold; color: #595959 !important; text-shadow: none !important; }
a.wk > * { display: block; margin-top: 5px;}

div.wk img {
  height: 28px !important;
  width: auto !important;
  display:block;
  margin: 0 auto;
  float: none;
}


a.wk > span {
  clear: left !important;
  border: 1px solid #ccc !important;
  color: #000 !important;
  font-weight: normal !important;
  padding: 3px 6px !important;
  border-radius: 3px !important;
}

header div.areamid { float: right; margin-right: 30px; width: 300px; }
header div.areamid div.wk { height: 45px; margin-bottom: 2px; overflow: auto; font-size: 0.8em; }

#flyingsc div.wk > a { display: block; float: left; background-repeat: no-repeat; height: 28px; text-decoration: none; }
img.flyingpic { position: absolute; z-index: 99999; }
#flyingpic { position: absolute; z-index: 99999; }

header div.areamid div.wk span.wkanz, #flyingsc div.wk span.wkanz { color: #008c95; text-shadow: 1px 1px #330; }
/* header div.areamid div.wk > a.wk, #flyingsc div.wk a.wk { background-image: url(/img2/warenkorb.png); padding-left: 45px; } */
header div.areamid div.wk > a.zurkasse, #flyingsc div.wk a.zurkasse {
	background-image: var(--media-img2-zur-kasse);
	float: right; width: 110px; padding-top: 10px; height: 35px;
	text-align: right;
}
header div.areamid form > div { float: left; }

header div.areamid div.wk > a { text-shadow: 1px 1px #eee; }

#flyingsc { display: none; position: relative; margin-top: -40px; background-color: #fff; }

div.arearight div.flags { height: 30px; min-width: 100px; }
div.flags > a { display: block; width: 40px; height: 25px; float: left; margin-left: 5px; padding-bottom: 2px; }
div.flags > a.active { border-bottom: 1px dotted #555; }
div.flags > a:hover { border-bottom: 1px solid #000; }

div.search { background-color: #fff; width: 300px; }
div.search > div { height: 36px; margin-bottom: 5px; border: 1px solid #ddd; border-radius: 3px; }
div.search > div > input { border: none; width: 265px; height: 22px; font-size: 17.5px; float: left; }
/* background-position: -160px -112px; */
div.search > div > input.btnsearch { width: 23px; height: 25px; background-color: #fff; background-image: var(--media-img2-searchlupe); background-repeat: no-repeat; margin: 0; cursor: pointer; cursor: hand; }


/* Menu Top Platzhalter */
div.menuph { height: 35px; }

div.cnt0-menutop { background-color: #595959; position: absolute; top: 150px; width: 100%; z-index: 150; border-bottom: 3px solid #008c95; }
nav.cnt2-menutop { overflow: auto; margin: 0 auto; padding-left: 5px; padding-right: 20px; }
nav.cnt2-menutop ul { list-style-type: none; }
nav.cnt2-menutop ul li { float: left; text-shadow: 1px 1px #000; }
/*
nav.cnt2-menutop ul li ul { display: none; box-shadow: 3px 3px 2px #555; }
nav.cnt2-menutop ul li ul li { float: none; background-color: rgba(50,47,50,0.85); }
nav.cnt2-menutop ul li ul li:hover { float: none; background-color: rgba(47,47,47,0.9); text-shadow: none; }
nav.cnt2-menutop ul li ul li:hover a { background-color: rgba(47,47,47,0.87); }
*/
nav.cnt2-menutop a { font-size: 0.9em; color: #ddd; text-decoration: none; font-weight: bold; background-repeat: repeat-x; }
nav.cnt2-menutop a:hover { color: white; }

nav.cnt2-menutop > a { color: #ddd; display: block; float: left; padding: 5px 6px; margin-right: 3px; text-decoration: none; font-weight: bold; background-repeat: repeat-x; }
nav.cnt2-menutop > a:hover { color: white; background-color: #999999; }
nav.cnt2-menutop div { float: right; padding: 3px 3px 3px 5px; overflow: auto; }
nav.cnt2-menutop div input { height: 15px; display: block; float: left; border: none; }
nav.cnt2-menutop div input.search { width: 160px; border: 1px solid #999; height: 14px; font-size: 10px }
nav.cnt2-menutop div input.searchbutton { width: 20px; font-size: 0; background-image: var(--media-img2-suchen-up); }
nav.cnt2-menutop div input.searchbutton:hover { background-image: var(--media-img2-suchen-ov); }

nav.cnt2-menutop ul.jMenu { float: left; }
nav.cnt2-menutop ul.menuright { float: right; }
nav.cnt2-menutop ul.menuright li { display: block; float: left; padding: 5px 10px; color: #ddd; text-decoration: none; font-weight: bold; }
nav.cnt2-menutop ul.menuright li a { font-size: 1.05em; }


/* background-image: var(--media-img2-warenkorb-gelb); background-repeat: no-repeat; color: #008c95; background-color: #008c95; */
/*
nav.cnt2-menutop a.shopcart { padding-left: 24px; background-position: 0 center;  }
nav.cnt2-menutop a.shopcart:hover { color: #404040; }
*/


/* #socialshareprivacy { overflow: auto;  } */

#socialshareprivacy .settings_info_menu { width: 90px; }

/* aside MENU LEFT Menü links */
aside.cntmenuleft h4 {
	border: 2px solid #008c95;
	color: #595959;
	padding: 3px 3px 2px 3px; margin-top: 10px; text-align: center;
}
aside.cntmenuleft strong.h {
	border: 2px solid #008c95;
	color: #595959;
	padding: 3px 3px 2px 3px; margin-top: 10px; text-align: center;
}
aside.cntmenuleft a { display: block; text-decoration: none; padding: 1px 0; font-size: 0.9em; }
aside.cntmenuleft h4 > a, aside.cntmenuleft strong.h > a, aside.cntmenuleft div.login > div { font-size: 1em; }
aside.cntmenuleft h3 { margin: 0; }
aside.cntmenuleft h3 a { display: inline; }
aside.cntmenuleft > nav, aside.cntmenuleft > div, aside.cntmenuleft > form > div { border-left: 2px solid #008c95; padding-top: 5px; padding-left: 3px; }
aside.cntmenuleft > nav:hover, aside.cntmenuleft > div:hover, div.cnt3-menuleft > form > div:hover { background-color: #eee; }

aside.cntmenuleft div.login > div { font-size: 0.8em; }
div.cfilterrange > input[type="text"] { width: 65px; text-align: right; font-size: 1.2em; }
div.rslider { margin-bottom: 15px; }
div.cfilterrange input[type="submit"] { margin-top: 15px; }
div.cfilterrange div.ui-slider-range { background-color: #008c95; background-image: none; }

/* aside.cntmenuleft  */
div.login input[type="text"], div.login input[type="password"] {
	padding: 5px; width: 95%; border: 1px solid #ddd;
	font-size: 1em;
}
div.login > input { margin-bottom: 8px; }
div.login > a { display: block; }

/* footer */
footer { width: 100%; font-size: 0.8em; padding: 5px 0; }
footer > div > div { overflow: auto; padding: 5px 0; }
/* 4 Spalten: 23% ; 3 Spalten: 31% */
footer > div > div > * { float: left; margin-left: 15px; width: 23%; }
footer > div > div > nav > a { display: block; }

footer.ftrup { padding-bottom: 50px; background-color: #f2f2f2; }
footer.ftrup > div > div { background-color: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); }
footer.ftrup nav { margin-bottom: 10px; }
footer.ftrup h3 { color: #008c95; font-style: italic; font-size: 1.4em; }
footer.ftrup strong.h { color: #008c95; font-style: italic; font-size: 1.4em; }
footer.ftrup a { text-decoration: none; margin-top: 3px; }
footer.ftrup a:hover { text-decoration: underline; }

footer.ftrlo { position: fixed; bottom: 0; background-color: #595959; color: white; z-index: 150; }
footer.ftrlo a { color: white; text-decoration: none; font-weight: bold; }
footer.ftrlo div > * { width: auto; }

/******************** KATEGORIEN ********************/
div.cnt4-toptxt { margin-bottom: 5px; }

/******************** PRODUKTE ********************/

/* PRODUKT BOX MINI */
div.productminilist { overflow: auto; }
div.productminilist > a { 
	float: left; display:block; overflow: hidden; width: 188px; height: 210px; text-align: center; vertical-align: bottom;
	border: 1px dotted transparent; text-decoration: none; margin-bottom: 20px;
	border-bottom: 1px dotted #999;
}
div.productminilist > a > h3 { max-height: 74px; overflow: hidden; font-size: 0.9em; }


/* PRODUKT DETAIL */
div.product > h3 {
	background-color: #ddd;
	text-align: left;
	color: black;
	font-size: 13px;
	font-weight: normal;
	padding: 3px;
	margin-top: 20px;
	margin-bottom: 10px;
}

div.product-description a.info { background: none; display: inline; padding: 0; }
div.product-description table.syn_container1 { margin-bottom: 10px; }
div.product-description td.syn_group { background-color: #ddd; font-weight: bold; padding: 3px; }
div.product-description table.syn_container1 td { padding-right: 10px; }
div.product-description td.syn_value { color: #555; }

div.kdeingabe div.kdkom > div { margin-bottom: 15px; }
div.kdeingabe div.kdkom input, div.kdeingabe div.kdkom textarea { font-size: 1.0em; margin-top: 10px; }
div.kdeingabe div.kdkom textarea { width: 80%; height: 200px; }

div.product div.kdeingabe, div.kdeingabe { font-size: 1.2em; }

div.product > div.row > div { margin-right: 10px; }
#eKomiGate_widget { background-color: transparent; }

/* Produkt Bilder */
img.vskfree { position: relative; left: 140px; top: -130px; }

div.images { width: 350px; }
div.images div.scrollbuttons { width: 250px; }
div.pimgthb { width: 170px; }
div.pimgthb div.tape { padding: 5px 0; }
div.images div.tape > * { width: 250px; margin: 0; }
div.images div.pimgthb { height: 60px; }
div.images div.pimgthb div.tape > *, div.images div.pimgthb div.tape > a > img { width: auto; margin-right: 5px; max-height: 40px; }
/* div.product div.images > a { display: block; margin: 0 auto; } */
div.product div.images { text-align: center; }

div.pimg { width: 250px; overflow: hidden; }

/* Produkt Daten */
div.pdata { min-width: 260px; max-width: 288px; margin-left: 0; }
div.pdata th { padding-right: 10px; vertical-align: top; }
div.pdata td, div.pdata th { text-align: left; font-size: 0.9em; padding: 3px 0; max-width: 147px; }
div.pdata td.warenkorbput { max-width: none; }
div.pdata tr.pricerow th, div.pdata tr.pricerow td { vertical-align: bottom; }
div.pdata div.price { color: #008c95; font-weight: bold; font-size: 1.5em; }
div.pdata div.brutprice { font-size: 0.85em; }

/* Produkt Funktionen */
div.product div.pfunctions { float: right;}
div.pfunctions a { width: 160px; }
div.pfunctions div.rating { background-color: #fff; }


/* WARENKORB SHOPCART */
td.warenkorbput div { overflow: auto; }

/*
td.warenkorbput input { display: block; float: left; }
td.warenkorbput input.anz { border: 1px solid #999; margin: 3px 10px 0 0; height: 30px; font-size: 20px; }
td.warenkorbput input.button { border: none; width: 170px; height: 38px; display: block; background-image: var(--media-img2-wkbutton); background-repeat: repeat-y; cursor: pointer; }
td.warenkorbput input.button:hover { background-position: 0 38px; }
*/

td.warenkorbput input.button { border: none; width: 170px; padding: 5px 3px; height: 32px; font-weight: normal; text-align: center; display: block; background-color: #008c95; color: white; text-shadow: 1px 1px #555; cursor: pointer; }
td.warenkorbput input.button:hover { background-color: rgb(51,170,0); text-shadow: 1px 1px #000; }
td.warenkorbput input.button:active { text-shadow: none; }
td.warenkorbput > form > div { padding: 4px; }

td.warenkorbput span.ui-spinner, td.warenkorbput input.button { float: left; }
td.warenkorbput span.ui-spinner { margin-top: 0px; margin-right: 5px; }
td.warenkorbput span.ui-spinner input { font-size: 1.2em; text-align: center; text-shadow: }

table.wkputinfo { width: 99%; margin-bottom: 30px; }
table.wkputinfo td.price { width: 90px; text-align: right; }
table.wkputinfo tr.sums td { border-top: 1px dotted black; }


/* SHOPCART WARENKORB */
h2.shopcart a { background-image: var(--media-img2-warenkorb-grau); background-repeat: no-repeat; background-position: 150px center; }

#flyingshopcart, #flyingshopcart2 { display: none; position: absolute; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.7; }
#flyingshopcart {
	background-image: var(--media-img2-warenkorb-gelb); background-repeat: no-repeat; background-color: #595959;
	padding: 10px 6px 0 30px; background-position: 5px center; color: #008c95; font-weight: bold; width: 121px; height: 28px;
}
#flyingshopcart2 { font-size: 9px; color: #595959; background-color: white; padding: 5px 3px; width: 141px height: 25px; }




/* HERSTELLER Produkte */
div.cnt3-main > div { margin-bottom: 10px; clear: both; overflow: auto; }
div.cnt3-main > div.contenttext { overflow: visible; }

div.cnt4-toptext a, tr.hersteller td a, div.product-description a, div.catcontent a, a.linktxt { display: inline-block; background: transparent var(--media-img2-link) center right no-repeat; text-decoration: none; text-underline: none; padding-right: 18px; }
div.sociallinks > a { width: 25px; float: left; display: block; margin-right: 8px; }
div.hstdescription { margin-top: 20px; }
div.hstdescription > img.hstimg { float: left; margin-right: 10px; }

div.cnt4-toptext object { padding: 0 10px 5px 0; }


/* PRODUKT LISTEN */
/* Produkt Liste Breit */
div.productlistw > h2 { margin-top: 15px; }
/* Methode mittels Table damit sich der Content bei Größenänderungen ordentlich verhält */
div.productlistw > table { width: 100%; background-color: #fff; clear: left;
	border: 2px solid #fff; border-top: 2px solid #eee; border-bottom: none;
}
div.productlistw > table td { padding: 5px; }
div.productlistw > table:hover { border-color: #ddd #008c95 #fff #008c95; }

div.productlistw > table td.anz { width: 65px; text-align: center; vertical-align: middle; }
div.productlistw > table td.anz input { display: block; margin-right: 4px; float: left; text-align: center; }
div.productlistw > table td.anz input[type="text"] { width: 40px; border: 1px solid #888; }
div.productlistw > table td.img { width: 100px; text-align: center; }
div.productlistw > table td.descr { font-size: 0.8em; }


div.productlistw > table td.price { width: 128px; }
div.productlistw > table td.price > div, div.productlistw > table td.price > div * { font-size: 15px; font-weight: bold; text-align: right; }

/* Methode mittels divs - sehr umständlich wenn flexibel */
div.productlistw > div { overflow: auto; width: 99%; background-color: #eee; margin-bottom: 10px; clear: left; padding: 5px; border: 2px solid #eee; }
div.productlistw > div:hover { background-color: white; }
div.productlistw > div > div { float: left; margin-right: 8px }
div.productlistw > div > div.img { width: 100px; text-align: center; }
div.productlistw > div > div.descr { font-size: 0.8em; padding-right: 10px; }
div.productlistw > div > div.descr * { font-size: 10px; }
div.productlistw > div > div.descr h3 { margin-bottom: 5px; }
div.productlistw > div > div.descr h3 a { font-size: 13px; }
div.productlistw > div > div.price { width: 128px; float: right; }
div.productlistw > div > div.price > div, div.productlistw > div > div.price > div * { font-size: 15px; font-weight: bold; text-align: right; }
div.cnt3-main div.productlistw h3 { background-color: transparent; margin-top: 0; }



div.cnt3-main div.product h3.toph {
	font-weight: normal;
	margin-top: 0;
}

h3.toph a { text-decoration: none; }
h3.toph a:hover { text-decoration: underline; }

/* Produkt Liste Miniboxen */
div.prodminboxlist { padding-bottom: 10px; overflow: auto; }
/* border: 1px dotted #ddd; */
div.prodminboxlist > a { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); margin: 1px; float: left; display: block; width: 188px; height: 230px; text-align: center; text-decoration: none; background: none; padding: 0; }
div.prodminboxlist > a:hover { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.7); }
div.prodminboxlist > a > h3 { height: 35px; overflow: hidden; font-size: 13px; border: none; }
div.prodminboxlist > a:hover h3 { border-color: #999; }
div.prodminboxlist > a > div { font-size: 9px; }
div.prodminboxlist > a > div.artimg { height: 130px; overflow: hidden; }
div.prodminboxlist > a > div.artprc { height: 40px; text-decoration: none; font-size: 15px; font-weight: bold; }
div.prodminboxlist > a > img { display: block; margin: 5px auto 0 auto; }



/* PROMOTIONS Produkt des Tages / Neuheit */
.promotions { width: 400px; }
.promotions > tbody > tr > td { width: auto; }

/*  border: 1px solid #000000; text-decoration: none; */
.promotions td > a { display: block; width: 375px; height: 310px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); }
.promotions td { padding-right: 3px; }
.promotions td > a > h2 {
	background-color: #555; color: #eee; background-repeat: no-repeat; background-position: 0 -5px;
	font-size: 35px; font-weight: normal; text-align: left; /* width: 365px; */
	height: 42px; padding: 5px; margin: 0;
}
.promotions td > a > h2.neuheit { background-image: var(--media-img2-neuheit); }
.promotions td > a > h2.proddtag { background-image: var(--media-img2-prod-dtages); }
.promotions td > a:hover > h2 { background-color: #444; color: #fff; background-position: 0 -51px; }
.promotions td > a > div { overflow: auto; font-size: 0.8em; }
.promotions td > a > div > div { float: left; width: 250px; padding: 3px 5px; }
.promotions td > a > div > div.artpic { width: 100px; margin-right: 5px; }
.promotions td > a > h3 { margin-bottom: 10px; font-size: 15px; padding: 2px 5px; }
.promotions td > a > p { font-size: 11px; padding-left: 10px; padding-right: 10px; }
.promotions td > a p.artprc { font-size: 24px; margin-top: 10px; }



/* Der Krams da unten auf der Startseite */
div.cnt4-krams { overflow: auto; text-align: center; border-top: 1px solid #999; padding: 10px 0; }
div.cnt4-krams > div { float: left; margin-right: 50px; }
div.cnt4-krams div.stack { width: 160px; }
div.preisvgleu { width: 150px; }
div.preisvgleu > a { display: block; width: 150px; height: 55px; }
div.preisvgleu div.preisvgleulinks { background-image:url("http://www.preisvergleich.eu/images_preisvergleich_eu_old/mitte.png");text-align:center; }
div.preisvgleu div.preisvgleulinks a { font-size: 10px; font-weight: normal; color:#81898B; }



div.pagina { margin-top: 10px; text-align: center; }
div.pagina span.pagecurrent { font-size: 15px; font-weight: bold; }

div.cnt4-configurator { overflow: auto; }
div.cnt4-configurator > div { float: left; }
#eKomiWidget_default { margin-right: 90px; }

div.cnt4-warenkorb > a { display: block; overflow: hidden; height: 30px; margin-bottom: 5px; font-size: 9px; }


div.cnt4-callback { border: 1px solid #595959; overflow: auto; }
div.cnt4-callback > div { float: left; width: 369px; padding: 5px; }
div.cnt4-callback input, div.cnt4-callback textarea, div.cnt4-callback select  { width: 280px; }
div.cnt4-callback td.disclaimer, div.cnt4-callback td.disclaimer * { font-size: 9px; }

div.cnt4-empfehlung { text-align: center; }
div.cnt4-empfehlung input, div.cnt4-empfehlung textarea { width: 400px; }
div.cnt4-empfehlung textarea { height: 100px; }
div.cnt4-empfehlung h4 { margin-top: 10px; }

div.cnt4-catlist { clear: left; overflow: auto; }
div.cnt4-catlist > a {
	float: left; display:block; overflow: hidden; width: 188px; height: 150px; text-align: center; vertical-align: bottom;
	border: 1px dotted transparent; text-decoration: none; margin-bottom: 20px;
	border-bottom: 1px dotted #999;
}
div.cnt4-catlist > a:hover { border-color: #333; border-bottom: 1px dotted #333; }
div.cnt4-catlist > a > h3 { margin-bottom: 5px; height: 35px; overflow: hidden; border-bottom: 1px solid transparent; font-size:13px; }
div.cnt4-catlist > a:hover > h3 {  }


div.cnt11-footer {
	text-align: right; font-size: 9px;
	background-color: white;
	margin-top: 3px;
	padding: 3px 10px;
}
div.cnt11-footer * { font-size: 9px; }


table.login { border: 1px solid #008c95; background-color: #eee; width: 95%; }
table.login th { padding: 8px 3px 2px; background-color: #008c95; }
table.login td { padding: 2px 5px; }
table.login input { width: 250px; }
table.login input.checkbox { width: auto; }

div.cnt3-menuleft .lvl1 { padding-left: 5px; }
div.cnt3-menuleft .lvl2 { padding-left: 10px; }
div.cnt3-menuleft .lvl3 { padding-left: 15px; }
div.cnt3-menuleft .lvl4 { padding-left: 20px; }

/* Suchkategorien */
div.sccat { font-size: 0.8em; }
div.sccat strong { display: block; }
div.sccat .lvl1 { margin-top: 8px; text-decoration: underline; font-weight: bold; }
div.sccat .lvl2 { margin-top: 6px; }
div.sccat .lvl3 { margin-top: 3px; font-style: italic; }

table.produktdetails { width: 504px; }
table.produktdetails th { text-align: left; width: 120px; }
table.produktdetails td { vertical-align: middle; padding: 1px; }
table.produktdetails td.prodfunc { vertical-align: top; padding-left: 10px; padding-right: 0; width: 180px; }
table.produktdetails td.prodfunc a { display: block; width: 170px; background-color: #797979; text-align: center; color: #ddd; padding: 3px; float: right;}
table.produktdetails td.prodfunc a:hover { background-color: #333; text-align: center; color: #fff; }
table.produktdetails div.price { font-size: 24px; font-weight: bold; color: #008c95; }
table.produktdetails div.brutprice, table.produktdetails div.cuprice { font-size: 12px; padding-top: 5px; font-weight: bold; }
table.produktdetails div.leasing { font-size: 11px; }

td.ekomi a { display: block; }

/* PRODUKTBEWERTUNGEN RATING */
/* div.rating { padding: 10px 0; } */
/* div.rating { text-align: center; margin-bottom: 10px;} */
div.ratedetails, div.ratedetails * { color: #555; font-size: 10px; }
div.rating span.name { font-size: 10px; }
div.rating strong.item { color: #008c95; }

div.product div.rating > * { float: left; margin-right: 10px; }




/* LEASING */
table.leasing { margin: 10px auto; width: 500px; }

table.staffeln th, table.staffeln td { font-size: 0.9em; }
table.staffeln td { text-align: left; padding: 3px; }
table.staffeln th { padding: 3px; font-weight: normal; font-style:italic; }

div.kwcloud { overflow: auto; margin: 5px auto; width: 500px; height: 100px; }
div.kwcloud a { display: block; float: left; padding: 3px; margin-right: 7px; height: 15px; }

.little { font-size: 9px; }

/* BEAMERLAMPEN SUCHE */
table.beamerlampen { margin-top: 30px; }
table.beamerlampen td { width: 145px; padding: 2px 3px; border-right: 1px solid #555; }
div.beamerlampenliste { padding: 4px 0 10px 8px; }
div.beamerlampenliste a { font-size: 0.9em; }
div.beamerlampen div.display { display: block; }
div.beamerlampen h3 { margin: 20px 0 0 0; border-bottom: 1px dotted black; }
div.beamerlampen > h3, div.beamerlampen > div { background-color: #eee; }

table.styled td, table.styled th { background-color: #eee; padding: 3px 10px; }
table.styled tr.odd td { background-color: #ddd; }
table.styled th { background-color: #797979; color: white; }
table.styled td > div { overflow: auto; }

table.styled tr.selected td { background-color: white; }
table.styled tr.selected td:first-child { border-left: 2px solid #008c95; }
table.styled tr.selected td:last-child { border-right: 2px solid #008c95; }

/* Suche / Profisuche */
table.suche { border: 1px solid #008c95; }
table.suche td, table.suche th { font-size: 1.3em; padding: 3px; }
table.suche input { font-size: 1.0em; }
table.suche th { text-align: right; }


/* Gewinnspiel */
table.gewinnspielform input { width: 300px; }

/* Bestellprozess */
div.bestellprozess table td, div.bestellprozess table th { padding: 5px; }
div.cnt3-main ul { margin-left: 15px; }
td.num, td.num input { text-align: right; }


table.orderprogress { margin: 0 auto; }
table.orderprogress td {
	width: 130px; height: 56px; padding: 5px;
	text-align: left;
	border: 1px solid #555;
	font-size: 10px;
	background-color: #eee;
}
table.orderprogress td.op { color: #666; /* background-image: url(../img2/wk-todo.gif); */ }
table.orderprogress td.opcurrent { color: black; background-color: #008c95; /* background-image: url(../img2/wk-current.gif); */ }
table.orderprogress td.opcurrent * { color: black; text-shadow: 1px 1px 0 #999; }
table.orderprogress td.opdone { color: #333; text-shadow: 1px 1px 0 #999; background-image: var(--media-img2-haken); background-repeat: no-repeat; background-position: right bottom; }
table.orderprogress td.opdone * { color: #333; text-shadow: 1px 1px 0 #999; }
table.orderprogress td h3 { font-size: 15px; padding-bottom: 5px; font-weight: normal; }
table.orderprogress td h3 a { font-size: 15px; font-weight: normal; }

table.sc-artikel, table.bestell-settings { margin: 5px auto; border: 0px solid #595959; width: 99%; }
div.wk table.bestell-settings { width: 980px; }
div.shp table.bestell-settings { width: 760px; }
table.sc-artikel th { background-color: #797979; background-repeat: repeat-x; color: white; /* background-image: url("../img2/grad-dgrey-v.gif"); */ }
table.sc-artikel td { background-color: #eee; }
table.sc-artikel td.pic { width: 80px; text-align: center; }
table.sc-artikel tr.rowodd-1 td { background-color: #ddd; }
table.sc-artikel div.artanz { overflow: auto; }
table.sc-artikel div.artanz input, table.sc-artikel div.artanz a { display: block; float: left; }
table.sc-artikel div.artanz input { margin-right: 5px; }
table.sc-artikel tr.sum td { border-top: 4px double #333; font-weight: bold; }

table.blogin { width: 500px; border: 1px solid #797979; }
table.blogin th { background-color: #797979; background-repeat: repeat-x; color: white; }

table.bestell-settings input, table.bestell-settings select { width: 300px; }
table.bestell-settings td { background-color: #eee; }
table.bestell-settings tr.necessary td { color: #000; font-weight: bold; }

div.payments { margin: 10px auto; text-align: center; }
div.payments a, div.payments div.payment { display: block; height: 30px; width: 200px; margin: 0 10px 10px; }
div.payments a:hover, div.payments div.payment:hover, div.payments a.active { background-position: 0 -38px; }

div.warning { background-color: #ffa; border: 1px dashed #600; padding: 5px; color: #300; }

td.addresslist { overflow: auto; }
table td.addresslist a, div.lieferadressen > a {
	display: block; float: left; width: 160px; height: 80px; padding: 5px;
	border: 1px dotted #666; margin: 0 5px 5px 0; font-weight: normal;
	text-decoration: none;
	background-color: #ddd;
}

div.lieferadressen { margin-top: 10px; }

table td.addresslist a.selected, table td.addresslist a:hover,
	div.lieferadressen > a.selected, div.lieferadressen > a:hover
	{ border: 1px solid black; background-color: #ffc; border-color: #555 #fff #fff #555; }

table td.addresslist a.new, div.lieferadressen a.new { border-color: #600; background-color: #EBEB9B; }
table td.addresslist a.new:hover, div.lieferadressen a.new:hover { border-color: #900; background-color: #FFA; }



div.agreement { text-align: center; padding: 20px 10px; margin-top: 10px; background-color: #008c95; }
div.agreement div.buttons { width: 630px; margin: 0px auto; overflow: auto; }
div.agreement, div.agreement a { font-size: 20px; color: #fe5; text-decoration: none; }
div.agreement a {
	display: block;  float: left; width: 300px; background-color: #8A6602; border: 1px solid white;
	border-color: #fe5 #523D00 #523D00 #fe5;
}
div.agreement a:hover { border-color: #ff9 #000 #000 #ff9; color: #ff9; }
div.agreement a:active { border-color: #000 #ff9 #ff9 #000; color: #000; background-color: #ff9; }

.hint, div.hint li { font-size: 12px; }
td > div.hint { color: #600; }
div.hint li { color: #000; }

tr.checkboxen input, input.checkbox { width: auto !important; }

div.agbbox {
	overflow: scroll;
	height: 200px;
}

div.zahlartinfo { background-color: #eee; padding: 5px; width: 966px; margin: 5px auto; }

div.rladdr { overflow: auto; margin-bottom: 10px;}
div.rladdr > div { float: left; width: 300px; height: 180px; border: 1px solid #595959; background-color: #EEE; margin-left: 5px; margin-right: 60px; }
div.rladdr > div > a { display: block; background-color: #797979; color: white; text-decoration: none; font-weight: bold; padding: 3px; }
div.rladdr > div > div { padding: 5px; }


#paymentinfo {
	display: none;
	width: 650px;
	border: 2px solid #333;
	position: absolute;
	margin-left: 250px;
	background-color: #ddd;
	text-align: left;
}

/* Versandinfolaender */
table.styled td.euc { background-color: #008c95; }
table.styled td.xec { background-color: #555; }
table.styled td.euc a, table.styled td.xec a { color: #fff; }

/* JQUERY TOOLTIP */
div.ui-tooltip { overflow: auto; width: auto; }
div.ui-tooltip div.ui-tooltip-content { width: auto !important; padding: 0 !important; min-width: 0; font-size: 0.8em; text-align: justify; }
div.ui-tooltip div.ui-tooltip-content h3 { font-weight: bold; font-size: 1.3em; text-align: left; margin-bottom: 5px;}

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	width: 230px;
	opacity: 0.9;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip div, #tooltip div * { font-size: 11px; }
#tooltip h3, #tooltip div h3 { font-weight: bold; font-size: 13px; margin-bottom: 5px; }