@charset "UTF-8";
/**
 * Bisher noch sehr rudimentär.
 * Hier sollten auch weitere Linearisierungs-Ebenen eingeführt werden.
 * Wenn es zukünftig spezielle Tile-Klassen gibt (hier zB 'st_nohead' als überschriftenlose Kachel), sollten diese auch hier gesamment werden
 *
 * TODO das verwendete Tile-Layout ist eher für Entwicklungszwecke erstellt
 */
.sellytile {padding: 1em; background-color:#fff; margin-top: 1.4em; display: block;}
.sellytile h4 {font-size: 124%; font-weight: normal; color:#999; margin: 0 0 0.8em 0;}
.st_header {font-size: 124%; height: 1.5em; line-height: 1.5em; padding-bottom:0.5em; display:block;}
.st_header img {vertical-align: middle;}
.st_content {overflow-x:hidden; border-top: 1px solid #999; padding: 1em 0 1em 0; display:block;}
.st_footer {border-top: 1px solid #999; padding: 1em 0 1em 0; display:block;}
.st_nohead h3 {visibility: hidden; font-size:0%; padding:0;}
.st_nohead div.st_content {padding: 0;}
.st_applink {font-size: 142.86%; text-align: center; height: 1.5em; overflow-y: hidden; padding: 2em 0;}
.sellytile:hover .st_applink {
	color: #333;
}

.st_applink .app-zusatz {display: block; position:relative; top:-2.7em; color: #999; font-weight: bold; font-size: 70%; left:3.5em;}
.st_infoMsg {
	background: #eee;
	background: rgba(255, 255, 255, .5);
	padding: 0; 
}
.st_infoMsg hr {
	color: #888;
	background-color: #888;
	padding: 0;
	margin: 2em auto;
	border-bottom: 1px solid #fff;
	width: 85%;
}

.st_infoMsg table th {color: #000; text-align: left;}
.st_infoMsg table td {vertical-align: top;}
.st_infoMsg table td.sp_r, .st_infoMsg table th.sp_r {padding-right: 2em;}
.st_infoMsg table td.sp_l, .st_infoMsg table th.sp_l {padding-left: 2em;}
.st_infoMsg h1,.st_infoMsg h2,.st_infoMsg h3,.st_infoMsg h4,.st_infoMsg h5 {text-align:center;}
.st_infoMsg h3 {color:#888; font-size:200%; margin-top: 0.6em;}
.st_infoMsg h1 {font-size:315%;}
.st_noTopMargin {margin-top: 0;}
.st_infoMsg > img, .st_infoMsg > a, .st_infoMsg > a > img,
  .st_infoMsg #svc-selly-portal-direkt-vtpl-home_banner_0100 > img, .st_infoMsg #svc-selly-portal-direkt-vtpl-home_banner_0100 > a, .st_infoMsg #svc-selly-portal-direkt-vtpl-home_banner_0100 > a > img {display: block; max-width:100%;}


/* neues design */
.applink {display: block; margin: 1.4em 0.2em 0.2em 0.2em; box-shadow: 0 0 4px 0 #aaaaaa; cursor: pointer;}
.applink:hover {box-shadow: 0 0 4px 0 #666666;}
.app_icon_container {display: block; height:129px; padding-top:49px; background: url(/images/apps/css/applinks/bg_full.png) repeat-x;}
.app_icon {display:block; width:80px; height:80px; margin: auto;}
.app_icon_container img {position:relative; top:30%;}
.app_foot {font-size: 85.7%; display: block; border-top: 1px solid #da0000; background-color: #ffffff; height: 2.5em; line-height: 2.5em; overflow-x:hidden;}
.app_logo_container img.app_logo {position:relative; top: 0.3em;}

/* halfheight */
.hh .app_icon_container {height:52px; padding-top:11px; background: url(/images/apps/css/applinks/bg_half.png) repeat-x;}
.hh .app_icon {display:block; width:40px; height:40px; margin: auto;}
/* icon */
.icon .app_logo_container {display: none;}
.icon .app_foot {font-size: 78.63%; height: 2.7em; line-height:2.7em;}

/* conventional Launch adaptions */
.sellyappslink {cursor: pointer;}
.conventionalLaunch .app_foot {font-size: 66.63%; height: 2.4em; line-height:2.4em; border-top: 1px solid #aaa;}
.conventionalLaunchInfo, .conventionalLaunchArrow {text-align: center;}
/*
.conventionalLaunch .launchTiles .ym-gbox {padding-left: 5px; padding-right:5px;}
.conventionalLaunch .launchTiles .ym-gbox-left {padding-left: 0px; padding-right:5px;}
.conventionalLaunch .launchTiles .ym-gbox-right {padding-left: 5px; padding-right:0;}

.conventionalLaunchInfo {width: 65%; float:left;}
.conventionalLaunchArrow {width: 25%; float:right; text-align: right; background: url(/images/apps/css/collapsed.png) no-repeat; background-position: right; }

@media screen and ( max-width: 940px) {
	.conventionalLaunchInfo, .conventionalLaunchArrow {width: 100%; float:none;}
	.conventionalLaunchArrow {background: url(/images/apps/css/expanded.png) no-repeat;  background-position: center bottom;}
}
*/



#quickstarter {
	height: auto;
}

#quickstarter .center {
	margin: auto;
}

#quickstarter a .app_foot {
	font-size: 11px;
	color: #666;
}

#quickstarter a:hover {
 	text-decoration: none;
}

#quickstarter a:hover .app_foot{
	color: #333;
}

/* ENDE neues design */

/*die einzelnen apps*/
.app_order .app_icon{background: url(/images/apps/css/applinks/icons/big/sellyorder_icon.png) no-repeat;}
.app_order:hover .app_icon{background: url(/images/apps/css/applinks/icons/big/hover/sellyorder_icon_over.png) no-repeat;}
.app_order.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sellyorder_icon_klein.png) no-repeat;}
.app_order.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sellyorder_icon_klein_over.png) no-repeat;}

.app_order_light .app_icon{background: url(/images/apps/css/applinks/icons/big/sellyorder_lite_icon.png) no-repeat;}
.app_order_light:hover .app_icon{background: url(/images/apps/css/applinks/icons/big/hover/sellyorder_lite_icon_over.png) no-repeat;}
.app_order_light.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sellyorder_lite_icon_klein.png) no-repeat;}
.app_order_light.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sellyorder_lite_icon_klein_over.png) no-repeat;}

.app_order_web .app_icon{background: url(/images/apps/css/applinks/icons/big/sellyorder_web_icon.png) no-repeat;}
.app_order_web:hover .app_icon{background: url(/images/apps/css/applinks/icons/big/hover/sellyorder_web_icon_over.png) no-repeat;}
.app_order_web.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sellyorder_web_icon_klein.png) no-repeat;}
.app_order_web.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sellyorder_web_icon_klein_over.png) no-repeat;}

.app_mobile .app_icon{background: url(/images/apps/css/applinks/icons/big/sellymobile_icon.png) no-repeat;}
.app_mobile:hover .app_icon{background: url(/images/apps/css/applinks/icons/big/hover/sellymobile_icon_over.png) no-repeat;}
.app_mobile.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sellymobile_icon_klein.png) no-repeat;}
.app_mobile.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sellymobile_icon_klein_over.png) no-repeat;}

.app_orderwek .app_icon{background: url(/images/apps/css/applinks/icons/big/wareneingang_icon.png) no-repeat;}
.app_orderwek:hover .app_icon{background: url(/images/apps/css/applinks/icons/big/hover/wareneingang_icon_over.png) no-repeat;}
.app_orderwek.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/wareneingang_icon_klein.png) no-repeat;}
.app_orderwek.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/wareneingang_icon_klein_over.png) no-repeat;}

.app_report .app_icon{background: url(/images/apps/css/applinks/icons/big/sellyreport_icon.png) no-repeat;}
.app_report:hover .app_icon{background: url(/images/apps/css/applinks/icons/big/hover/sellyreport_icon_over.png) no-repeat;}
.app_report.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sellyreport_icon_klein.png) no-repeat;}
.app_report.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sellyreport_icon_klein_over.png) no-repeat;}

.app_menue_rez .app_icon{background: url(/images/apps/css/applinks/icons/big/sellymenue_Rezeptverwaltung_icon.png) no-repeat;}
.app_menue_rez:hover .app_icon{background: url(/images/apps/css/applinks/icons/big/hover/sellymenue_Rezeptverwaltung_icon_over.png) no-repeat;}
.app_menue_rez.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sellymenue_Rezeptverwaltung_icon_klein.png) no-repeat;}
.app_menue_rez.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sellymenue_Rezeptverwaltung_icon_klein_over.png) no-repeat;}

.app_menue_spl .app_icon{background: url(/images/apps/css/applinks/icons/big/sellymenue_Speiseplaner_icon.png) no-repeat;}
.app_menue_spl:hover .app_icon{background: url(/images/apps/css/applinks/icons/big/hover/sellymenue_Speiseplaner_icon_over.png) no-repeat;}
.app_menue_spl.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sellymenue_Speiseplaner_icon_klein.png) no-repeat;}
.app_menue_spl.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sellymenue_Speiseplaner_icon_klein_over.png) no-repeat;}

.app_prins.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/prins_icon_klein.png) no-repeat;}
.app_prins.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/prins_icon_klein_over.png) no-repeat;}

.app_assDl .app_icon{background: url(/images/apps/css/applinks/icons/big/sortiments_download_icon.png) no-repeat;}
.app_assDl:hover .app_icon{background: url(/images/apps/css/applinks/icons/big/hover/sortiments_download_icon_over.png) no-repeat;}
.app_assDl.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sortiments_download_icon_klein.png) no-repeat;}
.app_assDl.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sortiments_download_icon_klein_over.png) no-repeat;}

.app_exchange_lif.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sellyexchanche_supplier_icon_klein.png) no-repeat;}
.app_exchange_lif.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sellyexchanche_supplier_icon_klein_over.png) no-repeat;}

.app_exchange_ekf.hh .app_icon{background: url(/images/apps/css/applinks/icons/small/sellyexchanche_buyer_icon_klein.png) no-repeat;}
.app_exchange_ekf.hh:hover .app_icon{background: url(/images/apps/css/applinks/icons/small/hover/sellyexchanche_buyer_icon_klein_over.png) no-repeat;}


#til_wst_search .app_icon_container {padding: 0.8em 0.4em 0 1em;}
#til_wst_search label.overlabel {font-size: 107.2%;} 
/* YAML grid um 10% erweitern */
.ym-g10 { width:10%; }

/* YAML equal-heights auch für sellytiles */
.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] > [class*="sellytile"] {
    margin-bottom: -10000px;
    padding-bottom: 10000px;
}

div.tileContainer {margin: 1.4em 0 1.25em 0;}

/* alles Folgende hat mit Tiles eigentlich nichts zu tun - sollte in ein angemesseres CSS wandern */
div#controlPanel {background-color: #ccc; padding:1em;}
div#controlPanel_content {width: 736px; padding-left: 120px;} /* vgl. #content_wrap */
div#controlNotes {float:left; width:61.8%;}
div#controlLinks {width: 38%; margin-left:62%;  padding-top: 0.5em;}
a.controlLink {font-size: 125%; line-height: 2em; display: block;}
a.controlLink img {margin-right: 0.5em; vertical-align: middle;}

/* quickstart */
#wp_quickstart hr{margin:0; padding: 0;}
.sl_quickstart {min-height: 3em; line-height:3em; padding:0.25em; margin-bottom:0.4em; margin-top:0.4em; /*background-color: #eee; */margin-left:auto; margin-right:auto; position:relative;}
.sl_overlay {position: absolute; top:-1.75em; right:-0.5em; padding:1px; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; font-weight:bold; min-width: 1em; color:white; text-align: center; display:none;}
.sl_overlay input {height:1.5em;} /* 12px */
.st_content:hover .sl_overlay {display: block;}
.sl_overlay-content {height: 1em; width: 1em; line-height: 1.1em; text-align:center;}
#wp_quickstart .button {width: 100%; font-size:135%;}
#wp_quickstart a.button {padding: 6px 0px 7px 0px; text-align:center;}
#wp_quickstart .intended .button { 
    border-color: rgba(82, 168, 236, 0.75);
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
    }

#svc-selly-portal-direkt-vtpl-home_fragederwoche_0100 .st_content .fdw_img {
	text-align: center;
	margin: 1.5em auto;
}

.fdw_img img {
	display: inline-block !important;
}

#svc-selly-portal-direkt-vtpl-home_fragederwoche_0100 .st_content h3 {
	margin-bottom: 1em;
	line-height: 1.25em;
}

/* Kaffeeklatsch - Kontaktformular */
div#kaffeekontakt {background-color: #FFFFFF;}
#kaffeekontakt #kontakt-right {display: none;}
#kaffeekontakt #kontakt-left {width: 100%;}
#kaffeekontakt h2.success {font-size: 150%;}

/* Markenshopslider */
.applink .bx-wrapper {margin-bottom: 0; box-shadow: none;}
.bx-prev, .bx-next {font-weight: bold;}
.bxslider li {margin-left: 0;}
.bx-viewport ul {display: block;}
.bx-viewport ul, .bx-viewport ul li, .bx-viewport ul li a {
    height: 100%;
}

.bx-viewport ul li a {
    display: block;
}

.brandshop_slide_h {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	font-size: 0.25em;
}

.brandshop_slide {
	display:block;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	/*position: relative;*/
	font-size: 1.2em;
	font-weight:bold;
	
}
.brandshop_slide img, .bxslider .brandshop_slide img {
	margin: auto;
	vertical-align: middle;
	display: inline-block !important;
	/*position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);*/
}