/* ------------- specefieke instellingen homepage -------------------------- */

body.home #colleft
{
	width: 55%;
}


body.home #colright
{
	width: 45%;
}

body.home #rightbox h1.venawide
{
	background-image: url(../img/bg_rightvena_home.gif);
}

body.home div.item_body
{
	display: block;
}

body.home div.item_body a
{
	text-decoration: underline !important;
}


 body.home div.item_body a.leesverder
{
	color: #B4162D !important;
	text-decoration: none !important;
}

 body.home div.item_body a.leesverder:hover
 {
 	text-decoration: underline !important;
 }

/* ----------------------------------------------------------------------- */


html,
body
{
	height:100%;
	margin:0 0 20px 0;
	padding:0;
}
body
{
	color:#222C49;
	background-color:#D68000;
	/*background-color:#E8E8E8;*/
	text-align:center;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:70%;
	line-height:140%;
	padding:0 10px;
	margin:0 0 20px 0;
}

	/* default/common elements */
	/* ======================= */
p,
h1,
h2,
h3,
h4,
h5,
ul,
li,
ol
{
	margin:0;
	padding:0;
}
li
{
list-style: inside;
list-style-type: square;
}

a
{
	color: #B4162D;
}
a:hover
{
	color: #333;
}

h1
{
	olor: #gray;
	font-weight:bold;
	font-size:160%;
}
h2,
h3,
h4,
h5
{
	color: #C33323;
	font-weight:bold;
	font-size:110%;
	margin-top: 5px;
}

em
{
width: 95%;
}

hr
{
height: 1px;
border: 0 solid transparent;
color: #DDDDDD;
background-color: #DDDDDD;
margin: 0;
line-height: 1px;
}

img
{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1 span
{
	display: none;
}

h2 span
{
	display: none;
}

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

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

.clear, #clear
{
	clear: both;
}

.clearright
{
	clear: right;
}

.clearleft
{
	clear: left;
}

span.indent
{
display: block;
margin-left: 20px;
}


/* main containers */
/* =============== */
#mainCenterContainer
{
	position:relative;
	max-width:980px;
	min-width:720px;
	in-height:100%;
	margin:20px auto 20px auto;
	text-align:left;
	padding: 0px;
	background-color: white;
	background-image: url(../img/bg_lefttop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* IE way of making the centerColumn variable between min- & max-size, IE has to run in strict mode, so only IE6+ */
* html #mainCenterContainer
{
	/*width:980px;*/
	width:expression((document.documentElement.clientWidth < 772)?732+"px":(document.documentElement.clientWidth > 1015)?980+"px":"auto");
	height:300px;
}
#mainSecondcontainer
{
	background-image: url(../img/bg_righttop.gif);
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 100%;
}
* html #mainSecondcontainer
{
	height: 300px;
}

#mainThirdcontainer
{
	background-image: url(../img/bg_leftbottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height: 100%;
}
* html #mainThirdcontainer
{
	height: 300px;
}

#mainFourthcontainer
{
	background: url(../img/bg_rightbottom.gif) no-repeat right bottom;
	min-height: 100%;
}
* html #mainFourthcontainer
{
	height: 300px;
}


/* header elementen */

#header
{
	position: relative;
}

	.lettersize
	{
		position: absolute;
		top: 28px;
		right: 30px;
		display: block;
		width: 147px;
		height: 28px;
	}

		.lettersize span.plus, .lettersize span.min
		{
			position: relative;
			display: block;
			width: 147px;
			height: 28px;
			margin: 0px;
			padding: 0px;
			background: url(../img/bg_letter_plus_ro.gif) no-repeat 0 0;
		}

		.lettersize span.min { background: url(../img/bg_letter_min_ro.gif);	}

			.lettersize span.plus a
			{
				display: block;
				position: relative;
				margin: 0px;
				padding: 0px;
				width: 147px;
				height: 28px;
				background: url(../img/bg_letter_plus.gif) no-repeat 0 0;
				text-indent: -10000px;
			}

			.lettersize span.min a
			{
				display: block;
				position: relative;
				margin: 0px;
				padding: 0px;
				width: 147px;
				height: 28px;
				text-indent: -10000px;
				background: url(../img/bg_letter_min.gif) no-repeat 0 0;
			}

				.lettersize span.plus a:hover, .lettersize span.min a:hover
				{
					background: none;
				}

#logo
{
	display: inline;
	margin: 10px;
	height: 100px;
}

	#logo img
	{
		margin-bottom: 5px;
	}

#banner
{
	position:relative;
	background: url(../img/bg_banner_temp.gif) no-repeat left top;
	height: 189px;
}

	#banneroverlay
	{
		position: absolute;
		right: 0px;
		top: 0px;
		width:25px;
		height: 189px;
		background: url(../img/bg_banneroverlay.gif) no-repeat right 0px;
	}


/* content elemeneten */

div#container {
	position: relative;
	margin: 5px 16px 5px 34px;
	padding-top: 15px;
	text-align: left;
	background: transparent;
}

div.poll { }

div.poll dt {
	position: absolute;
}

div.poll dt,
div.poll dd {
	line-height: 20px;
}

div.poll dd {
margin-left: 25px;
}

#view_poll {
	text-align: left;
}

span.viewPollResults {
	display: block;
}

a.pollview{
	text-decoration: none;
}

a.pollview:hover {
	text-decoration: underline;
	color: #b4162d;
}

#colleft
{
	position: relative;
	width: 75%;
	margin: -4px 0 0 0;
	float: left;
	background: url(../img/bg_colleft.gif) no-repeat right top;
	z-index: 0;
}

#colright
{
	width: 25%;
	position: relative;
	float: right;
	margin: 0px;
	padding: 0px;
}

#centerbox
{
	float: right;
	position: relative;
	margin-top: -4px;
	background: transparent url(../img/bg_centerbox.gif) repeat-y left top;
	width: 239px;
	margin-bottom: 20px;
	z-index: 0;
}

	#centerboxtop
	{
		background: url(../img/bg_centerboxtop.gif) no-repeat left top;
		width: 239px;
		height: 15px;

	}

	#centerboxbottom
	{
		background: url(../img/bg_centerboxbottom.gif) no-repeat left bottom;
		position: relative;
		clear: both;
		bottom: 0px;
		margin: 0px;
		width: 239px;
		height: 20px;
	}

#leftbox
{
	position: relative;
	margin-right: 239px;
	display: block;
	z-index: 1;
}

*html #leftbox
{
	position: relative;
	float: left;
	margin: 0px;
	z-index: 0;
}

/*----------- styling left column ---------------- */

	#colleft div#colleftroundcorner
		{
			display: block;
			position: absolute;
			left: -14px;
			top: 2px;
			background: url(../img/bg_colleft.gif) no-repeat right top;
			width: 20px;
			height: 20px;
			z-index: 20;
		}

.contentBox
{
	float: left;
	position: relative;
	padding: 50px 10px 20px 15px;
}

div#spacer
{
	color: white;
	line-height: 1px;
	height: 1px;
	visibility: hidden;
}

div.contentBox h1
		{
			position: absolute;
			display: block;
			margin-top: -30px;
			height: 25px;
			padding: 0px;
			color: #B4162D;
			margin-bottom: 10px
		}

	div.contentBox h2
	{
		color: #B4162D;
	}


   	div.imgbox
           {
                float: right;
                clear: right;
                position: relative;
                display: block;
                width: 180px;
                padding: 4px 8px;
                margin: 0px -5px 10px 0px ;
                background:  url('../img/bg_180imgbox.gif') repeat-y 0 0;
        }

                div.imgbox  div.imgtop
                            {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    display: block;
                    width: 180px;
                    height: 7px;
                    line-height: 2px;
                    margin: 0px;
                    padding: 0px;
                    background:  url('../img/bg_180imgbox_top.gif') no-repeat center top;
                }

                div.imgbox div.imgbottom
                            {
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    display: block;
                    width: 180px;
                    height: 7px;
                    line-height: 2px;
                    margin: 0px;
                    padding: 0px;
                    background:  url('../img/bg_180imgbox_bottom.gif') no-repeat center bottom;
                }

                * html div.imgbox  div.imgbottom  /* IE only */
                            {
                    bottom: -1px;
                }

.downloadBox
{
	position: relative;
	margin: 0px;
	padding: 20px 0 10px 0;
	border-bottom: 2px solid #B4162D;
}

	.downloadBox h3
	{
		margin-top: 5px;
		color: #B4162D;
		border-top: 2px solid #B4162D;
		padding-top: 10px;
		height: 1em;
		clear: left;
	}

	.downloadBox a.downloaddocument
	{
		background: url(../img/a_downloaddoc.gif) no-repeat right center;
		display: block;
		loat: right;
		padding-right: 20px;
		text-align: right;
		text-decoration: none;
		font-weight: bold;
	}


/* navigation  */
.navBox
{
	float: left;
	background: tarnsparent
}

.navBox ul#vertnav
                {
            position: relative;
            margin: 0px 0 0 5px;
				display: block;
            overflow: hidden;
            width: 228px;
				height: auto;
        }

            #vertnav li
            {
              	 position: relative;
					 float: left;
					 clear: left;
					 display: block;
                margin: 0px;
					 padding: 0px;
					 width: 228px;
				 	 color: red;
				 	 font-weight: bold;
					 list-style: none;
					 padding-bottom: 0px;
					 background:  url(../img/bg_li_bottom.gif) no-repeat 15px bottom ;
					 overflow: hidden;
            }

            #vertnav li a,
            #vertnav li span
            {
					 position: relative;
                display: block;
                padding: 2px 12px;
					 width: 228px;
                line-height: 2em;
                text-decoration: none;
                color: white;
                font-weight: bold;
					 text-transform:uppercase;
					 font-size: 125%;
					 background: tarnsparent url(../img/bg_li_bottom.gif) no-repeat 15px bottom;
            }

           #vertnav li a:hover
           {
             color: #C9C9C9;
            }

				 #vertnav li ul
				 {
				 	text-indent: 10px;
				 }

              #vertnav li ul li
              {
					display: block;
            	}

            #vertnav li ul li a
                {
					 position: relative;
                display: block;
					 float: left;
					 font-weight: normal;
					 text-transform: none;
					 font-size: 120%;
					 overflow: hidden;
            }

				#vertnav li  ul li a:hover
				{
					background:  url(../img/bg_lihover.gif) repeat-y 0px 0;
					}

            #vertnav li  ul li.selected  a
            {
					 background:  url(../img/bg_liselected.gif) repeat-y 0px 0;
            }



#spreekuur
{
	margin: 40px 0 0 0;
	float: left;
	display:block;
	width: 239px;
	background: url(../img/bg_centerbox_spreekuur.gif) repeat-y 0 0;
	}

	#spreekuur .paddingbox
	{
		position: relative;
      padding: 10px 40px 10px 20px;
		color: white;
	}

	#spreekuur .paddingbox a
	{
		color: white;
	}

	#spreekuur .paddingbox a:hover
	{
		text-decoration: none;
	}

	#spreekuur h2
	{
		height: 20px;
	}

/* ------------ right column	 -------------------- */



#rightbox
{
	position: relative;
	z-index:8;
}

*html #rightbox
{
	position: relative;
	float: left;
	argin-left: -11px;
}

#rightbox h1
{
			position: relative;
			display: block;
			margin: 0px;
			height: 46px;
			margin-left: -2px;
			line-height: 46px;
			color: white;
			z-index:10;

		}


 div.item
			{
				height: 1em;
				margin: 0px;
				padding:10px  0px 10px 0;
			}


* > div.item
{
	height: auto;
}

div.item_body
{
	display: none;
}



#rightbox h1.actwide
{
	background: url(../img/bg_rightactueel.gif) no-repeat left top;
	z-index:12;
}

		#rightbox h1 div#actroundcorner
		{
			display: block;
			position: absolute;
			left: -4px;
			top: -4px;
			background: url(../img/bg_colright.gif) no-repeat left top;
			width: 20px;
			height: 20px;
		}

		*html #rightbox h1 div#actroundcorner
		{
			left: -4px;
		}

			div#actueel
			{
				padding:0px 0px 10px 10px;
				color: #193A64;
			}
			div#actueel div.item
			{
				border-bottom: 2px solid #193A64;
			}


			div#actueel a
			{
				color: #193A64;
				text-decoration: none;
			}

			div#actueel a:hover
			{
				color: gray;
				text-decoration: underline;
			}

			a.newsarchive
			{
			color: #193A64;
			background: url(../img/a_news_archive.gif) no-repeat right center;
			display: block;
			padding-right: 20px;
			text-align: right;
			text-decoration: none;
			font-weight: bold;
			margin: 0 5px 10px 0
			}

			a.newsarchive:hover
			{
				color: gray;
			}
			
			div#poll
			{
				padding:0px 0px 0px 10px;
			}
			div#poll div.pollNoForm{
				
			padding-bottom: 10px;
			border-bottom: 2px solid #A9162C;
			margin-bottom: 10px;
			}
			
			

#rightbox h1.pollwide
		{
			background: url(../img/bg_rightpoll.gif) no-repeat left top;
			z-index:12;
		}
		
		
#rightbox h1.agendawide
		{
			background: url(../img/bg_rightagenda.gif) no-repeat left top;
			z-index:12;
		}

	div#agenda
			{
				padding:0px 0px 10px 10px;
				color: #364209;
			}
			div#agenda div.item
			{
				padding:10px  10px 10px 0;
				border-bottom:2px solid #6A811A;
			}

			div#agenda a
			{
				color: #364209;
				text-decoration: none;
			}

			div#agenda a:hover
			{
				color: gray;
				text-decoration: underline;
			}

			a.agendaarchive
			{
			color: #364209;
			background: url(../img/a_agenda_archive.gif) no-repeat right center;
			display: block;
			padding-right: 20px;
			text-align: right;
			text-decoration: none;
			font-weight: bold;
			margin: 0 5px 10px 0
			}

			a.agendaarchive:hover
			{
				color: gray;
			}


#rightbox h1.venawide
		{
			background: url(../img/bg_rightvenagif.gif) repeat-x left top;
		}

			div#vena
			{
				padding:0px 0px 10px 10px;
				color: #5D4511;
			}
			div#vena div.item
			{
				padding:10px  10px 10px 0;
				border-bottom:2px solid #C28A0E;
			}

			div#vena a
			{
				color: #5D4511;
				text-decoration: none;
			}

			div#vena a:hover
			{
				color: gray;
				text-decoration: underline;
			}

			a.venaarchive
			{
			color: #5D4511;
			background: url(../img/a_vena_archive.gif) no-repeat right center;
			display: block;
			padding-right: 20px;
			text-align: right;
			text-decoration: none;
			font-weight: bold;
			margin: 0 5px 10px 0
			}

			a.venaarchive:hover
			{
				color: gray;
			}

			


div.footer
{
	padding:0 0 20px 0;
}
div.footer div
{
	position: relative;
	display: block;
	color: #534F4F;
	font-size: 100%;
	background: #CDD1D2;
	height: 20px;
	margin: 10px 16px 0px 16px;
	padding: 5px 20px;
	text-align: right;
}

div.footer a
{

	color:#534F4F;
	float: left;
}


.employees hr
{
	clear:both;
	margin:10px 0;
}


/*///////////////////////////////////////////         nieuws  pagina          /////////////////////////////////////////////////*/

body.actueel .contentBox a
{
	color: #193A64 !important;
}

.actueel_archief
{
	margin-top: 40px;
	border-top: 2px solid #193A64;
}


.actueel_archief li
{
	display: block;
	list-style: none;
	background: url(../img/a_news_archive.gif) no-repeat left top;
	padding: 0px 0 5px 20px;
	line-height: 150%;
	height: 2em;
}

.actueel_archief li a
{
	text-decoration: none;
}

.actueel_archief li a:hover
{
	text-decoration: underline;
}


/*///////////////////////////////////////////         agenda  pagina          /////////////////////////////////////////////////*/

body.agenda .contentBox a
{
	color: #54680E !important;
}


body.agenda div#thedate
{
	color: #54680E;
	font-weight: bold;
}

body.agenda div#dateinfo
{
	margin-top: 10px;
	padding: 5px;
	color: #54680E;
	background: #E6EFC7;
}

body.agenda div.location
{
	margin-top: 10px;
	font-style:italic;
}


.agenda_upcoming
{
	margin-top: 40px;
	border-top: 2px solid #6A811A
}


.agenda_upcoming li
{
	display: block;
	list-style: none;
	background: url(../img/a_agenda_archive.gif) no-repeat left top;
	padding: 0px 0 5px 20px;
	line-height: 150%;
	height: 2em;
}

.agenda_upcoming li a
{
	text-decoration: none;
}

.agenda_upcoming li a:hover
{
	text-decoration: underline;
}


/*/////////////////////     vraag & antwoord  pagina          /////////////////////////////////////////////////*/

body.vraag_antwoord .contentBox h1
{
	margin-bottom: 25px;
}

body.vraag_antwoord .contentBox h3
{
	color:#AC7906;
	margin-top: 10px;
}

body.vraag_antwoord .contentBox p
{
	padding: 10px 0 10px 0;
	border-bottom: 2px solid #C28A0E;
}

body.vraag_antwoord form,
div.newsForm form
{
	margin-top: -0px;
	position: relative;
	display: block;
	padding: 20px;
	background: #FBE9C1;
	font-size: 100%;
	idth: 415px;
}

div.newsForm form label {
	ont-size: 70%;
}

div.newsForm form {
	padding: 10px;
}

body div.poll form {
	background: #FBE9C1;
	padding: 0px 0px 10px 0px 
}

body.vraag_antwoord form td
{
	padding:3px 0;
}
body.vraag_antwoord form td.c1,
div.newsForm form td.c1
{
	font-weight:bold;
	width:30%;
	idth: 150px;
}
body.vraag_antwoord form td.c2
{
	width:60%;
	idth: 250px;
}

body.vraag_antwoord .formmarker,
div.newsForm .formmarker {
	float: right;
	margin-top: -2px;
	height: 3px;
}

body.vraag_antwoord .formrowerror .formmarker
{
	color: #B4162D;
	font-weight: bold;
}
body.vraag_antwoord .formerror
{
	color: #B4162D;
	font-weight: bold;
}

body.vraag_antwoord .c2 .text,
div.newsForm .text
{
	width: 98%;
	border: 1px solid #222C49;
	background-color: #F3F3F3;
}




/*//////////////////////////////////// medewerkers //////////////////////////////////*/

div.employees
{
	margin-top: 20px;
	padding-top: 20px;
}

 div.persoonsdata
{
	clear: both;
	padding: 20px 0px 0 0px;
	margin: 0 0 20px 0;
	border-top: 2px solid #B4162D;
}

div.persoonsdata dl
{
	font-size: 90%;
	margin: 0 100px 0 0;
}

 div.persoonsdata dt
{
	float: left;
	clear: left;
	width: 80px;
}
 div.persoonsdata dd
{
	margin-left: 80px;
	idth: 280px;
	display: block;
}

* html div.persoonsdata dd  /* voorkomen inspringen door ie -3px probleem */
{
		text-indent: -3px;
}


hr.persoonsdata
{
	clear: both;
	margin: 20px 0 20px;
	color: #BBBBBB;
	background: #BBBBBB;
}


div.imgbox110
           {
					float: right;
					clear: right;
					position: relative;
					display: block;
					width: 110px;
					padding: 4px 8px;
					margin: 0px -5px 10px 0px;
					background: url('../img/bg_110imgbox.gif') repeat-y 0 0;
				}

                div.imgbox110  div.imgtop
                            {
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    display: block;
                    width: 110px;
                    height: 7px;
                    line-height: 2px;
                    margin: 0px;
                    padding: 0px;
                    background:  url('../img/bg_110imgbox_top.gif') no-repeat center top;
                }

                div.imgbox110 div.imgbottom
                            {
                    position: absolute;
                    left: 0px;
                    bottom: 0px;
                    display: block;
                    width: 110px;
                    height: 7px;
                    line-height: 2px;
                    margin: 0px;
                    padding: 0px;
                    background:  url('../img/bg_110imgbox_bottom.gif') no-repeat center bottom;
                }

                * html div.imgbox110  div.imgbottom  /* IE only */
                            {
                    bottom: -1px;
                }

/*//////////////////////////////////// documentenpagina ////////////////////////////////////////////////////////*/

div.downloadBox.document_list
{
	border: 0px;
}


div.downloadBox.document_list div.odd
{
	background: #ECDEE0;
	padding: 10px 5px;
	border-bottom: 2px solid #B4162D;
	border-top: 2px solid #B4162D;
}

div.downloadBox.document_list div.even
{
	padding: 10px 5px;
}

div.downloadBox.document_list h3
	{
		border-top: 0px;
	}

/*///////////////////////////////////////////         form          /////////////////////////////////////////////////*/


body.next form
{
	margin-top: 20px;
	osition: relative;
	display: block;
	padding: 20px;
	background: #ECDEE0 ;
	border-top: 2px solid #B4162D;
	clear: both;
}


body.next form td
{
	padding:3px 0;
}

body.next form td.c1
{
	font-weight:bold;
	width:30%;
}

body.next form td.c2
{
	width:60%;
}

body.next .formmarker
{
	float:right;
	color: #B4162D;
}

body.next .formerror
{
	color:#B4162D;
	font-weight:bold;
}

body.next .c2 .text
{
	width:98%;
	border:1px solid #666666;
	}


body.next textarea
{
	width:98%;
	height:150px;
	border:1px solid #666666;
}