/* **************** basics **************************************************************** */
/* vordefinierte browserabstände ausschalten */
* {margin: 0; padding: 0;}
HTML {height: 100%;}
BODY {
	background-color: inherit;
	color: #444;
	height: 100%;
	margin: 0; 
	padding: 0;
	text-align: left;
}
BODY, BUTTON, INPUT, OPTGROUP, OPTION, SELECT, TEXTAREA, TABLE, TR, TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;/**/
}
P {
	margin: 0;
}
H1, H2, H3, H4, H5, H6 {
	font-weight: bold;
	line-height: 1.1;
	margin: 0 0 .5em 0;
}
H1 {
	font-size: 1.3em;
}
H2 {
	font-size: 1.2em;
}
H3 {
	font-size: 1.1em;
}
H4 {
	font-size: 1.1em;
}
H5 {
	font-size: 1em;
}
IMG {
	border: none;
}
OL {
	list-style-type: decimal;
	margin: 0 0 0 1.6em;
}
UL {
	list-style-type: square;
	margin: 0 0 0 1.2em;
}
A {
	color: #002e79;
	text-decoration: underline;
	cursor: pointer;
}
A:hover, A:focus, A:active {
}
LABEL {
	cursor: pointer;
}
LABEL, INPUT, SELECT {
	font-weight: normal;
	line-height: normal;
}
OPTGROUP {
	font-style: normal;
}
*+HTML INPUT[type=file] {
	background-color: #ebebe4;
}

/* tables */
TABLE {
	border-collapse: collapse;
	border-spacing: 0;
	caption-side: top;/*tabellenüberschrift*/
	empty-cells: show;
}
TH {
	/*border: 1px solid white;*/
	white-space: nowrap;
}
MAP {
	display: inline;
}
HR {
	background-color: #fff;
	color: #fff;
	border: 0;
	border-top: 1px solid #c0c0c0;
	margin: .8em 0 .6em 0;
	padding: 0;
	width: 100%;
}
*+HTML HR {/* hack für IE 7 */
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
}
* HTML HR {
	background-color: #fff;
	color: #c0c0c0;
	height: 1px;
	line-height: 1px;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* **************** classes **************************************************************** */
.clear {clear: both;}
.unvisible {display: none;}
.hidden {display: none;}
.unhidden {display: block;}
.missingTextElement {
	color: red;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.warning {
	color: #FF4400;
}
.red {
	color: #f00;
}
.nowrap {
	white-space: nowrap;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignRight {
	text-align: right;
}
.valignMiddle {
	vertical-align: middle;
}
.valignTop {
	vertical-align: top;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.small {
	font-size: 10px;
}
A.noUnderline {
	text-decoration: none;
}
A.noUnderline:hover {
	text-decoration: underline;
}
.lightgray {
	color: #999;
}
.bg_lightgray {
	background: #eee;
}
.red {
	color: #f00;
}
.borderBottom {
	border-bottom: 1px solid silver;
}
.border1px {
	border: 1px solid silver;
}
.margin0 {
	margin: 0;
}
.w5 {width: 5%;}
.w10 {width: 10%;}
.w20 {width: 20%;}
.w25 {width: 25%;}
.w40 {width: 40%;}
.w49 {width: 49%;}
.w60 {width: 60%;}
.w66 {width: 66%;}
.w70 {width: 70%;}
.w75 {width: 75%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w100 {width: 100%;}

/* mail ***************************************************************************************** */
#mail {
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	font-size: 11pt;
	padding: 2em 10px 2em 10px;
	margin: 0 10px 0 10px;
	width: 620px;
}
#mail #mailBody {
	padding: 2em 0 0 0;

}
#mail .MsoNormal, 
#mail .MsoNormalTable td {
	font-family: Arial, Helvetica, sans-serif !important;
}
p.MsoNormal, 
li.MsoNormal, 
div.MsoNormal, 
td.MsoNormal {
	font-family: Arial, Helvetica, sans-serif !important;	
}
#mail H3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #14637E;
	padding: 3px;
}
#mail HR {
	color: #666;
}

/* card hover effect */
.cms-download-card .overlay {
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 1s ease;
}
.cms-download-card:hover .overlay {
	visibility: visible !important;
	opacity: 0.25;
	transition: opacity 0.25s ease;
}
.cms-download-card .fa,.cms-download-card .fab {
	transition: all 0.6s ease;
}
.cms-download-card:hover .fa,.cms-download-card:hover .fab {
    transition: 0.8s;
    transform: rotateY(180deg);
}