@charset "ISO-8859-1";

 /********************************************/
 /* Display nr of Line. This is called 'clamping' */  
 
 
 ul {
  list-style-type: '-';
 }
 
 
.line-clamp {
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 !important;
}

.line-clamp:after {
  content: '...';
  text-align: right;
  bottom: 0;
  right: 0;
  width: 25%;
  display: block;
  position: absolute;
  height: calc(1em * 1.2);
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
}

@supports (-webkit-line-clamp: 1) {
  .line-clamp:after {
    display: none !important;
  }
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
  height: calc(1em * 1.2 * 1);
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
  height: calc(1em * 1.2 * 2);
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
  height: calc(1em * 1.2 * 3);
}
.line-clamp-4 {
  -webkit-line-clamp: 4;
  height: calc(1em * 1.2 * 4);
}
.line-clamp-5 {
  -webkit-line-clamp: 5;
  height: calc(1em * 1.2 * 5);
}
.line-clamp-6 {
  -webkit-line-clamp: 6;
  height: calc(1em * 1.2 * 6);
}
.line-clamp-7 {
  -webkit-line-clamp: 7;
  height: calc(1em * 1.2 * 7);
}
.line-clamp-8 {
  -webkit-line-clamp: 8;
  height: calc(1em * 1.2 * 8);
}
.line-clamp-9 {
  -webkit-line-clamp: 9;
  height: calc(1em * 1.2 * 9);
}
.line-clamp-10 {
  -webkit-line-clamp: 10;
  height: calc(1em * 1.2 * 10);
}
.line-clamp-15 {
  -webkit-line-clamp: 15;
  height: calc(1em * 1.2 * 15);
}
/********************************************/

.positionAbsoluteBottom{
  position:absolute;
  bottom:0;
  width: 100%;
}
.positionAbsoluteBottom{
  width: 100%;
  Float:left;
}
/********************************************/

a:-webkit-any-link {
	    color: #ffffff;
    cursor: pointer;
    text-decoration: underline;
	}
	

a.infobar_item_name {
	color: rgb(0, 130, 200);
    cursor: pointer;
    text-decoration: underline;
	}
	


body{
	/* font:14px/21px 'gandhi_sansregular', Arial, Helvetica, sans-serif;*/
  font-family: Verdana, sans-serif;
  font-size: 18px;
	/* font-family */
}
button{
	cursor: pointer;	
}
.left_page,  .right_page{
	float: left; 
	width: 100px;
	height: 100%;
}

.main_page{
  margin: auto;
  width: 100%;
  
}

.navbar-wrapper {
	font-family: taz-semilight, Helvetica Neue, Helvetica, Arial,
		Language-font, sans-serif;
	font-size: 14px;
}

.navbar-wrapper-Menu {
	display: none;
}

.menu:hover  {
	cursor: pointer;
}
.menu {

	display: block;
	font-size: 1.17em;
	/*margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;*/
	font-weight: bold;
	margin: 19px 10px 10px 10px;
	font-size: 20px;
	float: left;
	/*width: 130px;*/
	height: 100%;
	color: rgb(0, 130, 200);
}



.navbar_logo:hover  {
	cursor: pointer;
}
	.navbar_logo {
		float: left;
		width: 100px;
		background-image: url('/cdn/nice-app-style/1.0/images/logo-sm.gif');
		HEIGHT: 50px;
		background-repeat: no-repeat;
		margin-top: 5px;
		margin-left: 5px;
	}
	
	/* headers*/
	.headerProf {
		
	}
	.headerProf_header {
		color: rgb(0, 130, 200);
	}
	.headerProf_image {
		/* height: 200px; */
		width: 200px;
		border-radius: 50% 50% 50% 50%;
		/* http://www.corelangs.com/css/box/image-shadow.html */
		box-shadow: 10px 10px 15px rgb(0, 130, 200);
		-moz-box-shadow: 10px 10px 15px rgb(0, 130, 200);
		-webkit-box-shadow: 10px 10px 15px rgb(0, 130, 200);
		-khtml-box-shadow: 10px 10px 15px rgb(0, 130, 200);
	}
	.headerProf_text {
		color: rgb(0, 130, 200);
	}
	/*************************/

@media screen and ( min-width : 1130px) 
{
	.center {
		margin: auto;
		/* 		width: 75%;*/
		/*      border: 3px solid #73AD21;*/
		padding: 10px;
	}
	
	.center_ervaringen {
		margin: auto;
		width: 90%;
		/*      border: 3px solid #73AD21;*/
		/* 		padding: 10px;*/
	}
	.center_trends {
		margin: auto;
		width: 90%;
		/*      border: 3px solid #73AD21;*/
		/*   	padding: 10px; */
		margin-bottom: 20px;
	}
	.center_prof {
		margin: auto;
		width: 90%;
		/*border: 3px solid #73AD21;*/
		/* padding: 10px; */
	}

	.Weg_menu_small {
		font-size: 24px;
		float: left;
		width: 10%;
		height: 100%;
		color: rgb(0, 130, 200);
	}
	.infobar_big {
		float: left;
		width: 99%;
		border-radius: 10px;
		/* border: 2px solid rgb(0, 130, 200); */
		background-color: #ffffff;
		-webkit-box-shadow: 5px 5px 15px rgb(0 130 200);
	}
	.infobar_item {
    margin-bottom: 10px;
    float: left;
    width: 20%;
    /* font-size: 14px; */
    margin-top: 10px;
	}
	.infobar_item_image {
		text-align: center;
	}
	.infobar_item_number {
		text-align: center;
		color: rgb(0, 130, 200);
	}
	.infobar_item_name {
		text-align: center;
		color: rgb(0, 130, 200);
	}




 	/* Trends*/
/* 	.headertrends {
		color: rgb(0, 130, 200);
	} */



	.footer {
		float: left;
		width: 100%;
		background-color: rgb(0, 130, 200);
		background-position: left top;
		background-size: 100% 100%;
		background-image: url('./image/Header2.png');
		background-repeat: no-repeat;
		    padding: 28px 0px 28px 90px;
    margin-top: 28px;
	}




}

@media screen and ( max-width : 1130px) {
	.center {
		margin: auto;
		/* width: 50%; */
		/*border: 3px solid #73AD21;*/
		padding: 10px;
	}
	.center_ervaringen {
		margin: auto;
		width: 90%;
		/*border: 3px solid #73AD21;*/
		padding: 10px;
	}
	.center_trends {
		margin: auto;
		width: 90%;
		/*border: 3px solid #73AD21;*/
		padding: 10px;
		margin-bottom: 20px;
	}
	.center_prof {
		margin: auto;
		width: 90%;
		/*border: 3px solid #73AD21;*/
		padding: 10px;
	}
	.infobar_big {
		float: left;
		 width: 70%;
		border-radius: 10px;
		/* border: 0px solid rgb(0, 130, 200); */
		background-color: #ffffff;
		-webkit-box-shadow: 5px 5px 15px rgb(0 130 200);
	}
	.infobar_item {
		float: left;
		width: 100%;
	}
	.infobar_item_image {
		float: left;
		/* width: 25%; */
		margin: 0px 10px 0px 10px; border-radius : 10px;
		text-align: right;
		border-radius: 10px;
	}
	.infobar_item_image_style {
		width: 25px;
		text-align: left;
	}
	.infobar_item_number {
		float: left;
		color: rgb(0, 130, 200);
	}
	.infobar_item_name {
		text-align: left;
		color: rgb(0, 130, 200);
	}


}

@media print {
	.navbar-wrapper-Menu {
		display: none;
	}
}