body {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height: 16pt;}
td {font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height: 16pt }
A {color: #122169; text-decoration:none; font-weight:bold;  font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px;}
A:hover {color: #000000; text-decoration:none; font-weight:bold;  font-family: Arial, Verdana, Helvetica, sans-serif;}

#tabel_2{padding-left: 100px;}

#Info img {
  max-width: 300px;
  width: expression(this.width > 300 ? 300: true);
}


!img{border: 1px solid #ff0000;
padding: 10px;
margin: 0px;}!
 

#Info * {
font-size: 8pt;
 font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; line-height: 16pt;
text-decoration: none;
}

#Info table, #Info td, #Info tr, #Info th {
;
}

#tekst { width: 666px; margin:0px 0px 0px 114px; padding: 10px 40px 0px 40px; 
background-image:url(art/main_bottom.jpg); background-repeat:no-repeat; background-position: bottom;}



#topmenu {margin-top: 240px; margin-left: 250px;}
#topmenu A{
font-size:14px;
color: #000000;
margin-left: 7px;
margin-right: 7px;
font-weight:normal;}

#topmenu A:hover{
color: #ff0000;
}


h1 {
	font-size: 1.8em;
	color: #000b33;
	padding-top: 0px;
	padding-bottom: 0px;	
	width:100%;
	border-bottom: 0px dashed #000000
}

h2 {
	font-size: 1.4em;
	color: #1c58b0;
	padding-top: 10px;
	padding-bottom: 12px;
	margin: 0px;	
	width:100%;
	border-bottom: 0px dashed #000000
}

h3 {
    font-size: 1.2em;
	margin: 0px;
	border-bottom: 0px dashed #000000
}


#bottomlinks a{
font-weight:normal;}

#bottomlinks a hover{
font-weight:normal;}


.kar{border: 1px solid #ff0000;}


#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;}


/* Form */

input, textarea {
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #9f9f9f;
	margin: 5px;
	;
}

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

.inputbutton {
	background-color: #eeeeee;
	font-weight: bold;
	color:#000000;
	border: 1px solid #000000;
}

select {margin-left: 4px;}

/*  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:20px;
 }
.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 */
}