div.ma {
	font-family: arial,helvetica,sans-serif; 
	font-size: 115%;
	line-height:1.2;
	float: left;
	margin: 0.7em;
	padding: 1em;
	height: 23.5em;
	width: 14em;
	}
	/* width:15em war bei den Benutzerkarten vorher max-width:15em */
div.ma h1 {font-weight:bold;color:#fff}

div.joe {background-color: #ccc; border: 2px dotted #333; color: #fff; }
div.joe h1 {font-weight:bold;color:#fff}
div.villa {background: linear-gradient(45deg, #00514a 50%, #e30613 52%); color: #fff; }
div.villa h1 {font-weight:bold;color:#fff}
div.gesellschaft {background-color: #00514a; color: #fff; }
div.gesellschaft h1 {font-weight:bold;color:#fff}
div.kultur {background-color: #e30613; color: #fff; }
div.kultur h1 {font-weight:bold;color:#fff}
div.beruf {background-color: #64b4e6; color: #fff; }
div.beruf h1 {font-weight:bold;color:#fff}
div.sprachen {background-color: #5c70b4; color: #fff; }
div.sprachen h1 {font-weight:bold;color:#fff}
div.gesundheit {background-color: #76b82a; color: #fff; }
div.gesundheit h1 {font-weight:bold;color:#fff}
div.verwaltung {background-color: #006eb7; color: #fff; }
div.verwaltung h1 {font-weight:bold;color:#fff}
div.leitung {background-color: #006eb7; color: #fff; }
div.leitung h1 {font-weight:bold;color:#fff}
div.afae {background-color: #e74011; color: #fff; }
div.afae h1 {font-weight:bold;color:#fff}

div.vcjoe {background-color: #333; border:2px solid #00514a; color: #fff; }
div.vcvilla {background: linear-gradient(45deg, #002723 50%, #7f0000 52%); color: #fff; }
div.vcgesellschaft {background-color: #00514a; border:2px solid #00514a; color: #fff; }
div.vckultur {background-color: #e30613; border:2px solid #e30613; color: #fff; }
div.vcberuf {background-color: #64b4e6; border:2px solid #64b4e6; color: #fff; }
div.vcsprachen {background-color: #5c70b4; border: 2px solid #5c70b4; color: #fff; }
div.vcgesundheit {background-color: #76b82a; border: 2px solid #76b82a; color: #fff; }
div.vcverwaltung {background-color: #006eb7;border: 2px solid #006eb7; color: #fff; }
div.vcleitung {background-color: #006eb7;border: 2px solid #006eb7; color: #fff; }
div.vcafae {background-color: #e74011; border:2px solid #e74011; color: #fff; }


div.ma div.mabild{ display: flex; justify-content: center; align-items: center; padding:1em}
div.ma p.maname{font-size:100%}
div.ma p.matelefon{font-size:90%}
div.ma p.maposition{font-size:90%}
div.ma p.maemail{font-size:90%}

/*Kacheln*/
 /* unvisited link */
div.ma a:link {
  color: #fff;
}

/* visited link */
div.ma a:visited {
  color: #fff;
}

/* mouse over link */
div.ma a:hover {
  color: #fff;
}

/* selected link */
div.ma a:active {
  color: #fff;
} 

/*Visitenkarten*/
 /* unvisited link */
div.vk a:link {
  color: #fff;
}

/* visited link */
div.vk a:visited {
  color: #fff;
}

/* mouse over link */
div.vk a:hover {
  color: #fff;
}

/* selected link */
div.vk a:active {
  color: #fff;
} 


/*
Farben
gimp, ebene mit vollfarbe, ebene weiss drüber, mit 80% überblenden
Grün Gesundheit: 	100%: afc805 20%: ebf0da
blau Beruf: 		100%: 64b4e6 20%: dfecf8
violett sprachen	100%: 7d5aa5 20%: e2dee9

*/