input[type=number] {-moz-appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin:0; }
body {background-color: #E8EEF3;   margin: 0 auto;  margin-top:0px; font-family: "Segoe UI", Tahoma, Helvetica, FreeSans, ”Liberation Sans”, ”Nimbus Sans L”, sans-serif;  font-size: 16px; line-height: 22px; color: #555555;  }

#topstrip { background-color: #FFFDF4; min-height:180px;  width: 100%; margin-top:0px; margin-left:0px;   border-top: 3px solid #2B3D57; border-bottom: 1px solid #ccc; box-shadow: 0px 3px 4px #ccc; }

a {color:#338; text-decoration: none;}
a:hover {color:#162ccf; text-decoration: underline;}

button.dwn { width:120px; } 
input { vertical-align: middle;}

/* --------  top ------------- */
#topmain { height:88px;   min-width:800px;  max-width:1200px; width:100%;  margin: 0 auto;   border-top: 1px solid #C4A000;}
#head { margin-top:10px; margin-left:10px; width: 500px;   height:46px;   }

#topmenu { height:100px; min-width:800px; max-width:1100px; width:100%; margin:0 auto;  text-align:left; }
#topmenu a {font-family: Helvetica, sans-serif, Arial; font-size:13px; color: #3465A4; font-weight: normal; text-decoration: none; padding: 3px 10px 3px 10px; border-left:1px solid #cdcdcd; display: inline-block; }
#topmenu a:hover {color:#f00; text-decoration: none; }
#topmenu a.selected:hover { cursor:default;  }
#topmenu a.selected { color: #F57900; text-decoration: underline; }

.toptab a { text-decoration: none; font-size:12px;  font-family: Helvetica, sans-serif, Arial; float: left; padding: 3px 12px 3px 12px; margin: 5px; display: inline-block; color:#666;  border-bottom: 1px solid #666; border-right: 1px solid #888; }
.toptab a:hover { color: #333; background: #E7E5DD;  }
.toptab a.selected:hover {  color: #729FCF;  cursor:default;  background: #E8EEF3; text-decoration: none; }
.toptab a.selected { color: #729FCF; background: #E8EEF3; border:none; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

/* --------  top ------------- */

/* -------- blocks ------*/
#mblock {min-width:800px; max-width:1200px;  margin: 0 auto;  text-align:center;}
#page {margin-top:10px; min-height:1100px;  text-align:left;     background-color: #FFFDF4;  border: 1px solid #ccc; box-shadow:0px 0px 20px #7A98A8; border-radius:10px;   text-align:left;  padding:20px;}

.cont { min-width:600px;  font-size: 16px; line-height: 22px;  position:relative;  margin:20px; margin-top:0; min-height:1100px; text-align:justify; }

.cont a {color:#1045B7; text-decoration: none;  }
.cont a:hover {color:#162ccf; text-decoration: underline;}
.cont_card {  margin: 0 auto; width:80%;  text-align:justify;  color: #363636; border: 1px solid #AA8A37;  padding:20px; background-color: #EDF5E0; border-radius:10px; }
.cont_box { background-color: #fff;   border: 1px solid #999; color: #7C8083; padding:20px;  box-shadow:6px 4px 5px #ccc; }
#dwn { display: inline-block; width: 100%; height:80px; text-align:center;  font-size: 10px; color: #704c08;}

.graydiv {margin: 0 auto; width:86%; border:1px solid #ccc;  border-radius:5px; -webkit-border-radius: 5px; background-color:#fcfcfc; padding:15px; color:#4f4f4f; }

/* ======== images =======================*/
#page img {border: 1px solid #ccc; border-radius: 7px;}
#page img.nobrd {border:none;}
.flex100 { height:auto; width:100%; }
.flex90 { height:auto; width:90%; }
.flex80 { height:auto; width:80%; }
.flex60 { height:auto; width:60%; }
.flex50 { height:auto; width:50%; }
.flex40 { height:auto; width:40%; }
.flex35 { height:auto; width:35%; }
.flex30 { height:auto; width:30%; }
.flex25 { height:auto; width:25%; }
.flex20 { height:auto; width:20%; }
.flex15 { height:auto; width:15%; }
.imgbox {margin:5px; padding:6px;  border: 1px solid #ccc; cursor:url(pics/lens.gif),pointer;}
#overlay {background-color: #333; opacity:0.5; width: 100%; position:fixed; height: 100%; z-index: 10;}
#overlay:hover {cursor:pointer;}
#overlay_cont {position:absolute; min-height:100px; height:auto; margin: 0 auto; z-index:11; width: 100%; text-align:center; }
#overlay_cont:hover {cursor:pointer; }
#overlayimg {background-color: #fff; border: 5px solid #ccc; box-shadow:10px 10px 20px #000; border-radius:10px; }
#imagespace {  height:280px; width: 100%; margin:0px; margin-top:5px;   border-bottom: 1px solid #ccc; box-shadow: 0px 3px 4px #ccc;   background-color: #576B84; }
#showbox { height:100%;  position:relative; margin: 0 auto; width:90%;  min-width:420px;  max-width:1200px; font-size: 16px;}
/* -------------------------------------- */


/* ================ in-page block menu ===================== */ 
.iblock { text-align:center;  background-color: #fff; display: inline-block; width:240px; height:280px;  border: 1px solid #C9B597; border-radius:4px;  margin-left:1%;  margin-bottom: 30px; vertical-align:middle; font-size:14px; color: #669; overflow:hidden;  }
.iblock img { margin-top:15px;}
.iblock p { height:90px; font-size:14px;  overflow:hidden; text-align:center;   margin:15px; color: #808080;}
.iblock h1 { border-bottom: 1px solid #D6D6D6;}
.ibmenu { height:130px;}

.btn_img { text-align:center;  display: inline-block; background-color: #fff;  width:240px; height:200px;  border: 1px solid #C9B597; border-radius:6px;  margin-left:20px;  margin-bottom: 20px; font-size:16px; color: #669; cursor:pointer;}

.tblock { text-align:center; background-color: #fff; display: inline-block; width:240px; height:160px;  border: 1px solid #333; border-radius:4px;  margin-left:1%;  margin-bottom: 30px; vertical-align:middle; font-size:14px; color: #669; overflow:hidden;}
.tblock img { margin-top:5px;}
.tblock p { height:50px; font-size:14px;  overflow:hidden; text-align:center;   margin:5px; color: #808080;}
.tblock h1 { border-bottom: 1px solid #D6D6D6; margin-top:5px;}

.pblock { text-align:center; background-color: #ccc; display: inline-block;  min-width:80px;  border: 1px solid #C9B597; border-radius:4px;  margin-left:5px;  margin-bottom: 10px; vertical-align:middle; font-size:12px;  color: #000;  cursor:pointer; }
.pblock img { margin-top:0px;}

#ymenu { margin-top:-20px; }
#ymenu div { font-family: Helvetica, sans-serif, Arial; font-size:14px;  text-align:center;  background-color: #fff; display: inline-block;  border: 1px solid #C9B597; border-radius:4px;  margin-left:1%;  margin-bottom:8px; padding:6px; padding-left:15px; padding-right:15px;  cursor:pointer;  }
#ymenu div:hover {background-color: #729FCF; color:#FCE94F; }
#ymenu a { font-style:normal; color: #804210;  font-weight: normal; }
#ymenu div.act {background-color: #f0f0f0; color:#888; cursor:default; }
/* -------------------------------------- */


div.smenu button { height:34px; border: 1px solid #C9B597; border-radius:6px;  margin-left:2px;  margin-bottom:10px; padding:3px; font-size:14px; color: #4D4D4D; }

/*
#zmenu {  margin-top:10px; }
#zmenu div { text-align:center;  background-color: #fff; display: inline-block; width:18%; height:100px;  border: 1px solid #C9B597; border-radius:4px;  margin-left:1%;  margin-bottom:10px; padding:5px; font-size:14px; color: #669; overflow:hidden; cursor:pointer;}
#zmenu div:hover {background-color: #eee;}


.topics { background-color: #f8f8fc; display: inline-block; width:20%; min-width:140px; height:auto;  border: 1px solid #C9B597; border-radius:4px;  margin-left:1%;  margin-bottom: 30px; vertical-align:middle; font-size:14px; color: #669; overflow:hidden;}
.topics h3 { min-height:30px; }
.topics p { height:60px; font-size:14px;  overflow:hidden; text-align:center;  padding:5px; color: #808080; border: 1px solid #D6D6D6; margin-bottom:0px; background-color: #fff;}
.topics span { height:10px; }
.topics img { float:left; margin:6px; width:16%;}
*/


.ul_block { float:left; margin-right:40px; }   /* -----------  list blocked (multi-column --------*/





.vtube { width:300px; height:180px; border:1px solid #333; margin-left:5%; }

.videomodule { text-align:center; } 
.videomodule img {cursor:pointer; margin:2px;} 
.vcont {display:none; text-align:center; background-color: #666; border: 2px solid #b5ad9a; border-radius:60px; -webkit-border-radius: 60px; padding:10px; width:80%; max-width:880px; cursor:pointer;} 
.btn_close {position:absolute;  margin-top:30px; margin-left:5px; width:44px; height:44px; background-image: url('pics/close_video.png');}

h1 { font-family: "Segoe UI", Tahoma, Helvetica, FreeSans, ”Liberation Sans”, ”Nimbus Sans L”, sans-serif;  font-weight: normal; font-size: 22px; color: #456d77; }
h2 { font-family: "Segoe UI", Tahoma, Helvetica, FreeSans, ”Liberation Sans”, ”Nimbus Sans L”, sans-serif;  font-size: 16px; font-weight: normal; color: #563F00}

h3 { font-size: 16px; font-weight: normal; color: #3465A4; font-style:oblique; margin:10px;}
h4 { font-size: 15px; font-weight: normal;  color: #2E3436; }
h5 { font-size: medium;  color: #006600; }
pre {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #0d6387; font-weight: normal;}
pre span {font-family: Serif, sans-serif; font-size: 12px; color: #6f6f6f; font-weight: normal;}
hr {height: 1px; border:none; border-top:1px solid #C7C2B3; }


.txt_1 {font-family: Helvetica, sans-serif; font-size:16px; color: #606060;}
.txt_2 {font-size:16px; color: #005362;}
.txt_3 {font-family: Helvetica, sans-serif; font-size:14px; color: #993333;}
.txt_4 {color:#A40000;  }
.txt_5 {color:#008C00;  }
.note {color:#dc0000; }
.addnote { font-size: 14px; color:#9f3535;  font-weight: normal; }
.accent { color:#A40003; }

p.ahtung {font-size: 16px;  }
p.obl {font-family: Helvetica, Arial, sans-serif;  font-size: 14px; color:#2E8644;  font-weight: normal; font-style:oblique;}

.centr {text-align:center; margin-right:50px; }
.rfloat {float:right;  margin-top:2px; } 
ul {margin:0px;  padding:15px;  padding-top:6px; list-style-type: circle;  color:#333; }
ul li {  margin-bottom:4px;}
ul.cats {  font-size: 13px; color: #555555;  line-height:16px; margin-left:20px;}


ul.ul_1 li {  margin-bottom:6px; }
ul.ul_2 li {  margin-bottom:8px; }
ol {margin-left:0px; padding-left:15px; }
ol li { margin-bottom:4px;}
.hsmall {font-family: sans-serif, Arial, Helvetica; font-size: 14px; color: #6c8080; font-weight: normal;}
.csmall {font-family: sans-serif, Arial, Helvetica; font-size: 12px; color: #6c8080; font-weight: normal;}
.rsmall {font-family: sans-serif, Arial, Helvetica; font-size: 12px; color: #C88181; font-weight: normal;}
.btntxt {border:1px solid #633; border-radius:4px; padding:1px; padding-left:4px; padding-right:4px;  font-size: 14px; color: #a40c0c;}
.comment {font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; color: #666666; font-weight: normal;}
.example { color: #0d6387; font-weight: normal; font-size: 0.9em;}
.bordr {border: 1px solid #b4b4b4; border-radius:4px; padding:5px;}

	/* prog code  */	
.prog {font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; color: #c06f63; }
.codecom {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #909090; font-weight: normal;}


.precont {margin-left:280px;  margin-top:0px; margin-right:auto;}
div.mright { float:right; margin-right:20px;}

/*  custom conf table */
#param_list0,  #param_list1,  #param_list2,   #param_list3 {float:left; margin:10px; border:1px solid #ccc;  background-color:#fff; } 

.ctable {font-size:14px; text-align:left;} 
.ctable td {border:1px solid #758492;  overflow:hidden;   padding-left:5px; padding-right:5px;  }
.ctable td:hover{background-color:#eee; cursor:pointer;  }
.ctable th {padding-left:20px; color:#204A87; font-size:12px; border-top:1px solid #70A1C2; }
.ctable td span { font-size:3px; display:none;}
.ctable td a {  color: #005565; }
.ctable td a:hover {  color: #AE0E00; }

.ctbl {font-size:14px; text-align:left;} 
.ctbl td {border:1px solid #758492;  overflow:hidden;   padding-left:5px; padding-right:5px;  }
.ctbl th {font-size:12px;  text-align:center; border:1px solid #70A1C2; }
.ctbl td span { font-size:3px; display:none;}
.ctbl td a {  color: #005565; }
.ctbl td a:hover {  color: #AE0E00; }


.option {  color: #6d6d6d;  }
.ann {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #36666f; font-weight: normal; }
.win {display:none; cursor:url(pics/close.gif),crosshair; position:relative;}

.redbold {color: #a40c0c; font-weight: bold;}
.rednorm {font-size: 14px; color: #a40c0c; }
.greennorm {font-size: 14px; color: #0a0; }

	/* right frame */
.tframe {width:400px; border:1px solid #646464;  border-radius:4px; float:right; margin-left:20px; margin-top:10px; margin-bottom:10px; padding:15px; font-size: 13px; color: #903010; }

	/* library table*/
.libt {font-family: Arial, sans-serif;  margin-left:auto; margin-right:auto; width:90%; border-collapse:collapse; }
.libt td { text-align:left;  padding:5px 3px 8px 8px;  }
.libt td, #libt th {font-size:13px; border:1px solid #ccc; padding:5px 10px 5px 10px;}
.libt th {font-size:14px; text-align:center; padding:4px; background-color:#ECECEC; color:#333333;}
.libt td.libt3d {padding-left:50px; font-size:13px; }
/* --------------*/

.stbl { margin-left:auto; margin-right:auto; font-size:14px; width:90%; border-collapse:collapse; border-top:1px solid #a0a0a0; } 
.stbl td {border:1px solid #ccc;  padding:5px; text-align:left;}
.stbl th {font-size:14px; text-align:right; padding:6px;  color:#803516;}
.stbl td span { font-size:3px; display:none;}


.stat_0 {color:#008D60; }
.stat_1 {color:#7E8D00; }
.stat_2 {color:#C17D11; }
.stat_3 {color:#CC0000; }

.togo {  padding:15px; color:#4E9A06;  border: 1px solid #b4b4b4; border-radius:4px; background-color:#f1f1f1; text-align:center;}

#instr_base { position:relative;  margin: 0 auto; margin-top:-5px;  max-height:800px; padding:0px; overflow:auto; min-width:200px; min-height:100px; background-repeat:no-repeat;}
#instr_cats { width:75%; margin-top:10px; text-align:left;}
#instr_cats img { margin:0px; margin-left:-2px; border:4px solid #888; cursor:pointer;  }
#map_close {border:1px solid #555;  border-radius:8px; margin-top:-15px;  margin-left:10px; width:150px; padding:5px; background-color:#ffd556; color:#005179; font-size:14px; cursor:pointer; }
#ptxt {border:1px solid #555;  padding:10px; width:90%; }
#piclds {height:1px; width:100%;} 
#piclds img {height:1px; width:1px; } 

#maptip {position:absolute;   display:none; background-color:#333; z-index:10; padding:10px; font-size:16px; color:#FCE94F; border:1px solid #fff; border-radius:6px; white-space:nowrap; }

#mapsub {position:absolute;   display:none; background-color:#E8F3F0; z-index:11; padding:10px; padding-left:20px; font-size:16px; color:#004633; border:1px solid #fff; border-radius:6px;  white-space: nowrap; }
#mapsub li:hover { color:#FD0900; }

.tooltip {position:absolute; width:20px; height:20px; background-image:url('pics/tooltip.png'); margin-left:5px; margin-top:5px; text-align:justify }
.tooltip div {position:absolute; margin-left:20px; padding:6px; width:400px; height:auto; background-color:#f4f2e9; border:1px solid #333; display:none; z-index:20; font-size:12px; box-shadow:3px 3px 3px #222;}
.tooltip:hover div {display:block;}

area { cursor:pointer; }

/* img.map, map area {  outline:1px; }  */
 
#k_opt_div {position:absolute; width:800px; border:1px solid #777; left:70px; top:140px; padding:10px; background-color:#fff; display:none; box-shadow:5px 5px 5px #555;}
#k_opt_tab input {width:30px;}
.diag {  padding:2px; background-color:#7790A2;  color:#fff;  font-weight:bold;  border:1px solid #777;  width:auto; }
.diag1 {  padding:4px; background-color:#B5892D;  color:#fff;  font-weight:bold;  border:1px solid #777;  width:auto; }
.diag2 {  padding:1px; background-color:#8FC362;  color:#fff;  font-weight:bold;  border:1px solid #777;  width:auto; }
#dref_tip {position:absolute; width:400px; border:1px solid #777; left:5px;  padding:10px; background-color:#fff; display:none; box-shadow:5px 5px 5px #555;}



#tmenu {  margin-left:20px; width:100%; min-width:740px; max-width:1080px;   }
#tmenu a { font-size:14px; color: #3465A4;  text-decoration: none; padding: 3px 10px 3px 10px; border-left:1px solid #cdcdcd; display: inline-block; }
#tmenu a:hover {color:#f00; text-decoration: none; }
#tmenu a.selected:hover { cursor:default;  }
#tmenu a.selected { color: #F57900; text-decoration: underline; }

#lmenu  { margin-left:20px;  text-align:left; border-top:1px solid #377380;  padding-top:12px; }
#lmenu a { text-decoration: none; font-size:15px;  margin: 10px; color:#005565; padding-top:10px; }
#lmenu a:hover { color: #AE0E00;   }
#lmenu a.selected:hover {  color: #8C7E05;  cursor:default;  text-decoration: none; }
#lmenu a.selected { color: #8C7E05; border:none; border-bottom: 1px solid #8C7E05;  }
#rline { width:100%; height:3px; margin-left:-20px;   background-color:#AE0E00; margin-top:20px; padding-right:40px;  } 
.fixmenu {  position:sticky;   top:0;  background-color: #E8EEF3;  padding:10px; height:auto;  text-align:left;  border:1px solid #377380;  border-radius:4px; border-top:none; }
.fixmenu button {  height:28px;  min-width:105px; background-color: #ECF1D0; display: inline-block; margin-left:5px; margin-bottom:5px; border:1px solid #666; border-radius:12px; font-size:14px; }
.fixmenu button:hover  { cursor:pointer; color: #FFFEB1;  background-color:#377380;  transition: 0.3s; }
.fixmenu button.sel  { cursor:default; color: #AE0E00;  background-color:#ABCDE9;   }