/* 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: #fff; }
.information button {background-color: #3f3f3f; cursor:pointer;max-width: 190px;  border: 0; height: 35px; width: 100%; text-transform:uppercase; font-weight:600;}
.information button.pdf {background-color: #005f16;}
.information button:hover{border:2px solid #000; background-color:#fff; color:#3f3f3f; }
input[type="submit"] { -webkit-appearance: none; }
body { background-color: #f6f6f4; }
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; }
.verlof_a{text-decoration: none; color: #000;}
.verlof-table th{text-align:left;}
.nodesktop { display: none; } 
.account_menu .home-btn {
    color: #000000 !important;
    font-size: 15px !important;
}
.p100{ width:100% !important;}
.btntrans{
	position: absolute;
    height: 40px;
    width: 130px;
    left: 48px;
    top: 210px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    font-weight: bold;
    cursor: pointer;	
}
.document_active{ font-weight:800; text-decoration:underline; color:red;}
.dagstaat_select{ width:100%; height:30px; border: 1px solid #ccc; color:#000;}
.message_error { color: #f00; }
.message_success { color: #03b128; }
.message { margin: 10px; font-weight: bold; }

.margin-first { margin-top: 20px; }

.centering { margin: 0 auto; width: 924px; }
.centering_login { margin: 0 auto; text-align: -webkit-center;}

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

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

.inputfile {
	display: none;
}

.inputfile + label {
	font-size: 1.25em;
	font-weight: 700;
	display: inline-block;
	margin-bottom: 10px;
	padding: 10px;
	color: #96a8b2 !important;
	border: 1px solid #96a8b2;
	background: rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}

.inputfile:focus + label,
.inputfile + label:hover {
	background: #96a8b2;
	color: #fff !important;
	cursor: pointer;
}

/* jQuery confirm */
.jc-bs3-container.container { width: 400px; margin-left: auto; margin-right: auto; }
.jconfirm.jconfirm-light.jconfirm-open .jconfirm-scrollpane .jconfirm-buttons button { margin-right: 10px; padding: 0 12px; margin-top: 12px; float: left; height: 36px; font-size: 15px; line-height: 30px; color: #fff; background: #373737; font-weight: 600; text-transform: uppercase; border: 1px solid #373737; cursor: pointer; }
.jconfirm.jconfirm-light.jconfirm-open .jconfirm-scrollpane .jconfirm-buttons button:hover { color: #373737; background: #fff; }

/* paination bar */
.pagination-bar { padding: 40px 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%; }

	/* content */
	#content-wrap { padding-bottom: 120px; width: 100%; }
	
		/* center */
		#center-wrap { margin-top: 20px; float: left; width: 100%; }
		#center-wrap_login { margin-top: -30px; width:100%; max-width: 400px; text-align: -webkit-left; }

			.slider_img{height:230px; overflow:hidden;}
			.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: #f1f1f1; 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; }
			.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; }
            .slides h2{ position:absolute; z-index:10; color:#fff;font-weight: 600;margin-top: 190px;margin-left: 20px; }
			.slides .gradient{ position:absolute; z-index:9; margin-top: 140px; height:90px; width:100%; background-image: linear-gradient(0deg, black, rgba(0, 0, 0, 0)); opacity:0.7;}
			.slides .title_content{ position: absolute; bottom: 0; left: 0; z-index:10; color:#fff; font-weight: 600; font-size:20px; padding:20px;}
			
			/* calender block */
			.calender-block { width: 25%; height: 277px; float: left; padding: 0 1px 0 1px; background: #f1f1f1; border-right: 1px solid #f1f1f1; box-sizing: border-box; margin-bottom: 10px; }
			.calender-block .calender { width: 100%; overflow: hidden; position: relative; background-color: #f1f1f1; }
			.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 #00a2e2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

			/* photo block */
            .photo-block { background: url('../images/photo_img.jpg') center no-repeat; background-size: cover; float: left; width: 25%; height: 277px; position: relative; margin-bottom: 10px; }
            .photo-block img { max-height: 100%; }
            .photo-block a { display: block; position: relative; }
            .photo-block h2 { position: absolute; left: 19px; top: 16px; color: #fff; }
            .photo-block.evenement a { height: 50%; overflow: hidden; padding-top: 1px; } 

            /* profile block */
			.profile-v2-block { float: left; width: 25%; height: 253px; 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: #f1f1f1; }
			.profile-v2-block .mid { padding: 11px 16px; width: 100%; overflow: hidden; }
			.profile-v2-block .profile { width: 100%; overflow: hidden; padding-top: 15px; }
			.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; margin-top: 7px;}
			.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 { margin-top: 30px; margin-left: 20px; padding: 0 15px; float: left; height: 37px; font-size: 15px; line-height: 35px; width: 149px; text-align: -webkit-center; color: #3f3f3f; font-weight: 600;
				text-transform: uppercase; text-decoration: none; background-color: #fff; border: 1px solid #3f3f3f; }
			.profile-v2-block a:hover { color: #fff; background-color: #3f3f3f; }

			/* tweet block */
			.tweet-block { float: left; overflow: hidden; margin-bottom: 10px; }
			.tweet-block h2 { padding: 0 20px; line-height: 61px; background-color: #f1f1f1; }
			.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 20px; }
			.tweet-block span { padding: 0px 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: #fff; color: #3f3f3f; border: 1px solid #3f3f3f; }
			.tweet-block a.view:hover { color: #fff; background-color: #3f3f3f; }
			
			.tweet-block .resp img{ border-radius:50px; width: 45px; float: left;}
			.tweet-block .resp li{ display: -webkit-box; margin-bottom:10px;}
			.tweet-block .tweetit { margin-left: 13px; float: left; overflow:auto !important; position: relative; border-left: 1px solid #ebebeb; max-width:300px !important; padding-bottom:0px;}
			.tweet-block .tweetit span { padding-bottom: 7px; font-size: 14px; line-height: 20px; color: #000; font-weight: 700; display: block; }
			.tweet-block .tweetit em { font-weight:100 ; }	
			.tweet-block .tweetit p { padding-top:0px; padding-bottom:0px; }
			.tweet-block .tweetcomment span { width: 60px; }
			.tegel-block{overflow: auto;}
			@media only screen and (min-width: 720px) and (max-width: 920px) {
			.tweet-block input[name="bericht"] { width: 70% !important;	}
			}
			@media only screen and (min-width: 780px) {
				.tweet-block .resp { margin-left: 20px; margin-bottom: 10px; overflow: auto; }
			}
			@media only screen and (max-width: 780px) {
				.tweet-block .100p { font-size: 13px !important; }	
				.tweet-block .resp { margin-left: 20px; margin-bottom: 10px; overflow: auto; max-width: 85%; padding-right: 10px; }	
				.tweet-block .tweetit em { display: block; }
				.tweet-block .tweetit p { padding-top: 0px; padding-bottom: 0px; width: 90%;}
			}

			/* 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; text-transform: uppercase; text-decoration: none; text-align: center; font-weight: 600;  display: block; }
			.button-block li img { margin: 0 auto 10px; }
			.button-block li a:hover { color: #ffff; }
			
			
			.button-block li.green a { color: #ffcd01; background-color: #07421f !important; }
			.button-block li.yellow a {  color: #07421f; background-color: #ffcd0a; }
			.button-block li.lblue a {  color: #fff; background-color: #00a2e2; }
			/*itc*/
			.button-block li.lblue a {  color: #fff; background-color: #00a2e2; }
			.button-block li.black a { color:#fff !important;; background-color:#000 !important;}
			.button-block li.white a { color: #000; background-color: #fff; }
			.button-block li.dblue a { color: #fff; background-color: #00528c; }
			/*.button-block li.blue a { background-color: #0c243c; }
			.button-block li.gry a { background-color: #96a8b2; }
			.button-block li.gray a { background-color: #e6e4e0; color: #000 }
			.button-block li.dark-gray a { background-color: #3f3f3f; }*/

			/* 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: #f1f1f1; margin-bottom: 25px; }
			.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: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; }
			.college-block li a:hover small { color: #fff; background: #96a8b2; }
			.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: 0px auto 10px; }
			.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: 14px 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 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: 253px; 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: #f1f1f1; }
			.college-block.v2 li .left { margin-top: 4px; float: left; width: 40%; }
			.college-block.v2 li .right { float: right; width: 60%;}
			.college-block.v2 li a.coll { padding: 0 13px; height: 37px; float: left; font-size: 15px; line-height: 33px; color: #3f3f3f; background-color: #fff; font-weight: 600; text-transform: uppercase; text-decoration: none; border: 1px solid #3f3f3f; }
			
			.college-block.v2 li a.coll:hover { color: #fff; background-color: #3f3f3f; }
			.college-block.v2 li.social { background: url('../images/college_img6.png') left top no-repeat; }
			.college-block.v2 li.social span.contact-info { color: #fff; margin: 0px; display: block; text-align: center; width: 100%; }
			.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: #f1f1f1; }
			.login-block .login { float: left; width: 100%; padding: 25px; } 
			.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"] { background-color: #3f3f3f; padding: 0 15px; margin-bottom: 7px; float: left; height: 36px; font-size: 15px; font-weight: 600; line-height: 33px; color: #ffffff; text-decoration: none; text-transform: uppercase; border: 1px solid #3f3f3f; width: 100%; cursor:pointer;}
			.login-block input[type="submit"]:hover { color: #3f3f3f; background-color: #fff; }
            .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 img { max-width: 100%; }
			.news-block  h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.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; }
			
		

			/* 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 0px; line-height: 20px !important; font-size: 15px !important; }
			.messages-list li a small { display: block; font-size: 13px !important; color: #000; }
			.messages-list li a small.not-read { padding-left: 25px; }
			.messages-list li a .newicon { color: #ff3f00; font-size: 17px; position: relative; padding-left: 0px; font-weight: bold;}
			.messages-list li a .newicon.icon-all-envelope { font-family: 'Linearicons' !important; }
			.messages-list li .checkbox { float: left; display: inline-block; padding: 45px 20px; }
			.messages-list li .checkbox .fa { width: 15px; }
			.messages-list li .checkbox input { display: none; }
			.messages-list li .checkbox:hover { background: rgba(0, 0, 0, 0.02); cursor: pointer; }
			.messages-list li.message-container { padding: 20px 40px; }
			.messages-list li.message-container a.btn-default { opacity: .7; background: #000 !important; }
			.messages-list li.message-container a.btn-default:hover { opacity: 1; color: #fff !important; }
			.messages-list li.message-container:hover a { color: #fff !important; }

			.overview-block span#message-sent-on { float: right; color: #9a9995 }

			/* 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: #f1f1f1; }
			.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: #f1f1f1; }
			.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; }
			.overview-block .error-holder { color: red; }
			.overview-block label { padding-left: 5px; font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 20px; color: #000; font-weight: 600; }
			.overview-block textarea { padding: 10px 14px; width: 95%; min-height: 101px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border-radius:4px; border: 1px solid #e0e0e0; resize: none; -webkit-resize: none; -moz-resize: none; }
			.overview-block .form-group { margin: 30px 0 0 10px; }
   			.overview-block .form-group.required label:after { content: ' *'; display: inline-block; padding-left: 5px; color: #EF9A9A; }
			.overview-block .form-group:last-of-type { margin: 15px 0 0 10px; }
			.overview-block input[type="submit"].short-submit { display: none; }
			.overview-block input[type="submit"] { cursor: pointer; padding: 15px; margin: 0 0 10px 10px; font-size: 15px; line-height: 5px; text-decoration: none; text-transform: uppercase; font-weight: 600; background-color: #fff; color: #3f3f3f; border: 1px solid #3f3f3f; }
			.overview-block input[type="submit"]:hover { color: #fff; background-color: #3f3f3f; }
			.overview-block input[type="text"].form-control { padding: 5px 14px; width: 95%; height: 30px; font-size: 14px; line-height: 20px; color: #000; font-weight: 400; border: 1px solid #e0e0e0; }
			.overview-block.ritberichten { padding-bottom: 0; }

			/* inbox block */
			.inbox-header ul { padding: 0px; width: 100%; overflow: hidden; list-style: none; }
			.inbox-header li { padding: 0px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.1) }
			.inbox-header li span { color: #595959; font-weight: 400; display: block; padding: 10px; line-height: 20px !important; font-size: 15px !important; }
			.inbox-header li span small, .inbox-content small.read { display: block; font-size: 13px !important; color: #000;  }
			.inbox-content small.read { float: right; }
            .inbox-content .bijlage { margin-top: 20px; background: #efefef; padding: 15px 20px; }
            .inbox-content .bijlage strong { display: block; }
            .inbox-content { padding: 20px 13px; border-bottom: 3px solid rgba(0, 0, 0, 0.1); }
			.inbox-content:last-of-type { border-bottom: none; }
			.inbox-top { text-align: right;}
			.inbox-top span { cursor: pointer; }
			.inbox-top span.new-ritbericht { cursor: default; }
			.inbox-close { float: left;  }
			.inbox-delete i.fa { font-size: 20px; }
			
			/* search block */
			.search-block { width: 100%; overflow: hidden; background: #fff; }
			.search-block  h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.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"] { cursor: pointer; padding: 15px; margin: 0 auto; font-size: 15px; line-height: 5px; text-decoration: none; text-transform: uppercase; font-weight: 600; background-color: #fff; color: #3f3f3f; border: 1px solid #3f3f3f; }
			.search-block input[type="submit"]:hover { color: #fff; background-color: #3f3f3f; }
            .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: #f1f1f1; }
			.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: #f1f1f1; }
			.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: #f1f1f1; }
			.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: #3f3f3f; }
            .over-block li a.selected { color: #3f3f3f; font-weight: bold; }
            .over-block p { padding: 15px 20px 20px; }
			
			/* over block */
			.message-block { width: 100%; overflow: hidden; background: #fff; }
			.message-block  h2 { padding: 0 19px; line-height: 61px; background-color: #f1f1f1; }
			.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: #3f3f3f; }
			.message-block li a.no-hover { color: #000; text-align: center; cursor: auto; }
			.message-block li a.selected { color: #3f3f3f; font-weight: bold; }
			.message-block p { padding: 15px 20px 20px; }
            .message-block .select-all {  padding: 0 19px 5px 19px;  background-color: #f1f1f1; }
            .message-block .filters { margin: 30px 20px 0 20px; }
            .message-block .filters #button-filter { margin-bottom: 10px }
                        
			/* categories block */
			.categories-block { width: 100%; overflow: hidden; background: #fff; }
			.categories-block h2 { padding: 0 19px; line-height: 60px; background-color: #f1f1f1; }
			.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: #3f3f3f; }
            .categories-block li a.active { font-weight: bold; color: #3f3f3f; }
		
			/* manual block */
			.manual-block { width: 100%; overflow: hidden; background: #fff; }
			.manual-block h2 { padding: 0 19px 0 20px; line-height: 60px; position: relative;  background-color: #f1f1f1; }
			.manual-block h2::before { width: 36px; height: 37px; position: absolute; left: 22px; top: 11px; content: '';  }
                        .manual-block.planning h2::before { width: 37px;  }
                        .manual-block.document h2::before { width: 37px;  }
			.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 { font-size: 14px; line-height: 30px; color: #000; font-weight: 400; display: block; text-decoration: none; float: right; }
                        .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/manual_img2.png') left 5px no-repeat; }
			.manual-block li a:hover { color: #3d3a3a; }
			.manual-block li a.button { height:30px !important; }
                        .manual-block li:hover { color: #3d3a3a; cursor: pointer; }
			.agree{  display: inline !important; }

                        .document-persoonlijk-list .information-block li { 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; }
                        .document-persoonlijk-list .information-block li:hover { color: #3d3a3a; cursor: pointer; }
                        .document-persoonlijk-list #left-wrap { width: 33.9%; }
                        .document-persoonlijk-list #right-wrap { width: 66%; }

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

			/* album block */
			.album-block { width: 100%; overflow: hidden; background: #fff; }
			.album-block  h2 { padding: 18px 19px; background-color: #f1f1f1; }
			.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: #f1f1f1; }
			.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: #f1f1f1; }
			.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: #f1f1f1; }
			.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: #f1f1f1; }
			.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: #3f3f3f; background: #fff; font-weight: 600; text-transform: uppercase; border: 1px solid #3f3f3f; cursor: pointer; }
			.report-block input[type="submit"]:hover { color: #fff; background: #3f3f3f; }
            .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 : 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: #f1f1f1; 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; }*/
            
			/*Dagstaat*/
			.h2_datum{height: 60px; text-align: center; padding-top: 18px !important; font-weight: 600;}
			.h2_btn_left{float:left !important; margin-top: -5px !important;  border: 1px solid #666 !important;}
			.h2_btn_right{float:right !important; margin-top: -30px !important;  border: 1px solid #666 !important;}
			.plusbtn{
				border-radius: 30px !important;
				height: 32px !important;    width: 32px;
				padding-left: 10px !important;
				padding-top: 0px !important;
				margin-top: 0px !important;
				background-color: #4286d6 !important;
				color:#fff !important;
				border:1px solid #4286d6 !important;
			}
			.plusbtn:hover{
				border:1px solid #e3003a !important;
				color:#4286d6 !important;
				background-color:#fff !important;
			}
			
			.minbtn{
				border-radius: 30px !important;
				height: 32px !important;    width: 32px;
				padding-left: 10px !important;
				padding-top: 0px !important;
				margin-top: 0px !important;
				background-color: #e3003a !important;
				color:#fff !important;
				border:1px solid #e3003a !important;
			}
			.minbtn:hover{
				border:1px solid #e3003a !important;
				color:#e3003a !important;
				background-color:#fff !important;
			}


			#section-inbox #block-inbox { border: 3px solid rgba(0, 0, 0, 0.05); border-top: none; }
			#section-inbox .message-block li.selected { background: rgba(0, 0, 0, 0.02); }
			#section-inbox .col-sm-3, #section-inbox .col-sm-9 { padding: 0px; }
			#section-inbox .row { margin: 0px; }
			#section-inbox #folder.inbox-left { border-bottom: 3px solid rgba(0, 0, 0, 0.05); position: relative; }
			#section-inbox #folder.inbox-left .message-block { display: block; width: 24.8%; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; position: fixed; top: 45px; }
			#section-inbox #folder.inbox-left .message-block.top { top: 0px; z-index: 3; }
			#section-inbox #folder.inbox-left .message-block h2 { background: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
			#section-inbox #folder.inbox-left .message-block li a.to-box,
            #section-inbox #folder.inbox-left .message-block li a.planner { padding: 20px 40px; width: 100%; font-weight: bold; }
			#section-inbox #folder.inbox-left .message-block li:hover { background: rgba(0, 0, 0, 0.02); }
			#section-inbox #block-selected { height: 55px; display: none; position: fixed; bottom: 0px; width: 100%; background: lightgray; text-align: right; }
			#section-inbox #block-selected .content { position: relative; }
			#section-inbox #block-selected .info { display: inline-block; float: left; padding: 17px; font-weight: bold; }
			#section-inbox #block-selected .info span { display: inline-block; }
			#section-inbox #block-selected .action { display: block; float: right; }
			#section-inbox #block-selected .action .btn { display: inline-block; height: 55px; margin-right: -3px; padding-top: 16px; }
			#section-inbox #block-selected .action .btn:last-child { margin-right: 0px; }
			#section-inbox #block-selected .action .btn.short-permanent { display: none; }
			#section-inbox #block-selected .action .btn.short-restore { display: none; }
			#section-inbox #block-selected .action .btn.icon-permanent { display: none; }
			#section-inbox #block-selected .action .btn.icon-restore { display: none; }
			#section-inbox #block-selected .info.short-info { display: none; }
			#section-inbox #block-selected.show { display: block; }
			.inbox-left .btn.btn-round {
				display: inline-block;
				padding: 0px 20px;
				margin: 10px 0px;
			}

			.inbox-left .pagination-holder {
				display: block;
				padding: 20px 0px;
			}

			.inbox-left ul.pagination li a, .inbox-left ul.pagination li span {
				padding-top: 0px;
			}

			.inbox-left ul.pagination li.active {
				background: rgba(0, 0, 0, 0.05);
				color: #000;
				font-weight: 700;
			}

			/* report block */
/*			.report-block { width: 100%; overflow: hidden; background: #fff;}*/
            .report-block { width: 100%; background: #fff;}
			.report-block.uren { margin-bottom: 20px; }
			.report-block  h2 { padding: 0 19px;  background-color: #f1f1f1; }
			.report-block  h2 span { line-height: 61px; display: block; }
            .report-block input[type="text"].date { background-image: url(../images/date_img.png); background-position: center right 12px; background-repeat: no-repeat; }
            .report-block input[type="text"].time { background-image: url(../images/time_img.png); background-position: center right 12px; background-repeat: no-repeat; }
			.report-block .report { padding: 15px 35px 17px 19px; width: 100%; }
			.report-block .report2 { padding: 15px 10px 17px 10px; width: 100%; }
			.report-block .line { margin-bottom: 6px; width: 256px; float: left; }
			.report-block .line2 { margin-bottom: 6px; width: 100%; 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 .report2 span { font-size: 14px; line-height: 30px; color: #000; font-weight: 700; display: block; }
			.report-block input[type="select"] { 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="text"],input[type="date"] { 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="number"] { 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: #fff; background: #373737; font-weight: 600; text-transform: uppercase; border: 1px solid #373737; cursor: pointer; }
			.report-block input[type="submit"]:hover { color: #373737; background: #fff; }
            .report-block button { color:#000; 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: #373737; border:1px solid #373737; }
            .report-block button.mw210 { max-width: 210px; }

                        .report-block button:hover { background: #fff; color:#373737;}
			
			.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 { 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.brandstof h2 span { padding-left: 47px; background: url(../images/report_icon5.png) left center no-repeat; }
            .report-block.tol h2 span { padding-left: 47px; background: url(../images/report_icon6.png) left center no-repeat; }
            .report-block.uren h2 span { padding-left: 47px; background: url(../images/report_icon7.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: #f1f1f1; 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; }
			.report-block.uren .line.half { width: 49%; display: inline-block; padding-right: 10px; }
			.report-block.uren .line.full { width: 100%; display: inline-block }
			
			/* display block */
			.display-block { width: 100%; overflow: hidden; background: #fff; }
			.display-block h2 { padding: 0 19px; line-height: 61px; background-color: #f1f1f1; }
			.display-block.lab h2 { padding: 0 19px 0 60px; line-height: 60px; position: relative;  background-color: #f1f1f1; }
			.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.evenement em { color: #000; }
			.display-block ul.pdf-list { list-style: none; padding-left: 0px; }
			.display-block ul.pdf-list li { list-style: none; background: url(../images/cat_pointer.png) left 10px no-repeat; padding: 5px 0px 0px 10px; color: #00a4e9 }

			/* display block #evenement */
			.display-block#section-evenement-list span { font-weight: normal; }
			.display-block#section-evenement-list span span { color: rgba(0, 0, 0, 0.8); }
			.display-block#section-evenement-list span.name { font-weight: bold; font-size: 18px; padding-bottom: 5px; }
			.display-block#section-evenement-list span.time { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 5px 0px; }
			.display-block#section-evenement-list span.time:before { position: absolute; content: "\e8e8"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-list span.time span { padding-left: 25px; }
			.display-block#section-evenement-list span.location { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 5px 0px; }
			.display-block#section-evenement-list span.location:before { position: absolute; content: "\e77a"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-list span.location span { padding-left: 25px; }
			.display-block#section-evenement-list span.close { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding: 5px 0px; }
			.display-block#section-evenement-list span.close:before { position: absolute; content: "\e785"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-list span.close span { padding-left: 25px; }
			.display-block#section-evenement-list .news span:last-child { border-bottom: none; }
			.display-block#section-evenement-list li { margin-bottom: 20px; border-bottom: none; }
			.display-block#section-evenement-list li .date { width: 50px; margin-right: 5px; height: 50px; padding: 3px 0px; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 50%; float: left; display: inline-block; text-align: center; }
			.display-block#section-evenement-list li .date .number { font-weight: bold; font-size: 18px; }
			.display-block#section-evenement-list li .news { width: 410px; }
			.display-block#section-evenement-list li .photo { width: 180px; }
			.display-block#section-evenement-list li .photo::before { display: none; }

			.display-block#section-evenement-view span { padding-bottom: 0px; font-weight: normal; }
			.display-block#section-evenement-view .info>span { margin-top: 10px; }
			.display-block#section-evenement-view strong { font-size: 16px; }
			.display-block#section-evenement-view span .icon span { margin-bottom: 10px; margin-left: 25px; }
			.display-block#section-evenement-view span.icon.time:before { position: absolute; content: "\e8e8"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-view span.icon.location:before { position: absolute; content: "\e77a"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-view span.icon.close:before { position: absolute; content: "\e785"; font-family: 'Linearicons'; font-weight: bold; margin-right: 5px; font-size: 18px; }
			.display-block#section-evenement-view .buttons { margin: 10px 0px; }
			.display-block#section-evenement-view .evenementform { background: #f6f6f4; padding: 0px 10px; }
			.display-block#section-evenement-view .evenementform .title { padding: 20px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); font-size: 20px; }
			.display-block#section-evenement-view .evenementform .description { color: rgba(0, 0, 0, 0.9); margin-bottom: 0px; }
			.display-block#section-evenement-view .question { border-left: 2px solid rgba(0, 0, 0, 0.05); padding-left: 10px; margin-bottom: 20px; }
			.display-block#section-evenement-view .question .name { font-weight: bold; padding-bottom: 5px; }

			.display-block#section-evenement-view.formulieren hr { padding-top: 10px; border: none; border-bottom: 2px solid rgba(0, 0, 0, 0.05); }
			.display-block#section-evenement-view.formulieren .question { padding: 10px 20px; }
			.display-block#section-evenement-view.formulieren .file-list-display { background: #fff; padding: 20px; margin-top: 10px; }
			.display-block#section-evenement-view.formulieren .file-list-display li { padding: 5px 0px; width: auto; }
			.display-block#section-evenement-view.formulieren .file-list-display li:last-child { border: none; }
			.display-block#section-evenement-view.formulieren .file-list-display li:hover { color: red; list-style: none; }
			.display-block#section-evenement-view.formulieren .file-list-display li:hover:after { content: "\e794"; font-family: 'Linearicons'; float: left; padding-right: 10px; }
			.display-block#section-evenement-view.formulieren input[type="file"] { color: #000; }
			.display-block#section-evenement-view.formulieren canvas { background: #fff; }

			/* profile block */
			.profile-block { width: 100%; overflow: hidden; background: #fff; margin-bottom: 20px; }
			.profile-block h2 { padding: 0 19px; line-height: 60px; background-color: #f1f1f1; }
			.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 button { padding: 0 15px; margin-bottom: 7px; margin-right: 7px; float: left;  height: 36px; font-size: 15px; font-weight: 600; line-height: 33px; color: #3f3f3f; text-decoration: none; text-transform: uppercase; border: 1px solid #3f3f3f; background-color:#fff;  cursor:pointer; }
			.profile-block button:hover { color: #fff; background-color: #3f3f3f; }
			.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: #3f3f3f; text-decoration: none; text-transform: uppercase; border: 1px solid #3f3f3f; background-color:#fff; }
			.profile-block input[type="submit"]:hover { color: #fff; background-color: #3f3f3f; }
			.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; }
                        .profile-block select { padding: 5px 13px; width: 100%; height: 32px; font-size: 14px; line-height: 30px; color: #000; font-weight: 400; border: 1px solid #e4e4e4; }

            .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: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; cursor: pointer;  text-decoration: none; }
            .evenementform button:hover { color: #fff; background-color: #96a8b2;  }
            .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: #96a8b2; font-weight: 600; text-transform: uppercase; border: 1px solid #96a8b2; cursor: pointer;  text-decoration: none; }
            button.evenement:hover { color: #fff; background-color: #96a8b2;  }
            
	/* width wrap */
	.width-wrap { margin-top: -15px; float: left; width: 100%; }

		/* rittenlijst block */
		.rittenlijst-block { display: block; margin-top: -15px; margin-bottom: 20px; }
		.rittenlijst-block h2 { padding: 0 19px; line-height: 61px; background-color: #f1f1f1; }
		.rittenlijst-block table { background: #fff; display: inline-block; float: left; width: 33.3%; border-right: 1px solid #f1f1f1; padding: 15px; }
		.rittenlijst-block table:last-child { border-right: none }
		.rittenlijst-block table tr td { padding: 0px 10px; }
		.rittenlijst-block table tr td:first-child { text-transform: uppercase; font-weight: 700 }

		/* rittenlijst item */
		.rittenlijst-item { display: block; margin-top: 20px; float: left; }

		.rittenlijst-item .heading { display: inline-block; background: #008d5d; width: 306px; padding: 20px; color: #fff; float: left; min-height: 185px; }
		.rittenlijst-item .heading h2 { color: #fff; font-size: 48px; font-weight: 700; margin: 15px 0px 30px }
		.rittenlijst-item .heading table { width: 100%; }
		.rittenlijst-item .heading table tr td:first-child { font-weight: 700; padding-right: 45%; }

		.rittenlijst-item .info { display: inline-block; width: 618px; background: #fff; float: left; min-height: 185px }
		.rittenlijst-item .info ul { padding: 20px; display: inline-block; width: 50%; float: left; }
		.rittenlijst-item .info ul.arrow:before { content: ''; position: relative; left: 0; top: 0; display: block; float: left; background: url('../images/path_icon.png') no-repeat; width: 14px; height: 60px; margin-left: -35px }
		.rittenlijst-item .info ul li { text-transform: none; font-weight: 600; font-size: 15px }
		.rittenlijst-item .info ul.alert { border-top: 1px solid #f1f1f1; width: 100% }
		.rittenlijst-item .info ul.alert li { font-weight: 500; color: #f38955 }
		.rittenlijst-item .info ul.alert li:before { content: ''; position: relative; left: 0; top: 0; display: block; float: left; background: url('../images/remark_icon.png'); width: 22px; height: 22px; margin-right: 10px }
		.rittenlijst-item .info ul.alert li.none:before { background: url('../images/remark_icon_none.png'); }
		.rittenlijst-item .info ul.alert li.none { color: #bababa }

		.rittenlijst-item .values ul { -webkit-margin-before: 0px; -webkit-margin-after: 0px; }
		.rittenlijst-item .values ul li { padding: 15px; padding-right: 10px; display: inline-block; width: 151px; background: #e6e5e0; text-transform: uppercase; font-size: 15px; font-weight: 600 }
		.rittenlijst-item .values ul li:last-child { width: 150px; }
		.rittenlijst-item .values ul li span { display: block; font-weight: 700; font-size: 23px; margin-top: 5px }

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

        /* Rittenplanning */
        .rittenplanning-block .heading { text-align: center; position: relative; display: inline-block; width: 100%; }
        .rittenplanning-block .heading h3 { font-size: 14px; line-height: 20px; font-weight: 700; color: #323234; padding: 0 19px; line-height: 61px; background-color: #e5e9ec; }    
        .rittenplanning-block .heading a.pre { width: 9px; height: 16px; display: block; position: absolute; left: 25px; top: 24px; background: url('../images/pre_img.png') left top no-repeat; }
        .rittenplanning-block .heading a.next { width: 9px; height: 16px; display: block; position: absolute; right: 25px; top: 24px; background: url('../images/next_img.png') left top no-repeat; }
        .rittenplanning-block .content { background: #fff; padding: 20px }
        .rittenplanning-block .content .info-block { background: #e5e9ec; padding: 15px; margin-bottom: 20px; }
        .rittenplanning-block .content .info-block label { text-transform: uppercase; font-size: 20px; display: block; float: none; padding: 10px 0px; }
        .rittenplanning-block .content .info-block span { text-transform: uppercase; font-size: 30px; display: block; font-weight: 600; float: none; padding: 10px 0px; }
        .rittenplanning-block .content .info-block.black { background: #000 }
        .rittenplanning-block .content .info-block.black label { color: #fff }
        .rittenplanning-block .content .info-block.black span { color: #fff }
        .rittenplanning-block .content .info-block.red { background: #ff3e00 }
        .rittenplanning-block .content .info-block.red label { color: #fff }
        .rittenplanning-block .content .info-block.red span { color: #fff }
        .rittenplanning-block .content .thumbnail { border: 2px solid #e5e9ec; padding: 10px; }
        .rittenplanning-block .content .thumbnail table { width: 100%; }
        .rittenplanning-block .content .thumbnail table tbody tr td:first-child { width: 100px; }
        .rittenplanning-block .content .thumbnail table tbody tr td { border-bottom: 1px solid #e5e9ec }
        .rittenplanning-block .content .thumbnail .opmerking { background: url('../images/icon_opmerking.png') left center no-repeat; padding-left: 25px; margin-top: 25px; }
        .rittenplanning-block .content .thumbnail .opmerking:before {  }
        
	/* Pagination */
	ul.pagination { padding: 10px 20px; margin-top: -30px; display: block; }
	ul.pagination li.first, ul.pagination li.prev, ul.pagination li.last, ul.pagination li.next { display: none }
	ul.pagination li { width: auto; margin-right: 3px; }
	ul.pagination li:last-child { margin-right: 0px; }
	ul.pagination li a, ul.pagination li span { background: none !important; display: inline-block; line-height: normal; border: 1px solid rgba(0, 0, 0, 0.2); padding: 0px 5px; padding-top: 3px;  }
	ul.pagination li span { padding-top: 0px; border: none; }
	ul.pagination li.active { background: rgba(0, 0, 0, 0.2); color: #fff }

	
	
	/* 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 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: 15px 10px 0 0; }
		.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: 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; }
                
                .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; }
	}

@media all and (max-width: 520px){
        .jc-bs3-container.container { width: 95%;  }
	.nomobile { display: none; }
	.centering { width: 100%; }
	.mobile-center { text-align: center; }

	#header-wrap {  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; background: url(../images/banner_img2.png) center center no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
	.banner-block.bg { margin-top: 80px; height: 225px; overflow: hidden; width: 100%; background: url(../images/banner_img2.png) center 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%; 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: #f1f1f1; }
	.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; }
	.button-block li  a { height: 150px; }

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

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

	#right-wrap { margin-top: 0px; float: none; width: 100%; }
	#right-wrap-2 { 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.png') 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: #f1f1f1; 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%;}
	
	.manage-block .klant .left { 
		width: 100% !important;
	}
	
	
	.rittenlijst-block table { display: block; width: 100%; border-right: none; border-bottom: 1px solid #f1f1f1; }
	.rittenlijst-block table tr td:first-child { min-width: 135px; }

	.rittenlijst-item .heading { display: block; width: 100%; }
	.rittenlijst-item .heading table tr td:first-child { min-width: 150px; }
	.rittenlijst-item .info { display: block; width: 100%; }
	.rittenlijst-item .info ul { display: block; width: 100%; }
	.rittenlijst-item .values ul li { display: inline-block; width: 49.4%; margin-bottom: 1px; }
	.rittenlijst-item .values ul li:last-child { display: inline-block; width: 49.4%; }
	.rittenlijst-item .info ul.arrow:before { background: none }

	.message-block { display: block; width: 100%; }

	.overview-block { display: block; width: 100%; }
        
	.display-block#section-evenement-list li .date { float: right; background: rgba(0, 0, 0, 0.05); }
	.display-block#section-evenement-list li .news { padding: 20px 0px; }
	.display-block#section-evenement-list li:last-child .news { padding-bottom: 0px; }
	.display-block#section-evenement-list li:last-child { margin-bottom: 0px; }

	#section-inbox #folder.inbox-left .message-block { position: relative; width: 100%; top: auto; margin-bottom: 20px; }
	#section-inbox #block-selected .action .btn { padding: 10px;  }
}

@media all and (max-width: 480px) {

}