/* common */
* { margin: 0; padding: 0; 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: 0; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0; 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; }
.onlymobile { display: none; }
.onlymobile-inline { display: none; }

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

.centering { margin: 0 auto; width: 924px; }
.pull-right { float: right; }
.pull-left { float: left; }

a.button:not(.btn), input[type="button"], input[type='submit'], button:not(.btn) {
	display: inline-block;
	margin-bottom: 15px;
	padding: 5px 13px;
	border: 1px solid #96a8b2;
	background-color: #fff;
	color: #96a8b2;
	font-size: 15px;
	line-height: 33px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

.button:not(.btn):hover, input[type="button"]:hover, input[type='submit']:hover, button:not(.btn):hover {
	color: #fff;
	background-color: #96a8b2;
}
.button.disabled {
	background-color: #ccc!important;
	color: #000!important;
}
.button.transparent {
	background-color: rgba(200,200,200,0.1)!important;
	border: 1px solid #ebf1f5;
	padding: .2em 1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}
.button.transparent:hover {
	background-color: rgba(200,200,200,0.5) !important;
}
.button.photos {
	position: absolute;
	/*width: 100px;*/
	margin: 0 33%;
	bottom: 1.5em;
}

.datepicker {
	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 { padding:111px 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: #00afef; }
.menu ul { width: 100%; float: left; list-style: none; }
.menu li { width: 100%; float: left; border-bottom: 2px solid #26bbf1; }
.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: #14579f; }
.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: 27px; }
.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; width: 60px; height: 60px; background: url('../images/logo.png') no-repeat; }
.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.bell 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 { width: 100%; overflow: hidden; }

/* banner block */
.banner-block { width: 100%; overflow: hidden; background: url('../images/banner_img.jpg') top center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
.banner-block.bg { width: 100%; height: 197px; 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: 378px; position: relative; }
.banner-block h1 { position: absolute; left: 19px; bottom: 112px; }
.block-tall {
	overflow-y: hidden;
}

/* content */
#content-wrap { padding-bottom: 120px; width: 100%; background-color: #ebf1f5; }

/* center */
#center-wrap { margin-top: -30px; float: left; width: 100%; }
#center-wrap .block {
	width: 25%;
	float: left;
	position: relative;
}
#center-wrap .block-wide {
	width: 50%;
	margin-bottom: 10px;
}
#center-wrap .block-tall {
	height: 305px;
}
#center-wrap .block-tall.v2 {
	height: 224px;
}
#center-wrap .block h2 {
	color: #212121;
	background-color: #e5e9ec;
	padding: 0 20px;
	line-height: 60px;
}

/* 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: 0 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%; }
.calender-block li a span.today { border-color: #ff0000; }

/* photo block */
.photo-block { position: relative; margin-bottom: 10px; }
.photo-block a { display: block; width: 100%; height: 305px; background: url('../images/photo_img.jpg') no-repeat; }
.photo-block h2 { color: #212121 !important; padding: 0 20px; line-height: 60px; position: relative; margin: 0; top: inherit; left: inherit; }
.photo-block button { margin-left: 39%; }

/* 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: 15px 0 38px; font-size: 14px; line-height: 22px; color: #000; }

/* tweet block */
.tweet-block { float: left; width: 50%; overflow: hidden; margin-bottom: 10px; }
.tweet-block h2 { padding: 0 20px; line-height: 61px; background-color: #fff; }
.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 .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 0; }
.tweet-block p img { width: 100%; height: auto; }
.tweet-block a.view { padding-left: 30px; margin: 22px 0 0 20px; float: right; font-size: 15px; line-height: 22px; color: #000; text-decoration: underline; background: url('../images/view_icon.png') left top no-repeat; }
.tweet-block a.view:hover { color: #7f7f7f; }

/* button block */
.button-block { width: 50%; float: right; }
.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: #00afef; background-color: #fff; }
.button-block li.skyblue a { background-color: #00afef; }
.button-block li.blue a { background-color: #0c243c; }
.button-block li.gry a { background-color: #96a8b2; }
.bb .icon {
	width: 65px; height: 65px;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	margin: 0 auto 1em;
}
.bb.pdf_handleiding .icon { background-image: url('../images/btn_img1.png'); }
.bb.pdf_document .icon { background-image: url('../images/btn_img2.png'); }
.bb.nen_connect .icon { background-image: url('../images/btn_img3.png'); }
.bb.lab .icon { background-image: url('../images/btn_img4.png'); }
.bb.pdf_planning .icon { background-image: url('../images/btn_img5.png'); }
.bb.aanvraag_verlof .icon { background-image: url('../images/btn_img6.png'); }

.social.block {
	background: url('../images/college_img6.png') left top no-repeat;
	width: auto; min-height: inherit; float: none; display: inline-block;
	margin-bottom: 10px;
}
.social.block a.logo { padding: 0; }
.social.block a.logo img { margin: 32px auto 0; }
.social.block ul { text-align: center; left: 0; bottom: 14px; }
.social.block  li { margin: 0 1px; width: auto; min-height: inherit; float: none; display: inline-block; background: none; }
.social.block  li a { padding: 0; }
.social.block  li a  img { margin: 0; }

/* college block */
.college-block { width: 100%; overflow: hidden; background-color: #fff }
.college-block li { float: left; width: 25%; min-height: 304px; position: relative; background: #fff; }
.college-block h2 { padding: 0 20px; line-height: 60px; background-color: #e5e9ec; }
.college-block a:not(.button) { padding: 0 10px 0 20px; display: block; text-decoration: none; overflow: hidden; }
.college-block a img { margin: 24px auto 10px; }
.college-block span { margin-bottom: 11px; width: 100%; overflow: hidden; font-size: 14px; line-height: 22px; color: #000; display: block; letter-spacing:-0.25px; }
.college-block small { padding: 0 13px; float: left; font-size: 15px; line-height: 36px;  color: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; }

.college-block a:hover small { color: #fff; background: #96a8b2; }
.contact.block { background-color: #fff; }
.contact.block span { padding: 13px 0 10px; }
.contact.block a img { margin: 14px 13px 0 0; float: left; }
.contact.block em { float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; color: #323234; font-style: normal; }
.profile.block a { padding-top: 20px; }
.profile.block span { padding: 13px 0 10px; }
.profile.block a img { margin: 14px 13px 0 0; float: left; width: 40px; height: 40px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.profile.block em { float: left; font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 20px; font-weight: 500; color: #323234; font-style: normal; }
.profile.block em em { font-weight: 400; color: #adadad; }

.college-block.v2  { min-height: 224px; margin-top: 1px; }
.college-block.v2 .college { width: 50%; }
.college-block.v2 .mid { padding: 15px 38px 20px 20px; width: 100%; overflow: hidden; }
.college-block.v2  h2 { background-color: #e5e9ec; }
.college-block.v2  .left { margin-top: 4px; float: left; width: 185px; }
.college-block.v2  .right { float: right; }
.college-block.v2  span { margin-bottom: 18px; }
.college-block.v2  li { min-height: inherit; }
.contact.block .mid { padding: 15px 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: #96a8b2; text-decoration: none; text-transform: uppercase; border: 1px solid #96a8b2; }
.login-block input[type="submit"]:hover { color: #fff; background-color: #96a8b2; }
.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%; }

/* 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; }

/* 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 68px; 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: 37px; background:  url('../images/planning_img.png') left center no-repeat; }
.manual-block.document h2::before { width: 37px; background:  url('../images/document_img.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; padding-left: 23px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/manual_img2.png') left 5px no-repeat; }
.manual-block li:hover { color: #3d3a3a; cursor: pointer; }
.manual-block li a:not(.button) { padding-left: 23px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; background: url('../images/manual_img2.png') left 5px no-repeat; }
.manual-block li a:hover { color: #3d3a3a; }


/* 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 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.fill-left { float: left; width: 100%; }

/* 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 .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 .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; }

/* 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 : 0; 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 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 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.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: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; cursor: pointer; }
.report-block input[type="submit"]:hover { color: #fff; background: #96a8b2; }
.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.apply  h2 span { padding-left: 47px; background: url('../images/report_icon2.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 .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 : 0; 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: 0 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: 0; 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: 0; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
.display-block li em { padding: 0 0 9px;  margin-bottom: 8px; font-size: 14px; line-height: 20px; color: #7f7f7f; font-style: normal; display: block; }

/* 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: #96a8b2; text-decoration: none; text-transform: uppercase; border: 1px solid #96a8b2; }
.profile-block a.save:hover { color: #fff; background-color: #96a8b2; }
.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: #96a8b2; text-decoration: none; text-transform: uppercase; border: 1px solid #96a8b2; }
.profile-block input[type="submit"]:hover { color: #fff; background-color: #96a8b2; }
.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 : 0; 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; }

/* Kleding */
.report-block.apply.kleding h2 span { padding-left: 60px; background: url('../images/icon_kleding.png') left center no-repeat; }
.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 { text-align: center }
table.kleding-table tbody tr td { border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px; }
table.kleding-table tbody tr td { text-align: center }
table.kleding-table tbody tr td input[type="text"] { width: 100%; text-align: center; border: none; padding-right: 10px; -moz-appearance:textfield; }
table.kleding-table tbody tr td input[type="text"]::-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; }

/* 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: 80px 15px 0 20px; }
	.menu a.cross { top: 25px; right: 40px; }

	/* calender block */
	.calender-block ul { padding: 11px 5px 0; }
	.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: 0 5px; }
	.contact.block 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.v2 .right { display: block; float: none; }
	.college-block.v2 .right img { width: 100% }

	.profile.block a { padding-top: 0; }
	.profile.block span { padding: 5px 0 0; }
	.contact.block a img { margin: 15px 10px 0 0; }
	.contact.block h2 { margin-bottom: 15px; }
	.profile.block a img { margin: 15px 10px 0 0; }
	.profile.block 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: 81%; }
	.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; }
}


@media all and (max-width: 520px){
	.nomobile { display: none; }
	.centering { width: 100%; }

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

	#center-wrap .block { width: 100%; }
	#center-wrap .block-wide { width: 100%; }
	/*#center-wrap .block-tall { height: 305px; }*/

	.nav-block  { margin-bottom: 10px; }
	.nav-block .logo { margin-left: 0; }
	.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; background: url('../images/banner_img.jpg') 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%; }

	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;}

	.calender-block { width: 100%!important; float: none; 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; }
	.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; margin-bottom: 10px; }
	.button-block li  a { height: 150px; }

	#left-wrap {  margin-top: -30px; float: none; width: 100%; }

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

	.social { background: url('../images/college_img6.png') left top no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;}

	.college-block small { float: none; display: block; width: 60%; margin-left: 20%; margin-right: 20%; text-align: center; margin-bottom: 20px; }
	.college-block { float: none; width: 100%; min-height: 304px; position: relative; background: #fff; }
	.college-block.v2  { margin-bottom: 10px; }
	.college-block.v2 .left { width: 100%; }
	.college-block.v2 li.college { width: 100%; }
	.college-block.v2 li.college .mid { padding-right: 15px; padding-left: 15px; }
	.contact.block .mid { padding-right: 17px; padding-left: 17px; background-color: #fff }

	.manage-block li.collega_row { padding: 0 22px 0 0;  }
	.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: 0; 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: 0; }
	.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; }
	.manage-block .contact .right { width: 100%;}
        
        .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; }
}