/*
 * 'schoener.css' - weil das Ding einen Namen haben muss.
 * Hier kommt alles rein, was 'cake.generic.css' erweitert oder überschreibt.
 * Konkrete Einzelsachen - z.B. für das Multiupload bleiben außen vor
 ' - EC, 2017-12-22
 */

div.ueberschaubare1000px {
	width:100%;
	max-width:1000px;
	margin: 0 auto;
}
/* -----------------------------------------------------------------------
 * Formulareingaben gruppieren
 * ----------------------------------------------------------------------- */
div.ueberschaubare1000px fieldset.graublock {
	border:1px solid #ccc;
	background-color:rgba(221,221,221,0.25);
	width:95%;
	margin-bottom:2em;
}

/* -----------------------------------------------------------------------
 * Message etwas von der bread crumb absetzen
 * ----------------------------------------------------------------------- */
div.message {
	margin-top: 0.5em;
}

/* -----------------------------------------------------------------------
 * Link wie ein Knopf
 * ----------------------------------------------------------------------- */
a.knopf {
    padding: 3px .8em;
    color: #fff;
    display: inline-block;
    border-radius: 1em;
    /* background: #003d4c; */
    background: #0078AC;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    text-decoration: none;
	text-align: center;
}
a.knopf:hover {
    background: #66A74F;
}

/* -----------------------------------------------------------------------
 * Tabellen: Übersichten, Protokolle, ...
 * ----------------------------------------------------------------------- */
table.protokolltabelle {
	border-collapse: collapse;
	width: auto;
}
table.protokolltabelle thead td {
	font-weight:bold;
}
table.protokolltabelle tbody tr {
	background-color: white;
}
table.protokolltabelle td {
	background-color: transparent;
	border: 1px solid #BBB;
	padding: 5px 7px;
}
table.protokolltabelle tbody tr:hover {
	background-color: #BFEFFF;
}
table.protokolltabelle td.zentriert {
	vertical-align:middle;
	text-align:center;
}
td a.asc:after  { content: ' ⇑'; }
td a.desc:after { content: ' ⇓'; }

/* -----------------------------------------------------------------------
 * Copyright-Hinweis
 * ----------------------------------------------------------------------- */
div#copyright-hinweis {
	margin:0 auto;
	width:100%;
	font-weight:bold;
	max-width:1950px;
	text-align:right;
}

/* -----------------------------------------------------------------------
 * Add/Edit-Masken in der Therapeuten-App
 * ----------------------------------------------------------------------- */
div#container-begriffeUndMehr-edit input[type=text],
div#container-begriffeUndMehr-edit input[type=file],
div#container-begriffeUndMehr-edit input[type=number] {
	width:620px;
}
div#container-begriffeUndMehr-edit div.input select {
	width:650px;
	padding: 1%;
}
div#container-begriffeUndMehr-edit div.radio input {
	width:auto;
}