/* reset */

form, p, ul
{
  padding: 0px;
  margin: 0px;
}

a
{
  color: #000;
}


body, html
{
  padding: 0px;
  margin: 0px;
  font-size: 83%;
  line-height: 110%;
  font-family: sans-serif;
  /* background: #fff url(../img/rpcare08/contentBg.gif) repeat-y center center ! important; */
  padding-bottom: 36px;
}

/* rpcare aanbiedinglijst  */

.rpcareachtergrondactie
{
  height: 110px;
  width: 505px;
  background: #e5f0cb;
  padding: 12px 12px 12px 12px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.rpcarekopactie
{
 font-weight: bold;
 margin-left: 120px;
 font-size: 12px;
 color: #000000;
}

.rpcarepaddingactie
{
 margin-top: 10px;
 margin-left: 120px;
 font-size: 12px;
 color: #000000;
 width: 280px;
}

.rpcareprijsactie
{
 margin-top: -90px;
 margin-left: 450px;
 font-size: 14px;
 color: #ff0000;
 font-weight: bold;
}

.rpcareimgactie
{
 float: left;
 margin-top: -10px;
}

.stacaravansButton
{
  margin-top: 0px;
  float: right;
  background: url(../img/rpcare08/smallButtons.jpg) no-repeat right top;  
  text-align: center;
  font-size: 0.9em;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 2px;
  width: 90px;
  line-height: 100%;
}

/* einde rpcare aanbiedinglijst  */

#page
{
  background: #fff url(../img/rpcare08/contentBg.gif) repeat-y center center !important;
  width: 798px;
  margin: 0px auto;
}

#wrapper
{
  position: relative;
  width: 778px;
  background: transparent url(../img/rpcare08/headerBg.jpg) repeat-x left top;
  margin-left: 10px;
}

#header
{
  position: relative;
  height: 120px;
}

#logo
{
  position: absolute;
  left: 12px;
  top: 4px;
  background: transparent url('../img/rpcare08/logo-rpcare.jpg') no-repeat left top;
  width: 198px;
  height: 79px;
}

#payOff
{
  position: absolute;
  left: 235px;
  top: 50px;
  background: transparent url('../img/rpcare08/payoff-rpcare.jpg') no-repeat left top;
  width: 283px;
  height: 53px;
}
 
#logo img
{
  border: 0px
}

#content
{
  width: 536px;
  float: left;
  margin-left: 18px;
  position: relative;
  /* overflow: hidden; */
  padding-top: 38px;
  padding-bottom: 18px;
  color: #444;
  line-height: 145%;
}

#content h1
{
  color:#3E4999;
  font-size: 14px;
  margin-bottom:12px;
  margin-top: 8px;
  text-transform:uppercase;
  display: block;
}

#content h2
{
  color:#333;
  font-size: 12px;
  margin-bottom:12px;
  margin-top: 2px;
  text-transform:uppercase;
  clear: both;
}

.clear
{
  clear: both;
}

.paragraaf h1
{
  display: inline ! important;
}

.paragraaf
{
  margin-bottom: 10px;
  position: relative;
}

.imageRight
{
  float: right;
  margin-left: 12px;
}

.imageLeft
{
  float: left;
  margin-right: 12px;
}


#leftColumn
{
  float:left;
  overflow:hidden;
  position:relative;
  width:190px;
  padding: 12px;
}

/* sidepanels */

#leftColumn .panelgreen,
#leftColumn .panelblue,
#leftColumn .panelwhite
{
  padding: 12px;
  margin-bottom: 12px;
  position: relative;
  overflow: hidden;
  width: 166px;
} 

#leftColumn .panelgreen img,
#leftColumn .panelblue img,
#leftColumn .panelwhite img
{
  border: 0px;
  position: relative;
}

#leftColumn .panelgreen 
{
  background:#E9F1D9 url(/img/rp08/panelGreenBg.jpg) repeat-x scroll left top;
}

#leftColumn .panelblue 
{
  background:#E3F5FF url(/img/rp08/panelBlueBg.jpg) repeat-x scroll left top;
  position:relative;
}

#leftColumn .panelwhite
{
  background:#FFFFFF repeat-x scroll left top;
  position:relative;
}

#leftColumn .panelgreen h2,
#leftColumn .panelwhite h2,
#leftColumn .panelblue h2
{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.1em;
  margin: 0;
  padding: 0 0 3px 0;
}

#leftColumn .panelgreen p,
#leftColumn .panelwhite p,
#leftColumn .panelblue p
{
  margin-bottom: 3px;
}

#leftColumn .panelgreen h2
{
  color: #8ECD25;
}

#leftColumn .panelblue h2
{
  color: #4D5EAA;
}

.panel 
{
  margin-bottom:10px;
  overflow:hidden;
  padding:8px;
  border: 1px solid green;
  padding: 8px;
  overflow: hidden;
}

/* menu styles */

#theMenu 
{
  font-size: 12px;
  font-weight: normal;
  letter-spacing: .05px;
  margin-bottom: 12px;
  display: block;
}

#theMenu li
{
  list-style-type: none;
  border-bottom: 1px solid #d6ecab;
}

#theMenu li ul li
{
  list-style-type: none;
  border: none;
  padding-top: 2px;
  padding-bottom: 2px;
}

#theMenu li,
ul#theMenu,
#theMenu ul
{
  margin: 0px;
  padding: 0px;
}

#theMenu 
{
  font-size: 12px;
  font-weight: normal;
  letter-spacing: .05px;
  margin-bottom: 24px;
  margin-bottom: 24px ! important;
}

ul#theMenu li ul
{
  padding-left: 24px;
}

#theMenu a,
#theMenu
{
  color: #8a8a8a;
  text-decoration: none;
  text-transform: lowercase;
}

#theMenu .head
{
  margin: 6px 0 3px 6px;
}

#theMenu h3 a
{
  font-size: 14px;
  font-weight: normal;
 	background: url(../img/rpcare08/mainNavBg.jpg) no-repeat left 2px;
 	padding-left: 16px;
 	color: #4c4c4c;
}

#theMenu h3 a:hover
{
  background-position: left -30px;
}


#theMenu h3.selected a
{
 	background: url(../img/rpcare08/mainNavBg.jpg) no-repeat left -30px ! important;
  padding-left: 16px;
}

/* breadCrumb */

ul#breadCrumb
{
  clear: both;
  display: block;
  height: 38px;
  font-size: .9em;
}

ul#breadCrumb li.firstLi
{
  padding: 0px;
  background: none;
  margin-left: 0px;
}

ul#breadCrumb,
ul#breadCrumb li
{
  padding: 0px;
  margin: 0px;
}

ul#breadCrumb li
{
   float: left;
   display: block;
   padding-left: 8px;
   background: url('../img/rpcare08/breadcrum_arrow.gif') no-repeat 0px 3px;
   margin-left: 4px;
}

ul#breadCrumb li.start
{
  background: none ! important;
  padding-left: 0px;
  margin: 0px;
  display: none;
}

ul#breadCrumb li.home
{
   float: left;
   display: block;
   padding-left: 0px;
   background: none;
   margin-left: 0px;
}

ul#breadCrumb li a
{
  color: #4d5fab;
  text-decoration: none;
  text-transform: lowercase;
}

ul#breadCrumb li a:hover
{
  text-decoration: underline;
}

/* topMenu */


ul#topMenu
{
  position: absolute;
  right: 8px;
  top: 135px;
  padding: 0px;
  margin: 0px;
  z-index: 100;
}

ul#topMenu
ul#topMenu li
{
  padding: 0px;
  margin: 0px;
}

ul#topMenu li
{
  float: left;
  display: block;
  margin-left: 4px;
}

ul#topMenu li a
{
  text-decoration: none;
  color: #8ecd26;
  background: transparent url('../img/rpcare08/topMenuTabBg.jpg') no-repeat left top;
  display: block;
  padding: 0px;
}

ul#topMenu li a.active
{
  text-decoration: underline;
}



ul#topMenu li a span
{
  background: transparent url('../img/rpcare08/topMenuTabBg.jpg') no-repeat right top;
  padding: 4px 8px 0px 6px;
  margin-left: 2px;
  display: block;
}


ul#topMenu li a:hover
{
  background-position: left -20px;

}

ul#topMenu li a:hover span
{
  background-position: right -20px;
  color: #8ECE22
}

/* subMenu */

ul#subMenu
{
  clear: both;
  height: 18px;
  display: block;
  font-weight: normal;
}

ul#subMenu
ul#subMenu li
{
  padding: 0px;
  margin: 0px;
}

ul#subMenu li
{
  float: left;
  display: block;
  margin-left: 4px;
}

ul#subMenu li a
{
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 0px;
}

ul#subMenu li span
{
  background: transparent url('../img/rpcare08/subMenuTabBg.jpg') no-repeat left -19px;
  display: block;
}

ul#subMenu li span span
{
  background: transparent url('../img/rpcare08/subMenuTabBg.jpg') no-repeat right -19px ! important;
  padding: 4px 8px 0px 6px;
  margin-left: 3px;
  display: block;
}


ul#subMenu li span:hover
{
  background-position: left top ! important;
  color: #8ecd26;
}

ul#subMenu li span span:hover
{
  background-position: right top ! important;
  color: #8ecd26;
}


ul#subMenu li a:hover span,
ul#subMenu li.selected span
{
  background-position: right top;
  color: #8ecd26;  
}


/* careItems */

#careItems
{
  background: #f4faec url('../img/rpcare08/greenContentPanelBg.jpg') repeat-x left top;
  padding: 12px;
  padding-bottom: 6px;
  padding-right: 0px;
  margin-top: 12px;
  overflow: hidden;
}

#careItems h2
{
  color: #fff;
  padding: 0px;
  margin: 0 0 4px 3px;
  text-transform: uppercase;
  font-size: 1.2em;
}

#careItems .careItem
{
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  width: 165px;
  background: url('../img/rpcare08/panelBg.jpg') repeat-y left top;
}

#careItems .careItem h3
{
  color: #8ecd26;
  padding: 0px;
  margin: 0 0 3px 0;
  font-size: 1.1em;
}

#careItems .careItem p
{
  margin: 3px 0 3px 0;
}


#careItems .careItem div
{
  background: url(../img/rpcare08/panelTop.jpg) no-repeat left top;
}

#careItems .careItem div div
{
  background: url(../img/rpcare08/panelBottom.jpg) no-repeat left bottom;
  padding: 8px;
}


/* buttons */

.greenButton, 
.blueButton, 
#careItems .careItem a
{
  background: url(../img/rpcare08/smallButtons.jpg) no-repeat right top;  
  text-align: center;
  font-size: 0.9em;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 2px;
  width: 90px;
  margin: 0px auto;
  line-height: 100%;
}

.greenButton:hover, 
.blueButton:hover, 
#careItems .careItem a:hover
{
  text-decoration: underline;
}

.blueButton
{
  background: url(../img/rpcare08/smallButtons.jpg) no-repeat left top;
}


#banners


{
  margin-top: 12px;
}

#banners img
{
  border: 0px;
}

/* footerLinks */

#footerLinks
{
  background: #8bcd2b;
  padding: 4px;
  clear: both;
  text-align: center;
  color: #fff;
  position: relative;
  height: 16px;
  overflow: visible;
}

#footerLinksShadow
{
  position: absolute;
  left: -9px;
  bottom: -12px;
  background: url(../img/rpcare08/panelBottomShadow.jpg) no-repeat left top;
  height: 12px;
  width: 802px;
  z-index: 1000;
}

#footerLinks a
{
  color: #fff;
}

/* form elements */

.smallForm input
{
  border: 1px solid #7A87C0;
  margin-bottom: 8px;
  height: 18px;
  font-size: 12px;
  padding: 2px;
  width: 160px;
}

.smallForm input.submitButton
{
  color: #fff;
  background: #7A87C0;
  padding: 1px 4px ! important;
  font-size: 12px;
  line-height: 1em;
  height: auto ! important;
}

.smallForm input.submitButton:hover
{
  cursor: pointer;
  color: #fff;
  background: #8b98d1;
  padding: 1px 4px ! important;
  font-size: 12px;
  line-height: 1em;
  height: auto ! important;
}


.smallForm fieldset
{
  padding: 0px;
  margin: 0px;
  margin-bottom: 8px;
  border: 0px;
}

.smallForm fieldset label
{
  color: #3E4999;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
  display: block;
}


.bigForm fieldset
{
  padding: 0px;
  margin: 0px;
  margin-bottom: 8px;
  border: 0px;
}

.bigForm fieldset label
{
  font-weight: bold;
  font-size: 1em;
  float: left;
  width: 160px;
}




/* subHeader */

#subHeader
{
  position: relative;
  height: 110px;
}

#subHeader #subMenu
{
  position: absolute;
  z-index: 10;
  left: 0px;
  top: 72px;
}

/* filter */

#parkfilter
{
  position: relative;
  /*padding-top: 24px;*/
  clear: both;
}

#parkfilter #parkfilter_text
{
  width: 320px;
  float: left;
  margin-right: 10px;
}

#parkfilter #parkfilter_selector
{
  width: 180px;
  float: right;
  background: #B1DD78;
  padding: 12px;
}

#parkfilter #parkfilter_selector fieldset
{
  border: 0px;
  padding: 0px;
}

#parkfilter #parkfilter_selector fieldset legend
{
  font-weight: bold;
  font-size: 14px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 12px;
}

/* two columns paragraphs */

.twoColumns
{
  position: relative;
  margin-bottom: 10px;
  background: url(../img/rpcare08/twoColumnsBg.jpg) repeat-y left top;
  padding: 0px;
  height: 1%;
}

.twoColumns .firstColumn
{
  width: 240px;
  float: left;
  margin-right: 10px;
  padding: 10px;
  background: #F2F8EA;
  overflow: hidden;
  position: relative;
}

.twoColumns .firstColumn ul li,
.twoColumns .firstColumn ul
{

}


.twoColumns  .secondColumn
{
  width: 240px;
  float: left;
  padding: 10px;
  background: #F2F8EA;  
  overflow: hidden; 
  position: relative;  
}

.twoColumns .firstColumn h2,
.twoColumns .secondColumn h2
{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.1em;
  margin: 0 ! important;
  padding: 0 0 6px 0 ! important;
  color: #8ECD25;
}

.twoColumns .firstColumn div.p,
.twoColumns .secondColumn div.p
{

}


.twoColumns .firstColumn li,
.twoColumns .secondColumn li,
.twoColumns .firstColumn ul,
.twoColumns .secondColumn ul,
.panelblue ul,
.panelblue li
{
  padding: 0px;
  margin: 0px;
  list-style: none;
}

.twoColumns .firstColumn li,
.twoColumns .secondColumn li
{
  padding-left: 14px;
  background: url(../img/rpcare08/greenBullet.jpg) no-repeat 0px 3px;
  margin-bottom: 2px;
}

.panelblue li
{
  padding-left: 14px;
  background: url(../img/rpcare08/blueBullet.jpg) no-repeat 0px 3px;
  margin-bottom: 2px;
}

ul li li.current a
{
  text-decoration: underline ! important;
}

#theMenu .current ul
{
  margin-bottom: 6px;
}

.parkselector
{
  position: relative;
  width: 754px;
  top: 0px;
  left: -220px;
  z-index: 100;
  background: #fff;
  /* margin-top: 12px;
  border-top: 1px solid grey; */
}


/*  */

.submitButtonBlue
{
  margin-top: 12px;
  background: transparent url(/img/rpcare08/bigButtons.jpg) repeat-x scroll -189px bottom;
  border: 0px;
  color: #fff;
  display: block;
  font-size: 11px;
  font-weight: bold;
  margin-top: 12px;
  padding: 2px 8px;
  text-align: center;
  text-decoration: none;
  width: 187px;
}


.submitButtonBlue:hover
{
  cursor: pointer;
}

a.textLink
{
  text-align: right;
  color: #8BCD2B;
  display: block;
}

.nieuwsitem_paragraaf
{
  width: 90%;
}

/* typeinfo styles */

.typeinfoBox
{
  background: #F4FAEB;
  background: #E9F1D9 url(/img/rp08/panelBBg.jpg) repeat-x scroll left -84px;
  background: #fff url(/img/rpcare08/whitePanelTop.jpg) no-repeat scroll left top;
  position: relative;
  margin-bottom: 12px;
  margin-top: 2px;
  width: 510px;
  height: 1%;
  border: 1px solid white;
}

.typeinfoBox img
{
  float: left;
  margin: 16px 14px 0 16px;
  width: 140px;
}

.typeinfoBox h3
{
  margin: 16px 0px 0px 154px ! important;
  color: #8ECD25;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;
}

.typeinfoBox .clear
{
  background: #fff url(/img/rpcare08/whitePanelBottom.jpg) no-repeat scroll left top;
  clear: both;
  height: 15px;
  margin: 0 ! important;
  padding: 0px;
  font-size: 1px;
  line-height: 1px;
  width: 510px;
}

.typeinfoBox p
{
  margin: 16px 12px 0px 154px;
  margin-top: 16px;
  margin-bottom: 10px;
}

.typeinfoBox .greenButton
{
  float: left;
  margin-right: 10px;
}

.typeinfoBox .buttonBox
{
  position: absolute;
  left: 168px;
  bottom: 18px;
}

h4
{
  text-transform: capitalize;
  font-style: italic;
  font-size: 1.4em;
  font-weight: normal;
  color: grey;
  text-align: right;
  margin-top: 6px;
  margin-bottom: 0px ! important;
  padding-right: 36px;
}

blockquote
{
  margin: 0 12px 0 12px;
  padding: 0 40px 0 40px;
  background: url(/img/rpcare08/blockquote.gif) no-repeat scroll left top;
  color: #444;
  font-size: 1em;
}

blockquote h3
{
  margin: 0px;
  font-weight: normal;
  color: #222;
  font-style: italic;
  font-size: 1em;
}

#geokaart iframe
{
  position: relative;
  left: -540px;
  top: 10px;
}