/* last update: 2022-03-01 15:17 */
html, body { background-color:#CCE2BB; height:100%; margin:0px; } /* #CCE2BB */
a { border:none; color:#000000; }
a:hover { text-decoration:underline; }
div { border:0px; margin:0px;}
/* main structure */
#core
{ position:relative; top:0px; margin:5px auto 0px auto;
width:1024px; height:100%; background-color:#fcfaf0; }
#header
{ position:relative; display:block; left:0px; top:0px; border:0px;
width:1024px; height:200px; background-image:url(../pictures/Banner_4x.gif);
z-index:8; }
#menu
{ position:relative; display:block; left:20px; top:165px;
width:984px; height:30px; }
#main
{ position:relative; display:block; margin-top:15px; top:0px; left:0px;
width:1024px; height: calc(100% - 225px); border:0px; overflow:scroll;}
#footer
{ position:relative; display:block; left:0px; bottom:0px; border:0px;
width:1024px; height:5px; background-color:#CCE2BB; }
#emergency
{ position:absolute; display:block; left:760px; top:10px;
width:250px; height:auto; font: bold 16pt 'Arial','sans serif';
color:#EEEEAA; text-align:center;}
/* CLASSES */
.alarm
{ display:block; position:absolute; left:1030px; top:240px; text-align:center;
font:bold 16pt 'Arial','sans serif'; color:#AA0000; }
.MMbutton
{ display:block; width:150px; height:22px; z-index:9; margin-top:0px;
border-width:1px; border-style:solid; padding-top:2px; text-align:center;
color:#EEEE99; border-color: #4d994c #4d994c #336633 #336633;
background-image:url(../pictures/button_background_2.gif);
font:bold 16px 'Arial','Helvetica','Sans Serif'; }
.MMbutton:hover
{ border-style:inset; border-color: #336633 #336633 #449944 #449944;
color:#000000; }
.inv
{ display:none; }
.pad
{ padding: 0px 0px 0px 0px; }
.switch
{ border:none; margin:0px; }
.nope
{ margin: 0px 0px -5px 0px; }
.switch:hover > div
{ display:block;}
.M { position:absolute; padding-bottom:5px; z-index:8; background-color:#4c9649; z-index:8; }
/* (sub)menu positions and sizes */
#M1 { display:block; position:absolute; top: 0px; left: 5px; }
#M1 > div { background-color:#4c9649; padding: 0px 0px 5px 0px; }
#M2 { display:block; position:absolute; top: 0px; left:168px; }
#M2 > div { background-color:#4c9649; padding: 0px 0px 5px 0px; }
#M21 { top: 26px; left:152px; width:220px; }
#M22 { } /* currently not in use */
#M23 { top: 26px; left:152px; width:220px; }
#M24 { } /* currently not in use */
#M25 { top:113px; left:152px; width:152px; } /*padding-bottom:10px; padding-bottom:10px;*/
#M251 { top: 87px; left:152px; width:220px; }
#M26 { top: 55px; left:152px; width:220px; }
#M27 { top:142px; left:152px; width:300px; }
#M28 { top:200px; left:152px; width:220px; }
#M29 { top:258px; left:152px; width:220px; }
#M3 { display:block; position:absolute; top:0px; left:331px; }
#M3 > div { background-color:#4c9649; padding: 0px 0px 5px 0px; }
#M32 { top: 55px; left:152px; width:220px; }
#M33 { top: 55px; left:152px; width:220px; }
#M34 { top:113px; left:152px; width:152px; }
#M35 { top: 55px; left:152px; width:220px; }
#M4 { display:block; position:absolute; top:0px; left:494px; }
#M4 > div { background-color:#4c9649; padding: 0px 0px 5px 0px; }
#M41 { top: 26px; left:152px; width:220px; }
#M43 { top: 84px; left:152px; width:220px; }
#M5 { display:block; position:absolute; top:0px; left:657px; }
#M5 > div { background-color:#4c9649; padding: 0px 0px 5px 0px; }
#M51 { top: 26px; left:-220px; width:220px; }
#M52 { top: 26px; left:-220px; width:220px; }
#M53 { top: 26px; left:-152px; width:152px; }
#M531 { top: 0px; left:-152px; width:152px; }
#M533 { top: 0px; left:-220px; width:220px; }
#M534 { top: 0px; left:-220px; width:220px; }
#M535 { top: 0px; left:-220px; width:220px; }
#M536 { top: 0px; left:-300px; width:300px; }
#M537 { top:116px; left:-220px; width:220px; }
#M538 { top:203px; left:-152px; width:152px; }
#M539 { top:171px; left:-152px; width:152px; }
#M54 { top: 55px; left:-152px; width:152px; }
#M55 { top: 84px; left:-152px; width:152px; }
#M56 { top:113px; left:-220px; width:220px; }
#M57 { top:200px; left:-220px; width:220px; }
#M6 { display:block; position:absolute; top:0px; left:820px; }
#M6 > div { background-color:#4c9649; padding: 0px 0px 5px 0px; }
#M62 { top: 55px; left:-152px; width:152px; }
#M63 { top: 55px; left:-152px; width:152px; }
/* menu button common */
.B1
{ display:block; height:22px; margin-top:5px; padding-top:2px;
font-family:'Arial', 'Helvetica', 'Suse Sans', 'Sans Serif';
font-size:15px; text-align:center; color:#000066; z-index:9;
width:132px; background-image:url(../graphics/passive.gif); }
.B1:hover {background-image:url(../graphics/active.gif); }
.B2
{ display:block; height:22px; margin-top:5px; padding-top:2px;
font-family:'Arial', 'Helvetica', 'Suse Sans', 'Sans Serif';
font-size:15px; text-align:center; color:#000066; z-index:9;
width:200px; background-image:url(../graphics/passive.gif); }
.B2:hover {background-image:url(../graphics/active.gif); }
.B3
{ display:block; height:22px; margin-top:5px; padding-top:2px;
font-family:'Arial', 'Helvetica', 'Suse Sans', 'Sans Serif';
font-size:15px; text-align:center; color:#000066; z-index:9;
width:280px; background-image:url(../graphics/passive.gif); }
.B3:hover {background-image:url(../graphics/active.gif); }
/* menu button border colors left/right + number */
.L1 { border-left: 10px solid #6688FF; }
.R1 { border-right:10px solid #6688FF; }
.L2 { border-left: 10px solid #66BBCC; }
.R2 { border-right:10px solid #66BBCC; }
.L3 { border-left: 10px solid #66CC66; }
.R3 { border-right:10px solid #66CC66; }
.L4 { border-left: 10px solid #BBDD66; }
.R4 { border-right:10px solid #BBDD66; }
.L5 { border-left: 10px solid #DDCC66; }
.R5 { border-right:10px solid #DDCC66; }
.L6 { border-left: 10px solid #FFBB66; }
.R6 { border-right:10px solid #FFBB66; }
.L7 { border-left: 10px solid #FF7E0E; }
.R7 { border-right:10px solid #FF7E0E; }
.L8 { border-left: 10px solid #FF2E46; }
.R8 { border-right:10px solid #FF2E46; }
.L9 { border-left: 10px solid #FF2ED5; }
.R9 { border-right:10px solid #FF2ED5; }