br {margin: 0px; padding: 0px;}
td {font-family:verdana;}
tr {font-family:verdana;}
table {font-family:verdana;}
p {font-family:verdana;}
h1 {font-family:verdana;}
h2 {font-family:verdana;}
h3 {font-family:verdana;}
.small_font	{font-size:8pt;  font-family:verdana;}
.big_font 	{font-size:12pt; font-family:verdana;}
.huge_font 	{font-size:20pt; font-family:verdana; font-weight: bold;}
.huge_fonti 	{font-size:20pt; font-family:verdana; font-weight: bold; font-style: italic}


.mybody {
	font-family:verdana;
	margin: 0px;
	padding: 0px;
	background-color: rgb(225,230,225);
}

.scrollbody {
    position:absolute;
    top: 52px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow-y:scroll;        
	/* Marijn tweaked BEGIN */ 
 	-webkit-overflow-scrolling: touch;
	/* Marijn tweaked END */ 
 }
.realbody {
	margin: 15px;	
}

.searchform {
padding: 0px;
margin: 0px;
}
.searchform nav li {
padding: 0px;
margin: 0px;

}
.endbar {
	margin: 10px;
}
.mail_version {
	text-align: center;
	font-size: 20px;
	font-weight: 400;
	margin: 10px;
}

.spbutton, .spbuttonh, .spbuttong {
	font-family:verdana;
	background: none;
	background-color:#7892c2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:3px;
	border: 2px solid #1e3095;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	
	font-size:11px;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 1px black;




}

.spbutton:hover, .spbuttong:hover, .spbuttonh:hover {
	color:black;
	text-shadow:none;

}
.spbutton:active {
	position:relative;
	top:1px;
}



table.visible {
  border: 2px solid #1C6EA4;
  _background-color: #EEEEEE;
  text-align: left;
  border-collapse: collapse;
}
table.visible >td, table.visible> th {
  border: 1px solid #AAAAAA;
  padding: 3px 6px;
}
table.visible > tbody > td {
  font-size: 13px;
  border: 1px solid #AAAAAA;
}
/*
table.visible tr:nth-child(even) {
  background: #FFFFFF;
}
*/

/* colors for advanced settigns 
table.visible tr.aut:nth-child(odd) {
  background: #ffe6ff;
}
table.visible tr.aut:nth-child(even) {
  background: #ffd6ff;
}
*/

table.visible tfoot td {
  font-size: 14px;
}
table.visible tfoot .links {
  text-align: right;
}
table.visible tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

table.visible > tbody > tr > td {
  border: 1px solid #2f4f4f; 
  padding: 3px;
}

table.visible > tbody > tr > th {
  background-color: #ECF1F6;
  border-bottom: 1px solid #2f4f4f; 
  border-left: 1px solid #2f4f4f; 
  padding: 2px;
}

.mobile {
	display:none;
}


.topbar {



	border-top: solid 1px black;
	border-bottom: solid 1px black;
	background-color: rgb(250,250,250);
	padding: 0px;
	margin: 0px;

/*    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
	min-width: 850px;
	-webkit-flex: 1 1 850px;
	vertical-align: top;
	display: inline-block;
	font-size: 0;
 white-space: nowrap;
  
}
.topbar2 {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	vertical-align: top;
	font-size: 0;
 	white-space: nowrap;
	/* Marijn tweaked BEGIN */ 
 	margin-left:80px;
 	height:50px;
	/* Marijn tweaked END */ 
 }
.navimg {
	/* Marijn tweaked BEGIN */ 
	/* float: left;
	display: inline-block;
	height: 49px; */
	position: absolute;
	left:0; top:0;
	height: 54px;
	/* Marijn tweaked END */ 
	padding: 0px;
	margin: 0px;
}
.navmenu, .mobile {
    font-size: 18px;
    list-style: none;
    font-weight: bold;
	display: inline-block;
	margin: 0px;
	padding: 0px;
	font-color: Black;
	width: 100%;
	background-color: rgb(250,250,250);

}

.navright {
	float: right;
 }
.navmenu li.navright{
	float: right;
	
 }
.mobile li,.navmenu li {
    float: left;
    position: relative;
	
    color: black;
    text-align: center;
    padding: 14px 14px;
    text-decoration: none;
	height: 22px;
	cursor: pointer;
}
.mobile li {
	display: none;
}
.find_class {
	font-size: 20px;
	padding-top: 7px;
	 white-space: nowrap;
	 display: inline-block;
}



li.searchform nav li  {
padding: 0px;
margin: 0px;
}

.navclass {
}
.nopad {
 padding: 0 ;
 padding-top: 8px;
 # rgb(250,250,250)
  white-space: nowrap;
} 
ul > li > .nopad:hover {
 color: blue;

} 
 padding: 0 ;
 padding-top: 0px;
 background-color:	blue; 
 white-space: nowrap;
 # rgb(250,250,250)
} 
	 white-space: nowrap;
 padding: 0 ;
 padding-top: 0px;
 background-color:	blue; 
 # rgb(250,250,250)
} 


.navmenu a {
    display: block;
    text-decoration: none;
}
.navmenu ul {
	padding: 0px;
	
	

}
/* SO THIS IS THE ONE... */
.navmenu li.nopad:hover {
	background-color: transparent;

}

.mobile li:hover,.navmenu li:hover {
	background-color: #7892c2;
}
.navmenu li.outline:hover {
	background-color: white;
	color red;
}

.navmenu ul a:hover {

}
.navmenu a:hover {

}

/*--- DROPDOWN ---*/
.navmenu ul {
    background-color: white; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
    list-style: none;
    position: absolute;
    display:none;
	border: 1px solid blue;
		
		
	font-size: 16px;
    color: black;
    text-align: left;
    text-decoration: none;
	z-index: 10;
}
.navmenu ul li {
     text-align: left;
   padding-top: 1px; /* Introducing a padding between the li and the a give the illusion spaced items */
    float: none;
	border: none;
	padding-top: 12px;
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */

}

.navmenu ul a {
    white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
.navmenu li:hover ul { /* Display the dropdown on hover */
	display: block;
	z-index: 10000;

}
.navmenu li.hover ul { /* Display the dropdown on hover */
	display: block;
	z-index: 10000;
}

.navmenu li.nopad {
	padding: 0px;
	padding-top: 8px;
	margin: 0px;
}
.navmenu li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	
}
.navmenu li:hover ul a { /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
    text-decoration: none;
}
.navmenu li:hover ul li a:hover { /* Here we define the most explicit hover states--what happens when you hover each individual link. */

}

 .toggle, [id^=drop] {
 display: none;
}

@media all and (max-width : 1000px) {
.navmenu, .mobile {
    font-size: 12px;
}
.find_class {
	font-size: 12px;
}
	
}


 @media only screen and (max-device-height: 812px) and (orientation : portrait), screen and (max-width: 800px) { 
 }
 @media only screen and (max-device-height: 2px) and (orientation : portrait), screen and (max-width: 9px) { 


.realbody {
   position:relative;
    top: 0px;
}

nav { margin: 0; padding: 0px; border:none;}

.toggle + a,
 .navmenu { display: none; }
.toggle + a,
 .mobile { display: none; }


.toggle {
  display: block;
  background-color: #254441;
  padding: 0 20px;
  color: #FFF;
  font-size: 20px;
  line-height: 49px;
  text-decoration: none;
  border: none;
}

.toggle:hover { background-color: #000000; }

[id^=drop]:checked + ul { display: block; }


nav ul li {
  display: block;
  width: 100%;
}
.mobile li {
	display: block;
}
.mobile li,.navmenu li {
    padding: 7px 7px;
 	height: 18px;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: #000000; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #212121; }
 
 
.navimg{
	display: none;
}

 

nav ul ul {
  float: none;
  position: static;
  color: #ffffff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;

}

}


@media (pointer:coarse) {
.navmenu ul {
	margin-top: 15px;
}
}




.navmenu .spacer{
	height:2px;line-height:1px;
	padding-right:0px;padding-left:0px;
	padding-top:3px;padding-bottom:3px;
}
.navmenu .spacer hr{
	padding:0;margin:0;
}

li.hostname {
	color: green;
}
@media all and (max-width : 1200px) {
li.hostname {	
	display: none;	
}

}