@charset "UTF-8";

/* CSS Document */

/* ----- Reset ----- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


body 					{ background-color: #E3E3E3; margin:17px 0 15px 0; padding:0; text-align:center; font-size:13px; line-height:1.6; text-decoration: none; 
						font-family:"Lucida Grande", "Lucida Sans Unicode", Trebuchet MS, Tahoma, Arial, Verdana, sans-serif; color:#333;}

a:link, a:visited, 
a:active 				{ text-decoration: none; color: #4782D6;} 
a:hover 				{ text-decoration: underline; color: #4782D6;}
.footer					{ width: 944px; color: #888; font-size: 10px; margin: 18px auto; padding-bottom: 36px; text-align: left; clear:both; }

#iconsbar				{ width:250px; float:right; text-align:right; }
#iconsbar .tekst		{ font-size:13px; height:30px; text-align:right; margin-right:15px; display:inline; vertical-align:top; }
#iconsbar .icons		{ font-size:13px; color: #333; text-align:right; display:inline;  }

.tekstvak				{ padding: 0px 50px 0 50px; margin: 25px 0 40px 0; }	


/* ----- Lettertype ----- */
h1	 					{ font-size:26px; color:#333; line-height:1.4; margin-bottom:6px;} 
h2	 					{ font-size:15px; color:#4782D6; line-height:1.4; margin-bottom:6px;} 
h3	 					{ font-size:13px; color: #333; display:inline;} 
h4						{ font-size:13px; color: #4782D6; display:inline;}
h5	 					{ font-size:13px; color: #333; display:block; font-style:italic;} 
h4:after 				{ content: " "; background-image:url(img/pijltje.gif); background-repeat: no-repeat; background-position: 0px -10px; display:inline;
						  width: 15px; height: 10px; padding-right:15px; margin-left:6px; text-decoration:none}
.linkzwart a:link, 
.linkzwart a:visited, 
.linkzwart a:active		{ font-size:13px; color: #333; display:inline;}


/* ----- nieuws ----- */
.nieuwsvak				{ padding: 0px 50px 0 50px; margin: 25px 0 40px 0;}	
.nieuwsvak h2			{ font-size:15px; color:#4782D6; line-height:1.4; margin-bottom:0; border-bottom:thin dotted #999999; } 
.nieuwsvak h3	 		{ font-size:12px; color: #333; display:block; margin-bottom:30px;} 
.nieuwsvak h5			{ font-size:10px; color: #999999; font-style:italic;} 	
				
			
/* ----- Navigatie ----- */

#navigatie { width: 944px; height: 38px; margin: 0 auto; position: relative; clear:both; z-index: 9998; }
#navigatie #nav { margin: 0; padding: 0; zoom: 1; width: 100%; }
#navigatie #nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#navigatie #nav li { display: inline; }
#navigatie #nav li a { float: left; width: 157.3px; height: 0; padding-top: 38px; overflow: hidden; background-image:url(img/nav1.png); background-repeat: no-repeat; }
#navigatie #nav { background-image:url(img/nav1.png); _background-image: url(img/nav1.png); background-repeat: no-repeat; }

/* BUTTONS */
#navigatie #nav li#nav-clubinfo  a { background-position: 0 0; }
#navigatie #nav li#nav-activiteiten  a { background-position: -157.3px 0; }
#navigatie #nav li#nav-lesrooster  a { background-position: -314.6px 0; }
#navigatie #nav li#nav-lidmaatschap  a { background-position: -471.9px 0; }
#navigatie #nav li#nav-bedrijven  a { background-position: -629.2px 0; }
#navigatie #nav li#nav-contact  a { background-position: -786.5px 0; }


/* HOVER */
#navigatie #nav li#nav-clubinfo  a:hover { background-position: 0 -38px; }
#navigatie #nav li#nav-activiteiten  a:hover { background-position: -157.3px -38px; }
#navigatie #nav li#nav-lesrooster  a:hover { background-position: -314.6px -38px; }
#navigatie #nav li#nav-lidmaatschap  a:hover { background-position: -471.9px -38px; }
#navigatie #nav li#nav-bedrijven  a:hover { background-position: -629.2px -38px; }
#navigatie #nav li#nav-contact  a:hover { background-position: -786.5px -38px; }



/* ACTIVE */
#navigatie #nav li#nav-clubinfo  a:active { background-position: 0 -76px; }
#navigatie #nav li#nav-activiteiten  a:active { background-position: -157.3px -76px; }
#navigatie #nav li#nav-lesrooster  a:active { background-position: -314.6px -76px; }
#navigatie #nav li#nav-lidmaatschap  a:active { background-position: -471.9px -76px; }
#navigatie #nav li#nav-bedrijven  a:active { background-position: -629.2px -76px; }
#navigatie #nav li#nav-contact  a:active { background-position: -786.5px -76px; }


/* ON */
#navigatie.clubinfo #nav li#nav-clubinfo a { background-position: 0 -114px; }
#navigatie.activiteiten #nav li#nav-activiteiten a { background-position: -157.3px -114px; }
#navigatie.lesrooster #nav li#nav-lesrooster a { background-position: -314.6px -114px; }
#navigatie.lidmaatschap #nav li#nav-lidmaatschap a { background-position: -471.9px -114px; }
#navigatie.bedrijven #nav li#nav-bedrijven a { background-position: -629.2px -114px; }
#navigatie.contact #nav li#nav-contact a { background-position: -786.5px -114px; }


/* ----- Basis ----- */

#logo 					{ margin:15px;}
.containerbasis 		{ background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; 
						-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; 
						-webkit-border-radius: 6px; border-radius: 6px; padding: 0px; margin:0 auto; width:944px; min-height:470px;}
.containeractiviteiten 	{ background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; 
						-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; 
						-webkit-border-radius: 6px; border-radius: 6px; padding: 0px; margin:0 auto; width:944px; min-height:600px;}
.containerklein			{ background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; 
						-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; 
						-webkit-border-radius: 6px; border-radius: 6px; padding: 0px; margin:0 auto; width:944px; min-height:350px; }
.containercontact			{ background-color:#FFFFFF; border:1px solid #CCCCCC; text-align:left; -webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; 
						-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-border-radius: 6px; 
						-webkit-border-radius: 6px; border-radius: 6px; padding: 0px; margin:0 auto; width:944px; min-height:1200px; }
.containerprint 		{ background-color:#FFFFFF; text-align:left; padding: 0px; margin:0 auto; width:944px; min-height:470px;}
#linkbar				{ text-align:left; font-size:11px; clear:both; padding-left: 10px; margin:0 auto; width:939px;}	

					
#bottom					{ height:10px; display:block; margin: 0 auto 6px auto; width:944px;}
	

/* ----- Promos ----- */
.promos 				{ width: 944px; list-style: none; clear:both; text-decoration: none; margin: 0 auto; background-color:#FFFFFF; border:1px solid #CCCCCC; 
						-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; 
						-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; zoom:1;}	
.promos:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.promos li 				{ width: 235px; float:left; text-align:left; border-right:1px solid #CCCCCC; }
.promos li .rechts 		{ border-right:0px solid #CCCCCC; }
.promos li a 			{ text-decoration: none; min-height: 200px; display:block; padding:15px;}
.promos li a:hover		{ background-image:url(verloop.png); }
.promos li a:hover h4:after { content: " "; background-image:url(img/pijltje.gif); background-repeat: no-repeat; background-position: 0px -76px; display:inline;
						  width: 15px; min-height: 10px; padding-right:15px; margin-left:6px; text-decoration:none}

.promos2 				{ width: 944px; list-style: none; clear:both; text-decoration: none; margin: 0 auto; background-color:#FFFFFF; border:1px solid #CCCCCC; 
						-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; 
						-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; zoom:1;}	
.promos2:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.promos2 li 			{ width: 471px; min-height: 200px; float:left; text-align:left; border-right:1px solid #CCCCCC; }
.promos2 li .rechts 		{ border-right:0px solid #CCCCCC; }
.promos2 li .tekst		{ text-decoration: none; display:block; padding:15px;}
.promos2 li:hover		{ background-image:url(verloop.png); }
.promos2 li:hover h4:after { content: " "; background-image:url(img/pijltje.gif); background-repeat: no-repeat; background-position: 0px -76px; display:inline;
						  width: 15px; height: 10px; padding-right:15px; margin-left:6px; text-decoration:none}




/* ----- Nieuwsbalk ----- */
.nieuwsbalk 			{ width: 944px; clear:both; margin: 0 auto; background-color:#FFFFFF; border:1px solid #CCCCCC; 
						-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; -moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px; box-shadow:rgba(0,0,0,.2) 0px 0px 8px; 
						-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; zoom:1;}	

#ticker 				{ height: 27px; margin-top:5px;}

#ticker a#ticker-headline { width: 190px; margin-right: 30px; font-weight: bold; text-align: center; border-right: 1px solid #808080; float: left; text-decoration:none; 
						color:#333 }
#ticker #nieuwsitem 	{ text-align:left; text-decoration:none; color:#333;}

#ticker #nieuwsitem a	{ text-align:left; text-decoration:none; color:#333;}

/* ----- Clubinfo ----- */
.clubinfo1 				{ width:944;; min-height:233px; background-image:url(img/algemeen1.png); background-repeat:no-repeat; margin:40px 0 40px 0;}
.clubinfo1 .tekst 		{ padding: 10px 560px 0 50px; }
.clubinfo2 				{ width:944;; min-height:233px; background-image:url(img/algemeen2.png); background-repeat:no-repeat; margin:40px 0 40px 0;}
.clubinfo2 .tekst 		{ padding: 10px 50px 0 550px; }
.clubinfo3 				{ width:944;; min-height:233px; background-image:url(img/algemeen3.png); background-repeat:no-repeat; margin:40px 0 40px 0;}
.clubinfo3 .tekst 		{ padding: 10px 560px 0 50px; }
.clubinfo4				{ width:944;; min-height:233px; background-image:url(img/algemeen4.png); background-repeat:no-repeat; margin:40px 0 40px 0;}
.clubinfo4 .tekst 		{ padding: 10px 50px 0 550px; }


/* ----- Lidmaatschap ----- */
.lidmaatschap1 				{ width:944;; min-height:233px; background-image:url(img/lidmaatschap1.png); background-repeat:no-repeat; margin:40px 0 40px 0;}
.lidmaatschap1 .tekst 		{ padding: 10px 560px 0 50px; }
.lidmaatschap2 				{ width:944;; min-height:233px; background-image:url(img/lidmaatschap2.png); background-repeat:no-repeat; margin:40px 0 40px 0;}
.lidmaatschap2 .tekst 		{ padding: 10px 50px 0 550px; }
.lidmaatschap3 				{ width:944;; min-height:233px; margin:40px 0 40px 0;}
.lidmaatschap3 .tekst 		{ padding: 10px 50px 0 50px; }



/* ----- Lesrooster ----- */
table.rooster 				{ border-collapse: collapse; margin:0 auto; }
table.rooster th 			{ background-color:#4782D6; height:30px; text-align:center; color:#FFFFFF; }
table.rooster .hoekje1 		{ background-image:url(img/hoekblauw1.gif); background-repeat:no-repeat; background-position:left top; }
table.rooster .hoekje2 		{ background-image:url(img/hoekblauw2.gif); background-repeat:no-repeat; background-position:right top; }
table.rooster .regel		{ background-color:#999999; border:none; height:10px; }
table.rooster td 			{ border: 1px solid #999999; border-left:dotted thin #999999; border-top: 0px; border-right: 0px; background-color:#FFFFFF; }
table.rooster .rooster_links { border-left: 0; }
table.rooster td a 			{ display: block; width: 110px; padding: 8px; text-decoration: none; font-size:10px; color: #333; }
table.rooster td a:hover, 
table.rooster td a:active 	{ color: #fff; background-color: #4782D6; }
.printbutton				{ display:block; float:right; margin-top:38px;}


/* ----- Lesrooster PRINT ----- */
.printrooster table.rooster 			{ border-collapse: collapse; margin:0 auto; }
.printrooster table.rooster th 			{ background-color:#4782D6; height:30px; text-align:center; color:#FFFFFF; }
.printrooster table.rooster .hoekje1 	{ background-image:url(img/hoekblauw1.gif); background-repeat:no-repeat; background-position:left top; }
.printrooster table.rooster .hoekje2 	{ background-image:url(img/hoekblauw2.gif); background-repeat:no-repeat; background-position:right top; }
.printrooster table.rooster .regel		{ background-color:#999999; border:none; height:10px; }
.printrooster table.rooster td 			{ border: 1px solid #999999; border-left:dotted thin #999999; border-top: 0px; border-right: 0px; background-color:#FFFFFF; }
.printrooster table.rooster .rooster_links { border-left: 0; }
.printrooster table.rooster td a 		{ display: block; width: 120px; padding: 3px; text-decoration: none; font-size:10px; color: #333; }
.printrooster table.rooster td a:hover, 
.printrooster table.rooster td a:active { color: #fff; background-color: #4782D6; }



/* ----- Contact ----- */
.wufoo .info h2				{ font-size:26px; color:#333; line-height:1.4; margin-bottom:6px;}
.wufoo .info div			{ font-size:13px; color:#333; display:inline;}

.wufoo .section h3			{font-size:110%;font-family:inherit;background:;color:#000000}
.wufoo .section div			{font-size:85%;font-family:inherit;color:#444444}
.wufoo label.desc			{font-size:95%;font-family:inherit;color:#444444}
.wufoo li div, .wufoo li div label, .wufoo li span label{font-family:inherit;color:#444444}
.wufoo input.text, .wufoo textarea.textarea, .wufoo select.select, .wufoo label.choice{font-size:100%;font-family:inherit;color:#333333}
.wufoo label.choice			{color:#444444}
.wufoo .instruct			{font-size:80%;font-family:inherit;color:#444444;}

.contactformulier			{ width:550px; padding: 0px 50px 0 50px; margin: 25px 0 40px 0; display:inline-block; position:relative; }		
.contactgegevens			{ width:250px; float:right; margin: 25px 0 40px 35px; }
.contactgegevens .tekst		{ background-image:url(img/bgblauw.png); background-repeat:no-repeat; width:100%; height:300px; float:right; padding: 25px 0 35px 35px;}
.contactgegevens .tekst h1	{ color:#FFFFFF;}
.contactgegevens .tekst h3	{ color:#FFFFFF;}
.contactgegevens .tekst a:link,
.contactgegevens .tekst a:visited,
.contactgegevens .tekst a:active { color:#FFFFFF;}