/**************************************
* css www.kirchenweb.ch
**************************************/

/* modul konto */

table p {
background-color: #F5F5F5;
}

table.abwesenheitsmeldung {
margin: 5px 10px 5px 10px;
width: 800px;
border-collapse: collapse;
}

table.abwesenheitsmeldung td {
margin: 0px;
padding: 0px;
text-align: left;
border: 0px;
font-family: Arial;
background-color: #FFFFFF;
}

table.abwesenheitsmeldung tr.activ {
background-color: #EEEEEE;
}

table.abwesenheitsmeldung td.icon {
width: 20px;
}

table.abwesenheitsmeldung td.datum {
width: 180px;
}

table.abwesenheitsmeldung td.titel {
width: auto;
}

table.abwesenheitsmeldung td.titel a {
color: #000000;
}

table.abwesenheitsmeldung td.aktiv {
width: 100px;
color: #990000;
font-weight: bold;
vertical-align: top;
}

table.abwesenheitsmeldung a {
text-decoration: none;
color: #555555;
}

table.abwesenheitsmeldung div.meldung {
background-color: #F5F5F5;
margin: 0px;
padding: 5px;
width: 612px;
border: 1px solid #AAAAAA;
}

table.abwesenheitsmeldung p.bezeichner {
margin: 0px;
padding: 4px 0px 0px 0px;
color: #999999;
font-size: 9px;
}

table.abwesenheitsmeldung p {
margin: 0px;
padding: 0px 0px 0px 0px;
color: #555555;
font-size: 12px;
}

table.abwesenheitsmeldung input {
margin: 0px;
padding: 0px 5px 0px 5px;
font-size: 13px;
font-family: arial;
}

table.abwesenheitsmeldung textarea {
margin: 3px 0px 3px 0px;
padding: 3px 5px 0px 5px;
font-size: 13px;
font-family: arial;
}/***************************************
* file: suche.css.php
* date: 20.03.2008
* author: david jufer
*
* description: css modul suche
* 16.05.2019 dj, include durch /_kirchenweb/css/kirchenweb.css.php
***************************************/

.modSucheNavigation {
margin: 0px 0px 10px 0px;
padding: 0px 5px 1px 5px;
background-color: #fff;
border: 1px solid #999;
}
.modSucheNavigationAnsicht{
width: 200px;
float: right;
text-align: right;
}

.modSucheNavigation button {
	box-sizing: border-box;
	background: none;
	border: none;
}

.modSucheNavigation button.active {
	border-bottom: 4px solid #0d67fe;
}

table.modSucheTable {
margin: 10px auto 10px auto;
border-collapse: collapse;
background-color: transparent;
}

table.modSucheTable tr {
margin: 0px;
padding: 0px;
background-color: transparent;
vertical-align: top;
}

table.modSucheTable th {
padding: 5px 5px 5px 5px;
text-align: left;
font-size: 11px;}

table.modSucheTable td {
background-color: transparent;
padding: 0px 5px 0px 5px;
}

table.modSucheTable a {
padding: 0px 0px 0px 0px;
}

table.modSucheTable tr.inaktiv {
background-color: transparent;
}

table.modSucheTable tr.aktiv * {
background-color: #eee;
}

table.modSucheTable td.modSucheTdLine {
border-top: 1px solid #ccc;
margin: 0px;
padding: 2px 5px 2px 5px;
}


table.modSucheTable a {
color: #30112c;
}
.liste {
width: 100%;
}

/* ausgabe meta*/
div.modSucheMeta{
color: #555;
background-color: #009;
}


/* ausgabe agenda */
.modSucheAgendaText{
width:360px;
}


/* ausgabe ver... */
div.modSucheAusgabeVer {
text-align:center;
background-color: transparent;
}

div.agenda div.modSucheAusgabeVer {
min-height: 700px;
}

td.modSucheAusgabeMehrzeiligLS {
margin: 0px 5px 0px 5px;
padding: 0px 5px 0px 5px;
text-align: right;
}
td.modSucheAusgabeMehrzeiligRS {
border-left: 1px dotted #ccc;
text-align: left;
}
td.modSucheAusgabeMehrzeiligRS a {
margin: 0px;
padding: 0px 0px 10px 0px;
}


hr.modSuche {
height: 1px;
}


/* ausgabe ausfuehrlich */
div.modSucheAusgabeAusfuehrlich{
margin: 0;
padding: 0;
background-color: transparent;
}
div.modSucheAusgabeAusfuehrlichBild{
float: left;
margin: 0;
padding: 7px 0 0 5px;
background-color: transparent;
}
.modSucheAusgabeAusfuehrlichDatum{
float: left;
min-height: 60px;
width: 80px;
padding: 5px 0 0 5px;
background-color: transparent;
}

div.modSucheAusgabeAusfuehrlichText{
margin: 0px 0px 0px 95px;
padding: 5px 5px 5px 0px;
background-color: transparent;
min-height: 70px;
}
* html div.modSucheAusgabeAusfuehrlichText{
height: 70px;
}
.modSucheAusgabeAusfuehrlich .modSucheAusgabeAusfuehrlichBild img,
.modSucheAusgabeAusfuehrlich .modSucheAusgabeAusfuehrlichBild svg{
width: 80px;
height: 60px;
}


/* ausgabe kompakt */
div.modSucheAusgabeKompakt {
margin: 0px;
padding: 2px;
border-top: 1px solid #ccc;
background-color: transparent;
}

div.modSucheAusgabeKompaktHover {
margin: 0px;
padding: 2px;
border-top: 1px solid #ccc;
background-color: #eee;
}

div.modSucheAusgabeKompaktDatum {
float: right;
padding: 0px 3px 0px 0px;
width: 70px;
text-align: right;
background-color: transparent;
}

div.modSucheAusgabeKompaktZeit {
float: right;
padding: 0px 3px 0px 0px;
width: 40px;
text-align: right;
background-color: transparent;
}


/* ausgabe handlich */
div.modSucheAusgabeHandlich {
float: left;
width: 80px;
color: #555;
}

div.modSucheAusgabeHandlichV {
float: left;
width: 80px;
}
/***************************************
* file: webstatistik.css.php
* date: 07.05.2008
* author: david jufer
*
* description: css modul webstatistik
***************************************/

table.statistikFront {
	clear: both;
	margin: 10px 5px 10px 5px;
	padding: 0px;
	border-collapse: collapse;
}

td.statistikFrontTdBezeichner {
	margin: 0px;
	padding: 0px 2px;
}



td.statistikFrontTdBezeichner {
	color: 9;
}
td.statistikFrontTdZahl {
	margin: 0px;
	padding: 0px 2px;
	text-align: right;
}



td.statistikFrontTdZahl {
	color: 9;
}
html {
margin: 0px;
padding: 0px;
}

body {
margin: 0px;
padding: 0px;
}

img {
border: 0px;
}


/* weitere */
b {
font-weight: bold;
}
i {
font-style: italic;
}
u {
text-decoration: underline;
}
a {
text-decoration: none;
color: ;
}
input[disabled=disabled]{
color: #aaa;
}

a:hover {
color: ;
}
form {
margin: 0;
padding: 0;
}
/* 08.11.2012 david jufer, auskommentiert, anfrage von haru
table{
margin-left: 0 ! important;
}
*/


/* tooltip (rechts von element) */
#kwTooltip {
position: absolute;
margin: -15px 0 0 0;
z-index: 1000000;
text-align: left;
opacity: 1;
}
#kwTooltip div {
position: relative;
}
#kwTooltip .kwTooltipPfeil {
position: absolute;
left: 0px;
top: 16px;
width: 20px;
height: 50px;
background: transparent url(/_kirchenweb/images/tooltipL.png) 0 0 no-repeat;
z-index: 1000002;
}
#kwTooltip .kwTooltipInhalt {
position: absolute;
left: 19px;
top: 0;
min-width: 180px;
min-height: 18px;
margin: 0px;
padding: 16px 18px 16px 18px;
border: 1px solid #959595;
background: #fff;
font-size: 12px;
font-family: Arial, sans-serif;
overflow: visible;
z-index: 1000001;
}
#kwTooltip .kwTooltipInhalt .laden{
width: 16px;
height: 16px;
background: url(/_kirchenweb/images/iconLaden.gif) 0 0 no-repeat;
}


/* tooltip (links von element) */
#kwTooltip.left .kwTooltipPfeil {
position: absolute;
left: -12px;
top: 16px;
background: transparent url(/_kirchenweb/images/tooltipR.png) 0 0 no-repeat;
z-index: 1000005;
}
#kwTooltip.left .kwTooltipInhalt {
position: absolute;
left: -299px;
top: 0;
width: 250px;
padding: 16px 18px 16px 18px;
overflow: hidden;
}
#kwTooltip div.title {
font-weight: bold;
white-space: nowrap;
}
#kwTooltip div.row {
margin: 0;
padding: 0 0 3px 0;
background: none;
}
#kwTooltip div.row.spa {
padding: 0;
height: 10px;
}
#kwTooltip .des {
color: #686e72;
font-size: 10px;
}
#kwTooltip .kwTooltipInhalt table td {
padding: 0 5px 0 0;
}


/* kw mitteilung */
#kwMitteilung{
position: fixed;
top: 0;
width: 465px;
margin: 0 auto;
height: 55px;
background: url(/_kirchenweb/images/loginMitteilung.png) 0 0 no-repeat;
z-index: 101;
}
#kwMitteilung div.info{
float: left;
width: 50px;
height: 53px;
background: url(/_kirchenweb/images/loginMitteilung.png) 0 -54px no-repeat;
}
#kwMitteilungText{
float: left;
padding: 20px 0 0 0;
width: 405px;
height: 38px;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 80%;
}


/* dokumentbaum */
/* Standard Definitionen */
.treecontainer {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
z-index:0;
}
.treecontainer .meldungGefiltert{
display:none;
}
.treecontainer .meldungGefiltert.active{
display:block;
}
.treecontainer .controls {
/* ausgeblendet, möglicherweise später */
display:none;
}
.treecontainer .folder,
.treecontainer .document{
position:relative;
line-height:150%;
}
.treecontainer .name {
display:inline;
cursor:pointer;
line-height:100%;
}
.treecontainer .name span{
margin-left:0.5em;
}
.treecontainer .marked > .name .nameSpan{
background-color:rgba(0,0,0,0.2);
}
.treecontainer .name a.doklink{
color:inherit;
}
.treecontainer [data-root] > .name a.doklink{
font-weight:bold;
}
.treecontainer .icon {
display:inline-block;
height:1em;
width:1em;
background-repeat:no-repeat;
background-position:center;
vertical-align:text-top;
}
#monitorSuche .document .downloadIcon,
.treecontainer .name .downloadIcon{
display:inline-block;
visibility:hidden;
height:1em;
width:1em;
margin-left:0.5em;
background-image:url("/_kirchenweb/images/dokIconsSVG/download.svg");
background-repeat:no-repeat;
background-position:center;
vertical-align:text-top;
}
#monitorSuche .document:hover .downloadIcon,
.treecontainer .name:hover .downloadIcon,
.treecontainer .marked > .name .downloadIcon{
visibility:visible;
}
.treecontainer .loading > .name .downloadIcon{
display:none;
}
.treecontainer .folder > .name .icon{
background-image:url("/_kirchenweb/images/dokIconsSVG/folder.svg");
}
.treecontainer .folder[data-parent] > .name .icon{
background-image:url("/_kirchenweb/images/dokIconsSVG/folder_open.svg");
}
.treecontainer .error > .name .icon{
background-image:url("/_kirchenweb/images/loginIcons.png");
background-position:4px -1397px;
}
.treecontainer .loading > .name .icon{
background-image:url("/_kirchenweb/images/iconLaden.gif");
}
.treecontainer .document .uploadProgress{
display:none;
}
.treecontainer .document .cancel{
display:none;
}
.treecontainer .children{
display:none;
margin-left:1.5em;
}
.treecontainer .folder.extended > .children{
display:block;
}
.treecontainer .root > .children{
display:block;
margin-left:0;
}


/* erweiterung formular */
div.formular, div.bildspalte ~ div.formular{
text-align: left;
}
div.formular.infoseiteA{
padding-left:15px;
}


/* album */
.album span.albumDatum{
font-family: ariel,sans-serif;
font-weight: normal;
font-size: 17px;
line-height: 120%;
padding: 0 0 16px 0;
color: #666666;
}
.album div.albumBeschreibung{
font-family: ariel,sans-serif;
font-size: 14px;
line-height: 120%;
padding: 0 0 16px 0;
color: #666666;
}
.album .sliderBox{
margin: 0;
padding: 0;
overflow: hidden;
background: transparent;
}
.album .sliderBox #albumSlider{
position: relative;
top: 0;
left: 0;
}
.album .bilderBox{
float: left;
}
.album .bilderBox .bild{
float: left;
z-index: 10;
}
.album .bilderBox .bild .bildinfo {
display: none;
overflow: hidden;
opacity: 0.8;
filter: alpha(opacity = 80);
position: absolute;
color: #444444;
background: #f2f2f2;
font-size: 12px;
z-index: 20;
cursor: pointer;
}
.album .bilderBox .bild .bildinfo .box {
position: relative;
}
.album .bilderBox .bild .bildinfo .bildname {
position: absolute;
bottom: 0;
display: block;
margin: 0 0 25px 0;
}
.album .bilderBox .bild .bildinfo .bildfotograf {
position: absolute;
bottom: 0;
display: block;
font-size: 11px;
}
.album .bilderBox .bild:hover .bildinfo {
display: block;
}
.album .sliderNavTop, .album .sliderNavBot {
position: relative;
height: 35px;
margin: 15px 0;
padding: 5px;
border: 0;
background-color: #eeeeee;
font-size: 12px;
}
.album .albName{
float: left;
height: 15px;
padding: 9px 10px 11px 10px;
}
.album .anzBilder{
float: right;
height: 15px;
padding: 9px 10px 11px 10px;
}
.album .sliderL, .album .sliderR{
float: right;
width: 15px;
height: 25px;
padding: 5px 10px;
background-color: #fff;
}
.album .sliderL{
margin: 0 2px 0 0;
}
.album .sliderD{
position: absolute;
height: 15px;
padding: 10px 5px;
}
.album .sliderLP, .album .sliderRP, .album .sliderLP.sliderAus, .album .sliderRP.sliderAus{
fill: #d2d2d2;
}
.album .sliderDP, .album .sliderL:hover .sliderLP, .album .sliderR:hover .sliderRP, .album .sliderD:hover .sliderDP, .album .sliderLP.sliderEin, .album .sliderRP.sliderEin{
fill: #797979 !important;
}



/* person */
.adrfotoBild{
padding-right: 10px;
}
.personen .personBox {
	position: relative;
}

.personen .personBox .personIconNewWindow {
	display: none;
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 16px;
	height: 16px;
	padding: 0;
	line-height: unset;
}

.personen .personBox:hover .personIconNewWindow {
	display: block;
}



/* einfügebefehl raumbelegung */
.ausgabeRaumbelegungContainer {
	overflow-x: auto;
}
table.ausgabeRaumbelegung{
border-collapse: collapse;
border-spacing: 0;
}
table.ausgabeRaumbelegung th, 
table.ausgabeRaumbelegung td{
padding: 0 5px 0 5px;
}
table.ausgabeRaumbelegung tr.titelraum{
border-top: 5px solid #fff;
}
table.ausgabeRaumbelegung tr.titeldatum, 
table.ausgabeRaumbelegung th.titelbez{
text-align: left;
font-size: 13px;
}
table.ausgabeRaumbelegung tr th{
border: 1px solid #fff;
}
table.ausgabeRaumbelegung tr td.rbeldatum{
text-align: right;
background-color: #e4e4e4;
cursor: default;
}
table.ausgabeRaumbelegung td{
cursor: pointer;
border: 1px solid #fff;
}
table.ausgabeRaumbelegung th.roomspace,
table.ausgabeRaumbelegung td.roomspace{
border-right: 5px solid #fff;
}
table.ausgabeRaumbelegung td.frei{
background-color: rgba(83,169,63,0.7);
transition: background 0.5s ease-in-out 0s;
}
table.ausgabeRaumbelegung td.frei:hover{
background-color: rgba(21,111,0,0.7);
}
table.ausgabeRaumbelegung td.bese{
background-color: rgba(234,67,53,0.7);
transition: background 0.5s ease-in-out 0s;
}
table.ausgabeRaumbelegung td.bese:hover{
background-color: rgba(186,14,0,0.7);
}
table.ausgabeRaumbelegung tr.we td.frei{
background-color: rgba(83,169,63,1);
}
table.ausgabeRaumbelegung tr.we td.frei:hover{
background-color: rgba(21,111,0,1);
}
table.ausgabeRaumbelegung tr.we td.bese{
background-color: rgba(234,67,53,1);
}
table.ausgabeRaumbelegung tr.we td.bese:hover{
background-color: rgba(186,14,0,1);
}
table.ausgabeRaumbelegung th.aktiv{
background-color: #e4e4e4;
}
table.ausgabeRaumbelegung tr:hover td.rbeldatum{
background-color: #fff;
}



/* gruppen (07.02.2018 dj) */
.infoboxGruppen span.num{
float: left;
}
.infobox div.infoboxLink span.num{
	margin-right: 7px; /* 24.09.2018 sj */
}




/* meine newsletter (24.09.2018 sj) */
.infoboxMyNewsletter input {
	flex-basis: 100%;
	min-width: 1px; /* necessary when using display:flex; 05.09.2018 sj */
	padding: 3px 6px;
}
.infoboxMyNewsletter button.submit {
	flex-basis: 140px;
}
.infoboxMyNewsletter .small {
	font-size: 0.8rem;
}
.infoboxMyNewsletter .error {
	color: #aa0000;
}
.modSucheAusgabeAusfuehrlich.myNewsletter {
	display: none;
	width: 420px;
	background: ;
}
.modSucheAusgabeAusfuehrlich.myNewsletter:hover {
	background: ;
}
.modSucheAusgabeAusfuehrlich.myNewsletter .infoboxMyNewsletter {
	width: 100%;
}
.modSucheAusgabeAusfuehrlich.myNewsletter .infoboxMyNewsletter h2 {
	font-size: 1.4rem;
	margin: 0;
	padding-top: 0.75rem;
	padding-left: 0.75rem;
	color: #ffffff;
}

.modSucheAusgabeAusfuehrlich.myNewsletter .infoboxMyNewsletter button {
	border: 1px solid #ffffff;
	background: ;
}

.modSucheAusgabeAusfuehrlich.myNewsletter .infoboxMyNewsletter button:hover {
	background: rgba(, 0.7);
}
.modSucheAusgabeAusfuehrlich.myNewsletter .infoboxMyNewsletter .aktionMyNewsletter {
	display: flex;
	color: #ffffff;
}

.myNewsletterContent {
	max-width: 860px;
	margin: 0;
}
.myNewsletterContent .logout.submit {
	display: inline-block;
}
.myNewsletter {
	position: relative;
}

.myNewsletter .loginPassword {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
}
.myNewsletter .loginPassword input {
	width: 250px;
}

.myNewsletter .newsletterList {
	position: relative;
	width: 100%;
	min-height: 60px;
}
.myNewsletter .newsletterList::after {
	content: '';
	display: block;
	clear: both;
}
.myNewsletter .newsletterList .mailgroup {
	display: block;
	width: calc(100%);
	float: left;
	margin: 4px -10px;
	padding: 10px 10px;
	border-radius: 3px;
	background: rgba(150,150,150, 0.1);
	transition: 0.2s;
}
.myNewsletter .newsletterList .mailgroup.disabled {
	cursor: not-allowed;
}
.myNewsletter .newsletterList .mailgroup.subscribed {
	background: rgba(190,215,175, 0.5);
}
.myNewsletter .newsletterList .mailgroup:hover,
.myNewsletter .newsletterList .mailgroup.subscribed:hover{
	background: rgba(150,150,150, 0.2);
	transition: 0.2s;
}
.myNewsletter .newsletterList .mailgroup.disabled,
.myNewsletter .newsletterList .mailgroup.disabled:hover {
	transition: 0.2s;
	background: rgba(150,150,150, 0.05);
}
.myNewsletter .newsletterList .mailgroup .icon {
	float: left;
	position: relative;
	width: 40px;
	height: 40px;
	margin-left: 10px;
	cursor: pointer;
}
.myNewsletter .newsletterList .mailgroup .avatar {
	float: left;
	width: 70px;
	height: 70px;
}
.myNewsletter .newsletterList .mailgroup .avatar img {
	width: 100%;
	height: 100%;
}
.myNewsletter .newsletterList .mailgroup .text {
	float: left;
	width: calc(100% - 130px);
	margin-left: 10px;
}
.myNewsletter .newsletterList .mailgroup .text .titel {
	font-weight: 600;
}
.myNewsletter .newsletterList .mailgroup .text .note {
	color: #ff6d00;
}

.myNewsletterContent .profileDetails {
	min-height: 30px;
}
.myNewsletter .profiles {
	position: relative;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	align-items: stretch;
	min-height: 50px;
	margin: 10px 0;
}
.myNewsletter .profiles .profile {
	position: relative;
	flex-basis: calc(25% - 1rem);
	padding: 0.5rem;
	cursor: pointer;
	border-radius: 2px;
	z-index: 2;
	transition: 0.3s;
}
.myNewsletter .profiles .profile.edit {
	flex-basis: 100%;
	transition: 0.3s;
}
.myNewsletter .profiles .profile.edit form {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 1rem;
}
.myNewsletter .profiles .profile.edit form .group {
	margin-right: 15px;
}
.myNewsletter .profiles .profile.edit form .group input {
	border: 1px solid rgb(197, 217, 225);
}
.boxHerkuenfte {
	display: flex;
	padding: 0.5rem 0;
	user-select: none;
}

.myn-MyNewsletter_Logout {
	word-break: break-word;
}
.myn-MyNewsletter_Logout button.logout.submit {
	margin-top: 7px;
}
.myNewsletter .profiles .profile:hover {
	z-index: 1;
	background: #DDDDDD;
}
.myNewsletter .profiles .profile.active {
	box-shadow: 0 0 10px grey;
	cursor: default;
}
.myNewsletter .profiles .profile.active:hover{
	background: none;
}

.tags.closed {
	position: relative;
	height: 40px;
	overflow: hidden;
}
.tags.closed .blur {
	position: absolute;
	height: 30px;
	width: 100%;
	bottom: 0;
	background: linear-gradient(transparent, #ffffff);
	margin-bottom: -1px;
}
.tags .toggle.icon {
	display: none;
}

.tag {
	display: inline-block;
	float: left;
	margin: 3px;
	padding: 2px 8px;
	border: 1px solid #BBBBBB;
	border-radius: 100px;
}

.tag:hover {
	cursor: pointer;
	border: 1px solid #555555;
}

.tag.noaction {
	cursor: default;
}
.tag.noaction:hover {
	border: 1px solid #BBBBBB;
}

.tag.active {
	color: #FFFFFF;
	border: 1px solid #555555;
	background: #555555;
}

.tag.small {
	font-size: 0.7rem;
	margin: 2px;
	padding: 0 6px;
	user-select: none;
}
.tag.small:first-child {
	margin-left: 0;
}
.tag.small:last-child {
	margin-right: 0;
}
.tag.big {
	font-size: 1.2rem;
}
.tag.inline {
	float: none;
}
.tag.option {
	margin-top: 15px;
}

.tag.color:hover {
	border: 1px solid ;
}
.tag.color.active {
	border: 1px solid ;
	background: ;
}
.tag.color.active:hover {
	border: 1px solid rgba();
	background: rgba(, 0.7);
}

.myNewsletterContent button.submit,
.infoboxMyNewsletter button.submit {
	display: inline-block;
	margin-right: 5px;
	padding: 0.3rem 0.7rem;
	color: #fff;
	font-size: inherit;
	border: none;
	background: ;
	cursor: pointer;
}

.myNewsletterContent button.submit:hover,
.infoboxMyNewsletter button.submit:hover {
	background: rgba(, 0.7);
}

.myNewsletterContent button.submit.active,
.infoboxMyNewsletter button.submit.active {
	background: ;
}

.myNewsletterContent button.submit.neutral,
.infoboxMyNewsletter button.submit.neutral {
	background: #848484;
}
.myNewsletterContent button.submit.neutral:hover,
.infoboxMyNewsletter button.submit.neutral:hover {
	background: #555555;
}
.myNewsletterContent button.submit.right,
.infoboxMyNewsletter button.submit.right {
	float: right;
	margin: 0 0 0 5px;
}
.myNewsletterContent button.submit.noaction,
.infoboxMyNewsletter button.submit.noaction {
	background: #848484;
	cursor: default;
}

.myNewsletterContent svg.kwIcon .icon {
	stroke: ;
}
.myNewsletterContent .boxHerkuenfte {
	display: flex;
	clear: both;
}

@media screen and (max-width: 1200px) {
	.myNewsletterContent .boxHerkuenfte {
		display: flex;
		clear: both;
	}
	.modSucheAusgabeAusfuehrlich.myNewsletter {
		display: block;
	}
	.small.error {
		background: white;
		padding: 0.75rem;
		border-radius: 3px;
	}
}
@media screen and (max-width: 900px) {
	.myNewsletterContent {
		margin: 10px;
	}
}
@media screen and (max-width: 800px) {
	.tags .toggle.icon {
		display: block;
		float: right;
		position: relative;
		width: 23px;
		height: 23px;
		margin: 3px 3px 3px 10px;
		padding: 3px;
		cursor: pointer;
		border-radius: 50%;
		transition: 0.3s;
	}
	.toggle.icon:hover {
		transition: 0.3s;
		box-shadow: 0 0 10px rgba(, 0.7);
	}
}

@media screen and (max-width: 600px) {
	.myNewsletter .profiles .profile {
		flex-basis: calc(33.332% - 1rem);
	}
}
@media screen and (max-width: 500px) {
	.myNewsletter .profiles .profile {
		flex-basis: calc(50% - 1rem);
	}
	.myNewsletter .newsletterList .mailgroup {
		background: none;
		border-bottom: 1px solid #dcdcdc;
	}
	.myNewsletter .newsletterList .mailgroup .text {
		float: left;
		width: calc(100% - 60px);
		padding-left: 0;
	}
	.myNewsletter .newsletterList .mailgroup .avatar {
		display: none;
	}
	.modSucheAusgabeAusfuehrlich.myNewsletter {
		width: 100%;
	}
	.modSucheAusgabeAusfuehrlich.myNewsletter .infoboxMyNewsletter {
		width: 100%;
	}
	.modSucheAusgabeAusfuehrlich.myNewsletter .infoboxMyNewsletter .error {
		background: white;
		padding: 6px;
		margin-right: 6px;
	}
}
@media screen and (max-width: 380px) {
	.myNewsletter .profiles .profile {
		flex-basis: calc(100%);
	}
	.myNewsletter .profiles .profile:not(.active) .type {
		display: none;
	}
	.myNewsletter .loginPassword input {
		width: 100%;
	}
	.myNewsletter .loginPassword button.submit {
		width: 100%;
		margin: 10px 0;
		height: 2.5rem;
	}
}

/* meine newsletter zusätze für alte designs */
.infoboxGruppen .infoboxText,
.infoboxGruppen .infoboxLink {
	display: flex;
	flex-wrap: wrap;
	padding: 0 5px 17px 5px;
	line-height: 1.2rem;
}
.myn-MyNewsletter_Show {
	padding: 5px;
}

.myNewsletterContent h2 {
	font-family: "Ubuntu", sans-serif;
	font-weight: normal;
	font-size: 20px;
	padding: 6px 0 12px 0;
	color: ;
	line-height: 120%;
}

#kwMitteilungHtml .box {
	margin-right: 195px;
}
.aktionMyNewsletter .send.submit {
	flex-basis: 100%;
	margin: 0;
}
.myNewsletter .mailgroup .title {
	font-size: 14px;
}




/* media */
.mediaAlbumPre,
.mediaBildPre{
margin: 0;
padding:  0;
clear: both;
}
.mediaAlbum,
.mediaBild{
max-width: 100%;
}
.mediaAlbumLeft,
.mediaBildLeft{
float: left;
overflow: hidden;
margin: 0 18px 18px 0;
}
.mediaAlbumRight,
.mediaBildRight{
float: right;
overflow: hidden;
margin: 0 0 18px 18px;
}
.mediaAlbumBlock{
display: block;
}
.mediaAlbumInline{
display: inline-block;
}



/* fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}

.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
}

.fancybox-skin {
position: relative;
background: #f9f9f9;
color: #444;
text-shadow: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.fancybox-opened {
z-index: 8030;
}

.fancybox-opened .fancybox-skin {
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0);
}

.fancybox-outer, .fancybox-inner {
position: relative;
}

.fancybox-inner {
overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}

.fancybox-error {
color: #444;
font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin: 0;
padding: 15px;
white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}

.fancybox-image {
max-width: 100%;
max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(/_kirchenweb/images/fancybox_sprite.png);
}

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}

#fancybox-loading div {
width: 44px;
height: 44px;
background: url(/_kirchenweb/images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
position: absolute;
top: -18px;
right: -18px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}

.fancybox-nav {
position: absolute;
top: 0;
width: 40%;
height: 100%;
cursor: pointer;
text-decoration: none;
background: transparent url(/_kirchenweb/images/blank.gif); /* helps IE */
-webkit-tap-highlight-color: rgba(0,0,0,0);
z-index: 8040;
}

.fancybox-prev {
left: 0;
}

.fancybox-next {
right: 0;
}

.fancybox-nav span {
position: absolute;
top: 50%;
width: 36px;
height: 34px;
margin-top: -18px;
cursor: pointer;
z-index: 8040;
visibility: hidden;
}

.fancybox-prev span {
left: 10px;
background-position: 0 -36px;
}

.fancybox-next span {
right: 10px;
background-position: 0 -72px;
}

.fancybox-nav:hover span {
visibility: visible;
}

.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
overflow: hidden !important;
width: auto;
}

.fancybox-lock body {
overflow: hidden !important;
}

.fancybox-lock-test {
overflow-y: hidden !important;
}

.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: #000;
background-color: rgba(0, 0, 0, 0.8);
}

.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}

.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}

.fancybox-opened .fancybox-title {
visibility: visible;
}

.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}

.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesnt support RGBa */
background: rgba(0, 0, 0, 0.8);

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}

.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}

.fancybox-title-inside-wrap {
padding-top: 10px;
}

.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url(/_kirchenweb/images/fancybox_sprite@2x.png);
background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}

#fancybox-loading div {
background-image: url(/_kirchenweb/images/fancybox_loading@2x.gif);
background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}

#fancybox-thumbs {
position: fixed;
left: 0;
width: 100%;
overflow: hidden;
z-index: 8050;
}

#fancybox-thumbs.bottom {
bottom: 2px;
}

#fancybox-thumbs.top {
top: 2px;
}

#fancybox-thumbs ul {
position: relative;
list-style: none;
margin: 0;
padding: 0;
}

#fancybox-thumbs ul li {
float: left;
padding: 1px;
opacity: 0.5;
}

#fancybox-thumbs ul li.active {
opacity: 0.75;
padding: 0;
border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
opacity: 1;
}

#fancybox-thumbs ul li a {
display: block;
position: relative;
overflow: hidden;
border: 1px solid #222;
background: #111;
outline: none;
}

#fancybox-thumbs ul li img {
display: block;
position: relative;
border: 0;
padding: 0;
max-width: none;
}

#fancybox-buttons {
position: fixed;
left: 0;
width: 100%;
z-index: 8050;
}

#fancybox-buttons.top {
top: 10px;
}

#fancybox-buttons.bottom {
bottom: 10px;
}

#fancybox-buttons ul {
display: block;
width: 337px;
height: 30px;
margin: 0 auto;
padding: 0;
list-style: none;
border: 1px solid #111;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
background: rgb(50,50,50);
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#444444", endColorstr="#222222",GradientType=0 );
}

#fancybox-buttons ul li {
float: left;
margin: 0;
padding: 0;
}

#fancybox-buttons a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-color: transparent;
background-image: url(/_kirchenweb/images/fancybox_buttons.png);
background-repeat: no-repeat;
outline: none;
opacity: 0.8;
}

#fancybox-buttons a:hover {
opacity: 1;
}

#fancybox-buttons a.btnPrev {
background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
background-position: -33px 0;
border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
background-position: -30px -30px;
}

#fancybox-buttons a.btnDirectLink {
width: 95px;
height: 30px;
text-indent: 0px;
text-align: center;
background: transparent;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
line-height: 220%;
font-size: 13px;
font-family: "Ubuntu", sans-serif;
color: #f1f1f1;
}
#fancybox-buttons a.btnDirectLink:hover {
color: #f0f0f0;
}

#fancybox-buttons a.btnDisagreement {
width: 110px;
height: 30px;
text-indent: 0px;
text-align: center;
background: transparent;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
line-height: 220%;
font-size: 13px;
font-family: "Ubuntu", sans-serif;
color: #f1f1f1;
}
#fancybox-buttons a.btnDisagreement:hover {
color: #f0f0f0;
}

#fancybox-buttons a.btnToggle {
background-position: 3px -60px;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
width: 35px
}

#fancybox-buttons a.btnToggleOn {
background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
border-left: 1px solid #111;
width: 35px;
background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
opacity : 0.4;
cursor: default;
}


/*--------------------------------------------
/ CSS fuer www.pfarrverein.ch
/ www.kirchenweb.ch - Content and Mail Management System
/ Kirchen aktuell mit System: kirchenweb.ch
/ CSS erstellt von Werner Naef / David Jufer
/ werner.naef@kirchenweb.ch
/---------------------------------------------*/ 

/* sessGem = */
/* sessBerUrl = */
/* bro=non-ie*/
;
#centerDiv { 	text-align: center;
	margin: auto;
}
#content { 	margin: auto;
	text-align: left;
	width: 900;
}
#topbanner {
	height: 90;
	width: 900;
	margin: 3px 0px 3px 0px;
}
#topLinks { /* div with toplinks inside */
	color: #ffdc7f;
	float: right;
	margin: 0px;
	font-size: 11;
	position: relative;
	top: 12px;
	}
#bannerdiv { /* div mit topbild */
	clear: both;
	margin: 0px;
}
#columnleft {
	float: left;
	width: 180;
	xborder:  1px solid;
	xborder-right:  1px solid;
	border-top: 0px;
}
#center {
	float: left;
	margin-left: 5px;
	width: 527;
	font-size: 12;
	line-height: 150%;
	text-align: left;
}
#centerfront { 	background-image: url(http://www.pfarrverein.ch/_kirchenweb_site/_images/bgstructured.gif);
}
#columnright {
	float: right;
	width: 180;
	xborder:  1px solid;
	xborder-left:  1px solid;
	border-top: 0px;
	xclear: right;
}

/* div {border: solid red 1px;} */

html, body, td, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11;
	color: #30112c;
	/*background-color: #ffffff;*/
}

body {
	margin: 0px 0px 0px 0px;
	scrollbar-arrow-color: ;
	scrollbar-face-color: white;
	scrollbar-highlight-color:;
	scrollbar-3dlight-color: white;
	scrollbar-shadow-color:;
	scrollbar-darkshadow-color: white;
	scrollbar-track-color: white;
}

hr {
 color: #30112c;
 background-color: #30112c;
 border: 0px;
 height: 1px;
}

td.fussleiste {
  font-size: 9;
  text-align: center;
  color: #30112c;
	background-color: transparent;
}

/*--------------------------------------------
/ Navigation 
/---------------------------------------------*/

	
div.navbar {
	background-color: white;
	border: white solid 1px;
	padding: 0px 0px 0px 5px;
}
div.navbarHover { 	background-color: ;
	border:  solid 1px;
	border:  solid 1px;
	padding: 0px 0px 0px 5px;
}	
a.navbar {
	text-decoration: none;	
}
a:link.navbar, a:visited.navbar {
	color: #30112c;
}
a:hover.navbar {
	color: ;
}
a:active.navbar, a:focus.navbar {
	color: ;
}
div.navBarRubrik {
	color: ;
	font-weight: bold;
	border-top:  1px solid;
	padding: 4 0 3 5;
	margin: 3 0 1 0;
}
a.subwebLinks {
	color: #30112c;
}

/*--------------------------------------------
/ Datenbankausgabe
/---------------------------------------------*/

.anzeigehell {
	line-height: 130%;
	font-size: 11;
	color: #30112c;
	background-color: ;
}

.anzeigedunkel {
	line-height: 130%;
	background-color: ;
	font-size: 11;
	color: #30112c;
	}

/*--------------------------------------------
/ Links
/---------------------------------------------*/

a.normal {
  color: ;
  font-size: 11;
  text-decoration: none;
	}

a.normal:VISITED {
  font-size: ;
  font-weight: bold;
  text-decoration: none;
}

a.normal:hover {
  font-size: 11;
  text-transform: none;
  text-decoration: none;
  color: ;
}

a.fussleiste {
  color: #30112c;
  font-size: 9;
  font-weight: normal;
  text-decoration: none;
} 

a.fussleiste:hover {
  color: ;
}

a.gemeindeTitel {
	font-size: 17;
	color: #30112c;
	text-decoration: none;
}

a.navbarRubrik {
	color: ;
	font-weight: bold;
	padding: 4px 0px 3px 0px;
	margin: 5px 0px 2px 0px;
	border-top: 1px solid ;
	text-decoration: none;	
}

a:link.navbarRubrik, a:visited.navbarRubrik {
	color: ;
}
a:hover.navbarRubrik {
	color: ;
}
a:active.navbarRubrik, a:focus.navbarRubrik {
	color: ;
}

/*--------------------------------------------
/ Ueberschriften
/---------------------------------------------*/

/*
// auskommentiert, da unsicher, ob noch gebraucht
p.hauptueberschrift {
  font-size: 15;
  color: white;
  background-color: ;
  text-align: center;
  font-weight: bold;
}
*/
p.hauptueberschrift {
  font-size: 15;
  color: white;
  background-color: ;
  text-align: center;
  font-weight: bold;
}

/*--------------------------------------------
/ Berichte
/---------------------------------------------*/

/* P.berichtetitel {
  text-align: center;
  font-weight: bold;
  font-size: 15;
  color: #30112c;
  text-align: center;
  font-weight: bold;
  margin: 0 0 8 0;
} */

p.berichtetitel {
  font-size: 15;
  color: white;
  background-color: ;
  text-align: center;
  line-height: 130%;
  font-weight: bold;
  margin-top: 0px; 
}

p.berichtelead {
  font-weight: bold;
  font-size: 11;
  line-height: 130%;
	  background-color: transparent;
}

p.berichtepub {
  font-size: 9;
  background-image: url(http://www.pfarrverein.ch/_kirchenweb_site/_images/bgstructured.gif);
}

p.berichteautor {
  font-style: italic;
  background-image: url(http://www.pfarrverein.ch/_kirchenweb_site/_images/bgstructured.gif);
}

.berichtehintergrund {
  font-size: 11;
  line-height: 130%;
  background-image: url(http://www.pfarrverein.ch/_kirchenweb_site/_images/bgstructured.gif);
	background-color: transparent;
  padding: 5px;
}

.kurzmeldungtitel {
  font-size: 11;
  font-weight: bold;
  line-height: 100%;
  color: #30112c;
  background-color: transparent;
}

.kurzmeldunglead {
  font-size: 11;
  line-height: 120%;
  background-color: transparent;
  font-weight: normal;
}

.poweredByKirchenwebFront {
  clear: both;
  color: #30112c; 
  font-size: 10;
  margin: 8px 5px 8px 5;
  border-top:  4px dotted;
}

a.poweredByKirchenwebLinkFront:link, a.poweredByKirchenwebLinkFront:visited, a.poweredByKirchenwebLinkFront:active {
  color: #30112c; 
  font-size: 10;
  text-decoration: none;
}

a.poweredByKirchenwebLinkFront:hover {
  color: ; 
  xfont-size: 10;
  xtext-decoration: none;
}

.poweredByKirchenweb {
  color: white; 
  font-size: 9px;
  border-width: 0px;
  border-color: #999999;
  border-style: solid;
  border-top: thin dotted;
  border-top-width:  1px;
  background-color: ;
}

.poweredByKirchenwebLink {
  color: white; 
  font-size: 9px;
  text-decoration: none;
}

/*--------------------------------------------
/ WebStatistik (phpOpenTracker)
/---------------------------------------------*/

table.statistikFront {
	clear: both;
	margin: 10px 5px 10px 5px;
	padding: 0px;
	border-collapse: collapse;
}

td.statistikFrontTdBezeichner {
	margin: 0px;
	padding: 0px 2px;
	color: #30112c;
	font-size: 9;
}

td.statistikFrontTdZahl {
	margin: 0px;
	padding: 0px 2px;
	text-align: right;
	color: #30112c;
	font-size: 9;
}


table.dienstausweis {
border-collapse: collapse;
}
table.dienstausweisForm {
border-collapse: separate;
border-spacing: 0px 5px;
}
.dienstausweis * {
background: transparent
}

 
/*------------
/ Login Bereich
/------------*/


.sendButton{
	 font-size: 12px;
	 line-height: 140%;
	 font-weight: bold;
	 color: white; 
	 xbackground-color: ; /* nichts = Vorgabefarbe */
	 border-width: 0;
	 border-color: #cccccc;
	 border-style: solid;
}
.cssButton{
		border-style:  solid;
		border-color:  #000;
		border-width:  1px;
		font-weight: bold;
		font-size: 11px; 
		color: #000000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-color: #FFFFFF; 
}

a.neuanm {
	color: #30112c;
	font-size: 11;
	font-weight: normal;
	text-decoration: none;
}

a.neuanm:VISITED {
	font-weight: normal;
	text-decoration: none;
}

a.neuanm:hover {
	text-transform: none;
	text-decoration: none;
	color: ;
}


.login {
	background-color: ;
}
input {
	color: #30112c;
}

a.nav {
  color: white;
  background-color: ;
  text-decoration: none;
  font-size: 10px;
  font-weight: bold;
  line-height: 130%;
}

a.nav:active, a.nav:hover {
  color: #ffdc7f;
}

a:link.navrubriktitel, a:visited.navrubriktitel {
  color: ;
  background-color: white;
  font-size: 11px;
  xletter-spacing: 1px;
  font-weight: bold;
  line-height: 140%;
  text-decoration: none;
}

a.navrubriktitel:hover, A.navrubriktitel:active {
  color: ;
}

.rubriktitel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: ;
  background-color: white;
  font-size: 11px;
  xletter-spacing: 1px;
  font-weight: bold;
  line-height: 140%;
  text-decoration: none;
}

td.nav {
	background-color: ;
}

/*------------
/ innerer Login Bereich
/------------*/

.service-login {
	background-color: ;
}


/* dienstausweis */

div.dienstausweisForm {
width: 700px;
float: left;
padding: 10px 10px 70px 10px;
font-size: 13px;
}

div.dienstausweisForm .feld {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
vertical-align: top;
font-size: 13px;
}

div.dienstausweisForm .bezeichner {
margin: 0px 0px 0px 0px;
padding: 5px 10px 0px 0px;
color: #555555;
font-size: 10px;
vertical-align: top;
text-align: right;
}

div.dienstausweisForm p a.help {
position: relative;
top: 4px;
vertical-align: top;
}

div.dienstausweisForm input.text, select, textarea {
border: 1px solid #aaaaaa;
padding: 0px 2px 0px 5px;
}

div.dienstausweisForm input.text {
width: 300px;
}

div.dienstausweisForm select {
width: 300px;
}

div.dienstausweisForm textarea {
width: 300px;
}