@import "calendar.css" ;
/*
================================
ALGEMEEN
================================
*/

*
	{
		margin-top: 0pt;
		margin-right: 0pt;
		margin-bottom: 0pt;
		margin-left: 0pt;
		padding-top: 0pt;
		padding-right: 0pt;
		padding-bottom: 0pt;
		padding-left: 0pt;
	}


* br { clear: left; }
.clear {clear: both;	display: block;	}
.center {text-align:center; }
.AlignRight { text-align:right;}



	* input ,	* textarea ,	* select  ,	* label 	{	margin:0 0 0 0;	padding:0 0 0 0;	}

/*
================================
      RESERVATIONFORM
================================
*/
	.clResKolOms {width:200px; max-width:200px;	min-width:200px; left:5px; margin: 0 0 0 0; padding: 0 0 0 0;	font-size: 13px;}
	.clResKolOms.taxiservice {width:250px; max-width:250px; min-width:250px; font-size:12px;	}
* form p  {width:95%;}

* form input ,
* form * textarea ,
* form select {
  margin-top:0px; margin-left:0px; margin-bottom:0px; margin-right:0px;
  padding: 0 0 0 0;
	border-width:2px;
	border-style:inset;
}

hr {
  display:block;
	padding: 0 0 0 0;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #C0C0C0;
	background-color: #E29C5C;
	border-width: 3px;
	border-style: inset;
	height: 4px;
	width: 95%;min-width:95%;max-width:95%;
	text-align: center;
}

	* form fieldset {
  width:100%;  min-width:100%;  max-width:100%;
  margin-top:2em;
  margin-left:1em;
  margin-right:1em;
  margin-bottom:.5em;
  border:0;
  border-style:none;
 }
* form fieldset#keuzeset {
  margin:0 0 0 0; padding: 0 0 0 0;
  margin-top:-15px;
  margin-bottom:20px;
  margin-left:78px;
  width:199px;  min-width:199px;  max-width:199px;
  border-width:2px;
  border-style:inset;
  padding-left:16px;
  padding-bottom:5px;
 }


* form fieldset legend {
  margin:0 0 0 0; padding: 0 0 0 0;
	margin-top:9px;
	margin-left: -5px;
	margin-bottom:5px;
	font-size: 1.8em;
	color: #804040;
	font-weight:bold;
	border-width:0px;
	border-style:ridge;
}
* form fieldset#keuzeset legend {
	font-size: .7em;
	}

* form fieldset select {
  margin:0 0 0 0; padding: 0 0 0 0;
  float:left;
  display:block;
  font-size:11px;
  border-width:3px;
  border-style:inset;
}
* form fieldset label  {
margin:0 0 0 0; padding: 0 0 0 0;
float:left;
display:block;
border-width:0px;
border-style:none;
font-size:.7em;
color:#000000;
}

* form fieldset input.biggercheckbox {width:35px; height:35px; color:#000000; border-width:0px; border-style:outset;}
* form fieldset input {
margin:0 0 0 0; padding: 0 0 0 0;
margin:3px;
float:left;
clear:right;
border-width:3px;
border-style:inset;
font-size:1.2em;
font-weight:bold;
}
.w02 { width:02em; }
.w04 { width:04em; }
.w06 { width:06em; }
.w08 { width:08em; }
.w10 { width:10em; }
.w12 { width:12em; }
.w14 { width:14em; }
.w16 { width:16em; }
.w18 { width:18em; }
.w20 { width:20em; }
.w22 { width:22em; }
.w24 { width:24em; }
.w25 { width:25em; }
.w26 { width:26em; }
.w28 { width:28em; }
.w32 { width:32em; }
.w36 { width:36em; }
.w40 { width:40em; }

.sectiontableentry1 {
		padding: 0 0 0 0;
		max-width: 540px;
		min-width: 540px;
		width: 540px;
	}


	.clAdres a:link , .clAdres a:visited {
		color: #660000;
		text-decoration: none;
		font-weight: bold;
		width: 320px;
		height: 120px;
		margin-left: 120px;
		min-width: 320px;
		max-width: 320px;
		position: fixed;
		list-style-type: none;
	}
	.clAdres a:hover, .clAdres a:active {
		color: #FFFF00;
		display: block;
		text-align: left;
		text-decoration: none;
		font-weight: bold;
		width: 320px;
		height: 120px;
		margin-left: 120px;
		min-width: 320px;
		max-width: 320px;
		position: relative;
	}

	.bold { font-weight: bold; }
	.clResNummer {
		font-size: x-large;
		font-weight: bold;
		color: #990000;
		border-width: 2px;
		display: block;
		margin: 4px 4px 4px 4px;
		border-style: solid;
	}


	.clPageTitle {
		font-weight: bold;
		color: #660000;
		text-align: center;
		display: block;
		padding-bottom:.3em;
	}

	.lime { color: green; }


	/*******************************  MENUS  **********************************/
	.BlokMenu {
		line-height: 1.3em;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
		text-decoration: none;
		width: 30em;
		height:8em;
		margin-top   :2em;
		margin-bottom:2em;
		max-width: 30em;
	}

	/**************************  3 KOLOMMEN LAYOUT ****************************/
	.ListKolA{
		margin: 0;
		padding: 0;
		text-decoration: none;
		background-color: #000099;
		color:#FFFF66;
		width:8em;
		margin-left:1em;
		margin-bottom:0.7em;
		text-align:center;
	}

	.ListKolB {
		margin: 0;
		padding: 0;
		text-decoration: none;
		background-color: #000099;
		color:#FFFF66;
		width:8em;
		margin-left:10em;
		margin-bottom:0.7em;
		text-align:center;
	}

	.ListKolC {
		margin: 0;
		padding: 0;
		text-decoration: none;
		background-color: #000099;
		color:#FFFF66;
		width:8em;
		margin-left:19em;
		margin-bottom:0.7em;
		text-align:center;
	}
	.SetTopB   {  margin-top:-8em;  }
	.SetTopC   {  margin-top:-6em;  }
	.Up02 {  margin-top:-04em;  }
	.Up03 {  margin-top:-06em;  }
	.Up04 {  margin-top:-08em;  }
	.Up05 {  margin-top:-10em;  }
	.Up06 {  margin-top:-12em;  }
	.Up07 {  margin-top:-14em;  }
	.Up08 {  margin-top:-16em;  }

 	.ListLink a:link    ,
 	.ListLink a:visited ,
 	.ListLink a:active
 	{
	  color:#FFFF33;
		text-decoration:none;
	 }
	.ListLink a:hover {
		margin:0;
		padding:0;
		text-decoration: none;
		background-color: #FFFF66;
		color:#006600;
	}


	/*******************************  DISCLAIMER  **********************************/
	.clDisclaimer ,
		.clDisclaimer a:link ,
		.clDisclaimer a:visited ,
		.clDisclaimer a:hover ,
		.clDisclaimer a:active
	{
		font-size:10px;
		color: #999999;
		position:absolute;
		margin:0;padding:0;
		margin-top: 141px;
		margin-left: -195px;
		z-index: 1;
		overflow: visible;
		top: 50%;	left: 50%;
		width: 10em;
		height: 1em;
		float: none;
		clear: both;
		min-width: 10em;
		max-width: 10em;
		min-height: 1em;
	}

	.dropcap {
		float: left;
		font-size: 2.5em;
		line-height: 90%;
		width: 45px;
		height: 30px;
		color: #990000;
	}

	.clFoto {
		display: inline;
		width: 150px;
		max-width: 150px;
		height: 100px;
		list-style-type: disc;
		margin-top: 8px;
		margin-right: 8px;
		margin-left: 8px;
		margin-bottom: 8px;
		float: left;
	}
	.clFotoLinks {
		clear: both;
		margin-top: 3px;
		margin-right: 9px;
		margin-bottom: 3px;
		margin-left: 3px;
		width: 150px;
		height: 100px;
		float: left;
		padding: 0;
		position: relative;
		text-align: left;
	}
	.clImageLink a img {
		color: #000000;
	}

	.clFotoMidden {
		clear:both;
		left: 200px;
		border: 1px solid #000000;
	}

	.clFotoRechts {
		width: 150px;
		max-width: 150px;
		height: 100px;
		margin-top: 9px;
		margin-right: 3px;
		margin-left: 9px;
		margin-bottom: 9px;
		vertical-align: middle;
		float: right;
		display: block;
		clear: both;
	}
	.clPrijsTabel {
		color: #333333;
		font-size: medium;
		display: block;
		margin-top: 4px;
		margin-bottom: 4px;
		border: 3px;
		border-top-color: #000000;
	}
	.clPrijsTabel th {
		color: #660000;
		border: 5px;
	}

	div#stAttentieHeader {
		color: #FFFF00;
		position:absolute;
		width:199px;
		height:34px;
		z-index:501;
		left: 5px;
		top: 169px;
		font-weight: bold;
		font-size: large;
		font-variant: small-caps;
		visibility: hidden;
	}




  .Groot   { font-size:110%; }
  .Groter  { font-size:120%; }
  .Grootst { font-size:150%; }
  .Klein   { font-size: 90%; }
  .Kleiner { font-size: 70%; }
  .Kleinst { font-size: 90%; }
	.red { color: red; }
	.fuchsia { color: fuchsia; }
	.blue { color: blue; }
	.under { text-decoration: underline; }
	.over { text-decoration: overline; }
	.Cursief { font-style:italic; }

	.strike { text-decoration: line-through; }
	.none { text-decoration: none; }
	.bottom { vertical-align: -0.5em; }
	.up-a-bit { vertical-align: 4px; }
	.hidden { visibility: hidden; }
	.blink { text-decoration: blink; }


	.pagetitle {
		font-size  : 24pt;
		color      : #99CC66;
		font-family: Georgia, "Times New Roman", Times, Serif;
		left: 140px;
	}

#Emaillayer {
	position:absolute;
	width:12em;
	height:1em;
	z-index:500;
	visibility: visible;
	overflow: visible;
}
body#main {background-color: #990000;}

	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		border: 0;
		position: absolute;
		left: 25em;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	.clVoorwaardenPage {
	  left:1em;
  }

	.clContentLayer {
		background-color:transparent;
		top:50%;
		left:50%;
		width:35.8em;
		max-width:35.8em;
		min-width:35.8em;
		height:19em;
		min-height:19em;
		max-height: 19em;
		/*
		text-scroll-x:hidden;
		text-scroll-y:auto;
    */
		overflow-x:hidden;
		overflow-y:auto;
		margin-top: -3.30em;
		margin-right: 0em;
		margin-bottom: 0em;
		margin-left: -11.8em;
		padding-top: 0em;
		padding-right:1em;
		padding-bottom: 0em;
		padding-left: 0em;
		z-index: 97;
		position: absolute;
		clear: both;
	}


	.stParagraafHeader {
		color: #CC0000;
		font-weight: bold;
		font-size: large;
		padding-top: 20px;
		padding-bottom: 10px;
		margin: 0 0 0 0;
		margin-top: 10px;
		display: block;
	}
	.stRight { text-align:right ; }

	.stParagraafHeader a:hover{
		color: #FFFF99;
	}

	.stParagraafHighlight {
		color: #000000;
		font-weight: bold;
		padding-top: 2em;
		padding-bottom: 1px;
	}


	/*
	Index.php
	Page with vertical bar as backgoundpicture to fill space around 800x600 iframe.
	Scrollbars not allowed, so overflow has to be set to hidden.
	*/
	.stIndexBody {
		color: #000000;
		background-color: #a70616;
		/*	background-image:url(images/vertbackgroundbar.gif);*/
		background-repeat: repeat-x;
		overflow:hidden;

	}
	.stAnkerLink a:link , .stAnkerLink a:visited  {
		color: #666666;
		margin-left: 0px;
		font-size: xx-small;
		text-decoration: underline overline;
		margin-top: 5px;
		margin-bottom: 15px;
		display: block;
	}
	.stAnkerLink a:hover , .stAnkerLink a:active {
		color: #990000;
		display: block;
	}

	.stMainFrame {
		position: absolute;
		width:800px;
		height:600px;
		left:50%;
		top:50%;
		margin-left:-400px;
		margin-top:-300px;
		overflow:visible;
		background-color: #a70616;

	}

	/*
	framepage.html
	Page wbacground-color #990000 around the 800x600 iframe.
	Scrollbars not allowed, zo overflow set to hidden.
	*/
	.stFramePageBody {
		position:absolute;
		margin:-300px 0 0 -400px;
		background-image: url(images/CRAbackgr-v006-071226.jpg);
		background-image: url(images/CRAbackgr-v007-100123.jpg);
		background-repeat: no-repeat;
		background-color: #990000;
		overflow:hidden;
		top: 50%;
		left: 50%;
		width:800px;
		max-width:800px;
		min-width:800px;
		height: 600px;
		max-height:600px;
		min-height:600px;
	}
	.stContentFrameDiv {
		position:absolute;
		overflow:hidden;
		top: 245px;
		left:220px;
		width: 578px;
		max-width: 579px;
		min-width: 579px;
		z-index: 100;
		padding-right:2px;
	}
	.clIframe {
		position: absolute;
		top:0px;
		left:0px;
		margin:0;
		margin-top:0em;
		margin-left:0em;
		height: 19em;	max-height:19em;	min-height:19em;
		width: 36.5em; max-width:36.5em; min-width:36.5em;
		border:0;
		background-color:transparent;

	}
	.stContentFrame {
		top:  0px;
		left: 0px;
/*
		text-scroll-x:hidden;
		text-scroll-y:auto;
*/
		overflow-x:hidden;
		overflow-y:auto;
		width:578px;
		min-width:578px;
		max-width:578px;
		min-height:330px;
		height:300px;
		max-height: 330px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		z-index: 97;
		color: #FFFFCC;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
	}

	th td {
		color: #990000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: medium;
		border: 0;
		background-color: #993333;

	}


		a:link    ,
		a:visited
	{
		font-family: Arial, Helvetica, sans-serif;
		color: #FFFFCC;
		line-height: normal;
		margin-top: 0px;
		text-decoration: underline;
	}


		a:active,
		a:hover
	{
		font-family    : Arial, Helvetica, sans-serif;
		color          : #FFFF00;
		text-decoration: underline;
		line-height: normal;
	}



/*
================================
MENUSETTINGS
================================
*/
	div.clHoofdMenu {
		color: #99CC00;
		position: absolute;
		font-size: 0.75em;
		line-height:9px;
		text-decoration: none;
		padding-left: 2px;
		vertical-align: middle;
		display: block;
		border-left-width: 0px;
		border-left-style: solid;
		border-right-width: 0px;
		border-right-style: solid;
		left: 50%;
		top: 50%;
		margin-top: 7em;
		margin-left: -32em;
		list-style-position: inside;
		list-style-type: disc;
	}

		div.clHoofdMenu a:link    ,
		div.clHoofdMenu a:visited
	{
		color:#000000;
		text-decoration: none;
	}
	div.clHoofdMenu a:active  {color:#00CC00; text-decoration: none; 	}
	div.clHoofdMenu a:hover	  {color:#99FF00; text-decoration: none; 	}



	/* LinkPagina */
	.stLinkOmschrijving {
		color          : #660000;
		border: 0;
		font-size: 1em;
		font-weight: bold;
	}



	/* Specifieke styledefs voor de kop-sectie */
	.stAdresBalk {
		position: absolute;
		top: 249px;
		left: 263px;
		width: 524px;
		max-width: 660px;
		padding-left: 0px;
		padding-bottom: 0px;
		padding-right: 0px;
		padding-top: 0px;
		padding: 0;
		margin-left: 0px;
		margin-bottom: 0px;
		margin-right: 0px;
		margin-top: 0px;
		min-width: 660px;
		font-size: small;
		z-index: 94;
	}


	.stAdresBalk a:link{
		color: #FFFF99;
		font-size: small;
	}
	.stAdresBalk a:visited{
		color: #FFFF99;
		font-size: small;
		text-decoration: none;
	}
	.stAdresBalk a:hover {
		color: #339900;
		font-size: small;
	}

	.stSiteTitle     {
		position   :absolute;
		z-index    :101;
		top        :  -4px;
		left       : 365px;
		color      : #FFCC99;
		font-size  : 2em;
		width: 187px;
	}
	.stSiteTitleShadow {
		position   : absolute;
		top        :  23px;
		color      : #FFFF66;
		font-size: 1.5em;
		width: 519px;
		left: 140px;
		height: 21px;
		z-index: 93;
	}


	.stHeaderPicture {
		position:absolute;
		z-index: 99;
		top: 0px;
		left: 0px;
		width: 793px;
		height: 450px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		max-width: 660px;
		min-width: 660px;
		max-height: 85px;
		min-height: 85px;
		border: 0;
		overflow: hidden;
		visibility: visible;
	}


	.stGastenboekFormulier {
		color: #660000;
		font-weight: lighter;
		line-height: normal;
	}
	.stGastenboekBerichten {
		color: #660000;
		font-weight: lighter;
		font-size: large;
		font-style: italic;
		font-family: "Monotype Corsiva";
	}


	.stContentTable {
		z-index: 99;
		top: 0px;
		left: 0px;
		width: 575px;
		max-width:575px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		overflow:hidden;
		overflow-x:hidden;
		overflow-y:auto;
	}


	/*
	----------------------------------------------------------------
	List without bullets etc.
	----------------------------------------------------------------
	*/
	.clContentListHeader {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: medium;
		color: #99FF00;
		font-weight: bold;
		background-color: #000099;
	}

	.clContentList
	{
		font-size: medium;
		padding-top: 0px;
		padding-bottom: 0px;
		color: #CC3300;
		text-decoration: none;
		text-align: center;
		list-style-type: none;
		margin-top: 20px;
		display:block;
	}

	.clContentList ul li {
		font-size: medium;
		padding-top: 0px;
		padding-bottom: 0px;
		color: #CC3300;
		text-decoration: none;
		text-align: left;
		margin-top: 20px;
	}

	.clContentList ul li a {
		display:block;
		padding-top: 0px;
		padding-bottom: 0px;
		left: 25px;
		background-color: #3366CC;
		font-weight: bolder;
		text-align: left;
	}

	.clContentList ul li a:hover {
		background-color: #FFFF99;
		color: #339900;
		text-align: center;
	}

	/*
	----------------------------------------------------------------
	Contentlist with bullets
	----------------------------------------------------------------
	*/
	.clContentBulletListHeader {
		padding-top: 8px;
		padding-bottom: 8px;
		font-size: medium;
		color: #336600;
		font-weight: bold;
	}

	.ContentBulletList {
    margin:0; padding:0;
	  display:block;
		color: #005300;
		margin: 8px;
		margin-left: 20px;
	}
	.ContentBulletList ul {
    clear:both;
    display:block;
    }

	.ContentBulletList li {
		color: #003333;
		padding-top: 6px;
		padding-bottom: 6px;
		margin-left: 20px;
		list-style-position: inside;
		list-style-type: disc;
		text-indent:-15px;
	}
	h3 {
		color: #CCFF00;
	}
	.stParagraafItemOms {
		color: #990000;
		font-size: small;
		margin-top: 4px;
		margin-bottom: 4px;
	}
	.clEmailAdres {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -6.5em;
		margin-left: -2em;
	}

	.clVlaggenLayer {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -17.5em;
		margin-left: -2em;
		width: 10em;
	}
	.clVlaggenLayer a img:hover ,
	.clVlaggenLayer a img:active
	{	margin:0;padding:0;border: 1px solid white; }
	.clVlaggenLayer a img ,
	.clVlaggenLayer a img:link ,
	.clVlaggenLayer a img:visited
	{	margin:0;padding:0;border:1px solid transparent; }



	.clTransparentBody {
		background-color: transparent;
		top:0em;
		left:0em;
		margin:0 0 0 0;
		padding: 0 0 0 0;
	}
	.clComponentheading {
		font-size: .95em;
	}


/*
================================
Active Calendar CSS settings
================================
*/
.yearpicker
{
  padding: 0 0 0 0;
  width:70px;
  max-width:70px;
  font-size:0.5em;
}
.yearname
{
 font-size:1em;
 padding: 0 0 0 0;
 margin:0 0 0 0;
 width:70px;
 max-width:70px;
 text-align:center;
}

.monthpicker
{
  padding: 0 0 0 0;
  width:40px;
  max-width:60px;
  font-size:0.6em;
}

.month
{
 padding: 0 0 0 0;
 margin:7px 7px 7px 7px;
}

.monthname
{
 font-size:0.6em;
 padding:0;
 margin:0;
 text-align:center;
 width:70px;
 max-width:70px;
 background-color: #CF8572;
}

.monthday
{
 font-size:0.6em;
 padding: 0 0 0 0;
 margin:0 0 0 0;
 text-align:center;
 width:6px;
 max-width:6px;
 background-color: #D69787;
}


.dayname
{
 font-size:0.5em;
 padding: 0 0 0 0;
 margin:0 0 0 0;
 text-align:center;
 width:6px;
 max-width:6px;

}

.saturday ,
.sunday
{
 font-size:0.6em;
 padding: 0 0 0 0;
 margin:0 0 0 0;
 text-align:center;
 width:4px;
 max-width:4px;
 background-color: #CF8572;
}
.event
{
 font-size:.7em;
 font-weight:bold;
 padding: 0 0 0 0;
 margin:0 0 0 0;
 text-align:center;
 width:4px;
 max-width:4px;
 color: #000000;
 background-color: #5AEC1C;
}
.weeknum
{
 font-size:0.4em;
 padding: 0 0 0 0;
 margin:0 0 0 0;
 width:4px;
 max-width:4px;
}

.clDisplayOnly
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	background-color: transparent;
	color: #000000;
	font-weight: bold;
	border-style: none;
	letter-spacing: 2px;
	word-spacing: 2px;
}


.formuliertabel * th     {  color:#355C01; font-size:12px; line-height:1em; }
.formuliertabel * td     {  color:#000000; font-size:12px; line-height:1em; }
.formuliertabel * select {  font-size:11px; width:140px; }

/*
* input[type="button"]        {  border-style:outset; border-width:2px; }
* input[type="button"]:hover  {  border-style:outset;}
* input[type="button"]:active {  border-style:inset ;}
*/
.clButton  {
 display:inline;
 cursor:pointer;
 padding:0 0 0 0;
 padding:2px;
 width:160px; min-width:160px; max-width:160px;
 border-style:outset;
 border-width:3px;
 margin: 30px 35px 50px 160px;
 text-align:center;
 font-size:15px;
 font-weight:bold;
 }
.clButton:hover  {  border-style:outset;  border-width:3px; color:#800000; background-color:#B7F79B;}
.clButton:focus  {  outline:none;}
.clButton:active {  border-style:inset;   border-width:3px; }



/* BUTTON definitie gewoon class toewijzen aan href */
.cssbutton{
margin-left:4px;
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:active{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:hover{color: black;}


.wc3ok img {
 float:right;
 margin:0 0 0 0;  padding: 0 0 0 0;
 border:0;border-style:none;
 outline:none;
}

.email {direction:rtl ! important; color:green;}

.clFrontPageMessage {
margin:0;padding:0;
display:block;
position:absolute;
top:62px;
left:25px;
width:330px;
max-width:330px;
color:yellow;
/* border:2px outset yellow;*/
text-align:center;
font-size:1.1em;
font-weight:bold;
}
.clButton:hover  {  border-style:outset;  border-width:3px; color:#800000; background-color:#B7F79B;}
.clButton:focus  {  outline:none;}
.clButton:active {  border-style:inset;   border-width:3px; }



/* BUTTON definitie gewoon class toewijzen aan href */
.cssbutton{
margin-left:4px;
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:active{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:hover{color: black;}


.wc3ok img {
 float:right;
 margin:0 0 0 0;  padding: 0 0 0 0;
 border:0;border-style:none;
 outline:none;
}

.email {direction:rtl ! important; color:green;}

#ikvertrekwindow {
 margin:6px;padding:6px;
 margin-left:100px;
 width:85%;
 height:92%;
}

#videowindow {
 margin:3px;padding:3px;
 margin-left:80px;
}


#iVersionInfo {
  position:absolute;
  bottom:0px;
  right:2px;
  font-size:1px;
  color:red;
}