/****************************************/
/**************** common ****************/
/****************************************/


body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0px;
	background: url(img/bg_grad.jpg) fixed;
	font-size: 10px;
	text-align: center;
	margin-top: 2px;
}
h1 {
	font-size: 14px;
}

/****************************************/
/************* masterhead ***************/
/****************************************/

#toplinks {
	color: #999999;
	width: 86%;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 3px;
	position: absolute;
	top: 3px;
	left: 7%;
	right: 7%;
}
#toplinks a:link, #toplinks a:visited {
	color: #999999;
	text-decoration: none;
}
#toplinks a:hover {
	color: #999999;
	text-decoration: underline;
}

.spkw label {
	float: left;
	width: 150px;
}

.peuter_active {
	color: #F90  !important;	
}

.peuter_first {
	float: left;
	width: 300px;
}

#head {
	width: 86%;
	height: 145px;
	position: absolute;
	top: 25px;
	left: 7%;
	right: 7%;
	text-align: left;
	padding-top: 1px;
	background-image: url(img/kids_bg.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#head_mijnkw {
	width: 86%;
	height: 145px;
	position: absolute;
	top: 25px;
	left: 7%;
	right: 7%;
	text-align: left;
	padding-top: 1px;
	background-image: url(img/mijnkw/bg_head.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#head_scholen {
	width: 86%;
	height: 145px;
	position: absolute;
	top: 25px;
	left: 7%;
	right: 7%;
	text-align: left;
	padding-top: 1px;
	background-image: url(img/scholen/bg_head.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#logo {
	position: absolute;
	z-index: 101;
	left: 0px;
	top: 13px;
	height: 110px;
	width: 135px;
}

#logo_peuterspeelzalen {
	position: absolute;
	z-index: 101;
	left: 0px;
	top: 13px;
	height: 120px;
	width: 200px;
}

#navbalk {
	border: 1px solid #CCCCCC;
	height: 25px;
	width: 86%;
	position: absolute;
	top: 173px;
	left: 7%;
	right: 7%;
	background-image: url(img/bg_grad_navbalk.jpg);
}
#autoweg {
	position: absolute;
	height: 74px;
	width: 93.2%;
	z-index: 102;
	top: 100px;
	left: 0px;
	overflow: hidden;
}
#autootje {
	position: absolute;
	height: 74px;
	z-index: 103;
	width: 250px;
	left: 0px;
	visibility: hidden;
}
#nav {
	position: absolute;
	z-index: 101;
	width: 86%;
	left: 7%;
	right: 7%;
	top: 173px;
	height: 27px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#bevindt {
	height: 18px;
	width: 86%;
	font-weight: bold;
	padding-top: 2px;
	color: #999999;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	position: absolute;
	top: 232px;
	left: 7%;
	right: 7%;
	border-top: 1px solid #CCCCCC;;
}
#bevindt a:link, #bevindt a:visited {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
#bevindt a:hover {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
#bevindt_locations {
	height: 18px;
	width: 86%;
	font-weight: bold;
	padding-top: 2px;
	color: #999999;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	position: absolute;
	top: 170px;
	left: 7%;
	right: 7%;
	border-top: 1px solid #CCCCCC;;
}
#bevindt_locations a:link, #bevindt_locations a:visited {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
#bevindt_locations a:hover {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
#bevindt_mijnkw {
	height: 18px;
	width: 86%;
	font-weight: bold;
	padding-top: 2px;
	color: #999999;
	border-bottom: 1px solid #CCCCCC;
	text-align: left;
	position: absolute;
	top: 170px;
	left: 7%;
	right: 7%;
	border-top: 1px solid #CCCCCC;;
}
#bevindt_mijnkw a:link, #bevindt_mijnkw a:visited {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
#bevindt_mijnkw a:hover {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}

/****************************************/
/*************** content ****************/
/****************************************/

#pagecell1{
	width:86%;
	position: absolute;
	top: 254px;
	left: 7%;
	right: 7%;
}
#pagecell_locations{
	width:86%;
	position: absolute;
	top: 192px;
	left: 7%;
	right: 7%;
}
#pagecell_mijnkw{
	width:86%;
	position: absolute;
	top: 192px;
	left: 7%;
	right: 7%;
}
#pageNav{
	width:175px;
	left: 0px;
	top: 0px;
	float: left;
	text-align: left;
}
#pageNav_mijnkw{
	width:175px;
	left: 0px;
	top: 0px;
	float: left;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}
#villaLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#villaLinks a:link, #villaLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 7px 0px 3px 5px;
	background-image: url(img/leftcolom/bg_grad_lc.jpg);
	height: 20px;
}

#villaLinks img {
	border: 0px;	
}

#villaLinks a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #999999;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(img/leftcolom/bg_grad_lc_down.jpg);
}
#adminLinks{
	width:375px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#adminLinks a:link, #adminLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 7px 0px 3px 5px;
	background-image: url(img/leftcolom/bg_grad_lc.jpg);
	height: 20px;
	color: #999999;
	text-decoration: none;
}
#adminLinks a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #999999;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(img/leftcolom/bg_grad_lc_down.jpg);
}
#leftColom_extra_opvang{
	padding: 0px;
	margin: 0px;
}
#leftColom_extra_opvang a:link, #leftColom_extra_opvang a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	height: 20px;
	color: #999999;
	text-decoration: none;
	font-size: 10px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 4px;
}
#leftColom_extra_opvang a:hover{
	text-decoration: none;
	color: #AFC87D;
	border-bottom: 1px solid #CCCCCC;
}
#leftColom_extra_opvang{
	padding: 0px;
	margin: 0px;
}
#leftColom_scholen a:link, #leftColom_scholen a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	height: 20px;
	color: #999999;
	text-decoration: none;
	font-size: 10px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 4px;
}
#leftColom_scholen a:hover{
	text-decoration: none;
	color: #FFA466;
	border-bottom: 1px solid #CCCCCC;
}
#leftColom_opties{
	padding: 0px;
	margin: 0px;
}
#leftColom_opties a:link, #leftColom_opties a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	height: 20px;
	color: #999999;
	text-decoration: none;
	font-size: 10px;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 4px;
}
#leftColom_opties a:hover{
	text-decoration: none;
	color: #45C77F;
	border-bottom: 1px solid #CCCCCC;
}
#content{
	margin:0px 175px 0px 175px;
	padding-left: 15px;
	text-align: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 15px;
}
#content a:link, #content a:visited {
	color: #666666;
	text-decoration: underline;
}
#content a:hover{
	text-decoration: none;
	color: #999999;
}
#content_mijnkw{
	margin:0px 0px 0px 175px;
	padding-left: 15px;
	text-align: left;
	padding-right: 15px;
}
#content_mijnkw a:link, #content_mijnkw a:visited {
	color: #666666;
	text-decoration: underline;
}
#content_mijnkw a:hover{
	text-decoration: none;
	color: #999999;
}	
#content_admin{
	margin:0px 250px 0px 250px;
	padding-left: 15px;
	text-align: center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-right: 15px;
}
#rightColom{
	width:175px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	right: 2px;
}



#login {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	padding-left: 2px;
}
#aanmelden {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	padding-left: 10px;
	text-align: left;
}
#aanmelden a:link, #aanmelden a:visited {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
#aanmelden a:hover {
	color: #45C77F;
	text-decoration: none;
	font-weight: normal;
}
#onzegegevens {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	padding-left: 10px;
	text-align: left;
}
#fiveleft {
	margin: 0px 0px 0px 5px;
}
#download {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	text-align: left;
	padding-left: 2px;
}
#download a:link, #download a:visited {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
#download a:hover {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
#zoekoplocatie {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin: 0px;
	padding-left: 5px;
}
#zoekoplocatie a:link, #zoekoplocatie a:visited {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
#zoekoplocatie a:hover {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
#samenwerk a:link, #samenwerk a:visited {
	color: #999999;
	text-decoration: none;
}
#samenwerk a:hover {
	color: #999999;
	text-decoration: underline;
}


#categorieLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	text-align: left;
}
#categorieLinks a:link, #categorieLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px;
	background-image: none;
	font-size: 9px;
	color: #999999;
	text-decoration: none;
}
#categorieLinks a:hover{
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #FFA466;
	border-bottom: 1px solid #CCCCCC;
}




#oranjeLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#oranjeLinks a:link, #oranjeLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 3px 15px;
	height: 12px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#oranjeLinks a:hover{
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #FFA466;
	border-bottom: 1px solid #CCCCCC;
}

#donkergroenLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#donkergroenLinks a:link, #donkergroenLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 3px 15px;
	height: 12px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#donkergroenLinks a:hover{
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #1FA75D;
	border-bottom: 1px solid #CCCCCC;
}

#rozeLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#rozeLinks a:link, #rozeLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 3px 15px;
	height: 12px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#rozeLinks a:hover{
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #D25798;
	border-bottom: 1px solid #CCCCCC;
}

#blauwLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#blauwLinks a:link, #blauwLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 3px 15px;
	height: 12px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#blauwLinks a:hover{
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #72DCDC;
	border-bottom: 1px solid #CCCCCC;
}

#lichtgroenLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#lichtgroenLinks a:link, #lichtgroenLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 3px 15px;
	height: 12px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#lichtgroenLinks a:hover{
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #AFC87D;
	border-bottom: 1px solid #CCCCCC;
}

#kakelbontLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#kakelbontLinks a:link, #kakelbontLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 3px 15px;
	height: 12px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#kakelbontLinks a:hover{
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #FFA466;
	border-bottom: 1px solid #CCCCCC;
}

#scholenLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#scholenLinks a:link, #scholenLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 3px 15px;
	height: 12px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration: none;
}
#scholenLinks a:hover{
	background-image: none;
	font-weight: bold;
	text-decoration: none;
	color: #AFC87D;
	border-bottom: 1px solid #CCCCCC;
}

/****************************************/
/*************** footer *****************/
/****************************************/

#footer {
	color: #FFFFFF;
	text-align: center;
	background-image: url(img/bg_grad_footer.jpg);
	background-repeat: repeat-x;
	border: 1px solid #CCCCCC;
	height: 20px;
	width: 100%;
	padding-top: 5px;
	clear: both;
}
#footer a:link, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9em;
}
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 0.9em;
}
#lottesco {
	height: 12px;
	width: 100%;
	text-align: center;
	color: #999999;
}
#lottesco a:link, #lottesco a:visited {
	color: #999999;
	text-decoration: underline;
}
#lottesco a:hover {
	color: #FF9900;
	text-decoration: none;
}

/****************************************/
/**************** classes ***************/
/****************************************/

.txtfield_grijs {
	font-size: 0.9em;
	color: #FF0000;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	background-color: #CCCCCC;
	border: 1px solid #666666;
}
.txtfield {
	font-size: 0.9em;
	color: #999999;
	margin: 0px;
	padding: 0px;
}
.keuzemenu {
	font-size: 0.9em;
}
.txtgrijs {
	color: #999999;
}
.formknop {
	font-size: 0.9em;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
.formknop_foto {
	font-size: 0.9em;
	color: #666666;
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 75px;
}
.go_knop {
	margin-left: 0px;
}
.verplichtsterretje {
	font-size: 0.9em;
	color: #FF0000;
}

.subNav{
	position: absolute;
	top: 210px;
	left: 7%;
	width: 86%;
	text-align: right;
	height: 20px;
	padding: 0px;
	visibility: hidden;
	color: #999999;
	font-size: 0.9em;
}
.subNav a:link, .subNav a:visited {
	color: #999999;
	text-decoration: none;
}

.subNav a:hover{
	color: #cccccc;
}

.ofvilla {color: #CA3174}


/****************************************/
/**************** mijnkw  ***************/
/****************************************/

#kleinefoto {
	margin: 1px;
	padding: 5px;
	float: left;
	height: 235px;
	width: 175px;
	border: 1px solid #DBDBDB;
	text-align: center;
}
#kleinefoto a:link, #kleinefoto a:visited {
	text-decoration: none;
}

#kleinefoto a:hover{
	border-top: 1px solid #A6C1E3;
	font-weight: bold;
	text-decoration: none;
	color: #999999;
}




#greyLinks{
	width:175px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#greyLinks a:link, #greyLinks a:visited {
	display: block;
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 0px 3px 15px;
	height: 12px;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	text-decoration: none;
}
#greyLinks a:hover{
	background-image: none;
	font-weight: normal;
	text-decoration: none;
	color: #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#map {
	height: 400px;
	width: 750px;
	border: 1px solid #CCCCCC;
	text-align: left;
}
#map a:link, #map a:visited {
	color: #999999;
	text-decoration: underline;
	font-weight: normal;
}
#map a:hover {
	color: #999999;
	text-decoration: none;
	font-weight: normal;
}
legend	{
	font-size: 1.3em;
	font-weight: normal;
	color: #C00;
	padding: 5px;
}

.peuterspeelzalen label {
	float: left;
	width: 220px;
}

.peuterspeelzalen h2 {
	color: #F81010;	
}

.red {
	color: red;	
}

.plattegrond {
	float: left; 
	width: 76%; 
	margin-left: 12%; 
	margin-right: 12%;	
}

.legenda {
	float: right; 
	width: 170px; 
	text-align: left;	
}

.legenda_regel {
	width: 100%; 
	float: left;	
}

.legenda_image {
	float: left; 
	margin-top: 5px;	
}

.legenda_tekst {
	float: left; 
	margin-top: 15px;	
}

.vakantierooster {
	width: 280px;
}

.vakantierooster p {
	padding-bottom: 5px;
	border-bottom: 1px solid #999;
}

.vakantierooster label {
	float: left;
	width: 120px;
}