.btn {
    border: none;
    background-color: inherit;
    padding: 14px 28px;
    font-size: 16px;
    cursor: pointer;
    display: inline-block;
}

/* On mouse-over */
.btn:hover {background: #99ff99;}
.success {color: green;}
.info {color: dodgerblue;}
.warning {color: orange;}
.danger {color: red;}
.default {color: black;}



INPUT.searchOK {
   width:            80px;
   height:           21px;
   font-family: Verdana, Helv, Arial, sans-serif;
   font-size:        8pt;
   font-weight:      bold;
}
INPUT.searchStr {
   width:            220px;
   height:           21px;
   font-family: Verdana, Helv, Arial, sans-serif;
   font-size:        8pt;
   font-weight:      bold;
}
TABLE
{
   background: #ffffff;
}
IMG
{
   padding: 0px;
   margin: 0px;
   border: 0px;   
}
BODY
{
   background: #ffffff;
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 10pt;
   color: black;
   text-align: justify;
   text-weight: normal;
}
FORM
{
   padding: 0px;
   margin: 0px;
}
TD.topmenu
{
   font-family: Verdana, Arial, Helv, sans-serif;
   text-align: center;
   background: white;
   color: black;
   font-size: 8pt;
   word-spacing: 0.25em;
   line-height: 150%;
}

A, A:visited
{
   text-decoration: none;
   color: maroon;
}
A:hover
{
   color: red;
}
A.sections:hover
{
   color: maroon;
   text-decoration: underline;
}

A.topmenu, A.topmenu:visited 
{
   color: black;
}

A.topmenu2, A.topmenu2:visited
{
   color: white;
}

A.topmenu:hover
{
   color: red;
}
A.topmenu2:hover
{
   color: blue;
}

H1.title
{
   color: white;
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 16pt;
   margin: 2px;
   padding: 1px;
}

TD.footermenu
{
   font-family: Arial, Verdana, Helv, sans-serif;
   text-align: center;
   vertical-align: middle;
   background: #dddddd;
   color: #555555;
   font-size: 8pt;
   border: 1px maroon;
}


.mainsearch
{
   width: 80px;
   height: 20px;
   /* border-width: 1px; */ /* removed - netscape compatibility */
   margin-top: 5px;
   margin-bottom: 5px;
   font-size: 8pt;
   font-family: Arial, Verdana, Helv, sans-serif;
}

TD.latestnews
{
   vertical-align: top;
   padding-right: 10px;
   text-align: justify;
}

TD.sitenews
{
   vertical-align: top;
   padding: 5px;
}

TD.banners
{
   vertical-align: top;
   text-align: center;
   padding: 5px;
}

TD.hordivider
{
   background: #f0f0f0 url(pics/hor-div-red.gif) repeat-x;
   padding: 0px;
   margin: 0px;
}

TD.verdivider
{
   background: #f0f0f0 url(pics/ver-div-red.gif) repeat-y;
   padding: 0px;
   margin: 0px;
}

H1.sections
{
   text-align: center;
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 12pt;
   margin: 5px;
   padding-bottom: 0px;
   color: maroon;
}

H3.subtitle
{
   color: maroon;
   font-size: 12pt;
   font-weight: bolder;
}

.divider1
{
   vertical-align: middle;
   background: url(pics/img_bg_002.pngDISABLED) repeat-x;
}

.divider2
{
   vertical-align: middle;
   background: url(pics/img_bg_005.png) repeat-x;
}

.divider3
{
   vertical-align: middle;
   background: url(pics/img_bg_003.png) repeat-x;
}

.divider4
{
   vertical-align: middle;
   background: url(pics/img_bg_006.png) repeat-x;
}

.divider5
{
   vertical-align: middle;
   text-align: right;
   background: maroon;
}

P
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 12pt;
   text-align: justify;
   text-indent: 10px;
   padding-top: 0px;
   padding-bottom: 0px;
   margin-top: 10px;
   margin-left: 6px;
   margin-right: 6px;
}

P.hotpoints
{
   text-align: center;
   text-indent: 0px;
   font-size: 8pt;
   font-weight: bolder;
}


H2.newsdigestdate
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 8pt;
   text-align: justify;
   font-weight: normal;
   padding-bottom: 0px;
   margin-bottom: 0px;
}

H2.maindigest
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 12pt;
   padding-bottom: 0px;
   margin-bottom: 0px; 
}

P.newsdigest
{
   font-size: 8pt;
   padding-top: 0px;
   margin-top: 0px; 
}

H2.newsdigest
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 8pt;
   text-align: justify;
   font-weight: bolder;
   margin: 0px;
   padding: 0px;
}


TABLE.submenu
{
   padding-right: 5px;
   padding-bottom: 5px;
   background: #f0f0f0;
}

A.submenu
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 8pt;
}

H1.submenu
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 10pt;
   font-weight: bolder;
   color: maroon;
   padding-top: 5px;
}
H1.sections
{
   text-align: center;
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 14pt;
   margin: 5px;
   padding-bottom: 0px;
   color: maroon;
}

.stform
{
   width: 400px;
   /* border-width: 1px; */ /* removed - netscape compatibility */
   font-size: 8pt;
   font-family: Verdana, Arial, Helv, sans-serif;
}
.stform3
{
   width: 270px;
   /* border-width: 1px; */ /* removed - netscape compatibility */
   font-size: 8pt;
   font-family: Verdana, Arial, Helv, sans-serif;
}

.stform6
{
   width: 600px;
   /* border-width: 1px; */ /* removed - netscape compatibility */
   font-size: 8pt;
   font-family: Verdana, Arial, Helv, sans-serif;
}

.textbold
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 12pt;
   font-weight: bolder;
}

.textsmall
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 10pt;
   font-weight: normal;
   margin-top: 5px;
}

.textnormal
{
   font-family: Tahoma, Verdana, Arial, Helv, sans-serif;
   font-size: 12pt;
   font-weight: normal;
}

.textnormal16
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 16pt;
   font-weight: normal;
}


.menunew
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 16pt;
   font-weight: bold;
   color: black;
}

.menunew2
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 25pt;
   font-weight: bold;
   color: white;
}

.menunewSEL
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 25pt;
   font-weight: bold;
   color: white;
}

.textnormal14
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 14pt;
   font-weight: normal;
}

.nbook_feature
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 12pt;
   font-weight: bold;
   color: white;
   background: #6699cc;
}

OL
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 12pt;
   font-weight: normal;
   padding-bottom: 0px;
   margin-bottom: 0px; 
}

UL
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 12pt;
   font-weight: normal;
   padding-bottom: 0px;
   margin-bottom: 0px; 
}

LI
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 12pt;
   font-weight: normal;
   text-align: justify;
   padding-top: 0px;
   margin-top: 5px;
   padding-bottom: 0px;
   margin-bottom: 0px;
   margin-left: 6px;
   margin-right: 6px;
}

H1.error
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 14pt;
   color: red;
   font-weight: bolder;
}

.bg1
{
   background: #ebebeb; /*  dddddd -- #f0e3e3 -- #c0dfc0;*/
   color: black;
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 10pt;
   vertical-align: top;
   padding-bottom: 10px;
}

.bg2
{
   background: #f5f5f5; /* eeeeee --f0e9e9 -- #d0efd0;*/
   color: black;
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 10pt;
   vertical-align: top;
   padding-bottom: 10px;
}

.bg1netscape
{
   background: #f0e3e3; /*#c0dfc0;*/
   color: black;
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 10pt;
   vertical-align: top;
}

.bg2netscape
{
   background: #f0e9e9; /*#d0efd0;*/
   color: black;
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 10pt;
   vertical-align: top;
}


A.tabled, A.tabled:visited
{
   font-weight: bolder;
   color: #600000;
}
A.tabled:hover
{
   color: red;
}

TD.apecs
{
   text-align: center;
   vertical-align: top;
   padding: 5px;
   width: 80px;
}
DT
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 10pt;
   text-align: justify;
}
DD
{
   font-family: Verdana, Arial, Helv, sans-serif;
   font-size: 10pt;
   text-align: justify;
}
.bg3
{
   background: #e2e2e2;
   padding: 3px;
}
.bgYellow
{
   background: #FFEE00;
   padding: 3px;
}


/* weergave productgroepen */
.product_list {
	clear:both;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.product_list li {
	padding: 0;
	margin: 0;
}
.product_list .meerProd a {
	font-size: 12px;
	display: block;
	padding: 3px 0 3px 5px;
}
.product_list h2  {
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	list-style: none;
	cursor: pointer;
	color: #063;
	font-size: 14px;
	line-height: 24px;
	background-color: #AEFF95;
}
.product_list h2:hover, .product_list .meerProd a:hover {
	background-color: #C2FFB0;
}

/* weergave productgroepen 
.product_list {
	clear:both;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.product_list li {
	background:url("http://shop.mensys.nl/ui/img/ol_list_h2_lft.png") no-repeat left top;
	margin:0;
	padding:0 0 0 26px;
	height: 24px;
}
.product_list li:hover {
	background:url("http://shop.mensys.nl/ui/img/ol_list_h2_lft.png") no-repeat left bottom;
}
.product_list .meerProd a {
	font-size: 12px;
	display: block;
	padding: 3px 0 3px 5px;
}
.product_list h2  {
	margin: 0;
	padding: 0 0 0 5px;
	text-decoration: none;
	list-style: none;
	cursor: pointer;
	color: #063;
	font-size: 14px;
	line-height: 15px;
	display:block;
	background:url("http://shop.mensys.nl/ui/img/ol_list_h2_rt.png") no-repeat right top;
	padding:5px 15px 4px 2px;
}
.product_list h2:hover    {
	background-color: #C2FFB0;
	background: url("http://shop.mensys.nl/ui/img/ol_list_h2_rt.png") no-repeat right bottom;
}
*/

 
.profile .tag-cloud {
		width: 98%;
		float:none;
		margin:0 auto;
	}

	.tag-cloud ul {
		white-space: normal;
	}
	.tag-cloud ul,
	.tag-cloud ul li {
		display: inline;
	}
		.tag-cloud a {
			font-size: .83em;
			color: maroon;
			text-decoration: none;
			line-height:1.4em;
		}
		.tag-cloud a:hover {
			color: #85A3C2;
		}
		
/*		.tag-cloud a 	 {white-space:nowrap;}*/
		.tag-cloud a.w1  { font-size: 80%; }
		.tag-cloud a.w2  { font-size: 100%; }
		.tag-cloud a.w3  { font-size: 120%; }
		.tag-cloud a.w4  { font-size: 140%; }
		.tag-cloud a.w5  { font-size: 160%; }
		.tag-cloud a.w6  { font-size: 180%; }
		.tag-cloud a.w7  { font-size: 200%; }
		.tag-cloud a.w8  { font-size: 220%; }
		.tag-cloud a.w9  { font-size: 240%; }
		.tag-cloud a.w10  { font-size: 260%; }

      .ecobutton {
         background-color: white;
         border: 2px solid black;
         color: black;
         padding: 5px 10px;
         text-align: left;
         display: inline-block;
         font-size: 20px;
         margin: 10px 30px;
         cursor: pointer;
      }
      .ecobutton:hover {
         background-color: #eeeeee;
      }



/*
***********************************************************
***********************************************************
***********************************************************
  Usage: LCD Thinkpad ÛÌÅÊÆÙ
*/

/*
 https://snipp.ru/html-css/display-table
*/

/*

*/

.table {
	display: table;
	width: 100%;
	box-sizing: border-box;
	border-collapse: collapse;
	border: 1px solid #555;
	empty-cells: show; 
   font-family: Arial, Verdana;
}

.table-caption {

	display: table-caption;

	padding: 10px;

	color: #333;

	font-size: 16px;

	text-align: center;

}

.table-colgroup {

	display: table-column-group;

}

.table-col {

	display: table-column;

}

.table-thead {

	display: table-header-group;

}

.table-tbody {

	display: table-row-group;

}

.table-tfoot {

	display: table-footer-group;

}

.table-tr {

	display: table-row;

}

.table-th {

	display: table-cell;

	padding: 10px;

	border: 1px solid #555;

	font-weight: bold;

	text-align: left;

}

.table-td {

	display: table-cell;

	padding: 10px;

	border: 1px solid #555;

}

.table-thead .table-th, .table-thead .table-td {

	background: #f9f9f9;

}

.table-tbody .table-th, .table-tbody .table-td {

	background: #fff;

}

.table-tfoot .table-th, .table-tfoot .table-td {

	background: #f4f6ff;

}