

.content_margin, .content_margin_wide {
margin:0 155px 0 170px;
padding:10px 20px 20px;
}

.content_margin_wide  {
margin:0 0 0 170px;
}

#new_people a:hover {text-decoration: none;}

.kkperson_heading {
	margin-top: 10px;
}

.kkperson_heading img {
	float: left;
	width: 60px;
	padding: 0px 10px 10px 0px;
    padding-bottom: 10px;
}

.kkperson_heading .kkperson_info {
	padding-left: 70px;
}

.kkperson_heading .kkperson_info h1 {
	color: #000000;
	margin-top: 0px;
	padding-bottom: 4px;
	border-bottom: 3px solid #CCCCCC;
}

.kkperson_heading .kkperson_info span {
	display: block;
	margin-bottom: 6px;
}

.kkdepartment_heading {
	margin-top: 10px;
}

.kkdepartment_heading img {
	float: left;
	width: 80px;
	padding-right: 10px;
    padding-bottom: 10px;
}

.kkdepartment_heading .kkdepartment_info {
	padding-left: 90px;
}

.kkdepartment_heading .kkdepartment_info_nophoto {
	padding-left: 0px;
}

.kkdepartment_heading .kkdepartment_info_nophoto h1 {
	color: #000000;
	margin-top: 0px;
	padding-bottom: 4px;
	border-bottom: 3px solid #CCCCCC;
}

.kkdepartment_heading .kkdepartment_info_nophoto span {
	display: block;
	margin-bottom: 6px;
}

.kkdepartment_heading .kkdepartment_info h1 {
	color: #000000;
	margin-top: 0px;
	padding-bottom: 4px;
	border-bottom: 3px solid #CCCCCC;
}

.kkdepartment_heading .kkdepartment_info span {
	display: block;
	margin-bottom: 6px;
}

.kkdepartment_heading .kkdepartment_info span.kkdepartment_status {
	font-style: italic;
	color: #666666;
	font-weight: normal;
	display: inline;
	margin-right: 4px;
}

.kkperson_heading .kkperson_info span.kkperson_status {
	font-style: italic;
	color: #666666;
	font-weight: normal;
	display: inline;
	margin-right: 4px;
}

.kkinfocolumn {
	clear: both;
	margin-top: 6px;
	border: 1px solid #D7D7D7;
	background-color: #E5E7E6;
	padding: 16px;

}

.kkinfocolumn table {
	display: inline-block;
	width: 48%;
	background-color: #FFFFFF;
	border-bottom: 2px solid #CCCCCC;
	border-right: 2px solid #CCCCCC;
	color: #000000;
	padding-left: 6px;
	text-align: left;
    overflow: hidden;
    float: left;
}

.kkwerkdagen {vertical-align: top; text-align: left;}

.kkinfocolumn table th {width: 50%;text-align: left;vertical-align:top;}

.kkinfocolumn table td {width: 50%;}

ul.departmentlist{
	list-style: none;
}
.kkinfocolumn table a {
	font-weight: bold;
}

.kkinfocolumn table:first-child {
	margin-right: 23px;
}

.kkinfocolumn table.kkwerkdagen tbody tr,
.kkinfocolumn table.kkwerkdagen thead tr th{
	text-align: center;
}

.kkinfocolumn table.kkwerkdagen tbody tr td:first-child,
.kkinfocolumn table.kkwerkdagen thead tr th:first-child {
	text-align: left;
}

.kkinfocolumn table.kkmembers tbody tr td:first-child,
.kkinfocolumn table.kkmembers thead tr th:first-child {
	text-align: left;
}

.kkproblock h2 {
	font-size: 140%;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 4px
}

.kkproblock table tbody tr td,
.kkproblock table tbody tr th {
	border-bottom: 1px solid #E5E5E5;
	padding: 8px 0px 4px 0px;
    vertical-align: top;
}

.kkproblock table tbody tr:first-child td,
.kkproblock table tbody tr:first-child th {
	padding-top: 0px;
}

.kkproblock table tbody tr td p {
	padding-left: 6px;
}

.kkproblock table tbody tr th {
	width: 120px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

.kkproblock table tbody tr th span {
	display: block;
	font-size: 110%;
	margin-bottom: 4px;
}

.kkproblock table tbody tr th a {
	display: block;
	font-size: 110%;
	margin-bottom: 4px;
}

.kkproblock table tbody tr th a.kktitle {
	font-size: 120%;
	font-weight: bold;
}

.kkproblock .kkdate {
	font-size: 90%;
	color: #666666;
	display: inline;
}

.kkproblock textarea {width: 100%;}

/* Kenniskaarten zoekbox */
div.container form.kksearchform {
	border: none;
	background: transparent;
	padding: 0px 4px 0px 0px;
}

#kksearch {
	display: block;
	width: 120px;
	padding: 4px 4px 0px 20px;
	background: transparent url(images/kk/person_kk.gif) no-repeat scroll left center;
}

.container label.kksearch {
	font-weight: bold;
	font-size: 140%;
}

div.kkmenu {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	padding: 5px;

	position: fixed;
	top: 350px;
}

div.kkmenu h3 {
	border-bottom: 1px solid #CCCCCC;
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
	color: #000000;
}

div.kkmenu ul {
	list-style-position: inside;
	list-style-type: square;
	padding: 5px;
}

div.kkmenu ul li {
	line-height: 160%;
	padding: 2px;
}

input.kkeditfield {
	background-color: #F8F8F8;
	border: 1px solid #7F7F7F;
	color: #777777;
	font-size: 12px;
	padding: 4px 0px 4px 0px;
	width: 100%;
	font-style: italic;
}

select.kkeditfieldselect {
	width: 146px;
}

/* Edit button */

/*
#kkedit_kkaboutmegroup_btn_buttons {font-size: 80%;}
#kkedit_kktaskgroup_btn_buttons {font-size: 80%;}
*/
div.kkproblock h2 div {
	font-size: 80%;
}

a.kkeditbutton {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
}

a.kkeditbutton:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF8708;
	cursor: pointer;
}

a.kkcancelbutton:hover {
	cursor: pointer;
}

a.kkeditbutton_cancel {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #1E65B0 !important;
	background-color: #ffffff;
}

a.kkeditbutton_cancel:hover {
	text-decoration: none;
	color: #FD7D00 !important;
	background-color: #ffffff;
	cursor: pointer;
}

/* disabled buttons */

a.kkeditbutton_disabled {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF !important;
	background-color: #c0c0c0;
	padding: 2px 5px;
}

a.kkeditbutton_disabled:hover {
	text-decoration: none;
}

a.kkcancelbutton_disabled:hover {
	cursor: pointer;
}

a.kkeditbutton_cancel_disabled {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #c0c0c0 !important;
	background-color: #ffffff;
	padding: 2px 5px;
}

a.kkeditbutton_cancel_disabled:hover {
	text-decoration: none;
}

/* end disabled buttons */

/* End Edit button */

#kkmodalmask {
	position: fixed;
	display: block;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #BBB;
	z-index: 1000000;
}

#kkmylinksedit {
	position: absolute;
	width: 500px;
	left: 25%;
	top: 25%;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	z-index: 1000001;
}
	#kkmylinksedit div.kkmylinksedit_content {
		background-color: #E5E7E6;
		padding: 5px;
	}
		#kkmylinksedit div.kkmylinksedit_content label{
			display: inline;
			font-weight: bold;
		}

		#kkmylinksedit div.kkmylinksedit_content input{
			width: 450px;
		}
	#kkmylinksedit div.kkmylinksedit_buttons {
		text-align: right;
	}
	#kkmylinksedit div.removebutton{
		text-align: right;
		padding-top:2px;
		margin-right: 5px;
	}

#kkmyworkexperienceedit {
	position: absolute;
	width: 800px;
	left: 10%;
	top: 25%;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	z-index: 1000001;
}
	#kkmyworkexperienceedit div.kkmyworkexperienceedit_content {
		background-color: #E5E7E6;
		padding: 5px;
	}
		#kkmyworkexperienceedit div.kkmyworkexperienceedit_content table{
			width: 100%;
		}
		#kkmyworkexperienceedit div.kkmyworkexperienceedit_content label{
			display: inline;
		}
		#kkmyworkexperienceedit div.kkmyworkexperienceedit_content td.right{
			text-align:right;
		}
	#kkmyworkexperienceedit div.kkmyworkexperienceedit_buttons {
		text-align: right;
	}

#kkmyeducationedit {
	position: absolute;
	width: 800px;
	left: 10%;
	top: 25%;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	z-index: 1000001;
}
	#kkmyeducationedit div.kkmyeducationedit_content {
		background-color: #E5E7E6;
		padding: 5px;
	}
		#kkmyeducationedit div.kkmyeducationedit_content table{
			width: 100%;
		}
		#kkmyeducationedit div.kkmyeducationedit_content label{
			display: inline;
		}
		#kkmyeducationedit div.kkmyeducationedit_content td.right{
			text-align:right;
		}
	#kkmyeducationedit div.kkmyeducationedit_buttons {
		text-align: right;
	}
#kkmyprojectsedit {
	position: absolute;
	width: 800px;
	left: 10%;
	top: 25%;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	z-index: 1000001;
}
	#kkmyprojectsedit div.kkmyprojectsedit_content {
		background-color: #E5E7E6;
		padding: 5px;
	}
		#kkmyprojectsedit div.kkmyprojectsedit_content table{
			width: 100%;
		}
		#kkmyprojectsedit div.kkmyprojectsedit_content label{
			display: inline;
		}
		#kkmyprojectsedit div.kkmyprojectsedit_content td.right{
			text-align:right;
		}
	#kkmyprojectsedit div.kkmyprojectsedit_buttons {
		text-align: right;
	}
#kkmyexpertiseedit {
	position: absolute;
	width: 350px;
	left: 35%;
	top: 25%;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	z-index: 1000001;
}
	#kkmyexpertiseedit div.kkmyexpertiseedit_content {
		background-color: #E5E7E6;
		padding: 5px;
	}
		#kkmyexpertiseedit div.kkmyexpertiseedit_content table{
			width: 100%;
		}
		#kkmyexpertiseedit div.kkmyexpertiseedit_content label{
			display: inline;
		}
		#kkmyexpertiseedit div.kkmyexpertiseedit_content td.right{
			text-align:right;
		}
	#kkmyexpertiseedit div.kkmyexpertiseedit_buttons {
		text-align: right;
	}
#kkphotoedit {
	position: absolute;
	width: 350px;
	left: 35%;
	top: 25%;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	z-index: 1000001;
}
	#kkphotoedit #kkphotoedit_preview img.preview{
		width: 60px;
		padding-top: 5px;
		padding-left: 14px;
		vertical-align: middle;
	}
	#kkphotoedit #kkphotoedit_iframe {
		width: 1px;
		height: 1px;
		border: 0px;
	}

#kkerror {
	position: absolute;
	width: 800px;
	left: 10%;
	top: 25%;
	background-color: #ffffff;
	border: 1px solid #000000;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	z-index: 1000001;
}
	#kkerror div.kkerror_content {
		background-color: #E5E7E6;
		padding: 5px;
	}
	#kkerror div.kkerror_buttons {
		text-align: center;
	}

.kkphonelist {}
.kkphonelist table {width: 100%; font-size: 120%; text-align: left; padding: 15px;}
	.kkphonelist col {}
	.kkphonelist .name {width: 33%;}
	.kkphonelist .phonenumber {width: 33%;}
	.kkphonelist .link {width: 33%;}
    .kkphonelist table tr {line-height: 22px;}
    .kkphonelist table td {border-bottom: 1px solid #eee;}
    .kkphonelist table th {border-bottom: 3px solid #cccccc;}
    .kkphonelist table tr.even {background-color: #eee;}

.kkphonelistpaging {padding: 20px 0px 0px 10px;}
    .kkphonelistpaging ol {background-color: #eee; border: 1px solid #ddd; margin-right: 15px; margin-left: 5px;}
    .kkphonelistpaging ol li {display: inline; font-size: 140%; font-weight: bold; padding: 0px 10px;}
    .kkphonelistpaging ol li a:hover {border-top: 1px solid #000; border-bottom: 1px solid #000; text-decoration: none;}
    .kkphonelistpaging p {padding-left: 5px; margin-bottom: 10px;}
        .lastname_firstletter {font-weight: bold; font-size: 120%;}
div.kkphonelistpaging li a.current {
	color: #FF8708;
	text-decoration: underline;
}

/* Groupmember lists */

.kkmembers th {text-align: left;}
.kkmembers td.member {font-size: 100%; width: 25%;}

.kkmemberspaging {text-align: center;}
    .kkmemberspaging ol {background-color: #eee; border: 1px solid #ddd; }
    .kkmemberspaging ol li {display: inline; font-size: 100%; font-weight: bold; }
    .kkmemberspaging ol li a:hover {border-top: 1px solid #000; border-bottom: 1px solid #000; text-decoration: none;}
	th.kkmemberviews {text-align: right;}
	img.active {border: 1px solid #ccc;}

/* kksearch mainpage */

.kkwerkdagen input  {border: 0px solid #fff !important;}
.kkinfocolumn table input {background-color: #fff; border: 1px solid #7F7F7F; width: 85%;}
.kkinfocolumn table input:focus {background-color: #fff; border: 1px solid #7F7F7F; width: 85%;}
.kkinfocolumn table select {background-color: #fff; border: 1px solid #7F7F7F; width: 85%;}
.kkmyexpertiseedit_content input{background-color: #fff; border: 1px solid #7F7F7F;}
.kkmyexpertiseedit_content input:focus {background-color: #fff; border: 1px solid #7F7F7F; }
input.kkavailability_checkbox:focus {border: 0px solid #fff;}

input#input_kkbirthday_field {width: 15px;}

input.kksearch {width: 80%;}

#new_people img { width:80px; }

#kkdepartmentmembers img { width:80px; }

label.first{ clear:none; }

a:hover {cursor: pointer;}

/**
 * Tabs
 */
ul.tabs {
	margin: 0;
	height: 23px;
	width: 100%;
	background:  url('images/bg_tabtopline.gif') repeat-x left 22px;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

ul.tabs li {
	margin: 0;
	padding: 0;
	height: 23px;
	float: left;
}

ul.tabs a, ul.tabs label {
	display: block;
	margin-left: 7px;
	height: 23px;
	background: url('images/bg_tab.gif') no-repeat left top;
	padding: 0;
	font-weight: bold;
	cursor: pointer;
	color: #0062A0;
}

ul.tabs li label:hover {
	text-decoration: underline;
}

ul.tabs li.selectedtab a, ul.tabs li.selectedtab label {
	background: url('images/bg_tab_selected.gif') no-repeat left top;
	color: #FF8708;
}

ul.tabs span {
	display: block;
	background: url('images/bg_tab2.gif') no-repeat right top;
	padding: 3px 10px 12px;
}

ul.tabs li.selectedtab span {
	background: url('images/bg_tab2_selected.gif') no-repeat right top;
}

/**
 * Pagerbar
 */
ul.pagerbar {
	width: 100%;
	text-align: center;
}

ul.pagerbar li {
	display: inline;
}


/**
 * Lightbox
 */
div#lightbox-mask {
	position: absolute; /* using absolute instead of fixed to support IE<=6 */
	z-index: 100001;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #BBB;
}

div#lightbox-content {
	position: absolute;
	z-index: 100002;
	background-color: #FFF;
}

div#lightbox-content h2 {
	margin-bottom: 0;
	padding: 0 10px;
}

div#lightbox-content div.form-block {
	margin-bottom: 10px;
	width: 600px;
	background-color: #E5E7E6;
	padding: 10px;
}

div#lightbox-content div.column {
	float: left;
	padding-right: 20px;
}

div#lightbox-content a.disabled {
	color: #888;
}

div#lightbox-content form {
	border: none;
	background-color: #FFF;
	padding: 10px;
}

div#lightbox-content form p {
	overflow: hidden;
}

div#lightbox-content label {
	clear: none;
	padding: 7px 0;
}

div#lightbox-content label.inline {
	float: left;
	width: 100px;
}

div#lightbox-content p.controls {
	clear: both;
	text-align: right;
}

div#lightbox-content input.text, div#lightbox-content input.date {
	width: 140px;
}

div#lightbox-content textarea {
	width: 95%;
	height: 79px;
}
#kkquicksearchresults img.person {
	padding-right: 5px;
	padding-top: 3px;
	width:80px;
}
#kkquicksearchresults p.moreresults {
	padding-bottom: 5px;
}
ul.birthdaylist {
	list-style: none;
}
table.employees td.photo {
	vertical-align: bottom;
}