@charset "UTF-8";

#container #mainContent h1 {
	background: url(../img/bgH1.jpg) no-repeat left;
	color: #FFFFFF;
	padding-top: 2px;
	margin-left: -5px;
	padding-left: 5px;
	padding-bottom: 2px;
	font: normal 20px "Times New Roman", Times, serif;
	letter-spacing: 1px;
	height: 25px;
}

#container #mainContent2 h1 {
	background: url(../img/bgH1.jpg) no-repeat left;
	color: #FFFFFF;
	padding-top: 2px;
	margin-left: -5px;
	padding-left: 5px;
	padding-bottom: 2px;
	font: normal 20px "Times New Roman", Times, serif;
	letter-spacing: 1px;
	height: 25px;
}

#container #sidebar1 #klantenLogin h1 {
	margin-top: 3px;
	height: 25px;
	font: normal 20px "Times New Roman", Times, serif;
	padding-left: 2px;
	margin-bottom: -5px;
	color: #7E2B7B;
}

#container #sidebar1 h1 {
	margin-top: 3px;
	height: 25px;
	font: normal 20px "Times New Roman", Times, serif;
	padding-left: 2px;
	margin-bottom: -5px;
	color: #7E2B7B;
}
.main_navigation{
	background-color: purple;
	background-image: var(--bs-gradient);
}
.qr_2fa_main_row{
	max-width:450px;
}
.qr_image img{
	border-radius: 3px;
	border: solid 3px !important;
	width: 200px;
}

p {
	/* font: 11px/20px Arial, Helvetica, sans-serif;
	display: block;
	padding-left: 10px;
	margin-bottom: 25px; */
}

.loginVelden {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 3px;
	width: 190px;
}

#tabelFooter {
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	color: #953292;
	padding-top: 20px;
	padding-bottom: 20px;
	border-right: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
	border-left: 2px solid #DDDDDD;
	background: url(../img/bgTabelFooter.jpg) no-repeat center bottom;
}

.loginVelden:focus {
	border: 1px solid #7E2B7B;
	background: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	padding: 3px;
	width: 190px;
}

.formVelden {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 3px;
	width: 300px;
}

.formVelden:focus {
	border: 1px solid #7E2B7B;
	background: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	padding: 3px;
	width: 300px;
}

.tekstVelden {
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 3px;
	width: 300px;
	height: 200px;
}

.tekstVelden:focus {
	border: 1px solid #7E2B7B;
	background: #FFFFFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: black;
	padding: 3px;
	width: 300px;
	height: 200px;
}

.button_main {
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF !important;
	background: url(../img/bgButton.jpg) repeat-x center center;
	height: 24px;
	/* width: 184px; */
	cursor: pointer;
	border: 1px solid #CCCCCC;
}

.button_main:hover{
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #FFFFFF;
	background: url(../img/bgButton.jpg) repeat-x center center;
	height: 24px;
	/* width: 184px; */
	cursor: pointer;
	border: 1px solid #7E2B7B;
}
#btnLogin{
	width:184px;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	color: #93318F;
	padding-left: 10px;
	background: repeat top;
	height: 20px;
	padding-top: 1px;
}

/* li {
	list-style-image: url(../img/liBullet.gif);
} */

#container #bovenHeader p {
	margin-left: 195px;
	margin-top: 25px;
	font: 14px/23px Arial, Helvetica, sans-serif;
	border-left: 2px solid #ABABAB;
	letter-spacing: 2px;
}

#footer a:link {
	color: #373737;
	text-decoration: none;
}
#tabelFooter  {
	color: #953292;;
	text-decoration: none;
}
a.navbar-brand,
.main_navigation .nav-item .nav-link,
.main_navigation .nav-item.active .nav-link,
.main_navigation .nav-item:focus .nav-link,
.main_navigation .nav-item:hover .nav-link {
  color: white !important;
}

#footer a:hover {
	color: #373737;
	text-decoration: underline;
}

a:link {
	font-weight: bold;
	color: #7E2B7B;
	text-decoration: none;
}

a:visited {
	font-weight: bold;
	color: #7E2B7B;
	text-decoration: none;
}


a:hover {
	font-weight: bold;
	color: #7E2B7B;
	text-decoration: underline;
}

#container #mainContent .tabelHardware strong {
	letter-spacing: 1px;
	font-size: 16px;
}

#container #sidebar2 a {
	background: #EBD9EA;
	display: block;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
}

#container #sidebar2 a:hover {
	background: #953292;
	display: block;
	border: 1px solid #FFFFFF;
	padding-left: 5px;
	text-decoration: none;
	color: #FFFFFF;
}