@charset "UTF-8";

	/*******************************
	* WASABI TPLS                  *
	*******************************/



/*	+++++++++++++++++
	+++ HEADLINES +++
	+++++++++++++++++ */
h1, h1.layout1, h2.layout1, h3.layout1, h4.layout1, h5.layout1, h6.layout1 {
	margin:0 0 20px 0;
	font:normal normal 22px "Arimo", sans-serif;
	color:#264363;
}
h2, h1.layout2, h2.layout2, h3.layout2, h4.layout2, h5.layout2, h6.layout2 {
	margin:0 0 5px 0;
	font:bold normal 16px/20px Arial, sans-serif;
	color:#264363;
}
h3, h1.layout3, h2.layout3, h3.layout3, h4.layout3, h5.layout3, h6.layout3 {
	margin:0 0 5px 0;
	font:bold normal 14px/18px Arial, sans-serif;
	color:#264363;
}
h4, h1.layout4, h2.layout4, h3.layout4, h4.layout4, h5.layout4, h6.layout4 {
	margin:0 0 5px 0;
	font:bold normal 14px/18px Arial, sans-serif;
	color:#264363;
}
h5, h1.layout5, h2.layout5, h3.layout5, h4.layout5, h5.layout5, h6.layout5 {
	margin:0 0 5px 0;
	font:normal normal 12px/16px Arial, sans-serif;
	color:#264363;
}
h6, h1.layout6, h2.layout6, h3.layout6, h4.layout6, h5.layout6, h6.layout6 {
	margin:0 0 5px 0;
	font:normal normal 12px/16px Arial, sans-serif;
	color:#264363;
}
h2.marginBottom15, h3.marginBottom15, h4.marginBottom15, h5.marginBottom15, h6.marginBottom15 {margin-bottom:15px;}



/*	++++++++++++++++
	+++ ELEMENTS +++
	++++++++++++++++ */
hr {
	height:0;
	margin:10px 0;
	color:white;
	border:0;
	border-bottom:1px solid #cccccc;
}
table th, table td {padding:3px;}
sub {
	vertical-align:sub;
	font:normal 10px/12px Arial, sans-serif;
}
sup {
	vertical-align:super;
	font:normal 10px/12px Arial, sans-serif;
}
p {margin:0 0 20px 0;}
a {word-break:break-word;}

a:link, a:visited {
	text-decoration:underline;
	color:#264363;
}
a:hover, a:focus, a:active {
	text-decoration:none;
   color:#4c739c;
}
::selection {
	background:#6788ab;
	color:white;
	text-shadow:none;
}
::-moz-selection {
	background:#6788ab;
	color:white;
	text-shadow:none;
}
::-webkit-selection {
	background:#6788ab;
	color:white;
	text-shadow:none;
}
b, strong {font-weight:bold;}
i, em {font-style:italic;}


/*	+++++++++++++++++++++++
	+++ GENERAL CLASSES +++
	+++++++++++++++++++++++ */
.hidden {display:none;}
.block {display:block;}

.floatLeft {float:left;}
.floatRight {float:right;}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.justify {text-align:justify;}

.helpCursor {cursor:help;}
.pointerCursor {cursor:pointer;}
.defaultCursor {cursor:default;}

.nowrap {white-space:nowrap;}
.overflowHidden {overflow:hidden;}
.bigFont p {font-size:16px;line-height:24px;}

/* http://css-tricks.com/snippets/css/clear-fix/ */
.group:before, .group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1;}/* For IE 6/7 (trigger hasLayout) */

p.subline {
	font:normal normal 11px/14px Arial, sans-serif;
	color:#999999;
	margin:0 0 5px 0;
}
p.subline a {
	font:normal normal 11px/14px Arial, sans-serif;
	color:#999999;
}
p.sublineChart {
	font:normal normal 11px/14px Arial, sans-serif;
	color:#999999;
}

/*	+++++++++++++++++++
	+++ RTE-CLASSES +++
	+++++++++++++++++++ */
span.underline {text-decoration:underline;}
span.strike {text-decoration:line-through;}

p.left, td.left, h1.left, h2.left, h3.left, h4.left, h5.left, h6.left {text-align:left;}
p.center, td.center, h1.center, h2.center, h3.center, h4.center, h5.center, h6.center {text-align:center;}
p.right, td.right, h1.right, h2.right, h3.right, h4.right, h5.right, h6.right {text-align:right;}
p.justify, td.justify, h1.justify, h2.justify, h3.justify, h4.justify, h5.justify, h6.justify {text-align:justify;}

p.videoLink {margin-bottom:0;}

img.border {border:1px solid black;}
img.rightFloated {float:left;padding:0 5px 0 0;border:none;}
img.leftFloated {float:right;padding:0 0 0 5px;border:none;}

a.imageLink:link, a.imageLink:visited, a.imageLink:hover, a.imageLink:focus, a.imageLink:active {/* !important explicitly overwrites ctypes.css */
	border:none !important;
	background:none !important;
	padding:0 !important;
	margin:0 !important;
}
a.imageLink:hover img, a.imageLink:focus img, a.imageLink:active img {/* Images in Links > slightly transparent */
	zoom:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
	opacity:0.7;
}
a.buttonLink:link, a.buttonLink:visited {
	display:block;
	padding:15px 12px 15px 15px;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border:3px solid #0e78ad;
	color:black;
}

/*	+++++++++++++
	+++ LISTS +++
	+++++++++++++ */
ul,ol {
   margin:10px 0 20px 0;
}
ul {
	list-style-type:square;
   padding:0 0 0 30px;
}
ol {
	list-style-position:outside;
	list-style-type:lower-latin;
	padding:0 0 0 30px;
}
ul li ul {
	list-style-type:disc;
}

#colRight ul li, #colRight  ol li {
	margin:0 0 4px 0;
}

/* li with headline = needs more margin bottom */
#colRight ul.moreMargin li, #colRight ol.moreMargin li {
	margin:0 0 15px 0;
}

/* ul inside li with headline = needs less margin bottom */
#colRight ul.lessMargin {
	margin:0;
}
#colRight ul.lessMargin li {
	margin:0 0 4px 0;
}

/* overview */
ul.overview {
	margin:0 0 20px 0;
	padding:0;
   list-style-type:none;
	border:1px solid #dbe1e6;
}
ul.overview li{
	margin:0 !important;
	padding:7px 10px;
	border-left:1px solid white;
   border-right:1px solid white;
   border-bottom:1px solid white;
}
ul.overview li:first-child {border-top:1px solid white;}
ul.overview li:nth-child(odd) {background:#dbe1e6;}
ul.overview li:nth-child(even) {background:#c8d2db;}
/* for the two special moduls */
ul.overview.purple {border:1px solid #e9ddf5;}
ul.overview.purple li:nth-child(odd) {background:#e9ddf5;}
ul.overview.purple li:nth-child(even) {background:#d5c3e8;}
/* for the two linked moduls */
ul.overview.olive {border:1px solid #dbe5dc;}
ul.overview.olive li:nth-child(odd) {background:#dbe5dc;}
ul.overview.olive li:nth-child(even) {background:#b8d1bb;}
ul.overview > li > img {vertical-align:middle;margin-right:10px;}
ul.overview li > a {display:block;text-decoration:none;}
ul.overview li > a:hover {text-decoration:none;}
/* für Qualitätsergebnisse*/
ul.overview li > a.icon {line-height:38px;}
ul.overview li > a.icon img {margin-right:10px;}
/* portraits */
ul.portrait {
	margin:0;
	padding:0;
   list-style-type:none;
	border:1px solid #dbe1e6;
}
ul.portrait li{
	margin:0;
	padding:0;
	border-left:1px solid white;
   border-right:1px solid white;
   border-bottom:1px solid white;
}
ul.portrait li:first-child {border-top:1px solid white;}
ul.portrait li:nth-child(odd) {background:#dbe1e6;}
ul.portrait li:nth-child(even) {background:#c8d2db;}
ul.portrait li div.portrait_label {
	font-weight:bold;
	padding:10px;
	width:60%;
	float:left;
	border-right:1px solid white;
}
ul.portrait li div.portrait_field {
	padding:10px;
	width:40%;
	float:left;
}
ul.portrait li div.wasabi_fold_content {
	padding:10px 20px;
	background:#8da1b9;
	border:none;
	color:white;
}
ul.portrait li div.wasabi_fold_content h4 {
	color:white;
}
ul.portrait li div.wasabi_fold_content p {
	margin:0 0 20px 0;
}
ul.portrait li div.wasabi_fold_content a {
	color:white;
}
ul.portrait li a.wasabi_fold_trigger,
ul.overview li a.wasabi_fold_trigger {
  position:absolute;
  right:10px;
  width:13px;
  height:13px;
}
ul.portrait li a.wasabi_fold_trigger.opened,
ul.overview li a.wasabi_fold_trigger.opened {background:url(/fileadmin/tpls/res/btn_small_blue_minus.gif) no-repeat top center;}
ul.portrait li a.wasabi_fold_trigger.closed,
ul.overview li a.wasabi_fold_trigger.closed {background:url(/fileadmin/tpls/res/btn_small_blue_plus.gif) no-repeat top center;}
ul.overview li div.wasabi_fold_content {
	padding:8px 0 0 0;
	background:none;
}
ul.overview li div.wasabi_fold_content ul.details {
	list-style:none;
	margin:0;
	padding-left:15px !important;
}
ul.overview li div.wasabi_fold_content ul.details li {
	padding:7px 0 10px 0 !important;
}

/* portraits patientenzufriedenheit */
ul.portrait.special li div.portrait_label {
	font-weight:bold;
	padding:10px;
	width:416px;
	float:left;
}

/* details in portraits */
ul.details {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:square;
}
ul.details li {
	margin:0 0 0 20px;
	padding:0 0 7px 0;
	border:none;
}
ul.details li:first-child {border:none;}
ul.details li:last-child {padding:0;}
ul.details li:nth-child(odd) {background:none;}
ul.details li:nth-child(even) {background:none;}

ol.details.liNoPadding li,
ul.details.liNoPadding li {padding:0;}

ol.details {
	margin:0 0 10px 0;
	padding:0;
	list-style-type:decimal;
}
ol.details li {
	margin:0 0 0 20px;
	padding:0 0 7px 0;
	border:none;
}
ol.details li:first-child {border:none;}
ol.details li:nth-child(odd) {background:none;}
ol.details li:nth-child(even) {background:none;}

ul.details ul.details,
ul.details ol.details,
ol.details ul.details,
ol.details ol.details {margin:7px 0 0 0;}

/* wasabi_fold in versorgung von schwerverletzten */
ul.vvs_list {
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	list-style-type:square;
	list-style-position:inside;
}
ul.vvs_list li {
	margin:0 0 0 20px;
	padding:0;
	border:none;
}


/* psychnotaufnahme */
ul.psychnotaufnahme {
	margin:0;
	padding:0;
   list-style-type:none;
	border:1px solid #dbe1e6;
}
ul.psychnotaufnahme li{
	margin:0;
	padding:0;
	border-left:1px solid white;
   border-right:1px solid white;
   border-bottom:1px solid white;
}
ul.psychnotaufnahme li:first-child {border-top:1px solid white;}
ul.psychnotaufnahme li:nth-child(odd) {background:#dbe1e6;}
ul.psychnotaufnahme li:nth-child(even) {background:#c8d2db;}
ul.psychnotaufnahme li div.khs_logo {
	padding:0;
	margin:10px;
	width:123px;
	height:70px;
	float:left;
}
ul.psychnotaufnahme li div.khs_name {
	font-weight:bold;
	padding:10px;
	width:195px;
	float:left;
}
ul.psychnotaufnahme li div.khs_phone {
	padding:0 10px;
	width:195px;
	float:left;
}
ul.psychnotaufnahme li div.wasabi_fold_content {
	padding:10px 20px;
	width:396px;
	background:#8da1b9;
	border:none;
	color:white;
}
ul.psychnotaufnahme li div.wasabi_fold_content h4 {
	color:white;
}
ul.psychnotaufnahme li div.wasabi_fold_content p {
	margin:0 0 20px 0;
}
ul.psychnotaufnahme li a.wasabi_fold_trigger {
	position:absolute;
	right:10px;
	top:10px;
	width:13px;
	height:13px;
}
ul.psychnotaufnahme li a.wasabi_fold_trigger.opened {background:url(/fileadmin/tpls/res/btn_small_blue_minus.gif) no-repeat top center;}
ul.psychnotaufnahme li a.wasabi_fold_trigger.closed {background:url(/fileadmin/tpls/res/btn_small_blue_plus.gif) no-repeat top center;}

/* legend */
ul.legend {
	list-style:inside none;
	padding:0;
}
ul.legend .block {
	margin:0 10px 0 0;
	height:12px;
	width:43px;
	float:left;
}
ul.legend .block.blue {background:#96d2da;}
ul.legend .block.green {background:#aedba8;}
ul.legend .block.yellow {background:#ede2a5;}



/*	++++++++++++++
	+++ TABLES +++
	++++++++++++++ */

table.border {} /* Wichtig für RTE */
table {
	margin:0 0 20px 0;
	width:100%;
	border-collapse:collapse;
	border-bottom:3px solid #556fa3;
}
table th {
	padding:10px;
	background:#556fa3;
   border-right:1px solid white;
	border-bottom:1px solid white;
	color:white;
}
table td {
	padding:10px;
	border-right:1px solid white;
   border-bottom:1px solid white;
}
table th:last-child, table td:last-child {
	border-right:none;
}
tr:nth-child(odd) {background:#dbe1e6;}
/*tr:nth-child(even) {background:#c8d2db;}*/

div.overview {
	margin:20px 0;
	border:1px solid #dbe1e6;
}
div.overview table {
	margin:0;
	border:1px solid white;
}
div.overview table td {
	padding:7px 10px;
}
div.overview table tr {
   border-bottom:1px solid white;
}
.wasabi_fold_content table {
	margin:20px 0;
}
#colMiddle ul.wasabi_fold_content {
	padding:0;
	margin:0;
	background:none;
	border:none;
}
#colMiddle ul.wasabi_fold_content li {
	background:transparent !important;
	border:none !important;
}

#colMiddle ol.wasabi_fold_content {}
#colMiddle ol.wasabi_fold_content li {}
.atsign {vertical-align:text-bottom;}

/*truncate expander*/
.truncate-expander {
	overflow:hidden;
	
	transition: height 0.25s;
	-webkit-transition: height: 0.25s; 	
}
.truncate-expander + a[data-readmore-toggle] {
    display: block;
    padding:5px 0 20px;
    font-size: 14px;
    font-weight: 600;
}



/*	+++++++++++++++++
	+++ BOOTSTRAP +++
	+++++++++++++++++ */
.panel {border-radius:0;}



/*	++++++++++++++++++
	+++ ADMINPANEL +++
	++++++++++++++++++ */
.typo3-adminPanel {text-align:left;}


