/* ------------------------------ *\
 *                                *
 *      YUNA                      *
 *                                *
 *      [w] www.yuna.nl           *
 *      [e] info@yuna.nl          *
 *      [t] +31 10 2455854 *
 *                                *
\* ------------------------------ */

/*------------------------------ *\
 *     ESTEFA         			  *
\*------------------------------ */

html,
body
{
	height:100%;
	margin:0 0 0px 0;
	padding:0;
}
body
{
	color: black;
	color: #1B233B;
	background-color: white;
	text-align:center;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:70%;
	line-height:150%;
	padding:0 10px;
	margin:0 0 20px 0;
}

/* ----- generic styling ----- */

p,
h1,
h2,
h3,
h4,
h5,
ul,
li,
ol
{
	margin:10px 0 0 0;
	padding:0;
}

.contentBox ul, .contentBox ol
{
	background: #CEDFAF;
	ackground: #D3DEE9;
	padding: 5px;
}

li
{
margin-left: 20px;
padding-left: 0px;
list-style: outside;

color:#222C49;
}

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

h1
{
	color: #529512;
	font-weight:bold;
	font-size:130%;
	margin: 0 0 10px 0;
}

h2,
h3,
{
	color: #529512;
	font-weight:bold;
	font-size:130%;
}

h4,
h5
{
	color: #529512;
	font-weight:bold;
	font-size:130%;
}

h1 span
{
	display: none;
}

h2 span
{
	display: none;
}

h3 span
{
	display: none;
}

h4 span
{
	display: none;
}

h5 span
{
	display: none;
}

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

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

em, i
{
width: 95%;
font-size: 100%;
}

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

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


.clear
{
	clear: both;
}

.clearright
{
	clear: right;
}

.clearleft
{
	clear: left;
}

/* --- sIFR defaults --- */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

pan.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/*===============================  main boxes  =================================== */
body { background: url(../img/bg_body.gif) repeat-x 0 0; }

div#container
{
	position: relative;
	width: 900px;
	margin: 0px auto 0px auto;
	text-align: left;
}

	div#wrap
	{
		position: relative;
		width: 900px;
		padding: 20px 0 0 0;
	}

	*> body #wrap
	{
		min-height:0;
		height:auto;
	}

div#wrapStretcher
{
	margin: 0px;
	padding: 0px;
	height: 20px;
	font-size: 0px;
	line-height:0px;
	clear: both;
	background: transparent;
}



/*===============================  Header  =================================== */

    div#header
        {
        position: relative;
        display: block;
        width: 900px;
		  height: 90px;
    }

    *> body div#header
        {
        min-height: 90px;
        height:auto;
    }

        div#logo
                {
            position: absolute;
				top: 0px;
				left: 0px;
				height: 90px;
            float: left;
        }

            div#logo a
            {
            padding: 0px 0 0 0px;
            }


		div#tabs
		{
			position: absolute;
			top: 51px;
			right: 11px;
			display: block;
			width: 220px;
			height: 39px
		}

		div#tabs a.contactTab
		{
			float: left;
			display: block;
			width: 110px;
			height: 39px;
			background: url(../img/bg_a_contacttab.gif);
			text-indent: -10000px;
		}

			div#tabs a.contactTab span
			{
				display: block;
				width: 110px;
				height: 39px;
				background: url(../img/bg_a_contacttab_hover.gif);
				cursor: pointer;
			}

			div#tabs a:hover.contactTab span
			{
				background: none;
			}

			div#tabs a.loginTab
		{
			float: left;
			display: block;
			width: 110px;
			height: 39px;
			background: url(../img/bg_a_logintab.gif);
			text-indent: -10000px;
		}


		div#tabs a.loginTab span
			{
				display: block;
				width: 110px;
				height: 39px;
				background: url(../img/bg_a_logintab_hover.gif);
				cursor: pointer;
			}

			div#tabs a:hover.loginTab span
			{
				background: none;
			}


/*==================== left colomn  NAVigatie ================================== */

div#column_left
{
	float: left;
	width:244px;
	max-width: 244px;
	padding-left: 6px;
	overflow: hidden;
}

div#column_left div.navBox
{
	float: left;
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	width:241x;
	background: url(../img/bg_menu.gif) repeat-y 0 0;
	overflow-x: hidden;
}

div#column_left div.navBox div.navBoxInner
{
	background: url(../img/bg_menu_top.gif) no-repeat 0 0;
	margin-top: 0px;
	height: 250px;
}

*> div#column_left div.navBox div.navBoxInner
{
	min-height: 250px;
	height: auto;
}

div.navBox .bottom
{
		width: 241px;
		height: 16px;
		background: url(../img/bg_menu_bottom.gif) no-repeat left bottom;
	}


	/* menu */
ul#mainMenu
{
margin:0px 0 0 48px;
	padding:8px 0px 0px 0px;
	list-style:none;
	cursor:pointer;
	width: 182px;

}

	ul#mainMenu li
	{
		margin: 0;
		padding:0 0 0 0;
		display:block;
		list-style:none;
		list-style-position: outside;
	}

		ul#mainMenu li span
		{
			display:block;
			width:100%;
			height:100%;
		}

		ul#mainMenu li.level0 	{ border-top: 1px solid white; }
			ul#mainMenu li.level0.first { border-top: none; }

	ul#mainMenu li a,
	ul#mainMenu li.level0 /* eerste laag menu categorie-titel */
	{
		display:block;
		line-height:25px;
		text-decoration:none;
		padding:0 0 0 5px;
		color:black;
	}

			ul#mainMenu li.level0.item  {font-weight: bold}
			ul#mainMenu li.item_hover  { background: white !important } /* eerste laag achtergrond instellen indien deze niet in cat zit) */
			ul#mainMenu li.level0.item a { padding:0;}

			ul#mainMenu li.item.selected { background: white !important; border-right: 4px solid #6189AF;}

	 ul#mainMenu li.level0.cat   /* eerste laag menu categorie-titel IE + moz */
	{
		background-color: white;
		background-image: url(../img/bg_li.gif);
		background-repeat: repeat-y;
		background-position: right 3px;
		font-weight: bold;
		border-left: 4px solid #6189AF;
		border-left: 4px solid #70B217;
	}

		 ul#mainMenu li.level0.cat.hover
		 {
		 	background-image: none;
		 }
		ul#mainMenu li.level0.cat.visible
		{
				background-image: url(../img/bg_li.gif);
		}

	ul#mainMenu li.level1 /* eerste laag menu categorie-items  IE + moz*/
	{
		font-weight: normal!important;
		padding: 0px;
		margin-left: -5px;
	}

		ul#mainMenu li li.item_hover
		{
					background-image: none !important;
		}

	ul#mainMenu li a:hover,
		ul#mainMenu li.cat.hover { }

	ul#mainMenu li.hover,
	ul#mainMenu li.cat.level0.hover /* hover state all eerste laag IE + Moz */
	{
		background-color: white ;
	}

	ul#mainMenu li a:hover,
	ul#mainMenu li.hover		/* hover colors all <li> eerste laag IE + Moz */
	{
		color: black;
	}

/*	second level cats */

	 ul#mainMenu li ul li.level2, ul#mainMenu li ul li.level1.cat   /* tweede laag menu categorie-titel IE + moz */
	{
			font-weight: bold!important;
			padding: 0 0 0 10px;
			color: #666666;
			margin-left: -4px;
			border-left: 4px solid #6189AF;
					border-left: 4px solid #70B217;

	}

	ul#mainMenu li ul li/* eerste laag menu categorie-items  IE + moz*/
	{
		background: Fuchsia;
		background: url(../img/bg_li.gif) repeat-y 0 0;
		font-weight: normal;
		padding: 0 10px 0 10px;
			color: #666666 !important;
	}

/* hover state all tweede laag IE + Moz  */

	ul#mainMenu ul.level1 li.cat_hover
	{
		background: orange !important;
		background: white!important;
	}

	ul#mainMenu ul.level1 ul.level2 li.item
	{
		font-weight: normal!important;
		margin: 0 -10px 0 -9px ;
		border: none;
	}

	ul#mainMenu ul.level1 ul.level2 li.item a
	{
		color: #666666;
	}

	*> ul#mainMenu ul.level1 ul.level2 li.item
	{
		width: 161px
	}

		ul#mainMenu ul.level1 ul.level2 li.item.hover
		{
		ackground: Blue !important;
		ackground: white!important;
	}

		ul#mainMenu ul
		{
			list-style:none;
		/*	margin:0 0 0 10px; */
			margin: 0px;
			padding:0;
		}

		ul#mainMenu ul li.item
		{
			padding: 2px 10px;
		}

/*-------------------- searchfiels ------------------------------------------------*/

div#column_left div.searchBox
{
	float: left;
	margin:0 0 0px 0;
	padding: 0px;
	color: #5E1C5B;
	width:241px;
	overflow:hidden;
	background: url(../img/bg_searchbox.gif) no-repeat left top;
}

	div.searchBox .bottom
	{
		width: 241px;
		height: 15px;
		background: url(../img/bg_faq_bottom.gif) no-repeat left bottom;
	}

	div#search
	{
		display: block;
		padding: 5px 10px 0px 20px;
	}

	div#search form { margin: 15px 0 0 0; }

		div#search input#searchfield
		{
			vertical-align: top;
			margin: 4px 4px 0px 0px;
			padding: 2px;
			width: 160px;
			border: 1px solid white;
	  		background: #366797;
			color: white;
		}

		div#search #search_btn
		{
			vertical-align: top;
			padding: 0px;
		}

/*==================== right  colomn  Content ================================== */

#wrap div.column
{
	float:right;
	overflow:hidden;
	background: ;
}

	div#column_right
	{
		display: block;
		position: relative;
		width: 647px;
		margin-bottom: 17px;
		padding: 0px;
	}

	*> div#column_right { width: 648px; }


body.home div#column_right div#right /*-- homepage right column */
{
	float: right;
	display: block;
	width: 240px;

}

    div#column_right div.contentBox
	{
		position: relative;
		display: block;
		float: left;
		clear: left;
		width: 647px;
		background:url(../img/bg_contentbox.gif) repeat-y -2px 0;
	}

	  div#column_right div.contentBox .contentboxtop
	  {
	  	background: url(../img/bg_contentbox_top.gif) no-repeat -2px 0;
		width: 647px;
		height: 20px;
	  }

	 div#column_right div.contentBox .contentboxbottom
	 {
		 	background: url(../img/bg_contentbox_bottom.gif) no-repeat -2px bottom;
			width:647px;
			height: 20px;
			display: block;
			clear: both;
	 }

	  div#column_right div.contentBox .padding
		{
			float: left;
			padding:10px 25px;
			margin: 0px;
		}

			  div#column_right div.contentBox h1
			  {
			  		line-height: 25px;
					font-size: 130%;
			  }

			    div#column_right div.contentBox h2
			  {
			  		line-height: 20px;
					font-size: 125%;
					margin: 15px 0 0 0;;
			  }


		body.home div#column_right div.contentBox /*-- homepage */
		{
			background: url(../img/bg_contexbox_home.gif) repeat-y 0 0;
			width: 406px;
		}

		 body.home div#column_right div.contentBox .contentboxtop /*-- homepage */
		 {
		 	background: url(../img/bg_contexbox_home_top.gif) no-repeat 0 0;
			width: 406px;
			height: 20px;
			}

			 body.home div#column_right div.contentBox .contentboxbottom /*-- homepage */
			 {
			 	background: url(../img/bg_contexbox_home_bottom.gif) no-repeat 0 bottom;
				width:406px;
				height: 20px;
			 }


div.contentBox span.guestion
{
	font-weight: bold;
	color: #1A4E81;
	margin: 0px;
}


div.contentBox span.answer
{
	display: block;
	padding: 5px 0 10px 0;
	margin: 0px 0 10px 0;
}


div.contentBox ul.searchResult
{
	background: none; !important;
	margin: 0;
}

div.contentBox ul.searchResult li
{
	list-style: none;
}

div.contentBox ul.searchResult li a
{

	text-decoration: none;
	border-bottom: 1px solid dashed;
}



/*=============================== form  =================================== */

.formtable
{
	font-size: 100%;
   width: 330px;
	width: 100%;
	padding: 0px 0 0 0px;
	margin: 10px 0px 0px 0px;
}

	.formtable tr
	{
	margin:5px;
	}

	.formtable td
	{
		margin: 0px;
		padding: 5px 0px 5px 0px;
	}

		.formtable td.c1
		{
			text-align: right;
			font-weight: bold;
			padding-right: 15px;
			width: 30%;
		}


		.formtable td.c2
		{
			color: black;
			width: 70%;
		}

	.formtable input.text
	{
		background: white;
		width: 95%;
      border: 1px solid #ACACAC;
	}


		.formtable input.text.halfwidth
	{
		background: white;
		width:100px;
      border: 1px solid #ACACAC;
	}


   .formtable textarea
        {
        font-family:arial,verdana,helvetica;
        font-size: 100%;
		  height: 80px;
        width: 95%;
        border: 1px solid #ACACAC;
        overflow: auto;
    }



    .formheader
        {
        margin: 10px 0;
        color: #003366;
        font-size: 120%;
        font-weight: bold;
    }

    .formheaderrow
{
    }

    .formrow
        {
        margin:0px;
        padding: 0px;
    }

#formcontent .formrow {
	margin:0px;
	padding: 0px;
}

.formrowerror {
	margin:0px;
	padding: 0px;
	ackground: #F6E9F2;
}

.formerror {
 	 color: #529512;
 	 font-weight: bold;
}

.formmarker {
	color:#5E1A5C;
	 float:right;
}

fieldset {
       margin: 0px;
       padding: 0px;
       display: inline;
       border: none;
}


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

div#innerright
{
	display: block;
	margin: 40px 15px 0 0;
	width: 230px;
	float: right;
	clear: left;
}


div#innerright h1
{
	line-height: 25px;
	ont-size: 140%;
	margin: 10px 0;
}

div#innerright + .padding
{
	width: 350px;
}

	  .pdfBox
	  {
	  	float: right;
		clear: right;
		display: block;
		width: 211px;
		background: url(../img/bg_pdfbox.gif) repeat-y 0 0;
	  }

	  .pdfBox h5
	  {
	  	background: url(../img/bg_pdfboxtop.gif) no-repeat 0 0;
		width: 211px;
		height: 58px;
		margin: 0;
	  }

	  .pdfBox .bottom
	  {
	  	background: url(../img/bg_pdfboxbottom.gif) no-repeat 0 0;
		width: 211px;
		height: 10px;
		margin: 0px;
	  }

		  .pdfBox ul
		  {
		  	margin: -10px 0 10px 15px;
			padding: 0px;
			background: none;
		  }

			  .pdfBox ul li
			  {
					color: green;
					list-style: none;
					margin-left: 0px;
					padding: 0 0 0 20px;
					background: url(../img/pdf_list_marker.gif) no-repeat 0 3px;
			  }

				.pdfBox ul li a
			  {
			  	display: block;
				color: #339900;
				font-weight: bold;
				text-decoration: none;
				margin: 0px;
			  }

			  .pdfBox ul li a:hover {
			  	color: gray;
				text-decoration: underline;
			  }

			  .pdfBox ul li span
			  {
			  	isplay: block;
				margin: 0px;
				color: gray;
			  }



			div.imgbox
			{
			  	position: relative;
				float: right;
				clear: right;
				margin-top: 10px;
				display: block;
				width: 211px;
				background: url(../img/bg_pdfbox.gif) repeat-y 0 0;
				text-align: center;
			}

			div.imgbox img
			{
				margin: 0 auto;
			}

			div.imgbox div.top
				{
					position: absolute;
					left: 0;
					top: 0;
					display: block;
					width: 211px;
					height: 9px;
					line-height: 2px;
					margin: 0px;
					padding: 0px;
					background:  url(../img/bg_imgboxtop.gif) no-repeat -1px 0;
				}

				div.imgbox div.bottom
				{
					position: absolute;
					left: 0px;
					bottom: 0px;
					display: block;
					width: 211px;
					height: 9px;
					line-height: 2px;
					margin: 0px;
					padding: 0px;
					background: url(../img/bg_imgboxbottom.gif) no-repeat -1px bottom;
				}


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


div.archive
{
	  	float: right;
		clear: right;
		display: block;
		width: 211px;
  }

div.archive .item	img
{
	float: left;
	margin: 3px 10px 0px 0;
}

div.archive .item	a.details
{
	display: block;
	border-bottom: 1px solid #D8D8D8;
	padding: 0 15px 3px 0;
	margin: 0 0 10px 0;
	text-align: right;
	text-decoration: none;
	font-weight: bold;
	background: url(../img/bg_a_details.gif) no-repeat right top;
}

div.archive a
{
	display: block;
	border-bottom: 1px solid #D8D8D8;
	padding: 5px 15px 3px 0;

	text-align: left;
	text-decoration: none;
	ont-weight: bold;
	background: url(../img/bg_a_details.gif) no-repeat right bottom;
}


div.archive ol
{
	background: none;
	list-style: decimal;
}

div.archive ol li
{
	list-style: decimal-leading-zero;
}

/* ----------------------------------- homempage ------------------------------- */



div#column_left div.faqBox
{
	float: left;
	margin:0 0 0px 0;
	padding-left: 0px;
	color: #5E1C5B;
	width:241px;
	overflow:hidden;
	background: url(../img/bg_faq.gif) repeat-y 0 0;
}
	div.faqBox h1
	{
		padding:0px;
		margin: 0px;
		height: 58px;
		background: url(../img/bg_h1_faq.gif) no-repeat 0 0;
	}

	div.faqBox .bottom
{
		width: 241px;
		height: 20px;
		background: url(../img/bg_faq_bottom.gif) no-repeat left bottom;
	}

	div.faqBox div.item
	{
		margin:0;
		color: white;
		padding:11px 20px;
	}

div.faqBox div.item a.meer
	{
		display: block;
		padding: 4px 15px 5px 0px;
		color: white;
		text-align:right;
		text-decoration: none;
		line-height: 1.2em;
		font-weight: bold;
		background: url(../img/bg_a_more.gif) no-repeat right center;
		border-bottom: 1px solid white;
	}

	div.faqBox div.item a:hover.meer
	{
		color: #73B817;
	}

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




.sidebox
{
	float: right;
	width: 240px;
}
.sidebox.news, .sidebox.tips
{
	background: url(../img/bg_news.gif) repeat-y left top;
}

.sidebox div.bottom
{
	width: 240px;
	height: 30px;
	background: url(../img/bg_news_bottom.gif) no-repeat left bottom;
}

	.sidebox.news h1
	{
		height: 57px;
		margin:-0px 0 0 0;
		background: url(../img/bg_h1_news.gif) no-repeat 0 0;
	}

	.sidebox.tips h1
	{
		height: 58px;
		margin: 0px;
		background: url(../img/bg_h1_tips.gif) no-repeat 0 0;
	}

	.sidebox .padding
	{
	padding:20px 17px 0 17px;
	color: white;
	}

	.sidebox .padding a.meer
	{
		display: block;
		padding: 4px 15px 5px 0px;
		color: white;
		text-align:right;
		text-decoration: none;
		line-height: 1.2em;
		font-weight: bold;
		background: url(../img/bg_a_more.gif) no-repeat right center;
		border-bottom: 1px solid white;
	}

	.sidebox .padding a:hover.meer
	{
		color: #73B817;
	}




/*------------------------------- footer ----------------------------------- */

#footer
{
	position: relative;
	clear: both;
	margin-top: 20px;
	width: 900px;
	line-height: 1.6em;
	margin: 0 auto 0px auto;
	background: #E4E4E4;
	text-align: left;
}

    #footerInner
    {
        padding: 10px 10px;
		  text-align: left;
		  color: #485D7B
    }

       #footerInner .right
		 {
		 	float: right;
			text-align: right;
		 }

       #footerInner .right a
			{
        display: inline;
  		  color: #485D7B
        }

		         #footerInner a:hover
					{
						text-decoration: none;
					}

		#yuna
      {

				text-align:left;
				padding:0 0 10px 10px;
       }

       #yuna a
                {
        text-decoration: none;
        color: #bbb;
        font-size: 90%;
        }

    #footerbottom
        {
        position: relative;
        clear: both;
        width: 760px;
        height: 0px;
        line-height: 1px;
			background: transparent;
    }