/* Fancy form styles for IE */

body {margin: 0;}

a:link {color: blue;}
a:visited {color: blue;}


div.texthold {
   width: 98%;
}
div.RightCol {
   width: 260px;
}

/* Width of text colomn */
div.content {
   width: 720px;
}

ul.topnav {
    list-style-type: none;
    margin: 4px;
    padding: 0px;
    overflow: hidden;
    background-color: #ffffff;
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    text-align: center;
    padding: 6px 12px;
    text-decoration: none;
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 14pt;
	color: #0b4f91;
	width: 90%;
}

ul.topnav li a:hover:not(.active) {background-color: #f1f1f1;}

ul.topnav li a.active {background-color: #a5e5e8;}

ul.topnav li.right {float: right;}

ul.subnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
}

ul.subnav li {
    display: block;
    color: #0b4f91;
    text-align: center;
    text-decoration: none;
}

ul.subnav li a {
    display: block;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 14pt;
	color: #0b4f91;
	width: 90%;
}

ul.subnav li a.active {background-color: #a5e5e8;}

ul.subnav li.right {float: right;}


ul.tbx {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
}

ul.tbx li {float: left;}

ul.tbx li a {
    display: block;
    color: white;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
}

ul.tbx li.right {float: right;}



/* Mobile settings for layout */
div.m_content {
   width: 470px;
}


ul.mtopnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
}

ul.mtopnav li {float: left;}

ul.mtopnav li a {
    display: block;
    text-align: center;
    padding: 8px 10px;
    text-decoration: none;
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 10pt;
	color: #0b4f91;
	width: 90%;
}

/*ul.mtopnav li a:hover:not(.active) {background-color: #f1f1f1;}*/

ul.mtopnav li a.active {background-color: #a5e5e8;}

ul.mtopnav li.right {float: right;}

ul.msubnav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
}

ul.msubnav li {
    display: block;
    color: #0b4f91;
    text-align: center;
    text-decoration: none;
}

ul.msubnav li a {
    display: block;
    text-align: center;
    padding: 8px 10px;
    text-decoration: none;
	font-family: 'Encode Sans Semi Expanded', sans-serif;
	font-size: 10pt;
	color: #0b4f91;
	width: 90%;
}

ul.msubnav li a.active {background-color: #a5e5e8;}

ul.msubnav li.right {float: right;}



/*
@media screen and (max-width: 500px){
   .flex-container, .topnav {
      width: auto;   
      flex-direction: column;
   }
   .content {
      width: 350px;
   }
}*/
   
@media screen and (max-width: 600px){
   .flex-container, .topnav {
      width: auto;   
      flex-direction: column;
   }

    ul.topnav li.right, 
    ul.topnav li {float: none;}
	
    ul.subnav li.right, 
    ul.subnav li {float: left;}
	
    ul.tbox li.right, 
    ul.tbx li {float: none;}
}

h1           { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 18pt; font-weight: bold; color: #0b4f91; }
h2           { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 16pt; font-weight: bold; color: #0b4f91; }
h3           { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 14pt; font-weight: bold; color: #0b4f91; }
h4           { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 12pt; font-weight: bold; color: #0b4f91; }

.note        { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 8pt; color: #0b4f91; }
.tags        { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 4pt; color: #ffffff; }
.text        { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 14pt; color: #0b4f91; width: 90%; }
.textb       { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 14pt; font-weight: bold; color: #0b4f91; width: 90%; }
.text10      { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 10pt; color: #0b4f91; }
.title       { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 18pt; font-weight: bold; color: #0b4f91; }

.mtext       { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 10pt; color: #0b4f91; width: 90%; }
.mtextb      { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 10pt; font-weight: bold; color: #0b4f91; width: 90%; }
.mtext08     { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 8pt; color: #0b4f91; }
.motitle     { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 12pt; font-weight: bold; color: #0b4f91; }

.table00     { border-style: outset; border-width: 0; width: 763; cellPadding: 0; cellSpacing: 0; noresize; }
.table01     { border-style: outset; border-width: 0; width: 100; }
.table02     { border-style: solid; border-width: 0; width: 100%; }

ul           { font-family: 'Encode Sans Semi Expanded', sans-serif; font-size: 12pt; color: #0b4f91;  }


table.index  { background: url(../images/backgrounds/thailand01.webp);
}
table.intro  { background: url(../images/backgrounds/stones_corner.webp);
}
table.m_index { background: url(../images/backgrounds/m.thailand_corner.webp);
}
table.m_intro { background: url(../images/backgrounds/m.stones_corner.webp);
    background-repeat:no-repeat;
    background-position:bottom bottom;
}

td.title { font-family: 'Encode Sans Semi Expanded', sans-serif;
           font-size: 18pt;
		   font-weight: bold;
		   color: #0b4f91;
		   text-align: left;
}
td.title_c { font-family: 'Encode Sans Semi Expanded', sans-serif;
           font-size: 18pt;
		   font-weight: bold;
		   color: #0b4f91;
		   text-align: center;
}

td.mtitle { font-family: 'Encode Sans Semi Expanded', sans-serif;
           font-size: 12pt;
		   font-weight: bold;
		   color: #0b4f91;
		   text-align: left;
}
td.mtitle_c { font-family: 'Encode Sans Semi Expanded', sans-serif;
           font-size: 12pt;
		   font-weight: bold;
		   color: #0b4f91;
		   text-align: center;
}
td.texttop { font-family: 'Encode Sans Semi Expanded', sans-serif;
           font-size: 14pt;
		   color: #0b4f91;
		   width: 5;
		   text-align: left;
		   vertical-align:top
}
td.mtexttop { font-family: 'Encode Sans Semi Expanded', sans-serif;
           font-size: 10pt;
		   color: #0b4f91;
		   width: 10;
		   text-align: left;
		   vertical-align:top
}

.bg_thailand01 {
			background-image: url(http://spiritueeldomein.nl/images/backgrounds/thailand01.webp);
}
.bg_thailand_corner {
			background-image: url(http://spiritueeldomein.nl/images/backgrounds/m.thailand_corner.webp);
}
.bg_stones01 {
			background-image: url(http://www.spiritueeldomein.nl/images/backgrounds/stones01.webp);
}
.bg_stones_corner {
			background-image: url(http://www.spiritueeldomein.nl/images/backgrounds/m.stones_corner.webp);
}