/*! CSS TEMPLATE 2
 * Start Bootstrap - Scrolling Nav HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	width: 100%;
	height: 100%;
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-size: 16px;
	background-color: #000000;
}

html {
	width: 100%;
	height: 100%;
}

.basis-section.publ {
	min-height: 100%;
	padding-top: 110px;
	text-align: left;
	background: #000000;
	color: #ffffff;
	padding-bottom: 30px;

}

#sbox-content {
	clear: both;
	overflow: auto;
	background-color: #fff;
	height: 100%;
	width: 100%;
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-size: 10px !important;
	padding: 0px !important
}

#sbox-window {

	width: 550px !important;
	height: 170px !important;
}


.publications-section {
	height: 100%;
	padding-top: 130px;
	text-align: left;
	background: #000000;
	color: #ffffff;
}

.view-checkout .publications-section {
	height: auto;
}

section#publications.publications-section div.container div.row div.col-lg-12 div.row div.col-md-3 div.moduletable {

	padding-bottom: 25px;

}

section#publications.publications-section div.container div.row div.col-lg-12 div.row div.col-md-3 div.moduletable.allepubl {
	padding-top: 42px;
	margin-bottom: 20px;

}

div.col-md-4 img {
	padding-top: 5px;
}

.h2 {
	margin-bottom: 4px !important;
}

div.page-header h2 {
	margin-bottom: 4px !important;
}


/**
 * Hikashop Checkout
 */
#hikashop_checkout a {
	color: #337ab7;
}
#hikashop_checkout a:hover,
#hikashop_checkout a:focus{
	color: #23527c;
}

.view-checkout {
	background-color: white;
	color: #333;
}

.view-checkout .publications-section {
	background-color: white;
	color: #333;
}

.view-checkout input,
.view-checkout select,
.view-checkout textarea {
	background-color: white !important;
	color: #333 !important;
}

.view-checkout input[type="text"],
.view-checkout input[type="password"],
.view-checkout input[type="email"],
.view-checkout .inputbox,
.view-checkout textarea {
	width: 205px;
}

.view-checkout .hikashop_cart_product_quantity_value input[type="text"],
.view-checkout .hikashop_cart_product_quantity_value .inputbox {
	width: 50px;
	text-align: center;
}

.view-checkout .main__footer {
	background-color: #f9f9f9;
	border: 1px solid #d4d4d4;
	padding: 8px;
}

.view-checkout .main__footer a {
	color: #337ab7;
}

.view-checkout .main__footer a:hover,
.view-checkout .main__footer a:focus{
	color: #23527c;
}

input.hikashop_product_quantity_field {
	width: 18px !important;
}

input#same_address {
	width: auto
}


/* Chrome only: */
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
	section#publications.publications-section div.container div.row div.col-lg-12 div.row div.col-md-3 div.moduletable.allepubl {
		padding-top: 60px;

	}
}

/* Related items (tags) */
div.item-page ul.tags.inline li {
	padding: 5px;

	float: left;


}

ul.relateditems img {
	width: 150px;
	height: auto;
	padding: 10px;
}

ul.relateditems li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
}

ul.relateditems {

	padding: 0;
	list-style-type: none;

}

ul.relateditems.related li div.col-sm-3 {

	padding-left: 0px;
}

ul.relateditems li div.col-sm-3 {

	width: 15%;
	margin-right: 35px;
}

div.moduletable.related ul.relateditems.related li div.col-sm-3 a p {

	width: 95%;
	margin-right: 35px;
	padding-left: 10px;

}

div.moduletable.related h3 {

	padding-top: 40px;
	padding-bottom: 20px;
}

div.moduletable.related ul.relateditems.related {

	margin-left: 0;

}

.navbar-fixed-top {
	top: 90px;
}

div.item-page.publicaties a {
	color: #FFF;
	text-decoration: underline;

}

html body#page-top.default section#footer.footer-section {

	padding-bottom: 30px;
	color: #FFFFFF;

}

/*html body#page-top.publicaties section#publications.publications-section div.container div.row div.col-lg-12 div.row div.col-md-3 div.moduletable h3 {
	    font-size: 14px;
    padding-bottom: 10px;
    padding-top: 111px !important;
}*/
div.item-page.publicaties a:hover {
	color: #00FF00;
	text-decoration: none;

}

/* tijdelijke relaed items*/
html body#page-top.publicaties section#publications.publications-section div.container div.row div.col-lg-12 div.row div.col-md-12 div.item-page.publicaties div div.row div.col-md-12 h5 {
	color: #ffffff;
}

/* 	OPMAAK TAAL */

div.mod-languages ul.lang-inline li a {
	color: #000000;
	font-size: 18px;
	font-weight: bold;
}

div.mod-languages ul.lang-inline li.lang_active a, div.mod-languages ul.lang-inline li.lang-active.first a {

	color: #00FF00;
}

span div.mod-languages {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
	/*  margin-top: 13px;*/
}

*:focus {
	outline: none !important
}

div.mod-languages ul {
	float: right;
	margin-left: 20px;
	margin-top: 13px;
}


/* 	EIND OPMAAK TAAL */
section#publications.publications-section div.col-md-4 img {
	max-width: 98%
}

/* Tags */

div.item-page ul.tags.inline {
	list-style-type: none;
	width: 36%;
	float: right;
}

div.item-page ul.tags.inline a.label.label-info {
	padding: 5px;
	margin-left: 5px;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
}

div.item-page ul.tags.inline a:hover.label.label-info {
	background-color: #00ff00;
	color: #000000;
	text-decoration: none;
}

section#basis.basis-section.activ ul.tags.inline {
	margin-top: 40px;
}

section#basis.basis-section.activ div.item-page ul.tags.inline a.label.label-info {

	padding: 5px;
	margin-left: 25px;
	background-color: #FF542F;
	color: #ffffff;

}


div.search.mod_search90 {
	padding-top: 5px;

}

div.mod_search90 input[type="search"] {
	height: 35px;
	padding: 10px;
	width: 140px;
	border: none;
	border-radius: 0px !important;
}

div.search.mod_search90 form.form-inline label.element-invisible {
	font-weight: bold;
	color: #ffffff;

}

input#mod-search-searchword.inputbox.search-query {
	color: #ffffff !important;

}

div.col-xs-4 a.navbar-brand.page-scroll img {

	vertical-align: middle;
}

#Intro {
	top: 0;
	position: fixed;
	background-color: #fff;
	height: 100px;
	width: 100%;
	z-index: 11;
}

html body#page-top section#home.home-section {
	background-position: center;
	background-image: url(../images/back-top.png);
	background-repeat: repeat-y;
	min-height: 700px;
}


div.col-sm-6.col1 {
	background-color: #D2D3D5;
	text-align: center;
}

div.col-sm-6.col2 {
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	min-height: 500px;
}


a.navbar-brand.page-scroll {
	color: #000000;
}

a.navbar-brand.page-scroll:hover {
	color: #666666;

}

input, select, textarea {
	background-color: #000000 !important;
	color: #ffffff !important;
}

html body#page-top.publicaties section#publications.publications-section div.container div.row div.col-lg-12 div.row div.col-md-12 div.item-page.publicaties div div.row div.col-md-3 span button.btn.btn-default.btn-md.disabled {
	background-color: #FFFFFF !important;
	opacity: 1 !important;


}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	box-shadow: none;
	cursor: not-allowed;
	opacity: 1 !important;
	pointer-events: none;
	margin-right: 5px;
}

div a button.btn.btn-black.btn-md {
	background-color: #000000;
	border-color: #ffffff;
	border-width: 1px;
	border-radius: 0px !important;
	color: #ffffff !important;
}


a.hikacart {
	background-color: #000000;
	border-color: #ffffff;
	border-width: 1px;
	border-radius: 0px !important;
	color: #ffffff !important;
}

a.hikacart:hover {
	background-color: #000000;
	border-color: #ffffff;
	border-width: 1px;
	border-radius: 0px !important;
	color: #ffffff !important;
}


a.hikashop_cart_button, a.hikashop_compare_button, .hikashop_cart_input_button, .hikashop_cart_input_button:hover, a.hikabtn, a.hikabtn:hover {
	-moz-border-bottom-colors: #ffffff;
	-moz-border-left-colors: #ffffff;
	-moz-border-right-colors: #ffffff;
	-moz-border-top-colors: #ffffff;
	background: none !important;
	border-color: #ffffff #fff #fff #fff;
	border-image: none;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	box-shadow: none !important;
	color: #fff !important;
	cursor: pointer;
	display: inline-block;
	line-height: 18px;
	margin: 4px;
	padding: 7px 6px;
	text-align: center;
	text-decoration: none;
	text-shadow: none !important;
	background-color: #000000;
	border-color: #ffffff;
	border-width: 1px;
	border-radius: 0px !important;
	color: #ffffff !important;
	margin-top: 4px;
}

.hikashop_inserted_product span.hikashop_add_to_cart {
	display: block;
	margin-bottom: 0px !important;
	padding-left: 5px;
	text-align: center;
}


#adminForm > table > tbody tr {
	background-color: #fff !important;


}

#adminForm > .footer-section {
	background-color: #ffffff !important;


}

.hikashop_field_dropdown {
	color: #ffffff !important;

}

.chzn-container-active .chzn-single {
	border: 1px solid #000000;
	box-shadow: none !important;
}

.controls {
	color: #000000 !important;
}


a.hikashop_no_print {

	color: #00FF00;
	font-style: unset;
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


.form-horizontal .control-label {
	margin-bottom: 0;
	padding-top: 7px;
	text-align: left;
}

/* Tags */

div.item-page ul.tags.inline {
	list-style-type: none;
}

div.item-page ul.tags.inline a.label.label-info {
	padding: 5px;
	margin-left: 5px;
	background-color: #ffffff;
	color: #000000;
}

div.item-page ul.tags.inline li {
	padding-right: 0px !important;
	padding-bottom: 10px !important;
}

#magnifygif3188 {
	visibility: hidden !important
}

#magnifygif {
	visibility: hidden !important
}


/* Tags */

section#basis.basis-section.activ ul.tags.inline {
	margin-top: 40px;

}

section#basis.basis-section.activ div.item-page ul.tags.inline a.label.label-info {

	padding: 5px;
	margin-left: 25px;
	background-color: #FF542F;
	color: #ffffff;

}

.btn {

	/*color:#fff;*/
	border-color: #fff;

}

.btn:hover {

	color: #000;
	border-color: #000;
	background-color: #00FF00;

}



form {
	margin-top: 50px;
}

.option {
	/* Whatever color  you want */
	background-color: #82caff;
}

/*==========  EIND HIKASHOP CS  ==========*/


div.page-header div a:hover button.btn.btn-black.btn-md, div.custom button.btn.btn-black.btn-md {
	background-color: #000000;
	border-color: #00FF00;
	border-width: 1px;
	border-radius: 0px !important;
	color: #00FF00 !important;
}

.btn, .label {
	border-radius: 0px !important;
}

::-webkit-input-placeholder {
	color: #ffffff;
	font-weight: bold;
}

:-moz-placeholder { /* Firefox 18- */
	color: #ffffff;
	font-weight: bold;
}

::-moz-placeholder { /* Firefox 19+ */
	color: #ffffff;
	font-weight: bold;
}

:-ms-input-placeholder {
	color: #ffffff;
	font-weight: bold;
}

.page-header {
	border-bottom: 0 solid #eee;
	margin: 35px 0 10px;
	padding-bottom: 2px;
	padding-left: 15px;
}

h1 {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 10px;
}

h2 {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight: normal;
}

h5 {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #000000;

}

div.page-header h2 {
	font-size: 28px;

}

html body#page-top.default section#publications.publications-section div.container div.row div.col-lg-12 div.row div.col-md-9 div.item-page div div.moduletable.navbar-content ul.nav.navbar-navaaa li a {
	padding: 5px;
	padding-left: 15px;
}

h3 {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

h4 {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

section#activities.activities-section h4 {
	font-family: 'Karla', Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

.navbar-brand {

	float: none;
	font-size: 36px;
	font-weight: bold;
	color: #000000;
}

.navbar-header {
	float: left;
	padding: 10px;
	text-align: center;
	width: 100%;
}

.navbar-default {
	background-color: #00FF00;
	border-color: #00FF00;
}

.navbar-default .navbar-nav > li > a {
	color: #000;
	font-size: 24px;
	padding-left: 20px;
	padding-right: 20px;
}


.navbar-default .navbar-nav > li {

	padding-left: 30px;
	padding-right: 30px;

}

.navbar .navbar-nav {
	display: inline-block;
	float: none;
	vertical-align: top;
}

html body#page-top.default section#publications.publications-section div.container div.row div.col-lg-12 div.row div.col-md-9 div.item-page div div.moduletable.navbar-content ul.nav.navbar-nav {
	display: block;

}

.navbar {
	text-align: center;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent !important;
	color: #fff;
}

div.col-lg-12 div.row div.col-sm-3 {
}

html body#home section#home.home-section div.container div.row div.col-sm-6 h1 {

	font-family: 'Karla', Helvetica, Arial, sans-serif;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
}

.colpadding {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 3px solid #ffffff;

}

html body#page-top section#basis.basis-section div.container div.row div.col-lg-12 div.row div.col-md-12 div.item-page ul.tags.inline {
	list-style-type: none;
}


section#publications.publications-section ul.nav.navbar-nav li {

	list-style-type: circle !important;

}

section#publications .navbar-navaaa {
	list-style-type: circle !important;
	list-style: circle !important;
}

html body#page-top.default section#publications.publications-section div.container div.row div.col-lg-12 div.row div.col-md-9 div.item-page div div.moduletable.navbar-content ul.nav.navbar-navaaa li a:hover {
	background-color: #000000 !important;
	background: none !important
}

section#publications.publications-section div.col-md-3 {
	margin-top: 60px;
}

div.col-md-3 div.moduletable.allepublicaties {
	margin-top: 70px;

}

/*	links*/
a {
	color: #00FF00;
	text-decoration: none;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
}

ul.nav.navbar-nav li.item-193 a {
	visibility: hidden !important;
	display: none;
}

ul.nav.navbar-nav li.item-193  a {
	visibility: hidden;
	position: absolute;
	display: none !important;
}

ul.nav.navbar-nav li.item-193  {
	display: none !important;
}

/*verbergen home menu item*/

html body#page-top ul.nav.navbar-nav li.item-193  a {
	display: none !important;
	color: #336699 !important;
}


li.item-193 a {
	display: none;
	color: #336699;
}

li.item-263 a {
	display: none;
	color: #336699;
}

/*einde verbergen home menu item*/

/*sp portfolio kop styling*/
section#publications.publications-section div.sp-portfolio-item-inner div.sp-portfolio-item-details h4.item-title a {

	color: #FFFFFF;
	font-size: 17px;
	padding-bottom: 25px;
	text-transform: uppercase;
}

div.sp-portfolio-item-inner div.sp-portfolio-item-details h4.item-title {


	padding-bottom: 20px;
}

div.sp-portfolio-thumb div.sp-portfolio-overlay div a.sp-portfolio-preview {
	color: #ffffff;
}

/*eind sp portfolio kop styling*/


section#activities.activities-section div.sp-portfolio-item-inner div.sp-portfolio-item-details h4.item-title a {
	color: #000000;
	font-size: 17px;
	padding-bottom: 25px;
	text-transform: uppercase;
}

img.responsive {
	max-width: 100%;
	height: auto;
}


section#publications.publications-section div.container div.row div.col-lg-12 {
	background: #000000;
	margin-bottom: 50px;

}


.navbar-toggle {

	border-radius: 0px !important;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border-color: transparent !important;
}

.navbar-default .navbar-toggle {
	border-color: #000000;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #000000;
}


/* Publication ondertitel*/

div.item-page div.page-header h3 div#cel_1 span.value {
	font-size: 18px;
	font-weight: normal;
}

/*==========  EIND HIKASHOP CS  ==========*/

/*==========  Mobile First Method  ==========*/

@media only screen and (max-width: 768px) {

	div#firstcol.col-xs-4 {

		width: 10px;

	}

	div#thirdcol.col-xs-4 {
		width: 49%;
		float: right !important;
	}
}

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
	.navbar {
		padding: 20px 0;
		-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
		transition: background .5s ease-in-out, padding .5s ease-in-out;
	}

	.top-nav-collapse {
		padding: 0;
	}

	.navbar-default .navbar-nav > li {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
	.navbar-default .navbar-nav > li {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	.navbar-default .navbar-nav > li {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
}

/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1599px) {
	.hidden-lg {
		display: none !important;
	}
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl {
	display: none !important;
}


@media (min-width: 1600px) {
	.container {
		width: 1570px;
	}

	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
		float: left;
	}

	.col-xl-12 {
		width: 100%;
	}

	.col-xl-11 {
		width: 91.66666667%;
	}

	.col-xl-10 {
		width: 83.33333333%;
	}

	.col-xl-9 {
		width: 75%;
	}

	.col-xl-8 {
		width: 66.66666667%;
	}

	.col-xl-7 {
		width: 58.33333333%;
	}

	.col-xl-6 {
		width: 50%;
	}

	.col-xl-5 {
		width: 41.66666667%;
	}

	.col-xl-4 {
		width: 33.33333333%;
	}

	.col-xl-3 {
		width: 25%;
	}

	.col-xl-2 {
		width: 16.66666667%;
	}

	.col-xl-1 {
		width: 8.33333333%;
	}

	.col-xl-pull-12 {
		right: 100%;
	}

	.col-xl-pull-11 {
		right: 91.66666667%;
	}

	.col-xl-pull-10 {
		right: 83.33333333%;
	}

	.col-xl-pull-9 {
		right: 75%;
	}

	.col-xl-pull-8 {
		right: 66.66666667%;
	}

	.col-xl-pull-7 {
		right: 58.33333333%;
	}

	.col-xl-pull-6 {
		right: 50%;
	}

	.col-xl-pull-5 {
		right: 41.66666667%;
	}

	.col-xl-pull-4 {
		right: 33.33333333%;
	}

	.col-xl-pull-3 {
		right: 25%;
	}

	.col-xl-pull-2 {
		right: 16.66666667%;
	}

	.col-xl-pull-1 {
		right: 8.33333333%;
	}

	.col-xl-pull-0 {
		right: auto;
	}

	.col-xl-push-12 {
		left: 100%;
	}

	.col-xl-push-11 {
		left: 91.66666667%;
	}

	.col-xl-push-10 {
		left: 83.33333333%;
	}

	.col-xl-push-9 {
		left: 75%;
	}

	.col-xl-push-8 {
		left: 66.66666667%;
	}

	.col-xl-push-7 {
		left: 58.33333333%;
	}

	.col-xl-push-6 {
		left: 50%;
	}

	.col-xl-push-5 {
		left: 41.66666667%;
	}

	.col-xl-push-4 {
		left: 33.33333333%;
	}

	.col-xl-push-3 {
		left: 25%;
	}

	.col-xl-push-2 {
		left: 16.66666667%;
	}

	.col-xl-push-1 {
		left: 8.33333333%;
	}

	.col-xl-push-0 {
		left: auto;
	}

	.col-xl-offset-12 {
		margin-left: 100%;
	}

	.col-xl-offset-11 {
		margin-left: 91.66666667%;
	}

	.col-xl-offset-10 {
		margin-left: 83.33333333%;
	}

	.col-xl-offset-9 {
		margin-left: 75%;
	}

	.col-xl-offset-8 {
		margin-left: 66.66666667%;
	}

	.col-xl-offset-7 {
		margin-left: 58.33333333%;
	}

	.col-xl-offset-6 {
		margin-left: 50%;
	}

	.col-xl-offset-5 {
		margin-left: 41.66666667%;
	}

	.col-xl-offset-4 {
		margin-left: 33.33333333%;
	}

	.col-xl-offset-3 {
		margin-left: 25%;
	}

	.col-xl-offset-2 {
		margin-left: 16.66666667%;
	}

	.col-xl-offset-1 {
		margin-left: 8.33333333%;
	}

	.col-xl-offset-0 {
		margin-left: 0;
	}

	.visible-xl {
		display: block !important;
	}

	table.visible-xl {
		display: table;
	}

	tr.visible-xl {
		display: table-row !important;
	}

	th.visible-xl, td.visible-xl {
		display: table-cell !important;
	}

	.visible-xl-block {
		display: block !important;
	}

	.visible-xl-inline {
		display: inline !important;
	}

	.visible-xl-inline-block {
		display: inline-block !important;
	}

	.hidden-xl {
		display: none !important;
	}
}


.navbar-header__right > * {
    float: right;
}