/* Begin Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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; border: 0; outline: 0; font-size: 12px;
vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* End reset */

html { overflow-y: scroll;}

body {	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; background: #222222 url(/gfx/background.jpg) repeat-x top left;	margin: 0; 	padding: 0;	text-align: center; color: #000000;	line-height:18px;}

h2 { font-size: 32px; color:#FFF;}
a { color:#FFF; text-decoration:underline;}
a:hover { text-decoration:none;}

.clear { clear:both; display:block; }

#container {min-height: 800px; width: 960px; position: relative; overflow: visible; margin: 0 auto;}

#top {width: 100%;margin: 0 auto; border: 0px solid #000000;text-align: center; display: block; float:left; height:165px;}
#topContent {width: 960px;padding: 0 0px;margin: 0 auto; text-align:left;}
#topNav { background-color:#f29400; width:auto; height:30px; position:relative; float:right; border-left: 5px solid #FFF; border-right: 5px solid #FFF; border-bottom: 5px solid #FFF; display:block; top:0px; position:relative;}
	ul.topNavList { float:left; padding-top:0px; font-size: 14px; }
	ul.topNavList li { list-style:none; float:left; margin:5px 10px 0 14px; font-size: 14px;}
	ul.topNavList li a { font-size: 14px; text-decoration:none; color:#000;text-transform:uppercase;}
	ul.topNavList li a:hover { color:#fff;}


#header {width: 960px; height:320px; margin: 0 auto; border: 0px solid #000000;text-align: left; display: block; float:left;background:url(/gfx/header-background.png) no-repeat top center; clear:both;}
	#headerPic { width:689px; border: 5px solid #FFF; margin: 10px 0 0 10px; float:left; height: 225px;}
	#lesrooster { width:240px; text-align:center; float:left; color:#fff; margin-top:40px; font-size: 14px;}
	#lesrooster a {color:#FFF;font-size: 14px; z-index:1000; position:relative;}
	#lesrooster a:hover {color:#f29400;font-size: 14px;}
		#lesroosterTitle {font-size: 20px; color:#f29400;margin-bottom:5px;}
	#specialevents { width:240px; text-align:center; float:left; color:#fff; margin-top:10px; font-size: 14px; }
	#specialevents a {color:#FFF;font-size: 14px; z-index:1000; position:relative;}
	
#menuHolder {position: absolute; margin-top: -95px; margin-left: 15px;}
	.squarebtnholder {margin-top: 95px;}
	.squareBtn {margin-right: 10px; float: left; position: relative; }
	.squareBtn span {height: 90px; width: 90px; background: #F29400; border: 5px solid #ffffff; text-align: center; vertical-align: middle; color: #ffffff; display: table-cell; font-size: 16px;}
	.squareBtn span:hover { background: #000;}

#bodyContent {width: 960px;background-color:#fff;padding: 0 0px;margin: 20px auto;display: block;text-align:left;}	
#footerOrange {	width: 100%;height:46px;background: #ff5a00;margin: 0 auto;border: 0px solid #000000;text-align: center;display: block;}	

#footerLogo {width: 960px;height:150px;	background: #fff;	margin: 0 auto;	border: 0px solid #000000;	text-align: right;	display: block;}	

.logo {margin: 20px 0 20px 0;}

.logoLeft {margin: 20px 0 20px 0; float:left;}

.banner {margin: 45px 0 20px 90px; float:left; width: auto; display:block; text-align:center;}
#circlebanner {top:10px; left:35px; position:relative;}

.vestigingkeuze {width:700px; text-align:center; border:0px solid #fff; margin: 0 auto; display: block;}
.vestigingWolvega { width:350px; float:left; display:block;  margin-top: 30px; text-align:center;}
	.vestigingWolvegaNav {}
.vestigingAppelscha{ width:350px; float:left; display:block;  margin-top: 30px; text-align:center;}

div.wolvega, div.appelscha { float: left; width: 275px; padding: 15px; margin: 20px 0 0 22px; background: #252525; color:#fff; text-align:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 11px;}
	div.wolvega h3, div.appelscha h3 { color:#f29400; font-size: 11px;}
	div.wolvega {  }
	div.wolvega ul li a, div.appelscha ul li a {color:#c6c6c6; text-decoration:none;}
	div.wolvega ul li a:hover, div.appelscha ul li a:hover {color:#fff; text-decoration:underline;}
	div.wolvega ul li, div.appelscha ul li { font-weight:bold; color:#c6c6c6; clear:both; }
	div.wolvega ul li ul, div.appelscha ul li ul { float:left; display:block; margin-right:10px;}
	div.wolvega ul li ul li, div.appelscha ul li ul li { font-weight:normal; width:120px; }
	div.wolvega ul li ul li a, div.appelscha ul li ul li a{color:#c6c6c6; text-decoration:none;}
	div.wolvega ul li ul li a:hover, div.appelscha ul li ul li a:hover{color:#fff; text-decoration:underline;}
	.divider {margin-bottom:10px; margin-top:5px;}
	
div.contentHolder { text-align:left; float: left; width: 625px; padding: 35px; margin: 0px 0 0 0px; background: #252525; color:#fff; text-align:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 11px; min-height: 400px;}
	div.contentHolder h2 { font-size: 35px; margin-bottom: 20px;}
	div.contentHolder .medewerkerImg {margin: 5px;}

div.dagpas { text-align:left; float: left; width: 210px; padding: 35px 15px 35px 15px; margin: 0px 0 0 25px; background: #252525; color:#fff; text-align:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 11px;}	
	div.dagpas h2 { font-size: 20px; color:#f29400;}
	div.dagpas h3 { font-size: 14px; margin-top: 10px;}
	.dagpasForm input.input-text {background-color:#fff; border:0px; width:195px; margin-top:8px; padding: 0px 0 0 5px; height:29px; border-radius: 6px; font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.dagpasForm img {margin-top: 8px;}
	.dagpasForm label {width: 150px;}
	.dagpasForm .button {background: #f29400 no-repeat top; width: 200px; height: 29px; margin-top: 8px; font-weight: bold; font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; border: none;}
	/*.dagpasForm .button { width:100px; background-color:#f29400; color:#fff; font-weight:bold; font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
	*/

div.mailinglist { text-align:left; float: left; width: 210px; padding: 35px 15px 35px 15px; margin: 25px 0 0 25px; background: #252525; color:#fff; text-align:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 11px;}	
	div.mailinglist h2 { font-size: 20px; color:#f29400;}
	div.mailinglist h3 { font-size: 14px; margin-top: 10px;}
	.mailinglist input.input-text {background-color:#fff; border:0px; width:195px; margin-top:8px; padding: 0px 0 0 5px; height:29px; border-radius: 6px; font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;}
	.mailinglist img {margin-top: 8px;}
	.mailinglist label {width: 150px;}
	.mailinglist .button {background: #f29400 no-repeat top; width: 200px; height: 29px; margin-top: 8px; font-weight: bold; font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fff; border: none;}
	/*.dagpasForm .button { width:100px; background-color:#f29400; color:#fff; font-weight:bold; font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
	*/

div.vestigingen { text-align:left; float: right; width: 210px; padding: 35px 15px 35px 15px; margin: 20px 0 0 25px; background: #252525; color:#fff; text-align:left; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; font-size: 11px;}	
	div.vestigingen	 h3 { font-size: 14px;}
	div.vestigingen	a {font-size: 20px; color:#8e631f; text-decoration:none;}
	div.vestigingen	a:hover { color:#f29400; letter-spacing:1px;}
	div.vestigingen .current {color:#f29400; letter-spacing:1px;}
	
div.socialmedia { text-align:left; float: right; width: 110px; padding: 0px; margin: 90px 0 0 0px;  color:#fff; text-align:left; font-size: 11px;}	
	div.socialmedia	 h3 { font-size: 14px;}
	div.socialmedia	a {font-size: 20px; color:#8e631f; text-decoration:none;}
	div.socialmedia	a:hover { color:#f29400; letter-spacing:1px;}
	div.socialmedia .current {color:#f29400; letter-spacing:1px;}	
	
div.nieuwsItem { margin-top:30px; clear:both; display:block; float:left; position:relative;}
	div.nieuwsItemPic { float:left; margin-right:32px; width:111px; display:block;}
		div.nieuwsItemPic img { border:3px solid #fff; height: 130; width: 111px;}
	div.nieuwsItemContent { float:left; width:450px;}
	p.nieuwsItemTitle {font-size: 18px; font-weight:normal; margin-bottom:15px;}
	p.nieuwsItemDate { font-size: 13px; color:#f29400; font-weight:bold;}
	p.nieuwsItemText { font-size: 12px; color:#c6c6c6;}
	
div.subNav { float:left; width:200px; display:block;}	
	div.subNav h3 { font-size:20px; color:#f29400;}	 
	div.subNav ul { margin-top: 15px;}
	div.subNav ul li { background:url(/gfx/submenu-bullet.png) no-repeat 0px 4px; padding-left: 17px; color:#CCC; }
	div.subNav ul li:hover { background:url(/gfx/submenu-bullet-over.png) no-repeat 0px 4px; padding-left: 17px; color:#FFF;}
	div.subNav ul li a { color:#CCC; text-decoration:none; font-size: 14px;}
	div.subNav ul li a:hover { color:#fff; text-decoration:none;}
	div.subNav ul li.current {background:url(/gfx/submenu-bullet-over.png) no-repeat 0px 4px; padding-left: 17px; color:#FFF;}
	div.subNav ul li ul {margin-top: 5px; display:block; margin-bottom: 10px;}
	div.subNav ul li ul li {padding-left: 15px;}
	div.subNav ul li ul li:hover {padding-left: 15px;}
	div.subNav ul li ul li a { color:#CCC; text-decoration:none; font-size: 12px;}
	
div.subContent { display:block; float:left; width:425px; min-height:300px;}
	div.subContent a {color: #f29400;}
	div.subContent p {margin-bottom: 5px;}
	div.subContent h4 { color:#f29400; font-size: 13px;}
	div.subContent ul, div.subContent ol {list-style: decimal; margin-left: 30px;}
	

ul#pagination {  display: inline-block; position:relative; margin-bottom:0px; margin-top:40px; z-index:1000; margin-left:180px;}

#pagination li{border:0; margin:0; padding:0;font-size:13px;list-style:none;float:left;}
#pagination a{border:solid 1px #c0c0c0;margin-right:3px;display:block;background-color:#000;}
#pagination .previous-off,#pagination .next-off {color:#DB8804;display:block;float:left;font-weight:normal;padding:4px 8px;margin-right:3px;border:solid 1px #f0f0f0;}
#pagination .next a,#pagination .previous a {font-weight:normal;border:solid 1px #c0c0c0; background-color:#000; font-size:13px; color: #F29400;}
#pagination .active{color:#000;font-weight:normal;display:block;float:left;padding:4px 8px;border:solid 1px #666666;background-color:#F29400;margin-right:3px;}
#pagination a:link,#pagination a:visited {color:#F29400;display:block;float:left;padding:4px 8px;text-decoration:none;font-weight:normal;}
#pagination li a:hover {background-color:#F29400; color:#000;}
.dots{color:#000;display:block;float:left;padding:4px 5px;text-decoration:none;}
#pagination a:hover{border:solid 1px #666666;background-color:#fff;