/*
Theme Name: DWC-Bitman
Theme URI: http://www.bitman.nl/
Description: Restyle 2016
Author: Arnold Gijzen- Bitman Haarlem
Author URI: http://www.bitman.nl
version: 1.0
*/

/**
 * Reset
 Cufon.set('fontFamily', 'Samba').replace('.columnTitle')('.widget_gce_widget h2');
 Cufon.set('fontFamily', 'Samba').replace('.columnTitle')('.widget_gce_widget h2');
 */

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding: 0;
	margin: 0;
}

.row{
	margin: 0;
}



body { 
	margin:0; 
	padding:0; 
}
h1 { font-size:138.5%; }
h2 { font-size:123.1%; }
h3 { font-size:108%; }
h1,h2,h3 { margin:1.5em 0 0.5em; }
/*h1,h2,h3,h4,h5,h6,strong { font-weight:bold; }*/
abbr,acronym { border-bottom:1px dotted #ccc; cursor:help; }
em { font-style:italic; }
blockquote,ol,ul,dl { margin:0.5em 1.5em 1em; padding:0; }
li { margin:0; padding:0; }
ol li { list-style:decimal outside; }
ul li { list-style:disc outside; }
dl dd { margin-left:1em; }
th,td { padding:.5em; }
th { font-weight:bold; text-align:center; }
caption { margin-bottom:.5em; text-align:center; }
p,fieldset,table { margin:0.5em 0 1em; }
img { border:0; margin:0; padding:0; }


/**
 * Elements
 */
body, input, textarea { 
	font: 10pt 'Open Sans', Arial, Helvetica, sans-serif;
	color:#6e6e6e; 
}
body { 
	background:#fff; 
	line-height:150%; 
}
a { color:#d74dc9; text-decoration:none; }
a:hover { color:#ff66ff; }


/**
 * Sections
 */

/* wrapper */
.wrapper { 
	/*margin:0 auto; */
	/*width:940px; */
}

/* header */
.header { 
	margin-bottom:25px;
}
.header .logo { margin:0; padding:0; }
	.header .logo a { float:left; display:block; width:565px; /*background:url(images/dwc-head.png) no-repeat;*/ }
		.header .logo a span { display:none; }

.header ul, .header li { list-style:none; margin:0; padding:0; }
.header ul { 
	float:right; 
}
.header li { 
	float:left; 
	width:84px; 
}
.header .knaw { margin-top:8px; }
	.header .knaw a { display:block; width:55px; height:45px; background:url(images/knaw.png) no-repeat; }
		.header .knaw a span { display:none; }
.header .huygensIng { 
	margin-top:0; 
}
	.header .huygensIng a { 
		float:right; 
		display:block; 
		width:84px; 
		height:55px; 
		background:url(images/huygens-ing.png) no-repeat; 
		background-size: 90%;
	}
		.header .huygensIng a span { display:none; }

/* nav */
.nav {  
}
.nav ul, .nav li { 
	list-style:none; 
	margin:0; padding:0; 
}
.nav-tabs>li>a{
	background-color: #ffffff;
	border: 1px solid #dedede;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	/* background-color: #dedede; */
	background-color: #f5f5f5;
}

.pageNav li { 
	float:left; 
	position:relative; 
}

.pageNav li a { 
	display:block; 
	font-size:100%; 
	color:#d74dc9; 
	padding:5px 5px 6px;
	background-color: #dedede;
	margin: 0 10px 10px 0;
}


.mainNav li { 
	float:left; 
	position:relative; 
}

.mainNav li a { 
	display:block; 
	font-size:100%; 
	color:#666; 
	padding:10px 10px 15px;
}
.mainNav > li.current_page_item > a,
	.mainNav > li.current_page_ancestor > a { 
		color:#000;
}
.mainNav li a:hover{
	color: #d74dc9;
}
.mainNav li ul.children { 
	float:left; 
	position:absolute; 
	left:0; 
	display:none; 
	z-index: 99999;
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.11); 
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.11); 
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.11);
	padding: 20px;
	background: rgba(0, 0, 0, 0.8); 
}
	.mainNav li:hover > ul.children { 
		display:block; 
	}
	.mainNav li ul.children a { 
		padding:2px 10px; 
		width:300px; 
		color: #ffffff;
	}
		.mainNav li ul.children li:hover > a { 
			color: #d74dc9;
		}
.mainNav li ul.children ul.children { 
	left:50%; top:0; 
}

/* search */
.search-home #searchform {  
	padding: 20px; 
	display: inline;
	position: absolute;
	left: 480px;
	top: 328px;
	width: 460px;
	background-color: #d74dc9;
}
.search-home #searchform label { 
	display:none; 
}
.search-home #searchform .search-autocomplete-dwc { 
	padding:5px; 
	padding-left: 20px;
	border: none;
	width: 350px;
	font-family: 'Glegoo', serif;

}
.search-home #searchform #searchsubmit { 
	position: absolute;
	padding: 5px 5px 5px 20px; 
	top: 10px;
	font-size: 36px;
	border: none; 
	background-color: #d74dc9;
	color: #ffffff;
	cursor: pointer;
}
.search-home #searchform #searchsubmit:hover { 
	color:#eaeaea; 
}

/* header search */
.header-search {
	background-color: #d74dc9;
	padding: 20px;
}
.header-search #searchform label { 
	display:none; 
}
.header-search #searchform .search-autocomplete-dwc { 
	padding:10px; 
	padding-left: 20px;
	border: none;
	width: 800px;
	background-color: #ffffff;
	font-family: 'Glegoo', serif;

}
.header-search #searchform #searchsubmit { 
	padding: 5px 5px 5px 20px; 
	font-size: 24px;
	border: none; 
	background:#d74dc9; 
	color: #ffffff;
	cursor: pointer;
}
.header-search #searchform #searchsubmit:hover { 
	color:#eaeaea; 
}

/* slider */
.slider { 
	margin-top:15px; 
	padding-bottom:19px;
	position: relative;
	overflow: hidden;
}
.slider .description {  
	background:#d74dc9; 
	min-height:164px; 
	width:460px; 
	color:#fff; 
	display:table-cell; 
	vertical-align:middle; 
	position: absolute;
	top: 280px;
	left: 0;
}
.slider .description p { 
	padding:30px; 
	font-family: 'Glegoo', serif;
}
.slider img { 
	display: none;	
	min-width:940px !important; 
	min-height:420px !important; 
}

.slider .top-image {
	height: 420px;
	width: 100%;
	background-size: cover;
	background-position: center center;
}

.slider .top-image-standard{
	height: 300px;
	width: 100%;
	background-size: cover;
	background-position: center center;
}

/* main */
.main { 
	margin-top:35px; 
	padding-bottom: 90px;
}

.main-content { 
	margin-top:5px; 
}

.main br { 
	clear:none !important; 
}

/* contentWrapper */
.contentWrapper { 
	float:left; 
	width: 940px; 
}

/* content */
.content { 
	/*width:460px; */
	float: left;
	/* background-color: #dedede; */
	background-color: #f5f5f5;
	padding: 20px;
}
.content-agenda { 
	width: 100%;
	float: left;
	background-color: #fae8f8;
	padding: 20px;
	margin-top: 20px;
}
.content img{ 
	max-width: 650px; 
	//min-width: 650px;
	height: auto;
}
.content h1{ 
	margin-top:0; 
	font-size:24pt; 
	line-height:120%; 
	font-weight:normal; 
	font-family: 'Glegoo', serif;
}

h1.postTitle { 
	margin-top:0; 
	font-size:24pt; 
	line-height:120%; 
	font-weight:normal; 
	font-family: 'Glegoo', serif;
}
h2.postTitle { 
	font-family: 'Glegoo', serif;
	padding-top:1em; 
	border-top:#eaeaea 1px solid; 
}

/* contentLeft */
.contentLeft { 
	float:left; 
	width:460px;
	padding-bottom: 20px;
}
.contentLeft img { 
	//min-width: 420px !important;
	max-width: 420px !important;
	height: auto !important;
}

.contentLeft h2{
	font-family: 'Glegoo', serif;
	font-size: 24px;
	font-weight: 100;
	line-height: 120%;
	margin-top: 0;
}

.columnTitle { 
	font-family: 'Glegoo', serif;
	font-size:24pt; 
	font-weight: 100;
	margin-top:0; 
	padding:0 0 15px 0; 
}

/* contentRight */
.contentRight { 
	float: right;
}

/* contentRight */
.contentRight_EN { 
	width: 460px;
}

.inner-left{
	width: 220px;
	margin-left: 10px;
	float: left;
}
.inner-left img { 
	float: left;
	max-width:220px; 
}
.inner-right{
	width: 220px;
	margin-left: 20px;
	float: left;
}
.inner-right img { 
	max-width:220px; 
}

.inner-left ul, .inner-right ul{
	margin: 0;
}

.inner-left li, .inner-right li{
	list-style: none;
}

.inner-right aside:first-child{
	font-family: 'Glegoo', serif;
	background-color: #f3c7ee;
}

/* triangles */

.inner-left .bottom-triangle:nth-child(4){
	border-top: 30px solid #fae8f8;
	border-right: 220px solid transparent;
	margin-bottom: 0;
}

.inner-left .top-triangle:nth-child(5){
	border-bottom: 30px solid #fae8f8;
	border-left: 220px solid transparent;
}

.inner-right .bottom-triangle:nth-child(3){
	border-top: 30px solid #fae8f8;
	border-right: 220px solid transparent;
	margin-bottom: 0;
}

.inner-right .top-triangle:nth-child(4){
	border-bottom: 30px solid #fae8f8;
	border-left: 220px solid transparent;
}

/* sidebar */
.sidebar { margin-left:750px; }
.sidebar ul, .sidebar li { list-style:none; margin:0; padding:0; }

/* subnav */
.subnav { border:#eaeaea 1px solid; border-top:0;
		/*-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;*/ }
.subnav li h3 { margin:0; padding:5px 5px 5px 15px; font-weight:bold; font-size:100%; }
.subnav li, .subnav li li { border-top:#eaeaea 1px solid; background:#fcfcfc; }
.subnav li a { display:block; padding:5px 5px 5px 15px; color:#4daed1; }
	.subnav li.current_page_item > a { font-weight:bold; }
	.subnav li a:hover { color:#000; }
.subnav li li li a { padding-left:40px; }

/* footer */
/* .footer { width:700px; border-top:#eaeaea 1px solid; margin-top:45px; text-align:center; padding:20px 0; } */

/* content-wrapper slider and search */
.content-wrapper{
	position: relative;
}
/**
 * Widgets / Plugins
*/

/* Google calendar homepage */
span#calendarTitle{
	color: #fae8f8;
}

/* widget */
.widget-sidebar{
	padding: 20px;
	background-color: #fae8f8;
	/* margin-bottom: 20px; */
}

.widget li{ 
	padding-bottom: 4px;
}

.dt-twitter{
	width: 170px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
	padding-top: 0 !important;
	word-wrap: break-word;
}

/* qTranslate */
.qtranxs_language_chooser { 
	float:left; 
	padding:5px 10px !important; 
	background-color: #eaeaea;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}
.qtranxs_language_chooser li { 
	float:left; 
	list-style: none;
}
.qtranxs_image img{
	display: none;
}
.lang-nl a::before{
	content: 'NL';
}
.lang-en a::before{
	content: 'EN';
}
.lang-nl a, .lang-en a{
	color: #000000;
}
.lang-nl a:hover, .lang-en a:hover{
	color: #d74dc9;
}
.lang-en {
	padding-right: 5px !important;
}
.lang-nl {
	border-left: 1px solid #000000;
	padding-left: 5px !important;
}

/* Agenda */
.widget_gce_widget h2 { font-size:16pt; margin-top:0; padding:0; }
.gce-widget-list .gce-list { border:#f2f2f2 1px solid; /*-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;*/ }
.gce-widget-list .gce-list .gce-list-event { background:transparent !important; }
.gce-widget-list .gce-feed-1 { padding:15px; }
.gce-widget-list .gce-feed-1.odd { background:#f2f2f2; }

/* Breadcrumbs Plus */
.breadcrumbs-plus { padding:10px 0 1px; font-size:85%; }
.breadcrumbs-title { display:none; }

/**
 * Other classes
 */
.clear { clear:both; }

/* newslist */
.newsList, .newsList li { list-style:none; margin:0; padding:0; }
.newsList li { border-top:#eaeaea 1px solid; }
.newsList .news-1 { border-top:0; }
.newsList li{
	/* background-color: #dedede; */
	background-color: #f5f5f5;
	padding: 20px;
}

/* DL / PM */
.greyBox {
	border:#eaeaea 1px solid; 
	padding:15px; 
	background:#fcfcfc;
	margin-bottom: 20px;
}
	
.Right {
	float:right;
	}
	
.search_word {
	color:#000;
	}
	
.pubList {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
.pubList li{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px -15px;
	border-bottom:#eaeaea 1px solid; padding:15px;
	}
.smallList {
	font-size:11px;
	}
.abc {
	font-size:9px;
	}

.portret {
	float:right;
	}

.ListUnderPage {
	padding:20px;
	margin:0;
	/*width: 75%;*/
	background-color: #dedede;
}

.ListUnderPage li{
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px -15px;
	border-bottom:#eaeaea 1px solid; padding:15px;
	}

.footer-wrapper{
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
.footer-content-top{
	background-color: #f9e3f6;
	padding: 60px 0;
}

/* footer */
.footer-content-top .execphpwidget{
	font-size: 10px;
}

.footer-content-top .execphpwidget ul, .footer-content-top .execphpwidget li{
	list-style: none;
}

.footer-content-top .execphpwidget ul{
	padding: 0;
	margin: 0 20px 0 0;
	width: 90px;
}

.footer-content-top .execphpwidget > li{
	display: block;
	width: 90px;
	margin: 0 20px 0 0;
	word-wrap: break-word;
	float: left;
	min-height: 400px;
}

.footer-content-top .execphpwidget > li > a{
	font-weight: 800;
	font-family: 'helvetica', 'Arial';
}

.footer-content-top .execphpwidget li:first-child{
	display: none;
}

/* bottom */
.footer-content-bottom{
	background-color: #bebebe;
	padding: 60px 0;
}
.footer-content-bottom ul, .footer-content-bottom li{
	list-style: none;
}

.footer-left{
	float: left;
	font-size: 10px;
}

.footer-left li:first-child{
	font-family: 'helvetica', 'Arial';
}

.footer-right{
	float: right;
	font-size: 36px;
}

.footer-right li{
	display: block;
	margin: 0 20px 0 0;
	float: left;
}

/*extended color for recent-post-widget-extended */
.rpwe-time{
	color:#6e6e6e !important;
}

.fa-footer{
	color: #6e6e6e;
}

.fa-footer:hover{
	color:#000000;
}

#accordion .panel{
	margin-bottom: 0;
	background-color: inherit;
	border: none;
	border-radius: 0;
    -webkit-box-shadow: none; 
	box-shadow: none;
}

#accordion .panel-heading{
	padding: 0;
	border-bottom: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.pagination>li>a, .pagination>li>span {

    color: #000000;
    border: 1px solid #ddd;
}

.pagination>.active>a{
    background-color: #6e6e6e;
    border-color: #6e6e6e;
}

#huygens{
	padding-left: 20px;
	padding-bottom:15px;
}

@media (max-width: 992px) {

	.contentRight_EN{
		margin-left: 0;
		width:460px;
		float:left;
	}
}

@media (max-width: 576px) {
	.container {
    	width: 360px;
	}
	.header ul{
		display: none;
	}
	.header .logo a {
		max-width: 100%;
		height: auto;
	}
	.contentLeft{
		width: 335px;
	}
	.contentLeft img {
	    //min-width: 295px !important;
	    max-width: 295px !important;
	    height: auto !important;
	}
	.slider .description{
		width: 335px;
		margin-left: 0;
	}
	.slider .description p{
		padding: 20px 30px 30px 30px;
	}
	.slider img {
	    min-width: 330px !important;
	    min-height: 420px !important;
	}
	.wp-caption-text{
		width: 300px;
	}
	.search-home, .mainNav, .header-search{
		display: none;
	}
	.footer-content-top, .footer-content-bottom {
		max-width: 100%;
	}
	
	.footer-wrapper {
		max-width: 335px;
	}
	.contentWrapper{
		width: 335px;
	}

	.contentWrapper ul{
		max-width: 420px;
	}

	.inner-left, .inner-right{
		width: 100%;
		margin: 0;
	}

	.top-triangle, .bottom-triangle{
		display: none;
	}
	.dt-twitter{
		width: 285px !important;
	}
	.footer-right {
		font-size: 18px;
	}

	.footer-content-top .execphpwidget ul, .footer-content-top .execphpwidget li {
		width: 100%;
		min-height: 1px;
	}

	.newsList li div{
		max-width: 335px !important;
	}

	/*content pages*/
	.content, .content-agenda{
		margin-bottom: 20px;
	}
	.content iframe{
		width: 305px;
	}
	.content img{
		max-width: 295px;
		//min-width: 295px;
		height: auto;
	}
	#huygens{
		padding-left:0;
	}
	.contentRight_EN{
		margin-left: 0;
		width:335px;
		float:left;
	}

}

@media (min-width: 576px) and (max-width: 767px) {
	.container {
    	width: 490px;
	}
	.search-home, .mainNav, .header-search{
		display: none;
	}
	.search-home #searchform{
		left: 0;
		top: 40px;
		padding: 10px;
		width: 380px;
	}
	.search-home #searchform #searchsubmit{
		left: 300px;
		top: 3px;
	}
	.header ul{
		display: none;
	}

	.header .logo a {
		max-width: 100%;
		height: auto;
	}

	.contentWrapper{
		width: 576px;
	}
	.inner-left {
		margin-left: 0;
	}

	.footer-content-top, .footer-content-bottom {
		max-width: 100%;
	}

	.footer-right {
		font-size: 28px;
	}
	.footer-wrapper{
		max-width: 460px;
	}

	.footer-content-top .execphpwidget ul, .footer-content-top .execphpwidget li {
		width: 100%;
		min-height: 1px;
	}
	.slider img {
	    min-width: 480px !important;
	    min-height: 420px !important;
	}

	/* content pages */
	.content, .content-agenda{
		width: 460px;
		margin-bottom: 20px;
	}

	.content iframe{
		width: 405px;
	}

	.fullWidth{
		float: none;
	}
	.fullWidth .inner-left{
		width: 460px;
	}

	.fullWidth .top-triangle, .fullWidth .bottom-triangle{
		display: none;
	}
	.content img{
		max-width: 420px;
		//min-width: 420px;
		height: auto;
	}

}

@media (min-width: 768px) and (max-width: 992px) {

	.navbar{
		display: none;
	}
	.contentRight{
		float: left;
		margin-left: 20px;
	}
	.contentRight_EN{
		width:210px;
	}
	.contentLeft{
		width: 490px;
	}

	.contentLeft_EN{
		margin-right: 20px;
	}

	.contentLeft img{
		max-width: 450px !important;
		//min-width: 450px !important;
		height: auto;
	}
	.inner-left{
		margin-bottom: 25px;
	}
	.inner-right{
		margin-left: 10px;
	}
	.search-home #searchform{
		left: 0;
		top: 40px;
	}
	.header .logo a {
		width: 530px;
	}
	.contentWrapper{
		width: 768px;
	}
	.contentWrapper ul{
		max-width: 490px;
	}
	.footer-content-top, .footer-content-bottom {
		max-width: 100%;
	}
	.footer-wrapper{
		max-width: 90%;
	}
	.slider img {
	    min-width: 720px !important;
	    min-height: 420px !important;
	}
	/*content pages*/
	.header-search #searchform .search-autocomplete-dwc{
		width: 600px;
	}
	.content, .content-agenda{
		width: 490px;
	}
	.contentRight{
		margin-left: 0;
	}
	.content iframe{
		width: 445px;
	}
	.content img{
		max-width: 450px;
		//min-width: 450px;
		height: auto;
	}
	.content-agenda-wrapper{
		width: 490px;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.navbar{
		display: none;
	}
	.container {
    	width: 970px;
	}
}

@media (min-width: 1200px) {
	.navbar{
		display: none;
	}
	.container {
    	width: 970px;
	}
}

@media (max-width: 768px){

	.navbar-default{
		background-color: #d74dc9;
		border: none;
	}
	.navbar-toggle{
		border: none;
		border-radius: 0;
		float: left;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	    background-color: #d74dc9;
	}
	.navbar-default .navbar-toggle .icon-bar{
		background-color: #ffffff;
	}
	.navbar-collapse{
		box-shadow:2px 2px 2px rgba(0, 0, 0, 0.11); 
		-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.11); 
		-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.11);
		padding: 20px;
		background: rgba(0, 0, 0, 0.8);
	}
	.nav-bar .children li{
		list-style-position: outside !important;
	}
	.navbar-nav .children li a{
		color: #ffffff;
		padding:2px 15px;
	}
	.navbar-nav .children li a:hover{
		color: #d74dc9;
	}

	.navbar-default .navbar-nav > li > a{
		color: #cecece;
	}
	.navbar-default .navbar-nav > li > a:hover{
		color: #d74dc9;
	}

	.search-mobile #searchform {  
		float: left;
		padding: 5px; 
		display: inline;
		margin-top: 3px;
		/*position: absolute;
		left: 480px;
		top: 328px;*/
		width: 80%;
		background-color: #d74dc9;
	}
	.search-mobile #searchform label { 
		display:none; 
	}
	.search-mobile #searchform .search-autocomplete-dwc { 
		padding:5px; 
		border: none;
		width: 80%;
		font-family: 'Glegoo', serif;
		background-color: #d74dc9;
		color: #ffffff;

	}
	.search-mobile #searchform .search-autocomplete-dwc:-ms-input-placeholder{
		color: #ffffff;
	}
	.search-mobile #searchform .search-autocomplete-dwc:-moz-placeholder{
		color: #ffffff;
	}
	.search-mobile #searchform .search-autocomplete-dwc::-moz-placeholder{
		color: #ffffff;
	}
	.search-mobile #searchform .search-autocomplete-dwc::-webkit-input-placeholder{
		color: #ffffff;
	}
	.search-mobile #searchform #searchsubmit { 
		position: absolute;
		padding: 5px 5px 5px 20px; 
		top: 3px;
		right: 5px;
		font-size: 30px;
		border: none; 
		background:#d74dc9; 
		color: #ffffff;
		cursor: pointer;
	}
	.search-mobile #searchform #searchsubmit:hover { 
		color:#eaeaea; 
	}
}