body { background-color: #663366; margin: 0; }

body, td, h1, h2, h3, h4 { font-family: Verdana, Arial, Helvetica, sans-serif; }

img { border: 0px; }
#btnSearch {margin-bottom: 2em; }

acronym { border-bottom: 1px dashed #663366; font-weight: bold; color: #663366; }

h1 { font-size: 2.4em; color: #663366; font-weight: bold; margin: 0; }
h2 { font-size: 1.2em; color: #663366; font-weight: bold; line-height: 1.1em; }
h3 { font-size: 1.0em; color: #663366; font-weight: bold; margin-bottom: 0em; }
h4 { font-size: 1.0em; font-weight: normal; font-style: italic; }
h5 { font-size: 1.0em; font-weight: normal; }
h6 { font-size: 1.0em; font-weight: normal; }

h3#familieparticipatie { font-size: 1.6em; font-weight: bold; margin-bottom: 0em; font-family: "lucida handwriting", verdana, arial; color:#CCCC00; }

p { margin-top: 0; }

/** Top elements **/
#white {
	margin: 0;
	width: 100%;
	height: 0px;
	background-color: #663366;
}

#toptable  { width: 100%; height: 125px; background-image: url(/Site_InclusieveToegankelijkheid/interface/logovilanslandschap.jpg); background-repeat: no-repeat; border: 0; border-collapse: collapse; background-color: #FFFFFF; }
#toptable2 { width: 100%; height: 225px; background-image: url(/pics/zbv-logo-v2.jpg); background-repeat: no-repeat; background-position: 0px 0px; border: 0; border-collapse: collapse; background-color: #FFFFFF;}

#toptable #logotd { width: 200px; }

#sitename { padding-top: 1em; float: left; }

#sitename  h1 { font-family: Arial, Helvetica, sans-serif; padding-top: 10px; }
#sitename  h2 { font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
#sitename2 h1 { font-family: Arial, Helvetica, sans-serif; padding-top: 10px; display: none; }

/** #menutop **/
#menutop { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #663366; float: right; margin-bottom: 10px; margin-top: 20px; }
#menutop ul { margin: 0; }
#menutop li { float: left; margin: 0em 1em 0em 1em; white-space: nowrap; list-style-type: square; color: #CCCC00; }
#menutop a:link     { font-weight: bold; color: #663366; text-decoration: none; }
#menutop a:visited { font-weight: bold; color: #663366; text-decoration: none; }
#menutop a:hover  { color: #663366; text-decoration: underline; }

#menutop2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #663366; float: right; margin-bottom: 10px; margin-top: 20px; }
#menutop2 ul { margin: 0; }
#menutop2 li { float: left; margin: 0em 1em 0em 1em; white-space: nowrap; list-style-type: square; color: #E7961E; }
#menutop2 a:link     { font-weight: bold; color: #663366; text-decoration: none; }
#menutop2 a:visited { font-weight: bold; color: #663366; text-decoration: none; }
#menutop2 a:hover  { color: #663366; text-decoration: underline; }

/** #maintable & td's **/
#maintable 
{
	width: 100%;
	border: 0;
	border-collapse: collapse;
	background-color: #663366;
}

#menudiv { margin: 15px; }
#menudiv li { padding-top: 0.5em; }

/** More #menudiv, see "menu elements" **/
#contenttd { background-color: #FFFFFF; padding: 0; border-top: 3px solid #663366; vertical-align: top; }

#contentdiv { margin: 15px; }

/** More #contentdiv, see "content elements" **/

#righttd { background-color: #FFFFFF; width: 220px; padding: 0; border-top: 3px solid #663366; vertical-align: top; }

#rightdiv   { margin: 15px 5px 15px 5px; padding: 0; color: #663366; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; overflow: hidden; }
#rightdiv2 { margin: 15px 5px 15px 5px; padding: 0; font-weight: bold; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; overflow: hidden; }

/** More #rightdiv, see "right elements" **/

/** menu elements **/
#menutd { width: 200px; padding: 0; font-size: 0.8em; line-height: 1.2em; vertical-align: top; border-top: 3px solid #663366; }
#menutd ul { margin: 0; padding: 0; list-style-type: none; margin-left: 0; font-weight: bold; }
#menutd ul a:link     { color: #FFFFFF; text-decoration: none; }
#menutd ul a:visited { color: #FFFFFF; text-decoration: none; }
#menutd ul a:hover, #menutd ul span { color: #DDDD00; }
#menutd ul ul { border-left: 2px solid #DDDD00; margin-left: 1px; margin-bottom: 10px; }
#menutd ul ul li { margin-left: 5px; }
#menutd ul ul a, #menutd ul ul span { font-weight: normal; }
#menutd ul ul ul { border: none; list-style-type: square; color: #DDDD00; margin-left: 15px; padding-left: 0; }

#menutd2 { width: 200px; padding: 0; font-size: 0.8em; line-height: 1.2em; vertical-align: top; border-top: 3px solid #663366; }
#menutd2 ul { margin: 0; padding: 0; list-style-type: none; margin-left: 0; font-weight: bold; }
#menutd2 ul a:link     { color: #FFFFFF; text-decoration: none; }
#menutd2 ul a:visited { color: #FFFFFF; text-decoration: none; }
#menutd2 ul a:hover, #menutd2 ul span { color: #E7961E; }
#menutd2 ul ul { border-left: 2px solid #E7961E; margin-left: 1px; margin-bottom: 10px; }
#menutd2 ul ul li { margin-left: 5px; }
#menutd2 ul ul a, #menutd2 ul ul span { font-weight: normal; }
#menutd2 ul ul ul { border: none; list-style-type: square; color: #E7961E; margin-left: 15px; padding-left: 0; }

#readspeakerform { width: 258px; float: right;padding-top: 0.5em; overflow: hidden;}

/*  content elements */
#contentdiv {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em; color: #000000; overflow: visible; }

  #contentdiv a[href $='.pdf'] { padding-right: 18px; background: transparent url(/pics/pdf-small.gif) no-repeat center right; }
  #contentdiv a[href $='.doc'] { padding-right: 18px; background: transparent url(/pics/word-small.gif) no-repeat center right; }

  #contentdiv a:link     {color: #663366; text-decoration: underline; font-weight: bold; }
  #contentdiv a:visited {color: #663366; text-decoration: underline; font-weight: bold; }
  #contentdiv a:hover  {color: #000000; text-decoration: underline; font-weight: bold; }
  #contentdiv ul { list-style-type: disc; margin-left: 22px; }
  #contentdiv ul ul { list-style-type: disc;  margin-left: 20px; }

    #contentdiv div.thema  { font-family: Arial, Helvetica, sans-serif; font-size: 0.87em; padding: 0.5em; margin-left: 2em; 
                                         width: 260px; float: right; border: 1px solid #663366; background: #fff7ff; }
    #contentdiv div.thema a:link     { font-weight: normal; text-decoration: none; }
    #contentdiv div.thema a:visited { font-weight: normal; text-decoration: none; }
    #contentdiv div.thema a:hover  { font-weight: normal; text-decoration: underline; padding-left: 0.2em; color: #000000; }

#contentfooter
{
	padding-top: 2em;
	width: 100%;
	clear:both;
}

#modified 
{
	font-size: 0.8em;
	float: left;
}

#up 
{ 
	float: right;
}

/* right elements */
#rightdiv p strong { background-color: #663366; color: #FFFFFF; padding-top: 4px; padding-bottom: 4px; padding-left: 20px; padding-right: 5px; width: 100%; display:block;margin: 0; }
#rightdiv ul          { margin: 0; padding: 0; }
#rightdiv li          { list-style-type: square; margin: 1em 0 0em 1.2em; color: #CCCC00; }
#rightdiv a:link     { font-weight: bold; color: #663366; text-decoration: none; }
#rightdiv a:visited { font-weight: bold; color: #663366; text-decoration: none; }
#rightdiv a:hover  { color: #663366; text-decoration: underline; }
#rightdiv .normal { color: #663366; }
#rightdiv form     { text-align: center; margin: 0; display: inline;}
#rightdiv input     { }
#rightdiv .spacer  { display: none; width: 1px; height: 25px; }

#rightdiv2 p strong { background-color: #663366; color: #FFFFFF; padding-top: 4px; padding-bottom: 4px; padding-left: 20px; padding-right: 5px; width: 100%; display:block;margin: 0; }
#rightdiv2 ul          { margin: 0; padding: 0; }
#rightdiv2 li { list-style-type: square; margin: 1em 0 0em 1.2em; color: #E7961E; }
#rightdiv2 a:link     { font-weight: bold; color: #663366; text-decoration: none; }
#rightdiv2 a:visited { font-weight: bold; color: #663366; text-decoration: none; }
#rightdiv2 a:hover  { color: #663366; text-decoration: underline; }
#rightdiv2 .normal { color: #663366; }
#rightdiv2 form     { text-align: center; margin: 0; display: inline;}
#rightdiv2 input     { }
#rightdiv2 .spacer  { display: none; width: 1px; height: 25px; }

/** breadcrumb **/
#breadcrumb 
{ 
	font-size: 0.8em; 
	color: #663366; 
}

#breadcrumb a 
{ 
	color: #663366; 
	text-decoration: none; 
}

#breadcrumb a:hover 
{ 
	color: #663366; 
	text-decoration: underline; 
}

.normal
{
	font-weight: normal;
}

hr.line {
	display: none;
}

label.fldRequired {
	background: url("/res/required.gif") top right no-repeat; 
	padding: 1px;
	padding-right: 14px;
}

label.fldComplete {
	background: url("/res/complete.gif") top right no-repeat; 
	padding: 1px; 
	padding-right: 14px;
}

.kaderright { background: #efefaa; width: 200px; margin: 0em 0em 2em 2em; padding: 0.5em 1em 1em 1em; float: right; border: 3px solid #cccc33; line-height: 1.1em; }
.kaderright h3 { color:#000000; padding: 0.5em 0em 0.5em 0em; }

.kaderleft { background: #efefaa; width: 200px; margin: 0em 2em 2em 0em; padding: 0.5em 1em 1em 1em; float: left; border: 3px solid #cccc33; line-height: 1.1em; }
.kaderleft h3 { color:#000000; padding: 0.5em 0em 0.5em 0em; }

.kadercenter { background: #efefaa; width: 90%; margin: 0em 2em 2em 0em; padding: 0.5em 1em 1em 1em; position: relative; border: 3px solid #cccc33; line-height: 1.1em; }
.kadercenter h3 { color:#000000; padding: 0.5em 0em 0.5em 0em; }

.kadercenterright { text-align:center; background: #efefaa; font-size: 0.9em; width: 86%; margin: 0em 0em 2em 0em; padding: 0.5em 1em 1em 1em; position: relative; border: 3px solid #663366; line-height: 1.1em; }
.kadercenterright h3 { color:#000000; padding: 0.5em 0em 0.5em 0em; }

.h1praktijk {
	color: #E7961E;
	font-size: 22px;
	text-align: left;
	/* some air around the text */
             padding-bottom: 1px;
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E7961E;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	font-weight: bold;
}



.h1kennis {
	color: #BAB003;
	font-size: 22px;
	text-align: left;
	/* some air around the text */
   padding-bottom: 1px;
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #BAB003;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.h1inspiratie {
	color: #A0A5D4;
	font-size: 22px;
	text-align: left;
	/* some air around the text */
   padding-bottom: 1px;
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #A0A5D4;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	font-weight: bold;
}

.h1materiaal {
	color: #E0A2E0;
	font-size: 22px;
	text-align: left;
	/* some air around the text */
   padding-bottom: 1px;
	line-height: 1.2em;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #E0A2E0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
	font-weight: bold;
}


p.msg_head { padding-left: 1em;
	color: #663366; 
	text-decoration: underline; 
        font-weight: bold; 
	cursor: pointer;
}
div.msg_body { padding: 0em 0em 3em 1.5em; font-size: 0.93em; }