/*
body
	form#pagina
		#header  - leeg, voor vormgeving 
		#CCIPlaceHolder_container
			#sidebar
				h1
				#menu
				#nieuws
			#main
				#zoekFormulier
				#hoofdnavigatie
				#afbeelding
				#content
					#kolom1
						h2
						.tekst
							evt. .overzicht (!)
							evt. .paginering
						...
						etc.
						.
					#kolom2
						#loginFormulier
						#overzicht
		#footer
			Help hidden!!!
*/

body {
	text-align:center;
}

form#pagina {
	margin:0 auto;
	overflow:hidden;
	padding-bottom:42px;
	position:relative;
	text-align:left;
	width:981px;
}
#header {
	height:29px;
}
#CCIPlaceHolder_Inhoud {
	overflow:hidden;
	width:981px;
}
#CCIPlaceHolder_CPB_Linkerkant {
	float:left;
	width:205px;
}
#main {
	border-top:solid 1px #d9d9d9;
	width:764px;
	padding:0 6px 0 6px;
	float:left;
	overflow:hidden;
}
.hidden {
	display:none
}
/* Header */


	#zoekFormulier {
		overflow:hidden;
		width:762px;
	}
	#zoekFormulier fieldset {
		display:inline;
		float:right;
		padding:10px 20px 0 0;
		vertical-align:middle;
	}
	.formulier legend {
		display:none;
	}
	#zoekFormulier #submitlabel{
		padding-right:10px;
	}
	#vriendenmenu {
		display:inline-block;
		float:left;
		height:25px;
		padding:4px 0 0 4px;
	}
	#vriendenmenu li {
		float:left;
		display:block;
	}
	#vriendenmenu li.logOutButton a {
		display:block;
		float:left;
		height:25px;
		width:74px;
		text-indent:-3000em;
		background:url(/images/button_uitlog.gif) repeat-y;
	}
	#vriendenmenu li.logOutButton a:hover {
		background-position:0 25px;
	}
#hoofdnavigatie {
	line-height:1;
	margin:0 -3px 0 1px;
	overflow:hidden;
	width:766px;
}
	.vrindennet #hoofdnavigatie {
		margin:0 -3px 0 3px;
	}
	#hoofdnavigatie li{
		display:inline;
		float:left;
		margin:3px 3px 0 0;
		padding:0 0 3px 0;
		text-align:center;
		width:150px;
	}
		.vrindennet #hoofdnavigatie li{
			width:106px
		}
	#hoofdnavigatie li.laatst {
		margin-right:0;
	}
	#hoofdnavigatie li.hidden_item {
		width:0;
		margin:0;
		padding:0;
	}
	#hoofdnavigatie li a {
		display:block;
		width:100%;
		padding:10px 0;
	}
		.vrindennet #hoofdnavigatie li a{
			/*width:106px*/
		}
	#hoofdnavigatie #subnavigatie {
		display:none;
	}
#afbeelding {
	/*height:180px;*/
	margin:0 0 3px 0;
	width:764px;
	overflow:hidden;
}

/* Linkerkolom */

#CCIPlaceHolder_CPB_Linkerkant {}
	#CCIPlaceHolder_CPB_Linkerkant h1 {
		margin-bottom:6px;
	}
	#CCIPlaceHolder_CPB_Linkerkant .blok {
		margin-bottom:3px;
		padding:3px 0 0 0;
	}
		#CCIPlaceHolder_CPB_Linkerkant .blok .blokInhoud {
			margin:3px;
		}
		#CCIPlaceHolder_CPB_Linkerkant .blok h2 {
			margin:0 6px 0 3px;
			padding:7px 10px 7px 24px;
		}
		#CCIPlaceHolder_CPB_Linkerkant .foot {
			height:16px;
			margin-top:1em;
			width:202px;
			clear:both;
		}

	#CCIPlaceHolder_CPB_Linkerkant ul#subnavigatie {
		padding:2px 0 0 0;
		overflow:hidden;
		
	}
		#CCIPlaceHolder_CPB_Linkerkant ul#subnavigatie li {
			margin:0 0 0 16px;
			clear:both;
			overflow:hidden;
		} 
		#CCIPlaceHolder_CPB_Linkerkant ul#subnavigatie a {
			border-bottom:solid 1px #d9d9d9;
			clear:both;
			display:block;
			float:left;
			padding:6px 2px 2px 12px;
			text-decoration:none;
			width:169px;
		}
		#CCIPlaceHolder_CPB_Linkerkant #subnavigatie li li a {
			padding:10px 2px 2px 10px
		}
		#CCIPlaceHolder_CPB_Linkerkant ul#subnavigatie li li{
			margin: 0 0 0 12px;
		}



/* Content gedeelte */
#content {
	margin:3px 0 3px 0;
	overflow:hidden;
	padding-bottom:2em;
	width:764px;
}
	#content p{
		margin-bottom:1em;
	}
	#content #kolom1 {
		float:left;
		width:516px;
	}

	/* Geen rechter kolom: */
	#kolom1 {
		overflow-x:hidden;
		min-height:300px;
		height:auto!important;
		height:300px;
	}
	#content.breed #kolom1
	{
		overflow:hidden;
		
	}
	#kolom1 .tekst {
		padding:24px 50px 0 24px;
		overflow:hidden;
	}
	
	    #kolom1 .tekst .afb{
			float:right;
			padding-left: 5px;
		}
		
		#kolom1 .tekst ul, #kolom1 .tekst ol {
			margin-left:20px;
			margin-bottom:1em;
		}
		#kolom1 .tekst ul li {
			list-style:disc;
		}
		#kolom1 .tekst ol li {
			list-style:decimal;
		}
		#kolom1 .tekst blockquote {
			margin:1em 20px;
		}
		#kolom1 h3 .datum {
			float:right;
		}
	#kolom1 .tekst a.terugKnop {
			float:right;
		}
	#CCIPlaceHolder_CPB_Rechterkant {
		float:right;
		padding-bottom:10px;
		width:248px;
		min-height:380px;
		height:auto!important;
		height:380px;

	}

	#content #kolom1 h2 {
		padding:6px 106px 6px 24px;
	}
	#content #CCIPlaceHolder_CPB_Rechterkant h2 {
		padding:6px 106px 6px 24px;
		display:none;
	}


	#CCIPlaceHolder_CPB_Rechterkant .blok {
		margin:14px 10px;
	}
		#CCIPlaceHolder_CPB_Rechterkant .tekst {
			padding:4px 1px 12px 10px;
		}
		#CCIPlaceHolder_CPB_Rechterkant .foot {
			height:16px;
		}
		#CCIPlaceHolder_CPB_Rechterkant ul {
			padding-left:18px;
		}
		#CCIPlaceHolder_CPB_Rechterkant .tekst .item {
				border-bottom:solid 1px #d9d9d9;
				margin-bottom:1em;
				padding-left:8px;
				padding-bottom:1em;
		}
		
			#CCIPlaceHolder_CPB_Rechterkant h3 {
				display:block;
				margin:0 2px 2px 3px;
				padding:2px 10px 2px 4px;
			}


/* Footer */
#footer {
/*	bottom:0;*/
	clear:both;
	height:46px;
/*	position:absolute;*/
	width:981px;
}
	#mainFoot{
		height:4px;
		overflow:hidden;
	}
	.footerContent {
		margin-top:10px;
		text-align:center;
		width:100%;

	}
	#footer  a {
		padding:10px;
	}
	#helpButton { display: none}

#CCIPlaceHolder_CPB_Linkerkant #nieuws ul.lijst	{
		margin-left:27px;
}
	#kolom1 ul li,
	#CCIPlaceHolder_CPB_Linkerkant #nieuws ul.lijst li{
		list-style:outside disc
	}
	#CCIPlaceHolder_CPB_Linkerkant #nieuws ul.lijst {
		margin-right:8px;
	}
	
	
/* Nieuws */
.nieuwsOverzicht  .item {
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:solid 1px #5d8881;
	overflow:hidden;
	width: 442px;
}
.nieuwsOverzicht  .item .datum {
	float:right;
	padding-left:10px;
}



/* Zoekresultaten personen */
 table#zoekResultaten th,
 table#zoekResultaten td{
	padding:0 10px 2px 0;
 }
 table#zoekResultaten td{
	padding:0 10px 10px 0;
 }
 #kolom1 table {
	width:100%;
 }
/* Zoekresultaten algemeen */
div#zoekResultaten ol {
	list-style:decimal outside;
	margin-left:20px;
}

/* Formulieren */
#kolom1 fieldset {
	border:solid 1px #5d8881;
	padding:10px 2px 10px 10px;
}
	#kolom1 fieldset legend {
		display:inline;
		padding:0 10px 0 0;
	}
	#modifypersonalcompany_form_container .modifypersonalinfo_input_label,
	#modifypersonalinfo_form_container .modifypersonalinfo_input_label,
	#sendmailButton div.fileupload_label_container,
	#kolom1 fieldset label {
		display:block;
		float:left;
		width:155px;
	}
	#kolom1 .modifypersonalinfo_input_container table{
	margin: 0;
	}
	#kolom1 fieldset label.breed {
		width:100%;
	}
	#modifypersonalinfo_form_container .modifypersonalinfo_input_label,
	#kolom1 fieldset p {
		clear:both;
		overflow:hidden;
	}
	.modifypersonalinfo_input_container input,
	#kolom1 fieldset  p input,
	#kolom1 fieldset  p textarea,
	#kolom1 fieldset  p select{
		border:solid 1px #a0a0a0;
		width:200px;
	}
		#content #kolom1 fieldset  p.klein input{
			width: 140px;
		}
		p.klein{
			overflow: hidden;
		}
		p.klein span{
			float: left;
			margin-right: 13px;
		}
		#content #kolom1 fieldset b label {
			width:auto;
			display:inline; 
			padding-right:10px;
		}
		p b.verplicht {
			
		}
		#kolom1 fieldset p.klein span select{
			margin-right: 13px;
			width: 100px;
		}
	#kolom1 p textarea {
		height:10em;
		overflow:auto;
	}
		#content.breed #kolom1 p textarea {
			height:10em;
		}


	
	
/* Mijn 	profiel */
.PersonalInfo b {
	
	width:15px;
	display:-moz-inline-box;
	display:inline-block;
}







#kolom1 fieldset .button {
	clear:both;
	float:right;
	width:200px;
}





//*********************//
#loginFormulier a#wachtwoordVergeten {
	display:block;
	margin:1em 0 0 10px;
}

#login_form_container {
	position:relative;
}
	.login_input_label {
		display:none;
	}
	#loginFormulier #input_container_username,
	#loginFormulier #input_container_username,
	#loginFormulier #input_container_password {
		padding-left:10px;
	}
	#loginFormulier .login_input_container input {
		border:solid 1px #a0a0a0;
		display:inline;
		width:130px;
		padding:1px 1em;
		margin:10px 0 0 0;
			border-color: #a0a0a0;
			color: #a0a0a0;
			font-size:10px;
	}

	#loginFormulier #login_rememberme_container {
		float:left;
		display:inline;
		padding-left:10px;

	}

		#loginFormulier #login_rememberme_container input{
			padding:0;
			width:auto;
			border:0;
		}
	#lbl_rememberme {
		display:-moz-inline-box;
		display:inline-block;
		margin-left:10px;
		padding-top:8px
	}
	#loginFormulier #login_retrievepassword_container {
		margin:6px 0 0 10px;
	}
	#loginFormulier .login_button_container  {
		height:20px;
		position:absolute;
		right:30px;
		top:35px;
		width:20px;
		z-index:1;
	}
	
	#loginFormulier #login_form_container .login_button_container input {
		width:20px;
		height:20px;
		border:0;
		background:url(/images/login.arrow.gif) no-repeat transparent center center;
		color:#fff;
		cursor: pointer;
	}

	#title_loggedin {
		display:none;
	}
	#text_loggedin {
		visibility:hidden;
		height:47px;
		margin:10px;
	}
	#text_loggedin a#text_loggedin_vervanging {
		width:135px;
		height:47px;
		background:url(/images/vrindennetinlog.gif) no-repeat;
		text-indent:-3000em;
		display:block;

	}
#loginFormulier input.active {
	color:#000;
}
.searchxyliaperson_input_label {
	width:155px;
	float:left;
	clear:left;
}
.searchxyliaperson_input_container {
	padding-bottom:6px;
}
.searchxyliaperson_input_container,
#searchxyliaperson_button_container {
	float:left;
}
div.modifypersonalinfo_button_label input,
div.searchxyliaperson_button_container input,
 .form_buttonsubmit_container input {
	float:right;
	width:180px;
	padding:2px 0 2px 20px;
}
#positie{
 	position:relative;
	overflow: hidden;
	float: left;
}
#positie .showPersonalInfo{
	position:absolute;
	top:5em;
	left: 0px;
}
#positie #sendmailButton{
	width: 428px;

}

#positie .form_buttonsubmit_container{
	padding-top: 100px;
}

#searchXyliaperson_form_container{
	width: 428px;
	overflow: hidden;
}
#content #kolom1 .formulier .searchxyliaperson_input_label{
	width: 150px;
	float: left;
	margin-bottom: 4px;
}
.modifypersonalinfo_input_container {
	margin-bottom: 7px;
	float: left;
}
#content #kolom1 .formulier .searchxyliaperson_button_container{
	margin-bottom: 7px;
	float: right;
	width: 300px;
}
	.modifypersonalinfo_input_container input,
	#content #kolom1 .formulier .searchxyliaperson_input_container input{
		border:solid 1px #a0a0a0;
	}
	div.searchxyliaperson_button_container input {
		border:0pt none;
		cursor:pointer;
		text-align:left;
	}
.fileupload_txt_container{

}
	.fileupload_txt_container input{
		width:200px;
		border:solid 1px #a0a0a0;
	}
.fileupload_fileselect_container{
	width: 200px;
	float: left;
	overflow: hidden;
}
	.fileupload_fileselect_container input{
			cursor:pointer;
			border:0pt none;
			float:left;
			padding:2px 20px;
			text-align:left;
			display:block;
			width:204px;
			margin-top:1em;

	}


.calendar .picker
{
  background-color: #FFFFFF;
  border: 1px gray solid;
  font-size: 11px;
  font-weight: bold;
  font-family:Segoe UI, Tahoma, sans-serif;
  padding: 2px;
  cursor: pointer;
}

.calendar .calendar_button
{
      border:none;
      cursor:pointer;
}

.calendar .calendar td
{
  font-size:11px;
}

.calendar .title
{
  font-weight:bold;
  background-color:#D7D7E5;
}

.calendar .day
{
  width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.calendar .dayhover
{
  width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:1px;
  border-color:#F6F6F6;
  border-style:solid;
}

.calendar .dayheader
{
  width:25px;
  text-align:center;
  border-width:1px;
  border-color:white;
  border-style:solid;
  font-weight:bold;
  background-color:#FFFFFF;
}

.calendar .othermonthday
{
  color:#999999;
}

.calendar .selectedday
{
  width:25px;
  background-color:#FBE694;
  color:#000000;
  border-width:1px;
  border-color:#BB5503 !important;
  border-style:solid;
  font-weight:bold;
}

.calendar
{
  border-style:solid;
  border-width:1px;
  border-color:Black;
  border-collapse:collapse;
  background-color:#FFFFFF;
  cursor:default;
}

.calendar .month
{
  background-color:#F6F6F6;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.calendar .nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}