a {text-decoration: none}

a:hover {text-decoration: none}

#aanhef{
height: 65px}

.aanhef {font-weight: bold; 
color: #330099; 
font-size: 14pt}

#address {
margin-top: 10px;
width: 150px; 
padding: 5px;
background: white;
border: 1px solid #990033;
line-height: 30px;
font-size: 10pt;
text-align: left
}

#apestaartje {position: absolute;
top: 160px;
left: 4px}


body {
font-size: 10pt;
font-family: sans-serif; 
text-align: left;
margin: 0px;
background: url(../afbeeldingen/bgmain.gif) repeat-y}

body.menu{
background: url(../afbeeldingen/menubalk6.jpg);
font-size: 9pt; 
text-align: center;
margin: 0px}

body.kop{
background: url(../afbeeldingen/kop9.jpg) no-repeat;
font-size: 12pt; 
text-align: left;
margin: 0px}

#buitenschools{
width: 300px;
background: white;
padding: 5px;
border: 4px solid blue;
color: blue;
line-height: 30px}

#buttons { 
width: 106px; position: relative;
left: 15px;
top: 0px;
background: transparant; 
text-align: left;
text-indent: 3px;
margin-left: auto;
margin-right: auto;
height: 500px ;
}


#buttons a {
background: url(../afbeeldingen/knopuit.gif) no-repeat; 
margin-top: 2px;
margin-bottom:2px;
margin-left: 3px;
margin-right: 5px;
display: block; 
text-decoration: none;
height: 3%;
padding: 5px;
color: black;
font-weight: normal;
font-style: normal;
}

#buttons a:hover {
background: url(../afbeeldingen/knopaan.gif) no-repeat; 
margin-top: 2px;
margin-bottom:2px;
margin-left: 3px;
margin-right: 5px;
display: block; 
text-decoration: none;
height: 3% ; 
padding: 5px;
color: black;
font-weight: normal;
font-style: normal}

#contentschool{
width: 585px;
background:#ffffee fixed;
padding: 10px;
text-align: left;}

#contentschool a{
text-decoration: underline}


#contentkalender{
width: 585px;
background:#ffffee fixed;
padding: 10px;
text-align: center;
}

#contentgroepen{
width: 650px;
background:#ffffee fixed;
padding: 0px;
text-align: center;
}

form.margetotdatum {margin-bottom: 3px}

#gegevens{
width: 450px;
height: auto;
margin-top: 10px;
padding: 5px;
border: 2px solid blue;
}

#groepen {
position: relative; top: 10px;
height: 365px; 
width: 500px; 
background: url(../afbeeldingen/bord.jpg) no-repeat; 
margin-left: auto; 
margin-right: auto;
text-align: left; 
padding: 5px;
color: white;}

#groepen a{
text-decoration: underline;
font-weight: bold;
color: white;}

#groepen a:hover{
text-decoration: underline;
font-weight: bold;
color: #ffffcc;}

html {
scrollbar-base-color: blue;
scrollbar-face-color: #6699ff;
scrollbar-arrow-color: blue;
scrollbar-track-color: #ccccff;
scrollbar-shadow-color: blue;
scrollbar-lightshadow-color: #99ccff; 
scrollbar-darkshadow-color: gray;
scrollbar-highlight-color: #ccffff;
scrollbar-3dlight-color: grey;
}

h3,h4 {margin: 0px}

h4.welkom {color: #330099}

h3.groepen, h4.groepen, h5.groepen {margin: 0px; font-family:,"lucida handwriting"}

h3.vliegendeuil {position:relative; 
top: 20px; 
margin-top: 0px; 
font-family:,"lucida handwriting","curlz mt","viner hand itc","papyrus"; 
font-size: 17pt;}

h2.kop {font-size: 20pt; 
margin: 0px; 
padding-top: 15px}

h2 {font-size: 20pt; 
margin-top: 0px}

img {border: 0px}

img.icon {margin-right: 10px; 
margin-top: 5px}

#info {
padding: 20px;
position: absolute;
top: 0px;
left: 3px ;
height: 108px;
width: 96px;
padding: 0px;
background: url(../afbeeldingen/info.gif) no-repeat;
font-size: 10px;
visibility: hidden}

#infosymbol {position: absolute;
top: 200px;
left: 2px}

input.breedte {width: 60px; 
border: 3px solid #330099; 
background: #99ccff; 
color: #000066;}

#klokje{
float: right;
padding: 5px;
width: 80px;
font-size: 8pt;
color: blue;
text-align: center}

.kopje {font-weight: bold; 
color: #330099; 
font-size: 11pt}

.logo {position: absolute; 
top: 15px; 
left: 520px}

#main{
width: auto;
margin-left: 30px;
margin-right:auto;
text-align: left;
padding: 0px}

#noscript{
position: absolute;
top: 40px;
left: 40px;
width: 300px;
padding: 5px;
background: #ffffff;
border: 2px solid red;
color: red;
font-weight: bold}

#padding {margin: 0px}

p.padding {margin-left: 2px; margin-right: 2px; margin-top: 5px; margin-bottom: 5px; color: white;}

#school,#groep,#activiteit,#nieuwsbrieven,#bulletins,#roosters,#commissies,#inzamel,#oudersites,#spelletjes,#opdracht{
margin-left: 20px;
margin-top: 2px;
width: 80px;
background: transparant;
text-align: left;}


#school a,#groep a,#activiteit a,#nieuwsbrieven a,#bulletins a,#roosters a,#commissies a,#inzamel a,#oudersites a,#spelletjes a,#opdracht a{
padding: 4px;
margin: 1px;
background: url(../afbeeldingen/knop2uit.gif) no-repeat;
font-weight: normal;
font-size: 8pt;
display: block}

#school a:hover,#groep a:hover,#activiteit a:hover,#nieuwsbrieven a:hover,#bulletins a:hover,#roosters a:hover,#commissies a:hover,#inzamel a:hover,#oudersites a:hover,#spelletjes a:hover,#opdracht a:hover{
padding: 4px;
margin: 1px;
background: url(../afbeeldingen/knop2aan.gif) no-repeat;
font-weight: normal;
font-size: 8pt;
}

#schoolreis{
width: 400px;
padding: 5px;
background: #ffffee;
border: 1px solid #003333;
color: #003333}

#status {position: relative; 
top: 20px; 
left: 57px; 
height: 55px; 
width: 55px; 
text-align: center; 
background: transparant}

.subkopje {font-size: 10pt; 
color: #000066; 
font-weight: bold}

table.doel {font-size: 10pt; 
font-weight: bold}

table.activiteiten {border: 4px solid blue; 
font-size: 9pt; 
border-collapse: collapse}

table.activiteiten td {border: 1px solid blue;
padding: 8px}

.tabelkop {background: #ffffcc; 
border: 1px solid blue; 
padding: 8px; 
font-weight: bold}

#uil {
position: relative; top: 10px; left: 10px;
}

#verslag {
width: 200px;
height: 140px;
margin-top: 10px;}

#verslag a {
text-decoration: none;
margin-top: 5px;
margin-bottom: 5px;
padding: 6px;
display: block;
font-family: "lucida handwriting";
font-size: 10pt;
color: white
}

#verslag a:hover{
text-decoration: none;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
border: 1px solid white;
display: block;
font-family: "lucida handwriting";
font-size: 10pt;
background: pink;
color: black
}