@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900&family=Roboto+Slab:wght@300;400;600&display=swap');

/* BODY */
body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ACACAC;
	font-family: Verdana, Arial;
	font-size: 11px;
	line-height: 15pt;
}

h1      {font-family: Roboto Slab, Arial, sans-serif; font-weight: 600; color: #36678B; font-size:25px; line-height:42px; margin-bottom: 28px;}
h2	    {font-family: Roboto Slab, Arial, sans-serif; font-weight: 600; color: #36678B; font-size:22px; line-height:36px; margin-bottom: 0px;}
h3	    {font-family: Roboto Slab, Arial, sans-serif; font-weight: 600; color: #36678B; font-size:20px; line-height:34px; margin-bottom: -18px;}
h4	    {font-family: Roboto Slab, Arial, sans-serif; font-weight: 400; color: #36678B; font-size:20px; line-height:30px; margin-bottom: 0px;}

p		{font-family: Roboto Slab, Arial; font-size: 16px; line-height: 34px; font-weight:400; }
td		{font-family: Roboto Slab, Arial; font-size: 14px; line-height: 28px; font-weight:400; }

/* LINKS */
a:link          {color: #36678B; font-weight:normal; text-decoration: none;}
a:visited       {color: #36678B; font-weight:normal; text-decoration: none;}
a:hover         {color: #36678B; font-weight:normal; text-decoration: underline;}

H3 a:link       {color: #36678B; font-weight:bold; text-decoration: none;}
H3 a:visited    {color: #36678B; font-weight:bold; text-decoration: none;}
H3 a:hover      {color: #36678B; font-weight:bold; text-decoration: none;}



.bodybg {
	background-color: #A2A2A2;
	width:1092px;
	background-image:url('/images/back_midden.gif'); 
	layer-background-image:url('/images/back_midden.gif');
}

/* FORMULIEREN */
TEXTAREA	{
	FONT-FAMILY:Verdana, Arial;
	FONT-SIZE: 11px;
	border: 1px #ABB0BA;
	border-bottom-style: outset;
	border-left-style: outset;
	border-right-style: outset;
	border-top-style: outset;
	}
INPUT	{
	FONT-FAMILY:Verdana, Arial;
	FONT-SIZE: 11px;
	border: 1px #ABB0BA;
	border-bottom-style: outset;
	border-left-style: outset;
	border-right-style: outset;
	border-top-style: outset;
	}
SELECT	{
	FONT-FAMILY:Verdana, Arial;
	FONT-SIZE: 11px;
	border: 1px #ABB0BA;
	border-bottom-style: outset;
	border-left-style: outset;
	border-right-style: outset;
	border-top-style: outset;
	}
.button	{
	FONT-FAMILY:Verdana, Arial;
	FONT-SIZE: 11px;
	border: 1px #ABB0BA;
	border-bottom-style: outset;
	border-left-style: outset;
	border-right-style: outset;
	border-top-style: outset;
	color: #FFFFFF; 
	background-color: #3B5AA1;
	}
.nochoice {
	border: 0px #FFFFFF;
}



.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 0;
}



div.mainmenu div {
	float: left;
	margin-right: 55px;
	font-family: Lato;
	font-size: 20px;
	font-weight: 400;
	color: #36678B;
}
div.mainmenu b {
	font-weight: 900;
	font-size:19px;
}
div.mainmenu a {
	text-decoration:none;
}
div.mainmenu div:hover b {
	color: #f27a02;
}



ul.menu {
	text-align: left;
	color: #fff;
	list-style: none;
	padding-left: 0;
	margin: 0 0 20px 0;
}

ul.menu li {
	background: #36678a;
	padding: 6px 14px;
	font-family: Lato;
	font-size: 13px;
	font-weight: 400;
	border-bottom: 1px solid #fff;
	list-style-type: none;
	cursor: pointer;
}
ul.menu li a {
	color:#fff;
}
ul.menu li a:hover {
	text-decoration:none;
}
.menu li.altbg {
	background: #4683b2;
}
.menu li.active {
	background: #f27a02;
}
ul.menu li:hover {
	background: #f27a02;
}