/* paars  												#862887   		=  hoofdkleur  en accentkleur
	lichter paars  									#b881b9; 		= hoverhoofdkleur

	arrowholder									 	#6b126e		(special)
	arrow hover										#8b4a8c; 	(special)
	bannertekst (algemeen)					#5aa6ad;   (is hier accentkleur 2)
	bannertekst (elw cursus)					#862887;  = hoofdkleur

	oranje 												#df872d = accentkleur 3
	blauwgroen 										#5aa6ad  = accentkleur2  ook color bij tekstkleur voor workshop, congres, studiedag);

	workshop tag									#831f87; = workshoptag
	congres tag										#6399a8; = congrestag
	studiedag tag									#44b23e; = studiedagtag
	Kleur groen status icoon: 				#3ab040
	Kleur rood status icoon: 					#c10000
	Kleur roze status icoon: 					#d63177
	*/


	/* design versie 2 innovo
	zwart #000000   =  hoofdkleur
	magenta #a12680 = accentkleur
	appelgroen #a2bd2f
	ls: hover grijs:  #636363  = hoverhoofdkleur
	ls: donker grijs van de arrows #454545
	*/

/*VRAGEN AAN AALDERT HOE DIT WERKT
.cnt_logo {
		background-image: url("../../img/smallingerland-logo.png");
		background-repeat: no-repeat;
}*/

/*@font-face{*/
	/*font-family: font_a;*/
	/*src				: url("/css/fonts20/Rubik-Bold.ttf");*/
/*}*/

/*@font-face{*/
	/*font-family: font_a;*/
	/*src				: url("/css/fonts20/Rubik-Bold.ttf");*/
/*}*/

/*@font-face{*/
	/*font-family: font_c;*/
	/*src:  url("/css/fonts20/Rubik-Regular.ttf");*/
/*}*/

/*@font-face{*/
	/*font-family: font_d;*/
	/*src:  url("/css/fonts20/font_d-regular.ttf");*/
/*}*/


/* ******* vooraan vanwege volgorde effect  maar ook academie afhakelijk************* */
.typeopleidingtag{
	width					: 73px;
	height					: 22px;
	border-radius	: 3px;
	padding				: 5px;
	text-align			: center;
	margin-left			: 7%;
	margin-top		: 25px;
	background-color: #df872d; /*hoofdkleur */
	color						: #ffffff;
	font-family				: font_a,"Open Sans" ,sans;
	font-size					: 10px;
	opacity					:1;
}

.typeopleidingtaggroot{
	height					: 30px;
	border-radius	: 3px;
	padding				: 5px;
	padding-top		: 8px;
	text-align			: center;
	background-color:#df872d; /*hoofdkleur */
	color					: #ffffff;
	font-family			: font_a, "Open Sans",sans;
	font-size				: 10px;
	opacity				: 1;
}

/* ************************ */


/*  *************  academie afhankelijk ************  */
.bannertekst{
	height:75px;
	width: 140px;
	position: absolute;
	right:15px;
	word-wrap:break-word;
	text-align:right;
	color: #44b23e;  /*bannertekst algemen */
    font-weight: bold;
}
.accentkleur1, .elwcursus{
	color:  #862887; /*accentkleur 1 : paars, magenta */
}

.accentkleur1bg{
	background-color: #862887; /* accentkleur1 */
}
.colorGroen {
	color: #3ab040; /* groen*/
}

body {
	background-color: #862887; /* hoofdkleur */
	font-family:  font_c, "Open Sans" , sans-serif;
}

#topmenu, .navbar.innocolors {
	background-color:#862887; /* hoofdkleur */
	font-family:font_d, "Open Sans" , sans-serif;
}

.submenu{
	position: absolute;
	text-align:right;
	font-size:8pt;

	top:82px;
	right:50px;
	height: 45px;
	width: 250px;
	background-color:#862887; /* hoofdkleur */
	color: #ffffff;
	vertical-align:bottom;
}

.navbar-default .navbar-nav ,  .navbar-default .navbar-nav li a {
	font-family:  font_d,"Open Sans",sans;
	background-color: #862887; /*hoofdkleur */
	color: #ffffff;
	font-size:1em;
}

.navbar-default .navbar-nav .active a,
.navbar-default .navbar-nav .active a:hover,
.navbar-default .navbar-nav .active a:focus {
	background-color:  #862887; /*hoofdkleur */
}

.navbar-nav li {
	border-bottom:1px solid #000000;
	background-color:  #862887; /*hoofdkleur */
}
.navbar-nav li.active {
	border-bottom:1px solid #ffffff;
}

.navbar-default .navbar-nav li.active > a {
	background-color: #862887; /*hoofdkleur */
	color: #ffffff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus  {
	 background-color:    #b881b9; /*hoverhoofdkleur */
	 color: #ffffff;

}
.navbar-default .navbar-nav li a:hover{
	 background-color:  #b881b9; /*hoverhoofdkleur */
	 color: #ffffff;
	 border-radius:3px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 35px;
    margin-left:0px;
}

.holderrow {
	background-color: #862887; /*hoofdkleur */
	color: #ffffff;
	padding-bottom:40px;
}
.fontA{
	font-family:  font_d, "Open Sans" , sans-serif;
	font-size: 12pt;
	font-weight: bold;
}

.zoekholder .btnzoek{
	background-color: #862887; /*hoofdkleur */
	color:#ffffff;
	border:none;
	border-color:#862887; /*hoofdkleur */
	border-radius:0px;
	box-shadow:none;
}
.zoekholder .btnzoek:hover{
	background-color:#b881b9;  /* hoverhoofdkleur */
	color: #ffffff;
}
.zoekholder .fa-caret-down{
	color	: #5aa6ad ;			 /* accentkleur2  */
	text-shadow:none;
}

.elw20{
	background-color: #862887; /* hoofdkleur */
	color: #ffffff;
}
.iimage:hover{
	background-color: #b881b9; /* hoverhoofdkleur*/
}

.arrowholder{
	position: absolute;
	right: 0px;
	top:40px;
	padding-right: 0px;
	padding-left: 0px;
	vertical-align:top;
	height: 183px;
	width: 20px;
	border-radius: 0;
	/*background-color:  #6d1b6e;*/  /* arrowcolor */
	color: #ffffff;
}
/*.arrowholder:hover{
 	background-color:  #8b4a8c;
}*/

.arrowplaatjeholder{
	width: 20px;
	margin-top: 54px;
	cursor : pointer;
}
.arrowholder .linksgrijs{
	content: url('/img/img20/pijllinksgrijs.png');
}

.arrowholder .linksroze{
	content: url('/img/img20/pijllinksroze.png');
}
.arrowholder .rechtsgrijs{
	content: url('/img/img20/pijlrechtsgrijs.png');
}
.arrowholder .rechtsroze{
	content: url('/img/img20/pijlrechtsroze.png');
}
.workshop, .congres, .studiedag{ /* groen */
	color: #5aa6ad /* accentkleur 2 */
}


.workshopbg{
	background-color: #831f87;/* workshoptag*/
}
.congresbg{
	background-color: #6399a8; /* congrestag*/
}
.studiedagbg{
	background-color: #44b23e;/* studiedagtag*/
}

.nieuwtag{
	position: absolute;
	left:0px;
	top:0px;
	border-top: 60px solid #df872d; /* accentkleur 3*/
	border-right: 60px solid transparent;
	padding:0px;
	margin:0px;
}

.footer{
	background-color: #862887; /*hoofdkleur */
}
/*  *********************************** */

.zoekinput{
	height:2.3em;
	margin-right:0px;
	border:none;
	border-radius: 0;
	background-color: #ffffff;
	color: #000000;
}

.colorOranje{ /*oranje*/
	color:#df872d;
}
.colorBlauw { /*blauwig */
	color:#5aa6ad;
}
.colorDonkerpaars {/*donkerpaars */
	color:#6b126e;
}

.colorRed{
	color:  #c10000;
}
.hovercolor:hover{
	filter: brightness(120%);
}

.dropdown-menu > li > a:hover{
		color:#000000;
}

.closeimage{
	content:  url('/img/img20/x-in-triangle-grey.png');
	opacity:1;
	width:50px;
	height:50px;
}
.closeimage:hover{
	content:  url('/img/img20/x-in-triangle.png');
}
.likebutton{
	border:3px solid #ffffff;
	border-radius:100%;
	background-color:white;
	content:  url('/img/img20/thumb-purple.png');
}
.likebutton:hover{
	content:  url('/img/img20/thumb-purple-light.png');
}
.plusbutton{
	border:3px solid #ffffff;
	border-radius:100%;
	background-color:white;
	content:  url('/img/img20/plus-purple.png');
}
.plusbutton:hover{
	content:  url('/img/img20/plus-purple-light.png');
}
.fontA{
	font-family:  font_d, "Open Sans" , sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
.fontB{
	font-family: font_c , "Open Sans" , sans-serif;
	font-size: 6pt;
	font-weight: normal;
}
.fontC{
	font-family: font_a, "Open Sans" , sans-serif;
	font-size: 5pt;
	font-weight: bold;
}
.fontD {
	font-family: font_c, "Open Sans" , sans-serif;
	font-size: 5pt;
	font-weight: normal;
}

p.elw{
	margin: 0 0 0px;
	font-family: inherit;
	font-size: inherit;
}
@media (max-width:992px){
	.submenu{
			top:66px;
	}
}
@media (max-width:767px){
	.submenu{
		top	:10px;
		left	:30%;
		width:150px;
	}
}
.submenu a{
	color:#ffffff;
}

.navbar-default .navbar-nav li a {
	padding-bottom: 10px;
	padding-top:15px;
}

.navbar-default .navbar-nav > .active > a {
    background-image: none;
    background-repeat: repeat-x;
    box-shadow: none; /*0 3px 9px rgba(0, 0, 0, 0.075) inset;*/
    color: #ffffff;
}


.wizardLogo{
	position: absolute;
	top: 0;
	right:0px;
	left:auto;
	width: 0;
	height: 0;
	border-top: 65px solid #ffffff;
	border-left: 65px solid transparent;
}

.wizardLogo > img{
	position: relative;
	top		: -57px;
	right	: 30px;
	height: 20px;
}
.iimage {
	width:30px;
	height: 30px;
	color:#ffffff;
}

.dropdown-submenu{
	position:relative;
}

.dropdown-submenu .dropdown-menu{
	top:0;
	left: 100%;
	margin-top:-1px;
}
.dropdown-subsubmenu .dropdown-submenu .dropdown-menu{
	top:0;
	left: 100%;
	margin-top:-1px;
}


.zoekholder .fontB {
	font-family: font_c, "Open Sans" , sans-serif;
	font-size: 12px;
}
.zoekholder{
	color: #ffffff;
}

.zoekholder .dropdown-menu{
	border-radius:0px;
}

.btnLoep{
	background-color: #df872d; /* accentkleur 3 */
	color: #000000;
	border-radius:0;
	border: none;
	margin-left:-3px;
	height: 2.3em;
	vertical-align: top;
}

.arrowholderleft{
	right: 32px;
}
.arrowholdercontent{
	position: absolute;
	top		:50%;
	left		:50%;
	 -webkit-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	transform	: translate(-50%,-50%);
}

.big {
	font-size:29px;
}
.cursusrij {
	height						: 180px;
	padding-right		: 0px;
	padding-top			: 0px;
	padding-left			: 2px;
	padding-bottom	: 0px;
	margin-right			: 0px;

	overflow-x:	hidden;
	overflow-y: hidden;
}

.inspringen{
	margin-left:10px;
}
.kleinecursusinhoud{

	height	: 180px;
	width	: 258px;
	padding	: 0px;
	margin-right: 30px;
	background-color:#000000;
	float	: left;
}

.cursusbackground{
	position: relative;
	width: 100%;
	height: 100%;
	/*background-image: url('/img/img20/besjes2.jpg');	*/
	background-size:cover;
	background-repeat: no-repeat;
	background-color:#000000;
}

.cursushoveroverlay{
	position: absolute;
	top: 0;
	bottom:0;
	left:0;
	right:0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #b4b4b4;
	cursor: pointer;
}


.cursusbackground:hover .cursushoveroverlay{
	background-color:rgba(64,64,64,0.8);
	opacity: 1;
}

.cursushoverimage{
	position	:absolute;
	top			:50%;
	left			:50%;
	 -webkit-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	transform	: translate(-50%,-50%);
	text-align	: center;
}



@media (max-width:16000px){
/*
	.tekstbanner{
		height: 40%;
		margin-top:33%;
	}
*/
}
@media (max-width:1200px){
/*
	.tekstbanner{

		height: 49%;
		margin-top:35%;
	}
*/
}
@media (max-width:900px){
/*
	.tekstbanner{
		height: 48%;
		margin-top:46%;
	}
*/
}

@media only screen and (max-width:768px){
/*
	.tekstbanner{
		height: 40%;
		margin-top:14%;
	}
*/
/*
	.kleinecursusinhoud{
		height	: 190px;
		padding	: 0px;
		padding-top: 4px;

	}
	.cursusrij {
		height			: 190px;
		padding-right	: 0px;
		padding-top		: 0px;
		padding-left	: 2px;
		padding-bottom	: 0px;
		margin-right	: 0px;

		overflow-x:hidden;
		overflow-y: hidden;

	}
	.arrow{
		height: 190px;
		padding-top:4px;
	}
	.typeopleidingtag{
		margin-top: 15%;
		}
*/
}

@media (max-width:624px){
/*
	.tekstbanner{
		width:100%;
		opacity:0.8;
		height: 45%;
		margin-top:20%;
		padding:0px;
		background-color:#ffffff;
	}
*/
/*
	.typeopleidingtag{
		margin-top: 15%;
	}
*/
}
@media (max-width:400px){
/*
	.tekstbanner{
		width:100%;
		opacity:0.8;
		height: 45%;
		margin-top:30%;
		padding:0px;
		background-color:#ffffff;
	}
*/
/*
	.typeopleidingtag{
		margin-top: 25%;
	}
*/

}
.tekstbanner {
	position:absolute;
	width	:258px;
	opacity	:0.85;
	height	:75px;
	top		:90px;
	padding	:0px;
	background-color:#ffffff;
}
.tekstbannergroot {
	position:absolute;
	width		:100%;
	opacity	:0.8;
	height		:210px;
	bottom	:0px;
	padding	:0px;
	background-color:#ffffff;
}

.lessOpacity {
	opacity:1;
}
.bannerlogoholder{
	position: relative;
	width:90px;
	height: 100%;
	float:left;
	overflow:hidden;
}

.bannerlogo{
	position: relative;
	content:  url('/img/img20/elwcursus.png');
	width: 40px;
	height:39px;
	margin-left:15px;
	margin-top:20px;
	opacity: 0.2;
}

.tekstholder{
	position:relative;
	transform: translate(0px,-50%);
	top: 50%;
}

.inhoudkop{
	font-family: font_a, "Open Sans" , sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	margin:0px;
}
.inhoudsubkop{
	font-family:  font_c, "Open Sans" , sans-serif;
	font-size: .85em;
	font-weight: regular;
}

.nieuwtagtekst{
	position: absolute;
	left: 3px;
	top: -45px;
	-ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari 3-8 */
    transform: rotate(-45deg);
    color:#ffffff;
    background-color: transparent;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    padding:0px;
}

.newtag{
	width:50px;
	height:50px;
}

.inschrijfstatus{
	width	:20px;
	height	:20px;
	right	: 5px;
	top		: 5px;
	position:absolute;
	border	: 2px solid white;
	border-radius: 20px;
	color	: white;

}
/*.inschrijfstatus.waiting{*/
	/*content	: url('/img/img20/checkbox-no-check.png');*/
/*}*/
/*.inschrijfstatus.accepted{*/
	/*content	: url('/img/img20/checkbox-ok.png');*/
/*}*/
/*.inschrijfstatus.rejected{*/
	/*content	: url('/img/img20/checkbox-not-ok.png');*/
/*}*/
/*.inschrijfstatus.nvt{*/
	/*border:none;*/
	/*border-radius: 0px;*/
/*}*/
/*.inschrijfstatus.wish{*/
	/*background-image:url('/img/img20/favorite-white.png');*/
	/*background-size: 10px 10px;*/
	/*background-position:center;*/
	/*background-repeat: no-repeat;*/
	/*background-color:#c10000;*/
/*}*/

.cursustitel.groot{
	font-size:1.5em;
}
.cursuscontentblok{
	margin-top	: 20px;
	height				: 50%;
	overflow-y		: auto;
}
.cursuscontentblok .small{
	height				: 50%;
	 overflow-y		: hidden;
}


.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.58;
}

.jabutton{
	background-color:#3ab040; ;
	font-family: font_a, "Open Sans" , sans-serif;
	font-size: 30px;
	padding:10px;
	border:none;
}
.neebutton{
	background-color:#c10000;
	font-family: font_a, "Open Sans" , sans-serif;
	font-size: 30px;
	padding:10px;
	border:none;
}
.jabutton.small , .neebutton.small{
	font-size:15px;
	padding-top:5px;
	padding-bottom:5px
}
h3, h4{
	color: #ffffff;
}
.lowerblock h3{
	color:#ffffff ;
}



/*  ********  userprofile *************  */
.profile-holder{
	background-color:  #5aa6ad;  /* accentkleur 2 */
	min-height:500px;
}
.profile-info-pane{
	 background-image:transparent;
}
.profile-container{
	margin-top:20px;
}
.closeimageholder{
	position:absolute;
	top: 0px;
	right:0px;
}

.btn-academy-style {
	width: 100%;
	background-color:#df872d ; /* accentkleur 3 */
	font-size:1.1em;
	border: 0;
	padding: 15px;
	border-radius: 3px;
	margin-top: 5px;
}
.btn-academy-style-disabled {
	background-color: #e6bf96; /* accentkleur 3 disabled */
}

.academy-modal {
	height: 510px;
}

.academy-modal .button-holder {
	width: 100%;
	text-align: center;
	margin-top:50px;
}
.btn-academy {
	font-size:1em;
	padding: 5px 10px;
	margin-left: 10px;
	color: #ebebeb;
	border: 0;
	box-shadow: none;
}
.btn-academy-large{
	font-size: 3em;
	padding: 20px 20px;
}
.btn-academy:hover {
	  filter: brightness(107%);
}

.specialism-to-accept {
	position:relative;
	top: 50px;
	list-style: none;
}

.specialism-to-accept li {
	border-bottom: 1px solid #b2b2b2;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.specialism-to-accept div {
	margin-top: 20px;
}

.specialism-to-accept p {
	margin: 0;
	white-space: pre-line;
	text-align: left;
	position: relative;
	top: 0;
	max-height: 350px;
	overflow: auto;
}

.biglineheight, .biglineheight p, .biglineheight li{
	line-height:1.8em;
}

.profile-edit-pane {
	width: 70%;
	min-height: 598px;
	background-color: #fff;
	float:left;
}
.profile-edit-pane{
	padding: 30px 20px;
	color: #fff;
	float: left;
	width: 70%;
}
.profile-edit-pane h1{
	color:#000;
}
.profile-info-pane {
	height: 100%;
	padding: 30px 20px;
	color: #fff;
	width: 30%;
	float: left;
}

#profile-detail-edit .row{
	margin-top:10px;
}
.tagged {
	border: 1px solid #b2b2b2;
	float:left;
	margin-top: 2px;
	padding: 5px 16px 2px 3px;
	border-radius: 2px;
	margin-right: 2px;
	position: relative;
}
.remove-tagged {
	float: left;
	position: absolute;
	border: 1px solid #ebebeb;
	right: 2px;
	top: -2px;
	color: #b2b2b2;
	cursor: pointer;
	padding: 0px 1px;
}
.remove-tagged:hover {
	background-color: #ebebeb;
}
.testimonials {
	margin: 0;
}
.writer-name {
	color: #666;
	font-weight: bold;
	font-size: 1.1em;;
}
.testimonial-text {
	color: #000;
	white-space: pre-line;
	max-height: 150px;
	/*border: 1px solid #000;*/
	position: relative;
	/*top: -10px;*/
}
.profile-picture-edit-holder {
	position: relative;
}
.profile-picture-picture {
	width: 100%;
}
.upload-icon-button {
	position: relative;
}
.upload-icon-button {
	font-size: 1.5em;
	cursor: pointer;
	position: absolute;
	top:-50px;
	background-color: #fff;
	padding: 10px;
	right: 25px;
	border-radius: 50%;
}
.specialism-endorsement-holder {
	float: right;
}
.thumbs-up-specialism {
	position: relative;
	font-size: 1.4em;
	right: 10px;
	float: left;

}
.thumbs-up-specialism-endorsed {
	color: #cebceb;
}
.specialism-edorsement-counter {
	float: left;
	color: #555;
	font-size: 1.1em;
	font-weight: bold;
	position: relative;
	top: 2px;
}
.interest-label {
	float: left;
	margin-right: 5px;;
}

.search-select {
	color: #746868;
	list-style: none;
	position: absolute;
	background-color: #fff;
	width:80%;
	left: 20px;
	margin:0;
	z-index: 10;
	height: 400px;
	overflow: hidden;
	box-shadow: 1px 2px 10px #dddcdc;
	padding: 10px;
	font-size: 1.1em;
}
.search-select li {
	padding: 10px;
	cursor: pointer;
}
.search-select li:hover{
	background-color: #ebebeb;
}
.long-list {
	float:left;
	margin-right: 5px;
}