@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;}
.applink:hover {box-shadow: 0 0 4px 0 #666666;}
.app_icon_container {display: block; height:129px; padding-top:49px;}
.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;}

#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/Dashboards/dashboard_bestellsystem.png') no-repeat;
}
.app_order:hover .app_icon{background: url('../../images/Dashboards/dashboard_bestellsystem_over.png') no-repeat;
}
.app_order.hh .app_icon{background: url('../../images/Dashboards/dashboard_bestellsystem.png') no-repeat;
}
.app_order.hh:hover .app_icon{background: url('../../images/Dashboards/dashboard_bestellsystem_over.png') no-repeat;
}


.app_orderwek .app_icon{background: url('../../images/Dashboards/dashboard_wareneingang.png') no-repeat;
}
.app_orderwek:hover .app_icon{background: url('../../images/Dashboards/dashboard_wareneingang_over.png') no-repeat;
}
.app_orderwek.hh .app_icon{background: url('../../images/Dashboards/dashboard_wareneingang.png') no-repeat;
}
.app_orderwek.hh:hover .app_icon{background: url('../../images/Dashboards/dashboard_wareneingang_over.png') no-repeat;
}

.app_report .app_icon{background: url('../../images/Dashboards/dashboard_sellyreport.png') no-repeat;
}
.app_report:hover .app_icon{background: url('../../images/Dashboards/dashboard_sellyreport_over.png') no-repeat;
}
.app_report.hh .app_icon{background: url('../../images/Dashboards/dashboard_sellyreport.png') no-repeat;
}
.app_report.hh:hover .app_icon{background: url('../../images/Dashboards/dashboard_sellyreport_over.png') no-repeat;
}

.app_menue_rez .app_icon{background: url('../../images/Dashboards/dashboard_rezeptverwaltung.png') no-repeat;
}
.app_menue_rez:hover .app_icon{background: url('../../images/Dashboards/dashboard_rezeptverwaltung_over.png') no-repeat;
}
.app_menue_rez.hh .app_icon{background: url('../../images/Dashboards/dashboard_rezeptverwaltung.png') no-repeat;
}
.app_menue_rez.hh:hover .app_icon{background: url('../../images/Dashboards/dashboard_rezeptverwaltung_over.png') no-repeat;
}

.app_menue_spl .app_icon{background: url('../../images/Dashboards/dashboard_speiseplaner.png') no-repeat;
}
.app_menue_spl:hover .app_icon{background: url('../../images/Dashboards/dashboard_speiseplaner_over.png') no-repeat;
}
.app_menue_spl.hh .app_icon{background: url('../../images/Dashboards/dashboard_speiseplaner.png') no-repeat;
}
.app_menue_spl.hh:hover .app_icon{background: url('../../images/Dashboards/dashboard_speiseplaner_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;
}

#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%;}