body {
font-size:100%;
background-color: #193a07;
margin: 2px 2px 0px 2px;
padding: 0.02em;
overflow-y: auto;
overflow-x: hidden;
}

/* POSITION BOXES */

.wrapper { 
font-family: verdana, arial, sans-serif; 
background-color: #fff; 
width: 100%; 
margin: 0em;
padding: 0em;
overflow: hidden;
}

.header  { 
background-image: url(../layout_images/Header_bg.jpg);
text-align: left; 
float: left; 
margin: 0em; 
padding: 0em; 
width: 100%; 
height: 6.25em;
}

.container {
width: 80%;
background-color: #fff;
margin: 0;
float: left;
}

.left {
padding-top: 1%;
padding-bottom: 2000px;
margin-bottom: -2000px;
min-height: 450px;
background-color: #FDE24A;
border-right: 0.02em solid #444;
font-size:0.70em;
color: #fff;
width: 19.8%;
min-width: 19%;
max-width: 19.8%;
margin-left: -1px;
float: left;
}

.main {
padding-top: 1%;
width: 80%;
min-height: 620px;
color: #000;
text-align: justify;
background-image: url(../layout_images/Maindiv-bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
margin-left: -0.02em;
float:left;
}

.lists {
width: 96%;
color: #000;
background-color: #193a07;
text-align:left;
margin: 1% 0% 0% 2%;
padding: 0;
float:left;
}


.right {
padding-top: 1%;
padding-bottom: 2000px;
margin-bottom: -2000px;
background-color: #FDE24A;
border-left: 0.02em solid #444;
font-size:0.60em;
color: #000;
width: 19.9%;
min-width: 19%;
max-width: 20%;
float: left;
}

/* TEXT STYLES */

.indextext {
color: #133700;
width: 65%;
font-size: 81%;
line-height: 120%;
margin: 0;
padding: 40px 15% 0% 15%;
float: left;
}


.lists h2 {
width: 100%;
font-size: 69%;
color: #D4F54E;
display: block;
margin: 0;
padding: 0.25% 0% 0.25% 0.5%;
float: left;
}

div.lists p {
color: #193a07;
background-color: #D4F54E;
display: block;
text-align: justify;
margin: 0;
margin-bottom: 0.25%;
padding: 0.5% 0.5% 0.5% 0.5%;
}

.main h1 {
width: 100%;
font-size: 81%;
color: #193a07;
display: block;
margin: 0;
padding: 40px 15% 0.25% 15%;
float: left;
}

.main h4 {
width: 100%;
font-size: 81%;
color: #193a07;
display: block;
margin: 0;
padding: 0px 15% 0.25% 15%;
float: left;
}

.main p {
color: #133700;
font-size: 79%;
line-height: 120%;
margin: 0;
padding: 10px 15% 0% 15%;
float: left;
}

.main a {
color: #133700;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}

.main a:hover {
color: #133700;
font-weight: bold;
text-decoration: underline;
margin: 0;
padding: 0;
}

.right p {
color: #133700;
font-size: 1.0em;
line-height: 120%;
width: auto;
margin: 0;
padding: 0 4px 0 4px;
float: left;
}

.right ul
{
float: left;
padding: 0 0 0 0px;
margin: 4px 0 0 10%;
list-style-position: outside; list-style-image: url("../layout_images/Listimg.gif"); 
}

.right li
{
float: left;
width: 100%;
padding: 0;
margin: 0 0 4px 0;
color: #133700;
font-size: 0.9em;
line-height: 120%;
/*list-style: url("../layout_images/Listimg.gif"), inside, circle;
list-style-position: outside;
list-style-image: url("../layout_images/Listimg.gif");*/
}

.right a {
   display:block;
   width:100%;
   padding: 0.3em 0em 0.3em 0em;
   text-indent:0.5em;
   text-decoration:none;
   background-image: url(../layout_images/Menu_bg.jpg);
   background-repeat: no-repeat;
   color:#444;
   background-color:#fece07;
   margin:0.1em 0em 0.3em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size: 1em;
   font-weight:bold;
}

.right a:selected {
   display:block;
   width:100%;
   padding: 0.3em 0em 0.3em 0em;
   text-indent:0.5em;
   text-decoration:none;
   color:#000;
   background-image: url(../layout_images/Menu2_bg.jpg);
   background-repeat: no-repeat;
   background-color:#f1f1f1;
   margin:0.1em 0em 0.3em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size:1em;
   font-weight:bold;
}

.right a:hover {
   background-color:#f1f1f1;
    background-image: url(../layout_images/Menu2_bg.jpg);
   background-repeat: no-repeat;
   }

.services {
width: 50%;
display: block;
background-color:  #193a07;
margin: 0;
padding: 0;
padding-bottom: 0.25%;
font-size: 69%;
float: left;
}

.services ul {
width: 98%;
background-color: #D4F54E;
margin: 0;
padding: 0% 1% 1% 1%;
}

.services li {
color: #193a07;
display: block;
list-style-type: none;
margin: 0;
padding: 0.5% 0% 0.5% 0%;
}

.main img {
width: 40%;
height: auto;
padding: 0;
padding-left: 4%;
float: right;
}

.indextext img {
width: 100%;
height: auto;
padding: 0;
float: left;
}

.mainleft {
width: 50%;
height: auto;
margin: 0em;
padding:0em;
float: left;
}

.headerimg  { 
background-image: url(../layout_images/Header_li.jpg);
background-repeat: no-repeat; 
background-postion: left;
width:100%;
height: 6.25em;
float: left;
}

.headtext {
float: left;
color: #C8F26F;
background-color: #193a07;
font-size: 68.75%;
font-weight: bold; 
width: 100%;
float: left; 
padding: 0.25em 0.25em 0.25em 1.00em; 
border-top: 1px solid #fff; 
}

/* LIST STYLES */

.columnwidth2 {
float: left;
width: auto;
margin:0;
padding: 0% 15% 0% 15%;
}

.columnwidth1 {
float: left;
width: 90%;
margin:0;
padding: 0% 2% 0% 8%;
}

.columnwidth1 p {
width: 100%;
display: block;
margin: 0 0 0 0.9%;
padding: 0 0 20px 0;
float: left;
}

.column1 {
float: left;
margin: 0;
padding: 0;
width: 99%;
}

.column1 h3 {
font-size: 11px;
font-weight: bold;
padding: 4px 0 2px 0;
width: 76%;
margin: 0;
float: right;
}

.column1 p {
font-size: 11px;
width: 76%;
margin: 0;
padding: 0;
display: block;
float: right;
}

.column1 img {
border: 1px solid #000;
width: 100%;
height: auto;
margin: 0 0 0 0;
padding: 0 0 0 0;
overflow: hidden;
float: left;
}

.column1 a {
width: 20%;
border: 4px solid #fff;
margin: 0 0 0 0;
padding: 0;
float: left;
}

.column1 a:hover {
margin: 0 0 0 0;
padding: 0;
border: 4px solid #FDE24A;
display: block;
float: left;
}
     
/* MENU LINK STYLES */

.mainMenuLink{
   display:block;
   width:100%;
   padding: 0.3em 0em 0.3em 0em;
   text-indent:2.4em;
   text-decoration:none;
   color:#444;
   background-image: url(../layout_images/MenuSelect_bg.jpg);
   background-repeat: no-repeat;
   background-color:#fece07;
   margin:0.1em 0em 0em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size: 1.00em;
   font-weight:bold;
}

.mainMenuLinkSelected{
   display:block;
   width:100%;
   padding: 0.4em 0em 0.4em 0em;
   text-indent:2.40em;
   text-decoration:none;
   color:#000;
   background-image: url(../layout_images/HoverSelect_bg.jpg);
   background-repeat: no-repeat;
   background-color:#fece07;
   margin:0.1em 0em 0em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size:1.00em;
   font-weight:bold;
}

.mainMenuLink:hover{
   background-image: url(../layout_images/HoverSelect_bg.jpg);
   background-repeat: no-repeat;
   background-color:#f1f1f1;
   }

.mainMenuLinkSelected:hover{
   background-image: url(../layout_images/MenuSelect_bg.jpg);
   background-repeat: no-repeat;
   background-color:#f1f1f1;
   }

.subMenuLink{
   display:block;
   width:100%;
   padding: 0.6em 0em 0.6em 0em;
   text-indent:4.0em;
   text-decoration:none;
   color:#444;
   background-image: url(../layout_images/MenuSelect_bg.jpg);
   background-repeat: no-repeat;
   background-color:#fece07;
   margin:0.1em 0em 0em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size: 0.8em;
   font-weight:bold;
}

.subMenuLinkSelected{
   display:block;
   width:100%;
   padding: 0.6em 0em 0.6em 0em;
   text-indent:4.0em;
   text-decoration:none;
   color:#000;
   background-image: url(../layout_images/HoverSelect_bg.jpg);
   background-repeat: no-repeat;
   background-color:#fece07;
   margin:0.1em 0em 0em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size:0.8em;
   font-weight:bold;
}

.subMenuLink:hover{
   background-image: url(../layout_images/HoverSelect_bg.jpg);
   background-repeat: no-repeat;
   background-color:#f1f1f1;
   }

.subMenuLinkSelected:hover{
   background-image: url(../layout_images/MenuSelect_bg.jpg);
   background-repeat: no-repeat;
   background-color:#f1f1f1;
  }

/* MENU LINK 2 STYLES */

.mainMenuLink2{
   display:block;
   width:100%;
   padding: 0.3em 0em 0.3em 0em;
   text-indent:0.5em;
   text-decoration:none;
   background-image: url(../layout_images/Menu_bg.jpg);
   background-repeat: no-repeat;
   color:#444;
   background-color:#fece07;
   margin:0.1em 0em 0.3em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size: 1em;
   font-weight:bold;
}

.mainMenuLink2Selected{
   display:block;
   width:100%;
   padding: 0.3em 0em 0.3em 0em;
   text-indent:0.5em;
   text-decoration:none;
   color:#000;
   background-image: url(../layout_images/Menu2_bg.jpg);
   background-repeat: no-repeat;
   background-color:#f1f1f1;
   margin:0.1em 0em 0.3em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size:1em;
   font-weight:bold;
}

.mainMenuLink2:hover{
   background-color:#f1f1f1;
    background-image: url(../layout_images/Menu2_bg.jpg);
   background-repeat: no-repeat;
   }

.mainMenuLink2Selected:hover{
    background-image: url(../layout_images/Menu_bg.jpg);
   background-repeat: no-repeat;
   background-color:#f1f1f1;
   }

.subMenuLink2{
   display:block;
   width:100%;
   padding: 0.1em 0em 0.2em 0em;
   text-indent:2em;
   text-decoration:none;
   color:#444;
   background-image: url(../layout_images/Menu_bg.jpg);
   background-repeat: no-repeat;
   background-color:#fece07;
   margin:0.1em 0em 0.3em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size: 0.8em;
   font-weight:bold;
}

.subMenuLink2Selected{
   display:block;
   width:100%;
   padding: 0.1em 0em 0.2em 0em;
   text-indent:2em;
   text-decoration:none;
   color:#000;
   background-image: url(../layout_images/Menu2_bg.jpg);
   background-repeat: no-repeat;
   background-color:#fece07;
   margin:0.1em 0em 0.3em 0em;
   border-top: 1px solid #444444;
   border-bottom: 1px solid #444444;
   font-size:0.8em;
   font-weight:bold;
}

.subMenuLink2:hover{
   background-color:#f1f1f1;
    background-image: url(../layout_images/Menu2_bg.jpg);
   background-repeat: no-repeat;
   }

.subMenuLink2Selected:hover{
    background-image: url(../layout_images/Menu_bg.jpg);
   background-repeat: no-repeat;
   background-color:#f1f1f1;
  }

/* GOOGLE MAPS: */

.edroute_content
{
	/* Tekst gedeelte */
	float: left;
	width: 100%;
	height: auto;
}

.edroute_map
{
	/* De kaart */
	float: left;
	width: 100%;
	height: 300px;
}

.edroute_form
{
	/* Het formuliertje */
	float: left;
	width: 350px;
	height: auto;
}

.edroute_dir
{
	/* De routeomschrijving */
	float: left;
	width: 350px;
	height: auto;
}

.googletext {
font-family: verdana, arial, sans-serif; 
font-size: 10px; 
text-align: left;
} 

.googledir td {
font-size:10px;
}

/* Popup */
div.popup_wrapper
{
	float: left;
	display: block;
	width: 600px;
	height:	550px;	
	position: absolute;
	top: 0px;
	left: 50%;
	background-color: #fed31f;
	margin: 0px 0px 0px -300px;
}

div.popup_image
{
	float: left;
	display: block;
	width: 600px;
	height:	530px;
	background-color: #FFFFFF;
	text-align: center;
}

.popup_image img
{
	/* geen width/height, wordt bepaald d.m.v. php */
}

div.popup_text
{
	float: left;
	display: block;
	width: 560px;
	padding-top: 3px;
	height:	20px;
	background-color: transparent;
	color: #133700;
	font-family: verdana, arial, sans-serif;
	font-size:0.70em;
	text-align: center; 
}

a.popup_previous
{
	float: left;
	display: block;
	background-image: url(../layout_images/popback.jpg);
	background-repeat: no-repeat; 
	background-postion: left;
	width: 20px;
	height:	20px;
	background-color: #FFF;
}

a.popup_next
{
	float: right;
	display: block;
	background-image: url(../layout_images/popforw.jpg);
	background-repeat: no-repeat; 
	background-postion: right;
	width: 20px;
	height:	20px;
	background-color: #FFF;
}

/* FORM STYLES */

form
{
width: 69.5%;
margin: 8px 15.5% 0 15%;
float: left;
background-color: transparent;
display: block;
}

.formdiv p
{
font-size: 0.7em;
color: #000000;
display: block;
text-align: left;
width: 100%;
margin: 0;
padding: 0px 0 4px 4px;
float: left;
}

.formdiv input
{
display: inline;
margin: 0;
padding: 0px 0 0px 4px;
font-family: verdana, arial, sans-serif; 
font-size: 1.0em;
width: 100%;
color: #000000;
background-color: #FFF;
border: 1px solid #F4DAAB;
}

.formdiv ul {
width: 100%;
display: block;
margin: 0 0 0 0;
margin-bottom: 8px;
padding: 0 0 0 4px;
float: left;
}

.formdiv li {
font-size: 0.7em;
color: #000000;
vertical-align: top;
text-align: left;
color: #193a07;
display: block;
background-color: transparent;
list-style-type: none;
margin: 0;
padding: 0;
float: left;
}

textarea
{
display: inline;
vertical-align: top;
margin: 0;
margin-left: 4px;
padding: 0px 0 1px 4px;
font-family: verdana, arial, sans-serif; 
font-size: 1.0em;
color: #000000;
/*height: 1em;*/
border: 1px solid #F4DAAB;
background-color: #FFF;
}

select
{
display: inline;
vertical-align: top;
margin: 0 4px 0 4px;
padding: 0px 0px 1px 0px;
color: #000000;
font-family: verdana, arial, sans-serif; 
font-size: 1.0em;
border: 1px solid #F4DAAB;
background-color: #FFF;
}

.left2
{
width: 14%;
display: block;
float: left;
}

.seventy
{
width: 84.8%;
display: block;
float: left;
}