@charset "utf-8";
/* CSS Document 14:25 */

@font-face {
    font-family: 'UbuntuCondensedRegular';
    src: url('Ubuntu-C-webfont.eot');
    src: url('Ubuntu-C-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-C-webfont.woff') format('woff'),
         url('Ubuntu-C-webfont.ttf') format('truetype'),
         url('Ubuntu-C-webfont.svg#UbuntuCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'UbuntuRegular';
    src: url('Ubuntu-R-webfont.eot');
    src: url('Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
         url('Ubuntu-R-webfont.woff') format('woff'),
         url('Ubuntu-R-webfont.ttf') format('truetype'),
         url('Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*			{ margin:0; padding:0; }
body		{ background:#665; font-family:UbuntuRegular,Arial,Helvetica,sans-serif; margin:0; padding:0; font-size:16px; line-height:1.4; color:#222; }
a			{ color:#ddf; font-weight:bold; text-decoration:none; }
a:visited	{ color:#cce; }
a:hover		{ color:#ccf; text-decoration:underline; }
a:active	{ color:#f00; text-decoration:underline; }
img			{ border:0; }
.b50		{ width:50px; }
.b80		{ width:80px; }
h1			{ font-family:UbuntuCondensedRegular,Arial,Helvetica,sans-serif; font-size:40px; font-weight:normal; margin:0 0 18px 0; text-transform:uppercase; }
h2			{ font-family:UbuntuCondensedRegular,Arial,Helvetica,sans-serif; font-size:28px; font-weight:normal; margin:12px 0; }
h3			{ font-family:UbuntuCondensedRegular,Arial,Helvetica,sans-serif; font-size:20px; font-weight:normal; margin:25px 0 5px 0; }
p			{ margin:10px 0; hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;}
ul,ol		{ margin-left:1em; }
table 		{ border-collapse:collapse; border-spacing:0; }
input, select { padding:2px; vertical-align:middle; }
.i			{ color:#000; background:#FFF; background-color:rgba(255,255,255,0.5); border:none; }
.i:hover	{ color:#003; background-color:#FFF; }


#shop_demo					{ position:absolute; right:400px; top:-10px; width:auto; height:auto; z-index:999; }
#shop_infopop				{ display:none; position:fixed; width:300px; height:auto; left:50%; top:40%; margin-left:-170px; margin-top:0; padding:20px; border-radius:10px; background:#fff; box-shadow:1px 3px 10px #000; color:#000; text-align:center; z-index:9999; }
#shop_infopop h3			{ margin:0 0 8px 0; }
#shop_infopop div			{ margin:16px 0 0 0; }

#shop_bg					{ position:fixed; left:0; top:0; width:100%; height:100%; background-image:url(../catpics/-1/72.jpg); background-size:cover; z-index:-99; }

#shop_all					{ position:absolute; left:0; top:0; width:100%; min-height:100%; margin:0; padding:0; z-index:10; -webkit-perspective: 500px; perspective: 500px; perspective-origin:50% 50%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
/* Top bar */
#shop_topbar				{ position:relative; width:60%; height:35px; height:auto; background:rgba(255,255,255,0.6); }
#shop_topbar>div			{ margin:0 22px 0 auto; display:table;}

/* Quicksearch */
#shop_quicksearch			{ display:table-cell; width:140px; vertical-align:middle; padding:2px 20px; }

#shop_langsel				{ display:table-cell; width:130px; vertical-align:middle; padding:3px 0 1px 0; text-align:right; }
#shop_langsel a,#shop_langsel a:visited	{ opacity: 0.6; }
#shop_langsel a:hover		{ opacity: 1; }
#shop_langsel img			{ margin:5px 8px; }

#kmd			{ position:relative; width:80%; padding:0 10%; height:140px; }
#kmd_line		{ position:absolute; left:0; top:49px; width:100%; height:1px; background:#f00;}
#kmd_flash		{ position:absolute; right:6%; top:0; width:200px; height:120px; }
#kmd_logo		{ margin:13px 11px 0 11px; width:178px; height:100px; }

#shop_header				{ position:relative; width:80%; height:80px; background:rgba(255,255,255,0.4); }
#shop_header h1				{ font-size:80px; color:#FFF; text-shadow:1px 2px 4px #333; opacity:0.6; }
#shop_header img			{ margin:20px;  }

#shop_container				{ position:relative; height:auto; min-height:100%; margin-left:250px; hyphens:auto; -webkit-hyphens:auto; -moz-hyphens:auto; }

#shop_topbar2				{ position:relative; background:#FFF; background-color:rgba(0,0,0,0.50); color:#ddd; width:60%; height:auto; padding:10px 20px; margin:0 0 20px auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
/* Top-Navigation */
#shop_topnavbar				{ position:relative; background:#FFF; background-color:rgba(0,0,0,0.50); width:60%; height:auto; margin:0 0 20px auto; display:table; }
/* Login */
#shop_login 				{ display:table-cell; vertical-align:middle; width:auto; padding:10px 30px; text-align:right; }

#shop_topnav 				{ display:table-cell; vertical-align:top; }
#shop_topnav>ul				{ display:table; list-style-type:none; margin:0; padding:0; position:relative; }
#shop_topnav>ul li			{ display:table-cell; margin:0; padding:0; list-style:none; float:left; position:relative; overflow:hidden; }
#shop_topnav>ul li:hover	{ overflow:visible; }
#shop_topnav>ul li.active	{ color:#FFF }
#shop_topnav>ul li a 		{ position:relative; display:block; padding:4px 10px; }
#shop_topnav>ul li a:hover	{  }
#shop_topnav>ul>li>ul		{ display:block; margin:0; padding:5px 0 5px 0; border-radius:0 0 10px 10px; position:absolute; left:0; top:100%; width:130px; z-index:999; background-color:rgba(19,15,11,0.9); }
#shop_topnav>ul>li>ul>li ul { top: 0; left: 95%; }
#shop_topnav>ul>li>ul>li	{ margin: 0; padding: 0; float: none; position: relative; list-style: none; display: block; }
#shop_topnav>ul>li>ul li a	{ display: block; }


/* Fusszeile */
#shop_footer				{ position:relative; background:#FFF; background-color:rgba(0,0,0,0.50); color:#ddd; width:60%; height:auto; padding:10px 20px; margin:20px 0 0 auto; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


/* Agent-Window */
#shop_agentwin				{ position:absolute; width:100%; height:100%; background-color:#999; overflow:hidden; }
#shop_agheader				{ position:relative; width:100%; height:10%; background-color:#fff; border-bottom:solid 1px #000; }
#shop_agcontainer			{ position:relative; width:100%; height:80%; overflow:hidden; }
.shop_agartikel				{ display:block; width:100%; height:100%; color:#fff; text-decoration:none; }
.shop_agartikel	img			{ display:block; width:100%; height:auto !important; }
.shop_aginfo				{ position:absolute; left:0; bottom:0; width:100%; height:auto; background-color:rgba(0,0,0,0.4); }
.shop_aginfo h3				{ padding:5px 20px; margin:0; }
.shop_aginfo p				{ padding:5px 20px; text-align:right; }
#shop_agfooter				{ position:relative; width:100%; height:10%; background-color:#fff; border-top:solid 1px #000; }

/* Pfad-Info */
#skomp_path 				{ }
#skomp_path span			{ display:inline-block; width:0; height:0; border:solid 5px transparent; border-left-color:#666; margin:1px 3px -1px 8px; }

/* Main-Content 3 Spalten */
#admin_main_container		{ border:inset 2px; padding:20px; }
#admin_main_container>div	{ width:90%; min-height:100%; border-radius:0 0 50px 50px; padding:10px 0 50px 0; margin:0 auto 20px auto; box-shadow:1px 3px 20px #000; text-align:left; overflow:hidden;}
#shop_main					{ position:relative; width:100%; height:auto; margin-bottom:20px; vertical-align:top; border:0; }
#shop_main:after			{ content:" "; display:table; clear:both; }
#shop_full					{ height:auto; }
#shop_center				{ float:left; width:71%; height:auto; vertical-align:top; -webkit-transition:all 1s; transition:all 1s;}
#shop_right					{ float:right; width:27%; height:auto; vertical-align:top; -webkit-transition:all 1s; transition:all 1s;}
#shop_left2					{ float:left; width:65%; height:auto; vertical-align:top; }
#shop_right2				{ float:right; width:33%; height:auto; vertical-align:top; }
#shop_full>div,
#shop_center>div,
#shop_right>div,
#shop_left2>div,
#shop_right2>div			{ background:#FFF; background-color:rgba(255,255,255,0.70); padding:30px; margin-bottom:20px; -webkit-transition:all 1s; transition:all 1s;}
#shop_full>div:hover,
#shop_center>div:hover,
#shop_right>div:hover,
#shop_left2>div:hover,
#shop_right2>div:hover		{ background-color:rgba(255,255,255,0.85);  }

#shop_main a			{ color:#235; }
#shop_main a:visited	{ color:#234; }
#shop_main a:hover		{ color:#457; }
#shop_main a:active		{ color:#f00; }

/* Catalog (links) */
#skomp_catalog				{ position:absolute; left:0; top:200px; width:210px; height:auto; font-family:UbuntuCondensedRegular,Arial,Helvetica,sans-serif; font-size:20px; z-index:100; text-transform:uppercase; }
#skomp_catalog h3			{ display:none; }
#skomp_catalog ul			{ margin-left:0; list-style-type:none; position:relative; }
#skomp_catalog li a 		{ background:rgba(0,0,0,0.7); margin:10px 20px 10px 0; font-weight:normal; transition:all 0.3s; -webkit-transition:all 0.3s; position:relative; display:block; padding:6px 0 9px 20px; opacity:0.7; text-decoration:none !important; }
#skomp_catalog li a:hover 	{ opacity:1; background:#000; margin-right:0px; padding-left:40px; overflow:visible; text-decoration:none; color:#fff; }
#skomp_catalog li a.active	{ opacity:1; background:#fff; color:#000;  }
#skomp_catalog ul ul 		{ margin-left:20px; font-size:0.9em; }
#skomp_catalog ul ul a		{ font-weight:normal; }

/* Diashow(s) */
.skomp_cycle_cont			{ position:relative; margin-bottom:20px; width:100%; }
.skomp_cycle 				{ margin-bottom:10px; border-radius:8px; box-shadow:1px 1px 2px #456; }
.skomp_cycle img			{ display:block; max-width:100%; height:auto !important; width:auto; border-radius:8px; overflow:hidden; }
.skomp_cyclenav 			{ position:absolute; top:-1px; right:5px; width:auto; height:auto; z-index:9999; }
.skomp_cyclenav a			{ display:inline-block; width:12px; height:12px; margin:5px; font-size:0; background-color:#fff; border-radius:50%; opacity:0.3; }
.skomp_cyclenav a.activeSlide { opacity:1; }

/* Unterkategorien (mitte) */
#skomp_subcats				{ margin-bottom:20px;}
#skomp_subcats ul			{ list-style-type:none; padding:0px; margin:0 0 15px 0; display:block; }
#skomp_subcats li 			{ float:left; width:48%; height:40px; padding:0; margin:0 0 15px 0; background:rgba(0,0,0,0.3) url(../imag/folder32.png) 2px 5px no-repeat; font-size:1.2em; vertical-align:top; transition:all 0.3s; -webkit-transition:all 0.3s; }
#skomp_subcats li:nth-child(2n)	{ float:right; }
#skomp_subcats li a 		{ display:block; padding:8px 14px 8px 40px; }
#skomp_subcats li a:hover 	{ text-decoration:none; }
#skomp_subcats li:hover 	{ background:#000 url(../imag/folder32.png) 2px 5px no-repeat; }

/* Warenkorb (rechts) */
#skomp_cart 				{ vertical-align:top; margin-bottom:10px; }
#skomp_cart h3 				{ margin-top:3px; }
#skomp_cart .cartitem 		{ display:block; padding:2px 0; font-size:0.9em; border-bottom:1px #777 solid; cursor:pointer; }
#skomp_cart .cartitem:hover { color:#06A; }
#skomp_cart .cartitem p 	{ margin:0; }
#skomp_cart .cartitem p b 	{ font-size:1.1em; }
#skomp_cart .carttotal		{ font-weight:bold; padding:2px 0;}
#skomp_cart .cartcheckout	{ padding:5px 0;}
#skomp_cart .cartcheckout a	{ text-decoration:none; margin-bottom:2px; }

/* Attributefilter */
#skomp_attrfilter			{ }
#skomp_attrfilter select	{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin-bottom:10px; }
#skomp_attrfilter div		{ margin-bottom:10px; }
#skomp_attrfilter .attrpalette ul { list-style-type:none; margin-left:0; }
#skomp_attrfilter .attrpalette li { display:inline; }
#skomp_attrfilter .attrpalette li a { display:inline-block; width:20px; height:20px; border:solid 1px #999; margin-right:2px; background-size:20px 20px; background-repeat:no-repeat; }
#skomp_attrfilter .attrpalette li.aktiv a,#skomp_attrfilter .attrpalette li:hover a { border:solid 1px #000; box-shadow:3px 3px 5px rgba(0,0,0,0.5) inset,-3px -3px 5px rgba(255,255,255,0.3) inset }
#skomp_attrfilter .attrlist ul { list-style-type:square; margin-left:0; }
#skomp_attrfilter .attrlist li { margin-left:1em;}
#skomp_attrfilter .attrlist li.aktiv,#skomp_attrfilter .attrlist li:hover { color:#f00; }
#skomp_attrfilter .attrlist a { display:block; padding:2px 2px 2px 0px; text-decoration:none;}

/* Text in Infospalte (rechts) */
.skomp_info					{ padding:10px; }

/* Blogliste */
.bloglistitem				{ position:relative; margin:0 -30px 20px -30px; padding:5px 30px; cursor:pointer; transition:all 0.3s; -webkit-transition:all 0.3s; }
.bloglistitem .bloglistdatum	{ position:absolute; top:-14px; right:10px; width:auto; height:12px; font-size:11px; text-align:right; }
.bloglistitem .bloglistimg	{ width:120px; height:120px; float:left; margin:0 10px 0 0; }
.bloglistitem .bloglistimg img	{ display:block; width:120px; height:120px; border-radius:4px; }
.bloglistitem h3		 	{ margin:0; }
.bloglistitem h3 a		 	{ text-decoration:none; }
.bloglistitem p			 	{ margin:5px 0; }
.bloglistitem:hover		 	{ background-color:#FFF; box-shadow:0 0 25px rgba(0,0,0,0.4);}

#blogshowpic 				{ position:relative; width:100%; height:auto; margin:0; padding:0 !important; overflow:hidden; text-align:right; }
#blogshowpic img 			{ max-width:100%; height:auto; display:block;  }
#blogshowtext				{ text-align:justify; }

/* Artikelliste: 2=Liste */
.artlist2,.artlist1 		{ position:relative; clear:both; margin:40px -10px; }
#artlistswitch 				{ position:absolute; top:-32px; right:10px; width:auto; height:auto; font-size:11px; color:#666; }
#artlistswitch a 			{ background-color:rgba(255,255,255,0.3); border:solid 1px #FFF; padding:3px; box-shadow:1px 2px 5px #345; margin-left:10px; }
#artlistswitch span 		{ background-color:#fff; border:solid 1px #FFF; padding:3px; box-shadow:1px 2px 5px #345; margin-left:10px; }
#artlistswitch a:hover 		{ text-decoration:none; border-color:#457; }
.artlistitem 				{ position:relative; background-color:#fff; border:solid 1px #FFF; box-shadow:1px 2px 5px #345; padding:5px; cursor:pointer; }
.artlist2 .artlistitem 		{ height:160px; margin:0 10px 25px 10px; clear:both; }
.artlist2 .artlistimg 		{ width:120px; height:160px; float:left; border-radius:4px; overflow:hidden; margin-right:10px; }
.artlist2 .artlistinfo 		{ padding:0 5px; text-align:justify; height:112px; overflow:hidden;}
.artlist2 .artlistinfo h3 	{ margin:5px 0; }
.artlist2 .artlistpreis 	{ width:auto; padding:0 5px; float:right; font-size:1.2em; font-weight:bold; text-align:right; }
.artlist2 .artlistpreis:after { display:block; margin-top:-10px; font-size:10px; font-weight:normal; content:"(inkl. MwSt.)"; }
/* Artikelliste: 1=Bilder */
.artlist1 					{ position:relative; clear:both;  }
.artlist1 .artlistitem 		{ width:120px; height:202px; margin:0 10px 25px 10px; float:left; text-align:center; }
.artlist1 .artlistimg 		{ position:absolute; left:4px; top:26px; width:120px; height:160px; border-radius:4px; overflow:hidden; }
.artlist1 .artlistinfo 		{ position:absolute; left:0; top:0; width:100%; height:180px; font-size:0.7em; overflow:hidden;}
.artlist1 .artlistinfo h3 	{ font-size:1.5em; margin-top:5px; text-shadow:0px 0px 1px #FFF; }
.artlist1 .artlistpreis 	{ position:absolute; left:0; bottom:-9px; width:100%; height:auto; font-size:1.05em; font-weight:bold; }
.artlistitem a 				{ color:#000; text-decoration:none; }
.artlistitem:hover 			{ border-color:#457; }

/* Artikel-Einzelansicht */
#artshow					{ position:relative; background-color:rgba(255,255,255,0.3); border-radius:8px; margin:20px auto; box-shadow:1px 1px 2px #456; -webkit-box-shadow:1px 1px 2px #456; border-collapse:separate; padding:0 10px 10px 10px; }
#artshow h1					{ padding:5px 0;}
#artshow .artshowid			{ position:absolute; top:-14px; right:0; font-size:10px; color:#999; }
#artshowpic 				{ position:relative; width:300px; height:400px; border-radius:8px; overflow:hidden; float:left; margin:0 15px 10px 0; }
#artshowpic img 			{ width:300px; height:400px; border-radius:8px; overflow:hidden; }
#artshowinfo 				{  }
#artshowopt					{ float:right; display:inline-block; height:auto; border:solid 1px #999; border-radius:8px; padding:5px; margin:0 0 5px 10px; text-align:center; overflow:visible; }
#artshowvar 				{  }
#artshowvar select 			{ width:140px; }
#artshowvar .varpalette ul	{ list-style-type:none; }
#artshowvar .varpalette li	{ display:inline-block; width:20px; height:20px; border:solid 1px #999; margin-right:2px; cursor:pointer;}
#artshowvar .varlist ul		{ list-style-type:none; }
#artshowvar .varlist li		{ display:inline-block; width:auto; min-width:20px; max-width:50px; height:16px; border:solid 1px #999; border-radius:3px; margin-right:2px; padding:2px; font-size:0.8em; text-align:center; overflow:hidden; cursor:pointer; }
#artshowvar li.aktiv		{ border-color:#333; box-shadow:3px 3px 8px rgba(0,0,0,0.5) inset,-2px -2px 4px rgba(255,255,255,0.3) inset; }
#artshowvar li:hover		{ border-color:#000; }
#artshowvar li.disabled		{ opacity:0.2; }
#artshowpreis 				{ margin-top:5px; font-size:20px; font-weight:bold; }
#artshowbuy 				{ }
#artshowtext				{ text-align:justify; }
#artshowtext2		{ clear:both; margin:12px 0 0 0; }
#artshowicons 				{ margin-top:10px; margin-bottom:-10px; }
.artneu						{ position:absolute; left:0; top:0; width:46px; height:46px; background:url(../imag/new.png); z-index:100; }
.artsoon					{ position:absolute; left:0; top:0; width:46px; height:46px; background:url(../imag/soon.png); z-index:100; }
.artrabatt					{ position:absolute; right:-5px; top:20px; width:46px; height:24px; background:#F60; border-radius:50%; padding:11px 0px; font-family:UbuntuCondensedRegular, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; text-align:center; color:#FFF; white-space:nowrap; box-shadow:2px 3px 5px rgba(0,0,0,0.6); z-index:100; }
/* Preise */
.preis						{ color:#000 }
.preisakt					{ color:#F00 }
.preisalt					{ font-size:10px; font-weight:100; text-decoration:line-through; color:#666; }
.artlist0 .preisalt, #artshow .preisalt		{ display:block; }
/* Preise */
#artshow .preis				{ color:#000; }
#artshow .preisakt			{ color:#F00; }
#artshow .preisalt			{ font-size:10px; text-decoration:line-through; color:#666; }
#artshow .artshowmrab	{ border:solid 1px #CCC; border-spacing:1px; font-size:11px; text-align:right; }
#artshow .artshowmrab th,#artshow .artshowmrab td	{ padding:0 5px; }
/* Verfuegbarkeit */
.ltendlos 		{ color:#0C0; font-weight:bold; text-transform:uppercase; }
.lterw 			{ color:#06F; font-weight:bold; text-transform:uppercase; }
.ltneu 			{ color:#06F; font-weight:bold; text-transform:uppercase; }
.ltsold 		{ color:#F30; font-weight:bold; text-transform:uppercase; }
.ltbestand		{ color:#666; font-size:10px; margin-top:-10px; }
.ltlieferzeit	{ color:#666; font-size:10px; margin-top:-10px; }
.addmenge		{ width:58px; text-align:center; }
#addtocart		{ width:64px; height:64px; margin:0 auto; background:url(../imag/addtocart1.png); cursor:pointer; }

/* Warenkorb (full) */
#shop_carttable		{ width:100%; margin:0; padding:0; border-collapse:collapse; }
/*#shop_carttable tr:nth-child(odd) { background:#eee;}*/
#shop_carttable tr	{ border-bottom:dotted 1px #999; }
#shop_carttable td	{ margin:0px; padding:4px 0; }
#shop_carttable table tr { border-bottom:none; }
.defaultmpic	{ width:48px; height:48px; background:#CCC; border:solid #999 1px; display:table; font-size:10px; margin:0 auto; text-align:center;}
.defaultmpic div{ display:table-cell; vertical-align:middle; }

/* Login */
.shop_tabadr	{ border-collapse:separate; width:100%; max-width:600px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.shop_tabadr td { padding:2px; }
.shop_tabadr td.tab_label { width:30%; }
.shop_tabadr td.tab_input { width:70%; }

/* Kunden */
.kadresse, .ladresse, .ladressesel	{ position:relative; width:150px; height:150px; padding:10px; margin:0 20px 20px 0; border:1px #000 solid; font-size:11px; float:left;}
.ladresse:hover, .ladressesel		{ background:url(../imag/lieferung.png) left bottom no-repeat; }
.kadresse em, .ladresse em, .ladressesel em	{ display:block; font-size:10px; }
.kadresse .edit,.ladresse .edit,.ladressesel .edit { position:absolute; right:0; top:-8px; width:20px; height:20px;}
.mainselection	{ display:block; padding:20px; min-height:200px; }
.mainresult	{ display:block; padding:20px; min-height:18px; border:solid 1px #000; }

#shop_checkout_agb		{ margin:10px 0; height:230px; padding:10px; border:solid 1px #000; overflow:scroll; }
.bkomm			{ font-style:italic; font-weight:bold; }
.bkomm:before	{ content:open-quote; font-size:30px; }
.bkomm:after	{ content:close-quote; font-size:30px; }

/* Kundenchat */
.bubble_er			{ position:relative; clear:both; min-width:100px; margin:20px 60px 10px 19px; float:left; padding:5px; font-family:"Comic Sans MS", cursive; font-size:14px; border:1px solid #000; border-radius:8px; background:#fd9; color:#000; min-height:18px; box-shadow: 1px 1px 3px #444, 0 5px 5px #fff inset; }
.bubble_er>span:first-child	{ position:absolute; left:-12px; bottom:10px; width:12px; height:12px; background:url(../imag/bub_er.png); }
.bubble_ich			{ position:relative; clear:both; width:auto; min-width:100px; margin:20px 29px 10px 50px; float:right; padding:5px; font-family:"Comic Sans MS", cursive; font-size:14px; border:1px solid #000; border-radius:8px; background:#9df; color:#000; min-height:18px; box-shadow:1px 1px 3px #444, 0 5px 5px #fff inset; }
.bubble_ich>span:first-child	{ position:absolute; right:-14px; bottom:10px; width:14px; height:12px; background:url(../imag/bub_ich.png); }
.bubble_best			{ position:relative; clear:both; min-width:100px; margin:20px 40px 0px 40px; padding:5px; border-radius:2px; background:#fff; color:#000; min-height:18px; box-shadow: 1px 1px 2px #444, 0 5px 5px #fff inset; }
.bubble_dat	{ position:absolute; top:-14px; left:5px; width:200px; height:12px; font-size:9px; color:#667; }
.bubble_working		{ background-image:url(../imag/process48.png); background-position:top right; background-repeat:no-repeat;}

/* Allgemein */
/*.button 	{ min-width:130px; }
.buttonback { min-width:130px; color:#900; }
.buttonnext { min-width:130px; color:#060; font-weight:bold; }*/

.button, .button:visited		{ background:#222 url(../imag/button-overlay.png) repeat-x; display:inline-block; margin:0; padding:5px 10px 6px; border:none; color:#fff; text-decoration:none; font-weight:bold; line-height:1; box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; }
.button:hover							{ background-color: #111; color: #fff; }
.button:active							{ top: 1px; }
.small.button, .small.button:visited 			{ font-size: 11px; padding:3px 5px; }
.button, .button:visited,
.medium.button, .medium.button:visited 		{ font-size:14px; font-weight: bold; line-height: 100%; color:#fff !important; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
.large.button, .large.button:visited 			{ font-size: 18px; padding: 8px 14px 9px; }

.green.button, .green.button:visited		{ background-color:#369; }
.green.button:hover						{ background-color:#69C; }
.greendis.button, .greendis.button:visited		{ background-color:#cdc; box-shadow:0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2); }
.blue.button, .blue.button:visited		{ background-color: #2daebf; }
.blue.button:hover							{ background-color: #007d9a; }
.red.button, .red.button:visited			{ background-color: #C00; }
.red.button:hover							{ background-color: #900; }
.magenta.button, .magenta.button:visited		{ background-color: #a9014b; }
.magenta.button:hover							{ background-color: #630030; }
.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
.orange.button:hover							{ background-color: #d45500; }
.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
.yellow.button:hover							{ background-color: #fc9200; }

.linkzeile	{ clear:both; text-align:center; font-size:16px; }
.linkzeile a	{ padding:3px 5px; text-decoration:none; }
.linkzeile a:hover	{ background-color:#FFF; }
.linkzeile .aktiv { border:solid 1px #ffffff; padding:2px 4px; }

/* FB */
#u_0_0 {
    width: 100% !important;
}
.fb-like.fb_iframe_widget, .fb-like.fb_iframe_widget > span, .fb-like.fb_iframe_widget > span > iframe {
    width: 100% !important;
}

.w150		{ width:150px; }
.w300		{ width:300px; }
.disabled	{ opacity:0.3; cursor:not-allowed !important; }
.loading	{ opacity: 0.3; cursor:progress; }
.tleft		{ text-align:left; }
.tcenter	{ text-align:center; }
.tright		{ text-align:right; }
.clear		{ clear:both; }
.bold		{ font-weight:bold; }
.transp		{ opacity:0.6 }
.t3			{ font-size:13px; font-weight:900;}
.t3x		{ font-size:13px; font-weight:900; color:#3344ff;}
.t3e		{ font-size:13px; font-weight:900; color:#ff0000;}
.te			{ color:#ff0000; }
.tg			{ color:#00cc00; }
.to			{ color:#ffaa00; }
.grau		{ color:#666; }
.tab2,tab4	{ border-collapse:separate; border-spacing:0; }
.tab2 td	{ padding:2px 3px; }
.tab4 td	{ padding:4px 4px; }
.tbox		{ background-color:#90c0f0; padding:5px; width:100%; border-style:inset; border-width:1px; }
.bfull		{ width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.small		{ font-size:11px; font-weight:100; }
.sub		{ font-size:9px; font-weight:100; font-style:italic; }
.printinfo	{ font-size:10px; font-weight:100; }
.l3			{ color:#aabbff; }
.box		{ background-color:#c5c5d6; border-style:inset; border-width:1px; }
.bg0,.bg0h	{ background-color:transparent; }
.bg1,.bg1h	{ background-color:rgba(255,255,255,0.7); }
.bg0h:hover,.bg1h:hover { background-color:#fff; cursor:pointer; }

/* Webdesign-Referenz */
.referenz	{ position:relative; -webkit-perspective:700px; perspective:700px; height:100px; margin:10px -30px 20px -30px; }
.referenz>div	 	{ width:100%; height:100px; transition:all 1s; -webkit-transition:all 1s; -webkit-transform-style:preserve-3d; transform-style:preserve-3d; }
.referenz:hover>div	 	{ transform:rotateX(180deg); -webkit-transform:rotateX(180deg); background-color:#FFF; box-shadow:0 0 25px rgba(0,0,0,0.4); backface-visibility:hidden; -webkit-backface-visibility:hidden; }
.referenz .face		{ position:absolute; top:0; left:0; width:100%; height:100px; padding:0 30px; box-sizing:border-box; overflow:hidden; transition:all 1s; -webkit-transition:all 1s; background-color:rgba(255,255,255,0.3); box-shadow:0 0 10px rgba(0,0,0,0.3); backface-visibility:hidden; -webkit-backface-visibility:hidden;}
.referenz .face>img	{ width:180px; height:100px; margin:0 10px 0 -30px; float:left; }
.referenz .face.back		{ display: block; transform:rotateX(180deg); -webkit-transform:rotateX(180deg); background-color:#333; color:#fff; }
.referenz .face.back a	{ color:#9cf !important; }
.referenz .tech 	{ position:absolute; right:20px; bottom:7px; width:auto; height:auto; }
.referenz .tech img	{ display:inline-block; margin-left:5px;}
.referenz h3	{ margin-top:2px; height:26px; overflow:hidden; }
.referenz p		{ margin-top:6px; margin-bottom:6px; height:20px; overflow:hidden; }
.reflink	{ display:block; margin:0 0 40px 0; text-decoration:underline; }

/* nur IE10+ (kein preserve-3d) */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   	.referenz:hover .face		{ transform:rotateX(-180deg); }
   	.referenz:hover>div,.referenz:hover .face.back		{ transform:none; }
}

@media screen and (max-width:1000px) {
	#shop_center		{ width:100%; }
	#shop_right			{ float:none; width:100%; clear:left; }
	#skomp_cart			{ position:absolute; top:-66px; left:40%; margin-left:-130px; height:20px; width:auto; color:#ddd; }
	#skomp_cart .cartitem, #skomp_cart .carttotal span:last-child, #skomp_cart .cartcheckout	{ display:none; }
	#skomp_cart h3		{ display:inline; font-family:UbuntuRegular,Arial,Helvetica,sans-serif; font-size:1em;   }
	#skomp_cart a		{ color:#ddf !important; }
	#skomp_cart a:hover	{ color:#ccf; }
	#skomp_cart .carttotal 	{ display:inline; font-size:1em; font-weight:normal; }
	#skomp_cart .carttotal span:first-child:before 	{ content:"(" }
	#skomp_cart .carttotal span:first-child:after 	{ content:")" }
	#shop_left2			{ width:100%; float:none; }
	#shop_right2		{ width:100%; float:none; }
	#shop_footer		{ width:100%; margin:20px 0 0 0; }
}
@media screen and (max-width:640px) {
	/* Handyversion */
	#shop_header				{ width:100%; }
	#skomp_catalog				{ position:relative; left:auto; top:auto; width:auto; height:auto; margin:0; padding:0; }
	#skomp_catalog ul			{ list-style-type:none; position:relative; }
	#shop_container 			{ margin:0; }
	#shop_main { display:block; font-size:0.9em; }
	#shop_full>div,
	#shop_center>div,
	#shop_right>div,
	#shop_left2>div,
	#shop_right2>div			{ padding:20px; }
	#shop_footer				{ font-size:0.8em; }
}