/* website specific settings */

html {
	background:lightgrey; 
}


body {
	background:FloralWhite; 
	font-family:Arial,"Lucida Sans Unicode";
	line-height:1.5;
	text-align:left;
	padding:0;
 	margin:0;
} 


.mainHeader {
	background-color:black;
/*	background:url(../image/black_728x90.gif);
	background-repeat:repeat; */
	color:white;
	border-radius:5px;
	padding:4px;
 	margin: 1px;
}

.mainHeaderTitle {
 	font-size:150%;
	padding:4px 8px;
	margin:0;
}

.mainHeaderMenu {
	border-radius:5px;
}

.mainHeaderMenuBar {
	margin:2px;
	height:2.20em;
	padding:2px;
	display: flex;
}
.mainHeaderMenuBar hr {
	padding:1px;
}
.mainHeaderMenuBar li {
	list-style:none;
	float:left;
	width:5.5em; 
}
.mainHeaderMenuBar li a {
	display:block;
	color:white;
	border-radius:5px;
	background-color:Gray; /* make button stand out in navbar*/
	text-align:left;
	text-decoration:none;
	padding:2px 8px;
	margin:2px; 
}
.mainHeaderMenuBar li ul { /* submenu */
	display:none; 
	width:6.5em; /* Width of submenu, also to help Opera out */
	background-color:Gray;
	margin:0;
	padding:1px;
	border-radius:5px;
}

.mainHeaderMenuBar li:hover ul {/* submenu, make visible */
	display:block;
	position:absolute;
}
.mainHeaderMenuBar li:hover li {
	float:none; 
	width:100%; 
}

.mainHeaderMenuBar li:hover li a { /* submenu dropdown */
	background-color:DimGray;
	color:White; 
	margin:1px; 
}
.mainHeaderMenuBar li li a:hover, .mainHeaderMenuBar a:hover {
	background-color:Peru;
}
 
.mainHeaderMenuBar a.active:link, .mainHeaderMenuBar a.active:visited {
	background-color:Chocolate; 
}




.mainFooter {
	background-color:black;
	color:white;
	border-radius:5px;
	padding:4px;
 	margin: 1px;
	line-height:0.8;
}

.mainFooterTitle {
	font-weight:bold;
	padding:2px 10px;
}

.mainFooterCopy {
 	font-size:10px;
	font-weight:normal;
	padding:2px 10px;
}

.mainFooter a:link, .mainFooter a:visited, .mainFooter a img {
	color:white;
	vertical-align:middle;
	text-decoration:none;
} 


.wrapper {
	display: grid;
	grid-template-columns: 1fr 185px;
	grid-gap: 2px;
}

.left {
	overflow:auto;
}

.leftpart  {
	background-color:DarkGrey;
	border-radius:5px;
	padding:1px;
 	margin: 1px;
	overflow-x: hidden;
}
.leftpart p {
	overflow:auto;
	padding:4px;
	margin:4px;
}

.leftcontent {
	background-color:LightSteelBlue;
	border-radius:5px;
	padding:4px;
	margin:4px;
}
.leftcontent h2 {
	font-size:125%;
	font-style:italic;
	color:MidnightBlue;
	padding-left:4px;
}
.leftcontent h3 {
	background-color:PowderBlue;
	border:1px solid DarkGrey;
	border-radius:5px;
	font-size:100%;
	font-style:normal;
	padding:2px 4px;
	margin:8px 4px;
}
.leftcontent p {
	overflow:auto;
	padding:2px;
	margin:2px;
}


.leftcontent .SimpleList {
	border:1px solid DarkGrey;
	border-radius:5px;
	background-color:SteelBlue;
	list-style: square inside;
	padding:4px;
	margin:4px;
}

.right {
	overflow:auto;
}

.rightpart {
	background-color:DarkGrey;
	border-radius:5px;
	padding:1px;
 	margin: 1px;
}
.rightcontent {
	background-color:BurlyWood;
	width:auto;
	border-radius:5px;
	padding:4px;
 	margin:4px;
}
.rightcontent p {
	padding:2px;
 	margin:2px;
 	text-align:center;
}

.tinytext {
	font-size:56%;
	padding:3px;
	border-radius:3px;
}
.leftcontent .tinytext {
	background-color:RoyalBlue;
	color:white;
}
.rightcontent .tinytext {
	background-color:Chocolate;
	color:white;
}

.floatimg {
	float:left;
	padding:0 6px 6px 0;
	width: 320px;
	border:0;
}

.certificates {
	background-color:DodgerBlue;
	color:White;
	width:auto;
	text-align:center;
	border-radius:5px;
	padding:4px;
	margin:4px;
}

.LinkPageBlock, .LinkPageBlock2 {
	background-color:LightBlue;
	border-radius:5px;
	padding:0;
	margin:0;
	overflow:auto;
}
.LinkPageBlock li, .LinkPageBlock2 li {
	list-style:none;
	border-radius:5px;
/*	display:inline; */
	clear:both;
}
.LinkPageBlock li a, .LinkPageBlock2 li a  {
	background-color:MidnightBlue;
	border-radius:5px;
	color:white;
	width:8em; 
	text-decoration:none;
	padding:4px 8px;
	margin:2px 4px;
}
.LinkPageBlock li a  {
	float:left;
}
.LinkPageBlock2 li a  {
	float:right;
}
.LinkPageBlock li p, .LinkPageBlock2 li p {
	background-color:LightSkyBlue;
	border-radius:5px;
	color:black;
	text-decoration:none;
	padding:4px 8px;
	margin:2px 4px;
	overflow: hidden;
}
.LinkPageBlock a:hover, .LinkPageBlock2 a:hover {
	background-color:RoyalBlue; 
}
.LinkPageBlock hr, .LinkPageBlock2 hr {
	padding:4px 10px;
	margin:4px 4px;
	border:1px solid DarkGrey;
	border-radius:5px;
	clear:both;
}

/* this class is used to display code as if it was printed on 'white paper'*/
.printcode {
 	margin: 4px 8px;
 	padding: 8px 24px;
	font-family: "Lucida Console", Courier, "Courier New", monospace;
	font-size: 0.8em;
	border-radius:4px;
	background-color:FloralWhite;
	background: url(../image/groenkettingpapier.png);
	background-repeat: repeat;
	background-size: 100%;
	overflow-x: auto;
}

/* this class is used to display code as if it was printed on 'white paper'*/
.codewhite {
 	margin: 4px;
 	padding: 8px 20px;
	font-family: "Lucida Console", Courier, "Courier New", monospace;
	font-size: 0.8em;
	border-radius:4px;
	background-color:FloralWhite;
	overflow-x: auto;
}



/* ie8 or lower warning */
.ie-warning {
	background:Red; 
	padding:10px;
}
.ie-warning p {
	color:Azure;
	text-align:center;
}
.ie-warning a {
	color:lightgrey; 
	font-weight:bold;
	text-decoration:none;
	background:DarkRed;
	float:left;
	padding:8px;
	margin:4px;
}