/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4,
h5, h6, p, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td { 
margin:0;
padding:0;
}
/* Styling font */
*{
font-family: 'Ubuntu', sans-serif;
}

/* Einde styling font */

/* Styling body */

body {
padding-top:0px;
background:#F4F4F4;
}

@media only screen and (max-width : 768px) {
body {
padding-top:10px;
}
}

/* Styling body by christmas with falling snow
body {
background-image: url("/images/general/snow.gif");
}

/*Einde styling body */

 /* Styling bijna kerst

.main {
  width:100%;
  background-image:url("/images/general/Nieuwjaar-countdownb.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  height: auto;
  text-align: left;
  color:#ffffff;
  font-weight: bold;
  font-size: 50px;
}
.count {
  display:flex;
  padding-top:150px;
}

#dag {
  padding-left:20px;
  background-image:url("/images/general/achterd.png");
  background-repeat: no-repeat;
  background-position:right top;
}
#uur {
  padding-left:40px;
  background-image:url("/images/general/achterH.png");
  background-repeat: no-repeat;
  background-position:right top;
}
#min {
  padding-left:40px;
  background-image:url("/images/general/achterM.png");
  background-repeat: no-repeat;
  background-position:right top;
}
#sec {
  padding-left:40px;
  background-image:url("/images/general/achterS.png");
  background-repeat: no-repeat;
  background-position:right top;
  height: 100px;
}
@media screen and (max-width: 800px){
.main {
  background-size: cover;
}
}
@media screen and (max-width: 600px){
.main {
  background-size: cover;
}
}

@media screen and (max-width: 500px){
.count {
 padding-top:50px;
}
}
/* Einde styling bijna kerst  */

/* Styling footer */
footer {
margin-top:50px;
padding:50px 0;
background: #1c3055;
color: #FFFFFF;
}
/* Einde styling footer */

/* Styling IMG */
img {
  max-width: 100%;
  height: auto;
}

.grow img{
margin-left:10px;
transition: 1s ease;
}
.grow img:hover{
margin-left: 200px;
margin-bottom: 40px;
margin-right:100px;
transform: scale(2); 
transition: 1s ease;
}

@media only screen and (max-width : 768px) {
	
img {
  width: 100%;
  height: auto;
}
		
.grow img:hover{
margin: 0px 0px 0px 10px;
transform: scale(1); 
transition: 1s ease;
}
}
/* Einde styling IMG */

#content {
background:#FFFFFF;
padding:20px 2%;
}

header {
background: #1c3055;
color: #FFFFFF;
}


#content ul  {
padding-inline:30px;
margin-bottom:10px;
} 

p{
font-size: 1em;
margin-bottom: 15px;
}

/* Styling voor de bootstrap tabel */

/*change color of a cell */
td.cellcolor {
	background-color:#038B73;
	color:#FFFFFF;
}

/* td en th kolommen naar vertical alignment "left" */

.tg {
	text-align:left;
}

/* Styling voor vertical scroll een tabel */
.tablescroll {
	display: inline-block;
	max-height:50vh;
	overflow:auto;
}

/* Styling voor tabel FSN kalender & klassementen*/
.fsn {
	border: #a9a9a9 1px solid;
	border-spacing:2px;
}
@media only screen and (max-width : 768px) {
.table {
font-size: 12px;
}
}

/* Einde styling voor de bootstrap tabel */

/* Styling slide  */

.slide {
  display:block;
  margin-left:10%;
  margin-right:auto;
  border-radius:40%;
  transition:4s ease;
}

 .slide:hover {
  margin-left:5%;
  transition:ease 5s;
}


@media only screen and (max-width : 768px) {
.slide {
  margin-left:auto;
}
.slide:hover {
  margin-left:auto;
}
}


/* Styling voor de joomla blog kolommen */

.items-more {
clear: both;
padding-top: 25px;
}

.columns-2 .blog-item {
float: left;
padding: 0 5px;
width:48%;
}

.columns-3 .blog-item {
float: left;
margin-right: 0%;
padding: 0 5px;
width:33%;
}

/* Einde Styling voor de joomla blog kolommen */

/*Joomla blogweergave voor schermen minder dan 600px breed */

@media screen and (max-width: 600px) {
.cols-3 .column-1, .cols-3 .column-2,.cols-3 .column-3, .cols-2 .column-1, .cols-2 .column-2  {
width: 100%;
}
}

/*Einde Joomla blogweergave voor schermen minder dan 600px breed */

/*Styling Pagina Titels*/

h2 a:link, h2 a:visited, h2 {
color: #1c3055;
font-size: 24px;
}

@media only screen and (max-width : 768px) {
h2 a:link, h2 a:visited, h2 {
font-size: 20px;
}
}


h2 a:hover {
color: #FF6600;
}

/*Einde Styling Pagina Titels*/

/*Styling Artikelen in Joomla*/


/*Styling Artikel info*/
.article-info { 
width:100%;
color: #666666;
border:solid 1px #F4F4F4;
margin: 5px 0 15px 0;
padding: 0 3px;
font-size:100%;
}

.article-info-term {display:none;}
/*Einde Styling Artikel info*/

/*Styling Lees meer link*/
.readmore {
font-style: italic;
font-size: 90%;
}
/*Einde Styling Lees meer link*/

/*Pull down met icoontjes iets naar boven zetten*/
.btn-group {
margin-top: -35px;
border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
background: #F4F4F4;
border: solid 1px #999999;
}

.btn-group > .dropdown-menu {
background-color:#FFFFFF;
color: #1c3055;
}

.btn-group > .dropdown-menu > li > a  {
color: #1c3055;
}

.btn-group > .dropdown-menu > li > a:hover  {
color: #FF6600;
background-color:#FFFFFF;
}

/*Einde CSS Print, mail en bewerk iconen*/

/*Styling paginatie*/
.pagination {
text-align: center;
width: 100%;
}

.pagination li {
display: inline;
padding: 0 2% 0 2%;
}

@media only screen and (max-width : 468px) {
li.pagination-start, li.pagination-start a:link, li.pagination-end, li.pagination-end a:link,
li.pagination-prev, li.pagination-prev a:link, li.pagination-next, li.pagination-next a:link{
display: block;
}
.counter  {
display:none;
}
}

/*Einde Styling paginatie*/


/*styling breadcrumbs*/
.breadcrumb li {
display:inline;
margin: 0 5px 0 5px;
}

.breadcrumb a:link, .breadcrumb_crumbs a:visited, .breadcrumb_crumbs li {
color: #1c3055;
}

.moduletable.crumbs a:hover {
color: #ff6600;
}
/*Einde styling breadcrumbs*/

/* Styling contact formulier */
/* File /jmlnb/component/contact/default.php has been adapted */
/* a new class is inserted in div class "com-contact contact" */

.own {
	background-color:#87CEEB;
	color:#ffffff;
	padding:20px 20px 100px 20px;
}
.own::before {
	background-color:#00008B;
	background-image: url(/images/contact_afbeelding.png),url(/images/Actueel_Achtergrond.jpg);
	background-repeat: no-repeat,no-repeat;
	background-position:25% 50%, center bottom;
	background-size: 100px,1400px;
	display:block;
	padding:40px 600px 100px 10px;
	font-size:18px;
	content: 'Informatie nodig ?';
}
.own::after {
	background-color:#87CEEB;
	display:block;
	content: '** Telefonisch bereikbaar op nummer +31680094437 **';
}

@media only screen and (max-width : 768px) {
	
.own {
    padding:10px;
}

.own::before {
	padding:20px 300px 100px 10px;
	background-size: 100px,cover;
}
}


/* Einde styling contact formulier */

.btn-toolbar {
margin:40px 0;
}

/*styling joomla meldingen*/
.alert-message {
    background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}

.alert-info {
    background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
    background-repeat: repeat-x;
    border-color: #9acfea;
}

.alert-warning {
    background-image: linear-gradient(to bottom, #fcf8e3 0px, #f8efc0 100%);
    background-repeat: repeat-x;
    border-color: #f5e79e;
}

.alert-danger, .alert-error {
    background-image: linear-gradient(to bottom, #f2dede 0px, #e7c3c3 100%);
    background-repeat: repeat-x;
    border-color: #dca7a7;
}
/*einde styling joomla meldingen*/



/*dropdown als je er met de muis boven zweeft */
ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; }

/* de dropdown caret (driehoekje) verwijderen */
.nav .dropdown-toggle .caret { display:none; }

/* de sub menu items stylen */
ul.dropdown-menu {
background: #B5C0B0;
}

.dropdown-menu > li > a  {
color: #FFFFFF;
}

.dropdown-menu > li > a:hover  {
color: #FFFFFF;
background-color:#1c3055;
}

/* Styling login pagina */

div.login .form-horizontal .control-label {
  padding-right: 5px;
  text-align: left;
  width: 180px;
}

#remember{
position:relative;
top:-19px;
}

/* Einde Styling login pagina */


/* styling buttons */
.btn-primary {
background: #1c3055;
}

.btn-primary:hover {
background: #B5C0B0;
}
/* Einde styling buttons */

/* styling koppen */ 
h1,h2,h3,h4,h5,h6 {
color: #1c3055;
}

h1 {
font-size:26px;
font-weight: bold;
}

@media only screen and (max-width : 768px) {
h1 {
font-size: 20px;
font-weight: bold;
}
}

h2 {
font-size:26px;
}

h3 {
font-size:24px;
}

@media only screen and (max-width : 768px) {
h3 {
font-size: 20px;
}
}

h4 {
font-size:22px;
}

h5 {
font-size:20px;
}

h6 {
font-size:18px;
}
/* einde styling koppen */ 

/* styling hyperlinks */
a:link, a:visited {
color: #1c3055;
}

.readmore a:link,.readmore a:visited {
color: #FFFFFF;
}

a:hover, .readmore a:hover {
color: #B5C0B0;
text-decoration: underline;
}

footer a:link, footer a:visited {
color:#B5C0B0;
}
/* einde styling hyperlinks */

/*styling modules*/
.moduletable {
border: solid 1px #EEEEEE;
background: #F4F4F4;
padding: 0;
margin-bottom:50px;
}

.moduletable li {
list-style-type: square;
margin:3px 0;
}

.moduletable a:hover {
color: #B5C0B0;
}

.moduletable h3 {
display:block;
background: #1c3055;
color: #FFFFFF;
padding: 0 3px;
}

.moduletable p {
margin:3px;
}
/*einde styling modules*/

/*specifieke styling voor onderdelen van de login module*/
#modlgn-remember {
position:relative;
top:-20px;
left:50px;
}

.list-unstyled  li {
list-style:none;
text-indent:0;
}
.userdata {
width:80%;
margin-left:5px;
}
/*einde specifieke styling voor onderdelen van de login module*/


#authorinfo {
text-align:center;
margin: 20px 0 0 0;
}

.sitename {
margin-top:30px;
}

.sitename a:link, .sitename a:visited {
font-size: 1.6em;
color:#FFFFFF;
}

@media only screen and (max-width : 768px) {
.sitename a:link, .sitename a:visited{
font-size: 16px;
}
}

.sitename a:hover {
color: #B5C0B0;
}