html, body
{
  width: 100%;
  height: 100%;
}

body 
{
  margin: 0px;
  padding: 0px;
  font-size: 0.8em;
  font-family: arial, helvetica, sans-serif;
  background-color: #9C9EA2;
  scrollbar-arrow-color: #D1D4D9;
  scrollbar-3dlight-color: #948288;
  scrollbar-highlight-color: #fff;
  scrollbar-face-color: #76787B;
  scrollbar-shadow-color: #948288;
  scrollbar-darkshadow-color: #948288;
  scrollbar-track-color: #CCCED3;
}


#preloadedImages {
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(/img/liz/bodyBg.jpg);
  background-image: url(/img/liz/accoladeBg.gif);
  background-image: url(/img/liz/accoladeTop.gif);
  background-image: url(/img/liz/accoladeBottom.gif);
  background-image: url(/img/liz/accoladeMiddle.gif);
  background-image: url(/img/liz/accolade/zebi.jpg);
  background-image: url(/img/liz/radioOff.gif);
  background-image: url(/img/liz/radioOn.gif);
  background-image: url(/img/liz/vscroller.gif);
  background-image: url(/img/liz/hscroller.gif);
  background-image: url(/img/liz/scrollbases.gif);
  background-image: url(/img/liz/scrolljog.png);
  background-image: url(/img/liz/scrollbaseback.gif);
}


#mainTable
{
  border-collapse: collapse;
  border: 0px;
  height: 100%;
  width: 100%;
}

#mainTable td
{
  padding: 0px;
}

#wrapper
{
  background: #fff url(../img/liz/bodyBg3.jpg) no-repeat left top;
  height: 600px;
  width: 960px;
  position: relative;
  text-align: left;
}

#homeButton
{
  width: 170px;
  height: 25px;
  background-color: #CB071E;
  padding-top: 10px;
  color: #fff;
  position: absolute;
  left: 120px;
  top: 0px;
  font-family: palatino, times;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
}

#homeButton a
{
  color: #fff;
  text-decoration: none;
}

#zebiButton
{
  width: 75px;
  height: 62px;
  position: absolute;
  left: 168px;
  top: 512px;
  background: transparent url(../img/liz/zebi2.jpg) no-repeat;
}


/* menu styles */

#nav
{
  width: 180px;
  position: absolute;
  left: 98px;
  top: 168px;
}

#nav a
{
  display: block;
  height: 30px;
  padding-top: 12px;
  margin-left: 18px;
  color: #CB071E;
  text-decoration: none;
  padding-left: 10px;
  font-family: palatino, times;
  font-size: 14px;
  width: 84px;
}

#nav a:hover
{
  text-decoration: underline;
}


#ml1a
{
  background: url(../img/accoladeMiddle.gif) no-repeat left center;
  width: 120px;
}

#ml1b
{
  background: url(../img/accoladeBg.gif) repeat-y;
  position: relative;
}

#ml2a
{
  background: url(../img/accoladeBg.gif) repeat-y;
}

#ml2b
{
  background: url(../img/accoladeMiddle.gif) no-repeat left center;
}

.subMenu
{
  position: absolute;
  right: -40px;
  top: -64px;
  width: 120px;
  z-index: 10;
}

/* content styles */

#contentBlock
{
  padding-top: 40px;
  padding-bottom: 20px;
  padding-right: 12px;
  position: absolute;
  left: 316px;
  top: 0px;
  height: 540px;
  width: 481px;
  overflow: auto;
}

#contentBlock a
{
  color: #CB071E;
}

#contentBlock h1, 
#contentBlock h2, 
#contentBlock h3, 
#contentBlock h4, 
#contentBlock h5
{
  color: #3F3F3F;
}

#contentBlock h3
{
  font-size: 12px;
}

.textLink
{
  display: block;
  margin-top: 6px;
  text-decoration: none;
}

.textLink2
{
  display: block;
  margin-top: 6px;
  text-decoration: none;
}

/* left column styles */

#leftColumn
{
  position: absolute;
  left: 810px;
  top: 0px;
  height: 600px;
  width: 166px;
  overflow: auto;
  color: #fff;
  background: #CB071D;
  overflow-x: hidden;
}

#leftColumn a
{
  color: #F9B034;
  text-decoration: none;
}

#leftColumn h2
{
  font-size: 22px;
}

#leftColumn h3
{
  font-size: 100%;
  margin-bottom: 0px;
}


.paddingBox
{
  padding: 8px;
}


/*  form styles */

#form2
{
   line-height: 18px;
}

.submitButton
{
  margin-top: 4px;
  background: #CCCED3;
}

#formContainer input, #formContainer textarea
{
  font-size: 11px;
  margin-top: 4px;
  margin-bottom: 4px;
  border: 1px solid #E09190;
  padding: 4px;
  color: #9A9c9f;
  color: #111;
}



#contentBlock input, #contentBlock textarea
{
  width: 90%;
}

/* faq styles */

.faqItem
{

}

.faqItem h4
{
  color: #CB071E ! important;
  font-size: 14px ! important;
  margin-bottom: 3px;
}

.faqQuestion
{
  margin: 0px;
  font-weight: normal;
}



/* links styles  */

.linkItem h4
{
  margin-bottom: 2px;
  font-size: 13px;
}



/* forum styles */

.forumSubjectList
{
  margin-bottom: 24px;
}

.forumSubjectList h3.forumHeaderList
{
  color: #CB071E ! important;
  font-size: 12px;
  margin-bottom: 0px;
}

.forumContent
{
  border: 1px solid #3f3f3f;
  padding: 4px;
  width: 90%;
  margin-bottom: 12px;
}


.forumHeader
{
  border: 1px solid #3f3f3f;
  border-bottom: 0px;
  padding: 4px;
  color: #CB071E;
  width: 90%;
}

.redPanel
{
  background: #CB071E;
  border-bottom: 1px solid #3f3f3f;
  padding: 4px;
  width: 90%;
  color: #fff ! important;
}

.redPanel a
{
  color: #fff ! important;
}



/* radiobutton styles */

.radioOff 
{
	display: inline;
	margin: 0px;
	padding: 2px;
	padding-left: 20px;
	background: transparent url(/img/liz/radioOff.gif) no-repeat 0% 50%;
}


.radioOn 
{
	display: inline;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 20px;
	background: transparent url(/img/liz/radioOn.gif) no-repeat 0% 50%;
}


/* use CSS to full effect with hover states. Ohhh, perty! */
.radioOn:hover 
{
	background-image: url(/img/liz/radioOn.gif);
}


.radioOff:hover 
{
	color: #333 !important;
	background-image: url(/img/liz/radioOff.gif);
}

/* Alternative Off state for a ARC radio button */
.altRadioOff 
{
	display: inline;
	margin: 0px;
	padding: 2px;
	padding-left: 20px;
	background-image: url(/img/liz/radioOff.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
	cursor: pointer;
}
/* Alternative On state for a ARC radio button */
.altRadioOn {
	display: inline;
	margin: 0px;
	padding: 2px; /* NS 6 problem */
	padding-left: 20px;
	background-image: url(/img/liz/radioOn.gif);
	background-repeat: no-repeat;
	background-position: 0% 50%;
	border: 0px;
	cursor: pointer;
}

.inputField
{
  width: 90%;
  padding: 4px;
  background: #fff;
  border: 1px solid #E09198;
  color: #9A9C9F;
  color: #111;
  font-size: 12px;
}

.sitemapContainer a
{
  text-decoration: none;
}

.sitemapContainer a:hover
{
  text-decoration: underline;
}

.sitemapContainer 
{
  color: #CB071E;
}

.gidsLIZTelefoon, .gidsLIZOpeningsuren, .gidsLIZDescription
{ 
  padding-bottom: 10px !important;
}

.gidsOrgLIZsmall
{
  font-size: 11px;  
}

.radiobuttons
{
  font-size: 11px;  
}

#contentBlock h4 .LIZnewsdate
{
  font-size: 11px;
}

.gids_lijst
{
  padding-left: 0px;  
  margin-left: 5px;
  list-style-type: none;
}