body {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height: 12pt; 
background: url(art/bg.gif) center top;
 }
td {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height: 12pt }
A {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #00894c; text-decoration: none; font-weight: bold}
A:hover {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: none
}

label{float: left; width: 150px;}


h1 {
	font-size: 1.6em;
	color: #dc540b;
	padding-top:0px;
	padding-bottom:10px;
	margin: 0px;	
	width:100%;
	border-bottom: 0px dashed #000000
}

h2 {
	font-size: 1.2em;
	color: #dc540b;
	padding-top:0px;
	padding-bottom:8px;
	margin: 0px;	
	width:100%;
	border-bottom: 0px dashed #000000
}

#main{margin: 0 0 0 372; width:478px; height:389px; z-index:1;  
 overflow:auto;}
 
#main2{margin: 0 60 0 60; width:790px; height:100%; z-index:1;  
 overflow:auto;}

html>body #main{ width:478px; height:389px;}

.foto{border:1px solid #6f4d2a; margin-left: 0px; margin-top: 0px;}

/* Form */

input, textarea {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #02894f;
}

.input {
	background-color: #ffffff;
	border: 1px solid #02894f;
}

.inputbutton {
	background-color: #8c8c8c;
	font-weight: bold;
	color:#ffffff;
	border: 1px solid #8c8c8c;
}


/*  FORMULIEREN */
.invul{
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
	border-top : 1px solid #AAAAAA;
	border-left : 1px solid #AAAAAA;
	border-bottom : 1px solid #777777;
	border-right : 1px solid #777777;
	scrollbar-face-color:#FFFFFF;
	scrollbar-shadow-color:#777777;
	scrollbar-highlight-color:#777777;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color:#777777;
	margin-bottom: 0px;
}
textarea.invul{
    height: 70px;
	width : 300px;
}
input.invul{
	width : 300px;
}
.tekencheck{
	width : 100px;
	height: 16px;
}

/*    BUTTONS    */
.versturen{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #999999;
	color: #FFFFFF;
	border-top : 1px solid #AAAAAA;
	border-left : 1px solid #AAAAAA;
	border-bottom : 1px solid #777777;
	border-right : 1px solid #777777;
	width : 110px;
	margin-top: 2px;
}



.fotovlak{
  border: 1px solid #bbb;
  padding: 5px;
  background: #eee;
}
.tekstvlak{
  border: 1px solid #bbb;
  margin-top: 5px;
  background: #ddd;
  padding: 3px;
}
.tekstvlak2{
  border: 1px solid #bbb;
  margin-top: 5px;
  background: #eee;
  padding: 3px;
}
.gastdatum{
  float:right;
  font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.check_teken1{
}
.check_teken2{
  width: 33%;
  text-align: left;
}
.check_teken3{
  width: 33%;
  text-align: left;
}
.check_teken4{
  width: 34%;
  text-align: center;
}

.alert{
  border: 1px solid red;
  padding: 5px;
  color:red;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 90%;
}

.foutmelding{
  border: 1px solid red;
  padding: 5px;
  color:red;
  margin-top: 5px;
}

.teller {
	display:none;
}
      
.xmenu, .ymenu    {
	white-space: nowrap;
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 10 }
.xmenu a, .ymenu a   {
	display: block }
.ymenu a {
	width: 100% }
.xmenu li, .ymenu li    {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 11;
	vertical-align: inherit;
	behavior: url(hover.htc)    }
.xmenu li {
	float: left;
	margin-left:14px;
 }
 * html .xmenu li {
 	margin-left:12px;
 }
.ymenu li {
	width: 100% }
.xmenu ul, .ymenu ul    {
	background-color: white;
	border:1px solid #333333;
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0.5em;
	position: absolute;
	z-index: 12;
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 }
.xmenu ul {
	top: 100%;
	left: 0;
	width:12em;
 }
.ymenu ul {
	top: 30%;
	left: 100% }
.xmenu li>ul  /* for W3C browsers */  {
	margin: 0;
	top: auto;
	left: auto }
.xmenu ul li, .ymenu ul li     {
	margin: 0;
	z-index: 13;
	width: 100%;
	float: none }
.xmenu ul li a, .ymenu ul li a {
	width: 100% }
.xmenu ul ul   {
	margin: 0;
	z-index: 14;
	top: 30%;
	left: 100% }
.xmenu ul ul li, .ymenu ul ul li {
	z-index: 15;
	behavior: none }
.xmenu ul, .xmenu li:hover ul ul, .xmenu li.hover ul ul,
.ymenu ul, .ymenu li:hover ul ul, .ymenu li.hover ul ul {
	/*visibility: hidden*/ display: none}
.xmenu li:hover ul, .xmenu li:hover li:hover ul,
.xmenu li.hover ul, .xmenu li.hover li.hover ul,
.ymenu li:hover ul, .ymenu li:hover li:hover ul,
.ymenu li.hover ul, .ymenu li.hover li.hover ul {
		/*visibility: hidden*/ display: none}

.proximedia, .proximedia a {
	font:normal normal 9px verdana, arial, sans-serif;
	text-decoration:none;
	color: #3C2022; /* vrije keuze */
}
.proximedia a:hover {
	text-decoration:none;
	color: #3C2022; /* vrije keuze */
}