@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Thin.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Medium.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Robomono';
    src: url('../fonts/RobotoMono-Bold.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}






@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'RoboCond';
    src: url('../fonts/RobotoCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'SairaExtra';
    src: url('../fonts/SairaExtraCondensed-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gift';
    src: url('../fonts/Gift.ttf') format('truetype');
    font-style: normal;
}


@font-face {
    font-family: 'hand';
    src: url('../fonts/lh1.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display:swap;
}


@font-face {
    font-family: 'Hairline';
    src: url('../fonts/Hairline.ttf') format('truetype');
    font-style: normal;
}

html {scroll-behavior:smooth;height:101%;background-color:#38444F;font-weight:600}
body {padding:0px;margin:0px;font-family:RoboCond;width:100%;height:100%;background-color:#38444F;color:#f0f0f0;vertical-align:top;font-weight:600}
table, td {padding:0;font-family:RoboCond;font-weight:600}

a {text-decoration:none}
.tab {border-right:0px solid #000000;border-left:0px solid #000000;margin:auto;color:#08485D;background-color:#f0f0f0;height:100%;width:1200px;max-width:1200px;min-width:1200px}
.lefttab {background-color:#404040;border-left:0px solid red;width:1200px;max-width:1200px;min-width:1200px;height:100%;margin:auto}
.maintab {background-color:#202020}
.pnw, .pnw0, .m, .n, .l, .ltay td:nth-child(1) {padding-right:20px;white-space:nowrap}
.pnw0, .m {width:0}
.tp3 {background-color:#202020}

.img1 {}
.img2 {width:100%;height:auto;min-width:400px;max-width:400px;}
.img3 {width:245px;height:auto;min-width:245px;max-width:245px;cursor:pointer}
.memo {color:#202020;font-size:18px}
.ma {margin:auto;margin-top:50px;}
.w0 {width:0}
.cll {text-align:center;font-weight:normal;height:2px;background-color:#928052}
.b400, .ttay a b {font-weight:400 !important}
.b300, .ltay i {font-weight:400 !important;font-family:SairaExtra;font-size:large;line-height:100%;color:#000000;font-style:normal}
.fl1 {width:100%}

.logo {font-size:30px;font-weight:normal;line-height:100%;position:relative;top:-2px}

.tr, .tr2, .txh a, .ltay td:nth-child(1) a {display:block;padding-left:10px;cursor:pointer;color:inherit}
.txh a, .txh td:nth-child(5) a {display:inline-block;text-decoration:none}

.parent tr, .tr, .txh a, .tr2 {pointer-events:auto}
.txh td:nth-child(5) {width:0}

.c, .txh td:nth-child(1) {color:#404040;width:100px;padding-right:20px;padding-left:5px}
          
.fland {

pointer-events:none;
width:100%;
height:270px;
max-height:270px;
min-height:270px;
position:fixed;
top:100px;
border-top:5px solid #709070;
border-bottom:1px solid #709070;
z-index:10;
}

.flander, .ww1914 {

background-position:center;
background-size:cover;
background-repeat:no-repeat;
background-image:url(../img/flanderland.webp);
opacity:30%
}

.ww1914 {background-image:url(../img/1914-18.jpg);opacity:30%;filter:xgrayscale(40%)}

.left1 {position:fixed;bottom:0px;display:block}
.left2 {vertical-align:top;position:sticky;top:120px;display:block}
.tp20 {padding-left:0;padding-top:0px;width:0}

.pt0 {padding-top:0px}
.simg {width:100%;height:auto}
.y {height:100%}

.left {
    
    width:0px;
    min-width:0px;
    background-color:#000000;
}

.chap1, .chap0 {width:165px;height:260px;background-position:center;background-size:cover;background-repeat:no-repeat;cursor:pointer;}
.chap2, .chap22 {color:#000000;background-color:#928052;text-align:center;font-weight:bold;cursor:pointer;position:sticky;top:0;display:block}
.chap2:hover {background-color:#A5171E} 
.chap1:hover, .chap0:hover {filter: grayscale(100%)}

.chapclg {width:165px;height:260px;}
.chappic {}

.chapmen, .chapmena, .chapmen2, .chapmen2a {color:#000000;background-color:#928052;text-align:center;padding:2px;font-weight:bold;cursor:pointer;text-decoration:none; position:sticky;top:0;display:block}
.chapmena, .chapmen:hover, .chapmen2a, .chapmen2:hover {background-color:#A5171E} 

.chapter {color:#A5171E;font-family:SairaExtra;font-size:70px;font-weight:bold;rotate:270deg;transform:translate(-100px, -15px);display:block;position:absolute;}

.grey, #leftmenu img {filter:grayscale(100%)}
.ngr {filter:none !important}
.grey:hover, #leftmenu img:hover {transition-duration:0.3s;filter:grayscale(0%)}

.x50, .x33 {background-position:center;background-size:cover;background-repeat:no-repeat}

.x50, .cls2 {width:49%}
.x33, .cls3 {width:32%;background-position:center;background-size:cover;background-repeat:no-repeat}
.x100, .cls1 {width:100%}
.clx, .cly, .cly3, .clz {text-align:left;color:#000000;background-color:#f2f0f0;padding:6px;font-family:SairaExtra;font-size:18px;vertical-align:top}
.cly {font-family:RoboCond;font-weight:normal;font-size:19px;color:#000000;background-color:#f2f0f0;line-height:140%}
.clx {white-space:nowrap;font-weight:bold;color:#000000;font-size:20px;padding-top:0px;padding-bottom:0px;min-width:50px;width:50px}
.cly2, .cly3 {font-family:SairaExtra;font-weight:bold;font-size:20px;color:#0E5680}
.cly2 {padding-top:10px;text-align:center;cursor:pointer}
.cly2:hover {color:#a0a0a0 !important}
.cly3, .ilb, .ilc, .ild {padding:0;font-family:RoboCond;font-size:22px;color:#0E5680;font-weight:500}
.clz {padding:0;padding-left:10px} 
.f17 {font-size:17px}

.cldoc {border:4px solid #202020;background-color:#000000;font-weight:normal;font-size:18px;color:#a0a0a0;padding:20px;xfilter:sepia(0.63)}
.cldoc2 {width:100%}
.cldoc1 {background-color:#202020;font-weight:normal;font-size:18px;color:#a0a0a0;padding-top:5px;text-align: center;}

.menp:hover .menu2, .e{background-color:#1E6690;color:#8Ed6ff}
    
.menr, #leftmenu td {padding-right:10px;padding-bottom:10px}

.w40 {width:40px}

.p20 {padding-left:20px !important}
.pt20 {padding-top:20px}
.pb20 {padding-bottom:20px !important}

.tm0 {width:100%;color:#ffffff;font-weight:bold}
.tlvb {text-align:left;vertical-align:bottom}
.main {min-width:770px;width:100%;vertical-align:top;text-align:left}

.cls2, .cls3 {vertical-align:bottom}

.cls, .clsr, .clsx, .tlr {text-align:right}
.cls, .clsx {padding-bottom:100px;color:#0E5680;font-weight:500;font-size:18px}
.clsr {vertical-align:bottom}
.clsx {padding:0;width:0}

.sbox {
    display:block;
    position:absolute;
    background-color:#D5E1EC;
    border:2px solid #3E86b0;
    overflow:auto;
    max-height:600px;    
}

.shd {background-color:#3E86b0;color:#f0f0f0}


body::-webkit-scrollbar, .sbox::-webkit-scrollbar {
	width: 13px;
	height: 13px;
    cursor: move;
}

body::-webkit-scrollbar-thumb, .sbox::-webkit-scrollbar-thumb {
    margin:0;padding:0;
    background-color:#4E96c0;
    text-align:left;vertical-align:top;font-size:13px;font-weight:400;font-style:normal;
    color:rgba(0, 0, 0, 1);border:0px solid #404040;
    border-radius:5px;
    text-shadow:none;
    box-shadow:none;
    transition:transform 0.3s;
    -webkit-transition:-webkit-transform 0.3s;
    transform:perspective(1000px);    
    cursor:move;
    }

body::-webkit-scrollbar-track, .sbox::-webkit-scrollbar-track {
    margin:0;padding:0;
    background-color:#D5E1EC;
    text-align:left;vertical-align:top;font-size:13px;font-weight:400;font-style:normal;
    color:rgba(0, 0, 0, 1);border:0px solid #404040;
    border-radius:5px;
    text-shadow:none;
    box-shadow:none;
    transition:transform 0.3s;
    -webkit-transition:-webkit-transform 0.3s;
    transform:perspective(1000px);    
    cursor:move;
    padding-top:2px;
    padding-bottom:2px
}


body::-webkit-scrollbar-corner, .sbox::-webkit-scrollbar-corner {
    
    border:0;
    border-radius:0;
    background-image:none;
    background-color:transparent;
    cursor: move;
    }

.chl {}

.float {float:right;margin-left:20px;margin-bottom:20px}

.txh {margin:20px;padding:2px;min-width:95%}
.fs20 {font-size:20px}

.tnb {padding-bottom:10px;width:200px;padding-left:10px;display:inline-block}
.lnb {padding-left:20px}

.flex, .flex2, .ttay a {font-size:15px;background-color:#D5E1EC;display:inline-flex;padding:5px;border:2px solid #f2f0f0;width:280px;color:#000000;font-weight:500}
.taxom, .tm, .tn, .tnb b, .tnb a, .tx0 a, .txh td:nth-child(5) a, .ltay td:nth-child(5) a {text-decoration:none;background-color:#3E86b0;padding:2px;padding-left:5px;padding-right:5px;margin:5px;margin-left:4px;color:#000000 !important;font-weight:500;cursor:pointer;display:inline-block}
.tm, .tn {line-height:100%}
.tm, .tn {width:10px;border:0;text-align:center}
.ttay a {display:inline-block}

.tnb b, .tnb a {line-height:100%;width:10px;border:0;text-align:center;margin-right:4px;margin-bottom:4px}

.flex:hover, .ttay a:hover  {background-color:#4E96c0;color:#000000 !important}

.taxom:hover, .tm:hover, .tn:hover, .tnb b:hover, .tnb a:hover, .tx0 a:hover, .txh td:nth-child(5) a:hover, .ltay td:nth-child(5) a:hover {background-color:#38444F;color:#f2f0f0 !important}

.flex2 {background-color:#4E96c0}

.flx, .fx {display:inline-flex;white-space:nowrap;padding:5px;border:2px solid transparent;color:#000000;font-weight:500}
.fx {padding:0 !important}

.tx0, .txh td:nth-child(5) a {pointer-events:auto}
.txh td:nth-child(5), .ltay td:nth-child(5) {width:0}

.la, .lb {padding-left:10px;
    color: #000000;
    font-weight: 600;
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 19px;
    text-decoration: none;
    font-family: SairaExtra;
    line-height: 100%;
    white-space: nowrap;
    }

.la {display: inline-block}
.lb, .dal {font-family:RoboCond !important}

.dpi {display:inline-block}
.top1, .top2 {color:#000000;font-size:20px;font-family:RoboCond;line-height:100%}
.top2 {color:#0E5680;text-align:right}
.top4 {vertical-align:top;padding:5px;padding-left:5px;text-align:right}
.top3 {padding-left:10px}
.top5 {margin-left:auto}
.top6, .top4 {padding:2px;padding-left:10px;padding-top:4px;background-color:#4E96c0}
.top1 {font-family:Hairline;font-weight:900;font-size:35px;color:#000000}
.top7 {background-color:#4E96c0;padding:10px;color:#0E5680;font-weight:bold;text-align:center}

.bbb, .bbx {color:#000000;padding-right:10px;font-family:RoboCond;font-size:21px;font-weight:bold;cursor:pointer}
.bbb:hover {color:#a0c0a0;text-decoration:underline}
.bbx {font-size:20px;color:#a0c0a0}
.ul:hover {text-decoration:underline}

.contrast {filter:contrast(105%)}
.hair {font-family:RoboCond;font-weight:bold;color:#a0a0a0;font-size:19px}
.hair2 {color:#80a080;font-size:21px}

.txt {padding:40px;padding-left:80px;padding-right:130px;font-family:RoboCond;color:#928052}
.fix {position:sticky;top:0}
#fbk {padding:4px;height:98px;background-color:#f2f0f0}



.topx {transform:translate(4px, 0px)}
.top {margin-top:2px;font-family:SairaExtra;color:#003660 !important;font-size:26px !important;line-height:80%;font-weight:500 !important}
.top:hover {color:#c0c0c0 !important}
.no, .tl, .ttay a, .tax a, .ltay a {text-decoration:none;color:inherit;font-weight:inherit}

.l a {color:#606060 !important}

.tl {color:#202020;font-size:18px}
.tl:hover {color:#0E5680}

.ttay a:after, .tax a:after, .ltay a:after, .txh a:after {position:absolute}

.ma {font-weight:bold;color:#0E5680}
.bold {font-weight:bold;padding-right:10px;}
.impr {color:#000000;margin:auto;margin-top:150px;background-color:#4E96c0;border:20px solid #4E96c0;}
#pout {background-color:#f2f0f0;color:#000000;vertical-align:top;height:100%;width:700px}
.p2 {padding:2px}
.pl20, .no20 {padding-left:10px}
.no20, .no40 {white-space:nowrap}
.no40 {padding-left:26px;white-space:nowrap}
.pl24 {padding-left:24px}
.pl48 {padding-left:40px}
.pr10 {padding-right:10px !important}

.tax, .taxx, .ttax, .ttay, .ltay {font-size:18px;line-height:120%;width:95%}
.tax, .taxx, .ttax, .ttay {display:block;width:95%}
.tax td, .ttax td, .ttay td {padding:2px}


.tdis, .tart, .tgen, .tfam, .tsub, .tsyn, .tpic, .tisl, .tfrm, .xtax {visibility:hidden}
.tt {padding-left:10px;vertical-align:bottom}

.ttay, .ltay {margin:20px;padding:2px;min-width:80%}
.ltay b {display:inline-block}
    
.bc20, .b, .txh tr:nth-child(even) {background-image:linear-gradient(to right,#e2e0e0,#f2f0f0)}

.parent tr:hover {background-image:linear-gradient(to right,#e2e0e0,#e2e0e0)}

.green, .n, .txh i, .tax i, .ltay i, .ltay td:nth-child(2) {color:#0E5680 !important;font-style:normal}
.drk, .dr, .ttay a b, .tax u, .txh u, .ltay u, .ltay i {color:#28343F !important; font-weight:400 !important;text-decoration:none}

.ttax {font-size:17px;}

.o, .p, .txh td:nth-child(3), .txh td:nth-child(4) {padding:2px;color:#28343f !important;text-align:right;font-weight:400}
.p, .txh td:nth-child(4) {padding-left:10px;padding-right:10px !important;width:0}

.x, .taxx {width:100%}
.p0 {padding:0 !important}

.ilb, .ilc {padding-bottom:15px;padding-top:20px}
.ilb {display:inline-block;width:100%}
.ild {margin:20px;margin-top:10px;padding:2px}


.filter, .search, .searche, .searchd {width:248px;font-family:RoboCond;background-color:#4E96c0;font-weight:bold;font-size:16px;color:#000000;padding:2px;border:3px solid #003660;outline:0;margin-bottom:0px;}
.filter:focus, .search:focus, .searche:focus, .searchd:focus, .filter:hover, .search:hover {border:3px solid #c0c0c0}
.searche {width:216px}
.searchd {width:175px;margin-top:10px}

.search2 {font-size:50px;line-height:40%;margin-bottom:5px;color:#003660;cursor:pointer;font-weight:normal}
.search2:hover {color:#c0c0c0}

.scls {color:#d0d0d0;padding-right:10px;font-weight:normal;font-size:16px;vertical-align:middle;cursor:pointer;text-align:right}
.scls:hover {color:#f0f0f0}


.cldoc, .cldoc3, .cldoc4 {border:2px solid #202020;xbackground-color:#ffffff;font-weight:normal;font-size:18px;color:#a0a0a0;padding:5px;xfilter:sepia(0.63)}
.cldoc2 {width:100%}
.cldoc1 {background-color:#202020;font-weight:normal;font-size:18px;color:#a0a0a0;padding-top:5px;text-align: center;}
.cldoc3 {border-bottom:0}
.cldoc4 {white-space:nowrap;text-align:left}

.dot {color:#ffffff;font-weight:normal}
.eu {color:#c0c0c0 !important}
.eu:hover {color:#000000}
.eu:hover .eug {display:none}
.eu:hover .eue {display:inline-block}
.eue {display:none}

.dk {color:#6Eb6e0;cursor:pointer}
.dk:hover {color:#000000}
.dk:hover .lig {display:none}
.dk:hover .dkg {display:inline-block}
.dkg {display:none}
.ml20 {margin-left:20px;width:94%}

#submenu {width:0}

a.eug {}

.a, .e, #leftmenu a:nth-child(2) {text-decoration:none;display:block;font-weight:bold;font-family:RoboCond}
.starttop {width:1172px;height:120px;background-image:url("../img/logo-top.jpg");vertical-align:top}
.rand {width:36px}
.menu, .menu2i, .menua, .menu2, .menu22, .menu22x, .menu22z, .menu2a, .menu22a, .menu22xa, .menu22za, .menu23, .menu23a, .menu2t, .m22m, .m22s, .lnb a, #submenu a {
    color:#000000;
    text-decoration:none;
    font-size:19px;
    font-family:SairaExtra;
    line-height:100%;
    cursor:pointer;
    
    white-space:nowrap}

.menu:hover {color:#a0c0a0;transition: transform 0.3s; transform: scale(1.1, 1.1)}
.menu22a {font-weight:bold}
.menu22xa, .menu22za {color:#405060}

.del {padding:1px;padding-left:10px;color:#404040;font-size:17px;font-weight:normal}
.dal {color:#000000}

.menu23a {color:#608060}
.menu2, .menu2i, .menu2t, .menu22, .menu22x, .menu22z, .menu2a, .menu22a, .menu22xa, .menu22za, .abc, .abcx, .abca, .abcxa, .abcy, .abcya, .m22m, .m22s, .lnb a, .e {
    color:#000000;font-weight:600;padding:4px;padding-left:10px;padding-right:10px;display:block;xwidth:100%}
    
#submenu a {color:#000000;font-weight:600 !important;padding:3px;padding-left:10px;padding-right:10px;display:block}

.menua, .menu2a, .menu22a {background-color:#CBE1BB;color:#000000}
.menu2a, .a {background-color:#1E6690 !important;color:#8Ed6ff !important}
.menu2t {
    color: #003660;
    font-weight: 500;
    font-size: 24px;
    display: inline-block;
    padding: 0;
    }

.menu22x, .menu22xa, .menu22z, .menu22za, .lnb a {color:#000000;font-weight:500;padding-top:1px;padding-bottom:1px;font-size:18px}
.menu2:hover, .menu22:hover, .menu23:hover, #leftmenu a:nth-child(2):hover {background-color:#0E5680;color:#a0a0a0;xtransition: transform 0.3s; xtransform: scale(1.1, 1.1)}
.menu22x:hover, .menu22xa, .menu22z:hover, .menu22za, .lnb a:hover {background-color:#38444F;color:#f2f0f0}
.menu22:hover, .menu22a, .m22m:hover {background-color:#38444F;color:#f2f0f0}

.m22s:hover {background-color:#4E96c0;color:#f0f0f0}
.m22s {font-size:17px;line-height:50%}

.menu2i {display:inline-block}
.menu2i:hover {color:#0E5680}
.menu2, #leftmenu a:nth-child(2) {background-color:#4E96c0}
.menu2t:hover {color:#000000;transition:transform 0.3s;transform:scale(1.1, 1.1)}
.menu22z, .menu22za {padding-left:30px}

.m22m, .menu22x, #lnb a {display:inline-block;width:100%;line-height:50%}

.dmen u {padding-left:24px;font-size:17px;font-weight:normal;text-decoration:none;display:block}
.dmen i {padding-left:26px;white-space:nowrap;font-style:normal;font-size:17px;display:block}
.dmen p {padding-left:40px;font-weight:normal;font-size:17px;display:block;margin-block-start:0;margin-block-end:0}
.dmen a {display:inline-block !important} 
.lnb a, .dmen a {font-size:17px !important;padding:0 !important;padding-right:10px !important;line-height:110% !important}


.mpl, .dmen b  {display:inline-block;color:#000000;font-size:18px;padding:1px;padding-top:0;font-weight:bold;width:12px;cursor:pointer;line-height:50%}
.mpl:hover {color:#ffffff;transition: transform 0.3s; transform: scale(1.6, 1.6)}


b {font-weight:inherit}

.hx {width:100px;height:100px}
.hy, .e, .a, #leftmenu a:nth-child(2) {padding:0;padding-left:5px;padding-bottom:2px;color:#000000;line-height:100%;padding-top:2px}
.hz {width:0;padding-top:0px;vertical-align:top;text-align:left;background-color:#4E96c0;padding-top:5px}

.mw {padding-left:2px !important;padding-right:2px !important}
 
.abc1 {padding:2px;padding-top:4px;padding-left:1px}
.abc, .abca, .abcx, .abcxa, .abcy, .abcya {font-family:SairaExtra;padding:3px;background-color:#7090b0;color:#ffffff;text-decoration:none;line-height:100%;min-width:0px;font-size:20px;text-align:center}
.abc:hover, .abca, .abcx:hover, .abcxa, .abcy:hover, .abcya {background-color:#606060}
.abcx {background-color:#928052}
.abcy {background-color:#808080}
.abcxa {background-color:#606060}

.letter {position:relative;top: -180px;}

.menuh {text-decoration:none;color:inherit}
.menuh:hover {color:#206000 !important;transition: transform 0.3s; transform: scale(1.02, 1.02)}
.menu22, .menu22:hover, .menu22a {font-size:19px}

.m22m, .m22m:hover {padding:3px;font-size:18px;color:#202020;font-weight:500}

.menu23, .menu23a {font-size:18px;color:#206000}

.login {color:#ffffff;text-decoration:none;font-size:10px}
.login:hover {color:#ffffff;text-decoration:none;font-size:10px;font-style:italic}
.newsline {font-size:12px;padding-top:25px;padding-left:200px}
.newsout {font-size:12px;padding-left:10px}
.promobild {width:290px;height:auto;float:left;margin-right:10px;margin-bottom:10px}
.artbild, .artbild2 {width:190px;height:auto;float:left;margin-right:20px}
.artbild2 {width:450px;margin-bottom:20px}

.infolink, .artlink {padding:5px;border:1px solid #000000;text-decoration:none;font-size:12px;font-weight:bold;color:#000000;display:block;width:fit-content}
.infolink:hover, .artlink:hover {padding:5px;border:1px solid #000000;text-decoration:none;font-size:12px;font-weight:bold;background-color:#ffffff;font-style:italic;
    
    transition: transform 0.3s; transform: scale(1.1, 1.1); box-shadow:3px 3px 3px rgba(0,0,0,0.5)
    }
    
.artlink:hover {transition: transform 0.3s; transform: scale(1.1, 1.1)}
.hmenue:hover {transition: transform 0.3s; transform: scale(1.05, 1.05)}

.buttong:hover {transition: transform 0.3s; transform: scale(1.1, 1.1); box-shadow:3px 3px 3px rgba(0,0,0,0.5)}

.grayteam {width:0px;height:100%;filter: grayscale(100%);background-image:url('../img/teampic-2.jpg')}
.colteam {background-image:url('../img/teampic-2.jpg')}

.artlink, .artlink:hover {border:1px solid #B89B5B;background-color:transparent;color:#B89B5B}

.teampic {background-size:cover;width:147px;height:180px}
.teaminf {background-color:#B89B5B;width:146px;height:180px;vertical-align:bottom;padding:4px;text-align:left}
.inftab {margin-bottom:auto;font-size:11px;text-align:left;color:#ffffff;font-weight:bold}
.bhead, .bhead:hover {background-size:cover;width:140px;height:140px;border:0px solid red;vertical-align:bottom}
.btext, .btext:hover {width:100%;height:100%;color:#ffffff;font-size:9px;font-weight:bold;text-shadow:1px 1px 3px #000000;margin-top:auto}
.rtop {background-color:#D0BD93;min-width:103px;max-width:103px;width:103px;height:36px}

.bhref, .bhref:hover {cursor:pointer;width:100%;height:100%;vertical-align:bottom;text-decoration:none}

.bhead:hover {box-shadow: 4px 4px 6px rgba(0,0,0,0.6)}

.bhead:hover {
    
    transition: transform 0.6s, filter 4s; transform: scale(1.3, 1.3); filter: grayscale(100%)
    
    }

.chp1 {width:0;background-color:#38444F;vertical-align:top;padding-top:5px;padding-bottom:5px}
.chp0 {height:100%;width:1200px;background-color:#ffffff}

.bhref {display:none}

.lw1, .lw2, .lw3, .lw4, .lw5, .lw6, .lw7, .lw8, .lw9, .lw0  {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: wi1;
  -webkit-animation-name: wi1;
  animation-name: wi1;
  }

.lw2 {
  -moz-animation-name: wi2;
  -webkit-animation-name: wi2;
  animation-name: wi2;
  }

.lw3 {
  -moz-animation-name: wi3;
  -webkit-animation-name: wi3;
  animation-name: wi3;
  }

.lw4 {
  -moz-animation-name: wi4;
  -webkit-animation-name: wi4;
  animation-name: wi4;
  }

.lw5 {
  -moz-animation-name: wi5;
  -webkit-animation-name: wi5;
  animation-name: wi5;
  }

.lw6 {
  -moz-animation-name: wi6;
  -webkit-animation-name: wi6;
  animation-name: wi6;
  }

.lw7 {
  -moz-animation-name: wi7;
  -webkit-animation-name: wi7;
  animation-name: wi7;
  }

.lw8 {
  -moz-animation-name: wi8;
  -webkit-animation-name: wi8;
  animation-name: wi8;
  }

.lw9 {
  -moz-animation-name: wi9;
  -webkit-animation-name: wi9;
  animation-name: wi9;
  }

.lw0 {
  -moz-animation-name: wi0;
  -webkit-animation-name: wi0;
  animation-name: wi0;
  }


.bhref, .slide {

  opacity:1;
  -moz-animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -moz-animation-name: slidein;
  -webkit-animation-name: slidein;
  animation-name: slidein;
  }

.blend, .chap1, .chap0, .img3 {
  -moz-animation-duration: 1.3s;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
    
    animation-name: blendin;}

@-moz-keyframes slidein {
  from {margin-left:100%;opacity:0.0}
  to {margin-left:0%;opacity:1;filter:grayscale(0)}
  }

@-webkit-keyframes slidein {
  from {margin-left:100%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }

@keyframes slidein {
  from {margin-left:100%;opacity:0.0}
  to {margin-left:0%;opacity:1}
  }


@-moz-keyframes blendin {
  0% {margin-left:0%;opacity:0.0;filter:grayscale(1)}
  70% {margin-left:0%;opacity:1;filter:grayscale(1)}
  100% {margin-left:0%;opacity:1;filter:grayscale(0)}
  }

@-webkit-keyframes blendin {
  0% {margin-left:0%;opacity:0.0;filter:grayscale(1)}
  70% {margin-left:0%;opacity:1;filter:grayscale(1)}
  100% {margin-left:0%;opacity:1;filter:grayscale(0)}
  }

@keyframes blendin {
  0% {margin-left:0%;opacity:0.0;filter:grayscale(1)}
  70% {margin-left:0%;opacity:1;filter:grayscale(1)}
  100% {margin-left:0%;opacity:1;filter:grayscale(0)}
  }


@-moz-keyframes wings {
  0% {margin-top:-1000%;rotate:0deg}
  100% {margin-top:0;rotate:250deg}
  }


@-webkit-keyframes wings {
  0% {margin-top:-1000%;rotate:0deg}
  100% {margin-top:0;rotate:250deg}
  }

@keyframes wings {
  0% {margin-top:-1000%;rotate:0deg}
  100% {margin-top:0;rotate:250deg}
  }



.rmen, .mmen, .lmen {padding:8px;padding-top:8px;padding-bottom:8px}
.mmen, .lmen {border-right:5px solid #ffffff}
.lmen {border-left:5px solid #ffffff}

.round25 {

    border-bottom-left-radius: 25px;  
	border-bottom-right-radius: 25px; 
    border-top-left-radius: 25px;
	border-top-right-radius: 25px; 
	-webkit-border-bottom-left-radius: 25px;  
	-webkit-border-bottom-right-radius: 25px;  
	-webkit-border-top-left-radius: 25px;  
	-webkit-border-top-right-radius: 25px;  
	-moz-border-radius-bottomleft: 25px;  
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-topleft: 25px;  
	-moz-border-radius-topright: 25px;

}

.round15 {

    border-bottom-left-radius: 15px;  
	border-bottom-right-radius: 15px; 
    border-top-left-radius: 15px;
	border-top-right-radius: 15px; 
	-webkit-border-bottom-left-radius: 15px;  
	-webkit-border-bottom-right-radius: 15px;  
	-webkit-border-top-left-radius: 15px;  
	-webkit-border-top-right-radius: 15px;  
	-moz-border-radius-bottomleft: 15px;  
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-topleft: 15px;  
	-moz-border-radius-topright: 15px;

}

.round5, .leftwings, .x33, .x50, .menp, .sbox, .searchd, .taxom, .tx0 a, .tnb b, .txh td:nth-child(5) a, .ltay td:nth-child(5) a {

    border-bottom-left-radius: 5px;  
	border-bottom-right-radius:5px; 
    border-top-left-radius:5px;
	border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;

}

.round10 {

    border-bottom-left-radius: 10px;  
	border-bottom-right-radius: 10px; 
    border-top-left-radius: 10px;
	border-top-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px;  
	-webkit-border-bottom-right-radius: 10px;  
	-webkit-border-top-left-radius: 10px;  
	-webkit-border-top-right-radius: 10px;  
	-moz-border-radius-bottomleft: 10px;  
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;  
	-moz-border-radius-topright: 10px;

}

.round5l {

    border-bottom-left-radius: 5px;  
    border-top-left-radius:5px;
	-webkit-border-bottom-left-radius: 5px;  
	-webkit-border-top-left-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-topleft: 5px;  

}


.roundt5, .chap1, .chapmen2, .chap22, .chapmen2a, .hx, #leftmenu img {

    border-top-left-radius:5px;
	border-top-right-radius: 5px; 
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
}

.roundtl5 {

    border-top-left-radius:5px;
	-webkit-border-top-left-radius: 5px;  
	-moz-border-radius-topleft: 5px;  
}

.roundtr5 {

	border-top-right-radius: 5px; 
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-topright: 5px;
}

.roundb5, .chap2, .chapmen, .chapmena, .hy, .a, .e, #leftmenu a:nth-child(2) {

    border-bottom-left-radius: 5px;  
	border-bottom-right-radius:5px; 
	-webkit-border-bottom-left-radius: 5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;

}

.wsnw {white-space:nowrap}
.kontxt1 {padding:10px}
.kontd, .kontd1 {padding:10px;padding-left:40px;color:#000000;font-family:RoboCond;font-size:20px;font-weight:bold;white-space:nowrap;text-align:left}
.kontd1, .kontd2 {border-bottom: 1px solid #000000}
.kontd2 {padding:5px;padding-right:15px;width:100%;vertical-align:middle}
.kontd1 {width:10px}
.koninp {width:100%;height:30px;font-size:20px;border:0;background-color:transparent;color:#000000}

.kontab {border:1px solid #000000;
    
    background-color: #4E96c0;
    border-bottom-left-radius: 5px;  
	border-bottom-right-radius: 5px; 
    border-top-left-radius: 5px;
	border-top-right-radius: 5px; 
	-webkit-border-bottom-left-radius:5px;  
	-webkit-border-bottom-right-radius: 5px;  
	-webkit-border-top-left-radius: 5px;  
	-webkit-border-top-right-radius: 5px;  
	-moz-border-radius-bottomleft: 5px;  
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;  
	-moz-border-radius-topright: 5px;
}
.kontext {color:#000000;width:600px;height:250px;border:0;background-color:#4E96c0;font-size:20px}

.buttong {border:0px solid #A7A49F;
    padding:5px;padding-left:35px;padding-right:35px;
    color:#000000;
    text-decoration:none;
    background-color:#4E96c0;
    font-family:SairaExtra;
    font-weight:bold;
    font-size:20px;
    margin:auto;
    letter-spacing:1px;
    display:block;width:fit-content;
    
    border-bottom-left-radius: 25px;  
	border-bottom-right-radius: 25px; 
    border-top-left-radius: 25px;
	border-top-right-radius: 25px; 
	-webkit-border-bottom-left-radius: 25px;  
	-webkit-border-bottom-right-radius: 25px;  
	-webkit-border-top-left-radius: 25px;  
	-webkit-border-top-right-radius: 25px;  
	-moz-border-radius-bottomleft: 25px;  
	-moz-border-radius-bottomright: 25px;
	-moz-border-radius-topleft: 25px;  
	-moz-border-radius-topright: 25px;
}

.buttong:hover, .buttonk:hover {background-color:#202020;color:#c0c0c0}

.tac {text-align: center;}

.overtab {width:100%;height:100%;position:absolute;top:0;left:0;background-color:#000000;opacity:0.7;z-index:1;display:none;
  -moz-animation-duration: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -moz-animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -moz-animation-direction: alternate;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; 
  -moz-animation-name: opac7;
  -webkit-animation-name: opac7;
  animation-name: opac7; }
  
.alerttab {width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}
.alertwin {text-align:center;vertical-align:middle}
.mainback {z-index:2;height:100%;padding:0;padding-top:0;padding-right:0}

@-moz-keyframes opac7 {from {opacity:0} to {opacity:0.7}}
@-webkit-keyframes opac7 {from {opacity:0} to {opacity:0.7}}
@keyframes opac7 {from {opacity:0} to {opacity:0.7}}


.upltxt {font-family:arial;font-size:11px;font-weight:600;color:#000000;visibility:visible;text-shadow:1px 1px 0 #ffffff,-1px -1px 0 #ffffff,-1px 1px 0 #ffffff,1px -1px 0 #ffffff}
a.roundButton, .roundButton, .roundButton_active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f2f2f2)) !important;
	background:-moz-linear-gradient(top, #ffffff 5%, #f2f2f2 100%) !important;
	background:-webkit-linear-gradient(top, #ffffff 5%, #f2f2f2 100%) !important;
	background:-o-linear-gradient(top, #ffffff 5%, #f2f2f2 100%) !important;
	background:-ms-linear-gradient(top, #ffffff 5%, #f2f2f2 100%) !important;
	background:linear-gradient(to bottom, #ffffff 5%, #f2f2f2 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0) !important;
	background-color:#ffffff !important;
	-moz-border-radius:4px !important;
	-webkit-border-radius:4px !important;
	border-radius:4px !important;
	border:1px solid #d9d9d9 !important;
	display:inline-block !important;
	cursor:pointer !important;
	color:#444444 !important;
	font-family:Verdana;
	font-size:11px;
	padding:2px 22px;
	text-decoration:none !important;
}
a.roundButton:hover, .roundButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2f2f2), color-stop(1, #ffffff)) !important;
	background:-moz-linear-gradient(top, #f2f2f2 5%, #ffffff 100%) !important;
	background:-webkit-linear-gradient(top, #f2f2f2 5%, #ffffff 100%) !important;
	background:-o-linear-gradient(top, #f2f2f2 5%, #ffffff 100%) !important;
	background:-ms-linear-gradient(top, #f2f2f2 5%, #ffffff 100%) !important;
	background:linear-gradient(to bottom, #f2f2f2 5%, #ffffff 100%) !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0) !important;
	background-color:#f2f2f2 !important;
    border:1px solid #42a1e5 !important;
}
a.roundButton:active, .roundButton:active, .roundButton_active {
	border:1px solid #42a1e5 !important;
}
.uplbox {
    
    background-color:#f0f0f0;
    vertical-align: middle;
    text-align: left;
    padding: 5px;
	border: 1px dotted #c0c0c0;
    display:block;
    margin:0;
    
}


.myway {font-family:hand;text-transform:lowercase}