@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700italic,300italic);

/*
.T0 {border: 4px solid purple;}
.T1 {border: 4px solid red;}
.T2 {border: 4px solid orange;}
.T3 {border: 4px solid yellow;}
*/

#Venster{}
#Body {background:#F4F4EC!important; }
#site {}

body {padding-top:175px;}

/* font-family */
body,
body * {font-family: 'Arial'; font-size:14px;}

.container header.jumbotron p a.btn,
.vorigevolgende nav .VolgendeLink,
.navbar-nav li a,
.container header.jumbotron span {font-size:16px;}

article#tekstkader p,
article#tekstkader ul li {font-size: 17px;}

.container header.jumbotron p a,
.pagina-datum {font-size:20px;}

.container .thumbnail .caption h3 {font-size:23px;}

.row h3,
article#tekstkader h1 {font-size:40px;}
article#tekstkader h2 {font-size:40px;}


.container header.jumbotron h1,
.container header.jumbotron p,
.container .thumbnail .caption h3,
.row h3,
.navbar-nav li a,
.container header.jumbotron p a,
.vorigevolgende nav .VolgendeLink,
article#tekstkader h1,
article#tekstkader h2,
.pagina-datum,
article#tekstkader ul, .container span {font-family: 'Lato', sans-serif;}

/* CLEAR */
.clear {clear:both;margin:0;padding:0;overflow:hidden;}

/* LINTEN */
.I849 #lint500 {position:absolute; top: 130px; width: inherit; text-align: center; margin-left: -30px; display:block;}
#lint500 {display:none;}

#Venster .vorigevolgende { height: 35px; }
#linttop {display:inline; position:relative; left: 27px; top: -213px;/*top: 230px; width: inherit; text-align: right;*/z-index:1; float:right; height: 0px;}

.I849 #linttop {top: 460px;}
#lintsub {width:100%; text-align:center; margin:auto; padding-top: 30px; }


/*FACEBOOK LIKE*/
#like {
	z-index:5;
	text-align:right; 
	position:absolute;
	width:inherit;
	margin-left: -30px;
}

#like .fb-like {padding-top:50px;}

/*TEKSTKLEUREN*/
/* geel		FFA542*/
/* blauw	14305F*/

.container header.jumbotron h1,
.container header.jumbotron p {color:#FFF;}
.container header.jumbotron a.btn,
.vorigevolgende nav .VolgendeLink,
.container .thumbnail .caption p a.btn,
article#tekstkader ul {color:#FFA542;}


/*NAV*/
/*.navbar-fixed-top {display:none;}*/
.navbar-inverse {border:0px;}
.navbar {background:#FFF;}
.navbar-nav {float:right;}
nav.navbar {margin-bottom:0px!important;}
.navbar-brand {background:url(../png/logo.png) center no-repeat; width: 270px; height:175px;}

.navbar-nav li {list-style: none; float:left;}
.navbar-nav li a {color:#14305F!important; font-weight: strong; padding: 10px;}
ul.navbar-nav {margin-top: 108px;}
ul.navbar-nav li.R a,
ul.navbar-nav li a:hover {background:#14305F!important; border-radius: 2px; color:#FFFFFF!important; text-decoration:none;}

.navbar-header button,
.navbar-header .navbar-toggle:hover {background:#14305F; }


/*JUMBOTRON*/
.container header.jumbotron {background: url(../jpg/bgjumbo.jpg); border-radius: 0px; text-align:center; margin-top:0px; margin-bottom:0px;  }
.container header.jumbotron h1,
.container header.jumbotron p {font-weight: 300;}
.container header.jumbotron p a {color:#FFFFFF;}


/*PAGINADATUM*/
.pagina-datum {color:#FFA542;}
.row h3 {text-align:center;color:#14305F; margin: 30px 0;font-weight: 300;}


/*THUMBS HOMEPAGE*/
.container .thumbnail .caption h3 {font-weight: 700; font-style:italic;}
.row .thumbnail {border: 0px; padding:0px; border-radius:0px; margin:30px 0 0 0;}
.row .thumbnail h3 {margin:10px 0;}
.row .thumbnail p {margin-bottom: 30px;}
.container .thumbnail time {color:#FFA542;}


/*BROERLINKS*/
.vorigevolgende nav {text-align:center;margin:20px 0;}
.vorigevolgende nav .VolgendeLink {padding: 6px 8px;border-radius: 4px; color:#14305F;}
.vorigevolgende nav .VolgendeLink:hover {text-decoration:none;}
.vorigevolgende {
    z-index: 20;
}

/* VERVOLG */
article#tekstkader {background:#FFFFFF; padding:80px;}
article#tekstkader h1, 
article#tekstkader h2 {color:#14305F; font-weight:300; margin: 0 0 20px 0;}
article#tekstkader p {line-height: 24px; color:#666666; }

article#tekstkader ul {color:#666666; }

/*BULLETLIST
article#tekstkader ul li{
    position: relative;
    display: block;
    padding: .3em .3em .3em .8em;
    *padding: .4em;
    margin: .5em 0 .5em -1.2em;
    background: #eee;
    color: #666666;
    text-decoration: none;
    transition: all .3s ease-out;   
}

article#tekstkader ul li:hover{
    background: #ddd;
}   

article#tekstkader ul li:before{
   	display:none;
    content: counter(li);
    counter-increment: li;
    position: absolute; 
    left: -2.5em;
    top: 50%;
    margin-top: -1em;
    background: #FFA542;
    height: 2em;
    width: 2em;
    line-height: 2em;
    text-align: center;
    font-weight: bold;
}

article#tekstkader ul li:after{
    position: absolute; 
    content: '';
    border: .5em solid transparent;
    left: -1em;
    top: 50%;
    margin-top: -.5em;
    transition: all .3s ease-out;               
}

article#tekstkader ul li:hover:after{
    left: -.5em;
    border-left-color: #FFA542;             
}

*/






/*SLIDER*/
 #slides {
     display: none
}



#slides .slidesjs-navigation {
     margin-top:3px;
}

#slides .slidesjs-previous {
     margin-right: 5px;
     float: left;
}

#slides .slidesjs-next {
     margin-right: 5px;
     float: left;
}


.slidesjs-pagination {
     margin: 6px 0 0;
     float: right;
     list-style: none;
}

.slidesjs-pagination li {
     float: left;
     margin: 0 1px;
}

.slidesjs-pagination li a {
     display: block;
     width: 13px;
     height: 0;
     padding-top: 13px;
     background-image: url(../jpg/pagination.png);
     background-position: 0 0;
     float: left;
     overflow: hidden;
}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
     background-position: 0 -13px
}

.slidesjs-pagination li a:hover {
     background-position: 0 -26px
}



#slides a:link,
#slides a:visited {
     color: #333
}

#slides a:hover,
#slides a:active {
     color: #9e2020
}





#Venster .Paragraaf {display:block;}
/*#Venster .Paragraaf h2 {color:#14305F; font-weight:300; margin: 0 0 20px 0;}*/

/* GOOGLEMAPS */
#googlemaps {width:auto; height: 324px; }
/*#googlemapsmasker {background: url(../png/googlemapsmasker.png) transparent; width:290px; height: 324px; position: absolute; }*/


/* FOOTER */
#sponsors {text-align:center;}
#sponsors ul {}

#sponsors ul li {list-style:none; float:none; display:inline-block;}
#sponsors ul li a {display:inline-block; /*display:inline; /* ie7 fix */ background: url(../gif/sponsors.gif) no-repeat; height:70px; margin: 0 100px 0 0;}

/*RIJ 1 -258px is de y positie van grijshover */

#sponsors ul li a.smb {background-position: 0 0; width: 110px; }
#sponsors ul li a.smb:hover {background-position: -301px 0;}

#sponsors ul li a.paul {background-position: 0 -77px; width: 175px;}
#sponsors ul li a.paul:hover {background-position: -301px -77px;}

#sponsors ul li a.cf {background-position: 0 -1825px; width: 55px;}
#sponsors ul li a.cf:hover {background-position: -301px -1825px;}

#sponsors ul li a.boog {background-position: 0 -150px; width: 250px;}
#sponsors ul li a.boog:hover {background-position: -301px -150px;}

#sponsors ul li a.cura {background-position: 0 -275px; width: 176px;}
#sponsors ul li a.cura:hover {background-position: -301px -275px;}

#sponsors ul li a.edu {background-position: 0 -360px; width: 150px;}
#sponsors ul li a.edu:hover {background-position: -301px -360px;}

#sponsors ul li a.dha {background-position: 0 -214px; width: 250px;}
#sponsors ul li a.dha:hover {background-position: -301px -214px;}

#sponsors ul li a.lto {background-position: 0 -1160px; width: 40px; }
#sponsors ul li a.lto:hover {background-position: -301px -1160px;}

#sponsors ul li a.dk {background-position: 0 -1416px; width: 77px; }
#sponsors ul li a.dk:hover {background-position: -301px -1416px;}

#sponsors ul li a.go {background-position: 0 -1536px; width: 100px; }
#sponsors ul li a.go:hover {background-position: -301px -1536px;}

#sponsors ul li a.hans {background-position: 0 -425px; width: 142px;}
#sponsors ul li a.hans:hover {background-position: -301px -425px;}

#sponsors ul li a.tiel {background-position: 0 -490px; width: 88px;}
#sponsors ul li a.tiel:hover {background-position: -301px -490px;}

#sponsors ul li a.bed {background-position: 0 -583px; width: 69px;}
#sponsors ul li a.bed:hover {background-position: -301px -583px;}

#sponsors ul li a.piet {background-position: 0 -664px; width: 104px;}
#sponsors ul li a.piet:hover {background-position: -301px -664px;}

#sponsors ul li a.schu {background-position: 0 -740px; width: 132px;}
#sponsors ul li a.schu:hover {background-position: -301px -740px;}

#sponsors ul li a.voogd {background-position: 0 -810px; width: 92px;}
#sponsors ul li a.voogd:hover {background-position: -301px -810px;}

#sponsors ul li a.fides {background-position: 0 -898px; width: 140px;}
#sponsors ul li a.fides:hover {background-position: -301px -898px;}

#sponsors ul li a.boom {background-position: 0 -1067px; width: 150px;}
#sponsors ul li a.boom:hover {background-position: -301px -1067px;}

#sponsors ul li a.boeter {background-position: 0 -976px; width: 140px;}
#sponsors ul li a.boeter:hover {background-position: -301px -976px;}

#sponsors ul li a.koese {background-position: 0 -1250px; width: 126px;}
#sponsors ul li a.koese:hover {background-position: -301px -1250px;}

#sponsors ul li a.en {background-position: 0 -1330px; width: 197px;}
#sponsors ul li a.en:hover {background-position: -301px -1330px;}

#sponsors ul li a.ww {background-position: 0 -1630px; width: 155px;}
#sponsors ul li a.ww:hover {background-position: -301px -1630px;}

#sponsors ul li a.rabo {background-position: 0 -1728px; width: 55px;}
#sponsors ul li a.rabo:hover {background-position: -301px -1728px;}

#sponsors ul li a.kg {background-position: 0 -1909px; width: 167px;}
#sponsors ul li a.kg:hover {background-position: -301px -1909px;}


#sponsors ul li a.bien {background-position: 0 -2003px; width: 63px;}
#sponsors ul li a.bien:hover {background-position: -301px -2003px;}

#sponsors ul li a.rot {background-position: 0 -2103px; width: 114px;}
#sponsors ul li a.rot:hover {background-position: -301px -2103px;}



#sponsors hr {border-bottom:1px solid #DDDDDD; padding: 0; }
#sponsors span {color:#A1A1A1;}

footer .row p {text-align:center; color:#A1A1A1; clear:both; padding: 50px 0 20px 0;}
footer .row p a {color:#A1A1A1; text-decoration:none;}



/*FUN WITH STYLES*/
/* Hollow */
.btn-primary {border:none;} /*uit omwille bootstrap*/
.vorigevolgende nav .VolgendeLink,
.hollow {
  display: inline-block;
   background: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: inset 0 0 0 2px #586882, 0 0 2px rgba(0, 0, 0, 0);
  z-index:20;
  /* Hack to improve aliasing on mobile/tablet devices */
}
.vorigevolgende nav .VolgendeLink:hover,
.vorigevolgende nav .VolgendeLink:focus,
.vorigevolgende nav .VolgendeLink:active,
.hollow:hover,
.hollow:focus,
.hollow:active {
  background: #FFA542;
  color:#FFFFFF!important;
  box-shadow: inset 0 0 0 0;
}


/*@media screen and (min-width: 768px) {
	#lint500 {}
	#like{}
}*/

/*Cursors*/
#Venster .hero-feature .thumbnail {
    cursor: pointer; cursor: hand;
}

@media screen and (max-width: 991px) {
	body {padding-top: 62px;}

/*	#linttop,
	#lint500 {-webkit-opacity: 0;
  	-moz-opacity: 0;
  	opacity: 0;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-ms-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
  	transition: all 0.5s ease;} 
*/
	#linttop,
	#lint500 {display: none;}
    .I849 #lint500 {display: none;}

	#sponsors ul li {width:100%; text-align:center; margin:auto;}
	#sponsors ul li a {float:none; margin:auto;}
	#lintsub {}
	

	#like{float:left; width:100px; margin-left: 140px;}
	#like .fb-like {padding-top:20px;}

	.navbar-brand {background:url(../png/logosmall.png) center no-repeat; width:154px; height:62px;}
	ul.navbar-nav {margin-top: 0px;}
	.navbar-nav li a {padding: 5px;}
	.navbar-nav {float:right; padding-top: 20px;}
	ul.navbar-nav li a:hover {background:#FFFFFF!important; border-radius: none; color:#14305F!important;}
	article#tekstkader {padding:30px;}

    #Venster .vorigevolgende { height: 70px; }
	
}
	
/*@media screen and (max-width: 768px) and (min-weight:801px) {
	article#tekstkader p {width: 40%; border: lime; }
}*/

@media screen and (max-width: 768px) {
    #bezoek-de-site {
        display: none;
    }
    #linttop, #lint500 {display: none;}
    .I849 #lint500 {display: none;}

	.container header.jumbotron h1 {font-size:30px;}

}