body {
	background-color:#d9e2e4;
	font-family:'Raleway', sans-serif;
	color:#003c4b;
}

.container-fluid {
	max-width:100%;
}

@media screen and (min-width:960px) {
	.container-fluid {
		max-width:100%;
	}
	
	body {
		background-image:url('../images/yellowline.gif');
		background-repeat:repeat-y;
		background-position:16.5%;
	}
}

.print {
	display:none;
}





/* logo */

.nav-logo {
	padding-top:10px;
	padding-bottom:10px;
}

@media screen and (min-width:960px) {
	.nav-logo {
		padding-top:75px;
	}

	.logo p {
		text-align:right;
		padding-right:5px;
	}
}





/* index */

.nav-logo-index {
		padding-top:30px;
	}

.language-index-button {
	padding:3px;
	margin:50px 0px 10px 0px;
	font-size:24px;
	border:none;
	cursor:pointer;
	background-color:#ccd8db;
	z-index:1;
	width:64px;
}

.language-index-button a {
	padding:12px;
	text-decoration:none;
	display:block;
	color:#003c4b;
}

.language-index-button a:hover {
	background-color:#bfced2;
}

.language-index h1 {
	margin:0px;
	padding:0px;
	font-size:2.2em;
}

.language-index h4 {
	margin:0px;
	padding:0px;
	font-size:1.6em;
}

@media screen and (min-width:960px) {
	.language-index-spacer {
		margin:30px 0px 0px 0px;
		padding:0px;
	}
	
	.language-index {
		width:100%;
	}
	
	.language-index-button {
		margin:0px 20px 0px 10px;
		float:left;
	}
	
	.language-index h1 {
		margin:60px 0px 0px 0px;
		padding:0px;
	}
}





/* header */

.header-row {
	border-bottom:1px solid #fdb913;
	padding-bottom:20px;
}

.header-row-index {
	padding-bottom:20px;
}

.header-column {
	width:100%;
	border-bottom:0px;
}

h1 {
	font-weight:300;
	font-size:2.4em;
	margin:0px;
	padding:0px;
}

.initial {
	font-weight:500;
	color:#fdb913;
}

h4 {
	font-weight:300;
	font-size:1.6em;
	margin:0px;
	padding:0px;
}

@media screen and (min-width:960px) {
	.header-row {
		border:none;
	}
	
	.header-column {
		border-bottom:0px;
	}
	
	h1 {
		margin:116px 0px 0px 0px;
	}
	
	h4 {
		margin:0px;
	}
}





/* navigation mobile */
.nav-mobile a {
	display:block;
	color:#003c4b;
	background-color:#ccd8db;
	padding:7px 10px;
	text-decoration:none;
}

.nav-mobile-level1 {
	font-size:1em;
	font-weight:600;
}

.nav-mobile-level2 {
	font-size:0.9em;
	font-weight:400;
}

.nav-mobile-language {
	font-size:0.8em;
	font-weight:400;
}

.nav-mobile-divider {
	font-size:2px;
	font-weight:400;
	border-top:1px solid #fdb913;
}

/* Change the color of links on hover */
.nav-mobile a:hover {
	background-color:#bfced2;
	color:#003c4b;
}

/* Add an active class to highlight the current page */
.nav-mobile-active {
	background-color:#bfced2;
	color:#d9e2e4;
}

/* Hide the link that should open and close the nav-mobile on small screens */
.nav-mobile .icon {
	display:none;
}

/* When the screen is less than 768 pixels wide, hide all links. Show the link that contains should open and close the nav-mobile (.icon) */
@media screen and (max-width:960px) {
 .nav-mobile a {display:none;}
 .nav-mobile a.icon {
	float:right;
	display:block;
 }
}

/* The "responsive" class is added to the nav-mobile with JavaScript when the user clicks on the icon. This class makes the nav-mobile look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width:960px) {
 .nav-mobile.responsive {position:relative;}
 .nav-mobile.responsive a.icon {
	position:absolute;
	right:0;
	top:0;
 }
 .nav-mobile.responsive a {
	float:none;
	display:block;
	text-align:left;
 }
}

.nav-left {
	display:none;
}





/* navigation desktop */

@media screen and (min-width:960px) {
	.nav-left {
		width:100%;
		display:block;
		padding-top:15px;
	}
	
	.nav-desktop {
		text-align:right;
	}
	
	.nav-top {
		display:none;
	}
	
	.nav-desktop ul {
		list-style-type:none;
		margin:0px;
		padding:0px;
	}

	.nav-desktop li {
		font-size:1.1em;
		padding-top:20px;
		font-weight:600;
	}

	.nolink {
		padding-right:5px;
	}

	.nav-desktop li li {
		font-size:0.9em;
		padding-top:3px;
		font-weight:400;
	}

	.nav-desktop a {
		color:#003c4b;
		text-decoration:none;
		padding:5px;
	}

	.nav-desktop a:hover {
		background-color:#ccd8db;
	}

	.nav-desktop-active a {
		font-style:italic;
		border-bottom:1px solid #fdb913;
		padding-bottom:0px;
	}
}

@media screen and (min-width:920px) {
	.hide {
		display:none;
	}
}






/* navigation desktop languages */

/* The container <div> - needed to position the dropdown content */
.language-desktop {
	margin-top:65px;
	position:absolute;
	right:20px;
}

/* Style The Dropdown Button */
.language-desktop-button {
	padding:10px;
	font-size:15px;
	border:none;
	cursor:pointer;
	background-color:#ccd8db;
	z-index:1;
}

/* Dropdown Content (Hidden by Default) */
.language-desktop-content {
	display:none;
	z-index:1;
}

/* Links inside the dropdown */
.language-desktop-content a {
	padding:8px;
	text-decoration:none;
	display:block;
	color:#003c4b;
}

/* Change color of dropdown links on hover */
.language-desktop-content a:hover {
	background-color:#bfced2;
}

/* Show the dropdown menu on hover */
.language-desktop:hover .language-desktop-content {
	display:block;
}







/* content */

.content-column, .left-column, .right-column, .full-column {
	width:100%;
	padding-top:50px;
}

h2 {
	font-weight:600;
	font-size:2em;
	margin:0px;
	padding:0px;
}

h3 {
	font-weight:600;
	font-size:1.5em;
	margin:0px;
	padding:0px;
}

p {
	font-size:1.1em;
	margin:0px;
	padding:0px;
}

ul {
	font-size:1.1em;
	margin:0px;
	padding-left:18px;
	list-style-type:square;
}

ul li {
	margin:0px;
	padding:0px;
}

.nested {
	font-size:0.95em;
	margin:0px 0px 0px 1px;
	padding:0px;
}

ol {
	font-size:1.1em;
	margin:0px;
	padding-left:20px;
}

ol.oproep {
	list-style-type:lower-alpha;
	font-size:1.1em;
	margin:0px;
	padding-left:23px;
	padding-top:0px;
}

ol, .oproep li {
	margin:0px;
	padding:0px;
}

.bold {
	font-weight:600;
}

.bolditalic {
	font-weight:500;
	font-style:italic;
}

.italic {
	font-style:italic;
}

.center {
	text-align:center;
}

.content-column a {
	color:#003c4b;
	text-decoration:none;
	border-bottom:1px solid #fdb913;
	padding:3px;
	margin:0px 0px 0px -3px;
}

.content-column a:hover {
	background-color:#ccd8db;
	padding-bottom:0px;
	padding:3px;
	margin:0px 0px 0px -3px;
}

.maps a, .box-title-teams a {
	text-decoration:none;
	border-bottom:none;
	padding:0px;
	margin:0px;
}

.maps a:hover {
	padding:0px;
	margin:0px;
}

.bestuur {
	margin:0px;
	padding:0px;
	width:20%;
	float:left;
	min-width:150px;
}

.content-column img {
	border:1px solid #003c4b;
	margin:0px 0px 10px 0px;
	padding:0px;
	max-width:100%;
	height:auto;
}

.map img {
	border:none;
	margin:0px;
	padding:0px;
	max-width:100%;
	height:auto;
}

.actueel {
	margin:0px;
	padding:0px;
}

.ploegen {
	margin:0px;
	padding:0px;
}

.caption p {
	font-size:0.9em;
	margin:0px 20px 0px 0px;
	padding:0px;
}

.box {
	margin:0px 0px 30px 0px;
	padding:10px 0px 10px 0px;
	width:100%;
}

.box-nomargin {
	margin:0px;
	padding:0px;
	width:100%;
}

.box-title, .box-title-teams {
	margin:0px 0px 20px 0px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #7f9da5;
	width:100%;
}

.photos {
	display:none;
}


@media screen and (min-width:960px) {
	.content-column {
		padding-top:35px;
		padding-right:50px;
	}
	
	ol li {
		margin:0px 0px 15px 0px;
		padding:0px;
	}
	
	.ploegen {
		margin-top:30px;
	}
}