/* common */
* { margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
html, body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; color: #000; }
input, select, textarea, button { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 22px; font-weight: 400; color: #000; }
input[type="submit"] { -webkit-appearance: none; }
body { background-color: #ebf1f5; }
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
ul, ol { list-style: none; }
::-webkit-input-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder { color: #aaa; }
:-moz-placeholder { color: #aaa; }

.nodesktop { display: none; } 

.message_error { color: #f00; }
.message_success { color: #03b128; }
.message { margin: 10px; font-weight: bold; }

button.btn { padding: 5px; border: 3px solid transparent; background-color: #0073aa; font-weight: 700; color: #fff; text-transform: uppercase; cursor: pointer; }
button.btn:hover { border: 3px solid #0073aa; background: transparent; color: #0073aa }
button.btn-accept { background-color: #03b128; }
button.btn-accept:hover { background-color: transparent; border: 3px solid #03b128; color: #03b128 }
button.btn-decline { background-color: #f00; }
button.btn-decline:hover { background-color: transparent; border: 3px solid #f00; color: #f00 }

.centering { margin: 0 auto; width: 924px; }

a.button { margin-bottom: 15px; padding: 0 14px; float: left; height: 36px; font-size: 15px; line-height: 33px; color: #0073aa; font-weight: 600; text-transform: uppercase; border: 1px solid #0073aa; cursor: pointer;  text-decoration: none; }
a.button:hover { color: #fff; background-color: #0073aa;  }

.datepicker { z-index: 999999; position: relative;}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 600; color: #fff; }
h1 { font-size: 32px; line-height: 38px; }
h2 { font-size: 18px; line-height: 25px; font-weight: 400; color: #212121; }
h3 { font-size: 14px; line-height: 20px; font-weight: 700; color: #323234; }

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	
	opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
	opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
    opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
    opacity: 1;
}

			/* paination bar */
			.pagination-bar { padding: 18px 0 20px 20px; overflow: hidden; display: block; background: rgba(14,14,14,0.6); }
			.pagination-bar ul li { margin-right: 5px; display: inline-block; text-align: center; }
            .pagination-bar ul li{ display: table-cell; font-size: 16px; width: 31px; height: 30px; vertical-align: middle; color: #ffffff; text-decoration: none; }
			.pagination-bar ul li a { display: table-cell; font-size: 16px; width: 31px; height: 30px; vertical-align: middle; color: #ffffff; text-decoration: none; }
			.pagination-bar ul li.active, .pagination-bar ul li.active a, .pagination-bar ul li:hover a { color: #ffffff; text-decoration: underline; } 
			.pagination-bar.bg { padding: 16px 0 19px 20px; margin-bottom: -13px; background: #090909; } 
            
/* section  */
#section { position: relative; display: block; width: 100%; min-height: 100%; }
	
	.menu { overflow-y: auto; padding: 30px 25px 0 37px; width: 392px; height: 100%; position: fixed; right: -392px; top: 0; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; z-index: 9999; background: #0078ae; }
	.menu ul { width: 100%; float: left; list-style: none; }
	.menu li { width: 100%; float: left; border-bottom: 2px solid rgba(255, 255, 255, .1); }
	.menu li  a { font-family: 'Roboto', sans-serif; font-size: 20px; line-height: 38px; color: #fff; display: block; text-decoration: none; }
	.menu li  a:hover { color: #000; }
	.menu a.cross { width: 24px; height: 24px; display: block; position: absolute; right: 54px; top: 28px; background: url(../images/cross.png) no-repeat; }

/* page wrap */
#page-wrap { margin: 0 auto; width: 100%; }

	/* header */
	#header-wrap { position: relative; width: 100%; z-index: 999; background: #fff; }
	
		/* nav block */
		.nav-block { width: 100%; }
		.nav-block .centering { position: relative; }
		.nav-block a.mobile { width: 28px; display: block; position: absolute; right: 20px; top: 32px; }
		.nav-block a.mobile.active { display: none; }
		.nav-block a.mobile em { margin-bottom: 6px; display: block; height: 2px; background-color: #000; }
		.nav-block .logo { margin: 10px 0 5px 20px; float: left; }
		.nav-block .logo a { display: block; }
		.nav-block .link { margin-right: 70px; float: right;  }
		.nav-block .link ul { float: left; list-style: none; }
		.nav-block .link li { float: left; position: relative; border-right: 1px solid #f9f9f9; }
		.nav-block .link li small { width: 17px; height: 17px; font-family: 'Roboto', sans-serif; font-size: 12px; line-height: 17px; color: #fff; display: block; text-align: center; position: absolute; right: 16px; top: 19px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #003772; }
		.nav-block .link li a { padding: 14px 21px 0; float: left; height: 72px; font-size: 15px; line-height: 42px; color: #000; text-decoration: none; border-bottom: 2px solid rgba(255,255,255,0); }
		/*.nav-block .link li.man img  { margin-right: 8px; float: left; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }*/
        .nav-block .link li.man img  { margin-right: 8px; float: left; }
		.nav-block .link li.bell img { float:left; margin-top: 5px; }
		.nav-block .link li.envelop img { float:left; margin-top: 5px; }
		.nav-block .link li ul { padding: 18px 0 5px; width: 360px; display: none; position: absolute; right: 0; top: 72px; background-color: rgba(255,255,255,0.9); }
		.nav-block .link li li { padding: 0 14px; width: 100%; border-right: 0; }
		.nav-block .link li li.icon1 a { background: url(../images/message_icon_1.png) left 0 no-repeat; } /* Agenda item  */
		.nav-block .link li li.icon2 a { background: url(../images/message_icon_2.png) left 0 no-repeat; } /* Verjaardag  */
		.nav-block .link li li.icon3 a { background: url(../images/message_icon_3.png) left 0 no-repeat; } /* Nieuwsbericht  */
        .nav-block .link li li.icon4 a { background: url(../images/message_icon_4.png) left 0 no-repeat; } /* Blog item  */
        .nav-block .link li li.icon5 a { background: url(../images/message_icon_5.png) left 0 no-repeat; } /* Planning  */
		.nav-block .link li li a { padding: 0 0 16px 33px; height: auto; font-size: 14px; line-height: 19px; border-bottom: 0; }
		.nav-block .link li li:hover a { color: #003772; }
		.nav-block .link li li img { float: left; }
		.nav-block .link li.bell a.active { border-bottom: 2px solid #003772; }
		
	/* banner */
	#banner-wrap { position: relative; z-index: 1; width: 100%; overflow: hidden; }
		
		/* banner block */
		.banner-block { width: 100%; overflow: hidden; background: url(../images/banner_img.png) top center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
		.banner-block.bg { height: 300px; background: url(../images/banner_img.png) center center no-repeat; }
		.banner-block .centering { height: 378px; position: relative; }
		.banner-block h1 { position: absolute; left: 19px; bottom: 112px; }
	
	/* content */
	#content-wrap { position: relative; z-index: 10; padding-bottom: 120px; width: 100%; background-color: #ebf1f5; }
	
		/* center */
		#center-wrap { margin-top: -30px; float: left; width: 100%; }
			
			/* slider block */
			.slider-block { float: left; width: 50%; position: relative; margin-bottom: 10px; }
            .slider-block .flexslider.loading { display: none; }
            .slider-block a.more_news { position: absolute; z-index: 10; right: 20px; top: 20px }
            .slider-block .slider { width: 100%; overflow: hidden; position: relative; background-color: #e5e9ec; height: 60px; border-right: 1px }
			.slider-block ul.slides { width: 100%; list-style: none; }
            .slider-block ul.slides li { width: 100%; height: 245px; position: relative; }
            .slider-block li h2 { width: 100%; color: #000; position: absolute; left: 19px; top: -45px; }
			.slider-block ol.flex-control-nav { position: absolute; right: 23px; bottom: 24px; z-index: 99; }
			.slider-block ol.flex-control-nav li { margin-left: 4px; float: left; cursor: pointer; text-indent: -9999px; }
			.slider-block ol.flex-control-nav li a { width: 16px; height: 16px; display: block; text-indent: -9999px; background: url('../images/nav_img.png') left top no-repeat; }
			.slider-block ol.flex-control-nav li a.flex-active { background-position: left bottom; }
            
			
			/* calender block */
			.calender-block { width: 25%; height: 305px; float: left; padding: 0 1px 0 1px; background: #e5e9ec; border-right: 1px solid #e5e9ec; box-sizing: border-box; margin-bottom: 10px; }
			.calender-block .calender { width: 100%; overflow: hidden; position: relative; background-color: #e5e9ec; }
			.calender-block a.pre { width: 9px; height: 16px; display: block; position: absolute; left: 19px; top: 22px; background: url('../images/pre_img.png') left top no-repeat; }
			.calender-block a.next { width: 9px; height: 16px; display: block; position: absolute; right: 16px; top: 22px; background: url('../images/next_img.png') left top no-repeat; }
			.calender-block h2 { line-height: 60px; text-align: center; }
			.calender-block ul { padding: 0px 12px 0; width: 100%; list-style: none;  }
            .calender-block ul:hover { cursor: pointer; }
			.calender-block li { margin-bottom: 8px; width: 100%; float: left; }
			.calender-block li span  { margin-right: 2px; float: left; width: 27px; height: 27px; line-height: 23px; color: #212121; font-weight: 400; text-align: center; border: 2px solid rgba(255,255,255,0); }
			.calender-block li:first-child  { margin-bottom: 6px; }
			.calender-block li:first-child span { font-size: 14px; color: #000; font-weight: 700; border: 0; }
			.calender-block li a { float: left; }
			.calender-block li a span { display: block; color: #000; text-decoration: none; border: 2px solid #003772; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

			/* photo block */
            .photo-block { float: left; width: 25%; height: 305px; position: relative; background: url('../images/photo_img.png') center no-repeat; background-size: cover; }
			.photo-block a { position: absolute; bottom: 5%; left: 10%; width: 80%; text-align: center; text-decoration: none; border: 1px solid #0073aa; text-transform: uppercase; font-weight: 600; background: #0073aa; color: #fff; padding: 5px; }
			.photo-block a:hover { color: #0073aa; background: #fff; border: 1px solid #fff; }
			.photo-block h2 { position: absolute; left: 19px; top: 16px; color: #fff; }
            .photo-block.evenement a { height: 50%; overflow: hidden; padding-top: 1px;}
			.photo-block img { max-width: 100%; }
            .photo-block.verlof { background: url('../images/verlof_img.png') center no-repeat; }
            .photo-block.verlof h2 { color: #000; }
            .photo-block.verlof a:hover { border: 1px solid #0073aa; background: transparent; color: #0073aa; }

			/* profile block */
			.profile-v2-block { float: left; width: 25%; height: 305px; position: relative; background: #fff; margin-bottom: 10px;}
			.profile-v2-block h2 { padding: 0 18px; line-height: 60px; color: #212121; position: relative; left: auto; top: auto; background-color: #e5e9ec; }
			.profile-v2-block .mid { padding: 11px 16px; width: 100%; overflow: hidden; }
			.profile-v2-block .profile { width: 100%; overflow: hidden;                }
			.profile-v2-block .photo img { margin: 3px 13px 0 0; float: left; width: 55px; height: 55px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #5d5d5d; }
			.profile-v2-block .name { float: left; width: 125px; }
			.profile-v2-block .name span { font-size: 14px; line-height: 20px; color: #7f7f7f; display: block; }
			.profile-v2-block p { padding: 26px 0 38px; font-size: 14px; line-height: 22px; color: #000; }
			.profile-v2-block a { padding: 0 15px; float: left; height: 37px; font-size: 15px; line-height: 35px; color: #0073aa; font-weight: 600; text-transform: uppercase; text-decoration: none; border: 1px solid #0073aa; }
			.profile-v2-block a:hover { color: #fff; background-color: #0073aa; }

			/* tweet block */
			.tweet-block { float: left; width: 50%; overflow: hidden; margin-bottom: 10px; }
			.tweet-block h2 { padding: 0 20px; line-height: 61px; background-color: #e5e9ec; }
			.tweet-block .tweet { padding: 15px 18px 14px 15px; width: 100%; border-bottom: 1px solid #eeeeee; }
			/*.tweet-block .photo { margin-right: 10px; float: left; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }*/
            .tweet-block .photo { margin-right: 10px; float: left; overflow: hidden; }
			.tweet-block .name { float: left; }
			.tweet-block .name span { font-size: 14px; line-height: 16px; color: #000; font-weight: 700; }
			.tweet-block .name em { font-style: normal; color: #7f7f7f; display: block; font-weight: 400; }
			.tweet-block a.like { margin-top: 8px; float: right; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 28px; font-weight: 400; color: #000; text-decoration: none; }
			.tweet-block a.like img { margin-right: 5px;float: left; }
			.tweet-block .text { padding-bottom: 26px; width: 100%; overflow: hidden; background-color: #fff; }
			.tweet-block p { padding: 14px 19px 20px; }
			.tweet-block p img { width: 100%; heigth: auto; }
			.tweet-block a.view { padding: 10px; margin: 5px 20px; font-size: 15px; line-height: 33px; text-decoration: none; text-transform: uppercase; font-weight: 600; background-color: #0073aa; color: #fff;  }
			.tweet-block a.view:hover { color: #0073aa; background-color: transparent; border: 1px solid #0073aa; }

			/* button block */
			.button-block { width: 50%; float: right;  margin-bottom: 10px; }
			.button-block ul { width: 100%; overflow: hidden; list-style: none; }
			.button-block li { float: left; width: 50%; border-top: 1px solid #fff; border-right: 1px solid #fff; }
			.button-block li:nth-child(2n) { border-right: 0; }
			.button-block li  a { padding: 32px 5px 5px; height: 145px; font-size: 15px; line-height: 18px; color: #fff; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: 600;  display: block; background-color: #003772; }
			.button-block li img { margin: 0 auto 10px; }
			.button-block li  a:hover { color: #ffff; }
			.button-block li.white a { color: #0073aa; background-color: #fff; }
			.button-block li.skyblue a { background-color: #0073aa; }
			.button-block li.blue a { background-color: #0c243c; }
			.button-block li.gry a { background-color: #949494; }

			/* overview block */
			.overview-block { padding-bottom: 29px; width: 100%; overflow: hidden; background: #fff; }
			.overview-block h2 { padding: 18px 19px; background-color: #e5e9ec; }
			.overview-block p { padding: 18px 19px; }
			.overview-block ul { padding: 18px 0 0; width: 100%; overflow: hidden; list-style: none; }
			.overview-block li { padding: 0 19px; width: 100%; float: left; }
			.overview-block li a { font-size: 14px; line-height: 22px; color: #000; display: block; }
			.overview-block li a:hover { color: #003772; }

			/* message block */
			.message-block { width: 100%; overflow: hidden; background: #fff; }
			.message-block  h2 { padding: 0 19px; line-height: 61px; background-color: #e5e9ec; }
			.message-block ul { padding: 0px; width: 100%; overflow: hidden; list-style: none; }
			.message-block li { width: 100%; float: left; }
			.message-block li a { padding-left: 10px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/cat_pointer.png') left 10px no-repeat; }
			.message-block li a:hover { color: #0073aa; }
			.message-block li a.no-hover { color: #000; text-align: center; cursor: auto; background: none; padding-left: 0px; }
			.message-block li a.selected { color: #0073aa; font-weight: bold; }
			.message-block p { padding: 15px 20px 20px; }

			/* college block */
			.college-block { width: 100%; overflow: hidden; }
			.college-block ul { width: 100%; overflow: hidden; list-style: none; }
			.college-block li { float: left; width: 25%; min-height: 304px; position: relative; background: #fff; }
			.college-block li h2 { padding: 0 20px; line-height: 60px; background-color: #e5e9ec; }
			.college-block li a { padding: 0 10px 0 20px; display: block; text-decoration: none; overflow: hidden; }
			.college-block li a img { margin: 24px auto 10px; }
			.college-block li span { margin-bottom: 11px; width: 100%; overflow: hidden; font-size: 14px; line-height: 22px; color: #000; display: block; letter-spacing:-0.25px; }
			.college-block li small { padding: 0 13px; float: left; font-size: 15px; line-height: 36px;  color: #0073aa; font-weight: 600; text-transform: uppercase; border: 1px solid #0073aa; }
			.college-block li a:hover small { color: #fff; background: #0073aa; }
			.college-block li.social { background: url('../images/college_img3.png') left top no-repeat;}
			.college-block li a.logo { padding: 0; }
			.college-block li a.logo img { margin: 32px auto 0; }
			.college-block li ul { text-align: center; position: absolute; left: 0; bottom: 14px; }
			.college-block li  li { margin: 0 1px; width: auto; min-height: inherit; float: none; display: inline-block; background: none; }
			.college-block li  li a { padding: 0; }
			.college-block li  li a  img { margin: 0; }
			.college-block li.latest a { padding-top: 20px; }
			.college-block li.latest span { padding: 13px 0 10px; }
			.college-block li.latest a img { margin: 14px 13px 0 0; float: left; }
			.college-block li.latest em { float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; color: #323234; font-style: normal; }
			.college-block li.profile a { padding-top: 20px; }
			.college-block li.profile span { padding: 13px 0 10px; }
			/*.college-block li.profile a img { margin: 0px 13px 0 0; float: left; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }*/
            .college-block li.profile a img { margin: 0px 13px 0 0; float: left; width: 40px; height: 40px; overflow: hidden;  }
			.college-block li.profile em { float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; color: #323234; font-style: normal; }
			.college-block li.profile em em { font-weight: 400; color: #adadad; }

			.college-block.v2 li { min-height: 224px; margin-top: 1px; }
			.college-block.v2 li.college { width: 50%; }
			.college-block.v2 li.college .mid { padding: 15px 38px 20px 20px; width: 100%; overflow: hidden; }
			.college-block.v2 li h2 { background-color: #e5e9ec; }
			.college-block.v2 li .left { margin-top: 4px; float: left; width: 185px; }
			.college-block.v2 li .right { float: right; }
			.college-block.v2 li a.coll { padding: 0 13px; height: 37px; float: left; font-size: 15px; line-height: 33px; color: #0073aa; font-weight: 600; text-transform: uppercase; text-decoration: none; border: 1px solid #0073aa; }
			.college-block.v2 li a.coll:hover { color: #fff; background-color: #0073aa; }
			.college-block.v2 li.social { background: url('../images/college_img6.jpg') left top no-repeat; background-size: cover; }
			.college-block.v2 li span { margin-bottom: 18px; }
			.college-block.v2 li li { min-height: inherit; }
			.college-block.v2 li.latest .mid { padding: 0 35px 15px 17px; width: 100%; overflow: hidden; }

			/* login block */
			.login-block { padding-bottom: 36px; width: 100%; overflow: hidden; background: #fff; }
			.login-block  h2 { padding: 18px 19px; background-color: #e5e9ec; }
			.login-block .login { margin: 10px 0 0 19px; float: left; width: 443px; } 
			.login-block label { font-size: 14px; line-height: 34px; color: #000; font-weight: 700; display: block; }
			.login-block input[type="text"], .login-block input[type="password"] { padding: 5px 14px; margin-bottom: 15px; width: 100%; height: 32px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; }
			.login-block input[type="submit"] { padding: 0 15px; margin-bottom: 7px; float: left;  height: 36px; font-size: 15px; font-weight: 600; line-height: 33px; color: #0073aa; text-decoration: none; text-transform: uppercase; border: 1px solid #0073aa; }
			.login-block input[type="submit"]:hover { color: #fff; background-color: #0073aa; }
            .login-block .help  { text-align: right; margin-bottom: 15px; }
            .login-block .help span { float: left; }
            .login-block a { color: #000; text-decoration: underline; }
            .login-block a:hover { text-decoration: none; }
			
			/* news block */
			.news-block { width: 100%; overflow: hidden; background: #fff; }
			.news-block h2 { padding: 18px 19px; background-color: #e5e9ec; }
			.news-block ul { padding: 23px 30px 19px 18px; width: 100%; overflow: hidden; list-style: none; }
			.news-block li { width: 100%; overflow: hidden; border-bottom: 1px solid #eeeeee; cursor: pointer; }
			.news-block li:last-child { border-bottom: 0; }
			.news-block li .photo { width: 230px; overflow: hidden; float: left; position: relative; }
			.news-block li .photo::before { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; content: ''; background: linear-gradient(to top, rgba(35,31,32, 0.6), rgba(35,31,32, 0)); }
			.news-block li .news { padding: 6px 0 0 16px; width: 625px; float: left; }
			.news-block li  span { font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.news-block li em { margin-bottom: 8px; font-size: 14px; line-height: 20px; color: #7f7f7f; font-style: normal; display: block; }
			
		/* left wrap */
		#left-wrap {  margin-top: -30px; float: left; width: 24.9%; }
		#left-wrap-2 {  margin-top: -30px; float: left; width: 29.9%; }

			/* messages */
			.messages-list li { border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
			.messages-list li:last-child { border-bottom: none }
			.messages-list li a {cursor: pointer;background: none !important;padding: 10px;line-height: 20px !important;font-size: 15px !important;}
			.messages-list li a small { display: block; color: #0073aa; font-size: 13px !important; }

			/* today block */
			.today-block { padding-bottom: 25px; width: 100%; overflow: hidden; background: #fff; }
			.today-block .today { padding: 18px 20px; width: 100%; overflow: hidden; background-color: #e5e9ec; }
			.today-block ul { width: 100%; overflow: hidden; list-style: none; }
			.today-block li { padding: 15px 20px 0; width: 100%; float: left; font-size: 14px; line-height: 21px; color: #000; }
			.today-block li span { padding: 0 0 0 30px; color: #000; display: block; text-decoration: none; }
			.today-block  li.icon1 span { background: url(../images/icon3.png) left 0 no-repeat; }
            .today-block  li.icon5 span { background: url(../images/icon5.png) left 0 no-repeat; }
			.today-block li span:hover { color: #003772; }
			.today-block li a { padding: 0 0 0 30px; color: #000; display: block; text-decoration: none; }
			.today-block  li.icon1 a { background: url(../images/icon3.png) left 0 no-repeat; }
			.today-block li a:hover { color: #003772; }
            .today-block p { padding: 15px 20px 0; }
            
			/* overview block */
			.overview-block { padding-bottom: 29px; width: 100%; overflow: hidden; background: #fff; }
			.overview-block  h2 { padding: 18px 19px; background-color: #e5e9ec; }
			.overview-block  ul { padding: 18px 0 0; width: 100%; overflow: hidden; list-style: none; }
			.overview-block li { padding: 0 19px; width: 100%; float: left; }
			.overview-block li  a { font-size: 14px; line-height: 22px; color: #000; display: block; }
			.overview-block li a:hover { color: #003772; }
			
			/* search block */
			.search-block { width: 100%; overflow: hidden; background: #fff; }
			.search-block  h2 { padding: 18px 19px; background-color: #e5e9ec; }
			.search-block ul { float: left; width: 100%; list-style: none; border-bottom: 1px solid #f2f2f2; }
			.search-block li { float: left; border-right: 1px solid #f5f5f5; }
			.search-block li a { padding: 20px 18px; height: 64px; display: block; text-decoration: none; border-bottom: 2px solid rgba(255,255,255,0); }
			.search-block li.active a { border-bottom: 2px solid #003772; } 
			.search-block .about { padding: 24px 16px 23px 20px; width: 100%; overflow: hidden; }
			.search-block a.photo { padding-left: 28px; display: block; font-size: 14px; line-height: 22px; color: #000; background: url('../images/selectphoto_icon.png') left center no-repeat; }
			.search-block textarea { padding: 10px; margin: 12px 0 10px; width: 100%; min-height: 165px; font-size: 14px; line-height: 22px; color: #000; border: 2px solid #f5f5f5; resize: none; }
			.search-block input[type="submit"] { padding: 0 12px; height: 35px; font-size: 15px; line-height: 30px; color: #fff; cursor: pointer; text-transform: uppercase; border: 0; background: #003772; }
			.search-block input[type="submit"]:hover { background: #14579f; }
            .search-block #image_preview { margin-top: 10px; }

			/* place block */
			.place-block { width: 100%; overflow: hidden; background: #fff; }
			.place-block h2 { padding: 18px 19px; background-color: #e5e9ec; }
			.place-block h2 .arrow { display: none; }
			.place-block ul { float: left; width: 100%; list-style: none; border-bottom: 1px solid #f2f2f2; }
			.place-block li { float: left; border-right: 1px solid #f5f5f5; }
			.place-block li a { padding: 20px 18px; height: 64px; display: block; text-decoration: none; border-bottom: 2px solid rgba(255,255,255,0); }
			.place-block li.active a { border-bottom: 2px solid #003772; }
			.place-block .about { padding: 24px 16px 23px 20px; width: 100%; overflow: hidden; }
			.place-block a.photo { padding-left: 28px; display: block; font-size: 14px; line-height: 22px; color: #000; background: url('../images/selectphoto_icon.png') left center no-repeat; }
			.place-block textarea { padding: 10px; margin: 12px 0 10px; width: 100%; min-height: 165px; font-size: 14px; line-height: 22px; color: #000; border: 2px solid #f5f5f5; resize: none; }
			.place-block input[type="submit"] { padding: 0 12px; height: 35px; font-size: 15px; line-height: 30px; color: #fff; cursor: pointer; text-transform: uppercase; border: 0; background: #003772; }
			.place-block input[type="submit"]:hover { background: #14579f; }
			.place-block #image_preview { margin-top: 10px; }

			/* find block */
			.find-block { width: 100%; overflow: hidden; background: #fff; }
			.find-block  h2 { padding: 18px 18px; background-color: #e5e9ec; }
			.find-block .find { padding: 18px 18px 22px; width: 100%; overflow: hidden; }
			.find-block p { padding-bottom: 18px; }
			.find-block .search { width: 100%; float: left; border: 1px solid #e5e5e5; }
			.find-block input[type="text"] { width: 82%; height: 36px; float: right; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; border: 0; }
			.find-block input[type="submit"] { width: 17%; height: 36px; float: left; border: 0; text-indent: -9999px; cursor: pointer; background: url('../images/search_icon.png') center no-repeat; }
            .find-block button#button-search { width: 17%; height: 36px; float: left; border: 0; text-indent: -9999px; cursor: pointer; background: url('../images/search_icon.png') center no-repeat; }
			
			/* information block */
			.information-block { width: 100%; overflow: hidden; background: #fff; }
			.information-block  h2 { padding: 0 19px; line-height: 61px; background-color: #e5e9ec; }
			.information-block .information { padding: 9px 25px 23px 19px;  width: 100%; overflow: hidden; }
			.information-block p { letter-spacing: -0.23px; }
			.information-block ul { padding-bottom: 22px; width: 100%; overflow: hidden; list-style: none; }
			.information-block li { width: 100%; overflow: hidden; position: relative; letter-spacing: -0.15px; }
			.information-block li small { width: 4px; height: 4px;display: inline-block; position: relative; top: -3px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background: #000; }
			
			/* over block */
			.over-block { width: 100%; overflow: hidden; background: #fff; }
			.over-block  h2 { padding: 0 19px; line-height: 61px; background-color: #e5e9ec; }
			.over-block ul { padding: 18px 18px 29px; width: 100%; overflow: hidden; list-style: none; }
			.over-block li { width: 100%; float: left; }
			.over-block li a { padding-left: 10px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/cat_pointer.png') left 10px no-repeat; }
			.over-block li a:hover { color: #009ce3; }
            .over-block li a.selected { color: #009ce3; font-weight: bold; }
            .over-block p { padding: 15px 20px 20px; }

			/* categories block */
			.categories-block { width: 100%; overflow: hidden; background: #fff; }
			.categories-block h2 { padding: 0 19px; line-height: 60px; background-color: #e5e9ec; }
			.categories-block ul { padding: 12px 10px 19px 18px; width: 100%; overflow: hidden; list-style: none; }
			.categories-block li { width: 100%; overflow: hidden; }
			.categories-block li a { padding-left: 10px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/cat_pointer.png') left 10px no-repeat; }
			.categories-block li a:hover { color: #009ce3; }
            .categories-block li a.active { font-weight: bold; color: #009ce3; }
		
			/* manual block */
			.manual-block { width: 100%; overflow: hidden; background: #fff; }
			.manual-block h2 { padding: 0 19px 0 80px; line-height: 60px; position: relative;  background-color: #e5e9ec; }
			.manual-block h2::before { width: 36px; height: 37px; position: absolute; left: 22px; top: 11px; content: ''; background:  url('../images/manual_img.png') left center no-repeat; }
            .manual-block.planning h2::before { width: 36px; background:  url('../images/planning_img.png') left center no-repeat; }
            .manual-block.handleiding h2::before { width: 45px; background:  url('../images/img_handleiding.png') left center no-repeat; }
            .manual-block.mip_document h2::before { width: 45px; background:  url('../images/img_mip_document.png') left center no-repeat; }
            .manual-block.veiligheid h2::before { width: 45px; background:  url('../images/img_veiligheid.png') left center no-repeat; }
			.manual-block .mid { padding: 13px 21px 0; width: 100%; overflow: hidden; }
			.manual-block h3 { padding-bottom: 5px; color: #000; }
			.manual-block .general { padding-bottom: 20px; width: 100%; overflow: hidden; }
			.manual-block ul { width: 100%; overflow: hidden; list-style: none; }
			.manual-block li { width: 100%; overflow: hidden; }
			.manual-block li a { padding-left: 23px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/icon_file.png') left 5px no-repeat; }
            .manual-block li { padding-left: 23px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/icon_file.png') left 5px no-repeat; }
			.manual-block li a:hover { color: #3d3a3a; }
            .manual-block li:hover { color: #3d3a3a; cursor: pointer; }
            
			/* manual block */
			.pdfdownload ul { width: 100%; overflow: hidden; list-style: none; }
			.pdfdownload li { width: 100%; overflow: hidden; }
			.pdfdownload li a { padding-left: 23px; font-size: 14px; line-height: 30px; color: #009ce3; font-weight: 400; display: block; text-decoration: none; background: url('../images/icon_file.png') left 5px no-repeat; }
            .pdfdownload li { padding-left: 23px; font-size: 14px; line-height: 30px; color: #009ce3; font-weight: 400; display: block; text-decoration: none; background: url('../images/icon_file.png') left 5px no-repeat; }
			.pdfdownload li a:hover { color: #3d3a3a; }
            .pdfdownload li:hover { color: #3d3a3a; cursor: pointer; }
			
			/* profilephoto block */
			.profilephoto-block { width: 100%; overflow: hidden; text-align: center; }
			/*.profilephoto-block .photo { width: 210px; height: 210px; overflow: hidden; border: 2px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #5d5d5d; }*/
            .profilephoto-block .photo { width: 210px; height: 210px; overflow: hidden; border: 2px solid #fff; background-color: #5d5d5d; }
			.profilephoto-block a { padding-left: 26px; margin-top: 10px; font-size: 14px; line-height: 20px; color: #000; display: inline-block; text-decoration: underline; background: url('../images/profile_icon.png') left 3px no-repeat; }
			.profilephoto-block a:hover { color: #3d3a3a; }
			
		/* right wrap */
		#right-wrap { margin-top: -30px; float: right; width: 75%; }
		#right-wrap-2 { margin-top: -30px; float: right; width: 70%; }
			
			/* post block */
			.post-block { padding-bottom: 12px; width: 100%; overflow: hidden; background: #fff; min-height: 400px; }
			.post-block .top { padding: 18px 20px; width: 100%; overflow: hidden; position: relative; background-color: #e5e9ec; }
			.post-block h2 { text-align: center; }
            .post-block p { margin: 20px; text-align: center; }
			.post-block a.pre { width: 9px; height: 16px; display: block; position: absolute; left: 25px; top: 24px; background: url('../images/pre_img.png') left top no-repeat; }
			.post-block a.next { width: 9px; height: 16px; display: block; position: absolute; right: 25px; top: 24px; background: url('../images/next_img.png') left top no-repeat; }
			.post-block ul { padding: 4px 21px 0; width: 100%; overflow: hidden; }
			.post-block li { padding: 13px 0; width: 100%; overflow: hidden; border-bottom: 1px solid #eeeeee; font-size: 13px; line-height: 15px; color: #909090; display: block;; }
			.post-block li:last-child { border-bottom: 0; }
			.post-block li span { float: left; width:40px; font-size: 22px; line-height: 18px; color: #00afef; display: block; font-weight: 700; }
			.post-block li span small { font-size: 14px; line-height: 14px; color: #909090; font-weight: 400; display: block; }
			.post-block li em { display: inline-block; font-size: 14px; line-height: 17px; color: #323234; font-weight: 700; font-style: normal; vertical-align: top;}
			.post-block li em  small { font-size: 14px; line-height: 20px; color: #909090; display: block; }
            .post-block li em  .function { font-size: 12px; line-height: 20px; display: block; font-weight: 400; color: #909090;  }
			.post-block li .image { display: inline-block; padding-right: 10px; }
			
			/* album block */
			.album-block { width: 100%; overflow: hidden; background: #fff; }
			.album-block  h2 { padding: 18px 19px; background-color: #e5e9ec; }
			.album-block ul { padding: 20px 19px 23px; width: 100%; overflow: hidden; list-style: none; }
			.album-block li { margin: 0 2px 3px 0; width: 24.7%; float: left; }
			.album-block li:nth-child(4n) { margin-right: 0; }
			.album-block li a { height: auto; display: block; overflow: hidden; background-color: #dfdfdf; }
            .album-block li a img { width: 100%; height: auto;}

			/* customer block */
			.customer-block  { width: 100%; overflow: hidden; }
			.customer-block .customer { padding-bottom: 19px; margin-bottom: 11px; width: 100%; overflow: hidden; background: #fff; }
			.customer-block  h2 { padding: 18px 19px; background-color: #e5e9ec; }
			.customer-block	.top { padding: 12px 25px 10px 15px; width: 100%; position: relative; overflow: hidden; border-bottom: 1px solid #efefef; }
			.customer-block	.top a.close { width: 15px; height: 15px; display: block; position: absolute; right: 29px; top: 26px; background: url('../images/close.png') no-repeat; }
			.customer-block .photo { margin-right: 12px; float: left; width: 41px; height: 42px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
			.customer-block .top span { font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.customer-block .top em { display: block; color: #7f7f7f; font-weight: 400; font-style: normal; }
			.customer-block	.detail { padding: 15px 25px 0 15px; width: 100%; overflow: hidden; }
			.customer-block	.detail p { padding-bottom: 36px; }
			.customer-block ul { padding-bottom: 10px; width: 100%; overflow: hidden; list-style: none; }
			.customer-block li { margin-bottom: 30px; width: 100%; float: left; position: relative; }
			.customer-block li a.close { width: 12px; height: 12px; display: block; position: absolute; right: 4px; top: 7px; background: url('../images/close2.png') no-repeat; }
			.customer-block	.detail .image { margin-right: 26px; float: left; width: 41px; height: 42px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
			.customer-block .detail .text { padding-left: 13px; float: left; width: 480px; position: relative; border-left: 1px solid #ebebeb; }
			.customer-block .detail .likes { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.05); }
			.customer-block .detail .likes span { color: #009ce3; }
			.customer-block .detail .text::before { width: 15px; height: 27px; position: absolute; left: -15px; top: 8px; content: ''; background: url('../images/arrow.png') no-repeat; }
			.customer-block .detail .text span { padding-bottom: 7px; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.customer-block .detail em { color: #7f7f7f; font-weight: 400; font-style: normal; }
			.customer-block .detail .text  p { padding-bottom: 2px; font-family: 'Roboto', sans-serif; }
			.customer-block .comment { width: 100%; overflow: hidden; }
			.customer-block .comment input[type="text"] { padding: 5px 13px; float: left; width: 85%; height: 37px; font-size: 14px; line-height: 22px; color: #000; font-weight: 400;  border: 1px solid #f0f0f0; }
			.customer-block a.like { margin: 5px 4px 0 0; float: right; font-family: "Roboto",sans-serif; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; text-decoration: none; }
			.customer-block a.like img { margin-right: 5px; float: left; }
			.customer-block .info { padding-bottom: 19px; margin-bottom: 11px; width: 100%; overflow: hidden; background-color: #fff; }
			.customer-block	.info .mid { padding: 20px 25px 0 15px; width: 100%; overflow: hidden; }
			.customer-block	.info .video { margin-bottom: 13px; width: 100%; overflow: hidden; }
			.customer-block	.info .detail { padding: 20px 25px 0 15px;  }
			.customer-block	.info .detail p { padding-bottom: 42px; }
			.customer-block  .info .detail .text  p  { padding-bottom: 2px; }
			.customer-block  .info ul { padding-bottom: 2px; }
			.customer-block	.info .detail.gap { padding-top: 15px; }
			.customer-block	.info .detail.gap p { padding-bottom: 22px; }
			.customer-block img:hover { -webkit-filter: opacity(0.8); filter: opacity(0.8); cursor: pointer; }
			
			/* info block */
			.info-block { padding-bottom: 0; width: 100%; background: #fff; }
			.info-block  h2 { padding: 18px 19px; background-color: #e5e9ec; }
			.info-block .sort { padding: 18px 22px 20px; width: 100%; border-bottom: 1px solid #f5f5f5; }
			.info-block label { padding: 0 16px 0 3px; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; float: left; cursor: pointer; }
			.info-block .checkbox { width: 23px; height: 22px; display: block; float: left; cursor: pointer; background: url(../images/checkbox.png) no-repeat; }
			.info-block .DivSelectyze { float: right; position : relative; width : 150px; }
			.info-block .DivSelectyze a.selectyzeValue { position: relative; z-index: 9999; font-family: "Roboto",sans-serif; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; display: block; text-decoration: none; width : 100%; background: url('../images/select_icon.png') right 10px no-repeat; }
			.info-block .DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; top : 22px; left : 0px; width : 100%; float: left; list-style : none; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #e5e9ec; }
			.info-block .DivSelectyze li { width: 100%; overflow: hidden; }
			.info-block .DivSelectyze li a { padding: 0 5px; font-family: "Roboto",sans-serif; font-size: 14px; line-height: 24px; color: #000; font-weight: 400; display : block; text-decoration : none;  }

			/* manage block */
            .manage-block { width: 100%; float: left; background: #fff; min-height: 200px; }
			.manage-block ul.collega_rows { width: 100%; float: left; list-style: none; }
			.manage-block li.collega_row { padding: 0 22px; width: 100%; min-height: 64px; float: left; border-bottom: 1px solid #f5f5f5; }
			.manage-block .direction { padding: 14px 22px 10px; width: 100%; position: relative;  }
			.manage-block .direction .photo { width: 60px; height: 40px;  float: left; }
            .manage-block .direction .photo img { width: 40px; height: 40px; overflow: hidden; }
            /*.manage-block .direction .photo.round img { width: 40px; height: 40px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }*/
            .manage-block .direction .photo.round img { width: 40px; height: 40px; overflow: hidden;  }
			.manage-block .direction span.info { float: left; font-size: 14px; line-height: 22px; color: #323234; font-weight: 700; }			
            .manage-block .direction small { font-size: 14px; line-height: 17px; display: block; color: #7f7f7f; font-weight: 400; }
			.manage-block .direction em { margin: 8px 64px 0 0; float: right; font-size: 14px; line-height: 22px; color: #7f7f7f; font-weight: 400; font-style: normal; }
            .manage-block .direction span.location { float: right; margin-right: 65px; margin-top: 7px; color: #7f7f7f;} 
			.manage-block .direction a.toggle { float: right; width: 64px; position: absolute; right: 0; top: 0; height: 100%; border-left: 1px solid #f5f5f5; background: url('../images/select_icon2.png') center no-repeat; }
            .manage-block .direction a.show { background: url('../images/close.png') center no-repeat; }
            .manage-block .contact { padding: 25px 22px 30px; width: 100%; overflow: hidden; border-bottom: 1px solid #f5f5f5; display: none;}
            .manage-block .contact.display { display: block;}
			.manage-block .contact .left { margin-right: 44px; width: 160px; float: left; }
			.manage-block .contact .photo { margin-bottom: 6px; width: 160px; height: 160px; overflow: hidden;}
            /*.manage-block .contact .photo.round { margin-bottom: 6px; width: 160px; height: 160px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }*/
            .manage-block .contact .photo.round { margin-bottom: 6px; width: 160px; height: 160px; overflow: hidden;  }
			.manage-block .contact ul { width: 100%; overflow: hidden; list-style: none; text-align: center; }
			.manage-block .contact .left li { margin: 3px; display: inline-block; }
			.manage-block .contact .left li a { display: block; }
			.manage-block .contact .right { width: 390px; float: left; }
			.manage-block .contact span { margin-bottom: 16px; font-size: 14px; line-height: 22px; color: #323234; font-weight: 700; display : block; }
			.manage-block .contact .right a { line-height: 18px; color: #7f7f7f; font-weight: 400; display : block; }
			.manage-block .contact .right a:hover { color: #000; }
			.manage-block .contact .right em { line-height: 18px; color: #7f7f7f; font-weight: 400; display : block; font-style: normal; }
            .manage-block p { margin: 20px; text-align: center; }

			/* report block */
/*			.report-block { width: 100%; overflow: hidden; background: #fff;}*/
            .report-block { width: 100%; background: #fff;}
			.report-block  h2 { padding: 0 19px;  background-color: #e5e9ec; }
			.report-block  h2 span { padding-left: 40px; line-height: 61px; display: block; background: url(../images/report_icon.png) left center no-repeat; }
            .report-block input[type="text"].date { background-image: url(../images/date_img.png); background-position: center right 5px; background-repeat: no-repeat; }
            .report-block input[type="text"].time { background-image: url(../images/time_img.png); background-position: center right 5px; background-repeat: no-repeat; }
			.report-block .report { padding: 15px 35px 17px 19px; width: 100%; }
			.report-block .line { margin-bottom: 6px; width: 256px; float: left; }
            .report-block .line.wide { width: 100%; }
			.report-block .line.line2 { margin-bottom: 19px; }
			.report-block .report span { font-size: 14px; line-height: 30px; color: #000; font-weight: 700; display: block; }
			.report-block input[type="text"] { padding: 5px 14px; width: 100%; height: 30px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; }
			.report-block input[type="submit"]{ margin-right: 10px; padding: 0 12px; margin-top: 12px; float: left; height: 36px; font-size: 15px; line-height: 30px; color: #0073aa; font-weight: 600; text-transform: uppercase; border: 1px solid #0073aa; cursor: pointer; }
			.report-block input[type="submit"]:hover { color: #fff; background: #0073aa; }
            .report-block button { margin-right: 10px; padding: 0 12px; margin-top: 12px; float: left; height: 36px; font-size: 15px; line-height: 30px; color: #fff; font-weight: 600; text-transform: uppercase; border: 0; cursor: pointer; background: #003772; }
			.report-block button:hover { background: #14579f; }
			.report-block label { padding-left: 5px; float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; cursor: pointer; }
			.report-block .checkbox { margin-top: 3px; width: 12px; height: 12px; display: block; float: left; background: url('../images/checkbox2.png') no-repeat; cursor: pointer; }
			.report-block p { margin-top: 3px; overflow: hidden; }
			.report-block .radio { margin-top: 3px; width: 12px; height: 12px; display: block; float: left; background: url('../images/radio.png') no-repeat; cursor: pointer; }
			.report-block .full { padding: 0 0 17px 5px; width: 100%; overflow: hidden; }
			.report-block .full span { margin-bottom: 6px; }
			.report-block textarea { padding: 5px 14px; width: 100%; min-height: 101px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; resize: none; -webkit-resize: none; -moz-resize: none; }
			.report-block .full a { padding-left: 28px; float: left; font-size: 14px; line-height: 22px; color: #000; font-weight: 400; background: url(../images/selectphoto_icon.png) left center no-repeat; }
            .report-block .full a.first { margin-bottom: 20px; }
			.report-block.verlof h2 span { padding-left: 60px; background: url(../images/icon_verlof.png) left center no-repeat; }
			.report-block.apply  h2 span { padding-left: 60px; background: url(../images/icon_kleding.png) left center no-repeat; }
			.report-block.apply .report a.date { margin-bottom: 2px; width: 100%; float: left; text-decoration: none; }
			.report-block.apply .report em { padding: 0 13px; margin-right: 5px; width: 266px; height: 32px; float: left; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; font-style: normal; border: 1px solid #e0e0e0; }
			.report-block.apply .report small { width: 21px; height: 32px; float: left; background: url(../images/date_img.png) left center no-repeat; }
			.report-block.apply .line { margin-bottom: 13px; width: 306px; float: left; }
			.report-block.apply .line.line2 { margin-bottom: 25px; }
			.report-block.apply .full { padding: 5px 0 2px; }
            .report-block.onderhoud  h2 span { padding-left: 47px; background: url(../images/report_icon3.png) left center no-repeat; }
            .report-block.gesprek  h2 span { padding-left: 47px; background: url(../images/report_icon4.png) left center no-repeat; }
			.report-block.ideeenbox  h2 span { padding-left: 47px; background: url(../images/report_icon5.png) left center no-repeat; }
			.report-block .DivSelectyze { float: left; position : relative; width : 100%; height: 32px; border: 1px solid #e0e0e0; }
			.report-block .DivSelectyze a.selectyzeValue { padding-left: 13px; position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display: block; text-decoration: none; width : 100%; }
			.report-block .DivSelectyze a.selectyzeValue::after { width: 21px; height: 19px; position: absolute; right: 12px; top: 5px; content: ''; background: url('../images/select_icon2.png') no-repeat; }
			.report-block .DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; border: 1px solid #e0e0e0; top : 32px; left : 0px; width : 100%; float: left; list-style : none; background: #fff; }
			.report-block .DivSelectyze li { width: 100%; overflow: hidden; }
			.report-block .DivSelectyze li a { padding: 0 13px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display : block; text-decoration : none;  }
			.report-block .DivSelectyze li a:hover { background: #e0dcdc; }
            .report-block .left { width: 50%; float: left; }
            .report-block .right { width: 50%; float: right; }
            .report-block .dayrow { margin-bottom: 13px; width: 100%; background: #e5e9ec; padding: 0px 10px 10px 10px; }
            .report-block .dayrow span.rowhead  { display: block; text-align: right; font-weight: 300; }
            .report-block .dayrow span.rowhead span.text  { float: left; font-weight: 700; }
            .report-block .dayrow span.rowhead span.remove  { font-weight: 300; }
            .report-block .dayrow span.remove:hover  { cursor: pointer; text-decoration: underline; }
            .report-block .dayrow textArea  { min-height: 50px; }
            .report-block .imagebox { float: left; margin-right: 20px; margin-bottom: 30px; }
            .report-block .imagebox img { margin-top: 10px; }
            
			/* display block */
			.display-block { width: 100%; overflow: hidden; background: #fff; }
			.display-block h2 { padding: 0 19px; line-height: 61px; background-color: #e5e9ec; }
			.display-block.lab h2 { padding: 0 19px 0 60px; line-height: 60px; position: relative;  background-color: #e5e9ec; }
			.display-block.lab h2::before { width: 31px; height: 41px; position: absolute; left: 22px; top: 11px; content: ''; background:  url('../images/funnel_img.png') left center no-repeat; } 
			.display-block .display { padding: 18px 18px 9px; width: 100%; overflow: hidden; }
            .display-block .display .button { margin-top: 20px; }
			.display-block .photo { width: 100%; overflow: hidden; }
			.display-block .photo img { max-width: 100%; height: auto; }
			.display-block em { padding: 17px 0 9px; color: #7f7f7f; font-style: normal; display: block; }
			.display-block span { padding-bottom: 22px; color: #000; font-weight: 700; font-style: normal; display: block; }
			.display-block p { padding-bottom: 0px; letter-spacing: -0.18px; }
			.display-block ul { padding: 23px 30px 19px 18px; width: 100%; overflow: hidden; list-style: none; }
			.display-block li { width: 100%; overflow: hidden; border-bottom: 1px solid #eeeeee; cursor: pointer; }
			.display-block li:last-child { border-bottom: 0; }
			.display-block li .photo { width: 230px; overflow: hidden; float: left; position: relative; }
			.display-block li .photo::before { width: 100%; height: 60px; position: absolute; left: 0; bottom: 0; content: ''; background: linear-gradient(to top, rgba(35,31,32, 0.6), rgba(35,31,32, 0)); }
			.display-block li .news { padding: 6px 0 10px 16px; width: 400px; float: left; }
			.display-block li  span { padding-bottom: 0px; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.display-block li em { padding: 0px 0 9px;  margin-bottom: 8px; font-size: 14px; line-height: 20px; color: #7f7f7f; font-style: normal; display: block; }
            .display-block .display ul  { list-style-type: disc; overflow: visible; }
            .display-block .display li  { list-style-type: disc; overflow: visible; border-bottom: none; }
            .display-block.evenement em { color: #000; }

			/* profile block */
			.profile-block { width: 100%; overflow: hidden; background: #fff; }
			.profile-block h2 { padding: 0 19px; line-height: 60px; background-color: #e5e9ec; }
			.profile-block a.date { margin-bottom: 2px; width: 100%; float: left; text-decoration: none; }
			.profile-block em { padding: 0 13px; margin-right: 5px; width: 246px; height: 32px; float: left; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; font-style: normal; border: 1px solid #e4e4e4; }
			.profile-block small { width: 21px; height: 32px; float: left; background: url(../images/date_img.png) left center no-repeat; }
			.profile-block form { padding: 17px 29px 0 20px; width: 100%; overflow: hidden; }
			.profile-block .full { margin-bottom: 20px; width: 100%; float: left; }
            .profile-block .line { float: left; margin-bottom: 20px; width: 256px; clear: left; }
			.profile-block label { font-size: 14px; font-weight: 700; line-height: 28px; color: #000; display: block; }
			.profile-block input[type="text"], .profile-block input[type="password"] { padding: 5px 13px; width: 100%; height: 32px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; border: 1px solid #e4e4e4; }
			.profile-block a.save { padding: 0 15px; margin-bottom: 7px; float: left;  height: 36px; font-size: 15px; font-weight: 600; line-height: 33px; color: #0073aa; text-decoration: none; text-transform: uppercase; border: 1px solid #0073aa; }
			.profile-block a.save:hover { color: #fff; background-color: #0073aa; }
			.profile-block input[type="submit"] { padding: 0 15px; margin-bottom: 7px; float: left;  height: 36px; font-size: 15px; font-weight: 600; line-height: 33px; color: #0073aa; text-decoration: none; text-transform: uppercase; border: 1px solid #0073aa; }
			.profile-block input[type="submit"]:hover { color: #fff; background-color: #0073aa; }
			.profile-block .DivSelectyze { float: left; position : relative; width : 100%; height: 32px; border: 1px solid #e0e0e0; }
			.profile-block .DivSelectyze a.selectyzeValue { padding-left: 13px; position: relative; z-index: 10; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display: block; text-decoration: none; width : 100%; }
			.profile-block .DivSelectyze a.selectyzeValue::after { width: 21px; height: 19px; position: absolute; right: 12px; top: 5px; content: ''; background: url('../images/select_icon2.png') no-repeat; }
			.profile-block .DivSelectyze .UlSelectize { display : none; position : absolute; z-index : 9999; border: 1px solid #e0e0e0; top : 32px; left : 0px; width : 100%; float: left; list-style : none; background: #fff; }
			.profile-block .DivSelectyze li { width: 100%; overflow: hidden; }
			.profile-block .DivSelectyze li a { padding: 0 13px; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 32px; color: #000; font-weight: 400; display : block; text-decoration : none;  }
			.profile-block .DivSelectyze li a:hover { background: #e0dcdc; }

            .evenementform textarea { padding: 10px; margin: 35px 0 10px; width: 100%; min-height: 165px; font-size: 14px; line-height: 22px; color: #000; border: 2px solid #f5f5f5; resize: none; }
            .evenementform button { margin-bottom: 15px; margin-right: 20px; padding: 0 14px; float: left; height: 36px; font-size: 15px; line-height: 33px; color: #0073aa; font-weight: 600; text-transform: uppercase; border: 1px solid #0073aa; cursor: pointer;  text-decoration: none; }
            .evenementform button:hover { color: #fff; background-color: #0073aa;  }
            .evenementform button.active { color: #f00; border: 1px solid #f00; }
            .evenementform button.active:hover { color: #f00; border: 1px solid #f00; background-color: transparent; }
            .evenementform p { color: #f00; margin: 20px 0;  }
            button.evenement { margin-top: 20px; margin-bottom: 15px; margin-right: 20px; padding: 0 14px; evenement: left; height: 36px; font-size: 15px; line-height: 33px; color: #0073aa; font-weight: 600; text-transform: uppercase; border: 1px solid #0073aa; cursor: pointer;  text-decoration: none; }
            button.evenement:hover { color: #fff; background-color: #0073aa;  }

            /* heading */
            .heading { position: relative; display: inline-block; margin-top: -20px; width: 100%; }
            .heading h3 { padding: 0 19px; line-height: 61px; background-color: #e5e9ec; }

            /* verlof table */
            .verlof-table { width: 100% }
            .verlof-table thead tr th { text-align: left; background: #fff; padding: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.05) }
            .verlof-table tbody tr td { background: #fff; padding: 5px; }
            .verlof-table tbody tr td a { text-decoration: none; color: #000 }
			.verlof-table textarea { padding: 10px; margin: 12px 0 10px; width: 100%; min-height: 165px; font-size: 14px; line-height: 22px; color: #000; border: 2px solid #f5f5f5; resize: none; }
			.verlof-table tbody tr.new td a { text-decoration: none; color: #f00 }

            .verlof-table.form tbody tr td:first-child { width: 120px; padding-left: 20px; }

	/* Tablet Portrait size to Smaller than standard 924 (devices and browsers) */
	@media only screen and (max-width: 923px) {
		
		.centering { padding: 0 15px; width: auto; }
		.menu { padding: 50px 15px 0 20px; }
		.menu a.cross { top: 25px; right: 40px; }
		
		/* calender block */
		.calender-block ul { padding: 11px 5px 0px; }
		.calender-block li span { width: 22px; height: 22px; font-size: 13px; line-height: 19px; }
		.calender-block a.pre { left: 8px; }
		.calender-block a.next { right: 8px; }
		
		/* slider block */
		.slider-block ul.slides li, .calender-block, .photo-block { height: 250px; }
		
		/* college block */
		.college-block li { min-height: 290px; }
		.college-block li a { padding: 0px 5px; }
		.college-block li.latest a { padding-top: 0; }
		.college-block li.latest span { padding: 5px 0 0; }
		.college-block li.profile a { padding-top: 0; }
		.college-block li.profile span { padding: 5px 0 0; }
		.college-block li span { margin-bottom: 10px; line-height: 20px; }
		.college-block li a img { max-width: 100%; height: auto; }
		.college-block li.latest a img { margin: 15px 10px 0 0; }
		.college-block li.latest h2 { margin-bottom: 15px; }
        .college-block li.profile a img { margin: 0px 10px 20px 15px; }
		.college-block li.profile h2 { margin-bottom: 15px; }

		/* today block */
		.today-block li { padding: 15px 10px 0; }
		.today-block .today { padding: 18px 10px; }
		
		/* post block */
		.post-block ul { padding: 4px 10px 0; }
		.post-block a.pre { left: 14px; }
		.post-block a.next { right: 14px; }
        .post-block li em { width: 60%;}

		/* search block */
		.search-block h2 { padding: 18px 19px; }
		.search-block .about { padding: 24px 10px 23px; }
		
		/* customer block */
		.customer-block h2 { padding: 18px 19px; }
		.customer-block .top { padding: 12px 10px 10px; }
		.customer-block .detail { padding: 15px 20px 0 10px; }
		.customer-block .top a.close { right: 24px; }
		.customer-block .detail .text { width: 78%; display: inline-block }
		.customer-block .detail .text em { display: block; }
		.customer-block .comment input[type="text"] { width: 88%; }
		.customer-block .info .detail { padding: 20px 20px 0 10px; }
		
		/* find block */
		.find-block h2 { padding: 18px 10px; }
		.find-block .find { padding: 18px 10px 22px; }
		
		/* info block */
		.info-block h2 { padding: 18px 10px; }
		.info-block .contact .left { margin-right: 30px; }
		.info-block .contact .right { width: 62%; }
		.info-block .sort { padding: 18px 22px 20px 10px; }
		.info-block .direction { padding: 14px 22px 10px 10px; }
		.info-block .contact { padding: 25px 22px 30px 10px; }
		
		/* manage block */
		.manage-block li { padding: 0 22px 0 10px; }
		
		/* overview block */
		.overview-block h2 { padding: 18px 10px; }
		.overview-block li { padding: 0 10px; }
		
		/* album block */
		.album-block h2 { padding: 18px 10px; }
		.album-block ul { padding: 20px 10px 23px; }
		
		/* login block */
		.login-block h2 { padding: 18px 10px; }
		.login-block .login { margin: 10px 0 0 10px; }
		
		/* over block */
		.over-block h2 { padding: 0 10px; }
		.over-block ul { padding: 18px 10px 29px; }
		
		/* display block */
		.display-block h2 { padding: 0 10px; }
		.display-block .display { padding: 18px 10px 10px; }
		
		/* news block */
		.news-block h2 { padding: 18px 10px; }
		.news-block ul { padding: 23px 20px 20px 10px; }
		.news-block li .photo img { max-width: 100%; height: auto; }
		.news-block li .news { padding: 5px 0 0 15px; width: 66%; }
		.news-block li p { line-height: 20px; }
		.news-block li em { margin-bottom: 5px; }
		
		/* information block */
		.information-block h2 { padding: 0 10px; }
		.information-block .information { padding: 10px 10px 20px; }
		
		/* report block */
		.report-block h2 { padding: 0 10px; }
		.report-block .report { padding: 15px 20px 17px 10px; }
	}

/* Kleding */
.kleding-tab .kleding-container { display: none; width: 50%; }
.kleding-tab .kleding-image { max-width: 100%; }

table.kleding-table { width: auto; display: none; float: right; }
table.kleding-table thead tr th:first-child { text-align: left }
table.kleding-table thead tr th:nth-child(2) { text-align: right }
table.kleding-table tbody tr td { border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; }
table.kleding-table tbody tr td:first-child { text-align: center }
table.kleding-table tbody tr td:nth-child(2) { text-align: right }
table.kleding-table tbody tr td input[type="number"] { width: 100%; text-align: right; border: none; padding-right: 10px; -moz-appearance:textfield; }
table.kleding-table tbody tr td input[type="number"]::-webkit-inner-spin-button { margin-left: 10px; }

.kleding-tab h2 { text-transform: uppercase; padding: 15px; cursor: pointer; }
.kleding-tab h2:before { content: ''; float: left; background: url(../images/arrow-down.png) top center no-repeat; height: 40px; width: 27px; margin-right: 10px; }
.kleding-tab .price { color: #009ce3; }

.report-block.apply .report .kleding-tab h2 small { width: auto; height: auto; float: right; background: none; }

.onlymobile { display: none; }
.onlymobile-inline { display: none; }

/* timepicker */
.ui-timepicker-table td { }
.ui-timepicker-table td a { width: 2.2em; text-align: center; }

@media all and (max-width: 520px){
.onlymobile { display: block; }
.onlymobile-inline { display: inline-block; }
.nomobile { display: none; }
.centering { width: 100%; }
.mobile-center { text-align: center; }

#content-wrap { padding-bottom: 10px; }

#header-wrap { padding-top: 0px;  position: fixed; top: 0px; }

.nav-block  { margin-bottom: 10px; }
.nav-block .logo { margin-left: 0px; }
.nav-block .link {  margin-right: 40px; }
.nav-block .link li a { padding: 14px 15px 0;}
.nav-block .link li ul { box-sizing: border-box; padding: 18px 0 5px; width: 300px; right: -50px; overflow: hidden; }
.nav-block .link li li { box-sizing: border-box;  overflow: hidden}

.banner-block { width: 100%; overflow: hidden; margin-top: 55px; background: url(../images/banner_img.png) top center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
.banner-block.bg { height: 225px; overflow: hidden; width: 100%; background: url(../images/banner_img2.jpg) top center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
.banner-block .centering { height: 225px; overflow: hidden; position: relative; }
.banner-block h1 { font-size: 16px; line-height: 20px; top: 112px;  }

.menu { width: 100%; right: -100%; overflow-y: scroll }
        
a.button { font-size: 14px; }

.slider-block { width: 100%; position: relative;  margin-bottom: 10px;}
.slider-block .slider { border-right: none; min-height: 70px;}
.slider-block ul.slides li { width: 100%; height: auto;  }
.slider-block ul.slides li img { width: 100%; height: auto;  }
.slider-block li h2 { top: -60px; left: 10px; width: 83%;}
.slider-block a.more_news { right: 10px;}

.place-block h2 .arrow { display: inline-block; position: relative; float: right; right: 0px; margin-top: 2px; content: ''; background: url(../images/icon_arrow_down.png) no-repeat; width: 22px; height: 17px; }
.place-block .about { display: none; }

.calender-block { width: 100%; float: none; margin-bottom: 20px; clear: both; margin-bottom: 10px; background-color: #ebf1f5;}
.calender-block ul { display: block; margin: 0 auto;}
.calender-block ul {width: 190px;  }

.calender-block h2 { background: #e5e9ec; }
.calender-block .calender { width: 100%; overflow: hidden; position: relative; background-color: #fff; }

.photo-block {  width: 100%; height: 200px; overflow: hidden; margin-bottom: 10px; }
.photo-block a { margin: 0 auto;  }
.photo-block a img { width: 100%; height: auto;  }

.slider-block ul.slides li, .calender-block  { height: auto; }

.tweet-block { float: none; width: 100%; margin-bottom: 20px; }
.tweet-block h2 span { display: none; }
.tweet-block a.view { float: none; margin-left: 0;  }

.button-block { width: 100%; float: none; }
.button-block li  a { height: 150px; }

#left-wrap { margin-top: -30px; display: inline-block; float: none; width: 100%; margin-bottom: 10px; }

#right-wrap { margin-top: 0px; float: none; width: 100%; }

.college-block li small { float: none; display: block; width: 60%; margin-left: 20%; margin-right: 20%; text-align: center; margin-bottom: 20px; }
.college-block li {min-height: 200px;   }
.college-block li { float: none; width: 100%; min-height: 304px; position: relative; background: #fff; }
.college-block li.social { background: url('../images/college_img3.png') left top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;}
.college-block.v2 li { margin-bottom: 10px; }
.college-block.v2 li.social { background: url('../images/college_img6.jpg') left top no-repeat; background-size: cover; }
.college-block.v2 li .left { width: 100%; }
.college-block.v2 li.college { width: 100%; }
.college-block.v2 li.college .mid { padding-right: 15px; padding-left: 15px; }
.college-block.v2 li.latest .mid { padding-right: 17px; padding-left: 17px; }

.manage-block li.collega_row { padding: 0 22px 0 0px;  }
.manage-block .direction a.toggle { float: right; width: 20px; position: absolute; right: 0; top: 0; border-left: none; }
.manage-block .direction { padding: 14px 5px 10px;  }
.manage-block .direction span.location { margin-right: 20px; margin-top: 0px; display: block; width: 100%;  text-align: right;}

.report-block .line { width: 100%; float: none; }
.report-block .dayrow .left { width: 100%; float: none; }
.report-block .dayrow .right { width: 100%; float: none; }
.report-block.dagstaat button { float: none;width: 55%; margin-left: 22%; margin-right: 23% ; padding-left: 5px; padding-right: 5px; }
.report-block.dagstaat input[type="submit"] { float: right; margin-right: -10px; }
.report-block.apply .line { margin-bottom: 13px; width: 100%; float: none; }
.report-block h2 span { font-size: 14px; }

.news-block li { margin-bottom: 30px; }
.news-block li .news { padding: 10px 0 0 5px; width: 100%; float: none; }
.news-block li p { margin-bottom: 10px; }
.news-block li .photo { width: 100%; height: auto; overflow: hidden; float: none; position: relative; margin-bottom: 15px;  }
.news-block li .photo img { width: 100%; height: auto; }

.album-block li { margin: 0 2px 3px 0; width: 32.7%; float: left; }
.album-block li:nth-child(4n) { margin-right: 2px; }
.album-block li:nth-child(3n) { margin-right: 0; }

.login-block .login { margin: 10px 0 0 19px; float: none; width: 100%; } 
.login-block .help  { text-align: left; margin-bottom: 15px; }
.login-block .help span { float: none; display: block;margin-bottom: 15px;  }
.login-block input[type="text"], .login-block input[type="password"] { width: 90%; }

.customer-block	.info .video img { width: 100%; height: auto; }
.customer-block .comment input[type="text"] {  display: block; float: none; width: 100%; }

.fancybox-prev span { left: -20px !important;  }
.fancybox-next span { right: -20px !important; }

.display-block ul { padding: 23px 10px 19px 10px; box-sizing: border-box; }
.display-block li .photo { width: 100%; float: none; }
.display-block li .photo img { width: 100%; height: auto; }
.display-block li .news { padding: 0; width: 100%; float: none; }   
.display-block span { padding-bottom: 0px; }
.display-block em { padding: 5px 0 9px; }
.display-block li { padding-bottom: 10px; margin-bottom: 10px; }
.display-block h2 { line-height: 30px; }
.display-block .display img { width: 100% !important; height: auto !important; }

.profile-block .line { width: 100%; }
.profile-block h2 { padding: 0 10px; line-height: 60px; background-color: #e5e9ec; font-size: 14px;}
.profile-v2-block { float: none; clear: both; width: 100%; height: auto; margin-bottom: 10px; }
.profile-v2-block p br { display: none; }
.profile-v2-block .photo { float: right;  }
.profile-v2-block .photo img { margin: 3px 13px 0 0; float: left; width: 110px; height: 110px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #5d5d5d; }
.profile-v2-block .name { float: left; width: 125px; }

.tweet-block { margin-bottom: 10px; }

.button-block { margin-bottom: 10px; }

.manage-block .contact .right { width: 100%;}
.report-block.apply .report .kleding-tab h2 small { display: inline-block; float: none; font-size: 14px; }
.report-block.apply .report .kleding-tab h2 elem { font-size: 14px; }

.kleding-tab .kleding-table.table-full-width { display: table !important; }
.kleding-tab .kleding-table { width: 100%; float: none }
.kleding-tab .kleding-container { width: 100%; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.kleding-tab .kleding-image { max-width: 50%; margin: 0 auto; }
}