html, body { margin:0 auto; padding: 0; font-size: 11px; text-align: left; color: #545454; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; background-color: #fff; scrollbar-arrow-color:#999; scrollbar-face-color:#FAFAFA; scrollbar-base-color:#DDD; scrollbar-3dlight-color:#BBB; scrollbar-darkshadow-color:#BBB; scrollbar-shadow-color:#E9E9E9; }
/* Global styles */
* {
margin: 0px;
padding: 0;
border: 0;
}
p {font-family: Verdana}
ul { font-family: Verdana; margin-left: 15px; list-style-type: circle; list-style-position: outside; }
ol { font-family: Verdana; margin-left: 21px; list-style-type: decimal; list-style-position: outside; }
h2 {font-family: Verdana}
/* Heading styles */
h3 a, h3 a:link, h3 a:hover {font-weight: bold} /* styling for h3 heading links */
h4 a, h4 a:link, h4 a:hover {font-weight: bold} /* styling for other heading links */
h5 a:link, h5 a:hover { font-weight: bold; color: #009ddd; line-height: 20px; } /* styling for other heading links */
h2 {margin: 0; padding-left: 10px; font-size: 0.75em; background-color: #FFFFFF; color: #000000; line-height: 2.0em} /* headings on black backgrounds */
h4 { color: #009ddd;; font-size: 16px; font-family: Verdana; font-weight: bold; font-style: normal; line-height: 19px; }
h3 {font-size: 0.7em; line-height: 0.5em; font-weight: bold}
h5 { color: #009ddd;; font-size: 12px; font-family: Verdana; font-weight: bold; font-style: normal; line-height: 16px; }
/* classes */
.margin {
margin-right: auto;
margin-left: auto;
}
.margin2 { margin-right: 12px; margin-left: 12px; }
.padding { font-size: 11px; text-align: left; color: #696969; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 12px; }
.padding2 { font-size: 11px; text-align: left; color: #696969; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; margin: 5px 1px 0 9px; }
.platblauw { color: #009ddd; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
.plat { color: #666666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; }
.platblauwsubkop { color: #009ddd; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px;}
.platgrijssubkop { color: #545454; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 16px; }
.focusbloktekst { color: #881fa0; font-size: 13px; font-family: Verdana, Arial, sans-serif, Helvetica; font-weight: bold; line-height: 23px; padding: 9px; }
#intro { color: #960886; font-size: 18px; font-family: sans-serif, Verdana, Arial, Helvetica; font-style: italic; line-height: 22px; background-color: #fff; width: 147px; }
.homecursief { color: #808080; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; line-height: 19px; }
/* Paragraph Links */
a { color: #696969; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none }
a:hover { color: #009DDD; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none }
a.linkklein { color: #545454; font-size: 10px; text-decoration: none }
a:hover.linkklein { color: #009DDD; font-size: 10px; text-decoration: none }
a.focusb { color: #881fa0; font-size: 14px; font-family: Verdana, sans-serif, serif, Georgia, "Times New Roman", Times; line-height: 22px; text-decoration: underline ; }
a:hover.focusb { color: #009ddd; font-size: 14px; font-family: Verdana, sans-serif, serif, Georgia, "Times New Roman", Times; font-style: normal; line-height: 22px; text-decoration: underline }
a.schoolbelevings { color: #009ddd; font-size: 14px; font-family: Verdana, sans-serif, serif, Georgia, "Times New Roman", Times; line-height: 22px; text-decoration: underline ; }
a:hover.schoolbelevings { color: #881fa0; font-size: 14px; font-family: Verdana, sans-serif, serif, Georgia, "Times New Roman", Times; font-style: normal; line-height: 22px; text-decoration: underline }
a.groot { color: #881fa0; font-size: 14px; font-family: Verdana, sans-serif, serif, Georgia, "Times New Roman", Times; font-weight: bold; font-style: italic; line-height: 16px; text-decoration: underline }
a:hover.groot { color: #009ddd; font-size: 14px; font-family: Verdana, sans-serif, serif, Georgia, "Times New Roman", Times; font-weight: bold; font-style: italic; line-height: 16px; text-decoration: underline; }
a.groothome { color: #009ddd; font-size: 11px; font-family: sans-serif, serif, Georgia, "Times New Roman", Times; font-weight: bold; line-height: 22px; text-decoration: underline }
a:hover.groothome { color: #696969; font-size: 11px; font-family: sans-serif, serif, Georgia, "Times New Roman", Times; font-weight: bold; font-style: normal; line-height: 22px; text-decoration: underline }
a.focus { color: #881fa0; font-size: 10px; font-family: Arial, sans-serif, serif, Georgia, "Times New Roman", Times; font-weight: bold; line-height: 23px; text-decoration: underline ; letter-spacing: -1px; }
a:hover.focus { color: #009ddd; font-size: 10px; font-family: Arial, sans-serif, serif, Georgia, "Times New Roman", Times; font-weight: bold; font-style: normal; line-height: 23px; text-decoration: underline ; letter-spacing: -1px; }
a.middel { color: #009ddd; font-size: 14px; font-family: sans-serif, serif, Georgia, "Times New Roman", Times; font-weight: bold; font-style: italic; line-height: 20px; text-decoration: none }
a:hover.middel { color: #009ddd; font-size: 14px; font-family: sans-serif, serif, Georgia, "Times New Roman", Times; font-weight: bold; font-style: italic; line-height: 20px; text-decoration: underline }
a.underline {color: #545454; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline}
a.underline:link {color: #545454; text-decoration: underline}
a.underline:hover {color: #009DDD; text-decoration: none}
/* Divs */
#navbar { /* Main Navigation area */
background-color: transparent; width: 50px; height: 15px; background-position: 0 0; clip: inherit; float: right; margin-bottom: 2px; }
#container {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 971px;
height: 361px;
overflow: hidden;
float: left;
}
#containerscholeninlog { font-family: Verdana, Arial, Helvetica, sans-serif; width: 911px; height: 550px; overflow: hidden; float: left; }
#containerhome {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 721px;
height: 361px;
overflow: hidden;
float: left;
}
#flash { background-color: transparent; background-position: 0 0; width: 911px; /* Suits an 800x600 page, allowing for scrollbar */
height: 299px; overflow: hidden; }
#flashimage { background-position: 0 0; width: 681px; /* Suits an 800x600 page, allowing for scrollbar */
height: 299px; overflow: hidden; float: right; }
#homelink { color: #a8a8a8; font-size: 12px; font-family: Verdana; width: 50px; height: 15px; float: right; }
#adres { color: #a8a8a8; font-size: 12px; font-family: Verdana; position: relative; top: 17px; left: 32px; bottom: 0; overflow: hidden; float: left; }
#home { font-family: Verdana; width: 60px; height: 7px; overflow: visible; float: left; margin-top: 5px; }
#rechtstekst { color: #a8a8a8; font-size: 12px; font-family: Verdana; line-height: 22px; position: relative; top: 75px; left: 62px; bottom: 0; overflow: hidden; float: left; }
#scroller { overflow: hidden; float: none; margin-top: 39px; }
#koptitel { float: left; margin-top: 90px; margin-left: 65px; }
#vlaklinks {
width: 200px;
text-align: center;
top: 20px;
height: 500px;
z-index: 0;
overflow: hidden;
float: left;
}
#focusblokkader { width: 138px; height: 69px; z-index: 0; overflow: hidden; float: left; margin-top: 0; border: solid 4px #d3c6e0; }
#schoolbelevings { width: 138px; height: 50px; z-index: 0; overflow: hidden; float: left; border: solid 4px #881fa0; }
#focusblok {
width: 147px;
height: 350px;
z-index: 0;
overflow: hidden;
float: left;
}
#focusblokintro {
width: 147px;
height: 350px;
z-index: 0;
overflow: hidden;
float: left;
}
#focusblokschoolbelevings { width: 147px; height: 350px; z-index: 0; overflow: hidden; float: left; margin-right: 0; margin-bottom: 0; margin-left: 0; }
#focusblokhome {
width: 200px;
height: 500px;
z-index: 0;
overflow: hidden;
float: left;
margin: 6;
}
#workshop {
background-color: #DBEEF7;
width: 160px;
height: 350px;
z-index: 0;
overflow: visible;
float: left;
border: 0px solid #881fa0;
margin: auto;
}
#vlakrechts { background-color: #808080; width: 198px; text-align: left; top: 20px; height: 314px; overflow: hidden; float: left; margin-top: 0; margin-right: 15px; }
#nieuwsblok {
background-color: #dbeef7;
width: 187px;
height: 350px;
z-index: 0;
overflow: hidden;
border: solid 6px white;
outline: solid 1px #808080;
margin: 0px;
}
#nieuwskop {
color: #fff;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #00acec;
text-align: center;
width: 184px;
height: auto;
z-index: 0;
overflow: hidden;
float: none;
clear: left;
margin-top: 1px;
margin-left: 1px;
padding-top: 11px;
padding-bottom: 11px;
padding-left: 0;
}
#nieuwsbeeld {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
background-image: url(../img/nieuwsbeeldsmall.jpg);
width: 150px;
height: 78px;
z-index: 0;
overflow: hidden;
float: none;
margin-top: 12px;
margin-left: 17px;
}
#logo { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../img/logoklein.gif); width: 150px; height: 150px; z-index: 0; overflow: hidden; float: left; }
#nieuwstekst {
color: #545454;
font-size: 11px;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
line-height: 12px;
background-image: none;
text-align: left;
width: 170px;
height: auto;
z-index: 0;
overflow: hidden;
float: none;
margin-top: 8px;
margin-left: 8px;
}
#vlakmid { width: 472px; /* Suits an 800x600 page, allowing for scrollbar */
text-align: left; top: 20px; height: 361px; overflow: hidden; float: left; }
#vlakmidscrol {
width: 745px; /* Suits an 800x600 page, allowing for scrollbar */
text-align: left;
top: 20px;
height: 361px;
overflow: hidden;
float: left;
overflow-y:scroll;
margin: 10;
padding: 7px;
}
#vlakmidhomenoscroll { width: 681px; /* Suits an 800x600 page, allowing for scrollbar */
text-align: left; top: 20px; height: 361px; overflow: hidden; float: right; overflow-y:scroll; margin: 0; }
#vlakmidscrolscholeninlog { width: 681px; /* Suits an 800x600 page, allowing for scrollbar */
text-align: left; top: 20px; height: 550px; overflow: hidden; float: right; overflow-y:scroll; margin: 0; }
#vlakmidhome { width: 474px; text-align: left; top: 20px; height: 363px; overflow: hidden; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; padding-left: 8px; }
#vlakmidhomescrol { width: 474px; text-align: left; top: 20px; height: 363px; overflow: hidden; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; padding-left: 8px; overflow-y:scroll; margin: 0;}
#naarboven { /* Top bar, can be used for extra links etc */
width: 755px;
height: 20px;
background: #666666;
margin-left: 5px;
}
#menu { top: 12px; width: 909px; height: 22px; overflow: hidden; clear: left; border: solid 1px #808080; }
#footer { top: 740px; left: 0; width: 909px; height: 22px; overflow: hidden; float: left; clear: left; border-top: 1px solid #808080; border-right: 1px solid #808080; border-left: 1px solid #808080; }
#topspace {
width: 911px;
height: 20px;
}
#tussenspace { width: 911px; height: 15px; clear: left; }
#tussenspacefooter { width: 911px; height: 15px; clear: left; }
#nav ul {display: inline}
#nav li {display: inline}
#nav a {
line-height: 40px; /* same as height of nav bar */
margin-left: 1px;
display: inline;
font-weight: normal;
}
#nav a span {color: #333}