/* DEFAULT TEMPLATE STYLES */
body {
	background-color: #ffffff;
	text-align: center;
}
html, body {
	width: 100%;
	height: 100%;
}
.wrapper {
	width: 900px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}


/* IE6 OR LOWER */
.menu300 img, .menu300selected img {
	width: 95px;
	height: 30px;
}
.menu301 img, .menu301selected img {
	width: 140px;
	height: 30px;
}
.menu302 img, .menu302selected img {
	width: 190px;
	height: 30px;
}
.menu303 img, .menu303selected img {
	width: 140px;
	height: 30px;
}
.menu304 img, .menu304selected img {
	width: 85px;
	height: 30px;
}
.menu305 img, .menu305selected img {
	width: 80px;
	height: 30px;
}
.menu463 img, .menu463selected img {
	width: 140px;
	height: 30px;
}
/* SCHOOLACCOUNT */
#logintext {
	margin-bottom: 20px;
}
.menu1954 img, .menu1954selected img {
	width: 105px;
	height: 30px;
}
.menu1955 img, .menu1955selected img {
	width: 105px;
	height: 30px;
}
.menu1956 img, .menu1956selected img {
	width: 105px;
	height: 30px;
}
.menu3639 img, .menu3639selected img {
	width: 105px;
	height: 30px;
}
.menu4454 img, .menu4454selected img {
	width: 70px;
	height: 30px;
}


/* TABMENU 1 */
.rainbow {
	background-image: url(../image/web/bg/rainbow.png);
	background-position: top;
	background-repeat: repeat-y;
	height: 10px;
}
.tabmenu1 {
	background-image: url(../image/web/bg/tabmenu1.png);
	background-position: top;
	background-repeat: repeat-y;
	height: 50px;
}
.tabmenu1 ul {
	padding: 0px;
	margin: 0px;
}
.tabmenu1 li {
	padding: 0px;
	list-style: none;
	display: block;
	float: left;
	margin: 20px 10px 0px 0px;
}
.tabmenu1 li a img {
	background-position: bottom;
}


/* HEADING */
.heading {
	background-image: url(../image/web/bg/header.png);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 150px;
}
.heading .logo {
	margin-top: 40px;
	width: 280px;
	float: left;
}
.headingactiviteit {
	background-image: url(../image/web/bg/header.png);
	background-position: bottom;
	background-repeat: repeat-x;
	height: 110px;
}
.headingactiviteit .logo {
	margin-top: 35px;
	width: 190px;
	float: left;
}
.header {
	width: 600px;
	float: left;
}
.header img {
	position: absolute;
	margin: 0px 0px 0px 0px;
}
.locationsfp {
	position: absolute;
	margin: 15px 0px 0px 290px;
	width: 340px;
	height: 270px;
	z-index: 2000;
}
.locations303 {
	position: absolute;
	margin: 15px 0px 0px 30px;
	width: 600px;
	height: 270px;
	z-index: 2000;
}
.locations304 {
	position: absolute;
	margin: 15px 0px 0px 30px;
	width: 600px;
	height: 270px;
	z-index: 2000;
}
.locations463 {
	position: absolute;
	margin: 15px 0px 0px 30px;
	width: 600px;
	height: 270px;
	z-index: 2000;
}
.locations463activiteiten {
	position: absolute;
	margin: 15px 0px 0px 30px;
	width: 600px;
	height: 120px;
	z-index: 2000;
}
.locations463activiteitentable {
	margin-left: 230px;
}
.locations463activiteitenerror {
	background-image: url(../image/web/form/error.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: 16px;
}
.locations463activiteitenbox {
	padding: 12px 0px 0px 20px;
	height: 100px;
	min-height: 88px;
	max-height: 88px;
	width: 200px;
	min-width: 200px;
	max-width: 200px;
	background-image: url(../image/web/form/box.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.locations463activiteitenlist {
	background-color: #999999;
	margin-top: 10px;
	margin-right: 30px;
	padding: 1px 0px 1px 6px;
	color: #ffffff;
}
.locations463activiteitenlisthigh {
	background-color: #333333;
	margin-top: 10px;
	margin-right: 30px;
	padding: 1px 0px 1px 6px;
	color: #ffffff;
	font-weight: bold;
}


/* COLORBAR */
.colorbar {
	background-position: top;
	background-repeat: repeat-y;
	padding: 20px 0px 10px 0px;
}
.fppageintro {
	width: 270px;
	margin-right: 30px;
	float: left;
}
.fppageaddress {
	width: 250px;
	margin-right: 30px;
	float: left;
	background-image: url(../image/web/form/input_jouwwijk.png);
	background-position: 0px 40px;
	background-repeat: no-repeat;
}
.fppageaddress #address {
	width: 236px;
	border: 0px solid #ffffff;
	height: 20px;
	margin: 14px 8px 14px 8px;
}
.fppageaddress label {
	color: #ffffff;
}
.pageintro {

}
.fppageintro h1, .pageintro h1, .fppageaddress h1 {
	color: #ffffff;
	font-weight: normal;
	font-size: 20px;
	letter-spacing: -1px;
	line-height: 20px;
	display: block;
	margin-bottom: 10px;
}
.fppageintro p, .pageintro p, .fppageaddress p {
	color: #ffffff;
	margin-bottom: 10px;
}


/* TABMENU 2 */
.tabmenu2 {
	height: 50px;
}
.tabmenu2 ul {
	padding: 0px;
	margin: 0px;
}
.tabmenu2 li {
	padding: 0px;
	list-style: none;
	display: block;
	float: left;
	margin: 20px 10px 0px 0px;
	background-position: top;
}
.tabmenu2 li a {
	background-position: bottom;
	height: 30px;
	line-height: 30px;
	display: block;
	float: left;
}


/* CONTENT */
.content {
	padding: 35px 0px 0px 0px;
	clear: both;
}
.contentmenu {
	float: left;
	width: 235px;
	margin-right: 20px;
}
.contentmenu ul {
	padding: 0px;
	margin: 0px;
}
.contentparagraph {
	float: left;
}
.printable {

}


/* FOOTER */
.footer {
	margin-top: 30px;
	height: 70px;
	width: 100%;
	left: 0px;
	background-image: url(../image/web/bg/footer.png);
	background-position: top;
	background-repeat: repeat-x;
}
.quicklinks {
	float: left;
	width: 760px;
}
.quicklinks ul {
	padding: 0px;
	margin: 0px;
}
.quicklinks li {
	padding: 0px;
	list-style: none;
	display: block;
	float: left;
	margin: 28px 20px 0px 0px;
}
.netgemak {
	float: right;
	width: 100px;
	margin-top: 28px;
}


/* LOCATIE PAGINA */
.locationaddress {
	float: left;
	width: 300px;
}
.locationinfo {
	float: left;
}


/* FORM STYLES */
.formbut {
	font-size: 11px; 
	color: #ffffff; 
	background-color: #999999;
	border: 1px solid #999999;
	height: 20px; 
	line-height: 10px;
	cursor: pointer;
}
.formbutdisabled {
	font-size: 11px; 
	color: #666666; 
	background-color: #eeeeee;
	border: 1px solid #999999;
	height: 20px; 
	line-height: 10px;
	cursor: default;
}
.formline {
	font-size: 11px; 
	color: #666666; 
	border: 1px solid #999999; 
	height: 14px;
	background-color: #FFFFFF;
	width: 200px;
	line-height: 14px;
	padding: 2px 3px 2px 3px;
}
select.formline {
	height: 20px;
	background-color: #FFFFFF;
	line-height: 14px;
}
.formlinedisabled {
	font-size: 11px; 
	color: #666666; 
	border: 1px solid #999999; 
	height: 14px;
	background-color: #eeeeee;
	width: 200px;
	line-height: 14px;
	padding: 2px 3px 2px 3px;
}
.formarea {
	font-size: 11px;
	color: #666666;  
	border: 1px solid #999999;
	padding-left: 3px;
	background-color: #FFFFFF;
	width: 200px;
	height: 60px;
}
.formlabel {
	width: 150px;
	background-color: #eeeeee;
	border-right: 2px solid #fff;
	padding: 0px 5px;
}

/* MENU STYLES */
.menu1, .menu1selected {
	height: 30px;
	line-height: 30px;
	display: block;
}
.menu2, .menu2selected {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.menu2 a, .menu2selected a {
	display: block;
}
.menu2selected a {
	color: #333333;
	text-decoration: none;
}
.menu2 font, .menu2selected font {
	font-size: 20px;
	line-height: 20px;
	font-family: "Times New Roman", Times, serif;
	margin-right: 5px;
}
.menu3, .menu3selected {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.menu3, .menu3selected {
	margin-left: 15px;
}
.menu3 a, .menu3selected a {
	display: block;
}
.menu3selected a {
	color: #333333;
	text-decoration: none;
}
.menu3 font, .menu3selected font {
	font-size: 20px;
	line-height: 20px;
	font-family: "Times New Roman", Times, serif;
	margin-right: 5px;
}


/* CALENDAR STYLES */
.calendaritem {
	border: 1px solid #eeeeee;
	padding: 10px 15px 10px 15px;
}
.calendaritemdate {
	float: right;
	margin-right: 5px;
	background-color: #eeeeee;
	text-transform: uppercase;
	padding: 3px 6px 3px 6px;
}
.calendaritemage {
	float: right;
	margin-right: 15px;
	background-color: #eeeeee;
	text-transform: uppercase;
	padding: 3px 6px 3px 6px;
}
.calendaritembutton {
	margin-top: 15px;
	text-align: right;
	clear: both;
}
.calendartable {
	width: 100%;
}
.calendartable td {
	border-bottom: 1px solid #eeeeee;
	padding: 0px 0px 2px 0px;
	vertical-align: middle;
}
.calendartable .date {
	font-weight: bold;
}
.calendartable .date span {
	text-transform: uppercase;
	font-weight: bold;
}
.menu2 .calendargroup {
	color: #999999;
}
.menu2selected .calendargroup {
	color: #333333;
}
/* MENU2SELECTED ACTIVITEITENKALENDER */
tr .menu2selected.li0, 
tr .menu2selected.li1, 
tr .menu2selected.li2, 
tr .menu2selected.li3, 
tr .menu2selected.li4, 
tr .menu2selected.li5,
tr .menu2selected.li6,
tr .menu2selected.li7,
tr .menu2selected.li8 {
	background-color: #eeeeee;
	background-color: #f5f5f5;
}
/* MENU 2 VALGIN */
.menu2.li0 td, .menu2selected.li0 td,
.menu2.li1 td, .menu2selected.li1 td,
.menu2.li2 td, .menu2selected.li2 td,
.menu2.li3 td, .menu2selected.li3 td,
.menu2.li4 td, .menu2selected.li4 td,
.menu2.li5 td, .menu2selected.li5 td,
.menu2.li6 td, .menu2selected.li6 td,
.menu2.li7 td, .menu2selected.li7 td,
.menu2.li8 td, .menu2selected.li8 td {
	vertical-align: top;
}
.label {
	padding: 2px 6px;
	vertical-align: top;
	border-right: 6px solid #ffffff;
}
.activiteitennotify {
	background-color: #999999;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 1px 0px 1px 6px;
	color: #ffffff;
}
.activiteitenalert {
	background-color: #333333;
	background-image: url(../image/web/form/alert_bg.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	margin-top: 15px;
	margin-bottom: 5px;
	padding: 4px 0px 4px 50px;
	color: #ffffff;
}


/* ExtraZake FUNCTION STYLES */
.highlight {
	background-color: #FFFF00;
}
.photothumb {
	width: 77px;
	height: 77px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	text-align: center;
}
.webbar {
	position: relative;
	width: 100%;
	text-align: center;
	z-index: 2000;
	left: 0px;
	top: 0px;
}
.formrequired {
	color: #000000;
	background-color: #FFFF99;
	border: 1px dashed #ff9900;
	padding: 5px 10px 5px 10px;
	background-position: top left;
}
.formrequest {
	color: #000000;
	background-color: #FFFF99;
	border: 1px solid #ffffff;
	padding: 0px 0px 0px 6px;
}


/* PRINTABLE ELEMENTS */
.printsitenav, .printlogo {
	display: none;
}