@charset "utf-8";
/* CSS Document */

a {
	text-decoration:none;
} 

li { 
	color		: #808080;
}

/* to make older browsers aware of the Html5 era	*/
article, aside, figcaption, figure, footer, header, hgroup, nav, section {
	dislay: block;
}

tooltipDiv
{
	border		: thin;
	border-color: blue;
	background-color: #808080;
	color		: white;
}

textarea { 
	font-family: Comic Sans MS;
	font-size: 95%;
}

h3 {
	text-shadow: grey 0.33em 0.15em 0.1em;
}

.hshadow {					/* shadow-effect for Headlines	*/
	text-shadow: grey 0.33em 0.15em 0.1em;
}

#refresh {
	left: 48em;
}

#hdrtitle
{
	position: absolute;
	top: 12%;
	left: 2%;
}

#headpart
{
	position: relative;
}

#hdrimg {
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
}

#headlines
{
	position: absolute;
	top: 50%;
	right: 40.8%;
	text-align: left;
	color: #CCC;
	visibility: visible;
}

#headlinesD
{
	position: absolute;
	top: 50%;
	right: 44.9%;
	text-align: left;
	color: #CCC;
	visibility: hidden;
}

#indextbl {
	border: none;
	height: 99%;
	width: 100%;
	border-collapse: collapse; 
}

#indextd1 {
	background-color: #808080;
	margin-left: auto; 			/* replaces deprecated 'align: center' */
    margin-right: auto;			/* replaces deprecated 'align: center' */
	height: 2.6em;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: white;
}

#indextd2 {
	margin-left: auto; 			/* replaces deprecated 'align: center' */
    margin-right: auto;			/* replaces deprecated 'align: center' */
	background-color: #66CBFF;
	font-size: 100%;
}

#indextd3 {
	height: 100%;
	margin-left: auto; 			/* replaces deprecated 'align: center' */
    margin-right: auto;			/* replaces deprecated 'align: center' */
	background-color: #FFFFEE;
	color: #808080;
}

#indextd4 {
	margin-left: auto; 			/* replaces deprecated 'align: center' */
    margin-right: auto;			/* replaces deprecated 'align: center' */
	background-color: #FFFFEE;
}

#indextd5 {
	height: 100%;
	margin-left: auto; 			/* replaces deprecated 'align: center' */
    margin-right: auto;			/* replaces deprecated 'align: center' */
	background-color: #FFFFEE;
	color: #808080;
}

#indextd6 {
	height: 2.6em;
	margin-left: auto; 			/* replaces deprecated 'align: center' */
    margin-right: auto;			/* replaces deprecated 'align: center' */
	background-color: #808080;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	color: white;
}

.startbutton {
	width: 7em;
	height: 6em;
	margin-left: 3.5em;
	margin-right: 3.5em;
	border: none;
}

#divIntro {
	box-shadow: 0.2em 0.2em 0.4em 0.3em lightgrey inset;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
}

#intro {
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
	margin-top: 1em;
}

#introClose {
	cursor: pointer;
}

#bookmarkref {
	color: darkblue;
}

#twitterimg {
	border: none;
}

.indexnews {
	border: none;
	width: 2.8em;
	height: 2.6em;
	margin-left: 0.7em;
	margin-right: 0.7em;
}

.headertd2 {
	background-color: #FFFFEE;
	vertical-align: top;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

#datediv {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 120%;
	color: #808080;
}

#enterplusmotd
{
	position: absolute;
	top: 95%;
	left: 4%;
}

#member {						/* login-form name	*/
	margin-left: 1.2em;
}

#register_new {					/* registration-form name	*/
	margin-left: 1.2em;
}

#change_passwd {
	margin-left: 1.2em;
}

#forgot_passwd {
	margin-left: 1.2em;
}

#user_extensions {
	margin-left: 1.2em;
}

#register_ext_new {
	margin-left: 1.2em;
}	

#bmotd {
	font-size: 0.8em; 
	color: #808080; 
	cursor: pointer;	
}

#bkvdd {
	font-size: 0.8em; 
	color: #808080; 
	cursor: pointer;	
}

#motd {					/* message of the day	*/
 	position: absolute;
	top: 27.5%;
	left: 27%;
	width: 41em;
	height: 14em;
	background-color: #66CBFF;
	border: solid;
	border-color: #CCC;
	-moz-border-radius: 1.3em;
	-webkit-border-radius: 1.3em;
	border-radius: 1.3em;
	box-shadow: 0.7em 0.7em 0.35em #888888;
	visibility: hidden; 
	z-index: 5000; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; 	/* first! for msie-8	*/
	filter: alpha(opacity=95);											/* second! for msie-7	*/
	opacity: .95;	
}

#kvvd {				/* kreet van de dag		*/
	position: absolute;
	top: 27.5%;
	left: 27%;
	width: 41em;
	height: 14em;
	background-color: #66CBFF;
	border: solid;
	border-color: #CCC;
	-moz-border-radius: 1.3em;
	-webkit-border-radius: 1,3em;
	border-radius: 1.3em;
	box-shadow: 0.7em 0.7em 0.35em #888888;
	visibility: hidden;
	z-index: 5000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; 	/* first! for msie-8	*/
	filter: alpha(opacity=95);											/* second! for msie-7	*/
	opacity: .95; 
}

.msghead {
	position: absolute;
	top: 3%;
	left: 5%;
	width: 90%;
	height: 25%;
	background-color: #808080;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color: white;
}

.mh {
	text-align: center;
}

.msgtext {
	position: absolute;
	top: 34%;
	left: 5%;
	width: 90%;
	height: 45%;
	background-color: lightgrey;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.8em;
	font-weight: normal;
	color: black;
}

.msgfoot {
	position: absolute;
	top: 84%;
	left: 32%;
	background-color: #808080;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
}

.fbmotd {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	width: auto;
  	overflow: visible;
	margin-left: auto;
	margin-right: auto;
}

#bmotd {
	width: auto;
  	overflow: visible;
}

#bkvdd {
	width: auto;
  	overflow: visible;
}

								/*	header files			*/
.headerlogo {
	height: 100%;
	width: 23%;
	background-color: #66CBFF;  /* #FFFACD; */
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #808080;
}

.headertbl {					/* table definitions from header-files */
	height: 96%;
	width: 100%;
	border-color: #808080;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
}

.headertd1 {					/* tr's & td's from header-files   	   */ 
	height: 2em;
	width: 100%;
	margin-left: auto; 			/* replaces deprecated 'align: center' */
    margin-right: auto;			/* replaces deprecated 'align: center' */
	background-color: #808080;
	column-span: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
	border-color: #808080;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
}

.headertd1client {				/* header-files - logged-in clients    */ 
	height: 2em;
	width: 100%;
	margin-left: auto; 			/* replaces deprecated 'align: center' */
    margin-right: auto;			/* replaces deprecated 'align: center' */
	background-color: #008080;
	column-span: 2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: white;
	text-align: center;
	border-color: #808080;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
}

.headertr2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.headertd2 {
	background-color: ECFFFF;
	vertical-align: top;
	width: 100%;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
}

.headertd3 {
	background-color: #FFFFEE;
	vertical-align: top;
	width: 100%;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
}

.headertd3sitemap {
	background-color: lightgrey;
	vertical-align: top;
	width: 100%;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
}

.headerphonenr {
	font-size: 0.6em;
	color: #808080;
}


.footertbl {					/* table definitions for footer-files  */
	height: 2em;
	width: 100%;
	background-color: #808080;
	border-color: #808080;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.footertblclient {				/* table definitions for header-files   */
	height: 2em;				/* logged-in client situation			*/
	width: 100%;
	background-color: #008080;
	border-color: #808080;
	border-style: solid;
	border-width: thin;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.footertd1 {
	text-align: left;
}

.footertd2 {
	text-align: center;
}

.footertd3 {
	text-align: right;
}

.newsicon {						/* news-icons in maintransver.php		*/
	width: 5em;
	height: 4.2em;
	border: none;
	margin-left: 0.7em;
	margin-right: 0.7em;
}

.pagebuttons {
	width: 15em;
	height: 3.5em;
	border: none;
	margin-left: 0.32em;
	margin-right: 0.32em;
}

.pageimage {
	border: none;
	float: left;
	margin-left: 1em;
	margin-right: 1em;
}

.pageinfo {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
}

.pagebanner {					/* banners in page.php					*/
	margin: 0.65em;
}

.freequote {					/* free quotation banner (page.php)		*/
	width: 7em;
	height: 7em;
	margin-left: auto;
	margin-right: auto;
	border: none;
}

.webdevtbl {
	 margin-left: 0.65em;		/* 10px; */
	 margin-right: 0.65em;
}

.webdevtd {
	background-color: mediumvioletred; 
	color: white; 
	font-size: 0.8em;
}

.webdevbg {
	background-color: lavender;
}

.webdevasides {
	font-size: 0.85em;
}

.colorschemespan {				/* colorscheme.php ie kleurenschema.php */

}

.infoarticle {					/* info_.... php-files					*/
	padding-left: 0.65em;
	padding-right: 0.65em;
}

.infoarticlecond {				/* info_generalconditions php-file	*/
	padding-left: 0.65em;
	padding-right: 0.65em;
	font-size: 80%;
}

.newstbl {
	width: 92%;
	border-spacing: 0.35em;
	margin: 3.3em;
}

.newstd1 {
	text-align: center;
	font-size: 1.2em;
	color: #808080;
	margin: 1.3em;
}

.newstd2 {
	text-align: left;
}

.newstd3 {
	width: 70%;
	text-align: center;
	background-color: lightgrey;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	vertical-align: middle;
	padding-left: 1.3em;
	padding-right: 1.3em;
	border-radius: 2em;
}

.sitemaptbl {
	width: 92%;
	margin: 0.65em;
}

.sitemaptd1 {
	text-align: center; 
	font-family: Verdana, Geneva, sans-serif; 
	font-size: 115%;
	color: #808080;
	padding: 0.65em;
}

.sitemaptd2 {
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: middle;
	padding: 0.65em;
}

.sitemaptd3 {
	width: 50%;
	text-align: center;
	background-color: lightblue;
	padding: 0.65em;
}

.sitemaptd4 {
	width: 50%;
	text-align: left;
	padding: 0.65em;
}

.sitemaptd5 {
	width: 50%; 
	text-align: left;
	background-color: #FFFACD;
	color: #808080;
	padding: 0.65em;
}

.memberformtbl {
	background-color: #66CBFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90%;
	margin: 0.35em;
}

.websitestoriestbl {			/* tabledefs in stories.php & websites.php	*/
	margin-left:auto;
	margin-right:4.8em; 
	height:1.5em; 
	width:12.5em;
}


#nojavascript {					/* javascript disabled in browser		*/
	margin-left: 15%;
	color: red;
	font-size: 1em;
}