body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #E8E0B6;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#container {
	width: 1000px;
	background: #ffffff;
	margin: 0 auto;
	border: 2px solid #B4990D;
	border-top-width:1px;
	text-align: left;
}

#mainContent {
	padding: 0 20px;
	background: #ffffff;
}

#divMap {
	
    position:relative;
    width:1000px;
    left: 0px;
    top: 0px;
	/*overflow:auto;*/
    margin-left:-20px;
    margin-bottom:0px;
}

/************************************************
 mainheader
*************************************************/
.mainHeader {
	background: #B4990D; 
	background-image:url(../images/backgrounds/header.jpg);
	background-repeat:no-repeat;
	/*padding: 20px 10px 0 20px;*/
	height:181px;
}
.mainHeader h1 {
	margin: 0; 
	padding: 10px 0;
	font-size:16px;
}

/************************************************
 mainmenu
*************************************************/
.mainmenu {
	background-color: #B4990D;
	height: 27px;
	width:100%
}

/************************************************
 footer
*************************************************/
.mainFooter {
	background:#B4990D;
	color: #E8E0B6;
	padding: 6px 10px 3px 10px;
	height:15px;
}

a:focus {
    outline: 0;
}

.mainFooter a:link
{
	color: #E8E0B6;
	text-decoration: none;
}

.mainFooter a:visited
{
	color: #E8E0B6;
	text-decoration: none;
}

.mainFooter a:hover
{
	color: #ffffff;
	text-decoration: none;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/************************************************
 qtip balloon
*************************************************/
.popupTitle 
{
    text-align:left; padding:10px; background-color:#E8E0B6; font-weight:bold; padding: 7px 12px;; font-size:11px;
}

.popupContent 
{
   max-width:350px;max-height:350px;overflow-x:hidden;overflow-y:auto;
}

.popupText 
{
   margin: 10px 10px 4px 10px;
   font-size:11px;
}

.popupFooter
{
  text-align:right;
  font-size:10px;
  padding:0px 10px 5px 10px;
}

.popupFooter a:link
{
	color: #69F;
	text-decoration: none;
	font-weight: bold;
}

.popupFooter a:visited
{
	color: #69F;
	text-decoration: none;
	font-weight: bold;
}

.popupFooter a:hover
{
	color: #66F;
	text-decoration: none;
	font-weight: bold;
}

.popupFooter .T1 a:link 
{
	color: #615107;
}

.popupFooter .T1 a:visited 
{
	color: #615107;
}

.popupFooter .T1 a:hover 
{
	color: #473B21;
}

.popupFooter .T2 a:link 
{
	color: #0090b4;
}

.popupFooter .T2 a:visited 
{
	color: #0090b4;
}

.popupFooter .T2 a:hover 
{
	color: #007286;
}

.popupFooter .T3 a:link 
{
	color: #0090b4;
}

.popupFooter .T3 a:visited 
{
	color: #0090b4;
}

.popupFooter .T3 a:hover 
{
	color: #007286;
}

/*************************************************
hyperlinkstyle
**************************************************/
/*
a:link
{
	color: #69F;
	text-decoration: none;
	font-weight: bold;
}

a:visited
{
	color: #69F;
	text-decoration: none;
	font-weight: bold;
}

a:hover
{
	color: #66F;
	text-decoration: none;
	font-weight: bold;
}
*/
#minheight
{
    min-height:400px;
}

.small
{
    font-size:10px;
}


/* url's with arrow type 1*/
.navigate_01 a:link, .navigate_01 a:visited
{
     background-image:url(../images/icons/arrow_03.gif);
     background-repeat:no-repeat;
     background-position: 0px 4px;
     padding-left:10px;
     margin-left:0px;
}

.navigate_01 a:hover
{
     background-image:url(../images/icons/arrow_04.gif);
}

/* url's with arrow type 2*/
.navigate_02 a:link, .navigate_02 a:visited
{
     font-size:9px;
     background-image:url(../images/icons/arrow_01.gif);
     background-repeat:no-repeat;
     background-position: 0px 3px;
     padding-left:8px;
     margin-left:0px;
}
.navigate_02 a:hover
{
     background-image:url(../images/icons/arrow_02.gif);
}

/* url's with arrow type 3*/
.navigate_03 a:link, .navigate_03 a:visited
{
     background-image:url(../images/icons/arrow_07.gif);
     background-repeat:no-repeat;
     background-position: 0px 4px;
     padding-left:10px;
     margin-left:0px;
}
.navigate_03 a:hover
{
     background-image:url(../images/icons/arrow_08.gif);
}

/* url's with arrow type 4*/
.navigate_04 a:link, .navigate_04 a:visited
{
     font-size:9px;
     background-image:url(../images/icons/arrow_05.gif);
     background-repeat:no-repeat;
     background-position: 0px 3px;
     padding-left:8px;
     margin-left:0px;
}
.navigate_04 a:hover
{
     background-image:url(../images/icons/arrow_06.gif);
}

/*************************************************
Poi icons
**************************************************/
.divPoi {
	position:absolute;
	width:24px;
	height:24px;
	z-index:0;
	/*background-color: #00ff00;*/
	left: 0px;
	top: 0px;
    background-image:url(../images/icons/poi_small_01.png);
    background-position: 0px 0px;
}

/*type1: locatie*/
.divPoi.T1 {
    background-image:url(../images/icons/poi_small_01.png);
}

/*type2: deelgebied*/
.divPoi.T2 
{
	width:36px;
	height:36px;
    
    background-image:url(../images/icons/poi_small_02.png);
}

/*type3: multiple*/
.divPoi.T3
{
    background-image:url(../images/icons/poi_small_03.png);
}

.divPoi.hover{
    background-position: -24px 0px;
    cursor:pointer;
}

.divPoi.pressed{
    background-position: -48px 0px;
    cursor:pointer;
}

.divPoi.hover.T2{
    background-position: -36px 0px;
}

.divPoi.pressed.T2{
    background-position: -72px 0px;
}


/*************************************************
Wiki link
**************************************************/
.wiki
{
	display:none;
	color: #69F;
	text-decoration: none;
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	width:auto;
}

.wiki.hover{
	color: #66F;
	text-decoration: none;
	font-weight: bold;
	cursor:pointer;
}

.wiki.pressed{
	color: #66F;
	text-decoration: none;
	font-weight: bold;
}

/*************************************************
 tekstinput
**************************************************/
.textbox_multiline
{
	width:100%;
	height:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #7F9DB9;
}

.textbox
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #7F9DB9;
}

.editlabel
{
	color: #012047;
	background-color:#f6f6f6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	width: 160px;
	vertical-align: top; /*border:solid 1px #B4990D;	*/
}

.editfield
{
    background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #012047;
    /*width: 160px;*/
	padding: 2px 4px 2px 4px;
}

table.edit
{
	border-collapse: collapse; /*	border-spacing: 0px 0px;*/
	padding: 0px 0px;
	border: 0px;
	margin: 0px;
}

.displaylabel
{
	color: #012047;
	background-color:#f6f6f6;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	width: 160px;
	vertical-align: top; /*border:solid 1px #B4990D;	*/
}

.displayfield
{
    background-color:#ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #012047;
    /*width: 160px;*/
	padding: 2px 4px 2px 4px;
}


/*************************************************
 tekst
**************************************************/
.notitie_error{
	font-size:10px;
	color:Red;
}

.small10{
	font-size:10px;
}

.small8{
	font-size:8px;
}

/*************************************************
 borders
**************************************************/

.border01
{
	border: solid 1px #7F9DB9 ;
	padding:10px;
	margin-bottom: 5px;
	margin-top:5px;
}

/*************************************************
 etc
**************************************************/
.button
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	background-color:#B4990D ;
	height: 22px;
}

.image_button
{
	cursor: pointer;
	border: 0;
	vertical-align: middle;
}

.link_image
{	
	cursor: pointer;
	border: 0;
}


.image_icon
{
	border: 0;
}

.flatframe
{
	border-left-color: #D4D4D4;
	border-top-color: #D4D4D4;
	border-right-color: #D4D4D4;
	border-bottom-color: #D4D4D4;
	border-style: solid;
	border-width: 1px;
	width:100%;
	
	padding:4px;
	background-color:#ffffff;
}

.topictitle
{
    background-color:#CFCFCF;
    color:#ffffff;
    font-weight:bold;
    font-size:14px;
    letter-spacing:1px;
    padding:1px 4px 1px 6px;
    margin:8px 0px 6px 0px;
}
/*************************************************
reactie
**************************************************/
.reactieframe
{
    /*background-color:#EEEEEE;*/
   /* margin-top:-6px;*/
    margin:-12px -13px -12px -13px;
}

.reactieframe .title
{
    margin-top:5px;
    color:#8A730A;
    font-weight:bold;
    letter-spacing:1px;
    font-size:10px;
    text-align:center;
    margin-bottom:4px;
    background-color:#e8e0b6;
    padding:0px 4px 4px 4px;
}

.reactieframe .content
{
   /* background-color:#FEFEFE;*/
    padding:4px 6px 8px 6px;
}

.reactieframe .footer
{
/*    color:#999999;
    font-size:10px;
*/
    color:#999999;

    
    font-weight:bold;
    letter-spacing:1px;
    font-size:8px;
    
    text-align:right;
    margin-bottom:5px;
    margin-right:4px;
    /*background-color:#ffffff;
    padding:1px 4px 1px 6px;*/
}

/*************************************************
 boxes
**************************************************/

/*round box 01*/
.box01
{
}

.box01 .box { background: url(../images/borders/box01_tl.png) no-repeat top left; }
.box01 .boxtop { background: url(../images/borders/box01_tr.png) no-repeat top right; }
.box01 .boxbottom { background: url(../images/borders/box01_bl.png) no-repeat bottom left; }
.box01 .boxbottom div {	background: url(../images/borders/box01_br.png) no-repeat bottom right; }
.box01 .boxcontent { background: url(../images/borders/box01_r.png) top right repeat-y; }

.box01 .boxtop, .box01 .boxtop div, .box01 .boxbottom, .box01 .boxbottom div {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.box01 .boxcontent, .box01 .boxbottom {
	margin-top: -15px;
}
.box01 .boxcontent {
    padding: 0 15px; 
}

/*************************************************
 following is for javascript popup calendar style
**************************************************/
.datePicker
{
    background-image:url(/styles/images/icons/calendar.gif);
    background-repeat:no-repeat;
    cursor:pointer;
    padding-top:2px;
    padding-left:20px;
    padding-bottom:2px;
}

.cpYearNavigation, .cpMonthNavigation, .cpMonthNavigation a:link, .cpMonthNavigation a:hover, .cpMonthNavigation a:visited
, .cpYearNavigation a:link, .cpYearNavigation a:hover, .cpYearNavigation a:visited
{
	background-color: #B4990D;
	text-align: center;
	vertical-align:middle;
	text-decoration: none;
	color: white;/*#012047;*/
	font-weight: bold;
}
.cpDayColumnHeader, .cpYearNavigation, .cpMonthNavigation, .cpCurrentMonthDate, .cpCurrentMonthDateDisabled, .cpOtherMonthDate, .cpOtherMonthDateDisabled, .cpCurrentDate, .cpCurrentDateDisabled, .cpTodayText, .cpTodayTextDisabled, .cpText
{
	font-family: arial;
	font-size: 8pt;
}
TD.cpDayColumnHeader
{
	text-align: right;
	border: solid thin #977E0B;
	border-width: 0px 0px 1px 0px;
	color:#977E0B;
}

.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate, .cpCurrentMonthDate a, .cpCurrentMonthDate a:link, .cpCurrentMonthDate a:hover, .cpCurrentMonthDate a:visited
{
	text-align: right;
	text-decoration: none;
}

.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled
{
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}

.cpCurrentMonthDate, .cpCurrentDate, .cpCurrentMonthDate a, .cpCurrentMonthDate a:link, .cpCurrentMonthDate a:hover, .cpCurrentMonthDate a:visited
{
	color: #977E0B;
}
.cpOtherMonthDate, .cpCurrentMonthDate a, .cpOtherMonthDate a:link, .cpOtherMonthDate a:hover, .cpOtherMonthDate a:visited
{
	color: #DCCE8E;
}

TD.cpCurrentDate
{
	color: white;
	background-color: #B4990D;
	border-width: 1px;
	border: solid thin #977E0B;
}

TD.cpCurrentDate a, TD.cpCurrentDate a:link, TD.cpCurrentDate a:hover, TD.cpCurrentDate a:visited
{
	color: white;
}

TD.cpCurrentDateDisabled
{
	border-width: 1px;
	border: solid thin #FFAAAA;
}
TD.cpTodayText, TD.cpTodayTextDisabled
{
	border: solid thin #B4990D;
	border-width: 1px 0px 0px 0px;
}

A.cpTodayText, SPAN.cpTodayTextDisabled
{
	height: 20px;
}
A.cpTodayText, .cpTodayText a:link, .cpTodayText a:hover, .cpTodayText a:visited
{
	color: #977E0B;
}
.cpTodayTextDisabled
{
	color: #D0D0D0;
}
.cpBorder
{
	border: solid thin #B9B9B9;
}

/* end javascript popup calendar styles*/