.header {
  font-size: 16px;
  font-weight: bold;
	color: #7C3520;
}
.kopjeOranjeBold {
  font-weight: bold;
	color: #7C3520;
}
.kopjeOranjeBoldUnderline {
  font-weight: bold;
	color: #7C3520;
  text-decoration: underline;
}
.imgR {
	float: right;
	margin-bottom: 15px;
	margin-left: 20px;
}
.imgL {
	float: left;
	margin-bottom: 15px;
	margin-right: 20px;
}
* {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

* html #top, * html #top_bg, * html #left, * html #right {
  position:absolute;
}
html {
  height:100%; 
  max-height:100%;  
  padding:0; 
  margin:0; 
  border:0; 
  font-size:12px; 
  font-family: verdana, arial, sans-serif; 
  /* hide overflow:hidden from IE5/Mac */ 
  /* \*/ 
  overflow: hidden; 
  /* */ 
}
body {
  height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0;
  background-image: url(../Images/html.gif);
	background-repeat: repeat-y;
}
form {
  width: 100%;
	height: 100%;
  margin: 0;
	padding: 0;
}
#bok {
  display:block; 
	z-index:2;
	width: 100%;
	height: 100%;
	position: absolute;
	background-image: url(../Images/bok.gif);
	background-repeat: no-repeat;
	background-position: 290px bottom;
}
#content {
  display:block; 
	height:100%; 
	max-height:100%; 
	overflow: scroll;
	overflow-x: hidden;
	_overflow-x: hidden;
	line-height: 18px;
	padding-left:240px; 
	_margin-right:16px;
	position:relative; 
	z-index:3;
	text-align: justify;
}
.text {
  width: 500px;
}
#content_text {
  width: 100%;
}
#content_text a:link, #content_text a:visited {
	color: #990000;
}
#content_text a:hover {
  text-decoration: none;
	color: #CC0000;
}
#top_bg {
  position:fixed; 
	margin:0; 
	top:0; 
	right:16px; 
	display:block; 
	width:100%; 
	height:202px; 
	background-image: url(../Images/top_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	z-index:4; 
	color:#fff;
}
#top {
  position:fixed; 
	margin:0; 
	top:0; 
	right:16px; 
	display:block; 
	width:100%; 
	height:202px; 
	background-image: url(../Images/top.gif);
	background-position: 16px top;
	background-repeat: no-repeat;
	z-index:4; 
	color:#fff;
}
#left {
  position:fixed; 
	left:0; 
	top:0; 
	height:100%; 
	width:240px; 
	font-size:1em; 
	color:#fff;
	z-index:5;
	background-image: url(../Images/left.gif);
	background-repeat: no-repeat;
	background-position: left 202px;
}
#hoorn {
  position: absolute;
	width: 616px;
	height: 202px;
	z-index: 4;
	background-image: url(../Images/hoorn.gif);
}
#padtop {
  display:block; 
	height:236px;
}
#padbottom {
  display:block; 
	height:30px;
}
#topmenu {
  position: absolute;
	z-index: 5;
	height: 30px;
	margin-left: 240px;
	margin-top: 165px;
	color: #7C3520;
}
#topmenu a:link, #topmenu a:visited {
  color: #e9df7a;
	text-decoration: none;
}
#topmenu a:hover {
  text-decoration: underline;
}
#menu {
  position: absolute;
	top: 225px;
  width: 198px;
  overflow: auto;
	z-index: 100;
}
#menu_top_bg {
  background-image: url(../Images/menu_bottom_bg.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 136px;
	position: absolute;
	top: 100px;
}
#menu_bottom_bg {
  background-image: url(../Images/menu_bottom_bg.gif);
	background-repeat: no-repeat;
	width: 240px;
	height: 435px;
	position: absolute;
	bottom: 0px;
}
/* Nog in gebruik? 
#top_header_image {
  position: absolute;
  margin-left: 240px;
}
*/
#tabbalk {
  z-index: 1;
	position: absolute;
	margin-left: 256px;
	margin-top: 128px;
}
.tab2 a:link, .tab2 a:visited {
  background-image: url(../Images/tab2.png);
	background-repeat: no-repeat;
	width: 131px;
	padding-top: 4px;
	height: 25px;
	display: block;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/tab2.png');	
	float: left;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-size: 13px;
	cursor: hand;
	margin-right: 4px;
}
.tab1 a:link, .tab1 a:visited {
	padding-top: 4px;
  background-image: url(../Images/tab1.png);
	background-repeat: no-repeat;
	width: 131px;
	height: 25px;
	display: block;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/tab1.png');	
	float: left;
	text-align: center;
	cursor: hand;
	font-size: 13px;
	margin-right: 4px;
	color: #162D83;
	text-decoration: none;
}
.tab1 a:hover, .tab2 a:hover {
  text-decoration: underline;
}
#logo {
  position: absolute;
	left: 0px;
	z-index: 10;
}
#logo img {
  border: none;
}
#icons {
	z-index: 11;
	position: absolute;
	left: 86px;
	bottom: 3px;
}
img 
{
	border:0px;
}
.menuItem a:link, .menuItem a:visited {
	/*
	color: #FFF;
	width: 220px;
	height: 20px;
  color: white;
	font-size: 11px;
  display: block;
	padding-top: 2px;
  */
}
.menuItem a:hover {
	/*
	background-color: #008470;
  */
}
.menuItemSelected a:link, .menuItemSelected a:visited {
  background-color: #F7F3E1;
	font-weight: bold;
}
.folder 
{
	width: 100px;
	float: left;
	text-align: center;
}
.folder a:link, .folder a:visited {
  color: black;
	clear: left;
	display: block;
	width: 100px;
	height: 50px;
	overflow: hidden;
}
.clearit 
{
	clear:both;
}
.images 
{
  clear: both;
	color: black;
}
.image 
{
	width: 100px;
	height: 60px;
	float: left;
	margin-left: 10px;
	text-align: center;
  margin-top: auto; 
	overflow: hidden;
	margin-bottom: 10px;
}
.image a:hover {
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
.image 
{
	border: 1px solid #8B6900;
}
.fotonav td {
  height: 22px;
  padding-left: 10px;
	font-size: 12px;
	background-color: #8B6900;
	font-weight: bold;
	color: #E9DF7A;
}
.imgDisabled {
	filter: Alpha(Opacity=50);  
}
.imgEnabled {
	filter: Alpha(Opacity=100);  
}
.datagrid {
  width: 100%;
}
.datagrid1 td {
  font-size: 11px;  
  padding-left: 10px;
  height: 20px;
}
.datagrid1hr td {
  color: #01414F;
}
.tbl1 {
  width: 500px;
}

.tbl1 td {
	font-size: 11px;
	padding-left: 4px;
	border-top-width: 1px;
	border-top-style: solid;
  border-top-color: #CCC;

}
.tbl1 input {
  border: 1px solid #01414F;
  width: 290px;
}
.tbl1 textarea {
}
.search1 a:link, .search1 a:visited {
  background-color: #CFD6E8;
	font-size: 11px;
	display: block;
  padding: 10px;
	text-decoration: none;
	color: #003366;
}
.searchheader {
  font-weight: bold;
  color: #483F1C;
  text-decoration: none;
	font-size: 13px;
	margin-bottom: 4px;
}
.search2 a:link, .search2 a:visited {
	background-color: #E3E8F2;
	font-size: 11px;
	color: #003366;
	display: block;
  padding: 10px;
	text-decoration: none;
}
.search1 a:hover, .search2 a:hover {
  background-color: #C1CAE1;
}
.planroute td {
  color: #FFF;
	font-size: 12px;
}
.M1 a:link, .M1 a:visited {
	background-image: url(../Buttons/knopA.gif);
  width: 128px;
	float: left;
  height: 24px;
	text-align: center;
	font-size: 11px;
	padding-top: 5px;
	color: #000;
}
.M1 a:hover, .M2 a:hover {
	background-image: url(../Buttons/knopC.gif);
}
.M2 a:link, .M2 a:visited {
	background-image: url(../Buttons/knopB.gif);
  width: 128px;
	float: left;
  height: 24px;
	text-align: center;
	font-size: 11px;
	padding-top: 5px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.M3 a:hover {
	background-image: url(../Buttons/knopC.gif);
  width: 128px;
	float: left;
  height: 24px;
	text-align: center;
	font-size: 11px;
	padding-top: 5px;
	color: #000;
}

#menu a:link, #menu a:visited {
/*	color: #E9DF7A;
  text-decoration: none;
	display: block;
  height: 20px;
	font-size: 13px;
*/
	display: block;
  cursor: hand;
}
#menu a:hover {
/*  background-color: #8B6900;
	background-image: url(../Images/menu.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFF;
*/
}

#window {
  position: absolute;
	left: 755px;
	top: 232px;
	width: 245px;
	height: 187px;
	background-image: url(../Images/window.gif);
	background-repeat: no-repeat;
	padding-left: 6px;
	padding-top: 6px;
}
#window img 
{
 width: 227px;
 height: 171px;
}

#windowsgr {
  position: absolute;
	left: 860px;
	top: 440px;
	width: 245px;
	height: 187px;
	background-image: url(../Images/lcskleur.jpg);
	background-repeat: no-repeat;
	padding-left: 6px;
	padding-top: 6px;
}

/* Helaas lijkt microsoft's filter de basehref tag niet te respecteren... */
/* Deze vervelende absolute url manier is de enige oplossing /*

/* Diepte 0 */
.cssDepth0out a:link, .cssDepth0out a:visited {
  padding-top: 16px;
	background-image: url(../Images/button1.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/button1.png');	
	width: 179px;
	cursor: hand;
	color: #7c3520;
	text-decoration: none;
	display: block;
	height: 35px;
}
.cssDepth0out a:hover {
	background-image: url(../Images/button2.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/button2.png');	
}
.cssDepth0sel a:link, .cssDepth0sel a:visited {
	display: block;
	height: 100px;
  padding-top: 16px;
	background-image: url(../Images/button1.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/button1.png');	
	width: 179px;
	height: 35px;
	cursor: hand;
	color: #7c3520;
	font-weight: bold;
	text-decoration: none;
}
.cssDepth0sel a:hover {
	background-image: url(../Images/button2.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/button2.png');	
}

.cssClassOut0 a:link, .cssClassOut0 a:visited {
}
.cssClassOut0 a:hover {
}
.cssClassSel0 a:link, .cssClassSel0 a:visited {
}

/* Diepte 1 */
.cssDepth1out a:link, .cssDepth1out a:visited {
  text-decoration: none;
	background-image: url(../Images/level1x.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/level1x.png');
	color: #E9DF7A;
	height: 18px;
	display: block;
	width: 160px;
	background-color: tranparent;
}
.cssDepth1out a:hover {
  text-decoration: none;
	background-image: url(../Images/level1y.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/level1y.png');	
	color: #E9DF7A;
	height: 18px;
	display: block;
}
.cssDepth1sel a:link, .cssDepth1sel a:visited {
  text-decoration: none;
	background-image: url(../Images/level1x.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/level1x.png');
	color: #E9DF7A;
  font-weight: bold;
	height: 18px;
	display: block;
}
.cssDepth1sel a:hover {
  text-decoration: none;
	background-image: url(../Images/level1y.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/level1y.png');	
	color: #E9DF7A;
  font-weight: bold;
	height: 18px;
	display: block;
}

.cssClassOut1 a:link, .cssClassOut1 a:visited {
}
.cssClassOut1 a:hover {
}
.cssClassSel1 a:link, .cssClassSel1 a:visited {
}

/* Diepte 2 */
.cssDepth2out a:link, .cssDepth2out a:visited {
  text-decoration: none;
	background-image: url(../Images/level1y.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/level1y.png');	
	color: #E9DF7A;
	height: 18px;
	display: block;
}
.cssDepth2out a:hover {
}
.cssDepth2sel a:link, .cssDepth2sel a:visited {
  text-decoration: none;
	background-image: url(../Images/level1y.png);
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.sabletours.nl/Images/level1y.png');	
	color: #E9DF7A;
	height: 18px;
	display: block;
}
.cssDepth2sel a:hover {
}

.cssClassOut2 a:link, .cssClassOut2 a:visited {
}
.cssClassSel2 a:link, .cssClassSel2 a:visited {
}

.formulier table, .formulier td {
  border: none;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
}
.formulier td
{

	border-top-width: 1px;
	border-top-style: solid;
  border-top-color: #CCC;
}
.divHeader1 {
  display: block;
	background-color: #E0CEBA;
	padding-top: 2px;
	padding-bottom: 2px;
  padding-left: 2px;
	color: #7C3520;
	font-weight: bold;
}
.txtArea1 {
  border: 1px solid #AAA;
	overflow: auto;
	width: 236px;
}
.txtField1 {
  border: 1px solid #01414F;
	overflow: auto;
	width: 236px;
	float: right;
	margin-top: 1px;
}
.txtField2 {
  border: 1px solid #01414F;
	overflow: auto;
	width: 166px;
	float: right;
	margin-top: 1px;
}
.divToegang {
  margin-bottom: 20px;
}
.divToegang input {
  width: 250px;
  margin-bottom: 5px;
}

