.searchresult{
  margin-bottom: 10px;
  padding: 5px 5px 5px 5px;
  border-radius: 5px;
  border-top: 1px #eee solid;
  border-left: 1px #eee solid;
  border-bottom: 1px #ddd solid;
  border-right: 1px #ddd solid;
}

img.page_banner{
	margin-bottom: 10px;
}

div.site_intro{
	padding:0px;
}
.pageblock.filteroverzicht .fields span{
	display:inline-block;
	cursor:pointer;
	padding: 4px;
	background: url(/themes/default/img/dragstripes.png) repeat transparent top left;
	color:#000;
	font-weight:bold;
	border:1px #777 solid;
	border-right:none;
	float: left;
}
.pageblock.filteroverzicht .fields input{
	display:inline-block;
	width:519px;
	margin:2px 0px;
}
.pageblock.filteroverzicht .fields a{
	display:inline-block;
	padding:4px;
}
.pageblock.filteroverzicht .fields > div{
	margin:2px 0px;
}

.pageblock.filteroverzicht .fields .inlinklist{
	width: 600px;
	border: 1px #ccc solid;
	padding: 3px;
	float: left;
	text-align: right;
}

.linkli1{
	list-style-image:url('/themes/studiekeuzeplein/img/icon_exclamation.png');
}
.linkli2{
	list-style-image:url('/themes/studiekeuzeplein/img/icon_check.png');
}
.linkli3{
	list-style-image:url('/themes/studiekeuzeplein/img/icon_arrow.png');
}


.gridSidebarColumn .widget.filteroverzicht{	
	margin:10px 0px;
	box-shadow: 0px 3px 4px #eee;
	font-size: 11px;
	display:block;
	float:none;
	width:225px;
	padding:10px 0px;
}
.gridSidebarColumn .widget.filteroverzicht.wg_normaal,.gridSidebarColumn .widget.linklist.wg_quote{	
	box-shadow: none;
}

.gridSidebarColumn .widget.filteroverzicht ul,.gridSidebarColumn .widget.linklist ol{
	padding: 0px 10px 0px 20px;
	font-size:10px;
	width:175px;
	margin: 0px 10px;
}
.gridSidebarColumn .widget.filteroverzicht.wg_quote ul,.gridSidebarColumn .widget.linklist.wg_quote ol{
	padding: 20px 10px 0px 40px;
}


.filteroverzicht.widget.wg_kleur .innerWidget, 
.filteroverzicht.widget.wg_kleur_licht .innerWidget, 
.filteroverzicht.widget.wg_kleur_lichter .innerWidget, 
.filteroverzicht.widget.wg_contrast1 .innerWidget, 
.filteroverzicht.widget.wg_contrast2 .innerWidget{
	padding: 10px;
}

.categorie_velden{
    width:50% !important;
}
.filteroverzicht
{
    background-color:#FFFFFF;
    text-align:left;
    padding:10px;
}
a.categorie_naam
{
    font-size:16px;
    color: black;
    text-decoration:none;
}
a.categorie_naam:hover
{
    text-decoration:underline;
}
li.filteroverzichtItems
{
    list-style-type: none;
    margin-left:35px;
    display:none;
}
li.filteroverzichtItems:hover
{
    text-decoration:underline;
    color:black !important;
}

.hideCata{
	display:none;
}


.pie {
  width: 20px;
	height: 20px;
  border-radius: 50%;
  background: #fff;
	background-image:linear-gradient(to right, #fff 50%, #000 0);
	border: 1px #000 solid;
	display: inline-block;
	vertical-align:middle;
}
.pie::before {
  content: '';
  display: block;
  margin-left: 50%;
  height: 100%;
  border-radius: 0 100% 100% 0 / 50%;
  background: #000;
  transform-origin: left;
  transform: rotate(90deg);
}


.pie-0,.pie-1,.pie-2,.pie-3,.pie-4,.pie-5,.pie-6,.pie-7,.pie-8,.pie-9,.pie-10,.pie-11,.pie-12,.pie-13,.pie-14,.pie-15,.pie-16,.pie-17,.pie-18,.pie-19,.pie-20,.pie-21,.pie-22,.pie-23,.pie-24,.pie-25,.pie-26,.pie-27,.pie-28,.pie-29,.pie-30,.pie-31,.pie-32,.pie-33,.pie-34,.pie-35,.pie-36,.pie-37,.pie-38,.pie-39,.pie-40,.pie-41,.pie-42,.pie-43,.pie-44,.pie-45,.pie-46,.pie-47,.pie-48,.pie-49,.pie-50{
	background: #fff;
	background-image: linear-gradient(to right, #fff 50%, #000 0);
}

.pie-0::before{ transform: rotate(0deg);background: #fff !important; }
.pie-1::before{ transform: rotate(3.6deg);background: #fff !important; }
.pie-2::before{ transform: rotate(7.2deg);background: #fff !important; }
.pie-3::before{ transform: rotate(10.8deg); background: #fff;}
.pie-4::before{ transform: rotate(14.4deg);background: #fff !important; }
.pie-5::before{ transform: rotate(18deg);background: #fff !important; }
.pie-6::before{ transform: rotate(21.6deg);background: #fff !important; }
.pie-7::before{ transform: rotate(25.2deg);background: #fff !important; }
.pie-8::before{ transform: rotate(28.8deg);background: #fff !important; }
.pie-9::before{ transform: rotate(32.4deg);background: #fff !important; }
.pie-10::before{ transform: rotate(36deg);background: #fff !important; }
.pie-11::before{ transform: rotate(39.6deg);background: #fff !important; }
.pie-12::before{ transform: rotate(43.2deg);background: #fff !important; }
.pie-13::before{ transform: rotate(46.8deg);background: #fff !important; }
.pie-14::before{ transform: rotate(50.4deg);background: #fff !important; }
.pie-15::before{ transform: rotate(54deg);background: #fff !important; }
.pie-16::before{ transform: rotate(57.6deg);background: #fff !important; }
.pie-17::before{ transform: rotate(61.2deg);background: #fff !important; }
.pie-18::before{ transform: rotate(64.8deg);background: #fff !important; }
.pie-19::before{ transform: rotate(68.4deg);background: #fff !important; }
.pie-20::before{ transform: rotate(72deg);background: #fff !important; }
.pie-21::before{ transform: rotate(75.6deg);background: #fff !important; }
.pie-22::before{ transform: rotate(79.2deg);background: #fff !important; }
.pie-23::before{ transform: rotate(82.8deg);background: #fff !important; }
.pie-24::before{ transform: rotate(86.4deg);background: #fff !important; }
.pie-25::before{ transform: rotate(90deg);background: #fff !important; }
.pie-26::before{ transform: rotate(93.6deg);background: #fff !important; }
.pie-27::before{ transform: rotate(97.2deg);background: #fff !important; }
.pie-28::before{ transform: rotate(100.8deg);background: #fff !important; }
.pie-29::before{ transform: rotate(104.4deg);background: #fff !important; }
.pie-30::before{ transform: rotate(108deg);background: #fff !important; }
.pie-31::before{ transform: rotate(111.6deg);background: #fff !important; }
.pie-32::before{ transform: rotate(115.2deg);background: #fff !important; }
.pie-33::before{ transform: rotate(118.8deg);background: #fff !important; }
.pie-34::before{ transform: rotate(122.4deg);background: #fff !important; }
.pie-35::before{ transform: rotate(126deg);background: #fff !important; }
.pie-36::before{ transform: rotate(129.6deg);background: #fff !important; }
.pie-37::before{ transform: rotate(133.2deg);background: #fff !important; }
.pie-38::before{ transform: rotate(136.8deg);background: #fff !important; }
.pie-39::before{ transform: rotate(140.4deg);background: #fff !important; }
.pie-40::before{ transform: rotate(144deg);background: #fff !important; }
.pie-41::before{ transform: rotate(147.6deg);background: #fff !important; }
.pie-42::before{ transform: rotate(151.2deg);background: #fff !important; }
.pie-43::before{ transform: rotate(154.8deg);background: #fff !important; }
.pie-44::before{ transform: rotate(158.4deg);background: #fff !important; }
.pie-45::before{ transform: rotate(162deg);background: #fff !important; }
.pie-46::before{ transform: rotate(165.6deg);background: #fff !important; }
.pie-47::before{ transform: rotate(169.2deg);background: #fff !important; }
.pie-48::before{ transform: rotate(172.8deg);background: #fff !important; }
.pie-49::before{ transform: rotate(176.4deg);background: #fff !important; }

.pie-50::before{ transform: rotate(0deg); }
.pie-51::before{ transform: rotate(3.6deg); }
.pie-52::before{ transform: rotate(7.2deg); }
.pie-53::before{ transform: rotate(10.8deg); }
.pie-54::before{ transform: rotate(14.4deg); }
.pie-55::before{ transform: rotate(18deg); }
.pie-56::before{ transform: rotate(21.6deg); }
.pie-57::before{ transform: rotate(25.2deg); }
.pie-58::before{ transform: rotate(28.8deg); }
.pie-59::before{ transform: rotate(32.4deg); }
.pie-60::before{ transform: rotate(36deg); }
.pie-61::before{ transform: rotate(39.6deg); }
.pie-62::before{ transform: rotate(43.2deg); }
.pie-63::before{ transform: rotate(46.8deg); }
.pie-64::before{ transform: rotate(50.4deg); }
.pie-65::before{ transform: rotate(54deg); }
.pie-66::before{ transform: rotate(57.6deg); }
.pie-67::before{ transform: rotate(61.2deg); }
.pie-68::before{ transform: rotate(64.8deg); }
.pie-69::before{ transform: rotate(68.4deg); }
.pie-70::before{ transform: rotate(72deg); }
.pie-71::before{ transform: rotate(75.6deg); }
.pie-72::before{ transform: rotate(79.2deg); }
.pie-73::before{ transform: rotate(82.8deg); }
.pie-74::before{ transform: rotate(86.4deg); }
.pie-75::before{ transform: rotate(90deg); }
.pie-76::before{ transform: rotate(93.6deg); }
.pie-77::before{ transform: rotate(97.2deg); }
.pie-78::before{ transform: rotate(100.8deg); }
.pie-79::before{ transform: rotate(104.4deg); }
.pie-80::before{ transform: rotate(108deg); }
.pie-81::before{ transform: rotate(111.6deg); }
.pie-82::before{ transform: rotate(115.2deg); }
.pie-83::before{ transform: rotate(118.8deg); }
.pie-84::before{ transform: rotate(122.4deg); }
.pie-85::before{ transform: rotate(126deg); }
.pie-86::before{ transform: rotate(129.6deg); }
.pie-87::before{ transform: rotate(133.2deg); }
.pie-88::before{ transform: rotate(136.8deg); }
.pie-89::before{ transform: rotate(140.4deg); }
.pie-90::before{ transform: rotate(144deg); }
.pie-91::before{ transform: rotate(147.6deg); }
.pie-92::before{ transform: rotate(151.2deg); }
.pie-93::before{ transform: rotate(154.8deg); }
.pie-94::before{ transform: rotate(158.4deg); }
.pie-95::before{ transform: rotate(162deg); }
.pie-96::before{ transform: rotate(165.6deg); }
.pie-97::before{ transform: rotate(169.2deg); }
.pie-98::before{ transform: rotate(172.8deg); }
.pie-99::before{ transform: rotate(176.4deg); }
.pie-100::before{ transform: rotate(180deg); }


@media only screen and (min-width: 40em) {
	/* non-mobile phone style */
	.siteProfileCompletion_mobile{
		display: none;
	}
}
@media only screen and (max-width: 40em) {
	/* mobile phone style */
	.siteProfileCompletion{
		display: none;
	}
	.siteProfileCompletion_mobile{
		margin-top: 10px;
		padding-left: 20px;
	}
	.siteProfileCompletion_mobile .profielCompleetDeel:first-of-type{
		margin-left: 0px;
	}
	.siteProfileImage img{
		width: 50px;
		height: 50px;
		margin-left: 20px;
	}
	.siteProfileRight{
		border: none;
	}
	.siteProfileRight img{
		display: none;
	}
	div.mainContent .siteTopMenu{
		/* display: none; */
	}
}


/* not all sites have lbp mode less css, so this is for those sites */
.siteProfileContainer{
	margin-bottom: 20px;
}
.siteProfileImage img{
	width: 100px;
	height: 100px;
	border-radius: 100%;
}
.siteProfileImage{
	float: left;
	margin-right: 20px;
}
.siteProfileCompletion{
	float: left;
	margin-right: 20px;
}
.siteProfileRight{
	float: right;
	padding: 6px;
	/* border: 1px solid #ccc; */
	margin-right: 24px;
}
.profielCompleetDeel{
	float: left;
	line-height: 22px;
	margin-left: 7px;
}
.profielTodoLink{
	margin: 3px 0px 0px 20px;
}
.profielTodoLink a{
	text-decoration: underline;
}
.profielTodoLink i{
	color: #888;
	font-size: 14px;
	margin-right: 5px;
}
.maak_onderdeel_priveLabel{
    display: inline-block;
    padding-left: 10px;
}

.publiekzetter{
	float: left;
	border: 2px #666 solid;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	border-right: none;
	width: 14px;
	height: 12px;
	background: #999;
	cursor: pointer;
	margin-top: 3px;
	margin-left: 8px;
}
.privezetter{
	float: left;
	float: left;
	border: 2px #666 solid;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-left: none;
	width: 14px;
	height: 12px;
	background: #999;
	cursor: pointer;
	margin-top: 3px;
	margin-right: 8px;
}
.publiekprivebol{
	background: #ddd;
	border: 1px #888 solid;
	border-radius: 20px;
	height: 12px;
	width: 12px;
	margin-top: -2px;
}
.menu_right > .menu_right_sub{
	margin-bottom: 5px;
}
.menu_right_sub{
	float: left;
}
.menu_right_sub img{
	border-radius: 100%;
    width: 18px;
    height: 18px;
}

div.mainContent .siteTopMenu{
	margin-bottom: -20px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 26px;
}
div.mainContent .siteTopMenu .menuButton, div.mainContent .siteTopMenu .menuButton:visited{
	font-weight: normal;
	padding: 5px 10px 5px 5px;
	border-radius: 0px;
	margin-right: 18px;
	min-height: 45px;
	line-height: 33px;
}
div.mainContent .siteTopMenu .menuButton.activePage, div.mainContent .siteTopMenu .menuButton:visited.activePage{

}
div.mainContent .siteTopMenu .menuButton:hover, div.mainContent .siteTopMenu .menuButton:visited:hover{

}
div.mainContent .siteTopMenu .menuButton i{
	font-size: 22px;
	vertical-align: middle;
}
div.mainContent .siteTopMenu .menuButton i::before{
	width: auto;
}
.menuButtonContainer{
	
}
.menuDownArrowContainer{
	margin-right: 18px;
}
.menuDownArrow{
    width: 12px;
    height: 12px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: auto;
    margin-right: auto;
    margin-top: -6px;
}

.lbp-combined-widget-block{
	margin-bottom: 18px;
	padding: 0px 26px 0px 0px;
}
.lbp-combined-widget-block .row{
	background: #fff;
    border-radius: 30px;
    padding: 30px 6px 30px 30px;
}

@media only screen and (max-width: 40em){
	/* mobile styles */
	.lbp-combined-widget-block{
		margin-right: 0px;
		padding-right: 0px;
	}
}


.profielTodoLink .lbp-focus-arrow-down{
	width: 16px;
    height: 20px;
    display: inline-block;
    background: var(--lbp3-border-color);
    transform: rotate(270deg);
}