@charset "utf-8";
/* CSS Document */

html, body {
  height:100%;
}


*{font-family: 'Open Sans', sans-serif; }
li{font-weight:300;}


body {
  color:#646464;
  background-color:#efefef;
}


.circle1
{
	border: 5px solid #d43;;
}

.circle2
{
	border: 5px solid #3498db;
}



#page-home
{margin-top: 100px;}


#page-basketbal
{margin-top: 200px;
margin-top: 0px;}

#page-bewegingsschool
{margin-top: 200px;
margin-top: 0px;}


#page-basketbal .btn-danger
{background-color:#d43;}


#page-bewegingsschool .btn-danger
{background-color:#3498db;
border-color:#3498db;}


h1
{font-size:25pt;
font-weight:300;
font-family: 'Open Sans', sans-serif;
color:#d43;
text-transform:uppercase;
}

#page-bewegingsschool h1
{color:#3498db;}

h2
{color:#999;
font-size:15pt;
text-transform:uppercase;
font-weight:normal;
font-weight:300;
font-family: 'Open Sans', sans-serif;
}


h3
{color:#000;
font-size:15pt;
text-transform:uppercase;
font-weight:normal;
font-weight:300;
font-family: 'Open Sans', sans-serif;
}


h4
{color:#000;
font-size:15pt;
font-weight:300;
font-family: 'Open Sans', sans-serif;
}

strong
{

	color:#d43;
	font-weight:700;
}


#page-bewegingsschool strong
{color:#3498db;}


.mogelijk, .mogelijk a
{	color:#F60;
color:#cc9966;
	font-weight:400;}

.volzet, .volzet a
{	color:#C00;
	font-weight:400;}

 .volzet a
{text-decoration:underline;

}

a
{color:#666;}

a:hover
{text-decoration:underline;
color:#333;}

a.underline
{text-decoration:underline;
}

.well
{font-weight:300;}

.page-basketbal-basketbal-kampen .well
{height:400px;}


.page-bewegingsschool-kids-en-kleuter-kampen .well
{height:400px;}
 /* MENU1 */




hr
{height:1px;
background-color:#e4e4e4;}



nav.menu1{
  width:100%;
  text-align:center;
}

nav.menu1 ul{
  background:#d43;
  border-radius:3px;
  padding:12px;
  padding-left:2px;
  padding-right:2px;
  list-style:none;
}


#page-bewegingsschool nav.menu1 ul
{background-color:#3498db;
}

nav.menu1 li{
  height:32px;/*Height is needed because ".active:after" would otherwise expand the height and make the navigation look extremely stupid*/
  display:inline-block;
  border-right:1px solid rgba(0,0,0,.1);
  padding:4px 18px;

}

#page-bewegingsschool nav.menu1 li
{    padding:4px 10px;}

nav.menu1 li:first-of-type{border-left:1px solid rgba(0,0,0,.1);}

nav.menu1 a{
  display:block;
  border-bottom:1px solid transparent;
  padding:4px;
font-weight:400;
  text-decoration:none;
  color:rgba(255,255,255,.7);
  text-transform:uppercase;
 
}


nav.menu1 li:not(.active):hover a{
  border-bottom:1px solid rgba(255,255,255,.5);
  color:rgba(255,255,255,.9);
  text-decoration:none;
}

nav.menu1 .active a{
  color:#fff;
}







/*Carousel */
.carousel {
  height: 40%;
}

.carousel h1 {
	font-size:35px;
	atext-transform:uppercase;
	font-weight:400;
	color:#fff;
	text-shadow:none;
	abackground-color:#fff;
	color:#d43;
	color:#fff;
 	
	line-height:40px;
}


#page-bewegingsschool .carousel h1
{
		color:#fff;}

.carousel-caption
{
	}



.carousel-control .icon-prev, 
.carousel-control .icon-next {
    font-size: 80px;
	margin-top:-30%;
	color:#fff
	font-weight:700;
}


.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}


.navbar
{margin-bottom: 0px;}