BODY
{
  background       : url('../images/body_bg.png') no-repeat center 0 #1E1D02;
  color            : black;
  font-family      : sans-serif,'Lucida Grande', 'Lucida Sans Unicode';
  font-size        : 16px;
  padding          : 0px;
  margin           : 0px;
  line-height      : 18px;
  letter-spacing   : 0.6pt;
}

TABLE
{
  font-size      : 12px;
}

.small
{
  font-size      : 12px;
}


TH
{
  text-align     : left;
  font-size      : 8pt;
  margin         : 0px;
  font-weight    : bold;
  color          : #FFFFFF;
  border-bottom  : 1px dotted #FFFFFF;
}

TD
{
  margin         : 0px;
  vertical-align : text-top;
}

INPUT {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	color: #213C7B;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-size: 12px;
	height: 20px;
	margin: 2px;
	padding: 0 10px 2px;
}
TEXTAREA {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color:#213C7B;
}

H1
{
    color: #217d00;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: -0.3px;
}

H2
{
  color:#217d00;
  font-size:15px;
  font-weight:normal;
  margin-top    : 0px;
  margin-bottom : 0px;
}

H3
{
color:#F5A200;
font-size:14px;
font-style:italic;
font-weight:normal;
margin:0;
}

H4
{
  display:inline-block;
  color:#002E7A;
  font-size:15px;
  font-weight:normal;
  margin-top    : 0px;
  margin-bottom : 0px;
  padding-left : 5px;
}


H6
{
  font-size   : 12pt;
  color       : red;
  font-weight : bold;
  text-align  : center;
  margin      : 0px;
}

HR
{
  width : 100%;
  color: #FFFFFF; 
  background-color: #FFFFFF; 
  border: 1px dotted #972321; 
  border-style: none none dotted; 
}

P
{
  margin-top    : 0px;
  margin-bottom : 18px;
  line-height   : 24px;

}

a
{
    color: #ae7103;
    text-decoration:none;
}

a:hover 
{
    color: #7B797B;
}

.splitter
{
  background : #FFFFFF;
  height     : 2px;
  font-size  : 2px;
}

UL
{
}

LI
{
  padding : 0px;
  margin  : 0px;
}

.button2
{
  background-color:#54B450;
  border: 1px solid #54B450;
  color:#ffffff;
  -webkit-border-radius: 12px 12px 12px 12px;
  -moz-border-radius:  12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
    font-size: 12px;
    height: 20px;
    margin: 2px;
    padding: 0 10px 2px;
cursor : pointer;

}

.button
{	
	cursor : pointer;
	background-color: #3C9037;
	border: 1px solid #F5F5F5;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	background-image: -o-linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	background-image: linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	font-family: 'Lucida Grande';
	font-size: 11pt;
	color: #FDFCFF;
	text-shadow: rgba(0,0,0,1) 0px 0px 2px;


	padding-bottom:8px;
	margin-bottom:10px;

	padding-left:5px;
	font-size:11px;
	margin-top: 10px;
	padding-top: 8px;
	padding-right: 5px;
	
	margin-right: 10px;
	height: 32px;
}

.button:hover
{
  	background-color: #3C9037;


	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	background-image: -o-linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);
	background-image: linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);
}



#container
{
  width:980px;
  text-align: left;
  margin-right : auto;
  margin-left  : auto;
  background : #c0bfbf;
}

#container_inner
{
	position:relative;
	float:left;
  background       : url("../images/body_bg.png") repeat-x scroll center 0 #C0BFBF;

}

.container_splitter
{
  height : 10px;
  width : 100%;
  float : left;
  clear : both;
}

#container_site
{
}

#container_header
{
	float  : left;
	width  : 980px;
    color: #FFFFFF;
}

#container_header_inner
{
float : left;
}

#container_left
{
	width         : 250px;
	float         : left;
}


#container_box_1
{
  float : left;
  background-color: #B1D7B2;
  padding: 0px; 
  clear:both;
  width : 976px;
  border: 2px solid #FFFFFF; 
  text-align : center;
}

#container_box_1_inner
{
	width : 980px;
	text-align : left;
}


#container_main
{
	float:left;
	border-left: 2px solid #FFFFFF; 
	min-height:350px;
  	background-color: #B1D7B2;
width: 976px;
  border: 2px solid #FFFFFF; 
}

#container_right
{
  position:relative;
  width      : 198px;
  float      : right;
}

#container_footer
{
  clear      : both;
  min-height     : 224px;
  min-width : 980px;
}

#container_design
{  
  background-color: #2ba300;
  clear:both;
  height: 24px;
  text-align: left;
  width: 100%;
}



.layout_main
{
}

.layout_main_inner
{
	padding: 20px;
}

#container_main .content_box
{
	clear : both;
	margin-bottom:20px;
}

#container_main .content_box_inner
{
  margin-left  : 5px;
  margin-right : 5px;
}


#container_main .content_box H1
{
	text-align : center;
}


#form_main
{
}


#form_main .layout_form
{
	width:675px;
	float:left;
	clear : both;
	margin-bottom:20px;
	border: 0px solid;
	margin-top: 20px;
}

#form_main .layout_form_inner
{
}


#form_main .kop
{
	color: #f5a200;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	height: 22px;
	margin-bottom: 10px;
	padding-top: 10px;
	text-indent: 20px;
}


#form_main H1
{
	color: #f5a200;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
	height: 22px;
	margin-bottom: 10px;
	padding-top: 10px;
	text-indent: 20px;
}


#form_main .label 
{
  font-size:12px;
  float:left;
  width:175px;
  text-align : right;
  margin-top:  10px;
  margin-right: 10px;
  color:#217d00;
  vertical-align:text-top;
}

#form_main .veld
{
	float:left;
    	text-align : left;
	margin-top:5px;
}

#form_main textarea
{
  width : 400px;
  height : 150px;
  margin-left : 2px;
}

#form_main input
{
}

#form_main .radio
{
  border:0px solid #006db6;
  color:#006db6;
}

#form_main .checkbox
{
  border:0px solid #006db6;
  color:#006db6;
}

#form_main .knop
{

	background-color: #3C9037;
	border: 1px solid #F5F5F5;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	background-image: -o-linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	background-image: linear-gradient(90deg , rgb(40,96,36) 0%, rgb(74,159,71) 100%);
	font-family: 'Lucida Grande';
	font-size: 11pt;
	color: #FDFCFF;
	text-shadow: rgba(0,0,0,1) 0px 0px 2px;

	cursor : pointer;
	padding-bottom:8px;
	margin-bottom:10px;

	padding-left:10px;
	font-size:11px;
	margin-top: 10px;
	padding-top: 8px;
	padding-right: 10px;
	display: block;
	float: right;
	margin-right: 85px;
	height: 32px;
}

#form_main .knop:hover
{

	background-color: #3C9037;


	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3), inset 0px 0px 0px rgba(0,0,0,1);
	background-image: -o-linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);
	background-image: linear-gradient(90deg , rgb(74,159,71) 0%, rgb(40,96,36) 100%);



}

#form_main .clear
{
	clear:both;
}




#container_header .wrapper
{
	background-color: #000000;
	width: 100%;
	float: left;
}


#container_header .positie_site_afbeelding
{
	float: right;
}

#container_header .positie_bedrijfsinformatie
{
	float:left;
}

.layout_header
{
}

#container_header UL
{
  padding : 0px;
  margin  : 0px;

}

#container_header .positie_navigatie
{
	position : relative;
	width: 980px;
float:left;
}


#container_header .content_box
{
    
    float: left;
    height: 150px;
    margin-left: 10px;
    width: 450px;
}

#container_header .content_box_inner
{
  padding: 10px 45px;
}

#container_header .content_box H1
{
  margin-top    : -3px;
  margin-bottom : 10px;
  color         : #217d00;
}

#container_header .content_box HR
{
}

#container_header .content_box p
{
  color       : #ffffff;
  line-height : 18px;
}

#container_header .content_box a
{
  color:#FFFFFF;
}

#container_header .content_box a:hoover
{
  color:#FFFFFF;
}

#container_header .content_box .button
{
}

#container_header .content_box ul
{
  color:#2BA300;
  list-style:none;
}

#container_header .content_box ul li
{
  color: #2BA300;
  font-size: 11px;
  font-style: normal;
  list-style : square none inside;
  height: 15px;
}

#container_header .content_box ul li:hoover
{
  color:#C0BFBF;
}

#container_header .navigatie_box
{
	padding       : 0px;
	margin-left   : 0px;
	margin-top    : 0px;
	margin-bottom : 0px;
	margin-right  : 0px;
	height		  : 50px;
	z-index : 10;
	background-color: #217D00;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.47), inset 0px 0px 0px rgba(0,0,0,1);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.47), inset 0px 0px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.47), inset 0px 0px 0px rgba(0,0,0,1);
	background-image: -o-linear-gradient(180deg , #217D00 0%, #2BA300 100%);
	background-image: -moz-linear-gradient(90deg , #217D00 0%, #2BA300 100%);
	background-image: -webkit-linear-gradient(180deg , #217D00 0%, #2BA300 100%);
	background-image: -ms-linear-gradient(180deg , #217D00 0%, #2BA300 100%);
	background-image: linear-gradient(180deg , #217D00 0%, #2BA300 100%);

}

#container_header  .navigatie_box_inner
{
	padding-left: 8px;
}

#container_header  .navigatie_box a
{
	display			: block;
	color       	: #000000;
	text-decoration : none;
	cursor      	: pointer;
	margin-top		: 8px;
	height			: 50px;
}

#container_header  .navigatie_box ul
{
	list-style: none;
	height : 50px;
}


#container_header  .navigatie_box ul li
{
	float: left;
	padding-top : 10px;
	padding-left : 6px;
	padding-right : 5px;
	font-size : 13px;
	text-transform:uppercase;
	height:40px;
}


#container_header  .navigatie_box ul li:hover
{
background-color : #535353;
	background-image: -o-linear-gradient(180deg , #535353 0%, #2BA300 100%);
	background-image: -moz-linear-gradient(90deg , #535353 0%, #2BA300 100%);
	background-image: -webkit-linear-gradient(180deg , #535353 0%, #2BA300 100%);
	background-image: -ms-linear-gradient(180deg , #535353 0%, #2BA300 100%);
	background-image: linear-gradient(180deg , #535353 0%, #2BA300 100%);
}

#container_header .navigatie_box ul li a:hover
{
	color : #000000;
}


#container_header .navigatie_box ul li:hover
{
	color : #000000;
}




#layerLegenda
{
position : absolute; 
width    : 100%;
height   : 100%;
left     : 0px;
top      : 0px;
}


.jqmOverlay
{
  filter: alpha(opacity = 50);
  opacity: 0.5;
  background-color:#000000;
  height: 100%; 
  width: 100%; 
  position: fixed; 
  left: 0pt; 
  top: 0pt; 
  cursor: wait; 
  z-index: 2999;
}


.content_box
{
}

.jqmContent {
  background-color:White;
  border:1px solid #AAAAAA;
  margin:10px;
  height:365px;
}

.jqmContent_inner
{
}

.jqmFooter {
margin:5px 10px;
overflow:visible;
}
.jqmFooterButtons {
float:right;
}

.jqmWindow {
  background-color:#F8F4E9;
  border:1px solid #333333;
  color:#333333;
  display:none;
  left:50%;
  margin-left:-300px;
  padding:0;
  position:fixed;
  top:17%;
  width:600px;
  height: 450px; 
  width: 600px; 
  z-index: 3000; 
  display: block; 
}

.jqmWinHeader {
padding:0;
}
.jqmWinTitle { 
color:#7E261B;
font-size:18px;
font-weight:bold;
padding:10px 10px 0;
}

.jqmClose {
cursor:pointer;
float:right;
padding-right:10px;
}


* html .jqmWindow {
position:absolute;
}

.jqmFooterButtons {
float:right;
}


#container_footer .layout_footer
{
  margin: 0 auto;
  text-align: left;
  width: 994px;
}

#container_footer .layout_footer_inner
{
  color:#F3F3F3;
}

#container_footer UL
{
  padding : 0px;
  margin  : 0px;
}


#container_footer .layout_footer p
{
  padding-left : 0px;
  margin-top   : 0px; 
}

#container_footer .layout_footer H1
{
  color:#F3F3F3;
}

#container_footer .content_box
{
  width:197px;
  float:left;

  min-height:223px;
  border-right: 1px solid #cb7bd1; 

}

#container_footer .content_box_inner
{
  padding-left:10px;
}

#container_footer .content_box h1
{
}

#container_footer .content_box a
{
  color:#F3F3F3;
}

#container_footer .content_box a:hover
{
  color: #5C5C5C;
}

#container_footer .content_box .button
{
}

#container_footer .navigatie_box
{
  float : left;
  width:199px;
  height:223px;
 
  border-right: 1px solid #cb7bd1;
}

#container_footer .navigatie_box_inner
{
  padding-left:20px;
}

#container_footer .navigatie_box a
{
  color:#F3F3F3;
  text-decoration:none;
}

#container_footer .navigatie_box a:hover
{
  text-decoration:none;
  color:#503052;
}


#container_footer .navigatie_box ul
{
}

#container_footer .navigatie_box ul li
{
  list-style:square inside none;
}


#container_footer .navigatie_box ul li ul li
{
  list-style:square inside none;
  text-indent : 12px;
}



.positie_design
{
  float : right;
  color: #FFFFFF;
}

#container_design .layout_design
{
  margin: 0 auto;
  text-align: left;
  width: 980px;
}

#container_design .layout_design_inner
{
  padding-right : 5px;
  padding-top   : 4px;
}

#container_design UL
{
  padding : 0px;
  margin  : 0px;
}


#container_design  a
{
  color: #FFFFFF;
}

#container_design  a:hover
{
  color: #d2dc0b;
}




#container_design .navigatie_box
{
  padding       : 0px;
  margin-left   : 5px;
  margin-top    : 0px;
  margin-bottom : 0px;
  margin-right  : 0px;
}

#container_design .navigatie_box li
{
  list-style:none;
  display:inline;
}

#container_design .navigatie_box a
{
  padding-right:10px;
  display:block; 
  float:left;
  text-decoration:none;
}

#container_design a:hover
{
  color: #000000;
}

#container_design .navigatie_box li a.active
{
}

#container_design .navigatie_box li a:hover
{
  color: #000000;
}

#container_design .positie_navigatie
{
}

#container_design .positie_navigatie_inner
{
  margin: 0 auto;
  text-align: left;
  width: 980px;
}



#page
{
  clear:both;
  width:700px;
}

#page .layout_page_header
{
  background:url("../images/layout_page_header.png") no-repeat scroll 0 0 transparent;
  height:90px;
}

#page .layout_page_header H1
{
    font-family: times new roman,arial,verdana,sans-serif;
    font-size: 25px;
    padding-left: 80px;
    padding-top: 60px;
}

#page .layout_page_output
{
  background:url("../images/layout_page_output.png") scroll 0 0 transparent;
  float : left;
  width:700px;
}

#page .layout_page_output_inner
{
  margin-left  : 50px;
  margin-right : 60px;
}



#page .layout_page_footer
{
  background:url("../images/layout_page_footer.png") no-repeat scroll 0 0 transparent;
  height:100px;
  clear : both;
}