* {-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box} 

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

html { height:100%; min-height:100%; }
body { margin: 0px 0px 0px 0px; padding-top:60px; height:100%; min-height:100%; color: #333333; font-size: 14pt; font-family: Verdana, Helvetica, Arial; font-weight:300; line-height: 28pt; text-align: center; overflow-x: hidden; overflow-y: scroll; }
body { background: none !important; }

/* HEADER RELATED */
#header_top 	{ position:fixed; z-index:20000; top:0px; width:100%; height:33px; }
#menumobile 	{ background-color: #FFFFFF; border-bottom: 1px solid #f2f2f2; display: block; position: fixed; top: 0; width: 100%; z-index: 100000000; height:60px; }
#menumobilehome { background-color: none; border-bottom: none; display: block; position: fixed; top: 0; width: 100%; z-index: 100000000; height:60px; }
#divlogo 		{ position:relative; float:left; z-index:1000; height:59px; width:176px; overflow: hidden;}
#move_logo 		{ width:176px; height:60px; margin:0px; padding: 0px; border: none; }
#move_logo_groot { position:absolute; top:100px; left:5%; z-index:10; margin-top:60px auto 0px auto !important; width: 90% !important; }
#btnnavigatie 	{ float:right; padding:9px 10px !important; background-color:#88c23e; height:60px; }
#divmenu		{ float:right; padding:10px 22px 0px 0px; color: #88c23e; font-size: 18px; font-weight: bold; text-align: right; }
#home_img		{ margin-top:-60px; }

#header2 { display:none; }

#header				{ width:100%; height:128px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } 
#header2 			{ display:block; position:relative; top:25px; z-index:1000; height: 40px; background-color: rgba(255, 255, 255, 0.9) !important; }
.h2nav1				{ float:left; width:34%; height: 40px; padding-top:14px; margin:0px; background-color: #f7931c; color:#ffffff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 300; border-color: #e8e8e8 !important; border-width: 1px 1px 1px 0px; border-style:solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.h2nav2				{ float:left; width:33%; height: 40px; padding-top:14px; margin:0px; background-color: #fbc98e; color:#ffffff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight: 300; border-color: #e8e8e8 !important; border-width: 1px 1px 1px 0px; border-style:solid; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.h2nav1 a			{ color: #ffffff; }
.h2nav2 a			{ color: #ffffff; }
		
#divnavi			{ display:none; }
#nav1					{ display:none; }
#navbar				{ display:none; }



#scrollheight {
    position: fixed;
    display: none;
    left: 50px;
    top: 5px;
    z-index: 100000000000000;
}

.navigationdown {
    background-color: none !important;
	border-bottom: none;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.navigationup {
    background-color: #ffffff !important;
	border-bottom: 1px solid #f2f2f2;
    -webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}


a.cta_btn			{ display:block; background-color:#f7941e; color:#ffffff !important; /*width:100%;*/ text-align:center; padding:5px; }
a.cta_btn:hover			{ display:block; background-color:#bbbbbb; color:#ffffff !important; /*width:100%;*/ text-align:center; padding:5px; }
a.cta_btn2			{ display:block; background-color:#88c23e; color:#ffffff !important; /*width:100%;*/ text-align:center; padding:5px; }
a.cta_btn2:hover			{ display:block; background-color:#bbbbbb; color:#ffffff !important; /*width:100%;*/ text-align:center; padding:5px; }

.classificatie { display:inline-block; position:relative; margin-top:-50px; z-index:1000; float:right; height:25px; font-weight:bold; font-style:regular; font-size:14px; background-color:#ff6600; color:#ffffff; padding:5px; line-height:100%; }
.programma1	{ background-color:#f3f9eb; border-top:1px solid #88c23e; text-align:center; margin:0px; padding-bottom:25px; }
.programma1 .classificatie { display:inline-block; position:relative; margin-top:-50px; z-index:1000; float:right; height:25px; font-weight:bold; font-style:regular; font-size:14px; background-color:#88c23e; color:#ffffff; padding:5px; line-height:100%; }
.programma1 .lestijden { color:#88c23e; }
.programma1 h2 { color:#88c23e; padding:0px; margin-top:-20px; margin-bottom:20px;}
.programma1 h3 { margin-top:20px; margin-bottom:-40px;}
.programma2	{ background-color:#ffefe5; border-top:1px solid #ff6600; text-align:center; margin:0px; padding-bottom:25px; }
.programma2 .classificatie { display:inline-block; position:relative; margin-top:-50px; z-index:1000; float:right; height:25px; font-weight:bold; font-style:regular; font-size:14px; background-color:#ff6600; color:#ffffff; padding:5px; line-height:100%; }
.programma2 .lestijden { color:#ff6600; }
.programma2 h2 { color:#ff6600; padding:0px; margin-top:-20px; margin-bottom:20px;}
.programma2 h3 { margin-top:20px; margin-bottom:-40px;}

.lesrooster1	{ background-color:#f3f9eb; border-top:1px solid #88c23e; text-align:left; margin:0px; padding-bottom:25px; }
.lesrooster1 h2 { color:#88c23e; padding:0px; margin-top:10px; margin-bottom:0px;}
.lesrooster2	{ background-color:#ffefe5; border-top:1px solid #ff6600; text-align:left; margin:0px; padding-bottom:25px; }
.lesrooster2 h2 { color:#ff6600; padding:0px; margin-top:10px; margin-bottom:0px;}
.lestijd { float:left; width:130px; font-weight:normal; }
.lesnaam { float:none; font-weight:normal; }

.nieuws1	{ background-color:#f3f9eb; border-top:1px solid #88c23e; text-align:center; margin:0px; padding-bottom:0px; }
.nieuws1 h2 { color:#88c23e; padding:0px; margin-top:-20px; margin-bottom:20px;}
.nieuws1 h3 { margin-top:20px; margin-bottom:-40px;}
.nieuws2	{ background-color:#ffefe5; border-top:1px solid #ff6600; text-align:center; margin:0px; padding-bottom:0px; }
.nieuws2 h2 { color:#ff6600; padding:0px; margin-top:-20px; margin-bottom:20px;}
.nieuws2 h3 { margin-top:20px; margin-bottom:-40px;}

/* MAIN SECION RELATED */
#section 		{ width:100%; min-height:50%; border:none; margin: 0px auto 0px auto; padding: 0px; font-size: 18px; font-style:italic; background-color:#ffffff; color: #333333; text-align:left; }
#section #pagecontent * { margin-left:10px; margin-right:10px; }
#section #pagecontent * * { margin-left:0px; margin-right:0px; }
#section #pagecontent img { width:100%; height: auto; margin:0px !important; }
#section #pagecontent .programma1 { margin-left:0px; margin-right:0px; }
#section #pagecontent .programma1 * { margin-left:10px; margin-right:10px; }
#section #pagecontent .programma1 img { margin-left:0px; margin-right:0px; }
#section #pagecontent .programma2 { margin-left:0px; margin-right:0px; }
#section #pagecontent .programma2 * { margin-left:10px; margin-right:10px; }
#section #pagecontent .programma2 img { margin-left:0px; margin-right:0px; }
#section #pagecontent #contentLesrooster { margin-left:0px; margin-right:0px; }
#section #pagecontent #contentLesrooster .lesrooster1 { margin-left:0px; margin-right:0px; width:100%; padding-left:10px !important; }
#section #pagecontent #contentLesrooster .lesrooster2 { margin-left:0px; margin-right:0px; width:100%; padding-left:10px !important; }
#section #pagecontent .nieuws1 { margin-left:0px; margin-right:0px; }
#section #pagecontent .nieuws1 * { margin-left:10px; margin-right:10px; }
#section #pagecontent .nieuws1 img { margin-left:0px; margin-right:0px; }
#section #pagecontent .nieuws2 { margin-left:0px; margin-right:0px; }
#section #pagecontent .nieuws2 * { margin-left:10px; margin-right:10px; }
#section #pagecontent .nieuws2 img { margin-left:0px; margin-right:0px; }
#section #pagecontent .nieuws1 p { margin-bottom: -20px; }
#section #pagecontent .nieuws2 p { margin-bottom: -20px; }


/* FOOTER ITEMS */
#ft1 { display:block; background-color: #333333; color: #ffffff !important; padding-top:50px !important; text-align:center !important; height:275px; margin:0px; }
#ft2 { display:block; background-color: #000000; color: #ffffff !important; text-align:center !important; margin:0px; }
#ft1 p, #ft2 p { color:#ffffff; margin:0px; padding:0px; }

/* WHATSAPP ITEMS */
#wa1 { display:block; padding-top:50px !important; text-align:center !important; height:180px; margin:0px; }
#wa2 { display:block; padding-top:0px !important; text-align:center !important; /* height:180px; */ margin:0px; margin-bottom:40px; }
#wa_logo { float:inherit; display:inline-block; width: 90px; height:80px; margin-top:auto; margin-bottom:auto; vertical-align:top; }
#wa_text { float:inherit; display:inline-block; width: 260px; height:80px; margin-top:auto; margin-bottom:auto; vertical-align:top; line-height:25px; text-align:left; }
#sm1 p {font-style:italic; border-top:1px solid #88c23e; padding-top:20px; }

/* VOLG ONS ITEMS */
#volgons1 { padding-left:20px; margin-bottom:2px; width:100%; height: 33px; background-color: #3a5898; color: #ffffff; font-family: Verdana, Helvetica, Arial; font-size: 18px; font-style:italic; font-weight:normal; background-image:url(/interface/volgons_f.png); background-position: left center; background-size:contain; background-repeat:no-repeat; }
#volgons2 { padding-left:20px; margin-bottom:2px; width:100%; height: 33px; background-color: #54acec; color: #ffffff; font-family: Verdana, Helvetica, Arial; font-size:18px; font-style:italic; font-weight:normal; background-image:url(/interface/volgons_t.png); background-position: left center; background-size:contain; background-repeat:no-repeat; }
#volgons3 { padding-left:20px; margin-bottom:2px; width:100%; height: 33px; background-color: #e3405f; color: #ffffff; font-family: Verdana, Helvetica, Arial; font-size:18px; font-style:italic; font-weight:normal; background-image:url(/interface/volgons_i.png); background-position: left center; background-size:contain; background-repeat:no-repeat; }
#volgons4 { padding-left:20px; margin-bottom:2px; width:100%; height: 33px; background-color: #cd1f20; color: #ffffff; font-family: Verdana, Helvetica, Arial; font-size:18px; font-style:italic; font-weight:normal; background-image:url(/interface/volgons_y.png); background-position: left center; background-size:contain; background-repeat:no-repeat; }

#volgons1:hover { background-color: #3a5898; }
#volgons2:hover { background-color: #54acec; }
#volgons3:hover { background-color: #e3405f; }
#volgons4:hover { background-color: #cd1f20; }


/* NAVIGATION RELATED */
#navigatie2 { background-color:#89c33f; }
.navigatie	{ display:none; margin: 0px; }
.navigatie a:link, .navigatie a:active, .navigatie a:visited, .navigatie a:hover { border-top: 1px solid #ffffff; color: #ffffff; }

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 { width:120px; }

#divnavi { z-index:30000; float:right; text-align:center; }
#navbar { top:0px; position:relative; float:right; text-align:right; z-index:10000; border:none; height:33px; width:800px !important; }
#subnav { position: absolute; z-index:1000; width: 764px; margin-left:-2px; height:445px; top:179px; background-image: url(/interface/navback.png); box-shadow: 3px 3px 7px #000; } 
#navlogo	{ text-align:right; margin:10px 10px 10px 10px; }

#subnav a.menu:link, #subnav a.menu:active, #subnav a.menu:visited, #subnav a.menu:hover { font-size: 14px; float:left; color:#cc290e; text-decoration:none; font-size: 14px; text-align: left; margin: 11px 56px 10px 10px; }
#subnav ul { float:left; color:#cc290e; text-decoration:none; font-size: 14px; text-align: left; margin: 11px 56px 10px 10px; }
#subnav ul { margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; list-style-type: none; }
#subnav a.menu:hover { color: #cc290e; text-decoration:underline; font-size: 14px; }

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8 { width:100%; }
.menu_mobile_sub	{ /* display:none; */ width:100%; }

.menu_mobile	{ display:block; width:100%; /*height: 28px;*/ background-color:#f7941e; color: #ffffff; padding-top:4px;}
.menu_mobile_sub a { /*height: 28px;*/ padding-top:4px; }




/* NEWS RELATED */
.newsitem       { margin-bottom:20px;padding:2px 18px 2px 18px; transition: background-color 0.5s ease; }
.newsitem:hover { cursor: pointer; background-color: rgba(137, 195, 63, .35); transition: background-color 0.5s ease; }


/* FORM FIELDS */
.divLabel 				{ float:left; width:264px; height:30px; vertical-align:middle; color: #333333; font-family: "Lato",sans-serif; font-size: 18px; font-weight: 300; line-height: 110%; }
.divLabelerror 			{ float:left; width:264px; height:30px; vertical-align:middle; color:#bd1220; }
.divLabelPC, .divLabelPL { border:none; }
.divLabelPCerror, .divLabelPLerror { border:none; color:#bd1220; }
.divField 				{ float:left; width:380px; height:30px; vertical-align:middle; font-family: "Lato",sans-serif; font-size: 18px; font-weight: 300; line-height: 110%; }
form 					{ font-family: "Lato",sans-serif; font-size: 18px; font-weight: 300; line-height: 110%; }
.fldAlgemeen 			{ width: 100%; height: 30px; border: 1px solid #89c33f; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; color: #89c33f; padding-left:10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.inputArea 				{ width: 264px; height: 150px; border: 1px solid #89c33f; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; color: #89c33f; padding-left:10px; }
.fldAlgemeen:focus, .inputArea:focus { background:#eeeeee; }
.fldPostcode			{ width:78px; height:19px; border:1px solid #d5d5d5; margin:0px 6px 0px 0px; background:#f1f1f1; vertical-align:middle; }
.fldPlaats				{ width:176px; height:19px; border:1px solid #d5d5d5; margin:0px 0px 0px 0px; background:#f1f1f1; vertical-align:middle; }
.fldPostcode:focus		{ width:78px; height:19px; border:1px solid #bababb; margin:0px 6px 0px 0px; background:#f8f8f8; vertical-align:middle; }
.fldPlaats:focus		{ width:176px; height:19px; border:1px solid #bababb; margin:0px 0px 0px 0px; background:#f8f8f8; vertical-align:middle; }
.fldAlgemeenerror		{ width:264px; height:19px; border:1px solid #bd1220; margin:0px 0px 0px 0px; background:#f1f1f1; vertical-align:middle; }
.fldPostcodeerror		{ width:78px; height:19px; border:1px solid #bd1220; margin:0px 6px 0px 0px; background:#f1f1f1; vertical-align:middle; }
.fldPlaatserror			{ width:176px; height:19px; border:1px solid #bd1220; margin:0px 0px 0px 0px; background:#f1f1f1; vertical-align:middle; }
.fldAlgemeenerror:focus	{ width:264px; height:19px; border:1px solid #bd1220; margin:0px 0px 0px 0px; background:#f8f8f8; vertical-align:middle; }
.fldPostcodeerror:focus	{ width:78px; height:19px; border:1px solid #bd1220; margin:0px 6px 0px 0px; background:#f8f8f8; vertical-align:middle; }
.fldPlaatserror:focus	{ width:176px; height:19px; border:1px solid #bd1220; margin:0px 0px 0px 0px; background:#f8f8f8; vertical-align:middle; }
input { outline:none; }
#divErr		{ color:#bd1220; font-weight:bold; }

.btnAlgemeen { height: 44px; border: none; background-color:#89c33f; color:#ffffff; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; transition: background-color 0.5s ease; padding-left:8px; padding-right:8px; margin-top:20px; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.btnAlgemeen:hover { background-color:#73a337; transition: background-color 0.5s ease; }
.btnAlgemeen:active { height: 44px; border: none; background-color:#89c33f; color:#d9d9d9; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; transition: background-color 0.5s ease; }
#Emailadres { width: 130px; height: 30px; border: 1px solid #89c33f; font-size: 16px; font-family: 'Lato', sans-serif; font-weight: 300; color: #89c33f; padding-left:10px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
	
	



.firstrow { border-top:1px solid #b8b8b8; }
.color1	{ background-color:#f5f5f5; }
.color2	{ background-color:#ffffff; }
.member	{ height:50px; border-bottom:1px solid #b8b8b8; color: #666666; font-size: 18px; font-style:italic; margin: 0px 20px 0px 20px; padding: 0px 1px 0px 3px !important; }
.memberName	{float:left; padding: 5px 0px 0px 0px;}
.memberIcon {float:right; }
.memberIcon img { margin:0px; padding: 0px; }

.member img { width:32px !important; height: auto; margin:0px !important; margin-left:5px; padding-top:10px; }
.memberName img { width:25px !important; height: auto; margin:0px 5px 0px 0px!important; padding:0px 5px 0px 0px; }


.mobile	{ display:none; }


.lesregel { display:block; line-height:28px; margin:0px; }
.lesregel:hover	{ display:block; margin:0px; padding-left:30px; color: #ff0000; background-image: url(/interface/lesarrow.png); background-repeat: no-repeat; background-position: 10px 1px;}

	
		
#supersized		{ display:none; }
#supersized-loader{ display:none; }
		
		
.noMobile	{ display:none; }
.mobile	{ display:block; }
		
.divLabel, .divField { color: #333333; float:none; height:auto; width:100%; }
.divField table { border: 0px solid #ff0000; float: none; margin-left: auto; margin-right: auto; margin-top:20px; }
		
.fldAlgemeen	{ width:100%; margin-top:3px; }
.btnAlgemeen	{ height: 30px; font-size: 16px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
		
		
		
		
		
		

		
#newspageimg	{ width:100%; margin-bottom:20px }
		




	
	
	
/* LESROOSTER */
.lesregel	{ background-image: none; margin:0px; padding-left:0px; }
.lesregel:hover	{ background-image: none; margin:0px; padding-left:0px; }


#contentLesrooster { margin:0px 0px 0px 33px; } 
.tableBorder { /*background-color: none;*/ }
.tableBorder td {padding:3px; font-size:12px; }
.tableHead { font-family: Verdana, Arial, Helvetica; background-color: #89c33f; height: 35px; }
.tableHead td { font-size:18px; font-weight:bold; color: #ffffff; border-bottom: 1px solid #ffffff !important; }
.rowColor1, .rowColor1 td { border-bottom: 1px solid #ffffff !important; height:35px; vertical-align: middle !important; }
.rowColor2, .rowColor2 td {	border-bottom: 1px solid #dfdfdf !important; height:35px; vertical-align: middle !important; }
.rowColor1 { background-color: #666666; }
.rowColor2 { /*background-color: #none;*/ }

#status1, #status2	{ position:fixed; z-index:10000000; top:10%; left:10%; width:80%; padding:15px; }
#status1 a:link, 
#status1 a:active, 
#status1 a:visited, 
#status1 a:hover, 
#status2 a:link, 
#status2 a:active, 
#status2 a:visited, 
#status2 a:hover 	{ color: #000000; font-size:16px; }

#status1 img { width:30px !important; }
#status1, #status1 h3 { font-size:12px; line-height:100%;}

#status2 img { width:30px !important; }
#status2, #status2 h3 { font-size:12px; line-height:100%;}
	
	

/* PRINT INSTRUCTION */
@media print
	{ 
		#footer { display: none; }
	}


@media only screen and (min-width: 800px) 
	{
		#header_top { text-align:center; }
		#menumobilehome { width:80%; min-width: 800px; /*max-width: 1024px;*/ margin-left:10%; margin-right:10%; }
		#pagecontent { width:80%; min-width: 800px; max-width: 1024px; margin-left:auto; margin-right:auto; }
		#move_logo_groot { width:70% !important; max-width: 800px !important; margin-left:auto; margin-right:auto; position: relative; top: -400px; left:15%; right:15%;}
		
		#wa2 { margin-top: -200px; }
	}



/* 
#divusername { float:left; margin-top:10px; margin-left:5px; color: #ffffff; font-size: 18px; font-family: 'Lato', sans-serif; font-weight:300; line-height: 110%; }
*/

/*
#icon_twitter, #icon_facebook, #icon_linkedin, #icon_youtube, #icon_instagram,
#icon_twitter2, #icon_facebook2, #icon_linkedin2, #icon_youtube2, #icon_instagram2
	{ width:33px; height:33px; margin:0px; border:none; transition: content 0.5s ease; }

#icon_twitter, #icon_twitter2  { content:url("/interface/twitter_off.gif"); transition: content 0.5s ease; } 
#icon_facebook, #icon_facebook2 { content:url("/interface/facebook_off.gif"); transition: content 0.5s ease; }
#icon_linkedin, #icon_linkedin2 { content:url("/interface/linkedin_off.gif"); transition: content 0.5s ease; }
#icon_youtube , #icon_youtube2 { content:url("/interface/youtube_off.gif"); transition: content 0.5s ease; }
#icon_instagram , #icon_instagram2 { content:url("/interface/instagram_off.gif"); transition: content 0.5s ease; }

#icon_twitter:hover, #icon_twitter2:hover  { content:url("/interface/twitter_on.gif"); transition: content 0.5s ease; } 
#icon_facebook:hover, #icon_facebook2:hover { content:url("/interface/facebook_on.gif"); transition: content 0.5s ease; }
#icon_linkedin:hover, #icon_linkedin2:hover { content:url("/interface/linkedin_on.gif"); transition: content 0.5s ease; }
#icon_youtube:hover, #icon_youtube2:hover  { content:url("/interface/youtube_on.gif"); transition: content 0.5s ease; }
#icon_instagram:hover, #icon_instagram2:hover  { content:url("/interface/instagram_on.gif"); transition: content 0.5s ease; }
*/