body { font-size:12pt; font-family: Verdana, Arial, Helvetica, sans-serif; }
a { color:black; }
#body img{float: left; margin:0 10px 5px 0; max-width:50%; max-height:300px;}
.logo { padding:30px;text-align:left; background-color:#f5ecec;}
img#logo {width:60%;}
#menu { margin:0; padding:0; width:100%; height:37px; color:#1a486b; font-weight:normal; text-decoration:none; clear: right; border-top:2px solid #800040; border-bottom:2px solid #800040; }
#menu ul{ list-style:none; margin:0; padding:0; border:0; }
#menu ul li { display: block; position: relative; float: left; cursor:pointer; }
#menu li ul { z-index:1999; display: none; }
#menu ul li a { display: block; text-align: left; height:24px; text-decoration: none; color: #800040; background:#fff; font-size:15pt; font-weight: normal; padding: 6px 10px 7px 10px; white-space: nowrap; }
#menu .more::after { content: "..."; }
#menu li.current a { color:#fff; background-color:#800040; }
#menu li:hover li.current a { color:#fff; background-color:#800040; }
#menu li a:hover{ color:#fff; background-color:#800040; }
#menu li a:hover{ color:#fff; background-color:#800040; }
#menu ul li a:hover {	color: #fff; background-color: #800040; }
#menu li:hover ul { z-index:1999; display: block; position: absolute; border: 2px solid #800040; border-top:0; margin:0; padding:0; }
#menu li:hover li { float: none; }
#menu li:hover a { color: #800040; background-color: #fff; }
#menu li:hover li a:hover { color: #fff; background-color: #800040; }
h1 { font-size:1.5em; text-align:right; font-weight:normal; color:#800040; }
h2 { font-size:1.2em; }
h3 { font-size:0.8em; text-align:right; margin-block-start: -1em; margin-block-end: 0; color:#555; font-weight:normal; margin-right:130px; }
.logo h1 { font-size:1.2em; font-style:italic; color:#555; }
#body li { font-size:0.9em; margin:5px; }
#body ol, #body ul { padding-left:20px; margin:5px; overflow: hidden; }
.small { font-size:0.8em; }
dt { font-weight:bold; }
@media screen {
	body {text-align:left;background-color:#fff;}
	#page { width:1000px; margin: auto; }
	#face { float:right; width:168px; margin-left:20px; }
	#body { margin-right:290px; }
	#side { position:relative; clear:both; width:250px; float: right; text-align: center; color:black; background-color:#f5ecec; border-left:2px solid #800040; margin: 20px 0 10px 10px; }
	#footer { display:none; }
}
@media screen and (max-width: 1010px) {
	#page { width: 100%; margin:0; }
	#menu { height:34px; font-weight: normal;  }
	#face { width:100px; }
	#menu ul li a { font-size:13pt; font-weight: normal; height:21px;}
	#menu ul li.current a { font-size:13pt; }
	.logo h1 { font-size:1em; }
	.logo h3 { font-size:0.6em; }
}
@media screen and (max-width: 600px) {
	body {margin:0;}
	#page { width: 100%; margin:0; }
	.logo { padding:10px; }
	#face { display:none; }
	img#logo { width:100%;}
	.logo h1 { font-size:1em; }
	.logo h3 { font-size:0.6em; }
	#side { display:none; }
	#body { margin: 0; padding:5px; clear:both; clear:both; }
/*	#footer { min-height: 50px; display:block; font-size:0.9em; padding:5px; margin-top:5px; } */
	#footer { min-height: 50px; display:block; font-size:0.9em; padding-left:100px; margin-top:5px; background: url('img/wolff_face.jpg') no-repeat 5px 0; background-size: 80px auto; }
	#menu { height:31px; font-weight: normal;  }
	#menu ul li a { font-size:11pt; font-weight: normal; height:18px;}
	#menu ul li.current a { font-size:11pt; }
	#menu ul li { max-width:25%; }
	#menu li ul li { max-width:100%; }
}
@media screen and (max-width: 400px) {
	.logo { padding:5px; }
	.logo h1 { font-size:0.8em; }
	.logo h3 { font-size:0.6em; }
	#menu { height:28px; font-weight: normal;  }
	#menu ul li a { font-size:9pt; font-weight: normal; height:15px;}
	#menu ul li.current a { font-size:9pt; }
	#menu ul li { max-width:25%;  }
	#menu li ul li { max-width:100%; }
}
@media print {
	body{text-align:left;background-color:#fff;margin:1.5cm;}
	#side { position:relative; clear:both; width:250px; float: right; text-align: center; color:black; background-color:#f5ecec; border-left:2px solid #800040; margin: 15px 0 10px 10px; }
	#body { margin-right:290px; }
	.logo { padding:0 0 30px 0; }
	#face { float:right; width:168px; margin-left:20px; }
	#footer { display:none; }
	#menu { display:none; }
}