/*  attributes for all  */
body, h1, h2, h3, h4, h5, h6, p, div, img, a, address, b, i, u, sup, div, span, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
}

/*  tags  */
body
{
	font-family: Arial,Helvetica,Verdana,sans-serif;
	background: #1B396C url(../images/design/bodybg.jpg) center top no-repeat;
	color: #707885;
	text-align: center;
}

a
{
	font-weight: normal;
	color: #1B396C;
	text-decoration: underline;
}
a:hover
{
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6
{
	color: #2C58A0;
}

h1
{
	font-weight: normal;
	font-size: 200%;
	line-height: 100%;
	margin: 0 0 0.75em 0;
}

h2
{
	font-weight: normal;
	font-size: 140%;
	padding: 0.75em 0 0.75em 0;
}

h3
{
	font-weight: normal;
	font-size: 110%;
	margin: 0 0 0em 0;
}

p, address
{
	margin: 0 0 1em 0;
}

ul
{
	list-style-type: square;
	margin: 0 0 1em 1.4em;
}

li
{
	margin: 0 0 0.2em 0;
}

/*  ids  */
#topline
{
	position: relative;
	display: block;
	height: 18px;
	padding: 7px 0 0px 0;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 80%;
}
#topline .center
{
	text-align: right !important;
}
#topline .telephone
{
	font-weight: bold;
}

#menuline
{
	position: relative;
	display: block;
	height: 125px;
	overflow: hidden;
	background: url(../images/design/menubg.png) left top repeat-x;
	color: #707885;
}
#menuline .center
{
	height: 111px;
	padding: 7px 0 7px 0;
}

#logo
{
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: 333px;
	padding: 13px 0 13px 0;
}
#logo img
{
	width: 100%;
}

#menu-button,
#phone-button
{
	display: none;
}

#mainmenu
{
	position: relative;
	display: block;
	overflow: hidden;
	list-style-type: none;
	float: right;
	padding: 45px 0 0 0;
	margin: 0;
}
#mainmenu li
{
	position: relative;
	display: block;
	float: left;
	padding: 0 0 0 15px;
}
#mainmenu a
{
	text-decoration: none;
	color: #707885;
}
#mainmenu a:hover, #mainmenu .selected a
{
	color: #1B396C;
}
#mainmenu a:hover
{
	text-decoration: underline;
}

#titleline
{
	position: relative;
	display: block;
	padding: 20px 0 30px 0;
	color: #FFFFFF;
	font-size: 80%;
	background: url(../images/design/titlelinebg.png) left bottom repeat-x;
}
#titleline b
{
	position: relative;
	display: block;
	font-size: 220%;
	font-weight: normal;
	padding: 0 0 5px 0;
}
#titleline a
{
	color: #ACB9CE;
	text-decoration: none;
}
#titleline a:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

#content
{
	position: relative;
	display: block;
	overflow: hidden;
	padding: 30px 0 30px 0;
	color: #626B75;
	font-size: 80%;
	background: #FFFFFF url(../images/design/contentbg.png) left top repeat-x;
	border-top: 2px solid #FFFFFF;
	line-height: 150%;
}

#footer
{
	background: url(../images/design/footerbg.png) left top repeat-x;
	color: #FFFFFF;
	padding: 15px 0 15px 0;
}
#footermenu
{
	font-size: 80%;
	list-style-type: none;
	float: right;
}
#footermenu li
{
	display: inline-block;
	margin-left: 1em;
}
#footermenu a
{
	color: #ACB9CE;
	text-decoration: none;
}

/*  classes  */
.center
{
	position: relative;
	display: block;
	overflow: hidden;
	text-align: left;
	margin: 0 auto 0 auto;
	width: 960px;
}
.center > .twoonecolumn > .last
{
	min-height: 512px;
	background: url(../images/design/rightcolbg.png) left top no-repeat;
	padding: 0 30px 0 30px;
	box-sizing: border-box;
}

.onetwocolumn > .column
{
	width: 38.5%;
}

.onetwocolumn > .column.last
{
	width: 59.5%;
}

.imagetextmenu
{
	position: relative;
	display: block;
	overflow: hidden;
	padding: 1em 0 2em 0;
	margin: 0 -1% 0 -1%;
}
.imagetextmenu-item
{
	position: relative;
	display: block;
	float: left;
	border: 1px solid #2C58A0;
	border-radius: 2px;
	background: #F5F5F5;
	width: 48%;
	box-sizing: border-box;
	height: 260px;
	margin: 1%;
	padding: 20px;
	box-shadow: 0 0 5px #CCCCCC;
}
.imagetextmenu-item p
{
	font-size: 90%;
}
.imagetextmenu-item a img
{
	float: right;
	margin: 0 0 10px 20px;
	max-width: 40%;
}
.imagetextmenu-item .heading
{
	font-size: 120%;
	font-weight: bold;
	color: #2C58A0;
}
.imagetextmenu-item .more img
{
	float: none;
	margin: 0;
}

.imageleft, .imageright
{
  max-width: 44%;
}

.gallery img
{
	max-width: 100%;
}

/*  animated header  */
.header { position: relative; display: block; width: 100%; overflow: hidden; }
.header > img { display: block; width: 100%; height: auto; }
.header::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: radial-gradient(ellipse 40% 45% at center, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .12) 55%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }
.header .animated-header { position: absolute; z-index: 2; top: 50%; left: 0; transform: translateY(-50%); }
.animated-header { width: 100%; box-sizing: border-box; padding: 0 1rem; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: clamp(1.2rem, 3.6vw, 2.25rem); font-weight: bold; text-align: center; color: #FFFFFF; line-height: 1; text-shadow: 0 1px 2px rgba(0, 0, 0, .7), 0 0 6px rgba(0, 0, 0, .5); }
.animated-header ul { position: relative; display: block; height: 1em; overflow: visible; list-style-type: none; margin: 0; font-size: clamp(1.5rem, 4.4vw, 2.75rem); }
.animated-header li { color: #D8E4F5; display: none; margin: 0; width: 100%; line-height: 1; }
.animated-header li:first-child { display: block; }
.animated-header li.fade-in { display: block; animation: animated-header-fade-in 1s ease forwards; }
.animated-header li.fade-out { position: absolute; top: 0; display: block; animation: animated-header-fade-out 1s ease forwards; }
@keyframes animated-header-fade-in {
	0% { opacity: 0; transform: translate(0, .5em) scale(1, .75); }
	100% { opacity: 1; transform: translate(0, 0) scale(1, 1); }
}
@keyframes animated-header-fade-out {
	0% { opacity: 1; transform: translate(0, 0) scale(1, 1); }
	100% { opacity: 0; transform: translate(0, -.5em) scale(1, .75); }
}