/*page.css: the main stylesheet, for w3c-compliant browsers*/
/*========================== BASIC LAYOUT ====================================*/
	/*GENERAL*/
		* {
			margin:0;
			padding:0;
		}
		body {
			background-color: rgb(198,205,211);
			color: #333;
			font-family: Arial, Verdana, sans-serif;
			font-size: 12px;
			line-height: 16px;
		}
		a,
		a:visited {
			color:#005292;
			text-decoration: underline;
		}
		#login #main a,
		#login #main a:visited {
			color:#333;
		}
		td.icons a,
		a.moveDown,
		a.moveUp,
		#head a,
		#left a,
		#foot a {
			text-decoration: none;
		}

	/*==PAGE LAYOUT==*/
		div#pageWrapper {
			background-color: rgb(245,245,245);
		}
		div#footWrapper {
			/* generated by http://gradients.glrzad.com/ */
			background-image: linear-gradient(top, rgb(220,228,235) 0%, rgb(198,205,211) 100%);
			background-image: -o-linear-gradient(top, rgb(220,228,235) 0%, rgb(198,205,211) 100%);
			background-image: -moz-linear-gradient(top, rgb(220,228,235) 0%, rgb(198,205,211) 100%);
			background-image: -webkit-linear-gradient(top, rgb(220,228,235) 0%, rgb(198,205,211) 100%);
			background-image: -ms-linear-gradient(top, rgb(220,228,235) 0%, rgb(198,205,211) 100%);
			background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(220,228,235)), color-stop(1, rgb(198,205,211)));
		}
		div#foot {
			height: 290px;
			padding: 10px 10px 0 13px;
			position: relative;
		}
		div#page, div#foot {
			margin: 0 auto;
			width: 990px;
		}
		div#page {
			background-image: url(../pic/bg_eqb.jpg);
			background-repeat: no-repeat;
			position: relative;
		}
		div#page div#main {
			margin-top: 40px;
		}
		#left {
			float:left;
			max-height: 100vh;  /* Show scrollbar if navigation is higher than viewport. */
			overflow-y: auto;  /* Show scrollbar if navigation is higher than viewport. */
			width:210px;
			position: -webkit-sticky;
			position: sticky;
			top: 0;
		}
		#right			{float:right; width:170px; margin-right:10px; font-size:11px; }
		#center			{margin:0 0 0 240px;}
		#contentWrapper {
			float:left;
			margin-bottom: 25px;
			min-height: 550px;
			width:100%;
		}

		.noLeftCol #center	{margin:0 200px 0 10px;}

	/*==HEAD==*/
		/*-- nav box --*/
			div#head {
				height: 209px;
				border-bottom: 3px solid #005292;
			}
			#head div#headNav {
				position: absolute;
				right: 13px;
				top: 30px;
				width: 158px;
			}
			div#headNav,
			div#headNav a {
				color: #f5f5f5;
				font-size: 11px;
			}
			div#headNav div.login a {
				text-transform: uppercase;
			}
			div#headNav div.headerLink a , 
			div#headNav div.headerLink input {
				background: url(../pic/nav_arrow.png) 95% 50% no-repeat;
			}
			div#headNav div.headerLink:hover a, 
			div#headNav div.headerLink.current a, 
			div#headNav div.headerLink:hover input {
				background-image: url(../pic/nav_arrow_active.png);
				background-position: 96% 50%;
			}
			div#headNav div.loginInfo,
			div#headNav div.headerLink a,
			div#headNav div.headerLink input {
				display: block;
				padding: 1px 5px;
			}
			div#headNav div.headerLink input {
				background-color: transparent;
				border: none;
				color: inherit;
				font-weight: normal;
				line-height: inherit;
				margin: 0;
				text-align: left;
				text-decoration: none;
				width: 158px;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
			}
			div#headNav li,
			div#headNav div.headerLink a,
			div#headNav div.headerLink.logout,
			div#headNav div.loginInfo {
				background-color: rgba(51,51,51,.5);
			}
			div#headNav div.headerLink a:hover,
			div#headNav div.headerLink.current a,
			div#headNav div.headerLink.logout:hover {
				background-color: rgba(245,245,245,.5);
				color: rgb(51,51,51);
				text-decoration: none;
			}
			div#headNav div.login a,
			div#headNav div.loginInfo {
				-webkit-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-topright: 5px;
				border-top-left-radius: 5px;
				border-top-right-radius: 5px;
			}
			div#headNav div.login a {
				font-weight: bold;
			}
			div#headNav div.login a,
			div#headNav div.headerLink.logout {
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-bottomright: 5px;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
			}
			div#headNav div.headerLink {
				margin-top: 1px;
			}
			div#headNav div.loginInfo {
				max-height: 64px;
				overflow: hidden;
			}
			div#headNav ul.langNav {
				margin: 0 0 10px;
			}
			div#headNav ul.langNav li {
				display: inline-block;
				list-style-type: none;
				margin-left: 31px;
				text-align: center;
				width: 32px;
			}
			div#headNav ul.langNav li:first-child {
				margin-left: 0;
			}
			div#headNav ul.langNav li a {
				display: block;
				font-weight: bold;
				padding: 1px 5px;
				text-decoration: none;
			}
			div#headNav li:hover,
			div#headNav li.current {
				background-color: rgb(0,80,145);
			}
			div#headNav li {
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
		#head a#logoLink {
			background-image: url(../pic/eqbericht_logo_d.png);
			background-repeat: no-repeat;
			border:none;
			display:block;
			height:65px;
			left:13px;
			position:absolute;
			top:30px;
			width:171px;
		}
		body.fr #head a#logoLink {
			background-image: url(../pic/eqbericht_logo_f.png);
		}
		body.it #head a#logoLink {
			background-image: url(../pic/eqbericht_logo_i.png);
		}
		#head div#navBar {
			padding-top: 164px;
		}

	/*==FOOT==*/
		#rootlineNav {
			border: 1px solid rgb(153,153,153);
			height:23px;
			padding-left: 4px;
		}
		#foot a,
		#foot li,
		#rootlineNav span {
			color: rgb(51,51,51);
			font-size: 10px;
			font-weight: bold;
			text-transform: uppercase;
		}
		#foot a:hover {
			text-decoration: underline;
		}
		#rootlineNav a, #rootlineNav span {
			display: block;
			float: left;
			line-height: 1em;
			padding: 6px 15px 7px 5px;
		}
		#rootlineNav a {
			background: url(../pic/rootline.png) no-repeat right center;
		}
		#foot .footNav,
		#foot div#footInfo {
			position: absolute;
			top: 98px;
		}
		#foot .footNav li {
			list-style-type: none;
		}
		#foot div#footInfo {
			left: 170px;
		}
		#foot .footNav.one {
			left: 370px;
		}
		#foot .footNav.two {
			left: 620px;
		}

	/*==LEFT==*/
		ul.mainNav, div.mainNav {
			margin-left: 12px;
		}

	/*==CONTENT==*/
		h1,
		h2,
		h3 {
			color: #005292;
			font-weight:bold;
			line-height:1.2em;
		}
		#login #main h1,
		#login #main h2,
		#login #main h3 {
			color: #333;
		}
		h1 {
			font-size: 23px;
			margin-bottom: 20px;
		}
		h2 {
			font-size: 15px;
			margin: 3em 0 1em;
		}
		h3, h4 {
			font-size: inherit;
			margin: 22px 0 4px;
		}
		h1.headerN1,
		h2.headerN1,
		h3.headerN1 {
			margin-top: 0;
		}
		p		 {
			margin:0 0 1em;
		}

		ul, ol, dl	 {
			margin:0 0 1em 1.8em;
		}
		ul li		 {
			list-style-type:disc;
		}

		.halfWidth	 {
			width:270px;
		}
		.thirdWidth	 {
			width:176px;
		}
		.noLeftCol .halfWidth {
			width:380px;
		}
		.wideHalfBoxThird {
			width:112px;
			margin:10px 0 0 10px;
		} /* used at "Spitalinfo"*/
		.hint {
			color: red;
		}
		
/*========================== BY ELEMENTS =====================================*/
	/*== NAVIGATION ==*/
		ul.mainNav li {
			list-style-type: none;
			margin-top: 5px;
			padding: 2px 5px;
		}
		ul.mainNav li.valid {
			background-color: #E4F3D1;
		}
		ul.mainNav li.unvalid {
			background-color: #FBD4B4;
		}
		ul.mainNav li.unknown {
			background-color: #FBF4B8;
		}
		ul.mainNav li.subtitle {
			font-size: 13px;
			margin-left: -15px;
		}
		#left ul.mainNav li a {
			color: #333;
			text-decoration: underline;
		}
		#left ul.mainNav li.current > a {
			text-decoration: none;
		}
		ul.mainNav li div.iconWrapper {
			top: 1px;
			right: 16px;
		}
		div.mainNav.manual {
			font-size: 15px;
			font-weight: bold;
			margin-bottom: .5em;  /* Needed to fix the main navigation scrolling behaviour. See #left for details. */
			text-decoration: underline;
		}
		.barNav {
			border-bottom:3px solid #005292;
			margin-bottom:20px;
		}
		#login #main .barNav {
			border-bottom-color:#a7a7a7;
		}

		.barNav a,
		.barNav .hidden {
			display:block;
			float:left;
			width:120px;
			height:35px;
			padding:5px 10px;
			margin:0 5px 0 0;
			line-height: 13px;
			background:#e1e1e1;
			color:#005292;
			font-weight:bold;
			text-decoration:none;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		.barNav a.current,
		.barNav a.active {
			background:#005292;
			color:white;
		}

	/*== CONTENT BOXES ==*/
		.contentBox		{
			margin-bottom:10px;
			background-color:#f5f5f5;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		.contentBox.transparent	{
			background-color:white;
		}
		.contentBox .boxHeader	{
			margin:0;
			padding:5px 10px;
			color: white;
			background-color: #005292;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		#login #main .contentBox .boxHeader	{
			color: #f5f5f5;
			background-color: #a7a7a7;
		}
		div.contentBox .boxHeader span.warning {
			top: 5px;
			color: red;
			display: block;
			font-style: italic;
			right: 60px;
			position: absolute;
		}
		.tx-hplusextra .boxHeader {
			position: relative;
		}
		div.contentBox .boxContent span.warning {
			color: red;
		}
		div.contentBox .boxContent span.unread {
			font-size: 16px;
			line-height: 6px;
			margin-top: 8px;
			margin-left: 50px;
		}

		.boxContent {
			padding:5px 5px 10px;
		}
		.boxContent > p {
			margin:10px 10px 0;
		}
		.boxContent.text h3 {
			margin-top:1em;
		}
		.contentBox table {
			margin-top:5px;
		}
		#login #main .boxHeader a {
			color: #707070;
		}
		#login .contentBox table {
			background-color: #e1e1e1;
		}
		.contentBox tr	{
			border-bottom:1px solid #aaaaaa;
		}
		#login .contentBox tr	{
			border-color: #707070;
		}
		.contentBox th {
			background-color: #dce4eb;
			text-align: left;
		}
		#login .contentBox th {
			background-color: #eaeaea;
		}
		.boxContent .groupdata {
			background: url(../pic/achtung.png) no-repeat scroll 20px center #EAF3FB;
			padding: 15px 45px;
			margin-top: 5px;
			color: #005292;
		}
		.boxContent .rhint {
			padding: 15px;
			color: #005292;
			background-color: #EAF3FB;
		}
		.boxContent .anqResultat {
			margin: 10px 20px;
		}

		.anqResultat .groupdata {
			background: url(../pic/achtung.png) no-repeat scroll 20px center #EAF3FB;
			padding: 15px 45px;
			margin-top: 15px;
			color: #005292;
		}
		.anqResultat .commentBox.halfWidth { width:320px; }

		.contentBox.borderCol ,
		.contentBox.borderCol li.row {
			background-color:#f5f5f5;
			font-size:11px;
		}
		#right div.contentBox .boxHeader {
			color:white;
			background-color: #005292;
		}
		#login #main #right div.contentBox .boxHeader {
			background-color: #a7a7a7;
		}
		.contentBox.borderCol .boxContent h3,
		.contentBox.borderCol .boxContent p
					{margin-top:0; margin-bottom:0;}

		#right .contentBox.downloads {
					background-color:#eaf3fb;
		}
		#right .contentBox.downloads .boxContent {
					padding:0 0 5px;
		}
		#right .contentBox.downloads .boxContent ul {
					margin:0;
		}
		#right .contentBox.downloads .boxContent li {
					list-style-type:none;
					border-top:1px solid white;
					margin:0 0 5px;
					padding:5px 10px 0;
		}
		#right .contentBox.downloads .boxContent li:first-child {
					border-top:none;
		}
		#right .contentBox.quicklinks {
					background-color:#005292;
		}
		#right .contentBox.quicklinks .boxContent {
					padding:0 0 10px;
		}
		#right .contentBox.quicklinks .boxContent ul {
					margin:0;
		}
		#right .contentBox.quicklinks .boxContent li {
					background: url(../pic/icons_qb_aktiv.gif) no-repeat scroll 4px center #F5F5F5;
					//background-color:#F5F5F5;
					list-style-type:none;
					padding:5px 5px 5px 24px;
		}
		#right .contentBox.quicklinks .boxContent li:first-child {
					border-top:none;
		}
		#right div.contentBox.query ,
		#right div.groupMembers {
			background-color: #005292;
		}
		#right div.contentBox.query ul.boxContent,
		#right div.groupMembers ul.boxContent {
			padding-top: 0;
		}
		#right div.contentBox.query li.row ,
		#right div.groupMembers li.row {
			border-color: #005292;
		}

		h3.section		{background-color:#e1e1e1; margin:5px 0; padding:5px 20px;}

		div.halfWidth div.contentBox {
			background-color: #eaeaea;
			color: #005292;
		}
		div.contentBox.extendable,
		/* Drag and drop sorting looks weird if the elements have transparent background */
		div.contentBox.extendable .sortableItem {
			background-color: #eaeaea;
		}
		div.halfWidth div.contentBox div.row {
			border-color: #f5f5f5;
		}
		div.contentBox .section {
			margin: 20px 0;
		}

		div.contentBox .levelExplain {
			color: red;
			font-weight: bold;
		}
		
		/*data rows inside content boxes*/
			.rows .row		{padding:5px 10px; border-top:1px solid white; clear:both;}
			.rows .row:first-child	{border-top:none;}
			.rows .label,
			.rows .text,
			.rows .telefon		{margin:0;}
			.rows .label		{float:left;}
			.rows .cell		{float:left;}
			.rows .telefon	{width:180px; float:left;}
			.rows .emergency .text	{width:140px;}
			.rows p			{margin:10px 0;}
			.rows h3		{line-height:16px;}
			ul.rows			{margin:0;}
			li.row			{list-style:none; margin-left:0;}

		/*"accordion" behaviour: extendable boxes*/
			.extendable .boxHeader	{
				padding:5px 5px;
				color:#005292;
				background-color:#e1e1e1;
				outline:none;
			}
			#login #main .extendable .boxHeader {
				color:#707070;
				background-color: #d1d1d1;
			}
			.extendable .boxHeader:before	{
				content:"\229E";
				font-size:19px;
				font-weight:normal;
				display:block;
				float:left;
				margin-right:10px;
			}
			.extendable .boxHeader:after	{
				content:"\229E";
				font-size:19px;
				font-weight:normal;
				display:block;
				float:right;
				margin-left:10px;
			}
			.extendable .boxContent > p	{
				//margin-left:20px;
				//margin-right:20px;
				margin: 10px 20px;
			}
			.extendable .row	{
				padding:5px 20px;
			}

			.ui-accordion-header	{
				cursor:pointer;
			}
			.ui-accordion-header a	{
				text-decoration:none;
			}
			.extendable .ui-state-active a,
			.extendable .ui-state-active	{
				color:white;
				background-color:#005292;
			}
			#login #main .extendable .ui-state-active,
			#login #main .extendable .ui-state-active a {
				color: #f5f5f5;
				background-color: #a7a7a7;  
			}
			.extendable .ui-state-active:before,
			.extendable .ui-state-active:after	{
				content:"\229F";
			}
		/* regular content in boxes */
			.boxContent.csc		{padding:10px 20px; }
			#right .boxContent.csc	{padding:5px 10px; }
			.boxContent.csc p	{margin:10px 0; }
		/*elements sliding up and down on click w/o accordion!*/
			.slideToggle		{cursor:pointer; clear:both;}

		/*= (usage of slideToggle in) "Mitteilungen H+" =*/
			.messageHead		{margin:10px;}
			.messageHead p		{margin:0;}
			.messageHead h2		{margin:0 0 0 190px; color:#005292;}
			.messageBody		{margin:0 10px 0 200px;}

	/*== POPOUT LISTS ==*/
		.popout li		{
			position:relative;
			margin:2px 0;
			padding:2px 5px;
			list-style:none;
			background-color:#e1e1e1;
			color:#005292;
			font-size:11px;
		}
		#login .popout li {
			color:#707070;
		}

		.popped			{
			width:200px;
			margin:0 auto 0 0;
		}
		#anqSelector.popped	{
			width:160px;
		}
		.popped ul		{
			margin:0;
			padding:0;
		}
		.popped li		{
			padding:2px 10px;
		}
		.popped ul.level1	{
			position:absolute;
			top:0;
			left:205px;
			margin-top:-2px;
			width:130px;
		}
		#anqSelector.popped ul.level1 {
			left:165px;
			width:230px;
		}
		.popped ul.tableContainer	{
			margin-top:0;
			background-color:transparent;
		}
		.popped ul.level1.tableContainer{
			width:440px;
		}
		.popped ul.level2	{
			position:absolute;
			top:0;
			left:135px;
			width:440px;
			margin-top:-2px;
		}
		#anqSelector.popped ul.level2 {
			left:235px;
			width:160px;
		}
		.popped li.hasChildren:hover,
		.popped li.linked:hover,
		.popped li.active	{
			background-color: #005292;
			color: #f5f5f5;
		}
		#login .popped li.hasChildren:hover,
		#login .popped li.linked:hover,
		#login .popped li.active	{
			background-color: #acacac;
			color: #f5f5f5;
		}
		.popped	li.hasChildren,
		.popped li.linked	{
			cursor:pointer;
		}
		.popped li.tableContainer {
			cursor:auto;
		}
		.popped li.tableContainer table {
			color:#005292;
		}
		#login .popped li.tableContainer table {
			color:#707070;
		}
		.popped li.linked:after,
		.popped li.hasChildren:after {
			content:'\25B8';
			display:block;

			position:absolute;
			top:2px;
			right:5px;
		}
		.popped li.ajax_loading:after {
			content:url(../pic/ajax-loader_AP01_white_15px.gif);
			display:block;
			position:absolute;
			top:2px;
			right:5px;
		}
		#login #main .popped li.ajax_loading:after {
			content:url(../pic/ajax-loader_15px_f5f5f5_on_acacac.gif);
		}
		.popped table		{
			table-layout:fixed;
			margin:0;
		}

		.popped.twoLevel	{
			width:200px;
		}
		.popped.twoLevel
		ul.level1		{
			position:absolute;
			top:0;
			left:205px;
			margin-top:-2px;
			width:575px;
		}

		.popped
		li.tableContainer	{
			margin:0;
			padding:0;
			background-color:transparent;
		}
		.twoLevel li.level1	{
			padding:2px 10px;
		}

		/*= tables inside them =*/
			.popped table,
			.popped li {
				cursor:auto;
			}
			.popout td,
			.popout th {
				background-color: #e1e1e1;
				text-align:center;
				vertical-align:top;
				border:1px solid #828282;
				padding:2px 5px;
			}
			#login .popout td,
			#login .popout th {
				background-color: #eaeaea;
			}
			.popout thead th {
				background-color:#005292;
				color: #f5f5f5;
				border-top:none;
			}
			#login .popout thead th {
				background-color:#acacac;
			}
			.popout thead th:first-child,
			.popout tbody th {
				text-align:left;
				border-left:none;
			}
			.popout tbody th {
				font-weight:normal;
			}
			.popout th:last-child,
			.popout td:last-child {
				border-right:none;
			}

			tbody.checkmarks td,
			tbody.checkboxes td {
				background-color: #dce4eb;
				color: #333;
				font-size:20px;
				vertical-align:middle;
				text-align:center;
			}
			#login tbody.checkmarks td,
			#login tbody.checkboxes td {
				background-color: #e1e1e1;
			}


		.comfortAndService
		 th:first-child		{width:230px;}

	/*== TABLES ==*/
		table		 {
			font:inherit;
			margin:10px 0;
			border-collapse:collapse;
		}
		.htmlarea table {
			width: unset;
			border-spacing: 0;
		}
		td, th {
			vertical-align:top;
			text-align:left;
			padding: 2px 5px;
		}
		th, td.th	 {
			font-weight:bold;
		}
		.tx-eqbericht table.eqb th,
		.tx-eqbericht table.eqb td {
			border: 1px solid #999; 
		}
		.tx-eqbericht table.rowlines tr {
			border-bottom:1px solid #aaaaaa;
		}
		.tx-eqbericht table.rowlines tr:last-child {
			border-bottom:none;
		}
		table.eqb th.free,
		table.eqb td.free {
			border: none;
			background-color: transparent;
		}
		table.eqb th.emphasized,
		table.eqb td.emphasized {
			background-color: #eaeaea;
		}
		th.upright,
		td.upright {
			overflow: hidden;
			width: 1.2em;
			max-width: 1.2em;
			line-height:1.2em;
			vertical-align: bottom;
			padding: 5px 2px;
		}
		th.upright div.uprightContainer,
		td.upright div.uprightContainer {
			display: inline-block;
			white-space: nowrap;
			transform: rotate(-90deg);
			-webkit-transform: rotate(-90deg); /* android stock browser */
		}
		th.upright div.uprightContainer:after,
		td.upright div.uprightContainer:after {
			content: "";
			float: left;
			margin-top: 100%;
		}
		td.icon,
		th.icon {
			vertical-align: middle;
			text-align: center;
		}
		td.checkbox,
		th.checkbox {
			padding: 0;
			text-align: center;
			vertical-align: middle;
		}
		td.checkbox input[type=checkbox],
		th.checkbox input[type=checkbox] {
			margin: 2px 3px;
		}
		th.marked,
		td.marked {
			background-color: #a7a7a7;
		}
		tr.bottom th,
		tr.bottom td {
			vertical-align: bottom;
		}
		/* Table cells that are split into many cells by means of a subtable. */
			td.split {
				padding: 0 !important;
			}
			td.split > table {
				width: 100%;
				margin: 0;
			}
			td.split > table tr {
				border: none;
			}
			td.split > table tr:first-child > td {
				border-top: none !important;
			}
			td.split > table tr:last-child > td {
				border-bottom: none !important;
			}
			td.split > table tr > td:first-child {
				border-left: none !important;
			}
			td.split > table tr > td:last-child {
				border-right: none !important;
			}

	/*== FORMS ==*/
		form label.error {
			color: #c50084;
			display:block;
			margin: .5em 0;
		}
		input[type="submit"],
		input[type="button"],
		button,
		a.button,
		span.button {
			display: inline-block;
			vertical-align: middle;
			cursor: pointer;
			color: #005292;
			background-color: #dde5eb;
			margin: 0 5px;
			padding: 5px 10px;
			border: 1px solid #005292;
			font-weight: bold;
			font-size: 11px;
			text-decoration: underline;
			line-height: 1em;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		input[type="submit"].inactive,
		input[type="button"].inactive,
		button.inactive,
		a.button.inactive,
		span.button.inactive {
			cursor:auto;
		}
		/* Special tweak for wider input fields where possible: if an
		 * input field is "alone" in it's containing element, it will
		 * be extended to full width. */
		th>input[type="text"]:only-child:not(.number):not(.short):not(.year):not(.bereich):not(.double),
		td>input[type="text"]:only-child:not(.number):not(.short):not(.year):not(.bereich):not(.double),
		td>textarea:only-child {
			box-sizing: border-box;
			min-width: 100%;
		}
		input[type="text"],
		input[type="password"],
		input[type="email"],
		textarea {
			color:#005292;
			background-color:white;
			border:1px solid #005292;
			padding:2px 5px;
			width: 12em;
		}
		input[type="text"].error,
		textarea.error {
			outline:1px solid #c50084;
		}
		input[type="text"][disabled],
		input[readonly] {
			background-color: #f5f5f5;
			border-color: #7d99be;
		}
		input[type="text"].year,
		input[type="text"].number {
			width: 4ex;
		}
		input[type="text"].long.number,
		input[type="text"][data-last-year-value].year,
		input[type="text"][data-last-year-value].number {
			width: 4em;
		}
		input[type="text"].bereich,
		input[type="text"].short {
			width: 6em;
		}
		input[type="text"].double {
			width: 24em;
		}
		input[type="checkbox"] {
			margin: 2px 5px;
		}
		input[type="checkbox"].error {
			outline: 1px solid #c50084;
		}
		select {
			border:1px solid #93c3e7;
		}
		p.hint.warning {
			background-color: yellow;
			font-weight: bold;
		}
		p.hint.error {
			background-color: red;
			color: white;
			font-weight: bold;
		}
		input.clearBtn {
			background: url(../pic/close.png) 50% 50% no-repeat;
		}
		span.thumbnailContainer img {
			vertical-align: top;
			max-width: 100px;
			max-height: 100px;
		}

		/*= tinyMCE =*/
			div.mce-tinymce {
				margin: 10px 0;
			}
			div.mce-tinymce.error {
				outline: 2px solid #c50084;
			}
			div.explainedRte {
				margin: 2em 0 1em;
			}
			div.explainedRte p.explanation {
				font-weight: bold;
			}
			p.translationControls {
				float: right;
			}

		/* (moved here, clean that...) */
			div.rows {
				margin: 10px 0;
			}
			form.rows .row		{
				padding:5px 20px;
			}

			.rows .cell.label	{
				clear:both;
				width:250px;
			}
			.rows .cell.label.stacked	{
				clear:none;
			}
			.rows .cell.input	{
				width:300px;
			}

			#login #main input[type="text"],
			#login #main input[type="password"],
			#login #main textarea		{
				color:#707070;
				background-color:white;
				border:1px solid #a7a7a7;
				padding:2px 5px;
			}
			#login #main input.error,
			#login #main textarea.error	{
				outline:1px solid #c50084;
			}
			#login #main input[type="submit"],
			#login #main input[type="button"],
			#login #main button,
			#login #main a.button,
			#login #main span.button	{
				color:#f5f5f5;
				background-color:#a7a7a7;
				border-color:#a7a7a7;
			}

			#login #main input[type="submit"]:hover,
			#login #main input[type="button"]:hover,
			#login #main button:hover,
			#login #main a.button:hover,
			#login #main span.button:hover{
				border-color:#707070;
			}

			#login #main input[type="submit"].inactive,
			#login #main input[type="button"].inactive,
			#login #main button.inactive,
			#login #main a.button.inactive,
			#login #main span.button.inactive	{
				background-color:#e5eaa2;
				border-color:#e5eaa2;
				color:#828282;
			}
			#kontakt1 div.section {
				border-bottom:3px solid white;
			}
			#kontakt1 div.section:last-child {
				border-bottom:none;
			}
			.submits		{
				text-align:right;
			}
			.submits input		{
				margin:5px;
			}

			p.limitHint		{
				margin-top:5px;
			}

	/*== RIGHT COLUMN ==*/
		.borderColLinkBox	{
			font-size:11px;
			margin-bottom:20px;
		}
		.borderColLinkBox a {
			display:block;
			padding:5px 10px 5px 10px;
			text-decoration:none;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}
		#right p.groupLink a		{
			background: #f5f5f5;
		}
		#right div.legend {
			background-color: rgba(245,245,245,.8);
			margin-left: -10px;
			margin-right: -10px;
			padding: 10px; 
		}
		.legend h2		{
			margin-bottom:5px;
		}
		.legend h2:first-child {
			margin-top: 0;
		}
		.legend dl		{
			margin:0;
			font-size:11px;
		}
		.legend dd, .legend dt	{
			margin:5px 0;
		}
		.legend dt		{
			clear:both;
			float:left;
			width:20px;
		}
		.legend dd		{
			float:right;
			width:140px;
		}

	/*== FOOT ==*/
		#foot {
			clear:both;
			margin:20px 10px 10px 20px;
			font-size:11px;
		}
		#lastChanged {
			float:left;
			width:200px;
			margin-right:20px;
		}

	/*== DYNAMIC (JS) ELEMENTS ==*/

		[onclick] {
			cursor: pointer;
		}

		/*== Overlays (e.g. AJAX loading or collapsed elements) ==*/
			div.overlay.disabled {
				background: url(../pic/loader.gif) white no-repeat;
				background-color: rgba(255,255,255,0.85);
				background-position: 50% 50%;
				background-size: contain;
			}
			div.overlay.collapsible {
				background: linear-gradient(#eaeaea70, #eaeaea70, white);
				height: 100%;
				position: absolute;
				right: 0;
				top: 0;
				width: 100%;
			}
			div.overlay.collapsible > button {
				background: #005292;
				border-radius: 0px;
				border: 2px solid white;
				color: white;
				cursor: pointer;
				font-size: 18px;
				line-height: 18px;
				padding: 0 5px;
				position: absolute;
				right: 2px;
				text-align: center;
				top: 6px;
				vertical-align: middle;
			}

		/*== dialogs ==*/
			div.ui-dialog-content h1,
			div.ui-dialog-content h2,
			div.ui-dialog-content h3,
			div.ui-dialog-content h4 {
				margin-top: 0;
			}
			div.ui-dialog.fullLock button {
				display: none;
			}
			div.ui-dialog.fullLock .ui-dialog-titlebar:after {
				background: url('../pic/loader.gif') no-repeat;
				background-size: 30px;
				width: 30px;
				height: 30px;
				content: "";
				float: right;
			}

		/*== jQuery.filepicker ==*/
			div.filePicker.dialog div.imageContainer {
				display: flex;
				align-items: flex-end;
				flex-direction: row-reverse;
				justify-content: space-between;
				margin: 2em 0;
			}
			div.filePicker.dialog div.imageContainer img.image {
				display: block;
				max-width: 100px;
				max-height: 100px;
			}
			div.filePicker.dialog div.imageContainer div.data {
				flex-grow: 1;
				margin-left: 1em;
				overflow-x: hidden;  /* long file names */
				text-align: right;
			}

		/*== progress bars ==*/
			form div.progressIndicator {
				padding: 2px;
				border: 1px solid white;
				margin: 10px 0;
			}
			form div.progressIndicator.hasPreloader {
				margin-right: 30px;
			}
			form div.progressIndicator div.bar {
				background: white;
				height: 14px;
				width: 0;
			}
			form div.preloader {
				background: url("../pic/loader.gif") no-repeat;
				background-size: 20px;
				float: right;
				height: 20px;
				margin-top: 10px;
				width: 20px;
			}

		/*== jQuery.referencevalue ==*/
			div.lastYearIcon img {
				height: 15px;
			}

		/*== form autosave ==*/
			p.autosaveIndicator {
				margin: 10px 0;
			}

		/*== tooltips ==*/
			/* div.tooltipBox { */
			/* 	background-color: rgb(0,80,145); */
			/* 	padding: 6px 11px; */
			/* 	cursor: pointer; */
			/* 	margin-bottom: 10px; */
			/* 	-webkit-border-radius: 5px; */
			/* 	-moz-border-radius: 5px; */
			/* 	border-radius: 5px; */
			/* 	float: right; */
			/* } */
			/* div.tooltipBox .boxHeader { */
			/* 	font-size: 12px; */
			/* 	margin: 0; */
			/* 	color: rgb(245,245,245); */	
			/* } */
			/* div.tooltipBox:hover .boxHeader { */
			/* 	text-decoration: underline; */
			/* } */
			div.ui-tooltip, .ui-dialog {
				background-color: rgba(0,80,145,.9);
				color: rgb(245,245,245);	
				padding: 20px;
				width: 550px;
			}
			div.ui-dialog a,
			div.ui-tooltip h1, .ui-dialog h1,
			div.ui-tooltip h2, .ui-dialog h2,
			div.ui-tooltip h3, .ui-dialog h3 {
				color: inherit;
			}
			div.ui-dialog div.ui-dialog-titlebar {
				margin: -10px -10px 0 0;
				text-align: right;
			}
			div.ui-dialog div.ui-dialog-titlebar button {
				background: #dde5eb url(../pic/close.png) 50% 50% no-repeat;
				font-size: 0;
				height: 26px;
				line-height: 0;
				margin: 0;
				padding: 0;
				text-decoration: none;
				width: 26px;
			}
			div.ui-dialog div.boxContent {
				padding: 0;
			}
			div.ui-dialog div.boxContent :first-child {
				margin-top: 0;
			}
			.ui-widget-overlay {
				background-color: rgba(245,245,245,.5);	
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

			/* tooltip icons created by jquery.externalinfo.js */
				div.tooltip img.trigger {
					cursor: pointer;
					width: 20px;
				}

			/* translation tooltips created by jquery.formtranslation.js */
				div.translationTooltip {
					padding: 5px 5px 5px 30px;
					max-width: 300px;
					background-image: url(../pic/translation_white.png);
					background-position: 5px center;
					background-repeat: no-repeat;
					background-size: 20px;
				}

		/*== external info icons ==*/
			div.iconContainer {
				height: 0;
				width: 0;
				overflow: visible;
			}

		/*== user-sortable items ==*/
		.sortablesContainer .sortableItem {
			background-color: rgb(245,245,245);
		}
		.sortablesContainer .sortableItem.enabled:not(:has(.sortableHandle)),
		.sortablesContainer .sortableItem.enabled .sortableHandle {
			cursor: move;
			cursor: url(../pic/cursor_sort.png) 24 6, move;
		}
		.sortablesContainer .sortableItem:hover {
			box-shadow: 2px 2px 5px 0px rgba(0,0,0,.5);
		}
		.sortablesContainer .sortableItem:active {
			box-shadow: 5px 5px 15px 0px rgba(0,0,0,.5);
		}
		.sortablesContainer .delIcon {
			padding-left: 20px;
		}
			
/*========================== BY PAGES ===================================*/

	/*= "Informationen H+" =*/
		.downloads h3		{margin:.2em 0;}
		.downloads p		{margin:0;}

	/*= editAngebotEinleitung =*/
		form[name=jahresbericht] input#eqBericht_Link {
			width: 50%;
		}

	/*= editRehabilitationVersorgungsnetz =*/
		form[name=rehabilitation_versorgungsnetz] input[type=text] {
			width: 20em;
		}

	/*= editRegister =*/
		div#registers table.eqb td {
			max-width: 350px;
			overflow: hidden;
		}

	/*= editVerbesserungen =*/
		form[name="verbesserungs"] table.verbesserung {
			width: 100%;
		}
		form[name="verbesserungs"] table.verbesserung th {
			width: 30%;
		}

	/*= editProm =*/
		form[name="prom"] div.scores.autocomplete {
			/*the container must be positioned relative:*/
			position: relative;
			display: inline-block;
		}
		form[name="prom"] div.scores.autocomplete button {
			text-decoration: none;
			padding: 4px 9px;
			margin: 0 2px;
			vertical-align: bottom;
		}
		form[name="prom"] div.scores.autocomplete div.autocomplete-items {
			position: absolute;
			border: 1px solid #d4d4d4;
			border-bottom: none;
			border-top: none;
			z-index: 99;
			/*position the autocomplete items to be the same width as the container:*/
			top: 100%;
			left: 0;
			right: 0;
		}
		form[name="prom"] div.scores.autocomplete div.autocomplete-items div {
			padding: 2px;
			cursor: pointer;
			background-color: #fff;
			border-bottom: 1px solid #d4d4d4;
		}
		form[name="prom"] div.scores.autocomplete div.autocomplete-items div:hover {
			/*when hovering an item:*/
			background-color: #e9e9e9;
		}
		form[name="prom"] div.scores.autocomplete .autocomplete-active {
			/*when navigating through the items using the arrow keys:*/
			background-color: DodgerBlue !important;
			color: #ffffff;
		}
		form[name="prom"] div.scores.container {
			max-width: 370px;
			padding-top: 2px;
		}
		form[name="prom"] div.scores.container div {
			background-color: #dddddd;
			padding: 4px;
			margin: 2px;
		}
		form[name="prom"] div.scores.container div img {
			padding-left: 2px;
			/* del-icon is 2px taller then font */
			margin-bottom: -2px;
		}

	/*= editEigBefragung2, editNatBefragung2 =*/
		table.fragebogens input[readonly] {
			color: #f5f5f5;  /* makes text invisible */
		}
	

/*========================== TOOLS ===========================================*/
	.clearer {
		float:none !important;
		clear:both;
		height:0;
		margin:0 !important;
	}
	.clear {
		clear:both;
	}
	.fLeft {
		float:left;
	}
	.fRight {
		float:right;
	}
	.block {
		display:block;
	}
	.aCenter {
		text-align:center;
	}
	.aRight {
		text-align:right;
	}
	.invisible {
		visibility:hidden;
	}
	.hidden {
		display:none;
	}
	.dInlineBlock {
		display:inline-block !important;
	}
	.clickable {
		cursor: pointer;
	}
	.ident {
		margin-left: 1.5em;
	}
	.red {
		color: red;
	}
	.black {
		color: black;
	}
	.weak {
		font-weight: normal;
	}
	.noSize {
		display:block !important;
		height:0 !important;
		width:0 !important;
		padding:0 !important;
		margin:0 !important;
		border:none !important;
	}

/*EOF!*/