body, h1, h2, h3, h4, h5, h6, p, a, ul, li { font-family: "Open Sans"; }
.center { margin: 0 auto; }
.edit { display: none; }
header h1 { font-family: "Open Sans"; }
article h3 { text-transform: uppercase; font-size: 12pt; margin-top: 40px; margin-bottom: 0; padding: 20px 20px 17px 20px; font-family: "Open Sans"; color: #FFF; }
article h4 , table.calendar { font-family: "Open Sans"; }
article.col-md-4 div.col-bkg {
	padding: 20px 20px 20px 35px;
}

/* Colours */
.colour-gold {
	background: #e37e00;
}
.colour-red {
	background: #e42b23;
}
.colour-green {
	background: #03B344;
}
.colour-blue {
	background: #0279b2;
}

/* Rounded */
.rounded-top {
	border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
	-o-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}
.rounded-bottom {
	border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}

/* General styles */
.col-bkg {
	background: #e8e8e8;
	padding: 20px;
}

.contact-col  ul {
	list-style: none;
	padding: 0;
}

.toggleEdit {
	margin: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.form-popup {
    border: 2px solid #EFEFEF;
    border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;
    padding: 5px 20px;
    position: absolute;
    z-index: 10000;
	background: #FFF;
	margin-left: 100px;
    margin-top: -145px;
	box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	-o-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
}
.form-popup.form-popup-small {
	
}
.form-popup .form-horizontal {
	width: 530px;
	padding: 10px;
}
.form-popup textarea { min-height: 145px; }

.manage-events div.form-group, .manage-events .btn {
	margin: 10px 0 0;
}

.ui-icon.ui-icon-circle-triangle-e, .ui-icon.ui-icon-circle-triangle-w {
	cursor: pointer;
}

.col-md-4.edit-events-table {
	padding: 10px;
	font-family: "Open Sans";
	margin-top: 5px;
}
	.col-md-4.edit-events-table #editEvents {
		width: 100%;
	}
	#editEvents .form-popup {
		width: 230px;
		padding: 10px;
		margin-top: 5px;
	}
		#editEvents .form-popup .form-control {
			margin-bottom: 5px;
		}
	
	.btn.deleteEvent {
		margin-left: 5px;
	}
	
.form-horizontal, .btn {
	font-family: "Open Sans";
}
button.btn:hover, input.btn:hover {
	color: #428BCA;
}
.profilePic {
}

.align-right {
	text-align: right;
	display: inline-block;
	width: 100%;
}

.col-bkg hr {
	border-color: #BEBEBE;
	margin: 10px 0;
}

.col-bkg table {
	font-family: "Open Sans";
}

.col-bkg img.sportgeest-location {
	border: 1px solid #BEBEBE;
	margin-bottom: 10px;
	width: 100%;
}

.fb-icon {
	margin: 8px 0 0 0;
}
.in-icon {
	margin: 0 0 0 5px;
}
.in-href {
	float: left;
    padding-top: 3px;
}

table#comingEvents {
	width: 100%;
}

iframe#twitter-widget-0 {
	width: 100%;
}

div#top-bar {
	height: 150px;
}
div#top-bar h1 {
	color: #919191;
	font-size: 21pt;
	font-style: italic;
	margin: 58px 0% 0 -7%;
	font-family: "Open Sans";
	font-weight: 300;
}

div#top-bar div.pull-left {
	margin-left: 2%;
}

header { 
	position: relative;
	margin: 0 auto;
	height: 400px; 
}
.bolt, .bolt-wallpaper {
	background: url("../img/header.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 400px;
}
.surf {
	background: url("../img/header2.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	height: 400px;
}

.wallpaper {
	top: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.swim {
	background: url("../img/header3.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 
	width: 100%;
	height: 400px;
}

header h1 {
	opacity: 0;
	color: #FFF;
	font-size: 40pt;
	position: absolute;
	text-shadow: 1px 2px 0px #000;
	-webkit-text-stroke: 1px;
	font-family: "Open Sans";
	text-transform: uppercase;
}

header .bolt h1 {
	left: 10%;
	top: 30%;
}
header .surf h1 {
	right: 10%;
	top: 5%;
}
header h1:hover {
	cursor: default;
}

nav {
	background: #E7E7E7;
	height: 61px;
}
nav ul { text-align: center; }
nav ul li { display: inline-block; list-style: none; }
nav#mainmenu ul li { margin-right: 10px; }
nav#mainmenu ul li:last-child { margin: 0; }
nav ul li a { 
	text-transform: uppercase; 
	color: #53575a; 
	text-decoration: none; 
	font-size: 11pt;
	display: block;
	padding: 20px 30px; 
}
nav ul li.current a {
	background: #D9D9D9; 
}
nav ul li.current a:hover {
	color: #37393B; 
}

.navbar-fixed-top {
	background: #FFF;
	background: #53575A;
}
.navbar-fixed-top button {
	margin-top: 7px;
	margin-left: 7px;
}

footer {
	margin-top: 40px;
	background: #3A4146; 
}

footer p {
	text-align: center;
	color: #FFF;
	padding: 20px;
	margin: 0;
}

.contact-info .col-bkg {
	min-height: 745px;
}
.col-bkg a.leesmeer {
	position: absolute;
	bottom: 15px;
	right: 35px;
}

/* Calendar Styles */
.calendar {width:100%; border-collapse:collapse;}
.calendar tr.navigation th {padding-bottom:20px;}
.calendar th.prev-month {text-align:left;}
.calendar th.current-month {text-align:center; font-size:1.5em;}
.calendar th.next-month {text-align:right;}
.calendar tr.weekdays th {text-align:left;}
.calendar td {width:14%; height:100px; vertical-align:top; border:1px solid #CCC;}
.calendar td.today { font-weight: bold; }
.calendar td.prev-next {background:#EEE;}
.calendar td.prev-next span.date {color:#9C9C9C;}
.calendar td.holiday {background:#DDFFDE;}
.calendar span.date {display:block; padding:4px; line-height:12px; background:#EEE;}
.calendar div.day-content {}
.calendar ul.output {display:none; margin:0; padding:5px 10px; list-style:none; position:absolute; top:50px; left: 235px; background:#EEE; text-align:left; z-index:1000; }
.calendar ul.output li {margin:0; padding:5px 0; line-height:1em; border-bottom:1px solid #CCC; text-align:left;}
.calendar ul.output li:last-child {border:0;}
 
/* Small Calendar */
.calendar.small {width:auto; border-collapse:separate;}
.calendar.small tr.navigation th {padding-bottom:5px;}
.calendar.small tr.navigation th a {font-size:1.5em;}
.calendar.small th.current-month {font-size:1em;}
.calendar.small tr.weekdays th {text-align:center;}
.calendar.small td {width:auto; height:auto; padding:4px 8px; text-align:center; border:0; background:#EEE;}
.calendar.small span.date {display:inline; padding:0; background:none;}

/* Datepicker */
.ui-datepicker {
    display: none;
    padding: 5px 20px 20px 5px;
	border: 2px solid #EFEFEF;
    width: 17em;
	background: #FFF;
}
.ui-datepicker .ui-datepicker-header {
    padding: 0.2em 0;
    position: relative;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    border-collapse: collapse;
    font-size: 0.9em;
    margin: 0 0 0.4em;
    width: 100%;
}
.ui-datepicker th {
    border: 0 none;
    font-weight: bold;
    padding: 0.7em 0.3em;
    text-align: center;
}
.ui-datepicker td {
    border: 0 none;
    padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0 none;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0.7em 0 0;
    padding: 0 0.2em;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: 0.5em 0.2em 0.4em;
    overflow: visible;
    padding: 0.2em 0.6em 0.3em;
    width: auto;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto 0.4em;
    width: 95%;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    font-size: 0;
    width: 100%;
}
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0;
}
.ui-state-highlight {
	font-weight: bold;
}