﻿@CHARSET "UTF-8";
/*gemeinsame styles */

:root {
	--color-primary: #EC7404;
	--color-secondary: #487dbd;
	--color-category-link: #065684;
	--color-background-loader: #feda05;
    --color-headings: #0054A8;
}

*, . * {
	padding: 0;
	margin: 0
}

body {
	font-family: Verdana, Arial, Helvetica, "sans-serif";
}

ul.rws_latest {
	list-style: none;
	padding: 0px;
	margin: 10px;
}

ul.rws_latest li {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted grey;
	font-size: 0.8em;
	line-height: 1.1em;
	padding: 3px;
}

ul.rws_latest li a,
ul.rws_latest a:visited {
	text-decoration: none;
	font-weight: normal;
}

ul.rws_latest li:nth-child(odd) {
	background-color: #eee;
	color: #222;
}

ul.rws_latest li:first-child {
	border-top: 1px dotted grey;
}

ul.rws_latest li a:hover {
	text-decoration: underline;
	color: var(--color-primary);
}

.rws_select {
	margin: 0px;
	font-size: 8pt;
}

.rws_textbox {
	margin: 2px;
	font-size: 8pt;
	padding: 2px;
	border: 1px #aaa solid;
}

.rws_checkbox {
	border: solid 1px #000;
	margin: 4px;
	font-size: 8pt;
}

.rws_button {
	border: solid 1px #333;
	margin: 2px 4px 2px 4px;
	font-size: 8pt;
	width: 9.4em;
}

.rws_formelement {
	margin: 0px;
	border: 1px solid var(--color-secondary);
	border: 0 none #fff;
}

.rws_option0 {
	padding: 1px;
	font-weight: normal;
	font-size: 8pt;
}

.rws_option1 {
	padding: 1px;
	font-weight: bold;
	font-style: normal;
	font-size: 8pt;
}

.rws_option2 {
	padding: 1px 1px 1px 16px;
	font-weight: normal;
	font-size: 8pt;
}

.rws_katlink {
	font-weight: bold;
	font-size: 13px;
	color: var(--color-category-link);
	text-decoration: none;
}

.katimg {
	float: left;
	padding-right: 0.4em;
	width: 1.8em;
	height: 1.8em;
}

.katimgbig {
	float: left;
	padding-right: 0.4em;
	width: 6em;
	height: auto;
}

/* jschumann: BEGIN Auflistung der Branchen beim Unternehmenseintrag */
.katimg_list {
	padding: 0px;
	margin: 0px;
}

.katimg_list li {
	list-style-type: none;
}

.katimg_list .katimg {
	float: none; /* float: initial; is unsupported by IE <= 11 */
	vertical-align: middle;
}

.katimg_list li span {
	display: inline-block;
	vertical-align: middle;
}

/* jschumann: END Auflistung der Branchen beim Unternehmenseintrag */


.rws_brlink {
	font-size: 10pt;
	text-decoration: none;
	color: var(--color-category-link);
	line-height: 1.4;
}

.rws_branchentable {
	/*border:solid 1px #f60;*/
	padding: 2px;
	width: 100%;
}

.rws_branchentable td {
	padding: 2px 10px;
	vertical-align: top;
}

.rws_kat_z {
	font-size: 8pt;
}

.rws_kat_div {
	margin: 2px 2px 8px 2px;
}

.rws_branche_div {
	padding: 0 0 0 12px;
	border-left: 3px var(--color-primary) solid;
	font-size: 0.8em;
	color: var(--color-secondary);
}

/*** listen **/
.rws_liste {
	width: 100%;
	border-collapse: collapse;
	padding: 2px;

}

.rws_liste .header {
	padding: 4px 1px;
	vertical-align: top;
	border-color: var(--color-headings);
	border-style: solid;
	border-width: 2px 0px 1px 0px;
	background-color: #eee;
	text-align: left;
	margin: 0;
	font-weight: bold;
	color: var(--color-primary);
}

.rws_liste .subheader {
	padding: 4px 1px;
	display: inline-block;
	width: 99%;
}

.rws_liste .entry {
	padding: 2px 1px 4px;
	border-bottom: 1px var(--color-headings) solid;
	display: inline-block;
	width: 100%;
}

.rws_liste .detail {
	padding 1px;
	display: block;
	font-size: 0.92em;
	width: 100%;
	height: auto;

}

.rws_liste .adressdetail {
	display: inline-block;
	float: left;
}

.rws_iconcontainer {
	float: right;
	display: inline-block;
	right: 0;
}

/* jschumann: BEGIN floating layout in der Unternehmensliste */
.rws_liste .col2_company {
	margin-left: 6.4em;
	margin-right: 16em;
}

.rws_liste .col2_company .rws_company_name {
	display: inline-block;
	float: none;
	vertical-align: middle;
	vertical-align: middle;
}

.rws_liste .col2_company .rws_iconcontainer {
	display: inline-block;
	vertical-align: middle;
	float: none;
	right: initial;
}

.rws_liste .rws_company_branche {
	width: 16em;
	text-align: right;
}

.rws_liste .col2_company .adressdetail {
	display: block;
}

@media all and (max-width: 768px) {
	.rws_liste .col2_company {
		margin-right: 0;
	}

	.rws_liste .rws_company_branche {
		width: auto;
		float: none;
		text-align: left;
	}
}

/* jschumann: END floating layout in der Unternehmensliste */


.rws_officelist_header,
.rws_charitylist_header {
	padding: 2px;
	background-color: #eee;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	color: var(--color-primary);
	border-top: 2px solid var(--color-headings);
	margin: 0 0px -6px 0;
	display: block;
	/*margin-top:-1px;*/
	padding-top: 2px;
}

.rws_officelist_header1,
.rws_charitylist_header1 {
	text-align: left;
	font-size: 0.8em;
	font-style: italic;
	border-bottom: 1px solid var(--color-headings);
	font-weight: normal;
	padding: 2px;
	background-color: #eee;
	margin: 4px 0;
}

a.rws_company_link {
	font-size: 1em;
	color: var(--color-headings);
	font-weight: bold;
	text-decoration: none;
}

a.rws_company_link:hover {
	color: #ccc;
	text-decoration: underline;
}

.rws_company_name {
	float: left;
}

.rws_company_branche {
	font-size: 0.9em;
	float: right;
	font-weight: bold;

	right: 0px;

}

.rws_company_info {
	font-size: 0.9em;
}

.rws_companylist_header {
	margin: 6px;
	color: var(--color-primary);
	font-weight: bold;
	font-size: 1.3em;

}

.rws_miniicons {
	padding: 1px;

}

.rws_icon {
	padding: 2px;
	float: left;
}

.rws_currencyicon {
	padding: 0 3px 0 0;
	top: 0;
	float: left;
}

div.clear {
	clear: both;
}

/* paging */
.rws_pager div {
	display: inline;
}

.pagebox {
	margin: 2px;
	padding: 2px 4px;
	display: inline-block;
	text-align: center;
	font-size: 0.8em;
}

.pagebox.grau {
	background-color: #eee;
}

.pagebox.weiss {
	background-color: #fff;
	border: 1px solid #ccc;
}

.inaktiv {
	color: #666;
}

.rechts {
	text-align: right;
}

.mitte {
	text-align: center;
}

.pagebox a {
	text-decoration: none;
	color: var(--color-secondary);
}

.pagebox a:hover {
	text-decoration: underline;
}

.pagebox0 {
	background-color: #fff;
	margin: 2px;
	display: inline-block;
	text-align: center;
	font-size: 0.8em;
}

.rws_listsum {
	font-size: 0.8em;
	margin: 2px;
	margin-top: 6px;
}

.rws h4 {
	background-color: var(--color-primary);
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: white;
	text-align: center;
}

.rws_donationcounter {
	font-size: 24px;
	color: var(--color-headings);
	text-align: center;
}

.rws_donationtable {
	padding: 2px 2px 8px 2px;
	vertical-align: top;
	border-style: none;
	border-bottom: 1px solid #ccc;
}

.rws_donationtable td {
	padding: 3px 2px;
	vertical-align: top;
	font-size: 10px;
}

.rws_donationtable th {
	padding: 3px 2px;
	background-color: #eee;
	border-top: 1px dotted #fff;
	font-weight: normal;
	font-style: italic;
	text-align: left;
}

.rws_donationtable th.rws_donation_header_timespanline {
	padding: 2px;
	background-color: #eee;
	font-style: normal;
	text-align: left;
}

span.rws_donation_active {
	font-weight: bold;
}

.rws_donationtable th.rws_donation_title {
	font-style: normal;
	font-weight: bold;
	padding: 2px 4px;
}

tr.rws_donationtable_summary td {
	font-weight: bold;
	background-color: #EEEEEE;
}

.rws h4 a, .rws h4 a:hover, .rws h4 a:link, .rws h4 a:visited {
	text-decoration: none;
	color: inherit;
}

.rws_icon img {
	border-style: none;
}

/* infoseite */
div.wrapperbox {
	margin: 8px 0 2px 0;
	border: 1px solid #cccccc;
	width: 99%;
	position: relative;
}

div.rws_infobox {
	padding: 4px;
}

.rws-container {
	width: 456px;
	padding: 4px 4px 6px 90px;
	clear: both;
}

.rws_infobox h3 {
	font-size: 1.0em;
	font-weight: bold;
	color: var(--color-headings);
	margin: 2px 0 2px -80px;
}

.rws_infobox h4 {
	font-size: 0.95em;
	font-weight: bold;
	color: var(--color-headings);
	margin: 2px 0;
	margin: 2px 0 2px -80px;
}

.rws_infobox h5 {
	font-weight: bold;
	color: #000;
	margin: 0;
	margin: 2px 0 2px -80px;
	font-size: 0.9em;
}

.rws_nname {
	color: var(--color-secondary);
	font-size: 0.9em;
	font-weight: bold;
}

.rws_partner {
	font-size: 0.9em;
	font-weight: bold;
}

.rws_adresse {
	font-size: 0.9em;
}

.rws_infolabel {
	width: 70px;
	display: inline-block;
	float: left;
	margin-right: 2px;
	margin-left: -80px;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.rws_infotext {
	display: inline-block;
	float: left;
	font-size: 12px;
}

.rws_titleline {
	background-color: var(--color-primary);
	font-weight: bold;
	width: 100%;
	color: #fff;
}

.rws_titleline img {
	vertical-align: middle;
}


.rws_titleline div {
	float: right;
	border: 1px solid #fff;
	margin: 2px 2px 2px 2px;
	width: 16px;
	height: 16px;
	text-align: center;
	display: inline;
}

a.closer {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 0 4px;
	display: inline;
}

.rws_simplebox {
	border-style: none;
	padding: 4px;
	width: 600px;
}

a.rws_backlink {
	font-size: 0.9em;
	text-decoration: none;
	color: var(--color-primary);
}

a.rws_backlink:hover {
	text-decoration: underline;
}

a.rws_link {
	color: var(--color-secondary);
	text-decoration: none;
}

a.rws_link:hover {
	color: var(--color-primary);
	text-decoration: underline;
}

table.rws_donation th {
	background-color: transparent;
	/*	color:#755E00; */
	padding: 0.2em;
	text-align: left;
	font-size: 10px;
}

table.rws_donation td {
	text-align: right;
	color: black;
	font-weight: bold;
	padding: 0.2em;
	font-size: 10px;
}

.rws_donation_years {
	margin: 4px 0 0 80px;
}

.mws-label {
	float: left;
	width: 100px;
	font-family: arial;
	font-weight: bold;
	height: inherit;
	margin-left: -124px;
	font-size: 12px;
}

.mws-content {
	/* float: right; */
	/*width:600px; */
	margin-left: 120px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px 2px 6px;
	border-bottom: 1px #ccc solid;
}

.mws-content:last-child {
	border-bottom-style: none;
}

.mws-container {
	border-bottom: 1px solid #ccc;
	width: 420px;
	padding: 4px 4px 6px 130px;
	font-size: 12px;
	clear: both;
}

.mws-container:last-child {
	border-bottom-style: none;
}

.mws-container img {
	margin: 0 0 8px 0;
}

/* neue formbox September 2012 */
#formbox {
	border: 1px dotted #ccc;
	padding: 1px;
	display: inline-block;
	width: 99%;

}

.formblock {
	display: inline;
	margin-right: 14px;
	float: left;
	vertical-align: top;
}

.buttonblock {
	max-width: 30%;
	margin-left: 12px;
}

.formitem {
	padding: 2px;
}

.formitem label {
	font-size: 8pt;
	padding: 1px 2px;
}

.suchicon {
	background: url(../grafik/layout/find.png) no-repeat;
	padding-left: 16px;
}

.rws_mandantauswahl {
	background-color: #ccc;
	margin: 4px 0;
}

.img_v0 {
	/* unsichtbarer bilderrahmen */
	display: none;
	visibility: hidden;
	float: left;
}

.img_v1 {
	/* aktiver bilderrahmen */
	display: inline-block;
	visibility: visible;
	float: left;
	padding: 2px 4px;

	border: 1px solid #fff;
}

.img_vi {
	/* inaktiver bilderrahmen */
	display: inline-block;
	visibility: visible;
	float: left;
	padding: 2px 4px;

	border: 1px solid #fff;
}

.img_v1 img, .img_vi img {
	padding: 2px;
}

.img_v1:hover {
	border: 1px solid var(--color-primary);
	padding: 2px 4px;
	cursor: pointer;
}

.wrapperbox td {
	padding: 2px;
}


.nowrap {
	white-space: nowrap;
}

.katimg {
	float: left;
	height: auto;
	padding-right: 0.4em;
	width: 1.8em;
}

/**
 * Loader
 */

#rws-loader {
	display: none;
	position: fixed;
	background-color: var(--color-background-loader);
	opacity: 0.66;
	z-index: 999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%0A%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto; animation-play-state: running; animation-delay: 0s;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='30' cy='50' fill='%23009de2' r='20' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='1.1764705882352942s' keyTimes='0;0.5;1' values='30;70;30' begin='-0.5882352941176471s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='70' cy='50' fill='%23fd7e14' r='20' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='1.1764705882352942s' keyTimes='0;0.5;1' values='30;70;30' begin='0s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3Ccircle cx='30' cy='50' fill='%23009de2' r='20' style='animation-play-state: running; animation-delay: 0s;'%3E%3Canimate attributeName='cx' repeatCount='indefinite' dur='1.1764705882352942s' keyTimes='0;0.5;1' values='30;70;30' begin='-0.5882352941176471s' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3Canimate attributeName='fill-opacity' values='0;0;1;1' calcMode='discrete' keyTimes='0;0.499;0.5;1' dur='1.1764705882352942s' repeatCount='indefinite' style='animation-play-state: running; animation-delay: 0s;'%3E%3C/animate%3E%3C/circle%3E%3C!-- %5Bldio%5D generated by https://loading.io/ --%3E%3C/svg%3E");
}

#rws-loader.visible {
	display: block;
}