@charset "utf-8";

/* Stylesheet voor Lidwinaschool.nl */
/* Copyright 2008 Voorloper.com */

* {
margin: 0;
padding: 0;
}

body {
background: #C57EFD;
font-family: verdana, sans-serif;
}

#contain {
margin: 1em auto 0 auto;
width: 918px;
}

#main img.hoek_main_lbottom {
position: absolute;
top: 368px;
left: 0px;
}

/* Achtergrondfoto's home */

#contain.home #top {
background: url("pic/home_foto_top_bg.png") no-repeat top left;
}

#contain.home #bottom img.hoek_main_lbottom {
background: url("pic/home_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's aanmelden */

#contain.aanmelden #top {
background: url("pic/aanmelden_foto_top_bg.png") no-repeat top left;
}

#contain.aanmelden img.hoek_main_lbottom {
background: url("pic/aanmelden_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's contact */

#contain.contact #top {
background: url("pic/contact_foto_top_bg.png") no-repeat top left;
}

#contain.contact img.hoek_main_lbottom {
background: url("pic/contact_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's fotoalbum */

#contain.fotoalbum #top {
background: url("pic/fotoalbum_foto_top_bg.png") no-repeat top left;
}

#contain.fotoalbum img.hoek_main_lbottom {
background: url("pic/fotoalbum_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's jaarkalender */

#contain.jaarkalender #top {
background: url("pic/jaarkalender_foto_top_bg.png") no-repeat top left;
}

#contain.jaarkalender img.hoek_main_lbottom {
background: url("pic/jaarkalender_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's flits */

#contain.flits #top {
background: url("pic/flits_foto_top_bg.png") no-repeat top left;
}

#contain.flits img.hoek_main_lbottom {
background: url("pic/flits_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's over onze school */

#contain.school #top {
background: url("pic/school_foto_top_bg.png") no-repeat top left;
}

#contain.school img.hoek_main_lbottom {
background: url("pic/school_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's schoolgids */

#contain.schoolgids #top {
background: url("pic/schoolgids_foto_top_bg.png") no-repeat top left;
}

#contain.schoolgids img.hoek_main_lbottom {
background: url("pic/schoolgids_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's voorschool */

#contain.voorschool #top {
background: url("pic/voorschool_foto_top_bg.png") no-repeat top left;
}

#contain.voorschool img.hoek_main_lbottom {
background: url("pic/voorschool_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's opvang */

#contain.opvang #top {
background: url("pic/opvang_foto_top_bg.png") no-repeat top left;
}

#contain.opvang img.hoek_main_lbottom {
background: url("pic/opvang_foto_bottom_bg.png") no-repeat top left;
}

/* Achtergrondfoto's links */

#contain.links #top {
background: url("pic/links_foto_top_bg.png") no-repeat top left;
}

#contain.links img.hoek_main_lbottom {
background: url("pic/links_foto_bottom_bg.png") no-repeat top left;
}

/* Einde achtergrondfoto's */

#top {
width: 100%;
height: 139px;
}

#top img, #top a img {
border: 0;
}

.small {
font-size: small;
}

/* Main home */

#main.home {
position: relative;
background: url("pic/main_bg.png") top left repeat-y #51B948;
width: 100%;
height: 22em;
padding-bottom: 1em;
}

#main #hometxt {
width: 420px;
}

/* Main tekst */

#main.txt {
position: relative;
background: url("pic/main_bg.png") top left repeat-y #51B948;
width: 100%;
height: 580px;
}

#main img.hoek_main_rb {
position: absolute;
top: 0px;
left: 797px;
}

#main img.hoek_main_rbottom {
position: absolute;
top: 457px;
left: 784px;
}

#main img.main_border_bottom {
position: absolute;
top: 579px;
left: 231px;
}

#main.txt #content table.data {
border: 0;
font-size: smaller;
}

#main.txt #content table.data tr td, #main.txt #content table.data tr td p {
padding: 0px;
margin: 0;
}

/* Navigatie */

#main #nav {
position: absolute;
top: 1em;
left: 1.8em;
}

#main ul.nav {
padding-left: 0;
padding-top: 0;
width: 210px;
}

#main ul.nav, #main ul.nav li ul {
list-style: none;
}

#main ul.nav li {
display: block;
height: 28px;
width: 210px;
float: left;
}

#main ul.nav li a, #main ul.nav li a:hover ul, #main ul.nav li a:hover ul li { 
display: block;
float: left;
}

#main ul.nav li a {
height: 28px;
width: 200px;
font-weight: bold;
color: #6B1F7E;
text-decoration: none;
background: url("pic/nav_li_bg.png") repeat-x #FFF9AE;
border: 0;
font-size: 0.8em;
}

#main ul.nav li a img {
padding: 0;
border: 0;
vertical-align: middle;
}

#main ul.nav li a img.nav_r {
border: 0;
float: right;
vertical-align: middle;
}

#main ul.nav li a:link {

}

#main ul.nav li a:visited {

}

#main ul.nav li a:hover {
background: #6B1F7E;
color: #ffff00;
}

#main ul.nav li a:active {
background: #6B1F7E;
color: #ffff00;
}

#main ul.nav li a.active:link, #main ul.nav li a.active:visited, #main ul.nav li a.active:hover, #main ul.nav li a.active:active {
cursor: default;
background: #6B1F7E;
color: #ffff00;
}

/* --- Submenu --- */


#main ul.nav li ul {
display: none;
font-size: small;
}

#main li > ul {
top: auto;
left: auto;
}

#main ul.nav li:hover ul, #main ul.nav li a:hover ul {
display: block;
padding-left: 200px;
}

#main ul.nav li a ul li {

}

#main ul.nav li > ul li a:link {
font-weight: normal;
padding-top: 0;
background: url("") #fff44e;
border: 1px solid #57883A;
}

#main ul.nav li > ul li a:visited {
font-weight: normal;
background: url("") #fff44e;
border: 1px solid #57883A;
}

#main ul.nav li > ul li a:hover {
font-weight: normal;
background: url("") #E69F92;
border: 1px solid #C61934;
}

#main ul.nav li > ul li a:active {
font-weight: normal;
background: url("") #fff44e;
border: 1px solid #57883A;
}

/* Aanmelden submenu */

#main ul.nav li ul.aanmelden {
width: 15em;
}

#main ul.nav li > ul.aanmelden li {
width: 100%;
background: none;
width: 15em;
height: 1.6em;
}

#main ul.nav li > ul.aanmelden li a {
padding: 0.25em 0.75em;
height: 1.25em;
width: 15em;
}

/* Fotoalbum submenu */

#main ul.nav li ul.fotoalbum {
width: 19em;
}

#main ul.nav li > ul.fotoalbum li {
width: 9em;
height: 1.6em;
background: none;
}

#main ul.nav li > ul.fotoalbum li a {
padding: 0.25em 0.75em;
width: 11em;
height: 1.25em;
}

/* Over onze school submenu */

#main ul.nav li ul.overonzeschool {
width: 28em;
}

#main ul.nav li > ul.overonzeschool li {
width: 13.5em;
height: 1.6em;
background: none;
}

#main ul.nav li > ul.overonzeschool li a {
padding: 0.25em 0.75em;
width: 15.9em;
height: 1.25em;
}

/* Over onze school submenu - Homepagina */

#main.home ul.nav li ul.overonzeschool {
position: relative;
top: -12em;
width: 28em;
}

/* kidslinks submenu */

#main ul.nav li ul.kidslinks {
width: 8em;
}

#main ul.nav li > ul.kidslinks li {
width: 8em;
height: 1.6em;
background: none;
}

#main ul.nav li > ul.kidslinks li a {
padding: 0.25em 0.75em;
width: 6em;
height: 1.25em;
}

/* kidslinks submenu - Homepagina */

#main.home ul.nav li ul.kidslinks {
position: relative;
top: -7.5em;
width: 7em;
}

/* Main Content */

#main #content p {
font-size: 0.9em;
padding: 15px 20px;
}

#main #content h1 {
font-weight: normal;
padding-left: 20px;
}

#main #content h3 {
font-weight: normal;
padding-left: 20px;
}

#main #content table {
padding-left: 20px;
}

#content img.afbeelding {
border: 1px solid black;
}

#content ul {
list-style: none;
padding-left: 20px;
font-size: small;
}

#content ul li {
display: block;
}

#content ul li a:link, #content a:link, #foot a:link {
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}

#content ul li a:visited, #content a:visited, #foot a:visited  {
text-decoration: none;
border-bottom: 1px solid #666;
color: black;
}

#content ul li a:hover, #content a:hover, #foot a:hover  {
text-decoration: none;
border-bottom: 1px solid black;
color: black;
background: white;
}

#content ul li a:active, #content a:active, #foot a:active {
text-decoration: none;
border-bottom: 1px solid black;
color: black;
background: white;
}


/* Home */

#main.home #content {
position: absolute;
top: 0;
left: 223px;
width: 446px;
height: 27em;
background: url("pic/home_content_bg.png") repeat-y #fff685;
margin-top: 1em;
margin-left: 25px;
}

#main.home #content img.agenda_on_content {
position: absolute;
top: 33px;
left: 410px;
}

#content img.welkom {
padding-left: 20px;
padding-bottom: 10px;
}

#main.home #agenda {
position: absolute;
top: 49px;
left: 690px;
width: 185px;
height: 280px;
background: url("pic/home_agenda_bg.png") repeat-y #BCDDAE;
overflow: hidden;
margin-bottom: 1em;
}

#main.home #agenda h3 {
padding-top: 0;
}

#main.home ul.agenda {
list-style: none;
width: 160px;
height: 250px;
overflow: hidden;
}

#main.home ul.agenda li {
margin-left: 0px;
width: 170px;
padding-bottom: 15px;
}

#main.home #agenda img.agenda_b {
position: absolute;
top: 274px;
}

#home_nieuws h4 {
font-size: 0.95em;
}

#bottom {
position: relative;
width: 918px;
height: 223px;
background: url("pic/home_bottom.png") top left no-repeat #C77FFF;
margin-bottom: 0;
padding-bottom: 0;
overflow: hidden;
}

#home_bottom_content {
position: absolute;
left: 250px;
top: 0px;
margin-left: 0px;
width: 325px;
height: 170px;
overflow: hidden;
}

#home_bottom_content p {
font-size: 0.9em;
padding-left: 20px;
padding-right: 25px;
}

#home_nieuws {
position: absolute;
top: 50px;
left: 575px;
width: 175px;
height: 75px;
overflow: hidden;
padding: 15px 40px;
font-size: 0.9em;
}

/* Txt */

#main.txt #content {
position: absolute;
top: 0;
left: 223px;
width: 600px;
height: 508px;
background: url("pic/txt_content_bg.png") repeat-y #fff785;
margin-top: 1em;
margin-left: 25px;
}

#main.txt img.txt_content_bottom {
position: absolute;
top: 508px;
left: 0px;
}

#main.txt p.center {
text-align: center;
}

.hlo {
position: absolute;
top: 96%;
left: 0;
}

/* Kalender */

#main.txt #content table.kiesmaand {
text-align: center;
}

#main.txt #content table.kiesmaand a:link {
color: black;
text-decoration: none;
border-bottom: 1px dotted #ccc;
}

#main.txt #content table.kiesmaand a:visited {
color: black;
text-decoration: none;
border-bottom: 1px solid #ccc;
}

#main.txt #content table.kiesmaand a:hover {
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}

#main.txt #content table.kiesmaand a:active {
color: black;
text-decoration: none;
border-bottom: 2px solid black;
}

#main.txt #content table.kiesmaand td {
width: 170px;
height: 116px;
border: 5px solid #333;
}

#main.txt #content table.kiesmaand td.maand1, #main.txt #content table.kiesmaand td.maand3, #main.txt #content table.kiesmaand td.maand5, #main.txt #content table.kiesmaand td.maand7, #main.txt #content table.kiesmaand td.maand9, #main.txt #content table.kiesmaand td.maand11{
width: 174px;
height: 116px;
border: 5px solid #FFDC7A;
background: #FFFEF4;
}

#main.txt #content table.kiesmaand td.maand2, #main.txt #content table.kiesmaand td.maand4, #main.txt #content table.kiesmaand td.maand6, #main.txt #content table.kiesmaand td.maand8,
#main.txt #content table.kiesmaand td.maand10, #main.txt #content table.kiesmaand td.maand12 { 
width: 174px;
height: 116px;
border: 5px solid #FFDC7A;
background: #FFFDDF;
}

#main.txt #content table.maand {
width: 570px;
height: 480px;
}

#main.txt #content table.maand td {
width: 90px;
height: 84px;
}

#main.txt #content table.maand td.calendarDayHeading, table.maand th {
height: 25px;
text-align: center;
}

#main.txt #content table.maand td.calendarCell {
border: 1px solid #FFDC7A;
background: #FFFEF4;
text-align: left;
vertical-align: top;
padding: 3px;
font-size: small;
}

#main.txt #content table.maand td.calendarToday {
border: 1px solid black;
background: #FFFEF4;
text-align: left;
vertical-align: top;
padding: 3px;
font-size: small;
}

.calendarMonthLinks a {
color: black;
}

/* Contact */

.contact_1 {
float: left;
display: block;
margin-right: 2em;
}

.contact_2 {
display: block;
clear: right;
}

#main.txt #content form {
padding-left: 20px;
}

#foot {
padding-top: 20px;
text-align: center;
font-size: small;
}

#foot.home {
padding-top: 7px;
}

#foot p {
padding: 0;
}

.overflowprotector {
height: 478px;
width: 595px;
overflow: auto;
}

.hidden {
display: none;
}

img.afbeelding-links {
float: left;
padding-right: 20px;
}

img.afbeelding-links-los {
float: left;
padding-right: 20px;
margin-left: 20px;
}

img.afbeelding-midden {
clear: both;
text-align: center;
}

img.afbeelding-rechts {
float: right;
margin-left: 20px;
}

p.kader {
	border: 1px solid black;
	padding: 10px;
	margin: 0px 25px;
	background: white;
}

#stats {
	background: white;
	border: 2px solid black;
	padding: 15px;
	width: 440px;
	margin: 20px auto;
}

#stats .small {
	font-size: x-small;
}