@charset "UTF-8";
/* CSS Document */

/* Farben:
blau #034ea2 rgba(3,78,162,1)
blau 40% #9ab8da rgba(3,78,162,0.4)

gruen #80c342 rgba(128,195,66,1)
gruen 10% #f2f9ec rgba(128,195,66,0.1)
gruen 25% #dff0d0 rgba(128,195,66,0.25)

anthrazit #44444b rgba(68,68,75,1)

magenta #e41470 rgba(228,20,112,1)

Gelb #fee13b rgba(254,225,59,1)

rot #be1a29 rgba(190,26,41,1)

*/

:root {
	--fontsize-base: 1rem;
	--fontsize-h1: 1.75rem;
	--fontsize-h2: 1.375rem;
	--fontsize-h3: 1.25rem;
	--fontsize-h4: var(--fontsize-base);
	--fontsize-label: 1.25rem;

	/* --blau: rgba(3,78,162,1); */
	--blau: rgba(3,60,125,1);
	/* --gruen: rgba(128,195,66,1); */
	--gruen: rgba(112,171,58,1);
	--hellgruen: rgba(128,195,66,0.14);
	--gelb: rgba(254,225,59,1);

	--font-fontawesome: 'FontAwesome';
}

a,
.cke_editable a {
	color:  var(--blau);
	outline: none;
}

/* Tabellen im Content */
.Content table tr,
.Content table td,
.cke_editable table tr,
.cke_editable table td {
	border: 1px solid rgba(94,96,102,1);
	padding: 10px;
}

/* Verschachtelte Aufzählungen (Satzung etc.) */
.Article .Content li ol,
.Article .Content li ul,
.cke_editable li ol,
.cke_editable li ul {
	margin-top: 10px;
}
.Article .Content ol li ol,
.Article .Content ol li ol li,
.cke_editable ol li ol,
.cke_editable ol li ol li {
	list-style: lower-latin;
}
.Article .Content ol li ul,
.Article .Content ol li ul li,
.cke_editable ol li ul,
.cke_editable ol li ul li {
	list-style: disc;
}

/* Suchergebnis */
.Main .Search h1 {
	font-size: 30px;
	font-weight: 500;
}
.Main .Search h2 {
	font-size: 18px;
	font-weight: 500;
}

/* Seite versenden / FAQ-Tool */
.Main .Send {
	background: #fff;
	padding: 20px;
}
.Main .Send h1 q {
	color: rgba(68,68,75,0.5)
}
.Main form {
	margin-top: 40px;
}
.Main fieldset {
	background: #fff;
	border: 0;
	clear: both;
	padding: 0;
}
.Main fieldset legend {
	border-bottom: 1px solid rgba(94,96,102,1);
	display: block;
	font-style: italic;
	font-weight: 300;
	margin-bottom: 10px;
	margin-left: 0;
	padding-bottom: 10px;
	opacity: 0.5;
	width: 100%;
}
.Main fieldset.Searchterm legend {
	display: none;
}
.Main fieldset legend + p {
	clear: right;
}
.Main fieldset p {
	margin-bottom: 20px;
	padding: 0 30px;
}
.Main fieldset .Textarea {
	margin-bottom: 20px;
	padding: 0 15px;
}
.Main fieldset.AGB {
	margin-bottom: 20px;
	padding: 0 30px;
}
.Main fieldset.AGB {
	margin-bottom: 20px;
	padding: 0 30px;
}
.Main fieldset.AGB legend {
	margin-left: -30px;
}
.Main fieldset.AGB p.Input {
	margin: 10px 0;
	padding: 0;
}
.Main .Terms p {
	padding: 0 30px;
}
.Main .Terms p.Checkbox {
	margin-top: 20px;
}
.Main .Input.Password input,
.Main .Input.Text input,
.Main .Input.Email input,
.Main textarea {
	border: 1px solid #ccc;
	box-sizing: border-box;
	display: block;
	line-height: 140%;
	padding: 5px 10px;
	width: 100%;
}
.Main .Input.Text input:focus,
.Main .Input.Text input:hover,
.Main .Input.Text input:active,
.Main .Input.Password input:focus,
.Main .Input.Password input:hover,
.Main .Input.Password input:active,
.Main .Input.Email input:focus,
.Main .Input.Email input:hover,
.Main .Input.Email input:active,
.Main textarea:focus,
.Main textarea:hover,
.Main textarea:active {
	border-color: #6f7c86;
	box-shadow: 0 0 1px #6f7c86;
    -moz-box-shadow: 0 0 1px #6f7c86;
    -webkit-box-shadow: 0 0 1px #6f7c86;
}
.Main textarea {
	height: 150px;
}
.Main fieldset ul {
	padding: 10px 0;
}
.Main fieldset ul li {
	display: inline;
	margin-left: 20px;
	white-space: nowrap;
}
.Main fieldset ul li * {
	white-space: normal;
}
.Main fieldset ul li:first-child {
	margin-left: 0;
}
.Main fieldset.Radio label {
	padding-left: 10px;
}
.Main .F_title input {
	font-size: 18px;
	padding: 2px 0;
}
.Main p.F_disclaimer input,
.Main p.F_agreement input {
	display: block;
	float: left;
}
.Main p.F_disclaimer label,
.Main p.F_agreement label {
	display: block;
	margin-left: 20px;
}
.Main p.Input.Submit,
.Main .Content p.Input.Submit {
	display: block;
	margin-left: 10px;
	margin-right: 0 !important;
	text-align: right;
}
.Main .Input.Submit input {
	background: rgba(0,0,0,0.15);
	border: 0;
	cursor: pointer;
	padding: 5px 20px;
}
.Main .Input.Submit input:hover,
.Main .Input.Submit input:target {
	background: rgba(0,0,0,0.25);
}

/* Personen u. Abteilungen */
.Person h1 {
	margin-bottom: 50px;
}
.vcard h4.category {
	padding-top: 10px;
}
.vcard h4.category + .Connections,
.vcard h5.category + .Connections {
	padding-top: 0;
}
.vcard h4.category + dl,
.vcard .Connections + dl,
.vcard .Connections ul {
	display: block;
	margin-top: 10px;
}

.vcard dl dt {
	left: -10000px;
	position: absolute;
	top: -10000px;
}
.vcard dl dt + dd:before {
	display: inline-block;
	font-family: "FontAwesome";
	text-align: center;
	width: 30px;
}
.vcard dl dt.Mail + dd:before,
.vcard dl dt.Email + dd:before {
	content: '\f003';
}
.vcard dl dt.Phone + dd:before {
	content: '\f095';
}
.vcard dl dt.Cellphone + dd:before {
	content: '\f10b';
	font-size: 22px;
}
.vcard dl dt.Fax + dd:before {
	content: '\f1ac';
}
.vcard dl dt.Fax {
	left: auto;
	margin-left: 30px;
	position: static;
	top: auto;
}
.vcard dl dt.Fax:after {
	content: ': ';
}
.vcard dl dt.Fax + dd {
	padding-left: 30px;
	text-indent: 35px;
}
.vcard dl dt.Fax + dd:before {
	display: block;
	margin-left: -65px;
	position: absolute;
}

.vcard dl dt.Url + dd:before {
	content: '\f08e';
}
.vcard dl dt,
.vcard dl dd {
	padding: 6px 0;
}

/* Kontaktformular: Personen-DB */
.Person form p.Input {
	padding-bottom: 20px;
	text-align: left;
}

/* Paging */
.Paging .Previous,
.Paging .Next {
    top: -2px;
}
.Paging .Previous a,
.Paging .Next a {
	background: none;
	display: inline-block;
	height: 20px;
	text-indext: -1000px;
	width: 20px;
}
.Paging .Previous a:before,
.Paging .Next a:before {
	color: rgba(68,68,75,1);
	content: '\f053';
	font-family: "FontAwesome";
	position: absolute;
	top: 13px;
}
.Paging .Next a:before {
	content: '\f054';
	margin-left: 10px;
}

/* Fotogalerie */
.mfp-zoom-out-cur,
.mfp-zoom-out-cur
.mfp-image-holder
.mfp-close {
    cursor: pointer !important;
}

/* Piwik */
.Article-Piwik-OptOut iframe {
	height: 427px !important;
	width: 100% !important;
}

/* Sonstige */
.DN {
	display: block;
	left: -10000px;
	position: absolute;
	top: -10000px;
}


/* Diakonieverbund-Hinweis */
.DVS {
	box-sizing: border-box;
	color: rgba(68,68,75,0.7);
	/* font-family: 'Rubik', "Helvetica Neue", Arial, sans-serif; */
	font-size: 16px;
	padding: 10px 0 20px 30px;
}
.DVS a,
.DVS span {
	color: rgba(68,68,75,0.7);
	font-weight: 500;
	text-decoration: none;
}
.DVS a:focus,
.DVS a:hover,
.DVS a:active {
	color:  var(--blau);
	text-decoration: underline;
}
.DVS i {
	color: transparent;
	display: inline-block;
	font-size: 0;
	font-style: normal;
}
.DVS i:before {
	color: rgba(68,68,75,0.2);
	content: '\f111';
	font-family: "FontAwesome";
	font-size: 13px;
	margin: 0 5px;
	text-indent: 0;
}
.DVS + .Jumplabels {
	box-sizing: border-box;
	font-size: 12px;
	margin-bottom: 50px;
	padding-right: 30px;
	position: static;
	text-align: center;
	text-transform: uppercase;
}
.DVS + .Jumplabels li {
	display: inline-block;
	margin-bottom: 30px;
	margin-left: 10px;
}

.DVS + .Jumplabels li a {
	color: rgba(68,68,75,0.8);
	text-decoration: none;
}
.DVS + .Jumplabels li a:focus,
.DVS + .Jumplabels li a:hover,
.DVS + .Jumplabels li a:active {
	color:  var(--blau);
}
.DVS + .Jumplabels li a:focus span,
.DVS + .Jumplabels li a:hover span,
.DVS + .Jumplabels li a:active span {
	text-decoration: underline;
}
.DVS + .Jumplabels li a:before {
	content: '\f0da';
	font-family: "FontAwesome";
	padding-right: 4px;
}
.DVS + .Jumplabels li a[href="#top"]:before {
	content: '\f0d8';
	font-family: "FontAwesome";
}

.shariff {
	margin-top: 2rem;
}

@media only screen and (max-width: 45.0625em) { /* 960 */
	.Main h1 {
		font-size: 24px;
	}
	.Main h2 {
		font-size: 21px;
	}
	.Main h3 {
		font-size: 18px;
	}
}

@media only screen and (max-width: 767px) {
	header {
		min-height: 3rem;
	}
	.Logo a {
		display: block;
		position: absolute;
		width: 205px; /* CONFIGURE */
		z-index: 100;
	}

	/* Navi */
	.Navi {
		border: 0;
		margin: 0 0 30px 0;
		padding: 0;
		position: relative;
		top: -40px; /* CONFIGURE */
		width: 100%;
	}
	.Navi-Main,
	.Navi-Extra {
		padding: 10px;
	}
	.Navi-Extra a {
		font-size: 18px;
		line-height: 150%;
	}

	/* Mobile-Navi */
	.MobileNaviButton,
	.MobileNaviButtonClose {
		background: #fff;
		border-left: 1px solid #fff;
		box-sizing: border-box;
		color: #000;
		font-size: 36px;
		min-height: 60px;
		padding: 0 20px;
		position: absolute;
		right: 0;
		text-align: center;
		top: 2rem;
		width: 70px;
	}
	.MobileNaviButton span,
	.MobileNaviButtonClose span {
		display: none;
	}
	.MobileNaviButton i,
	.MobileNaviButtonClose i {
		border-top: 12px solid transparent;
	}
	.MobileNaviButton {
		z-index: 5;
	}

	nav.Navi {
		height: 0;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		padding-top: 0;
		top: 2rem;
		transition: none;
		width: 100%;
	}
	nav.Navi:target {
		height: 100%;
		max-height: 100%;
		margin-top: 6rem;
		opacity: 1;
		overflow: visible;
		transition:	opacity .4s ease-out, max-height .4s ease-out;
		z-index: 2;
	}
	nav.Navi:target + .MobileNaviButtonClose {
		display: block;
		z-index: 5;
	}
	nav .NaviContainer {
		background: #fff;
	}
	nav {
		width: 100%;
	}
	nav a {
		background: var(--blau);
		color: #fff !important;
		border-top: 1px solid #fff;
	}
	nav .Navi-Main,
	nav .Navi-Extra {
		padding: 0;
	}
	nav.Navi ul {
		backface-visibility: hidden;
		display: block;
	}
	nav.Navi-Main ul ul {
		display: none;
	}
	nav.Navi-Main ul li,
	nav.Navi-Extra ul li {
		display: inline;
	}
	nav.Navi-Extra ul li.Home {
		display: none;
	}
	nav.Navi ul li a {
		display: block;
		font-size: 1rem;
		font-weight: 500;
		margin: 0.1%;
		padding: 2% 0 2% 20px;
		text-decoration: none;
	}
	.Navi ul li ul li a {
		padding-left: 40px;
	}
	.Navi ul li ul li ul li a {
		padding-left: 60px;
	}
	.Navi ul li ul li ul li ul li a {
		padding-left: 80px;
	}
	nav.Navi ul li ul li a,
	nav.Navi .Navi-Extra ul li a {
		color: rgba(68,68,75,0.5);
		font-weight: 300;
	}
	nav.Navi-Main ul li:hover ul {
		display: none;
	}
	nav.Navi-Main ul li.Active ul {
		display: block;
		margin: 0;
		position: relative;
		width: 100%;
	}
	nav.Navi-Main ul li.Active ul li a {
		font-size: 1rem;
		padding: 0.8em 2em;
	}
	nav.Navi-Extra ul {
		padding: 0;
	}
	nav.Navi-Extra ul li:after {
		content: '';
	}

	/* Startseite */
	.Info-Blurb {
		padding-left: 20px;
		padding-right: 20px;
	}
	.Info-Blurb .Label {
		display: none;
	}

	/* Personen u. Abteilungen */
	.Person * {
		text-align: center;
	}
	.Person .Desc h4 {
		font-weight: 500;
		padding: 10px 0;
	}
	.Person .vcard dl dt.Fax {
		left: -10000px;
		top: -10000px;
	}
	.Person .vcard dl dt.Fax + dd:before {
		content: 'Fax: ';
		/* font-family: 'Rubik', "Helvetica Neue", Arial, sans-serif; */
		padding-right: 5px;
		width: auto;
	}

	.Main h1 {
		font-size: 30px;
		text-align: center;
		margin: 20px 0;
	}
	.Main h1:after {
		background-color:  var(--gruen);
		content: "";
		display: block;
		height: 5px;
		margin: 10px auto 25px auto;
		width: 10%;
		min-width: 80px
	}

	.Main h2 {
		font-size: 24px;
		font-style: italic;
		font-weight: 300;
		text-align: center;
		margin: 20px 0;
	}
	.Main h3 {
		font-size: 16px;
		margin: 20px 0 10px 0;
	}
	.Main h4 {
		font-size: 14px;
		margin: 20px 0 10px 0;
	}
	.Main .Content h3,
	.Main .Content h4 {
		font-size: 20px;
		margin-bottom: 10px;
	}
	.Main .Content h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.Additionalcontent * {
		text-align: center;
	}
	.Additionalcontent .Box h3 {
		background-color: rgba(0,0,0,0.5);
		border-bottom: 0;
		color: #fff;
		margin: 0 auto 10px auto;
		padding: 5px 10px;
	}

	.Additionalcontent .Tags li {
		display: inline-block;
		margin: 0 10px 10px;
	}
	.Additionalcontent .Tags li a {
		font-size: 18px;
	}
	.Additionalcontent .Tags li::after {
		display: none;
	}
	.shariff {
		margin: 0 auto;
		width: 500px;
	}

	.DVS {
		text-align: center;
	}
	.DVS i {
		display: block;
		height: 10px;
	}
	.DVS i:before {
		display: none;
	}
}
@media only screen and (max-width: 45em) {
	/* Paging */
	.Paging {
		padding-bottom: 30px;
	}
	.Paging .Browse {
		display: block;
		margin-bottom: 10px;
	}
	.Paging .Previous a:before,
	.Paging .Next a:before {
		position: static;
		top: 0;
	}
	.Paging ul {
		display: none !important;
	}
}

@media only screen and (max-width: 37em) {
	.PUB body {
		font-size: 16px;
	}
}

@media only screen and (max-width: 28.13em) {
	.Head-Border {
		background: none; /* CONFIGURE */
	}
	/* Mobile-Navi */
	.MobileNaviButton,
	.MobileNaviButtonClose {
		background: none; /* CONFIGURE */
		color: #000 !important; /* CONFIGURE */
	}
}
@media only screen and (max-width: 25em) {
	.shariff {
		margin: 0 auto;
		width: 115px;
	}
}
@media only screen and (max-width: 34.94em) {
}
@media only screen and (min-width: 35em) {
}
@media only screen and (min-width: 768px) { /* md */
	.Wrapper,
	html.PUB .Wrapper-Inner,
	.Navi-Main,
	.Footer,
	.DVS,
	.DVS + .Jumplabels {
		margin: 0 auto;
		width: 950px;
	}

	/* Kopf */
	.Head {
		height: 156px; /* CONFIGURE */
	}
	.Head-Border {
		background: #9fb9d9;
		height: 4px;
		left: 0;
		position: absolute;
		top: 102px; /* CONFIGURE */
		width: 100%;
		z-index: 2;
	}

	.NaviContainer {
		background: var(--blau);
		border-top: 106px solid #fff; /* CONFIGURE */
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.Navi ul li {
		list-style: none;
	}

	.MobileNaviButton,
	.MobileNaviButtonClose {
		display: none;
	}
	nav input[id*="NaviCheckbox"] {
		display: none;
	}
	nav input[id*="NaviCheckbox"] + label {
		display: none;
	}
	.Navi-Main {
		box-sizing: border-box;
	}
	.Navi-Main ul {
		display: table;
		/* font-family: 'Rubik', "Helvetica Neue", Arial, sans-serif; */
		font-size: 16px;
	}
	.Navi-Main a {
		color: #fff;
		padding-left: 15px;
		padding-right: 15px;
		text-decoration: none;
	}
	.Navi-Extra {
		color: rgb(68,68,75);
		font-size: 12px;
		font-weight: 300;
		position: absolute;
		text-align: right;
		top: -70px; /* CONFIGURE */
		width: 100%;
	}
	.Navi-Main ul li {
		display: table-cell;
		height: 50px;
		vertical-align: middle;
	}
	.Navi-Main ul li.Active {
		background: rgba(68,68,75,0.2);
	}
	.Navi-Main ul li li.Active {
		background: #cddcec;
	}
	.Navi-Main ul li:last-child {
		border-right: 0;
	}
	.Navi-Main ul li a:after {
		content: '\f0d7';
		font-family: "FontAwesome";
		font-size: 14px;
		margin-left: 6px;
	}
	.Navi-Main ul li ul li a:after {
		content: '';
		display: none;
	}
	.Navi-Main ul ul,
	.Navi-Main ul ul strong {
		/* font-family: 'Rubik', "Helvetica Neue", Arial, sans-serif; */
		font-size: 14px;
		font-weight: 300;
		-webkit-font-smoothing: antialiased;
	}
	.Navi-Main ul ul ul li:first-child {
		margin-top: -1px;
	}
	.Navi-Extra ul li {
		display: inline;
	}
	.Navi-Extra ul li:after {
		content: ' | ';
		margin-left: 5px;
		margin-right: 5px;
	}
	.Navi-Extra ul li:last-child:after {
		display: none;
	}
	.Navi-Extra a {
		color: rgb(68,68,75);
	}
	.Navi a {
		text-decoration: none;
	}
	.Navi-Extra a:focus,
	.Navi-Extra a:hover,
	.Navi-Extra a:active,
	.Navi-Main a:focus span,
	.Navi-Main a:hover span,
	.Navi-Main a:active span {
		text-decoration: underline;
	}
	.Navi li ul {
		display: none;
		padding-top: 6px;
		position: absolute;
		top: 30px;
		width: 270px; /* CONFIGURE */
		z-index: 1005;
	}
	.Navi li ul li ul,
	.Navi li:hover ul li ul {
		display: none;
		margin-left: 261px; /* CONFIGURE */
		margin-top: -40px;
		padding-top: 0;
		position: absolute;
		top: auto;
	}
	.Navi ul li:hover ul,
	.Navi ul li:hover ul li:hover ul {
		display: block;
	}

	.Navi li ul li {
		background: #fff;
		display: block;
		height: auto;
		width: auto;
	}
	.Navi li ul li a {
		background:  var(--blau);
		box-sizing: border-box;
		display: block !important;
		line-height: 140%;
		padding: 10px 20px;
		text-transform: none;
	}
	.Navi li ul li ul li a {
		background: rgba(3,78,162,0.75);
	}
	.Navi li ul li.Active a,
	.Navi li ul li a:focus,
	.Navi li ul li a:hover,
	.Navi li ul li a:active {
		background: rgba(3,78,162,0.8);
	}
	.Navi li ul li.Active a:focus,
	.Navi li ul li.Active a:hover,
	.Navi li ul li.Active a:active {
		background: rgba(3,78,162,0.6);
	}
	.Navi li ul li.Active li.Active a:focus,
	.Navi li ul li.Active li.Active a:hover,
	.Navi li ul li.Active li.Active a:active {
		background:  var(--blau);
	}

	.Navi ul.Level_1 {
		margin-top: 9px;
	}
	.Navi ul.Level_3 {
		display: none !important;
	}

	/* Personen u. Abteilungen */
	.Main .Person.Department .Search {
		padding-right: 30px;
	}
	.Main .Person.Department .Search form {
		display: table;
		margin-bottom: 40px;
		margin-top: -25px;
		padding: 20px 0;
		width: 100%;
	}
	.Person.Department .Search p.Input {
		display: table-cell;
		vertical-align: bottom;
	}
	.Person.Department .Search p.Input input {
		line-height: 140%;
		width: 100%;
	}
	.Person.Department .Search p.Input label {
		display: none;
	}
	.Person.Department .Search p.Input.Submit {
		display: table-cell;
		padding-left: 10px;
		text-align: left;
	}
	.Person.Department .Listing .Image ~ .Desc {
		margin-left: 170px;
	}
	.Person.Department .Listing .Image {
		width: 150px;
	}
	.Person .vcard h1 {
		margin-bottom: 50px;
	}
	.Person .Listing .vcard h3 {
		border-bottom: 1px solid rgba(68,68,75,0.25);
		margin-bottom: 4px;
		padding: 20px 0;
	}
	.Person .Image,
	.Person .vcard .Image ~ .Desc {
		display: table-cell;
		vertical-align: top;
	}
	.Person .vcard .Image {
		width: 300px;
	}
	.Person .vcard .Image ~ .Desc {
		padding-left: 20px;
		width: 510px;
	}
	.Person .Listing li.vcard {
		background: #eee;
		padding: 0 10px;
	}
	.Person .vcard dl dt.Fax + dd:before {
		margin-left: -60px;
	}

	/* Kontaktformular: Personen-DB */
	.Person.Contactform form p.Input,
	.Person.Contactform form p.Textarea {
		padding: 0 20px 20px 0;
		width: 95%;
	}
	.Person.Contactform form fieldset {
		margin-top: 40px;
	}
	.Person.Contactform form fieldset legend {
		margin-bottom: 40px;
		width: 95%;
	}
	.Person.Contactform form p.Input.F_lastname,
	.Person.Contactform form p.Input.F_firstname,
	.Person.Contactform form p.Input.F_town,
	.Person.Contactform form p.Input.F_zip {
		width: 45%;
	}
	.Person.Contactform form p.Input.F_firstname,
	.Person.Contactform form p.Input.F_zip {
		float: left;
	}
	.Person.Contactform form p.Input.F_lastname,
	.Person.Contactform form p.Input.F_town {
		margin-left: 50%;
	}
}

@media only screen and (min-width: 74em) { /* 1184 */
	.PUB body {
		font-size: 16px;
	}

	.Head-Border {
		top: 86px; /* CONFIGURE */
	}
	.Head-Border {
		top: 110px; /* CONFIGURE */
	}
	.NaviContainer {
		border-top: 114px solid #fff; /* CONFIGURE */
	}
	.Navi-Main a {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.Navi-Main ul {
		font-size: 17px;
		font-weight: 300;
	}

	.Navi-Extra {
		font-size: 14px;
	}

	.DVS {
		min-height: 60px;
	}
	.DVS + .Jumplabels {
		margin-bottom: 70px;
		margin-top: -50px;
		text-align: right;
	}
	.DVS + .Jumplabels li {
		float: right;
	}
}